@sme.up/ketchup 11.0.7 → 11.0.8

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

@@ -1,19 +1,19 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement$1, F as Fragment, g as getAssetPath } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, I as ItemsDisplayMode, a as KupComponentSizing, g as getProps, s as setProps, b as KupLanguageGeneric, c as getSizeOfInputElement, d as KupThemeIconValues, e as KupDynamicPositionPlacement, f as KupThemeColorValues, h as KupDebugCategory, F as FCellShapes, i as FCellPadding, j as fillString, l as KupCardBuiltInClockElements, m as KupCardCSSClasses, n as KupLanguageTotals, o as KupLanguageColumn, p as KupDataNewColumnTypes, q as KupCardSubEvents, r as KupCardIds, t as KupLanguageRow, u as KupLanguageSearch, v as KupCardFamily, w as KupCardProps, x as getColumnByName, y as formatToNumber, z as KupObjects, A as identify, G as GroupLabelDisplayMode, S as SelectionMode, B as KupLanguageGrouping, C as KupLanguageCheckbox, D as getValueForDisplay2, E as Filters, H as getValueForDisplay, J as extractColumnsFromFormulaString, L as FILTER_ANALYZER, M as LoadMoreMode, P as PaginatorPos, N as ShowGrid, T as TotalLabel, O as TotalMode, Q as getRegExpFromString, R as isNegativeNumber, U as FCellClasses, V as kupDynamicPositionAttribute, W as KupPointerEventTypes, X as kupDraggableColumnAttr, Y as kupDragActiveAttr, Z as KupDragEffect, _ as kupDraggableCellAttr, $ as KupDropEventTypes, a0 as DataTableAreasEnum, a1 as TypesToDuplicate, a2 as UseAsValue, a3 as FixedCellsClasses, a4 as FixedCellsCSSVarsBase, a5 as KupLanguageFontsize, a6 as KupLanguageDensity, a7 as KupLanguageGrid, a8 as KupDataTableProps, a9 as SortMode, aa as iconColumn, ab as keyColumn, ac as fieldColumn, ad as KupLanguageUpload, ae as FCellTypes, af as KupListRole, ag as KupListProps, ah as addColumnValueFromRow, ai as KupGlobalFilterMode } from './kup-manager-35960eb2.js';
-import { F as FTextField } from './f-text-field-31ad8f7f.js';
+import { k as kupManagerInstance, I as ItemsDisplayMode, a as KupComponentSizing, g as getProps, s as setProps, b as KupLanguageGeneric, c as getSizeOfInputElement, d as KupThemeIconValues, e as KupDynamicPositionPlacement, f as KupThemeColorValues, h as KupDebugCategory, F as FCellShapes, i as FCellPadding, j as fillString, l as KupCardBuiltInClockElements, m as KupCardCSSClasses, n as KupLanguageTotals, o as KupLanguageColumn, p as KupDataNewColumnTypes, q as KupCardSubEvents, r as KupCardIds, t as KupLanguageRow, u as KupLanguageSearch, v as KupCardFamily, w as KupCardProps, x as getColumnByName, y as formatToNumber, z as KupObjects, A as identify, G as GroupLabelDisplayMode, S as SelectionMode, B as KupLanguageGrouping, C as KupLanguageCheckbox, D as getValueForDisplay2, E as Filters, H as getValueForDisplay, J as extractColumnsFromFormulaString, L as FILTER_ANALYZER, M as LoadMoreMode, P as PaginatorPos, N as ShowGrid, T as TotalLabel, O as TotalMode, Q as getRegExpFromString, R as isNegativeNumber, U as FCellClasses, V as kupDynamicPositionAttribute, W as KupPointerEventTypes, X as kupDraggableColumnAttr, Y as kupDragActiveAttr, Z as KupDragEffect, _ as kupDraggableCellAttr, $ as KupDropEventTypes, a0 as DataTableAreasEnum, a1 as TypesToDuplicate, a2 as UseAsValue, a3 as FixedCellsClasses, a4 as FixedCellsCSSVarsBase, a5 as KupLanguageFontsize, a6 as KupLanguageDensity, a7 as KupLanguageGrid, a8 as KupDataTableProps, a9 as SortMode, aa as iconColumn, ab as keyColumn, ac as fieldColumn, ad as KupLanguageUpload, ae as FCellTypes, af as KupListRole, ag as KupListProps, ah as addColumnValueFromRow, ai as KupGlobalFilterMode } from './kup-manager-c45fb212.js';
+import { F as FTextField } from './f-text-field-2a249262.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
-import { g as getIdOfItemByDisplayMode, c as consistencyCheck, F as FChipType, a as FChipSize, b as FChipStyling, d as FChip } from './f-chip-c22107de.js';
+import { g as getIdOfItemByDisplayMode, c as consistencyCheck, F as FChipType, a as FChipSize, b as FChipStyling, d as FChip } from './f-chip-5308ce63.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FImage } from './f-image-40b4e64b.js';
-import { F as FButton } from './f-button-3e022953.js';
+import { F as FButton } from './f-button-93e7961b.js';
 import { F as FButtonAlign, a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
-import { F as FCell, a as FRadio, b as FRating, c as FSwitchSizing, d as FSwitch } from './f-cell-bd79ffef.js';
+import { F as FCell, a as FRadio, b as FRating, c as FSwitchSizing, d as FSwitch } from './f-cell-3b2ffb31.js';
 import { d as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './kup-dates-c38ee99a.js';
 import { M as MDCRipple } from './component-a35bc7f1.js';
 import { F as FCheckbox } from './f-checkbox-9912e1a4.js';
-import { F as FiltersColumnMenu, a as FiltersRows, g as getDiffData, d as decorateDataTable, c as calcTotals, n as normalizeRows, p as paginateRows, f as filterRows, b as groupRows, s as sortRows, t as treeMainColumnName, K as KupTreeExpansionMode, e as KupTreeProps } from './kup-data-table-helper-3a60f39d.js';
-import { F as FPaginator, p as pageChange, r as rowsPerPageChange } from './f-paginator-utils-38b51762.js';
-import './f-object-field-90dfb903.js';
+import { F as FiltersColumnMenu, a as FiltersRows, g as getDiffData, d as decorateDataTable, c as calcTotals, n as normalizeRows, p as paginateRows, f as filterRows, b as groupRows, s as sortRows, t as treeMainColumnName, K as KupTreeExpansionMode, e as KupTreeProps } from './kup-data-table-helper-22528638.js';
+import { F as FPaginator, p as pageChange, r as rowsPerPageChange } from './f-paginator-utils-a5920e3f.js';
+import './f-object-field-79b11bc0.js';
 
 /**
  * Props of the kup-autocomplete component.
@@ -375,7 +375,7 @@ const KupAutocomplete = class {
         __classPrivateFieldGet$b(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')
@@ -409,9 +409,9 @@ const KupAutocomplete = class {
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h(Host, { key: 'cc4e4d81007ca2f11f7595644c11cab4a6a5864f', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$b(this, _KupAutocomplete_elStyle, "f") }, h("style", { key: '3f3d8d9d78c135d0f151df869e187d21082416ff' }, __classPrivateFieldGet$b(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'fccfbc9bff012a969aaeaea0a9a2af2edae96a18', id: componentWrapperId, style: __classPrivateFieldGet$b(this, _KupAutocomplete_elStyle, "f") }, h(FTextField, Object.assign({ key: 'b0a7901f2f1fc5e357e3ded6f959a8b1aae91fe4' }, props, { icon: this.showDropDownIcon
+        return (h(Host, { key: 'dcf5fb54a29f7417eb03a900996212ebed8ade9b', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$b(this, _KupAutocomplete_elStyle, "f") }, h("style", { key: '841899fcb8b4d3220ac82b14311f2b4d4d69acbd' }, __classPrivateFieldGet$b(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'd7f7c3309a92552d8a0199004ab5fed75d492275', id: componentWrapperId, style: __classPrivateFieldGet$b(this, _KupAutocomplete_elStyle, "f") }, h(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$b(this, _KupAutocomplete_inputTimeout, "f"));
                 __classPrivateFieldSet$6(this, _KupAutocomplete_inputTimeout, window.setTimeout(() => this.onKupInput(), this.inputDelay), "f");
             }, onIconClick: () => this.onKupIconClick(), onClearIconClick: () => this.onKupClearIconClick() }))), __classPrivateFieldGet$b(this, _KupAutocomplete_instances, "m", _KupAutocomplete_prepList).call(this)));
@@ -430,13 +430,13 @@ const KupAutocomplete = class {
     }; }
 };
 _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$b(this, _KupAutocomplete_textfieldEl, "f").value.length < this.minimumChars) {
         __classPrivateFieldGet$b(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,
@@ -445,8 +445,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$b(this, _KupAutocomplete_textfieldWrapper, "f").classList.add('toggled');
     __classPrivateFieldGet$b(this, _KupAutocomplete_listEl, "f").menuVisible = true;
@@ -479,11 +479,12 @@ _KupAutocomplete_elStyle = new WeakMap(), _KupAutocomplete_listEl = new WeakMap(
 }, _KupAutocomplete_isListOpened = function _KupAutocomplete_isListOpened() {
     return __classPrivateFieldGet$b(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$b(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$b(this, _KupAutocomplete_listEl, "f"), this.selectMode, this.DescrMode);
         if ((ret.exists || this.allowInconsistentValues) &&
             eventShouldSetValue) {
             this.value = ret.value;
@@ -498,7 +499,8 @@ _KupAutocomplete_elStyle = new WeakMap(), _KupAutocomplete_listEl = new WeakMap(
         return ret;
     }
 }, _KupAutocomplete_prepList = function _KupAutocomplete_prepList() {
-    return (h("kup-list", Object.assign({ DescrMode: this.ListDescrMode }, this.data['kup-list'], { isMenu: true, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet$6(this, _KupAutocomplete_listEl, el, "f")) })));
+    var _a;
+    return (h("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$6(this, _KupAutocomplete_listEl, el, "f")) })));
 };
 KupAutocomplete.style = KupAutocompleteStyle0;
 
@@ -9247,7 +9249,13 @@ const KupDataTable = class {
         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$8(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this);
     }
     decorateAndInitForUpdTable() {
@@ -9285,6 +9293,9 @@ const KupDataTable = class {
             __classPrivateFieldSet$4(this, _KupDataTable_insertedRowIds, [], "f");
             __classPrivateFieldSet$4(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;
@@ -10302,7 +10313,7 @@ const KupDataTable = class {
         __classPrivateFieldSet$4(this, _KupDataTable_sizedColumns, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
         let rows = null;
         if (__classPrivateFieldGet$8(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h("tr", { key: 'c778621f24dbe8ac50439c1f1cc2c8da60038c15', ref: (el) => __classPrivateFieldGet$8(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '38f680149997d7462d6dad98eb4c6d18cd21ccdf', colSpan: __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: '222a8279fe407575382a65c83e33fd4b2569014a', ref: (el) => __classPrivateFieldGet$8(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '9c5ed4321284ebbec8dcab42d8c833b22a5e5a8a', colSpan: __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -10378,7 +10389,7 @@ const KupDataTable = class {
                         __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_handleChipsContextMenu).call(this, chipArg.id, e);
                     });
                 }
-                groupChips = h(FChip, Object.assign({ key: '452f382db133b46aeb06e7e2ecf5edbcf68c67f7' }, props));
+                groupChips = h(FChip, Object.assign({ key: '3dcf15fd1edb4038a0bde0f7832ecc63030917ba' }, props));
             }
         }
         const tableClass = {
@@ -10410,7 +10421,7 @@ const KupDataTable = class {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { key: 'e427e9db53b607acba8dd58e5c9076e2e0b8f52c', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: '3f9ea12ec5eff7643b09b89dffc5b26a0b5ad49d' }, h("tr-sticky", { key: '7f1490b736d5390962aab145580e4cfad9bba3dc' }, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: '012a49ef4e86f9653a7f019e458a3726cd848c96', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: '8d7af5595a3a85ba1e6d2b0b20f745212322c347' }, h("tr-sticky", { key: 'f33ccbb7ec7dfe9dd98f6b70faf73540a4b0df31' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -10456,7 +10467,7 @@ const KupDataTable = class {
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet$8(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (h(Host, { key: '7c0e5c976a0b9c2cfe64fc1f7cd91ec408b15412', "onKup-drop": (e) => {
+        const compCreated = (h(Host, { key: '5264eb4129ec9fdca78982b3eacf4dba3fd80fde', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -10475,11 +10486,11 @@ const KupDataTable = class {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: 'd1b3e38e13368eb88a6de25fc760e9833de7b795' }, __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h("div", { key: 'da0ced70283f1004b8711a6f8a1a666ab7a4abd2', id: componentWrapperId, class: wrapClass }, h("div", { key: '6022a92d789b77d2a38cf1c0fe758d0f4864610a', class: "group-wrapper" }, groupChips), h("div", { key: '8f511662df066227b919d56353fc297137255d23', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, h("style", { key: '7c422ef8e9ef0e9a73fa7e4ff2d429babac78432' }, __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h("div", { key: 'e7665c4b6a220ab94ec6a78c9e821e3480a9e95e', id: componentWrapperId, class: wrapClass }, h("div", { key: 'b160e64031639cb6319bc43aac7b08e6c92a83a3', class: "group-wrapper" }, groupChips), h("div", { key: '53d1d060d86f15869a3448330348c6f1d5ea89dc', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$8(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$4(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, paginatorTop && (h("div", { key: '386e53a65702e0b8cc1fc1f07a3753d9758e45f2', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
+            } }))) : null, paginatorTop && (h("div", { key: '2c200acb217f83755654023dd824591669fe1f9e', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -10529,9 +10540,9 @@ const KupDataTable = class {
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: 'f1725eb950f99f7e304d8391ca0ce1990ca0f9cc', class: "droparea", ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$8(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("div", { key: '1c87d7627e2e8eca3805b3acf8579fcf4a6a8cfb', class: "droparea", ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h("div", { key: '9322c2940e4d24ab283e3bc8ad924ef6817e6982', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: '9ee1376d49777a9181bd638713ac773eb600b850', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -10540,7 +10551,7 @@ const KupDataTable = class {
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: '86198eaa2ea882bd6d919adffb19f8c19d1cf0e1', class: tableClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$8(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
+            : null, h("table", { key: 'b0154ffe6d1bcdb073ed8a9c5083c5fcfb1d4222', class: tableClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$8(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$4(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -10548,7 +10559,7 @@ const KupDataTable = class {
                 __classPrivateFieldSet$4(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { key: '842fdb6cabe6779eb66a68644a0f86b77294e760', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: 'cf502adfe5ad7c95d4a253e05f4756ac70c9327a' }, header)), h("tbody", { key: 'cb9684e94db3646a5fadfe2a0e3e94340cbbc98e' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h("thead", { key: 'd0b45272e078fb72046591df5cee832c3ad01b40', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '5b7db1061b419177488d7f6227a39eb5a9b07428' }, header)), h("tbody", { key: '02881d35ba957b56a84fc3ee8468a04bd6be3d82' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -12033,7 +12044,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_cellToFocus = new WeakM
 }, _KupDataTable_copyCellValueInColumnHandler = function _KupDataTable_copyCellValueInColumnHandler(e, el) {
     const details = __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").getEventPath(el, this.rootElement));
     const { cell, column, row } = details;
-    const cellType = dom$2.ketchup.data.cell.getType(cell, cell.shape);
+    const cellType = dom$2.ketchup.data.cell.getType(column, cell, cell.shape);
     if (!TypesToDuplicate.includes(cellType)) {
         return;
     }
@@ -15053,7 +15064,7 @@ const KupForm = class {
             return (h("td", { class: `form__label form__label--${alignment}`, style: style }, h("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:
@@ -15118,7 +15129,7 @@ const KupForm = class {
     render() {
         let formContent = null;
         if (this.data.rows.length === 0) {
-            formContent = (h("p", { key: 'fc256e91b6ba880915219e81f59ee144922aed8a' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
+            formContent = (h("p", { key: 'ea815da488cf3ac3ac14510a9526b09417d39ebf' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
         }
         else {
             const rows = this.data.rows;
@@ -15129,7 +15140,7 @@ const KupForm = class {
                 formContent.push(this.renderRow(rows[cnt++]));
             }
         }
-        return (h(Host, { key: '2c6f213ea11f4e504543acf29bb4f93991fd2b14' }, h("style", { key: '6992e1682351dcad5a09c78df793fcd1448bebb1' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'bd24a0aac3c0efb03c8d25f1261c19c6c7f10ff5', id: componentWrapperId }, formContent)));
+        return (h(Host, { key: '87eec5120123fb0d89bbc454825ab9717f8cc57a' }, h("style", { key: '17bd0739b753023d6636496d93852e8b5a8f3e77' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '5ff34b363c16a369a175f4e166fcb8acd5880139', id: componentWrapperId }, formContent)));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);

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

@@ -1,18 +1,18 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, A as identify, g as getProps, s as setProps, a9 as SortMode, x as getColumnByName, b as KupLanguageGeneric, d as KupThemeIconValues, h as KupDebugCategory, W as KupPointerEventTypes, Z as KupDragEffect, aH as kupDraggableAttr, $ as KupDropEventTypes, u as KupLanguageSearch } from './kup-manager-35960eb2.js';
-import { f as filterRows, p as paginateRows, s as sortRows } from './kup-data-table-helper-3a60f39d.js';
+import { k as kupManagerInstance, A as identify, g as getProps, s as setProps, a9 as SortMode, x as getColumnByName, b as KupLanguageGeneric, d as KupThemeIconValues, h as KupDebugCategory, W as KupPointerEventTypes, Z as KupDragEffect, aH as kupDraggableAttr, $ as KupDropEventTypes, u as KupLanguageSearch } from './kup-manager-c45fb212.js';
+import { f as filterRows, p as paginateRows, s as sortRows } from './kup-data-table-helper-22528638.js';
 import { F as FImage } from './f-image-40b4e64b.js';
-import { d as FChip } from './f-chip-c22107de.js';
+import { d as FChip } from './f-chip-5308ce63.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { F as FCell } from './f-cell-bd79ffef.js';
-import { p as pageChange, r as rowsPerPageChange, F as FPaginator } from './f-paginator-utils-38b51762.js';
+import { F as FCell } from './f-cell-3b2ffb31.js';
+import { p as pageChange, r as rowsPerPageChange, F as FPaginator } from './f-paginator-utils-a5920e3f.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
 import './kup-dates-c38ee99a.js';
-import './f-button-3e022953.js';
+import './f-button-93e7961b.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-checkbox-9912e1a4.js';
-import './f-object-field-90dfb903.js';
-import './f-text-field-31ad8f7f.js';
+import './f-object-field-79b11bc0.js';
+import './f-text-field-2a249262.js';
 import './component-a35bc7f1.js';
 
 /**
@@ -1040,7 +1040,7 @@ const KupBox = class {
     didLoadInteractables() {
         this.interactableTouch.push(this.boxContainer);
         const tapCb = (e) => {
-            var _a;
+            var _a, _b;
             if (this.hold) {
                 this.hold = false;
                 return;
@@ -1055,12 +1055,16 @@ const KupBox = class {
                         clone[key] = e[key];
                     }
                     const details = this.clickHandler(clone);
-                    this.kupBoxClick.emit({
-                        comp: this,
-                        id: this.rootElement.id,
-                        row: details.row,
-                        column: (_a = details.column) === null || _a === void 0 ? void 0 : _a.name,
-                    });
+                    // If the box or a cell without fun is clicked
+                    // emit the box click, else leave the managment to onKup-cell-click handler
+                    if (!((_a = details === null || details === void 0 ? void 0 : details.cell) === null || _a === void 0 ? void 0 : _a['fun'])) {
+                        this.kupBoxClick.emit({
+                            comp: this,
+                            id: this.rootElement.id,
+                            row: details.row,
+                            column: (_b = details.column) === null || _b === void 0 ? void 0 : _b.name,
+                        });
+                    }
                     break;
                 case 2:
                     this.kupBoxContextMenu.emit({

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h as h$1, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, x as getColumnByName, h as KupDebugCategory } from './kup-manager-35960eb2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, x as getColumnByName, h as KupDebugCategory } from './kup-manager-c45fb212.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { F as FButton } from './f-button-3e022953.js';
-import { d as FChip, F as FChipType } from './f-chip-c22107de.js';
+import { F as FButton } from './f-button-93e7961b.js';
+import { d as FChip, F as FChipType } from './f-chip-5308ce63.js';
 import { b as KupDatesLocales, K as KupDatesFormats } from './kup-dates-c38ee99a.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-40b4e64b.js';

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

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

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

@@ -1,15 +1,15 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, i as FCellPadding, aB as KupCellElementsPosition, g as getProps, s as setProps, Z as KupDragEffect, aC as submitPositionAdapter, b as KupLanguageGeneric, aD as KupCellProps } from './kup-manager-35960eb2.js';
+import { k as kupManagerInstance, i as FCellPadding, aB as KupCellElementsPosition, g as getProps, s as setProps, Z as KupDragEffect, aC as submitPositionAdapter, b as KupLanguageGeneric, aD as KupCellProps } from './kup-manager-c45fb212.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { F as FButton } from './f-button-3e022953.js';
-import { F as FCell } from './f-cell-bd79ffef.js';
+import { F as FButton } from './f-button-93e7961b.js';
+import { F as FCell } from './f-cell-3b2ffb31.js';
 import './kup-dates-c38ee99a.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-40b4e64b.js';
 import './f-checkbox-9912e1a4.js';
-import './f-chip-c22107de.js';
-import './f-object-field-90dfb903.js';
-import './f-text-field-31ad8f7f.js';
+import './f-chip-5308ce63.js';
+import './f-object-field-79b11bc0.js';
+import './f-text-field-2a249262.js';
 
 const kupCellCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";
 const KupCellStyle0 = kupCellCss;

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { F as FButton } from './f-button-3e022953.js';
+import { F as FButton } from './f-button-93e7961b.js';
 import { F as FCheckbox } from './f-checkbox-9912e1a4.js';
-import { F as FTextField } from './f-text-field-31ad8f7f.js';
+import { F as FTextField } from './f-text-field-2a249262.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, aE as KupLanguageDashboard, b as KupLanguageGeneric, Z as KupDragEffect, h as KupDebugCategory } from './kup-manager-35960eb2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, aE as KupLanguageDashboard, b as KupLanguageGeneric, Z as KupDragEffect, h as KupDebugCategory } from './kup-manager-c45fb212.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-40b4e64b.js';

package/dist/esm/{kup-data-table-helper-3a60f39d.js → kup-data-table-helper-22528638.js}

@@ -1,4 +1,4 @@
-import { E as Filters, H as getValueForDisplay, D as getValueForDisplay2, aj as getCellValueForDisplay, x as getColumnByName, z as KupObjects, ak as KupData, al as compareCell, O as TotalMode, Q as getRegExpFromString, F as FCellShapes, am as CMBandACPAdapter, an as RADAdapter, ao as CHKAdapter, ap as CHIAdapter, aq as SWTAdapter, a9 as SortMode } from './kup-manager-35960eb2.js';
+import { E as Filters, H as getValueForDisplay, D as getValueForDisplay2, aj as getCellValueForDisplay, x as getColumnByName, z as KupObjects, ak as KupData, al as compareCell, O as TotalMode, Q as getRegExpFromString, F as FCellShapes, am as CMBandACPAdapter, an as RADAdapter, ao as CHKAdapter, ap as CHIAdapter, aq as SWTAdapter, a9 as SortMode } from './kup-manager-c45fb212.js';
 import { K as KupDatesFormats } from './kup-dates-c38ee99a.js';
 
 /**

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

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

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement, g as getAssetPath } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, f as KupThemeColorValues, h as KupDebugCategory, x as getColumnByName, p as KupDataNewColumnTypes } from './kup-manager-35960eb2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, f as KupThemeColorValues, h as KupDebugCategory, x as getColumnByName, p as KupDataNewColumnTypes } from './kup-manager-c45fb212.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-c38ee99a.js';
 

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

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

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { F as FButton } from './f-button-3e022953.js';
+import { F as FButton } from './f-button-93e7961b.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 import { F as FImage } from './f-image-40b4e64b.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, W as KupPointerEventTypes } from './kup-manager-35960eb2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, W as KupPointerEventTypes } from './kup-manager-c45fb212.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-c38ee99a.js';
 

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

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

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, F as Fragment, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric } from './kup-manager-35960eb2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric } from './kup-manager-c45fb212.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-c38ee99a.js';
 

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

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

package/dist/esm/kup-input-panel.entry.js

@@ -1,16 +1,16 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { F as FButton } from './f-button-3e022953.js';
-import { F as FCell, e as FLabel } from './f-cell-bd79ffef.js';
-import { F as FCellShapes, k as kupManagerInstance, ae as FCellTypes, g as getProps, s as setProps, b as KupLanguageGeneric, aj as getCellValueForDisplay, a2 as UseAsValue, ap as CHIAdapter, am as CMBandACPAdapter, ao as CHKAdapter, an as RADAdapter, aq as SWTAdapter, h as KupDebugCategory, W as KupPointerEventTypes } from './kup-manager-35960eb2.js';
+import { F as FButton } from './f-button-93e7961b.js';
+import { F as FCell, e as FLabel } from './f-cell-3b2ffb31.js';
+import { F as FCellShapes, k as kupManagerInstance, ae as FCellTypes, g as getProps, s as setProps, b as KupLanguageGeneric, aj as getCellValueForDisplay, a2 as UseAsValue, ap as CHIAdapter, am as CMBandACPAdapter, ao as CHKAdapter, an as RADAdapter, aq as SWTAdapter, h as KupDebugCategory, W as KupPointerEventTypes } from './kup-manager-c45fb212.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
 import { F as FTypography, a as FTypographyType } from './f-typography-8c914ec6.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-40b4e64b.js';
 import './f-checkbox-9912e1a4.js';
-import './f-chip-c22107de.js';
-import './f-object-field-90dfb903.js';
-import './f-text-field-31ad8f7f.js';
+import './f-chip-5308ce63.js';
+import './f-object-field-79b11bc0.js';
+import './f-text-field-2a249262.js';
 import './kup-dates-c38ee99a.js';
 import './component-a35bc7f1.js';
 
@@ -194,7 +194,7 @@ const KupInputPanel = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.kupReady = createEvent(this, "kup-input-panel-ready", 6);
-        this.kupDataTableContextMenu = createEvent(this, "kup-inputpanel-contextmenu", 6);
+        this.kupInputPanelContextMenu = createEvent(this, "kup-inputpanel-contextmenu", 6);
         this.kupInputPanelObjectFieldSearchPayload = createEvent(this, "kup-inputpanel-objectfield-searchpayload", 6);
         this.kupInputPanelObjectFieldOpenSearchMenu = createEvent(this, "kup-inputpanel-objectfield-opensearchmenu", 6);
         this.kupInputPanelObjectFieldSelectedMenuItem = createEvent(this, "kup-inputpanel-objectfield-selectedmenuitem", 6);
@@ -419,7 +419,7 @@ const KupInputPanel = class {
                 h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (h(Host, { key: 'd9fbca78674850146e47c580b0c5b011f478e66a', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).bind(this), "onKup-tabbar-click": (e) => {
+        return (h(Host, { key: '1e85e08ad732c523fec1eca80df19f7e3da44199', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).bind(this), "onKup-tabbar-click": (e) => {
                 this.tabSelected = e.detail.node.id;
             }, "onKup-autocomplete-input": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-autocomplete-iconclick": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-combobox-iconclick": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).call(this, e, true), "onKup-cell-itemclick": (e) => {
                 __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.ITEMCLICK);
@@ -429,7 +429,7 @@ const KupInputPanel = class {
                 this.kupInputPanelObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupInputPanelObjectFieldSelectedMenuItem.emit(e.detail);
-            }, "onKup-file-upload-upload": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_upload).bind(this) }, h("style", { key: 'd13184d7e49622985bb1edcc11ca289e64e5186f' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'c90a0a1001649ed3517e2780e5bd3d130afd07d3', id: componentWrapperId }, inputPanelContent)));
+            }, "onKup-file-upload-upload": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_upload).bind(this) }, h("style", { key: '1b4cc6c9de25d68eb3686417e935309fc487a596' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '14fe7270026ad82f34e1ad0683e3a2039e0fdf2e', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -563,7 +563,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         renderKup: true,
         setSizes: true,
     };
-    const label = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getLabelComponent).call(this, cell, column.title);
+    const label = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getLabelComponent).call(this, column, cell);
     const fcell = h(FCell, Object.assign({}, cellProps));
     if (label) {
         /*
@@ -640,11 +640,12 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
             ? cell.decode
             : cell.value;
     return (h("span", { class: classList.join(' '), id: column.name }, h(FLabel, { style: cell.style, text: value })));
-}, _KupInputPanel_getLabelComponent = function _KupInputPanel_getLabelComponent(cell, label) {
+}, _KupInputPanel_getLabelComponent = function _KupInputPanel_getLabelComponent(column, cell) {
+    const label = column.title;
     if (!label) {
         return null;
     }
-    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
+    const cellType = dom.ketchup.data.cell.getType(column, cell, cell.shape);
     if (cellType === FCellTypes.RADIO) {
         return h("span", null, label);
     }
@@ -901,7 +902,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         : [];
     inpuPanelCells.map(({ cells }) => cells.map(({ cell, column }) => {
         var _a;
-        const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
+        const cellType = dom.ketchup.data.cell.getType(column, cell, cell.shape);
         const queryCompSetValue = __classPrivateFieldGet(this, _KupInputPanel_cellTypeComponents, "f").get(cellType);
         const queryCompNeedsReset = __classPrivateFieldGet(this, _KupInputPanel_cellTypesNeedingReset, "f").get(cellType);
         if (!queryCompSetValue && !queryCompNeedsReset)
@@ -917,7 +918,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     }
 }, _KupInputPanel_setData = function _KupInputPanel_setData(cell, column, layout) {
     const defaultProps = Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_mapData).call(this, cell, column, layout)), { disabled: !cell.isEditable || column.useAs === UseAsValue.KEY, id: column.name });
-    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
+    const cellType = dom.ketchup.data.cell.getType(column, cell, cell.shape);
     const _a = cell.data || {}, noDataProps = __rest(_a, ["data"]);
     return cellType !== FCellTypes.MULTI_AUTOCOMPLETE &&
         cellType !== FCellTypes.MULTI_COMBOBOX
@@ -977,7 +978,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         fieldLabel = col.title;
     }
     const currentValue = cell.value;
-    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
+    const cellType = dom.ketchup.data.cell.getType(col, cell, cell.shape);
     const dataAdapterMap = new Map([
         [FCellTypes.AUTOCOMPLETE, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CMBandACPAdapter).bind(this)],
         [FCellTypes.BUTTON_LIST, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_BTNAdapter).bind(this)],
@@ -1005,7 +1006,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         : null;
 }, _KupInputPanel_slotData = function _KupInputPanel_slotData(cell, col) {
     var _a;
-    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
+    const cellType = dom.ketchup.data.cell.getType(col, cell, cell.shape);
     if (cellType === FCellTypes.CHIP) {
         return {
             trailingIcon: true,
@@ -1449,6 +1450,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     const fcell = path.find((p) => { var _a; return (_a = p.classList) === null || _a === void 0 ? void 0 : _a.contains('f-cell'); });
     return fcell;
 }, _KupInputPanel_getEventDetails = function _KupInputPanel_getEventDetails(originalEvent) {
+    var _a;
     const fcell = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_findTraversedFCell).call(this, originalEvent);
     if (fcell == null) {
         return;
@@ -1457,7 +1459,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     const props = fcell['kup-get-cell-props']();
     const columnName = props.column.name;
     const anchor = fcell;
-    const cell = currState.rows[0].cells[columnName];
+    const cell = (_a = currState.rows[0].cells[columnName]) !== null && _a !== void 0 ? _a : props === null || props === void 0 ? void 0 : props.cell;
     const column = currState.columns.find((c) => c.name == columnName);
     const row = currState.rows[0];
     return {
@@ -1477,7 +1479,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         if (e.button == 2) {
             const details = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getEventDetails).call(this, e);
             if (details) {
-                this.kupDataTableContextMenu.emit({
+                this.kupInputPanelContextMenu.emit({
                     comp: this,
                     id: this.rootElement.id,
                     details,

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

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

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, h as KupDebugCategory, aF as kupDropEvent, X as kupDraggableColumnAttr, aG as kupDraggableRowAttr, $ as KupDropEventTypes, f as KupThemeColorValues } from './kup-manager-35960eb2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, h as KupDebugCategory, aF as kupDropEvent, X as kupDraggableColumnAttr, aG as kupDraggableRowAttr, $ as KupDropEventTypes, f as KupThemeColorValues } from './kup-manager-c45fb212.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 import { F as FImage } from './f-image-40b4e64b.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';