@sme.up/ketchup 10.1.0 → 10.2.0

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

@@ -14,10 +14,10 @@ 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_initialized, _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_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_lastFocusedRow, _KupDataTable_maxRowsPerPage, _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_eventBlurNames, _KupDataTable_closeDropCard, _KupDataTable_createDropCard, _KupDataTable_calculateData, _KupDataTable_getRow, _KupDataTable__getRow, _KupDataTable_getTransposedData, _KupDataTable_setTransposedData, _KupDataTable_switchToTotalsMatrix, _KupDataTable_setObjForTotalsMatrix, _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_clickHandler, _KupDataTable_cellActionsMenuHandler, _KupDataTable_contextMenuHandler, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_setCellEditability, _KupDataTable_composeFixedCellStyleAndClass, _KupDataTable_updateFixedRowsAndColumnsCssVariables, _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_renderTotalsMatrix, _KupDataTable_renderGridPanel, _KupDataTable_renderCommandButton, _KupDataTable_renderCommandDropDownButton, _KupDataTable_renderUpdateButtons;
+var _KupDataTable_instances, _KupDataTable_checkUpdateState, _KupDataTable_initialized, _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_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_closeDropCard, _KupDataTable_createDropCard, _KupDataTable_calculateData, _KupDataTable_getRow, _KupDataTable__getRow, _KupDataTable_getTransposedData, _KupDataTable_setTransposedData, _KupDataTable_switchToTotalsMatrix, _KupDataTable_setObjForTotalsMatrix, _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_setCellEditability, _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_renderTotalsMatrix, _KupDataTable_renderGridPanel, _KupDataTable_renderCommandButton, _KupDataTable_renderCommandDropDownButton, _KupDataTable_renderUpdateButtons;
 import { forceUpdate, h, Host, } from "@stencil/core";
-import { FixedCellsClasses, FixedCellsCSSVarsBase, GroupLabelDisplayMode, LoadMoreMode, PaginatorPos, ShowGrid, SortMode, TotalMode, TotalLabel, KupDataTableProps, fieldColumn, iconColumn, keyColumn, SelectionMode, DataTableAreasEnum, } from "./kup-data-table-declarations";
-import { getColumnByName, getValueForDisplay } from "../../utils/cell-utils";
+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";
 import { calcTotals, normalizeRows, filterRows, groupRows, paginateRows, sortRows, getDiffData, decorateDataTable, } from "./kup-data-table-helper";
 import { KupComponentSizing, } from "../../types/GenericTypes";
 import { identify, getProps, setProps, getRegExpFromString, } from "../../utils/utils";
