@sme.up/ketchup 10.3.6 → 10.3.7

package/dist/esm/kup-box.entry.js

@@ -1,18 +1,18 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, A as identify, g as getProps, s as setProps, a8 as SortMode, x as getColumnByName, b as KupLanguageGeneric, d as KupThemeIconValues, h as KupDebugCategory, V as KupPointerEventTypes, Y as KupDragEffect, aG as kupDraggableAttr, _ as KupDropEventTypes, u as KupLanguageSearch } from './kup-manager-b367be3b.js';
-import { f as filterRows, p as paginateRows, s as sortRows } from './kup-data-table-helper-8f020338.js';
+import { k as kupManagerInstance, A as identify, g as getProps, s as setProps, a8 as SortMode, x as getColumnByName, b as KupLanguageGeneric, d as KupThemeIconValues, h as KupDebugCategory, V as KupPointerEventTypes, Y as KupDragEffect, aG as kupDraggableAttr, _ as KupDropEventTypes, u as KupLanguageSearch } from './kup-manager-7acd779a.js';
+import { f as filterRows, p as paginateRows, s as sortRows } from './kup-data-table-helper-edbee21a.js';
 import { F as FImage } from './f-image-a2ecd7c3.js';
-import { d as FChip } from './f-chip-663db488.js';
+import { d as FChip } from './f-chip-28fde4c9.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { F as FCell } from './f-cell-d72f5a9c.js';
-import { p as pageChange, r as rowsPerPageChange, F as FPaginator } from './f-paginator-utils-b6924c55.js';
+import { F as FCell } from './f-cell-3f9d4de0.js';
+import { p as pageChange, r as rowsPerPageChange, F as FPaginator } from './f-paginator-utils-3e2a0dcd.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
 import './kup-dates-77f1a451.js';
 import './f-button-3c8f4506.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-checkbox-5cdd1cad.js';
-import './f-object-field-afe7604f.js';
-import './f-text-field-40f1ad00.js';
+import './f-object-field-24f67438.js';
+import './f-text-field-f64cc53e.js';
 import './component-a35bc7f1.js';
 
 /**

package/dist/esm/kup-calendar.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h as h$1, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, x as getColumnByName, h as KupDebugCategory } from './kup-manager-b367be3b.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, x as getColumnByName, h as KupDebugCategory } from './kup-manager-7acd779a.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FButton } from './f-button-3c8f4506.js';
-import { d as FChip, F as FChipType } from './f-chip-663db488.js';
+import { d as FChip, F as FChipType } from './f-chip-28fde4c9.js';
 import { b as KupDatesLocales, K as KupDatesFormats } from './kup-dates-77f1a451.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-a2ecd7c3.js';
@@ -13209,7 +13209,7 @@ class TableRows extends DateComponent {
     constructor() {
         super(...arguments);
         this.splitBusinessHourSegs = memoize(splitSegsByRow);
-        this.splitBgEventSegs = memoize(splitSegsByRow);
+        this.splitBgEventSegs = memoize(splitAllDaySegsByRow);
         this.splitFgEventSegs = memoize(splitSegsByRow);
         this.splitDateSelectionSegs = memoize(splitSegsByRow);
         this.splitEventDrag = memoize(splitInteractionByRow);
@@ -13233,7 +13233,7 @@ class TableRows extends DateComponent {
         return (y(NowTimer, { unit: "day" }, (nowDate, todayRange) => (y(_, null, props.cells.map((cells, row) => (y(TableRow, { ref: this.rowRefs.createRef(row), key: cells.length
                 ? cells[0].date.toISOString() /* best? or put key on cell? or use diff formatter? */
                 : row // in case there are no cells (like when resource view is loading)
