@krainovsd/graph 0.9.0 → 0.10.0-rc1

package/lib/esm/module/GraphCanvas/{lib/utils → slices}/draw-text.js

@@ -14,13 +14,33 @@ function drawText({ context, id, textAlign, textColor, textFont, textStyle, text
         context.fillText(text, x, y);
         return;
     }
+    const lines = getTextLines({
+        context,
+        maxWidth,
+        text,
+        textAlign,
+        textColor,
+        textFont,
+        textSize,
+        textStyle,
+        textWeight,
+    });
+    cachedNodeText[id] = lines;
+    lines.forEach((line, index) => {
+        context.fillText(line, x, y + index * textSize + index * textGap);
+    });
+}
+function getTextLines({ context, textAlign, textColor, textFont, textStyle, textWeight, textSize, text, maxWidth, }) {
+    context.font = `${textStyle} normal ${textWeight} ${textSize}px ${textFont}`;
+    context.fillStyle = textColor;
+    context.textAlign = textAlign;
     const spaceWidth = context.measureText(" ").width;
     const lines = [];
     let lineWidth = 0;
     let line = "";
     for (const word of text.split(" ")) {
         const size = context.measureText(word).width;
-        lineWidth += size;
+        lineWidth += size + spaceWidth;
         if (line === "") {
             line = word;
             continue;
@@ -37,11 +57,8 @@ function drawText({ context, id, textAlign, textColor, textFont, textStyle, text
     }
     if (line !== "")
         lines.push(line);
-    cachedNodeText[id] = lines;
-    lines.forEach((line, index) => {
-        context.fillText(line, x, y + index * textSize + index * textGap);
-    });
+    return lines;
 }
 
-export { drawText };
+export { drawText, getTextLines };
 //# sourceMappingURL=draw-text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"draw-text.js","sources":["../../../../../src/module/GraphCanvas/slices/draw-text.ts"],"sourcesContent":["import type { CachedNodeTextInterface } from \"@/types\";\nimport type { TextStyleEnum } from \"../types\";\n\nexport type DrawTextOptions = {\n  id: string | number;\n  x: number;\n  y: number;\n  text: string;\n  textSize: number;\n  textStyle: TextStyleEnum;\n  textWeight: number;\n  textFont: string;\n  textColor: string;\n  textGap: number;\n  textAlign: CanvasTextAlign;\n  context: CanvasRenderingContext2D;\n  cachedNodeText: CachedNodeTextInterface;\n  maxWidth?: number;\n};\n\nconst SPACE = \" \";\n\nexport function drawText({\n  context,\n  id,\n  textAlign,\n  textColor,\n  textFont,\n  textStyle,\n  textGap,\n  textWeight,\n  textSize,\n  text,\n  x,\n  y,\n  cachedNodeText,\n  maxWidth,\n}: DrawTextOptions) {\n  context.font = `${textStyle} normal ${textWeight} ${textSize}px ${textFont}`;\n  context.fillStyle = textColor;\n  context.textAlign = textAlign;\n\n  if (cachedNodeText[id] != undefined) {\n    cachedNodeText[id].forEach((line, index) => {\n      context.fillText(line, x, y + index * textSize + index * textGap);\n    });\n\n    return;\n  }\n\n  if (maxWidth == undefined || context.measureText(text).width <= maxWidth) {\n    cachedNodeText[id] = [text];\n    context.fillText(text, x, y);\n\n    return;\n  }\n\n  const lines = getTextLines({\n    context,\n    maxWidth,\n    text,\n    textAlign,\n    textColor,\n    textFont,\n    textSize,\n    textStyle,\n    textWeight,\n  });\n\n  cachedNodeText[id] = lines;\n  lines.forEach((line, index) => {\n    context.fillText(line, x, y + index * textSize + index * textGap);\n  });\n}\n\nexport type GetTextLines = {\n  text: string;\n  textSize: number;\n  textStyle: TextStyleEnum;\n  textWeight: number;\n  textFont: string;\n  textColor: string;\n  textAlign: CanvasTextAlign;\n  context: CanvasRenderingContext2D;\n  maxWidth: number;\n};\nexport function getTextLines({\n  context,\n  textAlign,\n  textColor,\n  textFont,\n  textStyle,\n  textWeight,\n  textSize,\n  text,\n  maxWidth,\n}: GetTextLines) {\n  context.font = `${textStyle} normal ${textWeight} ${textSize}px ${textFont}`;\n  context.fillStyle = textColor;\n  context.textAlign = textAlign;\n\n  const spaceWidth = context.measureText(\" \").width;\n  const lines: string[] = [];\n  let lineWidth = 0;\n  let line = \"\";\n\n  for (const word of text.split(\" \")) {\n    const size = context.measureText(word).width;\n    lineWidth += size + spaceWidth;\n\n    if (line === \"\") {\n      line = word;\n\n      continue;\n    }\n    if (lineWidth > maxWidth) {\n      lineWidth = 0;\n      lines.push(line);\n      line = word;\n    } else {\n      lineWidth += spaceWidth;\n      line += `${SPACE}${word}`;\n    }\n  }\n\n  if (line !== \"\") lines.push(line);\n\n  return lines;\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,31 @@
+import { create } from 'd3-selection';
+
+function initArea() {
+    if (!this.area || !this.context || !this.container) {
+        this.container = create("div")
+            .attr("style", "padding: 0 !important; width: 100%; height: 100%;")
+            .node();
+        if (!this.container)
+            throw new Error("couldn't create container");
+        this.root.appendChild(this.container);
+        const { width, height } = this.root.getBoundingClientRect();
+        this.width = width;
+        this.height = height;
+        this.area = create("canvas")
+            .attr("width", this.dpi * this.width)
+            .attr("height", this.dpi * this.height)
+            .attr("style", `width: 100%; height: 100%; border: none !important;`)
+            .node();
+        if (!this.area)
+            throw new Error("couldn't create canvas");
+        this.container.appendChild(this.area);
+        this.areaRect = this.area.getBoundingClientRect();
+        this.context = this.area.getContext("2d");
+        if (!this.context)
+            throw new Error("couldn't create canvas context");
+        this.context.scale(this.dpi, this.dpi);
+    }
+}
+
+export { initArea };
+//# sourceMappingURL=init-area.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"init-area.js","sources":["../../../../../src/module/GraphCanvas/slices/init-area.ts"],"sourcesContent":["import { create as d3Create } from \"d3-selection\";\nimport type { GraphCanvas } from \"../GraphCanvas\";\n\nexport function initArea<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>) {\n  if (!this.area || !this.context || !this.container) {\n    this.container = d3Create(\"div\")\n      .attr(\"style\", \"padding: 0 !important; width: 100%; height: 100%;\")\n      .node();\n    if (!this.container) throw new Error(\"couldn't create container\");\n    this.root.appendChild(this.container);\n\n    const { width, height } = this.root.getBoundingClientRect();\n    this.width = width;\n    this.height = height;\n\n    this.area = d3Create(\"canvas\")\n      .attr(\"width\", this.dpi * this.width)\n      .attr(\"height\", this.dpi * this.height)\n      .attr(\"style\", `width: 100%; height: 100%; border: none !important;`)\n      .node();\n\n    if (!this.area) throw new Error(\"couldn't create canvas\");\n    this.container.appendChild(this.area);\n    this.areaRect = this.area.getBoundingClientRect();\n\n    this.context = this.area.getContext(\"2d\");\n    if (!this.context) throw new Error(\"couldn't create canvas context\");\n    this.context.scale(this.dpi, this.dpi);\n  }\n}\n"],"names":["d3Create"],"mappings":";;SAGgB,QAAQ,GAAA;AAItB,IAAA,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AAClD,QAAA,IAAI,CAAC,SAAS,GAAGA,MAAQ,CAAC,KAAK;AAC5B,aAAA,IAAI,CAAC,OAAO,EAAE,mDAAmD;AACjE,aAAA,IAAI,EAAE;QACT,IAAI,CAAC,IAAI,CAAC,SAAS;AAAE,YAAA,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC;QACjE,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC;AAErC,QAAA,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE;AAC3D,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;AAClB,QAAA,IAAI,CAAC,MAAM,GAAG,MAAM;AAEpB,QAAA,IAAI,CAAC,IAAI,GAAGA,MAAQ,CAAC,QAAQ;aAC1B,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK;aACnC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM;AACrC,aAAA,IAAI,CAAC,OAAO,EAAE,CAAA,mDAAA,CAAqD;AACnE,aAAA,IAAI,EAAE;QAET,IAAI,CAAC,IAAI,CAAC,IAAI;AAAE,YAAA,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC;QACzD,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;QACrC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE;QAEjD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;QACzC,IAAI,CAAC,IAAI,CAAC,OAAO;AAAE,YAAA,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC;AACpE,QAAA,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC;;AAE1C;;;;"}

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

@@ -0,0 +1,62 @@
+import { isBoolean } from '@krainovsd/js-helpers';
+import { greatest } from 'd3-array';
+import { drag } from 'd3-drag';
+import { select } from 'd3-selection';
+import { pointerGetter } from '../lib/utils/pointer-getter.js';
+
+function initDnd() {
+    if (!this.area || !this.nodes)
+        throw new Error("bad init data");
+    const dragHandler = drag()
+        .subject((event) => {
+        if (this.listeners.onDragSubject) {
+            return this.listeners.onDragSubject(event, this.state);
+        }
+        if (!this.areaRect)
+            return;
+        const mouseEvent = event.sourceEvent;
+        const [pointerX, pointerY] = pointerGetter(mouseEvent, this.areaRect, this.areaTransform);
+        return greatest(this.nodes, (node) => {
+            if (!node.x || !node.y || (isBoolean(node.drag) && !node.drag))
+                return undefined;
+            return this.graphSettings.dragPlaceCoefficient(node, pointerX, pointerY);
+        });
+    })
+        .on("start", (event) => {
+        this.listeners.onStartDragFinished?.(event, this.state);
+    })
+        .on("drag", (event) => {
+        if (!this.isDragging) {
+            this.isDragging = true;
+            if (this.simulation)
+                this.simulation.alphaTarget(0.3).restart();
+        }
+        if (!this.areaRect)
+            return;
+        const mouseEvent = event.sourceEvent;
+        const [pointerX, pointerY] = pointerGetter(mouseEvent, this.areaRect, this.areaTransform);
+        event.subject.fx = pointerX;
+        event.subject.fy = pointerY;
+        this.listeners.onMoveDragFinished?.(event, this.state);
+    })
+        .on("end", (event) => {
+        this.isDragging = false;
+        if (!event.active && this.simulation)
+            this.simulation.alphaTarget(0);
+        const sourceEvent = event.sourceEvent;
+        if (sourceEvent.altKey && this.areaRect) {
+            const [pointerX, pointerY] = pointerGetter(sourceEvent, this.areaRect, this.areaTransform);
+            event.subject.fx = pointerX;
+            event.subject.fy = pointerY;
+        }
+        else {
+            event.subject.fx = null;
+            event.subject.fy = null;
+        }
+        this.listeners.onEndDragFinished?.(event, this.state);
+    });
+    select(this.area).call(dragHandler);
+}
+
+export { initDnd };
+//# sourceMappingURL=init-dnd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"init-dnd.js","sources":["../../../../../src/module/GraphCanvas/slices/init-dnd.ts"],"sourcesContent":["import { isBoolean } from \"@krainovsd/js-helpers\";\nimport { greatest } from \"d3-array\";\nimport { drag as d3Drag } from \"d3-drag\";\nimport { select as d3Select } from \"d3-selection\";\nimport type { GraphCanvas } from \"../GraphCanvas\";\nimport { pointerGetter } from \"../lib\";\nimport type { DragEventInterface } from \"../types\";\n\nexport function initDnd<\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  const dragHandler = d3Drag<HTMLCanvasElement, unknown>()\n    .subject((event: DragEventInterface<NodeData>) => {\n      if (this.listeners.onDragSubject) {\n        return this.listeners.onDragSubject(event, this.state);\n      }\n\n      if (!this.areaRect) return;\n\n      const mouseEvent = event.sourceEvent as MouseEvent | TouchEvent;\n      const [pointerX, pointerY] = pointerGetter(mouseEvent, this.areaRect, this.areaTransform);\n\n      return greatest(this.nodes, (node) => {\n        if (!node.x || !node.y || (isBoolean(node.drag) && !node.drag)) return undefined;\n\n        return this.graphSettings.dragPlaceCoefficient(node, pointerX, pointerY);\n      });\n    })\n    .on(\"start\", (event: DragEventInterface<NodeData>) => {\n      this.listeners.onStartDragFinished?.(event, this.state);\n    })\n    .on(\"drag\", (event: DragEventInterface<NodeData>) => {\n      if (!this.isDragging) {\n        this.isDragging = true;\n        if (this.simulation) this.simulation.alphaTarget(0.3).restart();\n      }\n\n      if (!this.areaRect) return;\n      const mouseEvent = event.sourceEvent as MouseEvent | TouchEvent;\n      const [pointerX, pointerY] = pointerGetter(mouseEvent, this.areaRect, this.areaTransform);\n      event.subject.fx = pointerX;\n      event.subject.fy = pointerY;\n\n      this.listeners.onMoveDragFinished?.(event, this.state);\n    })\n    .on(\"end\", (event: DragEventInterface<NodeData>) => {\n      this.isDragging = false;\n\n      if (!event.active && this.simulation) this.simulation.alphaTarget(0);\n\n      const sourceEvent = event.sourceEvent as MouseEvent | TouchEvent;\n      if (sourceEvent.altKey && this.areaRect) {\n        const [pointerX, pointerY] = pointerGetter(sourceEvent, this.areaRect, this.areaTransform);\n        event.subject.fx = pointerX;\n        event.subject.fy = pointerY;\n      } else {\n        event.subject.fx = null;\n        event.subject.fy = null;\n      }\n\n      this.listeners.onEndDragFinished?.(event, this.state);\n    });\n\n  d3Select(this.area).call(dragHandler);\n}\n"],"names":["d3Drag","d3Select"],"mappings":"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"}

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

@@ -0,0 +1,84 @@
+import '@krainovsd/js-helpers';
+import 'd3-array';
+import { setDrawTime } from '../../../lib/draw-time.js';
+import { getDrawLink } from './draw-links.js';
+import { getDrawNode } from './draw-nodes.js';
+
+function initDraw() {
+    function calculateHighlight() {
+        this.highlightDrawing = true;
+        if (!this.highlightWorking && this.highlightProgress > 0) {
+            const highlightDownStep = 1 / this.graphSettings.highlightDownFrames;
+            this.highlightProgress -= highlightDownStep;
+            if (!this.simulationWorking) {
+                return void requestAnimationFrame(() => this.draw());
+            }
+            if (!this.linkSettings.particles)
+                return;
+        }
+        if (this.highlightWorking && this.highlightProgress < 1) {
+            const highlightUpStep = 1 / this.graphSettings.highlightUpFrames;
+            this.highlightProgress += highlightUpStep;
+            if (!this.simulationWorking) {
+                return void requestAnimationFrame(() => this.draw());
+            }
+            if (!this.linkSettings.particles)
+                return;
+        }
+        if (this.linkSettings.particles && this.highlightWorking && !this.simulationWorking) {
+            return void requestAnimationFrame(() => this.draw());
+        }
+        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) {
+                    return void requestAnimationFrame(() => this.draw());
+                }
+            }
+        }
+        this.highlightDrawing = false;
+    }
+    function draw() {
+        if (!this.context)
+            return;
+        const state = this.state;
+        if (this.listeners.onDraw) {
+            this.listeners.onDraw(state, (status) => {
+                this.highlightDrawing = status;
+            }, () => {
+                if (this.highlightedNeighbors)
+                    this.highlightedNeighbors = null;
+                if (this.highlightedNode)
+                    this.highlightedNode = null;
+                if (this.highlightedLink)
+                    this.highlightedLink = null;
+            });
+            return;
+        }
+        this.context.save();
+        this.context.clearRect(0, 0, this.width, this.height);
+        this.context.translate(this.areaTransform.x, this.areaTransform.y);
+        this.context.scale(this.areaTransform.k, this.areaTransform.k);
+        const textRenders = [];
+        const nodeRenders = [];
+        this.nodes.forEach(getDrawNode(nodeRenders, textRenders, state).bind(this));
+        /** links */
+        this.links.forEach(getDrawLink(state).bind(this));
+        /** nodes */
+        nodeRenders.forEach((render) => render());
+        textRenders.forEach((render) => render());
+        this.context.restore();
+        this.listeners.onDrawFinished?.(state);
+        calculateHighlight.bind(this)();
+    }
+    if (this.graphSettings.showDrawTime) {
+        return setDrawTime(draw.bind(this), this.graphSettings.showDrawTimeEveryTick);
+    }
+    return draw.bind(this);
+}
+
+export { initDraw };
+//# sourceMappingURL=init-draw.js.map

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

