npm - @operato/gantt - Versions diffs - 8.0.0-beta.2 → 8.0.0 - Mend

@operato/gantt 8.0.0-beta.2 → 8.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (27) hide show

package/CHANGELOG.md +9 -122
package/assets/images/icon-editor-gradient-direction.png +0 -0
package/assets/images/icon-properties-label.png +0 -0
package/assets/images/icon-properties-line-type.png +0 -0
package/assets/images/icon-properties-table.png +0 -0
package/dist/src/gantt-chart-controller.d.ts +6 -5
package/dist/src/gantt-chart-controller.js +37 -92
package/dist/src/gantt-chart-controller.js.map +1 -1
package/dist/src/ox-gantt-chart.d.ts +3 -378
package/dist/src/ox-gantt-chart.js +180 -86
package/dist/src/ox-gantt-chart.js.map +1 -1
package/dist/src/ox-gantt-resize-splitter.d.ts +2 -6
package/dist/src/ox-gantt-resize-splitter.js +39 -70
package/dist/src/ox-gantt-resize-splitter.js.map +1 -1
package/dist/src/ox-gantt.js +12 -12
package/dist/src/ox-gantt.js.map +1 -1
package/dist/src/ox-resource-chart.js +0 -2
package/dist/src/ox-resource-chart.js.map +1 -1
package/dist/src/ox-task-tooltip.d.ts +1 -3
package/dist/src/ox-task-tooltip.js +11 -36
package/dist/src/ox-task-tooltip.js.map +1 -1
package/dist/src/types.d.ts +0 -1
package/dist/src/types.js.map +1 -1
package/dist/stories/ox-gantt.stories.js +1 -37
package/dist/stories/ox-gantt.stories.js.map +1 -1
package/dist/tsconfig.tsbuildinfo +1 -1
package/package.json +13 -13

package/CHANGELOG.md CHANGED Viewed

