@sme.up/ketchup 11.0.0-SNAPSHOT-20250926074033 → 11.0.0-SNAPSHOT-20250930090929

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_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;
+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_modifiedRowsIds, _KupDataTable_tableAreaRef, _KupDataTable_stickyTheadRef, _KupDataTable_lastPointerDetails, _KupDataTable_customizeTopButtonRef, _KupDataTable_customizeTopPanelRef, _KupDataTable_sizedColumns, _KupDataTable_intObserver, _KupDataTable_navBarHeight, _KupDataTable_theadIntersecting, _KupDataTable_tableIntersecting, _KupDataTable_isSafariBrowser, _KupDataTable_isRestoringState, _KupDataTable_globalFilterTimeout, _KupDataTable_totalMenuCoords, _KupDataTable_clickTimeout, _KupDataTable_thRefs, _KupDataTable_rowsRefs, _KupDataTable_oldWidth, _KupDataTable_hold, _KupDataTable_interactableDrag, _KupDataTable_interactableDrop, _KupDataTable_interactableResize, _KupDataTable_interactableTouch, _KupDataTable_dropareaRef, _KupDataTable_removeDropareaRef, _KupDataTable_groupsDropareaRef, _KupDataTable_clickCb, _KupDataTable_clickCbCustomPanel, _KupDataTable_clickCbDropCard, _KupDataTable_resizeTimeout, _KupDataTable_columnMenuInstance, _KupDataTable_filtersColumnMenuInstance, _KupDataTable_filtersRowsInstance, _KupDataTable_detailCard, _KupDataTable_insertCard, _KupDataTable_actionsCard, _KupDataTable_confirmDeleteCard, _KupDataTable_confirmDeleteDialog, _KupDataTable_columnMenuCard, _KupDataTable_columnDropCard, _KupDataTable_columnDropCardAnchor, _KupDataTable_dropDownActionCardAnchor, _KupDataTable_insertCount, _KupDataTable_lastFocusedColumn, _KupDataTable_lastFocusedCell, _KupDataTable_lastFocusedRow, _KupDataTable_maxRowsPerPage, _KupDataTable_readyPromise, _KupDataTable_readyResolve, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, _KupDataTable_insertNewColumnInVisibleColumnsList, _KupDataTable_closeDropCard, _KupDataTable_createDropCard, _KupDataTable_calculateData, _KupDataTable_getRow, _KupDataTable__getRow, _KupDataTable_getTransposedData, _KupDataTable_setTransposedData, _KupDataTable_stickyHeaderPosition, _KupDataTable_updateStickyHeaderSize, _KupDataTable_setObserver, _KupDataTable_didLoadInteractables, _KupDataTable_didRenderInteractables, _KupDataTable_didLoadObservers, _KupDataTable_didRenderObservers, _KupDataTable_didLoadEventHandling, _KupDataTable_scrollStickyHeader, _KupDataTable_checkScrollOnHover, _KupDataTable_customizePanelPosition, _KupDataTable_rowsPointLength, _KupDataTable_paginatedRowsPointLength, _KupDataTable__rowsLength, _KupDataTable_resetSelectedRows, _KupDataTable_getSizedColumns, _KupDataTable_rowDetail, _KupDataTable_dropDownActions, _KupDataTable_createDropDownActionsCard, _KupDataTable_clearSearchActionsCard, _KupDataTable_filterRowActionsCard, _KupDataTable_closeRowActionsCard, _KupDataTable_closeColumnMenuCard, _KupDataTable_prepareDataForActionsCard, _KupDataTable_rowInsertForm, _KupDataTable_rowsDelete, _KupDataTable_getEventDetails, _KupDataTable_getEventDetailsForCurrentSelection, _KupDataTable_getSourceElementCoordsForCurrentSelection, _KupDataTable_clickHandler, _KupDataTable_cellActionsMenuHandler, _KupDataTable_contextMenuHandler, _KupDataTable_tooltipRequestHandler, _KupDataTable_contextMenuHandlerDetailsManager, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_copyCellValueInColumnHandler, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_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_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,13 +84,6 @@ 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
          */