@@ -40,7 +40,7 @@ import { KupLanguageDensity, KupLanguageFontsize, KupLanguageGeneric, KupLanguag
 import { KupThemeColorValues, KupThemeIconValues, } from "../../managers/kup-theme/kup-theme-declarations";
 import { componentWrapperId } from "../../variables/GenericVariables";
 import { kupDragActiveAttr, KupDragEffect, kupDraggableCellAttr, kupDraggableColumnAttr, KupDropEventTypes, KupPointerEventTypes, } from "../../managers/kup-interact/kup-interact-declarations";
-import { FCellPadding, FCellShapes, } from "../../f-components/f-cell/f-cell-declarations";
+import { FCellClasses, FCellPadding, FCellShapes, } from "../../f-components/f-cell/f-cell-declarations";
 import { FCell } from "../../f-components/f-cell/f-cell";
 import { FPaginator } from "../../f-components/f-paginator/f-paginator";
 import { pageChange, rowsPerPageChange, } from "../../f-components/f-paginator/f-paginator-utils";
@@ -48,6 +48,8 @@ import { KupDataNewColumnTypes, } from "../../managers/kup-data/kup-data-declara
 import { FButton } from "../../f-components/f-button/f-button";
 import { FButtonStyling } from "../../f-components/f-button/f-button-declarations";
 import { KupColumnMenuIds } from "../../utils/kup-column-menu/kup-column-menu-declarations";
+import { KupPerfTuningPriority } from "../../managers/kup-perf-tuning/kup-perf-tuning-declarations";
+const dom = document.documentElement;
 export class KupDataTable {
     constructor() {
         _KupDataTable_instances.add(this);
@@ -136,8 +138,12 @@ export class KupDataTable {
         _KupDataTable_columnDropCardAnchor.set(this, null);
         _KupDataTable_dropDownActionCardAnchor.set(this, null);
         _KupDataTable_insertCount.set(this, 0);
+        _KupDataTable_lastFocusedColumn.set(this, null);
+        _KupDataTable_lastFocusedCell.set(this, null);
         _KupDataTable_lastFocusedRow.set(this, null);
         _KupDataTable_maxRowsPerPage.set(this, void 0);
+        _KupDataTable_readyPromise.set(this, void 0);
+        _KupDataTable_readyResolve.set(this, void 0);
         _KupDataTable_BUTTON_CANCEL_ID.set(this, 'cancel');
         _KupDataTable_BUTTON_SUBMIT_ID.set(this, 'submit');
         _KupDataTable_FIELDS_FORM_ID.set(this, 'fieldsForm');
@@ -145,15 +151,6 @@ export class KupDataTable {
         _KupDataTable_MESSAGE_WRAPPER_ID.set(this, 'messageWrapper');
         _KupDataTable_INSERT_PREFIX.set(this, 'insert_');
         _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER.set(this, 50);
-        _KupDataTable_eventBlurNames.set(this, new Map([
-            [FCellShapes.AUTOCOMPLETE, 'kup-autocomplete-blur'],
-            [FCellShapes.CHIP, 'kup-textfield-blur'],
-            [FCellShapes.COMBOBOX, 'kup-combobox-blur'],
-            [FCellShapes.DATE, 'kup-datepicker-blur'],
-            [FCellShapes.MULTI_AUTOCOMPLETE, 'kup-autocomplete-blur'],
-            [FCellShapes.MULTI_COMBOBOX, 'kup-combobox-blur'],
-            [FCellShapes.TIME, 'kup-timepicker-blur'],
-        ]));
         _KupDataTable_stickyHeaderPosition.set(this, () => {
             if (__classPrivateFieldGet(this, _KupDataTable_tableRef, "f")) {
                 if (__classPrivateFieldGet(this, _KupDataTable_tableIntersecting, "f")) {
@@ -170,6 +167,67 @@ export class KupDataTable {
                 }
             }
         });
+        //======== Event Listeners ========
+        _KupDataTable_horNav.set(this, (isRight) => {
+            if (!__classPrivateFieldGet(this, _KupDataTable_lastFocusedCell, "f")) {
+                return;
+            }
+            __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this, true);
+            const tr = __classPrivateFieldGet(this, _KupDataTable_lastFocusedCell, "f").element.closest('tr:not(.group)');
+            const cells = tr.querySelectorAll('.f-cell');
+            const oldIndex = Array.from(cells).indexOf(__classPrivateFieldGet(this, _KupDataTable_lastFocusedCell, "f").element);
+            let newIndex = isRight ? oldIndex + 1 : oldIndex - 1;
+            if (newIndex < 0) {
+                newIndex = cells.length - 1;
+            }
+            else if (newIndex >= cells.length) {
+                newIndex = 0;
+            }
+            const focused = cells[newIndex];
+            const focusedProps = focused['kup-get-cell-props']();
+            __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onRowClick).call(this, focusedProps.row, focused.closest('td'), false);
+            __classPrivateFieldSet(this, _KupDataTable_lastFocusedCell, focusedProps.cell, "f");
+        });
+        _KupDataTable_verNav.set(this, (isDown) => {
+            if (!__classPrivateFieldGet(this, _KupDataTable_lastFocusedCell, "f")) {
+                return;
+            }
+            __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this, true);
+            const tr = __classPrivateFieldGet(this, _KupDataTable_lastFocusedCell, "f").element.closest('tr:not(.group)');
+            const cellXIndex = Array.from(tr.querySelectorAll('.f-cell')).indexOf(__classPrivateFieldGet(this, _KupDataTable_lastFocusedCell, "f").element);
+            const rows = tr.parentElement.querySelectorAll('tr:not(.group)');
+            const index = Array.from(rows).indexOf(tr);
+            let newIndex = isDown ? index + 1 : index - 1;
+            if (newIndex < 0) {
+                newIndex = rows.length - 1;
+            }
+            else if (newIndex >= rows.length) {
+                newIndex = 0;
+            }
+            const focusedRow = rows[newIndex];
+            const focusedCells = focusedRow.querySelectorAll('.f-cell');
+            const focused = focusedCells[cellXIndex];
+            const focusedProps = focused['kup-get-cell-props']();
+            __classPrivateFieldSet(this, _KupDataTable_lastFocusedCell, focusedProps.cell, "f");
+            __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onRowClick).call(this, focusedProps.row, focused.closest('td'), false);
+        });
+        _KupDataTable_onKupKeyDown.set(this, (e) => {
+            const isHorizontal = e.key === 'ArrowLeft' || e.key === 'ArrowRight';
+            const isVertical = e.key === 'ArrowDown' || e.key === 'ArrowUp';
+            // Only for non-editable matrix
+            if (!this.editableData && !this.updatableData) {
+                // If horizontal navigation, select next/previous column
+                if (isHorizontal) {
+                    e.preventDefault();
+                    __classPrivateFieldGet(this, _KupDataTable_horNav, "f").call(this, e.key === 'ArrowRight');
+                }
+                // If vertical navigation, select next/previous row
+                if (isVertical) {
+                    e.preventDefault();
+                    __classPrivateFieldGet(this, _KupDataTable_verNav, "f").call(this, e.key === 'ArrowDown');
+                }
+            }
+        });
         _KupDataTable_handleUpdateClick.set(this, (command) => {
             this.kupUpdate.emit({
                 comp: this,
@@ -186,7 +244,12 @@ export class KupDataTable {
             'format-color-text',
             'format-font-size-increase',
         ]);
-        _KupDataTable_DENSITY_DECODES.set(this, ['Dense', 'Medium', 'Wide']);
+        _KupDataTable_DENSITY_DECODES.set(this, [
+            'Extra_Dense',
+            'Dense',
+            'Medium',
+            'Wide',
+        ]);
         _KupDataTable_DENSITY_ICONS.set(this, [
             'format-align-justify',
             'reorder-horizontal',
@@ -205,7 +268,7 @@ export class KupDataTable {
         this.autoFillMissingCells = false;
         this.customStyle = '';
         this.data = undefined;
-        this.density = FCellPadding.DENSE;
+        this.density = FCellPadding.EXTRA_DENSE;
         this.dragEnabled = false;
         this.dropEnabled = false;
         this.editableData = false;
@@ -235,23 +298,25 @@ export class KupDataTable {
         this.pageSelected = -1;
         this.paginatorPos = PaginatorPos.TOP;
         this.legacyLook = false;
+        this.isDashboardMode = false;
         this.removableColumns = false;
         this.resizableColumns = true;
         this.rowActions = undefined;
         this.commands = undefined;
-        this.rowsPerPage = 10;
+        this.rowsPerPage = 1000;
         this.scrollOnHover = false;
         this.selection = SelectionMode.SINGLE;
         this.showCustomization = true;
         this.showDeleteButton = false;
         this.showHistoryButton = false;
         this.showFilters = true;
-        this.showFooter = false;
+        this.showFooter = true;
         this.showGrid = ShowGrid.ROW;
         this.showGroups = false;
         this.showHeader = true;
         this.showLoadMore = false;
         this.showPaginator = true;
+        this.hiddenSubmitButton = false;
         this.sort = [];
         this.sortableColumnsMutateData = true;
         this.sortEnabled = true;
@@ -271,10 +336,11 @@ export class KupDataTable {
         this.groupState = {};
         this.openedTotalMenu = null;
         this.openedCustomSettings = false;
-        this.fontsize = 'medium';
+        this.fontsize = 'small';
     }
     initWithPersistedState() {
         if (this.store && this.stateId) {
+            this.state.load = true;
             const state = this.store.getState(this.stateId);
             if (state != null) {
                 __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").debug.logMessage(this, 'Initializing stateId ' + this.stateId);
@@ -299,6 +365,7 @@ export class KupDataTable {
                 this.showHeader = state.showHeader;
                 this.showLoadMore = state.showLoadMore;
                 this.showPaginator = state.showPaginator;
+                this.hiddenSubmitButton = state.hiddenSubmitButton;
                 this.sortEnabled = state.sortEnabled;
                 this.sort = [...state.sort];
                 this.pageSelected = state.pageSelected;
@@ -316,134 +383,7 @@ export class KupDataTable {
     }
     persistState() {
         if (this.store && this.stateId) {
-            let somethingChanged = false;
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.filters, this.filters)) {
-                this.state.filters = Object.assign({}, this.filters);
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.groups, this.groups)) {
-                this.state.groups = [...this.groups];
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.sort, this.sort)) {
-                this.state.sort = [...this.sort];
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.expandGroups, this.expandGroups)) {
-                this.state.expandGroups = this.expandGroups;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.groupLabelDisplay, this.groupLabelDisplay)) {
-                this.state.groupLabelDisplay = this.groupLabelDisplay;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.density, this.density)) {
-                this.state.density = this.density;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.enableExtraColumns, this.enableExtraColumns)) {
-                this.state.enableExtraColumns = this.enableExtraColumns;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.enableSortableColumns, this.enableSortableColumns)) {
-                this.state.enableSortableColumns = this.enableSortableColumns;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.forceOneLine, this.forceOneLine)) {
-                this.state.forceOneLine = this.forceOneLine;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.globalFilter, this.globalFilter)) {
-                this.state.globalFilter = this.globalFilter;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
-                this.state.globalFilterValue = this.globalFilterValue;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.headerIsPersistent, this.headerIsPersistent)) {
-                this.state.headerIsPersistent = this.headerIsPersistent;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.lazyLoadRows, this.lazyLoadRows)) {
-                this.state.lazyLoadRows = this.lazyLoadRows;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.loadMoreLimit, this.loadMoreLimit)) {
-                this.state.loadMoreLimit = this.loadMoreLimit;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.selection, this.selection)) {
-                this.state.selection = this.selection;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.rowsPerPage, this.currentRowsPerPage)) {
-                this.state.rowsPerPage = this.currentRowsPerPage;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showFilters, this.showFilters)) {
-                this.state.showFilters = this.showFilters;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showGroups, this.showGroups)) {
-                this.state.showGroups = this.showGroups;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showHeader, this.showHeader)) {
-                this.state.showHeader = this.showHeader;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showLoadMore, this.showLoadMore)) {
-                this.state.showLoadMore = this.showLoadMore;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showPaginator, this.showPaginator)) {
-                this.state.showPaginator = this.showPaginator;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.sortEnabled, this.sortEnabled)) {
-                this.state.sortEnabled = this.sortEnabled;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.sortableColumnsMutateData, this.sortableColumnsMutateData)) {
-                this.state.sortableColumnsMutateData =
-                    this.sortableColumnsMutateData;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.pageSelected, this.currentPage)) {
-                this.state.pageSelected = this.currentPage;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.dragEnabled, this.dragEnabled)) {
-                this.state.dragEnabled = this.dragEnabled;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.dropEnabled, this.dropEnabled)) {
-                this.state.dropEnabled = this.dropEnabled;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showFooter, this.showFooter)) {
-                this.state.showFooter = this.showFooter;
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.totals, this.totals)) {
-                this.state.totals = Object.assign({}, this.totals);
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.selectRowsById, this.selectedRows.reduce((accumulator, row, currentIndex) => {
-                const prefix = currentIndex > 0 ? ';' : '';
-                return accumulator + prefix + row.id;
-            }, ''))) {
-                this.state.selectRowsById = this.selectedRows.reduce((accumulator, row, currentIndex) => {
-                    const prefix = currentIndex > 0 ? ';' : '';
-                    return accumulator + prefix + row.id;
-                }, '');
-                somethingChanged = true;
-            }
-            if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.visibleColumns, this.visibleColumns)) {
-                this.state.visibleColumns = [...this.visibleColumns];
-                somethingChanged = true;
-            }
+            let somethingChanged = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_checkUpdateState).call(this);
             if (!this.state.load) {
                 this.state.load = true;
                 return;
@@ -501,11 +441,19 @@ export class KupDataTable {
         var _a, _b, _c, _d;
         if (((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.columns) === null || _b === void 0 ? void 0 : _b.length) > 0 && ((_d = (_c = this.data) === null || _c === void 0 ? void 0 : _c.rows) === null || _d === void 0 ? void 0 : _d.length) > 0) {
             const columnsNumber = this.data.columns.length;
-            const cellsNumber = this.data.rows.reduce((acc, r) => acc + Object.keys(r.cells).length, 0);
-            const maxCellsNumberPerPage = __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").perfTuning.data.maxCellsPerPage;
-            if (cellsNumber > maxCellsNumberPerPage) {
-                // Rounds a number up to the nearest multiple of ten.
-                __classPrivateFieldSet(this, _KupDataTable_maxRowsPerPage, Math.ceil(maxCellsNumberPerPage / columnsNumber / 10) * 10, "f");
+            const perfTuningData = __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").perfTuning.data;
+            switch (perfTuningData.priority) {
+                case KupPerfTuningPriority.ROWS_PER_PAGE:
+                    __classPrivateFieldSet(this, _KupDataTable_maxRowsPerPage, perfTuningData.maxRowsPerPage, "f");
+                    break;
+                case KupPerfTuningPriority.CELLS_PER_PAGE:
+                    const cellsNumber = this.data.rows.reduce((acc, r) => acc + Object.keys(r.cells).length, 0);
+                    const maxCellsNumberPerPage = perfTuningData.maxCellsPerPage;
+                    if (cellsNumber > maxCellsNumberPerPage) {
+                        // Rounds a number up to the nearest multiple of ten.
+                        __classPrivateFieldSet(this, _KupDataTable_maxRowsPerPage, Math.ceil(maxCellsNumberPerPage / columnsNumber / 10) * 10, "f");
+                    }
+                    break;
             }
             if (this.rowsPerPage > __classPrivateFieldGet(this, _KupDataTable_maxRowsPerPage, "f"))
                 this.rowsPerPage = __classPrivateFieldGet(this, _KupDataTable_maxRowsPerPage, "f");
@@ -922,22 +870,20 @@ export class KupDataTable {
      * @param {boolean} scrollIntoView - If true, the component will scroll to the first selected row.
      */
     async setSelectedRows(rowsIdentifiers, emitEvent, scrollIntoView) {
-        var _a, _b;
+        let firstRowSelectedId = undefined;
         this.selectedRows = [];
         for (let index = 0; index < rowsIdentifiers.length; index++) {
             const id = rowsIdentifiers[index];
             const row = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getRow).call(this, id);
             if (row) {
+                if (!firstRowSelectedId) {
+                    firstRowSelectedId = id;
+                }
                 this.selectedRows.push(row);
             }
         }
-        if (scrollIntoView) {
-            if (((_a = this.selectedRows) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                const idx = __classPrivateFieldGet(this, _KupDataTable_rows, "f").indexOf(this.selectedRows[0]) - 1;
-                if (idx >= 1) {
-                    (_b = __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f")[idx]) === null || _b === void 0 ? void 0 : _b.scrollIntoView();
-                }
-            }
+        if (scrollIntoView && firstRowSelectedId) {
+            this.scrollToRow(firstRowSelectedId);
         }
         if (emitEvent !== false) {
             this.kupRowSelected.emit({
@@ -949,13 +895,91 @@ export class KupDataTable {
             });
         }
     }
+    /**
+     * This method will scroll the component to rowIdentifier row.
+     * @param {string|number} rowIdentifier - Id (dataset) or indexe (rendered rows).
+     */
+    async scrollToRow(rowIdentifier) {
+        var _a;
+        const id = rowIdentifier;
+        const row = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getRow).call(this, id);
+        if (row) {
+            const idx = __classPrivateFieldGet(this, _KupDataTable_rows, "f").indexOf(row) - this.calculateScrollToRowOffset();
+            if (idx >= 1) {
+                (_a = __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f")[idx]) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
+            }
+        }
+    }
+    /**
+     * Public method to wait until the component is fully ready.
+     */
+    async waitForReady() {
+        return __classPrivateFieldGet(this, _KupDataTable_readyPromise, "f");
+    }
     /**
      * This method is used to retrieve last focused row or the first if there's no row focused
      */
     async getLastFocusedRow() {
         return __classPrivateFieldGet(this, _KupDataTable_lastFocusedRow, "f");
     }
+    /**
+     * This method is used to retrieve last focused cell
+     */
+    async getLastFocusedCell() {
+        return __classPrivateFieldGet(this, _KupDataTable_lastFocusedCell, "f");
+    }
+    /**
+     * This method is used to retrieve last focused column
+     */
+    async getLastFocusedColumn() {
+        return __classPrivateFieldGet(this, _KupDataTable_lastFocusedColumn, "f");
+    }
+    /**
+     * This method is used to force tooltip request for current focused cell
+     */
+    async tooltipRequest() {
+        if (!__classPrivateFieldGet(this, _KupDataTable_lastFocusedCell, "f") && !__classPrivateFieldGet(this, _KupDataTable_lastFocusedColumn, "f")) {
+            return;
+        }
+        this.kupDataTableContextMenu.emit({
+            comp: this,
+            id: this.rootElement.id,
+            details: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_tooltipRequestHandler).call(this),
+        });
+    }
+    //#region LISTENERS
+    /*-------------------------------------------------*/
+    /*                L i s t e n e r s                */
+    /*-------------------------------------------------*/
+    listenEnterKeydown(e) {
+        if (this.updatableData && e.key === 'Enter') {
+            e.preventDefault();
+            e.stopPropagation();
+            const bc = this.rootElement.shadowRoot
+                .activeElement;
+            if (bc) {
+                bc.blur();
+                __classPrivateFieldGet(this, _KupDataTable_handleUpdateClick, "f").call(this);
+            }
+        }
+    }
+    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);
+            }
+        }
+    }
     //---- Lifecycle hooks ----
+    connectedCallback() {
+        __classPrivateFieldSet(this, _KupDataTable_readyPromise, new Promise((resolve) => {
+            __classPrivateFieldSet(this, _KupDataTable_readyResolve, resolve, "f");
+        }), "f");
+    }
     componentWillLoad() {
         __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").debug.logLoad(this, false);
         __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.register(this);
@@ -1002,6 +1026,7 @@ export class KupDataTable {
         __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").debug.logRender(this, false);
     }
     componentDidRender() {
+        __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").perfMonitoring.mark('componentDidRender');
         // If the component is not connected this method must not be executed
         if (!this.rootElement.isConnected) {
             return;
@@ -1013,6 +1038,12 @@ export class KupDataTable {
                 FTextFieldMDC(fs[index]);
             }
         }
+        requestAnimationFrame(async () => {
+            if (root && __classPrivateFieldGet(this, _KupDataTable_readyResolve, "f")) {
+                __classPrivateFieldGet(this, _KupDataTable_readyResolve, "f").call(this);
+                __classPrivateFieldSet(this, _KupDataTable_readyResolve, null, "f");
+            }
+        });
         if (this.showCustomization) {
             __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_customizePanelPosition).call(this);
         }
@@ -1028,14 +1059,14 @@ export class KupDataTable {
         }
         setTimeout(() => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_updateFixedRowsAndColumnsCssVariables).call(this), 50);
         // *** Store
-        if (this.lazyLoadCells) {
-            this.persistState();
-        }
+        this.persistState();
         // ***
         __classPrivateFieldSet(this, _KupDataTable_oldWidth, this.rootElement.clientWidth, "f");
         __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").debug.logRender(this, true);
+        __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentDidRender', 'kup-data-table');
     }
     componentDidLoad() {
+        __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").perfMonitoring.mark('componentDidLoad');
         __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_didLoadObservers).call(this);
         __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_didLoadEventHandling).call(this);
         __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_didLoadInteractables).call(this);