-            , showDayNumbers: rowCnt > 1, showWeekNumbers: props.showWeekNumbers, todayRange: todayRange, dateProfile: props.dateProfile, cells: cells, renderIntro: props.renderRowIntro, businessHourSegs: businessHourSegsByRow[row], eventSelection: props.eventSelection, bgEventSegs: bgEventSegsByRow[row].filter(isSegAllDay) /* hack */, fgEventSegs: fgEventSegsByRow[row], dateSelectionSegs: dateSelectionSegsByRow[row], eventDrag: eventDragByRow[row], eventResize: eventResizeByRow[row], dayMaxEvents: props.dayMaxEvents, dayMaxEventRows: props.dayMaxEventRows, clientWidth: props.clientWidth, clientHeight: props.clientHeight, cellMinHeight: cellMinHeight, forPrint: props.forPrint })))))));
+            , showDayNumbers: rowCnt > 1, showWeekNumbers: props.showWeekNumbers, todayRange: todayRange, dateProfile: props.dateProfile, cells: cells, renderIntro: props.renderRowIntro, businessHourSegs: businessHourSegsByRow[row], eventSelection: props.eventSelection, bgEventSegs: bgEventSegsByRow[row], fgEventSegs: fgEventSegsByRow[row], dateSelectionSegs: dateSelectionSegsByRow[row], eventDrag: eventDragByRow[row], eventResize: eventResizeByRow[row], dayMaxEvents: props.dayMaxEvents, dayMaxEventRows: props.dayMaxEventRows, clientWidth: props.clientWidth, clientHeight: props.clientHeight, cellMinHeight: cellMinHeight, forPrint: props.forPrint })))))));
     }
     componentDidMount() {
         this.registerInteractiveComponent();
@@ -13302,6 +13302,9 @@ class TableRows extends DateComponent {
         return { start, end };
     }
 }
+function splitAllDaySegsByRow(segs, rowCnt) {
+    return splitSegsByRow(segs.filter(isSegAllDay), rowCnt);
+}
 function isSegAllDay(seg) {
     return seg.eventRange.def.allDay;
 }

package/dist/esm/kup-card-list.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, v as KupCardFamily, ai as getCellValueForDisplay } from './kup-manager-b367be3b.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, v as KupCardFamily, ai as getCellValueForDisplay } from './kup-manager-7acd779a.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-77f1a451.js';
 

package/dist/esm/kup-cell.entry.js

@@ -1,15 +1,15 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, i as FCellPadding, aA as KupCellElementsPosition, g as getProps, s as setProps, Y as KupDragEffect, aB as submitPositionAdapter, b as KupLanguageGeneric, aC as KupCellProps } from './kup-manager-b367be3b.js';
+import { k as kupManagerInstance, i as FCellPadding, aA as KupCellElementsPosition, g as getProps, s as setProps, Y as KupDragEffect, aB as submitPositionAdapter, b as KupLanguageGeneric, aC as KupCellProps } from './kup-manager-7acd779a.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FButton } from './f-button-3c8f4506.js';
-import { F as FCell } from './f-cell-d72f5a9c.js';
+import { F as FCell } from './f-cell-3f9d4de0.js';
 import './kup-dates-77f1a451.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-a2ecd7c3.js';
 import './f-checkbox-5cdd1cad.js';
-import './f-chip-663db488.js';
-import './f-object-field-afe7604f.js';
-import './f-text-field-40f1ad00.js';
+import './f-chip-28fde4c9.js';
+import './f-object-field-24f67438.js';
+import './f-text-field-f64cc53e.js';
 
 const kupCellCss = ".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}:host{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";
 const KupCellStyle0 = kupCellCss;

package/dist/esm/kup-custom-task-list-header_4.entry.js

@@ -17,11 +17,11 @@ const KupCustomTaskListHeader = class {
         this.fontSize = undefined;
     }
     render() {
-        return (h("div", { key: '7afe903d27c39f08ffa24b06aafdbd0d86cc99db', class: "custom-task-list-wrapper", style: {
+        return (h("div", { key: '73c099362f8bfffd1912c4415f818ec0e3f527d9', class: "custom-task-list-wrapper", style: {
                 height: '25px',
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: '9786f5c6cc683bed20126fd095935b1881088b1d', class: "title" }, h("span", { key: 'c4d4589f9ee3440fe94791b07ccb95afa769062c' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: '388a0520f64adf2d1bba10282680523c0b4d9b6c', class: "toggler" }, h("label", { key: '9e0f2aeec4f12ddc461e90e8090cdd1d02a4c6c6', htmlFor: "ch2", class: "switch" }, h("input", { key: 'd3b016d5d3435f718723ee45a81660624e526769', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: 'e9d77a0baea6b4a030f30d497e977911865c73a6', class: "slider" })), h("span", { key: '6acfe980e9e18d7bde234f99ba418b22a2304ae7', class: "label" }, "Previsioni")))));
+            } }, h("div", { key: 'd8e4e9d3323c7fd476295b6fcb81354a7af6d076', class: "title" }, h("span", { key: '26c697a8d3c453ad2f8dc17aced9c90af15fabd5' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: '52d6dc0de21e77aecaac420c51c4b368c81dac33', class: "toggler" }, h("label", { key: 'f680cd1356907075f76245b1ae6b5885595f1205', htmlFor: "ch2", class: "switch" }, h("input", { key: 'b3111df49ce385f294d9050f61d534ccabc22047', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: '75ea0aef920da62c94749d3bd2ef2fa029e5d1d8', class: "slider" })), h("span", { key: '1a31bbb00ebb13d1943ed8620ea1d3569da8cc06', class: "label" }, "Previsioni")))));
     }
 };
 KupCustomTaskListHeader.style = KupCustomTaskListHeaderStyle0;
