@operato/gantt 2.0.0-alpha.154 → 2.0.0-beta.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"ox-gantt-chart.js","sourceRoot":"","sources":["../../src/ox-gantt-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, PropertyValues, PropertyValueMap } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { styles as MDTypeScaleStyles } from '@material/web/typography/md-typescale-styles'\nimport * as d3 from 'd3'\n\nimport { LEVEL, TaskTag } from './types'\nimport { levelDown, levelUp } from './utils'\n\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport { Task } from './types.js'\n\ntype TimeScale = 'year-quarter' | 'year-month' | 'quarter-week' | 'week-day'\n\n@customElement('ox-gantt-chart')\nexport class OxGanttChart extends LitElement {\n  static styles = [\n    MDTypeScaleStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n\n        overflow: hidden;\n      }\n\n      div[chart-container] {\n        display: block;\n\n        overflow-x: auto;\n        overflow-y: clip;\n\n        position: relative;\n      }\n\n      svg {\n        min-width: 100%;\n      }\n\n      svg[header] {\n        display: block;\n        min-width: 100%;\n        box-sizing: border-box;\n        border-bottom: 1px solid var(--ox-gantt-border-color, var(--md-sys-color-on-surface));\n        height: 40px;\n        background-color: var(--ox-gantt-header-background-color, var(--md-sys-color-secondary-container));\n\n        position: sticky;\n        top: 0;\n        z-index: 1;\n      }\n\n      .top-axis text,\n      .bottom-axis text {\n        font-size: 12px;\n      }\n\n      .grid line {\n        stroke: #e0e0e0;\n      }\n\n      .grid path {\n        stroke-width: 0;\n      }\n\n      .no-select {\n        user-select: none;\n      }\n    `\n  ]\n\n  @property({ type: String, attribute: 'from-date' })\n  fromDate: string = new Date(new Date().getFullYear(), 0, 1).toISOString().split('T')[0] /* beginning of this year */\n\n  @property({ type: String, attribute: 'to-date' })\n  toDate: string = new Date(new Date().getFullYear(), 11, 31).toISOString().split('T')[0] /* end of this year */\n\n  @property({ type: String, attribute: 'axis-scale' }) axisScale: TimeScale = 'week-day'\n  @property({ type: Boolean, attribute: 'extend-grid-lines' }) extendGridLines: boolean = false\n  @property({ type: Array }) tasks: Task[] = []\n\n  @state() baseWidth: number = 30\n  @state() level: LEVEL = this.axisScale\n\n  private fromTime: Date = new Date(this.fromDate!)\n  private toTime: Date = new Date(this.toDate)\n  private totalDays: number = d3.timeDay.count(this.fromTime, d3.timeDay.offset(this.toTime, 1))\n  private _timeScale!: d3.ScaleTime<number, number, never>\n\n  @query('svg[header]') svgHeader!: SVGElement\n  @query('svg[body]') svgBody!: SVGElement\n  @query('[chart-container]') container!: HTMLDivElement\n\n  protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n    this.initHeaderGestureHandlers()\n  }\n\n  updated(changedProperties: PropertyValues<this>) {\n    var redrawRequired = false\n\n    if (changedProperties.has('fromDate') || changedProperties.has('toDate')) {\n      this.fromTime = new Date(this.fromDate)\n      this.toTime = new Date(this.toDate)\n      this.totalDays = d3.timeDay.count(this.fromTime, d3.timeDay.offset(this.toTime, 1))\n\n      redrawRequired = true\n    }\n\n    if (changedProperties.has('axisScale')) {\n      redrawRequired = true\n    }\n\n    if (changedProperties.has('tasks')) {\n      this.svgBody.style.height = this.tasks.length * 30 + 'px'\n      redrawRequired = true\n    }\n\n    redrawRequired && this.redraw()\n  }\n\n  render() {\n    return html`\n      <div chart-container>\n        <svg\n          header\n          @date-range-selected=${(e: CustomEvent) => {\n            console.log(e.detail)\n          }}\n          @wheel=${this.handleWheelForHeader.bind(this)}\n        ></svg>\n        <svg body></svg>\n      </div>\n    `\n  }\n\n  setVerticalOffset(offset: number) {\n    console.log(offset)\n    this.container.scrollTop = offset\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  getChartWidth() {\n    return (this.totalDays * this.baseWidth) / this.getScale() // 총 차트 폭 계산\n  }\n\n  get timeScale() {\n    if (!this._timeScale) {\n      // 시간축 스케일 생성\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\n    return this._timeScale\n  }\n\n  updateTimeScale() {\n    this.timeScale.range([0, this.getChartWidth()])\n  }\n\n  redraw() {\n    this.drawAxes()\n    this.drawBody()\n  }\n\n  drawBody() {\n    const body = d3.select(this.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(this.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    // Add task bars\n    this.tasks.forEach((task, index) => {\n      const startX = this.timeScale(d3.timeDay.floor(d3.min([task.startTime, task.endTime])!))\n      const endX = this.timeScale(d3.timeDay.offset(d3.timeDay.ceil(d3.max([task.startTime, task.endTime])!), -1))\n\n      const taskWidth = endX - startX + this.baseWidth / this.getScale()\n      const taskY = index * 30 + 7.5\n\n      // Main task bar\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      // Add click event listener to task bar\n      taskBar.on('click', () => {\n        const customEvent = new CustomEvent('task-clicked', {\n          detail: { task },\n          bubbles: true,\n          composed: true\n        })\n        this.dispatchEvent(customEvent)\n      })\n\n      // Progress bar\n      if (task.progress !== undefined) {\n        const progressWidth = taskWidth * (task.progress / 100)\n        body\n          .append('rect')\n          .attr('x', startX)\n          .attr('y', taskY + 7.5 - 3.75) // Adjust to center within the task bar\n          .attr('width', progressWidth)\n          .attr('height', 7.5) // Set height to 50% of the task bar height\n          .attr('fill', 'lightgreen')\n      }\n\n      // Save task position for linking lines\n      taskPositions[task.id] = { x: endX + this.baseWidth / this.getScale(), y: taskY + 7.5, width: taskWidth }\n    })\n\n    // Add linking lines\n    this.tasks.forEach(task => {\n      if (task.after && taskPositions[task.after]) {\n        const prevTask = taskPositions[task.after]\n        const currTask = taskPositions[task.id]\n\n        // Draw the linking line\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  // Helper function to determine task color based on tags\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  drawAxes() {\n    const header = d3.select(this.svgHeader)\n\n    header.selectAll('*').remove()\n    header.attr('width', this.getChartWidth())\n\n    // 차트 컨테이너의 폭 설정 및 스크롤 가능하도록 설정\n    header.attr('width', this.getChartWidth())\n\n    const addGridLines = (ticks: Date[], yStart: number, yEnd: number, extendable?: boolean) => {\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-outline))')\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      // Level 1: week-day\n      // Weekly axis\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      // Daily axis\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      // Level 2: quarter-week\n      // Quarterly axis\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      // Weekly axis\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      // Level 3: year-month\n      // Yearly axis\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      // Monthly axis\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      // Level 4: year-quarter\n      // Yearly axis\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      // Quarterly axis\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  initHeaderGestureHandlers() {\n    const header = d3.select(this.svgHeader)\n\n    let isDragging = false\n    let startX: number | null = null\n    let lastTouchDistance: number | null = null\n\n    const handleTouchStart = (event: TouchEvent) => {\n      event.preventDefault() // 기본 터치 이벤트 막기\n\n      if (event.touches.length === 2) {\n        lastTouchDistance = getTouchDistance(event.touches)\n      } else {\n        isDragging = true\n        const touch = event.touches[0]\n        const containerOffsetX = header.node()!.getBoundingClientRect().left\n        startX = touch.clientX - containerOffsetX\n      }\n    }\n\n    const handleTouchMove = (event: TouchEvent) => {\n      event.preventDefault() // 기본 터치 이벤트 막기\n\n      if (event.touches.length === 2 && lastTouchDistance !== null) {\n        const currentDistance = getTouchDistance(event.touches)\n        const zoomFactor = currentDistance / lastTouchDistance\n        this.baseWidth *= zoomFactor\n\n        if (this.baseWidth > 60) {\n          if (this.level == 'year-quarter') {\n            this.baseWidth = 60\n          } else {\n            this.level = levelUp(this.level)\n            this.baseWidth = 30\n          }\n        } else if (this.baseWidth < 30) {\n          if (this.level == 'week-day') {\n            this.baseWidth = 30\n          } else {\n            this.level = levelDown(this.level)\n            this.baseWidth = 60\n          }\n        }\n\n        lastTouchDistance = currentDistance\n        this.updateTimeScale()\n        this.redraw()\n      } else if (isDragging && startX !== null) {\n        const touch = event.touches[0]\n        const containerOffsetX = header.node()!.getBoundingClientRect().left\n        const currentX = touch.clientX - containerOffsetX\n        this.highlightSelection(startX, currentX)\n      }\n    }\n\n    const handleTouchEnd = (event: TouchEvent) => {\n      event.preventDefault() // 기본 터치 이벤트 막기\n\n      if (event.touches.length < 2) {\n        lastTouchDistance = null\n      }\n\n      if (!isDragging || startX === null) {\n        // 클릭 이벤트 처리\n        const touch = event.changedTouches[0]\n        const containerOffsetX = header.node()!.getBoundingClientRect().left\n        const clickX = touch.clientX - containerOffsetX\n        this.finalizeSelection(clickX, clickX)\n        return\n      }\n\n      const touch = event.changedTouches[0]\n      const containerOffsetX = header.node()!.getBoundingClientRect().left\n      const endX = touch.clientX - containerOffsetX\n      this.finalizeSelection(startX, endX)\n\n      isDragging = false\n      startX = null\n    }\n\n    const getTouchDistance = (touches: TouchList): number => {\n      const dx = touches[0].clientX - touches[1].clientX\n      const dy = touches[0].clientY - touches[1].clientY\n      return Math.sqrt(dx * dx + dy * dy)\n    }\n\n    const handleMouseDown = (event: MouseEvent) => {\n      isDragging = true\n      const containerOffsetX = header.node()!.getBoundingClientRect().left\n      startX = event.clientX - containerOffsetX\n    }\n\n    const handleMouseMove = (event: MouseEvent) => {\n      if (!isDragging || startX === null) return\n\n      const containerOffsetX = header.node()!.getBoundingClientRect().left\n      const currentX = event.clientX - containerOffsetX\n      this.highlightSelection(startX, currentX)\n    }\n\n    const handleMouseUp = (event: MouseEvent) => {\n      if (!isDragging || startX === null) {\n        // 클릭 이벤트 처리\n        const containerOffsetX = header.node()!.getBoundingClientRect().left\n        const clickX = event.clientX - containerOffsetX\n        this.finalizeSelection(clickX, clickX)\n        return\n      }\n\n      const containerOffsetX = header.node()!.getBoundingClientRect().left\n      const endX = event.clientX - containerOffsetX\n      this.finalizeSelection(startX, endX)\n\n      isDragging = false\n      startX = null\n    }\n\n    header.on('mousedown', handleMouseDown)\n    header.on('mousemove', handleMouseMove)\n    header.on('mouseup', handleMouseUp)\n    header.on('touchstart', handleTouchStart)\n    header.on('touchmove', handleTouchMove)\n    header.on('touchend', handleTouchEnd)\n  }\n\n  highlightSelection(startX: number, endX: number) {\n    const header = d3.select(this.svgHeader)\n    const body = d3.select(this.svgBody)\n\n    let startDate = this.timeScale.invert(startX)\n    let endDate = this.timeScale.invert(endX)\n\n    let start, end\n\n    if (this.level === 'week-day') {\n      start = d3.timeDay.floor(d3.min([startDate, endDate])!)\n      end = d3.timeDay.offset(d3.timeDay.ceil(d3.max([startDate, endDate])!), -1)\n    } else if (this.level === 'quarter-week') {\n      start = d3.timeWeek.floor(d3.min([startDate, endDate])!)\n      end = d3.timeDay.offset(d3.timeWeek.ceil(d3.max([startDate, endDate])!), -1)\n    } else if (this.level === 'year-month') {\n      start = d3.timeMonth.floor(d3.min([startDate, endDate])!)\n      end = d3.timeDay.offset(d3.timeMonth.ceil(d3.max([startDate, endDate])!), -1)\n    } else if (this.level === 'year-quarter') {\n      start = d3.timeMonth.every(3)!.floor(d3.min([startDate, endDate])!)\n      end = d3.timeDay.offset(d3.timeMonth.every(3)!.ceil(d3.max([startDate, endDate])!), -1)\n    }\n\n    header.selectAll('.selection-rect').remove()\n    body.selectAll('.selection-rect').remove()\n\n    header\n      .append('rect')\n      .attr('class', 'selection-rect')\n      .attr('x', this.timeScale(start!))\n      .attr('y', 20)\n      .attr('width', this.timeScale(end!) - this.timeScale(start!) + this.baseWidth / this.getScale())\n      .attr('height', 20)\n      .attr('fill', 'var(--ox-gantt-selection-color, var(--md-sys-color-secondary))')\n      .attr('opacity', '.2')\n\n    body\n      .append('rect')\n      .attr('class', 'selection-rect')\n      .attr('x', this.timeScale(start!))\n      .attr('y', 0)\n      .attr('width', this.timeScale(end!) - this.timeScale(start!) + this.baseWidth / this.getScale())\n      .attr('height', '100%')\n      .attr('fill', 'var(--ox-gantt-selection-color, var(--md-sys-color-secondary))')\n      .attr('opacity', '.2')\n  }\n\n  finalizeSelection(startX: number, endX: number) {\n    const header = d3.select(this.svgHeader)\n    const body = d3.select(this.svgBody)\n\n    let startDate = this.timeScale.invert(startX)\n    let endDate = this.timeScale.invert(endX)\n\n    let start, end\n\n    if (this.level === 'week-day') {\n      start = d3.timeDay.floor(d3.min([startDate, endDate])!)\n      end = d3.timeDay.offset(d3.timeDay.ceil(d3.max([startDate, endDate])!), -1)\n    } else if (this.level === 'quarter-week') {\n      start = d3.timeWeek.floor(d3.min([startDate, endDate])!)\n      end = d3.timeDay.offset(d3.timeWeek.ceil(d3.max([startDate, endDate])!), -1)\n    } else if (this.level === 'year-month') {\n      start = d3.timeMonth.floor(d3.min([startDate, endDate])!)\n      end = d3.timeDay.offset(d3.timeMonth.ceil(d3.max([startDate, endDate])!), -1)\n    } else if (this.level === 'year-quarter') {\n      start = d3.timeMonth.every(3)!.floor(d3.min([startDate, endDate])!)\n      end = d3.timeDay.offset(d3.timeMonth.every(3)!.ceil(d3.max([startDate, endDate])!), -1)\n    }\n\n    header.selectAll('.selection-rect').remove()\n    body.selectAll('.selection-rect').remove()\n\n    header\n      .append('rect')\n      .attr('class', 'selection-rect')\n      .attr('x', this.timeScale(start!))\n      .attr('y', 20)\n      .attr('width', this.timeScale(end!) - this.timeScale(start!) + this.baseWidth / this.getScale())\n      .attr('height', 20)\n      .attr('fill', 'var(--ox-gantt-selection-color, var(--md-sys-color-secondary))')\n      .attr('opacity', '.2')\n\n    body\n      .append('rect')\n      .attr('class', 'selection-rect')\n      .attr('x', this.timeScale(start!))\n      .attr('y', 0)\n      .attr('width', this.timeScale(end!) - this.timeScale(start!) + this.baseWidth / this.getScale())\n      .attr('height', '100%')\n      .attr('fill', 'var(--ox-gantt-selection-color, var(--md-sys-color-secondary))')\n      .attr('opacity', '.2')\n\n    const formatDate = d3.timeFormat('%Y-%m-%d')\n    const customEvent = new CustomEvent('date-range-selected', {\n      detail: { start: formatDate(start!), end: formatDate(end!) }\n    })\n\n    header.node()?.dispatchEvent(customEvent)\n  }\n\n  handleWheelForHeader(event: WheelEvent) {\n    event.preventDefault()\n    event.stopPropagation()\n\n    if (event.altKey || event.ctrlKey || event.shiftKey || event.metaKey) {\n      // 좌우 스크롤\n      this.container.scrollBy({\n        left: event.shiftKey ? event.deltaX : event.deltaY,\n        behavior: 'smooth'\n      })\n    } else {\n      // Zoom in/out\n      const zoomFactor = event.deltaY < 0 ? 1.1 : 0.9\n      this.baseWidth *= zoomFactor\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      if (this.baseWidth < 20) {\n        this.level = levelUp(this.level)\n        this.baseWidth = 30\n      }\n\n      this.updateTimeScale()\n      this.redraw()\n    }\n  }\n}\n"]}