@@ -1043,6 +1074,7 @@ export class KupDataTable {
         this.kupDidLoad.emit({ comp: this, id: this.rootElement.id });
         __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").resize.observe(this.rootElement);
         __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").debug.logLoad(this, true);
+        __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentDidLoad', 'kup-data-table');
     }
     resetCurrentPage() {
         this.currentPage = 1;
@@ -1173,7 +1205,7 @@ export class KupDataTable {
         }
         const footerCells = this.getVisibleColumns().map((column, columnIndex) => {
             var _a;
-            const fixedCellStyle = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, columnIndex + 1 + extraCells, columnIndex + 1, 0, extraCells);
+            const fixedCellStyle = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, columnIndex + 1 + extraCells, columnIndex, 0, extraCells);
             let totalMenu = undefined;
             let menuLabel = TotalLabel.CALC;
             const translation = {
@@ -1295,14 +1327,17 @@ export class KupDataTable {
                 }
                 totalMenu = (h("kup-list", { class: `total-menu`, data: listData, id: "totals-menu", "is-menu": true, keyboardNavigation: true, "menu-visible": true, "onkup-list-click": (event) => this.onTotalsChange(event, column), tabindex: 0 }));
             }
-            const value = __classPrivateFieldGet(this, _KupDataTable_footer, "f")[column.name] != null
+            const totalValue = __classPrivateFieldGet(this, _KupDataTable_footer, "f")[column.name] != null
                 ? getValueForDisplay(__classPrivateFieldGet(this, _KupDataTable_footer, "f")[column.name], column.obj, column.decimals)
                 : '';
+            const totalsClass = `totals-value ${isNegativeNumber(__classPrivateFieldGet(this, _KupDataTable_footer, "f")[column.name])
+                ? FCellClasses.TEXT_DANGER
+                : ''}`;
             return (h("td", { "data-column": column.name, class: fixedCellStyle && fixedCellStyle.fixedCellClasses
                     ? fixedCellStyle.fixedCellClasses
                     : '', style: fixedCellStyle
                     ? fixedCellStyle.fixedCellStyle
-                    : null }, totalMenu, h("span", { class: "totals-value", title: translation[menuLabel] }, value)));
+                    : null }, totalMenu, h("div", { class: totalsClass, title: translation[menuLabel] }, totalValue)));
         });
         const footer = (h("tfoot", null, h("tr", null, selectRowCell, actionsCell, footerCells)));
         return footer;
@@ -1347,7 +1382,24 @@ export class KupDataTable {
                 __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_closeCustomSettings).call(this);
             } })) : null), totalsMatrix));
     }
