@sme.up/ketchup 12.0.0-alpha.1 → 12.0.0-alpha.2

package/dist/cjs/{f-cell-a6aeb9ba.js → f-cell-7a734ae2.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-d0e18a9b.js');
+const kupManager = require('./kup-manager-04a36733.js');
 const fButton = require('./f-button-9aca7812.js');
 const fCheckbox = require('./f-checkbox-a3461c4d.js');
-const fChip = require('./f-chip-790aaa33.js');
+const fChip = require('./f-chip-c3613a58.js');
 const fImage = require('./f-image-5a33fd05.js');
-const fObjectField = require('./f-object-field-90416168.js');
-const fTextField = require('./f-text-field-536fc783.js');
+const fObjectField = require('./f-object-field-f47313a4.js');
+const fTextField = require('./f-text-field-34e24c97.js');
 
 var FRadioType;
 (function (FRadioType) {
@@ -401,7 +401,7 @@ const dom = document.documentElement;
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
 const FCell = (props, children) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const cell = props.cell;
     const column = props.column;
     const row = props.row;
@@ -422,10 +422,10 @@ const FCell = (props, children) => {
     }
     isEditable = isEditable && props.editable;
     cell.data = (_a = mapData(cell, column)) !== null && _a !== void 0 ? _a : cell.data;
-    let _value = cell.decode || cell.value;
+    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 sizing = props.density === 'extra_dense' ? 'extra-small' : (_b = cell.data) === null || _b === void 0 ? void 0 : _b.sizing;
+    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
         : (column === null || column === void 0 ? void 0 : column.cssClass)
@@ -440,7 +440,7 @@ const FCell = (props, children) => {
         [cssClasses]: cssClasses ? true : false,
         'c-input-uppercase': kupManager.isForceUppercase(cell),
         'c-input-lowercase': kupManager.isForceLowercase(cell),
-        'monospace c-pre': (_c = cell.data) === null || _c === void 0 ? void 0 : _c.legacyLook,
+        'monospace c-pre': (_d = cell.data) === null || _d === void 0 ? void 0 : _d.legacyLook,
     };
     let content = valueToDisplay;
     if (!cell.data || Object.keys(cell.data).length === 0) {
@@ -450,7 +450,7 @@ const FCell = (props, children) => {
         ? { placeholderResource: cell.placeholderIcon }
         : {})), (sizing ? { sizing } : {}));
     if (isEditable && kupManager.editableTypes.includes(cellType)) {
-        cell.data.showMarker = (_d = cell.tooltip) !== null && _d !== void 0 ? _d : false;
+        cell.data.showMarker = (_e = cell.tooltip) !== null && _e !== void 0 ? _e : false;
         content = setEditableCell(cellType, classObj, cell, column, props);
     }
     else if (cell.data && kupManager.kupTypes.includes(cellType)) {
@@ -469,7 +469,7 @@ const FCell = (props, children) => {
         if (props.setSizes) {
             setCellSize(cellType, subcomponentProps, cell, props);
         }
-        classObj[kupManager.FCellClasses.INDICATOR_TOPRIGHT] = (_e = cell.tooltip) !== null && _e !== void 0 ? _e : false;
+        classObj[kupManager.FCellClasses.INDICATOR_TOPRIGHT] = (_f = cell.tooltip) !== null && _f !== void 0 ? _f : false;
         content = setCell(cellType, subcomponentProps, content, classObj, cell, column, props);
     }
     let icon = null;
@@ -957,8 +957,7 @@ function setCell(cellType, subcomponentProps, content, classObj, cell, column, p
         case kupManager.FCellTypes.DATETIME:
         case kupManager.FCellTypes.TIME:
             if (content && content != '') {
-                const cellValue = kupManager.getCellValueForDisplay(column, cell);
-                return index.h("div", { class: "f-cell__text" }, cellValue);
+                return (index.h("div", { class: "f-cell__text" }, kupManager.getCellValueForDisplay(column, cell)));
             }
             return content;
         case kupManager.FCellTypes.CHECKBOX:
@@ -970,7 +969,7 @@ function setCell(cellType, subcomponentProps, content, classObj, cell, column, p
                     : 'check_box_outline_blank', sizeX: "18px", sizeY: "18px" }));
         case kupManager.FCellTypes.EDITOR:
         case kupManager.FCellTypes.MEMO:
-            return index.h("div", { innerHTML: cell.value });
+            return index.h("div", { innerHTML: kupManager.getCellValueForDisplay(column, cell) });
         case kupManager.FCellTypes.ICON:
             if (isAutoCentered(props)) {
                 classObj[kupManager.FCellClasses.C_CENTERED] = true;
@@ -988,7 +987,7 @@ function setCell(cellType, subcomponentProps, content, classObj, cell, column, p
             }
             return index.h(fImage.FImage, Object.assign({}, subcomponentProps));
         case kupManager.FCellTypes.LINK:
-            return (index.h("a", { href: content, target: "_blank" }, cell.value));
+            return (index.h("a", { href: content, target: "_blank" }, kupManager.getCellValueForDisplay(column, cell)));
         case kupManager.FCellTypes.NUMBER:
             if (content && content != '') {
                 const cellValueNumber = dom.ketchup.math.numberifySafe(cell.value);
@@ -1010,7 +1009,7 @@ function setCell(cellType, subcomponentProps, content, classObj, cell, column, p
             subcomponentProps['disabled'] = true;
             return index.h(FSwitch, Object.assign({}, subcomponentProps));
         case kupManager.FCellTypes.LABEL:
-            return (index.h(FLabel, { style: cell.style, text: cell.decode || cell.value, classes: "f-cell__text" }));
+            return (index.h(FLabel, { style: cell.style, text: kupManager.getCellValueForDisplay(column, cell), classes: "f-cell__text" }));
         case kupManager.FCellTypes.IMAGE_LIST:
             const activeNode = cell.data.data.find((node) => node.value === cell.value) || null;
             return (index.h("kup-image-list", Object.assign({ ripple: true }, cell.data, { "onKup-imagelist-click": (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.UPDATE), activeNode: activeNode })));
@@ -1038,7 +1037,13 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
             if (isAutoCentered(props)) {
                 classObj[kupManager.FCellClasses.C_CENTERED] = true;
             }
-            const buttonProps = Object.assign({ label: cell.decode || cell.value, icon: cell.icon, placeholderIcon: cell.placeholderIcon, title: column.title }, subcomponentProps);
+            let label = cell.decode;
+            if (!label) {
+                if (!cell.icon && !cell.placeholderIcon) {
+                    label = cell.value;
+                }
+            }
+            const buttonProps = Object.assign({ label: label, icon: cell.icon, placeholderIcon: cell.placeholderIcon, title: column.title }, subcomponentProps);
             return (index.h(fButton.FButton, Object.assign({}, buttonProps, { onClick: (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.CLICK) })));
         case kupManager.FCellTypes.BUTTON_LIST:
             if (isAutoCentered(props)) {

package/dist/cjs/{f-chip-790aaa33.js → f-chip-c3613a58.js}

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

package/dist/cjs/{f-object-field-90416168.js → f-object-field-f47313a4.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-d0e18a9b.js');
+const kupManager = require('./kup-manager-04a36733.js');
 const fButton = require('./f-button-9aca7812.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
-const fTextField = require('./f-text-field-536fc783.js');
+const fTextField = require('./f-text-field-34e24c97.js');
 
 const STATE = new WeakMap();
 const FObjectField = (props) => {

package/dist/cjs/{f-paginator-utils-0902d7ea.js → f-paginator-utils-18ec42c0.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-d0e18a9b.js');
+const kupManager = require('./kup-manager-04a36733.js');
 const fButton = require('./f-button-9aca7812.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 

package/dist/cjs/{f-text-field-536fc783.js → f-text-field-34e24c97.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-d0e18a9b.js');
+const kupManager = require('./kup-manager-04a36733.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-d0e18a9b.js');
+const kupManager = require('./kup-manager-04a36733.js');
 require('./kup-dates-2ff08e4f.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-d0e18a9b.js');
+const kupManager = require('./kup-manager-04a36733.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-d0e18a9b.js');
+const kupManager = require('./kup-manager-04a36733.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-5a33fd05.js');
-const kupDataTableHelper = require('./kup-data-table-helper-8f5f8c9b.js');
+const kupDataTableHelper = require('./kup-data-table-helper-a54c3e63.js');
 require('./kup-dates-2ff08e4f.js');
 
 var KupActivityTimelineProps;
@@ -95,12 +95,15 @@ const KupActivityTimeline = class {
         });
     }
     activityItem(activity) {
-        return (index.h("div", { class: "atm-row" }, activity.cells.map((cell) => (index.h("div", { class: "atm-col" }, index.h("div", { class: "atm-inner-col" }, index.h("h3", null, cell.title, ":")), index.h("div", { class: "atm-inner-col", onClick: (e) => {
-                e.stopPropagation();
-                this.onActivityClick(e, cell);
-            }, onContextMenu: (e) => {
-                this.onActivityContextMenu(e, cell);
-            } }, index.h("p", null, cell.decode || cell.value)))))));
+        return (index.h("div", { class: "atm-row" }, activity.cells.map((cell) => {
+            var _a;
+            return (index.h("div", { class: "atm-col" }, index.h("div", { class: "atm-inner-col" }, index.h("h3", null, cell.title, ":")), index.h("div", { class: "atm-inner-col", onClick: (e) => {
+                    e.stopPropagation();
+                    this.onActivityClick(e, cell);
+                }, onContextMenu: (e) => {
+                    this.onActivityContextMenu(e, cell);
+                } }, index.h("p", null, (_a = cell.decode) !== null && _a !== void 0 ? _a : cell.value))));
+        })));
     }
     calendarIcon() {
         return (index.h(fImage.FImage, { color: "white", resource: 'calendar', wrapperClass: "activity-timeline-item__icon", sizeX: "20px", sizeY: "32px" }));

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-d0e18a9b.js');
-const fTextField = require('./f-text-field-536fc783.js');
+const kupManager$2 = require('./kup-manager-04a36733.js');
+const fTextField = require('./f-text-field-34e24c97.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
-const fChip = require('./f-chip-790aaa33.js');
+const fChip = require('./f-chip-c3613a58.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-5a33fd05.js');
 const fButton = require('./f-button-9aca7812.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
-const fCell = require('./f-cell-a6aeb9ba.js');
+const fCell = require('./f-cell-7a734ae2.js');
 const kupDates = require('./kup-dates-2ff08e4f.js');
 const component = require('./component-a6dd6c14.js');
 const fCheckbox = require('./f-checkbox-a3461c4d.js');
-const kupDataTableHelper = require('./kup-data-table-helper-8f5f8c9b.js');
-const fPaginatorUtils = require('./f-paginator-utils-0902d7ea.js');
-require('./f-object-field-90416168.js');
+const kupDataTableHelper = require('./kup-data-table-helper-a54c3e63.js');
+const fPaginatorUtils = require('./f-paginator-utils-18ec42c0.js');
+require('./f-object-field-f47313a4.js');
 
 /**
  * Props of the kup-autocomplete component.
@@ -975,6 +975,7 @@ const KupButtonList = class {
         return (index.h("kup-dropdown-button", Object.assign({ class: this.rootElement.className + ' ' + data.wrapperClass }, data, { "onkup-dropdownbutton-click": () => this.onKupClick(index$1.toString(), '-1'), "onkup-dropdownbutton-itemclick": (e) => this.onDropDownItemClick(e, index$1.toString()) })));
     }
     prepareDataFromTreeNode(node, index) {
+        var _a;
         const data = node.data != null ? Object.assign({}, node.data) : {};
         if (this.customStyle != null && this.customStyle.trim() != '') {
             data.customStyle = this.customStyle;
@@ -1001,7 +1002,7 @@ const KupButtonList = class {
             data.placeholderIcon = node.placeholderIcon;
         }
         if (data.label == null) {
-            data.label = node.decode ? node.decode : node.value;
+            data.label = (_a = node.decode) !== null && _a !== void 0 ? _a : node.value;
         }
         data.fullHeight = this.rootElement.classList.contains('kup-full-height')
             ? true
@@ -1128,7 +1129,7 @@ const KupButtonList = class {
             'button-list--container': true,
             'show-selection': this.showSelection && this.selected ? true : false,
         };
-        return (index.h(index.Host, { key: 'a9c01ae25a7d3de3afde7463b13cec9b9b2381ee', style: hostStyle }, index.h("style", { key: '43ede2a5ba49ed295b63fc54e709ff44fcbd02ea' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '55242904eb2a290e0b73980215ee27737c279204', id: GenericVariables.componentWrapperId }, index.h("div", { key: 'fc06c9bf8c92747851b3ee023903eb071807fd4e', class: classObj }, buttons))));
+        return (index.h(index.Host, { key: 'becf6b40f5a7aac7b61a8b46aeea09f3afd6be99', style: hostStyle }, index.h("style", { key: '4676dc97926564441c0db95ba46ae44153ad36b6' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '14f916492ebb2e8e8db6af2bfd5a722199173ade', id: GenericVariables.componentWrapperId }, index.h("div", { key: '3aedb4c167b11e80162848b3a3423ef7cd656772', class: classObj }, buttons))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -10227,7 +10228,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: '2e4d33e55fe0df085470d387813f5ac128f9ac44', ref: (el) => __classPrivateFieldGet$8(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: 'e3fc68336f86bc99c107115156752698a04db2ae', colSpan: __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (index.h("tr", { key: '2e805700f2e5caf5a94d07b247d0c7dd4882688b', ref: (el) => __classPrivateFieldGet$8(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: '884e885fb071ba39f88ef48f75135b445b2930ad', colSpan: __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -10303,7 +10304,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: '89279af997830e1f1a3810af501b15d78ddfd927' }, props));
+                groupChips = index.h(fChip.FChip, Object.assign({ key: 'f530781f6de1183221c550c17283007ca416b6cf' }, props));
             }
         }
         const tableClass = {
@@ -10335,7 +10336,7 @@ const KupDataTable = class {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (index.h("sticky-header", { key: '60c794090b7205a7e552d93d91481c739d43c782', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: 'efe35ef80d1cdafe7eae3f4c2bc7cb3e31ed31dd' }, index.h("tr-sticky", { key: 'eaf04a6f0ed5fe546fe19c539c948e276ec7dcdd' }, stickyHeader))));
+            stickyEl = (index.h("sticky-header", { key: 'c49f507a2d1f675966211ada27d8d10bd5cb3db2', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: 'f1744cc73ccea182eb286546e11be4d7bd54004f' }, index.h("tr-sticky", { key: 'b5f21d53c2bb8e7acc2df6329871475e8254b17e' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -10381,7 +10382,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: 'fba1c84f14bab71517b0c538e54d19a48b24dca5', "onKup-drop": (e) => {
+        const compCreated = (index.h(index.Host, { key: '1c4965f502cb3ae8758d0a5e115c9679b3de95f5', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -10400,11 +10401,11 @@ const KupDataTable = class {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, index.h("style", { key: '88527e2552afe3264133f6d1b7a40969284806d5' }, __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: '07692090a654fe74b071e425751dd4d2faf073e6', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: 'd2b2f7f6ee92fa69dce60a15304c458a5fa5d23c', class: "group-wrapper" }, groupChips), index.h("div", { key: '9117d269572c6854f72922807cc7b6889ce1c5af', 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: '8cbc9410d56f673821617883fc441e1875b9e182' }, __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: '08631e77be3e0825cb048285ad307f94f78a9a80', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: 'f0ac1cc1b1903327dfa6699605b68eadd99f672a', class: "group-wrapper" }, groupChips), index.h("div", { key: 'b6896ff2e314bc409d108261f6e9e19b0ea5fb83', 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: '57c9c858687a05d48ebea591b432f6819ac48457', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
+            } }))) : null, paginatorTop && (index.h("div", { key: '3c9d6dfa1a4fb1eaab341e3faa0512fb4a072078', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (index.h(fButton.FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -10454,9 +10455,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: '3da5fa540567478a28b26e92120fd23444938b40', 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: '76c71756714f88b859ef4beed85719e798cca3d1', 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: '10e206ce38be35888801992a51de20259c7dab96', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), index.h("div", { key: '0e72888438cb9d03d934dcab2afff02cd79ff639', 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);
@@ -10465,7 +10466,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: '63b0481f36950dab1604fe98b407086b3bf5a488', 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: '93c5c2c895911004cd8e45064028ec51384e7050', 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");
@@ -10473,7 +10474,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: '4ad05fc4c08db233b2a4bc04df9dd11a5009ab61', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: '7e8aaa0d7c77efd4d26b7558462a46efe99a9f87' }, header)), index.h("tbody", { key: '9841a0d5ab44f77ffbb30fef2f1d8e328277f4db' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, index.h("thead", { key: 'c958389a14021527383c4e7be4b7f01b78fe81be', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: '08c0a5c8589267fb1654ce0ffa0f85157c072cf4' }, header)), index.h("tbody", { key: 'b5ad8d45eeedaede8bb49fab0da65ba9a7c84d73' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -12804,7 +12805,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         }
         // Renders plain rows cells
         const cells = visibleColumns.map((currentColumn, cellIndex) => {
-            var _a, _b;
+            var _a, _b, _c;
             const { name, hideValuesRepetitions } = currentColumn;
             const indend = [];
             if (cellIndex === 0) {
@@ -12830,9 +12831,8 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                     __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").data.cell.getObjectRelatedStyleClasses(Object.assign(Object.assign({}, cell.obj), { k: cell.value }), cell.cssClass);
             }
             const fcell = Object.assign(Object.assign({}, __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").data.cell.buildFCell(cell, currentColumn, row)), { component: this, density: this.density, editable: this.editableData || this.updatableData, indents: indend, previousValue: hideValuesRepetitions && previousRow
-                    ? previousRow.cells[name].decode ||
-                        previousRow.cells[name].value
-                    : undefined, renderKup: this.lazyLoadCells, cellActionIcon: __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").data.cell.hasActionCell(cell, (_b = this.commands) !== null && _b !== void 0 ? _b : [])
+                    ? ((_b = previousRow.cells[name].decode) !== null && _b !== void 0 ? _b : previousRow.cells[name].value)
+                    : undefined, renderKup: this.lazyLoadCells, cellActionIcon: __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").data.cell.hasActionCell(cell, (_c = this.commands) !== null && _c !== void 0 ? _c : [])
                     ? {
                         onClick: (e) => {
                             this.kupCellActionIconClick.emit({
@@ -13128,7 +13128,13 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             this.showGrid = grid;
         } })));
 }, _KupDataTable_renderCommandButton = function _KupDataTable_renderCommandButton(commandObj, styling) {
-    return (index.h("kup-button", { styling: styling, "onKup-button-click": () => __classPrivateFieldGet$8(this, _KupDataTable_handleUpdateClick, "f").call(this, commandObj), icon: commandObj.icon, placeholderIcon: commandObj.placeholderIcon, label: commandObj.decode || commandObj.value }));
+    let label = commandObj.decode;
+    if (!label) {
+        if (!commandObj.icon && !commandObj.placeholderIcon) {
+            label = commandObj.value;
+        }
+    }
+    return (index.h("kup-button", { styling: styling, "onKup-button-click": () => __classPrivateFieldGet$8(this, _KupDataTable_handleUpdateClick, "f").call(this, commandObj), icon: commandObj.icon, placeholderIcon: commandObj.placeholderIcon, label: label }));
 }, _KupDataTable_handleChipsContextMenu = function _KupDataTable_handleChipsContextMenu(chipColumnName, e) {
     e.preventDefault();
     this.openColumnMenu(chipColumnName, `.chip[data-value="${chipColumnName}"]`);
@@ -16715,7 +16721,7 @@ _KupImageList_clickTimeout = new WeakMap(), _KupImageList_kupManager = new WeakM
     }
     return somethingChanged;
 }, _KupImageList_createItem = function _KupImageList_createItem(node) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const props = {
         fit: true,
         resource: node.icon,
@@ -16725,10 +16731,10 @@ _KupImageList_clickTimeout = new WeakMap(), _KupImageList_kupManager = new WeakM
         badgeData: node.badgeData,
     };
     const image = index.h(fImage.FImage, Object.assign({}, props));
-    const label = (index.h("div", { class: "image-list__label" }, node.decode || node.value));
-    const hasExternalResource = ((_a = props.resource) === null || _a === void 0 ? void 0 : _a.indexOf('.')) > -1 ||
-        ((_b = props.resource) === null || _b === void 0 ? void 0 : _b.indexOf('/')) > -1 ||
-        ((_c = props.resource) === null || _c === void 0 ? void 0 : _c.indexOf('\\')) > -1;
+    const label = (index.h("div", { class: "image-list__label" }, (_a = node.decode) !== null && _a !== void 0 ? _a : node.value));
+    const hasExternalResource = ((_b = props.resource) === null || _b === void 0 ? void 0 : _b.indexOf('.')) > -1 ||
+        ((_c = props.resource) === null || _c === void 0 ? void 0 : _c.indexOf('/')) > -1 ||
+        ((_d = props.resource) === null || _d === void 0 ? void 0 : _d.indexOf('\\')) > -1;
     return (index.h(fCell.FCell, { cell: {
             value: node.value,
             icon: node.icon,
@@ -19557,11 +19563,11 @@ const KupToolbar = class {
     get rootElement() { return index.getElement(this); }
 };
 _KupToolbar_kupManager = new WeakMap(), _KupToolbar_instances = new WeakSet(), _KupToolbar_renderTreeNode = function _KupToolbar_renderTreeNode(node, index$1) {
-    var _a;
+    var _a, _b;
     const hasChildren = node.children && node.children.length > 0;
     const isDisabled = (_a = node.disabled) !== null && _a !== void 0 ? _a : false;
     // Single item node [icons + value]
-    const singleItem = (index.h("div", { class: `toolbar-single-value-node ${isDisabled ? 'toolbar-item-disabled' : ''}`, "data-alt": isDisabled ? 'This option is disabled' : '' }, (node === null || node === void 0 ? void 0 : node.icon) && this.showIcons ? (index.h(fImage.FImage, { resource: node === null || node === void 0 ? void 0 : node.icon, sizeX: "14px", sizeY: "14px" })) : (index.h(fImage.FImage, { resource: "empty", sizeX: "14px", sizeY: "14px" })), node.decode || node.value));
+    const singleItem = (index.h("div", { class: `toolbar-single-value-node ${isDisabled ? 'toolbar-item-disabled' : ''}`, "data-alt": isDisabled ? 'This option is disabled' : '' }, (node === null || node === void 0 ? void 0 : node.icon) && this.showIcons ? (index.h(fImage.FImage, { resource: node === null || node === void 0 ? void 0 : node.icon, sizeX: "14px", sizeY: "14px" })) : (index.h(fImage.FImage, { resource: "empty", sizeX: "14px", sizeY: "14px" })), (_b = node.decode) !== null && _b !== void 0 ? _b : node.value));
     if (!hasChildren) {
         const column = this.generateColumnForNode(node);
         const row = this.generateRowForNode(node);
@@ -19637,6 +19643,7 @@ class FiltersTreeItems extends kupDataTableHelper.FiltersRows {
         return items;
     }
     isNodeCompliant(node, filters = {}, globalFilter = '', isGlobalFilter = false, columns = [], columnFilters) {
+        var _a;
         let retValue = false;
         if (node.cells != null) {
             let cellsHolder = node.cells;
@@ -19648,7 +19655,7 @@ class FiltersTreeItems extends kupDataTableHelper.FiltersRows {
             retValue = this.areCellsCompliant(cellsHolder, filters, globalFilter, isGlobalFilter, columns, columnFilters);
         }
         if (isGlobalFilter == true) {
-            retValue = this.isFilterCompliantForValue(node.decode || node.value, globalFilter, isGlobalFilter);
+            retValue = this.isFilterCompliantForValue((_a = node.decode) !== null && _a !== void 0 ? _a : node.value, globalFilter, isGlobalFilter);
         }
         return retValue;
     }

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-d0e18a9b.js');
-const kupDataTableHelper = require('./kup-data-table-helper-8f5f8c9b.js');
+const kupManager = require('./kup-manager-04a36733.js');
+const kupDataTableHelper = require('./kup-data-table-helper-a54c3e63.js');
 const fImage = require('./f-image-5a33fd05.js');
-const fChip = require('./f-chip-790aaa33.js');
+const fChip = require('./f-chip-c3613a58.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fCell = require('./f-cell-a6aeb9ba.js');
-const fPaginatorUtils = require('./f-paginator-utils-0902d7ea.js');
+const fCell = require('./f-cell-7a734ae2.js');
+const fPaginatorUtils = require('./f-paginator-utils-18ec42c0.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
 require('./kup-dates-2ff08e4f.js');
 require('./f-button-9aca7812.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-checkbox-a3461c4d.js');
-require('./f-object-field-90416168.js');
-require('./f-text-field-536fc783.js');
+require('./f-object-field-f47313a4.js');
+require('./f-text-field-34e24c97.js');
 require('./component-a6dd6c14.js');
 
 /**

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$4 = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-d0e18a9b.js');
+const kupManager = require('./kup-manager-04a36733.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-9aca7812.js');
-const fChip = require('./f-chip-790aaa33.js');
+const fChip = require('./f-chip-c3613a58.js');
 const kupDates = require('./kup-dates-2ff08e4f.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-d0e18a9b.js');
+const kupManager = require('./kup-manager-04a36733.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-2ff08e4f.js');
 
@@ -168,10 +168,11 @@ const KupCardList = class {
                     }
                 }, slot: index$1.toString() }));
             const loadData = (col, prop, index) => {
+                var _a;
                 if (col) {
                     const cell = row.cells[col.name];
                     if (cell) {
-                        const value = cell.decode || cell.value;
+                        const value = (_a = cell.decode) !== null && _a !== void 0 ? _a : cell.value;
                         switch (prop) {
                             case 'color':
                                 data[prop][index] =

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-d0e18a9b.js');
+const kupManager = require('./kup-manager-04a36733.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-9aca7812.js');
-const fCell = require('./f-cell-a6aeb9ba.js');
+const fCell = require('./f-cell-7a734ae2.js');
 require('./kup-dates-2ff08e4f.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-5a33fd05.js');
 require('./f-checkbox-a3461c4d.js');
-require('./f-chip-790aaa33.js');
-require('./f-object-field-90416168.js');
-require('./f-text-field-536fc783.js');
+require('./f-chip-c3613a58.js');
+require('./f-object-field-f47313a4.js');
+require('./f-text-field-34e24c97.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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c7d441d8.js');
 const fButton = require('./f-button-9aca7812.js');
 const fCheckbox = require('./f-checkbox-a3461c4d.js');
-const fTextField = require('./f-text-field-536fc783.js');
+const fTextField = require('./f-text-field-34e24c97.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
-const kupManager = require('./kup-manager-d0e18a9b.js');
+const kupManager = require('./kup-manager-04a36733.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-8f5f8c9b.js → kup-data-table-helper-a54c3e63.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const kupManager = require('./kup-manager-d0e18a9b.js');
+const kupManager = require('./kup-manager-04a36733.js');
 const kupDates = require('./kup-dates-2ff08e4f.js');
 
 /**
@@ -263,24 +263,27 @@ const kupData = dom$1.ketchup ? dom$1.ketchup.data : new kupManager.KupData();
  */
 class FiltersRows extends kupManager.Filters {
     isFilterCompliantForCell(cellValue, filterValue, isGlobalFilter) {
+        var _a;
         if (!cellValue) {
             return false;
         }
-        return this.isFilterCompliantForSimpleValue(cellValue.decode || cellValue.value, cellValue.obj, filterValue, isGlobalFilter);
+        return this.isFilterCompliantForSimpleValue((_a = cellValue.decode) !== null && _a !== void 0 ? _a : cellValue.value, cellValue.obj, filterValue, isGlobalFilter);
     }
     isFilterCompliantForCellObj(cellValue, filterValue, isGlobalFilter) {
+        var _a;
         if (!cellValue) {
             return false;
         }
         if (!cellValue.obj) {
             return false;
         }
-        return this.isFilterCompliantForSimpleValue(cellValue.decode || cellValue.value, cellValue.obj, filterValue, isGlobalFilter);
+        return this.isFilterCompliantForSimpleValue((_a = cellValue.decode) !== null && _a !== void 0 ? _a : cellValue.value, cellValue.obj, filterValue, isGlobalFilter);
     }
     isRowCompliant(r, filters = {}, globalFilter = '', isGlobalFilter = false, columns = [], columnFilters, visibleColumns) {
         return this.areCellsCompliant(r.cells, filters, globalFilter, isGlobalFilter, columns, columnFilters, visibleColumns);
     }
     areCellsCompliant(cells, filters = {}, globalFilter = '', isGlobalFilter = false, columns = [], columnFilters, visibleColumns) {
+        var _a, _b;
         if (isGlobalFilter) {
             let retValue = true;
             // There are no columns -> display element
@@ -297,9 +300,9 @@ class FiltersRows extends kupManager.Filters {
                     if (cell == null) {
                         continue;
                     }
-                    retValue = this.isFilterCompliantForValue(cell.decode || cell.value, globalFilter, isGlobalFilter);
+                    retValue = this.isFilterCompliantForValue((_a = cell.decode) !== null && _a !== void 0 ? _a : cell.value, globalFilter, isGlobalFilter);
                     let displayedValue = kupManager.getCellValueForDisplay(columns[i], cell);
-                    if (displayedValue != (cell.decode || cell.value)) {
+                    if (displayedValue != ((_b = cell.decode) !== null && _b !== void 0 ? _b : cell.value)) {
                         retValue =
                             retValue ||
                                 this.isFilterCompliantForValue(displayedValue, globalFilter, isGlobalFilter);

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-d0e18a9b.js');
+const kupManager = require('./kup-manager-04a36733.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-2ff08e4f.js');