@sme.up/ketchup 11.0.0-SNAPSHOT-20241217083229 → 11.0.0-SNAPSHOT-20241217103126

package/dist/components/{p-f95300f6.js → p-22b40453.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: 'c354de3621725a9c806c6f9d199af66ab821a4ef', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: 'a7b04d87979a2fc845ea52c82be79738578c8977', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: '4d5bae93fd9a3de2ab12fa3a00f971e4f9a7b53a', 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: 'cb25f41952a9df647dde916bdec8777008f8fef3', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: '1b2a22e86f120867dc36588d13d4529e85406b99', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: '6fcae9075fdd1228f4d8975390abbe55acd3f659', 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: '05c00faf553bf634cfd0fa5e635c3e6b386a8a64', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
+        h("circle", { key: '049fd3ba1ebcef54ae8fe3e78ead566e21c5f76b', 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-cfc8a8fb.js → p-3466bd5a.js}

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

package/dist/components/{p-2d57f1db.js → p-3bc624c9.js}

@@ -22,7 +22,7 @@ const KupSwitcher = /*@__PURE__*/ proxyCustomElement(class KupSwitcher extends H
             this.activeButton = mode;
             this.timeUnitChange(mode);
         };
-        return (h("div", { key: '20e948793cd9c04a4bce6a2789acfdb8e23a4588', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
+        return (h("div", { key: '6a1e9afe20ca4ed43a14712a154d4048c7370725', 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-f81a6df1.js → p-3bed44d4.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
-import { k as kupManagerInstance, a6 as identify, g as getProps, s as setProps, V as SortMode, G as getColumnByName, d as KupLanguageGeneric, c as KupThemeIconValues, t as KupDebugCategory, a3 as KupPointerEventTypes, ac as KupDragEffect, aq as kupDraggableAttr, ae as KupDropEventTypes, _ as KupLanguageSearch } from './p-d80bbcb0.js';
-import { G as filterRows, H as paginateRows, D as sortRows, I as pageChange, J as rowsPerPageChange, F as FImage, L as FCell, N as FChip, O 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, P as FPaginator } from './p-4bab013a.js';
+import { k as kupManagerInstance, a6 as identify, g as getProps, s as setProps, V as SortMode, G as getColumnByName, d as KupLanguageGeneric, c as KupThemeIconValues, t as KupDebugCategory, a3 as KupPointerEventTypes, ac as KupDragEffect, aq as kupDraggableAttr, ae as KupDropEventTypes, _ as KupLanguageSearch } from './p-14aad914.js';
+import { G as filterRows, H as paginateRows, D as sortRows, I as pageChange, J as rowsPerPageChange, F as FImage, L as FCell, N as FChip, O 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, P as FPaginator } from './p-f22fb696.js';
 
 /**
  * Props of the kup-box component.

package/dist/components/{p-911cd91d.js → p-776a38a0.js}

@@ -1,21 +1,21 @@
 import { p as proxyCustomElement, H, h as h$1 } from './p-2e5f2e07.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-dc697572.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-be17920c.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-1581348d.js';
-import { g as ganttDateTimeFormatters, d as defineCustomElement$b } from './p-f95300f6.js';
+import { g as ganttDateTimeFormatters, d as defineCustomElement$b } from './p-22b40453.js';
 import { h } from './p-3aae989f.js';
-import { d as defineCustomElement$e } from './p-61b8d8fd.js';
+import { d as defineCustomElement$e } from './p-babf447c.js';
 import { d as defineCustomElement$d } from './p-0e6c0355.js';
-import { d as defineCustomElement$c } from './p-0d856495.js';
-import { d as defineCustomElement$a } from './p-d0735e25.js';
-import { d as defineCustomElement$9 } from './p-ff1894fe.js';
-import { d as defineCustomElement$8 } from './p-e275fc9f.js';
-import { d as defineCustomElement$7 } from './p-2d57f1db.js';
-import { d as defineCustomElement$6 } from './p-a2ed336a.js';
-import { d as defineCustomElement$4 } from './p-1f1d9b1f.js';
-import { d as defineCustomElement$3 } from './p-56c8142a.js';
-import { d as defineCustomElement$2 } from './p-cfc8a8fb.js';
-import { d as defineCustomElement$1 } from './p-73449cb1.js';
+import { d as defineCustomElement$c } from './p-ae5af2ad.js';
+import { d as defineCustomElement$a } from './p-af3fcbd9.js';
+import { d as defineCustomElement$9 } from './p-d8b0f5eb.js';
+import { d as defineCustomElement$8 } from './p-c97810e2.js';
+import { d as defineCustomElement$7 } from './p-3bc624c9.js';
+import { d as defineCustomElement$6 } from './p-f7c2ca1d.js';
+import { d as defineCustomElement$4 } from './p-ff8bdafd.js';
+import { d as defineCustomElement$3 } from './p-822c3930.js';
+import { d as defineCustomElement$2 } from './p-3466bd5a.js';
+import { d as defineCustomElement$1 } from './p-79c12fc7.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: '2faef1b0f3c6619898c3e9aef629ff3212f4c983', class: "planner-render" }, h$1("kup-switcher", { key: '565209c4761f7af527e49e5da7f56e328aa7e328', timeUnitChange: (timeUnit) => {
+        return (h$1("div", { key: '79dba602c2082055a26816c5b41ef26bad99c2dd', class: "planner-render" }, h$1("kup-switcher", { key: '311e99279647ad73fc56562f0035fa85f0ebfa98', 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: '9629edaed35da84c4089558a4e26f61502384c53', style: {
+            } }), this.props && (h$1("div", { key: '825c038c52d5e98f48750a3f8e45c48516237396', 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) => {

package/dist/components/{p-73449cb1.js → p-79c12fc7.js}

@@ -37,11 +37,11 @@ const KupVerticalScroll = /*@__PURE__*/ proxyCustomElement(class KupVerticalScro
         };
     }
     render() {
-        return (h("div", { key: '3d3b8fbb45b98fd7a29d7ee033c1f918af1d9949', style: {
+        return (h("div", { key: 'a4ed08824d2725f0d203f31fbf15fdcccc87d3f7', 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: '6b3c0cc4a7ac473fb0689e9bab75c255aa100ba0', style: {
+            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: 'f45c374c75f698f5857a6aeabd01395647a3b01a', style: {
                 height: `${this.ganttFullHeight}px`,
                 width: '1px',
             } })));

package/dist/components/{p-56c8142a.js → p-822c3930.js}

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

package/dist/components/{p-f3a59611.js → p-83a86ca8.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host, g as getAssetPath } from './p-2e5f2e07.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, b as KupThemeColorValues, t as KupDebugCategory, G as getColumnByName, A as KupDataNewColumnTypes } from './p-d80bbcb0.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 } from './p-4bab013a.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupThemeColorValues, t as KupDebugCategory, G as getColumnByName, A as KupDataNewColumnTypes } from './p-14aad914.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 } from './p-f22fb696.js';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -84537,7 +84537,7 @@ const KupEchart = /*@__PURE__*/ proxyCustomElement(class KupEchart extends H {
             '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
             '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
         };
-        return (h(Host, { key: '6a1b9da9ca8a55642d2c5a7b4cbe6e344c0657af', style: style }, h("style", { key: 'c72c65a0c8a4099c8b08a9c1cbd3ed06e17df686' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'eb0e06939e0ea612ca39d35a480ee74a5e04c5c5', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
+        return (h(Host, { key: 'f40d78d9bd1b54cb01ed05e18edef28c29d33473', style: style }, h("style", { key: 'd341281f3b58021c7de43822b5bb3d9b0fc6c4fd' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'd71b62b4761cdb56e05ba1d736a375e12c52f964', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.unregister(this);

package/dist/components/{p-0d856495.js → p-ae5af2ad.js}

@@ -1,17 +1,17 @@
 import { p as proxyCustomElement, H, h, f as forceUpdate } from './p-2e5f2e07.js';
-import { g as ganttDateRangeFromTask, s as seedDates, d as defineCustomElement$5 } from './p-dc697572.js';
+import { g as ganttDateRangeFromTask, s as seedDates, d as defineCustomElement$5 } from './p-be17920c.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-d0735e25.js';
-import { d as defineCustomElement$c } from './p-61b8d8fd.js';
+import { c as convertToBarTasks, a as calculateCurrentDateCalculator, b as calculateProjection, d as defineCustomElement$9 } from './p-af3fcbd9.js';
+import { d as defineCustomElement$c } from './p-babf447c.js';
 import { d as defineCustomElement$b } from './p-0e6c0355.js';
-import { d as defineCustomElement$a } from './p-f95300f6.js';
-import { d as defineCustomElement$8 } from './p-ff1894fe.js';
-import { d as defineCustomElement$7 } from './p-e275fc9f.js';
-import { d as defineCustomElement$6 } from './p-a2ed336a.js';
-import { d as defineCustomElement$4 } from './p-1f1d9b1f.js';
-import { d as defineCustomElement$3 } from './p-56c8142a.js';
-import { d as defineCustomElement$2 } from './p-cfc8a8fb.js';
-import { d as defineCustomElement$1 } from './p-73449cb1.js';
+import { d as defineCustomElement$a } from './p-22b40453.js';
+import { d as defineCustomElement$8 } from './p-d8b0f5eb.js';
+import { d as defineCustomElement$7 } from './p-c97810e2.js';
+import { d as defineCustomElement$6 } from './p-f7c2ca1d.js';
+import { d as defineCustomElement$4 } from './p-ff8bdafd.js';
+import { d as defineCustomElement$3 } from './p-822c3930.js';
+import { d as defineCustomElement$2 } from './p-3466bd5a.js';
+import { d as defineCustomElement$1 } from './p-79c12fc7.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: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:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);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: '91d4b672df603b898f79d8810870f70e87a4af0b', class: "gannt-wrapper-main" }, h("div", { key: 'bf1716d26e05f47bb4f0b2ec525bd6cbe885949c', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: 'c12f81c4b4fbecef2411a3918b59128fee7315f8', 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: '7ca3df83876dbea0f57536a3eb9a7978af4f18f2', class: "gannt-wrapper-main" }, h("div", { key: '411ce55a1a2de1fb2c77b6fa5395237d7f93d857', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: '64361b6d13020fa1b26a8742ea6fb14007c5f946', 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: 'b773c4160463e928dd45c555700983e914d5088a', 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: '93f0e5a3086e5474ec8f44e95134880bfc0f56cf', 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: 'f7ad2cfcf93fae625c6d90f08db43adbeb9190a4', 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: '9df22bcbe9772df4679df3b6a3f0dec13957d98c', 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: 'd34dcf0103274551222a40e44a17a93d770458d6', 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: '97d5ed31d1fe2afc1675a20a6ad176c75262adc0', 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: '6020a60fc2d928cd5e89f8e1f58957f001b59445', 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: '1a7891ac340db8c729ea2ef6237b81baede2b02d', 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-d0735e25.js → p-af3fcbd9.js}

@@ -1402,13 +1402,13 @@ const KupGridRenderer = /*@__PURE__*/ proxyCustomElement(class KupGridRenderer e
             // }
             tickX += this.columnWidth;
         }
-        return (h("svg", { key: '1a6968bfedd80af155d8c44e9d4bf74144c05fdc', 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: 'fcc3242448c44543b488b08112bfd0913f18453b', class: "grid" }, h("g", { key: 'cd01285362dbc58575a87426d67cf3344162d0c7', class: "rows" }, gridRows), h("g", { key: 'f0b36331280f0f7b89f57732103f2b261c833e99', class: "rowLines" }, rowLines), h("g", { key: '0bfdbba6b18a5a6751226177530025c0eb153c0c', class: "ticks" }, ticks)), h("g", { key: '2a8a613c07cc15a161b6ac1f9a2914562c4880fd', class: "content" }, this.currentDateIndicator && (h("rect", { key: '3bbb51c639c3a10254d55c6c463d684ecc073142', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: 'd1f0fac7dcee2cb6d019d6379b6b75c02d81069f', 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: 'dd074d7f495fa5eadd6619360999cc30261356a1', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
+        return (h("svg", { key: '1768bf87d7d08070ce0d27dbb6981999e9839919', 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: '57d2d52600d5c9a3187a1a1779b409ea716ce527', class: "grid" }, h("g", { key: 'cf522a94564a34298d2cc91efc46af3ed4e053f0', class: "rows" }, gridRows), h("g", { key: '738d6d128ecd5398ba8aa5c333742854e082fbd7', class: "rowLines" }, rowLines), h("g", { key: '5e36d94d36900a7decf630abf4a614067b14735e', class: "ticks" }, ticks)), h("g", { key: '132f69c4f73953bbf998bf2acd30693d25b93d67', class: "content" }, this.currentDateIndicator && (h("rect", { key: 'de9e545038e482212e621ca4c2f1222339fd203d', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: '7e077d951e8c2b125a4e25698542515a20d9ac86', 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: 'ab75796381aaadbda8285965a66e91602185366f', 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: 'bdc6502a998196bb9aa9a5236d1784880c268f23', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
+        })), h("g", { key: '18b7c7ff265294ba6d4aa93717d5a375264c421b', 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: '4f71c4dd10d4c93ed805192d7b9b082c3f5c80b2', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
+        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: '71036ce8e3180a6e31ef329e11ad35f7622a5889', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
     }
     static get watchers() { return {
         "columnWidth": ["updateXStep"],

package/dist/components/{p-5a065bf1.js → p-b96e265d.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, t as KupDebugCategory } from './p-d80bbcb0.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 } from './p-4bab013a.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, t as KupDebugCategory } from './p-14aad914.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 } from './p-f22fb696.js';
 
 /**
  * Props of the kup-grid component.

package/dist/components/{p-61b8d8fd.js → p-babf447c.js}

@@ -14,11 +14,11 @@ const KupCustomTaskListHeader = /*@__PURE__*/ proxyCustomElement(class KupCustom
         this.fontSize = undefined;
     }
     render() {
-        return (h("div", { key: '8077b94ee9c7f98f55eb61c060ead9089c5bfa14', class: "custom-task-list-wrapper", style: {
+        return (h("div", { key: '0dda65a73efcc5b8217019bf8d1d5d4a66277df6', class: "custom-task-list-wrapper", style: {
                 height: '25px',
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: '3bfbff19a64a176b9ca4e00574f4887308e8f501', class: "title" }, h("span", { key: '80d39e9c94eb08892aecbef58af1e8fc333dae1b' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: '1a91f7a7e8ecc5e91e7182169e1192953a111306', class: "toggler" }, h("label", { key: 'bf7a51a2e069892f1621cbaaad7fdba359321c59', htmlFor: "ch2", class: "switch" }, h("input", { key: '840e7dee95911fc2db92e535f5c9f17c9852b2d6', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: '8d5c8bd70141b42915c6e4213aedcadf64496a38', class: "slider" })), h("span", { key: '42b514f4ef2919cd25bf653b2bf52c6f80441e84', class: "label" }, "Previsioni")))));
+            } }, h("div", { key: '07bfcbb99f759ae7968cb76af97e04666cdfb84f', class: "title" }, h("span", { key: '59b6656d24f1b381455888534075a704eadf3757' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: '7d6f5eca5945d49fd784089cc97906400f9279fe', class: "toggler" }, h("label", { key: '6badb37501bdc190948b6fd101a04695b556fa87', htmlFor: "ch2", class: "switch" }, h("input", { key: '07f2f293bec60e83caf3ff8590277c05a8cad26a', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: 'a6cb9c1484bf2fbec6a1e9cdb6b2fac06a35c03f', class: "slider" })), h("span", { key: '4def4a9d08f8eb2fecf7058ad24d44d0cf626dec', class: "label" }, "Previsioni")))));
     }
     static get style() { return KupCustomTaskListHeaderStyle0; }
 }, [0, "kup-custom-task-list-header", {

package/dist/components/{p-dc697572.js → p-be17920c.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-2e5f2e07.js';
 import { K as KUP_PLANNER_MAIN_GANTT_ID } from './p-a0eeacbd.js';
 import { a as KupDates } from './p-1581348d.js';
-import { d as defineCustomElement$2 } from './p-61b8d8fd.js';
+import { d as defineCustomElement$2 } from './p-babf447c.js';
 import { d as defineCustomElement$1 } from './p-0e6c0355.js';
 
 const columnWidthForTimeUnit = (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: '3c85062425cecd99f779464c08fdd9105e257919', 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: '5fb9d1ec0ee150a652b36b28f5c4be7fc045e050', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
+        return (h("div", { key: '0d435629659e29d75825bc52709961d2d538ccad', 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: '95289f2c981d359763d8f862bd5cb84db790c904', 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-e275fc9f.js → p-c97810e2.js}

@@ -13,7 +13,7 @@ const StandardTooltipContent = /*@__PURE__*/ proxyCustomElement(class StandardTo
         this.fontFamily = undefined;
     }
     render() {
-        return (h("div", { key: 'c8baad09503925e047a657790c755e82447e1e62', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: '98e2879e19962ae884ad57c1f1e6141599642d39', 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: '4ec8ea1acc62997f4be2399680d7711821c1fead', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: 'c493de54d9152f6d9ced3bf5dc91f654cd70424d', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
+        return (h("div", { key: 'ac472c607f2703475d3136fb9a42891232fd6735', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: 'c52036adc316ea881cc0245d2316367b46aec9ff', 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: 'b610aa3e9e5cc36160f3aedeee8e94b6a1b3a0e3', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: '1c4c1d6ffda7080c53df5f435bc9169e49c1f59d', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
     }
     static get style() { return KupStandardTooltipStyle0; }
 }, [1, "kup-standard-tooltip", {

package/dist/components/{p-ff1894fe.js → p-d8b0f5eb.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: 'ac484adf00a234146079244250decddd0281b087' }, h("div", { key: '235b1833aca432afe43f1991d55d5397b31f4adf', class: "scroll-container" }, this.scrollableTaskList &&
-            this.taskListScrollWidth > width && (h("div", { key: '02270e521b987254922c28a06c9846ac37f2f16a', dir: "ltr", style: {
+        return (h(Fragment, { key: '70745e02e28ef8e157d49eb5adfdc94522dfdd81' }, h("div", { key: '224da7cd81b9aacc24a73c331c5b7596e55bde50', class: "scroll-container" }, this.scrollableTaskList &&
+            this.taskListScrollWidth > width && (h("div", { key: '103e8ab08fb5e13ba60742ddcc158998cfad2104', 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: '4d7e284aa6a9f33d235d64655a766ffb72c9db49', style: {
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { key: '5dfcfdd085e3d29b95f005f5b705b40706d82b24', style: {
                 width: `${this.taskListScrollWidth}px`,
-            }, class: "scroll" }))), h("div", { key: '83815e5b51a7f76c9e55df0f3025f271cf27e9a5', dir: "ltr", style: {
+            }, class: "scroll" }))), h("div", { key: 'c1446fd188aa1988af9928e1b1ab54eff1c067d8', 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: 'b44bec86876e369e27fb40cda1f567fdd824cc70', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: 'f69600b829b483c53503e6122376d9c42811067c', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
     }
     get rootElement() { return this; }
     static get watchers() { return {

package/dist/components/{p-3e08d788.js → p-e2f1b5d3.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './p-d80bbcb0.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 } from './p-4bab013a.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './p-14aad914.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 } from './p-f22fb696.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './p-5882e117.js';
 
 var toastuiEditor = {exports: {}};
@@ -46261,7 +46261,7 @@ const KupEditor = /*@__PURE__*/ proxyCustomElement(class KupEditor extends H {
         __classPrivateFieldGet(this, _KupEditor_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: 'e732ebc91b5f48c0bc515cfffa8cc2d1d6d7485f' }, h("div", { key: '560b1ac7dcdab0bf90db09bb92e847a9e5d14f7e', id: componentWrapperId }, h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }))));
+        return (h(Host, { key: 'ffbd575e5192cccaf2c070c4586215cc7573f9ce' }, h("div", { key: '21e2b1a060db3009c6595eb92f78361adff24d6c', id: componentWrapperId }, h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupEditor_kupManager, "f").theme.unregister(this);