@@ -0,0 +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  function calculateHighlight(this: GraphCanvas<NodeData, LinkData>) {\n    this.highlightDrawing = true;\n\n    if (!this.highlightWorking && this.highlightProgress > 0) {\n      const highlightDownStep = 1 / this.graphSettings.highlightDownFrames;\n      this.highlightProgress -= highlightDownStep;\n\n      if (!this.simulationWorking) {\n        return void requestAnimationFrame(() => this.draw());\n      }\n\n      if (!this.linkSettings.particles) return;\n    }\n    if (this.highlightWorking && this.highlightProgress < 1) {\n      const highlightUpStep = 1 / this.graphSettings.highlightUpFrames;\n      this.highlightProgress += highlightUpStep;\n\n      if (!this.simulationWorking) {\n        return void requestAnimationFrame(() => this.draw());\n      }\n\n      if (!this.linkSettings.particles) return;\n    }\n\n    if (this.linkSettings.particles && this.highlightWorking && !this.simulationWorking) {\n      return void requestAnimationFrame(() => this.draw());\n    }\n\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          return void requestAnimationFrame(() => this.draw());\n        }\n      }\n    }\n\n    this.highlightDrawing = false;\n  }\n\n  function draw(this: GraphCanvas<NodeData, LinkData>) {\n    if (!this.context) return;\n    const state = this.state;\n\n    if (this.listeners.onDraw) {\n      this.listeners.onDraw(\n        state,\n        (status) => {\n          this.highlightDrawing = status;\n        },\n        () => {\n          if (this.highlightedNeighbors) this.highlightedNeighbors = null;\n          if (this.highlightedNode) this.highlightedNode = null;\n          if (this.highlightedLink) this.highlightedLink = null;\n        },\n      );\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(nodeRenders, textRenders, state).bind(this));\n\n    /** links */\n    this.links.forEach(getDrawLink(state).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?.(state);\n\n    calculateHighlight.bind(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":"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"}

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

@@ -0,0 +1,211 @@
+import { isObject } from 'lodash';
+import { checkType } from '../../../lib/check-type.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';
+
+function initPointer() {
+    if (!this.area || !this.nodes)
+        throw new Error("bad init data");
+    function onHover(event) {
+        if (!this.area)
+            return;
+        let currentNode;
+        let currentLink;
+        const checkHighlightNode = this.nodeSettings.highlightByHoverNode && !this.isDragging;
+        const checkHighlightLink = this.linkSettings.highlightByHoverLink && !this.isDragging;
+        if (checkHighlightNode) {
+            currentNode = nodeByPointerGetter({
+                areaRect: this.areaRect,
+                areaTransform: this.areaTransform,
+                mouseEvent: event,
+                nodes: this.nodes,
+            });
+        }
+        if (currentNode) {
+            this.area.style.cursor = "pointer";
+        }
+        else if (checkHighlightLink) {
+            currentLink = linkByPointerGetter({
+                linkSettings: this.linkSettings,
+                areaRect: this.areaRect,
+                areaTransform: this.areaTransform,
+                mouseEvent: event,
+                links: this.links,
+            });
+            if (currentLink) {
+                this.area.style.cursor = "pointer";
+            }
+            else {
+                this.area.style.cursor = "default";
+            }
+        }
+        else {
+            this.area.style.cursor = "default";
+        }
+        if (currentNode && this.highlightedNode !== currentNode) {
+            this.highlightedNode = currentNode;
+            this.highlightedLink = null;
+            this.highlightedNeighbors = new Set(this.highlightedNode?.neighbors ?? []);
+            this.highlightWorking = true;
+            if (!this.simulationWorking && !this.highlightDrawing)
+                requestAnimationFrame(() => {
+                    this.draw();
+                });
+        }
+        else if (currentLink &&
+            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 && !this.highlightDrawing)
+                requestAnimationFrame(() => {
+                    this.draw();
+                });
+        }
+        else if (!currentNode && !currentLink && (this.highlightedNode || this.highlightedLink)) {
+            this.highlightWorking = false;
+            if (!this.simulationWorking && !this.highlightDrawing)
+                requestAnimationFrame(() => {
+                    this.draw();
+                });
+        }
+        if (!this.listeners.onMove)
+            return;
+        if (!currentNode && !checkHighlightNode)
+            currentNode = nodeByPointerGetter({
+                areaRect: this.areaRect,
+                areaTransform: this.areaTransform,
+                mouseEvent: event,
+                nodes: this.nodes,
+            });
+        if (!currentNode && (!checkHighlightNode || (!checkHighlightLink && !currentLink))) {
+            currentLink = linkByPointerGetter({
+                linkSettings: this.linkSettings,
+                areaRect: this.areaRect,
+                areaTransform: this.areaTransform,
+                mouseEvent: event,
+                links: this.links,
+            });
+        }
+        if (!currentNode)
+            return void this.listeners.onMove(event, currentNode, currentLink);
+    }
+    function onWheelClick(event) {
+        if (this.isDragging ||
+            !this.listeners.onWheelClick ||
+            !("button" in event) ||
+            event.button !== 1)
+            return;
+        const currentNode = nodeByPointerGetter({
+            areaRect: this.areaRect,
+            areaTransform: this.areaTransform,
+            mouseEvent: event,
+            nodes: this.nodes,
+        });
+        if (!currentNode) {
+            const currentLink = linkByPointerGetter({
+                linkSettings: this.linkSettings,
+                areaRect: this.areaRect,
+                areaTransform: this.areaTransform,
+                mouseEvent: event,
+                links: this.links,
+            });
+            return void this.listeners.onWheelClick(event, undefined, currentLink);
+        }
+        return void this.listeners.onWheelClick(event, currentNode, undefined);
+    }
+    function onRightClick(event) {
+        if (!this.listeners.onContextMenu)
+            return;
+        const currentNode = nodeByPointerGetter({
+            areaRect: this.areaRect,
+            areaTransform: this.areaTransform,
+            mouseEvent: event,
+            nodes: this.nodes,
+        });
+        if (!currentNode) {
+            const currentLink = linkByPointerGetter({
+                linkSettings: this.linkSettings,
+                areaRect: this.areaRect,
+                areaTransform: this.areaTransform,
+                mouseEvent: event,
+                links: this.links,
+            });
+            return void this.listeners.onContextMenu(event, undefined, currentLink);
+        }
+        return void this.listeners.onContextMenu(event, currentNode, undefined);
+    }
+    function onDoubleClick(event) {
+        if (!this.listeners.onDoubleClick)
+            return;
+        const currentNode = nodeByPointerGetter({
+            areaRect: this.areaRect,
+            areaTransform: this.areaTransform,
+            mouseEvent: event,
+            nodes: this.nodes,
+        });
+        if (!currentNode) {
+            const currentLink = linkByPointerGetter({
+                linkSettings: this.linkSettings,
+                areaRect: this.areaRect,
+                areaTransform: this.areaTransform,
+                mouseEvent: event,
+                links: this.links,
+            });
+            return void this.listeners.onDoubleClick(event, undefined, currentLink);
+        }
+        return void this.listeners.onDoubleClick(event, currentNode, undefined);
+    }
+    function onClick(event) {
+        if (this.isDragging || !this.listeners.onClick || ("button" in event && event.button !== 0))
+            return;
+        const currentNode = nodeByPointerGetter({
+            areaRect: this.areaRect,
+            areaTransform: this.areaTransform,
+            mouseEvent: event,
+            nodes: this.nodes,
+        });
+        if (!currentNode) {
+            const currentLink = linkByPointerGetter({
+                linkSettings: this.linkSettings,
+                areaRect: this.areaRect,
+                areaTransform: this.areaTransform,
+                mouseEvent: event,
+                links: this.links,
+            });
+            return void this.listeners.onClick(event, undefined, currentLink);
+        }
+        return void this.listeners.onClick(event, currentNode, undefined);
+    }
+    /** hover */
+    this.area.addEventListener("mousemove", onHover.bind(this), {
+        signal: this.eventAbortController.signal,
+    });
+    this.area.addEventListener("touchmove", onHover.bind(this), {
+        signal: this.eventAbortController.signal,
+    });
+    /** dblclick */
+    this.area.addEventListener("dblclick", onDoubleClick.bind(this), {
+        signal: this.eventAbortController.signal,
+    });
+    /** wheel click */
+    this.area.addEventListener("mousedown", onWheelClick.bind(this), {
+        signal: this.eventAbortController.signal,
+    });
+    /** click */
+    this.area.addEventListener("click", onClick.bind(this), {
+        signal: this.eventAbortController.signal,
+    });
+    /** right click */
+    this.area.addEventListener("contextmenu", onRightClick.bind(this), {
+        signal: this.eventAbortController.signal,
+    });
+}
+
+export { initPointer };
+//# sourceMappingURL=init-pointer.js.map

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

@@ -0,0 +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 { LinkInterface, NodeInterface } from \"@/types\";\nimport type { GraphCanvas } from \"../GraphCanvas\";\nimport { linkByPointerGetter, nodeByPointerGetter } from \"../lib\";\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.nodeSettings.highlightByHoverNode && !this.isDragging;\n    const checkHighlightLink = this.linkSettings.highlightByHoverLink && !this.isDragging;\n\n    if (checkHighlightNode) {\n      currentNode = nodeByPointerGetter({\n        areaRect: this.areaRect,\n        areaTransform: this.areaTransform,\n        mouseEvent: event,\n        nodes: this.nodes,\n      });\n    }\n    if (currentNode) {\n      this.area.style.cursor = \"pointer\";\n    } else if (checkHighlightLink) {\n      currentLink = linkByPointerGetter({\n        linkSettings: this.linkSettings,\n        areaRect: this.areaRect,\n        areaTransform: this.areaTransform,\n        mouseEvent: event,\n        links: this.links,\n      });\n\n      if (currentLink) {\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 && 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 && !this.highlightDrawing)\n        requestAnimationFrame(() => {\n          this.draw();\n        });\n    } else if (\n      currentLink &&\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 && !this.highlightDrawing)\n        requestAnimationFrame(() => {\n          this.draw();\n        });\n    } else if (!currentNode && !currentLink && (this.highlightedNode || this.highlightedLink)) {\n      this.highlightWorking = false;\n      if (!this.simulationWorking && !this.highlightDrawing)\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        linkSettings: this.linkSettings,\n        areaRect: this.areaRect,\n        areaTransform: this.areaTransform,\n        mouseEvent: event,\n        links: this.links,\n      });\n    }\n\n    if (!currentNode) return void this.listeners.onMove(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        linkSettings: this.linkSettings,\n        areaRect: this.areaRect,\n        areaTransform: this.areaTransform,\n        mouseEvent: event,\n        links: this.links,\n      });\n\n      return void this.listeners.onWheelClick(event, undefined, currentLink);\n    }\n\n    return void this.listeners.onWheelClick(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        linkSettings: this.linkSettings,\n        areaRect: this.areaRect,\n        areaTransform: this.areaTransform,\n        mouseEvent: event,\n        links: this.links,\n      });\n\n      return void this.listeners.onContextMenu(event, undefined, currentLink);\n    }\n\n    return void this.listeners.onContextMenu(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        linkSettings: this.linkSettings,\n        areaRect: this.areaRect,\n        areaTransform: this.areaTransform,\n        mouseEvent: event,\n        links: this.links,\n      });\n\n      return void this.listeners.onDoubleClick(event, undefined, currentLink);\n    }\n\n    return void this.listeners.onDoubleClick(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        linkSettings: this.linkSettings,\n        areaRect: this.areaRect,\n        areaTransform: this.areaTransform,\n        mouseEvent: event,\n        links: this.links,\n      });\n\n      return void this.listeners.onClick(event, undefined, currentLink);\n    }\n\n    return void this.listeners.onClick(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-resize.js

@@ -0,0 +1,28 @@
+function initResize() {
+    if (!this.area)
+        throw new Error("bad init data");
+    let initialResizeCall = true;
+    const abortController = this.eventAbortController;
+    const observer = new ResizeObserver(() => {
+        if (initialResizeCall) {
+            initialResizeCall = false;
+            return;
+        }
+        if (abortController.signal.aborted) {
+            observer.disconnect();
+            return;
+        }
+        requestAnimationFrame(() => {
+            this.updateSize();
+        });
+    });
+    document.addEventListener("scroll", this.updateRect.bind(this), {
+        capture: true,
+        passive: true,
+        signal: abortController.signal,
+    });
+    observer.observe(this.area);
+}
+
+export { initResize };
+//# sourceMappingURL=init-resize.js.map

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

@@ -0,0 +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;;;;"}