@krainovsd/graph 0.13.0-beta3 → 0.14.0-beta.1

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

@@ -4,57 +4,7 @@ import { getDrawLink } from './draw-links.js';
 import { getDrawNode } from './draw-nodes.js';
 
 function initDraw() {
-    let hasHighlight = false;
-    function calculateHighlight(recursive) {
-        if (hasHighlight && !recursive)
-            return;
-        /** animation up */
-        if (!this.highlightWorking && this.highlightProgress > 0) {
-            const highlightDownStep = 1 / this.highlightSettings.highlightDownFrames;
-            this.highlightProgress -= highlightDownStep;
-            if (!this.simulationWorking) {
-                hasHighlight = true;
-                return void requestAnimationFrame(() => this.draw(true));
-            }
-            if (!this.linkSettings.particles) {
-                hasHighlight = false;
-                return;
-            }
-        }
-        /** animation down */
-        if (this.highlightWorking && this.highlightProgress < 1) {
-            const highlightUpStep = 1 / this.highlightSettings.highlightUpFrames;
-            this.highlightProgress += highlightUpStep;
-            if (!this.simulationWorking) {
-                hasHighlight = true;
-                return void requestAnimationFrame(() => this.draw(true));
-            }
-            if (!this.linkSettings.particles) {
-                hasHighlight = false;
-                return;
-            }
-        }
-        /** animation active */
-        if (this.linkSettings.particles && this.highlightWorking && !this.simulationWorking) {
-            hasHighlight = true;
-            return void requestAnimationFrame(() => this.draw(true));
-        }
-        /** animation stop */
-        if (!this.highlightWorking && this.highlightProgress <= 0) {
-            if (this.highlightedNeighbors || this.highlightedNode || this.highlightedLink) {
-                this.highlightedNeighbors = null;
-                this.highlightedNode = null;
-                this.highlightedLink = null;
-                this.particles = {};
-                if (!this.simulationWorking) {
-                    hasHighlight = true;
-                    return void requestAnimationFrame(() => this.draw(true));
-                }
-            }
-        }
-        hasHighlight = false;
-    }
-    function draw(recursive = false) {
+    function draw() {
         if (!this.context)
             return;
         if (this.listeners.onDraw) {
@@ -75,7 +25,6 @@ function initDraw() {
         textRenders.forEach((render) => render());
         this.context.restore();
         this.listeners.onDrawFinished?.call?.(this);
-        calculateHighlight.bind(this)(recursive);
     }
     if (this.graphSettings.showDrawTime) {
         return setDrawTime(draw.bind(this), this.graphSettings.showDrawTimeEveryTick);

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

@@ -1 +1 @@
-{"version":3,"file":"init-draw.js","sources":["../../../../../src/module/GraphCanvas/slices/init-draw.ts"],"sourcesContent":["import { setDrawTime } from \"@/lib\";\nimport type { GraphCanvas } from \"../GraphCanvas\";\nimport { getDrawLink } from \"./draw-links\";\nimport { getDrawNode } from \"./draw-nodes\";\n\nexport function initDraw<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>) {\n  let hasHighlight = false;\n\n  function calculateHighlight(this: GraphCanvas<NodeData, LinkData>, recursive: boolean) {\n    if (hasHighlight && !recursive) return;\n\n    /** animation up */\n    if (!this.highlightWorking && this.highlightProgress > 0) {\n      const highlightDownStep = 1 / this.highlightSettings.highlightDownFrames;\n      this.highlightProgress -= highlightDownStep;\n\n      if (!this.simulationWorking) {\n        hasHighlight = true;\n\n        return void requestAnimationFrame(() => this.draw(true));\n      }\n\n      if (!this.linkSettings.particles) {\n        hasHighlight = false;\n\n        return;\n      }\n    }\n    /** animation down */\n    if (this.highlightWorking && this.highlightProgress < 1) {\n      const highlightUpStep = 1 / this.highlightSettings.highlightUpFrames;\n      this.highlightProgress += highlightUpStep;\n\n      if (!this.simulationWorking) {\n        hasHighlight = true;\n\n        return void requestAnimationFrame(() => this.draw(true));\n      }\n\n      if (!this.linkSettings.particles) {\n        hasHighlight = false;\n\n        return;\n      }\n    }\n    /** animation active */\n    if (this.linkSettings.particles && this.highlightWorking && !this.simulationWorking) {\n      hasHighlight = true;\n\n      return void requestAnimationFrame(() => this.draw(true));\n    }\n\n    /** animation stop */\n    if (!this.highlightWorking && this.highlightProgress <= 0) {\n      if (this.highlightedNeighbors || this.highlightedNode || this.highlightedLink) {\n        this.highlightedNeighbors = null;\n        this.highlightedNode = null;\n        this.highlightedLink = null;\n        this.particles = {};\n\n        if (!this.simulationWorking) {\n          hasHighlight = true;\n\n          return void requestAnimationFrame(() => this.draw(true));\n        }\n      }\n    }\n\n    hasHighlight = false;\n  }\n\n  function draw(this: GraphCanvas<NodeData, LinkData>, recursive: boolean = false) {\n    if (!this.context) return;\n\n    if (this.listeners.onDraw) {\n      this.listeners.onDraw.call(this);\n\n      return;\n    }\n\n    this.context.save();\n    this.context.clearRect(0, 0, this.width, this.height);\n    this.context.translate(this.areaTransform.x, this.areaTransform.y);\n    this.context.scale(this.areaTransform.k, this.areaTransform.k);\n\n    const textRenders: (() => void)[] = [];\n    const nodeRenders: (() => void)[] = [];\n    this.nodes.forEach(getDrawNode<NodeData, LinkData>(nodeRenders, textRenders).bind(this));\n\n    /** links */\n    this.links.forEach(getDrawLink<NodeData, LinkData>().bind(this));\n\n    /** nodes */\n\n    nodeRenders.forEach((render) => render());\n    textRenders.forEach((render) => render());\n\n    this.context.restore();\n\n    this.listeners.onDrawFinished?.call?.(this);\n\n    calculateHighlight.bind(this)(recursive);\n  }\n\n  if (this.graphSettings.showDrawTime) {\n    return setDrawTime(draw.bind(this), this.graphSettings.showDrawTimeEveryTick);\n  }\n\n  return draw.bind(this);\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"init-draw.js","sources":["../../../../../src/module/GraphCanvas/slices/init-draw.ts"],"sourcesContent":["import { setDrawTime } from \"@/lib\";\nimport type { GraphCanvas } from \"../GraphCanvas\";\nimport { getDrawLink } from \"./draw-links\";\nimport { getDrawNode } from \"./draw-nodes\";\n\nexport function initDraw<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>) {\n  function draw(this: GraphCanvas<NodeData, LinkData>) {\n    if (!this.context) return;\n\n    if (this.listeners.onDraw) {\n      this.listeners.onDraw.call(this);\n\n      return;\n    }\n\n    this.context.save();\n    this.context.clearRect(0, 0, this.width, this.height);\n    this.context.translate(this.areaTransform.x, this.areaTransform.y);\n    this.context.scale(this.areaTransform.k, this.areaTransform.k);\n\n    const textRenders: (() => void)[] = [];\n    const nodeRenders: (() => void)[] = [];\n    this.nodes.forEach(getDrawNode<NodeData, LinkData>(nodeRenders, textRenders).bind(this));\n\n    /** links */\n    this.links.forEach(getDrawLink<NodeData, LinkData>().bind(this));\n\n    /** nodes */\n\n    nodeRenders.forEach((render) => render());\n    textRenders.forEach((render) => render());\n\n    this.context.restore();\n\n    this.listeners.onDrawFinished?.call?.(this);\n  }\n\n  if (this.graphSettings.showDrawTime) {\n    return setDrawTime(draw.bind(this), this.graphSettings.showDrawTimeEveryTick);\n  }\n\n  return draw.bind(this);\n}\n"],"names":[],"mappings":";;;;;SAKgB,QAAQ,GAAA;AAItB,IAAA,SAAS,IAAI,GAAA;QACX,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE;AAEnB,QAAA,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE;YACzB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;YAEhC;;AAGF,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;AACnB,QAAA,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC;AACrD,QAAA,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;AAClE,QAAA,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;QAE9D,MAAM,WAAW,GAAmB,EAAE;QACtC,MAAM,WAAW,GAAmB,EAAE;AACtC,QAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAqB,WAAW,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;AAGxF,QAAA,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,EAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;QAIhE,WAAW,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;QACzC,WAAW,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;AAEzC,QAAA,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;QAEtB,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,IAAI,GAAG,IAAI,CAAC;;AAG7C,IAAA,IAAI,IAAI,CAAC,aAAa,CAAC,YAAY,EAAE;AACnC,QAAA,OAAO,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAC;;AAG/E,IAAA,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;AACxB;;;;"}

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

@@ -1,5 +1,8 @@
-import { isObject } from 'lodash';
-import { checkType } from '../../../lib/check-type.js';
+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 '@krainovsd/js-helpers';
 import { nodeByPointerGetter } from '../lib/utils/node-by-pointer-getter.js';
 import { linkByPointerGetter } from '../lib/utils/link-by-pointer-getter.js';
@@ -50,38 +53,7 @@ function initPointer() {
         else {
             this.area.style.cursor = "default";
         }
-        if (currentNode && highlightNode && this.highlightedNode !== currentNode) {
-            this.highlightedNode = currentNode;
-            this.highlightedLink = null;
-            this.highlightedNeighbors = new Set(this.highlightedNode?.neighbors ?? []);
-            this.highlightWorking = true;
-            if (!this.simulationWorking)
-                requestAnimationFrame(() => {
-                    this.draw();
-                });
-        }
-        else if (currentLink &&
-            highlightLink &&
-            checkType(currentLink.source, isObject(currentLink.source)) &&
-            checkType(currentLink.target, isObject(currentLink.target)) &&
-            this.highlightedLink !== currentLink) {
-            this.highlightProgress = 0;
-            this.highlightedLink = currentLink;
-            this.highlightedNode = null;
-            this.highlightedNeighbors = new Set([currentLink.source.id, currentLink.target.id]);
-            this.highlightWorking = true;
-            if (!this.simulationWorking)
-                requestAnimationFrame(() => {
-                    this.draw();
-                });
-        }
-        else if (!currentNode && !currentLink && (this.highlightedNode || this.highlightedLink)) {
-            this.highlightWorking = false;
-            if (!this.simulationWorking)
-                requestAnimationFrame(() => {
-                    this.draw();
-                });
-        }
+        this.animateHighlight(highlightNode ? currentNode : undefined, highlightLink ? currentLink : undefined);
         if (!this.listeners.onMove)
             return;
         if (!currentNode && !checkHighlightNode)

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

@@ -1 +1 @@
-{"version":3,"file":"init-pointer.js","sources":["../../../../../src/module/GraphCanvas/slices/init-pointer.ts"],"sourcesContent":["import { isObject } from \"lodash\";\nimport { checkType } from \"@/lib\";\nimport type { GraphCanvas } from \"../GraphCanvas\";\nimport { linkByPointerGetter, nodeByPointerGetter } from \"../lib\";\nimport type { LinkInterface, NodeInterface } from \"../types\";\n\nexport function initPointer<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>) {\n  if (!this.area || !this.nodes) throw new Error(\"bad init data\");\n\n  function onHover(this: GraphCanvas<NodeData, LinkData>, event: MouseEvent | TouchEvent) {\n    if (!this.area) return;\n\n    let currentNode: NodeInterface<NodeData> | undefined;\n    let currentLink: LinkInterface<NodeData, LinkData> | undefined;\n    const checkHighlightNode = this.highlightSettings.highlightByHoverNode && !this.isDragging;\n    const checkHighlightLink = this.highlightSettings.highlightByHoverLink && !this.isDragging;\n    let highlightNode = true;\n    let highlightLink = true;\n\n    if (checkHighlightNode) {\n      currentNode = nodeByPointerGetter({\n        areaRect: this.areaRect,\n        areaTransform: this.areaTransform,\n        mouseEvent: event,\n        nodes: this.nodes,\n      });\n      if (currentNode?.highlight != undefined) highlightNode = currentNode.highlight;\n    }\n    if (currentNode && highlightNode) {\n      this.area.style.cursor = \"pointer\";\n    } else if (checkHighlightLink) {\n      currentLink = linkByPointerGetter({\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        areaRect: this.areaRect,\n        areaTransform: this.areaTransform,\n        mouseEvent: event,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n      if (currentLink?.highlight != undefined) highlightLink = currentLink?.highlight;\n\n      if (currentLink && highlightLink) {\n        this.area.style.cursor = \"pointer\";\n      } else {\n        this.area.style.cursor = \"default\";\n      }\n    } else {\n      this.area.style.cursor = \"default\";\n    }\n    if (currentNode && highlightNode && this.highlightedNode !== currentNode) {\n      this.highlightedNode = currentNode;\n      this.highlightedLink = null;\n      this.highlightedNeighbors = new Set(this.highlightedNode?.neighbors ?? []);\n      this.highlightWorking = true;\n\n      if (!this.simulationWorking)\n        requestAnimationFrame(() => {\n          this.draw();\n        });\n    } else if (\n      currentLink &&\n      highlightLink &&\n      checkType<NodeInterface<NodeData>>(currentLink.source, isObject(currentLink.source)) &&\n      checkType<NodeInterface<NodeData>>(currentLink.target, isObject(currentLink.target)) &&\n      this.highlightedLink !== currentLink\n    ) {\n      this.highlightProgress = 0;\n      this.highlightedLink = currentLink;\n      this.highlightedNode = null;\n      this.highlightedNeighbors = new Set([currentLink.source.id, currentLink.target.id]);\n      this.highlightWorking = true;\n\n      if (!this.simulationWorking)\n        requestAnimationFrame(() => {\n          this.draw();\n        });\n    } else if (!currentNode && !currentLink && (this.highlightedNode || this.highlightedLink)) {\n      this.highlightWorking = false;\n      if (!this.simulationWorking)\n        requestAnimationFrame(() => {\n          this.draw();\n        });\n    }\n\n    if (!this.listeners.onMove) return;\n\n    if (!currentNode && !checkHighlightNode)\n      currentNode = nodeByPointerGetter({\n        areaRect: this.areaRect,\n        areaTransform: this.areaTransform,\n        mouseEvent: event,\n        nodes: this.nodes,\n      });\n    if (!currentNode && (!checkHighlightNode || (!checkHighlightLink && !currentLink))) {\n      currentLink = linkByPointerGetter({\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        areaRect: this.areaRect,\n        areaTransform: this.areaTransform,\n        mouseEvent: event,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n    }\n\n    if (!currentNode) return void this.listeners.onMove.call(this, event, currentNode, currentLink);\n  }\n  function onWheelClick(this: GraphCanvas<NodeData, LinkData>, event: MouseEvent | TouchEvent) {\n    if (\n      this.isDragging ||\n      !this.listeners.onWheelClick ||\n      !(\"button\" in event) ||\n      event.button !== 1\n    )\n      return;\n\n    const currentNode = nodeByPointerGetter({\n      areaRect: this.areaRect,\n      areaTransform: this.areaTransform,\n      mouseEvent: event,\n      nodes: this.nodes,\n    });\n\n    if (!currentNode) {\n      const currentLink = linkByPointerGetter({\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        areaRect: this.areaRect,\n        areaTransform: this.areaTransform,\n        mouseEvent: event,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n\n      return void this.listeners.onWheelClick.call(this, event, undefined, currentLink);\n    }\n\n    return void this.listeners.onWheelClick.call(this, event, currentNode, undefined);\n  }\n  function onRightClick(this: GraphCanvas<NodeData, LinkData>, event: MouseEvent) {\n    if (!this.listeners.onContextMenu) return;\n\n    const currentNode = nodeByPointerGetter({\n      areaRect: this.areaRect,\n      areaTransform: this.areaTransform,\n      mouseEvent: event,\n      nodes: this.nodes,\n    });\n\n    if (!currentNode) {\n      const currentLink = linkByPointerGetter({\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        areaRect: this.areaRect,\n        areaTransform: this.areaTransform,\n        mouseEvent: event,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n\n      return void this.listeners.onContextMenu.call(this, event, undefined, currentLink);\n    }\n\n    return void this.listeners.onContextMenu.call(this, event, currentNode, undefined);\n  }\n  function onDoubleClick(this: GraphCanvas<NodeData, LinkData>, event: MouseEvent | TouchEvent) {\n    if (!this.listeners.onDoubleClick) return;\n\n    const currentNode = nodeByPointerGetter({\n      areaRect: this.areaRect,\n      areaTransform: this.areaTransform,\n      mouseEvent: event,\n      nodes: this.nodes,\n    });\n    if (!currentNode) {\n      const currentLink = linkByPointerGetter({\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        areaRect: this.areaRect,\n        areaTransform: this.areaTransform,\n        mouseEvent: event,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n\n      return void this.listeners.onDoubleClick.call(this, event, undefined, currentLink);\n    }\n\n    return void this.listeners.onDoubleClick.call(this, event, currentNode, undefined);\n  }\n  function onClick(this: GraphCanvas<NodeData, LinkData>, event: MouseEvent | TouchEvent) {\n    if (this.isDragging || !this.listeners.onClick || (\"button\" in event && event.button !== 0))\n      return;\n    const currentNode = nodeByPointerGetter({\n      areaRect: this.areaRect,\n      areaTransform: this.areaTransform,\n      mouseEvent: event,\n      nodes: this.nodes,\n    });\n    if (!currentNode) {\n      const currentLink = linkByPointerGetter({\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        areaRect: this.areaRect,\n        areaTransform: this.areaTransform,\n        mouseEvent: event,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n\n      return void this.listeners.onClick.call(this, event, undefined, currentLink);\n    }\n\n    return void this.listeners.onClick.call(this, event, currentNode, undefined);\n  }\n\n  /** hover */\n  this.area.addEventListener(\"mousemove\", onHover.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n  this.area.addEventListener(\"touchmove\", onHover.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n\n  /** dblclick */\n  this.area.addEventListener(\"dblclick\", onDoubleClick.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n\n  /** wheel click */\n  this.area.addEventListener(\"mousedown\", onWheelClick.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n\n  /** click */\n  this.area.addEventListener(\"click\", onClick.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n\n  /** right click */\n  this.area.addEventListener(\"contextmenu\", onRightClick.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"init-pointer.js","sources":["../../../../../src/module/GraphCanvas/slices/init-pointer.ts"],"sourcesContent":["import type { GraphCanvas } from \"../GraphCanvas\";\nimport { linkByPointerGetter, nodeByPointerGetter } from \"../lib\";\nimport type { LinkInterface, NodeInterface } from \"../types\";\n\nexport function initPointer<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>) {\n  if (!this.area || !this.nodes) throw new Error(\"bad init data\");\n\n  function onHover(this: GraphCanvas<NodeData, LinkData>, event: MouseEvent | TouchEvent) {\n    if (!this.area) return;\n\n    let currentNode: NodeInterface<NodeData> | undefined;\n    let currentLink: LinkInterface<NodeData, LinkData> | undefined;\n    const checkHighlightNode = this.highlightSettings.highlightByHoverNode && !this.isDragging;\n    const checkHighlightLink = this.highlightSettings.highlightByHoverLink && !this.isDragging;\n    let highlightNode = true;\n    let highlightLink = true;\n\n    if (checkHighlightNode) {\n      currentNode = nodeByPointerGetter({\n        areaRect: this.areaRect,\n        areaTransform: this.areaTransform,\n        mouseEvent: event,\n        nodes: this.nodes,\n      });\n      if (currentNode?.highlight != undefined) highlightNode = currentNode.highlight;\n    }\n    if (currentNode && highlightNode) {\n      this.area.style.cursor = \"pointer\";\n    } else if (checkHighlightLink) {\n      currentLink = linkByPointerGetter({\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        areaRect: this.areaRect,\n        areaTransform: this.areaTransform,\n        mouseEvent: event,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n      if (currentLink?.highlight != undefined) highlightLink = currentLink?.highlight;\n      if (currentLink && highlightLink) {\n        this.area.style.cursor = \"pointer\";\n      } else {\n        this.area.style.cursor = \"default\";\n      }\n    } else {\n      this.area.style.cursor = \"default\";\n    }\n    this.animateHighlight(\n      highlightNode ? currentNode : undefined,\n      highlightLink ? currentLink : undefined,\n    );\n\n    if (!this.listeners.onMove) return;\n    if (!currentNode && !checkHighlightNode)\n      currentNode = nodeByPointerGetter({\n        areaRect: this.areaRect,\n        areaTransform: this.areaTransform,\n        mouseEvent: event,\n        nodes: this.nodes,\n      });\n    if (!currentNode && (!checkHighlightNode || (!checkHighlightLink && !currentLink))) {\n      currentLink = linkByPointerGetter({\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        areaRect: this.areaRect,\n        areaTransform: this.areaTransform,\n        mouseEvent: event,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n    }\n\n    if (!currentNode) return void this.listeners.onMove.call(this, event, currentNode, currentLink);\n  }\n  function onWheelClick(this: GraphCanvas<NodeData, LinkData>, event: MouseEvent | TouchEvent) {\n    if (\n      this.isDragging ||\n      !this.listeners.onWheelClick ||\n      !(\"button\" in event) ||\n      event.button !== 1\n    )\n      return;\n\n    const currentNode = nodeByPointerGetter({\n      areaRect: this.areaRect,\n      areaTransform: this.areaTransform,\n      mouseEvent: event,\n      nodes: this.nodes,\n    });\n\n    if (!currentNode) {\n      const currentLink = linkByPointerGetter({\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        areaRect: this.areaRect,\n        areaTransform: this.areaTransform,\n        mouseEvent: event,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n\n      return void this.listeners.onWheelClick.call(this, event, undefined, currentLink);\n    }\n\n    return void this.listeners.onWheelClick.call(this, event, currentNode, undefined);\n  }\n  function onRightClick(this: GraphCanvas<NodeData, LinkData>, event: MouseEvent) {\n    if (!this.listeners.onContextMenu) return;\n\n    const currentNode = nodeByPointerGetter({\n      areaRect: this.areaRect,\n      areaTransform: this.areaTransform,\n      mouseEvent: event,\n      nodes: this.nodes,\n    });\n\n    if (!currentNode) {\n      const currentLink = linkByPointerGetter({\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        areaRect: this.areaRect,\n        areaTransform: this.areaTransform,\n        mouseEvent: event,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n\n      return void this.listeners.onContextMenu.call(this, event, undefined, currentLink);\n    }\n\n    return void this.listeners.onContextMenu.call(this, event, currentNode, undefined);\n  }\n  function onDoubleClick(this: GraphCanvas<NodeData, LinkData>, event: MouseEvent | TouchEvent) {\n    if (!this.listeners.onDoubleClick) return;\n\n    const currentNode = nodeByPointerGetter({\n      areaRect: this.areaRect,\n      areaTransform: this.areaTransform,\n      mouseEvent: event,\n      nodes: this.nodes,\n    });\n    if (!currentNode) {\n      const currentLink = linkByPointerGetter({\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        areaRect: this.areaRect,\n        areaTransform: this.areaTransform,\n        mouseEvent: event,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n\n      return void this.listeners.onDoubleClick.call(this, event, undefined, currentLink);\n    }\n\n    return void this.listeners.onDoubleClick.call(this, event, currentNode, undefined);\n  }\n  function onClick(this: GraphCanvas<NodeData, LinkData>, event: MouseEvent | TouchEvent) {\n    if (this.isDragging || !this.listeners.onClick || (\"button\" in event && event.button !== 0))\n      return;\n    const currentNode = nodeByPointerGetter({\n      areaRect: this.areaRect,\n      areaTransform: this.areaTransform,\n      mouseEvent: event,\n      nodes: this.nodes,\n    });\n    if (!currentNode) {\n      const currentLink = linkByPointerGetter({\n        linkHoverExtraZone: this.highlightSettings.linkHoverExtraZone,\n        areaRect: this.areaRect,\n        areaTransform: this.areaTransform,\n        mouseEvent: event,\n        links: this.links,\n        curve: this.linkSettings.curve,\n      });\n\n      return void this.listeners.onClick.call(this, event, undefined, currentLink);\n    }\n\n    return void this.listeners.onClick.call(this, event, currentNode, undefined);\n  }\n\n  /** hover */\n  this.area.addEventListener(\"mousemove\", onHover.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n  this.area.addEventListener(\"touchmove\", onHover.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n\n  /** dblclick */\n  this.area.addEventListener(\"dblclick\", onDoubleClick.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n\n  /** wheel click */\n  this.area.addEventListener(\"mousedown\", onWheelClick.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n\n  /** click */\n  this.area.addEventListener(\"click\", onClick.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n\n  /** right click */\n  this.area.addEventListener(\"contextmenu\", onRightClick.bind(this), {\n    signal: this.eventAbortController.signal,\n  });\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,8 +1,14 @@
 import { forceCollide, forceX, forceY, forceManyBody, forceCenter, forceSimulation, forceLink } from 'd3-force';
 import '@krainovsd/js-helpers';
 import { getDrawTime, resetDrawTime } from '../../../lib/draw-time.js';
+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 'd3-array';
 import { nodeIterationExtractor } from '../lib/utils/node-iteration-extractor.js';
+import { initZoom } from './init-zoom.js';
 
 function initSimulation() {
     if (!this.simulation) {
@@ -14,13 +20,17 @@ function initSimulation() {
         })
             .on("end", () => {
             this.listeners.onSimulationEnd?.call?.(this);
+            if (this.area) {
+                initZoom.call(this, this.areaTransform);
+            }
             if (this.graphSettings.showDrawTime) {
                 getDrawTime();
                 // eslint-disable-next-line no-console
                 console.log(`nodes: ${this.nodes.length} | links: ${this.links.length}`);
                 resetDrawTime();
             }
-        });
+        })
+            .stop();
         initSimulationForces.call(this);
     }
 }
@@ -87,7 +97,7 @@ function initCollideForce(forceUpdate) {
         else if (!this.simulation.force("collide") || forceUpdate) {
             this.simulation.force("collide", forceCollide()
                 .radius((node, index) => {
-                const nodeOptions = this.nodeOptionsCache[node.id];
+                const nodeOptions = this.nodeOptionsCache[index];
                 if (!nodeOptions)
                     return 0;
                 switch (nodeOptions.shape) {

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

@@ -1 +1 @@
-{"version":3,"file":"init-simulation.js","sources":["../../../../../src/module/GraphCanvas/slices/init-simulation.ts"],"sourcesContent":["import {\n  type ForceLink,\n  forceCenter,\n  forceCollide,\n  forceLink,\n  forceManyBody,\n  forceSimulation,\n  forceX,\n  forceY,\n} from \"d3-force\";\nimport { getDrawTime, resetDrawTime } from \"@/lib\";\nimport type { GraphCanvas } from \"../GraphCanvas\";\nimport { nodeIterationExtractor } from \"../lib\";\nimport type { LinkInterface, NodeInterface } from \"../types\";\n\nexport function initSimulation<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>) {\n  if (!this.simulation) {\n    this.simulation = forceSimulation<NodeInterface<NodeData>, LinkInterface<NodeData, LinkData>>()\n      .nodes(this.nodes)\n      .force(\n        \"link\",\n        forceLink<NodeInterface<NodeData>, LinkInterface<NodeData, LinkData>>(this.links).id(\n          this.nodeSettings.idGetter.bind(this),\n        ),\n      )\n      .on(\"tick\", () => {\n        this.draw();\n      })\n      .on(\"end\", () => {\n        this.listeners.onSimulationEnd?.call?.(this);\n\n        if (this.graphSettings.showDrawTime) {\n          getDrawTime();\n          // eslint-disable-next-line no-console\n          console.log(`nodes: ${this.nodes.length} | links: ${this.links.length}`);\n          resetDrawTime();\n        }\n      });\n\n    initSimulationForces.call<\n      GraphCanvas<NodeData, LinkData>,\n      Parameters<typeof initSimulationForces>,\n      ReturnType<typeof initSimulationForces>\n    >(this);\n  }\n}\n\nexport function initSimulationForces<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>) {\n  if (!this.simulation) return;\n\n  const linkForce = this.simulation.force(\"link\") as\n    | ForceLink<NodeInterface<NodeData>, LinkInterface<NodeData, LinkData>>\n    | undefined;\n\n  if (!linkForce) return;\n\n  if ((!this.forceSettings.forces || !this.forceSettings.xForce) && this.simulation.force(\"x\")) {\n    this.simulation.force(\"x\", null);\n  }\n  if ((!this.forceSettings.forces || !this.forceSettings.yForce) && this.simulation.force(\"y\")) {\n    this.simulation.force(\"y\", null);\n  }\n  if (\n    (!this.forceSettings.forces || !this.forceSettings.chargeForce) &&\n    this.simulation.force(\"charge\")\n  ) {\n    this.simulation.force(\"charge\", null);\n  }\n  if (\n    (!this.forceSettings.forces || !this.forceSettings.centerForce) &&\n    this.simulation.force(\"center\")\n  ) {\n    this.simulation.force(\"center\", null);\n  }\n  if (!this.forceSettings.forces || !this.forceSettings.linkForce) {\n    linkForce.distance(0).strength(0).iterations(0);\n  }\n\n  if (this.forceSettings.forces && this.forceSettings.linkForce) {\n    linkForce\n      .distance(this.forceSettings.linkDistance)\n      .strength(this.forceSettings.linkStrength)\n      .iterations(this.forceSettings.linkIterations);\n  }\n  if (this.forceSettings.forces && this.forceSettings.xForce) {\n    this.simulation.force(\n      \"x\",\n      forceX<NodeInterface<NodeData>>(this.forceSettings.xPosition).strength(\n        this.forceSettings.xStrength,\n      ),\n    );\n  }\n  if (this.forceSettings.forces && this.forceSettings.yForce) {\n    this.simulation.force(\n      \"y\",\n      forceY<NodeInterface<NodeData>>(this.forceSettings.yPosition).strength(\n        this.forceSettings.yStrength,\n      ),\n    );\n  }\n  if (this.forceSettings.forces && this.forceSettings.chargeForce) {\n    this.simulation.force(\n      \"charge\",\n      forceManyBody<NodeInterface<NodeData>>()\n        .strength(this.forceSettings.chargeStrength)\n        .distanceMax(Infinity)\n        .distanceMin(this.forceSettings.chargeDistanceMin),\n    );\n  }\n  if (this.forceSettings.forces && this.forceSettings.centerForce) {\n    this.simulation.force(\n      \"center\",\n      forceCenter<NodeInterface<NodeData>>(\n        this.forceSettings.centerPosition.x ?? 0,\n        this.forceSettings.centerPosition.y ?? 0,\n      ).strength(this.forceSettings.centerStrength),\n    );\n  }\n\n  initCollideForce.call<\n    GraphCanvas<NodeData, LinkData>,\n    Parameters<typeof initCollideForce>,\n    ReturnType<typeof initCollideForce>\n  >(this, true);\n}\n\nexport function initCollideForce<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>, forceUpdate: boolean) {\n  if (!this.simulation) return;\n\n  if (\n    (!this.forceSettings.collideForce || !this.forceSettings.forces) &&\n    this.simulation.force(\"collide\")\n  ) {\n    this.simulation.force(\"collide\", null);\n  }\n\n  if (this.forceSettings.forces && this.forceSettings.collideForce) {\n    const isHasMax =\n      this.forceSettings.collideOffMax.links != 0 && this.forceSettings.collideOffMax.nodes != 0;\n    const isMaxCollideNodes =\n      isHasMax && this.forceSettings.collideOffMax.nodes < this.nodes.length;\n    const isMaxCollideLinks =\n      isHasMax && this.forceSettings.collideOffMax.links < this.links.length;\n    if (isMaxCollideNodes && isMaxCollideLinks) {\n      this.simulation.force(\"collide\", null);\n    } else if (!this.simulation.force(\"collide\") || forceUpdate) {\n      this.simulation.force(\n        \"collide\",\n        forceCollide<NodeInterface<NodeData>>()\n          .radius((node, index) => {\n            const nodeOptions = this.nodeOptionsCache[node.id];\n            if (!nodeOptions) return 0;\n\n            switch (nodeOptions.shape) {\n              case \"circle\": {\n                if (this.forceSettings.collideRadius) {\n                  return nodeIterationExtractor(\n                    node,\n                    index,\n                    this.nodes,\n                    this,\n                    this.forceSettings.collideRadius,\n                    undefined,\n                  );\n                }\n\n                return nodeOptions.radius + this.forceSettings.collideAdditionalRadius;\n              }\n              case \"square\": {\n                return (\n                  Math.sqrt(nodeOptions.width ** 2 + nodeOptions.height ** 2) / 2 +\n                  this.forceSettings.collideAdditionalRadius\n                );\n              }\n              case \"text\": {\n                return (\n                  Math.sqrt(nodeOptions.width ** 2 + nodeOptions.height ** 2) / 2 +\n                  this.forceSettings.collideAdditionalRadius\n                );\n              }\n              default: {\n                if (this.forceSettings.collideRadius) {\n                  return nodeIterationExtractor(\n                    node,\n                    index,\n                    this.nodes,\n                    this,\n                    this.forceSettings.collideRadius,\n                    undefined,\n                  );\n                }\n\n                return nodeOptions.radius + this.forceSettings.collideAdditionalRadius;\n              }\n            }\n          })\n          .strength(this.forceSettings.collideStrength)\n          .iterations(this.forceSettings.collideIterations),\n      );\n    }\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"init-simulation.js","sources":["../../../../../src/module/GraphCanvas/slices/init-simulation.ts"],"sourcesContent":["import {\n  type ForceLink,\n  forceCenter,\n  forceCollide,\n  forceLink,\n  forceManyBody,\n  forceSimulation,\n  forceX,\n  forceY,\n} from \"d3-force\";\nimport { getDrawTime, resetDrawTime } from \"@/lib\";\nimport type { GraphCanvas } from \"../GraphCanvas\";\nimport { nodeIterationExtractor } from \"../lib\";\nimport type { LinkInterface, NodeInterface } from \"../types\";\nimport { initZoom } from \"./init-zoom\";\n\nexport function initSimulation<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>) {\n  if (!this.simulation) {\n    this.simulation = forceSimulation<NodeInterface<NodeData>, LinkInterface<NodeData, LinkData>>()\n      .nodes(this.nodes)\n      .force(\n        \"link\",\n        forceLink<NodeInterface<NodeData>, LinkInterface<NodeData, LinkData>>(this.links).id(\n          this.nodeSettings.idGetter.bind(this),\n        ),\n      )\n      .on(\"tick\", () => {\n        this.draw();\n      })\n      .on(\"end\", () => {\n        this.listeners.onSimulationEnd?.call?.(this);\n        if (this.area) {\n          initZoom.call<\n            GraphCanvas<NodeData, LinkData>,\n            Parameters<typeof initZoom>,\n            ReturnType<typeof initZoom>\n          >(this, this.areaTransform);\n        }\n        if (this.graphSettings.showDrawTime) {\n          getDrawTime();\n          // eslint-disable-next-line no-console\n          console.log(`nodes: ${this.nodes.length} | links: ${this.links.length}`);\n          resetDrawTime();\n        }\n      })\n      .stop();\n    initSimulationForces.call<\n      GraphCanvas<NodeData, LinkData>,\n      Parameters<typeof initSimulationForces>,\n      ReturnType<typeof initSimulationForces>\n    >(this);\n  }\n}\n\nexport function initSimulationForces<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>) {\n  if (!this.simulation) return;\n\n  const linkForce = this.simulation.force(\"link\") as\n    | ForceLink<NodeInterface<NodeData>, LinkInterface<NodeData, LinkData>>\n    | undefined;\n\n  if (!linkForce) return;\n\n  if ((!this.forceSettings.forces || !this.forceSettings.xForce) && this.simulation.force(\"x\")) {\n    this.simulation.force(\"x\", null);\n  }\n  if ((!this.forceSettings.forces || !this.forceSettings.yForce) && this.simulation.force(\"y\")) {\n    this.simulation.force(\"y\", null);\n  }\n  if (\n    (!this.forceSettings.forces || !this.forceSettings.chargeForce) &&\n    this.simulation.force(\"charge\")\n  ) {\n    this.simulation.force(\"charge\", null);\n  }\n  if (\n    (!this.forceSettings.forces || !this.forceSettings.centerForce) &&\n    this.simulation.force(\"center\")\n  ) {\n    this.simulation.force(\"center\", null);\n  }\n  if (!this.forceSettings.forces || !this.forceSettings.linkForce) {\n    linkForce.distance(0).strength(0).iterations(0);\n  }\n\n  if (this.forceSettings.forces && this.forceSettings.linkForce) {\n    linkForce\n      .distance(this.forceSettings.linkDistance)\n      .strength(this.forceSettings.linkStrength)\n      .iterations(this.forceSettings.linkIterations);\n  }\n  if (this.forceSettings.forces && this.forceSettings.xForce) {\n    this.simulation.force(\n      \"x\",\n      forceX<NodeInterface<NodeData>>(this.forceSettings.xPosition).strength(\n        this.forceSettings.xStrength,\n      ),\n    );\n  }\n  if (this.forceSettings.forces && this.forceSettings.yForce) {\n    this.simulation.force(\n      \"y\",\n      forceY<NodeInterface<NodeData>>(this.forceSettings.yPosition).strength(\n        this.forceSettings.yStrength,\n      ),\n    );\n  }\n  if (this.forceSettings.forces && this.forceSettings.chargeForce) {\n    this.simulation.force(\n      \"charge\",\n      forceManyBody<NodeInterface<NodeData>>()\n        .strength(this.forceSettings.chargeStrength)\n        .distanceMax(Infinity)\n        .distanceMin(this.forceSettings.chargeDistanceMin),\n    );\n  }\n  if (this.forceSettings.forces && this.forceSettings.centerForce) {\n    this.simulation.force(\n      \"center\",\n      forceCenter<NodeInterface<NodeData>>(\n        this.forceSettings.centerPosition.x ?? 0,\n        this.forceSettings.centerPosition.y ?? 0,\n      ).strength(this.forceSettings.centerStrength),\n    );\n  }\n\n  initCollideForce.call<\n    GraphCanvas<NodeData, LinkData>,\n    Parameters<typeof initCollideForce>,\n    ReturnType<typeof initCollideForce>\n  >(this, true);\n}\n\nexport function initCollideForce<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>, forceUpdate: boolean) {\n  if (!this.simulation) return;\n\n  if (\n    (!this.forceSettings.collideForce || !this.forceSettings.forces) &&\n    this.simulation.force(\"collide\")\n  ) {\n    this.simulation.force(\"collide\", null);\n  }\n\n  if (this.forceSettings.forces && this.forceSettings.collideForce) {\n    const isHasMax =\n      this.forceSettings.collideOffMax.links != 0 && this.forceSettings.collideOffMax.nodes != 0;\n    const isMaxCollideNodes =\n      isHasMax && this.forceSettings.collideOffMax.nodes < this.nodes.length;\n    const isMaxCollideLinks =\n      isHasMax && this.forceSettings.collideOffMax.links < this.links.length;\n    if (isMaxCollideNodes && isMaxCollideLinks) {\n      this.simulation.force(\"collide\", null);\n    } else if (!this.simulation.force(\"collide\") || forceUpdate) {\n      this.simulation.force(\n        \"collide\",\n        forceCollide<NodeInterface<NodeData>>()\n          .radius((node, index) => {\n            const nodeOptions = this.nodeOptionsCache[index];\n            if (!nodeOptions) return 0;\n\n            switch (nodeOptions.shape) {\n              case \"circle\": {\n                if (this.forceSettings.collideRadius) {\n                  return nodeIterationExtractor(\n                    node,\n                    index,\n                    this.nodes,\n                    this,\n                    this.forceSettings.collideRadius,\n                    undefined,\n                  );\n                }\n\n                return nodeOptions.radius + this.forceSettings.collideAdditionalRadius;\n              }\n              case \"square\": {\n                return (\n                  Math.sqrt(nodeOptions.width ** 2 + nodeOptions.height ** 2) / 2 +\n                  this.forceSettings.collideAdditionalRadius\n                );\n              }\n              case \"text\": {\n                return (\n                  Math.sqrt(nodeOptions.width ** 2 + nodeOptions.height ** 2) / 2 +\n                  this.forceSettings.collideAdditionalRadius\n                );\n              }\n              default: {\n                if (this.forceSettings.collideRadius) {\n                  return nodeIterationExtractor(\n                    node,\n                    index,\n                    this.nodes,\n                    this,\n                    this.forceSettings.collideRadius,\n                    undefined,\n                  );\n                }\n\n                return nodeOptions.radius + this.forceSettings.collideAdditionalRadius;\n              }\n            }\n          })\n          .strength(this.forceSettings.collideStrength)\n          .iterations(this.forceSettings.collideIterations),\n      );\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,41 +1,110 @@
 import { isArray } from '@krainovsd/js-helpers';
 import { select } from 'd3-selection';
 import { zoom, ZoomTransform } from 'd3-zoom';
+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 { computeGraphBounds } from '../lib/utils/compute-graph-bounds.js';
+import 'd3-array';
 import { updateLinkCache } from './update-link-cache.js';
 import { updateNodeCache } from './update-node-cache.js';
 
+const DEFAULT_ZOOM_EXTENT = [0.3, 10];
+const DEFAULT_TRANSLATE_EXTENT_COEFFICIENT = 8;
+const DEFAULT_MARGIN = 0.25;
 function initZoom(currentZoom) {
     if (!this.area)
         throw new Error("bad init data");
+    const bounds = computeGraphBounds(this.nodes);
+    const zoomExtent = resolveZoomExtent(this.graphSettings.zoomExtent, this.width, this.height, this.graphSettings.zoomExtentMargin ?? DEFAULT_MARGIN, bounds);
+    const translateExtent = resolveTranslateExtent(this.graphSettings.translateExtent, this.graphSettings.translateExtentCoefficient, this.graphSettings.translateExtentOverlap, this.width, this.height, zoomExtent, bounds);
+    this._translateExtent = translateExtent;
     const zoomInstance = zoom()
-        .scaleExtent(this.graphSettings.zoomExtent)
+        .scaleExtent(zoomExtent)
         .on("zoom", (event) => {
+        if (this._zoomAnimating)
+            return;
         this.listeners.onZoom?.call?.(this, event);
         const oldTransform = this.areaTransform;
         this.areaTransform = event.transform;
         if (this.areaTransform.k !== oldTransform.k) {
             updateLinkCache.call(this);
-            updateNodeCache.call(this, true);
+            updateNodeCache.call(this);
         }
-        if (!this.simulationWorking && !this.highlightWorking)
-            requestAnimationFrame(() => this.draw());
+        this.tick();
     });
-    if (this.graphSettings.translateExtentEnable) {
-        const coefficient = this.graphSettings.translateExtentCoefficient;
-        const [coefficientX, coefficientY] = isArray(coefficient)
-            ? coefficient
-            : [coefficient, coefficient];
-        const [[minX = -this.width * coefficientX, minY = -this.height * coefficientY], [maxX = this.width * coefficientX, maxY = this.height * coefficientY],] = this.graphSettings.translateExtent;
-        zoomInstance.translateExtent([
-            [minX, minY],
-            [maxX, maxY],
-        ]);
-    }
+    zoomInstance.translateExtent(translateExtent);
     select(this.area).call(zoomInstance).on("dblclick.zoom", null);
     const zoomInitial = currentZoom ?? this.graphSettings.zoomInitial;
-    this.areaTransform = new ZoomTransform(zoomInitial?.k ?? 1, zoomInitial?.x ?? this.width / 2, zoomInitial?.y ?? this.height / 2);
+    this.areaTransform = new ZoomTransform(Math.max(zoomInitial?.k ?? 1, zoomExtent[0]), zoomInitial?.x ?? this.width / 2, zoomInitial?.y ?? this.height / 2);
     zoom().transform(select(this.area), this.areaTransform);
 }
+function resolveZoomExtent(userExtent, viewWidth, viewHeight, margin, bounds) {
+    if (userExtent &&
+        userExtent.length === 2 &&
+        userExtent[0] != undefined &&
+        userExtent[1] != undefined) {
+        return userExtent;
+    }
+    if (!bounds)
+        return DEFAULT_ZOOM_EXTENT;
+    const graphWidth = bounds.maxX - bounds.minX;
+    const graphHeight = bounds.maxY - bounds.minY;
+    if (graphWidth === 0 || graphHeight === 0)
+        return DEFAULT_ZOOM_EXTENT;
+    const scaleToFit = (1 - margin) / Math.max(graphWidth / viewWidth, graphHeight / viewHeight);
+    return [scaleToFit, DEFAULT_ZOOM_EXTENT[1]];
+}
+function resolveTranslateExtent(userExtent, userCoefficient, overlap, viewWidth, viewHeight, zoomExtent, bounds) {
+    if (userExtent && userExtent.length >= 2 && isArray(userExtent[0]) && isArray(userExtent[1])) {
+        return [
+            [
+                userExtent[0][0] ?? -viewWidth * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,
+                userExtent[0][1] ?? -viewHeight * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,
+            ],
+            [
+                userExtent[1][0] ?? viewWidth * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,
+                userExtent[1][1] ?? viewHeight * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,
+            ],
+        ];
+    }
+    if (userCoefficient) {
+        const [cx, cy] = isArray(userCoefficient)
+            ? userCoefficient
+            : [userCoefficient, userCoefficient];
+        return [
+            [-viewWidth * cx, -viewHeight * cy],
+            [viewWidth * cx, viewHeight * cy],
+        ];
+    }
+    if (!bounds) {
+        return [
+            [
+                -viewWidth * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,
+                -viewHeight * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,
+            ],
+            [
+                viewWidth * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,
+                viewHeight * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,
+            ],
+        ];
+    }
+    const minZoom = zoomExtent[0];
+    const zoomViewWidth = viewWidth / minZoom;
+    const zoomViewHeight = viewHeight / minZoom;
+    const graphWidth = bounds.maxX - bounds.minX;
+    const graphHeight = bounds.maxY - bounds.minY;
+    const minX = bounds.minX + overlap * graphWidth - zoomViewWidth;
+    const maxX = bounds.maxX - overlap * graphWidth + zoomViewWidth;
+    const minY = bounds.minY + overlap * graphHeight - zoomViewHeight;
+    const maxY = bounds.maxY - overlap * graphHeight + zoomViewHeight;
+    return [
+        [minX, minY],
+        [maxX, maxY],
+    ];
+}
 
 export { initZoom };
 //# sourceMappingURL=init-zoom.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"init-zoom.js","sources":["../../../../../src/module/GraphCanvas/slices/init-zoom.ts"],"sourcesContent":["import { isArray } from \"@krainovsd/js-helpers\";\nimport { select as d3Select } from \"d3-selection\";\nimport { ZoomTransform, zoom } from \"d3-zoom\";\nimport type { GraphCanvas } from \"../GraphCanvas\";\nimport type { ZoomEventInterface } from \"../types\";\nimport { updateLinkCache } from \"./update-link-cache\";\nimport { updateNodeCache } from \"./update-node-cache\";\n\nexport function initZoom<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>, currentZoom?: ZoomTransform) {\n  if (!this.area) throw new Error(\"bad init data\");\n\n  const zoomInstance = zoom<HTMLCanvasElement, unknown>()\n    .scaleExtent(this.graphSettings.zoomExtent)\n    .on(\"zoom\", (event: ZoomEventInterface) => {\n      this.listeners.onZoom?.call?.(this, event);\n      const oldTransform = this.areaTransform;\n      this.areaTransform = event.transform;\n      if (this.areaTransform.k !== oldTransform.k) {\n        updateLinkCache.call<\n          GraphCanvas<NodeData, LinkData>,\n          Parameters<typeof updateLinkCache>,\n          ReturnType<typeof updateLinkCache>\n        >(this);\n        updateNodeCache.call<\n          GraphCanvas<NodeData, LinkData>,\n          Parameters<typeof updateNodeCache>,\n          ReturnType<typeof updateNodeCache>\n        >(this, true);\n      }\n\n      if (!this.simulationWorking && !this.highlightWorking)\n        requestAnimationFrame(() => this.draw());\n    });\n\n  if (this.graphSettings.translateExtentEnable) {\n    const coefficient = this.graphSettings.translateExtentCoefficient;\n    const [coefficientX, coefficientY] = isArray(coefficient)\n      ? coefficient\n      : [coefficient, coefficient];\n\n    const [\n      [minX = -this.width * coefficientX, minY = -this.height * coefficientY],\n      [maxX = this.width * coefficientX, maxY = this.height * coefficientY],\n    ] = this.graphSettings.translateExtent;\n\n    zoomInstance.translateExtent([\n      [minX, minY],\n      [maxX, maxY],\n    ]);\n  }\n\n  d3Select(this.area).call(zoomInstance).on(\"dblclick.zoom\", null);\n\n  const zoomInitial = currentZoom ?? this.graphSettings.zoomInitial;\n  this.areaTransform = new ZoomTransform(\n    zoomInitial?.k ?? 1,\n    zoomInitial?.x ?? this.width / 2,\n    zoomInitial?.y ?? this.height / 2,\n  );\n  zoom<HTMLCanvasElement, unknown>().transform(d3Select(this.area), this.areaTransform);\n}\n"],"names":["d3Select"],"mappings":";;;;;;AAQM,SAAU,QAAQ,CAGiB,WAA2B,EAAA;IAClE,IAAI,CAAC,IAAI,CAAC,IAAI;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,eAAe,CAAC;IAEhD,MAAM,YAAY,GAAG,IAAI;AACtB,SAAA,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,UAAU;AACzC,SAAA,EAAE,CAAC,MAAM,EAAE,CAAC,KAAyB,KAAI;AACxC,QAAA,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,CAAC;AAC1C,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa;AACvC,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,SAAS;QACpC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,EAAE;AAC3C,YAAA,eAAe,CAAC,IAAI,CAIlB,IAAI,CAAC;AACP,YAAA,eAAe,CAAC,IAAI,CAIlB,IAAI,EAAE,IAAI,CAAC;;QAGf,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,gBAAgB;YACnD,qBAAqB,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;AAC5C,KAAC,CAAC;AAEJ,IAAA,IAAI,IAAI,CAAC,aAAa,CAAC,qBAAqB,EAAE;AAC5C,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,0BAA0B;QACjE,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,OAAO,CAAC,WAAW;AACtD,cAAE;AACF,cAAE,CAAC,WAAW,EAAE,WAAW,CAAC;QAE9B,MAAM,CACJ,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,YAAY,EAAE,IAAI,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,YAAY,CAAC,EACvE,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC,MAAM,GAAG,YAAY,CAAC,EACtE,GAAG,IAAI,CAAC,aAAa,CAAC,eAAe;QAEtC,YAAY,CAAC,eAAe,CAAC;YAC3B,CAAC,IAAI,EAAE,IAAI,CAAC;YACZ,CAAC,IAAI,EAAE,IAAI,CAAC;AACb,SAAA,CAAC;;AAGJ,IAAAA,MAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,eAAe,EAAE,IAAI,CAAC;IAEhE,MAAM,WAAW,GAAG,WAAW,IAAI,IAAI,CAAC,aAAa,CAAC,WAAW;AACjE,IAAA,IAAI,CAAC,aAAa,GAAG,IAAI,aAAa,CACpC,WAAW,EAAE,CAAC,IAAI,CAAC,EACnB,WAAW,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,EAChC,WAAW,EAAE,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAClC;AACD,IAAA,IAAI,EAA8B,CAAC,SAAS,CAACA,MAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC;AACvF;;;;"}
+{"version":3,"file":"init-zoom.js","sources":["../../../../../src/module/GraphCanvas/slices/init-zoom.ts"],"sourcesContent":["import { isArray } from \"@krainovsd/js-helpers\";\nimport { select as d3Select } from \"d3-selection\";\nimport { ZoomTransform, zoom } from \"d3-zoom\";\nimport type { GraphCanvas } from \"../GraphCanvas\";\nimport { computeGraphBounds } from \"../lib\";\nimport type { ZoomEventInterface } from \"../types\";\nimport { updateLinkCache } from \"./update-link-cache\";\nimport { updateNodeCache } from \"./update-node-cache\";\n\nconst DEFAULT_ZOOM_EXTENT: [number, number] = [0.3, 10];\nconst DEFAULT_TRANSLATE_EXTENT_COEFFICIENT = 8;\nconst DEFAULT_MARGIN = 0.25;\n\nexport function initZoom<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>, currentZoom?: ZoomTransform) {\n  if (!this.area) throw new Error(\"bad init data\");\n\n  const bounds = computeGraphBounds(this.nodes);\n  const zoomExtent = resolveZoomExtent(\n    this.graphSettings.zoomExtent,\n    this.width,\n    this.height,\n    this.graphSettings.zoomExtentMargin ?? DEFAULT_MARGIN,\n    bounds,\n  );\n  const translateExtent = resolveTranslateExtent(\n    this.graphSettings.translateExtent,\n    this.graphSettings.translateExtentCoefficient,\n    this.graphSettings.translateExtentOverlap,\n    this.width,\n    this.height,\n    zoomExtent,\n    bounds,\n  );\n  this._translateExtent = translateExtent;\n\n  const zoomInstance = zoom<HTMLCanvasElement, unknown>()\n    .scaleExtent(zoomExtent)\n    .on(\"zoom\", (event: ZoomEventInterface) => {\n      if (this._zoomAnimating) return;\n      this.listeners.onZoom?.call?.(this, event);\n      const oldTransform = this.areaTransform;\n      this.areaTransform = event.transform;\n      if (this.areaTransform.k !== oldTransform.k) {\n        updateLinkCache.call<\n          GraphCanvas<NodeData, LinkData>,\n          Parameters<typeof updateLinkCache>,\n          ReturnType<typeof updateLinkCache>\n        >(this);\n        updateNodeCache.call<\n          GraphCanvas<NodeData, LinkData>,\n          Parameters<typeof updateNodeCache>,\n          ReturnType<typeof updateNodeCache>\n        >(this);\n      }\n      this.tick();\n    });\n\n  zoomInstance.translateExtent(translateExtent);\n  d3Select(this.area).call(zoomInstance).on(\"dblclick.zoom\", null);\n\n  const zoomInitial = currentZoom ?? this.graphSettings.zoomInitial;\n  this.areaTransform = new ZoomTransform(\n    Math.max(zoomInitial?.k ?? 1, zoomExtent[0]),\n    zoomInitial?.x ?? this.width / 2,\n    zoomInitial?.y ?? this.height / 2,\n  );\n  zoom<HTMLCanvasElement, unknown>().transform(d3Select(this.area), this.areaTransform);\n}\n\nfunction resolveZoomExtent(\n  userExtent: [number, number] | null,\n  viewWidth: number,\n  viewHeight: number,\n  margin: number,\n  bounds: ReturnType<typeof computeGraphBounds>,\n): [number, number] {\n  if (\n    userExtent &&\n    userExtent.length === 2 &&\n    userExtent[0] != undefined &&\n    userExtent[1] != undefined\n  ) {\n    return userExtent;\n  }\n  if (!bounds) return DEFAULT_ZOOM_EXTENT;\n  const graphWidth = bounds.maxX - bounds.minX;\n  const graphHeight = bounds.maxY - bounds.minY;\n  if (graphWidth === 0 || graphHeight === 0) return DEFAULT_ZOOM_EXTENT;\n  const scaleToFit = (1 - margin) / Math.max(graphWidth / viewWidth, graphHeight / viewHeight);\n  return [scaleToFit, DEFAULT_ZOOM_EXTENT[1]];\n}\n\nfunction resolveTranslateExtent(\n  userExtent: [[number?, number?], [number?, number?]] | null,\n  userCoefficient: number | [number, number] | null,\n  overlap: number,\n  viewWidth: number,\n  viewHeight: number,\n  zoomExtent: [number, number],\n  bounds: ReturnType<typeof computeGraphBounds>,\n): [[number, number], [number, number]] {\n  if (userExtent && userExtent.length >= 2 && isArray(userExtent[0]) && isArray(userExtent[1])) {\n    return [\n      [\n        userExtent[0][0] ?? -viewWidth * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n        userExtent[0][1] ?? -viewHeight * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n      ],\n      [\n        userExtent[1][0] ?? viewWidth * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n        userExtent[1][1] ?? viewHeight * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n      ],\n    ];\n  }\n  if (userCoefficient) {\n    const [cx, cy] = isArray(userCoefficient)\n      ? userCoefficient\n      : [userCoefficient, userCoefficient];\n    return [\n      [-viewWidth * cx, -viewHeight * cy],\n      [viewWidth * cx, viewHeight * cy],\n    ];\n  }\n  if (!bounds) {\n    return [\n      [\n        -viewWidth * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n        -viewHeight * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n      ],\n      [\n        viewWidth * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n        viewHeight * DEFAULT_TRANSLATE_EXTENT_COEFFICIENT,\n      ],\n    ];\n  }\n\n  const minZoom = zoomExtent[0];\n  const zoomViewWidth = viewWidth / minZoom;\n  const zoomViewHeight = viewHeight / minZoom;\n  const graphWidth = bounds.maxX - bounds.minX;\n  const graphHeight = bounds.maxY - bounds.minY;\n\n  const minX = bounds.minX + overlap * graphWidth - zoomViewWidth;\n  const maxX = bounds.maxX - overlap * graphWidth + zoomViewWidth;\n  const minY = bounds.minY + overlap * graphHeight - zoomViewHeight;\n  const maxY = bounds.maxY - overlap * graphHeight + zoomViewHeight;\n\n  return [\n    [minX, minY],\n    [maxX, maxY],\n  ];\n}\n"],"names":["d3Select"],"mappings":";;;;;;;;;;;;;AASA,MAAM,mBAAmB,GAAqB,CAAC,GAAG,EAAE,EAAE,CAAC;AACvD,MAAM,oCAAoC,GAAG,CAAC;AAC9C,MAAM,cAAc,GAAG,IAAI;AAErB,SAAU,QAAQ,CAGiB,WAA2B,EAAA;IAClE,IAAI,CAAC,IAAI,CAAC,IAAI;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,eAAe,CAAC;IAEhD,MAAM,MAAM,GAAG,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC;AAC7C,IAAA,MAAM,UAAU,GAAG,iBAAiB,CAClC,IAAI,CAAC,aAAa,CAAC,UAAU,EAC7B,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,aAAa,CAAC,gBAAgB,IAAI,cAAc,EACrD,MAAM,CACP;AACD,IAAA,MAAM,eAAe,GAAG,sBAAsB,CAC5C,IAAI,CAAC,aAAa,CAAC,eAAe,EAClC,IAAI,CAAC,aAAa,CAAC,0BAA0B,EAC7C,IAAI,CAAC,aAAa,CAAC,sBAAsB,EACzC,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,MAAM,EACX,UAAU,EACV,MAAM,CACP;AACD,IAAA,IAAI,CAAC,gBAAgB,GAAG,eAAe;IAEvC,MAAM,YAAY,GAAG,IAAI;SACtB,WAAW,CAAC,UAAU;AACtB,SAAA,EAAE,CAAC,MAAM,EAAE,CAAC,KAAyB,KAAI;QACxC,IAAI,IAAI,CAAC,cAAc;YAAE;AACzB,QAAA,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,CAAC;AAC1C,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa;AACvC,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,SAAS;QACpC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,EAAE;AAC3C,YAAA,eAAe,CAAC,IAAI,CAIlB,IAAI,CAAC;AACP,YAAA,eAAe,CAAC,IAAI,CAIlB,IAAI,CAAC;;QAET,IAAI,CAAC,IAAI,EAAE;AACb,KAAC,CAAC;AAEJ,IAAA,YAAY,CAAC,eAAe,CAAC,eAAe,CAAC;AAC7C,IAAAA,MAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,eAAe,EAAE,IAAI,CAAC;IAEhE,MAAM,WAAW,GAAG,WAAW,IAAI,IAAI,CAAC,aAAa,CAAC,WAAW;AACjE,IAAA,IAAI,CAAC,aAAa,GAAG,IAAI,aAAa,CACpC,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,EAC5C,WAAW,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,EAChC,WAAW,EAAE,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAClC;AACD,IAAA,IAAI,EAA8B,CAAC,SAAS,CAACA,MAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC;AACvF;AAEA,SAAS,iBAAiB,CACxB,UAAmC,EACnC,SAAiB,EACjB,UAAkB,EAClB,MAAc,EACd,MAA6C,EAAA;AAE7C,IAAA,IACE,UAAU;QACV,UAAU,CAAC,MAAM,KAAK,CAAC;AACvB,QAAA,UAAU,CAAC,CAAC,CAAC,IAAI,SAAS;AAC1B,QAAA,UAAU,CAAC,CAAC,CAAC,IAAI,SAAS,EAC1B;AACA,QAAA,OAAO,UAAU;;AAEnB,IAAA,IAAI,CAAC,MAAM;AAAE,QAAA,OAAO,mBAAmB;IACvC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI;IAC5C,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI;AAC7C,IAAA,IAAI,UAAU,KAAK,CAAC,IAAI,WAAW,KAAK,CAAC;AAAE,QAAA,OAAO,mBAAmB;IACrE,MAAM,UAAU,GAAG,CAAC,CAAC,GAAG,MAAM,IAAI,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,SAAS,EAAE,WAAW,GAAG,UAAU,CAAC;IAC5F,OAAO,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;AAC7C;AAEA,SAAS,sBAAsB,CAC7B,UAA2D,EAC3D,eAAiD,EACjD,OAAe,EACf,SAAiB,EACjB,UAAkB,EAClB,UAA4B,EAC5B,MAA6C,EAAA;IAE7C,IAAI,UAAU,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC,IAAI,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE;QAC5F,OAAO;AACL,YAAA;gBACE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,oCAAoC;gBACrE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,oCAAoC;AACvE,aAAA;AACD,YAAA;gBACE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,SAAS,GAAG,oCAAoC;gBACpE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,UAAU,GAAG,oCAAoC;AACtE,aAAA;SACF;;IAEH,IAAI,eAAe,EAAE;QACnB,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,OAAO,CAAC,eAAe;AACtC,cAAE;AACF,cAAE,CAAC,eAAe,EAAE,eAAe,CAAC;QACtC,OAAO;YACL,CAAC,CAAC,SAAS,GAAG,EAAE,EAAE,CAAC,UAAU,GAAG,EAAE,CAAC;AACnC,YAAA,CAAC,SAAS,GAAG,EAAE,EAAE,UAAU,GAAG,EAAE,CAAC;SAClC;;IAEH,IAAI,CAAC,MAAM,EAAE;QACX,OAAO;AACL,YAAA;gBACE,CAAC,SAAS,GAAG,oCAAoC;gBACjD,CAAC,UAAU,GAAG,oCAAoC;AACnD,aAAA;AACD,YAAA;AACE,gBAAA,SAAS,GAAG,oCAAoC;AAChD,gBAAA,UAAU,GAAG,oCAAoC;AAClD,aAAA;SACF;;AAGH,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC;AAC7B,IAAA,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO;AACzC,IAAA,MAAM,cAAc,GAAG,UAAU,GAAG,OAAO;IAC3C,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI;IAC5C,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI;IAE7C,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa;IAC/D,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa;IAC/D,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,GAAG,OAAO,GAAG,WAAW,GAAG,cAAc;IACjE,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,GAAG,OAAO,GAAG,WAAW,GAAG,cAAc;IAEjE,OAAO;QACL,CAAC,IAAI,EAAE,IAAI,CAAC;QACZ,CAAC,IAAI,EAAE,IAAI,CAAC;KACb;AACH;;;;"}

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

@@ -1,3 +1,8 @@
+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 { linkOptionsGetter } from '../lib/settings/link-settings-getter.js';
 import '@krainovsd/js-helpers';
 import { linkIterationExtractor } from '../lib/utils/link-iteration-extractor.js';
@@ -5,16 +10,41 @@ import 'd3-array';
 import { extractLinkPointIds } from '../lib/utils/extract-link-point-ids.js';
 
 function updateLinkCache() {
-    this.linkOptionsCache = {};
+    if (!this.context)
+        return;
+    const current = this.areaTransform.k;
+    if (this.linkSettings.smartCache &&
+        this._lastLinkZoomK !== undefined &&
+        this.linkOptionsCache.length > 0) {
+        const corner = this.linkSettings.linkScaleSwitch;
+        const prev = this._lastLinkZoomK;
+        this._lastLinkZoomK = current;
+        if (!((prev <= corner && current >= corner) || (prev >= corner && current <= corner))) {
+            return;
+        }
+        for (let i = 0; i < this.links.length; i++) {
+            const link = this.links[i];
+            const linkOptions = linkIterationExtractor(link, i, this.links, this, this.linkSettings.options ?? {}, linkOptionsGetter);
+            const cache = this.linkOptionsCache[i];
+            if (cache) {
+                cache.color = linkOptions.color;
+                cache.arrowColor = linkOptions.arrowColor;
+                cache.width = linkOptions.width;
+            }
+        }
+        return;
+    }
+    this._lastLinkZoomK = current;
+    this.linkOptionsCache.length = 0;
     const groupMap = {};
     const groupSelfMap = {};
     for (let i = 0; i < this.links.length; i++) {
         const link = this.links[i];
         const { sourceId, targetId } = extractLinkPointIds(link);
         const linkOptions = linkIterationExtractor(link, i, this.links, this, this.linkSettings.options ?? {}, linkOptionsGetter);
-        const id = `${targetId}${sourceId}`;
-        this.linkOptionsCache[id] = linkOptions;
+        this.linkOptionsCache[i] = linkOptions;
         if (this.linkSettings.curve) {
+            const id = `${targetId}${sourceId}`;
             if (sourceId === targetId) {
                 groupSelfMap[id] ??= 0;
                 link._groupIndex = ++groupSelfMap[id];

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

@@ -1 +1 @@
-{"version":3,"file":"update-link-cache.js","sources":["../../../../../src/module/GraphCanvas/slices/update-link-cache.ts"],"sourcesContent":["import type { GraphCanvas } from \"../GraphCanvas\";\nimport { extractLinkPointIds, linkIterationExtractor, linkOptionsGetter } from \"../lib\";\n\nexport function updateLinkCache<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>) {\n  this.linkOptionsCache = {};\n\n  const groupMap: Record<string, number> = {};\n  const groupSelfMap: Record<string, number> = {};\n  for (let i = 0; i < this.links.length; i++) {\n    const link = this.links[i];\n    const { sourceId, targetId } = extractLinkPointIds(link);\n\n    const linkOptions = linkIterationExtractor(\n      link,\n      i,\n      this.links,\n      this,\n      this.linkSettings.options ?? {},\n      linkOptionsGetter,\n    );\n    const id = `${targetId}${sourceId}`;\n    this.linkOptionsCache[id] = linkOptions;\n\n    if (this.linkSettings.curve) {\n      if (sourceId === targetId) {\n        groupSelfMap[id] ??= 0;\n        link._groupIndex = ++groupSelfMap[id];\n        link._self = true;\n        continue;\n      }\n      const reverseId = `${sourceId}${targetId}`;\n      groupMap[reverseId] ??= 0;\n      groupMap[reverseId]++;\n      groupMap[id] ??= 0;\n      link._groupIndex = indexToPosition(++groupMap[id]);\n      link._self = false;\n    }\n  }\n  if (this.linkSettings.curve) {\n    for (const link of this.links) {\n      const { sourceId, targetId } = extractLinkPointIds(link);\n      const id = `${targetId}${sourceId}`;\n      link._groupSize = link._self ? (groupSelfMap[id] ?? 1) : (groupMap[id] ?? 1);\n    }\n  }\n}\n\nfunction indexToPosition(n: number): number {\n  if (n === 1) return 0;\n\n  const index = n >> 1;\n  return n & 1 ? -(index * 2) : index * 2;\n\n  // return n & 1 ? -(n >> 1) : n >> 1;\n}\n"],"names":[],"mappings":";;;;;;SAGgB,eAAe,GAAA;AAI7B,IAAA,IAAI,CAAC,gBAAgB,GAAG,EAAE;IAE1B,MAAM,QAAQ,GAA2B,EAAE;IAC3C,MAAM,YAAY,GAA2B,EAAE;AAC/C,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC1C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QAC1B,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,mBAAmB,CAAC,IAAI,CAAC;QAExD,MAAM,WAAW,GAAG,sBAAsB,CACxC,IAAI,EACJ,CAAC,EACD,IAAI,CAAC,KAAK,EACV,IAAI,EACJ,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,EAC/B,iBAAiB,CAClB;AACD,QAAA,MAAM,EAAE,GAAG,CAAA,EAAG,QAAQ,CAAG,EAAA,QAAQ,EAAE;AACnC,QAAA,IAAI,CAAC,gBAAgB,CAAC,EAAE,CAAC,GAAG,WAAW;AAEvC,QAAA,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE;AAC3B,YAAA,IAAI,QAAQ,KAAK,QAAQ,EAAE;AACzB,gBAAA,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC;gBACtB,IAAI,CAAC,WAAW,GAAG,EAAE,YAAY,CAAC,EAAE,CAAC;AACrC,gBAAA,IAAI,CAAC,KAAK,GAAG,IAAI;gBACjB;;AAEF,YAAA,MAAM,SAAS,GAAG,CAAA,EAAG,QAAQ,CAAG,EAAA,QAAQ,EAAE;AAC1C,YAAA,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC;AACzB,YAAA,QAAQ,CAAC,SAAS,CAAC,EAAE;AACrB,YAAA,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC;YAClB,IAAI,CAAC,WAAW,GAAG,eAAe,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC;AAClD,YAAA,IAAI,CAAC,KAAK,GAAG,KAAK;;;AAGtB,IAAA,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE;AAC3B,QAAA,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE;YAC7B,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,mBAAmB,CAAC,IAAI,CAAC;AACxD,YAAA,MAAM,EAAE,GAAG,CAAA,EAAG,QAAQ,CAAG,EAAA,QAAQ,EAAE;AACnC,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,IAAI,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;;;AAGlF;AAEA,SAAS,eAAe,CAAC,CAAS,EAAA;IAChC,IAAI,CAAC,KAAK,CAAC;AAAE,QAAA,OAAO,CAAC;AAErB,IAAA,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC;AACpB,IAAA,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC;;AAGzC;;;;"}
+{"version":3,"file":"update-link-cache.js","sources":["../../../../../src/module/GraphCanvas/slices/update-link-cache.ts"],"sourcesContent":["import type { GraphCanvas } from \"../GraphCanvas\";\nimport { extractLinkPointIds, linkIterationExtractor, linkOptionsGetter } from \"../lib\";\n\nexport function updateLinkCache<\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 current = this.areaTransform.k;\n  if (\n    this.linkSettings.smartCache &&\n    this._lastLinkZoomK !== undefined &&\n    this.linkOptionsCache.length > 0\n  ) {\n    const corner = this.linkSettings.linkScaleSwitch;\n    const prev = this._lastLinkZoomK;\n    this._lastLinkZoomK = current;\n    if (!((prev <= corner && current >= corner) || (prev >= corner && current <= corner))) {\n      return;\n    }\n    for (let i = 0; i < this.links.length; i++) {\n      const link = this.links[i];\n      const linkOptions = linkIterationExtractor(\n        link,\n        i,\n        this.links,\n        this,\n        this.linkSettings.options ?? {},\n        linkOptionsGetter,\n      );\n      const cache = this.linkOptionsCache[i];\n      if (cache) {\n        cache.color = linkOptions.color;\n        cache.arrowColor = linkOptions.arrowColor;\n        cache.width = linkOptions.width;\n      }\n    }\n    return;\n  }\n\n  this._lastLinkZoomK = current;\n  this.linkOptionsCache.length = 0;\n\n  const groupMap: Record<string, number> = {};\n  const groupSelfMap: Record<string, number> = {};\n  for (let i = 0; i < this.links.length; i++) {\n    const link = this.links[i];\n    const { sourceId, targetId } = extractLinkPointIds(link);\n\n    const linkOptions = linkIterationExtractor(\n      link,\n      i,\n      this.links,\n      this,\n      this.linkSettings.options ?? {},\n      linkOptionsGetter,\n    );\n    this.linkOptionsCache[i] = linkOptions;\n\n    if (this.linkSettings.curve) {\n      const id = `${targetId}${sourceId}`;\n      if (sourceId === targetId) {\n        groupSelfMap[id] ??= 0;\n        link._groupIndex = ++groupSelfMap[id];\n        link._self = true;\n        continue;\n      }\n      const reverseId = `${sourceId}${targetId}`;\n      groupMap[reverseId] ??= 0;\n      groupMap[reverseId]++;\n      groupMap[id] ??= 0;\n      link._groupIndex = indexToPosition(++groupMap[id]);\n      link._self = false;\n    }\n  }\n  if (this.linkSettings.curve) {\n    for (const link of this.links) {\n      const { sourceId, targetId } = extractLinkPointIds(link);\n      const id = `${targetId}${sourceId}`;\n      link._groupSize = link._self ? (groupSelfMap[id] ?? 1) : (groupMap[id] ?? 1);\n    }\n  }\n}\n\nfunction indexToPosition(n: number): number {\n  if (n === 1) return 0;\n\n  const index = n >> 1;\n  return n & 1 ? -(index * 2) : index * 2;\n\n  // return n & 1 ? -(n >> 1) : n >> 1;\n}\n"],"names":[],"mappings":"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"}