+    calculateScrollToRowOffset() {
+        let maxNewlines = 0;
+        this.data.columns.forEach((column) => {
+            const newlineCount = (column.title.match(/\n/g) || []).length;
+            maxNewlines = Math.max(maxNewlines, newlineCount);
+        });
+        return maxNewlines + 1;
+    }
+    componentShouldUpdate(_newValue, _oldValue, propName) {
+        switch (propName) {
+            case 'columnMenuAnchor':
+                return false;
+            default:
+                return true;
+        }
+    }
     render() {
+        __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").perfMonitoring.mark('componentRender');
         __classPrivateFieldSet(this, _KupDataTable_thRefs, [], "f");
         __classPrivateFieldSet(this, _KupDataTable_rowsRefs, [], "f");
         __classPrivateFieldSet(this, _KupDataTable_renderedRows, [], "f");
@@ -1359,7 +1411,7 @@ export class KupDataTable {
         }
         let rows = null;
         if (__classPrivateFieldGet(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h("tr", { key: 'f18dffbcdd19cdc165c45d739fbda71ebe7cb540', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '3de5c7a5ff0a16b7257ca7e4d227fe2b9ec8165c', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: '3fefb7b4f3206c0f4c8c5ea8f79b3c71834552ff', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '5a983fc3f5f7040aada820e727aba3fd21e20462', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -1424,7 +1476,7 @@ export class KupDataTable {
                 for (let i = 0; i < chipsData.length; i++) {
                     props.onIconClick.push(() => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
                 }
-                groupChips = h(FChip, Object.assign({ key: '990acdc2e90682c110a4730f49f30e878cddb054' }, props));
+                groupChips = h(FChip, Object.assign({ key: '4cba4c25819eda0225aedddc814a122467e916d6' }, props));
             }
         }
         const tableClass = {
@@ -1446,17 +1498,17 @@ export class KupDataTable {
         tableClass[`density-${this.density}`] = true;
         tableClass[`fontsize-${this.fontsize}`] = true;
         if (this.tableHeight && this.tableHeight !== '100%') {
-            elStyle = Object.assign(Object.assign({}, elStyle), { maxHeight: this.tableHeight, overflow: 'auto' });
+            elStyle = Object.assign(Object.assign(Object.assign({}, elStyle), { maxHeight: this.tableHeight }), (!this.isDashboardMode ? { overflow: 'auto' } : {}));
         }
         if (this.tableWidth && this.tableHeight !== '100%') {
-            elStyle = Object.assign(Object.assign({}, elStyle), { width: this.tableWidth, overflow: 'auto' });
-            actionWrapperWidth = Object.assign(Object.assign({}, actionWrapperWidth), { width: this.tableWidth, overflow: 'auto' });
+            elStyle = Object.assign(Object.assign(Object.assign({}, elStyle), { width: this.tableWidth }), (!this.isDashboardMode ? { overflow: 'auto' } : {}));
+            actionWrapperWidth = Object.assign(Object.assign(Object.assign({}, actionWrapperWidth), { width: this.tableWidth }), (!this.isDashboardMode ? { overflow: 'auto' } : {}));
         }
         let stickyEl = undefined;
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { key: 'd292164eb6afdaa22a2d45006ed0fd8aebf1f4bf', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: '656bd0187e81a55aab15d8dcf7f23e7c706fb1d7' }, h("tr-sticky", { key: '6b53c9a657d60a0914405a054a2ddc74121eda85' }, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: '8a066069e55f0b641a651acdf80a5e07f7bfe61c', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: '8bcc3199698f8d175228b6f94f2bc2465584bdb2' }, h("tr-sticky", { key: '2f403b212d89bf66323e77e6a7d086ba63316476' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -1486,7 +1538,7 @@ export class KupDataTable {
                 (((_a = e.detail.cell) === null || _a === void 0 ? void 0 : _a.shape) === FCellShapes.CHECKBOX ||
                     ((_b = e.detail.cell) === null || _b === void 0 ? void 0 : _b.shape) === FCellShapes.SWITCH)) {
                 if (this.updateOnClick) {
-                    __classPrivateFieldGet(this, _KupDataTable_handleUpdateClick, "f").call(this);
+                    __classPrivateFieldGet(this, _KupDataTable_handleUpdateClick, "f").call(this, e.detail.cell);
                 }
                 else if ((_d = (_c = e.detail.cell) === null || _c === void 0 ? void 0 : _c.inputSettings) === null || _d === void 0 ? void 0 : _d.checkValueOnExit) {
                     this.kupCellCheck.emit({
@@ -1502,7 +1554,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: '96bfb5993313bb4987f4e0baaaa696df1ea8cb18', "onKup-drop": (e) => {
+        const compCreated = (h(Host, { key: 'd0dae93766bffab07e3b658f578b26bbaf6d734a', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -1517,11 +1569,11 @@ export class KupDataTable {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: '58f5939ea4f3f6a5b627d4c6baf3c4344ce13348' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: 'a0057cec35ab854970f3a69b05f9d37e60951030', id: componentWrapperId, class: wrapClass }, h("div", { key: 'a4436b6a7ada463eba68cb8816f53dfd60aaeefe', class: "group-wrapper" }, groupChips), h("div", { key: 'c23f5d663a36bcfe9f403afc83af245d99cc3fe6', 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), value: this.globalFilterValue, onInput: (event) => {
+            } }, h("style", { key: '141fd050f5961523ff13fa1f41384f2ea50c8aac' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: '42664bbf87261728923f62ccfe0984d9fcf2d69c', id: componentWrapperId, class: wrapClass }, h("div", { key: '648d595d25723624dcd19c155c21660e75bf4582', class: "group-wrapper" }, groupChips), h("div", { key: 'c0505cdd9b8d54005cce1b5240166c80c41263fc', 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, h("div", { key: 'e2e88ac7d5664f022cc067e5e88caa253c999b80', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, h("div", { key: 'a36bc85d4a044ba36971f655a9dc7c12f81b2dd5', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -1571,9 +1623,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: '4f308820dbf292e2634ff45ca21d133113e77db1', 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: '42c4af845508b7c5d7d79ff6ad040f7a75d03485', 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: 'b935b9035b6c0d975033dd44306fe890d7b8a83e', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: 'efa822fc8f31de6b9ab5f1ca7320231ab99f86a7', 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);
@@ -1582,7 +1634,7 @@ export class KupDataTable {
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: 'a63df53d24688c915c0d22ee3bfac2fefa24cc58', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
+            : null, h("table", { key: '3b33abb9f4f87c6697015e38985ecbb5c62142d7', 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");
@@ -1590,9 +1642,8 @@ 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: 'f07cef4e4d614921a42fa801f1ab42b426ace651', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: 'd94ec43849c0c9ffa763c0e539b35900c5fec3eb' }, header)), h("tbody", { key: 'c55d0f9afe7cf8cb414a01445f07d98d5ad06847' }, rows), this.showFooter || __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
-            ? this.renderFooter()
-            : null), stickyEl), paginatorBottom)));
+            } }, h("thead", { key: '11d332d763576d69adf27fe8ab2b060e77cdd206', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '51e0ebbde7020a9a211daf7bbbeba8a13a72694f' }, header)), h("tbody", { key: 'cee9d5cbe10415f2f574a904ab5adac85c99bec8' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+        __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
     disconnectedCallback() {
@@ -1738,7 +1789,7 @@ export class KupDataTable {
                 "mutable": false,
                 "complexType": {
                     "original": "FCellPadding",
-                    "resolved": "FCellPadding.DENSE | FCellPadding.MEDIUM | FCellPadding.NONE | FCellPadding.WIDE",
+                    "resolved": "FCellPadding.DENSE | FCellPadding.EXTRA_DENSE | FCellPadding.MEDIUM | FCellPadding.NONE | FCellPadding.WIDE",
                     "references": {
                         "FCellPadding": {
                             "location": "import",
@@ -1755,7 +1806,7 @@ export class KupDataTable {
                 },
                 "attribute": "density",
                 "reflect": false,
-                "defaultValue": "FCellPadding.DENSE"
+                "defaultValue": "FCellPadding.EXTRA_DENSE"
             },
             "dragEnabled": {
                 "type": "boolean",
@@ -2351,6 +2402,24 @@ export class KupDataTable {
                 "reflect": true,
                 "defaultValue": "false"
             },
+            "isDashboardMode": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "When enabled, the table wrapper won't have overflow in order to make the fixed column and footer adapt to the webupjs dsh mode"
+                },
+                "attribute": "is-dashboard-mode",
+                "reflect": true,
+                "defaultValue": "false"
+            },
             "removableColumns": {
                 "type": "boolean",
                 "mutable": false,
@@ -2453,7 +2522,7 @@ export class KupDataTable {
                 },
                 "attribute": "rows-per-page",
                 "reflect": false,
-                "defaultValue": "10"
+                "defaultValue": "1000"
             },
             "scrollOnHover": {
                 "type": "boolean",
@@ -2585,7 +2654,7 @@ export class KupDataTable {
                 },
                 "attribute": "show-footer",
                 "reflect": false,
-                "defaultValue": "false"
+                "defaultValue": "true"
             },
             "showGrid": {
                 "type": "string",
@@ -2686,6 +2755,27 @@ export class KupDataTable {
                 "reflect": false,
                 "defaultValue": "true"
             },
+            "hiddenSubmitButton": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "When set to true, the subimt button is hidden"
+                },
+                "attribute": "hidden-submit-button",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "sort": {
                 "type": "unknown",
                 "mutable": true,
@@ -4013,6 +4103,47 @@ export class KupDataTable {
                         }]
                 }
             },
+            "scrollToRow": {
+                "complexType": {
+                    "signature": "(rowIdentifier: string | number) => Promise<void>",
+                    "parameters": [{
+                            "name": "rowIdentifier",
+                            "type": "string | number",
+                            "docs": "- Id (dataset) or indexe (rendered rows)."
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "This method will scroll the component to rowIdentifier row.",
+                    "tags": [{
+                            "name": "param",
+                            "text": "rowIdentifier - Id (dataset) or indexe (rendered rows)."
+                        }]
+                }
+            },
+            "waitForReady": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Public method to wait until the component is fully ready.",
+                    "tags": []
+                }
+            },
             "getLastFocusedRow": {
                 "complexType": {
                     "signature": "() => Promise<KupDataTableRow>",
@@ -4035,6 +4166,67 @@ export class KupDataTable {
                     "tags": []
                 }
             },
+            "getLastFocusedCell": {
+                "complexType": {
+                    "signature": "() => Promise<KupDataTableCell>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "KupDataTableCell": {
+                            "location": "import",
+                            "path": "./kup-data-table-declarations",
+                            "id": "src/components/kup-data-table/kup-data-table-declarations.ts::KupDataTableCell"
+                        }
+                    },
+                    "return": "Promise<KupDataTableCell>"
+                },
+                "docs": {
+                    "text": "This method is used to retrieve last focused cell",
+                    "tags": []
+                }
+            },
+            "getLastFocusedColumn": {
+                "complexType": {
+                    "signature": "() => Promise<KupDataColumn>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "KupDataColumn": {
+                            "location": "import",
+                            "path": "../../managers/kup-data/kup-data-declarations",
+                            "id": "src/managers/kup-data/kup-data-declarations.ts::KupDataColumn"
+                        }
+                    },
+                    "return": "Promise<KupDataColumn>"
+                },
+                "docs": {
+                    "text": "This method is used to retrieve last focused column",
+                    "tags": []
+                }
+            },
+            "tooltipRequest": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "This method is used to force tooltip request for current focused cell",
+                    "tags": []
+                }
+            },
             "getInternalState": {
                 "complexType": {
                     "signature": "() => Promise<{ groups: GroupObject[]; filters: GenericFilter; data: KupDataTableDataset; }>",
@@ -4162,8 +4354,157 @@ export class KupDataTable {
                 "methodName": "recalculateData"
             }];
     }
+    static get listeners() {
+        return [{
+                "name": "keydown",
+                "method": "listenEnterKeydown",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "keydown",
+                "method": "listenCopyCellValueInColumnListener",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
 }
-_KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _KupDataTable_rowsLength = new WeakMap(), _KupDataTable_paginatedRows = new WeakMap(), _KupDataTable_paginatedRowsLength = new WeakMap(), _KupDataTable_footer = new WeakMap(), _KupDataTable_kupManager = new WeakMap(), _KupDataTable_renderedRows = new WeakMap(), _KupDataTable_loadMoreEventCounter = new WeakMap(), _KupDataTable_loadMoreEventPreviousQuantity = new WeakMap(), _KupDataTable_theadRef = new WeakMap(), _KupDataTable_tableRef = new WeakMap(), _KupDataTable_originalData = new WeakMap(), _KupDataTable_originalDataLoaded = new WeakMap(), _KupDataTable_originalDataLoadedMaxId = new WeakMap(), _KupDataTable_insertedRowIds = new WeakMap(), _KupDataTable_tableAreaRef = new WeakMap(), _KupDataTable_stickyTheadRef = new WeakMap(), _KupDataTable_lastPointerDetails = new WeakMap(), _KupDataTable_customizeTopButtonRef = new WeakMap(), _KupDataTable_customizeTopPanelRef = new WeakMap(), _KupDataTable_sizedColumns = new WeakMap(), _KupDataTable_intObserver = new WeakMap(), _KupDataTable_navBarHeight = new WeakMap(), _KupDataTable_theadIntersecting = new WeakMap(), _KupDataTable_tableIntersecting = new WeakMap(), _KupDataTable_isSafariBrowser = new WeakMap(), _KupDataTable_isRestoringState = new WeakMap(), _KupDataTable_globalFilterTimeout = new WeakMap(), _KupDataTable_totalMenuCoords = new WeakMap(), _KupDataTable_clickTimeout = new WeakMap(), _KupDataTable_thRefs = new WeakMap(), _KupDataTable_rowsRefs = new WeakMap(), _KupDataTable_oldWidth = new WeakMap(), _KupDataTable_hold = new WeakMap(), _KupDataTable_interactableDrag = new WeakMap(), _KupDataTable_interactableDrop = new WeakMap(), _KupDataTable_interactableResize = new WeakMap(), _KupDataTable_interactableTouch = new WeakMap(), _KupDataTable_dropareaRef = new WeakMap(), _KupDataTable_removeDropareaRef = new WeakMap(), _KupDataTable_groupsDropareaRef = new WeakMap(), _KupDataTable_clickCb = new WeakMap(), _KupDataTable_clickCbCustomPanel = new WeakMap(), _KupDataTable_clickCbDropCard = new WeakMap(), _KupDataTable_resizeTimeout = new WeakMap(), _KupDataTable_columnMenuInstance = new WeakMap(), _KupDataTable_filtersColumnMenuInstance = new WeakMap(), _KupDataTable_filtersRowsInstance = new WeakMap(), _KupDataTable_detailCard = new WeakMap(), _KupDataTable_insertCard = new WeakMap(), _KupDataTable_actionsCard = new WeakMap(), _KupDataTable_confirmDeleteCard = new WeakMap(), _KupDataTable_confirmDeleteDialog = new WeakMap(), _KupDataTable_columnMenuCard = new WeakMap(), _KupDataTable_columnDropCard = new WeakMap(), _KupDataTable_columnDropCardAnchor = new WeakMap(), _KupDataTable_dropDownActionCardAnchor = new WeakMap(), _KupDataTable_insertCount = new WeakMap(), _KupDataTable_lastFocusedRow = new WeakMap(), _KupDataTable_maxRowsPerPage = new WeakMap(), _KupDataTable_BUTTON_CANCEL_ID = new WeakMap(), _KupDataTable_BUTTON_SUBMIT_ID = new WeakMap(), _KupDataTable_FIELDS_FORM_ID = new WeakMap(), _KupDataTable_MESSAGE_ID = new WeakMap(), _KupDataTable_MESSAGE_WRAPPER_ID = new WeakMap(), _KupDataTable_INSERT_PREFIX = new WeakMap(), _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER = new WeakMap(), _KupDataTable_eventBlurNames = new WeakMap(), _KupDataTable_stickyHeaderPosition = new WeakMap(), _KupDataTable_handleUpdateClick = new WeakMap(), _KupDataTable_FONTSIZE_CODES = new WeakMap(), _KupDataTable_FONTSIZE_DECODES = new WeakMap(), _KupDataTable_FONTSIZE_ICONS = new WeakMap(), _KupDataTable_DENSITY_DECODES = new WeakMap(), _KupDataTable_DENSITY_ICONS = new WeakMap(), _KupDataTable_GRID_CODES = new WeakMap(), _KupDataTable_GRID_DECODES = new WeakMap(), _KupDataTable_GRID_ICONS = new WeakMap(), _KupDataTable_instances = new WeakSet(), _KupDataTable_closeDropCard = function _KupDataTable_closeDropCard() {
+_KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _KupDataTable_rowsLength = new WeakMap(), _KupDataTable_paginatedRows = new WeakMap(), _KupDataTable_paginatedRowsLength = new WeakMap(), _KupDataTable_footer = new WeakMap(), _KupDataTable_kupManager = new WeakMap(), _KupDataTable_renderedRows = new WeakMap(), _KupDataTable_loadMoreEventCounter = new WeakMap(), _KupDataTable_loadMoreEventPreviousQuantity = new WeakMap(), _KupDataTable_theadRef = new WeakMap(), _KupDataTable_tableRef = new WeakMap(), _KupDataTable_originalData = new WeakMap(), _KupDataTable_originalDataLoaded = new WeakMap(), _KupDataTable_originalDataLoadedMaxId = new WeakMap(), _KupDataTable_insertedRowIds = new WeakMap(), _KupDataTable_tableAreaRef = new WeakMap(), _KupDataTable_stickyTheadRef = new WeakMap(), _KupDataTable_lastPointerDetails = new WeakMap(), _KupDataTable_customizeTopButtonRef = new WeakMap(), _KupDataTable_customizeTopPanelRef = new WeakMap(), _KupDataTable_sizedColumns = new WeakMap(), _KupDataTable_intObserver = new WeakMap(), _KupDataTable_navBarHeight = new WeakMap(), _KupDataTable_theadIntersecting = new WeakMap(), _KupDataTable_tableIntersecting = new WeakMap(), _KupDataTable_isSafariBrowser = new WeakMap(), _KupDataTable_isRestoringState = new WeakMap(), _KupDataTable_globalFilterTimeout = new WeakMap(), _KupDataTable_totalMenuCoords = new WeakMap(), _KupDataTable_clickTimeout = new WeakMap(), _KupDataTable_thRefs = new WeakMap(), _KupDataTable_rowsRefs = new WeakMap(), _KupDataTable_oldWidth = new WeakMap(), _KupDataTable_hold = new WeakMap(), _KupDataTable_interactableDrag = new WeakMap(), _KupDataTable_interactableDrop = new WeakMap(), _KupDataTable_interactableResize = new WeakMap(), _KupDataTable_interactableTouch = new WeakMap(), _KupDataTable_dropareaRef = new WeakMap(), _KupDataTable_removeDropareaRef = new WeakMap(), _KupDataTable_groupsDropareaRef = new WeakMap(), _KupDataTable_clickCb = new WeakMap(), _KupDataTable_clickCbCustomPanel = new WeakMap(), _KupDataTable_clickCbDropCard = new WeakMap(), _KupDataTable_resizeTimeout = new WeakMap(), _KupDataTable_columnMenuInstance = new WeakMap(), _KupDataTable_filtersColumnMenuInstance = new WeakMap(), _KupDataTable_filtersRowsInstance = new WeakMap(), _KupDataTable_detailCard = new WeakMap(), _KupDataTable_insertCard = new WeakMap(), _KupDataTable_actionsCard = new WeakMap(), _KupDataTable_confirmDeleteCard = new WeakMap(), _KupDataTable_confirmDeleteDialog = new WeakMap(), _KupDataTable_columnMenuCard = new WeakMap(), _KupDataTable_columnDropCard = new WeakMap(), _KupDataTable_columnDropCardAnchor = new WeakMap(), _KupDataTable_dropDownActionCardAnchor = new WeakMap(), _KupDataTable_insertCount = new WeakMap(), _KupDataTable_lastFocusedColumn = new WeakMap(), _KupDataTable_lastFocusedCell = new WeakMap(), _KupDataTable_lastFocusedRow = new WeakMap(), _KupDataTable_maxRowsPerPage = new WeakMap(), _KupDataTable_readyPromise = new WeakMap(), _KupDataTable_readyResolve = new WeakMap(), _KupDataTable_BUTTON_CANCEL_ID = new WeakMap(), _KupDataTable_BUTTON_SUBMIT_ID = new WeakMap(), _KupDataTable_FIELDS_FORM_ID = new WeakMap(), _KupDataTable_MESSAGE_ID = new WeakMap(), _KupDataTable_MESSAGE_WRAPPER_ID = new WeakMap(), _KupDataTable_INSERT_PREFIX = new WeakMap(), _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER = new WeakMap(), _KupDataTable_stickyHeaderPosition = new WeakMap(), _KupDataTable_horNav = new WeakMap(), _KupDataTable_verNav = new WeakMap(), _KupDataTable_onKupKeyDown = new WeakMap(), _KupDataTable_handleUpdateClick = new WeakMap(), _KupDataTable_FONTSIZE_CODES = new WeakMap(), _KupDataTable_FONTSIZE_DECODES = new WeakMap(), _KupDataTable_FONTSIZE_ICONS = new WeakMap(), _KupDataTable_DENSITY_DECODES = new WeakMap(), _KupDataTable_DENSITY_ICONS = new WeakMap(), _KupDataTable_GRID_CODES = new WeakMap(), _KupDataTable_GRID_DECODES = new WeakMap(), _KupDataTable_GRID_ICONS = new WeakMap(), _KupDataTable_instances = new WeakSet(), _KupDataTable_checkUpdateState = function _KupDataTable_checkUpdateState() {
+    let somethingChanged = false;
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.filters, this.filters)) {
+        this.state.filters = Object.assign({}, this.filters);
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.groups, this.groups)) {
+        this.state.groups = [...this.groups];
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.sort, this.sort)) {
+        this.state.sort = [...this.sort];
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.expandGroups, this.expandGroups)) {
+        this.state.expandGroups = this.expandGroups;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.groupLabelDisplay, this.groupLabelDisplay)) {
+        this.state.groupLabelDisplay = this.groupLabelDisplay;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.density, this.density)) {
+        this.state.density = this.density;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.enableExtraColumns, this.enableExtraColumns)) {
+        this.state.enableExtraColumns = this.enableExtraColumns;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.enableSortableColumns, this.enableSortableColumns)) {
+        this.state.enableSortableColumns = this.enableSortableColumns;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.forceOneLine, this.forceOneLine)) {
+        this.state.forceOneLine = this.forceOneLine;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.globalFilter, this.globalFilter)) {
+        this.state.globalFilter = this.globalFilter;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
+        this.state.globalFilterValue = this.globalFilterValue;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.headerIsPersistent, this.headerIsPersistent)) {
+        this.state.headerIsPersistent = this.headerIsPersistent;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.lazyLoadRows, this.lazyLoadRows)) {
+        this.state.lazyLoadRows = this.lazyLoadRows;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.loadMoreLimit, this.loadMoreLimit)) {
+        this.state.loadMoreLimit = this.loadMoreLimit;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.selection, this.selection)) {
+        this.state.selection = this.selection;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.rowsPerPage, this.currentRowsPerPage)) {
+        this.state.rowsPerPage = this.currentRowsPerPage;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showFilters, this.showFilters)) {
+        this.state.showFilters = this.showFilters;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showGroups, this.showGroups)) {
+        this.state.showGroups = this.showGroups;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showHeader, this.showHeader)) {
+        this.state.showHeader = this.showHeader;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showLoadMore, this.showLoadMore)) {
+        this.state.showLoadMore = this.showLoadMore;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showPaginator, this.showPaginator)) {
+        this.state.showPaginator = this.showPaginator;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.hiddenSubmitButton, this.hiddenSubmitButton)) {
+        this.state.hiddenSubmitButton = this.hiddenSubmitButton;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.sortEnabled, this.sortEnabled)) {
+        this.state.sortEnabled = this.sortEnabled;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.sortableColumnsMutateData, this.sortableColumnsMutateData)) {
+        this.state.sortableColumnsMutateData =
+            this.sortableColumnsMutateData;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.pageSelected, this.currentPage)) {
+        this.state.pageSelected = this.currentPage;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.dragEnabled, this.dragEnabled)) {
+        this.state.dragEnabled = this.dragEnabled;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.dropEnabled, this.dropEnabled)) {
+        this.state.dropEnabled = this.dropEnabled;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showFooter, this.showFooter)) {
+        this.state.showFooter = this.showFooter;
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.totals, this.totals)) {
+        this.state.totals = Object.assign({}, this.totals);
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.selectRowsById, this.selectedRows.reduce((accumulator, row, currentIndex) => {
+        const prefix = currentIndex > 0 ? ';' : '';
+        return accumulator + prefix + row.id;
+    }, ''))) {
+        this.state.selectRowsById = this.selectedRows.reduce((accumulator, row, currentIndex) => {
+            const prefix = currentIndex > 0 ? ';' : '';
+            return accumulator + prefix + row.id;
+        }, '');
+        somethingChanged = true;
+    }
+    if (!__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.visibleColumns, this.visibleColumns)) {
+        this.state.visibleColumns = [...this.visibleColumns];
+        somethingChanged = true;
+    }
+    return somethingChanged;
+}, _KupDataTable_closeDropCard = function _KupDataTable_closeDropCard() {
     __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").dynamicPosition.stop(__classPrivateFieldGet(this, _KupDataTable_columnDropCard, "f"));
     __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").removeClickCallback(__classPrivateFieldGet(this, _KupDataTable_clickCbDropCard, "f"));
     __classPrivateFieldGet(this, _KupDataTable_columnDropCard, "f").remove();
@@ -4675,7 +5016,9 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 const row = (_c = __classPrivateFieldGet(this, _KupDataTable_lastPointerDetails, "f")) === null || _c === void 0 ? void 0 : _c.row;
                 if (!cell) {
                     __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").debug.logMessage(this, "Couldn't find cell to retrieve drag informations!", KupDebugCategory.WARNING);
-                    return;
+                    return {
+                        id: this.rootElement.id,
+                    };
                 }
                 return {
                     cell,
@@ -4708,7 +5051,9 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             const row = (_c = __classPrivateFieldGet(this, _KupDataTable_lastPointerDetails, "f")) === null || _c === void 0 ? void 0 : _c.row;
             if (!cell) {
                 __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").debug.logMessage(this, "Couldn't find cell to retrieve dropzone informations!", KupDebugCategory.WARNING);
-                return;
+                return {
+                    id: this.rootElement.id,
+                };
             }
             return {
                 cell,
@@ -4789,11 +5134,16 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         }
     }
     return count;
-}, _KupDataTable_resetSelectedRows = function _KupDataTable_resetSelectedRows() {
+}, _KupDataTable_resetSelectedRows = function _KupDataTable_resetSelectedRows(emit = false) {
     if (this.getRows().length === 0)
         return;
     this.selectedRows = [];
-    this.kupResetSelectedRows.emit({ comp: this, id: this.rootElement.id });
+    if (emit) {
+        this.kupResetSelectedRows.emit({
+            comp: this,
+            id: this.rootElement.id,
+        });
+    }
 }, _KupDataTable_getSizedColumns = function _KupDataTable_getSizedColumns() {
     const columns = this.getColumns();
     const sizedColumns = [];
@@ -4997,19 +5347,32 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             case 'kup-list-click':
                 const selectedObjectIndex = e.detail.event.detail.index;
                 const selectedObject = dropDownActions[selectedObjectIndex];
-                this.kupRowActionItemClick.emit({
-                    comp: this,
-                    id: this.rootElement.id,
-                    row: row,
-                    obj: selectedObject.obj,
-                    cell: selectedObject.cell,
-                    type: selectedObject.type,
-                    index: selectedObject.index,
-                    column: selectedObject.column,
-                });
-                setTimeout(() => {
-                    __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_closeRowActionsCard).call(this);
-                }, 0);
+                const dispatchSelection = () => {
+                    this.kupRowActionItemClick.emit({
+                        comp: this,
+                        id: this.rootElement.id,
+                        row: row,
+                        obj: selectedObject.obj,
+                        cell: selectedObject.cell,
+                        type: selectedObject.type,
+                        index: selectedObject.index,
+                        column: selectedObject.column,
+                    });
+                    setTimeout(() => {
+                        __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_closeRowActionsCard).call(this);
+                    }, 0);
+                };
+                const rowId = row.id;
+                if (rowId) {
+                    this.setSelectedRows([row.id], true).then(() => {
+                        // event should be dispatched
+                        dispatchSelection();
+                    });
+                }
+                else {
+                    // fallback in case the row has no id (should never happen)
+                    dispatchSelection();
+                }
         }
     });
 }, _KupDataTable_clearSearchActionsCard = function _KupDataTable_clearSearchActionsCard(card, dropDownActions) {
@@ -5306,8 +5669,81 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         th: th ? th : null,
         tr: tr ? tr : null,
     };
