@sme.up/ketchup 10.4.9 → 10.4.11

package/dist/components/{p-8359b10a.js → p-0b0a24a5.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h as h$1, d as Host, F as Fragment$1 } from './p-ef8cbd35.js';
-import { b as KupThemeIconValues, I as ItemsDisplayMode, e as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, d as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, c as KupThemeColorValues, C as CHIAdapter, R as RADAdapter, j as CMBandACPAdapter, l as KupTagNames, m as FCellShapes, n as getCellValueForDisplay, o as fullWidthFieldsComps, p as autoCenterComps, q as FCellEvents, r as isForceUppercase, t as isForceLowercase, u as KupDebugCategory, v as adaptContentToDisplayMode, w as FCellPadding, x as fillString, y as KupCardBuiltInClockElements, z as KupCardCSSClasses, A as KupLanguageTotals, B as KupLanguageColumn, D as KupDataNewColumnTypes, E as KupCardSubEvents, G as KupCardIds, H as KupLanguageRow, J as KupLanguageSearch, L as getColumnByName, M as KupObjects, N as formatToNumber, O as Filters, P as getValueForDisplay, Q as getValueForDisplay2, S as KupData, T as compareCell, U as TotalMode, V as getRegExpFromString, W as CHKAdapter, X as SWTAdapter, Y as SortMode, Z as GroupLabelDisplayMode, _ as SelectionMode, $ as KupLanguageGrouping, a0 as KupLanguageCheckbox, a1 as extractColumnsFromFormulaString, a2 as FILTER_ANALYZER, a3 as KupLanguagePage, a4 as addColumnValueFromRow, a5 as KupGlobalFilterMode, g as getProps, s as setProps, a6 as TotalLabel, a7 as isNegativeNumber, a8 as KupPointerEventTypes, a9 as kupDynamicPositionAttribute, aa as identify, ab as KupListProps, ac as KupCardFamily, ad as KupListRole, ae as KupLanguageUpload, af as LoadMoreMode, ag as PaginatorPos, ah as ShowGrid, ai as kupDraggableColumnAttr, aj as kupDragActiveAttr, ak as KupDragEffect, al as kupDraggableCellAttr, am as KupDropEventTypes, an as DataTableAreasEnum, ao as TypesToDuplicate, ap as FixedCellsClasses, aq as FixedCellsCSSVarsBase, ar as KupLanguageFontsize, as as KupLanguageDensity, at as KupLanguageGrid, au as KupDataTableProps, av as UseAsValue, aw as iconColumn, ax as keyColumn, ay as fieldColumn, az as getSizeOfInputElement, aA as KupCardProps } from './p-64e94968.js';
+import { b as KupThemeIconValues, I as ItemsDisplayMode, e as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, d as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, c as KupThemeColorValues, C as CHIAdapter, R as RADAdapter, j as CMBandACPAdapter, l as KupTagNames, m as FCellShapes, n as getCellValueForDisplay, o as fullWidthFieldsComps, p as autoCenterComps, q as FCellEvents, r as isForceUppercase, t as isForceLowercase, u as KupDebugCategory, v as adaptContentToDisplayMode, w as FCellPadding, x as fillString, y as KupCardBuiltInClockElements, z as KupCardCSSClasses, A as KupLanguageTotals, B as KupLanguageColumn, D as KupDataNewColumnTypes, E as KupCardSubEvents, G as KupCardIds, H as KupLanguageRow, J as KupLanguageSearch, L as getColumnByName, M as KupObjects, N as formatToNumber, O as Filters, P as getValueForDisplay, Q as getValueForDisplay2, S as KupData, T as compareCell, U as TotalMode, V as getRegExpFromString, W as CHKAdapter, X as SWTAdapter, Y as SortMode, Z as GroupLabelDisplayMode, _ as SelectionMode, $ as KupLanguageGrouping, a0 as KupLanguageCheckbox, a1 as extractColumnsFromFormulaString, a2 as FILTER_ANALYZER, a3 as KupLanguagePage, a4 as addColumnValueFromRow, a5 as KupGlobalFilterMode, g as getProps, s as setProps, a6 as TotalLabel, a7 as isNegativeNumber, a8 as KupPointerEventTypes, a9 as kupDynamicPositionAttribute, aa as identify, ab as KupListProps, ac as KupCardFamily, ad as KupListRole, ae as KupLanguageUpload, af as LoadMoreMode, ag as PaginatorPos, ah as ShowGrid, ai as kupDraggableColumnAttr, aj as kupDragActiveAttr, ak as KupDragEffect, al as kupDraggableCellAttr, am as KupDropEventTypes, an as DataTableAreasEnum, ao as TypesToDuplicate, ap as FixedCellsClasses, aq as FixedCellsCSSVarsBase, ar as KupLanguageFontsize, as as KupLanguageDensity, at as KupLanguageGrid, au as KupDataTableProps, av as UseAsValue, aw as iconColumn, ax as keyColumn, ay as fieldColumn, az as getSizeOfInputElement, aA as KupCardProps } from './p-118fa840.js';
 import { h, g as getAssetPath, F as Fragment } from './p-3aae989f.js';
 import { c as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './p-d7365aa4.js';
 
@@ -5349,7 +5349,7 @@ const FCell = (props, children) => {
     }
     else if (cell.data && kupTypes.includes(cellType)) {
         if (props.setSizes) {
-            setCellSizeKup(cellType, subcomponentProps, cell);
+            setCellSizeKup(cellType, subcomponentProps, cell, column);
         }
         if (!props.renderKup) {
             const lazyClass = 'cell-' + cellType + ' placeholder';
@@ -5453,7 +5453,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();
     }
@@ -5648,12 +5650,15 @@ function setCellSize(cellType, subcomponentProps, cell, props) {
             break;
     }
 }
-function setCellSizeKup(cellType, subcomponentProps, cell) {
+function setCellSizeKup(cellType, subcomponentProps, cell, column) {
     switch (cellType) {
         case FCellTypes.BAR:
             if (!subcomponentProps.sizeY) {
                 subcomponentProps.sizeY = '26px';
             }
+            if (!subcomponentProps.sizeX && column.size) {
+                subcomponentProps.sizeX = column.size;
+            }
             break;
         case FCellTypes.BUTTON:
             let height = '';
@@ -7871,7 +7876,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";
@@ -8363,7 +8368,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++) {
@@ -8396,17 +8401,17 @@ function create8$2(component) {
             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) ? (h("div", { class: "top" },
                     textArray[0] ? (h("div", { class: "title" },
                         h("span", { class: `label ${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) ? (h("div", { class: "buttons" },
                         buttonsIds.includes(KupColumnMenuIds.BUTTON_OPEN_IN_NEW) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
                             KupColumnMenuIds.BUTTON_OPEN_IN_NEW)))) : null,
-                        buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
-                            KupColumnMenuIds.BUTTON_SEARCH)))) : null,
+                        buttonsIds.includes(KupColumnMenuIds.BUTTON_PREVIEW) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
+                            KupColumnMenuIds.BUTTON_PREVIEW)))) : null,
                         buttonsIds.includes(KupColumnMenuIds.BUTTON_COPY_OBJ) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
                             KupColumnMenuIds.BUTTON_COPY_OBJ)))) : null)) : null)) : null,
                 sectionOneArray[1] && sectionOneArray[2] ? (h("div", { class: "info" },
@@ -9599,15 +9604,15 @@ function create14(component) {
             h("div", { class: "sub-1" },
                 textArray[0] ||
                     buttonsIds.includes(KupColumnMenuIds.BUTTON_OPEN_IN_NEW) ||
-                    buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ? (h("div", { class: "top" },
+                    buttonsIds.includes(KupColumnMenuIds.BUTTON_PREVIEW) ? (h("div", { class: "top" },
                     textArray[0] ? (h("div", { class: "title" },
                         h("span", { class: `label ${KupCardCSSClasses.CLICKABLE_LINK}`, id: "title-link" }, textArray[0]))) : null,
                     buttonsIds.includes(KupColumnMenuIds.BUTTON_OPEN_IN_NEW) ||
-                        buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ? (h("div", { class: "buttons" },
+                        buttonsIds.includes(KupColumnMenuIds.BUTTON_PREVIEW) ? (h("div", { class: "buttons" },
                         buttonsIds.includes(KupColumnMenuIds.BUTTON_OPEN_IN_NEW) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
                             KupColumnMenuIds.BUTTON_OPEN_IN_NEW)))) : null,
-                        buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
-                            KupColumnMenuIds.BUTTON_SEARCH)))) : null)) : null)) : null,
+                        buttonsIds.includes(KupColumnMenuIds.BUTTON_PREVIEW) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
+                            KupColumnMenuIds.BUTTON_PREVIEW)))) : null)) : null)) : null,
                 textArray[1] && textArray[2] ? (h("div", { class: "info" },
                     h("span", { class: "label" }, textArray[1]),
                     h("span", { class: "value" }, textArray[2]))) : null,
@@ -9717,7 +9722,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++) {
@@ -9749,17 +9754,17 @@ function create15(component) {
             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) ? (h("div", { class: "top" },
                     textArray[0] ? (h("div", { class: "title" },
                         h("span", { class: `label ${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) ? (h("div", { class: "buttons" },
                         buttonsIds.includes(KupColumnMenuIds.BUTTON_OPEN_IN_NEW) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
                             KupColumnMenuIds.BUTTON_OPEN_IN_NEW)))) : null,
-                        buttonsIds.includes(KupColumnMenuIds.BUTTON_SEARCH) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
-                            KupColumnMenuIds.BUTTON_SEARCH)))) : null,
+                        buttonsIds.includes(KupColumnMenuIds.BUTTON_PREVIEW) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
+                            KupColumnMenuIds.BUTTON_PREVIEW)))) : null,
                         buttonsIds.includes(KupColumnMenuIds.BUTTON_COPY_OBJ) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
                             KupColumnMenuIds.BUTTON_COPY_OBJ)))) : null)) : null)) : null,
                 sectionOneArray[1] && sectionOneArray[2] ? (h("div", { class: "info" },
@@ -26037,7 +26042,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         __classPrivateFieldSet$2(this, _KupDataTable_sizedColumns, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
         let rows = null;
         if (__classPrivateFieldGet$3(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h$1("tr", { key: '5af3b5bbddd72dcda17ff381d61f932fb27c8032', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '9f1cc1d0808329c7d4f2895e382bfe905c05aa81', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h$1("tr", { key: 'f73bbd1001ed6b363be55bbc67b59e46cf7188a0', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '6cab0f826c59b56e8d403af42bfc8fddd3360fbf', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -26113,7 +26118,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                         __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_handleChipsContextMenu).call(this, chipArg.id, e);
                     });
                 }
-                groupChips = h$1(FChip, Object.assign({ key: '0afbe37c45826c571290d584a50d6f247ed2c24e' }, props));
+                groupChips = h$1(FChip, Object.assign({ key: '7da663ef4cef8718ef04ea07bf811ab02045654e' }, props));
             }
         }
         const tableClass = {
@@ -26145,7 +26150,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h$1("sticky-header", { key: 'e62c7b8a4f14798fa748e89c1ebb1e53e4d2d1b4', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: 'b00940904b9dd3f163dfc0a7420ec9ebe321ea16' }, h$1("tr-sticky", { key: '45e8a9f3b89fded211707b6e894d62c4781b98bb' }, stickyHeader))));
+            stickyEl = (h$1("sticky-header", { key: '8a3ec36ccd3bda0fd410fb254562b1137d47a0b9', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: '3742dcf885e929de7ece61bdd36da6a92eeadfa1' }, h$1("tr-sticky", { key: 'eedc45f2842d23ca2463475610ad6d1f3a18c4f6' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -26191,7 +26196,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet$3(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (h$1(Host, { key: '849919cbff79e9140a7bb6e1068557c055fb4936', "onKup-drop": (e) => {
+        const compCreated = (h$1(Host, { key: '462221f47de7414ca213f1931a3efa74f4fb94fe', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -26210,11 +26215,11 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h$1("style", { key: '484caa276e09bf7840399c1bee9aa68f5a5cd1a6' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h$1("div", { key: 'fcb5ef491b41dc38fa88749dce546e331c089001', id: componentWrapperId, class: wrapClass }, h$1("div", { key: 'ac8383cbe45ef36ab0b0424c6c5c5514bbccafb5', class: "group-wrapper" }, groupChips), h$1("div", { key: 'a1ef43847a9d3e1c768973a53b34b9b5dcf2c7ac', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h$1("div", { id: "global-filter" }, h$1(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, h$1("style", { key: '92c31f956041b6c4760134acf0dd45657a8c9c25' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h$1("div", { key: '3ef406f5d8d1037c62dec0ae48ffa2e39f4336a8', id: componentWrapperId, class: wrapClass }, h$1("div", { key: '0fa9ebb0f82075226c2a7702f6cabbef6c2b3c2c', class: "group-wrapper" }, groupChips), h$1("div", { key: '8b9f9ce60e17a81c56dc21601bace1ffc920c9c8', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h$1("div", { id: "global-filter" }, h$1(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$3(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$2(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, paginatorTop && (h$1("div", { key: '8bb555067a504811cf282719e654f9e3a5a344f9', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
+            } }))) : null, paginatorTop && (h$1("div", { key: '8def3d666752f25d11eac005ffa3ebc7e383939c', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h$1(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -26264,9 +26269,9 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h$1("div", { key: '046551965866a0128eb67895170156f666f69b9b', class: "droparea", ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h$1("div", { key: 'b2b47c379203dc1a446e8cb19a4b6e70d0c803eb', class: "droparea", ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h$1("div", { key: '5e7dfb5a888a43f8518ec505f7f46416ccc39dfe', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h$1("div", { key: '66e7da35cbe47f798257730f1b0be0eab6b3847c', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h$1("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -26275,7 +26280,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                     } }, h$1(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h$1("table", { key: '8b6fc9cae625399b94ce673d850e63559866ad3f', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$3(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
+            : null, h$1("table", { key: '5540f0c04fb316eeb8319b42b3dc12a2b4ec10f0', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$3(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$2(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -26283,7 +26288,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 __classPrivateFieldSet$2(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h$1("thead", { key: '8826b5ce9e48db78fb3c2dc9929c70e7fca7a862', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: 'ff0eeb4982e2955566c83d3eec4b0fcd1fcb5556' }, header)), h$1("tbody", { key: 'dc51f20082d292082ae946bdfbd79fe0c9b27022' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h$1("thead", { key: '94df99bab0ef892fc8b67ff6c01dff4de7b2e92b', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: '7949b086177d6d2d4a97add85fcaf9585977a9b7' }, header)), h$1("tbody", { key: 'c794c7f3c6af9a50b474cde9250dc454d8ba6992' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -26592,11 +26597,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$3(this, _KupDataTable_kupManager, "f").debug.logMessage(this, 'New column [' +
                 result.name +
                 '] not present in visibleColumns!', KupDebugCategory.WARNING);

package/dist/components/{p-64e94968.js → p-118fa840.js}

@@ -9288,7 +9288,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/components/{p-69425921.js → p-30d33a81.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './p-64e94968.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u } from './p-8359b10a.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './p-118fa840.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u } from './p-0b0a24a5.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './p-0462f723.js';
 
 var toastuiEditor = {exports: {}};

package/dist/components/{p-bddae662.js → p-3353919d.js}

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

package/dist/components/{p-6d5f0117.js → p-4a62a8d7.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host, g as getAssetPath } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, c as KupThemeColorValues, u as KupDebugCategory, L as getColumnByName, D as KupDataNewColumnTypes } from './p-64e94968.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u } from './p-8359b10a.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, c as KupThemeColorValues, u as KupDebugCategory, L as getColumnByName, D as KupDataNewColumnTypes } from './p-118fa840.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u } from './p-0b0a24a5.js';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -84690,7 +84690,7 @@ const KupEchart = /*@__PURE__*/ proxyCustomElement(class KupEchart extends H {
             '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
             '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
         };
-        return (h(Host, { key: '90763d03af943757a43395254643ac23b3316b91', style: style }, h("style", { key: '16da41fb5f188e0dd74fd2ef258e9398820c995a' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'a5365416fc15bfd4d40549c15737c926b916d987', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
+        return (h(Host, { key: 'ee4d5709d66552bb8922d9fb1967ba32185b7051', style: style }, h("style", { key: '9684ebc783c37de3da380a036c5fc6f84016bf3e' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '86eab75fec62dd2cd1a205ba6fac8bf91b3f8399', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
     }
     disconnectedCallback() {
         var _a;
@@ -84804,6 +84804,13 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
         else if (__classPrivateFieldGet(this, _KupEchart_sortedDataset, "f") && e.seriesType === 'bar') {
             row = __classPrivateFieldGet(this, _KupEchart_sortedDataset, "f").rows[e.dataIndex];
         }
+        else if (e.seriesType === 'pie') {
+            // Data are grouped than i need to return a right row not obtained by using dataIndex.
+            row = structuredClone(this.data.rows.find((r) => { var _a; return ((_a = r.cells[this.axis]) === null || _a === void 0 ? void 0 : _a.value) === e.name; }));
+            // I need to set the value of the cell related to the series, by using the value calculated
+            // inside #setPieOptions method
+            row.cells[this.series[0]].obj.k = row.cells[this.series[0]].value = e.value.toString();
+        }
         else if (!Array.isArray(e.data)) {
             row = this.data.rows[e.dataIndex];
         }
@@ -85776,6 +85783,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
                 data: __classPrivateFieldGet(this, _KupEchart_kupManager, "f").math.normalDistribution(values),
                 label: {
                     show: this.showMarks,
+                    formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
                 },
                 name: key,
                 showSymbol: false,
@@ -85791,6 +85799,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
                 data: values,
                 label: {
                     show: this.showMarks,
+                    formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
                 },
                 name: key,
                 stack: this.stacked ? 'total' : undefined,
@@ -85803,6 +85812,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
                 data: values,
                 label: {
                     show: this.showMarks,
+                    formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
                 },
                 name: key,
                 type: 'scatter',
@@ -85815,6 +85825,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
                 data: values.map((value) => __classPrivateFieldGet(this, _KupEchart_kupManager, "f").math.numberifySafe(value)),
                 label: {
                     show: this.showMarks,
+                    formatter: (params) => __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value),
                 },
                 name: key,
                 type: 'line',
@@ -85923,14 +85934,14 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
     */
     const renamedSeries = series.map((s) => (Object.assign(Object.assign({}, s), { name: this.data.columns.find((col) => col.name === s.name).title })));
     const yAxis = (multipleYAxes === null || multipleYAxes === void 0 ? void 0 : multipleYAxes.length) === renamedSeries.length
-        ? Array.from({ length: renamedSeries.length }, (_el, i) => (Object.assign(Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: {
-                formatter: axisLabelFormatter,
-            }, min: this.axisYMin, max: this.axisYMax, offset: Math.floor(i / 2) * 60 }), this.yAxis), { splitLine: i === 0
+        ? Array.from({ length: renamedSeries.length }, (_el, i) => (Object.assign(Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: Object.assign({}, (isHorizontal
+                ? {}
+                : { formatter: axisLabelFormatter })), min: this.axisYMin, max: this.axisYMax, offset: Math.floor(i / 2) * 60 }), this.yAxis), { splitLine: i === 0
                 ? __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this).splitLine
                 : { show: false } })))
-        : Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: {
-                formatter: axisLabelFormatter,
-            }, min: this.axisYMin, max: this.axisYMax }), this.yAxis);
+        : Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: Object.assign({}, (isHorizontal
+                ? {}
+                : { formatter: axisLabelFormatter })), min: this.axisYMin, max: this.axisYMax }), this.yAxis);
     return {
         color,
         legend: __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setLegend).call(this, y),
@@ -85939,7 +85950,9 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
         tooltip: Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setTooltip).call(this)), { trigger: 'item', formatter: (params) => {
                 return `<b>${params.name}</b><br/>${params.seriesName}: <b>${__classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value)}</b>`;
             } }),
-        xAxis: Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? undefined : x, type: isHorizontal ? 'value' : 'category', axisLabel: Object.assign({ formatter: axisLabelFormatter }, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_buildResponsiveAxisLabel).call(this, x)) }), this.xAxis),
+        xAxis: Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? undefined : x, type: isHorizontal ? 'value' : 'category', axisLabel: Object.assign(Object.assign({}, (isHorizontal
+                ? { formatter: axisLabelFormatter }
+                : {})), __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_buildResponsiveAxisLabel).call(this, x)) }), this.xAxis),
         yAxis,
         grid: { show: true, containLabel: true },
     };

package/dist/components/{p-fa3c07b8.js → p-984fea54.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, aa as identify, g as getProps, s as setProps, Y as SortMode, L as getColumnByName, e as KupLanguageGeneric, b as KupThemeIconValues, u as KupDebugCategory, a8 as KupPointerEventTypes, ak as KupDragEffect, aB as kupDraggableAttr, am as KupDropEventTypes, J as KupLanguageSearch } from './p-64e94968.js';
-import { I as filterRows, J as paginateRows, G as sortRows, L as pageChange, N as rowsPerPageChange, F as FImage, O as FCell, P as FChip, Q as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u, R as FPaginator } from './p-8359b10a.js';
+import { k as kupManagerInstance, aa as identify, g as getProps, s as setProps, Y as SortMode, L as getColumnByName, e as KupLanguageGeneric, b as KupThemeIconValues, u as KupDebugCategory, a8 as KupPointerEventTypes, ak as KupDragEffect, aB as kupDraggableAttr, am as KupDropEventTypes, J as KupLanguageSearch } from './p-118fa840.js';
+import { I as filterRows, J as paginateRows, G as sortRows, L as pageChange, N as rowsPerPageChange, F as FImage, O as FCell, P as FChip, Q as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u, R as FPaginator } from './p-0b0a24a5.js';
 
 /**
  * Props of the kup-box component.

package/dist/esm/{f-cell-9353dd77.js → f-cell-6428839d.js}

@@ -1,11 +1,11 @@
 import { h, F as Fragment } from './index-9b0f4a0d.js';
-import { ar as editableTypes, as as kupTypes, U as FCellClasses, ae as FCellTypes, f as KupThemeColorValues, ap as CHIAdapter, an as RADAdapter, am as CMBandACPAdapter, at as KupTagNames, F as FCellShapes, aj as getCellValueForDisplay, a as KupComponentSizing, au as fullWidthFieldsComps, I as ItemsDisplayMode, av as autoCenterComps, aw as adaptContentToDisplayMode, ax as FCellEvents, ay as isForceUppercase, az as isForceLowercase, h as KupDebugCategory } from './kup-manager-75b947f4.js';
+import { ar as editableTypes, as as kupTypes, U as FCellClasses, ae as FCellTypes, f as KupThemeColorValues, ap as CHIAdapter, an as RADAdapter, am as CMBandACPAdapter, at as KupTagNames, F as FCellShapes, aj as getCellValueForDisplay, a as KupComponentSizing, au as fullWidthFieldsComps, I as ItemsDisplayMode, av as autoCenterComps, aw as adaptContentToDisplayMode, ax as FCellEvents, ay as isForceUppercase, az as isForceLowercase, h as KupDebugCategory } from './kup-manager-2538de17.js';
 import { F as FButton } from './f-button-3e022953.js';
 import { F as FCheckbox } from './f-checkbox-9912e1a4.js';
-import { F as FChipType, d as FChip } from './f-chip-f9277fd9.js';
+import { F as FChipType, d as FChip } from './f-chip-19922fc0.js';
 import { F as FImage } from './f-image-40b4e64b.js';
-import { F as FObjectField } from './f-object-field-e797f627.js';
-import { F as FTextField } from './f-text-field-f2cd4df1.js';
+import { F as FObjectField } from './f-object-field-6e450be4.js';
+import { F as FTextField } from './f-text-field-12ece8b0.js';
 
 var FRadioType;
 (function (FRadioType) {
@@ -452,7 +452,7 @@ const FCell = (props, children) => {
     }
     else if (cell.data && kupTypes.includes(cellType)) {
         if (props.setSizes) {
-            setCellSizeKup(cellType, subcomponentProps, cell);
+            setCellSizeKup(cellType, subcomponentProps, cell, column);
         }
         if (!props.renderKup) {
             const lazyClass = 'cell-' + cellType + ' placeholder';
@@ -556,7 +556,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();
     }
@@ -751,12 +753,15 @@ function setCellSize(cellType, subcomponentProps, cell, props) {
             break;
     }
 }
-function setCellSizeKup(cellType, subcomponentProps, cell) {
+function setCellSizeKup(cellType, subcomponentProps, cell, column) {
     switch (cellType) {
         case FCellTypes.BAR:
             if (!subcomponentProps.sizeY) {
                 subcomponentProps.sizeY = '26px';
             }
+            if (!subcomponentProps.sizeX && column.size) {
+                subcomponentProps.sizeX = column.size;
+            }
             break;
         case FCellTypes.BUTTON:
             let height = '';

package/dist/esm/{f-chip-f9277fd9.js → f-chip-19922fc0.js}

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

package/dist/esm/{f-object-field-e797f627.js → f-object-field-6e450be4.js}

@@ -1,8 +1,8 @@
 import { h } from './index-9b0f4a0d.js';
-import { a as KupComponentSizing, k as kupManagerInstance, e as KupDynamicPositionPlacement } from './kup-manager-75b947f4.js';
+import { a as KupComponentSizing, k as kupManagerInstance, e as KupDynamicPositionPlacement } from './kup-manager-2538de17.js';
 import { F as FButton } from './f-button-3e022953.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
-import { F as FTextField } from './f-text-field-f2cd4df1.js';
+import { F as FTextField } from './f-text-field-12ece8b0.js';
 
 const STATE = new WeakMap();
 const FObjectField = (props) => {

package/dist/esm/{f-paginator-utils-29fcddb4.js → f-paginator-utils-50d88733.js}

@@ -1,5 +1,5 @@
 import { h } from './index-9b0f4a0d.js';
-import { I as ItemsDisplayMode, aA as KupLanguagePage, t as KupLanguageRow, a as KupComponentSizing, b as KupLanguageGeneric } from './kup-manager-75b947f4.js';
+import { I as ItemsDisplayMode, aA as KupLanguagePage, t as KupLanguageRow, a as KupComponentSizing, b as KupLanguageGeneric } from './kup-manager-2538de17.js';
 import { F as FButton } from './f-button-3e022953.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 

package/dist/esm/{f-text-field-f2cd4df1.js → f-text-field-12ece8b0.js}

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

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { K as KupManager } from './kup-manager-75b947f4.js';
+import { K as KupManager } from './kup-manager-2538de17.js';
 import './kup-dates-bf500166.js';
 import './index-9b0f4a0d.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, d as KupThemeIconValues, f as KupThemeColorValues, e as KupDynamicPositionPlacement } from './kup-manager-75b947f4.js';
+import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, d as KupThemeIconValues, f as KupThemeColorValues, e as KupDynamicPositionPlacement } from './kup-manager-2538de17.js';
 import { F as FImage } from './f-image-40b4e64b.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { M as MDCRipple } from './component-a35bc7f1.js';

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, F as Fragment, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, h as KupDebugCategory, aj as getCellValueForDisplay } from './kup-manager-75b947f4.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, h as KupDebugCategory, aj as getCellValueForDisplay } from './kup-manager-2538de17.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FImage } from './f-image-40b4e64b.js';
-import { s as sortRows } from './kup-data-table-helper-4c4da1ec.js';
+import { s as sortRows } from './kup-data-table-helper-e006ef28.js';
 import './kup-dates-bf500166.js';
 
 var KupActivityTimelineProps;