@sme.up/ketchup 10.3.6 → 10.3.8

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

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-5cdad0f5.js');
-const kupDataTableHelper = require('./kup-data-table-helper-0b79fb90.js');
+const kupManager = require('./kup-manager-15f30f03.js');
+const kupDataTableHelper = require('./kup-data-table-helper-63e5d7a2.js');
 const fImage = require('./f-image-db10b066.js');
-const fChip = require('./f-chip-f35c1b42.js');
+const fChip = require('./f-chip-f1b14141.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fCell = require('./f-cell-e5ff9c98.js');
-const fPaginatorUtils = require('./f-paginator-utils-3ada5c71.js');
+const fCell = require('./f-cell-9a77e09a.js');
+const fPaginatorUtils = require('./f-paginator-utils-49cf707b.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
 require('./kup-dates-8619368a.js');
 require('./f-button-bfafefb3.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-checkbox-aaa6d45c.js');
-require('./f-object-field-04065abd.js');
-require('./f-text-field-0eda27cd.js');
+require('./f-object-field-7c1ea180.js');
+require('./f-text-field-f5b2163a.js');
 require('./component-a6dd6c14.js');
 
 /**

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$4 = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-5cdad0f5.js');
+const kupManager = require('./kup-manager-15f30f03.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-bfafefb3.js');
-const fChip = require('./f-chip-f35c1b42.js');
+const fChip = require('./f-chip-f1b14141.js');
 const kupDates = require('./kup-dates-8619368a.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-db10b066.js');
@@ -13213,7 +13213,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);
@@ -13237,7 +13237,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();
@@ -13306,6 +13306,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;
 }
@@ -15136,7 +15139,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);
@@ -15183,9 +15187,12 @@ const KupCalendar = class {
                             : `invalid start date: ${cell.value}`}. ${endDate
                             ? `end date: ${endDate}`
                             : `invalid end date: ${cell.value}`}]`, kupManager.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}`, kupManager.KupDebugCategory.ERROR);
@@ -15250,11 +15257,11 @@ const KupCalendar = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (index$4.h(index$4.Host, { key: '694d6c782eed06ec64232acc3ef163236c157711' }, index$4.h("style", { key: 'eaa3dca371969bb1cedb5b45e019ad6b563d3a0f' }, this.kupManager.theme.setKupStyle(this.rootElement)), index$4.h("div", { key: '8d1d89e4526d1b50649d9486f5f292ff328d5457', id: GenericVariables.componentWrapperId }, index$4.h("div", { key: 'fd7ce40682db901688644ff02e4fcd56f79c9256', class: "navigation" }, !this.hideNavigation ? (index$4.h("div", { class: "navigation__left" }, index$4.h(fButton.FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), index$4.h(fButton.FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), index$4.h(fButton.FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, index$4.h("div", { key: '832adde7b78762398fb46d100159bc9e3ad31ea3', class: `navigation__title ${this.hideNavigation
+        return (index$4.h(index$4.Host, { key: '84b96d480944784ba43b426e8d01e536f1bafc67' }, index$4.h("style", { key: 'bdaf0c3a8ee5cc6bdc7dc9e9cbc13529ea611e28' }, this.kupManager.theme.setKupStyle(this.rootElement)), index$4.h("div", { key: '3ae0c2d73d9d70be0cf3a13f56eaf09fc5b29126', id: GenericVariables.componentWrapperId }, index$4.h("div", { key: '06aa3eea99f3c49e88509c4393231fd47d7eeace', class: "navigation" }, !this.hideNavigation ? (index$4.h("div", { class: "navigation__left" }, index$4.h(fButton.FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), index$4.h(fButton.FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), index$4.h(fButton.FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, index$4.h("div", { key: 'bcf1061ef340154ce810504963c635677d7b08ec', class: `navigation__title ${this.hideNavigation
                 ? 'navigation__title--centered'
                 : ''}`, ref: (el) => {
                 this.navTitle = el;
-            } }), index$4.h("div", { key: '93d4d527539c090ca8a29ee76c04ef8ee0c36d29', class: "navigation__right" }, this.enableChangeView ? (index$4.h(fChip.FChip, Object.assign({}, this.setChipProps()))) : null)), index$4.h("div", { key: 'cf94727499fdd2dd62a8e0fb0481575b631efb4f', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
+            } }), index$4.h("div", { key: 'd0da3cdd51e56c4d707789af64e55c1d19a24973', class: "navigation__right" }, this.enableChangeView ? (index$4.h(fChip.FChip, Object.assign({}, this.setChipProps()))) : null)), index$4.h("div", { key: 'c8cd358bceae781d6add7ff26cc09878ef0b5834', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
     }
     disconnectedCallback() {
         if (this.calendar) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-5cdad0f5.js');
+const kupManager = require('./kup-manager-15f30f03.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-8619368a.js');
 

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

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-5cdad0f5.js');
+const kupManager = require('./kup-manager-15f30f03.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-bfafefb3.js');
-const fCell = require('./f-cell-e5ff9c98.js');
+const fCell = require('./f-cell-9a77e09a.js');
 require('./kup-dates-8619368a.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-db10b066.js');
 require('./f-checkbox-aaa6d45c.js');
-require('./f-chip-f35c1b42.js');
-require('./f-object-field-04065abd.js');
-require('./f-text-field-0eda27cd.js');
+require('./f-chip-f1b14141.js');
+require('./f-object-field-7c1ea180.js');
+require('./f-text-field-f5b2163a.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/cjs/kup-custom-task-list-header_4.cjs.entry.js

@@ -21,11 +21,11 @@ const KupCustomTaskListHeader = class {
         this.fontSize = undefined;
     }
     render() {
-        return (index.h("div", { key: '7afe903d27c39f08ffa24b06aafdbd0d86cc99db', class: "custom-task-list-wrapper", style: {
+        return (index.h("div", { key: '73c099362f8bfffd1912c4415f818ec0e3f527d9', class: "custom-task-list-wrapper", style: {
                 height: '25px',
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, index.h("div", { key: '9786f5c6cc683bed20126fd095935b1881088b1d', class: "title" }, index.h("span", { key: 'c4d4589f9ee3440fe94791b07ccb95afa769062c' }, this.label)), this.setDoubleView !== undefined && (index.h("div", { key: '388a0520f64adf2d1bba10282680523c0b4d9b6c', class: "toggler" }, index.h("label", { key: '9e0f2aeec4f12ddc461e90e8090cdd1d02a4c6c6', htmlFor: "ch2", class: "switch" }, index.h("input", { key: 'd3b016d5d3435f718723ee45a81660624e526769', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), index.h("span", { key: 'e9d77a0baea6b4a030f30d497e977911865c73a6', class: "slider" })), index.h("span", { key: '6acfe980e9e18d7bde234f99ba418b22a2304ae7', class: "label" }, "Previsioni")))));
+            } }, index.h("div", { key: 'd8e4e9d3323c7fd476295b6fcb81354a7af6d076', class: "title" }, index.h("span", { key: '26c697a8d3c453ad2f8dc17aced9c90af15fabd5' }, this.label)), this.setDoubleView !== undefined && (index.h("div", { key: '52d6dc0de21e77aecaac420c51c4b368c81dac33', class: "toggler" }, index.h("label", { key: 'f680cd1356907075f76245b1ae6b5885595f1205', htmlFor: "ch2", class: "switch" }, index.h("input", { key: 'b3111df49ce385f294d9050f61d534ccabc22047', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), index.h("span", { key: '75ea0aef920da62c94749d3bd2ef2fa029e5d1d8', class: "slider" })), index.h("span", { key: '1a31bbb00ebb13d1943ed8620ea1d3569da8cc06', class: "label" }, "Previsioni")))));
     }
 };
 KupCustomTaskListHeader.style = KupCustomTaskListHeaderStyle0;
@@ -60,17 +60,25 @@ const KupCustomTaskListTable = class {
     }
     updateTaskListScroll() {
         this.projectWrapperRef &&
-            (this.projectWrapperRef.parentElement.scrollLeft = this.taskListScrollX);
+            (this.projectWrapperRef.parentElement.scrollLeft =
+                this.taskListScrollX);
     }
     render() {
+        var _a;
         const kupDates$1 = new kupDates.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 (index.h("div", { class: `container ${this.scrollableTaskList ? 'scrollable' : ''}`, style: scrollableStyle }, index.h("div", { class: "project-wrapper", ref: (el) => (this.projectWrapperRef = el) }, this.tasks.map((task) => {
             var _a, _b, _c, _d;
             return (index.h(index.Fragment, null, task.type === 'project' ? (index.h("div", { class: "project", style: {
@@ -94,10 +102,14 @@ const KupCustomTaskListTable = class {
                     ? kupDates$1.formatToLocaleSimple(task.start)
                     : v === '#END#'
                         ? kupDates$1.formatToLocaleSimple(task.end)
-                        : v))), this.scrollableTaskList && spansToShow > task.valuesToShow.length && ((() => {
-                const spansToIterate = bar_helpers.createArrayFromNum(spansToShow - task.valuesToShow.length);
-                return (spansToIterate.map((element) => (index.h("span", { key: element }))));
-            })()))) : task.type === 'task' ? (index.h("div", { class: "subrow", style: {
+                        : v))), this.scrollableTaskList &&
+                spansToShow >
+                    task.valuesToShow.length &&
+                (() => {
+                    const spansToIterate = bar_helpers.createArrayFromNum(spansToShow -
+                        task.valuesToShow.length);
+                    return spansToIterate.map((element) => (index.h("span", { key: element })));
+                })())) : task.type === 'task' ? (index.h("div", { class: "subrow", style: {
                     height: `${this.rowHeight}px`,
                     width: this.rowWidth,
                     fontFamily: this.fontFamily,
@@ -129,10 +141,16 @@ const KupCustomTaskListTable = class {
                     ? kupDates$1.formatToLocaleSimple(task.start)
                     : v === '#END#'
                         ? kupDates$1.formatToLocaleSimple(task.end)
-                        : v))), this.scrollableTaskList && spansToShow > task.valuesToShow.length && ((() => {
-                const spansToIterate = bar_helpers.createArrayFromNum(spansToShow - task.valuesToShow.length - 1);
-                return (spansToIterate.map((element) => (index.h("span", { key: element }))));
-            })()))) : ((() => {
+                        : v))), this.scrollableTaskList &&
+                spansToShow >
+                    task.valuesToShow.length &&
+                (() => {
+                    const spansToIterate = bar_helpers.createArrayFromNum(spansToShow -
+                        task.valuesToShow
+                            .length -
+                        1);
+                    return spansToIterate.map((element) => (index.h("span", { key: element })));
+                })())) : ((() => {
                 var _a;
                 let str = '';
                 for (let i = 0; i < task.valuesToShow.length; i++) {
@@ -389,11 +407,11 @@ const KupGanttCalendar = class {
         this.simplifiedHeader =
             this.singleLineHeader && this.dateSetup.viewMode !== 'year';
         const [topValues, bottomValues] = this.getTopAndBottomValues();
-        return (index.h("svg", { key: '6969f03c8f75737ce4c42469a456069d0e3ced67', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, index.h("g", { key: 'c77177ccec8559de2e61d59b3fe235843af260ab', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, index.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 (index.h("svg", { key: '746671a52e6654cd1ff1789c76e25d0aa8f3905b', xmlns: "http://www.w3.org/2000/svg", width: this.svgWidth, height: this.headerHeight }, index.h("g", { key: '74a463a10c7124779eb5aa313bca389591fc131b', class: "calendar", "font-size": this.fontSize, "font-family": this.fontFamily }, index.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) => (index.h("g", { class: "calendarTop" }, index.h("line", { x1: topValue.x1Line, y1: topValue.y2Line * 2, x2: topValue.x1Line, y2: topValue.y2Line, class: "calendarTopTick", key: topValue.value + 'line' }), index.h("text", { key: topValue.value + 'text', y: topValue.yText, x: topValue.xText, class: "calendarTopText" }, topValue.value))))
             : topValues.map((topValue) => (index.h("g", { class: "calendarTop" }, index.h("line", { x1: topValue.x1Line, y1: topValue.y1Line, x2: topValue.x1Line, y2: topValue.y2Line, class: "calendarTopTick", key: topValue.value + 'line' }), index.h("text", { key: topValue.value + 'text', y: topValue.yText, x: topValue.xText, class: "calendarTopText" }, topValue.value)))), this.currentDateIndicator && (
         // current date indicator
-        index.h("circle", { key: '90b8cd4be3694ab5827a64b8bc1b66da57e0c316', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
+        index.h("circle", { key: '40cca30be82870be76d4ceaba428bf91bca3d515', fill: this.currentDateIndicator.color, cx: this.currentDateIndicator.x + 2.5, cy: this.headerHeight - 8, r: "8" })))));
     }
 };
 KupGanttCalendar.style = KupGanttCalendarStyle0;
@@ -1449,13 +1467,13 @@ const KupGridRenderer = class {
             // }
             tickX += this.columnWidth;
         }
-        return (index.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) }, index.h("g", { key: 'c4ea086a80c8bdb9af3f1c5412d8a21bfbe0d8c2', class: "grid" }, index.h("g", { key: '4d5fca83f9c9773ace27ca73de0c31a260de6bf4', class: "rows" }, gridRows), index.h("g", { key: '866826ab5d44f8432505188975335992055749ef', class: "rowLines" }, rowLines), index.h("g", { key: '1ac3f9ebdc169f26ef80e1fcf32e07852fb82a53', class: "ticks" }, ticks)), index.h("g", { key: 'e609b944f5eb7cbb0ab0a76ad587bf9f0d9e9c34', class: "content" }, this.currentDateIndicator && (index.h("rect", { key: 'c92ca47c32edfcad7a4838f81e0b3b24952110e5', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (index.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" })), index.h("g", { key: '343047f0b4e4001616bdc8ae187a220f6c612df7', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
+        return (index.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) }, index.h("g", { key: '8457770216910c3ac143ef21abaf8ac3af292d80', class: "grid" }, index.h("g", { key: 'eb4fa2b2561b38678bd76652c4b29257c83e9673', class: "rows" }, gridRows), index.h("g", { key: '467972ed8379d0d81f9cd093f5290426551da51a', class: "rowLines" }, rowLines), index.h("g", { key: '0a3e0808f240aacc430a462281defa95f0490542', class: "ticks" }, ticks)), index.h("g", { key: '46e17c947f42fad3546158f68d27177c5ddf11cb', class: "content" }, this.currentDateIndicator && (index.h("rect", { key: '4c4674f8d1137b3fb7f71e7321975ce35e677af4', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (index.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" })), index.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);
                 }
             });
-        })), index.h("g", { key: '8b6fad21ec6778cec66ab08111472c6d5c6c8cb2', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
+        })), index.h("g", { key: 'e5824ca36bfb53ad9a52cfcac9507c91b86b7c43', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
             const forbidResize = task.type === 'project';
             return (index.h("g", { onKeyDown: (e) => {
                     switch (e.key) {
@@ -1515,7 +1533,7 @@ const KupGridRenderer = class {
                         return this.renderKupBar(task, props.isSelected, isDateResizable, isProgressChangeable);
                 }
             })()));
-        }), this.currentTarget && this.ganttEvent.changedTask && (index.h("g", { key: '46e057472af12f861f49755ca0635cf52178f653', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
+        }), this.currentTarget && this.ganttEvent.changedTask && (index.h("g", { key: 'f970fe6a4ac6e192f5fc012f39a027866fdfa6cf', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
     }
     static get watchers() { return {
         "columnWidth": ["updateXStep"],

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c7d441d8.js');
 const fButton = require('./f-button-bfafefb3.js');
 const fCheckbox = require('./f-checkbox-aaa6d45c.js');
-const fTextField = require('./f-text-field-0eda27cd.js');
+const fTextField = require('./f-text-field-f5b2163a.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
-const kupManager = require('./kup-manager-5cdad0f5.js');
+const kupManager = require('./kup-manager-15f30f03.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-db10b066.js');

package/dist/cjs/{kup-data-table-helper-0b79fb90.js → kup-data-table-helper-63e5d7a2.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const kupManager = require('./kup-manager-5cdad0f5.js');
+const kupManager = require('./kup-manager-15f30f03.js');
 const kupDates = require('./kup-dates-8619368a.js');
 
 /**
@@ -1224,12 +1224,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;
@@ -1260,8 +1264,8 @@ function decorateDataTable(data) {
             const options = cell['options'];
             cell.isEditable = (_a = cell.isEditable) !== null && _a !== void 0 ? _a : cell['editable'];
             const shapeAdapters = {
-                [kupManager.FCellShapes.AUTOCOMPLETE]: () => kupManager.CMBandACPAdapter(value, '', options),
-                [kupManager.FCellShapes.COMBOBOX]: () => kupManager.CMBandACPAdapter(value, '', options),
+                [kupManager.FCellShapes.AUTOCOMPLETE]: () => kupManager.CMBandACPAdapter(value, '', options, cell.data),
+                [kupManager.FCellShapes.COMBOBOX]: () => kupManager.CMBandACPAdapter(value, '', options, cell.data),
                 [kupManager.FCellShapes.RADIO]: () => kupManager.RADAdapter(value, options),
                 [kupManager.FCellShapes.CHECKBOX]: () => kupManager.CHKAdapter(value, ''),
                 [kupManager.FCellShapes.CHIP]: () => kupManager.CHIAdapter(value, decode),

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-5cdad0f5.js');
+const kupManager = require('./kup-manager-15f30f03.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-8619368a.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-5cdad0f5.js');
+const kupManager = require('./kup-manager-15f30f03.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-8619368a.js');
 
@@ -84572,7 +84572,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) {
         index.registerInstance(this, hostRef);
@@ -84692,7 +84692,7 @@ const KupEchart = class {
             '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
             '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
         };
-        return (index.h(index.Host, { key: '54172a06b4c9fa2b4b14aa2cedf1002ee6ba535c', style: style }, index.h("style", { key: 'c88e6cd2781d7bf5a9d0fbb2ce6f95b3da037bbf' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'd6464aff5fcaa909b91b642b5c22d2115f474fd4', id: GenericVariables.componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
+        return (index.h(index.Host, { key: '6695df3d157839e237b73df89f56dd438240739a', style: style }, index.h("style", { key: 'f645db394d2d0fc02d027e7958eaf9266be71a1d' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '8cc220551d3cee74babf45104cfa3409b2107ec1', id: GenericVariables.componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
     }
     disconnectedCallback() {
         var _a;
@@ -85799,6 +85799,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);
@@ -85857,9 +85901,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/cjs/kup-editor.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-5cdad0f5.js');
+const kupManager = require('./kup-manager-15f30f03.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const kupDates = require('./kup-dates-8619368a.js');
 

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

@@ -6,7 +6,7 @@ const index = require('./index-c7d441d8.js');
 const fButton = require('./f-button-bfafefb3.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 const fImage = require('./f-image-db10b066.js');
-const kupManager = require('./kup-manager-5cdad0f5.js');
+const kupManager = require('./kup-manager-15f30f03.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-8619368a.js');