@@ -3,25 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-## [8.0.0-beta.2](https://github.com/hatiolab/operato/compare/v8.0.0-beta.1...v8.0.0-beta.2) (2025-01-08)
-### :bug: Bug Fix
-* typo .npmignore ([d9c0c8c](https://github.com/hatiolab/operato/commit/d9c0c8c79abc688c3c2cfb6c37fcb689483a5977))
-## [8.0.0-beta.1](https://github.com/hatiolab/operato/compare/v8.0.0-beta.0...v8.0.0-beta.1) (2025-01-08)
-### :bug: Bug Fix
-* missing .npmignore ([be05985](https://github.com/hatiolab/operato/commit/be05985abfae4af53501f718dd52932099f7fbcb))
-## [8.0.0-beta.0](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.56...v8.0.0-beta.0) (2025-01-07)
+## [8.0.0](https://github.com/hatiolab/operato/compare/v7.1.33...v8.0.0) (2025-01-14)
 **Note:** Version bump only for package @operato/gantt
@@ -29,77 +11,26 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
-## [8.0.0-alpha.50](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.49...v8.0.0-alpha.50) (2024-11-16)
-**Note:** Version bump only for package @operato/gantt
-## [8.0.0-alpha.47](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.46...v8.0.0-alpha.47) (2024-10-25)
-### :bug: Bug Fix
-* add style for gantt-chart task type ([a1ffa38](https://github.com/hatiolab/operato/commit/a1ffa38134be200e337287bf2db7a30353779d56))
-## [8.0.0-alpha.43](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.42...v8.0.0-alpha.43) (2024-10-22)
-### :bug: Bug Fix
-* non-volatile date-range-selected for ox-gantt ([0284204](https://github.com/hatiolab/operato/commit/0284204e52c7bf65978254495c116530e7dc8fcb))
-## [8.0.0-alpha.40](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.39...v8.0.0-alpha.40) (2024-10-21)
+### [7.1.32](https://github.com/hatiolab/operato/compare/v7.1.31...v7.1.32) (2025-01-11)
 ### :bug: Bug Fix
-* bubbling event date-range-selected for ox-gantt ([723af32](https://github.com/hatiolab/operato/commit/723af32318228f91ad3f630d2f6961baecccfd10))
+* missing .npmignore ([03db207](https://github.com/hatiolab/operato/commit/03db207498088b294ccfb9645f6839c2f11645d5))
+* typo .npmignore ([df91cae](https://github.com/hatiolab/operato/commit/df91caea0f5938a3febd9307184e5b036a65e2bd))
-## [8.0.0-alpha.37](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.36...v8.0.0-alpha.37) (2024-10-20)
+### [7.1.27](https://github.com/hatiolab/operato/compare/v7.1.26...v7.1.27) (2024-12-09)
 ### :bug: Bug Fix
-* update dev-dependencies version ([d6fe342](https://github.com/hatiolab/operato/commit/d6fe342de738c6bad3528550a862b5a1d2573161))
+* calendar css variables ([75a7eb0](https://github.com/hatiolab/operato/commit/75a7eb0c68a9d863f2b0db44152fdb9b9536ceca))
-## [8.0.0-alpha.36](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.35...v8.0.0-alpha.36) (2024-10-17)
-### :bug: Bug Fix
-* apply gesture for ox-gantt-chart ([dc1db7a](https://github.com/hatiolab/operato/commit/dc1db7afd6fc08ee5395e50217a901a7a8ec06c7))
-## [8.0.0-alpha.35](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.34...v8.0.0-alpha.35) (2024-10-15)
-### :bug: Bug Fix
-* gestures for gantt ([0f15280](https://github.com/hatiolab/operato/commit/0f152808b69fc4d385cfbada826e1ac1bf9245eb))
-## [8.0.0-alpha.33](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.32...v8.0.0-alpha.33) (2024-10-14)
-**Note:** Version bump only for package @operato/gantt
-## [8.0.0-alpha.29](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.28...v8.0.0-alpha.29) (2024-10-10)
+### [7.1.25](https://github.com/hatiolab/operato/compare/v7.1.24...v7.1.25) (2024-11-23)
 **Note:** Version bump only for package @operato/gantt
@@ -107,56 +38,12 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
-## [8.0.0-alpha.27](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.26...v8.0.0-alpha.27) (2024-10-06)
+### [7.1.6](https://github.com/hatiolab/operato/compare/v7.1.5...v7.1.6) (2024-09-07)
 ### :bug: Bug Fix
-* calendar css variables ([9ea1918](https://github.com/hatiolab/operato/commit/9ea191844c72de5f920a8da85ad50209ba77cc07))
-## [8.0.0-alpha.25](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.24...v8.0.0-alpha.25) (2024-10-06)
-### :bug: Bug Fix
-* ox-gantt ([a05370d](https://github.com/hatiolab/operato/commit/a05370d6bc3c9f7d35819f21b1b19b7c40c8e3fe))
-## [8.0.0-alpha.10](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.9...v8.0.0-alpha.10) (2024-09-18)
-### :bug: Bug Fix
-* remove unused files ([7c84a82](https://github.com/hatiolab/operato/commit/7c84a82e62897f0844423f6e2cb27d8f4ef0942f))
-## [8.0.0-alpha.6](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.5...v8.0.0-alpha.6) (2024-09-14)
-### :bug: Bug Fix
-* safe Intl.DateTimeFormat(..) ([0df6827](https://github.com/hatiolab/operato/commit/0df6827b18b3819336c6518e19d63a77a0c4f919))
-## [8.0.0-alpha.4](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.3...v8.0.0-alpha.4) (2024-09-07)
-### :bug: Bug Fix
-* dataset components & styles ([be44acd](https://github.com/hatiolab/operato/commit/be44acde8f25980e5b27afc481a2c149f8c23dbd))
-## [8.0.0-alpha.0](https://github.com/hatiolab/operato/compare/v7.1.1...v8.0.0-alpha.0) (2024-09-01)
-**Note:** Version bump only for package @operato/gantt
+* dataset components & styles ([d6836bd](https://github.com/hatiolab/operato/commit/d6836bd1c400962453dec31ab6e6055e4110900b))

package/assets/images/icon-editor-gradient-direction.png ADDED Viewed

Binary file

package/assets/images/icon-properties-label.png ADDED Viewed

Binary file

package/assets/images/icon-properties-line-type.png ADDED Viewed

Binary file

package/assets/images/icon-properties-table.png ADDED Viewed

Binary file

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

@@ -2,13 +2,16 @@ import { LitElement, ReactiveController, ReactiveControllerHost } from 'lit';
 import * as d3 from 'd3';
 import { TimeScale, Task, TaskTag } from './types';
 import { OxTaskTooltip } from './ox-task-tooltip';
-import { GestureEventPinch, GestureEventDoubleTap, GestureEventDrag } from '@operato/utils/gesture-mixin.js';
 export declare class GanttChartController implements ReactiveController {
     private host;
     private fromTime;
     private toTime;
     private totalDays;
     private _timeScale?;
+    private touchStartX?;
+    private touchStartY?;
+    private scrollStartX?;
+    private scrollStartY?;
     private colorProvider?;
     baseWidth: number;
     level: TimeScale;
@@ -16,7 +19,6 @@ export declare class GanttChartController implements ReactiveController {
     tasks: Task[];
     extendGridLines: boolean;
     constructor(host: ReactiveControllerHost & LitElement, fromDate: string, toDate: string, axisScale: TimeScale);
-    dispose(): void;
     hostConnected(): void;
     setColorProvider(colorProvider: (task: Task) => string): void;
     get timeScale(): d3.ScaleTime<number, number, never>;
@@ -29,7 +31,6 @@ export declare class GanttChartController implements ReactiveController {
     drawBody(svgBody: SVGElement, tooltip: OxTaskTooltip): void;
     getTaskColor(tags: TaskTag[]): string;
     handleWheelForBody(event: WheelEvent, container: HTMLDivElement): void;
-    handlePinchForBody: (event: GestureEventPinch) => void;
-    handleDoubleTapForBody: (event: GestureEventDoubleTap) => void;
-    handleDragForBody: (event: GestureEventDrag) => void;
+    handleTouchStartForBody(event: TouchEvent, container: HTMLDivElement): void;
+    handleTouchMoveForBody(event: TouchEvent, container: HTMLDivElement): void;
 }

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

@@ -1,78 +1,10 @@
 import * as d3 from 'd3';
 import { drawTimeScaleHeader, getScale, getChartWidth } from './draw-time-scale-header';
-import { levelDown, levelUp } from './utils';
 export class GanttChartController {
     constructor(host, fromDate, toDate, axisScale) {
         this.baseWidth = 30;
         this.tasks = [];
         this.extendGridLines = false;
-        this.handlePinchForBody = (event) => {
-            const { scale } = event.detail;
-            this.baseWidth *= scale;
-            if (this.baseWidth > 40) {
-                if (this.level === 'week-day') {
-                    this.baseWidth = 40;
-                }
-                else {
-                    this.level = levelDown(this.level);
-                    this.baseWidth = 30;
-                }
-            }
-            else if (this.baseWidth < 30) {
-                if (this.level === 'year-quarter') {
-                    this.baseWidth = 30;
-                }
-            }
-            if (this.baseWidth < 20) {
-                this.level = levelUp(this.level);
-                this.baseWidth = 30;
-            }
-            this.updateTimeScale();
-            this.host?.requestUpdate();
-            const customEvent = new CustomEvent('timescale-changed', {
-                detail: {
-                    baseWidth: this.baseWidth,
-                    level: this.level
-                },
-                bubbles: true,
-                composed: true
-            });
-            this.host?.dispatchEvent(customEvent);
-        };
-        this.handleDoubleTapForBody = (event) => {
-            const container = this.host.container;
-            container.scrollLeft = 0;
-            container.scrollTop = 0;
-            this.baseWidth = 30;
-            this.level = 'week-day';
-            this.updateTimeScale();
-            this.host?.requestUpdate();
-            const customEvent = new CustomEvent('timescale-changed', {
-                detail: {
-                    baseWidth: this.baseWidth,
-                    level: this.level
-                },
-                bubbles: true,
-                composed: true
-            });
-            this.host?.dispatchEvent(customEvent);
-        };
-        this.handleDragForBody = (event) => {
-            const { deltaX: dx, deltaY: dy } = event.detail;
-            const container = this.host.container;
-            const { offsetHeight } = container;
-            container.scrollLeft -= dx;
-            container.scrollTop = Math.min(this.tasks.length * 30 - (offsetHeight - 40), container.scrollTop - dy);
-            const customEvent = new CustomEvent('scroll', {
-                detail: {
-                    scrollLeft: container.scrollLeft,
-                    scrollTop: container.scrollTop
-                },
-                bubbles: true,
-                composed: true
-            });
-            this.host?.dispatchEvent(customEvent);
-        };
         this.host = host;
         this.fromTime = new Date(fromDate);
         this.toTime = new Date(toDate);
@@ -80,9 +12,6 @@ export class GanttChartController {
         this.totalDays = d3.timeDay.count(this.fromTime, d3.timeDay.offset(this.toTime, 1));
         this.host.addController(this);
     }
-    dispose() {
-        this.host = null;
-    }
     hostConnected() {
         this.updateTimeScale();
     }
@@ -103,11 +32,11 @@ export class GanttChartController {
         this.toTime = new Date(toDate);
         this.totalDays = d3.timeDay.count(this.fromTime, d3.timeDay.offset(this.toTime, 1));
         this._timeScale = undefined;
-        this.host?.requestUpdate();
+        this.host.requestUpdate();
     }
     setTasks(tasks) {
         this.tasks = tasks;
-        this.host?.requestUpdate();
+        this.host.requestUpdate();
     }
     updateTimeScale() {
         this.timeScale.range([0, this.getChartWidth()]);
@@ -131,7 +60,7 @@ export class GanttChartController {
             .append('marker')
             .attr('id', 'arrow')
             .attr('viewBox', '0 0 10 10')
-            .attr('refX', 10)
+            .attr('refX', 10) // Adjusted refX to move the arrow tip closer to the line's end
             .attr('refY', 5)
             .attr('markerWidth', 6)
             .attr('markerHeight', 6)
@@ -185,16 +114,12 @@ export class GanttChartController {
             const taskWidth = endX - startX + this.baseWidth / this.getScale();
             const taskY = index * 30 + 7.5;
             const showTooltip = (event) => {
-                tooltip.hide();
-                const touch = 'touches' in event;
-                const x = touch ? event.touches[0].clientX : event.clientX;
-                const y = touch ? event.touches[0].clientY : event.clientY;
                 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(x, y);
+                tooltip.show(event.clientX, event.clientY);
             };
             const hideTooltip = () => {
                 tooltip.hide();
@@ -218,16 +143,15 @@ export class GanttChartController {
                 .attr('stroke', 'black')
                 .attr('stroke-width', 1);
             taskBar
-                .on('click', e => {
+                .on('click', () => {
                 this.selectedTaskId = task.id;
                 const customEvent = new CustomEvent('task-clicked', {
                     detail: { taskId: task.id },
                     bubbles: true,
                     composed: true
                 });
-                showTooltip(e);
-                this.host?.dispatchEvent(customEvent);
-                this.host?.requestUpdate();
+                this.host.dispatchEvent(customEvent);
+                this.host.requestUpdate();
             })
                 .on('mouseover', showTooltip)
                 .on('mouseout', hideTooltip);
@@ -241,16 +165,15 @@ export class GanttChartController {
                     .attr('height', 7.5)
                     .attr('fill', 'lightgreen');
                 progressBar
-                    .on('click', e => {
+                    .on('click', () => {
                     this.selectedTaskId = task.id;
                     const customEvent = new CustomEvent('task-clicked', {
                         detail: { taskId: task.id },
                         bubbles: true,
                         composed: true
                     });
-                    showTooltip(e);
-                    this.host?.dispatchEvent(customEvent);
-                    this.host?.requestUpdate();
+                    this.host.dispatchEvent(customEvent);
+                    this.host.requestUpdate();
                 })
                     .on('mouseover', showTooltip)
                     .on('mouseout', hideTooltip);
@@ -281,7 +204,7 @@ export class GanttChartController {
                     .attr('stroke', 'var(--md-sys-color-on-primary-container, black)')
                     .attr('fill', 'none')
                     .attr('stroke-width', 1)
-                    .attr('marker-end', 'url(#arrow)');
+                    .attr('marker-end', 'url(#arrow)'); // Add arrow marker
             }
         });
     }
@@ -302,7 +225,6 @@ export class GanttChartController {
     handleWheelForBody(event, container) {
         event.preventDefault();
         event.stopPropagation();
-        const { offsetHeight } = container;
         const deltaModeFactor = event.deltaMode === WheelEvent.DOM_DELTA_LINE
             ? 16
             : event.deltaMode === WheelEvent.DOM_DELTA_PAGE
@@ -312,8 +234,31 @@ export class GanttChartController {
         const deltaY = event.deltaY * deltaModeFactor;
         // 가로 스크롤 및 세로 스크롤 모두 처리
         container.scrollLeft += deltaX;
-        // container.scrollTop += deltaY
-        container.scrollTop = Math.min(this.tasks.length * 30 - (offsetHeight - 40), container.scrollTop + deltaY);
+        container.scrollTop += deltaY;
+        const customEvent = new CustomEvent('scroll', {
+            detail: {
+                scrollLeft: container.scrollLeft,
+                scrollTop: container.scrollTop
+            },
+            bubbles: true,
+            composed: true
+        });
+        this.host.dispatchEvent(customEvent);
+    }
+    handleTouchStartForBody(event, container) {
+        event.stopPropagation();
+        this.touchStartX = event.touches[0].clientX;
+        this.touchStartY = event.touches[0].clientY;
+        this.scrollStartX = container.scrollLeft;
+        this.scrollStartY = container.scrollTop;
+    }
+    handleTouchMoveForBody(event, container) {
+        const touchCurrentX = event.touches[0].clientX;
+        const touchCurrentY = event.touches[0].clientY;
+        const deltaX = this.touchStartX - touchCurrentX;
+        const deltaY = this.touchStartY - touchCurrentY;
+        container.scrollLeft = this.scrollStartX + deltaX;
+        container.scrollTop = this.scrollStartY + deltaY;
         const customEvent = new CustomEvent('scroll', {
             detail: {
                 scrollLeft: container.scrollLeft,
@@ -322,7 +267,7 @@ export class GanttChartController {
             bubbles: true,
             composed: true
         });
-        this.host?.dispatchEvent(customEvent);
+        this.host.dispatchEvent(customEvent);
     }
 }
 //# sourceMappingURL=gantt-chart-controller.js.map

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

	@@ -1 +1 @@
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'\nimport { drawTimeScaleHeader, getScale, getChartWidth } from './draw-time-scale-header'\nimport { levelDown, levelUp } from './utils'\nimport { GestureEventPinch, GestureEventDoubleTap, GestureEventDrag } from '@operato/utils/gesture-mixin.js'\n\nexport class GanttChartController implements ReactiveController {\n private host: (ReactiveControllerHost & LitElement) \| null\n private fromTime: Date\n private toTime: Date\n private totalDays: number\n private _timeScale?: d3.ScaleTime<number, number, never>\n\n private colorProvider?: (task: Task) => string\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 dispose() {\n this.host = null\n }\n\n hostConnected() {\n this.updateTimeScale()\n }\n\n setColorProvider(colorProvider: (task: Task) => string) {\n this.colorProvider = colorProvider\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 getScale() {\n return getScale(this.level)\n }\n\n getChartWidth() {\n return getChartWidth(this.fromTime, this.toTime, this.baseWidth, this.level)\n }\n\n drawAxes(svgHeader: SVGElement) {\n drawTimeScaleHeader(svgHeader, this.timeScale, this.fromTime, this.toTime, this.baseWidth, this.level)\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 // Define the arrow marker\n const defs = body.append('defs')\n defs\n .append('marker')\n .attr('id', 'arrow')\n .attr('viewBox', '0 0 10 10')\n .attr('refX', 10)\n .attr('refY', 5)\n .attr('markerWidth', 6)\n .attr('markerHeight', 6)\n .attr('orient', 'auto-start-reverse')\n .append('path')\n .attr('d', 'M 0 0 L 10 5 L 0 10 z')\n .attr('fill', 'var(--md-sys-color-on-primary-container, black)')\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 \| TouchEvent) => {\n tooltip.hide()\n\n const touch = 'touches' in event\n const x = touch ? event.touches[0].clientX : event.clientX\n const y = touch ? event.touches[0].clientY : event.clientY\n\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(x, y)\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.colorProvider ? this.colorProvider(task) : 'gray')\n .attr('stroke', 'black')\n .attr('stroke-width', 1)\n\n taskBar\n .on('click', e => {\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\n showTooltip(e)\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', e => {\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\n showTooltip(e)\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', 'var(--md-sys-color-on-primary-container, black)')\n .attr('fill', 'none')\n .attr('stroke-width', 1)\n .attr('marker-end', 'url(#arrow)')\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 const { offsetHeight } = container\n\n const deltaModeFactor =\n event.deltaMode === WheelEvent.DOM_DELTA_LINE\n ? 16\n : event.deltaMode === WheelEvent.DOM_DELTA_PAGE\n ? container.clientHeight\n : 1\n const deltaX = event.deltaX * deltaModeFactor\n const deltaY = event.deltaY * deltaModeFactor\n\n // 가로 스크롤 및 세로 스크롤 모두 처리\n container.scrollLeft += deltaX\n // container.scrollTop += deltaY\n container.scrollTop = Math.min(this.tasks.length * 30 - (offsetHeight - 40), container.scrollTop + deltaY)\n\n const customEvent = new CustomEvent('scroll', {\n detail: {\n scrollLeft: container.scrollLeft,\n scrollTop: container.scrollTop\n },\n bubbles: true,\n composed: true\n })\n\n this.host?.dispatchEvent(customEvent)\n }\n\n handlePinchForBody = (event: GestureEventPinch) => {\n const { scale } = event.detail\n\n this.baseWidth = scale\n\n if (this.baseWidth > 40) {\n if (this.level === 'week-day') {\n this.baseWidth = 40\n } else {\n this.level = levelDown(this.level)\n this.baseWidth = 30\n }\n } else if (this.baseWidth < 30) {\n if (this.level === 'year-quarter') {\n this.baseWidth = 30\n }\n }\n\n if (this.baseWidth < 20) {\n this.level = levelUp(this.level)\n this.baseWidth = 30\n }\n\n this.updateTimeScale()\n this.host?.requestUpdate()\n\n const customEvent = new CustomEvent('timescale-changed', {\n detail: {\n baseWidth: this.baseWidth,\n level: this.level\n },\n bubbles: true,\n composed: true\n })\n\n this.host?.dispatchEvent(customEvent)\n }\n\n handleDoubleTapForBody = (event: GestureEventDoubleTap) => {\n const container = (this.host as any).container\n\n container.scrollLeft = 0\n container.scrollTop = 0\n\n this.baseWidth = 30\n this.level = 'week-day'\n\n this.updateTimeScale()\n this.host?.requestUpdate()\n\n const customEvent = new CustomEvent('timescale-changed', {\n detail: {\n baseWidth: this.baseWidth,\n level: this.level\n },\n bubbles: true,\n composed: true\n })\n\n this.host?.dispatchEvent(customEvent)\n }\n\n handleDragForBody = (event: GestureEventDrag) => {\n const { deltaX: dx, deltaY: dy } = event.detail\n const container = (this.host as any).container\n const { offsetHeight } = container\n\n container.scrollLeft -= dx\n container.scrollTop = Math.min(this.tasks.length 30 - (offsetHeight - 40), container.scrollTop - dy)\n\n const customEvent = new CustomEvent('scroll', {\n detail: {\n scrollLeft: container.scrollLeft,\n scrollTop: container.scrollTop\n },\n bubbles: true,\n composed: true\n })\n\n this.host?.dispatchEvent(customEvent)\n }\n}\n"]}
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'\nimport { drawTimeScaleHeader, getScale, getChartWidth } from './draw-time-scale-header'\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 touchStartX?: number\n private touchStartY?: number\n private scrollStartX?: number\n private scrollStartY?: number\n\n private colorProvider?: (task: Task) => string\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 setColorProvider(colorProvider: (task: Task) => string) {\n this.colorProvider = colorProvider\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 getScale() {\n return getScale(this.level)\n }\n\n getChartWidth() {\n return getChartWidth(this.fromTime, this.toTime, this.baseWidth, this.level)\n }\n\n drawAxes(svgHeader: SVGElement) {\n drawTimeScaleHeader(svgHeader, this.timeScale, this.fromTime, this.toTime, this.baseWidth, this.level)\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 // Define the arrow marker\n const defs = body.append('defs')\n defs\n .append('marker')\n .attr('id', 'arrow')\n .attr('viewBox', '0 0 10 10')\n .attr('refX', 10) // Adjusted refX to move the arrow tip closer to the line's end\n .attr('refY', 5)\n .attr('markerWidth', 6)\n .attr('markerHeight', 6)\n .attr('orient', 'auto-start-reverse')\n .append('path')\n .attr('d', 'M 0 0 L 10 5 L 0 10 z')\n .attr('fill', 'var(--md-sys-color-on-primary-container, black)')\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.colorProvider ? this.colorProvider(task) : 'gray')\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', 'var(--md-sys-color-on-primary-container, black)')\n .attr('fill', 'none')\n .attr('stroke-width', 1)\n .attr('marker-end', 'url(#arrow)') // Add arrow marker\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 const deltaModeFactor =\n event.deltaMode === WheelEvent.DOM_DELTA_LINE\n ? 16\n : event.deltaMode === WheelEvent.DOM_DELTA_PAGE\n ? container.clientHeight\n : 1\n const deltaX = event.deltaX * deltaModeFactor\n const deltaY = event.deltaY * deltaModeFactor\n\n // 가로 스크롤 및 세로 스크롤 모두 처리\n container.scrollLeft += deltaX\n container.scrollTop += deltaY\n\n const customEvent = new CustomEvent('scroll', {\n detail: {\n scrollLeft: container.scrollLeft,\n scrollTop: container.scrollTop\n },\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.touchStartX = event.touches[0].clientX\n this.touchStartY = event.touches[0].clientY\n\n this.scrollStartX = container.scrollLeft\n this.scrollStartY = container.scrollTop\n }\n\n handleTouchMoveForBody(event: TouchEvent, container: HTMLDivElement) {\n const touchCurrentX = event.touches[0].clientX\n const touchCurrentY = event.touches[0].clientY\n\n const deltaX = this.touchStartX! - touchCurrentX\n const deltaY = this.touchStartY! - touchCurrentY\n\n container.scrollLeft = this.scrollStartX! + deltaX\n container.scrollTop = this.scrollStartY! + deltaY\n\n const customEvent = new CustomEvent('scroll', {\n detail: {\n scrollLeft: container.scrollLeft,\n scrollTop: container.scrollTop\n },\n bubbles: true,\n composed: true\n })\n\n this.host.dispatchEvent(customEvent)\n }\n}\n"]}