@operato/gantt 2.0.0-beta.15 → 2.0.0-beta.18

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

@@ -1 +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 i18next from 'i18next'\nimport { customElement, property, query, state } 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 { ColumnConfig, 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        position: relative;\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        cursor: ew-resize;\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        text-transform: capitalize;\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      tr.selected {\n        background-color: var(--ox-gantt-selected-background-color, var(--md-sys-color-surface-variant));\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  @property({ type: Boolean, attribute: 'extend-grid-lines' }) extendGridLines: boolean = false\n\n  @state() selectedTaskId?: string\n  @state()\n  private columnConfig: ColumnConfig[] = [\n    { id: 'id', label: i18next.t('label.gantt-task-id') || 'ID', visible: true, width: '50px', order: 1 },\n    {\n      id: 'section',\n      label: i18next.t('label.gantt-task-section') || 'section',\n      visible: true,\n      width: '100px',\n      order: 2\n    },\n    { id: 'title', label: i18next.t('label.gantt-task-title') || 'title', visible: true, width: '150px', order: 3 },\n    { id: 'type', label: i18next.t('label.gantt-task-type') || 'type', visible: true, width: '100px', order: 4 },\n    {\n      id: 'startDate',\n      label: i18next.t('label.gantt-task-start-date') || 'start date',\n      visible: true,\n      width: '100px',\n      order: 5\n    },\n    {\n      id: 'endDate',\n      label: i18next.t('label.gantt-task-end-date') || 'end date',\n      visible: true,\n      width: '100px',\n      order: 6\n    },\n    { id: 'tags', label: i18next.t('label.gantt-task-tags') || 'tags', visible: true, width: '100px', order: 7 },\n    {\n      id: 'progress',\n      label: i18next.t('label.gantt-task-progress') || 'progress',\n      visible: true,\n      width: '100px',\n      order: 8\n    },\n    {\n      id: 'dependsOn',\n      label: i18next.t('label.gantt-task-previous') || 'previous',\n      visible: true,\n      width: '100px',\n      order: 9\n    }\n  ]\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  private _isDragging: boolean = false\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          @splitter-dragend=${(e: CustomEvent) => this.resizeEnd(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          .selectedTaskId=${this.selectedTaskId}\n          axis-scale=\"week-day\"\n          ?extend-grid-lines=${this.extendGridLines}\n          @task-clicked=${this.handleTaskClicked}\n        ></ox-gantt-chart>\n      </div>\n    `\n  }\n\n  renderTaskTable() {\n    const mergedTasks = this.mergeTasksBySection(this.tasks)\n\n    // Sort columns by the configured order\n    const sortedColumns = [...this.columnConfig].sort((a, b) => a.order - b.order)\n\n    return html`\n      <table>\n        <thead>\n          <tr>\n            ${sortedColumns.map(col => (col.visible ? html`<th style=\"width: ${col.width}\">${col.label}</th>` : null))}\n          </tr>\n        </thead>\n        <tbody>\n          ${mergedTasks.map(\n            ({ task, showSection, rowSpan }) => html`\n              <tr class=\"${this.selectedTaskId === task.id ? 'selected' : ''}\" @click=${() => this.selectTask(task.id)}>\n                ${sortedColumns.map(col => {\n                  if (col.id === 'section') {\n                    return col.visible && showSection\n                      ? html`<td rowspan=\"${rowSpan}\" style=\"width: ${col.width}\">${task.section?.name || ''}</td>`\n                      : null\n                  }\n                  return col.visible\n                    ? html`<td style=\"width: ${col.width}\">${this.getTaskFieldValue(task, col.id)}</td>`\n                    : null\n                })}\n              </tr>\n            `\n          )}\n        </tbody>\n      </table>\n    `\n  }\n\n  getTaskFieldValue(task: Task, field: string) {\n    switch (field) {\n      case 'id':\n        return task.id\n      case 'section':\n        return task.section?.name || ''\n      case 'title':\n        return task.title\n      case 'type':\n        return task.type\n      case 'startDate':\n        return task.startDate.toISOString().split('T')[0]\n      case 'endDate':\n        return task.endDate.toISOString().split('T')[0]\n      case 'tags':\n        return task.tags?.join(', ') || ''\n      case 'progress':\n        return task.progress || ''\n      case 'dependsOn':\n        return task.dependsOn || ''\n      default:\n        return ''\n    }\n  }\n\n  mergeTasksBySection(tasks: Task[]): Array<{ task: Task; showSection: boolean; rowSpan: number }> {\n    const mergedTasks = [] as Array<{ task: Task; showSection: boolean; rowSpan: number }>\n    let currentSection = ''\n    let rowSpan = 0\n\n    tasks.forEach((task, index) => {\n      if (task.section?.name !== currentSection) {\n        currentSection = task.section?.name || ''\n        rowSpan = 1\n        mergedTasks.push({ task, showSection: true, rowSpan: 1 })\n      } else {\n        mergedTasks[mergedTasks.length - rowSpan].rowSpan = ++rowSpan\n        mergedTasks.push({ task, showSection: false, rowSpan: 0 })\n      }\n\n      if (index === tasks.length - 1 && rowSpan > 0) {\n        mergedTasks[mergedTasks.length - rowSpan].rowSpan = rowSpan\n      }\n    })\n\n    return mergedTasks\n  }\n\n  selectTask(taskId: string) {\n    this.selectedTaskId = taskId\n  }\n\n  handleTaskClicked(event: CustomEvent) {\n    this.selectedTaskId = event.detail.taskId\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(e: Event) {\n    const target = e.target as HTMLElement\n    if (target === this.taskContainer) {\n      this.ganttChart.setVerticalOffset(this.taskContainer.scrollTop)\n    } else if (target === this.ganttChart) {\n      this.taskContainer.scrollTop = this.ganttChart.getVerticalOffset()\n    }\n  }\n\n  resizeStart(e: CustomEvent) {\n    this._startWidth = ((e.target as HTMLElement)?.previousElementSibling as HTMLElement)?.offsetWidth\n    this._isDragging = true\n  }\n\n  resizeDrag(e: CustomEvent) {\n    if (!this._isDragging) return\n    const delta = e.detail\n    const taskContainer = this.taskContainer\n\n    if (taskContainer) {\n      taskContainer.style.width = `${this._startWidth + delta.x}px`\n    }\n  }\n\n  resizeEnd(e: CustomEvent) {\n    this._isDragging = false\n  }\n}\n"]}
+{"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 i18next from 'i18next'\nimport { customElement, property, query, state } 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 { ColumnConfig, Task, TimeScale } 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        position: relative;\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        cursor: ew-resize;\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        text-transform: capitalize;\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      tr.selected {\n        background-color: var(--ox-gantt-selected-background-color, var(--md-sys-color-surface-variant));\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  @property({ type: Boolean, attribute: 'extend-grid-lines' }) extendGridLines: boolean = false\n  @property({ type: String, attribute: 'time-scale' }) timeScale: TimeScale = 'week-day'\n  @property({ type: Array }) columnConfig: ColumnConfig[] = [\n    { name: 'id', label: i18next.t('label.gantt-task-id') || 'ID', visible: true, width: '50px', order: 1 },\n    {\n      name: 'section',\n      label: i18next.t('label.gantt-task-section') || 'section',\n      visible: true,\n      width: '100px',\n      order: 2\n    },\n    { name: 'title', label: i18next.t('label.gantt-task-title') || 'title', visible: true, width: '150px', order: 3 },\n    { name: 'type', label: i18next.t('label.gantt-task-type') || 'type', visible: true, width: '100px', order: 4 },\n    {\n      name: 'startDate',\n      label: i18next.t('label.gantt-task-start-date') || 'start date',\n      visible: true,\n      width: '100px',\n      order: 5\n    },\n    {\n      name: 'endDate',\n      label: i18next.t('label.gantt-task-end-date') || 'end date',\n      visible: true,\n      width: '100px',\n      order: 6\n    },\n    { name: 'tags', label: i18next.t('label.gantt-task-tags') || 'tags', visible: true, width: '100px', order: 7 },\n    {\n      name: 'progress',\n      label: i18next.t('label.gantt-task-progress') || 'progress',\n      visible: true,\n      width: '100px',\n      order: 8\n    },\n    {\n      name: 'dependsOn',\n      label: i18next.t('label.gantt-task-previous') || 'previous',\n      visible: true,\n      width: '100px',\n      order: 9\n    }\n  ]\n\n  @state() selectedTaskId?: string\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  private _isDragging: boolean = false\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          @splitter-dragend=${(e: CustomEvent) => this.resizeEnd(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          .selectedTaskId=${this.selectedTaskId}\n          .axisScale=${this.timeScale}\n          ?extend-grid-lines=${this.extendGridLines}\n          @task-clicked=${this.handleTaskClicked}\n        ></ox-gantt-chart>\n      </div>\n    `\n  }\n\n  renderTaskTable() {\n    const mergedTasks = this.mergeTasksBySection(this.tasks)\n\n    // Sort columns by the configured order\n    const sortedColumns = [...this.columnConfig].sort((a, b) => a.order - b.order)\n\n    return html`\n      <table>\n        <thead>\n          <tr>\n            ${sortedColumns.map(col => (col.visible ? html`<th style=\"width: ${col.width}\">${col.label}</th>` : null))}\n          </tr>\n        </thead>\n        <tbody>\n          ${mergedTasks.map(\n            ({ task, showSection, rowSpan }) => html`\n              <tr class=\"${this.selectedTaskId === task.id ? 'selected' : ''}\" @click=${() => this.selectTask(task.id)}>\n                ${sortedColumns.map(col => {\n                  if (col.name === 'section') {\n                    return col.visible && showSection\n                      ? html`<td rowspan=\"${rowSpan}\" style=\"width: ${col.width}\">${task.section?.name || ''}</td>`\n                      : null\n                  }\n                  return col.visible\n                    ? html`<td style=\"width: ${col.width}\">${this.getTaskFieldValue(task, col.name)}</td>`\n                    : null\n                })}\n              </tr>\n            `\n          )}\n        </tbody>\n      </table>\n    `\n  }\n\n  getTaskFieldValue(task: Task, field: string) {\n    switch (field) {\n      case 'id':\n        return task.id\n      case 'section':\n        return task.section?.name || ''\n      case 'title':\n        return task.title\n      case 'type':\n        return task.type\n      case 'startDate':\n        return new Date(task.startDate).toISOString().split('T')[0]\n      case 'endDate':\n        return new Date(task.endDate).toISOString().split('T')[0]\n      case 'tags':\n        return task.tags?.join(', ') || ''\n      case 'progress':\n        return task.progress || ''\n      case 'dependsOn':\n        return task.dependsOn || ''\n      default:\n        return ''\n    }\n  }\n\n  mergeTasksBySection(tasks: Task[]): Array<{ task: Task; showSection: boolean; rowSpan: number }> {\n    const mergedTasks = [] as Array<{ task: Task; showSection: boolean; rowSpan: number }>\n    let currentSection = ''\n    let rowSpan = 0\n\n    ;(tasks || []).forEach((task, index) => {\n      if (task.section?.name !== currentSection) {\n        currentSection = task.section?.name || ''\n        rowSpan = 1\n        mergedTasks.push({ task, showSection: true, rowSpan: 1 })\n      } else {\n        mergedTasks[mergedTasks.length - rowSpan].rowSpan = ++rowSpan\n        mergedTasks.push({ task, showSection: false, rowSpan: 0 })\n      }\n\n      if (index === tasks.length - 1 && rowSpan > 0) {\n        mergedTasks[mergedTasks.length - rowSpan].rowSpan = rowSpan\n      }\n    })\n\n    return mergedTasks\n  }\n\n  selectTask(taskId: string) {\n    this.selectedTaskId = taskId\n  }\n\n  handleTaskClicked(event: CustomEvent) {\n    this.selectedTaskId = event.detail.taskId\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(e: Event) {\n    const target = e.target as HTMLElement\n    if (target === this.taskContainer) {\n      // Sync chart scroll with table scroll\n      const newScrollTop = this.taskContainer.scrollTop\n      this.ganttChart.setVerticalOffset(newScrollTop)\n\n      // Ensure chart scroll matches table scroll\n      if (this.ganttChart.getVerticalOffset() !== newScrollTop) {\n        this.ganttChart.setVerticalOffset(newScrollTop)\n      }\n    } else if (target === this.ganttChart) {\n      // Sync table scroll with chart scroll\n      const newScrollTop = this.ganttChart.getVerticalOffset()\n      this.taskContainer.scrollTop = newScrollTop\n\n      // Ensure table scroll matches chart scroll\n      this.ganttChart.setVerticalOffset(this.taskContainer.scrollTop)\n    }\n  }\n\n  resizeStart(e: CustomEvent) {\n    this._startWidth = ((e.target as HTMLElement)?.previousElementSibling as HTMLElement)?.offsetWidth\n    this._isDragging = true\n  }\n\n  resizeDrag(e: CustomEvent) {\n    if (!this._isDragging) return\n    const delta = e.detail\n    const taskContainer = this.taskContainer\n\n    if (taskContainer) {\n      taskContainer.style.width = `${this._startWidth + delta.x}px`\n    }\n  }\n\n  resizeEnd(e: CustomEvent) {\n    this._isDragging = false\n  }\n}\n"]}

package/dist/src/types.d.ts

@@ -5,8 +5,8 @@ export interface Task {
     title: string;
     type: TaskType;
     section?: Section;
-    startDate: Date;
-    endDate: Date;
+    startDate: Date | string;
+    endDate: Date | string;
     progress?: number;
     dependsOn?: string;
     length: string;
@@ -17,10 +17,10 @@ export interface Section {
     name: string;
 }
 export interface ColumnConfig {
-    id: string;
+    name: string;
     label: string;
     visible: boolean;
     width: string;
     order: number;
 }
-export type LEVEL = 'year-quarter' | 'year-month' | 'quarter-week' | 'week-day';
+export type TimeScale = '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' | '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  startDate: Date\n  endDate: Date\n  progress?: number\n  dependsOn?: 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 interface ColumnConfig {\n  id: string\n  label: string\n  visible: boolean\n  width: string\n  order: number\n}\n\nexport type LEVEL = 'year-quarter' | 'year-month' | 'quarter-week' | 'week-day'\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  startDate: Date | string\n  endDate: Date | string\n  progress?: number\n  dependsOn?: string\n  length: string\n  tags?: TaskTag[]\n  children?: Task[]\n}\n\nexport interface Section {\n  name: string\n}\n\nexport interface ColumnConfig {\n  name: string\n  label: string\n  visible: boolean\n  width: string\n  order: number\n}\n\nexport type TimeScale = 'year-quarter' | 'year-month' | 'quarter-week' | 'week-day'\n"]}

package/dist/src/utils.d.ts

@@ -1,3 +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;
+import { TimeScale } from './types';
+export declare function levelUp(level: 'year-quarter' | 'year-month' | 'quarter-week' | 'week-day'): TimeScale;
+export declare function levelDown(level: 'year-quarter' | 'year-month' | 'quarter-week' | 'week-day'): TimeScale;

package/dist/src/utils.js.map

@@ -1 +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"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,GAAgB,CAAC,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,CAAC,CAAA;AAEtF,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 { TimeScale } from './types'\n\nconst levels: TimeScale[] = ['week-day', 'quarter-week', 'year-month', 'year-quarter']\n\nexport function levelUp(level: 'year-quarter' | 'year-month' | 'quarter-week' | 'week-day'): TimeScale {\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'): TimeScale {\n  const current = Math.max(0, levels.indexOf(level) - 1)\n  return levels[current]\n}\n"]}

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