@@ -385,11 +385,11 @@ const KupGanttCalendar = class {
         this.simplifiedHeader =
             this.singleLineHeader && this.dateSetup.viewMode !== 'year';
         const [topValues, bottomValues] = this.getTopAndBottomValues();
-        return (h("svg", { key: '6969f03c8f75737ce4c42469a456069d0e3ced67', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: 'c77177ccec8559de2e61d59b3fe235843af260ab', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: 'd319809f4de45c9b9ed32c07caeb672cfcab004b', 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: '746671a52e6654cd1ff1789c76e25d0aa8f3905b', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, h("g", { key: '74a463a10c7124779eb5aa313bca389591fc131b', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, h("rect", { key: 'e8a8a2b86f963588af95a8a829993e5757b638cb', 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: '90b8cd4be3694ab5827a64b8bc1b66da57e0c316', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
+        h("circle", { key: '40cca30be82870be76d4ceaba428bf91bca3d515', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
     }
 };
 KupGanttCalendar.style = KupGanttCalendarStyle0;
@@ -1445,13 +1445,13 @@ const KupGridRenderer = class {
             // }
             tickX += this.columnWidth;
         }
-        return (h("svg", { key: '5ec57c1b12767c30d9bf5dff548063223f9dd865', 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: 'c4ea086a80c8bdb9af3f1c5412d8a21bfbe0d8c2', class: "grid" }, h("g", { key: '4d5fca83f9c9773ace27ca73de0c31a260de6bf4', class: "rows" }, gridRows), h("g", { key: '866826ab5d44f8432505188975335992055749ef', class: "rowLines" }, rowLines), h("g", { key: '1ac3f9ebdc169f26ef80e1fcf32e07852fb82a53', class: "ticks" }, ticks)), h("g", { key: 'e609b944f5eb7cbb0ab0a76ad587bf9f0d9e9c34', class: "content" }, this.currentDateIndicator && (h("rect", { key: 'c92ca47c32edfcad7a4838f81e0b3b24952110e5', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: 'f4442a4e3f6ac41a61ba2638996f6997f43a295e', 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: '343047f0b4e4001616bdc8ae187a220f6c612df7', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
+        return (h("svg", { key: '15d6401730e0f2fa9fef8b9d25d0fad2f9c80e62', 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: '8457770216910c3ac143ef21abaf8ac3af292d80', class: "grid" }, h("g", { key: 'eb4fa2b2561b38678bd76652c4b29257c83e9673', class: "rows" }, gridRows), h("g", { key: '467972ed8379d0d81f9cd093f5290426551da51a', class: "rowLines" }, rowLines), h("g", { key: '0a3e0808f240aacc430a462281defa95f0490542', class: "ticks" }, ticks)), h("g", { key: '46e17c947f42fad3546158f68d27177c5ddf11cb', class: "content" }, this.currentDateIndicator && (h("rect", { key: '4c4674f8d1137b3fb7f71e7321975ce35e677af4', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: 'b7c01acefae65d8ecf48c6a5c949bc3a3fea8e0c', 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: '04d8f68e95536914c109b253dc5c3e12f60f975b', 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: '8b6fad21ec6778cec66ab08111472c6d5c6c8cb2', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
+        })), h("g", { key: 'e5824ca36bfb53ad9a52cfcac9507c91b86b7c43', 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) {
@@ -1511,7 +1511,7 @@ const KupGridRenderer = class {
                         return this.renderKupBar(task, props.isSelected, isDateResizable, isProgressChangeable);
                 }
             })()));
-        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: '46e057472af12f861f49755ca0635cf52178f653', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
+        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: 'f970fe6a4ac6e192f5fc012f39a027866fdfa6cf', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
     }
     static get watchers() { return {
         "columnWidth": ["updateXStep"],

package/dist/esm/kup-dashboard.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
 import { F as FButton } from './f-button-3c8f4506.js';
 import { F as FCheckbox } from './f-checkbox-5cdd1cad.js';
-import { F as FTextField } from './f-text-field-40f1ad00.js';
+import { F as FTextField } from './f-text-field-f64cc53e.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, aD as KupLanguageDashboard, b as KupLanguageGeneric, Y as KupDragEffect, h as KupDebugCategory } from './kup-manager-b367be3b.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, aD as KupLanguageDashboard, b as KupLanguageGeneric, Y as KupDragEffect, h as KupDebugCategory } from './kup-manager-7acd779a.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-a2ecd7c3.js';

package/dist/esm/{kup-data-table-helper-8f020338.js → kup-data-table-helper-edbee21a.js}

@@ -1,4 +1,4 @@
-import { E as Filters, H as getValueForDisplay, D as getValueForDisplay2, ai as getCellValueForDisplay, x as getColumnByName, z as KupObjects, aj as KupData, ak as compareCell, N as TotalMode, O as getRegExpFromString, F as FCellShapes, al as CMBandACPAdapter, am as RADAdapter, an as CHKAdapter, ao as CHIAdapter, ap as SWTAdapter, a8 as SortMode } from './kup-manager-b367be3b.js';
+import { E as Filters, H as getValueForDisplay, D as getValueForDisplay2, ai as getCellValueForDisplay, x as getColumnByName, z as KupObjects, aj as KupData, ak as compareCell, N as TotalMode, O as getRegExpFromString, F as FCellShapes, al as CMBandACPAdapter, am as RADAdapter, an as CHKAdapter, ao as CHIAdapter, ap as SWTAdapter, a8 as SortMode } from './kup-manager-7acd779a.js';
 import { K as KupDatesFormats } from './kup-dates-77f1a451.js';
 
 /**
@@ -1258,8 +1258,8 @@ function decorateDataTable(data) {
             const options = cell['options'];
             cell.isEditable = (_a = cell.isEditable) !== null && _a !== void 0 ? _a : cell['editable'];
             const shapeAdapters = {
-                [FCellShapes.AUTOCOMPLETE]: () => CMBandACPAdapter(value, '', options),
-                [FCellShapes.COMBOBOX]: () => CMBandACPAdapter(value, '', options),
+                [FCellShapes.AUTOCOMPLETE]: () => CMBandACPAdapter(value, '', options, cell.data),
+                [FCellShapes.COMBOBOX]: () => CMBandACPAdapter(value, '', options, cell.data),
                 [FCellShapes.RADIO]: () => RADAdapter(value, options),
                 [FCellShapes.CHECKBOX]: () => CHKAdapter(value, ''),
                 [FCellShapes.CHIP]: () => CHIAdapter(value, decode),

package/dist/esm/kup-drawer.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-b367be3b.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-7acd779a.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-77f1a451.js';
 

package/dist/esm/kup-echart.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement, g as getAssetPath } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, f as KupThemeColorValues, h as KupDebugCategory, x as getColumnByName, p as KupDataNewColumnTypes } from './kup-manager-b367be3b.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, f as KupThemeColorValues, h as KupDebugCategory, x as getColumnByName, p as KupDataNewColumnTypes } from './kup-manager-7acd779a.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-77f1a451.js';
 
@@ -84568,7 +84568,7 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _KupEchart_instances, _KupEchart_chartContainer, _KupEchart_chartEl, _KupEchart_gaussianDatasets, _KupEchart_kupManager, _KupEchart_mapObj, _KupEchart_resizeTimeout, _KupEchart_sortedDataset, _KupEchart_themeBorder, _KupEchart_themeBackground, _KupEchart_minColorHeatMap, _KupEchart_maxColorHeatMap, _KupEchart_themeFont, _KupEchart_themeText, _KupEchart_initChart, _KupEchart_createChart, _KupEchart_funnelChart, _KupEchart_radarChart, _KupEchart_bubbleChart, _KupEchart_sankeyChart, _KupEchart_candleChart, _KupEchart_calendarChart, _KupEchart_createX, _KupEchart_createY, _KupEchart_createYWithColumnTitle, _KupEchart_createYForPie, _KupEchart_setAxisColors, _KupEchart_setLegend, _KupEchart_setTitle, _KupEchart_setTooltip, _KupEchart_setVisualMap, _KupEchart_setMapOptions, _KupEchart_setPieOptions, _KupEchart_setGaussianOptions, _KupEchart_addSeries, _KupEchart_setOptions, _KupEchart_setColors, _KupEchart_checks;
+var _KupEchart_instances, _KupEchart_chartContainer, _KupEchart_chartEl, _KupEchart_gaussianDatasets, _KupEchart_kupManager, _KupEchart_mapObj, _KupEchart_resizeTimeout, _KupEchart_sortedDataset, _KupEchart_themeBorder, _KupEchart_themeBackground, _KupEchart_minColorHeatMap, _KupEchart_maxColorHeatMap, _KupEchart_themeFont, _KupEchart_themeText, _KupEchart_initChart, _KupEchart_createChart, _KupEchart_funnelChart, _KupEchart_radarChart, _KupEchart_bubbleChart, _KupEchart_sankeyChart, _KupEchart_candleChart, _KupEchart_calendarChart, _KupEchart_createX, _KupEchart_createY, _KupEchart_createYWithColumnTitle, _KupEchart_createYForPie, _KupEchart_setAxisColors, _KupEchart_setLegend, _KupEchart_setTitle, _KupEchart_setTooltip, _KupEchart_setVisualMap, _KupEchart_setMapOptions, _KupEchart_setPieOptions, _KupEchart_setGaussianOptions, _KupEchart_addSeries, _KupEchart_buildResponsiveAxisLabel, _KupEchart_setOptions, _KupEchart_setColors, _KupEchart_checks;
 const KupEchart = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -84688,7 +84688,7 @@ const KupEchart = class {
             '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
             '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
         };
-        return (h(Host, { key: '54172a06b4c9fa2b4b14aa2cedf1002ee6ba535c', style: style }, h("style", { key: 'c88e6cd2781d7bf5a9d0fbb2ce6f95b3da037bbf' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'd6464aff5fcaa909b91b642b5c22d2115f474fd4', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
+        return (h(Host, { key: '6695df3d157839e237b73df89f56dd438240739a', style: style }, h("style", { key: 'f645db394d2d0fc02d027e7958eaf9266be71a1d' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '8cc220551d3cee74babf45104cfa3409b2107ec1', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
     }
     disconnectedCallback() {
         var _a;
@@ -85795,6 +85795,50 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
             });
             break;
     }
+}, _KupEchart_buildResponsiveAxisLabel = function _KupEchart_buildResponsiveAxisLabel(x, pxPerChr = 7) {
+    const rootH = this.rootElement.clientHeight;
+    const rootW = this.rootElement.clientWidth;
+    const slots = x.length; // number of categories
+    const slotW = Math.max(rootW / slots, 1); // px available per label
+    const longestChr = Math.max(...x.map((l) => l.length));
+    const longestPx = longestChr * pxPerChr; // rough pixel length
+    const fitsFlat = longestPx <= slotW * 0.9;
+    if (fitsFlat) {
+        return { interval: 0, rotate: 0 };
+    }
+    let charLimit = 0;
+    if (rootH < 200) {
+        charLimit = 10;
+    }
+    else if (rootH < 400) {
+        charLimit = 15;
+    }
+    else if (rootW < 400) {
+        charLimit = 15;
+    }
+    else if (rootW < 600) {
+        charLimit = 20;
+    }
+    else if (rootW < 800) {
+        charLimit = 30;
+    }
+    else {
+        charLimit = 40;
+    }
+    const toolong = longestChr > charLimit;
+    if (!toolong) {
+        const fitsTilt = longestPx <= slotW * 1.4;
+        if (fitsTilt) {
+            return { interval: 0, rotate: 22.5 };
+        }
+    }
+    const clampW = Math.max(Math.floor(rootW / charLimit), 1);
+    return {
+        interval: 0,
+        rotate: 22.5,
+        width: clampW,
+        overflow: 'truncate',
+    };
 }, _KupEchart_setOptions = function _KupEchart_setOptions() {
     var _a;
     const x = __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_createX).call(this);
@@ -85853,9 +85897,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
         tooltip: Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setTooltip).call(this)), { trigger: 'item', formatter: (params) => {
                 return `<b>${params.name}</b><br/>${params.seriesName}: <b>${params.value}</b>`;
             } }),
-        xAxis: Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? undefined : x, type: isHorizontal ? 'value' : 'category', axisLabel: {
-                formatter: axisLabelFormatter,
-            } }), this.xAxis),
+        xAxis: Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? undefined : x, type: isHorizontal ? 'value' : 'category', axisLabel: Object.assign({ formatter: axisLabelFormatter }, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_buildResponsiveAxisLabel).call(this, x)) }), this.xAxis),
         yAxis,
         grid: { show: true, containLabel: true },
     };

package/dist/esm/kup-editor.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-b367be3b.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-7acd779a.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './kup-dates-77f1a451.js';
 

package/dist/esm/kup-family-tree.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host
 import { F as FButton } from './f-button-3c8f4506.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 import { F as FImage } from './f-image-a2ecd7c3.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, V as KupPointerEventTypes } from './kup-manager-b367be3b.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, V as KupPointerEventTypes } from './kup-manager-7acd779a.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-77f1a451.js';
 

package/dist/esm/kup-gantt_10.entry.js

@@ -569,9 +569,9 @@ const KupGantt = class {
             TaskListHeader: this.TaskListHeader,
             TaskListTable: this.TaskListTable
         };
-        return (h("div", { key: '3a4a7c6dee9d12ef3d089cf9d8b22742f5717a9a', class: "gannt-wrapper-main" }, h("div", { key: '701076ffecda9ec36716dfc676bc830f224ed028', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: '1ca42dc7754cb5b7cb6a3088dca8a2e042c2c390', 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: '4736e4cf20dd8123991c6407053d6bf63b3895e3', class: "gannt-wrapper-main" }, h("div", { key: '9e6c79472018cf176e6ff854f088c51a9f0dd31d', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: '916157b026b48ef1ebc1ab893fe032f6b71fb2d2', 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: 'af6acb22ea4418fd03515ad78193702a54fd4097', 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: 'd9bd829e352fee2185b7648a78b9373ae4923ede', 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: 'acf20f898b951dbd742bb8b82e3548f806707a6d', 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: 'ddece5a5222b1abfbe971812d3954af363fa195c', 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: '839ae03ea863d3be1c041e73622d7eb2f9b7120a', 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: 'b09acf310161f6fba7eb0e91de6ba53c31d43d40', 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: '756d1a3866665286e3c49c78e634ea8664f7da75', 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: '73c8b8e4fd4ae1502287c724094e690995cb509f', 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 getElement(this); }
     static get watchers() { return {
@@ -682,20 +682,20 @@ const HorizontalScroll = class {
         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: 'fb206cf716ee8d98be3d4207340a8acf7bb1eabe' }, h("div", { key: 'c064d07c7c591ab138e14fd0ab68f8251460b202', class: "scroll-container" }, this.scrollableTaskList &&
-            this.taskListScrollWidth > width && (h("div", { key: '2f97f345f20ba4843e60534d4716b2252b2de297', dir: "ltr", style: {
+        return (h(Fragment, { key: 'a1de0371e5f6db61fa0d2cfdd4f2072799d490f3' }, h("div", { key: 'eaa300f7e8ccc68935482c59022ed81027c2eb62', class: "scroll-container" }, this.scrollableTaskList &&
+            this.taskListScrollWidth > width && (h("div", { key: '234a646226e466d2d629afa3eb223676f1c4c291', 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: '10644e475d8b633071429046a8c7356942f17db4', style: {
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalTaskListScroll }, h("div", { key: '8fc96a9408d05d7e6106de2e37cdc5c97966aaab', style: {
                 width: `${this.taskListScrollWidth}px`,
-            }, class: "scroll" }))), h("div", { key: 'b8e0948e0db48509ae98a05d0c148220ece705ff', dir: "ltr", style: {
+            }, class: "scroll" }))), h("div", { key: '6246de0f7f602ee5de894d14dd1b06a13beb3ad1', 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: '72c55a42446f7dd04e94e300ac930dc146162978', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
+            }, class: "scrollWrapper", "data-scrollx": "true", onScroll: this.horizontalScroll }, h("div", { key: '356cb5a2da83d6811866404b19ac02d917edc065', style: { width: `${this.svgWidth}px` }, class: "scroll" })))));
     }
     get rootElement() { return getElement(this); }
     static get watchers() { return {
@@ -716,7 +716,7 @@ const StandardTooltipContent = class {
         this.fontFamily = undefined;
     }
     render() {
-        return (h("div", { key: 'e12cbc7242215c9f9e76d3b19ba5b8bbc116e1a7', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: '6239efccbfd8ea790f1cc30ca5c5ed847124e3a0', 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: '28ba0cd9397173f011081a0e1b774b6259ded9a8', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: 'bdacdea774a87ef344f6b07361e53b79cc3e8516', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
+        return (h("div", { key: '089e9cfa6d9236e99b78618b1c477b4b45d68b6c', class: "tooltipDefaultContainer", style: { fontSize: this.fontSize, fontFamily: this.fontFamily } }, h("b", { key: '9f81c91ae6f981c7a1b4e012a687d02400f49c94', 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: 'f5c5fa4c29207f403785e57e7de8d119cd20899b', class: "tooltipDefaultContainerParagraph" }, `Duration: ${~~((this.task.end.getTime() - this.task.start.getTime()) / (1000 * 60 * 60 * 24))} day(s)`)), h("p", { key: '2bbf90f106ac085ed28e8b940d92fff7b8fa86bd', class: "tooltipDefaultContainerParagraph" }, !!this.task.progress && `Progress: ${this.task.progress} %`)));
     }
 };
 StandardTooltipContent.style = KupStandardTooltipStyle0;
@@ -742,7 +742,7 @@ const KupSwitcher = class {
             this.activeButton = mode;
             this.timeUnitChange(mode);
         };
-        return (h("div", { key: '21500b455d0cc89aa7c787c372a390dd9711195f', class: "switcher" }, this.buttonLabels.map((label) => (h("button", { type: "button", class: {
+        return (h("div", { key: '69318d1150aa4d819bd02d27b6fd1b77ddc25d0e', 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)))))));
@@ -786,12 +786,12 @@ const TaskGantt = class {
     }
     render() {
         const newBarProps = Object.assign(Object.assign({}, this.barProps), { gridProps: this.gridProps, phaseDragScroll: this.phaseDragScroll });
-        return (h("div", { key: 'd73a31dca4e8ee110fe81d77e11a95ff30eb8919', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: '7e9379676312c2dd4ee18d0349992d8150fb1f9f', 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: '9ddbbe390f6d0f7821f9afd8546fab7daea1de00', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
+        return (h("div", { key: '149b218ceb53348f58ddc834cf2a31accb4be9ea', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: 'a1344fc81e46f8aee02cd7dd2f37ea50fde4c371', 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: 'e85f2ce4aaabbcbd3e1bd070836164818c6b3227', 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: '1e862f583de2fc4ced91edd3fcd8c72a21b8a99a' }, newBarProps)))));
+                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: '7444e2d31c716d88d97f50dcf85b94da6a006cae' }, newBarProps)))));
     }
     get rootElement() { return getElement(this); }
     static get watchers() { return {
@@ -891,7 +891,7 @@ const TaskList = class {
         if (TaskListTable && TaskListTable['$attrs$']) {
             Object.assign(TaskListTable['$attrs$'], Object.assign({}, tableProps));
         }
-        return (h("div", { key: 'ccebe0409ed60287db6a04a2c0602fd3dd100c3b', 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: '69b9fb585a4e13f3a809238f32ed30b0f1d2066a', class: `${this.horizontalContainerClass} ${this.scrollableTaskList ? 'horizontalContainerScrollable' : ''}`, style: this.ganttHeight
+        return (h("div", { key: '5b64f23e2882b1060b86c68f72b86885219fe96d', 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: '160e599103d0a815e4363e0baeb99c27e0a804fb', 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);
@@ -940,22 +940,22 @@ const KupTaskListHeader = class {
         this.rowWidth = undefined;
     }
     render() {
-        return (h("div", { key: '2d15d2ac7268338cdd3697c21378913ab0f7ca06', class: "ganttTable", style: {
+        return (h("div", { key: 'c47ee384e374c179e86bd9442b9f82dfce4bfea3', class: "ganttTable", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: '8203d274e6ceaa4c4ca7410cf722ff2e09af4856', class: "ganttTable_Header", style: {
+            } }, h("div", { key: '7e1276339822ecf67853a7187d64b44e1304aa80', class: "ganttTable_Header", style: {
                 height: `${this.headerHeight - 2}px`,
-            } }, h("div", { key: '269a24bec57ec7158593f1674ad29ad842b7cc5e', class: "ganttTable_HeaderItem", style: {
+            } }, h("div", { key: '665a2129fd7f8d649e233844e4f2c7953d97890d', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0Name"), h("div", { key: 'bb01ed8b2439041d3638f8cad9798fce40cf782c', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0Name"), h("div", { key: '4ae73cb9ae5389d88415457f26b42396cb0091dd', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.2}px`,
-            } }), h("div", { key: '0b1d2221f6d75b5eb0a4775ad8b2c0625694472d', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: 'f6e6186d81268d1b9cd0a0a8738a18c76f453ffe', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0From"), h("div", { key: '87fdfe2bda942245d663671e5813382290ca4f9f', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0From"), h("div", { key: '60b7a15ce2686b213ce49883b551daae9b8e0fc1', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.25}px`,
-            } }), h("div", { key: '5ae7fa15b24484a054cd5538066a78ead93ae6c4', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: '7459e68a75fbb671fd837f0ba53797607b631582', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
             } }, "\u00A0To"))));
     }
@@ -989,7 +989,7 @@ const TaskListTableDefault = class {
         return date.toLocaleDateString(this.locale, this.dateTimeOptions);
     }
     render() {
-        return (h("div", { key: '2de69b875ef1117ca8ad7588d7ca5b5b3b7bf7df', class: "taskListWrapper", style: {
+        return (h("div", { key: '21221626aac5257800ec2cb4a3f5a8ac8a8ed457', class: "taskListWrapper", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
             } }, this.tasks.map((task) => (h("div", { class: {
@@ -1078,7 +1078,7 @@ const Tooltip = class {
         }
     }
     render() {
-        return (h("div", { key: 'b611372ce3d568cb8ba7c59e24aa2eacbf2c161b', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: '8309fc4f723bfe6649fd4cf981488fb78a3e5708', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
+        return (h("div", { key: '3f8e772f0d749ed05600ed69340b4d334f62d279', class: this.relatedX ? 'tooltipDetailsContainer' : 'tooltipDetailsContainerHidden', style: { left: `${this.relatedX}px`, top: `${this.relatedY}px` } }, h(this.TooltipContent, { key: 'f32d96505eac96da5d1a87cc3248626f408b3a35', task: this.task, fontSize: this.fontSize, fontFamily: this.fontFamily })));
     }
     get rootElement() { return getElement(this); }
     static get watchers() { return {
@@ -1132,11 +1132,11 @@ const KupVerticalScroll = class {
         };
     }
     render() {
-        return (h("div", { key: 'aaf2623339012ffb223563f273e32bf47c7390f6', style: {
+        return (h("div", { key: '941c4a3cdbf82645a714eba63f33c6a813771da4', 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: '22b00662319acb2b45838e4f3370aec724577e57', style: {
+            }, class: "scroll", onScroll: this.verticalScroll, ref: (el) => (this.scrollRef = el) }, h("div", { key: 'f97c24906454df30d9ec04cd8ef5081469e97dce', style: {
                 height: `${this.ganttFullHeight}px`,
                 width: '1px',
             } })));

package/dist/esm/kup-grid.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, h as KupDebugCategory } from './kup-manager-b367be3b.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, h as KupDebugCategory } from './kup-manager-7acd779a.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-77f1a451.js';
 

package/dist/esm/kup-htm.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, F as Fragment, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric } from './kup-manager-b367be3b.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric } from './kup-manager-7acd779a.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-77f1a451.js';
 
@@ -82,7 +82,7 @@ const KupHTM = class {
     render() {
         var _a;
         const isLink = __classPrivateFieldGet(this, _KupHTM_instances, "m", _KupHTM_isObjectCompatibleWithHTM).call(this, (_a = this === null || this === void 0 ? void 0 : this.data) === null || _a === void 0 ? void 0 : _a.obj);
-        return (h(Host, { key: '5fd7a24633313c182200d98e795cd27938bdd0ed' }, h("style", { key: '283f61604341bc317f9eece1bacdfd6f394d73b6' }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '2e35f4c034756925be450b15a14b54acd3e496fa', id: componentWrapperId }, h("div", { key: 'a7372f43ada38738eb4134e8feaade2c9db14c13', class: `kup-htm ${isLink ? 'is-link' : ''}` }, isLink ? (h(Fragment, null, h("a", { href: this.data.value, target: "_blank", rel: "noopener noreferrer" }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").language.translate(KupLanguageGeneric.OPEN_IN_NEW_TAB)), h("iframe", { src: this.data.value, frameBorder: "0" }))) : (h("div", { innerHTML: this.data.value }))))));
+        return (h(Host, { key: 'd4c059a573d252c5809a77375222a78bcdee56bc' }, h("style", { key: '46ea04367aae5ad0602ab6f84dc0cb904b14e091' }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '3d2ad3be208bd0cb850e66113155b70ace70983c', id: componentWrapperId }, h("div", { key: '075017b3ef686bfc5d6cee4035c3b053c11d67af', class: `kup-htm ${isLink ? 'is-link' : ''}` }, isLink ? (h(Fragment, null, h("a", { href: this.data.value, target: "_blank", rel: "noopener noreferrer" }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").language.translate(KupLanguageGeneric.OPEN_IN_NEW_TAB)), h("iframe", { src: this.data.value, frameBorder: "0" }))) : (h("div", { innerHTML: this.data.value }))))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.unregister(this);

package/dist/esm/kup-iframe.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, h as KupDebugCategory } from './kup-manager-b367be3b.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, h as KupDebugCategory } from './kup-manager-7acd779a.js';
 import './kup-dates-77f1a451.js';
 
 /**