apexgantt 3.2.0 → 3.3.0

package/apexgantt.es.min.js

@@ -14330,6 +14330,32 @@ class DataManager {
   }
   getDateRange(add = 0, viewMode) {
     const tasks = this.getTasks();
+    if (tasks.length === 0) {
+      const today = dayjs();
+      const startDate = today.startOf(viewMode);
+      let defaultRange = 1;
+      switch (viewMode) {
+        case "day":
+          defaultRange = 30;
+          break;
+        case "week":
+          defaultRange = 12;
+          break;
+        case "month":
+          defaultRange = 12;
+          break;
+        case "quarter":
+          defaultRange = 4;
+          break;
+        case "year":
+          defaultRange = 5;
+          break;
+        default:
+          defaultRange = 12;
+      }
+      const endDate = startDate.add(defaultRange + add, viewMode);
+      return [startDate, endDate];
+    }
     const startDates = tasks.map((task) => dayjs(task.startTime));
     const endDates = tasks.filter((task) => !!task.endTime).map((task) => dayjs(task.endTime));
     return [dayjs.min(startDates), dayjs.max(endDates).add(add, viewMode)];
@@ -16534,12 +16560,11 @@ class GanttStateManager {
    */
   captureState(element, dataManager, viewMode) {
     const horizontalScroll = element.querySelector(".timeline-horizontal-scroll");
-    const tasksBodyWrapper = element.querySelector(".tasks-body-wrapper");
-    const timelineBodyWrapper = element.querySelector(".timeline-body-wrapper");
+    const splitViewContainer = element.querySelector(".split-view-container");
     this.state.scrollPosition = {
       horizontal: (horizontalScroll == null ? void 0 : horizontalScroll.scrollLeft) || 0,
-      tasksVertical: (tasksBodyWrapper == null ? void 0 : tasksBodyWrapper.scrollTop) || 0,
-      timelineVertical: (timelineBodyWrapper == null ? void 0 : timelineBodyWrapper.scrollTop) || 0
+      tasksVertical: (splitViewContainer == null ? void 0 : splitViewContainer.scrollTop) || 0,
+      timelineVertical: (splitViewContainer == null ? void 0 : splitViewContainer.scrollTop) || 0
     };
     this.state.viewMode = viewMode;
     this.state.collapsedTasks = new Set(
@@ -16553,20 +16578,16 @@ class GanttStateManager {
     if (!skipScroll) {
       requestAnimationFrame(() => {
         const horizontalScroll = element.querySelector(".timeline-horizontal-scroll");
-        const tasksBodyWrapper = element.querySelector(".tasks-body-wrapper");
-        const timelineBodyWrapper = element.querySelector(".timeline-body-wrapper");
+        const splitViewContainer = element.querySelector(".split-view-container");
         if (horizontalScroll) {
           horizontalScroll.scrollLeft = this.state.scrollPosition.horizontal;
         }
-        if (tasksBodyWrapper) {
-          tasksBodyWrapper.scrollTop = this.state.scrollPosition.tasksVertical;
+        if (splitViewContainer) {
+          splitViewContainer.scrollTop = this.state.scrollPosition.tasksVertical;
         }
-        if (timelineBodyWrapper) {
-          timelineBodyWrapper.scrollTop = this.state.scrollPosition.timelineVertical;
-          const timelineHeader = element.querySelector(".timeline-header");
-          if (timelineHeader) {
-            timelineHeader.scrollLeft = this.state.scrollPosition.horizontal;
-          }
+        const timelineHeader = element.querySelector(".timeline-header");
+        if (timelineHeader) {
+          timelineHeader.scrollLeft = this.state.scrollPosition.horizontal;
         }
       });
     }
@@ -16754,6 +16775,7 @@ class ApexGantt extends BaseChart {
     this.splitBarResizeHandler = null;
     this.containerResizeObserver = null;
     this.lastKnownWidth = 0;
+    this.lastKnownHeight = 0;
     this.resizeDebounceTimer = null;
     const themeDefaults = getDefaultOptions(options == null ? void 0 : options.theme);
     let processedSeries;
@@ -16989,16 +17011,11 @@ class ApexGantt extends BaseChart {
     this.setCSSVariables();
     this.initializeTooltip();
     this.element.innerHTML = "";
-    const existingDimensions = this.hasExplicitDimensions();
+    this.hasExplicitDimensions();
     const normalizedHeight = this.normalizeDimension(height2);
     const normalizedWidth = this.normalizeDimension(width2);
     this.element.style.width = normalizedWidth;
-    if (normalizedHeight === "100%" && existingDimensions.height) {
-      const computedHeight = window.getComputedStyle(this.element).height;
-      this.element.style.height = computedHeight;
-    } else {
-      this.element.style.height = normalizedHeight;
-    }
+    this.element.style.height = normalizedHeight;
     this.element.style.display = "flex";
     this.element.style.flexDirection = "column";
     this.element.style.boxSizing = "border-box";
@@ -17620,6 +17637,10 @@ class ApexGantt extends BaseChart {
     if (!ganttContainer || !timelineBody || !tasksBody) {
       return;
     }
+    const oldEmptyTimelineRows = timelineBody.querySelectorAll(".timeline-empty-row");
+    oldEmptyTimelineRows.forEach((row) => row.remove());
+    const oldEmptyTaskRows = tasksBody.querySelectorAll(".tasks-empty-row");
+    oldEmptyTaskRows.forEach((row) => row.remove());
     const containerHeight = ganttContainer.clientHeight;
     const existingRows = timelineBody.querySelectorAll(".timeline-data-row:not(.timeline-empty-row)");
     const existingRowCount = existingRows.length;
@@ -17628,8 +17649,17 @@ class ApexGantt extends BaseChart {
     const emptyRowsNeeded = Math.max(0, totalRowsNeeded - existingRowCount);
     if (emptyRowsNeeded === 0)
       return;
+    let cellCount = 0;
     const firstRow = timelineBody.querySelector(".timeline-data-row");
-    const cellCount = firstRow ? firstRow.querySelectorAll(".timeline-data-cell").length : 0;
+    if (firstRow) {
+      cellCount = firstRow.querySelectorAll(".timeline-data-cell").length;
+    } else {
+      const timelineHeader = ganttContainer.querySelector(".timeline-header");
+      if (timelineHeader) {
+        const headerCells = timelineHeader.querySelectorAll(".timeline-header-cell");
+        cellCount = headerCells.length;
+      }
+    }
     if (cellCount === 0)
       return;
     for (let i = 0; i < emptyRowsNeeded; i++) {
@@ -17785,7 +17815,7 @@ class ApexGantt extends BaseChart {
     return value;
   }
   /**
-   * resize observer for container to handle responsive width changes
+   * resize observer for container to handle responsive width and height changes
    */
   setupContainerResizeObserver() {
     if (!this.element) {
@@ -17795,16 +17825,23 @@ class ApexGantt extends BaseChart {
       this.containerResizeObserver.disconnect();
     }
     const normalizedWidth = this.normalizeDimension(this.options.width);
+    const normalizedHeight = this.normalizeDimension(this.options.height);
     const isPercentageWidth = typeof normalizedWidth === "string" && normalizedWidth.includes("%");
-    if (!isPercentageWidth) {
+    const isPercentageHeight = typeof normalizedHeight === "string" && normalizedHeight.includes("%");
+    if (!isPercentageWidth && !isPercentageHeight) {
       return;
     }
     this.lastKnownWidth = this.element.offsetWidth;
+    this.lastKnownHeight = this.element.offsetHeight;
     this.containerResizeObserver = new ResizeObserver((entries) => {
       for (const entry of entries) {
         const newWidth = entry.contentRect.width;
-        if (Math.abs(newWidth - this.lastKnownWidth) > 1) {
+        const newHeight = entry.contentRect.height;
+        const widthChanged = Math.abs(newWidth - this.lastKnownWidth) > 1;
+        const heightChanged = Math.abs(newHeight - this.lastKnownHeight) > 1;
+        if (widthChanged || heightChanged) {
           this.lastKnownWidth = newWidth;
+          this.lastKnownHeight = newHeight;
           this.handleContainerResize();
         }
       }
@@ -17825,7 +17862,10 @@ class ApexGantt extends BaseChart {
       return;
     }
     const normalizedWidth = this.normalizeDimension(this.options.width);
-    if (typeof normalizedWidth === "string" && normalizedWidth.includes("%")) {
+    const normalizedHeight = this.normalizeDimension(this.options.height);
+    const isPercentageWidth = typeof normalizedWidth === "string" && normalizedWidth.includes("%");
+    const isPercentageHeight = typeof normalizedHeight === "string" && normalizedHeight.includes("%");
+    if (isPercentageWidth) {
       const computedWidth = window.getComputedStyle(this.element.parentElement || this.element).width;
       const currentElementWidth = window.getComputedStyle(this.element).width;
       if (computedWidth !== currentElementWidth) {
@@ -17836,6 +17876,11 @@ class ApexGantt extends BaseChart {
         });
       }
     }
+    if (isPercentageHeight) {
+      requestAnimationFrame(() => {
+        this.fillEmptyRowsAfterRender();
+      });
+    }
   }
   destroy() {
     try {