gantt-lib 0.141.2 → 0.142.0

package/dist/index.mjs

@@ -6026,7 +6026,7 @@ var DragGuideLines_default = DragGuideLines;
 
 // src/components/DependencyLines/DependencyLines.tsx
 import React6, { useId, useMemo as useMemo6, useState as useState3 } from "react";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function isTaskHidden(taskId, collapsedParentIds, taskMap) {
   const task = taskMap.get(taskId);
   if (!task || !task.parentId) return false;
@@ -6201,6 +6201,9 @@ var DependencyLines = React6.memo(({
         if (activityEndpoints && predecessor.rowTop === successor.rowTop) {
           fromY = predecessor.rowTop + predecessor.rowHeight / 2;
           toY = successor.rowTop + successor.rowHeight / 2;
+        } else if (activityEndpoints) {
+          fromY = reverseOrder ? predecessor.rowTop : predecessor.rowTop + predecessor.rowHeight;
+          toY = reverseOrder ? successor.rowTop + successor.rowHeight : successor.rowTop;
         } else if (reverseOrder) {
           fromY = predecessor.rowTop + 10;
           toY = successor.rowTop + successor.rowHeight - 6;
@@ -6238,7 +6241,8 @@ var DependencyLines = React6.memo(({
           fromY,
           reverseOrder,
           isVirtual,
-          isCritical
+          isCritical,
+          isCoupling: activityEndpoints && predecessor.rowTop === successor.rowTop && edge.type === "FS" && edge.lag === 0 && Math.abs(fromX - finalToX) < 0.01 && !isVirtual
         });
       }
     }
@@ -6355,7 +6359,7 @@ var DependencyLines = React6.memo(({
             }
           )
         ] }),
-        visibleLines.map(({ id, predecessorId, successorId, linkType, path, hasCycle, lag, fromX, toX, fromY, reverseOrder, isVirtual, isCritical }) => {
+        visibleLines.map(({ id, predecessorId, successorId, linkType, path, hasCycle, lag, fromX, toX, fromY, reverseOrder, isVirtual, isCritical, isCoupling }) => {
           const isHovered = hoveredLineId === id;
           const isSelected = selectedDep != null && id === `${selectedDep.predecessorId}-${selectedDep.successorId}-${selectedDep.linkType}`;
           let pathClassName = "gantt-dependency-path";
@@ -6371,7 +6375,7 @@ var DependencyLines = React6.memo(({
           else markerEnd = `url(#${markerId("arrowhead")})`;
           const lagColor = isSelected ? "#ef4444" : hasCycle ? "var(--gantt-dependency-cycle-color, #ef4444)" : isCritical ? "var(--gantt-critical-path-color, #dc2626)" : "var(--gantt-dependency-line-color, #666666)";
           return /* @__PURE__ */ jsxs5(React6.Fragment, { children: [
-            /* @__PURE__ */ jsxs5(
+            /* @__PURE__ */ jsx7(
               "g",
               {
                 className: `gantt-dependency-line${isHovered ? " gantt-dependency-line-hovered" : ""}`,
@@ -6389,23 +6393,14 @@ var DependencyLines = React6.memo(({
                 },
                 role: "button",
                 "aria-label": `\u0421\u0432\u044F\u0437\u044C ${linkType}`,
-                children: [
-                  /* @__PURE__ */ jsx7(
-                    "path",
-                    {
-                      d: path,
-                      className: "gantt-dependency-hit-area"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx7(
-                    "path",
-                    {
-                      d: path,
-                      className: pathClassName,
-                      markerEnd
-                    }
-                  )
-                ]
+                children: isCoupling ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+                  /* @__PURE__ */ jsx7("title", { children: "\u041F\u043E\u0441\u043B\u0435 \u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u044F \xB7 \u0431\u0435\u0437 \u043B\u0430\u0433\u0430" }),
+                  /* @__PURE__ */ jsx7("circle", { cx: toX, cy: fromY, r: 12, className: "gantt-dependency-coupling-hit-area" }),
+                  /* @__PURE__ */ jsx7("circle", { cx: toX, cy: fromY, r: 4, className: `${pathClassName} gantt-dependency-coupling` })
+                ] }) : /* @__PURE__ */ jsxs5(Fragment3, { children: [
+                  /* @__PURE__ */ jsx7("path", { d: path, className: "gantt-dependency-hit-area" }),
+                  /* @__PURE__ */ jsx7("path", { d: path, className: pathClassName, markerEnd })
+                ] })
               }
             ),
             showLag && lag !== 0 && /* @__PURE__ */ jsx7(
@@ -7310,7 +7305,7 @@ function buildDefaultTaskDateRange(startDate, {
 }
 
 // src/components/TaskList/TaskListRow.tsx
-import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
 var DAY_MS4 = 24 * 60 * 60 * 1e3;
 var LINK_TYPE_ORDER = ["FS", "SS", "FF", "SF"];
 var getInclusiveDurationDays = (startDate, endDate) => {
@@ -7537,7 +7532,7 @@ var HierarchyButton = ({
   const canPromote = isChild && onPromote;
   const showDemote = canDemote && !!onDemote;
   if (!canPromote && !showDemote) return null;
-  return /* @__PURE__ */ jsxs10(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs10(Fragment4, { children: [
     canPromote && /* @__PURE__ */ jsx15(
       "button",
       {
@@ -7836,7 +7831,7 @@ var DepChip = ({
             formatTaskNumberLabel(predecessorTaskNumber),
             depName
           ] }),
-          !disableDependencyEditing && /* @__PURE__ */ jsxs10(Fragment3, { children: [
+          !disableDependencyEditing && /* @__PURE__ */ jsxs10(Fragment4, { children: [
             /* @__PURE__ */ jsx15("hr", { className: "gantt-tl-dep-edit-divider" }),
             /* @__PURE__ */ jsxs10("div", { className: "gantt-tl-dep-edit-actions", children: [
               /* @__PURE__ */ jsx15(
@@ -8860,8 +8855,8 @@ var TaskListRow = React11.memo(
       return `${numberColumnWidth + nestedAxisDepth * 20 + 9}px`;
     })();
     const nameCell = /* @__PURE__ */ jsxs10("div", { className: "gantt-tl-cell gantt-tl-cell-name", style: getColumnStyle("name", 200), children: [
-      isChild && !editingName && /* @__PURE__ */ jsxs10(Fragment3, { children: [
-        !isFilterHideMode && /* @__PURE__ */ jsxs10(Fragment3, { children: [
+      isChild && !editingName && /* @__PURE__ */ jsxs10(Fragment4, { children: [
+        !isFilterHideMode && /* @__PURE__ */ jsxs10(Fragment4, { children: [
           ancestorLineModes.map(
             (mode, idx) => mode ? /* @__PURE__ */ jsxs10(React11.Fragment, { children: [
               /* @__PURE__ */ jsx15(
@@ -8961,7 +8956,7 @@ var TaskListRow = React11.memo(
             }
           }
         ),
-        isParent && !task.composite && !editingName && /* @__PURE__ */ jsx15(Fragment3, { children: /* @__PURE__ */ jsx15(
+        isParent && !task.composite && !editingName && /* @__PURE__ */ jsx15(Fragment4, { children: /* @__PURE__ */ jsx15(
           "button",
           {
             type: "button",
@@ -8973,7 +8968,7 @@ var TaskListRow = React11.memo(
           }
         ) })
       ] }),
-      !isChild && isParent && !task.composite && !editingName && /* @__PURE__ */ jsxs10(Fragment3, { children: [
+      !isChild && isParent && !task.composite && !editingName && /* @__PURE__ */ jsxs10(Fragment4, { children: [
         !isFilterHideMode && !isCollapsed && /* @__PURE__ */ jsx15(
           "span",
           {
@@ -9015,7 +9010,7 @@ var TaskListRow = React11.memo(
           style: { paddingLeft: nameInputPaddingLeft },
           onClick: (e) => e.stopPropagation()
         }
-      ) : /* @__PURE__ */ jsxs10(Fragment3, { children: [
+      ) : /* @__PURE__ */ jsxs10(Fragment4, { children: [
         task.composite && /* @__PURE__ */ jsx15(
           "button",
           {
@@ -9037,7 +9032,7 @@ var TaskListRow = React11.memo(
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 "aria-hidden": "true",
-                children: compositeIconMode === "composite" ? /* @__PURE__ */ jsxs10(Fragment3, { children: [
+                children: compositeIconMode === "composite" ? /* @__PURE__ */ jsxs10(Fragment4, { children: [
                   /* @__PURE__ */ jsx15("path", { d: "M21 5H11" }),
                   /* @__PURE__ */ jsx15("path", { d: "M21 12H11" }),
                   /* @__PURE__ */ jsx15("path", { d: "M21 19H11" }),
@@ -9506,7 +9501,7 @@ var TaskListRow = React11.memo(
         className: "gantt-tl-cell gantt-tl-cell-deps",
         style: getColumnStyle("dependencies", 128),
         onClick: isSourceRow ? handleSourceCellClick : isPicking ? handlePredecessorPick : void 0,
-        children: isSourceRow ? /* @__PURE__ */ jsxs10(Fragment3, { children: [
+        children: isSourceRow ? /* @__PURE__ */ jsxs10(Fragment4, { children: [
           /* @__PURE__ */ jsx15(
             "span",
             {
@@ -9516,7 +9511,7 @@ var TaskListRow = React11.memo(
             }
           ),
           sourcePickerContent
-        ] }) : /* @__PURE__ */ jsxs10(Fragment3, { children: [
+        ] }) : /* @__PURE__ */ jsxs10(Fragment4, { children: [
           printDependencyLabels ? /* @__PURE__ */ jsx15("span", { className: "gantt-tl-dependency-print-labels", children: chips.map(({ dep, lag }) => formatDependencyPrintLabel(
             dep,
             taskNumberMap[dep.taskId],
@@ -9901,7 +9896,7 @@ var NewTaskRow = ({
 
 // src/components/GenerationSkeleton/GenerationSkeleton.tsx
 import { useRef as useRef7 } from "react";
-import { Fragment as Fragment4, jsx as jsx17 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx17 } from "react/jsx-runtime";
 var MAX_SKELETON_ROWS = 200;
 var SHIMMER_DURATION_MS = 1450;
 function stableRowJitter(rowIndex, maxDays) {
@@ -9960,7 +9955,7 @@ var GenerationSkeletonRows = ({
           {
             className: "gantt-generation-skeleton-row",
             style: { top: `${(startTop ?? startIndex * rowHeight) + index * rowHeight}px`, height: `${rowHeight}px` },
-            children: variant === "task-list" ? /* @__PURE__ */ jsx17(Fragment4, { children: /* @__PURE__ */ jsx17("span", { className: `gantt-generation-skeleton-label ${shortShape ? "gantt-generation-skeleton-label-short" : ""} ${mediumShape ? "gantt-generation-skeleton-label-medium" : ""}` }) }) : /* @__PURE__ */ jsx17("span", { className: `gantt-generation-skeleton-bar ${parentShape ? "gantt-generation-skeleton-bar-parent" : ""} ${shortShape ? "gantt-generation-skeleton-bar-short" : ""}`, style: chartBarStyle })
+            children: variant === "task-list" ? /* @__PURE__ */ jsx17(Fragment5, { children: /* @__PURE__ */ jsx17("span", { className: `gantt-generation-skeleton-label ${shortShape ? "gantt-generation-skeleton-label-short" : ""} ${mediumShape ? "gantt-generation-skeleton-label-medium" : ""}` }) }) : /* @__PURE__ */ jsx17("span", { className: `gantt-generation-skeleton-bar ${parentShape ? "gantt-generation-skeleton-bar-parent" : ""} ${shortShape ? "gantt-generation-skeleton-bar-short" : ""}`, style: chartBarStyle })
           },
           rowIndex
         );
@@ -11982,7 +11977,7 @@ var useResourceItemDrag = ({
 };
 
 // src/components/ResourceTimelineChart/ResourceTimelineChart.tsx
-import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 var DEFAULT_DAY_WIDTH = 40;
 var DEFAULT_HEADER_HEIGHT = 40;
 var DEFAULT_LANE_HEIGHT = 40;
@@ -13324,7 +13319,7 @@ function ResourceTimelineChart({
                               backgroundColor: layoutItem.item.color ?? "var(--gantt-task-bar-default-color, #3b82f6)"
                             },
                             children: [
-                              !readonly && !layoutItem.item.locked && /* @__PURE__ */ jsxs13(Fragment5, { children: [
+                              !readonly && !layoutItem.item.locked && /* @__PURE__ */ jsxs13(Fragment6, { children: [
                                 /* @__PURE__ */ jsx19("span", { className: "gantt-resourceTimeline-resizeHandle gantt-resourceTimeline-resizeHandleStart" }),
                                 /* @__PURE__ */ jsx19("span", { className: "gantt-resourceTimeline-resizeHandle gantt-resourceTimeline-resizeHandleEnd" })
                               ] }),
@@ -15178,7 +15173,7 @@ async function printGanttChart({
 }
 
 // src/components/GanttChart/GanttChart.tsx
-import { Fragment as Fragment6, jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 var SCROLL_TO_ROW_CONTEXT_ROWS = 2;
 var TASK_ROW_OVERSCAN = 8;
 var SCROLL_TOP_BUCKET_PX = 64;
@@ -16799,7 +16794,7 @@ function TaskGanttChartInner(props, ref) {
                         todayDateIndex: todayInRange ? todayIndex : void 0,
                         isCustomWeekend
                       }
-                    ) : /* @__PURE__ */ jsxs16(Fragment6, { children: [
+                    ) : /* @__PURE__ */ jsxs16(Fragment7, { children: [
                       /* @__PURE__ */ jsxs16(
                         "div",
                         {