+}, _KupDataTable_getEventDetailsForCurrentSelection = function _KupDataTable_getEventDetailsForCurrentSelection() {
+    let isHeader, isBody, isFooter, td, textfield, th, tr, filterRemove;
+    isBody =
+        !!__classPrivateFieldGet(this, _KupDataTable_lastFocusedRow, "f") &&
+            !!__classPrivateFieldGet(this, _KupDataTable_lastFocusedCell, "f") &&
+            !!__classPrivateFieldGet(this, _KupDataTable_lastFocusedColumn, "f");
+    isHeader =
+        !__classPrivateFieldGet(this, _KupDataTable_lastFocusedRow, "f") &&
+            !!__classPrivateFieldGet(this, _KupDataTable_lastFocusedCell, "f") &&
+            !!__classPrivateFieldGet(this, _KupDataTable_lastFocusedColumn, "f");
+    isFooter =
+        !__classPrivateFieldGet(this, _KupDataTable_lastFocusedRow, "f") &&
+            !__classPrivateFieldGet(this, _KupDataTable_lastFocusedCell, "f") &&
+            !!__classPrivateFieldGet(this, _KupDataTable_lastFocusedColumn, "f");
+    let cell = null, column = null, isGroupRow = false, row = null;
+    if (isBody) {
+        row = __classPrivateFieldGet(this, _KupDataTable_lastFocusedRow, "f");
+    }
+    if (isHeader || isBody) {
+        cell = __classPrivateFieldGet(this, _KupDataTable_lastFocusedCell, "f");
+    }
+    if (isHeader || isBody || isFooter) {
+        const columnName = __classPrivateFieldGet(this, _KupDataTable_lastFocusedColumn, "f").name;
+        if (columnName) {
+            column = getColumnByName(this.getColumns(), columnName);
+        }
+    }
+    return {
+        area: isHeader
+            ? 'header'
+            : isBody
+                ? 'body'
+                : isFooter
+                    ? 'footer'
+                    : null,
+        cell: cell ? cell : null,
+        column: column ? column : null,
+        filterRemove: filterRemove ? filterRemove : null,
+        isGroupRow: isGroupRow,
+        originalEvent: undefined,
+        row: row ? row : null,
+        td: td ? td : null,
+        textfield: textfield ? textfield : null,
+        th: th ? th : null,
+        tr: tr ? tr : null,
+    };
+}, _KupDataTable_getSourceElementCoordsForCurrentSelection = function _KupDataTable_getSourceElementCoordsForCurrentSelection(details) {
+    var _a, _b, _c, _d, _e;
+    let x = 0, y = 0;
+    if (details.area == 'footer') {
+        const elCoords = (_b = (_a = __classPrivateFieldGet(this, _KupDataTable_tableRef, "f")
+            .querySelector(`tfoot tr td[data-column='${details.column.name}']`)) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) !== null && _b !== void 0 ? _b : {
+            x: 0,
+            y: 0,
+            width: 0,
+            height: 0,
+        };
+        x = elCoords.x + elCoords.width / 2;
+        y = elCoords.y + elCoords.height / 2;
+    }
+    else {
+        const elCoords = (_e = (_d = (_c = details.cell) === null || _c === void 0 ? void 0 : _c.element) === null || _d === void 0 ? void 0 : _d.getBoundingClientRect()) !== null && _e !== void 0 ? _e : {
+            x: 0,
+            y: 0,
+        };
+        x = elCoords.x;
+        y = elCoords.y;
+    }
+    return { x, y };
 }, _KupDataTable_clickHandler = function _KupDataTable_clickHandler(e) {
     const details = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e);
