@sme.up/ketchup 11.0.7 → 11.0.9

package/dist/collection/components/kup-data-table/kup-data-table.js

@@ -14,7 +14,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _KupDataTable_instances, _KupDataTable_checkUpdateState, _KupDataTable_initialized, _KupDataTable_cellToFocus, _KupDataTable_rows, _KupDataTable_rowsLength, _KupDataTable_paginatedRows, _KupDataTable_paginatedRowsLength, _KupDataTable_footer, _KupDataTable_kupManager, _KupDataTable_renderedRows, _KupDataTable_loadMoreEventCounter, _KupDataTable_loadMoreEventPreviousQuantity, _KupDataTable_theadRef, _KupDataTable_tableRef, _KupDataTable_originalData, _KupDataTable_originalDataLoaded, _KupDataTable_originalDataLoadedMaxId, _KupDataTable_insertedRowIds, _KupDataTable_modifiedRowsIds, _KupDataTable_tableAreaRef, _KupDataTable_stickyTheadRef, _KupDataTable_lastPointerDetails, _KupDataTable_customizeTopButtonRef, _KupDataTable_customizeTopPanelRef, _KupDataTable_sizedColumns, _KupDataTable_intObserver, _KupDataTable_navBarHeight, _KupDataTable_theadIntersecting, _KupDataTable_tableIntersecting, _KupDataTable_isSafariBrowser, _KupDataTable_isRestoringState, _KupDataTable_globalFilterTimeout, _KupDataTable_totalMenuCoords, _KupDataTable_clickTimeout, _KupDataTable_thRefs, _KupDataTable_rowsRefs, _KupDataTable_oldWidth, _KupDataTable_hold, _KupDataTable_interactableDrag, _KupDataTable_interactableDrop, _KupDataTable_interactableResize, _KupDataTable_interactableTouch, _KupDataTable_dropareaRef, _KupDataTable_removeDropareaRef, _KupDataTable_groupsDropareaRef, _KupDataTable_clickCb, _KupDataTable_clickCbCustomPanel, _KupDataTable_clickCbDropCard, _KupDataTable_resizeTimeout, _KupDataTable_columnMenuInstance, _KupDataTable_filtersColumnMenuInstance, _KupDataTable_filtersRowsInstance, _KupDataTable_detailCard, _KupDataTable_insertCard, _KupDataTable_actionsCard, _KupDataTable_confirmDeleteCard, _KupDataTable_confirmDeleteDialog, _KupDataTable_columnMenuCard, _KupDataTable_columnDropCard, _KupDataTable_columnDropCardAnchor, _KupDataTable_dropDownActionCardAnchor, _KupDataTable_insertCount, _KupDataTable_lastFocusedColumn, _KupDataTable_lastFocusedCell, _KupDataTable_lastFocusedRow, _KupDataTable_maxRowsPerPage, _KupDataTable_readyPromise, _KupDataTable_readyResolve, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, _KupDataTable_insertNewColumnInVisibleColumnsList, _KupDataTable_closeDropCard, _KupDataTable_createDropCard, _KupDataTable_calculateData, _KupDataTable_getRow, _KupDataTable__getRow, _KupDataTable_getTransposedData, _KupDataTable_setTransposedData, _KupDataTable_stickyHeaderPosition, _KupDataTable_updateStickyHeaderSize, _KupDataTable_setObserver, _KupDataTable_didLoadInteractables, _KupDataTable_didRenderInteractables, _KupDataTable_didLoadObservers, _KupDataTable_didRenderObservers, _KupDataTable_didLoadEventHandling, _KupDataTable_scrollStickyHeader, _KupDataTable_checkScrollOnHover, _KupDataTable_customizePanelPosition, _KupDataTable_rowsPointLength, _KupDataTable_paginatedRowsPointLength, _KupDataTable__rowsLength, _KupDataTable_resetSelectedRows, _KupDataTable_getSizedColumns, _KupDataTable_rowDetail, _KupDataTable_dropDownActions, _KupDataTable_createDropDownActionsCard, _KupDataTable_clearSearchActionsCard, _KupDataTable_filterRowActionsCard, _KupDataTable_closeRowActionsCard, _KupDataTable_closeColumnMenuCard, _KupDataTable_prepareDataForActionsCard, _KupDataTable_rowInsertForm, _KupDataTable_rowsDelete, _KupDataTable_getEventDetails, _KupDataTable_getEventDetailsForCurrentSelection, _KupDataTable_getSourceElementCoordsForCurrentSelection, _KupDataTable_clickHandler, _KupDataTable_cellActionsMenuHandler, _KupDataTable_contextMenuHandler, _KupDataTable_tooltipRequestHandler, _KupDataTable_contextMenuHandlerDetailsManager, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_copyCellValueInColumnHandler, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_getCellEditability, _KupDataTable_composeFixedCellStyleAndClass, _KupDataTable_updateFixedRowsAndColumnsCssVariables, _KupDataTable_horNav, _KupDataTable_verNav, _KupDataTable_onKupKeyDown, _KupDataTable_onColumnSort, _KupDataTable_onRemoveFilter, _KupDataTable_getFilterValueForTooltip, _KupDataTable_onGlobalFilterChange, _KupDataTable_handlePageChange, _KupDataTable_handleRowsPerPageChange, _KupDataTable_onRowClick, _KupDataTable_selectColumn, _KupDataTable_deselectColumn, _KupDataTable_onRowActionExpanderClick, _KupDataTable_handleRowSelect, _KupDataTable_onRowExpand, _KupDataTable_onSelectAll, _KupDataTable_openTotalMenu, _KupDataTable_closeTotalMenu, _KupDataTable_isOpenedTotalMenuForColumn, _KupDataTable_groupRows, _KupDataTable_onLoadMoreClick, _KupDataTable_adjustGroupState, _KupDataTable_adjustGroupStateFromRow, _KupDataTable_sortRows, _KupDataTable_getSortIcon, _KupDataTable_getSortDecode, _KupDataTable_calculateColspan, _KupDataTable_isGroupExpanded, _KupDataTable_handleColumnSort, _KupDataTable_moveSortedColumns, _KupDataTable_handleUpdateClick, _KupDataTable_onBlurHandler, _KupDataTable_applyLineBreaks, _KupDataTable_composeHeaderCellClassAndStyle, _KupDataTable_renderHeader, _KupDataTable_renderStickyHeader, _KupDataTable_totalMenuPosition, _KupDataTable_onTotalMenuOpen, _KupDataTable_renderRow, _KupDataTable_onCustomSettingsClick, _KupDataTable_openCustomSettings, _KupDataTable_closeCustomSettings, _KupDataTable_renderPaginator, _KupDataTable_columnRemoveArea, _KupDataTable_columnGroupArea, _KupDataTable_hideShowColumnDropArea, _KupDataTable_handleColumnGroup, _KupDataTable_transcodeItem, _KupDataTable_createListData, _KupDataTable_FONTSIZE_CODES, _KupDataTable_FONTSIZE_DECODES, _KupDataTable_FONTSIZE_ICONS, _KupDataTable_getFontSizeCodeFromDecode, _KupDataTable_renderFontSizePanel, _KupDataTable_DENSITY_DECODES, _KupDataTable_DENSITY_ICONS, _KupDataTable_getDensityCodeFromDecode, _KupDataTable_renderDensityPanel, _KupDataTable_GRID_CODES, _KupDataTable_GRID_DECODES, _KupDataTable_GRID_ICONS, _KupDataTable_getGridCodeFromDecode, _KupDataTable_renderTransposeSwitch, _KupDataTable_renderGridPanel, _KupDataTable_renderCommandButton, _KupDataTable_handleChipsContextMenu, _KupDataTable_renderCommandDropDownButton, _KupDataTable_renderOtherButtons, _KupDataTable_addRowHandler, _KupDataTable_createRowWithInputFields, _KupDataTable_renderUpdateButtons, _KupDataTable_createDeletePayload, _KupDataTable_isRowInserted, _KupDataTable_isRowModified, _KupDataTable_arraysContainSameElements;
+var _KupDataTable_instances, _KupDataTable_checkUpdateState, _KupDataTable_initialized, _KupDataTable_cellToFocus, _KupDataTable_rows, _KupDataTable_rowsLength, _KupDataTable_paginatedRows, _KupDataTable_paginatedRowsLength, _KupDataTable_footer, _KupDataTable_kupManager, _KupDataTable_renderedRows, _KupDataTable_loadMoreEventCounter, _KupDataTable_loadMoreEventPreviousQuantity, _KupDataTable_theadRef, _KupDataTable_tableRef, _KupDataTable_originalData, _KupDataTable_originalDataLoaded, _KupDataTable_originalDataLoadedMaxId, _KupDataTable_insertedRowIds, _KupDataTable_modifiedRowsIds, _KupDataTable_tableAreaRef, _KupDataTable_stickyTheadRef, _KupDataTable_lastPointerDetails, _KupDataTable_customizeTopButtonRef, _KupDataTable_customizeTopPanelRef, _KupDataTable_sizedColumns, _KupDataTable_intObserver, _KupDataTable_navBarHeight, _KupDataTable_theadIntersecting, _KupDataTable_tableIntersecting, _KupDataTable_isSafariBrowser, _KupDataTable_isRestoringState, _KupDataTable_globalFilterTimeout, _KupDataTable_totalMenuCoords, _KupDataTable_clickTimeout, _KupDataTable_thRefs, _KupDataTable_rowsRefs, _KupDataTable_oldWidth, _KupDataTable_hold, _KupDataTable_interactableDrag, _KupDataTable_interactableDrop, _KupDataTable_interactableResize, _KupDataTable_interactableTouch, _KupDataTable_dropareaRef, _KupDataTable_removeDropareaRef, _KupDataTable_groupsDropareaRef, _KupDataTable_clickCb, _KupDataTable_clickCbCustomPanel, _KupDataTable_clickCbDropCard, _KupDataTable_resizeTimeout, _KupDataTable_columnMenuInstance, _KupDataTable_filtersColumnMenuInstance, _KupDataTable_filtersRowsInstance, _KupDataTable_detailCard, _KupDataTable_insertCard, _KupDataTable_actionsCard, _KupDataTable_confirmDeleteCard, _KupDataTable_confirmDeleteDialog, _KupDataTable_columnMenuCard, _KupDataTable_columnDropCard, _KupDataTable_columnDropCardAnchor, _KupDataTable_dropDownActionCardAnchor, _KupDataTable_insertCount, _KupDataTable_lastFocusedColumn, _KupDataTable_lastFocusedCell, _KupDataTable_lastFocusedRow, _KupDataTable_maxRowsPerPage, _KupDataTable_readyPromise, _KupDataTable_readyResolve, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, _KupDataTable_insertNewColumnInVisibleColumnsList, _KupDataTable_closeDropCard, _KupDataTable_createDropCard, _KupDataTable_calculateData, _KupDataTable_getRow, _KupDataTable__getRow, _KupDataTable_getTransposedData, _KupDataTable_setTransposedData, _KupDataTable_stickyHeaderPosition, _KupDataTable_updateStickyHeaderSize, _KupDataTable_setObserver, _KupDataTable_didLoadInteractables, _KupDataTable_didRenderInteractables, _KupDataTable_didLoadObservers, _KupDataTable_didRenderObservers, _KupDataTable_didLoadEventHandling, _KupDataTable_scrollStickyHeader, _KupDataTable_checkScrollOnHover, _KupDataTable_customizePanelPosition, _KupDataTable_rowsPointLength, _KupDataTable_paginatedRowsPointLength, _KupDataTable__rowsLength, _KupDataTable_resetSelectedRows, _KupDataTable_getSizedColumns, _KupDataTable_rowDetail, _KupDataTable_dropDownActions, _KupDataTable_createDropDownActionsCard, _KupDataTable_clearSearchActionsCard, _KupDataTable_filterRowActionsCard, _KupDataTable_closeRowActionsCard, _KupDataTable_closeColumnMenuCard, _KupDataTable_prepareDataForActionsCard, _KupDataTable_rowInsertForm, _KupDataTable_rowsDelete, _KupDataTable_getEventDetails, _KupDataTable_getEventDetailsForCurrentSelection, _KupDataTable_getSourceElementCoordsForCurrentSelection, _KupDataTable_clickHandler, _KupDataTable_cellActionsMenuHandler, _KupDataTable_contextMenuHandler, _KupDataTable_tooltipRequestHandler, _KupDataTable_contextMenuHandlerDetailsManager, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_getCellEditability, _KupDataTable_composeFixedCellStyleAndClass, _KupDataTable_updateFixedRowsAndColumnsCssVariables, _KupDataTable_horNav, _KupDataTable_verNav, _KupDataTable_onKupKeyDown, _KupDataTable_onColumnSort, _KupDataTable_onRemoveFilter, _KupDataTable_getFilterValueForTooltip, _KupDataTable_onGlobalFilterChange, _KupDataTable_handlePageChange, _KupDataTable_handleRowsPerPageChange, _KupDataTable_onRowClick, _KupDataTable_selectColumn, _KupDataTable_deselectColumn, _KupDataTable_onRowActionExpanderClick, _KupDataTable_handleRowSelect, _KupDataTable_onRowExpand, _KupDataTable_onSelectAll, _KupDataTable_openTotalMenu, _KupDataTable_closeTotalMenu, _KupDataTable_isOpenedTotalMenuForColumn, _KupDataTable_groupRows, _KupDataTable_onLoadMoreClick, _KupDataTable_adjustGroupState, _KupDataTable_adjustGroupStateFromRow, _KupDataTable_sortRows, _KupDataTable_getSortIcon, _KupDataTable_getSortDecode, _KupDataTable_calculateColspan, _KupDataTable_isGroupExpanded, _KupDataTable_handleColumnSort, _KupDataTable_moveSortedColumns, _KupDataTable_handleUpdateClick, _KupDataTable_onBlurHandler, _KupDataTable_applyLineBreaks, _KupDataTable_composeHeaderCellClassAndStyle, _KupDataTable_renderHeader, _KupDataTable_renderStickyHeader, _KupDataTable_totalMenuPosition, _KupDataTable_onTotalMenuOpen, _KupDataTable_renderRow, _KupDataTable_onCustomSettingsClick, _KupDataTable_openCustomSettings, _KupDataTable_closeCustomSettings, _KupDataTable_renderPaginator, _KupDataTable_columnRemoveArea, _KupDataTable_columnGroupArea, _KupDataTable_hideShowColumnDropArea, _KupDataTable_handleColumnGroup, _KupDataTable_transcodeItem, _KupDataTable_createListData, _KupDataTable_FONTSIZE_CODES, _KupDataTable_FONTSIZE_DECODES, _KupDataTable_FONTSIZE_ICONS, _KupDataTable_getFontSizeCodeFromDecode, _KupDataTable_renderFontSizePanel, _KupDataTable_DENSITY_DECODES, _KupDataTable_DENSITY_ICONS, _KupDataTable_getDensityCodeFromDecode, _KupDataTable_renderDensityPanel, _KupDataTable_GRID_CODES, _KupDataTable_GRID_DECODES, _KupDataTable_GRID_ICONS, _KupDataTable_getGridCodeFromDecode, _KupDataTable_renderTransposeSwitch, _KupDataTable_renderGridPanel, _KupDataTable_renderCommandButton, _KupDataTable_handleChipsContextMenu, _KupDataTable_renderCommandDropDownButton, _KupDataTable_renderOtherButtons, _KupDataTable_addRowHandler, _KupDataTable_createRowWithInputFields, _KupDataTable_renderUpdateButtons, _KupDataTable_createDeletePayload, _KupDataTable_isRowInserted, _KupDataTable_isRowModified, _KupDataTable_arraysContainSameElements;
 import { forceUpdate, h, Host, } from "@stencil/core";
 import { FixedCellsClasses, FixedCellsCSSVarsBase, GroupLabelDisplayMode, LoadMoreMode, PaginatorPos, ShowGrid, SortMode, TotalMode, TotalLabel, KupDataTableProps, fieldColumn, iconColumn, keyColumn, SelectionMode, DataTableAreasEnum, TypesToDuplicate, } from "./kup-data-table-declarations";
 import { getColumnByName, getValueForDisplay, isNegativeNumber, } from "../../utils/cell-utils";
