@sme.up/ketchup 11.0.7 → 11.0.8

package/dist/cjs/{f-button-9aca7812.js → f-button-a1b656d2.js}

@@ -17,7 +17,9 @@ const FButton = (props, children) => {
     const isIconButton = !!(props.styling.toLowerCase() === fButtonDeclarations.FButtonStyling.ICON ||
         (props.styling.toLowerCase() === fButtonDeclarations.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/cjs/{f-cell-eed32cd7.js → f-cell-2b05ec41.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8787fc42.js');
-const fButton = require('./f-button-9aca7812.js');
+const kupManager = require('./kup-manager-f3bdd297.js');
+const fButton = require('./f-button-a1b656d2.js');
 const fCheckbox = require('./f-checkbox-a3461c4d.js');
-const fChip = require('./f-chip-ec543689.js');
+const fChip = require('./f-chip-911142ce.js');
 const fImage = require('./f-image-5a33fd05.js');
-const fObjectField = require('./f-object-field-1ddaee2d.js');
-const fTextField = require('./f-text-field-4d4fa492.js');
+const fObjectField = require('./f-object-field-60ddab64.js');
+const fTextField = require('./f-text-field-028d892b.js');
 
 var FRadioType;
 (function (FRadioType) {
@@ -424,7 +424,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
@@ -576,7 +576,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([
         [kupManager.FCellTypes.BUTTON_LIST, MainBTNAdapter.bind(undefined)],
         [kupManager.FCellTypes.STRING, MainITXAdapter.bind(undefined)],

package/dist/cjs/{f-chip-ec543689.js → f-chip-911142ce.js}

@@ -2,7 +2,7 @@
 
 const index = require('./index-c7d441d8.js');
 const fImage = require('./f-image-5a33fd05.js');
-const kupManager = require('./kup-manager-8787fc42.js');
+const kupManager = require('./kup-manager-f3bdd297.js');
 
 function getIdOfItemByDisplayMode(item, mode, separator) {
     const { id, value, decode } = item;

package/dist/cjs/{f-object-field-1ddaee2d.js → f-object-field-60ddab64.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8787fc42.js');
-const fButton = require('./f-button-9aca7812.js');
+const kupManager = require('./kup-manager-f3bdd297.js');
+const fButton = require('./f-button-a1b656d2.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
-const fTextField = require('./f-text-field-4d4fa492.js');
+const fTextField = require('./f-text-field-028d892b.js');
 
 const STATE = new WeakMap();
 const FObjectField = (props) => {

package/dist/cjs/{f-paginator-utils-f0d22b06.js → f-paginator-utils-fcbea8ea.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8787fc42.js');
-const fButton = require('./f-button-9aca7812.js');
+const kupManager = require('./kup-manager-f3bdd297.js');
+const fButton = require('./f-button-a1b656d2.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 
 var FPaginatorMode;

package/dist/cjs/{f-text-field-4d4fa492.js → f-text-field-028d892b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8787fc42.js');
+const kupManager = require('./kup-manager-f3bdd297.js');
 const fImage = require('./f-image-5a33fd05.js');
 
 const dom = document.documentElement;

package/dist/cjs/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const kupManager = require('./kup-manager-8787fc42.js');
+const kupManager = require('./kup-manager-f3bdd297.js');
 require('./kup-dates-594b0f91.js');
 require('./index-c7d441d8.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8787fc42.js');
+const kupManager = require('./kup-manager-f3bdd297.js');
 const fImage = require('./f-image-5a33fd05.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const component = require('./component-a6dd6c14.js');

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8787fc42.js');
+const kupManager = require('./kup-manager-f3bdd297.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-5a33fd05.js');
-const kupDataTableHelper = require('./kup-data-table-helper-9a9ad503.js');
+const kupDataTableHelper = require('./kup-data-table-helper-a1d68467.js');
 require('./kup-dates-594b0f91.js');
 
 var KupActivityTimelineProps;

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

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager$2 = require('./kup-manager-8787fc42.js');
-const fTextField = require('./f-text-field-4d4fa492.js');
+const kupManager$2 = require('./kup-manager-f3bdd297.js');
+const fTextField = require('./f-text-field-028d892b.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
-const fChip = require('./f-chip-ec543689.js');
+const fChip = require('./f-chip-911142ce.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-5a33fd05.js');
-const fButton = require('./f-button-9aca7812.js');
+const fButton = require('./f-button-a1b656d2.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
-const fCell = require('./f-cell-eed32cd7.js');
+const fCell = require('./f-cell-2b05ec41.js');
 const kupDates = require('./kup-dates-594b0f91.js');
 const component = require('./component-a6dd6c14.js');
 const fCheckbox = require('./f-checkbox-a3461c4d.js');
-const kupDataTableHelper = require('./kup-data-table-helper-9a9ad503.js');
-const fPaginatorUtils = require('./f-paginator-utils-f0d22b06.js');
-require('./f-object-field-1ddaee2d.js');
+const kupDataTableHelper = require('./kup-data-table-helper-a1d68467.js');
+const fPaginatorUtils = require('./f-paginator-utils-fcbea8ea.js');
+require('./f-object-field-60ddab64.js');
 
 /**
  * Props of the kup-autocomplete component.
@@ -379,7 +379,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')
@@ -413,9 +413,9 @@ const KupAutocomplete = class {
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (index.h(index.Host, { key: 'cc4e4d81007ca2f11f7595644c11cab4a6a5864f', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$b(this, _KupAutocomplete_elStyle, "f") }, index.h("style", { key: '3f3d8d9d78c135d0f151df869e187d21082416ff' }, __classPrivateFieldGet$b(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'fccfbc9bff012a969aaeaea0a9a2af2edae96a18', id: GenericVariables.componentWrapperId, style: __classPrivateFieldGet$b(this, _KupAutocomplete_elStyle, "f") }, index.h(fTextField.FTextField, Object.assign({ key: 'b0a7901f2f1fc5e357e3ded6f959a8b1aae91fe4' }, props, { icon: this.showDropDownIcon
+        return (index.h(index.Host, { key: 'dcf5fb54a29f7417eb03a900996212ebed8ade9b', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$b(this, _KupAutocomplete_elStyle, "f") }, index.h("style", { key: '841899fcb8b4d3220ac82b14311f2b4d4d69acbd' }, __classPrivateFieldGet$b(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'd7f7c3309a92552d8a0199004ab5fed75d492275', id: GenericVariables.componentWrapperId, style: __classPrivateFieldGet$b(this, _KupAutocomplete_elStyle, "f") }, index.h(fTextField.FTextField, Object.assign({ key: '60f9bc7ec98b83792059b14e6f9e3ad12052326f' }, props, { icon: this.showDropDownIcon
                 ? kupManager$2.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)));
@@ -434,13 +434,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,
@@ -449,8 +449,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;
@@ -483,11 +483,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 = fChip.getIdOfItemByDisplayMode({ id: idIn, value: idInDecode }, this.DescrMode, ' - ');
     }
     else {
-        const ret = fChip.consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet$b(this, _KupAutocomplete_listEl, "f"), this.selectMode, this.DescrMode);
+        const ret = fChip.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;
@@ -502,7 +503,8 @@ _KupAutocomplete_elStyle = new WeakMap(), _KupAutocomplete_listEl = new WeakMap(
         return ret;
     }
 }, _KupAutocomplete_prepList = function _KupAutocomplete_prepList() {
-    return (index.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 (index.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;
 
@@ -9251,7 +9253,13 @@ const KupDataTable = class {
         if (this.data.rows.filter((r) => r.id == undefined).length) {
             kupManager$2.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() {
@@ -9289,6 +9297,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;
@@ -10306,7 +10317,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 = (index.h("tr", { key: 'c778621f24dbe8ac50439c1f1cc2c8da60038c15', ref: (el) => __classPrivateFieldGet$8(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: '38f680149997d7462d6dad98eb4c6d18cd21ccdf', colSpan: __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (index.h("tr", { key: '222a8279fe407575382a65c83e33fd4b2569014a', ref: (el) => __classPrivateFieldGet$8(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: '9c5ed4321284ebbec8dcab42d8c833b22a5e5a8a', colSpan: __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -10382,7 +10393,7 @@ const KupDataTable = class {
                         __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_handleChipsContextMenu).call(this, chipArg.id, e);
                     });
                 }
-                groupChips = index.h(fChip.FChip, Object.assign({ key: '452f382db133b46aeb06e7e2ecf5edbcf68c67f7' }, props));
+                groupChips = index.h(fChip.FChip, Object.assign({ key: '3dcf15fd1edb4038a0bde0f7832ecc63030917ba' }, props));
             }
         }
         const tableClass = {
@@ -10414,7 +10425,7 @@ const KupDataTable = class {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (index.h("sticky-header", { key: 'e427e9db53b607acba8dd58e5c9076e2e0b8f52c', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: '3f9ea12ec5eff7643b09b89dffc5b26a0b5ad49d' }, index.h("tr-sticky", { key: '7f1490b736d5390962aab145580e4cfad9bba3dc' }, stickyHeader))));
+            stickyEl = (index.h("sticky-header", { key: '012a49ef4e86f9653a7f019e458a3726cd848c96', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: '8d7af5595a3a85ba1e6d2b0b20f745212322c347' }, index.h("tr-sticky", { key: 'f33ccbb7ec7dfe9dd98f6b70faf73540a4b0df31' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -10460,7 +10471,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 = (index.h(index.Host, { key: '7c0e5c976a0b9c2cfe64fc1f7cd91ec408b15412', "onKup-drop": (e) => {
+        const compCreated = (index.h(index.Host, { key: '5264eb4129ec9fdca78982b3eacf4dba3fd80fde', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -10479,11 +10490,11 @@ const KupDataTable = class {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, index.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), index.h("div", { key: 'da0ced70283f1004b8711a6f8a1a666ab7a4abd2', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: '6022a92d789b77d2a38cf1c0fe758d0f4864610a', class: "group-wrapper" }, groupChips), index.h("div", { key: '8f511662df066227b919d56353fc297137255d23', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (index.h("div", { id: "global-filter" }, index.h(fTextField.FTextField, { fullWidth: true, icon: kupManager$2.KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").language.translate(kupManager$2.KupLanguageSearch.SEARCH), sizing: kupManager$2.KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, index.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), index.h("div", { key: 'e7665c4b6a220ab94ec6a78c9e821e3480a9e95e', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: 'b160e64031639cb6319bc43aac7b08e6c92a83a3', class: "group-wrapper" }, groupChips), index.h("div", { key: '53d1d060d86f15869a3448330348c6f1d5ea89dc', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (index.h("div", { id: "global-filter" }, index.h(fTextField.FTextField, { fullWidth: true, icon: kupManager$2.KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").language.translate(kupManager$2.KupLanguageSearch.SEARCH), sizing: kupManager$2.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 && (index.h("div", { key: '386e53a65702e0b8cc1fc1f07a3753d9758e45f2', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
+            } }))) : null, paginatorTop && (index.h("div", { key: '2c200acb217f83755654023dd824591669fe1f9e', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (index.h(fButton.FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -10533,9 +10544,9 @@ const KupDataTable = class {
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: kupManager$2.KupComponentSizing.MEDIUM, styling: fButtonDeclarations.FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), index.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: kupManager$2.KupComponentSizing.MEDIUM, styling: fButtonDeclarations.FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), index.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), index.h("div", { key: '9322c2940e4d24ab283e3bc8ad924ef6817e6982', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), index.h("div", { key: '9ee1376d49777a9181bd638713ac773eb600b850', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 index.h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -10544,7 +10555,7 @@ const KupDataTable = class {
                     } }, index.h(fImage.FImage, { color: `var(${kupManager$2.KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, index.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, index.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");
@@ -10552,7 +10563,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();
-            } }, index.h("thead", { key: '842fdb6cabe6779eb66a68644a0f86b77294e760', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: 'cf502adfe5ad7c95d4a253e05f4756ac70c9327a' }, header)), index.h("tbody", { key: 'cb9684e94db3646a5fadfe2a0e3e94340cbbc98e' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, index.h("thead", { key: 'd0b45272e078fb72046591df5cee832c3ad01b40', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: '5b7db1061b419177488d7f6227a39eb5a9b07428' }, header)), index.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;
     }
@@ -12037,7 +12048,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 (!kupManager$2.TypesToDuplicate.includes(cellType)) {
         return;
     }
@@ -15057,7 +15068,7 @@ const KupForm = class {
             return (index.h("td", { class: `form__label form__label--${alignment}`, style: style }, index.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 kupManager$2.FCellTypes.AUTOCOMPLETE:
                 case kupManager$2.FCellTypes.COLOR_PICKER:
                 case kupManager$2.FCellTypes.COMBOBOX:
@@ -15122,7 +15133,7 @@ const KupForm = class {
     render() {
         let formContent = null;
         if (this.data.rows.length === 0) {
-            formContent = (index.h("p", { key: 'fc256e91b6ba880915219e81f59ee144922aed8a' }, this.kupManager.language.translate(kupManager$2.KupLanguageGeneric.EMPTY_DATA)));
+            formContent = (index.h("p", { key: 'ea815da488cf3ac3ac14510a9526b09417d39ebf' }, this.kupManager.language.translate(kupManager$2.KupLanguageGeneric.EMPTY_DATA)));
         }
         else {
             const rows = this.data.rows;
@@ -15133,7 +15144,7 @@ const KupForm = class {
                 formContent.push(this.renderRow(rows[cnt++]));
             }
         }
-        return (index.h(index.Host, { key: '2c6f213ea11f4e504543acf29bb4f93991fd2b14' }, index.h("style", { key: '6992e1682351dcad5a09c78df793fcd1448bebb1' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'bd24a0aac3c0efb03c8d25f1261c19c6c7f10ff5', id: GenericVariables.componentWrapperId }, formContent)));
+        return (index.h(index.Host, { key: '87eec5120123fb0d89bbc454825ab9717f8cc57a' }, index.h("style", { key: '17bd0739b753023d6636496d93852e8b5a8f3e77' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '5ff34b363c16a369a175f4e166fcb8acd5880139', id: GenericVariables.componentWrapperId }, formContent)));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);

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

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8787fc42.js');
-const kupDataTableHelper = require('./kup-data-table-helper-9a9ad503.js');
+const kupManager = require('./kup-manager-f3bdd297.js');
+const kupDataTableHelper = require('./kup-data-table-helper-a1d68467.js');
 const fImage = require('./f-image-5a33fd05.js');
-const fChip = require('./f-chip-ec543689.js');
+const fChip = require('./f-chip-911142ce.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fCell = require('./f-cell-eed32cd7.js');
-const fPaginatorUtils = require('./f-paginator-utils-f0d22b06.js');
+const fCell = require('./f-cell-2b05ec41.js');
+const fPaginatorUtils = require('./f-paginator-utils-fcbea8ea.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
 require('./kup-dates-594b0f91.js');
-require('./f-button-9aca7812.js');
+require('./f-button-a1b656d2.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-checkbox-a3461c4d.js');
-require('./f-object-field-1ddaee2d.js');
-require('./f-text-field-4d4fa492.js');
+require('./f-object-field-60ddab64.js');
+require('./f-text-field-028d892b.js');
 require('./component-a6dd6c14.js');
 
 /**
@@ -1044,7 +1044,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;
@@ -1059,12 +1059,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/cjs/kup-calendar.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$4 = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8787fc42.js');
+const kupManager = require('./kup-manager-f3bdd297.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fButton = require('./f-button-9aca7812.js');
-const fChip = require('./f-chip-ec543689.js');
+const fButton = require('./f-button-a1b656d2.js');
+const fChip = require('./f-chip-911142ce.js');
 const kupDates = require('./kup-dates-594b0f91.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-5a33fd05.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8787fc42.js');
+const kupManager = require('./kup-manager-f3bdd297.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-594b0f91.js');
 

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

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8787fc42.js');
+const kupManager = require('./kup-manager-f3bdd297.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fButton = require('./f-button-9aca7812.js');
-const fCell = require('./f-cell-eed32cd7.js');
+const fButton = require('./f-button-a1b656d2.js');
+const fCell = require('./f-cell-2b05ec41.js');
 require('./kup-dates-594b0f91.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-5a33fd05.js');
 require('./f-checkbox-a3461c4d.js');
-require('./f-chip-ec543689.js');
-require('./f-object-field-1ddaee2d.js');
-require('./f-text-field-4d4fa492.js');
+require('./f-chip-911142ce.js');
+require('./f-object-field-60ddab64.js');
+require('./f-text-field-028d892b.js');
 
 const kupCellCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";
 const KupCellStyle0 = kupCellCss;

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const fButton = require('./f-button-9aca7812.js');
+const fButton = require('./f-button-a1b656d2.js');
 const fCheckbox = require('./f-checkbox-a3461c4d.js');
-const fTextField = require('./f-text-field-4d4fa492.js');
+const fTextField = require('./f-text-field-028d892b.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
-const kupManager = require('./kup-manager-8787fc42.js');
+const kupManager = require('./kup-manager-f3bdd297.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-5a33fd05.js');

package/dist/cjs/{kup-data-table-helper-9a9ad503.js → kup-data-table-helper-a1d68467.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const kupManager = require('./kup-manager-8787fc42.js');
+const kupManager = require('./kup-manager-f3bdd297.js');
 const kupDates = require('./kup-dates-594b0f91.js');
 
 /**

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8787fc42.js');
+const kupManager = require('./kup-manager-f3bdd297.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-594b0f91.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8787fc42.js');
+const kupManager = require('./kup-manager-f3bdd297.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-594b0f91.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8787fc42.js');
+const kupManager = require('./kup-manager-f3bdd297.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const kupDates = require('./kup-dates-594b0f91.js');
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const fButton = require('./f-button-9aca7812.js');
+const fButton = require('./f-button-a1b656d2.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 const fImage = require('./f-image-5a33fd05.js');
-const kupManager = require('./kup-manager-8787fc42.js');
+const kupManager = require('./kup-manager-f3bdd297.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-594b0f91.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8787fc42.js');
+const kupManager = require('./kup-manager-f3bdd297.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-594b0f91.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8787fc42.js');
+const kupManager = require('./kup-manager-f3bdd297.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-594b0f91.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-8787fc42.js');
+const kupManager = require('./kup-manager-f3bdd297.js');
 require('./kup-dates-594b0f91.js');
 
 /**