+    const { cell, column } = details;
+    __classPrivateFieldSet(this, _KupDataTable_lastFocusedCell, cell, "f");
+    __classPrivateFieldSet(this, _KupDataTable_lastFocusedColumn, column, "f");
+    __classPrivateFieldSet(this, _KupDataTable_lastFocusedRow, undefined, "f");
     if (details.area === 'header') {
         if (details.th && details.column) {
             if (details.filterRemove) {
@@ -5321,6 +5757,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         }
     }
     else if (details.area === 'body') {
+        __classPrivateFieldSet(this, _KupDataTable_lastFocusedRow, details.row, "f");
         if ((this.isFocusable || e.ctrlKey || e.metaKey) &&
             details.tr &&
             !details.isGroupRow) {
@@ -5342,7 +5779,6 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onRowClick).call(this, details.row, details.td, true);
             return details;
         }
-        __classPrivateFieldSet(this, _KupDataTable_lastFocusedRow, details.row, "f");
     }
     return details;
 }, _KupDataTable_cellActionsMenuHandler = function _KupDataTable_cellActionsMenuHandler(e) {
@@ -5356,15 +5792,27 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     return details;
 }, _KupDataTable_contextMenuHandler = function _KupDataTable_contextMenuHandler(e) {
     const details = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e);
