@sme.up/ketchup 11.0.7 → 11.0.8

package/dist/components/{p-a30c0106.js → p-4a48a95b.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h as h$1, d as Host, F as Fragment$1 } from './p-ef8cbd35.js';
-import { b as KupThemeIconValues, I as ItemsDisplayMode, e as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, d as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, c as KupThemeColorValues, C as CHIAdapter, R as RADAdapter, j as CMBandACPAdapter, l as KupTagNames, m as FCellShapes, n as getCellValueForDisplay, o as fullWidthFieldsComps, p as autoCenterComps, q as FCellEvents, r as isForceUppercase, t as isForceLowercase, u as KupDebugCategory, v as adaptContentToDisplayMode, w as FCellPadding, x as fillString, y as KupCardBuiltInClockElements, z as KupCardCSSClasses, A as KupLanguageTotals, B as KupLanguageColumn, D as KupDataNewColumnTypes, E as KupCardSubEvents, G as KupCardIds, H as KupLanguageRow, J as KupLanguageSearch, L as getColumnByName, M as KupObjects, N as formatToNumber, O as Filters, P as getValueForDisplay, Q as getValueForDisplay2, S as KupData, T as compareCell, U as TotalMode, V as getRegExpFromString, W as CHKAdapter, X as SWTAdapter, Y as SortMode, Z as GroupLabelDisplayMode, _ as SelectionMode, $ as KupLanguageGrouping, a0 as KupLanguageCheckbox, a1 as extractColumnsFromFormulaString, a2 as FILTER_ANALYZER, a3 as KupLanguagePage, a4 as addColumnValueFromRow, a5 as KupGlobalFilterMode, g as getProps, s as setProps, a6 as TotalLabel, a7 as isNegativeNumber, a8 as KupPointerEventTypes, a9 as kupDynamicPositionAttribute, aa as identify, ab as KupListProps, ac as KupCardFamily, ad as KupListRole, ae as KupLanguageUpload, af as LoadMoreMode, ag as PaginatorPos, ah as ShowGrid, ai as kupDraggableColumnAttr, aj as kupDragActiveAttr, ak as KupDragEffect, al as kupDraggableCellAttr, am as KupDropEventTypes, an as DataTableAreasEnum, ao as TypesToDuplicate, ap as UseAsValue, aq as FixedCellsClasses, ar as FixedCellsCSSVarsBase, as as KupLanguageFontsize, at as KupLanguageDensity, au as KupLanguageGrid, av as KupDataTableProps, aw as iconColumn, ax as keyColumn, ay as fieldColumn, az as getSizeOfInputElement, aA as KupCardProps } from './p-362d7a44.js';
+import { b as KupThemeIconValues, I as ItemsDisplayMode, e as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, d as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, c as KupThemeColorValues, C as CHIAdapter, R as RADAdapter, j as CMBandACPAdapter, l as KupTagNames, m as FCellShapes, n as getCellValueForDisplay, o as fullWidthFieldsComps, p as autoCenterComps, q as FCellEvents, r as isForceUppercase, t as isForceLowercase, u as KupDebugCategory, v as adaptContentToDisplayMode, w as FCellPadding, x as fillString, y as KupCardBuiltInClockElements, z as KupCardCSSClasses, A as KupLanguageTotals, B as KupLanguageColumn, D as KupDataNewColumnTypes, E as KupCardSubEvents, G as KupCardIds, H as KupLanguageRow, J as KupLanguageSearch, L as getColumnByName, M as KupObjects, N as formatToNumber, O as Filters, P as getValueForDisplay, Q as getValueForDisplay2, S as KupData, T as compareCell, U as TotalMode, V as getRegExpFromString, W as CHKAdapter, X as SWTAdapter, Y as SortMode, Z as GroupLabelDisplayMode, _ as SelectionMode, $ as KupLanguageGrouping, a0 as KupLanguageCheckbox, a1 as extractColumnsFromFormulaString, a2 as FILTER_ANALYZER, a3 as KupLanguagePage, a4 as addColumnValueFromRow, a5 as KupGlobalFilterMode, g as getProps, s as setProps, a6 as TotalLabel, a7 as isNegativeNumber, a8 as KupPointerEventTypes, a9 as kupDynamicPositionAttribute, aa as identify, ab as KupListProps, ac as KupCardFamily, ad as KupListRole, ae as KupLanguageUpload, af as LoadMoreMode, ag as PaginatorPos, ah as ShowGrid, ai as kupDraggableColumnAttr, aj as kupDragActiveAttr, ak as KupDragEffect, al as kupDraggableCellAttr, am as KupDropEventTypes, an as DataTableAreasEnum, ao as TypesToDuplicate, ap as UseAsValue, aq as FixedCellsClasses, ar as FixedCellsCSSVarsBase, as as KupLanguageFontsize, at as KupLanguageDensity, au as KupLanguageGrid, av as KupDataTableProps, aw as iconColumn, ax as keyColumn, ay as fieldColumn, az as getSizeOfInputElement, aA as KupCardProps } from './p-0a8eb556.js';
 import { h, g as getAssetPath, F as Fragment } from './p-3aae989f.js';
 import { c as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './p-ea482528.js';
 
@@ -4426,7 +4426,9 @@ const FButton = (props, children) => {
     const isIconButton = !!(props.styling.toLowerCase() === FButtonStyling.ICON ||
         (props.styling.toLowerCase() === FButtonStyling.RAISED &&
             props.icon &&
-            (props.label === null || props.label === undefined || props.label === "")));
+            (props.label === null ||
+                props.label === undefined ||
+                props.label === '')));
     const classObj = {
         'f-button': true,
         'kup-danger': props.danger,
@@ -5325,7 +5327,7 @@ const FCell = (props, children) => {
     cell.data = (_a = mapData(cell, column)) !== null && _a !== void 0 ? _a : cell.data;
     let _value = (_b = cell.decode) !== null && _b !== void 0 ? _b : cell.value;
     const valueToDisplay = props.previousValue !== _value ? _value : '';
-    const cellType = dom$i.ketchup.data.cell.getType(cell, shape);
+    const cellType = dom$i.ketchup.data.cell.getType(column, cell, shape);
     const sizing = props.density === 'extra_dense' ? 'extra-small' : (_c = cell.data) === null || _c === void 0 ? void 0 : _c.sizing;
     let cssClasses = cell.cssClass
         ? cell.cssClass
@@ -5477,7 +5479,7 @@ const mapData = (cell, column) => {
         ? cell.data.label
         : column.title;
     const currentValue = cell.value;
-    const cellType = dom$i.ketchup.data.cell.getType(cell, cell.shape);
+    const cellType = dom$i.ketchup.data.cell.getType(column, cell, cell.shape);
     const dataAdapterMap = new Map([
         [FCellTypes.BUTTON_LIST, MainBTNAdapter.bind(undefined)],
         [FCellTypes.STRING, MainITXAdapter.bind(undefined)],
@@ -16649,7 +16651,7 @@ const KupForm = /*@__PURE__*/ proxyCustomElement(class KupForm extends H {
             return (h$1("td", { class: `form__label form__label--${alignment}`, style: style }, h$1("span", null, label)));
         }
         function setPlaceholderLabel() {
-            switch (dom$1.ketchup.data.cell.getType(cell, cell.shape || column.shape || null)) {
+            switch (dom$1.ketchup.data.cell.getType(column, cell, cell.shape || column.shape || null)) {
                 case FCellTypes.AUTOCOMPLETE:
                 case FCellTypes.COLOR_PICKER:
                 case FCellTypes.COMBOBOX:
@@ -16714,7 +16716,7 @@ const KupForm = /*@__PURE__*/ proxyCustomElement(class KupForm extends H {
     render() {
         let formContent = null;
         if (this.data.rows.length === 0) {
-            formContent = (h$1("p", { key: 'fc256e91b6ba880915219e81f59ee144922aed8a' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
+            formContent = (h$1("p", { key: 'ea815da488cf3ac3ac14510a9526b09417d39ebf' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
         }
         else {
             const rows = this.data.rows;
@@ -16725,7 +16727,7 @@ const KupForm = /*@__PURE__*/ proxyCustomElement(class KupForm extends H {
                 formContent.push(this.renderRow(rows[cnt++]));
             }
         }
-        return (h$1(Host, { key: '2c6f213ea11f4e504543acf29bb4f93991fd2b14' }, h$1("style", { key: '6992e1682351dcad5a09c78df793fcd1448bebb1' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'bd24a0aac3c0efb03c8d25f1261c19c6c7f10ff5', id: componentWrapperId }, formContent)));
+        return (h$1(Host, { key: '87eec5120123fb0d89bbc454825ab9717f8cc57a' }, h$1("style", { key: '17bd0739b753023d6636496d93852e8b5a8f3e77' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '5ff34b363c16a369a175f4e166fcb8acd5880139', id: componentWrapperId }, formContent)));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);
@@ -25074,7 +25076,13 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         if (this.data.rows.filter((r) => r.id == undefined).length) {
             identify(this.getRows());
         }
-        this.expandGroupsHandler();
+        // Group expansion is triggered at the end of decorateAndInitForUpdTable()
+        // instead, so the grouped row tree (which clones rows, severing the live
+        // reference to this.data.rows) is rebuilt from already-decorated and
+        // already-patched (pendingRowsToUpdate) cell data. Doing it here, before
+        // decorateDataTable() runs, caused cells in grouped tables to keep a
+        // stale cell.data missing the 'kup-list'/'kup-text-field' slot data,
+        // crashing kup-autocomplete's consistency check on the next value change.
         __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this);
     }
     decorateAndInitForUpdTable() {
@@ -25112,6 +25120,9 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
             __classPrivateFieldSet$2(this, _KupDataTable_insertedRowIds, [], "f");
             __classPrivateFieldSet$2(this, _KupDataTable_modifiedRowsIds, [], "f");
         }
+        // Runs after pendingRowsToUpdate patching and decorateDataTable() above,
+        // so grouped rows are (re)built from fully decorated, up-to-date cells.
+        this.expandGroupsHandler();
     }
     computeMaxRowsPerPage() {
         var _a, _b, _c, _d;
@@ -26129,7 +26140,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         __classPrivateFieldSet$2(this, _KupDataTable_sizedColumns, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
         let rows = null;
         if (__classPrivateFieldGet$3(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h$1("tr", { key: 'c778621f24dbe8ac50439c1f1cc2c8da60038c15', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '38f680149997d7462d6dad98eb4c6d18cd21ccdf', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h$1("tr", { key: '222a8279fe407575382a65c83e33fd4b2569014a', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '9c5ed4321284ebbec8dcab42d8c833b22a5e5a8a', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -26205,7 +26216,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                         __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_handleChipsContextMenu).call(this, chipArg.id, e);
                     });
                 }
-                groupChips = h$1(FChip, Object.assign({ key: '452f382db133b46aeb06e7e2ecf5edbcf68c67f7' }, props));
+                groupChips = h$1(FChip, Object.assign({ key: '3dcf15fd1edb4038a0bde0f7832ecc63030917ba' }, props));
             }
         }
         const tableClass = {
@@ -26237,7 +26248,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h$1("sticky-header", { key: 'e427e9db53b607acba8dd58e5c9076e2e0b8f52c', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: '3f9ea12ec5eff7643b09b89dffc5b26a0b5ad49d' }, h$1("tr-sticky", { key: '7f1490b736d5390962aab145580e4cfad9bba3dc' }, stickyHeader))));
+            stickyEl = (h$1("sticky-header", { key: '012a49ef4e86f9653a7f019e458a3726cd848c96', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: '8d7af5595a3a85ba1e6d2b0b20f745212322c347' }, h$1("tr-sticky", { key: 'f33ccbb7ec7dfe9dd98f6b70faf73540a4b0df31' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -26283,7 +26294,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet$3(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (h$1(Host, { key: '7c0e5c976a0b9c2cfe64fc1f7cd91ec408b15412', "onKup-drop": (e) => {
+        const compCreated = (h$1(Host, { key: '5264eb4129ec9fdca78982b3eacf4dba3fd80fde', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -26302,11 +26313,11 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h$1("style", { key: 'd1b3e38e13368eb88a6de25fc760e9833de7b795' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h$1("div", { key: 'da0ced70283f1004b8711a6f8a1a666ab7a4abd2', id: componentWrapperId, class: wrapClass }, h$1("div", { key: '6022a92d789b77d2a38cf1c0fe758d0f4864610a', class: "group-wrapper" }, groupChips), h$1("div", { key: '8f511662df066227b919d56353fc297137255d23', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h$1("div", { id: "global-filter" }, h$1(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, h$1("style", { key: '7c422ef8e9ef0e9a73fa7e4ff2d429babac78432' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h$1("div", { key: 'e7665c4b6a220ab94ec6a78c9e821e3480a9e95e', id: componentWrapperId, class: wrapClass }, h$1("div", { key: 'b160e64031639cb6319bc43aac7b08e6c92a83a3', class: "group-wrapper" }, groupChips), h$1("div", { key: '53d1d060d86f15869a3448330348c6f1d5ea89dc', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h$1("div", { id: "global-filter" }, h$1(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$3(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$2(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, paginatorTop && (h$1("div", { key: '386e53a65702e0b8cc1fc1f07a3753d9758e45f2', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
+            } }))) : null, paginatorTop && (h$1("div", { key: '2c200acb217f83755654023dd824591669fe1f9e', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h$1(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -26356,9 +26367,9 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h$1("div", { key: 'f1725eb950f99f7e304d8391ca0ce1990ca0f9cc', class: "droparea", ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h$1("div", { key: '1c87d7627e2e8eca3805b3acf8579fcf4a6a8cfb', class: "droparea", ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h$1("div", { key: '9322c2940e4d24ab283e3bc8ad924ef6817e6982', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h$1("div", { key: '9ee1376d49777a9181bd638713ac773eb600b850', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h$1("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -26367,7 +26378,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                     } }, h$1(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h$1("table", { key: '86198eaa2ea882bd6d919adffb19f8c19d1cf0e1', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$3(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
+            : null, h$1("table", { key: 'b0154ffe6d1bcdb073ed8a9c5083c5fcfb1d4222', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$3(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$2(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -26375,7 +26386,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 __classPrivateFieldSet$2(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h$1("thead", { key: '842fdb6cabe6779eb66a68644a0f86b77294e760', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: 'cf502adfe5ad7c95d4a253e05f4756ac70c9327a' }, header)), h$1("tbody", { key: 'cb9684e94db3646a5fadfe2a0e3e94340cbbc98e' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h$1("thead", { key: 'd0b45272e078fb72046591df5cee832c3ad01b40', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: '5b7db1061b419177488d7f6227a39eb5a9b07428' }, header)), h$1("tbody", { key: '02881d35ba957b56a84fc3ee8468a04bd6be3d82' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -27983,7 +27994,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_cellToFocus = new WeakM
 }, _KupDataTable_copyCellValueInColumnHandler = function _KupDataTable_copyCellValueInColumnHandler(e, el) {
     const details = __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(el, this.rootElement));
     const { cell, column, row } = details;
-    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
+    const cellType = dom.ketchup.data.cell.getType(column, cell, cell.shape);
     if (!TypesToDuplicate.includes(cellType)) {
         return;
     }
@@ -33961,7 +33972,7 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
         __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        var _a;
+        var _a, _b;
         const props = {
             alert: this.alert,
             danger: this.rootElement.classList.contains('kup-danger')
@@ -33995,9 +34006,9 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h$1(Host, { key: 'cc4e4d81007ca2f11f7595644c11cab4a6a5864f', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1("style", { key: '3f3d8d9d78c135d0f151df869e187d21082416ff' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'fccfbc9bff012a969aaeaea0a9a2af2edae96a18', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1(FTextField, Object.assign({ key: 'b0a7901f2f1fc5e357e3ded6f959a8b1aae91fe4' }, props, { icon: this.showDropDownIcon
+        return (h$1(Host, { key: 'dcf5fb54a29f7417eb03a900996212ebed8ade9b', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1("style", { key: '841899fcb8b4d3220ac82b14311f2b4d4d69acbd' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'd7f7c3309a92552d8a0199004ab5fed75d492275', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1(FTextField, Object.assign({ key: '60f9bc7ec98b83792059b14e6f9e3ad12052326f' }, props, { icon: this.showDropDownIcon
                 ? KupThemeIconValues.SEARCH
-                : null, trailingIcon: true }, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChangeSubmit(e.target.value, this.kupChange), onFocus: () => this.onKupFocus(), onInput: () => {
+                : null, trailingIcon: true }, (_b = this.data) === null || _b === void 0 ? void 0 : _b['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChangeSubmit(e.target.value, this.kupChange), onFocus: () => this.onKupFocus(), onInput: () => {
                 window.clearTimeout(__classPrivateFieldGet(this, _KupAutocomplete_inputTimeout, "f"));
                 __classPrivateFieldSet(this, _KupAutocomplete_inputTimeout, window.setTimeout(() => this.onKupInput(), this.inputDelay), "f");
             }, onIconClick: () => this.onKupIconClick(), onClearIconClick: () => this.onKupClearIconClick() }))), __classPrivateFieldGet(this, _KupAutocomplete_instances, "m", _KupAutocomplete_prepList).call(this)));
@@ -34057,13 +34068,13 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
         "initialValueDecode": ["initialValueDecodeChange"]
     }]);
 _KupAutocomplete_elStyle = new WeakMap(), _KupAutocomplete_listEl = new WeakMap(), _KupAutocomplete_kupManager = new WeakMap(), _KupAutocomplete_textfieldWrapper = new WeakMap(), _KupAutocomplete_textfieldEl = new WeakMap(), _KupAutocomplete_clickCb = new WeakMap(), _KupAutocomplete_inputTimeout = new WeakMap(), _KupAutocomplete_instances = new WeakSet(), _KupAutocomplete_openList = function _KupAutocomplete_openList(forceOpen) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     if (forceOpen != true &&
         __classPrivateFieldGet(this, _KupAutocomplete_textfieldEl, "f").value.length < this.minimumChars) {
         __classPrivateFieldGet(this, _KupAutocomplete_instances, "m", _KupAutocomplete_closeList).call(this);
         return false;
     }
-    if (forceOpen && !((_b = (_a = this.data['kup-list']) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length)) {
+    if (forceOpen && !((_c = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a['kup-list']) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.length)) {
         this.kupIconClick.emit({
             comp: this,
             id: this.rootElement.id,
@@ -34072,8 +34083,8 @@ _KupAutocomplete_elStyle = new WeakMap(), _KupAutocomplete_listEl = new WeakMap(
             open: true,
         });
     }
-    const hasError = ((_c = this.error) === null || _c === void 0 ? void 0 : _c.trim().length) > 0;
-    const hasAlert = ((_d = this.alert) === null || _d === void 0 ? void 0 : _d.trim().length) > 0;
+    const hasError = ((_d = this.error) === null || _d === void 0 ? void 0 : _d.trim().length) > 0;
+    const hasAlert = ((_e = this.alert) === null || _e === void 0 ? void 0 : _e.trim().length) > 0;
     const topOffset = hasError || hasAlert ? -20 : 0;
     __classPrivateFieldGet(this, _KupAutocomplete_textfieldWrapper, "f").classList.add('toggled');
     __classPrivateFieldGet(this, _KupAutocomplete_listEl, "f").menuVisible = true;
@@ -34106,11 +34117,12 @@ _KupAutocomplete_elStyle = new WeakMap(), _KupAutocomplete_listEl = new WeakMap(
 }, _KupAutocomplete_isListOpened = function _KupAutocomplete_isListOpened() {
     return __classPrivateFieldGet(this, _KupAutocomplete_listEl, "f").menuVisible == true;
 }, _KupAutocomplete_consistencyCheck = function _KupAutocomplete_consistencyCheck(idIn, idInDecode, eventShouldSetValue) {
+    var _a;
     if (idIn && idInDecode) {
         this.displayedValue = getIdOfItemByDisplayMode({ id: idIn, value: idInDecode }, this.DescrMode, ' - ');
     }
     else {
-        const ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet(this, _KupAutocomplete_listEl, "f"), this.selectMode, this.DescrMode);
+        const ret = consistencyCheck(idIn, (_a = this.data) === null || _a === void 0 ? void 0 : _a['kup-list'], __classPrivateFieldGet(this, _KupAutocomplete_listEl, "f"), this.selectMode, this.DescrMode);
         if ((ret.exists || this.allowInconsistentValues) &&
             eventShouldSetValue) {
             this.value = ret.value;
@@ -34125,7 +34137,8 @@ _KupAutocomplete_elStyle = new WeakMap(), _KupAutocomplete_listEl = new WeakMap(
         return ret;
     }
 }, _KupAutocomplete_prepList = function _KupAutocomplete_prepList() {
-    return (h$1("kup-list", Object.assign({ DescrMode: this.ListDescrMode }, this.data['kup-list'], { isMenu: true, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet(this, _KupAutocomplete_listEl, el, "f")) })));
+    var _a;
+    return (h$1("kup-list", Object.assign({ DescrMode: this.ListDescrMode }, (_a = this.data) === null || _a === void 0 ? void 0 : _a['kup-list'], { isMenu: true, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet(this, _KupAutocomplete_listEl, el, "f")) })));
 };
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/components/{p-b85372ba.js → p-afa666c5.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, u as KupDebugCategory } from './p-362d7a44.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u } from './p-a30c0106.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, u as KupDebugCategory } from './p-0a8eb556.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u } from './p-4a48a95b.js';
 
 /**
  * Props of the kup-grid component.

package/dist/esm/{f-button-3e022953.js → f-button-93e7961b.js}

@@ -15,7 +15,9 @@ const FButton = (props, children) => {
     const isIconButton = !!(props.styling.toLowerCase() === FButtonStyling.ICON ||
         (props.styling.toLowerCase() === FButtonStyling.RAISED &&
             props.icon &&
-            (props.label === null || props.label === undefined || props.label === "")));
+            (props.label === null ||
+                props.label === undefined ||
+                props.label === '')));
     const classObj = {
         'f-button': true,
         'kup-danger': props.danger,

package/dist/esm/{f-cell-bd79ffef.js → f-cell-3b2ffb31.js}

@@ -1,11 +1,11 @@
 import { h, F as Fragment } from './index-9b0f4a0d.js';
-import { ar as editableTypes, as as kupTypes, U as FCellClasses, ae as FCellTypes, f as KupThemeColorValues, ap as CHIAdapter, an as RADAdapter, am as CMBandACPAdapter, at as KupTagNames, F as FCellShapes, aj as getCellValueForDisplay, a as KupComponentSizing, au as fullWidthFieldsComps, I as ItemsDisplayMode, av as autoCenterComps, aw as adaptContentToDisplayMode, ax as FCellEvents, ay as isForceUppercase, az as isForceLowercase, h as KupDebugCategory } from './kup-manager-35960eb2.js';
-import { F as FButton } from './f-button-3e022953.js';
+import { ar as editableTypes, as as kupTypes, U as FCellClasses, ae as FCellTypes, f as KupThemeColorValues, ap as CHIAdapter, an as RADAdapter, am as CMBandACPAdapter, at as KupTagNames, F as FCellShapes, aj as getCellValueForDisplay, a as KupComponentSizing, au as fullWidthFieldsComps, I as ItemsDisplayMode, av as autoCenterComps, aw as adaptContentToDisplayMode, ax as FCellEvents, ay as isForceUppercase, az as isForceLowercase, h as KupDebugCategory } from './kup-manager-c45fb212.js';
+import { F as FButton } from './f-button-93e7961b.js';
 import { F as FCheckbox } from './f-checkbox-9912e1a4.js';
-import { F as FChipType, d as FChip } from './f-chip-c22107de.js';
+import { F as FChipType, d as FChip } from './f-chip-5308ce63.js';
 import { F as FImage } from './f-image-40b4e64b.js';
-import { F as FObjectField } from './f-object-field-90dfb903.js';
-import { F as FTextField } from './f-text-field-31ad8f7f.js';
+import { F as FObjectField } from './f-object-field-79b11bc0.js';
+import { F as FTextField } from './f-text-field-2a249262.js';
 
 var FRadioType;
 (function (FRadioType) {
@@ -422,7 +422,7 @@ const FCell = (props, children) => {
     cell.data = (_a = mapData(cell, column)) !== null && _a !== void 0 ? _a : cell.data;
     let _value = (_b = cell.decode) !== null && _b !== void 0 ? _b : cell.value;
     const valueToDisplay = props.previousValue !== _value ? _value : '';
-    const cellType = dom.ketchup.data.cell.getType(cell, shape);
+    const cellType = dom.ketchup.data.cell.getType(column, cell, shape);
     const sizing = props.density === 'extra_dense' ? 'extra-small' : (_c = cell.data) === null || _c === void 0 ? void 0 : _c.sizing;
     let cssClasses = cell.cssClass
         ? cell.cssClass
@@ -574,7 +574,7 @@ const mapData = (cell, column) => {
         ? cell.data.label
         : column.title;
     const currentValue = cell.value;
-    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
+    const cellType = dom.ketchup.data.cell.getType(column, cell, cell.shape);
     const dataAdapterMap = new Map([
         [FCellTypes.BUTTON_LIST, MainBTNAdapter.bind(undefined)],
         [FCellTypes.STRING, MainITXAdapter.bind(undefined)],

package/dist/esm/{f-chip-c22107de.js → f-chip-5308ce63.js}

@@ -1,6 +1,6 @@
 import { h } from './index-9b0f4a0d.js';
 import { F as FImage } from './f-image-40b4e64b.js';
-import { I as ItemsDisplayMode, d as KupThemeIconValues, b as KupLanguageGeneric } from './kup-manager-35960eb2.js';
+import { I as ItemsDisplayMode, d as KupThemeIconValues, b as KupLanguageGeneric } from './kup-manager-c45fb212.js';
 
 function getIdOfItemByDisplayMode(item, mode, separator) {
     const { id, value, decode } = item;

package/dist/esm/{f-object-field-90dfb903.js → f-object-field-79b11bc0.js}

@@ -1,8 +1,8 @@
 import { h } from './index-9b0f4a0d.js';
-import { a as KupComponentSizing, k as kupManagerInstance, e as KupDynamicPositionPlacement } from './kup-manager-35960eb2.js';
-import { F as FButton } from './f-button-3e022953.js';
+import { a as KupComponentSizing, k as kupManagerInstance, e as KupDynamicPositionPlacement } from './kup-manager-c45fb212.js';
+import { F as FButton } from './f-button-93e7961b.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
-import { F as FTextField } from './f-text-field-31ad8f7f.js';
+import { F as FTextField } from './f-text-field-2a249262.js';
 
 const STATE = new WeakMap();
 const FObjectField = (props) => {

package/dist/esm/{f-paginator-utils-38b51762.js → f-paginator-utils-a5920e3f.js}

@@ -1,6 +1,6 @@
 import { h } from './index-9b0f4a0d.js';
-import { I as ItemsDisplayMode, aA as KupLanguagePage, t as KupLanguageRow, a as KupComponentSizing, b as KupLanguageGeneric } from './kup-manager-35960eb2.js';
-import { F as FButton } from './f-button-3e022953.js';
+import { I as ItemsDisplayMode, aA as KupLanguagePage, t as KupLanguageRow, a as KupComponentSizing, b as KupLanguageGeneric } from './kup-manager-c45fb212.js';
+import { F as FButton } from './f-button-93e7961b.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 
 var FPaginatorMode;

package/dist/esm/{f-text-field-31ad8f7f.js → f-text-field-2a249262.js}

@@ -1,5 +1,5 @@
 import { h, g as getAssetPath } from './index-9b0f4a0d.js';
-import { d as KupThemeIconValues } from './kup-manager-35960eb2.js';
+import { d as KupThemeIconValues } from './kup-manager-c45fb212.js';
 import { F as FImage } from './f-image-40b4e64b.js';
 
 const dom = document.documentElement;

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { K as KupManager } from './kup-manager-35960eb2.js';
+import { K as KupManager } from './kup-manager-c45fb212.js';
 import './kup-dates-c38ee99a.js';
 import './index-9b0f4a0d.js';
 

package/dist/esm/kup-accordion.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, a as KupComponentSizing, g as getProps, s as setProps, d as KupThemeIconValues, f as KupThemeColorValues, e as KupDynamicPositionPlacement } from './kup-manager-35960eb2.js';
+import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, d as KupThemeIconValues, f as KupThemeColorValues, e as KupDynamicPositionPlacement } from './kup-manager-c45fb212.js';
 import { F as FImage } from './f-image-40b4e64b.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { M as MDCRipple } from './component-a35bc7f1.js';

package/dist/esm/kup-activity-timeline.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, F as Fragment, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, h as KupDebugCategory, aj as getCellValueForDisplay } from './kup-manager-35960eb2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, h as KupDebugCategory, aj as getCellValueForDisplay } from './kup-manager-c45fb212.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FImage } from './f-image-40b4e64b.js';
-import { s as sortRows } from './kup-data-table-helper-3a60f39d.js';
+import { s as sortRows } from './kup-data-table-helper-22528638.js';
 import './kup-dates-c38ee99a.js';
 
 var KupActivityTimelineProps;