apexgantt 3.4.1 → 3.5.0

package/.github/workflows/publish.yml

@@ -5,6 +5,10 @@ on:
     branches:
       - main
 
+permissions:
+  id-token: write
+  contents: read
+
 jobs:
   publish:
     runs-on: ubuntu-latest
@@ -13,8 +17,9 @@ jobs:
       - uses: actions/setup-node@v4
         with:
           node-version: "20"
-          registry-url: "https://registry.npmjs.org" # Or your custom registry
+          registry-url: "https://registry.npmjs.org"
+
       - run: npm install
-      - run: npm publish
+      - run: npm publish --provenance
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/apexgantt.es.min.js

@@ -14079,7 +14079,13 @@ function getTaskTextByColumn(task, columnKey, inputDateFormat) {
   return taskColumnValue;
 }
 function getTaskRowElement(context, taskId) {
-  return context.querySelector(`.tasks-container .tasks-data-row[data-taskid="${taskId}"]`);
+  const chartInstanceId = context.getInstanceId();
+  const selector = `.tasks-container .tasks-data-row[data-taskid="${taskId}"][data-chart-instance="${chartInstanceId}"]`;
+  const element = context.querySelector(selector);
+  if (!element) {
+    console.warn(`[${chartInstanceId}] Task row element not found for task: ${taskId}`);
+  }
+  return element;
 }
 function getRowBackgroundColor(index, rowBackgroundColors) {
   if (!(rowBackgroundColors == null ? void 0 : rowBackgroundColors.length))
@@ -17182,7 +17188,7 @@ class ApexGantt extends BaseChart {
     }
   }
   disableHeaderMousewheelScroll() {
-    const timelineHeader = this.element.querySelector(".timeline-header");
+    const timelineHeader = this.chartContext.querySelector(".timeline-header");
     if (!timelineHeader) {
       return;
     }
@@ -17267,16 +17273,16 @@ class ApexGantt extends BaseChart {
     this.chartContext.addEventListener("splitview-resize", this.splitBarResizeHandler);
   }
   positionHorizontalScrollbar() {
-    const horizontalScroll = this.element.querySelector(".timeline-horizontal-scroll");
-    const ganttContainer = this.element.querySelector(".gantt-container");
-    const tasksContainer = this.element.querySelector(".tasks-container");
+    const horizontalScroll = this.chartContext.querySelector(".timeline-horizontal-scroll");
+    const ganttContainer = this.chartContext.querySelector(".gantt-container");
+    const tasksContainer = this.chartContext.querySelector(".tasks-container");
     if (!horizontalScroll || !ganttContainer) {
       console.warn("Missing elements for scrollbar positioning");
       return;
     }
     void ganttContainer.offsetHeight;
     const tasksWidth = tasksContainer ? tasksContainer.offsetWidth : 0;
-    const splitBar = this.element.querySelector(".split-bar-container");
+    const splitBar = this.chartContext.querySelector(".split-bar-container");
     const splitBarWidth = splitBar ? splitBar.offsetWidth : 0;
     const totalOffset = tasksWidth + splitBarWidth + 2;
     const computedStyle = window.getComputedStyle(this.element);
@@ -17288,8 +17294,8 @@ class ApexGantt extends BaseChart {
     horizontalScroll.style.width = `${Math.max(0, availableWidth)}px`;
   }
   compensateForScrollbar() {
-    const bodyWrapper = this.element.querySelector(".tasks-body-wrapper");
-    const headerContainer = this.element.querySelector(".tasks-header");
+    const bodyWrapper = this.chartContext.querySelector(".tasks-body-wrapper");
+    const headerContainer = this.chartContext.querySelector(".tasks-header");
     if (!bodyWrapper || !headerContainer) {
       return;
     }
@@ -17302,9 +17308,9 @@ class ApexGantt extends BaseChart {
     }
   }
   setupTimelineHorizontalScroll() {
-    const horizontalScroll = this.element.querySelector(".timeline-horizontal-scroll");
-    const timelineHeader = this.element.querySelector(".timeline-header");
-    const timelineBodyWrapper = this.element.querySelector(".timeline-body-wrapper");
+    const horizontalScroll = this.chartContext.querySelector(".timeline-horizontal-scroll");
+    const timelineHeader = this.chartContext.querySelector(".timeline-header");
+    const timelineBodyWrapper = this.chartContext.querySelector(".timeline-body-wrapper");
     if (!horizontalScroll || !timelineHeader || !timelineBodyWrapper) {
       return;
     }
@@ -17431,15 +17437,15 @@ class ApexGantt extends BaseChart {
     const tasksWithDependency = this.dataManager.getFlatVisibleTasks().filter((task) => !!task.dependency).map((task) => {
       const sourceSelector = `.bar-container [data-taskid="${task.dependency}"][data-chart-instance="${chartInstanceId}"]`;
       const targetSelector = `.bar-container [data-taskid="${task.id}"][data-chart-instance="${chartInstanceId}"]`;
-      const source = this.element.querySelector(sourceSelector);
-      const target = this.element.querySelector(targetSelector);
+      const source = this.chartContext.querySelector(sourceSelector);
+      const target = this.chartContext.querySelector(targetSelector);
       return {
         id: `${task.dependency}-${task.id}`,
         source,
         target
       };
     }).filter((edge) => edge.source && edge.target);
-    const timelineBody = this.element.querySelector(".timeline-body");
+    const timelineBody = this.chartContext.querySelector(".timeline-body");
     if (!timelineBody) {
       console.warn(`[${chartInstanceId}] Timeline body not found for arrows`);
       return;
@@ -17730,7 +17736,7 @@ class ApexGantt extends BaseChart {
     return this.isColorDark(currentBgColor) ? "dark" : "light";
   }
   fillEmptyRowsAfterRender() {
-    const ganttContainer = this.element.querySelector(".gantt-container");
+    const ganttContainer = this.chartContext.querySelector(".gantt-container");
     const timelineBody = ganttContainer == null ? void 0 : ganttContainer.querySelector(".timeline-body");
     const tasksBody = ganttContainer == null ? void 0 : ganttContainer.querySelector(".tasks-data-container");
     if (!ganttContainer || !timelineBody || !tasksBody) {
@@ -17878,9 +17884,9 @@ class ApexGantt extends BaseChart {
    * update the horizontal scrollbar's content width to match timeline width
    */
   updateHorizontalScrollbarContent() {
-    const horizontalScroll = this.element.querySelector(".timeline-horizontal-scroll");
+    const horizontalScroll = this.chartContext.querySelector(".timeline-horizontal-scroll");
     const scrollContent = horizontalScroll == null ? void 0 : horizontalScroll.querySelector(".timeline-horizontal-scroll-content");
-    const timelineBody = this.element.querySelector(".timeline-body");
+    const timelineBody = this.chartContext.querySelector(".timeline-body");
     if (!horizontalScroll || !scrollContent || !timelineBody) {
       console.warn("Scrollbar update: Missing elements", {
         horizontalScroll: !!horizontalScroll,