+    return __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_contextMenuHandlerDetailsManager).call(this, details, {
+        x: e.pageX,
+        y: e.pageY,
+    });
+}, _KupDataTable_tooltipRequestHandler = function _KupDataTable_tooltipRequestHandler() {
+    const details = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetailsForCurrentSelection).call(this);
+    const elCoords = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getSourceElementCoordsForCurrentSelection).call(this, details);
+    return __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_contextMenuHandlerDetailsManager).call(this, details, {
+        x: elCoords.x,
+        y: elCoords.y,
+    });
+}, _KupDataTable_contextMenuHandlerDetailsManager = function _KupDataTable_contextMenuHandlerDetailsManager(details, eventCoords) {
     if (details.area === DataTableAreasEnum.HEADER) {
-        if (details.th && details.column) {
+        if (details.column) {
             this.openColumnMenu(details.column.name);
             return details;
         }
     }
     else if (details.area === DataTableAreasEnum.FOOTER) {
-        if (details.td && details.column) {
-            __classPrivateFieldSet(this, _KupDataTable_totalMenuCoords, { x: e.clientX, y: e.clientY }, "f");
+        if (details.column) {
+            __classPrivateFieldSet(this, _KupDataTable_totalMenuCoords, eventCoords, "f");
             __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onTotalMenuOpen).call(this, details.column);
             return details;
         }
@@ -5391,7 +5839,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     __classPrivateFieldSet(this, _KupDataTable_paginatedRows, paginateRows(__classPrivateFieldGet(this, _KupDataTable_rows, "f"), this.currentPage, this.currentRowsPerPage, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this)), "f");
     __classPrivateFieldSet(this, _KupDataTable_paginatedRowsLength, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_paginatedRowsPointLength).call(this), "f");
 }, _KupDataTable_filterRows = function _KupDataTable_filterRows() {
-    __classPrivateFieldSet(this, _KupDataTable_rows, filterRows(this.getRows(), this.filters, this.globalFilterValue, this.getColumns()), "f");
+    __classPrivateFieldSet(this, _KupDataTable_rows, filterRows(this.getRows(), this.filters, this.globalFilterValue, this.getColumns(), undefined, undefined, this.visibleColumns), "f");
     __classPrivateFieldSet(this, _KupDataTable_rowsLength, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_rowsPointLength).call(this), "f");
 }, _KupDataTable_isGrouping = function _KupDataTable_isGrouping() {
     return this.groups && this.groups.length > 0;
@@ -5405,6 +5853,27 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     }
 }, _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;
@@ -5456,6 +5925,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         row.group.children.forEach((childRow) => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_forceRowGroupExpansion).call(this, childRow));
     }
 }, _KupDataTable_adjustPaginator = function _KupDataTable_adjustPaginator() {
+    this.computeMaxRowsPerPage();
     const numberOfRows = __classPrivateFieldGet(this, _KupDataTable_rowsLength, "f");
     // check if current page is valid
     const numberOfPages = Math.ceil(numberOfRows / this.currentRowsPerPage);
@@ -5491,7 +5961,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         columnCssIndex <= this.fixedColumns + extraCellsCount;
     const validFixedColumnR = this.fixedColumnsR &&
         Number.isInteger(this.fixedColumnsR) &&
-        columnCssIndexR >
+        columnCssIndexR >=
             this.getVisibleColumns().length - this.fixedColumnsR;
     const validFixedRowIndex = Number.isInteger(this.fixedRows) &&
         rowCssIndex > 0 &&
@@ -5510,15 +5980,13 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             'var(' + FixedCellsCSSVarsBase.columns + columnCssIndex + ')';
     }
     if (validFixedColumnR) {
-        const prog = columnCssIndexR - (this.getVisibleColumns().length - 1);
-        const progIdx = prog - this.fixedColumnsR;
-        const absIdx = Math.abs(progIdx);
+        const idx = this.getVisibleColumns().length - columnCssIndexR;
         fixedCellClasses[FixedCellsClasses.columnsR] = validFixedColumnR;
         fixedCellClasses['show-column-separator'] =
             ShowGrid.COMPLETE === this.showGrid ||
                 ShowGrid.COL === this.showGrid;
         fixedCellStyle['right'] =
-            'var(' + (FixedCellsCSSVarsBase.columnsR + absIdx) + ')'; // right value assignment must be reversed
+            'var(' + (FixedCellsCSSVarsBase.columnsR + idx) + ')'; // right value assignment must be reversed
     }
     if (validFixedRowIndex) {
         fixedCellClasses[FixedCellsClasses.rows] = !!validFixedRowIndex;
@@ -5755,7 +6223,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     }
     else {
         // deselect all rows
-        __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this);
+        __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this, true);
     }
 }, _KupDataTable_openTotalMenu = function _KupDataTable_openTotalMenu(column) {
     this.openedTotalMenu = column.name;
@@ -5936,7 +6404,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         columnClass['header-cell--is-icon'] = true;
     }
     // For fixed cells styles and classes