package/dist/src/ox-gantt-resize-splitter.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+export declare class OxGanttResizeSplitter extends LitElement {
+    static styles: import("lit").CSSResult;
+    private dragstart?;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    _throttled(delay: number, fn: (...args: any) => void): (...args: any) => void;
+    private onMouseDown;
+    onMouseMoveHandler: (...args: any) => void;
+    onMouseUpHandler: (e: MouseEvent) => void;
+    private onMouseMove;
+    private onMouseUp;
+}

package/dist/src/ox-gantt-resize-splitter.js

@@ -0,0 +1,117 @@
+import { __decorate } from "tslib";
+import { LitElement, css, html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+let OxGanttResizeSplitter = class OxGanttResizeSplitter extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.onMouseMoveHandler = this._throttled(100, this.onMouseMove.bind(this)); // this.onMouseMove.bind(this)
+        this.onMouseUpHandler = this.onMouseUp.bind(this);
+    }
+    static { this.styles = css `
+    :host {
+      position: relative;
+      opacity: 0.7;
+      background-color: var(--splitter-background-color);
+    }
+
+    :host(:hover) {
+      background-color: var(--splitter-hover-background-color);
+    }
+
+    div {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+    }
+  `; }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.hasAttribute('vertical')) {
+            this.style.width = '3px';
+            this.style.height = '100%';
+            this.style.cursor = 'col-resize';
+        }
+        else {
+            this.style.width = '100%';
+            this.style.height = '3px';
+            this.style.cursor = 'row-resize';
+        }
+    }
+    render() {
+        return html ` <div @mousedown=${(e) => this.onMouseDown(e)}></div> `;
+    }
+    // TODO onDrag 이벤트가 계속 발생하므로 처리하는 성능 저하됨. 그래서 throttling 하도록 함
+    _throttled(delay, fn) {
+        let lastCall = 0;
+        return function (...args) {
+            const now = new Date().getTime();
+            if (now - lastCall < delay) {
+                return;
+            }
+            lastCall = now;
+            return fn(...args);
+        };
+    }
+    onMouseDown(e) {
+        this.dragstart = {
+            x: e.clientX,
+            y: e.clientY
+        };
+        this.dispatchEvent(new CustomEvent('splitter-dragstart', {
+            bubbles: true,
+            composed: true
+        }));
+        window.addEventListener('mousemove', this.onMouseMoveHandler);
+        window.addEventListener('mouseup', this.onMouseUpHandler);
+        e.stopPropagation();
+    }
+    onMouseMove(e) {
+        if (!this.dragstart) {
+            return;
+        }
+        e.preventDefault();
+        this.dispatchEvent(new CustomEvent('splitter-drag', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                x: e.clientX - this.dragstart.x,
+                y: e.clientY - this.dragstart.y
+            }
+        }));
+        requestAnimationFrame(() => {
+            dispatchEvent(new Event('resize'));
+        });
+        if (this.hasAttribute('vertical')) {
+            document.body.style.cursor = 'col-resize';
+        }
+        else {
+            document.body.style.cursor = 'row-resize';
+        }
+        document.body.style.userSelect = 'none';
+        e.stopPropagation();
+    }
+    onMouseUp(e) {
+        window.removeEventListener('mousemove', this.onMouseMoveHandler);
+        window.removeEventListener('mouseup', this.onMouseUpHandler);
+        this.dispatchEvent(new CustomEvent('splitter-dragend', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                x: e.clientX - this.dragstart.x,
+                y: e.clientY - this.dragstart.y
+            }
+        }));
+        requestAnimationFrame(() => {
+            dispatchEvent(new Event('resize'));
+            delete this.dragstart;
+        });
+        document.body.style.cursor = '';
+        document.body.style.userSelect = '';
+        e.stopPropagation();
+    }
+};
+OxGanttResizeSplitter = __decorate([
+    customElement('ox-gantt-resize-splitter')
+], OxGanttResizeSplitter);
+export { OxGanttResizeSplitter };
+//# sourceMappingURL=ox-gantt-resize-splitter.js.map

