jsgantt-improved 2.8.9 → 3.0.0

package/dist-e2e/issue207-bar-axis-alignment.spec.js

@@ -0,0 +1,161 @@
+"use strict";
+/**
+ * E2E tests for issue #207: Gantt bars out of sync with timeline axis.
+ *
+ * The bug: bar left/width positions don't match the header columns
+ * for the corresponding start/end dates, causing bars to appear shifted.
+ *
+ * Strategy:
+ *   Inject a deterministic chart (week format) with tasks at known Monday dates.
+ *   Read the actual column header labels to locate the correct column for each
+ *   task's start date (the chart may add a buffer week, so we do NOT hardcode
+ *   column indices — we find them by date text). Then assert each bar's left
+ *   edge lands within ALIGN_TOLERANCE_PX of the matching column's left edge.
+ *
+ *   A systematic drift ≥ colWidth/2 would reproduce issue #207.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const test_1 = require("@playwright/test");
+/** Maximum allowed drift between bar left and the corresponding column left (px). */
+const ALIGN_TOLERANCE_PX = 4;
+/**
+ * Navigate to the demo page and wait for the JSGantt global to be available.
+ * The demo uses synchronous XHR which fails in headless Chrome, so we skip
+ * waiting for the initial chart and inject our own.
+ */
+async function gotoDemo(page) {
+    var _a;
+    // Use an absolute URL so Playwright doesn't reject "demo.html" as invalid
+    const baseURL = (_a = process.env.JSGANTT_E2E_BASE_URL) !== null && _a !== void 0 ? _a : 'http://localhost:8080';
+    const url = baseURL.replace(/\/$/, '') + '/demo.html';
+    await page.goto(url, { waitUntil: 'load' });
+    // Wait for the JSGantt global to be defined (scripts loaded)
+    await page.waitForFunction(() => typeof window.JSGantt !== 'undefined', { timeout: 15000 });
+}
+/** Inject a week-format chart with three 1-week tasks on known Mondays. */
+async function injectWeekChart(page) {
+    await page.evaluate(() => {
+        const container = document.getElementById('embedded-Gantt');
+        container.innerHTML = '';
+        const g = new window.JSGantt.GanttChart(container, 'week');
+        g.setOptions({ vFormat: 'week', vShowDeps: 0, vLang: 'en', vShowWeekends: 1 });
+        const T = window.JSGantt.TaskItem;
+        // Three 1-week tasks, each starting on a Monday (column boundary)
+        g.AddTaskItem(new T(1, 'Task A', '2024-01-01', '2024-01-07', 'gtaskblue', '', 0, '', 0, 0, 0, 1, '', '', '', g));
+        g.AddTaskItem(new T(2, 'Task B', '2024-01-15', '2024-01-21', 'gtaskgreen', '', 0, '', 0, 0, 0, 1, '', '', '', g));
+        g.AddTaskItem(new T(3, 'Task C', '2024-01-29', '2024-02-04', 'gtaskorange', '', 0, '', 0, 0, 0, 1, '', '', '', g));
+        g.Draw();
+    });
+    await page.waitForSelector('#embedded-Gantt .gcharttable', { timeout: 10000 });
+    await page.waitForTimeout(400);
+}
+/** Read bar positions relative to the chart table left edge. */
+async function getBars(page) {
+    return page.evaluate(() => {
+        const chartRect = document.querySelector('.gcharttable').getBoundingClientRect();
+        return Array.from(document.querySelectorAll('[id*="bardiv_"]'))
+            .filter(el => !el.classList.contains('gplan'))
+            .map(el => ({
+            id: el.id,
+            left: Math.round((el.getBoundingClientRect().left - chartRect.left) * 10) / 10,
+        }));
+    });
+}
+/** Read header column positions and date labels. */
+async function getCols(page) {
+    return page.evaluate(() => {
+        const headerTable = document.querySelector('.gcharttableh');
+        const headerRect = headerTable.getBoundingClientRect();
+        const rows = headerTable.querySelectorAll('tr');
+        const lastRow = rows[rows.length - 1]; // finest granularity row
+        return Array.from(lastRow.querySelectorAll('td')).map((td, i) => {
+            const r = td.getBoundingClientRect();
+            return {
+                index: i,
+                text: td.innerText.trim().slice(0, 10),
+                left: Math.round((r.left - headerRect.left) * 10) / 10,
+                width: Math.round(r.width * 10) / 10,
+            };
+        });
+    });
+}
+/**
+ * Find the column whose label starts with the given dd/mm string.
+ * Week headers are rendered as "DD/MM" in the default date display format.
+ */
+function findColByDate(cols, dd, mm) {
+    const target = `${String(dd).padStart(2, '0')}/${String(mm).padStart(2, '0')}`;
+    return cols.find(c => c.text.startsWith(target));
+}
+test_1.test.describe('Issue #207 — bar alignment with timeline axis (week format)', () => {
+    (0, test_1.test)('Task A (01/01): bar left aligns with the 01/01 column', async ({ page }) => {
+        await gotoDemo(page);
+        await injectWeekChart(page);
+        const bars = await getBars(page);
+        const cols = await getCols(page);
+        (0, test_1.expect)(bars.length, 'should find rendered bars').toBeGreaterThanOrEqual(3);
+        const col = findColByDate(cols, 1, 1);
+        (0, test_1.expect)(col, 'should find a column labelled 01/01').toBeDefined();
+        const bar = bars[0];
+        const drift = Math.abs(bar.left - col.left);
+        (0, test_1.expect)(drift, `Task A bar left (${bar.left}px) should align with col "01/01" left (${col.left}px), drift=${drift.toFixed(1)}px`).toBeLessThanOrEqual(ALIGN_TOLERANCE_PX);
+    });
+    (0, test_1.test)('Task B (15/01): bar left aligns with the 15/01 column', async ({ page }) => {
+        await gotoDemo(page);
+        await injectWeekChart(page);
+        const bars = await getBars(page);
+        const cols = await getCols(page);
+        const col = findColByDate(cols, 15, 1);
+        (0, test_1.expect)(col, 'should find a column labelled 15/01').toBeDefined();
+        const bar = bars[1];
+        const drift = Math.abs(bar.left - col.left);
+        (0, test_1.expect)(drift, `Task B bar left (${bar.left}px) should align with col "15/01" left (${col.left}px), drift=${drift.toFixed(1)}px`).toBeLessThanOrEqual(ALIGN_TOLERANCE_PX);
+    });
+    (0, test_1.test)('Task C (29/01): bar left aligns with the 29/01 column', async ({ page }) => {
+        await gotoDemo(page);
+        await injectWeekChart(page);
+        const bars = await getBars(page);
+        const cols = await getCols(page);
+        const col = findColByDate(cols, 29, 1);
+        (0, test_1.expect)(col, 'should find a column labelled 29/01').toBeDefined();
+        const bar = bars[2];
+        const drift = Math.abs(bar.left - col.left);
+        (0, test_1.expect)(drift, `Task C bar left (${bar.left}px) should align with col "29/01" left (${col.left}px), drift=${drift.toFixed(1)}px`).toBeLessThanOrEqual(ALIGN_TOLERANCE_PX);
+    });
+    (0, test_1.test)('each bar left is exactly on a column boundary (not between columns)', async ({ page }) => {
+        await gotoDemo(page);
+        await injectWeekChart(page);
+        const bars = await getBars(page);
+        const cols = await getCols(page);
+        (0, test_1.expect)(cols.length).toBeGreaterThan(0);
+        for (const bar of bars) {
+            const minDrift = Math.min(...cols.map(c => Math.abs(bar.left - c.left)));
+            (0, test_1.expect)(minDrift, `bar ${bar.id} at ${bar.left}px should sit on a column boundary; nearest column drift=${minDrift.toFixed(1)}px`).toBeLessThanOrEqual(ALIGN_TOLERANCE_PX);
+        }
+    });
+    (0, test_1.test)('month format (react-jsgantt scenario): bar aligns with 01/01 column', async ({ page }) => {
+        await gotoDemo(page);
+        // Reproduce the react-jsgantt scenario: month-format tasks at exact month boundaries
+        await page.evaluate(() => {
+            const container = document.getElementById('embedded-Gantt');
+            container.innerHTML = '';
+            const g = new window.JSGantt.GanttChart(container, 'month');
+            g.setOptions({ vFormat: 'month', vShowDeps: 0, vLang: 'en' });
+            const T = window.JSGantt.TaskItem;
+            g.AddTaskItem(new T(1, 'Phase 1', '2024-01-01', '2024-01-31', 'gtaskblue', '', 0, '', 0, 0, 0, 1, '', '', '', g));
+            g.AddTaskItem(new T(2, 'Phase 2', '2024-03-01', '2024-03-31', 'gtaskgreen', '', 0, '', 0, 0, 0, 1, '', '', '', g));
+            g.Draw();
+        });
+        await page.waitForSelector('#embedded-Gantt .gcharttable', { timeout: 10000 });
+        await page.waitForTimeout(400);
+        const bars = await getBars(page);
+        const cols = await getCols(page);
+        (0, test_1.expect)(bars.length).toBeGreaterThanOrEqual(2);
+        // Each bar should sit on a column boundary
+        for (const bar of bars) {
+            const minDrift = Math.min(...cols.map(c => Math.abs(bar.left - c.left)));
+            (0, test_1.expect)(minDrift, `bar ${bar.id} at ${bar.left}px should sit on a column boundary; nearest drift=${minDrift.toFixed(1)}px`).toBeLessThanOrEqual(ALIGN_TOLERANCE_PX);
+        }
+    });
+});
+//# sourceMappingURL=issue207-bar-axis-alignment.spec.js.map

