@sme.up/ketchup 10.4.0 → 10.4.1

package/dist/components/{p-ce948cb3.js → p-1f7417f2.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './p-de5d3537.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u } from './p-bfa406f9.js';
-import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './p-5882e117.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './p-61a69626.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u } from './p-8f165438.js';
+import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './p-0462f723.js';
 
 var toastuiEditor = {exports: {}};
 

package/dist/components/{p-bbb25c58.js → p-3156038f.js}

@@ -22,7 +22,7 @@ const KupSwitcher = /*@__PURE__*/ proxyCustomElement(class KupSwitcher extends H
             this.activeButton = mode;
             this.timeUnitChange(mode);
         };
-        return (h("div", { key: 'd24d4bc2fd86820f8ec6970387020b7d2b6088d1', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
+        return (h("div", { key: '8a4858f83d42bfa9a379ed3f18695c01d0ed4475', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
                 button: true,
                 buttonActive: this.activeButton === label,
             }, onClick: () => handleButtonClick(label) }, h("span", { class: "label" }, label.charAt(0).toUpperCase() + label.slice(1)))))));

package/dist/components/{p-9d13f3da.js → p-4684f313.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-ef8cbd35.js';
-import { d as defineCustomElement$2 } from './p-aa882232.js';
-import { d as defineCustomElement$1 } from './p-9a617844.js';
+import { d as defineCustomElement$2 } from './p-a89d1d1e.js';
+import { d as defineCustomElement$1 } from './p-75521d10.js';
 
 const TaskGantt = /*@__PURE__*/ proxyCustomElement(class TaskGantt extends H {
     constructor() {
@@ -39,12 +39,12 @@ const TaskGantt = /*@__PURE__*/ proxyCustomElement(class TaskGantt extends H {
     }
     render() {
         const newBarProps = Object.assign(Object.assign({}, this.barProps), { gridProps: this.gridProps, phaseDragScroll: this.phaseDragScroll });
-        return (h("div", { key: 'e2b4a8dff37cb823329dd6cbf6ea4ed7a9b81e33', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: '156ef3dc8e066fa143ca2b27c945e5487299b87b', dateSetup: this.calendarProps.dateSetup, locale: this.calendarProps.locale, rtl: this.calendarProps.rtl, headerHeight: this.calendarProps.headerHeight, columnWidth: this.calendarProps.columnWidth, fontFamily: this.calendarProps.fontFamily, fontSize: this.calendarProps.fontSize, dateTimeFormatters: this.calendarProps.dateTimeFormatters, singleLineHeader: this.calendarProps.singleLineHeader, currentDateIndicator: this.calendarProps.currentDateIndicator, svgWidth: this.gridProps.svgWidth }), h("div", { key: '994c441039334c518f9c45bcb1b197ecc0ca5073', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
+        return (h("div", { key: '0cec2ff8e11685d0c8e8a16290ea51c5548e4fe5', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: 'b698770fca2c44b63a5385196ed28e08173d1064', dateSetup: this.calendarProps.dateSetup, locale: this.calendarProps.locale, rtl: this.calendarProps.rtl, headerHeight: this.calendarProps.headerHeight, columnWidth: this.calendarProps.columnWidth, fontFamily: this.calendarProps.fontFamily, fontSize: this.calendarProps.fontSize, dateTimeFormatters: this.calendarProps.dateTimeFormatters, singleLineHeader: this.calendarProps.singleLineHeader, currentDateIndicator: this.calendarProps.currentDateIndicator, svgWidth: this.gridProps.svgWidth }), h("div", { key: '23528d2ce63dcb93273e55c18ea185574be35179', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
                 ? {
                     height: `${this.ganttHeight}px`,
                     width: `${this.gridProps.svgWidth}px`,
                 }
-                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: 'f7b9656624c914819676bebc1891d9d388c7bfe7' }, newBarProps)))));
+                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: 'c02affad8b979a692a64447d3595348fce0d3d47' }, newBarProps)))));
     }
     get rootElement() { return this; }
     static get watchers() { return {

package/dist/components/{p-bf75edc9.js → p-511f2a65.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, F as Fragment } from './p-ef8cbd35.js';
-import { a as KupDates } from './p-4d238cc9.js';
+import { a as KupDates } from './p-5dcc763f.js';
 import { c as createArrayFromNum } from './p-9aa93983.js';
 
 const ganttTableModuleCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.container{margin-top:var(--kup-space-04)}.scrollable{overflow-x:auto;scrollbar-width:0}.scrollable .project-wrapper{display:table}.scrollable .project{width:100% !important;display:table-row}.scrollable .project>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid var(--kup-border-subtle, #acacac);border-top:1px solid var(--kup-border-subtle, #acacac);padding-left:12px}.scrollable .project>*:first-child{border-left:1px solid var(--kup-border-subtle, #acacac);border-bottom-left-radius:4px;border-top-left-radius:4px}.scrollable .project>*:last-child{border-right:1px solid var(--kup-border-subtle, #acacac);border-bottom-right-radius:4px;border-top-right-radius:4px}.scrollable .subrow{width:100% !important;display:table-row}.scrollable .subrow>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid #acacac;border-top:1px solid #acacac;padding-left:12px}.scrollable .subrow>*:first-child{border-left:1px solid #acacac}.scrollable .subrow>*:last-child{border-right:1px solid #acacac}.scrollable .timeline{width:100% !important;display:table-row}.scrollable .timeline>*{overflow:unset;padding-right:10px;display:table-cell;vertical-align:middle;border-bottom:1px solid #acacac;border-top:1px solid #acacac;padding-left:12px}.scrollable .timeline>*:first-child{border-left:1px solid #acacac}.scrollable .timeline>*:last-child{border-right:1px solid #acacac}.scrollable .project:has(+.subrow)>*{border-bottom-left-radius:0;border-bottom-right-radius:0}.scrollable::-webkit-scrollbar{width:0;height:0}.project{background:var(--kup-layer-1);border-bottom:1px solid var(--kup-border-subtle);border-radius:var(--kup-radius-00);box-sizing:border-box;color:var(--kup-text-secondary);cursor:pointer;display:grid;font-weight:400;grid-template-columns:var(--grid-project-columns, 1fr 1fr 1fr);place-items:center;padding:var(--kup-space-03)}.project>*{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.project .main{font-weight:700;width:100%;padding-left:4px;font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.subrow{cursor:pointer;display:grid;border-bottom:1px solid var(--kup-border-subtle);box-sizing:border-box;grid-template-columns:var(--grid-fasi-columns, 1fr 1fr 1fr);place-items:center;background-color:var(--kup-layer-1);color:var(--kup-text-primary);font-weight:400}.subrow>*{font-size:12px;line-height:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.subrow:last-of-type{border-bottom:1px solid var(--kup-border-subtle)}.subrow:has(+.subrow),.project:has(+.subrow){border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.timeline{padding:var(--kup-space-03);cursor:pointer;display:grid;border-bottom:1px solid var(--kup-border-subtle);border-radius:var(--kup-radius-00);grid-template-columns:var(--grid-fasi-columns, 1fr 1fr 1fr);place-items:center;background-color:var(--kup-layer-1);color:var(--kup-text-primary);font-weight:400;box-sizing:border-box}.timeline>*{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.timeline .main{font-weight:700;width:100%;padding-left:4px;font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}";

package/dist/components/{p-a79ced63.js → p-5c463e65.js}

@@ -1,17 +1,17 @@
 import { p as proxyCustomElement, H, h, f as forceUpdate } from './p-ef8cbd35.js';
-import { g as ganttDateRangeFromTask, s as seedDates, d as defineCustomElement$5 } from './p-359a4569.js';
+import { g as ganttDateRangeFromTask, s as seedDates, d as defineCustomElement$5 } from './p-807b9585.js';
 import { r as removeHiddenTasks, s as sortTasks } from './p-9aa93983.js';
-import { c as convertToBarTasks, a as calculateCurrentDateCalculator, b as calculateProjection, d as defineCustomElement$9 } from './p-9a617844.js';
-import { d as defineCustomElement$c } from './p-9a502c5d.js';
-import { d as defineCustomElement$b } from './p-bf75edc9.js';
-import { d as defineCustomElement$a } from './p-aa882232.js';
-import { d as defineCustomElement$8 } from './p-bdecbc93.js';
-import { d as defineCustomElement$7 } from './p-dc1ce1b4.js';
-import { d as defineCustomElement$6 } from './p-9d13f3da.js';
-import { d as defineCustomElement$4 } from './p-5b1056e4.js';
-import { d as defineCustomElement$3 } from './p-23d0f0c7.js';
-import { d as defineCustomElement$2 } from './p-767fcf91.js';
-import { d as defineCustomElement$1 } from './p-cbc6b3d5.js';
+import { c as convertToBarTasks, a as calculateCurrentDateCalculator, b as calculateProjection, d as defineCustomElement$9 } from './p-75521d10.js';
+import { d as defineCustomElement$c } from './p-9669b12a.js';
+import { d as defineCustomElement$b } from './p-511f2a65.js';
+import { d as defineCustomElement$a } from './p-a89d1d1e.js';
+import { d as defineCustomElement$8 } from './p-e2423dcd.js';
+import { d as defineCustomElement$7 } from './p-7f02b390.js';
+import { d as defineCustomElement$6 } from './p-4684f313.js';
+import { d as defineCustomElement$4 } from './p-156d3583.js';
+import { d as defineCustomElement$3 } from './p-6f7b1f98.js';
+import { d as defineCustomElement$2 } from './p-640b8279.js';
+import { d as defineCustomElement$1 } from './p-d8167d44.js';
 
 const kupGanttCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.wrapper{display:flex;padding:0;margin:0;list-style:none;outline:none;position:relative}.ganttContainer{background:var(--kup-layer-2);border-radius:var(--kup-radius-00);overflow:hidden;padding:var(--kup-space-05)}.ganttVerticalContainer{overflow:hidden;font-size:0;margin:0;padding:0}.horizontalContainer{margin:0;padding:0;overflow:hidden}.horizontalContainerScrollable{overflow:auto !important;scrollbar-width:0}.horizontalContainerScrollable::-webkit-scrollbar{width:0;height:0}.task-gantt{overflow:hidden}";
 const KupGanttStyle0 = kupGanttCss;
@@ -579,9 +579,9 @@ const KupGantt = /*@__PURE__*/ proxyCustomElement(class KupGantt extends H {
             TaskListHeader: this.TaskListHeader,
             TaskListTable: this.TaskListTable
         };
-        return (h("div", { key: '369ec43109afb9a6f40446e806faf1f54dd67a43', class: "gannt-wrapper-main" }, h("div", { key: '52c2d71a0508119b1e252d196079af28c36ffea9', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: '7bff507a44beaae83ac961dea8bad526b684d3b2', 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", scrollableTaskList: this.scrollableTaskList, updateTaskListScrollX: this.ignoreScrollEvent, ontaskListScrollWidth: (width) => {
+        return (h("div", { key: '60e583165b2559dfeac328cb17f8bae5bfcd5dd6', class: "gannt-wrapper-main" }, h("div", { key: '62b786f1e7c614dc37e1872de8bcff9ac8b8019a', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: '7592522b4b29f45b037e33c1041cfff90d424e93', 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", scrollableTaskList: this.scrollableTaskList, updateTaskListScrollX: this.ignoreScrollEvent, ontaskListScrollWidth: (width) => {
                 this.taskListScrollWidth = width;
-            }, taskListScrollX: this.taskListScrollX, ref: (el) => (this.taskListTrueRef = el) }))), h("kup-task-gantt", { key: '6d82fda19eaaf819c71a5772a52ec63319c34174', gridProps: gridProps, calendarProps: calendarProps, barProps: barProps, ganttHeight: this.ganttHeight, taskGanttRef: this.taskGanttRef, scrollY: this.scrollY, scrollX: this.scrollX, phaseDragScroll: this.handlePhaseDragScroll.bind(this), class: "ganttContainer" }), this.ganttEvent.changedTask && (h("kup-tooltip", { key: 'b2b16a3153dac7ee314be92db91cafd2279df83e', 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", { key: 'c3bfcc814a946ec6c32f372288fb020c31906eee', 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", { key: 'faafe36d199295d0d3d53405c8df3c5fe67cf94e', svgWidth: this.svgWidth, taskListTrueRef: this.taskListTrueRef, taskListWidth: this.taskListWidth, scrollNumber: this.scrollX, rtl: this.rtl, horizontalScroll: this.handleScrollX.bind(this), horizontalTaskListScroll: this.handleTaskListScrollX.bind(this), listCellWidth: this.listCellWidth, scrollableTaskList: this.scrollableTaskList, taskListScrollWidth: this.taskListScrollWidth, taskListScrollNumber: this.taskListScrollX }))));
+            }, taskListScrollX: this.taskListScrollX, ref: (el) => (this.taskListTrueRef = el) }))), h("kup-task-gantt", { key: 'b687539013865f3e11e4b8f56031442ac84c28e0', gridProps: gridProps, calendarProps: calendarProps, barProps: barProps, ganttHeight: this.ganttHeight, taskGanttRef: this.taskGanttRef, scrollY: this.scrollY, scrollX: this.scrollX, phaseDragScroll: this.handlePhaseDragScroll.bind(this), class: "ganttContainer" }), this.ganttEvent.changedTask && (h("kup-tooltip", { key: '670437ff57b69b0a9ca9278ee7d6d63e01382c5d', 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", { key: 'db4f2b9d53ae5f8e8c4e4e2e762d0425498f49c3', 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", { key: 'c1a5a4de44c7519f7abf08e18bd0993440ef31a8', svgWidth: this.svgWidth, taskListTrueRef: this.taskListTrueRef, taskListWidth: this.taskListWidth, scrollNumber: this.scrollX, rtl: this.rtl, horizontalScroll: this.handleScrollX.bind(this), horizontalTaskListScroll: this.handleTaskListScrollX.bind(this), listCellWidth: this.listCellWidth, scrollableTaskList: this.scrollableTaskList, taskListScrollWidth: this.taskListScrollWidth, taskListScrollNumber: this.taskListScrollX }))));
     }
     get rootElement() { return this; }
     static get watchers() { return {

package/dist/components/{p-4d238cc9.js → p-5dcc763f.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal } from './p-5882e117.js';
+import { c as commonjsGlobal } from './p-0462f723.js';
 
 /**
  * Supported locales.

package/dist/components/{p-de5d3537.js → p-61a69626.js}

@@ -1,6 +1,6 @@
-import { g as getDefaultExportFromCjs, c as commonjsGlobal } from './p-5882e117.js';
+import { g as getDefaultExportFromCjs, c as commonjsGlobal } from './p-0462f723.js';
 import { g as getAssetPath, s as setAssetPath } from './p-3aae989f.js';
-import { K as KupDatesFormats, a as KupDates, b as KupDatesLocales } from './p-4d238cc9.js';
+import { K as KupDatesFormats, a as KupDates, b as KupDatesLocales } from './p-5dcc763f.js';
 
 /**
  * Props of the kup-card component.

package/dist/components/{p-767fcf91.js → p-640b8279.js}

@@ -66,7 +66,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
         }
     }
     render() {
-        return (h("div", { key: 'aacfee9b9521a7da47c42959ddba11cc13a2d86e', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: 'c4c45b5f181e23ead0bdb3dc9b6cf5e78458cf6e', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
+        return (h("div", { key: '93f584faebff866e284024a54906d8dee569f8bb', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: 'fd287965b4608a4468150cb78ffd7db8fba2a13e', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
     }
     get rootElement() { return this; }
     static get watchers() { return {

package/dist/components/{p-23d0f0c7.js → p-6f7b1f98.js}

@@ -28,7 +28,7 @@ const TaskListTableDefault = /*@__PURE__*/ proxyCustomElement(class TaskListTabl
         return date.toLocaleDateString(this.locale, this.dateTimeOptions);
     }
     render() {
-        return (h("div", { key: 'e7368c350429accbf8713109fe99c73c4cb6a850', class: "taskListWrapper", style: {
+        return (h("div", { key: '57c731aef0c7bc0c04628ef6044b034486b616de', class: "taskListWrapper", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
             } }, this.tasks.map((task) => (h("div", { class: {

package/dist/components/{p-9a617844.js → p-75521d10.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, F as Fragment } from './p-ef8cbd35.js';
 import { d as defaultStylingOptions } from './p-a0eeacbd.js';
 import { i as isKeyboardEvent } from './p-9aa93983.js';
-import { c as commonjsGlobal } from './p-5882e117.js';
+import { c as commonjsGlobal } from './p-0462f723.js';
 
 const convertToBarTasks = (tasks, dates, columnWidth, rowHeight, taskHeight, projectHeight, timelineHeight, barCornerRadius, handleWidth, rtl, barProgressColor, barProgressSelectedColor, barBackgroundColor, barBackgroundSelectedColor, projectProgressColor, projectProgressSelectedColor, projectBackgroundColor, projectBackgroundSelectedColor, showSecondaryDates) => {
     let barTasks = tasks.map((t, i) => {
@@ -1402,13 +1402,13 @@ const KupGridRenderer = /*@__PURE__*/ proxyCustomElement(class KupGridRenderer e
             // }
             tickX += this.columnWidth;
         }
-        return (h("svg", { key: '380a83d730b9c011e576a588f689e88bf6bd1814', xmlns: "http://www.w3.org/2000/svg", width: this.gridProps.svgWidth, height: `${this.rowHeight * this.tasks.length}px`, "font-family": this.fontFamily, ref: (el) => (this.svg = el) }, h("g", { key: 'a9a83e3ec574b36a1ce9d012f6f1e13bffe8eed5', class: "grid" }, h("g", { key: '10d5b31ee258f91aac82ce3dc441871f57fe76f6', class: "rows" }, gridRows), h("g", { key: 'ddae99458fa1c0ce5b96ac9846bfb167d0f6d7a5', class: "rowLines" }, rowLines), h("g", { key: '3a30ca604d25216ecfcea251bced32d9ac211932', class: "ticks" }, ticks)), h("g", { key: '46d90e500351f11ffda906eb5c31fea195cc0223', class: "content" }, this.currentDateIndicator && (h("rect", { key: '167a7fa6be1cccaea4d57a2c687a0628e91c00d7', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: '310e6996cddec5650662b08289bb42c1715dcba5', fill: this.projection.color, x: this.projection.x0, y: "0", width: this.projection.xf - this.projection.x0, height: "100%", "fill-opacity": "0.35" })), h("g", { key: '48d1b6330012fc1cb1bbdd87a25afc9e3e868867', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
+        return (h("svg", { key: '0395c2319db4698c367e9d4b2bb22da8f5119bd5', xmlns: "http://www.w3.org/2000/svg", width: this.gridProps.svgWidth, height: `${this.rowHeight * this.tasks.length}px`, "font-family": this.fontFamily, ref: (el) => (this.svg = el) }, h("g", { key: '4094639f9282fbdac78bf8d3aa05694b5c5bb6cf', class: "grid" }, h("g", { key: '92172ba05af1c2ed66c8655b66f8ae773c8fccba', class: "rows" }, gridRows), h("g", { key: '9fcfa11d689d6f01f54fb29d6156e789e60a39c5', class: "rowLines" }, rowLines), h("g", { key: 'e6d83941fd3a673d2c586f0bba71d5251ef6cc4a', class: "ticks" }, ticks)), h("g", { key: 'dd9221a588751170e915c4f72938dbfb9772a282', class: "content" }, this.currentDateIndicator && (h("rect", { key: '6734e5bb9a5d2143e458c83e6c24e875cafe5205', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: '70179996ddfdc8b33b9315f5e4938d6abd0ea3ae', fill: this.projection.color, x: this.projection.x0, y: "0", width: this.projection.xf - this.projection.x0, height: "100%", "fill-opacity": "0.35" })), h("g", { key: '8f4f1b6dc0919c8251871e242d6ab514121d2a42', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
             return task.barChildren.map((child) => {
                 if (task.type !== 'timeline') {
                     this.renderKupArrow(task, child);
                 }
             });
-        })), h("g", { key: '92d9c57208504e793e94742c5d0a718b2a1ffa5e', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
+        })), h("g", { key: 'bbfff688585a2166f3008a75f9e39cbac90caa83', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
             const forbidResize = task.type === 'project';
             return (h("g", { onKeyDown: (e) => {
                     switch (e.key) {
@@ -1468,7 +1468,7 @@ const KupGridRenderer = /*@__PURE__*/ proxyCustomElement(class KupGridRenderer e
                         return this.renderKupBar(task, props.isSelected, isDateResizable, isProgressChangeable);
                 }
             })()));
-        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: 'e42b2b38135aab0c22be661f29774c02341c3f87', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
+        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: 'cd2a823576c419481d36b5eb4147a8d7a2547ff4', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
     }
     static get watchers() { return {
         "columnWidth": ["updateXStep"],

package/dist/components/{p-dc1ce1b4.js → p-7f02b390.js}

@@ -13,7 +13,7 @@ const StandardTooltipContent = /*@__PURE__*/ proxyCustomElement(class StandardTo
         this.fontFamily = undefined;
     }
     render() {
-        return (h("div", { key: '7427840d8808ed3ebbc8b57f8bd4653243a6e9a1', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: '1d7aaa16b5fa91322952d235ac8a6ba90d4a3083', style: { fontSize: `${parseInt(this.fontSize) + 6}px` } }, `${this.task.name}: ${this.task.start.getDate()}-${this.task.start.getMonth() + 1}-${this.task.start.getFullYear()} - ${this.task.end.getDate()}-${this.task.end.getMonth() + 1}-${this.task.end.getFullYear()}`), this.task.end.getTime() - this.task.start.getTime() !== 0 && (h("p", { key: 'a30ef9c69dc7091d0f935d64d76ce6aa5eb32d4c', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: '2cbb86c782ec3c4e87e2ddfaf2717bada396f664', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
+        return (h("div", { key: '82b85f32d22dcae1462fd312514ba3424d6584dd', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: 'a23740dc4f62fc0082c191bcaff8afcaa9a8ec4a', style: { fontSize: `${parseInt(this.fontSize) + 6}px` } }, `${this.task.name}: ${this.task.start.getDate()}-${this.task.start.getMonth() + 1}-${this.task.start.getFullYear()} - ${this.task.end.getDate()}-${this.task.end.getMonth() + 1}-${this.task.end.getFullYear()}`), this.task.end.getTime() - this.task.start.getTime() !== 0 && (h("p", { key: '660e8de0eb4236d960df443dffb5708d7ce499f4', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: 'f73f6a08eb3dd22ad7f923f1b07e6cba91069d72', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
     }
     static get style() { return KupStandardTooltipStyle0; }
 }, [1, "kup-standard-tooltip", {

package/dist/components/{p-359a4569.js → p-807b9585.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-ef8cbd35.js';
 import { K as KUP_PLANNER_MAIN_GANTT_ID } from './p-a0eeacbd.js';
-import { a as KupDates } from './p-4d238cc9.js';
-import { d as defineCustomElement$2 } from './p-9a502c5d.js';
-import { d as defineCustomElement$1 } from './p-bf75edc9.js';
+import { a as KupDates } from './p-5dcc763f.js';
+import { d as defineCustomElement$2 } from './p-9669b12a.js';
+import { d as defineCustomElement$1 } from './p-511f2a65.js';
 
 const columnWidthForTimeUnit = (timeUnit) => {
     switch (timeUnit) {
@@ -519,7 +519,7 @@ const TaskList = /*@__PURE__*/ proxyCustomElement(class TaskList extends H {
         if (TaskListTable && TaskListTable['$attrs$']) {
             Object.assign(TaskListTable['$attrs$'], Object.assign({}, tableProps));
         }
-        return (h("div", { key: 'f934b78d05a4851af330799a723b9afe0a2be36d', ref: (el) => (this.taskListRef = el) }, TaskListHeader && TaskListHeader['$attrs$'] ? (TaskListHeader) : (h("kup-custom-task-list-header", Object.assign({ label: this.label, doubleView: (_a = this.doubleView) !== null && _a !== void 0 ? _a : false, setDoubleView: this.setDoubleView }, headerProps))), h("div", { key: '0ee50961a474dac562d97548df584e98c07360fa', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
+        return (h("div", { key: '5e63f1a7961d981b1fc6abc1d45f7723a708125d', ref: (el) => (this.taskListRef = el) }, TaskListHeader && TaskListHeader['$attrs$'] ? (TaskListHeader) : (h("kup-custom-task-list-header", Object.assign({ label: this.label, doubleView: (_a = this.doubleView) !== null && _a !== void 0 ? _a : false, setDoubleView: this.setDoubleView }, headerProps))), h("div", { key: '04af20cf452169c48897955fbbb8e650e0bfbd9b', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
                 ? { height: this.ganttHeight + 'px' }
                 : {}, ref: (el) => (this.horizontalContainerRef = el) }, TaskListTable && TaskListTable['$attrs$'] ? (TaskListTable) : (h("kup-custom-task-list-table", Object.assign({}, tableProps, { onclickTaskList: (id) => {
                 let row = getProjectById(id, this.currentTasks);

package/dist/components/{p-bfa406f9.js → p-8f165438.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h as h$1, d as Host, F as Fragment$1 } from './p-ef8cbd35.js';
-import { b as KupThemeIconValues, I as ItemsDisplayMode, e as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, d as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, c as KupThemeColorValues, C as CHIAdapter, R as RADAdapter, j as CMBandACPAdapter, l as KupTagNames, m as FCellShapes, n as getCellValueForDisplay, o as fullWidthFieldsComps, p as autoCenterComps, q as FCellEvents, r as isForceUppercase, t as isForceLowercase, u as KupDebugCategory, v as adaptContentToDisplayMode, w as FCellPadding, x as fillString, y as KupCardBuiltInClockElements, z as KupCardCSSClasses, A as KupLanguageTotals, B as KupLanguageColumn, D as KupDataNewColumnTypes, E as KupCardSubEvents, G as KupCardIds, H as KupLanguageRow, J as KupLanguageSearch, L as getColumnByName, M as KupObjects, N as formatToNumber, O as Filters, P as getValueForDisplay, Q as getValueForDisplay2, S as KupData, T as compareCell, U as TotalMode, V as getRegExpFromString, W as CHKAdapter, X as SWTAdapter, Y as SortMode, Z as GroupLabelDisplayMode, _ as SelectionMode, $ as KupLanguageGrouping, a0 as KupLanguageCheckbox, a1 as FILTER_ANALYZER, a2 as KupLanguagePage, a3 as addColumnValueFromRow, a4 as KupGlobalFilterMode, g as getProps, s as setProps, a5 as TotalLabel, a6 as isNegativeNumber, a7 as KupPointerEventTypes, a8 as kupDynamicPositionAttribute, a9 as identify, aa as KupListProps, ab as KupCardFamily, ac as KupListRole, ad as KupLanguageUpload, ae as LoadMoreMode, af as PaginatorPos, ag as ShowGrid, ah as kupDraggableColumnAttr, ai as kupDragActiveAttr, aj as KupDragEffect, ak as kupDraggableCellAttr, al as KupDropEventTypes, am as DataTableAreasEnum, an as TypesToDuplicate, ao as FixedCellsClasses, ap as FixedCellsCSSVarsBase, aq as KupLanguageFontsize, ar as KupLanguageDensity, as as KupLanguageGrid, at as KupDataTableProps, au as UseAsValue, av as iconColumn, aw as keyColumn, ax as fieldColumn, ay as getSizeOfInputElement, az as KupCardProps } from './p-de5d3537.js';
+import { b as KupThemeIconValues, I as ItemsDisplayMode, e as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, d as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, c as KupThemeColorValues, C as CHIAdapter, R as RADAdapter, j as CMBandACPAdapter, l as KupTagNames, m as FCellShapes, n as getCellValueForDisplay, o as fullWidthFieldsComps, p as autoCenterComps, q as FCellEvents, r as isForceUppercase, t as isForceLowercase, u as KupDebugCategory, v as adaptContentToDisplayMode, w as FCellPadding, x as fillString, y as KupCardBuiltInClockElements, z as KupCardCSSClasses, A as KupLanguageTotals, B as KupLanguageColumn, D as KupDataNewColumnTypes, E as KupCardSubEvents, G as KupCardIds, H as KupLanguageRow, J as KupLanguageSearch, L as getColumnByName, M as KupObjects, N as formatToNumber, O as Filters, P as getValueForDisplay, Q as getValueForDisplay2, S as KupData, T as compareCell, U as TotalMode, V as getRegExpFromString, W as CHKAdapter, X as SWTAdapter, Y as SortMode, Z as GroupLabelDisplayMode, _ as SelectionMode, $ as KupLanguageGrouping, a0 as KupLanguageCheckbox, a1 as FILTER_ANALYZER, a2 as KupLanguagePage, a3 as addColumnValueFromRow, a4 as KupGlobalFilterMode, g as getProps, s as setProps, a5 as TotalLabel, a6 as isNegativeNumber, a7 as KupPointerEventTypes, a8 as kupDynamicPositionAttribute, a9 as identify, aa as KupListProps, ab as KupCardFamily, ac as KupListRole, ad as KupLanguageUpload, ae as LoadMoreMode, af as PaginatorPos, ag as ShowGrid, ah as kupDraggableColumnAttr, ai as kupDragActiveAttr, aj as KupDragEffect, ak as kupDraggableCellAttr, al as KupDropEventTypes, am as DataTableAreasEnum, an as TypesToDuplicate, ao as FixedCellsClasses, ap as FixedCellsCSSVarsBase, aq as KupLanguageFontsize, ar as KupLanguageDensity, as as KupLanguageGrid, at as KupDataTableProps, au as UseAsValue, av as iconColumn, aw as keyColumn, ax as fieldColumn, ay as getSizeOfInputElement, az as KupCardProps } from './p-61a69626.js';
 import { h, g as getAssetPath, F as Fragment } from './p-3aae989f.js';
-import { c as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './p-4d238cc9.js';
+import { c as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './p-5dcc763f.js';
 
 /**
  * Stores result from supportsCssVariables to avoid redundant processing to
@@ -17613,7 +17613,7 @@ const KupTimePicker = /*@__PURE__*/ proxyCustomElement(class KupTimePicker exten
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h$1(Host, { key: '65f19ff4be56ba56c32b8620dece6485f90439e2' }, h$1("style", { key: 'f62b3c946c6a7c69b9890afcc1ac7301c75af349' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'b614dc8e91eed4693617300fa4aa072796465918', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        return (h$1(Host, { key: 'eac8ebb896129524a8a0a3d69b056ddee9e298f1' }, h$1("style", { key: 'cdc5f34e526676d597e5ccb811e8e8bd3217db1c' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'ca97afb58f61a5b4d015a225eb8187903349561c', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);
@@ -19337,7 +19337,7 @@ const KupSwitch = /*@__PURE__*/ proxyCustomElement(class KupSwitch extends H {
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (h$1(Host, { key: '89225ee1836608a0274bbf05d86b8673345b34b1' }, h$1("style", { key: 'e19f9784414d547d630c24a46a2e40e6d4c1dec6' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '621a69e22881473c900fa8874e9b06a47a4e7a18', id: componentWrapperId }, h$1(FSwitch, Object.assign({ key: '6318405dd07e72597071f86e79985b475eaf3a58' }, props)))));
+        return (h$1(Host, { key: 'f454a303a1ac2fe61de328d4cf7aef1b93b61560' }, h$1("style", { key: '3f0d62c6007769d7dee16d36ed7eb7071692a898' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'ebac0d62f7c5290955a2e3f6a25e0c94911fe38e', id: componentWrapperId }, h$1(FSwitch, Object.assign({ key: '47acf05847c7443ecae90f164f6edec548c066ca' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -19610,59 +19610,59 @@ const KupSpinner = /*@__PURE__*/ proxyCustomElement(class KupSpinner extends H {
             spinnerClass = 'spinner-v' + this.layout;
             if (this.layout === 7) {
                 spinnerEl = [
-                    h$1("div", { key: '90da4bea524d6ae49bd7590b099d7af5bce8c4bc', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: 'f625f8a469c687a328dec11def5481b47dfdc6b2', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: 'fce31054830c273aceb9fe0a186daed290319d07', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: '18b89c2a7b927b07a03a6aa374cc6dc9d22d5c2c', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: '454dd58c7c1f2a51dcf3891198aa9108d3240347', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: '5787a5461b543828af41373b963fc2c3c984d848', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: '44d7df3462f2e22dd266852f758e4acf58290681', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: '5a7a10a0b86cdc1f3fd3bdefb30c9f22580fa4f9', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: '9bbeecc52ab35734aea9bd4655b98d8d3827fe0f', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: '4d15d7225dee4558a88605ba73e446ba76cd429c', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: 'a994e554f39a9a158e698b3afb430606cbf5f67d', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: '12356833042a7b9d42645a445e9863ceb5b484dc', class: "sk-spinner-v7-dot" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    h$1("div", { key: '3b44a114e62bcfa99acb7fd583ebee257c75477d', class: "sk-spinner-v9-bounce1" }),
-                    h$1("div", { key: '1ac2ee154b6db501a95dcb6b9bd84d9eabea213a', class: "sk-spinner-v9-bounce2" }),
+                    h$1("div", { key: 'eead37f0a30f92b1fad0c212ffeb8366e9d22e94', class: "sk-spinner-v9-bounce1" }),
+                    h$1("div", { key: '539eb828bda6e24086465f83f0689ae7b4fa4595', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    h$1("div", { key: 'd0be49dd982f4f40197f23c758526bfc9b769991', class: "sk-spinner-v10-cube1" }),
-                    h$1("div", { key: '177788b950edddfb35643e46d871137532aeeb9d', class: "sk-spinner-v10-cube2" }),
+                    h$1("div", { key: '0100715b1234557f48aee829dc171ea630e859d3', class: "sk-spinner-v10-cube1" }),
+                    h$1("div", { key: 'be9c825a0892c9a348be5d06acbb87ac41ca92fd', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    h$1("div", { key: '19e8c36f13d2c0eeb6a8ad24515a24a2e1cecfde', class: "sk-spinner-v12-dot1" }),
-                    h$1("div", { key: 'b8ac14d003d7f601437e223c72dfd59ff9954367', class: "sk-spinner-v12-dot2" }),
+                    h$1("div", { key: '0fde9c08f1564b503d355574f6479ebc372cb306', class: "sk-spinner-v12-dot1" }),
+                    h$1("div", { key: '8974376541b7b1be84c51e9ba4b989b256e6e9ef', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    h$1("div", { key: '0b4a4e591c6ca25e85170fb004f324822f050135', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    h$1("div", { key: '668a13a54d0e383977bed6f32e95e3f1dd78285f', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    h$1("div", { key: 'd2792cde124ce31a812d9b8c169b83de6e078dc2', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    h$1("div", { key: '3fc0b2ba9eebddfc0c1be20cd3e958fdfb86d123', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    h$1("div", { key: '3269b799012c027a320bff8256aa846223c3c213', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    h$1("div", { key: '9d932019c87435a325307b9c3ca11441a3f8d2c2', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    h$1("div", { key: 'e29e2d7a8f7092f03893c4654577a6636bca5ddc', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    h$1("div", { key: '9ec5c8fc4a18283180a5e98c63b796e2c06bd00c', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    h$1("div", { key: 'b7976b9cdbbdb933316448e6c5cd72c4d9492026', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    h$1("div", { key: 'b4a00d72fbef7a34f0b01d30f755eb53262219f7', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
+                    h$1("div", { key: '783758140bc30c82228dc17d19795f54031ae425', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
+                    h$1("div", { key: '23fd6314927ffb11aba115b029cddadc249992b7', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
+                    h$1("div", { key: '085b40493edd098a4a32acb6a01d3a2e8a529e90', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
+                    h$1("div", { key: 'c33f1c2850a22ad9c9c26e187460c42c7da2ed63', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
+                    h$1("div", { key: '118903e56885cd52de5d134071a64cb5e2755be8', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
+                    h$1("div", { key: 'fb2045874ad1c1963d248eaf19697b98b2718601', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
+                    h$1("div", { key: 'e6eb79640376b049ac95005527f956b4c1e4028b', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
+                    h$1("div", { key: 'c05fbcc11651f98e8546d65112934269d70d322b', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    h$1("div", { key: '43f703d9d094ba069b5bb02e92c9e74711828df1', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '82f2d547b8de3da9acd78f6ec69c6b5a67261e93', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    h$1("div", { key: 'a5e3f0d7d0ae729c4066fb0a64096b3021ed1c45', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '9e657fea86ab17b86ff5cc637597ca0501fea0a3', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '0f11f4fa9e91ad5265672903255fc07dfb08b07a', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '4dcec3ed2bc03228dfeca88976241e83d0210881', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    h$1("div", { key: 'a20a89d5a2d0d47bba54c9bb0c932e9e39c43c88', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '8061fd589444079388c88eff984b7d4c0e210fb6', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '27e9567b83cfd945abfa32f847dd80f7f71cf475', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '49d6b3a4f7bdbf78e99933a24fff7afc9126db63', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    h$1("div", { key: 'd870a887d28416a702279fbb2b84a73ef133d9c9', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '0e193a5bfc7a08c3cd8d82da2e36c0f319215125', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '0a5ae21931ae2b0d575624d7c45d7cf3913018b4', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'dd983c321effae6097c102f48f85c720785cac7b', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '75dd58337c7097f60dccdd298f6ee0f972408c76', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '70e307034418aa0e5d460b302ca625cb387151e7', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'e43c81dd4d362a362b986d9c824e61ae9c14b49d', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '386a100e5467a0fc482b7503776589115979c833', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '8fd2a0abe0309a647905d6694d16f3988747ae1a', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'ef1426cb781c1cb02423a35317bca989db00de0f', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'a086dff681388aae67eb898e1117e8e34087432a', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '3cba559881fa2b60fd663e6ab07e08b5baadac12', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '5ba4aa90225b2136eb5f917e6341ceecbf6b5058', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'c7218b85c9e88a244b96c8a9af353ba3796d215d', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
                 ];
             }
         }
@@ -19681,7 +19681,7 @@ const KupSpinner = /*@__PURE__*/ proxyCustomElement(class KupSpinner extends H {
         else {
             elStyle = Object.assign(Object.assign({}, elStyle), { fontSize: '3px' });
         }
-        return (h$1(Host, { key: '047cf91e1b91090b19b9e07e8d3ed5c9e93c9b01', style: elStyle }, h$1("style", { key: 'c28e4baa877428442fc12ef9908ed9e3ee606e9e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '85c8bbcacfd075b9c3a4a16074a95df1a7773f23', id: componentWrapperId, style: elStyle }, h$1("div", { key: '12e7ab8754db6191ec050c32ec228df99bb2c33e', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h$1("div", { key: '7a05138502bf991b2e72e8013712f51174bd1b50', id: wrapperClass, style: elStyle }, h$1("div", { key: '3bccdb4bb8beefd999fbdfbb86440e0999575819', class: spinnerClass }, spinnerEl))))));
+        return (h$1(Host, { key: '38da60422d5eecb10031213cab3692ac5e2df561', style: elStyle }, h$1("style", { key: 'bba4371d8c04c12e5e3b8e1efc84203b52e06415' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '23c7977f38094e51459130302737bb29d650f5d2', id: componentWrapperId, style: elStyle }, h$1("div", { key: 'fb9c72dc06dc5fa67a47601b999ac712c121a117', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h$1("div", { key: 'ae5d49965e37297baeec30a267198e8a8bbbf44d', id: wrapperClass, style: elStyle }, h$1("div", { key: 'a11da5e060a775d63ec3bfb8862817ce69687ac7', class: spinnerClass }, spinnerEl))))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -19950,7 +19950,7 @@ const KupRating = /*@__PURE__*/ proxyCustomElement(class KupRating extends H {
                 : false,
             onClick: (i) => this.onKupClick(i),
         };
-        return (h$1(Host, { key: 'd01ef2cfb73b3e72cb3d56ecede10cb7a2b66368' }, h$1("style", { key: '940e67e41bcaeb69205055ee5af1b56e3b015d1b' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'a3342415e91667c9e9f0677c2f5b79616a814f69', id: componentWrapperId }, h$1(FRating, Object.assign({ key: 'b9147b13dd6157a875c84042329874b72c3a9b0e' }, props)))));
+        return (h$1(Host, { key: '8a72b1823ca4c4be9e0d90ee4391a1f74a7d50db' }, h$1("style", { key: '8a2de1e7328e7dd7a78e319aaf3fb5f140fc2fd1' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '311537f75032559633b7b849f3f93d3a0744c508', id: componentWrapperId }, h$1(FRating, Object.assign({ key: '8e816301cf3bb49dabe9ae589c507331980b526a' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -20224,7 +20224,7 @@ const KupProgressBar = /*@__PURE__*/ proxyCustomElement(class KupProgressBar ext
                 ? true
                 : false,
         };
-        return (h$1(Host, { key: '6d16fbbce2878c135c67a4b56dbf69099904d529' }, h$1("style", { key: 'd60887a62fa3ef9f320d97d67458561cff1f7210' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '26cb5f5983fde587f5badcbfdc2b4355326ac484', id: componentWrapperId }, h$1(FProgressBar, Object.assign({ key: '31de915d7832b8109087d632cf06e94c104e7c63' }, props)))));
+        return (h$1(Host, { key: '5346aa4f5e6366fb501ce2e866f08b984ad61731' }, h$1("style", { key: '9ace450b6a38466282ec58bf4951da0932f86cf0' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '134ff9269e83ab39c847a3fcf340d9662a055c3e', id: componentWrapperId }, h$1(FProgressBar, Object.assign({ key: '777c19e0cf5b5158932cd55a718ae36cc7f85eeb' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/components/{p-9a502c5d.js → p-9669b12a.js}

@@ -14,11 +14,11 @@ const KupCustomTaskListHeader = /*@__PURE__*/ proxyCustomElement(class KupCustom
         this.fontSize = undefined;
     }
     render() {
-        return (h("div", { key: '23f119a1f4df86a9c9518014672600827ef3946a', class: "custom-task-list-wrapper", style: {
+        return (h("div", { key: 'fdc8beea062b5fbed5133aa1a1bfbc210a2ee940', class: "custom-task-list-wrapper", style: {
                 height: '25px',
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: 'be428c1fa53e5d20c10b7841ed711678ca46ca50', class: "title" }, h("span", { key: '5c6742dd5a63dbf837e1df3f7daa422925be102b' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: '7dee3b1d2c665d5360b85a59fdafc2902f1fec01', class: "toggler" }, h("label", { key: '2ff7fb287c8901f60018d57a3f91e4827d49fc0a', htmlFor: "ch2", class: "switch" }, h("input", { key: '3b8df0b5b2b66b34ffa0151c2b62523d9b756885', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: 'f38b848a394283807290d19c2188d8255745ea89', class: "slider" })), h("span", { key: '03870d86ee67071fc114da83ffc4fe3a8abc897d', class: "label" }, "Previsioni")))));
+            } }, h("div", { key: '938e5faed9978c03790ef22c9ceb6c2920d233f9', class: "title" }, h("span", { key: 'e3bcbfa356d75ef1deb19a28220a488f744eeb6f' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: 'fd7380ed55f1a8a0cf65b01d7307a8e955139e86', class: "toggler" }, h("label", { key: 'fdedd2e822bdb1e1d06ccdf7cf4cd3a725aa4210', htmlFor: "ch2", class: "switch" }, h("input", { key: '0108812b528e18ee463b396b127b9b7916745d68', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: '18cae18f6ac56d2330433bf9b32e4f85d69f544e', class: "slider" })), h("span", { key: 'c452fffb482e38234ea405c4574a31ce39879093', class: "label" }, "Previsioni")))));
     }
     static get style() { return KupCustomTaskListHeaderStyle0; }
 }, [0, "kup-custom-task-list-header", {

package/dist/components/{p-aa882232.js → p-a89d1d1e.js}

@@ -316,11 +316,11 @@ const KupGanttCalendar = /*@__PURE__*/ proxyCustomElement(class KupGanttCalendar
         this.simplifiedHeader =
             this.singleLineHeader && this.dateSetup.viewMode !== 'year';
         const [topValues, bottomValues] = this.getTopAndBottomValues();
-        return (h("svg", { key: '4bca0e060f56a7fe37e05b75d5d6869f040704a6', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: '7d8e96b34aeb2d6fda64ca62c8f85669609d6dbb', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: '8e7726a396d3f38f4b264acaeb6b28e998bfb60c', x: 0, y: 0, width: this.columnWidth * this.dateSetup.dates.length, height: this.headerHeight, class: "calendarHeader" }), this.simplifiedHeader ? null : bottomValues, this.simplifiedHeader
+        return (h("svg", { key: '4d3337bc44f889a9c56b70f00c3d9691935ebb1a', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: 'e04a41685f85602f4673e3720730c6a772245bd0', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: '4ef10013b909f7077731979bcec3f231022e9eab', x: 0, y: 0, width: this.columnWidth * this.dateSetup.dates.length, height: this.headerHeight, class: "calendarHeader" }), this.simplifiedHeader ? null : bottomValues, this.simplifiedHeader
             ? topValues.map((topValue) => (h("g", { class: "calendarTop" }, h("line", { x1: topValue.x1Line, y1: topValue.y2Line * 2, x2: topValue.x1Line, y2: topValue.y2Line, class: "calendarTopTick", key: topValue.value + 'line' }), h("text", { key: topValue.value + 'text', y: topValue.yText, x: topValue.xText, class: "calendarTopText" }, topValue.value))))
             : topValues.map((topValue) => (h("g", { class: "calendarTop" }, h("line", { x1: topValue.x1Line, y1: topValue.y1Line, x2: topValue.x1Line, y2: topValue.y2Line, class: "calendarTopTick", key: topValue.value + 'line' }), h("text", { key: topValue.value + 'text', y: topValue.yText, x: topValue.xText, class: "calendarTopText" }, topValue.value)))), this.currentDateIndicator && (
         // current date indicator
-        h("circle", { key: '8a301e27afb5737f85421156a63ce577096846a7', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
+        h("circle", { key: '783f6187865b0f21a7f066a7e8d23d677ea01b5b', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
     }
     static get style() { return KupGanttCalendarStyle0; }
 }, [0, "kup-gantt-calendar", {

package/dist/components/{p-df7be9b0.js → p-cb019ce0.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, u as KupDebugCategory } from './p-de5d3537.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u } from './p-bfa406f9.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, u as KupDebugCategory } from './p-61a69626.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u } from './p-8f165438.js';
 
 /**
  * Props of the kup-grid component.

package/dist/components/{p-cbc6b3d5.js → p-d8167d44.js}

@@ -37,11 +37,11 @@ const KupVerticalScroll = /*@__PURE__*/ proxyCustomElement(class KupVerticalScro
         };
     }
     render() {
-        return (h("div", { key: '8e3600213a2d21a94dbb232a0dd2b83c332fc093', style: {
+        return (h("div", { key: '7c51a0f660ddf3e8bd92481ee3d231b432673477', style: {
                 height: `${this.ganttHeight}px`,
                 marginTop: `${this.headerHeight}px`,
                 marginLeft: this.rtl ? '' : '-1rem',
-            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: 'f11b5279bb0fafa024cf92df8a9960fb4fdaa8d5', style: {
+            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: '40e5807dfed85935ff06b86406faf165b95409d0', style: {
                 height: `${this.ganttFullHeight}px`,
                 width: '1px',
             } })));

package/dist/components/{p-bdecbc93.js → p-e2423dcd.js}

@@ -60,20 +60,20 @@ const HorizontalScroll = /*@__PURE__*/ proxyCustomElement(class HorizontalScroll
         var _a, _b;
         const w = (_b = ((_a = this.taskListTrueRef) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) + 24 * 1.5) !== null && _b !== void 0 ? _b : 0; // 24 * 2 is the sum of padding and margin for both list and gantt, multiplied by 1.5 cause we need to add the other half to the right
         const width = +this.listCellWidth.replace('px', '');
-        return (h(Fragment, { key: '1cb5cc72c0e08db314e6ead1a39180e6a20ed6f9' }, h("div", { key: 'da412f0efab8374f0bbc7cf4ab125d7e113543ee', class: "scroll-container" }, this.scrollableTaskList &&
-            this.taskListScrollWidth > width && (h("div", { key: '40344cef778d4b9051cf1d321b7b49e82e3bb35c', dir: "ltr", style: {
+        return (h(Fragment, { key: 'f3b55ade278b97bd84d78c543a465ab43cb0c04b' }, h("div", { key: 'd055d4cce94f6bfe8e590d0edbb2185763b0e14e', class: "scroll-container" }, this.scrollableTaskList &&
+            this.taskListScrollWidth > width && (h("div", { key: '9b56debdb882b93b65098e38bbff1fbce0dc79a0', dir: "ltr", style: {
                 margin: this.rtl
                     ? `0px 20px 0px 20px`
                     : `0px 20px 0px 20px`,
                 maxWidth: `${width + 20}px`,
                 minWidth: `${width + 20}px`,
-            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { key: 'f39845955cc68e1900c597bc13966e2daf6e336c', style: {
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { key: '5b4508bfd4e72006153cd9f368675a87f6809e22', style: {
                 width: `${this.taskListScrollWidth}px`,
-            }, class: "scroll" }))), h("div", { key: '8aa6d6fbbd7fea960479851a816d93b31c971269', dir: "ltr", style: {
+            }, class: "scroll" }))), h("div", { key: 'bfd573478aa4930a0b97a6a57c76412f67568ec1', dir: "ltr", style: {
                 margin: this.rtl
                     ? `0px ${this.scrollableTaskList && this.taskListScrollWidth > width ? 40 : w}px 0px 12px`
                     : `0px 12px 0px ${this.scrollableTaskList && this.taskListScrollWidth > width ? 40 : w}px`,
-            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: 'd0502cab3f7a0e3cb145f903b4ce5c708ec5917e', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: '48ec74f46bdd8f6197a55efea02b5160527f350f', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
     }
     get rootElement() { return this; }
     static get watchers() { return {

package/dist/components/{p-aed6a4a1.js → p-f7ff351a.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, a9 as identify, g as getProps, s as setProps, Y as SortMode, L as getColumnByName, e as KupLanguageGeneric, b as KupThemeIconValues, u as KupDebugCategory, a7 as KupPointerEventTypes, aj as KupDragEffect, aA as kupDraggableAttr, al as KupDropEventTypes, J as KupLanguageSearch } from './p-de5d3537.js';
-import { I as filterRows, J as paginateRows, G as sortRows, L as pageChange, N as rowsPerPageChange, F as FImage, O as FCell, P as FChip, Q as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u, R as FPaginator } from './p-bfa406f9.js';
+import { k as kupManagerInstance, a9 as identify, g as getProps, s as setProps, Y as SortMode, L as getColumnByName, e as KupLanguageGeneric, b as KupThemeIconValues, u as KupDebugCategory, a7 as KupPointerEventTypes, aj as KupDragEffect, aA as kupDraggableAttr, al as KupDropEventTypes, J as KupLanguageSearch } from './p-61a69626.js';
+import { I as filterRows, J as paginateRows, G as sortRows, L as pageChange, N as rowsPerPageChange, F as FImage, O as FCell, P as FChip, Q as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u, R as FPaginator } from './p-8f165438.js';
 
 /**
  * Props of the kup-box component.

package/dist/components/{p-9bde8078.js → p-fea0aa53.js}

@@ -1,21 +1,21 @@
 import { p as proxyCustomElement, H, h as h$1 } from './p-ef8cbd35.js';
-import { c as calculateDisplayedDateRange, a as convertProjectToTasks, b as getPhaseById, m as mergeTaskIntoProjects, e as getProjectById, f as mergeTaskIntoPhases, h as columnWidthForTimeUnit, d as defineCustomElement$5 } from './p-359a4569.js';
+import { c as calculateDisplayedDateRange, a as convertProjectToTasks, b as getPhaseById, m as mergeTaskIntoProjects, e as getProjectById, f as mergeTaskIntoPhases, h as columnWidthForTimeUnit, d as defineCustomElement$5 } from './p-807b9585.js';
 import { K as KUP_PLANNER_MAIN_GANTT_ID, f as KUP_PLANNER_SECONDARY_GANTT_ID } from './p-a0eeacbd.js';
-import { a as KupDates } from './p-4d238cc9.js';
-import { g as ganttDateTimeFormatters, d as defineCustomElement$b } from './p-aa882232.js';
+import { a as KupDates } from './p-5dcc763f.js';
+import { g as ganttDateTimeFormatters, d as defineCustomElement$b } from './p-a89d1d1e.js';
 import { h } from './p-3aae989f.js';
-import { d as defineCustomElement$e } from './p-9a502c5d.js';
-import { d as defineCustomElement$d } from './p-bf75edc9.js';
-import { d as defineCustomElement$c } from './p-a79ced63.js';
-import { d as defineCustomElement$a } from './p-9a617844.js';
-import { d as defineCustomElement$9 } from './p-bdecbc93.js';
-import { d as defineCustomElement$8 } from './p-dc1ce1b4.js';
-import { d as defineCustomElement$7 } from './p-bbb25c58.js';
-import { d as defineCustomElement$6 } from './p-9d13f3da.js';
-import { d as defineCustomElement$4 } from './p-5b1056e4.js';
-import { d as defineCustomElement$3 } from './p-23d0f0c7.js';
-import { d as defineCustomElement$2 } from './p-767fcf91.js';
-import { d as defineCustomElement$1 } from './p-cbc6b3d5.js';
+import { d as defineCustomElement$e } from './p-9669b12a.js';
+import { d as defineCustomElement$d } from './p-511f2a65.js';
+import { d as defineCustomElement$c } from './p-5c463e65.js';
+import { d as defineCustomElement$a } from './p-75521d10.js';
+import { d as defineCustomElement$9 } from './p-e2423dcd.js';
+import { d as defineCustomElement$8 } from './p-7f02b390.js';
+import { d as defineCustomElement$7 } from './p-3156038f.js';
+import { d as defineCustomElement$6 } from './p-4684f313.js';
+import { d as defineCustomElement$4 } from './p-156d3583.js';
+import { d as defineCustomElement$3 } from './p-6f7b1f98.js';
+import { d as defineCustomElement$2 } from './p-640b8279.js';
+import { d as defineCustomElement$1 } from './p-d8167d44.js';
 
 const CustomTooltipHOC = () => {
     const CustomTooltip = () => h("div", null);
@@ -240,13 +240,13 @@ const KupPlannerRenderer = /*@__PURE__*/ proxyCustomElement(class KupPlannerRend
     }
     render() {
         var _a, _b, _c;
-        return (h$1("div", { key: 'c1cc0fe4d44331b5b75fb35b0afbd913caf7f622', class: "planner-render" }, h$1("kup-switcher", { key: '3c125419b5912ff9c9b9c24adba71dda785fa01d', timeUnitChange: (timeUnit) => {
+        return (h$1("div", { key: '453105f0084dc546f2ec3582d0c9baa941bf312b', class: "planner-render" }, h$1("kup-switcher", { key: 'bed5ea35a8e286999d2aeccf4ac3910b8e640631', timeUnitChange: (timeUnit) => {
                 var _a, _b;
                 (_b = (_a = this.props).onSetViewMode) === null || _b === void 0 ? void 0 : _b.call(_a, timeUnit);
                 this.timeUnit = timeUnit;
                 this.viewDate = undefined;
                 this.scrollX = -1;
-            } }), this.props && (h$1("div", { key: 'cf92a3212f97ec496aa30ff6b7eec91e831e4b14', style: {
+            } }), this.props && (h$1("div", { key: 'a62b73855e3cfba1dcc08965d3b4d4d62184d4a9', style: {
                 display: 'flex',
                 flexDirection: 'column',
             } }, h$1("kup-gantt", Object.assign({ ref: (el) => (this.mainGantt = el), ganttId: KUP_PLANNER_MAIN_GANTT_ID, key: KUP_PLANNER_MAIN_GANTT_ID, filter: this.props.mainGantt.filter, hideLabel: this.props.mainGantt.hideLabel, showSecondaryDates: this.mainGanttDoubleView, hideDependencies: this.props.mainGantt.hideDependencies, ganttHeight: this.props.mainGantt.ganttHeight, displayedStartDate: this.displayedDates.displayedStartDate, displayedEndDate: this.displayedDates.displayedEndDate, viewDate: this.viewDate, tasks: this.tasks, columnWidth: columnWidthForTimeUnit(this.timeUnit), viewMode: this.timeUnit }, this.props.mainGantt.stylingOptions, { TaskListHeader: this.props.mainGantt.taskListHeaderProject, TaskListTable: this.props.mainGantt.taskListTableProject, TooltipContent: (_a = this.props.mainGantt.tooltipContent) !== null && _a !== void 0 ? _a : CustomTooltipHOC(), barClick: (task) => {