@sme.up/ketchup 10.3.7 → 10.3.9

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

@@ -14,7 +14,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _KupDataTable_instances, _KupDataTable_checkUpdateState, _KupDataTable_initialized, _KupDataTable_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_insertNewColumnInVisibleColumnsList, _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_handleChipsContextMenu, _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_beforeTotalMatrixData, _KupDataTable_beforeTotalMatrixGroups, _KupDataTable_beforeTotalMatrixTotals, _KupDataTable_beforeTotalMatrixVisibleColumns, _KupDataTable_insertedRowIds, _KupDataTable_modifiedRowsIds, _KupDataTable_tableAreaRef, _KupDataTable_stickyTheadRef, _KupDataTable_lastPointerDetails, _KupDataTable_customizeTopButtonRef, _KupDataTable_customizeTopPanelRef, _KupDataTable_sizedColumns, _KupDataTable_intObserver, _KupDataTable_navBarHeight, _KupDataTable_theadIntersecting, _KupDataTable_tableIntersecting, _KupDataTable_isSafariBrowser, _KupDataTable_isRestoringState, _KupDataTable_globalFilterTimeout, _KupDataTable_totalMenuCoords, _KupDataTable_clickTimeout, _KupDataTable_thRefs, _KupDataTable_rowsRefs, _KupDataTable_oldWidth, _KupDataTable_hold, _KupDataTable_interactableDrag, _KupDataTable_interactableDrop, _KupDataTable_interactableResize, _KupDataTable_interactableTouch, _KupDataTable_dropareaRef, _KupDataTable_removeDropareaRef, _KupDataTable_groupsDropareaRef, _KupDataTable_clickCb, _KupDataTable_clickCbCustomPanel, _KupDataTable_clickCbDropCard, _KupDataTable_resizeTimeout, _KupDataTable_columnMenuInstance, _KupDataTable_filtersColumnMenuInstance, _KupDataTable_filtersRowsInstance, _KupDataTable_detailCard, _KupDataTable_insertCard, _KupDataTable_actionsCard, _KupDataTable_confirmDeleteCard, _KupDataTable_confirmDeleteDialog, _KupDataTable_columnMenuCard, _KupDataTable_columnDropCard, _KupDataTable_columnDropCardAnchor, _KupDataTable_dropDownActionCardAnchor, _KupDataTable_insertCount, _KupDataTable_lastFocusedColumn, _KupDataTable_lastFocusedCell, _KupDataTable_lastFocusedRow, _KupDataTable_maxRowsPerPage, _KupDataTable_readyPromise, _KupDataTable_readyResolve, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, _KupDataTable_insertNewColumnInVisibleColumnsList, _KupDataTable_closeDropCard, _KupDataTable_createDropCard, _KupDataTable_calculateData, _KupDataTable_getRow, _KupDataTable__getRow, _KupDataTable_getTransposedData, _KupDataTable_setTransposedData, _KupDataTable_switchBackFromTotalsMatrix, _KupDataTable_switchToTotalsMatrix, _KupDataTable_findGroupsAtLevel, _KupDataTable_getGroupElementsBefore, _KupDataTable_buildTotalTitle, _KupDataTable_promoteTotals, _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_renderBackFromTotalsMatrix, _KupDataTable_renderGridPanel, _KupDataTable_renderCommandButton, _KupDataTable_handleChipsContextMenu, _KupDataTable_renderCommandDropDownButton, _KupDataTable_renderOtherButtons, _KupDataTable_renderUpdateButtons, _KupDataTable_createDeletePayload, _KupDataTable_isRowInserted, _KupDataTable_isRowModified, _KupDataTable_arraysContainSameElements;
 import { forceUpdate, h, Host, } from "@stencil/core";
 import { FixedCellsClasses, FixedCellsCSSVarsBase, GroupLabelDisplayMode, LoadMoreMode, PaginatorPos, ShowGrid, SortMode, TotalMode, TotalLabel, KupDataTableProps, fieldColumn, iconColumn, keyColumn, SelectionMode, DataTableAreasEnum, TypesToDuplicate, } from "./kup-data-table-declarations";
 import { getColumnByName, getValueForDisplay, isNegativeNumber, } from "../../utils/cell-utils";