package/dist-e2e/issue207-bar-axis-alignment.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"issue207-bar-axis-alignment.spec.js","sourceRoot":"","sources":["../test/e2e/issue207-bar-axis-alignment.spec.ts"],"names":[],"mappings":"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"}

package/dist-e2e/issue349-taskname-click-event.spec.js

@@ -0,0 +1,170 @@
+"use strict";
+/**
+ * E2E tests for issue #349: Click event on task name via vEvents.taskname.
+ *
+ * The issue reports that users want to handle clicks on task name cells.
+ * The vEvents.taskname callback should fire with (task, event, cell) args
+ * when a task name cell is clicked.
+ */
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+const test_1 = require("@playwright/test");
+const BASE_URL = (_a = process.env.JSGANTT_E2E_BASE_URL) !== null && _a !== void 0 ? _a : 'http://localhost:8080';
+async function gotoDemo(page) {
+    const url = BASE_URL.replace(/\/$/, '') + '/demo.html';
+    await page.goto(url, { waitUntil: 'load' });
+    await page.waitForFunction(() => typeof window.JSGantt !== 'undefined', { timeout: 15000 });
+}
+test_1.test.describe('Issue #349 — vEvents.taskname click handler', () => {
+    (0, test_1.test)('taskname click handler fires with task, event and cell arguments', async ({ page }) => {
+        await gotoDemo(page);
+        const result = await page.evaluate(() => {
+            const container = document.getElementById('embedded-Gantt');
+            container.innerHTML = '';
+            const calls = [];
+            const g = new window.JSGantt.GanttChart(container, 'week');
+            g.setOptions({
+                vFormat: 'week',
+                vShowDeps: 0,
+                vLang: 'en',
+                vEvents: {
+                    taskname: function (task, event, cell) {
+                        calls.push({
+                            taskName: task.getName(),
+                            hasEvent: event instanceof MouseEvent,
+                            hasCell: cell instanceof HTMLElement,
+                        });
+                    }
+                }
+            });
+            const T = window.JSGantt.TaskItem;
+            g.AddTaskItem(new T(1, 'Group A', '2024-01-01', '2024-03-31', 'ggroupblack', '', 0, '', 0, 1, 0, 1, '', '', '', g));
+            g.AddTaskItem(new T(2, 'Task Alpha', '2024-01-01', '2024-01-14', 'gtaskblue', '', 0, 'R1', 0, 0, 1, 1, '', '', '', g));
+            g.AddTaskItem(new T(3, 'Task Beta', '2024-01-15', '2024-02-28', 'gtaskgreen', '', 0, 'R2', 0, 0, 1, 1, '', '', '', g));
+            g.Draw();
+            return { calls, taskCellCount: document.querySelectorAll('.gtaskname').length };
+        });
+        // Verify task cells rendered
+        (0, test_1.expect)(result.taskCellCount, 'task name cells should be rendered').toBeGreaterThan(0);
+        // Click on task name cells
+        const taskCells = page.locator('.gtaskname');
+        const count = await taskCells.count();
+        (0, test_1.expect)(count).toBeGreaterThan(0);
+        // Click the first non-header task cell (skip the header cell)
+        // Task list rows have .gname class on their tr; click cell div inside
+        const taskRow = page.locator('tr.gname .gtaskname').first();
+        await taskRow.click();
+        // Read captured calls from page
+        const calls = await page.evaluate(() => window.__issue349Calls);
+        // The calls array was captured inside evaluate scope, re-check via a different approach
+        const fired = await page.evaluate(() => {
+            // Re-check by clicking programmatically and capturing via the already-registered handler
+            // Since we registered vEvents.taskname above, clicks on .gtaskname should fire it.
+            // We expose the call log via a global for inspection.
+            return window.__issue349Calls;
+        });
+        // Since our calls array is inside the evaluate closure, we need to re-run with a global
+        // Let's re-run with a global-exposed approach
+        const result2 = await page.evaluate(() => {
+            const container = document.getElementById('embedded-Gantt');
+            container.innerHTML = '';
+            window.__issue349Calls = [];
+            const g = new window.JSGantt.GanttChart(container, 'week');
+            g.setOptions({
+                vFormat: 'week',
+                vShowDeps: 0,
+                vLang: 'en',
+                vEvents: {
+                    taskname: function (task, event, cell) {
+                        window.__issue349Calls.push({
+                            taskName: task.getName(),
+                            hasEvent: event instanceof MouseEvent,
+                            hasCell: cell instanceof HTMLElement,
+                        });
+                    }
+                }
+            });
+            const T = window.JSGantt.TaskItem;
+            g.AddTaskItem(new T(1, 'Group A', '2024-01-01', '2024-03-31', 'ggroupblack', '', 0, '', 0, 1, 0, 1, '', '', '', g));
+            g.AddTaskItem(new T(2, 'Task Alpha', '2024-01-01', '2024-01-14', 'gtaskblue', '', 0, 'R1', 0, 0, 1, 1, '', '', '', g));
+            g.AddTaskItem(new T(3, 'Task Beta', '2024-01-15', '2024-02-28', 'gtaskgreen', '', 0, 'R2', 0, 0, 1, 1, '', '', '', g));
+            g.Draw();
+            return { taskCellCount: document.querySelectorAll('tr.gname .gtaskname').length };
+        });
+        (0, test_1.expect)(result2.taskCellCount, 'task rows should be visible').toBeGreaterThan(0);
+        // Click the first task cell (non-group row)
+        const firstTaskCell = page.locator('tr.gname .gtaskname').first();
+        await firstTaskCell.click();
+        const callsAfterClick = await page.evaluate(() => window.__issue349Calls);
+        (0, test_1.expect)(callsAfterClick.length, 'taskname handler should fire on click').toBeGreaterThan(0);
+        (0, test_1.expect)(callsAfterClick[0].hasEvent, 'first arg should be a MouseEvent').toBe(true);
+        (0, test_1.expect)(callsAfterClick[0].hasCell, 'second arg should be an HTMLElement').toBe(true);
+        (0, test_1.expect)(typeof callsAfterClick[0].taskName, 'task should have a name').toBe('string');
+        (0, test_1.expect)(callsAfterClick[0].taskName.length, 'task name should be non-empty').toBeGreaterThan(0);
+    });
+    (0, test_1.test)('taskname event fires for group task rows', async ({ page }) => {
+        await gotoDemo(page);
+        await page.evaluate(() => {
+            const container = document.getElementById('embedded-Gantt');
+            container.innerHTML = '';
+            window.__issue349GroupCalls = [];
+            const g = new window.JSGantt.GanttChart(container, 'week');
+            g.setOptions({
+                vFormat: 'week',
+                vLang: 'en',
+                vEvents: {
+                    taskname: function (task, event, cell) {
+                        window.__issue349GroupCalls.push({ taskName: task.getName(), isGroup: task.getGroup() === 1 });
+                    }
+                }
+            });
+            const T = window.JSGantt.TaskItem;
+            g.AddTaskItem(new T(1, 'Group A', '2024-01-01', '2024-03-31', 'ggroupblack', '', 0, '', 0, 1, 0, 1, '', '', '', g));
+            g.AddTaskItem(new T(2, 'Task Alpha', '2024-01-01', '2024-01-14', 'gtaskblue', '', 0, 'R1', 0, 0, 1, 1, '', '', '', g));
+            g.Draw();
+        });
+        // Click the group row's taskname cell
+        // Group rows have a div with a span for the collapse icon inside .gtaskname
+        const groupCell = page.locator('tr.gname .gtaskname div').first();
+        await groupCell.click();
+        const calls = await page.evaluate(() => window.__issue349GroupCalls);
+        (0, test_1.expect)(calls.length, 'handler should fire for group row click').toBeGreaterThan(0);
+        (0, test_1.expect)(calls[0].isGroup, 'clicked task should be a group').toBe(true);
+        (0, test_1.expect)(calls[0].taskName).toBe('Group A');
+    });
+    (0, test_1.test)('vEvents.taskname can be set via setOptions (not just setEvents directly)', async ({ page }) => {
+        await gotoDemo(page);
+        const result = await page.evaluate(() => {
+            const container = document.getElementById('embedded-Gantt');
+            container.innerHTML = '';
+            window.__issue349SetOptionsCalls = [];
+            const g = new window.JSGantt.GanttChart(container, 'week');
+            // Use setOptions with vEvents — this is the API shown in issue #349
+            g.setOptions({
+                vFormat: 'week',
+                vLang: 'en',
+                vEvents: {
+                    taskname: function (task) {
+                        window.__issue349SetOptionsCalls.push(task.getName());
+                    }
+                }
+            });
+            const T = window.JSGantt.TaskItem;
+            g.AddTaskItem(new T(1, 'My Task', '2024-01-01', '2024-01-31', 'gtaskblue', '', 0, '', 0, 0, 0, 1, '', '', '', g));
+            g.Draw();
+            // Verify the events object was set correctly
+            const events = g.getEventsClickCell();
+            return {
+                hasTasknameHandler: typeof events.taskname === 'function',
+                taskCellCount: document.querySelectorAll('tr.gname .gtaskname').length,
+            };
+        });
+        (0, test_1.expect)(result.hasTasknameHandler, 'taskname handler should be registered via setOptions').toBe(true);
+        (0, test_1.expect)(result.taskCellCount).toBeGreaterThan(0);
+        await page.locator('tr.gname .gtaskname').first().click();
+        const calls = await page.evaluate(() => window.__issue349SetOptionsCalls);
+        (0, test_1.expect)(calls.length, 'handler should fire').toBeGreaterThan(0);
+        (0, test_1.expect)(calls[0]).toBe('My Task');
+    });
+});
+//# sourceMappingURL=issue349-taskname-click-event.spec.js.map

