\r\n {#if model.html}\r\n {@html model.html}\r\n {:else if taskContent}\r\n {@html taskContent(model)}\r\n {:else}{model.label}{/if}\r\n \r\n {#if model.showButton}\r\n \r\n {/if}\r\n
\r\n\r\n {#if model.labelBottom}\r\n \r\n {/if}\r\n\r\n","\r\n\r\n\r\n {#if row.model.contentHtml}\r\n {@html row.model.contentHtml}\r\n {/if}\r\n
\r\n","\r\n\r\n\r\n
\r\n","\r\n\r\n{model.label}
\r\n\r\n \r\n \r\n
\r\n","\r\n\r\n\r\n {#each _headers as _header}\r\n
\r\n","import { Moment } from \"moment\";\r\n\r\nexport class GanttUtils {\r\n from: Moment;\r\n to: Moment;\r\n width: number;\r\n magnetOffset: number;\r\n magnetUnit: string;\r\n\r\n constructor() {\r\n }\r\n\r\n /**\r\n * Returns position of date on a line if from and to represent length of width\r\n * @param {*} date \r\n */\r\n getPositionByDate (date) {\r\n return getPositionByDate(date, this.from, this.to, this.width); \r\n }\r\n\r\n getDateByPosition (x) {\r\n return getDateByPosition(x, this.from, this.to, this.width);\r\n }\r\n\r\n /**\r\n * \r\n * @param {Moment} date - Date\r\n * @returns {Moment} rounded date passed as parameter\r\n */\r\n roundTo (date) {\r\n let value = date.get(this.magnetUnit)\r\n \r\n value = Math.round(value / this.magnetOffset);\r\n \r\n date.set(this.magnetUnit, value * this.magnetOffset);\r\n\r\n //round all smaller units to 0\r\n const units = ['millisecond', 'second', 'minute', 'hour', 'date', 'month', 'year'];\r\n const indexOf = units.indexOf(this.magnetUnit);\r\n for (let i = 0; i < indexOf; i++) {\r\n date.set(units[i], 0)\r\n }\r\n return date\r\n }\r\n}\r\n\r\nexport function getPositionByDate (date, from, to, width) {\r\n if (!date) {\r\n return undefined\r\n }\r\n\r\n let durationTo = date.diff(from, 'milliseconds')\r\n let durationToEnd = to.diff(from, 'milliseconds')\r\n\r\n return durationTo / durationToEnd * width;\r\n}\r\n\r\nexport function getDateByPosition (x, from, to, width) {\r\n let durationTo = x / width * to.diff(from, 'milliseconds');\r\n let dateAtPosition = from.clone().add(durationTo, 'milliseconds');\r\n return dateAtPosition; \r\n}\r\n\r\n// Returns the object on the left and right in an array using the given cmp function.\r\n// The compare function defined which property of the value to compare (e.g.: c => c.left)\r\nexport function getIndicesOnly dispatch('dateSelected', { from: _header.from, to: _header.to, unit: _header.unit })}\">\r\n
\r\n {/each}\r\n{_header.label || 'N/A'}
\r\n \r\n\t\r\n
\r\n","\r\n\r\n\r\n","import { writable, Writable } from 'svelte/store';\r\n\r\nexport class SelectionManager {\r\n selection: Writable\r\n {#each ganttTableModules as module}\r\n
\r\n\r\n","\r\n\r\n\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {#each visibleRows as row (row.model.id)}\r\n |
\r\n {/each}\r\n
\r\n \r\n {#each $allTimeRanges as timeRange (timeRange.id)}\r\n
\r\n {#each ganttBodyModules as module}\r\n \r\n {#if row.children}\r\n \r\n {/if}\r\n
\r\n\r\n","\r\n\r\n\r\n {#each headers as header}\r\n
\r\n","\r\n\r\n\r\n\r\n\r\n {#if header.type == 'tree'}\r\n \r\n {#if row.model.iconClass}\r\n \r\n {/if}\r\n\r\n {#if row.model.headerHtml}\r\n {@html row.model.headerHtml}\r\n {:else if header.renderer}\r\n {@html header.renderer(row)}\r\n {:else}\r\n {row.model[header.property]}\r\n {/if}\r\n \r\n {:else}\r\n {#if row.model.iconClass}\r\n \r\n {/if}\r\n\r\n {#if row.model.headerHtml}\r\n {@html row.model.headerHtml}\r\n {:else if header.renderer}\r\n {@html header.renderer(row)}\r\n {:else if header.type === 'resourceInfo'}\r\n ![\"\"/](\"{row.model.imageSrc}\")
\r\n
\r\n {/each}\r\n\r\n {row.model[header.property]}\r\n
\r\n {:else}\r\n {row.model[header.property]}\r\n {/if}\r\n {/if}\r\n \r\n
\r\n\r\n","import _svelteGanttTable from './Table.svelte';\r\nimport { ComponentCreator, Component } from '../../core/svelte';\r\n\r\nvar SvelteGanttTable = _svelteGanttTable as unknown as ComponentCreator\r\n {#each tableHeaders as header}\r\n
\r\n\r\n \r\n {header.title}\r\n
\r\n {/each}\r\n \r\n
\r\n\r\n
\r\n \r\n {#each visibleRows as row}\r\n \r\n {/each}\r\n
\r\n \r\n
\r\n\r\n","\r\n\r\n\r\n\r\n\r\n {#each visibleDependencies as dependency (dependency.id)}\r\n
\r\n\r\n","import { getRelativePos } from \"../../utils/domUtils\";\r\nimport { Draggable } from \"../../core/drag\";\r\nimport { SvelteRow } from \"../../core/row\";\r\nimport { SvelteGanttComponent } from \"../../gantt\";\r\nimport { Moment } from \"moment\";\r\n\r\ninterface DragOptions {\r\n /** SvelteGantt this is binded to */\r\n gantt: SvelteGanttComponent;\r\n /** Creates a dragging indicator element */\r\n elementContent(): HTMLElement;\r\n /** Is currently being dragged */\r\n dragging: boolean;\r\n /** Is enabled */\r\n enabled: boolean;\r\n /** Success callback, when dragged over a row */\r\n onsuccess?(target: SvelteRow, date: Moment, gantt: SvelteGanttComponent): void;\r\n /** Fail callback, when dragged outside gantt */\r\n onfail?(): void;\r\n}\r\n\r\nconst defaults = {\r\n enabled: true,\r\n elementContent: () => {\r\n const element = document.createElement('div');\r\n element.innerHTML = 'New Task';\r\n Object.assign(element.style, {\r\n position: 'absolute',\r\n background: '#eee',\r\n padding: '0.5em 1em',\r\n fontSize: '12px',\r\n pointerEvents: 'none',\r\n });\r\n return element;\r\n }\r\n}\r\n\r\nexport class SvelteGanttExternal {\r\n draggable: Draggable;\r\n element: HTMLElement;\r\n public options: DragOptions;\r\n\r\n constructor(node: HTMLElement, options: DragOptions) {\r\n this.options = Object.assign({}, defaults, options);\r\n this.draggable = new Draggable(node, {\r\n onDrag: this.onDrag.bind(this),\r\n dragAllowed: () => this.options.enabled,\r\n resizeAllowed: false,\r\n onDrop: this.onDrop.bind(this),\r\n container: document.body,\r\n getX: (event: MouseEvent) => event.pageX,\r\n getY: (event: MouseEvent) => event.pageY,\r\n getWidth: () => 0\r\n });\r\n }\r\n\r\n onDrag({ x, y }) {\r\n if(!this.element) {\r\n this.element = this.options.elementContent();\r\n document.body.appendChild(this.element);\r\n this.options.dragging = true;\r\n }\r\n\r\n this.element.style.top = y + 'px';\r\n this.element.style.left = x + 'px';\r\n }\r\n\r\n onDrop(event) {\r\n const gantt = this.options.gantt;\r\n const targetRow = gantt.dndManager.getTarget('row', event.mouseEvent);\r\n if (targetRow) {\r\n const mousePos = getRelativePos(gantt.getRowContainer(), event.mouseEvent);\r\n const date = gantt.utils.getDateByPosition(mousePos.x);\r\n\r\n this.options.onsuccess?.(targetRow, date, gantt);\r\n }\r\n else {\r\n this.options.onfail?.();\r\n }\r\n\r\n document.body.removeChild(this.element);\r\n this.options.dragging = false;\r\n this.element = null;\r\n }\r\n}","// import { SvelteGanttTableComponent } from './modules/table';\r\n// import { SvelteGanttComponent } from './gantt';\r\n\r\n// export declare var SvelteGanttTable: SvelteGanttTableComponent;\r\n// export declare var SvelteGantt: SvelteGanttComponent;\r\n\r\nimport _svelteGantt from './Gantt.svelte';\r\n\r\nimport { SvelteGanttComponent, SvelteGanttOptions } from './gantt';\r\nimport { ComponentCreator } from './core/svelte';\r\nimport { SvelteGanttTable } from './modules/table';\r\nimport { SvelteGanttDependencies } from './modules/dependencies';\r\nimport { SvelteGanttExternal } from './modules/external/external';\r\n\r\nvar SvelteGantt = _svelteGantt as unknown as ComponentCreator