@operato/gantt 2.0.0-beta.5 → 7.0.0-rc.0

package/CHANGELOG.md

@@ -3,6 +3,113 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.0.0-rc.0](https://github.com/hatiolab/operato/compare/v2.0.0-beta.35...v7.0.0-rc.0) (2024-06-21)
+
+
+### :bug: Bug Fix
+
+* styles using material-design token ([1bfca4e](https://github.com/hatiolab/operato/commit/1bfca4e00834db5c6ce4514e858b7637916dfbd6))
+
+
+
+## [2.0.0-beta.35](https://github.com/hatiolab/operato/compare/v2.0.0-beta.34...v2.0.0-beta.35) (2024-06-19)
+
+**Note:** Version bump only for package @operato/gantt
+
+
+
+
+
+## [2.0.0-beta.23](https://github.com/hatiolab/operato/compare/v2.0.0-beta.22...v2.0.0-beta.23) (2024-06-13)
+
+
+### :bug: Bug Fix
+
+* export package.json ([538e6e0](https://github.com/hatiolab/operato/commit/538e6e050f5a3d77b8ed805968d66a9093a7d5e9))
+
+
+
+## [2.0.0-beta.22](https://github.com/hatiolab/operato/compare/v2.0.0-beta.21...v2.0.0-beta.22) (2024-06-13)
+
+
+### :bug: Bug Fix
+
+* operato tag for all package.json ([2334960](https://github.com/hatiolab/operato/commit/2334960db2186ade87ee590796a269fe5f5e9419))
+
+
+
+## [2.0.0-beta.20](https://github.com/hatiolab/operato/compare/v2.0.0-beta.19...v2.0.0-beta.20) (2024-06-11)
+
+
+### :bug: Bug Fix
+
+* support function for defaultValue in ox-property-editor ([efe7590](https://github.com/hatiolab/operato/commit/efe7590a41d223d92ef7b96c3e1b49c3691599d0))
+
+
+
+## [2.0.0-beta.19](https://github.com/hatiolab/operato/compare/v2.0.0-beta.18...v2.0.0-beta.19) (2024-06-11)
+
+
+### :rocket: New Features
+
+* gantt chart ([3daba7f](https://github.com/hatiolab/operato/commit/3daba7fbd8c270dc01c72b8d6602de75b370d59e))
+
+
+
+## [2.0.0-beta.18](https://github.com/hatiolab/operato/compare/v2.0.0-beta.17...v2.0.0-beta.18) (2024-06-11)
+
+
+### :rocket: New Features
+
+* ox-input-table-column-config ([39be540](https://github.com/hatiolab/operato/commit/39be54054e210f6ce5d55499dffe78f4426d0d76))
+
+
+
+## [2.0.0-beta.17](https://github.com/hatiolab/operato/compare/v2.0.0-beta.16...v2.0.0-beta.17) (2024-06-11)
+
+
+### :rocket: New Features
+
+* ox-input-table-column-config ([0b84541](https://github.com/hatiolab/operato/commit/0b84541ec63fc71538292abd9e81d8c38baee44c))
+
+
+
+## [2.0.0-beta.15](https://github.com/hatiolab/operato/compare/v2.0.0-beta.14...v2.0.0-beta.15) (2024-06-10)
+
+
+### :bug: Bug Fix
+
+* gantt 의 그리드라인이 공백이 없도록 함 ([9cd6f33](https://github.com/hatiolab/operato/commit/9cd6f335b21f6383ae41e6f15df733ea81f4fd74))
+* revert i18next version ([75975f7](https://github.com/hatiolab/operato/commit/75975f7295febfbbb2d02774249ca2b742019ba9))
+* splitter는 마우스 움직이는 범위를 gannt 안에서만 허용하도록 함 ([dd2164e](https://github.com/hatiolab/operato/commit/dd2164e01bd8544e6a66d3e5e892609dd4fbea77))
+
+
+### :rocket: New Features
+
+* gantt chart taskbar tooltip ([758ecd4](https://github.com/hatiolab/operato/commit/758ecd4b7d6b2b77b98cf13d6e4b36c822f4ff12))
+* gantt chart taskbar tooltip 위치 보정 ([1b36b40](https://github.com/hatiolab/operato/commit/1b36b4015c501ee492bf1b1d22355edcce976033))
+* make gantt table section column mergable ([02a91ca](https://github.com/hatiolab/operato/commit/02a91ca89c40156ba43d4db221dc72e7ceccf914))
+* make gantt table section column mergable ([f4dc900](https://github.com/hatiolab/operato/commit/f4dc90022d9dbae01ef8bc8f58d66ed0a0b561a6))
+
+
+
+## [2.0.0-beta.14](https://github.com/hatiolab/operato/compare/v2.0.0-beta.13...v2.0.0-beta.14) (2024-06-10)
+
+
+### :bug: Bug Fix
+
+* gantt ([2ba0fc3](https://github.com/hatiolab/operato/commit/2ba0fc3b6928502c5667e59178391affa7b73294))
+
+
+
+## [2.0.0-beta.13](https://github.com/hatiolab/operato/compare/v2.0.0-beta.12...v2.0.0-beta.13) (2024-06-09)
+
+**Note:** Version bump only for package @operato/gantt
+
+
+
+
+
 ## [2.0.0-beta.5](https://github.com/hatiolab/operato/compare/v2.0.0-beta.4...v2.0.0-beta.5) (2024-06-04)
 
 

package/dist/src/gantt-chart-controller.d.ts

@@ -0,0 +1,32 @@
+import { LitElement, ReactiveController, ReactiveControllerHost } from 'lit';
+import * as d3 from 'd3';
+import { TimeScale, Task, TaskTag } from './types';
+import { OxTaskTooltip } from './ox-task-tooltip';
+export declare class GanttChartController implements ReactiveController {
+    private host;
+    private fromTime;
+    private toTime;
+    private totalDays;
+    private _timeScale?;
+    private touchStartY?;
+    private scrollStartY?;
+    baseWidth: number;
+    level: TimeScale;
+    selectedTaskId?: string;
+    tasks: Task[];
+    extendGridLines: boolean;
+    constructor(host: ReactiveControllerHost & LitElement, fromDate: string, toDate: string, axisScale: TimeScale);
+    hostConnected(): void;
+    get timeScale(): d3.ScaleTime<number, number, never>;
+    updateRange(fromDate: string, toDate: string): void;
+    setTasks(tasks: Task[]): void;
+    updateTimeScale(): void;
+    getChartWidth(): number;
+    getScale(): number;
+    drawAxes(svgHeader: SVGElement): void;
+    drawBody(svgBody: SVGElement, tooltip: OxTaskTooltip): void;
+    getTaskColor(tags: TaskTag[]): string;
+    handleWheelForBody(event: WheelEvent, container: HTMLDivElement): void;
+    handleTouchStartForBody(event: TouchEvent, container: HTMLDivElement): void;
+    handleTouchMoveForBody(event: TouchEvent, container: HTMLDivElement): void;
+}

package/dist/src/gantt-chart-controller.js

@@ -0,0 +1,395 @@
+import * as d3 from 'd3';
+export class GanttChartController {
+    constructor(host, fromDate, toDate, axisScale) {
+        this.baseWidth = 30;
+        this.tasks = [];
+        this.extendGridLines = false;
+        this.host = host;
+        this.fromTime = new Date(fromDate);
+        this.toTime = new Date(toDate);
+        this.level = axisScale;
+        this.totalDays = d3.timeDay.count(this.fromTime, d3.timeDay.offset(this.toTime, 1));
+        this.host.addController(this);
+    }
+    hostConnected() {
+        this.updateTimeScale();
+    }
+    get timeScale() {
+        if (!this._timeScale) {
+            this._timeScale = d3
+                .scaleTime()
+                .domain([d3.timeDay.floor(this.fromTime), d3.timeDay.offset(this.toTime, 1)])
+                .range([0, this.getChartWidth()]);
+        }
+        return this._timeScale;
+    }
+    updateRange(fromDate, toDate) {
+        this.fromTime = new Date(fromDate);
+        this.toTime = new Date(toDate);
+        this.totalDays = d3.timeDay.count(this.fromTime, d3.timeDay.offset(this.toTime, 1));
+        this._timeScale = undefined;
+        this.host.requestUpdate();
+    }
+    setTasks(tasks) {
+        this.tasks = tasks;
+        this.host.requestUpdate();
+    }
+    updateTimeScale() {
+        this.timeScale.range([0, this.getChartWidth()]);
+    }
+    getChartWidth() {
+        return (this.totalDays * this.baseWidth) / this.getScale();
+    }
+    getScale() {
+        if (this.level == 'quarter-week') {
+            return 7 / 2;
+        }
+        else if (this.level == 'year-month') {
+            return 30 / 2;
+        }
+        else if (this.level == 'year-quarter') {
+            return 90 / 2;
+        }
+        return 1;
+    }
+    drawAxes(svgHeader) {
+        const header = d3.select(svgHeader);
+        header.selectAll('*').remove();
+        header.attr('width', this.getChartWidth());
+        const addGridLines = (ticks, yStart, yEnd) => {
+            ticks.forEach(tick => {
+                const startX = this.timeScale(tick);
+                header
+                    .append('line')
+                    .attr('x1', startX)
+                    .attr('x2', startX)
+                    .attr('y1', yStart)
+                    .attr('y2', yEnd)
+                    .attr('stroke', 'var(--ox-gantt-color-gridlines, var(--md-sys-color-on-secondary-container))')
+                    .attr('stroke-width', 1);
+            });
+        };
+        const centerLabel = (selection, tickInterval) => {
+            selection.selectAll('text').attr('transform', (d) => {
+                const tickIntervalWidth = this.timeScale(tickInterval.offset(d, 1)) - this.timeScale(d);
+                return `translate(${tickIntervalWidth / 2}, -2)`;
+            });
+        };
+        if (this.level === 'week-day') {
+            const weekAxis = d3
+                .axisTop(this.timeScale)
+                .ticks(d3.timeWeek.every(1))
+                .tickFormat(d3.timeFormat('%B %d'))
+                .tickSize(0);
+            const weekTicks = d3.timeWeek
+                .every(1)
+                .range(d3.timeWeek.floor(this.fromTime), d3.timeWeek.offset(this.toTime, 1));
+            addGridLines(weekTicks, 0, 20);
+            const weekAxisG = header
+                .append('g')
+                .classed('week-axis no-select md-typescale-label-small', true)
+                .attr('transform', `translate(0, 20)`)
+                .call(weekAxis);
+            centerLabel(weekAxisG, d3.timeWeek);
+            const dayAxis = d3
+                .axisTop(this.timeScale)
+                .ticks(d3.timeDay.every(1))
+                .tickFormat(d3.timeFormat('%d'))
+                .tickSize(0);
+            const dayTicks = d3.timeDay.every(1).range(d3.timeDay.floor(this.fromTime), d3.timeDay.offset(this.toTime, 1));
+            addGridLines(dayTicks, 20, 40);
+            const dayAxisG = header
+                .append('g')
+                .classed('day-axis no-select md-typescale-label-small', true)
+                .attr('transform', `translate(0, 40)`)
+                .call(dayAxis);
+            centerLabel(dayAxisG, d3.timeDay);
+        }
+        else if (this.level === 'quarter-week') {
+            const quarterAxis = d3
+                .axisTop(this.timeScale)
+                .ticks(d3.timeMonth.every(3))
+                .tickFormat(d3.timeFormat('%Y %b'))
+                .tickSize(0);
+            const quarterTicks = d3.timeMonth
+                .every(3)
+                .range(d3.timeMonth.floor(this.fromTime), d3.timeMonth.offset(this.toTime, 3));
+            addGridLines(quarterTicks, 0, 20);
+            const quarterAxisG = header
+                .append('g')
+                .classed('quarter-axis no-select md-typescale-label-small', true)
+                .attr('transform', `translate(0, 20)`)
+                .call(quarterAxis);
+            centerLabel(quarterAxisG, d3.timeMonth.every(3));
+            const weekAxis = d3
+                .axisTop(this.timeScale)
+                .ticks(d3.timeWeek.every(1))
+                .tickFormat(d3.timeFormat('%b %d'))
+                .tickSize(0);
+            const weekTicks = d3.timeWeek
+                .every(1)
+                .range(d3.timeWeek.floor(this.fromTime), d3.timeWeek.offset(this.toTime, 1));
+            addGridLines(weekTicks, 20, 40);
+            const weekAxisG = header
+                .append('g')
+                .classed('week-axis no-select md-typescale-label-small', true)
+                .attr('transform', `translate(0, 40)`)
+                .call(weekAxis);
+            centerLabel(weekAxisG, d3.timeWeek);
+        }
+        else if (this.level === 'year-month') {
+            const yearAxis = d3
+                .axisTop(this.timeScale)
+                .ticks(d3.timeYear.every(1))
+                .tickFormat(d3.timeFormat('%Y'))
+                .tickSize(0);
+            const yearTicks = d3.timeYear
+                .every(1)
+                .range(d3.timeYear.floor(this.fromTime), d3.timeYear.offset(this.toTime, 1));
+            addGridLines(yearTicks, 0, 20);
+            const yearAxisG = header
+                .append('g')
+                .classed('year-axis no-select md-typescale-label-small', true)
+                .attr('transform', `translate(0, 20)`)
+                .call(yearAxis);
+            centerLabel(yearAxisG, d3.timeYear.every(1));
+            const monthAxis = d3
+                .axisTop(this.timeScale)
+                .ticks(d3.timeMonth.every(1))
+                .tickFormat(d3.timeFormat('%b'))
+                .tickSize(0);
+            const monthTicks = d3.timeMonth
+                .every(1)
+                .range(d3.timeMonth.floor(this.fromTime), d3.timeMonth.offset(this.toTime, 1));
+            addGridLines(monthTicks, 20, 40);
+            const monthAxisG = header
+                .append('g')
+                .classed('month-axis no-select md-typescale-label-small', true)
+                .attr('transform', `translate(0, 40)`)
+                .call(monthAxis);
+            centerLabel(monthAxisG, d3.timeMonth.every(1));
+        }
+        else if (this.level === 'year-quarter') {
+            const yearAxis = d3
+                .axisTop(this.timeScale)
+                .ticks(d3.timeYear.every(1))
+                .tickFormat(d3.timeFormat('%Y'))
+                .tickSize(0);
+            const yearTicks = d3.timeYear
+                .every(1)
+                .range(d3.timeYear.floor(this.fromTime), d3.timeYear.offset(this.toTime, 1));
+            addGridLines(yearTicks, 0, 20);
+            const yearAxisG = header
+                .append('g')
+                .classed('year-axis no-select md-typescale-label-small', true)
+                .attr('transform', `translate(0, 20)`)
+                .call(yearAxis);
+            centerLabel(yearAxisG, d3.timeYear.every(1));
+            const quarterAxis = d3
+                .axisTop(this.timeScale)
+                .ticks(d3.timeMonth.every(3))
+                .tickFormat(d3.timeFormat('%Y %b'))
+                .tickSize(0);
+            const quarterTicks = d3.timeMonth
+                .every(3)
+                .range(d3.timeMonth.floor(this.fromTime), d3.timeMonth.offset(this.toTime, 3));
+            addGridLines(quarterTicks, 20, 40);
+            const quarterAxisG = header
+                .append('g')
+                .classed('quarter-axis no-select md-typescale-label-small', true)
+                .attr('transform', `translate(0, 40)`)
+                .call(quarterAxis);
+            centerLabel(quarterAxisG, d3.timeMonth.every(3));
+        }
+    }
+    drawBody(svgBody, tooltip) {
+        const body = d3.select(svgBody);
+        body.selectAll('*').remove();
+        body.attr('width', this.getChartWidth());
+        if (this.extendGridLines) {
+            const addGridLines = (ticks) => {
+                ticks.forEach(tick => {
+                    const startX = this.timeScale(tick);
+                    body
+                        .append('line')
+                        .attr('x1', startX)
+                        .attr('x2', startX)
+                        .attr('y1', 0)
+                        .attr('y2', Number(svgBody.getBoundingClientRect().height) || 0)
+                        .attr('stroke', 'var(--ox-gantt-color-gridlines, var(--md-sys-color-outline))')
+                        .attr('stroke-width', 1);
+                });
+            };
+            if (this.level === 'week-day') {
+                const dayTicks = d3.timeDay.every(1).range(d3.timeDay.floor(this.fromTime), d3.timeDay.offset(this.toTime, 1));
+                addGridLines(dayTicks);
+            }
+            else if (this.level === 'quarter-week') {
+                const weekTicks = d3.timeWeek
+                    .every(1)
+                    .range(d3.timeWeek.floor(this.fromTime), d3.timeWeek.offset(this.toTime, 1));
+                addGridLines(weekTicks);
+            }
+            else if (this.level === 'year-month') {
+                const monthTicks = d3.timeMonth
+                    .every(1)
+                    .range(d3.timeMonth.floor(this.fromTime), d3.timeMonth.offset(this.toTime, 1));
+                addGridLines(monthTicks);
+            }
+            else if (this.level === 'year-quarter') {
+                const quarterTicks = d3.timeMonth
+                    .every(3)
+                    .range(d3.timeMonth.floor(this.fromTime), d3.timeMonth.offset(this.toTime, 3));
+                addGridLines(quarterTicks);
+            }
+        }
+        const taskPositions = {};
+        this.tasks.forEach((task, index) => {
+            const startDate = new Date(task.startDate);
+            const endDate = new Date(task.endDate);
+            const startX = this.timeScale(d3.timeDay.floor(d3.min([startDate, endDate])));
+            const endX = this.timeScale(d3.timeDay.offset(d3.timeDay.ceil(d3.max([startDate, endDate])), -1));
+            const taskWidth = endX - startX + this.baseWidth / this.getScale();
+            const taskY = index * 30 + 7.5;
+            const showTooltip = (event) => {
+                tooltip.title = task.title;
+                tooltip.startDate = startDate.toISOString().split('T')[0];
+                tooltip.endDate = endDate.toISOString().split('T')[0];
+                tooltip.progress = task.progress ?? 0;
+                tooltip.type = task.type;
+                tooltip.show(event.clientX, event.clientY);
+            };
+            const hideTooltip = () => {
+                tooltip.hide();
+            };
+            if (this.selectedTaskId === task.id) {
+                body
+                    .append('rect')
+                    .attr('x', 0)
+                    .attr('y', taskY - 7.5)
+                    .attr('width', this.getChartWidth())
+                    .attr('height', 30)
+                    .attr('fill', 'var(--ox-gantt-selected-row-background-color, var(--md-sys-color-surface-variant))');
+            }
+            const taskBar = body
+                .append('rect')
+                .attr('x', startX)
+                .attr('y', taskY)
+                .attr('width', taskWidth)
+                .attr('height', 15)
+                .attr('fill', this.getTaskColor(task.tags || []))
+                .attr('stroke', 'black')
+                .attr('stroke-width', 1);
+            taskBar
+                .on('click', () => {
+                this.selectedTaskId = task.id;
+                const customEvent = new CustomEvent('task-clicked', {
+                    detail: { taskId: task.id },
+                    bubbles: true,
+                    composed: true
+                });
+                this.host.dispatchEvent(customEvent);
+                this.host.requestUpdate();
+            })
+                .on('mouseover', showTooltip)
+                .on('mouseout', hideTooltip);
+            if (task.progress !== undefined) {
+                const progressWidth = taskWidth * (task.progress / 100);
+                const progressBar = body
+                    .append('rect')
+                    .attr('x', startX)
+                    .attr('y', taskY + 7.5 - 3.75)
+                    .attr('width', progressWidth)
+                    .attr('height', 7.5)
+                    .attr('fill', 'lightgreen');
+                progressBar
+                    .on('click', () => {
+                    this.selectedTaskId = task.id;
+                    const customEvent = new CustomEvent('task-clicked', {
+                        detail: { taskId: task.id },
+                        bubbles: true,
+                        composed: true
+                    });
+                    this.host.dispatchEvent(customEvent);
+                    this.host.requestUpdate();
+                })
+                    .on('mouseover', showTooltip)
+                    .on('mouseout', hideTooltip);
+            }
+            taskPositions[task.id] = { x: endX + this.baseWidth / this.getScale(), y: taskY + 7.5, width: taskWidth };
+        });
+        this.tasks.forEach(task => {
+            if (task.dependsOn && taskPositions[task.dependsOn]) {
+                const prevTask = taskPositions[task.dependsOn];
+                const currTask = taskPositions[task.id];
+                body
+                    .append('path')
+                    .attr('d', `
+              M${prevTask.x},${prevTask.y}
+              L${prevTask.x + 10},${prevTask.y}
+              ${prevTask.x + 10 < currTask.x - 10 - currTask.width
+                    ? `
+                L${(prevTask.x + currTask.x - currTask.width) / 2},${prevTask.y}
+                L${(prevTask.x + currTask.x - currTask.width) / 2},${currTask.y}
+              `
+                    : `
+                  L${prevTask.x + 10},${(prevTask.y + currTask.y) / 2}
+                  L${currTask.x - 10 - currTask.width},${(prevTask.y + currTask.y) / 2}
+              `}
+              L${currTask.x - 10 - currTask.width},${currTask.y}
+              L${currTask.x - currTask.width},${currTask.y}
+            `)
+                    .attr('stroke', 'black')
+                    .attr('fill', 'none')
+                    .attr('stroke-width', 1);
+            }
+        });
+    }
+    getTaskColor(tags) {
+        if (tags.includes('critical')) {
+            return 'red';
+        }
+        else if (tags.includes('milestone')) {
+            return 'blue';
+        }
+        else if (tags.includes('done')) {
+            return 'green';
+        }
+        else {
+            return 'grey';
+        }
+    }
+    handleWheelForBody(event, container) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (event.altKey || event.ctrlKey || event.shiftKey || event.metaKey) {
+            container.scrollLeft += event.shiftKey ? event.deltaX : event.deltaY;
+        }
+        else {
+            container.scrollTop += event.deltaY;
+        }
+        const customEvent = new CustomEvent('scroll', {
+            detail: { offset: event.shiftKey ? container.scrollLeft : container.scrollTop },
+            bubbles: true,
+            composed: true
+        });
+        this.host.dispatchEvent(customEvent);
+    }
+    handleTouchStartForBody(event, container) {
+        event.stopPropagation();
+        this.touchStartY = event.touches[0].clientY;
+        this.scrollStartY = container.scrollTop;
+    }
+    handleTouchMoveForBody(event, container) {
+        const touchCurrentY = event.touches[0].clientY;
+        const deltaY = this.touchStartY - touchCurrentY;
+        container.scrollTop = this.scrollStartY + deltaY;
+        const customEvent = new CustomEvent('scroll', {
+            detail: { offset: container.scrollTop },
+            bubbles: true,
+            composed: true
+        });
+        this.host.dispatchEvent(customEvent);
+    }
+}
+//# sourceMappingURL=gantt-chart-controller.js.map

package/dist/src/gantt-chart-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gantt-chart-controller.js","sourceRoot":"","sources":["../../src/gantt-chart-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, ReactiveController, ReactiveControllerHost } from 'lit'\nimport * as d3 from 'd3'\nimport { TimeScale, Task, TaskTag } from './types'\nimport { OxTaskTooltip } from './ox-task-tooltip'\n\nexport class GanttChartController implements ReactiveController {\n  private host: ReactiveControllerHost & LitElement\n  private fromTime: Date\n  private toTime: Date\n  private totalDays: number\n  private _timeScale?: d3.ScaleTime<number, number, never>\n\n  private touchStartY?: number\n  private scrollStartY?: number\n\n  public baseWidth: number = 30\n  public level: TimeScale\n  public selectedTaskId?: string\n\n  public tasks: Task[] = []\n  public extendGridLines: boolean = false\n\n  constructor(host: ReactiveControllerHost & LitElement, fromDate: string, toDate: string, axisScale: TimeScale) {\n    this.host = host\n    this.fromTime = new Date(fromDate)\n    this.toTime = new Date(toDate)\n    this.level = axisScale\n    this.totalDays = d3.timeDay.count(this.fromTime, d3.timeDay.offset(this.toTime, 1))\n    this.host.addController(this)\n  }\n\n  hostConnected() {\n    this.updateTimeScale()\n  }\n\n  get timeScale() {\n    if (!this._timeScale) {\n      this._timeScale = d3\n        .scaleTime()\n        .domain([d3.timeDay.floor(this.fromTime), d3.timeDay.offset(this.toTime, 1)])\n        .range([0, this.getChartWidth()])\n    }\n    return this._timeScale\n  }\n\n  updateRange(fromDate: string, toDate: string) {\n    this.fromTime = new Date(fromDate)\n    this.toTime = new Date(toDate)\n    this.totalDays = d3.timeDay.count(this.fromTime, d3.timeDay.offset(this.toTime, 1))\n    this._timeScale = undefined\n    this.host.requestUpdate()\n  }\n\n  setTasks(tasks: Task[]) {\n    this.tasks = tasks\n    this.host.requestUpdate()\n  }\n\n  updateTimeScale() {\n    this.timeScale.range([0, this.getChartWidth()])\n  }\n\n  getChartWidth() {\n    return (this.totalDays * this.baseWidth) / this.getScale()\n  }\n\n  getScale() {\n    if (this.level == 'quarter-week') {\n      return 7 / 2\n    } else if (this.level == 'year-month') {\n      return 30 / 2\n    } else if (this.level == 'year-quarter') {\n      return 90 / 2\n    }\n    return 1\n  }\n\n  drawAxes(svgHeader: SVGElement) {\n    const header = d3.select(svgHeader)\n\n    header.selectAll('*').remove()\n    header.attr('width', this.getChartWidth())\n\n    const addGridLines = (ticks: Date[], yStart: number, yEnd: number) => {\n      ticks.forEach(tick => {\n        const startX = this.timeScale(tick)\n        header\n          .append('line')\n          .attr('x1', startX)\n          .attr('x2', startX)\n          .attr('y1', yStart)\n          .attr('y2', yEnd)\n          .attr('stroke', 'var(--ox-gantt-color-gridlines, var(--md-sys-color-on-secondary-container))')\n          .attr('stroke-width', 1)\n      })\n    }\n\n    const centerLabel = (\n      selection: d3.Selection<SVGGElement, unknown, null, any>,\n      tickInterval: d3.CountableTimeInterval\n    ) => {\n      selection.selectAll('text').attr('transform', (d: any) => {\n        const tickIntervalWidth = this.timeScale(tickInterval.offset(d, 1)) - this.timeScale(d)\n        return `translate(${tickIntervalWidth / 2}, -2)`\n      })\n    }\n\n    if (this.level === 'week-day') {\n      const weekAxis = d3\n        .axisTop(this.timeScale)\n        .ticks(d3.timeWeek.every(1))\n        .tickFormat(d3.timeFormat('%B %d') as any)\n        .tickSize(0)\n      const weekTicks = d3.timeWeek\n        .every(1)!\n        .range(d3.timeWeek.floor(this.fromTime), d3.timeWeek.offset(this.toTime, 1))\n      addGridLines(weekTicks, 0, 20)\n\n      const weekAxisG = header\n        .append('g')\n        .classed('week-axis no-select md-typescale-label-small', true)\n        .attr('transform', `translate(0, 20)`)\n        .call(weekAxis)\n\n      centerLabel(weekAxisG, d3.timeWeek)\n\n      const dayAxis = d3\n        .axisTop(this.timeScale)\n        .ticks(d3.timeDay.every(1))\n        .tickFormat(d3.timeFormat('%d') as any)\n        .tickSize(0)\n\n      const dayTicks = d3.timeDay.every(1)!.range(d3.timeDay.floor(this.fromTime), d3.timeDay.offset(this.toTime, 1))\n      addGridLines(dayTicks, 20, 40)\n\n      const dayAxisG = header\n        .append('g')\n        .classed('day-axis no-select md-typescale-label-small', true)\n        .attr('transform', `translate(0, 40)`)\n        .call(dayAxis)\n\n      centerLabel(dayAxisG, d3.timeDay)\n    } else if (this.level === 'quarter-week') {\n      const quarterAxis = d3\n        .axisTop(this.timeScale)\n        .ticks(d3.timeMonth.every(3))\n        .tickFormat(d3.timeFormat('%Y %b') as any)\n        .tickSize(0)\n\n      const quarterTicks = d3.timeMonth\n        .every(3)!\n        .range(d3.timeMonth.floor(this.fromTime), d3.timeMonth.offset(this.toTime, 3))\n      addGridLines(quarterTicks, 0, 20)\n\n      const quarterAxisG = header\n        .append('g')\n        .classed('quarter-axis no-select md-typescale-label-small', true)\n        .attr('transform', `translate(0, 20)`)\n        .call(quarterAxis)\n\n      centerLabel(quarterAxisG, d3.timeMonth.every(3) as any)\n\n      const weekAxis = d3\n        .axisTop(this.timeScale)\n        .ticks(d3.timeWeek.every(1))\n        .tickFormat(d3.timeFormat('%b %d') as any)\n        .tickSize(0)\n      const weekTicks = d3.timeWeek\n        .every(1)!\n        .range(d3.timeWeek.floor(this.fromTime), d3.timeWeek.offset(this.toTime, 1))\n      addGridLines(weekTicks, 20, 40)\n\n      const weekAxisG = header\n        .append('g')\n        .classed('week-axis no-select md-typescale-label-small', true)\n        .attr('transform', `translate(0, 40)`)\n        .call(weekAxis)\n\n      centerLabel(weekAxisG, d3.timeWeek)\n    } else if (this.level === 'year-month') {\n      const yearAxis = d3\n        .axisTop(this.timeScale)\n        .ticks(d3.timeYear.every(1))\n        .tickFormat(d3.timeFormat('%Y') as any)\n        .tickSize(0)\n\n      const yearTicks = d3.timeYear\n        .every(1)!\n        .range(d3.timeYear.floor(this.fromTime), d3.timeYear.offset(this.toTime, 1))\n      addGridLines(yearTicks, 0, 20)\n\n      const yearAxisG = header\n        .append('g')\n        .classed('year-axis no-select md-typescale-label-small', true)\n        .attr('transform', `translate(0, 20)`)\n        .call(yearAxis)\n\n      centerLabel(yearAxisG, d3.timeYear.every(1)! as any)\n\n      const monthAxis = d3\n        .axisTop(this.timeScale)\n        .ticks(d3.timeMonth.every(1))\n        .tickFormat(d3.timeFormat('%b') as any)\n        .tickSize(0)\n\n      const monthTicks = d3.timeMonth\n        .every(1)!\n        .range(d3.timeMonth.floor(this.fromTime), d3.timeMonth.offset(this.toTime, 1))\n      addGridLines(monthTicks, 20, 40)\n\n      const monthAxisG = header\n        .append('g')\n        .classed('month-axis no-select md-typescale-label-small', true)\n        .attr('transform', `translate(0, 40)`)\n        .call(monthAxis)\n\n      centerLabel(monthAxisG, d3.timeMonth.every(1) as any)\n    } else if (this.level === 'year-quarter') {\n      const yearAxis = d3\n        .axisTop(this.timeScale)\n        .ticks(d3.timeYear.every(1))\n        .tickFormat(d3.timeFormat('%Y') as any)\n        .tickSize(0)\n\n      const yearTicks = d3.timeYear\n        .every(1)!\n        .range(d3.timeYear.floor(this.fromTime), d3.timeYear.offset(this.toTime, 1))\n      addGridLines(yearTicks, 0, 20)\n\n      const yearAxisG = header\n        .append('g')\n        .classed('year-axis no-select md-typescale-label-small', true)\n        .attr('transform', `translate(0, 20)`)\n        .call(yearAxis)\n\n      centerLabel(yearAxisG, d3.timeYear.every(1)! as any)\n\n      const quarterAxis = d3\n        .axisTop(this.timeScale)\n        .ticks(d3.timeMonth.every(3))\n        .tickFormat(d3.timeFormat('%Y %b') as any)\n        .tickSize(0)\n\n      const quarterTicks = d3.timeMonth\n        .every(3)!\n        .range(d3.timeMonth.floor(this.fromTime), d3.timeMonth.offset(this.toTime, 3))\n      addGridLines(quarterTicks, 20, 40)\n\n      const quarterAxisG = header\n        .append('g')\n        .classed('quarter-axis no-select md-typescale-label-small', true)\n        .attr('transform', `translate(0, 40)`)\n        .call(quarterAxis)\n\n      centerLabel(quarterAxisG, d3.timeMonth.every(3) as any)\n    }\n  }\n\n  drawBody(svgBody: SVGElement, tooltip: OxTaskTooltip) {\n    const body = d3.select(svgBody)\n\n    body.selectAll('*').remove()\n    body.attr('width', this.getChartWidth())\n\n    if (this.extendGridLines) {\n      const addGridLines = (ticks: Date[]) => {\n        ticks.forEach(tick => {\n          const startX = this.timeScale(tick)\n          body\n            .append('line')\n            .attr('x1', startX)\n            .attr('x2', startX)\n            .attr('y1', 0)\n            .attr('y2', Number(svgBody.getBoundingClientRect().height) || 0)\n            .attr('stroke', 'var(--ox-gantt-color-gridlines, var(--md-sys-color-outline))')\n            .attr('stroke-width', 1)\n        })\n      }\n\n      if (this.level === 'week-day') {\n        const dayTicks = d3.timeDay.every(1)!.range(d3.timeDay.floor(this.fromTime), d3.timeDay.offset(this.toTime, 1))\n        addGridLines(dayTicks)\n      } else if (this.level === 'quarter-week') {\n        const weekTicks = d3.timeWeek\n          .every(1)!\n          .range(d3.timeWeek.floor(this.fromTime), d3.timeWeek.offset(this.toTime, 1))\n        addGridLines(weekTicks)\n      } else if (this.level === 'year-month') {\n        const monthTicks = d3.timeMonth\n          .every(1)!\n          .range(d3.timeMonth.floor(this.fromTime), d3.timeMonth.offset(this.toTime, 1))\n        addGridLines(monthTicks)\n      } else if (this.level === 'year-quarter') {\n        const quarterTicks = d3.timeMonth\n          .every(3)!\n          .range(d3.timeMonth.floor(this.fromTime), d3.timeMonth.offset(this.toTime, 3))\n        addGridLines(quarterTicks)\n      }\n    }\n\n    const taskPositions: { [key: string]: { x: number; y: number; width: number } } = {}\n\n    this.tasks.forEach((task, index) => {\n      const startDate = new Date(task.startDate)\n      const endDate = new Date(task.endDate)\n\n      const startX = this.timeScale(d3.timeDay.floor(d3.min([startDate, endDate])!))\n      const endX = this.timeScale(d3.timeDay.offset(d3.timeDay.ceil(d3.max([startDate, endDate])!), -1))\n\n      const taskWidth = endX - startX + this.baseWidth / this.getScale()\n      const taskY = index * 30 + 7.5\n\n      const showTooltip = (event: MouseEvent) => {\n        tooltip.title = task.title\n        tooltip.startDate = startDate.toISOString().split('T')[0]\n        tooltip.endDate = endDate.toISOString().split('T')[0]\n        tooltip.progress = task.progress ?? 0\n        tooltip.type = task.type\n\n        tooltip.show(event.clientX, event.clientY)\n      }\n\n      const hideTooltip = () => {\n        tooltip.hide()\n      }\n\n      if (this.selectedTaskId === task.id) {\n        body\n          .append('rect')\n          .attr('x', 0)\n          .attr('y', taskY - 7.5)\n          .attr('width', this.getChartWidth())\n          .attr('height', 30)\n          .attr('fill', 'var(--ox-gantt-selected-row-background-color, var(--md-sys-color-surface-variant))')\n      }\n\n      const taskBar = body\n        .append('rect')\n        .attr('x', startX)\n        .attr('y', taskY)\n        .attr('width', taskWidth)\n        .attr('height', 15)\n        .attr('fill', this.getTaskColor(task.tags || []))\n        .attr('stroke', 'black')\n        .attr('stroke-width', 1)\n\n      taskBar\n        .on('click', () => {\n          this.selectedTaskId = task.id\n          const customEvent = new CustomEvent('task-clicked', {\n            detail: { taskId: task.id },\n            bubbles: true,\n            composed: true\n          })\n          this.host.dispatchEvent(customEvent)\n          this.host.requestUpdate()\n        })\n        .on('mouseover', showTooltip)\n        .on('mouseout', hideTooltip)\n\n      if (task.progress !== undefined) {\n        const progressWidth = taskWidth * (task.progress / 100)\n        const progressBar = body\n          .append('rect')\n          .attr('x', startX)\n          .attr('y', taskY + 7.5 - 3.75)\n          .attr('width', progressWidth)\n          .attr('height', 7.5)\n          .attr('fill', 'lightgreen')\n\n        progressBar\n          .on('click', () => {\n            this.selectedTaskId = task.id\n            const customEvent = new CustomEvent('task-clicked', {\n              detail: { taskId: task.id },\n              bubbles: true,\n              composed: true\n            })\n            this.host.dispatchEvent(customEvent)\n            this.host.requestUpdate()\n          })\n          .on('mouseover', showTooltip)\n          .on('mouseout', hideTooltip)\n      }\n\n      taskPositions[task.id] = { x: endX + this.baseWidth / this.getScale(), y: taskY + 7.5, width: taskWidth }\n    })\n\n    this.tasks.forEach(task => {\n      if (task.dependsOn && taskPositions[task.dependsOn]) {\n        const prevTask = taskPositions[task.dependsOn]\n        const currTask = taskPositions[task.id]\n\n        body\n          .append('path')\n          .attr(\n            'd',\n            `\n              M${prevTask.x},${prevTask.y}\n              L${prevTask.x + 10},${prevTask.y}\n              ${\n                prevTask.x + 10 < currTask.x - 10 - currTask.width\n                  ? `\n                L${(prevTask.x + currTask.x - currTask.width) / 2},${prevTask.y}\n                L${(prevTask.x + currTask.x - currTask.width) / 2},${currTask.y}\n              `\n                  : `\n                  L${prevTask.x + 10},${(prevTask.y + currTask.y) / 2}\n                  L${currTask.x - 10 - currTask.width},${(prevTask.y + currTask.y) / 2}\n              `\n              }\n              L${currTask.x - 10 - currTask.width},${currTask.y}\n              L${currTask.x - currTask.width},${currTask.y}\n            `\n          )\n          .attr('stroke', 'black')\n          .attr('fill', 'none')\n          .attr('stroke-width', 1)\n      }\n    })\n  }\n\n  getTaskColor(tags: TaskTag[]): string {\n    if (tags.includes('critical')) {\n      return 'red'\n    } else if (tags.includes('milestone')) {\n      return 'blue'\n    } else if (tags.includes('done')) {\n      return 'green'\n    } else {\n      return 'grey'\n    }\n  }\n\n  handleWheelForBody(event: WheelEvent, container: HTMLDivElement) {\n    event.preventDefault()\n    event.stopPropagation()\n\n    if (event.altKey || event.ctrlKey || event.shiftKey || event.metaKey) {\n      container.scrollLeft += event.shiftKey ? event.deltaX : event.deltaY\n    } else {\n      container.scrollTop += event.deltaY\n    }\n\n    const customEvent = new CustomEvent('scroll', {\n      detail: { offset: event.shiftKey ? container.scrollLeft : container.scrollTop },\n      bubbles: true,\n      composed: true\n    })\n\n    this.host.dispatchEvent(customEvent)\n  }\n\n  handleTouchStartForBody(event: TouchEvent, container: HTMLDivElement) {\n    event.stopPropagation()\n\n    this.touchStartY = event.touches[0].clientY\n    this.scrollStartY = container.scrollTop\n  }\n\n  handleTouchMoveForBody(event: TouchEvent, container: HTMLDivElement) {\n    const touchCurrentY = event.touches[0].clientY\n    const deltaY = this.touchStartY! - touchCurrentY\n    container.scrollTop = this.scrollStartY! + deltaY\n\n    const customEvent = new CustomEvent('scroll', {\n      detail: { offset: container.scrollTop },\n      bubbles: true,\n      composed: true\n    })\n    this.host.dispatchEvent(customEvent)\n  }\n}\n"]}

package/dist/src/locales.d.ts

@@ -0,0 +1,52 @@
+export declare const locales: {
+    'en-US': {
+        dateTime: string;
+        date: string;
+        time: string;
+        periods: string[];
+        days: string[];
+        shortDays: string[];
+        months: string[];
+        shortMonths: string[];
+    };
+    'ko-KR': {
+        dateTime: string;
+        date: string;
+        time: string;
+        periods: string[];
+        days: string[];
+        shortDays: string[];
+        months: string[];
+        shortMonths: string[];
+    };
+    'ja-JP': {
+        dateTime: string;
+        date: string;
+        time: string;
+        periods: string[];
+        days: string[];
+        shortDays: string[];
+        months: string[];
+        shortMonths: string[];
+    };
+    'zh-CN': {
+        dateTime: string;
+        date: string;
+        time: string;
+        periods: string[];
+        days: string[];
+        shortDays: string[];
+        months: string[];
+        shortMonths: string[];
+    };
+    'ms-MY': {
+        dateTime: string;
+        date: string;
+        time: string;
+        periods: string[];
+        days: string[];
+        shortDays: string[];
+        months: string[];
+        shortMonths: string[];
+    };
+};