@@ -526,7 +526,13 @@ export class KupDataTable {
         if (this.data.rows.filter((r) => r.id == undefined).length) {
             identify(this.getRows());
         }
-        this.expandGroupsHandler();
+        // Group expansion is triggered at the end of decorateAndInitForUpdTable()
+        // instead, so the grouped row tree (which clones rows, severing the live
+        // reference to this.data.rows) is rebuilt from already-decorated and
+        // already-patched (pendingRowsToUpdate) cell data. Doing it here, before
+        // decorateDataTable() runs, caused cells in grouped tables to keep a
+        // stale cell.data missing the 'kup-list'/'kup-text-field' slot data,
+        // crashing kup-autocomplete's consistency check on the next value change.
         __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this);
     }
     decorateAndInitForUpdTable() {
@@ -564,6 +570,9 @@ export class KupDataTable {
             __classPrivateFieldSet(this, _KupDataTable_insertedRowIds, [], "f");
             __classPrivateFieldSet(this, _KupDataTable_modifiedRowsIds, [], "f");
         }
+        // Runs after pendingRowsToUpdate patching and decorateDataTable() above,
+        // so grouped rows are (re)built from fully decorated, up-to-date cells.
+        this.expandGroupsHandler();
     }
     computeMaxRowsPerPage() {
         var _a, _b, _c, _d;
@@ -1113,16 +1122,37 @@ export class KupDataTable {
             }
         }
     }