package/dist/src/ox-gantt-resize-splitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-gantt-resize-splitter.js","sourceRoot":"","sources":["../../src/ox-gantt-resize-splitter.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, css, html } from 'lit'\n\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('ox-gantt-resize-splitter')\nexport class OxGanttResizeSplitter extends LitElement {\n  static styles = css`\n    :host {\n      position: relative;\n      opacity: 0.7;\n      background-color: var(--splitter-background-color);\n    }\n\n    :host(:hover) {\n      background-color: var(--splitter-hover-background-color);\n    }\n\n    div {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n    }\n  `\n\n  private dragstart?: { x: number; y: number }\n\n  connectedCallback() {\n    super.connectedCallback()\n\n    if (this.hasAttribute('vertical')) {\n      this.style.width = '3px'\n      this.style.height = '100%'\n      this.style.cursor = 'col-resize'\n    } else {\n      this.style.width = '100%'\n      this.style.height = '3px'\n      this.style.cursor = 'row-resize'\n    }\n  }\n\n  render() {\n    return html` <div @mousedown=${(e: MouseEvent) => this.onMouseDown(e)}></div> `\n  }\n\n  // TODO onDrag 이벤트가 계속 발생하므로 처리하는 성능 저하됨. 그래서 throttling 하도록 함\n  _throttled(delay: number, fn: (...args: any) => void) {\n    let lastCall = 0\n    return function (...args: any) {\n      const now = new Date().getTime()\n      if (now - lastCall < delay) {\n        return\n      }\n      lastCall = now\n      return fn(...args)\n    }\n  }\n\n  private onMouseDown(e: MouseEvent) {\n    this.dragstart = {\n      x: e.clientX,\n      y: e.clientY\n    }\n\n    this.dispatchEvent(\n      new CustomEvent('splitter-dragstart', {\n        bubbles: true,\n        composed: true\n      })\n    )\n\n    window.addEventListener('mousemove', this.onMouseMoveHandler)\n    window.addEventListener('mouseup', this.onMouseUpHandler)\n\n    e.stopPropagation()\n  }\n\n  onMouseMoveHandler = this._throttled(100, this.onMouseMove.bind(this)) // this.onMouseMove.bind(this)\n  onMouseUpHandler = this.onMouseUp.bind(this)\n\n  private onMouseMove(e: MouseEvent) {\n    if (!this.dragstart) {\n      return\n    }\n\n    e.preventDefault()\n\n    this.dispatchEvent(\n      new CustomEvent('splitter-drag', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          x: e.clientX - this.dragstart!.x,\n          y: e.clientY - this.dragstart!.y\n        }\n      })\n    )\n    requestAnimationFrame(() => {\n      dispatchEvent(new Event('resize'))\n    })\n\n    if (this.hasAttribute('vertical')) {\n      document.body.style.cursor = 'col-resize'\n    } else {\n      document.body.style.cursor = 'row-resize'\n    }\n\n    document.body.style.userSelect = 'none'\n\n    e.stopPropagation()\n  }\n\n  private onMouseUp(e: MouseEvent) {\n    window.removeEventListener('mousemove', this.onMouseMoveHandler)\n    window.removeEventListener('mouseup', this.onMouseUpHandler)\n\n    this.dispatchEvent(\n      new CustomEvent('splitter-dragend', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          x: e.clientX - this.dragstart!.x,\n          y: e.clientY - this.dragstart!.y\n        }\n      })\n    )\n\n    requestAnimationFrame(() => {\n      dispatchEvent(new Event('resize'))\n      delete this.dragstart\n    })\n\n    document.body.style.cursor = ''\n    document.body.style.userSelect = ''\n\n    e.stopPropagation()\n  }\n}\n"]}

package/dist/src/ox-gantt.d.ts

@@ -0,0 +1,24 @@
+import { LitElement, PropertyValues, PropertyValueMap } from 'lit';
+import './ox-gantt-chart.js';
+import './ox-gantt-resize-splitter.js';
+import { OxGanttChart } from './ox-gantt-chart.js';
+import { Task } from './types.js';
+export declare class OxGantt extends LitElement {
+    static styles: import("lit").CSSResult[];
+    tasks: Task[];
+    fromDate: string;
+    toDate: string;
+    container: HTMLDivElement;
+    taskContainer: HTMLDivElement;
+    chartContainer: HTMLDivElement;
+    taskTable: HTMLTableElement;
+    ganttChart: OxGanttChart;
+    private _startWidth;
+    render(): import("lit-html").TemplateResult<1>;
+    renderTaskTable(): import("lit-html").TemplateResult<1>;
+    protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
+    updated(changes: PropertyValues<this>): void;
+    syncScroll(): void;
+    resizeStart(e: CustomEvent): void;
+    resizeDrag(e: CustomEvent): void;
+}

package/dist/src/ox-gantt.js

@@ -0,0 +1,186 @@
+import { __decorate } from "tslib";
+import { LitElement, html, css } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { styles as MDTypeScaleStyles } from '@material/web/typography/md-typescale-styles';
+import { ScrollbarStyles } from '@operato/styles';
+import './ox-gantt-chart.js';
+import './ox-gantt-resize-splitter.js';
+let OxGantt = class OxGantt extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.tasks = [];
+        this.fromDate = new Date(new Date().getFullYear(), 0, 1).toISOString().split('T')[0]; /* beginning of this year */
+        this.toDate = new Date(new Date().getFullYear(), 11, 31).toISOString().split('T')[0]; /* end of this year */
+        this._startWidth = 0;
+    }
+    static { this.styles = [
+        MDTypeScaleStyles,
+        ScrollbarStyles,
+        css `
+      :host {
+        display: block;
+        font-family: Arial, sans-serif;
+        text-wrap: nowrap;
+      }
+
+      .container {
+        display: flex;
+        width: 100%;
+        height: 100%;
+        box-sizing: border-box;
+      }
+
+      .task-container {
+        padding: 0;
+        overflow: auto;
+        overflow-y: overlay;
+        box-sizing: border-box;
+        border: 1px solid var(--ox-gantt-border-color, var(--md-sys-color-on-surface));
+      }
+
+      .chart-container {
+        flex: 1;
+        padding: 0;
+        box-sizing: border-box;
+        border: 1px solid var(--ox-gantt-border-color, var(--md-sys-color-on-surface));
+      }
+
+      ox-gantt-resize-splitter {
+        width: 4px;
+      }
+
+      table {
+        width: 100%;
+        border-collapse: collapse;
+        border: 1px solid var(--ox-gantt-border-color, var(--md-sys-color-on-surface));
+        margin: -1px;
+        margin-right: 0;
+      }
+
+      thead th {
+        position: sticky;
+        top: -1px;
+        z-index: 1;
+        background-color: var(--ox-gantt-header-background-color, var(--md-sys-color-secondary-container));
+      }
+
+      th,
+      td {
+        border: 1px solid var(--ox-gantt-border-color, var(--md-sys-color-on-surface));
+        padding: 4px;
+        text-align: left;
+      }
+
+      th {
+        height: 40px;
+        box-sizing: border-box;
+      }
+
+      td {
+        height: 30px;
+        box-sizing: border-box;
+      }
+    `
+    ]; }
+    render() {
+        return html `
+      <div class="container md-typescale-body-medium">
+        <div class="task-container" @scroll=${this.syncScroll}>${this.renderTaskTable()}</div>
+        <ox-gantt-resize-splitter
+          vertical
+          @splitter-dragstart=${(e) => this.resizeStart(e)}
+          @splitter-drag=${(e) => this.resizeDrag(e)}
+        ></ox-gantt-resize-splitter>
+        <ox-gantt-chart
+          class="chart-container"
+          @scroll=${this.syncScroll}
+          .fromDate=${this.fromDate}
+          .toDate=${this.toDate}
+          .tasks=${this.tasks}
+          axis-scale="week-day"
+          extend-grid-lines
+        ></ox-gantt-chart>
+      </div>
+    `;
+    }
+    renderTaskTable() {
+        return html `
+      <table>
+        <thead>
+          <tr>
+            <th>ID</th>
+            <th>Section</th>
+            <th>Title</th>
+            <th>Type</th>
+            <th>Start Time</th>
+            <th>End Time</th>
+            <th>Tags</th>
+            <th>Progress</th>
+            <th>Prev. Task</th>
+          </tr>
+        </thead>
+        <tbody>
+          ${this.tasks.map(task => html `
+              <tr>
+                <td>${task.id}</td>
+                <td>${task.section?.name || ''}</td>
+                <td>${task.title}</td>
+                <td>${task.type}</td>
+                <td>${task.startTime.toISOString().split('T')[0]}</td>
+                <td>${task.endTime.toISOString().split('T')[0]}</td>
+                <td>${task.tags?.join(', ') || ''}</td>
+                <td>${task.progress || ''}</td>
+                <td>${task.after || ''}</td>
+              </tr>
+            `)}
+        </tbody>
+      </table>
+    `;
+    }
+    firstUpdated(_changedProperties) {
+        this.taskContainer.style.width = '254px';
+    }
+    updated(changes) { }
+    syncScroll() {
+        this.ganttChart.setVerticalOffset(this.taskContainer.scrollTop);
+    }
+    resizeStart(e) {
+        this._startWidth = e.target?.previousElementSibling?.offsetWidth;
+    }
+    resizeDrag(e) {
+        var delta = e.detail;
+        var x = e.target?.previousElementSibling;
+        if (x) {
+            x.style.width = `${this._startWidth + delta.x}px`;
+        }
+    }
+};
+__decorate([
+    property({ type: Array })
+], OxGantt.prototype, "tasks", void 0);
+__decorate([
+    property({ type: String, attribute: 'from-date' })
+], OxGantt.prototype, "fromDate", void 0);
+__decorate([
+    property({ type: String, attribute: 'to-date' })
+], OxGantt.prototype, "toDate", void 0);
+__decorate([
+    query('.container')
+], OxGantt.prototype, "container", void 0);
+__decorate([
+    query('.task-container')
+], OxGantt.prototype, "taskContainer", void 0);
+__decorate([
+    query('.chart-container')
+], OxGantt.prototype, "chartContainer", void 0);
+__decorate([
+    query('table')
+], OxGantt.prototype, "taskTable", void 0);
+__decorate([
+    query('ox-gantt-chart')
+], OxGantt.prototype, "ganttChart", void 0);
+OxGantt = __decorate([
+    customElement('ox-gantt')
+], OxGantt);
+export { OxGantt };
+//# sourceMappingURL=ox-gantt.js.map

