@sme.up/ketchup 9.2.0 → 9.3.0

package/dist/collection/components/kup-planner/utils/kup-gantt/kup-gantt.js

@@ -0,0 +1,2302 @@
+import { h, } from "@stencil/core";
+import { ganttDateRangeFromTask, seedDates, } from "../kup-planner-renderer-helper";
+import { removeHiddenTasks, sortTasks } from "../helpers/other.helpers";
+import { calculateCurrentDateCalculator, calculateProjection, convertToBarTasks, } from "../helpers/bar.helpers";
+export class KupGantt {
+    constructor() {
+        this.ganttId = undefined;
+        this.tasks = undefined;
+        this.headerHeight = 114;
+        this.columnWidth = 60;
+        this.listCellWidth = '297px';
+        this.rowHeight = 50;
+        this.filter = undefined;
+        this.ganttHeight = 0;
+        this.viewMode = 'month';
+        this.preStepsCount = 1;
+        this.locale = 'en-GB';
+        this.barFill = 60;
+        this.projectFill = 80;
+        this.timelineFill = 40;
+        this.barCornerRadius = 3;
+        this.barProgressColor = '#a3a3ff';
+        this.barProgressSelectedColor = '#8282f5';
+        this.barBackgroundColor = '#b8c2cc';
+        this.barBackgroundSelectedColor = '#aeb8c2';
+        this.projectProgressColor = '#7db59a';
+        this.projectProgressSelectedColor = '#59a985';
+        this.projectBackgroundColor = '#fac465';
+        this.projectBackgroundSelectedColor = '#f7bb53';
+        this.rtl = false;
+        this.handleWidth = 8;
+        this.timeStep = 300000;
+        this.arrowColor = 'grey';
+        this.fontFamily = 'Arial, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue';
+        this.fontSize = '14px';
+        this.arrowIndent = 20;
+        this.todayColor = '#ff0000';
+        this.viewDate = undefined;
+        this.TooltipContent = (h("kup-standard-tooltip", null));
+        this.TaskListHeader = (h("kup-task-list-header", null));
+        this.TaskListTable = (h("kup-task-list-table", null));
+        this.dateTimeFormatters = undefined;
+        this.singleLineHeader = false;
+        this.hideLabel = false;
+        this.showSecondaryDates = false;
+        this.hideDependencies = false;
+        this.projection = undefined;
+        this.displayedStartDate = undefined;
+        this.displayedEndDate = undefined;
+        this.initialScrollX = -1;
+        this.initialScrollY = 0;
+        this.readOnly = undefined;
+        this.currentTasks = [];
+        this.label = undefined;
+        this.doubleView = undefined;
+        this.setDoubleView = undefined;
+        this.barContextMenu = undefined;
+        this.scrollXChange = undefined;
+        this.scrollYChange = undefined;
+        this.barClick = undefined;
+        this.barDblClick = undefined;
+        this.dateChange = undefined;
+        this.select = undefined;
+        this.handleClick = undefined;
+        this.handleDblClick = undefined;
+        this.handleContextMenu = undefined;
+        this.ganttOnClick = undefined;
+        this.ganttOnDblClick = undefined;
+        this.ganttonOnContextMenu = undefined;
+        this.progressChange = undefined;
+        this.doubleClick = undefined;
+        this.delete = undefined;
+        this.expanderClick = undefined;
+        this.wrapperRef = undefined;
+        this.taskGanttRef = null;
+        this.taskListRef = undefined;
+        this.dateSetup = undefined;
+        this.taskListWidth = 0;
+        this.svgContainerWidth = 0;
+        this.svgContainerHeight = this.ganttHeight;
+        this.barTasks = [];
+        this.ganttEvent = { action: '' };
+        this.taskHeight = (this.rowHeight * this.barFill) / 100;
+        this.projectHeight = (this.rowHeight * this.projectFill) / 100;
+        this.timelineHeight = (this.rowHeight * this.timelineFill) / 100;
+        this.selectedTask = undefined;
+        this.failedTask = null;
+        this.svgWidth = undefined;
+        this.ganttFullHeight = undefined;
+        this.scrollX = 0;
+        this.scrollY = -1;
+        this.ignoreScrollEvent = false;
+        this.currentDateIndicatorContent = undefined;
+        this.projectionContent = undefined;
+    }
+    //---- Lifecycle hooks ----
+    componentWillLoad() {
+        this.updateGanttData();
+        this.loadStates();
+    }
+    loadStates() {
+        var _a, _b;
+        this.scrollX = this.initialScrollX;
+        this.scrollY = this.initialScrollY;
+        const [startDate, endDate] = ganttDateRangeFromTask(this.tasks, this.viewMode, this.preStepsCount, this.showSecondaryDates, this.displayedStartDate, this.displayedEndDate);
+        this.dateSetup = {
+            viewMode: this.viewMode,
+            dates: seedDates(startDate, endDate, this.viewMode),
+        };
+        this.svgWidth = ((_b = (_a = this.dateSetup) === null || _a === void 0 ? void 0 : _a.dates) === null || _b === void 0 ? void 0 : _b.length) * this.columnWidth;
+        this.ganttFullHeight = this.barTasks.length * this.rowHeight;
+    }
+    componentDidRender() {
+        this.taskGanttRef = this.rootElement
+            .querySelector('kup-task-gantt')
+            .querySelector('.ganttVerticalContainer');
+    }
+    componentDidLoad() {
+        this.updateScrollLeftAndScrollTop();
+        window.addEventListener('gantt-sync-scroll-event', this.onGanttSyncScrollEvent.bind(this));
+    }
+    /*-------------------------------------------------*/
+    /*                   W A T C H E R S               */
+    /*-------------------------------------------------*/
+    // initial scroll
+    updateInitialScrollY() {
+        if (this.scrollYChange) {
+            this.scrollYChange(this.initialScrollY);
+        }
+        this.scrollY = this.initialScrollY;
+    }
+    // sync scroll event
+    updateInitialScrollX() {
+        window.addEventListener('gantt-sync-scroll-event', function (e) {
+            if (e.detail.id !== this.ganttId) {
+                this.scrollX = e.detail.scrollX;
+                // execute scroll x event
+                if (this.scrollXChange) {
+                    this.scrollXChange(e.detail.scrollX);
+                }
+            }
+        });
+    }
+    // task change events
+    updateGanttData() {
+        let filteredTasks;
+        if (this.expanderClick) {
+            filteredTasks = removeHiddenTasks(this.tasks);
+        }
+        else {
+            filteredTasks = this.tasks;
+        }
+        filteredTasks = filteredTasks.sort(sortTasks);
+        const [startDate, endDate] = ganttDateRangeFromTask(filteredTasks, this.viewMode, this.preStepsCount, this.showSecondaryDates, this.displayedStartDate, this.displayedEndDate);
+        let newDates = seedDates(startDate, endDate, this.viewMode);
+        if (this.rtl) {
+            newDates = newDates.reverse();
+            if (scrollX === -1) {
+                this.scrollX = newDates.length * this.columnWidth;
+            }
+        }
+        let set = false;
+        if (this.dateSetup && this.dateSetup.dates) {
+            const old = this.dateSetup.dates;
+            if (old.length !== newDates.length) {
+                set = true;
+            }
+            else {
+                for (let i = 0; i < old.length; i++) {
+                    if (old[i].valueOf() !== newDates[i].valueOf()) {
+                        set = true;
+                        break;
+                    }
+                }
+            }
+        }
+        if (set) {
+            this.dateSetup = { dates: newDates, viewMode: this.viewMode };
+        }
+        this.barTasks = convertToBarTasks(filteredTasks, newDates, this.columnWidth, this.rowHeight, this.taskHeight, this.projectHeight, this.timelineHeight, this.barCornerRadius, this.handleWidth, this.rtl, this.barProgressColor, this.barProgressSelectedColor, this.barBackgroundColor, this.barBackgroundSelectedColor, this.projectProgressColor, this.projectProgressSelectedColor, this.projectBackgroundColor, this.projectBackgroundSelectedColor, this.showSecondaryDates);
+    }
+    updateIgnoreScrollEvent() {
+        if (this.viewMode === this.dateSetup.viewMode &&
+            this.viewDate &&
+            this.initialScrollX < 1) {
+            const dates = this.dateSetup.dates;
+            const index = dates.findIndex((d, i) => this.viewDate.valueOf() >= d.valueOf() &&
+                i + 1 !== dates.length &&
+                this.viewDate.valueOf() < dates[i + 1].valueOf());
+            if (index === -1) {
+                return;
+            }
+            this.ignoreScrollEvent = true;
+            this.scrollX = this.columnWidth * index;
+        }
+    }
+    updateGanttEventAndBarTasks() {
+        const { changedTask, action } = this.ganttEvent;
+        if (changedTask) {
+            if (action === 'delete') {
+                this.ganttEvent = { action: '' };
+                this.barTasks = this.barTasks.filter((t) => t.id !== changedTask.id);
+            }
+            else if (action === 'move' ||
+                action === 'end' ||
+                action === 'start' ||
+                action === 'progress') {
+                const prevStateTask = this.barTasks.find((t) => t.id === changedTask.id);
+                if (prevStateTask &&
+                    (prevStateTask.start.getTime() !==
+                        changedTask.start.getTime() ||
+                        prevStateTask.end.getTime() !==
+                            changedTask.end.getTime() ||
+                        prevStateTask.progress !== changedTask.progress)) {
+                    // actions for change
+                    const newTaskList = this.barTasks.map((t) => t.id === changedTask.id ? changedTask : t);
+                    this.barTasks = newTaskList;
+                }
+            }
+        }
+    }
+    updateFailedTasksAndBarChart() {
+        if (this.failedTask) {
+            this.barTasks = this.barTasks.map((t) => t.id !== this.failedTask.id ? t : this.failedTask);
+            this.failedTask = null;
+        }
+    }
+    updateTaskListWidth() {
+        if (!this.listCellWidth) {
+            this.taskListWidth = 0;
+        }
+        if (this.taskListRef) {
+            this.taskListWidth = this.taskListRef.offsetWidth;
+        }
+    }
+    updateSvgContainerWidth() {
+        if (this.wrapperRef) {
+            this.svgContainerWidth =
+                this.wrapperRef.offsetWidth - this.taskListWidth;
+        }
+    }
+    updateSvgContainerHeight() {
+        if (this.ganttHeight) {
+            this.svgContainerHeight = this.ganttHeight + this.headerHeight;
+        }
+        else {
+            this.svgContainerHeight =
+                this.tasks.length * this.rowHeight + this.headerHeight;
+        }
+    }
+    handleWheel(event) {
+        const wrapperRefLocal = this.wrapperRef; // Replace with your actual wrapper class
+        if (!wrapperRefLocal)
+            return;
+        if ((event === null || event === void 0 ? void 0 : event.type) !== 'wheel')
+            return;
+        if (event.shiftKey || event.deltaX) {
+            const scrollMove = event.deltaX ? event.deltaX : event.deltaY;
+            let newScrollX = this.scrollX + scrollMove;
+            if (newScrollX < 0) {
+                newScrollX = 0;
+            }
+            else if (newScrollX > this.svgWidth) {
+                newScrollX = this.svgWidth;
+            }
+            this.scrollX = newScrollX;
+            window.dispatchEvent(new CustomEvent('gantt-sync-scroll-event', {
+                detail: {
+                    componentId: this.ganttId,
+                    scrollX: newScrollX,
+                },
+            }));
+            event.preventDefault();
+        }
+        else if (this.ganttHeight) {
+            let newScrollY = this.scrollY + event.deltaY;
+            if (newScrollY < 0) {
+                newScrollY = 0;
+            }
+            else if (newScrollY > Math.abs(this.ganttFullHeight - this.ganttHeight)) {
+                newScrollY = Math.abs(this.ganttFullHeight - this.ganttHeight);
+            }
+            if (newScrollY !== this.scrollY) {
+                if (this.scrollYChange) {
+                    this.scrollYChange(newScrollY);
+                }
+                this.scrollY = newScrollY;
+                event.preventDefault();
+            }
+        }
+        this.ignoreScrollEvent = true;
+    }
+    updateCurrentDateIndicatorContent() {
+        const x = calculateCurrentDateCalculator(this.dateSetup.dates, this.columnWidth);
+        if (x !== 0) {
+            this.currentDateIndicatorContent = {
+                color: this.todayColor,
+                x,
+            };
+        }
+    }
+    updateProjectionContent() {
+        if (this.projection) {
+            const { x0, xf } = calculateProjection(this.projection.start, this.projection.end, this.dateSetup.dates, this.columnWidth);
+            this.projectionContent = {
+                x0,
+                xf,
+                color: this.projection.color,
+            };
+        }
+        else {
+            this.projectionContent = undefined;
+        }
+    }
+    updateSvgWidth() {
+        var _a, _b;
+        this.svgWidth = ((_b = (_a = this.dateSetup) === null || _a === void 0 ? void 0 : _a.dates) === null || _b === void 0 ? void 0 : _b.length) * this.columnWidth;
+    }
+    updateGanttFullHeight() {
+        this.ganttFullHeight = this.barTasks.length * this.rowHeight;
+    }
+    onGanttSyncScrollEvent(e) {
+        if (e.detail.componentId !== this.ganttId) {
+            this.scrollX = e.detail.scrollX;
+            // execute scroll x event
+            if (this.scrollXChange) {
+                this.scrollXChange(e.detail.scrollX);
+            }
+        }
+    }
+    updateScrollLeftAndScrollTop() {
+        if (this.wrapperRef) {
+            const wrap = this.wrapperRef;
+            if (wrap) {
+                if (this.scrollX !== -1) {
+                    const setScrollLeft = () => {
+                        wrap.scrollLeft = this.scrollX;
+                    };
+                    setTimeout(setScrollLeft, 125);
+                }
+                if (this.scrollY !== 0) {
+                    const setScrollTop = () => {
+                        wrap.scrollTop = this.scrollY;
+                    };
+                    setTimeout(setScrollTop, 125);
+                }
+            }
+        }
+    }
+    handleScrollY(event) {
+        const currentTarget = event.currentTarget;
+        if (this.scrollY !== currentTarget.scrollTop) {
+            if (!this.ignoreScrollEvent) {
+                // Execute scroll Y event
+                if (this.scrollYChange) {
+                    this.scrollYChange(currentTarget.scrollTop);
+                }
+                this.scrollY = currentTarget.scrollTop;
+                this.ignoreScrollEvent = true;
+            }
+            else {
+                this.ignoreScrollEvent = false;
+            }
+        }
+        else {
+            this.ignoreScrollEvent = false;
+        }
+    }
+    handleScrollX(event) {
+        const currentTarget = event.currentTarget;
+        if (this.scrollX !== currentTarget.scrollLeft &&
+            !this.ignoreScrollEvent) {
+            this.scrollX = currentTarget.scrollLeft;
+            this.ignoreScrollEvent = true;
+            // Emit event to sync scroll
+            const id = this.ganttId;
+            window.dispatchEvent(new CustomEvent('gantt-sync-scroll-event', {
+                detail: {
+                    componentId: id,
+                    scrollX: currentTarget.scrollLeft,
+                },
+            }));
+        }
+        else {
+            this.ignoreScrollEvent = false;
+        }
+    }
+    handleKeyDown(event) {
+        if (event.target.tagName === 'INPUT') {
+            return;
+        }
+        event.preventDefault();
+        let newScrollY = this.scrollY;
+        let newScrollX = this.scrollX;
+        let isX = true;
+        switch (event.key) {
+            case 'Down': // IE/Edge specific value
+            case 'ArrowDown':
+                newScrollY += this.rowHeight;
+                isX = false;
+                break;
+            case 'Up': // IE/Edge specific value
+            case 'ArrowUp':
+                newScrollY -= this.rowHeight;
+                isX = false;
+                break;
+            case 'Left':
+            case 'ArrowLeft':
+                newScrollX -= this.columnWidth;
+                break;
+            case 'Right': // IE/Edge specific value
+            case 'ArrowRight':
+                newScrollX += this.columnWidth;
+                break;
+        }
+        if (isX) {
+            if (newScrollX < 0) {
+                newScrollX = 0;
+            }
+            else if (newScrollX > this.svgWidth) {
+                newScrollX = this.svgWidth;
+            }
+            this.scrollX = newScrollX;
+            // Emit event to sync scroll
+            window.dispatchEvent(new CustomEvent('gantt-sync-scroll-event', {
+                detail: {
+                    componentId: this.ganttId,
+                    scrollX: newScrollX,
+                },
+            }));
+        }
+        else {
+            if (newScrollY < 0) {
+                newScrollY = 0;
+            }
+            else if (newScrollY > this.ganttFullHeight - this.ganttHeight) {
+                newScrollY = this.ganttFullHeight - this.ganttHeight;
+            }
+            // Execute scroll y event
+            if (this.scrollYChange) {
+                this.scrollYChange(newScrollY);
+            }
+            this.scrollY = newScrollY;
+        }
+        this.ignoreScrollEvent = true;
+    }
+    handleSelectedTask(taskId) {
+        const newSelectedTask = this.barTasks.find((t) => t.id === taskId);
+        const oldSelectedTask = this.barTasks.find((t) => !!this.selectedTask && t.id === this.selectedTask.id);
+        if (this.select) {
+            if (oldSelectedTask) {
+                this.select(oldSelectedTask, false);
+            }
+            if (newSelectedTask) {
+                this.select(newSelectedTask, true);
+            }
+        }
+        this.selectedTask = newSelectedTask;
+    }
+    handleExpanderClick(task) {
+        if (this.expanderClick && task.hideChildren !== undefined) {
+            this.expanderClick(Object.assign(Object.assign({}, task), { hideChildren: !task.hideChildren }));
+        }
+    }
+    setFailedTask(task) {
+        this.failedTask = task;
+    }
+    setGanttEvent(gantt) {
+        this.ganttEvent = gantt;
+    }
+    render() {
+        var _a, _b;
+        const gridProps = {
+            columnWidth: this.columnWidth,
+            svgWidth: this.svgWidth,
+            tasks: this.tasks,
+            rowHeight: this.rowHeight,
+            dates: (_a = this.dateSetup) === null || _a === void 0 ? void 0 : _a.dates,
+            todayColor: this.todayColor,
+            rtl: this.rtl,
+        };
+        const calendarProps = {
+            dateSetup: this.dateSetup,
+            locale: this.locale,
+            viewMode: this.viewMode,
+            headerHeight: this.headerHeight,
+            columnWidth: this.columnWidth,
+            fontFamily: this.fontFamily,
+            fontSize: this.fontSize,
+            rtl: this.rtl,
+            dateTimeFormatters: this.dateTimeFormatters,
+            singleLineHeader: this.singleLineHeader,
+            currentDateIndicator: this.currentDateIndicatorContent,
+        };
+        const barProps = {
+            tasks: this.barTasks,
+            dates: (_b = this.dateSetup) === null || _b === void 0 ? void 0 : _b.dates,
+            ganttEvent: this.ganttEvent,
+            selectedTask: this.selectedTask,
+            rowHeight: this.rowHeight,
+            taskHeight: this.taskHeight,
+            columnWidth: this.columnWidth,
+            arrowColor: this.hideDependencies ? 'transparent' : this.arrowColor,
+            timeStep: this.timeStep,
+            fontFamily: this.fontFamily,
+            fontSize: this.fontSize,
+            arrowIndent: this.arrowIndent,
+            svgWidth: this.svgWidth,
+            rtl: this.rtl,
+            hideLabel: this.hideLabel,
+            showSecondaryDates: this.showSecondaryDates,
+            ganttHeight: this.ganttHeight,
+            currentDateIndicator: this.currentDateIndicatorContent,
+            projection: this.projectionContent,
+            readOnly: this.readOnly,
+            setGanttEvent: this.setGanttEvent.bind(this),
+            setFailedTask: this.setFailedTask.bind(this),
+            setSelectedTask: this.handleSelectedTask.bind(this),
+            dateChange: this.dateChange,
+            progressChange: this.progressChange,
+            doubleClick: this.doubleClick,
+            barClick: this.barClick,
+            barDblClick: this.barDblClick,
+            barContextMenu: this.barContextMenu,
+            delete: this.delete,
+        };
+        const tableProps = {
+            rowHeight: this.rowHeight,
+            rowWidth: this.listCellWidth,
+            fontFamily: this.fontFamily,
+            fontSize: this.fontSize,
+            tasks: this.barTasks,
+            locale: this.locale,
+            headerHeight: this.headerHeight,
+            scrollY: this.scrollY,
+            ganttHeight: this.ganttHeight,
+            filter: this.filter,
+            horizontalContainerClass: 'horizontalContainer',
+            selectedTask: this.selectedTask,
+            taskListRef: this.taskListRef,
+            setSelectedTask: this.handleSelectedTask.bind(this),
+            expanderClick: this.handleExpanderClick.bind(this),
+            TaskListHeader: this.TaskListHeader,
+            TaskListTable: this.TaskListTable,
+        };
+        return (h("div", { class: "gannt-wrapper-main" }, h("div", { class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ currentTasks: this.currentTasks, handleClick: this.handleClick, handleDblClick: this.handleDblClick, handleContextMenu: this.handleContextMenu, ganttOnClick: this.ganttOnClick, ganttOnDblClick: this.ganttOnDblClick, ganttonOnContextMenu: this.ganttonOnContextMenu, label: this.label, doubleView: this.doubleView, setDoubleView: this.setDoubleView }, tableProps, { class: "tasks" }))), h("kup-task-gantt", { gridProps: gridProps, calendarProps: calendarProps, barProps: barProps, ganttHeight: this.ganttHeight, taskGanttRef: this.taskGanttRef, scrollY: this.scrollY, scrollX: this.scrollX, class: "ganttContainer" }), this.ganttEvent.changedTask && (h("kup-tooltip", { arrowIndent: this.arrowIndent, rowHeight: this.rowHeight, svgContainerHeight: this.svgContainerHeight, svgContainerWidth: this.svgContainerWidth, fontFamily: this.fontFamily, fontSize: this.fontSize, scrollX: this.scrollX, scrollY: this.scrollY, task: this.ganttEvent.changedTask, headerHeight: this.headerHeight, taskListWidth: this.taskListWidth, TooltipContent: this.TooltipContent, rtl: this.rtl, svgWidth: this.svgWidth })), h("kup-vertical-scroll", { ganttFullHeight: this.ganttFullHeight, ganttHeight: this.ganttHeight, headerHeight: this.headerHeight, scrollNumber: this.scrollY, verticalScroll: this.handleScrollY.bind(this), rtl: this.rtl })), this.taskGanttRef && (h("kup-horizontal-scroll", { svgWidth: this.svgWidth, taskGanttRef: this.taskGanttRef, taskListWidth: this.taskListWidth, scrollNumber: this.scrollX, rtl: this.rtl, horizontalScroll: this.handleScrollX.bind(this) }))));
+    }
+    static get is() { return "kup-gantt"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["kup-gantt.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["kup-gantt.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "ganttId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['id']",
+                    "resolved": "string",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "gantt-id",
+                "reflect": false
+            },
+            "tasks": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['tasks']",
+                    "resolved": "KupPlannerTask[]",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "headerHeight": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['headerHeight']",
+                    "resolved": "number",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "header-height",
+                "reflect": false,
+                "defaultValue": "114"
+            },
+            "columnWidth": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['columnWidth']",
+                    "resolved": "number",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "column-width",
+                "reflect": false,
+                "defaultValue": "60"
+            },
+            "listCellWidth": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['listCellWidth']",
+                    "resolved": "string",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "list-cell-width",
+                "reflect": false,
+                "defaultValue": "'297px'"
+            },
+            "rowHeight": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['rowHeight']",
+                    "resolved": "number",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "row-height",
+                "reflect": false,
+                "defaultValue": "50"
+            },
+            "filter": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['filter']",
+                    "resolved": "HTMLElement",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "ganttHeight": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['ganttHeight']",
+                    "resolved": "number",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "gantt-height",
+                "reflect": false,
+                "defaultValue": "0"
+            },
+            "viewMode": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['viewMode']",
+                    "resolved": "\"day\" | \"month\" | \"week\" | \"year\"",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "view-mode",
+                "reflect": false,
+                "defaultValue": "'month'"
+            },
+            "preStepsCount": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['preStepsCount']",
+                    "resolved": "number",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "pre-steps-count",
+                "reflect": false,
+                "defaultValue": "1"
+            },
+            "locale": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['locale']",
+                    "resolved": "string",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "locale",
+                "reflect": false,
+                "defaultValue": "'en-GB'"
+            },
+            "barFill": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['barFill']",
+                    "resolved": "number",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "bar-fill",
+                "reflect": false,
+                "defaultValue": "60"
+            },
+            "projectFill": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['barFill']",
+                    "resolved": "number",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "project-fill",
+                "reflect": false,
+                "defaultValue": "80"
+            },
+            "timelineFill": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['barFill']",
+                    "resolved": "number",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "timeline-fill",
+                "reflect": false,
+                "defaultValue": "40"
+            },
+            "barCornerRadius": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['barCornerRadius']",
+                    "resolved": "number",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "bar-corner-radius",
+                "reflect": false,
+                "defaultValue": "3"
+            },
+            "barProgressColor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['barProgressColor']",
+                    "resolved": "string",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "bar-progress-color",
+                "reflect": false,
+                "defaultValue": "'#a3a3ff'"
+            },
+            "barProgressSelectedColor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['barProgressSelectedColor']",
+                    "resolved": "string",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "bar-progress-selected-color",
+                "reflect": false,
+                "defaultValue": "'#8282f5'"
+            },
+            "barBackgroundColor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['barBackgroundColor']",
+                    "resolved": "string",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "bar-background-color",
+                "reflect": false,
+                "defaultValue": "'#b8c2cc'"
+            },
+            "barBackgroundSelectedColor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['barBackgroundSelectedColor']",
+                    "resolved": "string",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "bar-background-selected-color",
+                "reflect": false,
+                "defaultValue": "'#aeb8c2'"
+            },
+            "projectProgressColor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['projectProgressColor']",
+                    "resolved": "string",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "project-progress-color",
+                "reflect": false,
+                "defaultValue": "'#7db59a'"
+            },
+            "projectProgressSelectedColor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['projectProgressSelectedColor']",
+                    "resolved": "string",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "project-progress-selected-color",
+                "reflect": false,
+                "defaultValue": "'#59a985'"
+            },
+            "projectBackgroundColor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['projectBackgroundColor']",
+                    "resolved": "string",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "project-background-color",
+                "reflect": false,
+                "defaultValue": "'#fac465'"
+            },
+            "projectBackgroundSelectedColor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['projectBackgroundSelectedColor']",
+                    "resolved": "string",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "project-background-selected-color",
+                "reflect": false,
+                "defaultValue": "'#f7bb53'"
+            },
+            "rtl": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['rtl']",
+                    "resolved": "boolean",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "rtl",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "handleWidth": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['handleWidth']",
+                    "resolved": "number",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "handle-width",
+                "reflect": false,
+                "defaultValue": "8"
+            },
+            "timeStep": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['timeStep']",
+                    "resolved": "number",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "time-step",
+                "reflect": false,
+                "defaultValue": "300000"
+            },
+            "arrowColor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['arrowColor']",
+                    "resolved": "string",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "arrow-color",
+                "reflect": false,
+                "defaultValue": "'grey'"
+            },
+            "fontFamily": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['fontFamily']",
+                    "resolved": "string",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "font-family",
+                "reflect": false,
+                "defaultValue": "'Arial, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue'"
+            },
+            "fontSize": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['fontSize']",
+                    "resolved": "string",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "font-size",
+                "reflect": false,
+                "defaultValue": "'14px'"
+            },
+            "arrowIndent": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['arrowIndent']",
+                    "resolved": "number",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "arrow-indent",
+                "reflect": false,
+                "defaultValue": "20"
+            },
+            "todayColor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['todayColor']",
+                    "resolved": "string",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "today-color",
+                "reflect": false,
+                "defaultValue": "'#ff0000'"
+            },
+            "viewDate": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['viewDate']",
+                    "resolved": "Date",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "TooltipContent": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['TooltipContent']",
+                    "resolved": "(props: { task: KupPlannerTask; fontSize: string; fontFamily: string; }) => Element",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "defaultValue": "(\r\n        <kup-standard-tooltip />\r\n    )"
+            },
+            "TaskListHeader": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['TaskListHeader']",
+                    "resolved": "Element | FunctionalComponent<{ headerHeight: number; rowWidth: string; fontFamily: string; fontSize: string; }>",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "defaultValue": "(\r\n        <kup-task-list-header />\r\n    )"
+            },
+            "TaskListTable": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['TaskListTable']",
+                    "resolved": "Element | (FunctionalComponent<{ rowHeight: number; rowWidth: string; fontFamily: string; fontSize: string; locale: string; tasks: KupPlannerTask[]; selectedTaskId: string; setSelectedTask: (taskId: string) => void; onExpanderClick: (task: KupPlannerTask) => void; }>)",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "defaultValue": "(\r\n        <kup-task-list-table />\r\n    )"
+            },
+            "dateTimeFormatters": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['dateTimeFormatters']",
+                    "resolved": "{ year?: KupPlannerDateTimeFormatter; month?: KupPlannerDateTimeFormatter; monthAndYear?: KupPlannerDateTimeFormatter; week?: KupPlannerDateTimeFormatter; day?: KupPlannerDateTimeFormatter; hour?: KupPlannerDateTimeFormatter; dayAndMonth?: KupPlannerDateTimeFormatter; }",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "singleLineHeader": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['singleLineHeader']",
+                    "resolved": "boolean",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "single-line-header",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "hideLabel": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['hideLabel']",
+                    "resolved": "boolean",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "hide-label",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "showSecondaryDates": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['showSecondaryDates']",
+                    "resolved": "boolean",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-secondary-dates",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "hideDependencies": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['hideDependencies']",
+                    "resolved": "boolean",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "hide-dependencies",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "projection": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['projection']",
+                    "resolved": "KupPlannerGanttPhaseProjection",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "displayedStartDate": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['displayedStartDate']",
+                    "resolved": "Date",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "displayedEndDate": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['displayedEndDate']",
+                    "resolved": "Date",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "initialScrollX": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['initialScrollX']",
+                    "resolved": "number",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "initial-scroll-x",
+                "reflect": false,
+                "defaultValue": "-1"
+            },
+            "initialScrollY": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['initialScrollY']",
+                    "resolved": "number",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "initial-scroll-y",
+                "reflect": false,
+                "defaultValue": "0"
+            },
+            "readOnly": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['readOnly']",
+                    "resolved": "boolean",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "read-only",
+                "reflect": false
+            },
+            "currentTasks": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttTaskN[] | KupPlannerItemDetail[]",
+                    "resolved": "KupPlannerGanttTaskN[] | KupPlannerItemDetail[]",
+                    "references": {
+                        "KupPlannerGanttTaskN": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttTaskN"
+                        },
+                        "KupPlannerItemDetail": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerItemDetail"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "defaultValue": "[]"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "label",
+                "reflect": false
+            },
+            "doubleView": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "double-view",
+                "reflect": false
+            },
+            "setDoubleView": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(checked: boolean) => void",
+                    "resolved": "(checked: boolean) => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "barContextMenu": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['barContextMenu']",
+                    "resolved": "(event: UIEvent, task: KupPlannerTask) => void",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "scrollXChange": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['scrollXChange']",
+                    "resolved": "(x: number) => void",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "scrollYChange": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['scrollYChange']",
+                    "resolved": "(y: number) => void",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "barClick": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['barClick']",
+                    "resolved": "(task: KupPlannerTask) => void",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "barDblClick": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['barDblClick']",
+                    "resolved": "(task: KupPlannerTask) => void",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "dateChange": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['dateChange']",
+                    "resolved": "(task: KupPlannerTask, children: KupPlannerTask[]) => boolean | void | Promise<boolean> | Promise<void>",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "select": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['select']",
+                    "resolved": "(task: KupPlannerTask, isSelected: boolean) => void",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "handleClick": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(row: KupPlannerGanttRow, onClick: any) => void",
+                    "resolved": "(row: KupPlannerGanttRow, onClick: any) => void",
+                    "references": {
+                        "KupPlannerGanttRow": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttRow"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "handleDblClick": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(row: KupPlannerGanttRow, onDblClick: any) => void",
+                    "resolved": "(row: KupPlannerGanttRow, onDblClick: any) => void",
+                    "references": {
+                        "KupPlannerGanttRow": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttRow"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "handleContextMenu": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(\r\n        event: MouseEvent,\r\n        row: KupPlannerGanttRow,\r\n        onContextMenu: any\r\n    ) => void",
+                    "resolved": "(event: MouseEvent, row: KupPlannerGanttRow, onContextMenu: any) => void",
+                    "references": {
+                        "MouseEvent": {
+                            "location": "global",
+                            "id": "global::MouseEvent"
+                        },
+                        "KupPlannerGanttRow": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttRow"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "ganttOnClick": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupGanttPlannerProps['onClick']",
+                    "resolved": "(row: KupPlannerGanttRow) => void",
+                    "references": {
+                        "KupGanttPlannerProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupGanttPlannerProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "ganttOnDblClick": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupGanttPlannerProps['onDblClick']",
+                    "resolved": "(row: KupPlannerGanttRow) => void",
+                    "references": {
+                        "KupGanttPlannerProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupGanttPlannerProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "ganttonOnContextMenu": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupGanttPlannerProps['onContextMenu']",
+                    "resolved": "(event: MouseEvent, row: KupPlannerGanttRow) => void",
+                    "references": {
+                        "KupGanttPlannerProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupGanttPlannerProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "progressChange": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['progressChange']",
+                    "resolved": "(task: KupPlannerTask, children: KupPlannerTask[]) => boolean | void | Promise<boolean> | Promise<void>",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "doubleClick": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['doubleClick']",
+                    "resolved": "(task: KupPlannerTask) => void",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "delete": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['delete']",
+                    "resolved": "(task: KupPlannerTask) => boolean | void | Promise<boolean> | Promise<void>",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "expanderClick": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "KupPlannerGanttProps['expanderClick']",
+                    "resolved": "(task: KupPlannerTask) => void",
+                    "references": {
+                        "KupPlannerGanttProps": {
+                            "location": "import",
+                            "path": "../../kup-planner-declarations",
+                            "id": "src/components/kup-planner/kup-planner-declarations.ts::KupPlannerGanttProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            }
+        };
+    }
+    static get states() {
+        return {
+            "wrapperRef": {},
+            "taskGanttRef": {},
+            "taskListRef": {},
+            "dateSetup": {},
+            "taskListWidth": {},
+            "svgContainerWidth": {},
+            "svgContainerHeight": {},
+            "barTasks": {},
+            "ganttEvent": {},
+            "taskHeight": {},
+            "projectHeight": {},
+            "timelineHeight": {},
+            "selectedTask": {},
+            "failedTask": {},
+            "svgWidth": {},
+            "ganttFullHeight": {},
+            "scrollX": {},
+            "scrollY": {},
+            "ignoreScrollEvent": {},
+            "currentDateIndicatorContent": {},
+            "projectionContent": {}
+        };
+    }
+    static get elementRef() { return "rootElement"; }
+    static get watchers() {
+        return [{
+                "propName": "initialScrollY",
+                "methodName": "updateInitialScrollY"
+            }, {
+                "propName": "scrollYChange",
+                "methodName": "updateInitialScrollY"
+            }, {
+                "propName": "initialScrollX",
+                "methodName": "updateInitialScrollX"
+            }, {
+                "propName": "scrollXChange",
+                "methodName": "updateInitialScrollX"
+            }, {
+                "propName": "tasks",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "viewMode",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "preStepsCount",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "rowHeight",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "barCornerRadius",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "columnWidth",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "taskHeight",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "handleWidth",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "barProgressColor",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "barProgressSelectedColor",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "barBackgroundColor",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "barBackgroundSelectedColor",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "projectProgressColor",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "projectProgressSelectedColor",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "projectBackgroundColor",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "projectBackgroundSelectedColor",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "milestoneBackgroundColor",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "milestoneBackgroundSelectedColor",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "rtl",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "scrollX",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "onExpanderClick",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "showSecondaryDates",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "projectHeight",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "timelineHeight",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "displayedStartDate",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "displayedEndDate",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "dateSetup",
+                "methodName": "updateGanttData"
+            }, {
+                "propName": "viewDate",
+                "methodName": "updateIgnoreScrollEvent"
+            }, {
+                "propName": "columnWidth",
+                "methodName": "updateIgnoreScrollEvent"
+            }, {
+                "propName": "dateSetup",
+                "methodName": "updateIgnoreScrollEvent"
+            }, {
+                "propName": "viewMode",
+                "methodName": "updateIgnoreScrollEvent"
+            }, {
+                "propName": "initialScrollX",
+                "methodName": "updateIgnoreScrollEvent"
+            }, {
+                "propName": "ganttEvent",
+                "methodName": "updateGanttEventAndBarTasks"
+            }, {
+                "propName": "failedTask",
+                "methodName": "updateFailedTasksAndBarChart"
+            }, {
+                "propName": "barTasks",
+                "methodName": "updateFailedTasksAndBarChart"
+            }, {
+                "propName": "taskListRef",
+                "methodName": "updateTaskListWidth"
+            }, {
+                "propName": "listCellWidth",
+                "methodName": "updateTaskListWidth"
+            }, {
+                "propName": "wrapperRef",
+                "methodName": "updateSvgContainerWidth"
+            }, {
+                "propName": "ganttHeight",
+                "methodName": "updateSvgContainerHeight"
+            }, {
+                "propName": "tasks",
+                "methodName": "updateSvgContainerHeight"
+            }, {
+                "propName": "headerHeight",
+                "methodName": "updateSvgContainerHeight"
+            }, {
+                "propName": "rowHeight",
+                "methodName": "updateSvgContainerHeight"
+            }, {
+                "propName": "wrapperRef",
+                "methodName": "handleWheel"
+            }, {
+                "propName": "scrollY",
+                "methodName": "handleWheel"
+            }, {
+                "propName": "scrollX",
+                "methodName": "handleWheel"
+            }, {
+                "propName": "ganttHeight",
+                "methodName": "handleWheel"
+            }, {
+                "propName": "svgWidth",
+                "methodName": "handleWheel"
+            }, {
+                "propName": "rtl",
+                "methodName": "handleWheel"
+            }, {
+                "propName": "ganttFullHeight",
+                "methodName": "handleWheel"
+            }, {
+                "propName": "columnWidth",
+                "methodName": "updateCurrentDateIndicatorContent"
+            }, {
+                "propName": "dateSetup",
+                "methodName": "updateCurrentDateIndicatorContent"
+            }, {
+                "propName": "todayColor",
+                "methodName": "updateCurrentDateIndicatorContent"
+            }, {
+                "propName": "columnWidth",
+                "methodName": "updateProjectionContent"
+            }, {
+                "propName": "dateSetup",
+                "methodName": "updateProjectionContent"
+            }, {
+                "propName": "projection",
+                "methodName": "updateProjectionContent"
+            }, {
+                "propName": "dateSetup",
+                "methodName": "updateSvgWidth"
+            }, {
+                "propName": "columnWidth",
+                "methodName": "updateSvgWidth"
+            }, {
+                "propName": "barTasks",
+                "methodName": "updateGanttFullHeight"
+            }, {
+                "propName": "rowHeight",
+                "methodName": "updateGanttFullHeight"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "wheel",
+                "method": "handleWheel",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
+}