force-graph 1.49.2 → 1.49.4

package/dist/force-graph.mjs

@@ -1,5 +1,5 @@
 import { select } from 'd3-selection';
-import { zoom, zoomTransform } from 'd3-zoom';
+import { zoomTransform, zoom } from 'd3-zoom';
 import { drag } from 'd3-drag';
 import { sum, min, max } from 'd3-array';
 import { throttle } from 'lodash-es';
@@ -8,14 +8,14 @@ import Kapsule from 'kapsule';
 import accessorFn from 'accessor-fn';
 import ColorTracker from 'canvas-color-tracker';
 import Tooltip from 'float-tooltip';
-import { forceSimulation, forceLink, forceManyBody, forceCenter, forceRadial } from 'd3-force-3d';
+import { forceRadial, forceSimulation, forceLink, forceManyBody, forceCenter } from 'd3-force-3d';
 import { Bezier } from 'bezier-js';
 import indexBy from 'index-array-by';
 import { scaleOrdinal } from 'd3-scale';
 import { schemePaired } from 'd3-scale-chromatic';
 
 function styleInject(css, ref) {
-  if (ref === undefined) ref = {};
+  if (ref === void 0) ref = {};
   var insertAt = ref.insertAt;
   if (typeof document === 'undefined') {
     return;
@@ -139,8 +139,8 @@ function _toConsumableArray(r) {
 function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
-  if (undefined !== e) {
-    var i = e.call(t, r || "default");
+  if (void 0 !== e) {
+    var i = e.call(t, r);
     if ("object" != typeof i) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
@@ -163,7 +163,7 @@ function _unsupportedIterableToArray(r, a) {
   if (r) {
     if ("string" == typeof r) return _arrayLikeToArray(r, a);
     var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : undefined;
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
   }
 }
 
@@ -186,11 +186,11 @@ function getDagDepths (_ref, idAccessor) {
     links = _ref.links;
   var _ref2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
     _ref2$nodeFilter = _ref2.nodeFilter,
-    nodeFilter = _ref2$nodeFilter === undefined ? function () {
+    nodeFilter = _ref2$nodeFilter === void 0 ? function () {
       return true;
     } : _ref2$nodeFilter,
     _ref2$onLoopError = _ref2.onLoopError,
-    onLoopError = _ref2$onLoopError === undefined ? function (loopIds) {
+    onLoopError = _ref2$onLoopError === void 0 ? function (loopIds) {
       throw "Invalid DAG structure! Found cycle in node path: ".concat(loopIds.join(' -> '), ".");
     } : _ref2$onLoopError;
   // linked graph
@@ -1414,6 +1414,10 @@ var forceGraph = Kapsule({
       var initPos = obj.__initialDragPos;
       var dragPos = ev;
       var k = zoomTransform(state.canvas).k;
+      var translate = {
+        x: initPos.x + (dragPos.x - initPos.x) / k - obj.x,
+        y: initPos.y + (dragPos.y - initPos.y) / k - obj.y
+      };
 
       // Move fx/fy (and x/y) of nodes based on the scaled drag distance since the drag start
       ['x', 'y'].forEach(function (c) {
@@ -1424,10 +1428,6 @@ var forceGraph = Kapsule({
       if (!obj.__dragged && DRAG_CLICK_TOLERANCE_PX >= Math.sqrt(sum(['x', 'y'].map(function (k) {
         return Math.pow(ev[k] - initPos[k], 2);
       })))) return;
-      var translate = {
-        x: initPos.x + (dragPos.x - initPos.x) / k - obj.x,
-        y: initPos.y + (dragPos.y - initPos.y) / k - obj.y
-      };
       state.forceGraph.d3AlphaTarget(0.3) // keep engine running at low intensity throughout drag
       .resetCountdown(); // prevent freeze while dragging
 
@@ -1479,10 +1479,12 @@ var forceGraph = Kapsule({
         c.translate(t.x, t.y);
         c.scale(t.k, t.k);
       });
+      state.isPointerDragging = true;
       state.onZoom && state.onZoom(_objectSpread2(_objectSpread2({}, t), _this.centerAt())); // report x,y coordinates relative to canvas center
       state.needsRedraw = true;
     }).on('end', function (ev) {
-      return state.onZoomEnd && state.onZoomEnd(_objectSpread2(_objectSpread2({}, ev.transform), _this.centerAt()));
+      state.isPointerDragging = false;
+      state.onZoomEnd && state.onZoomEnd(_objectSpread2(_objectSpread2({}, ev.transform), _this.centerAt()));
     });
     adjustCanvasSize(state);
     state.forceGraph.onNeedsRedraw(function () {
@@ -1549,7 +1551,7 @@ var forceGraph = Kapsule({
           // mouse left-click or touch
           if (state.hoverObj) {
             var fn = state["on".concat(state.hoverObj.type, "Click")];
-            fn && fn.apply(undefined, [state.hoverObj.d].concat(cbEvents));
+            fn && fn.apply(void 0, [state.hoverObj.d].concat(cbEvents));
           } else {
             state.onBackgroundClick && state.onBackgroundClick.apply(state, cbEvents);
           }
@@ -1558,7 +1560,7 @@ var forceGraph = Kapsule({
           // mouse right-click
           if (state.hoverObj) {
             var _fn = state["on".concat(state.hoverObj.type, "RightClick")];
-            _fn && _fn.apply(undefined, [state.hoverObj.d].concat(cbEvents));
+            _fn && _fn.apply(void 0, [state.hoverObj.d].concat(cbEvents));
           } else {
             state.onBackgroundRightClick && state.onBackgroundRightClick.apply(state, cbEvents);
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "force-graph",
-  "version": "1.49.2",
+  "version": "1.49.4",
   "description": "2D force-directed graph rendered on HTML5 canvas",
   "type": "module",
   "unpkg": "dist/force-graph.min.js",
@@ -64,18 +64,18 @@
     "lodash-es": "4"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.0",
-    "@babel/preset-env": "^7.26.0",
+    "@babel/core": "^7.26.9",
+    "@babel/preset-env": "^7.26.9",
     "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-commonjs": "^28.0.3",
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-terser": "^0.4.4",
-    "postcss": "^8.5.1",
+    "postcss": "^8.5.3",
     "rimraf": "^6.0.1",
-    "rollup": "^4.30.1",
+    "rollup": "^4.34.9",
     "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-postcss": "^4.0.2",
-    "typescript": "^5.7.3"
+    "typescript": "^5.8.2"
   },
   "engines": {
     "node": ">=12"

package/src/force-graph.js

@@ -420,6 +420,10 @@ export default Kapsule({
           const dragPos = ev;
 
           const k = d3ZoomTransform(state.canvas).k;
+          const translate = {
+            x: (initPos.x + (dragPos.x - initPos.x) / k) - obj.x,
+            y: (initPos.y + (dragPos.y - initPos.y) / k) - obj.y
+          };
 
           // Move fx/fy (and x/y) of nodes based on the scaled drag distance since the drag start
           ['x', 'y'].forEach(c => obj[`f${c}`] = obj[c] = initPos[c] + (dragPos[c] - initPos[c]) / k);
@@ -428,11 +432,6 @@ export default Kapsule({
           if (!obj.__dragged && (DRAG_CLICK_TOLERANCE_PX >= Math.sqrt(d3Sum(['x', 'y'].map(k => (ev[k] - initPos[k])**2)))))
             return;
 
-          const translate = {
-            x: (initPos.x + (dragPos.x - initPos.x) / k) - obj.x,
-            y: (initPos.y + (dragPos.y - initPos.y) / k) - obj.y
-          };
-
           state.forceGraph
             .d3AlphaTarget(0.3) // keep engine running at low intensity throughout drag
             .resetCountdown();  // prevent freeze while dragging
@@ -489,10 +488,14 @@ export default Kapsule({
           c.translate(t.x, t.y);
           c.scale(t.k, t.k);
         });
+        state.isPointerDragging = true;
         state.onZoom && state.onZoom({ ...t, ...this.centerAt() }); // report x,y coordinates relative to canvas center
         state.needsRedraw = true;
       })
-      .on('end', ev => state.onZoomEnd && state.onZoomEnd({ ...ev.transform, ...this.centerAt() }));
+      .on('end', ev => {
+        state.isPointerDragging = false;
+        state.onZoomEnd && state.onZoomEnd({ ...ev.transform, ...this.centerAt() });
+      });
 
     adjustCanvasSize(state);