package/dist/src/ox-gantt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-gantt.js","sourceRoot":"","sources":["../../src/ox-gantt.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, PropertyValues, PropertyValueMap } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { styles as MDTypeScaleStyles } from '@material/web/typography/md-typescale-styles'\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport './ox-gantt-chart.js'\nimport './ox-gantt-resize-splitter.js'\nimport { OxGanttChart } from './ox-gantt-chart.js'\nimport { Task } from './types.js'\n\n@customElement('ox-gantt')\nexport class OxGantt extends LitElement {\n  static styles = [\n    MDTypeScaleStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: block;\n        font-family: Arial, sans-serif;\n        text-wrap: nowrap;\n      }\n\n      .container {\n        display: flex;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n      }\n\n      .task-container {\n        padding: 0;\n        overflow: auto;\n        overflow-y: overlay;\n        box-sizing: border-box;\n        border: 1px solid var(--ox-gantt-border-color, var(--md-sys-color-on-surface));\n      }\n\n      .chart-container {\n        flex: 1;\n        padding: 0;\n        box-sizing: border-box;\n        border: 1px solid var(--ox-gantt-border-color, var(--md-sys-color-on-surface));\n      }\n\n      ox-gantt-resize-splitter {\n        width: 4px;\n      }\n\n      table {\n        width: 100%;\n        border-collapse: collapse;\n        border: 1px solid var(--ox-gantt-border-color, var(--md-sys-color-on-surface));\n        margin: -1px;\n        margin-right: 0;\n      }\n\n      thead th {\n        position: sticky;\n        top: -1px;\n        z-index: 1;\n        background-color: var(--ox-gantt-header-background-color, var(--md-sys-color-secondary-container));\n      }\n\n      th,\n      td {\n        border: 1px solid var(--ox-gantt-border-color, var(--md-sys-color-on-surface));\n        padding: 4px;\n        text-align: left;\n      }\n\n      th {\n        height: 40px;\n        box-sizing: border-box;\n      }\n\n      td {\n        height: 30px;\n        box-sizing: border-box;\n      }\n    `\n  ]\n\n  @property({ type: Array }) tasks: Task[] = []\n  @property({ type: String, attribute: 'from-date' })\n  fromDate: string = new Date(new Date().getFullYear(), 0, 1).toISOString().split('T')[0] /* beginning of this year */\n  @property({ type: String, attribute: 'to-date' })\n  toDate: string = new Date(new Date().getFullYear(), 11, 31).toISOString().split('T')[0] /* end of this year */\n\n  @query('.container') container!: HTMLDivElement\n  @query('.task-container') taskContainer!: HTMLDivElement\n  @query('.chart-container') chartContainer!: HTMLDivElement\n  @query('table') taskTable!: HTMLTableElement\n  @query('ox-gantt-chart') ganttChart!: OxGanttChart\n\n  private _startWidth: number = 0\n\n  render() {\n    return html`\n      <div class=\"container md-typescale-body-medium\">\n        <div class=\"task-container\" @scroll=${this.syncScroll}>${this.renderTaskTable()}</div>\n        <ox-gantt-resize-splitter\n          vertical\n          @splitter-dragstart=${(e: CustomEvent) => this.resizeStart(e)}\n          @splitter-drag=${(e: CustomEvent) => this.resizeDrag(e)}\n        ></ox-gantt-resize-splitter>\n        <ox-gantt-chart\n          class=\"chart-container\"\n          @scroll=${this.syncScroll}\n          .fromDate=${this.fromDate}\n          .toDate=${this.toDate}\n          .tasks=${this.tasks}\n          axis-scale=\"week-day\"\n          extend-grid-lines\n        ></ox-gantt-chart>\n      </div>\n    `\n  }\n\n  renderTaskTable() {\n    return html`\n      <table>\n        <thead>\n          <tr>\n            <th>ID</th>\n            <th>Section</th>\n            <th>Title</th>\n            <th>Type</th>\n            <th>Start Time</th>\n            <th>End Time</th>\n            <th>Tags</th>\n            <th>Progress</th>\n            <th>Prev. Task</th>\n          </tr>\n        </thead>\n        <tbody>\n          ${this.tasks.map(\n            task => html`\n              <tr>\n                <td>${task.id}</td>\n                <td>${task.section?.name || ''}</td>\n                <td>${task.title}</td>\n                <td>${task.type}</td>\n                <td>${task.startTime.toISOString().split('T')[0]}</td>\n                <td>${task.endTime.toISOString().split('T')[0]}</td>\n                <td>${task.tags?.join(', ') || ''}</td>\n                <td>${task.progress || ''}</td>\n                <td>${task.after || ''}</td>\n              </tr>\n            `\n          )}\n        </tbody>\n      </table>\n    `\n  }\n\n  protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n    this.taskContainer.style.width = '254px'\n  }\n\n  updated(changes: PropertyValues<this>) {}\n\n  syncScroll() {\n    this.ganttChart.setVerticalOffset(this.taskContainer.scrollTop)\n  }\n\n  resizeStart(e: CustomEvent) {\n    this._startWidth = ((e.target as HTMLElement)?.previousElementSibling as HTMLElement)?.offsetWidth\n  }\n\n  resizeDrag(e: CustomEvent) {\n    var delta = e.detail\n    var x = (e.target as HTMLElement)?.previousElementSibling as HTMLElement\n    if (x) {\n      x.style.width = `${this._startWidth + delta.x}px`\n    }\n  }\n}\n"]}

