@sme.up/ketchup 10.3.6 → 10.3.8

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-2b06d829.js';
+import { f as filterRows, p as paginateRows, s as sortRows } from './kup-data-table-helper-7d5e4260.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-d5f27ee2.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-0a43dfd3.js';
+import { p as pageChange, r as rowsPerPageChange, F as FPaginator } from './f-paginator-utils-6d124369.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-6f759bf9.js';
+import './f-text-field-86dd8534.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-2b06d829.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-d5f27ee2.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;
 }
@@ -15132,7 +15135,8 @@ const KupCalendar = class {
             if (!this.dateCol || !this.descrCol) {
                 throw new Error('dateCol or/and descrCol are not specified, check calendarColums props');
             }
-            events = this.getRows().map((row) => {
+            events = this.getRows()
+                .map((row) => {
                 const cell = row.cells[this.dateCol];
                 if (cell) {
                     let startDate = this.kupManager.dates.toDayjs(cell.value);
@@ -15179,9 +15183,12 @@ const KupCalendar = class {
                             : `invalid start date: ${cell.value}`}. ${endDate
                             ? `end date: ${endDate}`
                             : `invalid end date: ${cell.value}`}]`, KupDebugCategory.WARNING);
+                        return null;
                     }
                 }
-            });
+                return null;
+            })
+                .filter((event) => event !== null);
         }
         catch (error) {
             this.kupManager.debug.logMessage(this, `Unable to create calendard events, caused by: ${error}`, KupDebugCategory.ERROR);
@@ -15246,11 +15253,11 @@ const KupCalendar = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h$1(Host, { key: '694d6c782eed06ec64232acc3ef163236c157711' }, h$1("style", { key: 'eaa3dca371969bb1cedb5b45e019ad6b563d3a0f' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '8d1d89e4526d1b50649d9486f5f292ff328d5457', id: componentWrapperId }, h$1("div", { key: 'fd7ce40682db901688644ff02e4fcd56f79c9256', class: "navigation" }, !this.hideNavigation ? (h$1("div", { class: "navigation__left" }, h$1(FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), h$1(FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), h$1(FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, h$1("div", { key: '832adde7b78762398fb46d100159bc9e3ad31ea3', class: `navigation__title ${this.hideNavigation
+        return (h$1(Host, { key: '84b96d480944784ba43b426e8d01e536f1bafc67' }, h$1("style", { key: 'bdaf0c3a8ee5cc6bdc7dc9e9cbc13529ea611e28' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '3ae0c2d73d9d70be0cf3a13f56eaf09fc5b29126', id: componentWrapperId }, h$1("div", { key: '06aa3eea99f3c49e88509c4393231fd47d7eeace', class: "navigation" }, !this.hideNavigation ? (h$1("div", { class: "navigation__left" }, h$1(FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), h$1(FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), h$1(FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, h$1("div", { key: 'bcf1061ef340154ce810504963c635677d7b08ec', class: `navigation__title ${this.hideNavigation
                 ? 'navigation__title--centered'
                 : ''}`, ref: (el) => {
                 this.navTitle = el;
-            } }), h$1("div", { key: '93d4d527539c090ca8a29ee76c04ef8ee0c36d29', class: "navigation__right" }, this.enableChangeView ? (h$1(FChip, Object.assign({}, this.setChipProps()))) : null)), h$1("div", { key: 'cf94727499fdd2dd62a8e0fb0481575b631efb4f', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
+            } }), h$1("div", { key: 'd0da3cdd51e56c4d707789af64e55c1d19a24973', class: "navigation__right" }, this.enableChangeView ? (h$1(FChip, Object.assign({}, this.setChipProps()))) : null)), h$1("div", { key: 'c8cd358bceae781d6add7ff26cc09878ef0b5834', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
     }
     disconnectedCallback() {
         if (this.calendar) {

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-2b06d829.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-2b06d829.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-0a43dfd3.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-d5f27ee2.js';
+import './f-object-field-6f759bf9.js';
+import './f-text-field-86dd8534.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;
@@ -56,17 +56,25 @@ const KupCustomTaskListTable = class {
     }
     updateTaskListScroll() {
         this.projectWrapperRef &&
-            (this.projectWrapperRef.parentElement.scrollLeft = this.taskListScrollX);
+            (this.projectWrapperRef.parentElement.scrollLeft =
+                this.taskListScrollX);
     }
     render() {
+        var _a;
         const kupDates = new KupDates();
         const scrollableStyle = {};
         if (this.scrollableTaskList) {
             scrollableStyle['width'] = this.rowWidth;
         }
-        const spansToShow = this.tasks.reduce((prev, curr) => {
-            return prev.valuesToShow.length > curr.valuesToShow.length ? prev : curr;
-        }).valuesToShow.length + 1;
+        const spansToShow = this.tasks && this.tasks.length > 0
+            ? ((_a = this.tasks.reduce((prev, curr) => {
+                var _a, _b;
+                return ((_a = prev.valuesToShow) === null || _a === void 0 ? void 0 : _a.length) >
+                    ((_b = curr.valuesToShow) === null || _b === void 0 ? void 0 : _b.length)
+                    ? prev
+                    : curr;
+            }).valuesToShow) === null || _a === void 0 ? void 0 : _a.length) + 1 || 1
+            : 1;
         return (h("div", { class: `container ${this.scrollableTaskList ? 'scrollable' : ''}`, style: scrollableStyle }, h("div", { class: "project-wrapper", ref: (el) => (this.projectWrapperRef = el) }, this.tasks.map((task) => {
             var _a, _b, _c, _d;
             return (h(Fragment, null, task.type === 'project' ? (h("div", { class: "project", style: {
@@ -90,10 +98,14 @@ const KupCustomTaskListTable = class {
                     ? kupDates.formatToLocaleSimple(task.start)
                     : v === '#END#'
                         ? kupDates.formatToLocaleSimple(task.end)
-                        : v))), this.scrollableTaskList && spansToShow > task.valuesToShow.length && ((() => {
-                const spansToIterate = createArrayFromNum(spansToShow - task.valuesToShow.length);
-                return (spansToIterate.map((element) => (h("span", { key: element }))));
-            })()))) : task.type === 'task' ? (h("div", { class: "subrow", style: {
+                        : v))), this.scrollableTaskList &&
+                spansToShow >
+                    task.valuesToShow.length &&
+                (() => {
+                    const spansToIterate = createArrayFromNum(spansToShow -
+                        task.valuesToShow.length);
+                    return spansToIterate.map((element) => (h("span", { key: element })));
+                })())) : task.type === 'task' ? (h("div", { class: "subrow", style: {
                     height: `${this.rowHeight}px`,
                     width: this.rowWidth,
                     fontFamily: this.fontFamily,
@@ -125,10 +137,16 @@ const KupCustomTaskListTable = class {
                     ? kupDates.formatToLocaleSimple(task.start)
                     : v === '#END#'
                         ? kupDates.formatToLocaleSimple(task.end)
-                        : v))), this.scrollableTaskList && spansToShow > task.valuesToShow.length && ((() => {
-                const spansToIterate = createArrayFromNum(spansToShow - task.valuesToShow.length - 1);
-                return (spansToIterate.map((element) => (h("span", { key: element }))));
-            })()))) : ((() => {
+                        : v))), this.scrollableTaskList &&
+                spansToShow >
+                    task.valuesToShow.length &&
+                (() => {
+                    const spansToIterate = createArrayFromNum(spansToShow -
+                        task.valuesToShow
+                            .length -
+                        1);
+                    return spansToIterate.map((element) => (h("span", { key: element })));
+                })())) : ((() => {
                 var _a;
                 let str = '';
                 for (let i = 0; i < task.valuesToShow.length; i++) {
@@ -385,11 +403,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 +1463,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 +1529,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-86dd8534.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-2b06d829.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-7d5e4260.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-2b06d829.js';
 import { K as KupDatesFormats } from './kup-dates-77f1a451.js';
 
 /**
@@ -1222,12 +1222,16 @@ function cloneRowGroup(group) {
  * @param includesAlsoEmptyRows
  * @returns
  */
-function getDiffData(originalData, modifiedData, includesAlsoEmptyRows = false) {
+function getDiffData(originalData, modifiedData, includesAlsoEmptyRows = false, insertedRowsIds = []) {
     const diffDataTable = {
         columns: modifiedData.columns.filter((col) => col.visible),
         rows: [],
     };
     for (const modifiedRow of modifiedData.rows) {
+        if (insertedRowsIds.includes(modifiedRow.id)) {
+            diffDataTable.rows.push(modifiedRow);
+            continue;
+        }
         const newRow = { cells: {}, id: modifiedRow.id };
         for (const column of diffDataTable.columns) {
             const cellKey = column.name;
@@ -1258,8 +1262,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-2b06d829.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-2b06d829.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-2b06d829.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-2b06d829.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-77f1a451.js';