@@ -351,7 +344,6 @@ export class KupDataTable {
         this.openedTotalMenu = null;
         this.openedCustomSettings = false;
         this.fontsize = 'small';
-        this.totalsMatrixView = false;
     }
     initWithPersistedState() {
         if (this.store && this.stateId) {
@@ -1011,11 +1003,6 @@ 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) => {
@@ -1406,14 +1393,6 @@ export class KupDataTable {
             fontsize = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderFontSizePanel).call(this);
             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");
@@ -1466,7 +1445,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: '698fcc1c9dbcf8d6c69cba14f18c8dfdb590a1eb', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: 'aa3666a2afcbb9a6916f0cfc7d5dbca155216ab0', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: '014e122e58b0004c47aa90494c3736da6a8fb1f0', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: 'd9e7af2f0303139511e24f42e3701817fb828ad0', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -1542,7 +1521,7 @@ export class KupDataTable {
                         __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handleChipsContextMenu).call(this, chipArg.id, e);
                     });
                 }
-                groupChips = h(FChip, Object.assign({ key: '12571ea3cab41755e9de2440d3eee7ffba19c47a' }, props));
+                groupChips = h(FChip, Object.assign({ key: '585c06ac143f8d096dadb28bd33b737f4c778826' }, props));
             }
         }
         const tableClass = {
@@ -1574,7 +1553,7 @@ export class KupDataTable {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { key: '1dba3ff1f77e499fcc7dc3b58b07bd0b663947a9', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'f702b14cea9c5a00e43fc6c26a8b6469d609a0df' }, h("tr-sticky", { key: 'b75a0f1d96cf6a5b0fff8569669d41a40fa34805' }, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: 'b70b566f0ed257198f89bb9d91132540a36dd568', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: '66e36d7a358844cb1fca79aa1d36c29ba381a14f' }, h("tr-sticky", { key: 'f861e29addfdd476af222f845e0fa5567706cf5b' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -1620,7 +1599,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: '7d3d30ba5728b618150304880af189ea2ee851ca', "onKup-drop": (e) => {
+        const compCreated = (h(Host, { key: '46fde2daa705eef6f483bb3120be12ce9fbfd356', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -1639,11 +1618,11 @@ export class KupDataTable {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: '9d2c3c4fcb8f96acedaf95a92b270ac1e74e1e13' }, __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: 'cfe4d481969534d1e93faf1a1f6e852b5b24a2f7', id: componentWrapperId, class: wrapClass }, this.totalsMatrixView && (h(FButton, { key: '46627e3a463a12bc2ab100a442d98e2e7c05f755', icon: "table", label: dom.ketchup.language.translate(KupLanguageGeneric.BACK_TO_ORIGINAL_TABLE), sizing: KupComponentSizing.SMALL, onClick: () => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_switchBackFromTotalsMatrix).call(this) })), h("div", { key: 'd08cfa5176b236cf7d8d9ad5dca515bc6b290394', class: "group-wrapper" }, groupChips), h("div", { key: '2fe31da0cbfa21eb04fbf73646f05752e3ff23e4', 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: 'b1ae36525798375fa584188db12df31480697ccd' }, __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: 'cdc6cd4a82f0fd3e83732ec18b6acb663e574fab', id: componentWrapperId, class: wrapClass }, h("div", { key: '22b6d3a9a0961d92fd727a6f22a53683f74dc768', class: "group-wrapper" }, groupChips), h("div", { key: '2b3e27afd5530f1fa8e6ba5f510235bed9d8e0e9', 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: '4d7a45ec644ff94db7c57edc5e6aa4c75ae721f1', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
+            } }))) : null, paginatorTop && (h("div", { key: '2f88f5c888bd62a9deb7d187819d4f9a63722f34', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -1693,9 +1672,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: '9146b7cfcee67fcebc098b835b29db6580dd4f70', 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: 'eab242c60aefafcf460adfbb6f8b03420d9fe8f6', 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: '85d2adc0762a8f668df72fb3df9d0051692d756e', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: 'ee36849122c1eb1a018cfb71ad6e70fdb2cfb414', 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);
@@ -1704,7 +1683,7 @@ export class KupDataTable {
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: '82d1042a6a669754669fccd6bb990841c94e9501', 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: '0002290aab75be3a7f88d3fd7b91aa5a91b068af', 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");
@@ -1712,7 +1691,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: '2e7e31a6caa8319178730f5a8886e9ae066b1e58', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: 'f699bcb2e1c5d96e5d80c988842d66ec1c78ca88' }, header)), h("tbody", { key: 'c7ca9e3408b13373d0692b489cc4f9065c1e8d5b' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h("thead", { key: 'cbe474e8e6c2662cfa7b1187684c1d2b9856701c', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: 'aeae6617ea5a1f29cd82362c1493fbe1f9d3a844' }, header)), h("tbody", { key: '991ff6a435cf715d85f7c991f448c208a3594ccb' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -3084,8 +3063,7 @@ export class KupDataTable {
             "groupState": {},
             "openedTotalMenu": {},
             "openedCustomSettings": {},
-            "fontsize": {},
-            "totalsMatrixView": {}
+            "fontsize": {}
         };
     }
     static get events() {
@@ -3656,6 +3634,21 @@ export class KupDataTable {
                         }
                     }
                 }
+            }, {
+                "method": "kupDataTableTotalsMatrixRequest",
+                "name": "kup-datatable-totals-matrix",
+                "bubbles": true,
+                "cancelable": false,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
             }];
     }
     static get methods() {
@@ -4357,31 +4350,6 @@ 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; }>",
@@ -4528,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_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() {
+_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_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);
@@ -4781,193 +4749,6 @@ _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_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;
-    // ---------------------------
-    // Build the matrix data object
-    // ---------------------------
-    const totalsMatrixData = {};
-    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;
-    });
-    // 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);
-                    }
-                }
-            }
-        }
-    }
-    // ---------------------------
-    // 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:
-                updated[key] = TotalMode.COUNT;
-                break;
-            case TotalMode.COUNT:
-                updated[key] = TotalMode.SUM;
-                break;
-            default:
-                updated[key] = mode;
-                break;
-        }
-    }
-    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)) {
-        if (totalMode === TotalMode.MAX || totalMode === TotalMode.MIN)
-            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;
-        }
-    }
-    // Default: force numeric
-    column.obj = { t: 'NR', p: '', k: '' };
-    if (column.icon) {
-        delete column.icon;
-    }
 }, _KupDataTable_updateStickyHeaderSize = function _KupDataTable_updateStickyHeaderSize() {
     const navBar = document.querySelector('.header');
     const topBar = document.querySelector('.topbar');
@@ -7279,16 +7060,6 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 this.transpose = false;
             }
         } })));