-    const fixedCellStyle = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, columnIndex + 1 + extraCells, columnIndex + 1, 0, extraCells);
+    const fixedCellStyle = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, columnIndex + 1 + extraCells, columnIndex, 0, extraCells);
     if (fixedCellStyle) {
         columnClass = Object.assign(Object.assign({}, columnClass), fixedCellStyle.fixedCellClasses);
         thStyle = Object.assign(Object.assign({}, thStyle), fixedCellStyle.fixedCellStyle);
@@ -5957,7 +6425,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             : {}));
         multiSelectColumn = (h("th", { class: selectionStyleAndClass
                 ? selectionStyleAndClass.fixedCellClasses
-                : {}, style: style }, h("kup-checkbox", { "onkup-checkbox-change": (e) => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onSelectAll).call(this, e), title: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageRow.SELECTED) +
+                : {}, style: style }, h(FCheckbox, { onChange: (e) => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onSelectAll).call(this, e), sizing: KupComponentSizing.EXTRA_SMALL, title: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageRow.SELECTED) +
                 `: ${this.selectedRows.length},` +
                 __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageRow.RENDERED) +
                 `: ${__classPrivateFieldGet(this, _KupDataTable_renderedRows, "f").length}`, checked: this.selectedRows.length > 0 &&
@@ -6199,9 +6667,10 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         let selectRowCell = null;
         if (this.selection === SelectionMode.MULTIPLE_CHECKBOX) {
             specialExtraCellsCount++;
-            const selectionStyleAndClass = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, rowCssIndex, specialExtraCellsCount - 1);
+            const selectionStyleAndClass = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, 0, rowCssIndex, specialExtraCellsCount - 1);
             const props = {
                 checked: this.selectedRows.includes(row),
+                sizing: KupComponentSizing.EXTRA_SMALL,
                 onChange: () => {
                     __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handleRowSelect).call(this, row);
                 },
@@ -6219,7 +6688,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
             // Increments
             specialExtraCellsCount++;
-            const actionsStyleAndClass = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, rowCssIndex, specialExtraCellsCount - 1);
+            const actionsStyleAndClass = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, 0, rowCssIndex, specialExtraCellsCount - 1);
             rowActionsCount += ((_a = this.rowActions) === null || _a === void 0 ? void 0 : _a.length) || 0;
             const actionsOnRow = [];
             if (row.actions) {
@@ -6263,7 +6732,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         }
         // Renders plain rows cells
         const cells = visibleColumns.map((currentColumn, cellIndex) => {
-            var _a;
+            var _a, _b;
             const { name, hideValuesRepetitions } = currentColumn;
             const indend = [];
             if (cellIndex === 0) {
@@ -6281,10 +6750,12 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 }
             }
             cell.isEditable = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_setCellEditability).call(this, currentColumn, row, cell);
-            cell.data = Object.assign(Object.assign({}, cell.data), { legacyLook: this.legacyLook });
+            cell.data = Object.assign(Object.assign({}, cell.data), { legacyLook: this.legacyLook, sizing: this.density === 'extra_dense'
+                    ? 'extra-small'
+                    : (_a = cell.data) === null || _a === void 0 ? void 0 : _a.sizing });
             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
                     ? previousRow.cells[name].value
-                    : undefined, renderKup: this.lazyLoadCells, cellActionIcon: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.cell.hasActionCell(cell, (_a = this.commands) !== null && _a !== void 0 ? _a : [])
+                    : undefined, renderKup: this.lazyLoadCells, cellActionIcon: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.cell.hasActionCell(cell, (_b = this.commands) !== null && _b !== void 0 ? _b : [])
                     ? {
                         onClick: (e) => {
                             this.kupCellActionIconClick.emit({
@@ -6300,7 +6771,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             let cellClass = null;
             let cellStyle = Object.assign({}, cell.style);
             //-- For fixed cells --
-            const fixedStyles = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, cellIndex + 1 + specialExtraCellsCount, cellIndex + 1, rowCssIndex, specialExtraCellsCount);
+            const fixedStyles = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, cellIndex + 1 + specialExtraCellsCount, cellIndex, rowCssIndex, specialExtraCellsCount);
             if (fixedStyles) {
                 cellStyle = Object.assign(cellStyle ? cellStyle : {}, fixedStyles.fixedCellStyle);
                 cellClass = Object.assign(Object.assign({}, cellClass), fixedStyles.fixedCellClasses);
@@ -6330,7 +6801,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             let eventHandlers = undefined;
             let title = undefined;
             cellClass = Object.assign({}, cellClass);
-            return (h("td", Object.assign({ title: title, colSpan: cell.span && cell.span.col ? cell.span.col : null, rowSpan: cell.span && cell.span.row ? cell.span.row : null, "data-cell": cell, "data-column": name, "data-row": row, style: cellStyle, class: cellClass }, eventHandlers), jsxCell));
+            return (h("td", Object.assign({ tabIndex: -1, title: title, colSpan: cell.span && cell.span.col ? cell.span.col : null, rowSpan: cell.span && cell.span.row ? cell.span.row : null, "data-cell": cell, "data-column": name, "data-row": row, style: cellStyle, class: cellClass }, eventHandlers), jsxCell));
         });
         // adding row to rendered rows
         __classPrivateFieldGet(this, _KupDataTable_renderedRows, "f").push(row);
@@ -6381,7 +6852,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             ? () => {
                 __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onLoadMoreClick).call(this);
             }
-            : null, onNextPage: () => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, this.currentPage + 1), onPrevPage: () => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, this.currentPage - 1), onPageChange: (e) => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, e.detail.value), onRowsChange: (e) => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handleRowsPerPageChange).call(this, e.detail.value) })) : null)));
+            : null, onNextPage: () => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, this.currentPage + 1), onPrevPage: () => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, this.currentPage - 1), onPageChange: (e) => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, e.detail.value), onRowsChange: (e) => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handleRowsPerPageChange).call(this, e.detail.value), showMaxPages: true })) : null)));
 }, _KupDataTable_columnRemoveArea = function _KupDataTable_columnRemoveArea() {
     return (h("div", { class: "droparea__remove", ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_removeDropareaRef, el, "f")) }, h(FImage, { resource: "delete", color: `var(${KupThemeColorValues.DANGER})`, sizeX: "30px", sizeY: "50px" }), h(FImage, { resource: "delete-empty", color: `var(${KupThemeColorValues.DANGER})`, sizeX: "30px", sizeY: "50px" })));
 }, _KupDataTable_columnGroupArea = function _KupDataTable_columnGroupArea() {
@@ -6440,6 +6911,9 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             case 'Complete':
                 value = KupLanguageGrid.COMPLETE;
                 break;
+            case 'extra_dense':
+                value = KupLanguageDensity.EXTRA_DENSE;
+                break;
             case 'dense':
                 value = KupLanguageDensity.DENSE;
                 break;
@@ -6499,12 +6973,13 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         } })));
 }, _KupDataTable_getDensityCodeFromDecode = function _KupDataTable_getDensityCodeFromDecode(decode) {
     return __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_transcodeItem).call(this, decode, __classPrivateFieldGet(this, _KupDataTable_DENSITY_DECODES, "f"), [
+        'extra_dense',
         'dense',
         'medium',
         'wide',
     ]);
 }, _KupDataTable_renderDensityPanel = function _KupDataTable_renderDensityPanel() {
-    const listItems = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_createListData).call(this, ['dense', 'medium', 'wide'], __classPrivateFieldGet(this, _KupDataTable_DENSITY_ICONS, "f"), this.density);
+    const listItems = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_createListData).call(this, ['extra_dense', 'dense', 'medium', 'wide'], __classPrivateFieldGet(this, _KupDataTable_DENSITY_ICONS, "f"), this.density);
     const listData = { data: listItems, showIcons: true };
     const textfieldData = {
         trailingIcon: true,
@@ -6515,6 +6990,9 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     let text = null;
     switch (this.density) {
         //This whole customization panel thingy must be purged, for now -- it's ugly
+        case 'extra_dense':
+            text = KupLanguageDensity.EXTRA_DENSE;
+            break;
         case 'dense':
             text = KupLanguageDensity.DENSE;
             break;
@@ -6633,12 +7111,9 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         this.deleteRows(ids);
     };
     const addConfirmButton = () => {
-        __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").keysBinding.register('enter', () => {
-            const bc = this.rootElement.shadowRoot
-                .activeElement;
-            bc === null || bc === void 0 ? void 0 : bc.blur();
-            __classPrivateFieldGet(this, _KupDataTable_handleUpdateClick, "f").call(this);
-        });
+        if (this.hiddenSubmitButton) {
+            return;
+        }
         commandButtons.push(h("kup-button", { styling: styling, icon: "check", "onKup-button-click": () => {
                 __classPrivateFieldGet(this, _KupDataTable_handleUpdateClick, "f").call(this);
             }, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM) }));
@@ -6678,5 +7153,5 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     addConfirmButton();
     addCommands();
     addOperations();
-    return h("div", { class: "commands" }, commandButtons);
+    return (!!commandButtons.length && (h("div", { class: "commands" }, commandButtons)));
 };