@sme.up/ketchup 10.4.8 → 10.4.10

package/dist/cjs/{f-cell-452d8a39.js → f-cell-34af9b5c.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-2e0a7a26.js');
+const kupManager = require('./kup-manager-8a2eb175.js');
 const fButton = require('./f-button-9aca7812.js');
 const fCheckbox = require('./f-checkbox-a3461c4d.js');
-const fChip = require('./f-chip-973b22de.js');
+const fChip = require('./f-chip-0f6c163f.js');
 const fImage = require('./f-image-5a33fd05.js');
-const fObjectField = require('./f-object-field-43d986c5.js');
-const fTextField = require('./f-text-field-cc70132b.js');
+const fObjectField = require('./f-object-field-51d22c3c.js');
+const fTextField = require('./f-text-field-dd61a24a.js');
 
 var FRadioType;
 (function (FRadioType) {
@@ -454,7 +454,7 @@ const FCell = (props, children) => {
     }
     else if (cell.data && kupManager.kupTypes.includes(cellType)) {
         if (props.setSizes) {
-            setCellSizeKup(cellType, subcomponentProps, cell);
+            setCellSizeKup(cellType, subcomponentProps, cell, column);
         }
         if (!props.renderKup) {
             const lazyClass = 'cell-' + cellType + ' placeholder';
@@ -558,7 +558,9 @@ const handleMouseEnter = (e, props, cellType) => {
 };
 const handleMouseLeave = (event) => {
     const parent = event.currentTarget;
-    const iconContainer = parent.querySelector('kup-image');
+    // only remove the action icon we added on mouse enter, not the first
+    // kup-image in the cell (which might be the BAR/IMAGE itself)
+    const iconContainer = parent.querySelector('kup-image.f-cell__iconfunction');
     if (iconContainer) {
         iconContainer.remove();
     }
@@ -753,12 +755,15 @@ function setCellSize(cellType, subcomponentProps, cell, props) {
             break;
     }
 }
-function setCellSizeKup(cellType, subcomponentProps, cell) {
+function setCellSizeKup(cellType, subcomponentProps, cell, column) {
     switch (cellType) {
         case kupManager.FCellTypes.BAR:
             if (!subcomponentProps.sizeY) {
                 subcomponentProps.sizeY = '26px';
             }
+            if (!subcomponentProps.sizeX && column.size) {
+                subcomponentProps.sizeX = column.size;
+            }
             break;
         case kupManager.FCellTypes.BUTTON:
             let height = '';

package/dist/cjs/{f-chip-973b22de.js → f-chip-0f6c163f.js}

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

package/dist/cjs/{f-object-field-43d986c5.js → f-object-field-51d22c3c.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-2e0a7a26.js');
+const kupManager = require('./kup-manager-8a2eb175.js');
 const fButton = require('./f-button-9aca7812.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
-const fTextField = require('./f-text-field-cc70132b.js');
+const fTextField = require('./f-text-field-dd61a24a.js');
 
 const STATE = new WeakMap();
 const FObjectField = (props) => {

package/dist/cjs/{f-paginator-utils-bc66522f.js → f-paginator-utils-85d4a027.js}

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

package/dist/cjs/{f-text-field-cc70132b.js → f-text-field-dd61a24a.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-2e0a7a26.js');
+const kupManager = require('./kup-manager-8a2eb175.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-2e0a7a26.js');
+const kupManager = require('./kup-manager-8a2eb175.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-2e0a7a26.js');
+const kupManager = require('./kup-manager-8a2eb175.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-2e0a7a26.js');
+const kupManager = require('./kup-manager-8a2eb175.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-5a33fd05.js');
-const kupDataTableHelper = require('./kup-data-table-helper-c04ab7a9.js');
+const kupDataTableHelper = require('./kup-data-table-helper-8ff2d35e.js');
 require('./kup-dates-2ff08e4f.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-2e0a7a26.js');
-const fTextField = require('./f-text-field-cc70132b.js');
+const kupManager$2 = require('./kup-manager-8a2eb175.js');
+const fTextField = require('./f-text-field-dd61a24a.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
-const fChip = require('./f-chip-973b22de.js');
+const fChip = require('./f-chip-0f6c163f.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-452d8a39.js');
+const fCell = require('./f-cell-34af9b5c.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-c04ab7a9.js');
-const fPaginatorUtils = require('./f-paginator-utils-bc66522f.js');
-require('./f-object-field-43d986c5.js');
+const kupDataTableHelper = require('./kup-data-table-helper-8ff2d35e.js');
+const fPaginatorUtils = require('./f-paginator-utils-85d4a027.js');
+require('./f-object-field-51d22c3c.js');
 
 /**
  * Props of the kup-autocomplete component.
@@ -2757,7 +2757,7 @@ var KupColumnMenuIds;
     KupColumnMenuIds["BUTTON_NEW"] = "new";
     KupColumnMenuIds["BUTTON_OPEN_IN_NEW"] = "open-in-new";
     KupColumnMenuIds["BUTTON_REMOVE"] = "remove";
-    KupColumnMenuIds["BUTTON_SEARCH"] = "search";
+    KupColumnMenuIds["BUTTON_PREVIEW"] = "preview";
     KupColumnMenuIds["BUTTON_COPY_OBJ"] = "copy-obj";
     KupColumnMenuIds["CHECKBOX_GLOBAL"] = "global-checkbox";
     KupColumnMenuIds["SWITCH_GROUP"] = "group";
@@ -3249,7 +3249,7 @@ function create8$2(component) {
     const genericButtons = [];
     const isReservedID = (id) => {
         return (id === KupColumnMenuIds.BUTTON_OPEN_IN_NEW ||
-            id === KupColumnMenuIds.BUTTON_SEARCH ||
+            id === KupColumnMenuIds.BUTTON_PREVIEW ||
             id === KupColumnMenuIds.BUTTON_COPY_OBJ);
     };
     for (let index = 0; index < buttonArray.length; index++) {
@@ -3282,17 +3282,17 @@ function create8$2(component) {
             index.h("div", { class: "sub-1" },
                 textArray[0] ||
                     buttonsIds.includes(KupColumnMenuIds.BUTTON_OPEN_IN_NEW) ||
-                    buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ||
+                    buttonsIds.includes(KupColumnMenuIds.BUTTON_PREVIEW) ||
                     buttonsIds.includes(KupColumnMenuIds.BUTTON_COPY_OBJ) ? (index.h("div", { class: "top" },
                     textArray[0] ? (index.h("div", { class: "title" },
                         index.h("span", { class: `label ${kupManager$2.KupCardCSSClasses.CLICKABLE_LINK}`, id: "title-link" }, textArray[0]))) : null,
                     buttonsIds.includes(KupColumnMenuIds.BUTTON_OPEN_IN_NEW) ||
-                        buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ||
+                        buttonsIds.includes(KupColumnMenuIds.BUTTON_PREVIEW) ||
                         buttonsIds.includes(KupColumnMenuIds.BUTTON_COPY_OBJ) ? (index.h("div", { class: "buttons" },
                         buttonsIds.includes(KupColumnMenuIds.BUTTON_OPEN_IN_NEW) ? (index.h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
                             KupColumnMenuIds.BUTTON_OPEN_IN_NEW)))) : null,
-                        buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ? (index.h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
-                            KupColumnMenuIds.BUTTON_SEARCH)))) : null,
+                        buttonsIds.includes(KupColumnMenuIds.BUTTON_PREVIEW) ? (index.h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
+                            KupColumnMenuIds.BUTTON_PREVIEW)))) : null,
                         buttonsIds.includes(KupColumnMenuIds.BUTTON_COPY_OBJ) ? (index.h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
                             KupColumnMenuIds.BUTTON_COPY_OBJ)))) : null)) : null)) : null,
                 sectionOneArray[1] && sectionOneArray[2] ? (index.h("div", { class: "info" },
@@ -4485,15 +4485,15 @@ function create14(component) {
             index.h("div", { class: "sub-1" },
                 textArray[0] ||
                     buttonsIds.includes(KupColumnMenuIds.BUTTON_OPEN_IN_NEW) ||
-                    buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ? (index.h("div", { class: "top" },
+                    buttonsIds.includes(KupColumnMenuIds.BUTTON_PREVIEW) ? (index.h("div", { class: "top" },
                     textArray[0] ? (index.h("div", { class: "title" },
                         index.h("span", { class: `label ${kupManager$2.KupCardCSSClasses.CLICKABLE_LINK}`, id: "title-link" }, textArray[0]))) : null,
                     buttonsIds.includes(KupColumnMenuIds.BUTTON_OPEN_IN_NEW) ||
-                        buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ? (index.h("div", { class: "buttons" },
+                        buttonsIds.includes(KupColumnMenuIds.BUTTON_PREVIEW) ? (index.h("div", { class: "buttons" },
                         buttonsIds.includes(KupColumnMenuIds.BUTTON_OPEN_IN_NEW) ? (index.h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
                             KupColumnMenuIds.BUTTON_OPEN_IN_NEW)))) : null,
-                        buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ? (index.h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
-                            KupColumnMenuIds.BUTTON_SEARCH)))) : null)) : null)) : null,
+                        buttonsIds.includes(KupColumnMenuIds.BUTTON_PREVIEW) ? (index.h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
+                            KupColumnMenuIds.BUTTON_PREVIEW)))) : null)) : null)) : null,
                 textArray[1] && textArray[2] ? (index.h("div", { class: "info" },
                     index.h("span", { class: "label" }, textArray[1]),
                     index.h("span", { class: "value" }, textArray[2]))) : null,
@@ -4603,7 +4603,7 @@ function create15(component) {
     const genericButtons = [];
     const isReservedID = (id) => {
         return (id === KupColumnMenuIds.BUTTON_OPEN_IN_NEW ||
-            id === KupColumnMenuIds.BUTTON_SEARCH ||
+            id === KupColumnMenuIds.BUTTON_PREVIEW ||
             id === KupColumnMenuIds.BUTTON_COPY_OBJ);
     };
     for (let index = 0; index < buttonArray.length; index++) {
@@ -4635,17 +4635,17 @@ function create15(component) {
             index.h("div", { class: "sub-1" },
                 textArray[0] ||
                     buttonsIds.includes(KupColumnMenuIds.BUTTON_OPEN_IN_NEW) ||
-                    buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ||
+                    buttonsIds.includes(KupColumnMenuIds.BUTTON_PREVIEW) ||
                     buttonsIds.includes(KupColumnMenuIds.BUTTON_COPY_OBJ) ? (index.h("div", { class: "top" },
                     textArray[0] ? (index.h("div", { class: "title" },
                         index.h("span", { class: `label ${kupManager$2.KupCardCSSClasses.CLICKABLE_LINK}`, id: "title-link" }, textArray[0]))) : null,
                     buttonsIds.includes(KupColumnMenuIds.BUTTON_OPEN_IN_NEW) ||
-                        buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ||
+                        buttonsIds.includes(KupColumnMenuIds.BUTTON_PREVIEW) ||
                         buttonsIds.includes(KupColumnMenuIds.BUTTON_COPY_OBJ) ? (index.h("div", { class: "buttons" },
                         buttonsIds.includes(KupColumnMenuIds.BUTTON_OPEN_IN_NEW) ? (index.h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
                             KupColumnMenuIds.BUTTON_OPEN_IN_NEW)))) : null,
-                        buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ? (index.h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
-                            KupColumnMenuIds.BUTTON_SEARCH)))) : null,
+                        buttonsIds.includes(KupColumnMenuIds.BUTTON_PREVIEW) ? (index.h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
+                            KupColumnMenuIds.BUTTON_PREVIEW)))) : null,
                         buttonsIds.includes(KupColumnMenuIds.BUTTON_COPY_OBJ) ? (index.h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
                             KupColumnMenuIds.BUTTON_COPY_OBJ)))) : null)) : null)) : null,
                 sectionOneArray[1] && sectionOneArray[2] ? (index.h("div", { class: "info" },
@@ -10224,7 +10224,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: '5af3b5bbddd72dcda17ff381d61f932fb27c8032', ref: (el) => __classPrivateFieldGet$8(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: '9f1cc1d0808329c7d4f2895e382bfe905c05aa81', colSpan: __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (index.h("tr", { key: 'f73bbd1001ed6b363be55bbc67b59e46cf7188a0', ref: (el) => __classPrivateFieldGet$8(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: '6cab0f826c59b56e8d403af42bfc8fddd3360fbf', colSpan: __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -10300,7 +10300,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: '0afbe37c45826c571290d584a50d6f247ed2c24e' }, props));
+                groupChips = index.h(fChip.FChip, Object.assign({ key: '7da663ef4cef8718ef04ea07bf811ab02045654e' }, props));
             }
         }
         const tableClass = {
@@ -10332,7 +10332,7 @@ const KupDataTable = class {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (index.h("sticky-header", { key: 'e62c7b8a4f14798fa748e89c1ebb1e53e4d2d1b4', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: 'b00940904b9dd3f163dfc0a7420ec9ebe321ea16' }, index.h("tr-sticky", { key: '45e8a9f3b89fded211707b6e894d62c4781b98bb' }, stickyHeader))));
+            stickyEl = (index.h("sticky-header", { key: '8a3ec36ccd3bda0fd410fb254562b1137d47a0b9', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: '3742dcf885e929de7ece61bdd36da6a92eeadfa1' }, index.h("tr-sticky", { key: 'eedc45f2842d23ca2463475610ad6d1f3a18c4f6' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -10378,7 +10378,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: '849919cbff79e9140a7bb6e1068557c055fb4936', "onKup-drop": (e) => {
+        const compCreated = (index.h(index.Host, { key: '462221f47de7414ca213f1931a3efa74f4fb94fe', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -10397,11 +10397,11 @@ const KupDataTable = class {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, index.h("style", { key: '484caa276e09bf7840399c1bee9aa68f5a5cd1a6' }, __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: 'fcb5ef491b41dc38fa88749dce546e331c089001', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: 'ac8383cbe45ef36ab0b0424c6c5c5514bbccafb5', class: "group-wrapper" }, groupChips), index.h("div", { key: 'a1ef43847a9d3e1c768973a53b34b9b5dcf2c7ac', 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: '92c31f956041b6c4760134acf0dd45657a8c9c25' }, __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: '3ef406f5d8d1037c62dec0ae48ffa2e39f4336a8', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: '0fa9ebb0f82075226c2a7702f6cabbef6c2b3c2c', class: "group-wrapper" }, groupChips), index.h("div", { key: '8b9f9ce60e17a81c56dc21601bace1ffc920c9c8', 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: '8bb555067a504811cf282719e654f9e3a5a344f9', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
+            } }))) : null, paginatorTop && (index.h("div", { key: '8def3d666752f25d11eac005ffa3ebc7e383939c', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (index.h(fButton.FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -10451,9 +10451,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: '046551965866a0128eb67895170156f666f69b9b', 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: 'b2b47c379203dc1a446e8cb19a4b6e70d0c803eb', 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: '5e7dfb5a888a43f8518ec505f7f46416ccc39dfe', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), index.h("div", { key: '66e7da35cbe47f798257730f1b0be0eab6b3847c', 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);
@@ -10462,7 +10462,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: '8b6fc9cae625399b94ce673d850e63559866ad3f', 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: '5540f0c04fb316eeb8319b42b3dc12a2b4ec10f0', 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");
@@ -10470,7 +10470,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: '8826b5ce9e48db78fb3c2dc9929c70e7fca7a862', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: 'ff0eeb4982e2955566c83d3eec4b0fcd1fcb5556' }, header)), index.h("tbody", { key: 'dc51f20082d292082ae946bdfbd79fe0c9b27022' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, index.h("thead", { key: '94df99bab0ef892fc8b67ff6c01dff4de7b2e92b', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: '7949b086177d6d2d4a97add85fcaf9585977a9b7' }, header)), index.h("tbody", { key: 'c794c7f3c6af9a50b474cde9250dc454d8ba6992' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -10657,11 +10657,23 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     }
     return somethingChanged;
 }, _KupDataTable_insertNewColumnInVisibleColumnsList = function _KupDataTable_insertNewColumnInVisibleColumnsList(result, afterColumn) {
-    this.visibleColumns = this.getVisibleColumns({
-        includeCodVer: true,
-    }).map((col) => col.name);
     if (typeof result !== 'string') {
-        if (this.visibleColumns.findIndex((c) => c === result.name) < 0) {
+        // Check if dataTable has visible columns
+        const dataTableHasVisibleColumns = this.visibleColumns && this.visibleColumns.length > 0;
+        // - If dataTableHasVisibleColumns is true:
+        // return every col.name without filterings
+        // - If dataTableHasVisibleColumns is false:
+        // result column is filtered out because it is already inserted in the data
+        // and will make resultColumnIndexNotFound false, not adding the column
+        this.visibleColumns = this.getVisibleColumns({
+            includeCodVer: true,
+        }).map((col) => {
+            if (dataTableHasVisibleColumns || col.name !== result.name) {
+                return col.name;
+            }
+        });
+        const resultColumnIndexNotFound = this.visibleColumns.findIndex((c) => c === result.name) < 0;
+        if (resultColumnIndexNotFound) {
             __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").debug.logMessage(this, 'New column [' +
                 result.name +
                 '] not present in visibleColumns!', kupManager$2.KupDebugCategory.WARNING);

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-2e0a7a26.js');
-const kupDataTableHelper = require('./kup-data-table-helper-c04ab7a9.js');
+const kupManager = require('./kup-manager-8a2eb175.js');
+const kupDataTableHelper = require('./kup-data-table-helper-8ff2d35e.js');
 const fImage = require('./f-image-5a33fd05.js');
-const fChip = require('./f-chip-973b22de.js');
+const fChip = require('./f-chip-0f6c163f.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fCell = require('./f-cell-452d8a39.js');
-const fPaginatorUtils = require('./f-paginator-utils-bc66522f.js');
+const fCell = require('./f-cell-34af9b5c.js');
+const fPaginatorUtils = require('./f-paginator-utils-85d4a027.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-43d986c5.js');
-require('./f-text-field-cc70132b.js');
+require('./f-object-field-51d22c3c.js');
+require('./f-text-field-dd61a24a.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-2e0a7a26.js');
+const kupManager = require('./kup-manager-8a2eb175.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-9aca7812.js');
-const fChip = require('./f-chip-973b22de.js');
+const fChip = require('./f-chip-0f6c163f.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-2e0a7a26.js');
+const kupManager = require('./kup-manager-8a2eb175.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-2ff08e4f.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-2e0a7a26.js');
+const kupManager = require('./kup-manager-8a2eb175.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-9aca7812.js');
-const fCell = require('./f-cell-452d8a39.js');
+const fCell = require('./f-cell-34af9b5c.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-973b22de.js');
-require('./f-object-field-43d986c5.js');
-require('./f-text-field-cc70132b.js');
+require('./f-chip-0f6c163f.js');
+require('./f-object-field-51d22c3c.js');
+require('./f-text-field-dd61a24a.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-cc70132b.js');
+const fTextField = require('./f-text-field-dd61a24a.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
-const kupManager = require('./kup-manager-2e0a7a26.js');
+const kupManager = require('./kup-manager-8a2eb175.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-c04ab7a9.js → kup-data-table-helper-8ff2d35e.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const kupManager = require('./kup-manager-2e0a7a26.js');
+const kupManager = require('./kup-manager-8a2eb175.js');
 const kupDates = require('./kup-dates-2ff08e4f.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-2e0a7a26.js');
+const kupManager = require('./kup-manager-8a2eb175.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-2ff08e4f.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-2e0a7a26.js');
+const kupManager = require('./kup-manager-8a2eb175.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-2ff08e4f.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-2e0a7a26.js');
+const kupManager = require('./kup-manager-8a2eb175.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const kupDates = require('./kup-dates-2ff08e4f.js');
 

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

@@ -6,7 +6,7 @@ const index = require('./index-c7d441d8.js');
 const fButton = require('./f-button-9aca7812.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 const fImage = require('./f-image-5a33fd05.js');
-const kupManager = require('./kup-manager-2e0a7a26.js');
+const kupManager = require('./kup-manager-8a2eb175.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-2ff08e4f.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-2e0a7a26.js');
+const kupManager = require('./kup-manager-8a2eb175.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-2ff08e4f.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-2e0a7a26.js');
+const kupManager = require('./kup-manager-8a2eb175.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-2ff08e4f.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-2e0a7a26.js');
+const kupManager = require('./kup-manager-8a2eb175.js');
 require('./kup-dates-2ff08e4f.js');
 
 /**

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

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
 const fButton = require('./f-button-9aca7812.js');
-const fCell = require('./f-cell-452d8a39.js');
-const kupManager = require('./kup-manager-2e0a7a26.js');
+const fCell = require('./f-cell-34af9b5c.js');
+const kupManager = require('./kup-manager-8a2eb175.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
 const fTypography = require('./f-typography-85d8238a.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-5a33fd05.js');
 require('./f-checkbox-a3461c4d.js');
-require('./f-chip-973b22de.js');
-require('./f-object-field-43d986c5.js');
-require('./f-text-field-cc70132b.js');
+require('./f-chip-0f6c163f.js');
+require('./f-object-field-51d22c3c.js');
+require('./f-text-field-dd61a24a.js');
 require('./kup-dates-2ff08e4f.js');
 require('./component-a6dd6c14.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-2e0a7a26.js');
+const kupManager = require('./kup-manager-8a2eb175.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-2ff08e4f.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-2e0a7a26.js');
+const kupManager = require('./kup-manager-8a2eb175.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 const fImage = require('./f-image-5a33fd05.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');

package/dist/cjs/{kup-manager-2e0a7a26.js → kup-manager-8a2eb175.js}

@@ -9289,7 +9289,7 @@ function newColumnFromMath(dataset, operation, columns, title) {
             .toString();
         cells[newName] = Object.assign(Object.assign({}, base), { displayedValue: null, obj: Object.assign(Object.assign({}, newObj), { k: value }), value: value });
     });
-    const newColumn = Object.assign(Object.assign({}, firstColumn), { name: newName, title: title ? title : newTitle, obj: newObj, resultOf: formula });
+    const newColumn = Object.assign(Object.assign({}, firstColumn), { name: newName, title: title ? title : newTitle, obj: newObj !== null && newObj !== void 0 ? newObj : { t: '', p: '', k: '' }, resultOf: formula, visible: true });
     dataset.columns.splice(dataset.columns.indexOf(firstColumn) + 1, 0, newColumn);
     return newColumn;
 }

package/dist/cjs/kup-nav-bar.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-2e0a7a26.js');
+const kupManager = require('./kup-manager-8a2eb175.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-2ff08e4f.js');