package/dist/src/types.d.ts

@@ -1,14 +1,19 @@
-export type TaskTag = 'done' | 'active' | 'crit' | 'milestone';
+export type TaskTag = 'done' | 'active' | 'critical' | 'milestone';
+export type TaskType = 'task' | 'milestone' | 'phase';
 export interface Task {
     id: string;
-    type: string;
-    section: any;
+    title: string;
+    type: TaskType;
+    section?: Section;
     startTime: Date;
     endTime: Date;
-    after: string;
+    progress?: number;
+    after?: string;
     length: string;
-    tags: TaskTag[];
+    tags?: TaskTag[];
+    children?: Task[];
 }
 export interface Section {
     name: string;
 }
+export type LEVEL = 'year-quarter' | 'year-month' | 'quarter-week' | 'week-day';

package/dist/src/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"","sourcesContent":["export type TaskTag = 'done' | 'active' | 'crit' | 'milestone'\n\nexport interface Task {\n  id: string\n  type: string\n  section: any\n  startTime: Date\n  endTime: Date\n  after: string\n  length: string\n  tags: TaskTag[]\n}\n\nexport interface Section {\n  name: string\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"","sourcesContent":["export type TaskTag = 'done' | 'active' | 'critical' | 'milestone'\nexport type TaskType = 'task' | 'milestone' | 'phase'\n\nexport interface Task {\n  id: string\n  title: string\n  type: TaskType\n  section?: Section\n  startTime: Date\n  endTime: Date\n  progress?: number\n  after?: string // 이전 태스크의 ID\n  length: string // 예: '3d' (3 days)\n  tags?: TaskTag[]\n  children?: Task[]\n}\n\nexport interface Section {\n  name: string\n}\n\nexport type LEVEL = 'year-quarter' | 'year-month' | 'quarter-week' | 'week-day'\n"]}

package/dist/src/utils.d.ts

@@ -0,0 +1,3 @@
+import { LEVEL } from './types';
+export declare function levelUp(level: 'year-quarter' | 'year-month' | 'quarter-week' | 'week-day'): LEVEL;
+export declare function levelDown(level: 'year-quarter' | 'year-month' | 'quarter-week' | 'week-day'): LEVEL;

package/dist/src/utils.js

@@ -0,0 +1,10 @@
+const levels = ['week-day', 'quarter-week', 'year-month', 'year-quarter'];
+export function levelUp(level) {
+    const current = Math.min(levels.length, levels.indexOf(level) + 1);
+    return levels[current];
+}
+export function levelDown(level) {
+    const current = Math.max(0, levels.indexOf(level) - 1);
+    return levels[current];
+}
+//# sourceMappingURL=utils.js.map

package/dist/src/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,GAAY,CAAC,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,CAAC,CAAA;AAElF,MAAM,UAAU,OAAO,CAAC,KAAkE;IACxF,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;IAClE,OAAO,MAAM,CAAC,OAAO,CAAC,CAAA;AACxB,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAkE;IAC1F,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;IACtD,OAAO,MAAM,CAAC,OAAO,CAAC,CAAA;AACxB,CAAC","sourcesContent":["import { LEVEL } from './types'\n\nconst levels: LEVEL[] = ['week-day', 'quarter-week', 'year-month', 'year-quarter']\n\nexport function levelUp(level: 'year-quarter' | 'year-month' | 'quarter-week' | 'week-day'): LEVEL {\n  const current = Math.min(levels.length, levels.indexOf(level) + 1)\n  return levels[current]\n}\n\nexport function levelDown(level: 'year-quarter' | 'year-month' | 'quarter-week' | 'week-day'): LEVEL {\n  const current = Math.max(0, levels.indexOf(level) - 1)\n  return levels[current]\n}\n"]}

package/dist/stories/ox-gantt-chart.stories.d.ts

@@ -0,0 +1,41 @@
+import { TemplateResult } from 'lit';
+import '../src/ox-gantt-chart.js';
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        axisScale: {
+            control: string;
+            options: string[];
+        };
+        fromDate: {
+            control: string;
+        };
+        toDate: {
+            control: string;
+        };
+        extendGridLines: {
+            control: string;
+        };
+        theme: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default _default;
+interface Story<T> {
+    (args: T): TemplateResult;
+    args?: Partial<T>;
+    argTypes?: Record<string, unknown>;
+}
+interface ArgTypes {
+    axisScale: 'year-quarter' | 'year-month' | 'quarter-week' | 'week-day';
+    fromDate: string;
+    toDate: string;
+    extendGridLines: boolean;
+    theme: 'light' | 'dark';
+}
+export declare const YearMonth: Story<ArgTypes>;
+export declare const MonthWeek: Story<ArgTypes>;
+export declare const WeekDay: Story<ArgTypes>;