@sme.up/ketchup 10.3.0 → 10.3.1

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

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager$1 = require('./kup-manager-49d2d8fe.js');
-const fTextField = require('./f-text-field-5face063.js');
+const kupManager$1 = require('./kup-manager-ecc44384.js');
+const fTextField = require('./f-text-field-d91ab1e8.js');
 const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
-const fChip = require('./f-chip-24b1eb58.js');
+const fChip = require('./f-chip-dc085b9b.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-db10b066.js');
 const fButton = require('./f-button-bfafefb3.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
-const fCell = require('./f-cell-cfdd6703.js');
+const fCell = require('./f-cell-be0c55ac.js');
 const kupDates = require('./kup-dates-bc4cf9d0.js');
 const component = require('./component-cb3b32f5.js');
 const fCheckbox = require('./f-checkbox-aaa6d45c.js');
-const kupDataTableHelper = require('./kup-data-table-helper-6f4d86ea.js');
-const fPaginatorUtils = require('./f-paginator-utils-51bb9317.js');
-require('./f-object-field-2ffc49c1.js');
+const kupDataTableHelper = require('./kup-data-table-helper-ff263f4f.js');
+const fPaginatorUtils = require('./f-paginator-utils-3f233ebe.js');
+require('./f-object-field-96e1c599.js');
 
 /**
  * Props of the kup-autocomplete component.
@@ -9494,16 +9494,25 @@ const KupDataTable = class {
      * @param {string|number} rowIdentifier - Id (dataset) or indexe (rendered rows).
      */
     async scrollToRow(rowIdentifier) {
-        var _a;
         const id = rowIdentifier;
         const row = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getRow).call(this, id);
         if (row) {
             const start = (this.currentPage - 1) * this.currentRowsPerPage;
             const end = this.currentPage * this.currentRowsPerPage;
             const index = __classPrivateFieldGet$7(this, _KupDataTable_rows, "f").indexOf(row) % (end - start);
-            const idx = index - this.calculateScrollToRowOffset();
-            if (idx >= 1) {
-                (_a = __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f")[idx]) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
+            const scrollableContainer = __classPrivateFieldGet$7(this, _KupDataTable_tableAreaRef, "f");
+            const target = __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f")[index];
+            if (index >= 1) {
+                const headerHeight = parseInt(getComputedStyle(__classPrivateFieldGet$7(this, _KupDataTable_theadRef, "f")).height.replace('px', ''));
+                const targetRect = target.getBoundingClientRect();
+                const scrollableContainerRect = scrollableContainer.getBoundingClientRect();
+                const scrollOffset = scrollableContainer.scrollTop -
+                    headerHeight +
+                    (targetRect.top - scrollableContainerRect.top);
+                scrollableContainer.scrollTo({
+                    top: scrollOffset,
+                    behavior: 'instant',
+                });
             }
         }
     }
@@ -10025,7 +10034,7 @@ const KupDataTable = class {
         __classPrivateFieldSet$3(this, _KupDataTable_sizedColumns, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
         let rows = null;
         if (__classPrivateFieldGet$7(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (index.h("tr", { key: '7eef3ae6950132812cd62cdab017b45c3e31b9ed', ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: '7f7c90376e2069e412fb7a993f6449e0785948a5', colSpan: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (index.h("tr", { key: '73ab25510b36c211a9b526566f034d0238258dc9', ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: 'a208779c47e4dbf1e07f2e376b29ab887826cba9', colSpan: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -10090,7 +10099,7 @@ const KupDataTable = class {
                 for (let i = 0; i < chipsData.length; i++) {
                     props.onIconClick.push(() => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
                 }
-                groupChips = index.h(fChip.FChip, Object.assign({ key: 'ddf47ea9fa13713dda0d38a74745bf5f38d5fb20' }, props));
+                groupChips = index.h(fChip.FChip, Object.assign({ key: 'b48f3f165d245d0521de81bd439edec989594b38' }, props));
             }
         }
         const tableClass = {
@@ -10122,7 +10131,7 @@ const KupDataTable = class {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (index.h("sticky-header", { key: '7c20a020914556afb9bf43d55fb44785314adc8d', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: '23f35a1c9fe85161340aac63bf57b90895757330' }, index.h("tr-sticky", { key: '6da73ed8cb9d86f775d37530025a6781cdd86577' }, stickyHeader))));
+            stickyEl = (index.h("sticky-header", { key: '8c5bc6abb9a3aab7a2c3e93b48b493a90fdcd663', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: 'f6c33df33b18a7c647db818171136fdec7cd80ee' }, index.h("tr-sticky", { key: '341ef08fb5646aebbae32175025d60f8135c087a' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -10168,7 +10177,7 @@ const KupDataTable = class {
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet$7(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (index.h(index.Host, { key: 'dd42df36afe474f8f9d686a210c5dc84ab97a824', "onKup-drop": (e) => {
+        const compCreated = (index.h(index.Host, { key: '97ba3d4478eefd7a0e6f5aa512c9552507f0bb83', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -10183,11 +10192,11 @@ const KupDataTable = class {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, index.h("style", { key: '1a75edc1127c828ddbf65871b317a4e252a56817' }, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, index.h("div", { key: 'cd725be0317588ca73a9ba494a943a053ec04944', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: '748e91f02e5be185e47495d0fe1e837b43c4458b', class: "group-wrapper" }, groupChips), index.h("div", { key: '835ec96f8d12b1a0b56ccd9b41e92af93b74f87f', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (index.h("div", { id: "global-filter" }, index.h(fTextField.FTextField, { fullWidth: true, icon: kupManager$1.KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageSearch.SEARCH), sizing: kupManager$1.KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, index.h("style", { key: '79b085a799d77cdb6c4fc1aa27ab4a399f589361' }, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, index.h("div", { key: 'd2bc7d721927b76b71a9dc7c30277cb15e4e55e0', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: '1f05f6ec24e005b51a75566f40ef2ec5c8c6a326', class: "group-wrapper" }, groupChips), index.h("div", { key: 'ff34915fbead73c720150f8638f1d3b63cacce4f', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (index.h("div", { id: "global-filter" }, index.h(fTextField.FTextField, { fullWidth: true, icon: kupManager$1.KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageSearch.SEARCH), sizing: kupManager$1.KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$7(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$3(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, index.h("div", { key: 'a673be7f9896b48cbc9a47d13b0190331218714c', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, index.h("div", { key: '577f5abb16f1a83d95111176e8d1a498a174b3b0', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (index.h(fButton.FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -10237,9 +10246,9 @@ const KupDataTable = class {
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: kupManager$1.KupComponentSizing.MEDIUM, styling: fButtonDeclarations.FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), index.h("div", { key: '4b9a4bd09ed310f5cfe958cbceaa089b832a5317', class: "droparea", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, sizing: kupManager$1.KupComponentSizing.MEDIUM, styling: fButtonDeclarations.FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), index.h("div", { key: '78b38e239fcac9d73b210eb8752cf55fcacb9b1d', class: "droparea", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), index.h("div", { key: 'e78f7ff2cd55da1cc6caaed010545d57bbe7c397', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), index.h("div", { key: '0270f09b310618dd8ab5665bcfcefd890d85739a', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 index.h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -10248,7 +10257,7 @@ const KupDataTable = class {
                     } }, index.h(fImage.FImage, { color: `var(${kupManager$1.KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, index.h("table", { key: '1708aaac7a54c1fbe304afbe73afc6f16b5d8a1d', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$7(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
+            : null, index.h("table", { key: 'fefe6e4a726947617cc80124c0cb8afd436dec59', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$7(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -10256,7 +10265,7 @@ const KupDataTable = class {
                 __classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, index.h("thead", { key: '7bcd8e5d8a458c8e7ca4c338b02e4ba4b56aae15', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: 'b028215a4df0c4613d06ecce1aed1efcf094ec3a' }, header)), index.h("tbody", { key: 'bdc9191bd0c388075b674644114b65e8d0d0ebff' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, index.h("thead", { key: 'f78b9dc9e18ca0e9cbc9f563bda07f3ad20d7a76', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: '728fe1c1d3b292d70163aabcd2a7438a87151263' }, header)), index.h("tbody", { key: 'ffd21db3ef0ee1dcd734b8f73974de8ee8e0c02d' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -12691,6 +12700,10 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             cell.data = Object.assign(Object.assign({}, cell.data), { legacyLook: this.legacyLook, sizing: this.density === 'extra_dense'
                     ? 'extra-small'
                     : (_a = cell.data) === null || _a === void 0 ? void 0 : _a.sizing });
+            if (!cell.isEditable) {
+                cell.cssClass =
+                    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").data.cell.getObjectRelatedStyleClasses(cell.obj, cell.cssClass);
+            }
             const fcell = Object.assign(Object.assign({}, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").data.cell.buildFCell(cell, currentColumn, row)), { component: this, density: this.density, editable: this.editableData || this.updatableData, indents: indend, previousValue: hideValuesRepetitions && previousRow
                     ? previousRow.cells[name].value
                     : undefined, renderKup: this.lazyLoadCells, cellActionIcon: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").data.cell.hasActionCell(cell, (_b = this.commands) !== null && _b !== void 0 ? _b : [])
@@ -12809,7 +12822,6 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     }
 }, _KupDataTable_handleColumnGroup = function _KupDataTable_handleColumnGroup(column2group) {
     // Get sorted column current position
-    this.getVisibleColumns();
     const columnX = this.getVisibleColumns().find((col) => col.name === column2group.name &&
         col.title === column2group.title);
     if (columnX) {
@@ -12993,7 +13005,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             this.showGrid = grid;
         } })));
 }, _KupDataTable_renderCommandButton = function _KupDataTable_renderCommandButton(commandObj, styling) {
-    return (index.h("kup-button", { styling: styling, "onKup-button-click": () => __classPrivateFieldGet$7(this, _KupDataTable_handleUpdateClick, "f").call(this, commandObj), icon: commandObj.icon, label: commandObj.value }));
+    return (index.h("kup-button", { styling: styling, "onKup-button-click": () => __classPrivateFieldGet$7(this, _KupDataTable_handleUpdateClick, "f").call(this, commandObj), icon: commandObj.icon, placeholderIcon: commandObj.placeholderIcon, label: commandObj.value }));
 }, _KupDataTable_renderCommandDropDownButton = function _KupDataTable_renderCommandDropDownButton(commandObj, styling) {
     const data = {
         'kup-list': {
@@ -20026,7 +20038,13 @@ const KupTree = class {
                     const cell = treeNodeData.cells[column.name]
                         ? treeNodeData.cells[column.name]
                         : null;
-                    cell.style = treeNodeData.style && null;
+                    if (treeNodeData.style) {
+                        cell.style = treeNodeData.style;
+                    }
+                    if (!cell.isEditable) {
+                        cell.cssClass =
+                            __classPrivateFieldGet(this, _KupTree_kupManager, "f").data.cell.getObjectRelatedStyleClasses(cell.obj, cell.cssClass);
+                    }
                     const cellProps = {
                         cell: cell,
                         column: column,
@@ -20406,19 +20424,19 @@ const KupTree = class {
             this.data &&
             this.data.length &&
             this.data.length > 0) {
-            filterField = (index.h("div", { key: '0d3ffb1b2c0bcb8eaa05fd1fdf74eea6bb6ffd0e', id: "global-filter" }, index.h("kup-text-field", { key: 'aa071c6d5dd62f0d38166abcc8a13bd5c00d5465', fullWidth: true, label: __classPrivateFieldGet(this, _KupTree_kupManager, "f").language.translate(kupManager$1.KupLanguageSearch.SEARCH), sizing: kupManager$1.KupComponentSizing.EXTRA_SMALL, icon: kupManager$1.KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
+            filterField = (index.h("div", { key: 'b9095e93e4a60648ccda218cbc7fcd738a108d8a', id: "global-filter" }, index.h("kup-text-field", { key: 'f98a0639052c43ce4e0ef13296136e467182ac4e', fullWidth: true, label: __classPrivateFieldGet(this, _KupTree_kupManager, "f").language.translate(kupManager$1.KupLanguageSearch.SEARCH), sizing: kupManager$1.KupComponentSizing.EXTRA_SMALL, icon: kupManager$1.KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
                     window.clearTimeout(this.globalFilterTimeout);
                     this.globalFilterTimeout = window.setTimeout(() => this.onGlobalFilterChange(event), 600);
                 } })));
         }
-        return (index.h(index.Host, { key: 'b329a41c2100da19dc07aa066db346232cca214c', "onKup-cell-click": (e) => {
+        return (index.h(index.Host, { key: '15ef1ec888317912adcf8db2df390dbf06b906a5', "onKup-cell-click": (e) => {
                 this.kupTreeCellClick.emit(e.detail);
-            } }, index.h("style", { key: 'ca79698fe6059d8402bded86e888d468ce181b65' }, __classPrivateFieldGet(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'bf30f1d622ea6a9dff926d9ffc81e3b15038255a', id: GenericVariables.componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, index.h("div", { key: '12e3100231bcc86d1d60c969dafc23c0c3a71a64', class: "wrapper", ref: (el) => (this.treeWrapperRef =
-                el) }, index.h("table", { key: '5449b7e73fa4b064d25db8fc443ead1a33f188c5', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
+            } }, index.h("style", { key: '46df5fad7874e3c272adcc78e909ee6035536ccc' }, __classPrivateFieldGet(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'd61be1bdc5e5e659a7169fc70dbf74ec09318ae2', id: GenericVariables.componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, index.h("div", { key: 'b35a3be92fdbf4f30e6e2b87fec7a7228db5aaa1', class: "wrapper", ref: (el) => (this.treeWrapperRef =
+                el) }, index.h("table", { key: '7bcd57a6d631589197c28de1088f0689bcaff46d', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, index.h("thead", { key: 'd5976da1d6f0603113497856af95ac2a8818bd09', class: {
+            } }, index.h("thead", { key: 'a0f63e145ce0f6c2c0f3f612b06edbf08ece937e', class: {
                 'header--is-visible': visibleHeader,
-            } }, index.h("tr", { key: 'f75ce0e26d7cff3c1f173388702296d84f748529' }, visibleHeader ? this.renderHeader() : null)), index.h("tbody", { key: 'ac81183ca8f13d9d72c454a311e68f59ff343d23' }, treeNodes), (this.showFooter || this.hasTotals()) &&
+            } }, index.h("tr", { key: '5c3dce5b4828fdf00e91354aa9308798a3bf282d' }, visibleHeader ? this.renderHeader() : null)), index.h("tbody", { key: '2599e820e154176730bc67879708d68120eb4579' }, treeNodes), (this.showFooter || this.hasTotals()) &&
             this.columns
             ? this.renderFooter()
             : null)))));