@@ -84,10 +84,21 @@ export class KupDataTable {
          * contains the id greater value in #originalDataLoaded
          */
         _KupDataTable_originalDataLoadedMaxId.set(this, void 0);
+        /**
+         * variables keeping track of the matrix properties before the totals view
+         */
+        _KupDataTable_beforeTotalMatrixData.set(this, undefined);
+        _KupDataTable_beforeTotalMatrixGroups.set(this, undefined);
+        _KupDataTable_beforeTotalMatrixTotals.set(this, undefined);
+        _KupDataTable_beforeTotalMatrixVisibleColumns.set(this, undefined);
         /**
          * contains the id greater value in #originalDataLoaded
          */
         _KupDataTable_insertedRowIds.set(this, []);
+        /**
+         * contains the id greater value in #originalDataLoaded
+         */
+        _KupDataTable_modifiedRowsIds.set(this, []);
         /**
          * Reference to the working area of the table. This is the below-wrapper reference.
          */
@@ -230,11 +241,12 @@ export class KupDataTable {
             }
         });
         _KupDataTable_handleUpdateClick.set(this, (command) => {
+            var _a, _b;
             this.kupUpdate.emit({
                 comp: this,
                 id: this.rootElement.id,
-                originalData: __classPrivateFieldGet(this, _KupDataTable_originalDataLoaded, "f"),
-                updatedData: getDiffData(__classPrivateFieldGet(this, _KupDataTable_originalDataLoaded, "f"), this.data, true),
+                originalData: (_a = __classPrivateFieldGet(this, _KupDataTable_originalDataLoaded, "f")) !== null && _a !== void 0 ? _a : this.data,
+                updatedData: getDiffData((_b = __classPrivateFieldGet(this, _KupDataTable_originalDataLoaded, "f")) !== null && _b !== void 0 ? _b : this.data, this.data, true, __classPrivateFieldGet(this, _KupDataTable_insertedRowIds, "f")),
                 command: command,
             });
         });
