@sme.up/ketchup 9.1.0 → 9.3.0

package/dist/components/kup-switch.js

@@ -1,4 +1,4 @@
-import { aF as KupSwitch$1, h as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { ad as KupSwitch$1, f as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupSwitch = KupSwitch$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-switcher.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface KupSwitcher extends Components.KupSwitcher, HTMLElement {}
+export const KupSwitcher: {
+    prototype: KupSwitcher;
+    new (): KupSwitcher;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/kup-switcher.js

@@ -0,0 +1,6 @@
+import { K as KupSwitcher$1, d as defineCustomElement$1 } from './kup-switcher2.js';
+
+const KupSwitcher = KupSwitcher$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { KupSwitcher, defineCustomElement };

package/dist/components/kup-switcher2.js

@@ -0,0 +1,36 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const kupSwitcherCss = ".switcher{display:grid;grid-auto-flow:column;grid-gap:8px;margin-left:12px;width:max-content}.button{background:transparent;border-color:var(--kup-primary-color, #003b77);border-radius:4px;border-width:1px;box-shadow:0 3px 1px -2px rgba(var(--kup-text-color-rgb, 51 51 51), 0.2), 0 2px 2px 0 rgba(var(--kup-text-color-rgb, 51 51 51), 0.14), 0 1px 5px 0 rgba(var(--kup-text-color-rgb, 51 51 51), 0.12);box-sizing:border-box;color:var(--kup-primary-color, #003b77);cursor:pointer;font-size:11px;height:32px;min-width:64px}.label{font-family:var(--kup-font-family, inherit);font-size:11px;letter-spacing:0.0892857143em;text-decoration:none;text-transform:uppercase;padding:0 6px}";
+
+const KupSwitcher = /*@__PURE__*/ proxyCustomElement(class KupSwitcher extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.timeUnitChange = undefined;
+    }
+    render() {
+        const day = () => this.timeUnitChange('day');
+        const week = () => this.timeUnitChange('week');
+        const month = () => this.timeUnitChange('month');
+        const year = () => this.timeUnitChange('year');
+        return (h("div", { class: "switcher" }, h("button", { type: "button", class: "button", onClick: day }, h("span", { class: "label" }, "Day")), h("button", { type: "button", class: "button", onClick: week }, h("span", { class: "label" }, "Week")), h("button", { type: "button", class: "button", onClick: month }, h("span", { class: "label" }, "Month")), h("button", { type: "button", class: "button", onClick: year }, h("span", { class: "label" }, "Year"))));
+    }
+    static get style() { return kupSwitcherCss; }
+}, [0, "kup-switcher", {
+        "timeUnitChange": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["kup-switcher"];
+    components.forEach(tagName => { switch (tagName) {
+        case "kup-switcher":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, KupSwitcher);
+            }
+            break;
+    } });
+}
+
+export { KupSwitcher as K, defineCustomElement as d };

package/dist/components/kup-tab-bar.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface KupTabBar extends Components.KupTabBar, HTMLElement {}
 export const KupTabBar: {
-  prototype: KupTabBar;
-  new (): KupTabBar;
+    prototype: KupTabBar;
+    new (): KupTabBar;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/kup-tab-bar.js

@@ -1,4 +1,4 @@
-import { aG as KupTabBar$1, f as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { ae as KupTabBar$1, e as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupTabBar = KupTabBar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-task-gantt.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface KupTaskGantt extends Components.KupTaskGantt, HTMLElement {}
+export const KupTaskGantt: {
+    prototype: KupTaskGantt;
+    new (): KupTaskGantt;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/kup-task-gantt.js

@@ -0,0 +1,6 @@
+import { T as TaskGantt, d as defineCustomElement$1 } from './kup-task-gantt2.js';
+
+const KupTaskGantt = TaskGantt;
+const defineCustomElement = defineCustomElement$1;
+
+export { KupTaskGantt, defineCustomElement };

package/dist/components/kup-task-gantt2.js

@@ -0,0 +1,91 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './kup-gantt-calendar2.js';
+import { d as defineCustomElement$1 } from './kup-grid-renderer2.js';
+
+const TaskGantt = /*@__PURE__*/ proxyCustomElement(class TaskGantt extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.gridProps = undefined;
+        this.calendarProps = undefined;
+        this.barProps = undefined;
+        this.taskGanttRef = undefined;
+        this.ganttHeight = undefined;
+        this.scrollY = undefined;
+        this.scrollX = undefined;
+    }
+    /*-------------------------------------------------*/
+    /*                   W A T C H E R S               */
+    /*-------------------------------------------------*/
+    updateScrollX() {
+        setTimeout(() => {
+            this.verticalGanttContainerRef &&
+                (this.verticalGanttContainerRef.scrollLeft = this.scrollX);
+        }, 30);
+    }
+    updateScrollY() {
+        setTimeout(() => {
+            this.horizontalContainerRef &&
+                (this.horizontalContainerRef.scrollTop = this.scrollY);
+        }, 30);
+    }
+    //---- Lifecycle hooks ----
+    componentDidLoad() {
+        this.updateScrollX();
+        this.updateScrollY();
+    }
+    render() {
+        const newBarProps = Object.assign(Object.assign({}, this.barProps), { gridProps: this.gridProps });
+        return (h("div", { class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { dateSetup: this.calendarProps.dateSetup, locale: this.calendarProps.locale, rtl: this.calendarProps.rtl, headerHeight: this.calendarProps.headerHeight, columnWidth: this.calendarProps.columnWidth, fontFamily: this.calendarProps.fontFamily, fontSize: this.calendarProps.fontSize, dateTimeFormatters: this.calendarProps.dateTimeFormatters, singleLineHeader: this.calendarProps.singleLineHeader, currentDateIndicator: this.calendarProps.currentDateIndicator, svgWidth: this.gridProps.svgWidth }), h("div", { ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
+                ? {
+                    height: `${this.ganttHeight}px`,
+                    width: `${this.gridProps.svgWidth}px`,
+                }
+                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({}, newBarProps)))));
+    }
+    get rootElement() { return this; }
+    static get watchers() { return {
+        "scrollX": ["updateScrollX"],
+        "verticalGanttContainerRef": ["updateScrollX"],
+        "scrollY": ["updateScrollY"],
+        "horizontalContainerRef": ["updateScrollY"]
+    }; }
+}, [0, "kup-task-gantt", {
+        "gridProps": [16],
+        "calendarProps": [16],
+        "barProps": [16],
+        "taskGanttRef": [16],
+        "ganttHeight": [2, "gantt-height"],
+        "scrollY": [1026, "scroll-y"],
+        "scrollX": [1026, "scroll-x"]
+    }, undefined, {
+        "scrollX": ["updateScrollX"],
+        "verticalGanttContainerRef": ["updateScrollX"],
+        "scrollY": ["updateScrollY"],
+        "horizontalContainerRef": ["updateScrollY"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["kup-task-gantt", "kup-gantt-calendar", "kup-grid-renderer"];
+    components.forEach(tagName => { switch (tagName) {
+        case "kup-task-gantt":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TaskGantt);
+            }
+            break;
+        case "kup-gantt-calendar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "kup-grid-renderer":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { TaskGantt as T, defineCustomElement as d };

package/dist/components/kup-task-list-header.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface KupTaskListHeader extends Components.KupTaskListHeader, HTMLElement {}
+export const KupTaskListHeader: {
+    prototype: KupTaskListHeader;
+    new (): KupTaskListHeader;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/kup-task-list-header.js

@@ -0,0 +1,6 @@
+import { K as KupTaskListHeader$1, d as defineCustomElement$1 } from './kup-task-list-header2.js';
+
+const KupTaskListHeader = KupTaskListHeader$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { KupTaskListHeader, defineCustomElement };

package/dist/components/kup-task-list-header2.js

@@ -0,0 +1,55 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const kupTaskListCss = ".tasks{border-radius:8px;background:#efefef;margin:12px;padding:12px}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";
+
+const KupTaskListHeader = /*@__PURE__*/ proxyCustomElement(class KupTaskListHeader extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.headerHeight = undefined;
+        this.fontFamily = undefined;
+        this.fontSize = undefined;
+        this.rowWidth = undefined;
+    }
+    render() {
+        return (h("div", { class: "ganttTable", style: {
+                fontFamily: this.fontFamily,
+                fontSize: this.fontSize,
+            } }, h("div", { class: "ganttTable_Header", style: {
+                height: `${this.headerHeight - 2}px`,
+            } }, h("div", { class: "ganttTable_HeaderItem", style: {
+                minWidth: this.rowWidth,
+            } }, "\u00A0Name"), h("div", { class: "ganttTable_HeaderSeparator", style: {
+                height: `${this.headerHeight * 0.5}px`,
+                marginTop: `${this.headerHeight * 0.2}px`,
+            } }), h("div", { class: "ganttTable_HeaderItem", style: {
+                minWidth: this.rowWidth,
+            } }, "\u00A0From"), h("div", { class: "ganttTable_HeaderSeparator", style: {
+                height: `${this.headerHeight * 0.5}px`,
+                marginTop: `${this.headerHeight * 0.25}px`,
+            } }), h("div", { class: "ganttTable_HeaderItem", style: {
+                minWidth: this.rowWidth,
+            } }, "\u00A0To"))));
+    }
+    static get style() { return kupTaskListCss; }
+}, [0, "kup-task-list-header", {
+        "headerHeight": [2, "header-height"],
+        "fontFamily": [1, "font-family"],
+        "fontSize": [1, "font-size"],
+        "rowWidth": [1, "row-width"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["kup-task-list-header"];
+    components.forEach(tagName => { switch (tagName) {
+        case "kup-task-list-header":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, KupTaskListHeader);
+            }
+            break;
+    } });
+}
+
+export { KupTaskListHeader as K, defineCustomElement as d };

package/dist/components/kup-task-list-table.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface KupTaskListTable extends Components.KupTaskListTable, HTMLElement {}
+export const KupTaskListTable: {
+    prototype: KupTaskListTable;
+    new (): KupTaskListTable;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/kup-task-list-table.js

@@ -0,0 +1,6 @@
+import { T as TaskListTableDefault, d as defineCustomElement$1 } from './kup-task-list-table2.js';
+
+const KupTaskListTable = TaskListTableDefault;
+const defineCustomElement = defineCustomElement$1;
+
+export { KupTaskListTable, defineCustomElement };

package/dist/components/kup-task-list-table2.js

@@ -0,0 +1,79 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const kupTaskListCss = ".tasks{border-radius:8px;background:#efefef;margin:12px;padding:12px}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";
+
+const TaskListTableDefault = /*@__PURE__*/ proxyCustomElement(class TaskListTableDefault extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.dateTimeOptions = {
+            weekday: 'short',
+            year: 'numeric',
+            month: 'long',
+            day: 'numeric',
+        };
+        this.rowHeight = undefined;
+        this.rowWidth = undefined;
+        this.fontFamily = undefined;
+        this.fontSize = undefined;
+        this.locale = undefined;
+        this.tasks = undefined;
+        this.selectedTaskId = undefined;
+        this.expandedTasks = new Set();
+        this.setSelectedTask = undefined;
+        this.expanderClick = undefined;
+    }
+    toLocaleDateString(date) {
+        return date.toLocaleDateString(this.locale, this.dateTimeOptions);
+    }
+    render() {
+        return (h("div", { class: "taskListWrapper", style: {
+                fontFamily: this.fontFamily,
+                fontSize: this.fontSize,
+            } }, this.tasks.map((task) => (h("div", { class: {
+                taskListTableRow: true,
+                expanded: this.expandedTasks.has(task.id),
+            }, style: { height: `${this.rowHeight}px` }, key: `${task.id}row` }, h("div", { class: "taskListCell", style: {
+                minWidth: this.rowWidth,
+                maxWidth: this.rowWidth,
+            }, title: task.name }, h("div", { class: "taskListNameWrapper" }, h("div", { class: {
+                taskListExpander: true,
+                expanded: this.expandedTasks.has(task.id),
+            }, onClick: () => this.expanderClick(task) }, this.expandedTasks.has(task.id)
+            ? '▼'
+            : '▶'), h("div", null, task.name))), h("div", { class: "taskListCell", style: {
+                minWidth: this.rowWidth,
+                maxWidth: this.rowWidth,
+            } }, "\u00A0", this.toLocaleDateString(task.start)), h("div", { class: "taskListCell", style: {
+                minWidth: this.rowWidth,
+                maxWidth: this.rowWidth,
+            } }, "\u00A0", this.toLocaleDateString(task.end)))))));
+    }
+    static get style() { return kupTaskListCss; }
+}, [0, "kup-task-list-table", {
+        "rowHeight": [2, "row-height"],
+        "rowWidth": [1, "row-width"],
+        "fontFamily": [1, "font-family"],
+        "fontSize": [1, "font-size"],
+        "locale": [1],
+        "tasks": [16],
+        "selectedTaskId": [1, "selected-task-id"],
+        "setSelectedTask": [16],
+        "expanderClick": [16],
+        "expandedTasks": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["kup-task-list-table"];
+    components.forEach(tagName => { switch (tagName) {
+        case "kup-task-list-table":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TaskListTableDefault);
+            }
+            break;
+    } });
+}
+
+export { TaskListTableDefault as T, defineCustomElement as d };

package/dist/components/kup-task-list.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface KupTaskList extends Components.KupTaskList, HTMLElement {}
+export const KupTaskList: {
+    prototype: KupTaskList;
+    new (): KupTaskList;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/kup-task-list.js

@@ -0,0 +1,6 @@
+import { T as TaskList, d as defineCustomElement$1 } from './kup-task-list2.js';
+
+const KupTaskList = TaskList;
+const defineCustomElement = defineCustomElement$1;
+
+export { KupTaskList, defineCustomElement };

package/dist/components/kup-task-list2.js

@@ -0,0 +1,260 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { b as getProjectById, c as getPhaseById } from './kup-planner-renderer-helper.js';
+import { d as defineCustomElement$2 } from './custom-task-list-header.js';
+import { d as defineCustomElement$1 } from './custom-task-list-table.js';
+
+/**
+ * Props of the kup-gantt component.
+ * Used to export every prop in an object.
+ */
+var KupPlannerProps;
+(function (KupPlannerProps) {
+    KupPlannerProps["customStyle"] = "Custom style of the component.";
+    KupPlannerProps["data"] = "Dataset containg the tasks list";
+    KupPlannerProps["detailData"] = "Dataset containg the details list";
+    KupPlannerProps["detailColorCol"] = "Column containing the detail color, in hex format";
+    KupPlannerProps["detailColumns"] = "Columns containing informations displayed in the left box, near the gantt of details";
+    KupPlannerProps["detailDates"] = "Columns containing detail duration, from (firstDate) to (secondDate)";
+    KupPlannerProps["detailFilter"] = "Sets the detail's filter.";
+    KupPlannerProps["detailHeight"] = "Height for detail gantt";
+    KupPlannerProps["detailIdCol"] = "Column containing unique detail identifier";
+    KupPlannerProps["detailNameCol"] = "Column containing detail name displayed";
+    KupPlannerProps["detailPrevDates"] = "Columns containing forecast detail duration, from (firstDate) to (secondDate)";
+    KupPlannerProps["detailInitialScrollX"] = "Sets the initial scroll X for the detail.";
+    KupPlannerProps["detailInitialScrollY"] = "Sets the initial scroll Y for the detail.";
+    KupPlannerProps["listCellWidth"] = "Total size of the cells inside to the left box, near the gantt";
+    KupPlannerProps["maxWidth"] = "Max width for component";
+    KupPlannerProps["phaseColorCol"] = "Column containing the phase color in hex format";
+    KupPlannerProps["phaseColumns"] = "Columns containing informations displayed in the left box ,near the gantt of phases";
+    KupPlannerProps["phaseColParDep"] = "Column containing the name of the parent phases";
+    KupPlannerProps["phaseDates"] = "Columns containing phase duration, from (firstDate) to (secondDate)";
+    KupPlannerProps["phaseIdCol"] = "Column containing unique phase identifier";
+    KupPlannerProps["phaseNameCol"] = "Column containing phase name displayed";
+    KupPlannerProps["phasePrevDates"] = "Columns containing forecast phase duration, from (firstDate) to (secondDate)";
+    KupPlannerProps["readOnly"] = "When true, the two gantts are not interactable.";
+    KupPlannerProps["showSecondaryDates"] = "Enable/disable display of secondary dates";
+    KupPlannerProps["taskColumns"] = "Columns containing informations displayed in the left box, near the gantt";
+    KupPlannerProps["taskDates"] = "Columns containing task duration, from (firstDate) to (secondDate)";
+    KupPlannerProps["taskFilter"] = "Sets the task's filter.";
+    KupPlannerProps["taskHeight"] = "Height for main gantt";
+    KupPlannerProps["taskIdCol"] = "Column containing unique task identifier";
+    KupPlannerProps["taskNameCol"] = "Column containing task name displayed";
+    KupPlannerProps["taskPrevDates"] = "Columns containing forecast task duration, from (firstDate) to (secondDate)";
+    KupPlannerProps["taskInitialScrollX"] = "Sets the initial scroll X for the task.";
+    KupPlannerProps["taskInitialScrollY"] = "Sets the initial scroll Y for the task.";
+    KupPlannerProps["titleMess"] = "Message displayed on top";
+})(KupPlannerProps || (KupPlannerProps = {}));
+var KupPlannerTaskAction;
+(function (KupPlannerTaskAction) {
+    KupPlannerTaskAction["onTaskOpening"] = "onTaskOpening";
+    KupPlannerTaskAction["onTaskClosing"] = "onTaskClosing";
+    KupPlannerTaskAction["onClick"] = "onClick";
+    KupPlannerTaskAction["onDblClick"] = "onDblClick";
+    KupPlannerTaskAction["onResize"] = "onResize";
+    KupPlannerTaskAction["onRightClick"] = "onRightClick";
+})(KupPlannerTaskAction || (KupPlannerTaskAction = {}));
+var KupPlannerGanttRowType;
+(function (KupPlannerGanttRowType) {
+    KupPlannerGanttRowType["TASK"] = "task";
+    KupPlannerGanttRowType["PHASE"] = "phase";
+    KupPlannerGanttRowType["DETAIL"] = "detail";
+})(KupPlannerGanttRowType || (KupPlannerGanttRowType = {}));
+class KupPlannerLastOnChangeReceived {
+    constructor(event, threshold = 100) {
+        this.dateTime = new Date();
+        this.event = event;
+        this.threshold = threshold;
+    }
+    isEquivalent(newEvent) {
+        const intervalTime = new Date().valueOf() - this.dateTime.valueOf();
+        const equals = JSON.stringify(this.event) === JSON.stringify(newEvent);
+        return equals && intervalTime < this.threshold;
+    }
+    resetDateTime() {
+        this.dateTime = new Date();
+    }
+}
+const defaultStylingOptions = {
+    listCellWidth: '300px',
+    rowHeight: 40,
+    barFill: 90,
+    projectProgressColor: '#CBCBCB',
+    projectProgressSelectedColor: '#CBCBCB',
+    projectBackgroundColor: '#CBCBCB',
+    projectBackgroundSelectedColor: '#CBCBCB',
+    barProgressColor: '#A2A415',
+    barProgressSelectedColor: '#A2A415',
+    barBackgroundColor: '#A2A415',
+    barBackgroundSelectedColor: '#A2A415',
+};
+const KUP_PLANNER_MAIN_GANTT_ID = 'main';
+const KUP_PLANNER_SECONDARY_GANTT_ID = 'secondary';
+
+const kupTaskListCss = ".tasks{border-radius:8px;background:#efefef;margin:12px;padding:12px}.taskListWrapper{display:table;border-bottom:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.taskListTableRow{display:table-row;text-overflow:ellipsis}.taskListCell{display:table-cell;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskListNameWrapper{display:flex}.taskListExpander{color:rgb(86, 86, 86);font-size:0.6rem;padding:0.15rem 0.2rem 0 0.2rem;user-select:none;cursor:pointer}.taskListEmptyExpander{font-size:0.6rem;padding-left:1rem;user-select:none}.ganttTable{display:table;border-bottom:#e6e4e4 1px solid;border-top:#e6e4e4 1px solid;border-left:#e6e4e4 1px solid}.ganttTable_Header{display:table-row;list-style:none}.ganttTable_HeaderSeparator{border-right:1px solid rgb(196, 196, 196);opacity:1;margin-left:-2px}.ganttTable_HeaderItem{display:table-cell;vertical-align:-webkit-baseline-middle;vertical-align:middle}";
+
+const TaskList = /*@__PURE__*/ proxyCustomElement(class TaskList extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.headerHeight = undefined;
+        this.fontFamily = undefined;
+        this.fontSize = undefined;
+        this.rowWidth = undefined;
+        this.rowHeight = undefined;
+        this.scrollY = undefined;
+        this.locale = undefined;
+        this.tasks = undefined;
+        this.selectedTask = undefined;
+        this.horizontalContainerClass = undefined;
+        this.ganttHeight = undefined;
+        this.filter = undefined;
+        this.TaskListHeader = undefined;
+        this.TaskListTable = undefined;
+        this.currentTasks = undefined;
+        this.label = undefined;
+        this.doubleView = undefined;
+        this.setDoubleView = undefined;
+        this.handleClick = undefined;
+        this.handleDblClick = undefined;
+        this.handleContextMenu = undefined;
+        this.ganttOnClick = undefined;
+        this.ganttOnDblClick = undefined;
+        this.ganttonOnContextMenu = undefined;
+        this.setSelectedTask = undefined;
+        this.expanderClick = undefined;
+        this.selectedTaskId = '';
+    }
+    componentDidLoad() {
+        this.taskListRef.prepend(this.filter);
+    }
+    componentDidUpdate() {
+        if (this.taskListRef) {
+            this.taskListRef.scrollTop = this.scrollY;
+        }
+    }
+    /*-------------------------------------------------*/
+    /*                   W A T C H E R S               */
+    /*-------------------------------------------------*/
+    updateScrollY() {
+        this.horizontalContainerRef &&
+            (this.horizontalContainerRef.scrollTop = this.scrollY);
+    }
+    render() {
+        var _a;
+        const headerProps = {
+            headerHeight: this.headerHeight,
+            fontFamily: this.fontFamily,
+            fontSize: this.fontSize,
+            rowWidth: this.rowWidth,
+        };
+        if (this.selectedTask) {
+            this.selectedTaskId = this.selectedTask.id;
+        }
+        const tableProps = {
+            rowHeight: this.rowHeight,
+            rowWidth: this.rowWidth,
+            fontFamily: this.fontFamily,
+            fontSize: this.fontSize,
+            tasks: this.tasks,
+            locale: this.locale,
+            selectedTaskId: this.selectedTaskId,
+            setSelectedTask: this.setSelectedTask.bind(this),
+            onExpanderClick: this.expanderClick,
+        };
+        const TaskListHeader = this.TaskListHeader;
+        if (TaskListHeader && TaskListHeader['$attrs$']) {
+            Object.assign(TaskListHeader['$attrs$'], Object.assign({}, headerProps));
+        }
+        const TaskListTable = this.TaskListTable;
+        if (TaskListTable && TaskListTable['$attrs$']) {
+            Object.assign(TaskListTable['$attrs$'], Object.assign({}, tableProps));
+        }
+        return (h("div", { ref: (el) => (this.taskListRef = el) }, TaskListHeader && TaskListHeader['$attrs$'] ? (TaskListHeader) : (h("kup-custom-task-list-header", Object.assign({ label: this.label, doubleView: (_a = this.doubleView) !== null && _a !== void 0 ? _a : false, setDoubleView: this.setDoubleView }, headerProps))), h("div", { class: this.horizontalContainerClass, style: this.ganttHeight
+                ? { height: this.ganttHeight + 'px' }
+                : {}, ref: (el) => (this.horizontalContainerRef = el) }, TaskListTable && TaskListTable['$attrs$'] ? (TaskListTable) : (h("kup-custom-task-list-table", Object.assign({}, tableProps, { onclickTaskList: (id) => {
+                let row = getProjectById(id, this.currentTasks);
+                if (!row) {
+                    row = getPhaseById(id, this.currentTasks);
+                }
+                if (row) {
+                    this.handleClick(row, this.ganttOnClick);
+                }
+            }, ondblclickTaskList: (id) => {
+                let row = getProjectById(id, this.currentTasks);
+                if (!row) {
+                    row = getPhaseById(id, this.currentTasks);
+                }
+                if (row) {
+                    this.handleDblClick(row, this.ganttOnDblClick);
+                }
+            }, oncontextmenuTaskList: (event, id) => {
+                let row = getProjectById(id, this.currentTasks);
+                if (!row) {
+                    row = getPhaseById(id, this.currentTasks);
+                }
+                if (row) {
+                    this.handleContextMenu(event, row, this.ganttonOnContextMenu);
+                }
+            }, ganttId: KUP_PLANNER_MAIN_GANTT_ID }))))));
+    }
+    get element() { return this; }
+    static get watchers() { return {
+        "scrollY": ["updateScrollY"]
+    }; }
+    static get style() { return kupTaskListCss; }
+}, [0, "kup-task-list", {
+        "headerHeight": [2, "header-height"],
+        "fontFamily": [1, "font-family"],
+        "fontSize": [1, "font-size"],
+        "rowWidth": [1, "row-width"],
+        "rowHeight": [2, "row-height"],
+        "scrollY": [2, "scroll-y"],
+        "locale": [1],
+        "tasks": [16],
+        "selectedTask": [16],
+        "horizontalContainerClass": [1, "horizontal-container-class"],
+        "ganttHeight": [2, "gantt-height"],
+        "filter": [16],
+        "TaskListHeader": [16],
+        "TaskListTable": [16],
+        "currentTasks": [16],
+        "label": [1],
+        "doubleView": [4, "double-view"],
+        "setDoubleView": [16],
+        "handleClick": [16],
+        "handleDblClick": [16],
+        "handleContextMenu": [16],
+        "ganttOnClick": [16],
+        "ganttOnDblClick": [16],
+        "ganttonOnContextMenu": [16],
+        "setSelectedTask": [16],
+        "expanderClick": [16],
+        "selectedTaskId": [32]
+    }, undefined, {
+        "scrollY": ["updateScrollY"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["kup-task-list", "kup-custom-task-list-header", "kup-custom-task-list-table"];
+    components.forEach(tagName => { switch (tagName) {
+        case "kup-task-list":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TaskList);
+            }
+            break;
+        case "kup-custom-task-list-header":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "kup-custom-task-list-table":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { KupPlannerGanttRowType as K, TaskList as T, defaultStylingOptions as a, KupPlannerTaskAction as b, KupPlannerLastOnChangeReceived as c, defineCustomElement as d, KupPlannerProps as e, KUP_PLANNER_MAIN_GANTT_ID as f, KUP_PLANNER_SECONDARY_GANTT_ID as g };