@html-graph/html-graph 8.20.0 → 8.21.1

package/dist/html-graph.umd.cjs

@@ -1275,6 +1275,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       to: { x: to.x - x, y: to.y - y }
     };
   };
+  const halfCube = 0.5 * 0.5 * 0.5;
+  const halfCube3 = 3 * halfCube;
   class BezierEdgePath {
     constructor(params) {
       __publicField(this, "path");
@@ -1289,9 +1291,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         hasSourceArrow,
         hasTargetArrow
       } = params;
-      const centerX = (from.x + to.x) / 2;
-      const centerY = (from.y + to.y) / 2;
-      this.midpoint = { x: centerX, y: centerY };
       const begin = createRotatedPoint(
         { x: from.x + arrowLength, y: from.y },
         fromDir,
@@ -1310,6 +1309,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         x: end.x - toDir.x * curvature,
         y: end.y - toDir.y * curvature
       };
+      const centerX = halfCube * begin.x + halfCube3 * bezierBegin.x + halfCube3 * bezierEnd.x + halfCube * end.x;
+      const centerY = halfCube * begin.y + halfCube3 * bezierBegin.y + halfCube3 * bezierEnd.y + halfCube * end.y;
+      this.midpoint = { x: centerX, y: centerY };
       const curve = `M ${begin.x} ${begin.y} C ${bezierBegin.x} ${bezierBegin.y}, ${bezierEnd.x} ${bezierEnd.y}, ${end.x} ${end.y}`;
       const preLine = hasSourceArrow ? "" : `M ${from.x} ${from.y} L ${begin.x} ${begin.y} `;
       const postLine = hasTargetArrow ? "" : ` M ${end.x} ${end.y} L ${to.x} ${to.y}`;
@@ -2498,10 +2500,24 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       });
     }
   }
+  const boxPortOffsetFn = (params) => {
+    const { direction, radius } = params;
+    const { x, y } = direction;
+    const { horizontal, vertical } = radius;
+    const tg = y / x;
+    const horX = Math.abs(vertical / tg);
+    const vertY = Math.abs(horizontal * tg);
+    const minX = Math.min(horizontal, horX);
+    const minY = Math.min(vertical, vertY);
+    return Math.sqrt(minX * minX + minY * minY);
+  };
   const resolvePortOffsetFn = (offset) => {
     if (typeof offset === "number") {
       return () => offset;
     }
+    if (offset === "box") {
+      return boxPortOffsetFn;
+    }
     return offset;
   };
   const defaultPortOffset = edgeConstants.portOffset;
@@ -2655,17 +2671,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       });
     }
   }
-  const boxPortOffsetFn = (params) => {
-    const { direction, radius } = params;
-    const { x, y } = direction;
-    const { horizontal, vertical } = radius;
-    const tg = y / x;
-    const horX = Math.abs(vertical / tg);
-    const vertY = Math.abs(horizontal * tg);
-    const minX = Math.min(horizontal, horX);
-    const minY = Math.min(vertical, vertY);
-    return Math.sqrt(minX * minX + minY * minY);
-  };
   const createEdgeGroup = () => {
     const group = document.createElementNS("http://www.w3.org/2000/svg", "g");
     group.style.pointerEvents = "auto";

package/package.json

@@ -2,7 +2,7 @@
   "name": "@html-graph/html-graph",
   "author": "Dmitry Marov <d.marov94@gmail.com>",
   "private": false,
-  "version": "8.20.0",
+  "version": "8.21.1",
   "type": "module",
   "main": "dist/html-graph.js",
   "types": "dist/html-graph.d.ts",
@@ -70,5 +70,10 @@
     "vite": "^5.4.1",
     "vite-plugin-checker": "^0.7.2",
     "vite-plugin-dts": "^4.0.3"
-  }
+  },
+  "os": [
+    "darwin",
+    "linux",
+    "win32"
+  ]
 }