@@ -338,6 +350,7 @@ export class KupDataTable {
         this.openedTotalMenu = null;
         this.openedCustomSettings = false;
         this.fontsize = 'small';
+        this.totalsMatrixView = false;
     }
     initWithPersistedState() {
         if (this.store && this.stateId) {
@@ -433,6 +446,7 @@ export class KupDataTable {
                 ? SelectionMode.MULTIPLE_CHECKBOX
                 : this.selection;
             __classPrivateFieldSet(this, _KupDataTable_insertedRowIds, [], "f");
+            __classPrivateFieldSet(this, _KupDataTable_modifiedRowsIds, [], "f");
             __classPrivateFieldSet(this, _KupDataTable_originalDataLoadedMaxId, ((_c = __classPrivateFieldGet(this, _KupDataTable_originalDataLoaded, "f").rows) === null || _c === void 0 ? void 0 : _c.length) > 0
                 ? Math.max(...__classPrivateFieldGet(this, _KupDataTable_originalDataLoaded, "f").rows.map((r) => parseInt(r.id)))
                 : -1, "f");
@@ -752,7 +766,7 @@ export class KupDataTable {
             });
         });
         __classPrivateFieldGet(this, _KupDataTable_columnMenuCard, "f").addEventListener('kup-card-event', (e) => {
-            __classPrivateFieldGet(this, _KupDataTable_columnMenuInstance, "f").eventHandlers(e, this);
+            __classPrivateFieldGet(this, _KupDataTable_columnMenuInstance, "f").eventHandlers(e, this, columnName);
             this.kupDataTableColumnMenu.emit({
                 comp: this,
                 id: this.rootElement.id,
@@ -996,6 +1010,11 @@ export class KupDataTable {
             }
         }
     }
+    async toggleTotalsMatrix(columnName, calculateTotals) {
+        calculateTotals === true
+            ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_switchToTotalsMatrix).call(this, columnName)
+            : __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_switchBackFromTotalsMatrix).call(this);
+    }
     //---- Lifecycle hooks ----
     connectedCallback() {
         __classPrivateFieldSet(this, _KupDataTable_readyPromise, new Promise((resolve) => {
@@ -1387,8 +1406,13 @@ export class KupDataTable {
             grid = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderGridPanel).call(this);
             transpose = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderTransposeSwitch).call(this);
             if (this.totals && this.groups.length > 0) {
+                // From original matrix to totalsMatrix
                 totalsMatrix = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderTotalsMatrix).call(this);
             }
+            if (this.totalsMatrixView) {
+                // From totals matrix to original
+                totalsMatrix = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderBackFromTotalsMatrix).call(this);
+            }
         }
         return (h("kup-card", { customStyle: "::slotted(kup-switch) { width: max-content !important; } ::slotted(*) { margin: auto !important; } ::slotted(.customize-element) { margin: auto !important; padding: 0 1em 1em 1em !important; width: max-content !important; } ::slotted(.customize-element):nth-child(1) { padding-top: 1em !important; }", isMenu: true, layoutFamily: KupCardFamily.FREE, ref: (el) => {
                 __classPrivateFieldSet(this, _KupDataTable_customizeTopPanelRef, el, "f");
@@ -1441,7 +1465,7 @@ export class KupDataTable {
         __classPrivateFieldSet(this, _KupDataTable_sizedColumns, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
         let rows = null;
         if (__classPrivateFieldGet(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h("tr", { key: '65b3fb40eaad33e6d3c3bcb8f160b69856ecf701', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '5e670d0765de2341365a739bc3f825e78721ac25', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: 'f756c110837ac07883be514318b398066cdc3840', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '60bb274da01b04591b72c739b4a16c43700e0dce', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -1517,7 +1541,7 @@ export class KupDataTable {
                         __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handleChipsContextMenu).call(this, chipArg.id, e);
                     });
                 }
-                groupChips = h(FChip, Object.assign({ key: '5b8732380a56359aef620c40b29c64159570f9d9' }, props));
+                groupChips = h(FChip, Object.assign({ key: 'f97dd630bea3bd273b870b0db7bcd6da75b7bda6' }, props));
             }
         }
         const tableClass = {
@@ -1549,7 +1573,7 @@ export class KupDataTable {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { key: 'f4209dc154f69639a46e566999616b493caed499', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'de05e2fbcb98a9d1beaf6a9ae903219398d80478' }, h("tr-sticky", { key: 'd4df92b29c1a2328f1095e852fee3a98495ef33c' }, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: '0662d9ee62e82826c4ac0f3b177a65e5be681b09', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: '2c2a444728fb55d1cf75fc1cf9355a190b5adc6d' }, h("tr-sticky", { key: '76635d27d299a0fbcaf2b4d8ba23dfe2ced0a57f' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -1595,12 +1619,16 @@ 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: '9a17685f40d632c7cb18a342236f99f96825120d', "onKup-drop": (e) => {
+        const compCreated = (h(Host, { key: '668806149ffdece2873c90423fc8230f1774d18d', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
                 this.kupDataTableCellInput.emit(e.detail);
-            }, "onKup-cell-update": autoselectOnAction, "onKup-cell-blur": __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onBlurHandler), "onKup-cell-click": (e) => {
+                __classPrivateFieldGet(this, _KupDataTable_modifiedRowsIds, "f").push(e.detail.row.id);
+            }, "onKup-cell-update": (e) => {
+                autoselectOnAction(e);
+                __classPrivateFieldGet(this, _KupDataTable_modifiedRowsIds, "f").push(e.detail.row.id);
+            }, "onKup-cell-blur": __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onBlurHandler), "onKup-cell-click": (e) => {
                 this.kupDataTableCellClick.emit(e.detail);
             }, "onKup-cell-iconclick": (e) => {
                 this.kupDataTableCellIconClick.emit(e.detail);
@@ -1610,11 +1638,11 @@ export class KupDataTable {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: '79ace6176b404970802c44e116bfe85eb4f97585' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: '351cd4f3fa636ae8aac9b789ab5ddf2161b17942', id: componentWrapperId, class: wrapClass }, h("div", { key: '32ec90f3dc78d10462e5e5ef8a4ef0684cdcff36', class: "group-wrapper" }, groupChips), h("div", { key: '41c4515d9d59078f867aa638cdd3b9ea0f157d45', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, h("style", { key: 'b4f670a84ca9e6c048145c18b66c95c0c8d94bf2' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h("div", { key: '10ad3ac25486699a1b2f4a72ef9a55df6923c09d', id: componentWrapperId, class: wrapClass }, h("div", { key: 'af5425d020f6aace2de2097b1640352af4c23474', class: "group-wrapper" }, groupChips), h("div", { key: 'c3719eb37a42275d12a14cdd9f17d4aa089a644b', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, paginatorTop && (h("div", { key: 'cabedeb68bcfe2cf6a99deff4d591a9a9ee29bb3', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
+            } }))) : null, paginatorTop && (h("div", { key: 'e01912dae8c3547a51c34f1215a81139b81c0efc', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -1664,9 +1692,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: 'eb03546e0494b0185762bcbef91938c67fb67f71', 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: '4e3b3890fc29bc744b945cb12aff638259bf070a', 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: '1c23ebbebedf9b71f1774dc9a719a814ae2d9342', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: '13e409dd5151019d4241f5c715fac71f45f8b2d9', 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);
@@ -1675,7 +1703,7 @@ export class KupDataTable {
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: '0c641583cbf04c513aa98d0dce01ca6d9b8c011c', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
+            : null, h("table", { key: '9dbaa5b996c7be9610cfc86f4fec1fe8f51bc088', 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");
@@ -1683,7 +1711,7 @@ export class KupDataTable {
                 __classPrivateFieldSet(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { key: '19ba63a8356e15878207df1c167825c7089dcb43', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '14477c0152f8a5dc08c6ca4adbff833c6f04713a' }, header)), h("tbody", { key: '1a91bb716cea4d295c659e30006385ac3c0081d6' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h("thead", { key: '33ec409789766dea9659e28f214d0ec90898d64c', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '50d184585969f3626e86612213421f3fcc2f1212' }, header)), h("tbody", { key: '9eaadffb972a9332c77ba8c0f382d84b4b20e9fd' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -3024,7 +3052,8 @@ export class KupDataTable {
             "groupState": {},
             "openedTotalMenu": {},
             "openedCustomSettings": {},
-            "fontsize": {}
+            "fontsize": {},
+            "totalsMatrixView": {}
         };
     }
     static get events() {
@@ -4296,6 +4325,31 @@ export class KupDataTable {
                         }]
                 }
             },
+            "toggleTotalsMatrix": {
+                "complexType": {
+                    "signature": "(columnName?: string, calculateTotals?: boolean) => Promise<void>",
+                    "parameters": [{
+                            "name": "columnName",
+                            "type": "string",
+                            "docs": ""
+                        }, {
+                            "name": "calculateTotals",
+                            "type": "boolean",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
             "getInternalState": {
                 "complexType": {
                     "signature": "() => Promise<{ groups: GroupObject[]; filters: GenericFilter; data: KupDataTableDataset; }>",
@@ -4442,7 +4496,7 @@ export class KupDataTable {
             }];
     }
 }
-_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() {
+_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_beforeTotalMatrixData = new WeakMap(), _KupDataTable_beforeTotalMatrixGroups = new WeakMap(), _KupDataTable_beforeTotalMatrixTotals = new WeakMap(), _KupDataTable_beforeTotalMatrixVisibleColumns = new WeakMap(), _KupDataTable_insertedRowIds = new WeakMap(), _KupDataTable_modifiedRowsIds = 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);
@@ -4695,127 +4749,190 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     if (this.data.columns.length > 0) {
         this.data = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getTransposedData).call(this, this.data.columns[0].name);
     }
-}, _KupDataTable_switchToTotalsMatrix = function _KupDataTable_switchToTotalsMatrix() {
-    if (__classPrivateFieldGet(this, _KupDataTable_rows, "f").length === 0 || !__classPrivateFieldGet(this, _KupDataTable_rows, "f")[0].group)
+}, _KupDataTable_switchBackFromTotalsMatrix = function _KupDataTable_switchBackFromTotalsMatrix() {
+    this.groups = __classPrivateFieldGet(this, _KupDataTable_beforeTotalMatrixGroups, "f");
+    this.data = __classPrivateFieldGet(this, _KupDataTable_beforeTotalMatrixData, "f");
+    this.totals = __classPrivateFieldGet(this, _KupDataTable_beforeTotalMatrixTotals, "f");
+    this.visibleColumns = __classPrivateFieldGet(this, _KupDataTable_beforeTotalMatrixVisibleColumns, "f");
+    __classPrivateFieldSet(this, _KupDataTable_beforeTotalMatrixData, undefined, "f");
+    __classPrivateFieldSet(this, _KupDataTable_beforeTotalMatrixGroups, undefined, "f");
+    __classPrivateFieldSet(this, _KupDataTable_beforeTotalMatrixTotals, undefined, "f");
+    __classPrivateFieldSet(this, _KupDataTable_beforeTotalMatrixVisibleColumns, undefined, "f");
+    this.totalsMatrixView = false;
+}, _KupDataTable_switchToTotalsMatrix = function _KupDataTable_switchToTotalsMatrix(columnName) {
+    const groupColName = columnName !== null && columnName !== void 0 ? columnName : this.groups[0].column;
+    const totalsColumns = Object.keys(this.totals);
+    __classPrivateFieldSet(this, _KupDataTable_beforeTotalMatrixData, this.data, "f");
+    __classPrivateFieldSet(this, _KupDataTable_beforeTotalMatrixGroups, this.groups, "f");
+    __classPrivateFieldSet(this, _KupDataTable_beforeTotalMatrixTotals, this.totals, "f");
+    __classPrivateFieldSet(this, _KupDataTable_beforeTotalMatrixVisibleColumns, this.visibleColumns, "f");
+    if (__classPrivateFieldGet(this, _KupDataTable_rows, "f").length === 0 ||
+        !__classPrivateFieldGet(this, _KupDataTable_rows, "f")[0].group ||
+        (totalsColumns === null || totalsColumns === void 0 ? void 0 : totalsColumns.length) === 0 ||
+        !groupColName)
         return;
-    // calc totals matrix data
+    // ---------------------------
+    // Build the matrix data object
+    // ---------------------------
     const totalsMatrixData = {};
-    // calc columns id
-    // note that the sorting of the columns depends on the totals selection
-    // the first column is the one that is selected first in the totals, and so on...
-    const ids = [];
-    ids.push(__classPrivateFieldGet(this, _KupDataTable_rows, "f")[0].group.column);
-    Object.keys(__classPrivateFieldGet(this, _KupDataTable_rows, "f")[0].group.totals).forEach((columnKey) => {
-        if (__classPrivateFieldGet(this, _KupDataTable_rows, "f")[0].group.column !== columnKey)
-            ids.push(columnKey);
+    const groupsToInsert = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getGroupElementsBefore).call(this, this.groups, groupColName);
+    // 1. Compute column IDs in correct order
+    const columnIds = [
+        ...groupsToInsert.map((group) => group.column),
+        ...[columnName],
+        ...Object.keys(this.totals),
+    ];
+    // 2. Optimize lookup of columns by building a Map
+    const columnMap = new Map(this.data.columns.map((col) => [col.name, col]));
+    // 3. Build matrix columns
+    totalsMatrixData.columns = columnIds
+        .map((id) => columnMap.get(id))
+        .filter((col) => !!col) // ensure defined
+        .map((col) => {
+        const currentColumn = Object.assign({}, col);
+        const totalMode = this.totals[currentColumn.name];
+        if (totalMode) {
+            currentColumn.title = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_buildTotalTitle).call(this, currentColumn.title, totalMode);
+            __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_setObjForTotalsMatrix).call(this, currentColumn, this.totals);
+        }
+        return currentColumn;
     });
-    // calc columns
-    const totalsMatrixColumns = [];
-    ids.forEach((id) => {
-        this.data.columns.forEach((column) => {
-            if (column.name === id) {
-                const currentColumn = Object.assign({}, column);
-                const totalMode = this.totals[currentColumn.name];
-                if (totalMode) {
-                    if (totalMode.startsWith(TotalMode.MATH)) {
-                        currentColumn.title =
-                            TotalLabel[TotalMode.MATH] +
-                                ' ' +
-                                currentColumn.title;
-                    }
-                    else {
-                        const totalModeKey = Object.keys(TotalMode).find((key) => TotalMode[key] === totalMode);
-                        if (totalModeKey) {
-                            currentColumn.title =
-                                TotalLabel[totalModeKey] +
-                                    ' ' +
-                                    currentColumn.title;
-                        }
-                        else {
-                            currentColumn.title =
-                                totalMode + ' ' + currentColumn.title;
+    // 4. Build matrix rows
+    if (!groupsToInsert || groupsToInsert.length === 0) {
+        totalsMatrixData.rows = __classPrivateFieldGet(this, _KupDataTable_rows, "f").map((row, index) => {
+            const cells = {};
+            columnIds.forEach((id) => {
+                let totalValue;
+                if ((columnName === id ||
+                    groupsToInsert
+                        .map((group) => group.column)
+                        .includes(id)) &&
+                    row.group.id) {
+                    // ID is contained in the column of the group levels before the one clicked
+                    // ID equals the column relative to the group the user clicked
+                    // - Returns the value of the group - row headers
+                    totalValue = row.group.id;
+                }
+                else if (row.group.totals[id] &&
+                    Object.keys(this.totals).includes(id)) {
+                    // The column id is contained in the totals columns
+                    // and the total exists
+                    totalValue = row.group.totals[id];
+                }
+                else {
+                    // Default with an empty value because '---' breaks the totals
+                    totalValue = '';
+                }
+                if (__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").dates.isIsoDate(totalValue)) {
+                    totalValue = __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").dates.format(totalValue);
+                }
+                cells[id] = { value: String(totalValue) };
+            });
+            return {
+                id: String(index),
+                cells,
+            };
+        });
+    }
+    else {
+        totalsMatrixData.rows = [];
+        for (const row of __classPrivateFieldGet(this, _KupDataTable_rows, "f")) {
+            const foundGroups = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_findGroupsAtLevel).call(this, row.group, columnName);
+            if (foundGroups) {
+                for (const g of foundGroups) {
+                    if (g === null || g === void 0 ? void 0 : g.totals) {
+                        const utilityRow = g.children[0];
+                        for (const [key, value] of Object.entries(g.totals)) {
+                            let cellValue = value;
+                            if (__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").dates.isIsoDate(cellValue)) {
+                                cellValue =
+                                    __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").dates.format(cellValue);
+                            }
+                            utilityRow.cells[key].value = String(cellValue);
+                            utilityRow.cells[key].obj.k = String(cellValue);
+                            utilityRow.cells[key].displayedValue =
+                                String(cellValue);
                         }
+                        totalsMatrixData.rows.push(utilityRow);
                     }
-                    __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_setObjForTotalsMatrix).call(this, currentColumn, this.totals);
                 }
-                totalsMatrixColumns.push(currentColumn);
-            }
-        });
-    });
-    // set columns
-    totalsMatrixData.columns = totalsMatrixColumns;
-    // calc rows
-    const totalsMatrixRows = [];
-    let index = 0;
-    __classPrivateFieldGet(this, _KupDataTable_rows, "f").forEach((row) => {
-        const cells = {};
-        ids.forEach((id) => {
-            let totalValue = row.group.totals[id];
-            if (!totalValue) {
-                totalValue = row.group.id;
-            }
-            if (__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").dates.isIsoDate(totalValue)) {
-                totalValue = __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").dates.format(totalValue);
             }
-            cells[id] = {
-                value: String(totalValue),
-            };
-        });
-        totalsMatrixRows.push({
-            id: String(index),
-            cells,
-        });
-        index++;
-    });
-    // set rows
-    totalsMatrixData.rows = totalsMatrixRows;
-    // reset groups
-    this.groups = [];
-    // update data
-    this.data = Object.assign({}, totalsMatrixData);
-    // calc totals
-    // distinct becomes count
-    // count becomes sum
-    const updatedTotals = {};
-    Object.keys(this.totals).forEach((key) => {
-        switch (this.totals[key]) {
+        }
+    }
+    // ---------------------------
+    // Finalize matrix
+    // ---------------------------
+    this.totalsMatrixView = true;
+    this.groups = groupsToInsert;
+    this.data = Object.assign({}, totalsMatrixData); // update dataset
+    this.totals = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_promoteTotals).call(this, this.totals); // promote totals
+    this.visibleColumns = columnIds;
+}, _KupDataTable_findGroupsAtLevel = function _KupDataTable_findGroupsAtLevel(group, columnName) {
+    let results = [];
+    if (!group || !Array.isArray(group.children)) {
+        return results;
+    }
+    // check if any child group matches the columnName
+    const hasMatch = group.children.some((child) => { var _a; return ((_a = child.group) === null || _a === void 0 ? void 0 : _a.column) === columnName; });
+    if (hasMatch) {
+        // collect all sibling groups at this level
+        results.push(...group.children.map((child) => child.group));
+    }
+    else {
+        // traverse children
+        for (const child of group.children) {
+            results.push(...__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_findGroupsAtLevel).call(this, child.group, columnName));
+        }
+    }
+    return results;
+}, _KupDataTable_getGroupElementsBefore = function _KupDataTable_getGroupElementsBefore(arr, target) {
+    const index = arr.findIndex((obj) => obj.column === target);
+    if (index <= 0) {
+        return []; // not found or at index 0
+    }
+    return arr.slice(0, index);
+}, _KupDataTable_buildTotalTitle = function _KupDataTable_buildTotalTitle(originalTitle, totalMode) {
+    if (totalMode.startsWith(TotalMode.MATH)) {
+        return `${TotalLabel[TotalMode.MATH]} ${originalTitle}`;
+    }
+    const totalModeKey = Object.keys(TotalMode).find((key) => TotalMode[key] === totalMode);
+    const label = totalModeKey ? TotalLabel[totalModeKey] : totalMode;
+    return `${label} ${originalTitle}`;
+}, _KupDataTable_promoteTotals = function _KupDataTable_promoteTotals(totals) {
+    const updated = {};
+    for (const [key, mode] of Object.entries(totals)) {
+        switch (mode) {
             case TotalMode.DISTINCT:
-                updatedTotals[key] = TotalMode.COUNT;
+                updated[key] = TotalMode.COUNT;
                 break;
             case TotalMode.COUNT:
-                updatedTotals[key] = TotalMode.SUM;
+                updated[key] = TotalMode.SUM;
                 break;
             default:
-                updatedTotals[key] = this.totals[key];
+                updated[key] = mode;
                 break;
         }
-    });
-    // update totals
-    this.totals = Object.assign({}, updatedTotals);
+    }
+    return updated;
 }, _KupDataTable_setObjForTotalsMatrix = function _KupDataTable_setObjForTotalsMatrix(column, totals) {
+    var _a;
     const obj = column.obj;
     const totalMode = totals[column.name];
+    // Date columns: keep MAX/MIN modes
     if (__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.isDate(obj)) {
-        // check if min or max totals mode
-        if (totalMode === TotalMode.MAX || totalMode === TotalMode.MIN) {
+        if (totalMode === TotalMode.MAX || totalMode === TotalMode.MIN)
             return;
-        }
     }
-    else if (__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.isNumber(obj)) {
-        // check if percentage
-        if (obj.p && obj.p.toUpperCase() === 'P') {
-            if (totalMode !== TotalMode.COUNT &&
-                totalMode !== TotalMode.DISTINCT) {
-                return;
-            }
+    // Percentage numbers: keep COUNT/DISTINCT modes
+    if (__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").objects.isNumber(obj) &&
+        ((_a = obj.p) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === 'P') {
+        if (totalMode === TotalMode.COUNT ||
+            totalMode === TotalMode.DISTINCT) {
+            return;
         }
     }
-    // force obj number
-    column.obj = {
-        t: 'NR',
-        p: '',
-        k: '',
-    };
+    // Default: force numeric
+    column.obj = { t: 'NR', p: '', k: '' };
     if (column.icon) {
         delete column.icon;
     }
@@ -4893,7 +5010,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
 }, _KupDataTable_didLoadInteractables = function _KupDataTable_didLoadInteractables() {
     __classPrivateFieldGet(this, _KupDataTable_interactableTouch, "f").push(__classPrivateFieldGet(this, _KupDataTable_tableRef, "f"));
     const tapCb = (e) => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         if (__classPrivateFieldGet(this, _KupDataTable_hold, "f")) {
             __classPrivateFieldSet(this, _KupDataTable_hold, false, "f");
             return;
@@ -4912,7 +5029,8 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                     const details = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e);
                     // in case a cell action icon is clicked
                     if (((_b = (_a = details === null || details === void 0 ? void 0 : details.cell) === null || _a === void 0 ? void 0 : _a.obj) === null || _b === void 0 ? void 0 : _b.t) !== 'J4' &&
-                        ((_d = (_c = details === null || details === void 0 ? void 0 : details.cell) === null || _c === void 0 ? void 0 : _c.obj) === null || _d === void 0 ? void 0 : _d.p) !== 'ICO') {
+                        ((_d = (_c = details === null || details === void 0 ? void 0 : details.cell) === null || _c === void 0 ? void 0 : _c.obj) === null || _d === void 0 ? void 0 : _d.p) !== 'ICO' &&
+                        ((_e = details === null || details === void 0 ? void 0 : details.cell) === null || _e === void 0 ? void 0 : _e.shape) !== FCellShapes.ICON) {
                         break;
                     }
                 }
@@ -6800,7 +6918,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 const rowActions = __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.row.buildRowActions(row, this.getVisibleColumns({ includeCodVer: true }), this.rowActions, (_b = this.commands) !== null && _b !== void 0 ? _b : []);
                 if (__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.action.checkEveryActionHasOnlyIcon(rowActions) ||
                     (rowActions.length === 1 && rowActions[0].icon)) {
-                    rowActions.forEach((action, index) => {
+                    rowActions.forEach((action) => {
                         var _a;
                         const imageProp = __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.action.buildImageProp(action.icon, action.text || ((_a = action.column) === null || _a === void 0 ? void 0 : _a.title) || '', 'action', () => {
                             this.kupRowActionItemClick.emit({
@@ -6810,7 +6928,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                                 obj: action.obj,
                                 cell: action.cell,
                                 type: action.type,
-                                index: index,
+                                index: action.index,
                                 column: action.column,
                             });
                         });
@@ -6913,6 +7031,8 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         __classPrivateFieldGet(this, _KupDataTable_renderedRows, "f").push(row);
         const rowClass = {
             selected: this.selectedRows.includes(row),
+            inserted: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_isRowInserted).call(this, row.id),
+            modified: !__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_isRowInserted).call(this, row.id) && __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_isRowModified).call(this, row.id),
         };
         if (row.cssClass) {
             rowClass[row.cssClass] = true;
@@ -7128,7 +7248,12 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     return (h("div", { class: "customize-element grid-panel" }, h("kup-button", { title: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.TOTALS_TABLE) +
             ' (' +
             __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EXPERIMENTAL_FEAT) +
-            ')', label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.TOTALS_TABLE), icon: "exposure", "onkup-button-click": () => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_switchToTotalsMatrix).call(this) })));
+            ')', label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.TOTALS_TABLE), icon: "exposure", "onkup-button-click": () => this.toggleTotalsMatrix() })));
+}, _KupDataTable_renderBackFromTotalsMatrix = function _KupDataTable_renderBackFromTotalsMatrix() {
+    return (h("div", { class: "customize-element grid-panel" }, h("kup-button", { title: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.BACK_TO_ORIGINAL_TABLE) +
+            ' (' +
+            __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EXPERIMENTAL_FEAT) +
+            ')', label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.BACK_TO_ORIGINAL_TABLE), icon: "exposure", "onkup-button-click": () => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_switchBackFromTotalsMatrix).call(this) })));
 }, _KupDataTable_renderGridPanel = function _KupDataTable_renderGridPanel() {
     const listItems = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_createListData).call(this, __classPrivateFieldGet(this, _KupDataTable_GRID_CODES, "f"), __classPrivateFieldGet(this, _KupDataTable_GRID_ICONS, "f"), this.showGrid);
     const listData = { data: listItems, showIcons: true };
@@ -7176,18 +7301,39 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     return (h("kup-dropdown-button", Object.assign({}, commandObj.data, { styling: styling, sizing: KupComponentSizing.MEDIUM, label: commandObj.value, data: data, "onkup-dropdownbutton-itemclick": (e) => {
             __classPrivateFieldGet(this, _KupDataTable_handleUpdateClick, "f").call(this, e.detail.node);
         } })));
+}, _KupDataTable_renderOtherButtons = function _KupDataTable_renderOtherButtons() {
+    const styling = FButtonStyling.FLAT;
+    const addCommands = () => {
+        var _a, _b, _c;
+        (_c = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.setup) === null || _b === void 0 ? void 0 : _b.otherCommands) === null || _c === void 0 ? void 0 : _c.forEach((commandObj) => {
+            commandButtons.push((commandObj === null || commandObj === void 0 ? void 0 : commandObj.children) && (commandObj === null || commandObj === void 0 ? void 0 : commandObj.children.length) > 0
+                ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderCommandDropDownButton).call(this, commandObj, styling)
+                : __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderCommandButton).call(this, commandObj, styling));
+        });
+    };
+    let commandButtons = [];
+    addCommands();
+    return (!!commandButtons.length && (h("div", { class: "commands" }, commandButtons)));
 }, _KupDataTable_renderUpdateButtons = function _KupDataTable_renderUpdateButtons() {
     const styling = FButtonStyling.FLAT;
     const createRowWithInputFields = () => {
         var _a;
-        let row = { cells: {} };
-        (_a = __classPrivateFieldGet(this, _KupDataTable_originalDataLoaded, "f")) === null || _a === void 0 ? void 0 : _a.columns.forEach((c) => {
-            var _a;
-            row.cells[c.name] = {
-                shape: (_a = c.shape) !== null && _a !== void 0 ? _a : FCellShapes.INPUT_FIELD,
+        const row = { cells: {} };
+        (_a = this.data) === null || _a === void 0 ? void 0 : _a.columns.forEach((c) => {
+            var _a, _b;
+            const cell = {
+                shape: (_a = c.shape) !== null && _a !== void 0 ? _a : FCellShapes.TEXT_FIELD,
                 obj: Object.assign({}, c.obj),
-                isEditable: true,
+                isEditable: (_b = c.isEditable) !== null && _b !== void 0 ? _b : true,
+                data: {},
             };
+            if (c['length'] && c['maxLength']) {
+                cell.data = {
+                    size: c['length'],
+                    maxLength: c['maxLength'],
+                };
+            }
+            row.cells[c.name] = cell;
         });
         return row;
     };
@@ -7248,7 +7394,24 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 enabled: operationList === null || operationList === void 0 ? void 0 : operationList.delete,
                 icon: 'minus',
                 title: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.ROW_DELETE),
-                onClickHandler: () => deleteRowHandler(),
+                onClickHandler: () => {
+                    const selectedRowsIds = this.selectedRows.map((row) => row.id);
+                    const insertedRowsIds = __classPrivateFieldGet(this, _KupDataTable_insertedRowIds, "f");
+                    if (__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_arraysContainSameElements).call(this, selectedRowsIds, insertedRowsIds)) {
+                        //If the only rows to delete are the ones inserted by the user
+                        //AND NOT CONFIRMED, avoid calling the update
+                        this.deleteRows(selectedRowsIds);
+                    }
+                    else {
+                        this.kupUpdate.emit({
+                            comp: this,
+                            id: this.rootElement.id,
+                            originalData: __classPrivateFieldGet(this, _KupDataTable_originalDataLoaded, "f"),
+                            updatedData: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_createDeletePayload).call(this),
+                            command: undefined,
+                        });
+                    }
+                },
             },
         };
         Object.values(operations)
@@ -7262,4 +7425,18 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     addCommands();
     addOperations();
     return (!!commandButtons.length && (h("div", { class: "commands" }, commandButtons)));
+}, _KupDataTable_createDeletePayload = function _KupDataTable_createDeletePayload() {
+    const idsToRemove = this.selectedRows.map((item) => item.id);
+    const newRows = __classPrivateFieldGet(this, _KupDataTable_originalDataLoaded, "f").rows.filter((row) => !idsToRemove.includes(row.id));
+    return getDiffData(__classPrivateFieldGet(this, _KupDataTable_originalDataLoaded, "f"), Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupDataTable_originalDataLoaded, "f")), { rows: newRows }), true);
+}, _KupDataTable_isRowInserted = function _KupDataTable_isRowInserted(rowId) {
+    return __classPrivateFieldGet(this, _KupDataTable_insertedRowIds, "f").includes(rowId);
+}, _KupDataTable_isRowModified = function _KupDataTable_isRowModified(rowId) {
+    return __classPrivateFieldGet(this, _KupDataTable_modifiedRowsIds, "f").includes(rowId);
+}, _KupDataTable_arraysContainSameElements = function _KupDataTable_arraysContainSameElements(arr1, arr2) {
+    if (arr1.length !== arr2.length)
+        return false;
+    const sorted1 = [...arr1].sort();
+    const sorted2 = [...arr2].sort();
+    return sorted1.every((val, index) => val === sorted2[index]);
 };