gantt-lib 0.71.1 → 0.71.2

package/dist/index.d.mts

@@ -931,7 +931,7 @@ declare const calculateMilestoneGeometry: (taskDate: Date, monthStart: Date, day
 };
 /**
  * Resolve milestone connection points relative to the task day cell.
- * Anchors sit at day boundary +/- half diamond diagonal.
+ * Anchors sit on the actual horizontal diamond vertices.
  */
 declare const calculateMilestoneConnectionBounds: (dayLeft: number, dayWidth: number, size?: number) => {
     left: number;
@@ -952,6 +952,7 @@ declare const resolveTaskHorizontalGeometry: (task: HorizontalGeometryTask, mont
 }) => {
     left: number;
     right: number;
+    centerX: number;
 };
 /**
  * Convert pixel position to date (inverse of calculateTaskBar)

package/dist/index.d.ts

@@ -931,7 +931,7 @@ declare const calculateMilestoneGeometry: (taskDate: Date, monthStart: Date, day
 };
 /**
  * Resolve milestone connection points relative to the task day cell.
- * Anchors sit at day boundary +/- half diamond diagonal.
+ * Anchors sit on the actual horizontal diamond vertices.
  */
 declare const calculateMilestoneConnectionBounds: (dayLeft: number, dayWidth: number, size?: number) => {
     left: number;
@@ -952,6 +952,7 @@ declare const resolveTaskHorizontalGeometry: (task: HorizontalGeometryTask, mont
 }) => {
     left: number;
     right: number;
+    centerX: number;
 };
 /**
  * Convert pixel position to date (inverse of calculateTaskBar)

package/dist/index.js

@@ -1981,10 +1981,10 @@ var calculateMilestoneGeometry = (taskDate, monthStart, dayWidth, size = 14) =>
 };
 var calculateMilestoneConnectionBounds = (dayLeft, dayWidth, size = 14) => {
   const halfDiagonal = Math.round(size / Math.SQRT2);
-  const visualNudge = 2;
+  const centerX = Math.round(dayLeft + dayWidth / 2);
   return {
-    left: dayLeft + halfDiagonal + visualNudge,
-    right: dayLeft + dayWidth - halfDiagonal - visualNudge
+    left: centerX - halfDiagonal,
+    right: centerX + halfDiagonal
   };
 };
 var resolveTaskHorizontalGeometry = (task, monthStart, dayWidth, override) => {
@@ -1993,19 +1993,32 @@ var resolveTaskHorizontalGeometry = (task, monthStart, dayWidth, override) => {
   if (task.type === "milestone") {
     const size = 14;
     if (override) {
-      return calculateMilestoneConnectionBounds(override.left, dayWidth, size);
+      const bounds2 = calculateMilestoneConnectionBounds(override.left, dayWidth, size);
+      return {
+        ...bounds2,
+        centerX: Math.round(override.left + dayWidth / 2)
+      };
     }
     const bar2 = calculateTaskBar(startDate, startDate, monthStart, dayWidth);
-    return calculateMilestoneConnectionBounds(bar2.left, dayWidth, size);
+    const bounds = calculateMilestoneConnectionBounds(bar2.left, dayWidth, size);
+    return {
+      ...bounds,
+      centerX: Math.round(bar2.left + dayWidth / 2)
+    };
   }
   if (override) {
     return {
       left: override.left,
-      right: override.left + override.width
+      right: override.left + override.width,
+      centerX: Math.round(override.left + override.width / 2)
     };
   }
   const bar = calculateTaskBar(startDate, endDate, monthStart, dayWidth);
-  return { left: bar.left, right: bar.left + bar.width };
+  return {
+    left: bar.left,
+    right: bar.left + bar.width,
+    centerX: Math.round(bar.left + bar.width / 2)
+  };
 };
 var pixelsToDate = (pixels, monthStart, dayWidth) => {
   const days = Math.round(pixels / dayWidth);
@@ -3340,6 +3353,7 @@ var DependencyLines = import_react6.default.memo(({
       positions.set(task.id, {
         left: computed.left,
         right: computed.right,
+        centerX: computed.centerX,
         rowTop: index * rowHeight,
         isVirtual: false
       });
@@ -3358,6 +3372,7 @@ var DependencyLines = import_react6.default.memo(({
         positions.set(task.id, {
           left: computed.left,
           right: computed.right,
+          centerX: computed.centerX,
           rowTop: ancestorPosition.rowTop,
           isVirtual: true
         });
@@ -3408,12 +3423,12 @@ var DependencyLines = import_react6.default.memo(({
         fromY = predecessor.rowTop + rowHeight - 10;
         toY = successor.rowTop + 6;
       }
-      let fromX = edge.type === "SS" || edge.type === "SF" ? predecessor.left : predecessor.right;
-      const toX = edge.type === "FF" || edge.type === "SF" ? successor.right : successor.left;
+      let fromX = predecessorTask && isMilestoneTask(predecessorTask) ? predecessor.centerX : edge.type === "SS" || edge.type === "SF" ? predecessor.left : predecessor.right;
+      const toX = successorTask && isMilestoneTask(successorTask) ? successor.centerX : edge.type === "FF" || edge.type === "SF" ? successor.right : successor.left;
       const stackedMilestonesSameDay = Boolean(
         predecessorTask && successorTask && isMilestoneTask(predecessorTask) && isMilestoneTask(successorTask) && edge.lag === 0 && new Date(predecessorTask.startDate).toISOString().split("T")[0] === new Date(successorTask.startDate).toISOString().split("T")[0] && predecessor.rowTop !== successor.rowTop && edge.type === "FS"
       );
-      const finalToX = stackedMilestonesSameDay ? Math.round(((predecessor.left + predecessor.right) / 2 + (successor.left + successor.right) / 2) / 2) : toX;
+      const finalToX = stackedMilestonesSameDay ? Math.round((predecessor.centerX + successor.centerX) / 2) : toX;
       if (stackedMilestonesSameDay) {
         fromX = finalToX;
       }