-}, _KupDataTable_renderTotalsMatrix = function _KupDataTable_renderTotalsMatrix() {
-    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": () => 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 };

package/dist/collection/components/kup-date-picker/kup-date-picker.js

@@ -395,7 +395,7 @@ export class KupDatePicker {
                 showPreviousNextMonthDays: this.showPreviousNextMonthDays,
             },
         };
-        return (h(Host, { key: '89370db9093ab382829b4e2b194affcd8b31f1cc' }, h("style", { key: '5b5d84b0615bae285b0a628998a0cf1eb4ba48b3' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '1dda510e487857d4e7dc12bcbf2436dd6c379216', id: componentWrapperId }, h(FTextField, Object.assign({ key: 'a440413c3c06269408f0a246c27263e807909986' }, textfieldData, { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, maxLength: (_a = textfieldData.maxLength) !== null && _a !== void 0 ? _a : 10, size: 10, id: this.rootElement.id + '_text-field', value: this.getDateForOutput(), onBlur: () => this.onKupBlur(), onChange: (e) => this.onKupChange(e), onClearIconClick: () => this.onKupClearIconClick(), onClick: () => this.onKupClick(), onFocus: () => this.onKupFocus(), onIconClick: () => this.onKupIconClick(), onKeyDown: (e) => this.onKupTextFieldSubmit(e), onInput: (e) => this.onKupInput(e) }), h("div", { key: '1d925cd67ecd77482ac21c476885366374b702f6', id: this.rootElement.id + '_card', class: "kup-date-picker-card" }, h("kup-card", { key: '20015aa671cb069aacb91d18d42af966341113c7', ref: (el) => (this.pickerContainerEl = el), data: cardData, layoutFamily: KupCardFamily.BUILT_IN, sizeX: "300px", sizeY: "auto", isMenu: true, "onkup-card-click": (ev) => {
+        return (h(Host, { key: '8bcb6f197235c9cd0203a9fecaab37dc0ae5a2bf' }, h("style", { key: 'e6a9099066aae81d1bc39077c517d03f5b6031a5' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '6c61534fc0b5c81468d15287a692632cd6e121ba', id: componentWrapperId }, h(FTextField, Object.assign({ key: 'f3bdeef877245f6da44dbca089d0c7a5f364c2b8' }, textfieldData, { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, maxLength: (_a = textfieldData.maxLength) !== null && _a !== void 0 ? _a : 10, size: 10, id: this.rootElement.id + '_text-field', value: this.getDateForOutput(), onBlur: () => this.onKupBlur(), onChange: (e) => this.onKupChange(e), onClearIconClick: () => this.onKupClearIconClick(), onClick: () => this.onKupClick(), onFocus: () => this.onKupFocus(), onIconClick: () => this.onKupIconClick(), onKeyDown: (e) => this.onKupTextFieldSubmit(e), onInput: (e) => this.onKupInput(e) }), h("div", { key: '3ffa90677062a6ee2978d875eb7f78c1497147fb', id: this.rootElement.id + '_card', class: "kup-date-picker-card" }, h("kup-card", { key: '5d5e36d3034754d36b7c4fbd4bb992a337d32e6b', ref: (el) => (this.pickerContainerEl = el), data: cardData, layoutFamily: KupCardFamily.BUILT_IN, sizeX: "300px", sizeY: "auto", isMenu: true, "onkup-card-click": (ev) => {
                 if (ev.detail.value != null &&
                     ev.detail.value != '')
                     this.onKupDatePickerItemClick(ev.detail.value);

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

@@ -156,7 +156,7 @@ export class KupDialog {
         if (headerSlot) {
             __classPrivateFieldSet(this, _KupDialog_header, headerSlot, "f");
         }
-        return (h(Host, { key: '45ad2930ec31e900e741a3494270fbf788c34dd3', "fade-in": true, style: style, "data-anchor": ((_a = this.anchor) === null || _a === void 0 ? void 0 : _a.toString()) || 'none' }, h("style", { key: 'be70b4c9741a815973f214594435a3fef02e715c' }, __classPrivateFieldGet(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '62496765cfc39d7c4896c553f6679db0878c209f', id: componentWrapperId }, this.header ? (h("div", { class: "header", ref: (el) => (__classPrivateFieldSet(this, _KupDialog_header, el, "f")) }, this.header.title ? (h("div", { class: "header__title" }, this.header.title)) : null, ((_b = this.header.icons) === null || _b === void 0 ? void 0 : _b.close) ? (h(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : headerSlot ? (h("slot", { name: "header" })) : null, h("div", { key: '7648fb8944d01223737750c5a6132055bdd32b11', class: "content" }, h("slot", { key: '68f966a08452a7ff0e91e5106e65b6aabe3087bf', name: "content" })))));
+        return (h(Host, { key: '6b77e120901ad4af2375f3f39aa278645820735e', "fade-in": true, style: style, "data-anchor": ((_a = this.anchor) === null || _a === void 0 ? void 0 : _a.toString()) || 'none' }, h("style", { key: 'd8c4a1d878c71cf48259c2a749a18863b04bee2f' }, __classPrivateFieldGet(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'ee15ebb743fe59fc3e4a926eac8e21953b223d29', id: componentWrapperId }, this.header ? (h("div", { class: "header", ref: (el) => (__classPrivateFieldSet(this, _KupDialog_header, el, "f")) }, this.header.title ? (h("div", { class: "header__title" }, this.header.title)) : null, ((_b = this.header.icons) === null || _b === void 0 ? void 0 : _b.close) ? (h(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : headerSlot ? (h("slot", { name: "header" })) : null, h("div", { key: '57fca041982e0a1f47479ce0ccc1369917b0c984', class: "content" }, h("slot", { key: 'a0397c07bb34449de093d0290ef4f981d5c70109', name: "content" })))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupDialog_instances, "m", _KupDialog_disconnectedCallback).call(this);

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

@@ -108,7 +108,7 @@ export class KupDrawer {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '0f03a9ec28a30133c48af267f152510a22d25c45', "kup-opened": this.opened }, h("style", { key: 'b6a2a042edb3ba925cb8e53b42f5a8f4329ae302' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '47d94ef2126cec0fc4bf908175cd5f75853ef7bb', class: "backdrop", onClick: (e) => {
+        return (h(Host, { key: '93f1b8abbecb61a277b9e727363a63a79bec6b2f', "kup-opened": this.opened }, h("style", { key: 'a4adae4c503ce4cd85171f3aba656d00cc537e11' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '241bc8dd79fc0a01b7912a525f6b7cb56ef7c8f6', class: "backdrop", onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
             }, onPointerDown: (e) => {
@@ -118,7 +118,7 @@ export class KupDrawer {
             }, onTouchStart: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
-            } }), h("div", { key: '0ac61233158d55895bea11122f177814d20b4518', id: componentWrapperId }, h("div", { key: 'b29993549e61788eee7aa060a21de5eaca4e5eba', class: drawerClass }, this.content()))));
+            } }), h("div", { key: 'b267c124462e0ca0b7255c004bbc25fd85897775', id: componentWrapperId }, h("div", { key: 'fa2ed194e5be92c1dabee9cd32fd641a4960561d', class: drawerClass }, this.content()))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/collection/components/kup-dropdown-button/kup-dropdown-button.js

@@ -293,7 +293,7 @@ export class KupDropdownButton {
         return buttons;
     }
     render() {
-        return (h(Host, { key: '26860146683f708166a88e19004f2b4199749c22' }, h("style", { key: 'c858481ea9845d44eef53c3537c45b5c40128580' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4d470d4fbc78514e917a69d7d04340e560fb006c', id: componentWrapperId }, h("div", { key: '089151f10a32c56adae882cbf5b3b1e7461f4c4f', class: "dropdown-button--wrapper" }, this.renderButtons()), h("kup-list", Object.assign({ key: '4f0c917f10c7fd71dfda5a32ba97dd275bbdd128' }, this.data['kup-list'], { displayMode: this.displayMode, isMenu: true, "onKup-list-click": (e) => this.onKupItemClick(e), id: this.rootElement.id + '_list', ref: (el) => (this.listEl = el) })))));
+        return (h(Host, { key: '1708b482db59249332f006f708625e2627bb7637' }, h("style", { key: '64432e2f7c42b2be0e0102b7c9a5eb7c80104e00' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'b3ae4c58b473d2d864015f0e72e872de552f92df', id: componentWrapperId }, h("div", { key: '308558513e953a9d07bdd2957f9e4c79ab65d151', class: "dropdown-button--wrapper" }, this.renderButtons()), h("kup-list", Object.assign({ key: 'fd6deda80429efb229e18597c1c974d992647442' }, this.data['kup-list'], { displayMode: this.displayMode, isMenu: true, "onKup-list-click": (e) => this.onKupItemClick(e), id: this.rootElement.id + '_list', ref: (el) => (this.listEl = el) })))));
     }
     disconnectedCallback() {
         if (this.listEl) {

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

@@ -142,7 +142,7 @@ export class KupEchart {
             '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
             '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
         };
-        return (h(Host, { key: '948513bc1cdd00267e84293746e762541bfea5e5', style: style }, h("style", { key: '4b0afee1aefa54c43ff8ad6f08f76030d922f294' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'bbefba1b26561e184c8f8ef0bb77242e59aaff41', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
+        return (h(Host, { key: '05607067a7706751a12345195dae1d4c464b69fc', style: style }, h("style", { key: '6f39da5c9f47e01ab95d81b7ac6c246a39cac106' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '02572e9036d0cbf08605f10c294172e0c605f680', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
     }
     disconnectedCallback() {
         var _a;

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

@@ -383,7 +383,7 @@ export class KupEditor {
         __classPrivateFieldGet(this, _KupEditor_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '309a38c8ee179718b950dca5cfbc1f35fd6a4bc2' }, h("div", { key: '5e54bba96fdb184414111c58bd8215e1536cde16', id: componentWrapperId }, h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }), __classPrivateFieldGet(this, _KupEditor_instances, "m", _KupEditor_isPlainTextEditor).call(this) && (h("textarea", { key: 'ca5893466ce8190c7813416718765fa1abdc660b', id: '' + this.rootElement.id + '-textarea', value: this.initialValue, ref: (el) => (__classPrivateFieldSet(this, _KupEditor_textareaRef, el, "f")), onInput: (e) => __classPrivateFieldGet(this, _KupEditor_instances, "m", _KupEditor_handleUnsavedChanges).call(this, e.target.value), placeholder: "Type your text here...", readOnly: this.isReadOnly, style: {
+        return (h(Host, { key: '27ff208604ee2ab32f5a4784bc246c147be38368' }, h("div", { key: '8186b72298b05a3209af6a7ca11c64b6619567d2', id: componentWrapperId }, h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }), __classPrivateFieldGet(this, _KupEditor_instances, "m", _KupEditor_isPlainTextEditor).call(this) && (h("textarea", { key: 'b8753769cc7902844746e63715473b2efd76a62d', id: '' + this.rootElement.id + '-textarea', value: this.initialValue, ref: (el) => (__classPrivateFieldSet(this, _KupEditor_textareaRef, el, "f")), onInput: (e) => __classPrivateFieldGet(this, _KupEditor_instances, "m", _KupEditor_handleUnsavedChanges).call(this, e.target.value), placeholder: "Type your text here...", readOnly: this.isReadOnly, style: {
                 height: this.editorHeight || 'auto',
             }, class: "kup-editor-textarea" })))));
     }

package/dist/collection/components/kup-family-tree/kup-family-tree.js

@@ -149,12 +149,12 @@ export class KupFamilyTree {
         __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '2b3d29a0c6c4832b9fdbef8ad7f3af86d94c7efc', onDrag: (e) => e.preventDefault(), onPointerDown: (e) => {
+        return (h(Host, { key: 'e7a1464b62837b0ca1e57cda5c4184f778b29b6f', onDrag: (e) => e.preventDefault(), onPointerDown: (e) => {
                 e.preventDefault();
                 __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_startPanning).call(this, e);
             }, onWheel: (e) => {
                 __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_zoomTree).call(this, e);
-            } }, h("style", { key: '1ef59be810f85f616fcc08c2b672ca452f0c14fa' }, __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'bebb9e822bc259ca4dc23848e45e20147b5a9968', id: componentWrapperId }, __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_createTree).call(this))));
+            } }, h("style", { key: 'ff69c47ff4ee430357a2f53a29f027ea4c43888f' }, __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '6c92cde73c306fa704b16e7e800c608b3e30ff5d', id: componentWrapperId }, __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_createTree).call(this))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").language.unregister(this);

package/dist/collection/components/kup-file-upload/kup-file-upload.js

@@ -156,7 +156,7 @@ export class KupFileUpload {
     }
     render() {
         var _a;
-        return (h(Host, { key: '86d27dd1526fcb59894d8bd0172465a5d4eedbba' }, h("style", { key: '083415d841897bf14803739158589ac6c3290beb' }, __classPrivateFieldGet(this, _KupFileUpload_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '633097816f37df614e2259104441fc888aa98869', id: componentWrapperId }, h("div", { key: '9bd8a68477971dc6968df6a8d5a944e13655c995', class: {
+        return (h(Host, { key: 'a1ead2fab1282830ad1d5c6dfeb90ca62d5f95b7' }, h("style", { key: '8667e836a6ccf3a11c0d6d2ca7dfcd5eab867920' }, __classPrivateFieldGet(this, _KupFileUpload_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '1b7e031eec35bc09d26b9837b90d22c79863d16f', id: componentWrapperId }, h("div", { key: '03fd4136dede84206494ab10e8206a3620cfc59c', class: {
                 'file-upload': true,
                 'file-upload-spinner': this.showSpinner,
                 'file-upload__invalid': !this.isValidDropFiles,
@@ -164,7 +164,7 @@ export class KupFileUpload {
                 var _a;
                 event.preventDefault();
                 this.isValidDropFiles = __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_isValidDraggedItems).call(this, (_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.items);
-            }, onDrop: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_handleDrop).bind(this), onDragLeave: () => (this.isValidDropFiles = true), onDragEnd: () => (this.isValidDropFiles = true) }, h("input", { key: '520c5e641dd4686d6c5cb500e90ad0f9d5e13da6', type: "file", ref: (el) => (this.inputRef = el), onChange: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_handleFileChange).bind(this), multiple: this.multiUpload, accept: (_a = this.acceptedFiles) === null || _a === void 0 ? void 0 : _a.join(','), hidden: true }), h("div", { key: '3c362430599bfe922c292b60e10dd69b01c8f323', class: "file-upload__buttons" }, h(FButton, { key: '5461ed8b8691c8655d96a44e92defcaccc883fa4', icon: "upload", label: __classPrivateFieldGet(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.CHOOSE), onClick: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_handleClick).bind(this) }), !this.autoUpload && (h(Fragment, { key: '301827ce8f629a1e7229d94a6f922e212b901648' }, h(FButton, { key: 'a962cd913a348d6fd5a9d83e338a9f4d8540fe86', icon: "save", disabled: !this.tempFiles.length, label: __classPrivateFieldGet(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.UPLOAD), onClick: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_uploadClick).bind(this), styling: FButtonStyling.FLAT }), h(FButton, { key: '9afc6fc3b440934706ccfc1772640c6fa1cb1b5e', icon: "clear", disabled: !this.tempFiles.length, label: __classPrivateFieldGet(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.ABORT), onClick: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_handleCancel).bind(this), styling: FButtonStyling.FLAT })))), this.fupError && (h("div", { key: 'd247e2d7034ffe5d2feb5cd0bf70da3895228382', class: "file-upload__error" }, h("span", { key: '3bd88ab742f01606469d18c4f26f800ddb6cea32', class: "mdc-error-message" }, this.fupError))), h("div", { key: '032ddf95a67fdc248320ca7a5edaaf51595328d3', class: "file-upload__list" }, this.tempFiles.map((file, i) => (h("div", { class: "file-upload__list__item" }, h("div", { class: "file-upload__list__item__preview" }, h(FImage, { resource: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_getPreview).call(this, file), placeholderResource: "file" })), h("span", { class: "file-upload__list__item__desc", title: file.name }, __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_trimFileName).call(this, file.name)), h("span", { class: "file-upload__list__item__clear", onClick: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_handleFileRemove).bind(this, i) }))))), this.pathFiles.length ? (h("div", { class: "file-upload__list" }, this.pathFiles.map((path, i) => (h("span", { class: "file-upload__list__item" }, h("span", null, i + 1, ". ", path)))))) : null, this.showSpinner && (h("div", { key: '594de280a0f350250539d0a8570a530713d17520', class: "file-upload__spinner-container" }, h("kup-spinner", { key: '5beb1bdb7e81f633ef5212cc6b7bea37862b1656', active: true, layout: 14, dimensions: "7px" })))))));
+            }, onDrop: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_handleDrop).bind(this), onDragLeave: () => (this.isValidDropFiles = true), onDragEnd: () => (this.isValidDropFiles = true) }, h("input", { key: '8ce31fbbe793481a23f7b0f840778f6f53ddb399', type: "file", ref: (el) => (this.inputRef = el), onChange: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_handleFileChange).bind(this), multiple: this.multiUpload, accept: (_a = this.acceptedFiles) === null || _a === void 0 ? void 0 : _a.join(','), hidden: true }), h("div", { key: 'f007c0caec4f97901bdb845989f5cb02f33aac5c', class: "file-upload__buttons" }, h(FButton, { key: 'dab73455d4eaa8547bb281ac67775c32285b7c0f', icon: "upload", label: __classPrivateFieldGet(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.CHOOSE), onClick: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_handleClick).bind(this) }), !this.autoUpload && (h(Fragment, { key: '09d4576d1004c474213c5b8ff33813d9cd9ab284' }, h(FButton, { key: 'f24d889517b77e5f20e968c4160ce865fca90221', icon: "save", disabled: !this.tempFiles.length, label: __classPrivateFieldGet(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.UPLOAD), onClick: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_uploadClick).bind(this), styling: FButtonStyling.FLAT }), h(FButton, { key: '55f0c5bd693545f5813cb348e6536c4b2883a1e8', icon: "clear", disabled: !this.tempFiles.length, label: __classPrivateFieldGet(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.ABORT), onClick: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_handleCancel).bind(this), styling: FButtonStyling.FLAT })))), this.fupError && (h("div", { key: '668f3859f8c631e4447e7ca55756f70efde0e722', class: "file-upload__error" }, h("span", { key: '6cda5b71d6bc3e7c4a825f2b90fe9cdc5502b49a', class: "mdc-error-message" }, this.fupError))), h("div", { key: '04119a9e7a1c5cb41a669c21021922e06f95a178', class: "file-upload__list" }, this.tempFiles.map((file, i) => (h("div", { class: "file-upload__list__item" }, h("div", { class: "file-upload__list__item__preview" }, h(FImage, { resource: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_getPreview).call(this, file), placeholderResource: "file" })), h("span", { class: "file-upload__list__item__desc", title: file.name }, __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_trimFileName).call(this, file.name)), h("span", { class: "file-upload__list__item__clear", onClick: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_handleFileRemove).bind(this, i) }))))), this.pathFiles.length ? (h("div", { class: "file-upload__list" }, this.pathFiles.map((path, i) => (h("span", { class: "file-upload__list__item" }, h("span", null, i + 1, ". ", path)))))) : null, this.showSpinner && (h("div", { key: '94129e68bdbd6981dfeb6e981ae3fab07db845c3', class: "file-upload__spinner-container" }, h("kup-spinner", { key: '546e30c1eab6ea5f73c6b979979952b9a38ba60e', active: true, layout: 14, dimensions: "7px" })))))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupFileUpload_kupManager, "f").language.unregister(this);