package/dist-e2e/issue349-taskname-click-event.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"issue349-taskname-click-event.spec.js","sourceRoot":"","sources":["../test/e2e/issue349-taskname-click-event.spec.ts"],"names":[],"mappings":"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"}

package/dist-e2e/issue375-column-visibility.spec.js

@@ -0,0 +1,129 @@
+"use strict";
+/**
+ * E2E tests for issue #375: left data table columns not visible when set via setOptions().
+ *
+ * The issue reports that columns like vShowRes, vShowCost, vShowComp, vShowStartDate,
+ * vShowEndDate are not visible even when explicitly enabled via setOptions().
+ */
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+const test_1 = require("@playwright/test");
+const BASE_URL = (_a = process.env.JSGANTT_E2E_BASE_URL) !== null && _a !== void 0 ? _a : 'http://localhost:8080';
+async function gotoDemo(page) {
+    const url = BASE_URL.replace(/\/$/, '') + '/demo.html';
+    await page.goto(url, { waitUntil: 'load' });
+    await page.waitForFunction(() => typeof window.JSGantt !== 'undefined', { timeout: 15000 });
+}
+function setupGantt(page, options) {
+    return page.evaluate((opts) => {
+        const container = document.getElementById('embedded-Gantt');
+        container.innerHTML = '';
+        const g = new window.JSGantt.GanttChart(container, 'week');
+        g.setOptions(Object.assign({ vFormat: 'week', vShowDeps: 0, vLang: 'en' }, opts));
+        const T = window.JSGantt.TaskItem;
+        g.AddTaskItem(new T(1, 'Group A', '2024-01-01', '2024-03-31', 'ggroupblack', '', 0, 'Mario', 0, 1, 0, 1, '', '', '', g));
+        g.AddTaskItem(new T(2, 'Task Alpha', '2024-01-01', '2024-01-14', 'gtaskblue', '', 100, 'Alice', 50, 0, 1, 1, '', '', '', g));
+        g.AddTaskItem(new T(3, 'Task Beta', '2024-01-15', '2024-02-28', 'gtaskgreen', '', 200, 'Bob', 30, 0, 1, 1, '', '', '', g));
+        g.Draw();
+        return {
+            resHeadingCount: document.querySelectorAll('td.gtaskheading.gresource').length,
+            durHeadingCount: document.querySelectorAll('td.gtaskheading.gduration').length,
+            compHeadingCount: document.querySelectorAll('td.gtaskheading.gpccomplete').length,
+            startHeadingCount: document.querySelectorAll('td.gtaskheading.gstartdate').length,
+            endHeadingCount: document.querySelectorAll('td.gtaskheading.genddate').length,
+            costHeadingCount: document.querySelectorAll('td.gtaskheading.gcost').length,
+        };
+    }, options);
+}
+test_1.test.describe('Issue #375 — column visibility via setOptions()', () => {
+    (0, test_1.test)('all columns shown by default (no setOptions overrides)', async ({ page }) => {
+        await gotoDemo(page);
+        const counts = await setupGantt(page, {});
+        (0, test_1.expect)(counts.resHeadingCount, 'resource column heading should be visible by default').toBeGreaterThan(0);
+        (0, test_1.expect)(counts.durHeadingCount, 'duration column heading should be visible by default').toBeGreaterThan(0);
+        (0, test_1.expect)(counts.compHeadingCount, 'completion column heading should be visible by default').toBeGreaterThan(0);
+        (0, test_1.expect)(counts.startHeadingCount, 'start date column heading should be visible by default').toBeGreaterThan(0);
+        (0, test_1.expect)(counts.endHeadingCount, 'end date column heading should be visible by default').toBeGreaterThan(0);
+        // cost is 0 by default
+        (0, test_1.expect)(counts.costHeadingCount, 'cost column heading should be hidden by default').toBe(0);
+    });
+    (0, test_1.test)('vShowCost=1 via setOptions() makes cost column appear', async ({ page }) => {
+        await gotoDemo(page);
+        const counts = await setupGantt(page, { vShowCost: 1 });
+        (0, test_1.expect)(counts.costHeadingCount, 'cost column heading should be visible when vShowCost=1').toBeGreaterThan(0);
+    });
+    (0, test_1.test)('vShowRes=0 via setOptions() hides resource column', async ({ page }) => {
+        await gotoDemo(page);
+        const counts = await setupGantt(page, { vShowRes: 0 });
+        (0, test_1.expect)(counts.resHeadingCount, 'resource column heading should be hidden when vShowRes=0').toBe(0);
+    });
+    (0, test_1.test)('vShowComp=0 via setOptions() hides completion column', async ({ page }) => {
+        await gotoDemo(page);
+        const counts = await setupGantt(page, { vShowComp: 0 });
+        (0, test_1.expect)(counts.compHeadingCount, 'completion column heading should be hidden when vShowComp=0').toBe(0);
+    });
+    (0, test_1.test)('vShowStartDate=0 and vShowEndDate=0 via setOptions() hides date columns', async ({ page }) => {
+        await gotoDemo(page);
+        const counts = await setupGantt(page, { vShowStartDate: 0, vShowEndDate: 0 });
+        (0, test_1.expect)(counts.startHeadingCount, 'start date column should be hidden when vShowStartDate=0').toBe(0);
+        (0, test_1.expect)(counts.endHeadingCount, 'end date column should be hidden when vShowEndDate=0').toBe(0);
+    });
+    (0, test_1.test)('all optional columns toggled on via setOptions() renders all heading cells', async ({ page }) => {
+        await gotoDemo(page);
+        const counts = await setupGantt(page, {
+            vShowRes: 1,
+            vShowDur: 1,
+            vShowComp: 1,
+            vShowStartDate: 1,
+            vShowEndDate: 1,
+            vShowCost: 1,
+        });
+        (0, test_1.expect)(counts.resHeadingCount, 'resource heading visible').toBeGreaterThan(0);
+        (0, test_1.expect)(counts.durHeadingCount, 'duration heading visible').toBeGreaterThan(0);
+        (0, test_1.expect)(counts.compHeadingCount, 'completion heading visible').toBeGreaterThan(0);
+        (0, test_1.expect)(counts.startHeadingCount, 'start date heading visible').toBeGreaterThan(0);
+        (0, test_1.expect)(counts.endHeadingCount, 'end date heading visible').toBeGreaterThan(0);
+        (0, test_1.expect)(counts.costHeadingCount, 'cost heading visible').toBeGreaterThan(0);
+    });
+    (0, test_1.test)('all optional columns toggled off via setOptions() hides all non-name headings', async ({ page }) => {
+        await gotoDemo(page);
+        const counts = await setupGantt(page, {
+            vShowRes: 0,
+            vShowDur: 0,
+            vShowComp: 0,
+            vShowStartDate: 0,
+            vShowEndDate: 0,
+            vShowCost: 0,
+        });
+        (0, test_1.expect)(counts.resHeadingCount, 'resource heading hidden').toBe(0);
+        (0, test_1.expect)(counts.durHeadingCount, 'duration heading hidden').toBe(0);
+        (0, test_1.expect)(counts.compHeadingCount, 'completion heading hidden').toBe(0);
+        (0, test_1.expect)(counts.startHeadingCount, 'start date heading hidden').toBe(0);
+        (0, test_1.expect)(counts.endHeadingCount, 'end date heading hidden').toBe(0);
+        (0, test_1.expect)(counts.costHeadingCount, 'cost heading hidden').toBe(0);
+    });
+    (0, test_1.test)('column data cells respect vShowRes and vShowCost settings', async ({ page }) => {
+        await gotoDemo(page);
+        const result = await page.evaluate(() => {
+            const container = document.getElementById('embedded-Gantt');
+            container.innerHTML = '';
+            const g = new window.JSGantt.GanttChart(container, 'week');
+            g.setOptions({
+                vFormat: 'week',
+                vLang: 'en',
+                vShowRes: 0,
+                vShowCost: 1,
+            });
+            const T = window.JSGantt.TaskItem;
+            g.AddTaskItem(new T(1, 'Task A', '2024-01-01', '2024-01-31', 'gtaskblue', '', 500, 'Alice', 80, 0, 0, 1, '', '', '', g));
+            g.Draw();
+            return {
+                resCells: document.querySelectorAll('td.gresource').length,
+                costCells: document.querySelectorAll('td.gcost').length,
+            };
+        });
+        (0, test_1.expect)(result.resCells, 'resource cells should be absent when vShowRes=0').toBe(0);
+        (0, test_1.expect)(result.costCells, 'cost cells should be present when vShowCost=1').toBeGreaterThan(0);
+    });
+});
+//# sourceMappingURL=issue375-column-visibility.spec.js.map