@@ -1,19 +1,20 @@
 import '../src/ox-gantt.js';
 import { TemplateResult } from 'lit';
-import { Task } from '../src/types.js';
+import { Task, TimeScale } from '../src/types.js';
 declare const _default: {
     title: string;
     component: string;
     argTypes: {
-        tasks: {
-            control: string;
-        };
         fromDate: {
             control: string;
         };
         toDate: {
             control: string;
         };
+        timeScale: {
+            control: string;
+            options: string[];
+        };
         extendGridLines: {
             control: string;
         };
@@ -21,6 +22,9 @@ declare const _default: {
             control: string;
             options: string[];
         };
+        tasks: {
+            control: string;
+        };
     };
 };
 export default _default;
@@ -34,6 +38,7 @@ interface ArgTypes {
     fromDate: number | string;
     toDate: number | string;
     extendGridLines: boolean;
+    timeScale: TimeScale;
     theme: 'light' | 'dark';
 }
 export declare const Regular: Story<ArgTypes>;

package/dist/stories/ox-gantt.stories.js

@@ -6,14 +6,15 @@ export default {
     title: 'ox-gantt',
     component: 'ox-gantt',
     argTypes: {
-        tasks: { control: 'object' },
         fromDate: { control: 'date' },
         toDate: { control: 'date' },
+        timeScale: { control: 'select', options: ['year-quarter', 'year-month', 'quarter-week', 'week-day'] },
         extendGridLines: { control: 'boolean' },
-        theme: { control: 'select', options: ['light', 'dark'] }
+        theme: { control: 'select', options: ['light', 'dark'] },
+        tasks: { control: 'object' }
     }
 };