-    listenCopyCellValueInColumnListener(e) {
-        if (this.updatableData &&
-            e.key.toLowerCase() === 'd' &&
-            e.ctrlKey === true) {
-            const input = this.rootElement.shadowRoot
-                .activeElement;
-            if (input) {
-                __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_copyCellValueInColumnHandler).call(this, e, input);
-            }
+    /**
+     * Copies the value of the currently focused cell to all visible rows in the same column.
+     * Only cell types included in TypesToDuplicate are supported.
+     */
+    async copyCellValueInColumn() {
+        const input = this.rootElement.shadowRoot
+            .activeElement;
+        if (!input) {
+            return;
+        }
+        const details = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").getEventPath(input, this.rootElement));
+        const { cell, column, row } = details;
+        if (!cell || !column || !row) {
+            return;
+        }
+        const cellType = dom.ketchup.data.cell.getType(column, cell, cell.shape);
+        if (!TypesToDuplicate.includes(cellType)) {
+            return;
         }
+        input.blur();
+        const filteredRowIds = __classPrivateFieldGet(this, _KupDataTable_rows, "f").map((r) => r.id);
+        this.data.rows = this.data.rows.map((currRow) => {
+            if (filteredRowIds.includes(currRow.id) && currRow.id !== row.id) {
+                currRow.cells[column.name].value = cell.value;
+                currRow.cells[column.name].obj = cell.obj;
+                currRow.cells[column.name].decode = cell.decode;
+                currRow.cells[column.name].data = cell.data;
+            }
+            return currRow;
+        });
+        this.refresh();
     }
     //---- Lifecycle hooks ----
     connectedCallback() {
@@ -1583,7 +1613,7 @@ export class KupDataTable {
         __classPrivateFieldSet(this, _KupDataTable_sizedColumns, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
         let rows = null;
         if (__classPrivateFieldGet(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h("tr", { key: 'c778621f24dbe8ac50439c1f1cc2c8da60038c15', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '38f680149997d7462d6dad98eb4c6d18cd21ccdf', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: 'f987c3f6366b22e863c8d4e8a3610ad2685fcb0b', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: 'c607b07b802da55e185482d138ba06fc222fef4a', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -1659,7 +1689,7 @@ export class KupDataTable {
                         __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handleChipsContextMenu).call(this, chipArg.id, e);
                     });
                 }
-                groupChips = h(FChip, Object.assign({ key: '452f382db133b46aeb06e7e2ecf5edbcf68c67f7' }, props));
+                groupChips = h(FChip, Object.assign({ key: 'f33962278b5236b40270b87ce88a4832958a76b5' }, props));
             }
         }
         const tableClass = {
@@ -1691,7 +1721,7 @@ export class KupDataTable {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { key: 'e427e9db53b607acba8dd58e5c9076e2e0b8f52c', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: '3f9ea12ec5eff7643b09b89dffc5b26a0b5ad49d' }, h("tr-sticky", { key: '7f1490b736d5390962aab145580e4cfad9bba3dc' }, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: '0a8286472752256a549a59fec6d6a212db97e47e', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'd865f5e7f109cc2efd79345d011d485177f2a5fa' }, h("tr-sticky", { key: 'f13831067c2d0176cfb6e92b97f97478979bb7e2' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -1737,7 +1767,7 @@ export class KupDataTable {
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (h(Host, { key: '7c0e5c976a0b9c2cfe64fc1f7cd91ec408b15412', "onKup-drop": (e) => {
+        const compCreated = (h(Host, { key: 'cd4443e818e0cfec25dbab371f0956fdc11c8b2b', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -1756,11 +1786,11 @@ export class KupDataTable {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: 'd1b3e38e13368eb88a6de25fc760e9833de7b795' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h("div", { key: 'da0ced70283f1004b8711a6f8a1a666ab7a4abd2', id: componentWrapperId, class: wrapClass }, h("div", { key: '6022a92d789b77d2a38cf1c0fe758d0f4864610a', class: "group-wrapper" }, groupChips), h("div", { key: '8f511662df066227b919d56353fc297137255d23', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, h("style", { key: 'a8cf226a460cdb0e03037ba8148318d5e9569bb6' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h("div", { key: '6cf2fbb93971c046094c38a4b97dea93ef5ad283', id: componentWrapperId, class: wrapClass }, h("div", { key: '2c1f7ec7bea3116071b985ac6972e4f95340e3b3', class: "group-wrapper" }, groupChips), h("div", { key: 'e254306c9791c62583a3b460b54e795e8bd456c5', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, paginatorTop && (h("div", { key: '386e53a65702e0b8cc1fc1f07a3753d9758e45f2', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
+            } }))) : null, paginatorTop && (h("div", { key: 'b4e8ed279b3b90d408c1e17a268cf85a559ac127', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -1810,9 +1840,9 @@ export class KupDataTable {
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: 'f1725eb950f99f7e304d8391ca0ce1990ca0f9cc', class: "droparea", ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: '94e8f33892a6386d98d4b5f62eca219bab2e70f0', class: "droparea", ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h("div", { key: '9322c2940e4d24ab283e3bc8ad924ef6817e6982', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: '67a27df5ebeac81fd972ba8fe2ca22bc499ed53a', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -1821,7 +1851,7 @@ export class KupDataTable {
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: '86198eaa2ea882bd6d919adffb19f8c19d1cf0e1', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
+            : null, h("table", { key: '273203f59396660c0ce7d1832bfc1648ee5130c5', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -1829,7 +1859,7 @@ export class KupDataTable {
                 __classPrivateFieldSet(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { key: '842fdb6cabe6779eb66a68644a0f86b77294e760', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: 'cf502adfe5ad7c95d4a253e05f4756ac70c9327a' }, header)), h("tbody", { key: 'cb9684e94db3646a5fadfe2a0e3e94340cbbc98e' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h("thead", { key: '384006d2bea506ec695ea05839da4e258920410d', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '48f8ee4f1af3ff927e513fc6e6cf865e665ebe1a' }, header)), h("tbody", { key: 'dd03070931cc4a2327c9bb4432f0e8719cb1de6d' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -4544,6 +4574,27 @@ export class KupDataTable {
                         }]
                 }
             },
+            "copyCellValueInColumn": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "HTMLInputElement": {
+                            "location": "global",
+                            "id": "global::HTMLInputElement"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Copies the value of the currently focused cell to all visible rows in the same column.\r\nOnly cell types included in TypesToDuplicate are supported.",
+                    "tags": []
+                }
+            },
             "getInternalState": {
                 "complexType": {
                     "signature": "() => Promise<{ groups: GroupObject[]; filters: GenericFilter; data: KupDataTableDataset; }>",
@@ -4687,12 +4738,6 @@ export class KupDataTable {
                 "target": undefined,
                 "capture": false,
                 "passive": false
-            }, {
-                "name": "keydown",
-                "method": "listenCopyCellValueInColumnListener",
-                "target": undefined,
-                "capture": false,
-                "passive": false
             }];
     }
 }
@@ -6110,27 +6155,6 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_cellToFocus = new WeakM
     }
 }, _KupDataTable_hasTotals = function _KupDataTable_hasTotals() {
     return this.totals && Object.keys(this.totals).length > 0;
-}, _KupDataTable_copyCellValueInColumnHandler = function _KupDataTable_copyCellValueInColumnHandler(e, el) {
-    const details = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").getEventPath(el, this.rootElement));
-    const { cell, column, row } = details;
-    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
-    if (!TypesToDuplicate.includes(cellType)) {
-        return;
-    }
-    e.preventDefault();
-    e.stopPropagation();
-    el.blur();
-    const filteredRowIds = __classPrivateFieldGet(this, _KupDataTable_rows, "f").map((row) => row.id);
-    this.data.rows = this.data.rows.map((currRow) => {
-        if (filteredRowIds.includes(currRow.id) && currRow.id !== row.id) {
-            currRow.cells[column.name].value = cell.value;
-            currRow.cells[column.name].obj = cell.obj;
-            currRow.cells[column.name].decode = cell.decode;
-            currRow.cells[column.name].data = cell.data;
-        }
-        return currRow;
-    });
-    this.refresh();
 }, _KupDataTable_tableHasAutoWidth = function _KupDataTable_tableHasAutoWidth() {
     if (!__classPrivateFieldGet(this, _KupDataTable_sizedColumns, "f")) {
         return;
@@ -7020,7 +7044,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_cellToFocus = new WeakM
                     __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.cell.getObjectRelatedStyleClasses(Object.assign(Object.assign({}, cell.obj), { k: cell.value }), cell.cssClass);
             }
             const fcell = Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.cell.buildFCell(cell, currentColumn, row)), { component: this, density: this.density, editable: this.editableData || this.updatableData, indents: indend, previousValue: hideValuesRepetitions && previousRow
-                    ? ((_b = previousRow.cells[name].decode) !== null && _b !== void 0 ? _b : previousRow.cells[name].value)
+                    ? (_b = previousRow.cells[name].decode) !== null && _b !== void 0 ? _b : previousRow.cells[name].value
                     : undefined, renderKup: this.lazyLoadCells, cellActionIcon: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.cell.hasActionCell(cell, (_c = this.commands) !== null && _c !== void 0 ? _c : [])
                     ? {
                         onClick: (e) => {

package/dist/collection/components/kup-echart/kup-echart.js

@@ -23,7 +23,7 @@ import { KupDebugCategory } from "../../managers/kup-debug/kup-debug-declaration
 import { KupThemeColorValues } from "../../managers/kup-theme/kup-theme-declarations";
 import { getProps, setProps } from "../../utils/utils";
 import { componentWrapperId } from "../../variables/GenericVariables";
-import { getColumnByName } from "../../utils/cell-utils";
+import { getCellValueForDisplay, getColumnByName, } from "../../utils/cell-utils";
 import { KupDataNewColumnTypes, } from "../../managers/kup-data/kup-data-declarations";
 export class KupEchart {
     constructor() {
@@ -142,7 +142,7 @@ export class KupEchart {
             '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
             '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
         };
-        return (h(Host, { key: '4fecf3d9d13142e36372a84dc2113fc11d78713b', style: style }, h("style", { key: 'f0b11b33eeb9aebb3a01ef73cfa5c424fc77728d' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '58e4cd7ce23e236e17b0a8da96c9000adaabf59d', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
+        return (h(Host, { key: '4bf0cc8d1aef257a5cfd816223d5fea790c6b2d4', style: style }, h("style", { key: '3232f68dc46e8d90acfdafbb5405a4c3f8cbcb85' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'fb47265554be121b940b9c0962cacaac6caa3c52', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
     }
     disconnectedCallback() {
         var _a;
@@ -492,7 +492,7 @@ export class KupEchart {
                 "mutable": false,
                 "complexType": {
                     "original": "KupEchartXAxis",
-                    "resolved": "AxisBaseOptionCommon & { gridIndex?: number; gridId?: string; position?: CartesianAxisPosition; offset?: number; categorySortInfo?: OrdinalSortInfo; } & { mainType?: \"xAxis\"; } | CategoryAxisBaseOption & { gridIndex?: number; gridId?: string; position?: CartesianAxisPosition; offset?: number; categorySortInfo?: OrdinalSortInfo; } & { mainType?: \"xAxis\"; } | LogAxisBaseOption & { gridIndex?: number; gridId?: string; position?: CartesianAxisPosition; offset?: number; categorySortInfo?: OrdinalSortInfo; } & { mainType?: \"xAxis\"; } | TimeAxisBaseOption & { gridIndex?: number; gridId?: string; position?: CartesianAxisPosition; offset?: number; categorySortInfo?: OrdinalSortInfo; } & { mainType?: \"xAxis\"; } | ValueAxisBaseOption & { gridIndex?: number; gridId?: string; position?: CartesianAxisPosition; offset?: number; categorySortInfo?: OrdinalSortInfo; } & { mainType?: \"xAxis\"; }",
+                    "resolved": "CategoryAxisBaseOption & { gridIndex?: number; gridId?: string; position?: CartesianAxisPosition; offset?: number; categorySortInfo?: OrdinalSortInfo; } & { mainType?: \"xAxis\"; } | LogAxisBaseOption & { gridIndex?: number; gridId?: string; position?: CartesianAxisPosition; offset?: number; categorySortInfo?: OrdinalSortInfo; } & { mainType?: \"xAxis\"; } | TimeAxisBaseOption & { gridIndex?: number; gridId?: string; position?: CartesianAxisPosition; offset?: number; categorySortInfo?: OrdinalSortInfo; } & { mainType?: \"xAxis\"; } | ValueAxisBaseOption & { gridIndex?: number; gridId?: string; position?: CartesianAxisPosition; offset?: number; categorySortInfo?: OrdinalSortInfo; } & { mainType?: \"xAxis\"; }",
                     "references": {
                         "KupEchartXAxis": {
                             "location": "import",
@@ -517,7 +517,7 @@ export class KupEchart {
                 "mutable": false,
                 "complexType": {
                     "original": "KupEchartYAxis",
-                    "resolved": "AxisBaseOptionCommon & { gridIndex?: number; gridId?: string; position?: CartesianAxisPosition; offset?: number; categorySortInfo?: OrdinalSortInfo; } & { mainType?: \"yAxis\"; } | CategoryAxisBaseOption & { gridIndex?: number; gridId?: string; position?: CartesianAxisPosition; offset?: number; categorySortInfo?: OrdinalSortInfo; } & { mainType?: \"yAxis\"; } | LogAxisBaseOption & { gridIndex?: number; gridId?: string; position?: CartesianAxisPosition; offset?: number; categorySortInfo?: OrdinalSortInfo; } & { mainType?: \"yAxis\"; } | TimeAxisBaseOption & { gridIndex?: number; gridId?: string; position?: CartesianAxisPosition; offset?: number; categorySortInfo?: OrdinalSortInfo; } & { mainType?: \"yAxis\"; } | ValueAxisBaseOption & { gridIndex?: number; gridId?: string; position?: CartesianAxisPosition; offset?: number; categorySortInfo?: OrdinalSortInfo; } & { mainType?: \"yAxis\"; }",
+                    "resolved": "CategoryAxisBaseOption & { gridIndex?: number; gridId?: string; position?: CartesianAxisPosition; offset?: number; categorySortInfo?: OrdinalSortInfo; } & { mainType?: \"yAxis\"; } | LogAxisBaseOption & { gridIndex?: number; gridId?: string; position?: CartesianAxisPosition; offset?: number; categorySortInfo?: OrdinalSortInfo; } & { mainType?: \"yAxis\"; } | TimeAxisBaseOption & { gridIndex?: number; gridId?: string; position?: CartesianAxisPosition; offset?: number; categorySortInfo?: OrdinalSortInfo; } & { mainType?: \"yAxis\"; } | ValueAxisBaseOption & { gridIndex?: number; gridId?: string; position?: CartesianAxisPosition; offset?: number; categorySortInfo?: OrdinalSortInfo; } & { mainType?: \"yAxis\"; }",
                     "references": {
                         "KupEchartYAxis": {
                             "location": "import",
@@ -807,7 +807,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
         }
         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; }));
+            row = structuredClone(this.data.rows.find((r) => getCellValueForDisplay(column, r.cells[this.axis]) === 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]].value = e.value.toString();
@@ -1226,9 +1226,10 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
         for (let i = 0; i < dataset.rows.length; i++) {
             const cells = dataset.rows[i].cells;
             const treatedCells = {};
-            const title = getColumnByName(dataset.columns, this.axis).title;
+            const column = getColumnByName(dataset.columns, this.axis);
+            const title = column.title;
             treatedCells[title] = cells[this.axis];
-            x.push(treatedCells[title].value);
+            x.push(getCellValueForDisplay(column, treatedCells[title]));
         }
     }
     return x;
@@ -1290,14 +1291,17 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
     }
     return y;
 }, _KupEchart_createYForPie = function _KupEchart_createYForPie() {
-    var _a, _b, _c, _d;
+    var _a, _b;
     const y = {};
     const column = getColumnByName(this.data.columns, this.axis);
     if (!column) {
         return y;
     }
     for (const row of this.data.rows) {
-        const title = (_b = (_a = row.cells[this.axis]) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '[not found]';
+        const axisCell = row.cells[this.axis];
+        const title = axisCell
+            ? getCellValueForDisplay(column, axisCell)
+            : '[not found]';
         for (const key of Object.keys(row.cells)) {
             if (!this.series ||
                 this.series.length == 0 ||
@@ -1305,7 +1309,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
                 if (!y[title]) {
                     y[title] = [];
                 }
-                y[title].push((_d = (_c = row.cells[key]) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : '');
+                y[title].push((_b = (_a = row.cells[key]) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '');
             }
         }
     }
@@ -1951,9 +1955,7 @@ _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(Object.assign({}, (isHorizontal
-                ? { 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/collection/components/kup-form/kup-form.js

@@ -344,7 +344,7 @@ export class KupForm {
             return (h("td", { class: `form__label form__label--${alignment}`, style: style }, h("span", null, label)));
         }
         function setPlaceholderLabel() {
-            switch (dom.ketchup.data.cell.getType(cell, cell.shape || column.shape || null)) {
+            switch (dom.ketchup.data.cell.getType(column, cell, cell.shape || column.shape || null)) {
                 case FCellTypes.AUTOCOMPLETE:
                 case FCellTypes.COLOR_PICKER:
                 case FCellTypes.COMBOBOX:
@@ -409,7 +409,7 @@ export class KupForm {
     render() {
         let formContent = null;
         if (this.data.rows.length === 0) {
-            formContent = (h("p", { key: 'fc256e91b6ba880915219e81f59ee144922aed8a' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
+            formContent = (h("p", { key: 'ea815da488cf3ac3ac14510a9526b09417d39ebf' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
         }
         else {
             const rows = this.data.rows;
@@ -420,7 +420,7 @@ export class KupForm {
                 formContent.push(this.renderRow(rows[cnt++]));
             }
         }
-        return (h(Host, { key: '2c6f213ea11f4e504543acf29bb4f93991fd2b14' }, h("style", { key: '6992e1682351dcad5a09c78df793fcd1448bebb1' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'bd24a0aac3c0efb03c8d25f1261c19c6c7f10ff5', id: componentWrapperId }, formContent)));
+        return (h(Host, { key: '87eec5120123fb0d89bbc454825ab9717f8cc57a' }, h("style", { key: '17bd0739b753023d6636496d93852e8b5a8f3e77' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '5ff34b363c16a369a175f4e166fcb8acd5880139', id: componentWrapperId }, formContent)));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);

package/dist/collection/components/kup-image/assets/svg/chevron-left.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"   viewBox="0 0 48 48"><path d="M30.83 14.83L28 12 16 24l12 12 2.83-2.83L21.66 24z"/></svg>

package/dist/collection/components/kup-input-panel/kup-input-panel.js

@@ -268,7 +268,7 @@ export class KupInputPanel {
                 h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (h(Host, { key: 'd9fbca78674850146e47c580b0c5b011f478e66a', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).bind(this), "onKup-tabbar-click": (e) => {
+        return (h(Host, { key: '1e85e08ad732c523fec1eca80df19f7e3da44199', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).bind(this), "onKup-tabbar-click": (e) => {
                 this.tabSelected = e.detail.node.id;
             }, "onKup-autocomplete-input": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-autocomplete-iconclick": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-combobox-iconclick": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).call(this, e, true), "onKup-cell-itemclick": (e) => {
                 __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.ITEMCLICK);
@@ -278,7 +278,7 @@ export class KupInputPanel {
                 this.kupInputPanelObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupInputPanelObjectFieldSelectedMenuItem.emit(e.detail);
-            }, "onKup-file-upload-upload": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_upload).bind(this) }, h("style", { key: 'd13184d7e49622985bb1edcc11ca289e64e5186f' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'c90a0a1001649ed3517e2780e5bd3d130afd07d3', id: componentWrapperId }, inputPanelContent)));
+            }, "onKup-file-upload-upload": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_upload).bind(this) }, h("style", { key: '1b4cc6c9de25d68eb3686417e935309fc487a596' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '14fe7270026ad82f34e1ad0683e3a2039e0fdf2e', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -704,7 +704,7 @@ export class KupInputPanel {
                     }
                 }
             }, {
-                "method": "kupDataTableContextMenu",
+                "method": "kupInputPanelContextMenu",
                 "name": "kup-inputpanel-contextmenu",
                 "bubbles": true,
                 "cancelable": false,
@@ -1073,7 +1073,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         renderKup: true,
         setSizes: true,
     };
-    const label = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getLabelComponent).call(this, cell, column.title);
+    const label = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getLabelComponent).call(this, column, cell);
     const fcell = h(FCell, Object.assign({}, cellProps));
     if (label) {
         /*
@@ -1168,11 +1168,12 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
             ? cell.decode
             : cell.value;
     return (h("span", { class: classList.join(' '), id: column.name }, h(FLabel, { style: cell.style, text: value })));
-}, _KupInputPanel_getLabelComponent = function _KupInputPanel_getLabelComponent(cell, label) {
+}, _KupInputPanel_getLabelComponent = function _KupInputPanel_getLabelComponent(column, cell) {
+    const label = column.title;
     if (!label) {
         return null;
     }
-    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
+    const cellType = dom.ketchup.data.cell.getType(column, cell, cell.shape);
     if (cellType === FCellTypes.RADIO) {
         return h("span", null, label);
     }
@@ -1429,7 +1430,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         : [];
     inpuPanelCells.map(({ cells }) => cells.map(({ cell, column }) => {
         var _a;
-        const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
+        const cellType = dom.ketchup.data.cell.getType(column, cell, cell.shape);
         const queryCompSetValue = __classPrivateFieldGet(this, _KupInputPanel_cellTypeComponents, "f").get(cellType);
         const queryCompNeedsReset = __classPrivateFieldGet(this, _KupInputPanel_cellTypesNeedingReset, "f").get(cellType);
         if (!queryCompSetValue && !queryCompNeedsReset)
@@ -1445,7 +1446,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     }
 }, _KupInputPanel_setData = function _KupInputPanel_setData(cell, column, layout) {
     const defaultProps = Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_mapData).call(this, cell, column, layout)), { disabled: !cell.isEditable || column.useAs === UseAsValue.KEY, id: column.name });
-    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
+    const cellType = dom.ketchup.data.cell.getType(column, cell, cell.shape);
     const _a = cell.data || {}, { data } = _a, noDataProps = __rest(_a, ["data"]);
     return cellType !== FCellTypes.MULTI_AUTOCOMPLETE &&
         cellType !== FCellTypes.MULTI_COMBOBOX
@@ -1505,7 +1506,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         fieldLabel = col.title;
     }
     const currentValue = cell.value;
-    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
+    const cellType = dom.ketchup.data.cell.getType(col, cell, cell.shape);
     const dataAdapterMap = new Map([
         [FCellTypes.AUTOCOMPLETE, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_CMBandACPAdapter).bind(this)],
         [FCellTypes.BUTTON_LIST, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_BTNAdapter).bind(this)],
@@ -1533,7 +1534,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         : null;
 }, _KupInputPanel_slotData = function _KupInputPanel_slotData(cell, col) {
     var _a;
-    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
+    const cellType = dom.ketchup.data.cell.getType(col, cell, cell.shape);
     if (cellType === FCellTypes.CHIP) {
         return {
             trailingIcon: true,
@@ -1977,6 +1978,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     const fcell = path.find((p) => { var _a; return (_a = p.classList) === null || _a === void 0 ? void 0 : _a.contains('f-cell'); });
     return fcell;
 }, _KupInputPanel_getEventDetails = function _KupInputPanel_getEventDetails(originalEvent) {
+    var _a;
     const fcell = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_findTraversedFCell).call(this, originalEvent);
     if (fcell == null) {
         return;
@@ -1985,7 +1987,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     const props = fcell['kup-get-cell-props']();
     const columnName = props.column.name;
     const anchor = fcell;
-    const cell = currState.rows[0].cells[columnName];
+    const cell = (_a = currState.rows[0].cells[columnName]) !== null && _a !== void 0 ? _a : props === null || props === void 0 ? void 0 : props.cell;
     const column = currState.columns.find((c) => c.name == columnName);
     const row = currState.rows[0];
     return {
@@ -2005,7 +2007,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         if (e.button == 2) {
             const details = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getEventDetails).call(this, e);
             if (details) {
-                this.kupDataTableContextMenu.emit({
+                this.kupInputPanelContextMenu.emit({
                     comp: this,
                     id: this.rootElement.id,
                     details,

package/dist/collection/f-components/f-button/f-button.js

@@ -14,7 +14,9 @@ export const FButton = (props, children) => {
     const isIconButton = !!(props.styling.toLowerCase() === FButtonStyling.ICON ||
         (props.styling.toLowerCase() === FButtonStyling.RAISED &&
             props.icon &&
-            (props.label === null || props.label === undefined || props.label === "")));
+            (props.label === null ||
+                props.label === undefined ||
+                props.label === '')));
     const classObj = {
         'f-button': true,
         'kup-danger': props.danger,

package/dist/collection/f-components/f-cell/f-cell.js

@@ -21,7 +21,7 @@ const dom = document.documentElement;
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
 export const FCell = (props, children) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e;
     const cell = props.cell;
     const column = props.column;
     const row = props.row;
@@ -44,7 +44,7 @@ export const FCell = (props, children) => {
     cell.data = (_a = mapData(cell, column)) !== null && _a !== void 0 ? _a : cell.data;
     let _value = (_b = cell.decode) !== null && _b !== void 0 ? _b : cell.value;
     const valueToDisplay = props.previousValue !== _value ? _value : '';
-    const cellType = dom.ketchup.data.cell.getType(cell, shape);
+    const cellType = dom.ketchup.data.cell.getType(column, cell, shape);
     const sizing = props.density === 'extra_dense' ? 'extra-small' : (_c = cell.data) === null || _c === void 0 ? void 0 : _c.sizing;
     let cssClasses = cell.cssClass
         ? cell.cssClass
@@ -89,7 +89,12 @@ export const FCell = (props, children) => {
         if (props.setSizes) {
             setCellSize(cellType, subcomponentProps, cell, props);
         }
-        classObj[FCellClasses.INDICATOR_TOPRIGHT] = (_f = cell.tooltip) !== null && _f !== void 0 ? _f : false;
+        classObj[FCellClasses.INDICATOR_TOPRIGHT] =
+            column.tooltip === null ||
+                column.tooltip === undefined ||
+                column.tooltip === true
+                ? true
+                : false;
         content = setCell(cellType, subcomponentProps, content, classObj, cell, column, props);
     }
     let icon = null;
@@ -195,7 +200,7 @@ const mapData = (cell, column) => {
         ? cell.data.label
         : column.title;
     const currentValue = cell.value;
-    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
+    const cellType = dom.ketchup.data.cell.getType(column, cell, cell.shape);
     const dataAdapterMap = new Map([
         [FCellTypes.BUTTON_LIST, MainBTNAdapter.bind(this)],
         [FCellTypes.STRING, MainITXAdapter.bind(this)],

package/dist/collection/managers/kup-data/kup-data.js

@@ -29,9 +29,10 @@ export class KupData {
             replace(dataset, cell, columns) {
                 return replaceCell(dataset, cell, columns);
             },
-            getType(cell, shape) {
-                var _a;
+            getType(column, cell, shape) {
+                var _a, _b;
                 const obj = cell.obj;
+                const maxLength = (_b = (_a = cell.data) === null || _a === void 0 ? void 0 : _a.maxLength) !== null && _b !== void 0 ? _b : column === null || column === void 0 ? void 0 : column.maxLength;
                 if (shape) {
                     switch (shape.toUpperCase()) {
                         case FCellShapes.AUTOCOMPLETE:
@@ -143,7 +144,7 @@ export class KupData {
                 else if (dom.ketchup.objects.isVoCodver(obj)) {
                     return FCellTypes.ICON;
                 }
-                else if (((_a = cell.data) === null || _a === void 0 ? void 0 : _a.maxLength) >= 256) {
+                else if (maxLength >= 256) {
                     return FCellTypes.MEMO;
                 }
                 else {

package/dist/components/index.js

@@ -1,5 +1,5 @@
 export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-ef8cbd35.js';
-import { K as KupManager } from './p-362d7a44.js';
+import { K as KupManager } from './p-2b503f65.js';
 
 /** used for obtain a KupManager instance without a dom document (for UT)  */
 function newKupManager(init) {

package/dist/components/kup-accordion.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, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeIconValues, c as KupThemeColorValues, d as KupDynamicPositionPlacement } from './p-362d7a44.js';
-import { M as MDCRipple, F as FImage, c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u, E as defineCustomElement$v } from './p-a30c0106.js';
+import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeIconValues, c as KupThemeColorValues, d as KupDynamicPositionPlacement } from './p-2b503f65.js';
+import { M as MDCRipple, F as FImage, c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u, E as defineCustomElement$v } from './p-a0fb0405.js';
 
 /**
  * Props of the kup-accordion component.