package/dist-e2e/issue375-column-visibility.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"issue375-column-visibility.spec.js","sourceRoot":"","sources":["../test/e2e/issue375-column-visibility.spec.ts"],"names":[],"mappings":"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"}

package/dist-e2e/issue54-month-today.spec.js

@@ -0,0 +1,84 @@
+"use strict";
+/**
+ * E2E tests for issue #54: Month view — today line hidden and month header
+ * missing when the max date falls on the 1st of a month.
+ *
+ * Root cause (suspected): getMaxDate() in month format uses:
+ *   while (vDate.getDate() > 1) vDate.setDate(vDate.getDate() + 1);
+ *   vDate.setDate(vDate.getDate() - 1);
+ * When vDate is already the 1st of a month the while never runs, then
+ * setDate(0) rolls back to the last day of the *previous* month — so
+ * a task ending August 1 causes vMaxDate = July 31, hiding August.
+ *
+ * Test cases (no Date mocking needed):
+ *
+ *  1. "August header" — tasks span Jan–Aug 1 2025.
+ *     Bug: vMaxDate = July 31  → August column missing.
+ *     Fix: vMaxDate = August 31 → August column present.
+ *
+ *  2. "today line" — tasks span Jan 2026 → April 1 2026 (today = April 13 2026).
+ *     Bug: vMaxDate = March 31 < today (Apr 13) → today line hidden.
+ *     Fix: vMaxDate = April 30 ≥ today            → today line visible.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const test_1 = require("@playwright/test");
+// Use the base URL from the environment (or default) and append demo.html.
+// We build the full URL here because DEMO_URL ('demo.html') is a relative path
+// and Playwright resolves it relative to the base URL *without* a trailing
+// slash, which can produce a 404 (e.g. https://host/project → https://host/demo.html).
+function demoUrl() {
+    var _a;
+    const base = ((_a = process.env.JSGANTT_E2E_BASE_URL) !== null && _a !== void 0 ? _a : 'http://localhost:8080').replace(/\/$/, '');
+    return `${base}/demo.html`;
+}
+/** Build a gantt in month format by injecting into the live demo page. */
+async function mountMonthGantt(page, startMM, startDD, startYYYY, endMM, endDD, endYYYY) {
+    // Ensure the demo page has rendered at least once before we overwrite it
+    await page.waitForSelector('#embedded-Gantt', { timeout: 15000 });
+    await page.evaluate(({ startMM, startDD, startYYYY, endMM, endDD, endYYYY }) => {
+        const container = document.getElementById('embedded-Gantt');
+        if (!container)
+            throw new Error('#embedded-Gantt not found');
+        container.innerHTML = '';
+        const g = new window['JSGantt'].GanttChart(container, 'month');
+        g.setOptions({ vFormat: 'month', vFormatArr: ['Month'] });
+        // Default date input format is yyyy-mm-dd
+        const pad = (n) => String(n).padStart(2, '0');
+        const fmt = (y, m, d) => `${y}-${pad(m)}-${pad(d)}`;
+        g.AddTaskItem(new window['JSGantt'].TaskItem(1, 'Task A', fmt(startYYYY, startMM, startDD), fmt(endYYYY, endMM, endDD), '', '', 0, 'Me', 0, 1, 0, 1, '', '', '', g));
+        g.Draw();
+    }, { startMM, startDD, startYYYY, endMM, endDD, endYYYY });
+    await page.waitForSelector('#embedded-Gantt .gcharttable', { timeout: 10000 });
+    await page.waitForTimeout(300);
+}
+test_1.test.describe('Issue #54 — Month view: today line and month header', () => {
+    test_1.test.beforeEach(async ({ page }) => {
+        await page.goto(demoUrl(), { waitUntil: 'networkidle', timeout: 25000 });
+    });
+    (0, test_1.test)('August column header is visible when task ends on Aug 1', async ({ page }) => {
+        // Task Jan 1 2025 → Aug 1 2025
+        // Bug: vMaxDate rolls back to July 31 → August header missing
+        await mountMonthGantt(page, 1, 1, 2025, 8, 1, 2025);
+        const headerTexts = await page.evaluate(() => {
+            var _a;
+            const headerTable = document.querySelector('#embedded-Gantt .gcharttableh');
+            if (!headerTable)
+                return [];
+            const rows = headerTable.querySelectorAll('tr');
+            const lastRow = rows[rows.length - 1];
+            return Array.from((_a = lastRow === null || lastRow === void 0 ? void 0 : lastRow.querySelectorAll('td')) !== null && _a !== void 0 ? _a : []).map((td) => td.innerText.trim());
+        });
+        (0, test_1.expect)(headerTexts.some((t) => /aug/i.test(t)), `Expected August in month header, got: ${JSON.stringify(headerTexts)}`).toBe(true);
+    });
+    (0, test_1.test)('today line is rendered when task ends on the 1st and today is within that month', async ({ page }) => {
+        // Today = 2026-04-13. Task ends April 1 2026.
+        // Bug: vMaxDate = March 31, 2026 < today (Apr 13) → today line hidden
+        // Fix: vMaxDate = April 30, 2026 ≥ today          → today line visible
+        await mountMonthGantt(page, 1, 1, 2026, 4, 1, 2026);
+        const todayLineExists = await page.evaluate(() => {
+            return document.querySelector('#embedded-Gantt .gCurDate') !== null;
+        });
+        (0, test_1.expect)(todayLineExists, 'Today line (.gCurDate) should be rendered').toBe(true);
+    });
+});
+//# sourceMappingURL=issue54-month-today.spec.js.map

package/dist-e2e/issue54-month-today.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"issue54-month-today.spec.js","sourceRoot":"","sources":["../test/e2e/issue54-month-today.spec.ts"],"names":[],"mappings":"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"}