-const Template = ({ theme = 'light', tasks, fromDate, toDate, extendGridLines }) => html `
+const Template = ({ theme = 'light', tasks, fromDate, toDate, extendGridLines, timeScale = 'week-day' }) => html `
   <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet" />
 
   <link href="/themes/light.css" rel="stylesheet" />
@@ -69,6 +70,7 @@ const Template = ({ theme = 'light', tasks, fromDate, toDate, extendGridLines })
   <ox-gantt
     from-date=${new Date(fromDate).toISOString().split('T')[0]}
     to-date=${new Date(toDate).toISOString().split('T')[0]}
+    .timeScale=${timeScale}
     .tasks=${tasks}
     @date-range-selected=${(e) => {
     console.log('date-range-selected', e.detail);
@@ -98,9 +100,9 @@ Regular.args = {
             id: '1',
             title: 'Design',
             type: 'task',
-            section: developmentSection,
-            startDate: new Date('2023-01-01'),
-            endDate: new Date('2023-01-05'),
+            // section: developmentSection,
+            startDate: '2023-01-01',
+            endDate: '2023-01-05',
             progress: 60,
             dependsOn: '',
             length: '5d',
@@ -111,9 +113,9 @@ Regular.args = {
             id: '2',
             title: 'Development',
             type: 'milestone',
-            section: developmentSection,
-            startDate: new Date('2023-01-06'),
-            endDate: new Date('2023-01-06'),
+            // section: developmentSection,
+            startDate: '2023-01-06',
+            endDate: '2023-01-06',
             progress: 30,
             dependsOn: '1',
             length: '1d',
@@ -124,9 +126,9 @@ Regular.args = {
             id: '3',
             title: 'Coding',
             type: 'phase',
-            section: developmentSection,
-            startDate: new Date('2023-01-07'),
-            endDate: new Date('2023-01-15'),
+            // section: developmentSection,
+            startDate: '2023-01-07',
+            endDate: '2023-01-15',
             progress: 10,
             dependsOn: '2',
             length: '9d',
@@ -136,9 +138,9 @@ Regular.args = {
                     id: '3-1',
                     title: 'Coding-A',
                     type: 'task',
-                    section: developmentSection,
-                    startDate: new Date('2023-01-07'),
-                    endDate: new Date('2023-01-10'),
+                    // section: developmentSection,
+                    startDate: '2023-01-07',
+                    endDate: '2023-01-10',
                     progress: 60,
                     dependsOn: '',
                     length: '4d',
@@ -149,9 +151,9 @@ Regular.args = {
                     id: '3-2',
                     title: 'Coding-B',
                     type: 'task',
-                    section: developmentSection,
-                    startDate: new Date('2023-01-11'),
-                    endDate: new Date('2023-01-15'),
+                    // section: developmentSection,
+                    startDate: '2023-01-11',
+                    endDate: '2023-01-15',
                     dependsOn: '3-1',
                     length: '5d',
                     tags: ['active'],
@@ -163,9 +165,9 @@ Regular.args = {
             id: '4',
             title: 'Test',
             type: 'milestone',
-            section: developmentSection,
-            startDate: new Date('2023-01-07'),
-            endDate: new Date('2023-01-10'),
+            // section: developmentSection,
+            startDate: '2023-01-07',
+            endDate: '2023-01-10',
             progress: 100,
             dependsOn: '1',
             length: '1d',
@@ -176,9 +178,9 @@ Regular.args = {
             id: '5',
             title: 'Deploy',
             type: 'milestone',
-            section: developmentSection,
-            startDate: new Date('2023-01-15'),
-            endDate: new Date('2023-01-21'),
+            // section: developmentSection,
+            startDate: '2023-01-15',
+            endDate: '2023-01-21',
             dependsOn: '4',
             length: '1d',
             tags: ['milestone'],
@@ -188,9 +190,9 @@ Regular.args = {
             id: '6',
             title: 'Publishing',
             type: 'milestone',
-            section: developmentSection,
-            startDate: new Date('2023-01-11'),
-            endDate: new Date('2023-01-15'),
+            // section: developmentSection,
+            startDate: '2023-01-11',
+            endDate: '2023-01-15',
             dependsOn: '5',
             length: '1d',
             tags: ['milestone'],
@@ -200,9 +202,9 @@ Regular.args = {
             id: '7',
             title: 'Provisioning',
             type: 'milestone',
-            section: developmentSection,
-            startDate: new Date('2023-01-12'),
-            endDate: new Date('2023-01-15'),
+            // section: developmentSection,
+            startDate: '2023-01-12',
+            endDate: '2023-01-15',
             dependsOn: '6',
             length: '1d',
             tags: ['milestone'],
@@ -212,9 +214,9 @@ Regular.args = {
             id: '8',
             title: 'Alpha Test',
             type: 'milestone',
-            section: testSection,
-            startDate: new Date('2023-01-15'),
-            endDate: new Date('2023-01-17'),
+            // section: testSection,
+            startDate: '2023-01-15',
+            endDate: '2023-01-17',
             dependsOn: '7',
             length: '1d',
             tags: ['critical'],
@@ -224,9 +226,9 @@ Regular.args = {
             id: '9',
             title: 'Beta Task',
             type: 'milestone',
-            section: testSection,
-            startDate: new Date('2023-01-15'),
-            endDate: new Date('2023-01-18'),
+            // section: testSection,
+            startDate: '2023-01-15',
+            endDate: '2023-01-18',
             dependsOn: '8',
             length: '1d',
             tags: ['active'],
@@ -236,9 +238,9 @@ Regular.args = {
             id: '10',
             title: 'Gamma Test',
             type: 'milestone',
-            section: testSection,
-            startDate: new Date('2023-01-18'),
-            endDate: new Date('2023-01-19'),
+            // section: testSection,
+            startDate: '2023-01-18',
+            endDate: '2023-01-19',
             dependsOn: '9',
             length: '1d',
             tags: ['critical'],
@@ -248,9 +250,9 @@ Regular.args = {
             id: '11',
             title: 'Zeta Test',
             type: 'milestone',
-            section: testSection,
-            startDate: new Date('2023-01-18'),
-            endDate: new Date('2023-01-22'),
+            // section: testSection,
+            startDate: '2023-01-18',
+            endDate: '2023-01-22',
             dependsOn: '9',
             length: '1d',
             tags: ['milestone'],
@@ -260,9 +262,9 @@ Regular.args = {
             id: '12',
             title: 'Release',
             type: 'milestone',
-            section: releaseSection,
-            startDate: new Date('2023-01-18'),
-            endDate: new Date('2023-01-23'),
+            // section: releaseSection,
+            startDate: '2023-01-18',
+            endDate: '2023-01-23',
             dependsOn: '9',
             length: '1d',
             tags: ['milestone'],
@@ -272,9 +274,9 @@ Regular.args = {
             id: '13',
             title: 'Release',
             type: 'milestone',
-            section: releaseSection,
-            startDate: new Date('2023-01-22'),
-            endDate: new Date('2023-01-27'),
+            // section: releaseSection,
+            startDate: '2023-01-22',
+            endDate: '2023-01-27',
             dependsOn: '12',
             length: '1d',
             tags: ['done'],
@@ -284,9 +286,9 @@ Regular.args = {
             id: '14',
             title: 'Release',
             type: 'milestone',
-            section: releaseSection,
-            startDate: new Date('2023-01-27'),
-            endDate: new Date('2023-01-30'),
+            // section: releaseSection,
+            startDate: '2023-01-27',
+            endDate: '2023-01-30',
             dependsOn: '13',
             length: '1d',
             tags: ['milestone'],
@@ -296,9 +298,9 @@ Regular.args = {
             id: '15',
             title: 'Release',
             type: 'milestone',
-            section: releaseSection,
-            startDate: new Date('2023-01-30'),
-            endDate: new Date('2023-01-31'),
+            // section: releaseSection,
+            startDate: '2023-01-30',
+            endDate: '2023-01-31',
             dependsOn: '14',
             length: '1d',
             tags: ['milestone'],
@@ -308,9 +310,9 @@ Regular.args = {
             id: '16',
             title: 'Release',
             type: 'milestone',
-            section: releaseSection,
-            startDate: new Date('2023-01-31'),
-            endDate: new Date('2023-02-05'),
+            // section: releaseSection,
+            startDate: '2023-01-31',
+            endDate: '2023-02-05',
             dependsOn: '15',
             length: '1d',
             tags: ['active'],
@@ -320,9 +322,9 @@ Regular.args = {
             id: '17',
             title: 'Release',
             type: 'milestone',
-            section: releaseSection,
-            startDate: new Date('2023-02-06'),
-            endDate: new Date('2023-02-07'),
+            // section: releaseSection,
+            startDate: '2023-02-06',
+            endDate: '2023-02-07',
             dependsOn: '16',
             length: '1d',
             tags: ['milestone'],
@@ -332,9 +334,9 @@ Regular.args = {
             id: '18',
             title: 'Release',
             type: 'milestone',
-            section: releaseSection,
-            startDate: new Date('2023-02-08'),
-            endDate: new Date('2023-02-09'),
+            // section: releaseSection,
+            startDate: '2023-02-08',
+            endDate: '2023-02-09',
             dependsOn: '17',
             length: '1d',
             tags: ['critical'],
@@ -344,9 +346,9 @@ Regular.args = {
             id: '19',
             title: 'Release',
             type: 'milestone',
-            section: releaseSection,
-            startDate: new Date('2023-02-10'),
-            endDate: new Date('2023-02-25'),
+            // section: releaseSection,
+            startDate: '2023-02-10',
+            endDate: '2023-02-25',
             dependsOn: '18',
             length: '1d',
             tags: ['milestone'],

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

@@ -1 +1 @@
-{"version":3,"file":"ox-gantt.stories.js","sourceRoot":"","sources":["../../stories/ox-gantt.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { CommonHeaderStyles } from '@operato/styles'\nimport '../src/ox-gantt.js'\n\nimport { html, TemplateResult } from 'lit'\nimport { styles as MDTypeScaleStyles } from '@material/web/typography/md-typescale-styles'\n\nimport { Task, Section } from '../src/types.js'\n\nexport default {\n  title: 'ox-gantt',\n  component: 'ox-gantt',\n  argTypes: {\n    tasks: { control: 'object' },\n    fromDate: { control: 'date' },\n    toDate: { control: 'date' },\n    extendGridLines: { control: 'boolean' },\n    theme: { control: 'select', options: ['light', 'dark'] }\n  }\n}\n\ninterface Story<T> {\n  (args: T): TemplateResult\n  args?: Partial<T>\n  argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n  tasks: Task[]\n  fromDate: number | string\n  toDate: number | string\n  extendGridLines: boolean\n  theme: 'light' | 'dark'\n}\n\nconst Template: Story<ArgTypes> = ({ theme = 'light', tasks, fromDate, toDate, extendGridLines }: ArgTypes) => html`\n  <link href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap\" rel=\"stylesheet\" />\n\n  <link href=\"/themes/light.css\" rel=\"stylesheet\" />\n  <link href=\"/themes/dark.css\" rel=\"stylesheet\" />\n  <link href=\"/themes/spacing.css\" rel=\"stylesheet\" />\n  <link href=\"/themes/md-typescale-styles.css\" rel=\"stylesheet\" />\n\n  <link\n    href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1\"\n    rel=\"stylesheet\"\n  />\n  <link\n    href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1\"\n    rel=\"stylesheet\"\n  />\n  <link\n    href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1\"\n    rel=\"stylesheet\"\n  />\n\n  <style>\n    ${MDTypeScaleStyles.cssText}\n  </style>\n\n  <style>\n    ${CommonHeaderStyles.cssText}\n  </style>\n\n  <style>\n    body {\n      width: 100%;\n      height: 800px;\n      text-align: center;\n\n      background-color: var(--md-sys-color-background);\n      color: var(--md-sys-color-on-background);\n    }\n\n    ox-gantt {\n      width: 90%;\n      height: 500px;\n      box-sizing: border-box;\n\n      background-color: var(--md-sys-color-primary-container);\n      color: var(--md-sys-color-on-primary-container);\n    }\n  </style>\n\n  <script>\n    document.body.classList.add('${theme}')\n  </script>\n\n  <ox-gantt\n    from-date=${new Date(fromDate).toISOString().split('T')[0]}\n    to-date=${new Date(toDate).toISOString().split('T')[0]}\n    .tasks=${tasks}\n    @date-range-selected=${(e: CustomEvent) => {\n      console.log('date-range-selected', e.detail)\n    }}\n    @task-clicked=${(e: CustomEvent) => {\n      console.log('task-clicked', e.detail)\n    }}\n    ?extend-grid-lines=${extendGridLines}\n  >\n  </ox-gantt>\n`\n\nconst developmentSection: Section = {\n  name: 'Development'\n}\n\nconst testSection: Section = {\n  name: 'Test'\n}\n\nconst releaseSection: Section = {\n  name: 'Release'\n}\n\nexport const Regular = Template.bind({})\nRegular.args = {\n  fromDate: '2022-12-27',\n  toDate: '2024-12-31',\n  tasks: [\n    {\n      id: '1',\n      title: 'Design',\n      type: 'task',\n      section: developmentSection,\n      startDate: new Date('2023-01-01'),\n      endDate: new Date('2023-01-05'),\n      progress: 60,\n      dependsOn: '',\n      length: '5d',\n      tags: ['active'],\n      children: []\n    },\n    {\n      id: '2',\n      title: 'Development',\n      type: 'milestone',\n      section: developmentSection,\n      startDate: new Date('2023-01-06'),\n      endDate: new Date('2023-01-06'),\n      progress: 30,\n      dependsOn: '1',\n      length: '1d',\n      tags: ['milestone'],\n      children: []\n    },\n    {\n      id: '3',\n      title: 'Coding',\n      type: 'phase',\n      section: developmentSection,\n      startDate: new Date('2023-01-07'),\n      endDate: new Date('2023-01-15'),\n      progress: 10,\n      dependsOn: '2',\n      length: '9d',\n      tags: ['critical'],\n      children: [\n        {\n          id: '3-1',\n          title: 'Coding-A',\n          type: 'task',\n          section: developmentSection,\n          startDate: new Date('2023-01-07'),\n          endDate: new Date('2023-01-10'),\n          progress: 60,\n          dependsOn: '',\n          length: '4d',\n          tags: ['done'],\n          children: []\n        },\n        {\n          id: '3-2',\n          title: 'Coding-B',\n          type: 'task',\n          section: developmentSection,\n          startDate: new Date('2023-01-11'),\n          endDate: new Date('2023-01-15'),\n          dependsOn: '3-1',\n          length: '5d',\n          tags: ['active'],\n          children: []\n        }\n      ]\n    },\n    {\n      id: '4',\n      title: 'Test',\n      type: 'milestone',\n      section: developmentSection,\n      startDate: new Date('2023-01-07'),\n      endDate: new Date('2023-01-10'),\n      progress: 100,\n      dependsOn: '1',\n      length: '1d',\n      tags: ['done'],\n      children: []\n    },\n    {\n      id: '5',\n      title: 'Deploy',\n      type: 'milestone',\n      section: developmentSection,\n      startDate: new Date('2023-01-15'),\n      endDate: new Date('2023-01-21'),\n      dependsOn: '4',\n      length: '1d',\n      tags: ['milestone'],\n      children: []\n    },\n    {\n      id: '6',\n      title: 'Publishing',\n      type: 'milestone',\n      section: developmentSection,\n      startDate: new Date('2023-01-11'),\n      endDate: new Date('2023-01-15'),\n      dependsOn: '5',\n      length: '1d',\n      tags: ['milestone'],\n      children: []\n    },\n    {\n      id: '7',\n      title: 'Provisioning',\n      type: 'milestone',\n      section: developmentSection,\n      startDate: new Date('2023-01-12'),\n      endDate: new Date('2023-01-15'),\n      dependsOn: '6',\n      length: '1d',\n      tags: ['milestone'],\n      children: []\n    },\n    {\n      id: '8',\n      title: 'Alpha Test',\n      type: 'milestone',\n      section: testSection,\n      startDate: new Date('2023-01-15'),\n      endDate: new Date('2023-01-17'),\n      dependsOn: '7',\n      length: '1d',\n      tags: ['critical'],\n      children: []\n    },\n    {\n      id: '9',\n      title: 'Beta Task',\n      type: 'milestone',\n      section: testSection,\n      startDate: new Date('2023-01-15'),\n      endDate: new Date('2023-01-18'),\n      dependsOn: '8',\n      length: '1d',\n      tags: ['active'],\n      children: []\n    },\n    {\n      id: '10',\n      title: 'Gamma Test',\n      type: 'milestone',\n      section: testSection,\n      startDate: new Date('2023-01-18'),\n      endDate: new Date('2023-01-19'),\n      dependsOn: '9',\n      length: '1d',\n      tags: ['critical'],\n      children: []\n    },\n    {\n      id: '11',\n      title: 'Zeta Test',\n      type: 'milestone',\n      section: testSection,\n      startDate: new Date('2023-01-18'),\n      endDate: new Date('2023-01-22'),\n      dependsOn: '9',\n      length: '1d',\n      tags: ['milestone'],\n      children: []\n    },\n    {\n      id: '12',\n      title: 'Release',\n      type: 'milestone',\n      section: releaseSection,\n      startDate: new Date('2023-01-18'),\n      endDate: new Date('2023-01-23'),\n      dependsOn: '9',\n      length: '1d',\n      tags: ['milestone'],\n      children: []\n    },\n    {\n      id: '13',\n      title: 'Release',\n      type: 'milestone',\n      section: releaseSection,\n      startDate: new Date('2023-01-22'),\n      endDate: new Date('2023-01-27'),\n      dependsOn: '12',\n      length: '1d',\n      tags: ['done'],\n      children: []\n    },\n    {\n      id: '14',\n      title: 'Release',\n      type: 'milestone',\n      section: releaseSection,\n      startDate: new Date('2023-01-27'),\n      endDate: new Date('2023-01-30'),\n      dependsOn: '13',\n      length: '1d',\n      tags: ['milestone'],\n      children: []\n    },\n    {\n      id: '15',\n      title: 'Release',\n      type: 'milestone',\n      section: releaseSection,\n      startDate: new Date('2023-01-30'),\n      endDate: new Date('2023-01-31'),\n      dependsOn: '14',\n      length: '1d',\n      tags: ['milestone'],\n      children: []\n    },\n    {\n      id: '16',\n      title: 'Release',\n      type: 'milestone',\n      section: releaseSection,\n      startDate: new Date('2023-01-31'),\n      endDate: new Date('2023-02-05'),\n      dependsOn: '15',\n      length: '1d',\n      tags: ['active'],\n      children: []\n    },\n    {\n      id: '17',\n      title: 'Release',\n      type: 'milestone',\n      section: releaseSection,\n      startDate: new Date('2023-02-06'),\n      endDate: new Date('2023-02-07'),\n      dependsOn: '16',\n      length: '1d',\n      tags: ['milestone'],\n      children: []\n    },\n    {\n      id: '18',\n      title: 'Release',\n      type: 'milestone',\n      section: releaseSection,\n      startDate: new Date('2023-02-08'),\n      endDate: new Date('2023-02-09'),\n      dependsOn: '17',\n      length: '1d',\n      tags: ['critical'],\n      children: []\n    },\n    {\n      id: '19',\n      title: 'Release',\n      type: 'milestone',\n      section: releaseSection,\n      startDate: new Date('2023-02-10'),\n      endDate: new Date('2023-02-25'),\n      dependsOn: '18',\n      length: '1d',\n      tags: ['milestone'],\n      children: []\n    }\n  ]\n}\n"]}
+{"version":3,"file":"ox-gantt.stories.js","sourceRoot":"","sources":["../../stories/ox-gantt.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { CommonHeaderStyles } from '@operato/styles'\nimport '../src/ox-gantt.js'\n\nimport { html, TemplateResult } from 'lit'\nimport { styles as MDTypeScaleStyles } from '@material/web/typography/md-typescale-styles'\n\nimport { Task, Section, TimeScale } from '../src/types.js'\n\nexport default {\n  title: 'ox-gantt',\n  component: 'ox-gantt',\n  argTypes: {\n    fromDate: { control: 'date' },\n    toDate: { control: 'date' },\n    timeScale: { control: 'select', options: ['year-quarter', 'year-month', 'quarter-week', 'week-day'] },\n    extendGridLines: { control: 'boolean' },\n    theme: { control: 'select', options: ['light', 'dark'] },\n    tasks: { control: 'object' }\n  }\n}\n\ninterface Story<T> {\n  (args: T): TemplateResult\n  args?: Partial<T>\n  argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {\n  tasks: Task[]\n  fromDate: number | string\n  toDate: number | string\n  extendGridLines: boolean\n  timeScale: TimeScale\n  theme: 'light' | 'dark'\n}\n\nconst Template: Story<ArgTypes> = ({\n  theme = 'light',\n  tasks,\n  fromDate,\n  toDate,\n  extendGridLines,\n  timeScale = 'week-day'\n}: ArgTypes) => html`\n  <link href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap\" rel=\"stylesheet\" />\n\n  <link href=\"/themes/light.css\" rel=\"stylesheet\" />\n  <link href=\"/themes/dark.css\" rel=\"stylesheet\" />\n  <link href=\"/themes/spacing.css\" rel=\"stylesheet\" />\n  <link href=\"/themes/md-typescale-styles.css\" rel=\"stylesheet\" />\n\n  <link\n    href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1\"\n    rel=\"stylesheet\"\n  />\n  <link\n    href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1\"\n    rel=\"stylesheet\"\n  />\n  <link\n    href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1\"\n    rel=\"stylesheet\"\n  />\n\n  <style>\n    ${MDTypeScaleStyles.cssText}\n  </style>\n\n  <style>\n    ${CommonHeaderStyles.cssText}\n  </style>\n\n  <style>\n    body {\n      width: 100%;\n      height: 800px;\n      text-align: center;\n\n      background-color: var(--md-sys-color-background);\n      color: var(--md-sys-color-on-background);\n    }\n\n    ox-gantt {\n      width: 90%;\n      height: 500px;\n      box-sizing: border-box;\n\n      background-color: var(--md-sys-color-primary-container);\n      color: var(--md-sys-color-on-primary-container);\n    }\n  </style>\n\n  <script>\n    document.body.classList.add('${theme}')\n  </script>\n\n  <ox-gantt\n    from-date=${new Date(fromDate).toISOString().split('T')[0]}\n    to-date=${new Date(toDate).toISOString().split('T')[0]}\n    .timeScale=${timeScale}\n    .tasks=${tasks}\n    @date-range-selected=${(e: CustomEvent) => {\n      console.log('date-range-selected', e.detail)\n    }}\n    @task-clicked=${(e: CustomEvent) => {\n      console.log('task-clicked', e.detail)\n    }}\n    ?extend-grid-lines=${extendGridLines}\n  >\n  </ox-gantt>\n`\n\nconst developmentSection: Section = {\n  name: 'Development'\n}\n\nconst testSection: Section = {\n  name: 'Test'\n}\n\nconst releaseSection: Section = {\n  name: 'Release'\n}\n\nexport const Regular = Template.bind({})\nRegular.args = {\n  fromDate: '2022-12-27',\n  toDate: '2024-12-31',\n  tasks: [\n    {\n      id: '1',\n      title: 'Design',\n      type: 'task',\n      // section: developmentSection,\n      startDate: '2023-01-01',\n      endDate: '2023-01-05',\n      progress: 60,\n      dependsOn: '',\n      length: '5d',\n      tags: ['active'],\n      children: []\n    },\n    {\n      id: '2',\n      title: 'Development',\n      type: 'milestone',\n      // section: developmentSection,\n      startDate: '2023-01-06',\n      endDate: '2023-01-06',\n      progress: 30,\n      dependsOn: '1',\n      length: '1d',\n      tags: ['milestone'],\n      children: []\n    },\n    {\n      id: '3',\n      title: 'Coding',\n      type: 'phase',\n      // section: developmentSection,\n      startDate: '2023-01-07',\n      endDate: '2023-01-15',\n      progress: 10,\n      dependsOn: '2',\n      length: '9d',\n      tags: ['critical'],\n      children: [\n        {\n          id: '3-1',\n          title: 'Coding-A',\n          type: 'task',\n          // section: developmentSection,\n          startDate: '2023-01-07',\n          endDate: '2023-01-10',\n          progress: 60,\n          dependsOn: '',\n          length: '4d',\n          tags: ['done'],\n          children: []\n        },\n        {\n          id: '3-2',\n          title: 'Coding-B',\n          type: 'task',\n          // section: developmentSection,\n          startDate: '2023-01-11',\n          endDate: '2023-01-15',\n          dependsOn: '3-1',\n          length: '5d',\n          tags: ['active'],\n          children: []\n        }\n      ]\n    },\n    {\n      id: '4',\n      title: 'Test',\n      type: 'milestone',\n      // section: developmentSection,\n      startDate: '2023-01-07',\n      endDate: '2023-01-10',\n      progress: 100,\n      dependsOn: '1',\n      length: '1d',\n      tags: ['done'],\n      children: []\n    },\n    {\n      id: '5',\n      title: 'Deploy',\n      type: 'milestone',\n      // section: developmentSection,\n      startDate: '2023-01-15',\n      endDate: '2023-01-21',\n      dependsOn: '4',\n      length: '1d',\n      tags: ['milestone'],\n      children: []\n    },\n    {\n      id: '6',\n      title: 'Publishing',\n      type: 'milestone',\n      // section: developmentSection,\n      startDate: '2023-01-11',\n      endDate: '2023-01-15',\n      dependsOn: '5',\n      length: '1d',\n      tags: ['milestone'],\n      children: []\n    },\n    {\n      id: '7',\n      title: 'Provisioning',\n      type: 'milestone',\n      // section: developmentSection,\n      startDate: '2023-01-12',\n      endDate: '2023-01-15',\n      dependsOn: '6',\n      length: '1d',\n      tags: ['milestone'],\n      children: []\n    },\n    {\n      id: '8',\n      title: 'Alpha Test',\n      type: 'milestone',\n      // section: testSection,\n      startDate: '2023-01-15',\n      endDate: '2023-01-17',\n      dependsOn: '7',\n      length: '1d',\n      tags: ['critical'],\n      children: []\n    },\n    {\n      id: '9',\n      title: 'Beta Task',\n      type: 'milestone',\n      // section: testSection,\n      startDate: '2023-01-15',\n      endDate: '2023-01-18',\n      dependsOn: '8',\n      length: '1d',\n      tags: ['active'],\n      children: []\n    },\n    {\n      id: '10',\n      title: 'Gamma Test',\n      type: 'milestone',\n      // section: testSection,\n      startDate: '2023-01-18',\n      endDate: '2023-01-19',\n      dependsOn: '9',\n      length: '1d',\n      tags: ['critical'],\n      children: []\n    },\n    {\n      id: '11',\n      title: 'Zeta Test',\n      type: 'milestone',\n      // section: testSection,\n      startDate: '2023-01-18',\n      endDate: '2023-01-22',\n      dependsOn: '9',\n      length: '1d',\n      tags: ['milestone'],\n      children: []\n    },\n    {\n      id: '12',\n      title: 'Release',\n      type: 'milestone',\n      // section: releaseSection,\n      startDate: '2023-01-18',\n      endDate: '2023-01-23',\n      dependsOn: '9',\n      length: '1d',\n      tags: ['milestone'],\n      children: []\n    },\n    {\n      id: '13',\n      title: 'Release',\n      type: 'milestone',\n      // section: releaseSection,\n      startDate: '2023-01-22',\n      endDate: '2023-01-27',\n      dependsOn: '12',\n      length: '1d',\n      tags: ['done'],\n      children: []\n    },\n    {\n      id: '14',\n      title: 'Release',\n      type: 'milestone',\n      // section: releaseSection,\n      startDate: '2023-01-27',\n      endDate: '2023-01-30',\n      dependsOn: '13',\n      length: '1d',\n      tags: ['milestone'],\n      children: []\n    },\n    {\n      id: '15',\n      title: 'Release',\n      type: 'milestone',\n      // section: releaseSection,\n      startDate: '2023-01-30',\n      endDate: '2023-01-31',\n      dependsOn: '14',\n      length: '1d',\n      tags: ['milestone'],\n      children: []\n    },\n    {\n      id: '16',\n      title: 'Release',\n      type: 'milestone',\n      // section: releaseSection,\n      startDate: '2023-01-31',\n      endDate: '2023-02-05',\n      dependsOn: '15',\n      length: '1d',\n      tags: ['active'],\n      children: []\n    },\n    {\n      id: '17',\n      title: 'Release',\n      type: 'milestone',\n      // section: releaseSection,\n      startDate: '2023-02-06',\n      endDate: '2023-02-07',\n      dependsOn: '16',\n      length: '1d',\n      tags: ['milestone'],\n      children: []\n    },\n    {\n      id: '18',\n      title: 'Release',\n      type: 'milestone',\n      // section: releaseSection,\n      startDate: '2023-02-08',\n      endDate: '2023-02-09',\n      dependsOn: '17',\n      length: '1d',\n      tags: ['critical'],\n      children: []\n    },\n    {\n      id: '19',\n      title: 'Release',\n      type: 'milestone',\n      // section: releaseSection,\n      startDate: '2023-02-10',\n      endDate: '2023-02-25',\n      dependsOn: '18',\n      length: '1d',\n      tags: ['milestone'],\n      children: []\n    }\n  ]\n}\n"]}