@sme.up/ketchup 8.3.3 → 9.1.0

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

@@ -1,7 +1,7 @@
 import { SortMode, TotalMode, } from "./kup-data-table-declarations";
 import { getCellValueForDisplay, getColumnByName, compareCell, } from "../../utils/cell-utils";
 import { FiltersRows } from "../../utils/filters/filters-rows";
-import { KupDatesFormats } from "../../managers/kup-dates/kup-dates-declarations";
+import { KupDatesFormats, } from "../../managers/kup-dates/kup-dates-declarations";
 const dom = document.documentElement;
 export function sortRows(rows = [], sort = []) {
   if (!rows || rows.length === 0) {
@@ -233,19 +233,19 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
     return;
   }
   keys.forEach((key) => {
-    const currentTotalValue = dom.ketchup.math.numberify(groupRow.group.totals[key] || 0);
     const cell = addedRow.cells[key];
     if (cell) {
-      let _isNumber = dom.ketchup.objects.isNumber(cell.obj);
+      const _isNumber = dom.ketchup.objects.isNumber(cell.obj);
       const totalMode = totals[key];
       switch (totalMode) {
         case TotalMode.COUNT:
-          groupRow.group.totals[key] = currentTotalValue + 1;
+          let currentTotalValue = groupRow.group.totals[key] || 0;
+          groupRow.group.totals[key] = ++currentTotalValue;
           // updating parents
           let parent = groupRow.group.parent;
           while (parent != null) {
-            const currentParentCount = parent.group.totals[key] || 0;
-            parent.group.totals[key] = currentParentCount + 1;
+            let currentParentCount = parent.group.totals[key] || 0;
+            parent.group.totals[key] = ++currentParentCount;
             parent = parent.group.parent;
           }
           break;
@@ -303,8 +303,9 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
           break;
         case TotalMode.SUM:
         case TotalMode.AVERAGE:
-          if (_isNumber) {
+          if (_isNumber && cell.value) {
             const cellValue = dom.ketchup.math.numberify(dom.ketchup.math.numberifySafe(cell.value));
+            const currentTotalValue = groupRow.group.totals[key] || 0;
             groupRow.group.totals[key] =
               cellValue + currentTotalValue;
             // updating parents
@@ -319,11 +320,11 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
           break;
         // TODO DRY the MIN and MAX functions
         case TotalMode.MIN:
-          if (_isNumber) {
-            const currentTotalValue = groupRow.group.totals[key];
+          if (_isNumber && cell.value) {
+            const currentMinValue = groupRow.group.totals[key];
             const cellValue = dom.ketchup.math.numberify(dom.ketchup.math.numberifySafe(cell.value));
-            if (currentTotalValue) {
-              groupRow.group.totals[key] = Math.min(currentTotalValue, cellValue);
+            if (currentMinValue) {
+              groupRow.group.totals[key] = Math.min(currentMinValue, cellValue);
             }
             else {
               // first round
@@ -343,22 +344,21 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
               parent = parent.group.parent;
             }
           }
-          else if (dom.ketchup.objects.isDate(cell.obj)) {
-            const momentValue = cell.obj
-              ? dom.ketchup.objects.parseDate(cell.obj)
-              : dom.ketchup.dates.toDayjs(cell.value);
-            if (dom.ketchup.dates.isValid(momentValue)) {
-              const cellValue = dom.ketchup.dates.toDate(momentValue);
-              const currentTotalValue = groupRow.group.totals[key];
-              if (currentTotalValue) {
+          else if (cell.value &&
+            dom.ketchup.objects.isDate(cell.obj)) {
+            const cellValue = dom.ketchup.dates.toDayjs(cell.value);
+            if (dom.ketchup.dates.isValid(cellValue)) {
+              const currentMinValue = groupRow.group.totals[key];
+              if (currentMinValue) {
                 let moments = [];
                 moments.push(cellValue);
-                moments.push(dom.ketchup.dates.format(currentTotalValue));
+                moments.push(dom.ketchup.dates.toDayjs(currentMinValue));
                 groupRow.group.totals[key] =
-                  dom.ketchup.dates.format(dom.ketchup.dates.min(moments));
+                  dom.ketchup.dates.format(dom.ketchup.dates.min(moments), KupDatesFormats.ISO_DATE);
               }
               else {
-                groupRow.group.totals[key] = cellValue;
+                groupRow.group.totals[key] =
+                  dom.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
               }
               // updating parents
               let parent = groupRow.group.parent;
@@ -367,13 +367,14 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
                 if (currentParentMin) {
                   let moments = [];
                   moments.push(cellValue);
-                  moments.push(dom.ketchup.dates.format(currentParentMin));
+                  moments.push(dom.ketchup.dates.toDayjs(currentParentMin));
                   parent.group.totals[key] =
-                    dom.ketchup.dates.format(dom.ketchup.dates.min(moments));
+                    dom.ketchup.dates.format(dom.ketchup.dates.min(moments), KupDatesFormats.ISO_DATE);
                 }
                 else {
                   // first round
-                  parent.group.totals[key] = cellValue;
+                  parent.group.totals[key] =
+                    dom.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
                 }
                 parent = parent.group.parent;
               }
@@ -382,11 +383,11 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
           break;
         // TODO DRY the MIN and MAX functions
         case TotalMode.MAX:
-          if (_isNumber) {
-            const currentTotalValue = groupRow.group.totals[key];
+          if (_isNumber && cell.value) {
+            const currentMaxValue = groupRow.group.totals[key];
             const cellValue = dom.ketchup.math.numberify(dom.ketchup.math.numberifySafe(cell.value));
-            if (currentTotalValue) {
-              groupRow.group.totals[key] = Math.max(currentTotalValue, cellValue);
+            if (currentMaxValue) {
+              groupRow.group.totals[key] = Math.max(currentMaxValue, cellValue);
             }
             else {
               // first round
@@ -406,37 +407,37 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
               parent = parent.group.parent;
             }
           }
-          else if (dom.ketchup.objects.isDate(cell.obj)) {
-            const momentValue = cell.obj
-              ? dom.ketchup.objects.parseDate(cell.obj)
-              : dom.ketchup.dates.toDayjs(cell.value);
-            if (dom.ketchup.dates.isValid(momentValue)) {
-              const cellValue = dom.ketchup.dates.toDate(momentValue);
-              const currentTotalValue = groupRow.group.totals[key];
-              if (currentTotalValue) {
+          else if (cell.value &&
+            dom.ketchup.objects.isDate(cell.obj)) {
+            const cellValue = dom.ketchup.dates.toDayjs(cell.value);
+            if (dom.ketchup.dates.isValid(cellValue)) {
+              const currentMaxValue = groupRow.group.totals[key];
+              if (currentMaxValue) {
                 let moments = [];
                 moments.push(cellValue);
-                moments.push(dom.ketchup.dates.format(currentTotalValue));
+                moments.push(dom.ketchup.dates.toDayjs(currentMaxValue));
                 groupRow.group.totals[key] =
-                  dom.ketchup.dates.format(dom.ketchup.dates.max(moments));
+                  dom.ketchup.dates.format(dom.ketchup.dates.max(moments), KupDatesFormats.ISO_DATE);
               }
               else {
-                groupRow.group.totals[key] = cellValue;
+                groupRow.group.totals[key] =
+                  dom.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
               }
               // updating parents
               let parent = groupRow.group.parent;
               while (parent != null) {
-                const currentParentMin = parent.group.totals[key];
-                if (currentParentMin) {
+                const currentParentMax = parent.group.totals[key];
+                if (currentParentMax) {
                   let moments = [];
                   moments.push(cellValue);
-                  moments.push(dom.ketchup.dates.format(currentParentMin));
+                  moments.push(dom.ketchup.dates.toDayjs(currentParentMax));
                   parent.group.totals[key] =
-                    dom.ketchup.dates.format(dom.ketchup.dates.max(moments));
+                    dom.ketchup.dates.format(dom.ketchup.dates.max(moments), KupDatesFormats.ISO_DATE);
                 }
                 else {
                   // first round
-                  parent.group.totals[key] = cellValue;
+                  parent.group.totals[key] =
+                    dom.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
                 }
                 parent = parent.group.parent;
               }
@@ -525,9 +526,7 @@ function adjustGroupAverageOrFormula(row, type, toAdjustKeys, totals) {
   // adjust average/formulas
   toAdjustKeys.forEach((key) => {
     if (type == TotalMode.AVERAGE) {
-      row.group.totals[key] =
-        dom.ketchup.math.numberify(row.group.totals[key]) /
-          numberOfLeaf;
+      row.group.totals[key] = row.group.totals[key] / numberOfLeaf;
     }
     if (type == TotalMode.MATH) {
       let formula = totals[key].substring(TotalMode.MATH.length);

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

@@ -5,8 +5,8 @@ export class KupDataTableState {
     this.expandGroups = false;
     this.groupLabelDisplay = GroupLabelDisplayMode.BOTH;
     this.density = 'small';
-    this.enableSortableColumns = false;
     this.enableExtraColumns = true;
+    this.enableSortableColumns = false;
     this.forceOneLine = false;
     this.globalFilter = false;
     this.globalFilterValue = '';

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_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_tableAreaRef, _KupDataTable_stickyTheadRef, _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_confirmDeleteCard, _KupDataTable_confirmDeleteDialog, _KupDataTable_columnMenuCard, _KupDataTable_columnDropCard, _KupDataTable_columnDropCardAnchor, _KupDataTable_insertCount, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _KupDataTable_closeDropCard, _KupDataTable_createDropCard, _KupDataTable_calculateData, _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_setDynPosElements, _KupDataTable_resetSelectedRows, _KupDataTable_getSizedColumns, _KupDataTable_rowDetail, _KupDataTable_rowInsertForm, _KupDataTable_rowsDelete, _KupDataTable_getEventDetails, _KupDataTable_clickHandler, _KupDataTable_contextMenuHandler, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_composeFixedCellStyleAndClass, _KupDataTable_updateFixedRowsAndColumnsCssVariables, _KupDataTable_onColumnSort, _KupDataTable_onRemoveFilter, _KupDataTable_getFilterValueForTooltip, _KupDataTable_onGlobalFilterChange, _KupDataTable_handlePageChange, _KupDataTable_handleRowsPerPageChange, _KupDataTable_onRowClick, _KupDataTable_selectColumn, _KupDataTable_deselectColumn, _KupDataTable_onDefaultRowActionClick, _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_applyLineBreaks, _KupDataTable_composeHeaderCellClassAndStyle, _KupDataTable_renderHeader, _KupDataTable_renderStickyHeader, _KupDataTable_totalMenuPosition, _KupDataTable_onTotalMenuOpen, _KupDataTable_renderRow, _KupDataTable_renderActions, _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;
+var _KupDataTable_instances, _KupDataTable_initialized, _KupDataTable_rows, _KupDataTable_rowsLength, _KupDataTable_paginatedRows, _KupDataTable_paginatedRowsLength, _KupDataTable_footer, _KupDataTable_kupManager, _KupDataTable_renderedRows, _KupDataTable_loadMoreEventCounter, _KupDataTable_loadMoreEventPreviousQuantity, _KupDataTable_theadRef, _KupDataTable_tableRef, _KupDataTable_originalData, _KupDataTable_tableAreaRef, _KupDataTable_stickyTheadRef, _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_confirmDeleteCard, _KupDataTable_confirmDeleteDialog, _KupDataTable_columnMenuCard, _KupDataTable_columnDropCard, _KupDataTable_columnDropCardAnchor, _KupDataTable_insertCount, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _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_setDynPosElements, _KupDataTable_resetSelectedRows, _KupDataTable_getSizedColumns, _KupDataTable_rowDetail, _KupDataTable_rowInsertForm, _KupDataTable_rowsDelete, _KupDataTable_getEventDetails, _KupDataTable_clickHandler, _KupDataTable_contextMenuHandler, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_composeFixedCellStyleAndClass, _KupDataTable_updateFixedRowsAndColumnsCssVariables, _KupDataTable_onColumnSort, _KupDataTable_onRemoveFilter, _KupDataTable_getFilterValueForTooltip, _KupDataTable_onGlobalFilterChange, _KupDataTable_handlePageChange, _KupDataTable_handleRowsPerPageChange, _KupDataTable_onRowClick, _KupDataTable_selectColumn, _KupDataTable_deselectColumn, _KupDataTable_onDefaultRowActionClick, _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_applyLineBreaks, _KupDataTable_composeHeaderCellClassAndStyle, _KupDataTable_renderHeader, _KupDataTable_renderStickyHeader, _KupDataTable_totalMenuPosition, _KupDataTable_onTotalMenuOpen, _KupDataTable_renderRow, _KupDataTable_renderActions, _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;
 import { forceUpdate, h, Host, } from "@stencil/core";
 import { FixedCellsClasses, FixedCellsCSSVarsBase, GroupLabelDisplayMode, LoadMoreMode, PaginatorPos, ShowGrid, SortMode, TotalMode, TotalLabel, KupDataTableProps, fieldColumn, iconColumn, keyColumn, SelectionMode, } from "./kup-data-table-declarations";
 import { getColumnByName } from "../../utils/cell-utils";
@@ -743,7 +743,10 @@ export class KupDataTable {
     this.selectedRows = [];
     for (let index = 0; index < rowsIdentifiers.length; index++) {
       const id = rowsIdentifiers[index];
-      this.selectedRows.push(__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getRow).call(this, id));
+      const row = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getRow).call(this, id);
+      if (row) {
+        this.selectedRows.push(row);
+      }
     }
     if (emitEvent !== false) {
       this.kupRowSelected.emit({
@@ -1033,7 +1036,7 @@ export class KupDataTable {
           });
         }
         if (this.totals) {
-          const selectedItem = listData.find((item) => item.value === this.totals[column.name]);
+          const selectedItem = listData.find((item) => item.id === this.totals[column.name]);
           if (selectedItem) {
             selectedItem.selected = true;
             listData.push({
@@ -1237,8 +1240,12 @@ export class KupDataTable {
           for (let index = 0; index < this.data.columns.length; index++) {
             const column = this.data.columns[index];
             cells[column.name] = {
-              data: column.cellData ? JSON.parse(JSON.stringify(column.cellData)) : undefined,
-              slotData: column.cellSlotData ? JSON.parse(JSON.stringify(column.cellSlotData)) : undefined,
+              data: column.cellData
+                ? JSON.parse(JSON.stringify(column.cellData))
+                : undefined,
+              slotData: column.cellSlotData
+                ? JSON.parse(JSON.stringify(column.cellSlotData))
+                : undefined,
               isEditable: column.isKey ||
                 column.isEditable,
               obj: Object.assign({}, column.obj),
@@ -3501,27 +3508,34 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_setTransposedData).call(this);
   }
 }, _KupDataTable_getRow = function _KupDataTable_getRow(id) {
-  let row = null;
-  const search = (rows) => {
-    if (rows && rows.length > 0 && !row) {
-      test(rows);
-    }
-  };
-  const test = (rows) => {
-    if (typeof id === 'number') {
-      row = rows[id];
-    }
-    else {
-      row = rows.find((row) => row.id === id);
-    }
-  };
   if (__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this) && typeof id === 'string') {
-    __classPrivateFieldGet(this, _KupDataTable_paginatedRows, "f").forEach((row) => search(row.group.children));
+    return __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable__getRow).call(this, id, __classPrivateFieldGet(this, _KupDataTable_paginatedRows, "f"));
+  }
+  else {
+    return __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable__getRow).call(this, id, __classPrivateFieldGet(this, _KupDataTable_rows, "f"));
+  }
+}, _KupDataTable__getRow = function _KupDataTable__getRow(id, rows) {
+  if (!rows || rows.length == 0) {
+    return null;
+  }
+  if (typeof id === 'number') {
+    return rows[id];
   }
   else {
-    test(__classPrivateFieldGet(this, _KupDataTable_rows, "f"));
+    for (let i = 0; i < rows.length; i++) {
+      let r = rows[i];
+      if (r.id === id) {
+        return r;
+      }
+      if (r.group) {
+        r = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable__getRow).call(this, id, r.group.children);
+        if (r) {
+          return r;
+        }
+      }
+    }
   }
-  return row;
+  return null;
 }, _KupDataTable_getTransposedData = function _KupDataTable_getTransposedData(column) {
   if (column) {
     this.filters = {};

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

@@ -677,7 +677,6 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
       options = __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_candleChart).call(this);
       break;
     case KupEchartTypes.CALENDAR:
-      console.log('virtual 0');
       options = __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_calendarChart).call(this);
       break;
     default:
@@ -1014,7 +1013,6 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
   return {
     tooltip: Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setTooltip).call(this)), { trigger: 'item', formatter: (value) => {
         const name = value.data;
-        console.log('data', name);
         const data = keys.map((e, i) => {
           return `<li>  ${e}: ${name[i]} </li>`;
         });

package/dist/collection/components/kup-grid/kup-grid.css

@@ -9,6 +9,7 @@
   --kup_grid_gap: var(--kup-grid-gap, 24px);
   --kup_grid_gap_mobile: var(--kup-grid-gap-mobile, 16px);
   --kup_grid_padding: var(--kup-grid-padding, 24px);
+  display: block;
   font-size: var(--kup_grid_font_size);
   height: 100%;
   width: 100%;
@@ -181,4 +182,13 @@
 }
 :host(.kup-full-width) .flex-layout__inner * {
   margin: auto;
+}
+
+:host(.kup-full-width.scalable-cards) .flex-layout__inner {
+  width: 100%;
+}
+:host(.kup-full-width.scalable-cards) .flex-layout__inner * {
+  margin: 0;
+  height: 100%;
+  width: 100%;
 }

package/dist/collection/components/kup-progress-bar/kup-progress-bar.css

@@ -11,247 +11,6 @@
 * @prop --kup-progressbar-width: Sets width of the component.
 */
 :host {
-  --kup_progressbar_border_radius: var(--kup-progressbar-border-radius, 4px);
-  --kup_progressbar_font_family: var(
-    --kup-progressbar-font-family,
-    var(--kup-font-family)
-  );
-  --kup_progressbar_font_size: var(
-    --kup-progressbar-font-size,
-    var(--kup-font-size)
-  );
-  --kup_progressbar_height: var(--kup-progressbar-height, 1.25em);
-  --kup_progressbar_primary_color: var(
-    --kup-progressbar-primary-color,
-    var(--kup-primary-color)
-  );
-  --kup_progressbar_text_color: var(
-    --kup-progressbar-text-color,
-    var(--kup-text-color)
-  );
-  --kup_progressbar_text_color_rgb: var(
-    --kup-progressbar-text-color-rgb,
-    var(--kup-text-color-rgb)
-  );
-  --kup_progressbar_text_on_primary_color: var(
-    --kup-progressbar-text-on-primary-color,
-    var(--kup-text-on-primary-color)
-  );
-  --kup_progressbar_track_color: var(
-    --kup-progressbar-track-color,
-    var(--kup-disabled-background-color)
-  );
-  --kup_progressbar_width: var(--kup-progressbar-width, 100%);
   display: block;
-  font-family: var(--kup_progressbar_font_family);
-  font-size: var(--kup_progressbar_font_size);
-  width: var(--kup_progressbar_width);
-}
-
-.progress-bar {
-  background: var(--kup_progressbar_track_color);
-  border-radius: var(--kup_progressbar_border_radius);
-  overflow: hidden;
-  position: relative;
-  width: var(--kup_progressbar_width);
-}
-.progress-bar.text-color-on-primary .progress-bar-percentage {
-  color: var(--kup_progressbar_text_on_primary_color);
-}
-.progress-bar.text-color-on-primary .progress-bar-percentage span {
-  color: var(--kup_progressbar_text_on_primary_color);
-}
-
-.progress-bar-percentage {
-  background: var(--kup_progressbar_primary_color);
-  border-radius: var(--kup_progressbar_border_radius);
-  color: var(--kup_progressbar_text_color);
-  height: var(--kup_progressbar_height);
-  padding: 0.5em 0;
-  text-align: center;
-  transition: width 0.2s ease;
-}
-.progress-bar-percentage span {
-  color: var(--kup_progressbar_text_color);
-  display: inline-block;
-  font-size: 1em;
-  left: 0;
-  line-height: var(--kup_progressbar_height);
-  position: absolute;
-  width: var(--kup_progressbar_width);
-}
-.progress-bar-percentage .kup-icon {
-  display: block;
-  height: var(--kup_progressbar_height);
-}
-.progress-bar-percentage .kup-icon:not(.is-image) {
-  background-color: var(--kup_progressbar_text_on_primary_color);
-}
-.progress-bar-percentage .kup-icon img {
-  width: auto;
-  height: 100%;
-}
-
-:host([is-radial]) {
-  box-sizing: border-box;
-  margin: auto;
-  padding: 1.25em 0px;
-}
-:host([is-radial]) #kup-component {
-  display: flex;
-  font-size: 10em;
-  margin: auto;
-}
-:host([is-radial]) .pie-wrapper {
-  height: 1em;
-  width: 1em;
-  float: left;
-  margin: auto;
-  position: relative;
-}
-:host([is-radial]) .pie-wrapper:nth-child(3n+1) {
-  clear: both;
-}
-:host([is-radial]) .pie-wrapper .pie {
-  height: 1em;
-  width: 1em;
-  clip: rect(0, 1em, 1em, 0.5em);
-  left: 0;
-  position: absolute;
-  top: 0;
-}
-:host([is-radial]) .pie-wrapper .pie.has-value .half-circle {
-  border-color: var(--kup_progressbar_primary_color);
-}
-:host([is-radial]) .pie-wrapper .pie.has-value .half-circle.left-side {
-  transition: transform 0.2s ease;
-}
-:host([is-radial]) .pie-wrapper .pie.has-value.is-less-than-half .right-side {
-  display: none;
-}
-:host([is-radial]) .pie-wrapper .pie.has-value.is-more-than-half {
-  clip: rect(auto, auto, auto, auto);
-}
-:host([is-radial]) .pie-wrapper .pie.has-value.is-more-than-half .right-side {
-  transform: rotate(180deg);
-}
-:host([is-radial]) .pie-wrapper .pie .half-circle {
-  height: 1em;
-  width: 1em;
-  border: 0.1em solid var(--kup_progressbar_track_color);
-  border-radius: 50%;
-  clip: rect(0, 0.5em, 1em, 0);
-  left: 0;
-  position: absolute;
-  top: 0;
-}
-:host([is-radial]) .pie-wrapper .label {
-  background: none;
-  bottom: 0.4em;
-  color: var(--kup_progressbar_text_color);
-  cursor: default;
-  display: block;
-  font-size: 0.25em;
-  left: 0.4em;
-  line-height: 2.75em;
-  position: absolute;
-  right: 0.4em;
-  text-align: center;
-  top: 0.4em;
-}
-:host([is-radial]) .pie-wrapper .label.kup-icon {
-  display: block;
-  height: 1.25em;
-  width: 1.25em;
-  object-fit: cover;
-  margin: auto;
-}
-:host([is-radial]) .pie-wrapper .label.kup-icon:not(.is-image) {
-  background-color: var(--kup_progressbar_primary_color);
-}
-:host([is-radial]) .pie-wrapper .label.kup-icon img {
-  width: auto;
-  height: 100%;
-}
-:host([is-radial]) .pie-wrapper .label .smaller {
-  color: var(--kup_progressbar_text_color);
-  opacity: 0.8;
-  font-size: 0.45em;
-  padding-bottom: 20px;
-  vertical-align: super;
-}
-:host([is-radial]) .pie-wrapper .shadow {
-  height: 1em;
-  width: 1em;
-  border: 0.1em solid var(--kup_progressbar_track_color);
-  border-radius: 50%;
-}
-:host([is-radial]) *,
-:host([is-radial]) *:before,
-:host([is-radial]) *:after {
-  box-sizing: border-box;
-}
-
-@keyframes running-stripes {
-  0% {
-    background-position: 0 0;
-  }
-  100% {
-    background-position: 3em 3em;
-  }
-}
-/*-------------------------------------------------*/
-/*        C o m p o n e n t   C l a s s e s        */
-/*-------------------------------------------------*/
-:host(.kup-animated) .progress-bar-percentage {
-  animation: running-stripes 2s linear infinite;
-}
-
-:host(.kup-padded) .progress-bar {
-  padding: 0.5em;
-  width: calc(100% - 1em);
-}
-
-:host(.kup-slim) #kup-component .progress-bar {
-  border-radius: 9px;
-}
-:host(.kup-slim) #kup-component .progress-bar .progress-bar-percentage {
-  border-radius: 9px;
-  padding: 0;
-}
-:host(.kup-slim) #kup-component .pie-wrapper .pie .half-circle {
-  border-width: 0.05em;
-}
-:host(.kup-slim) #kup-component .pie-wrapper .shadow {
-  border-width: 0.05em;
-}
-
-:host(.kup-striped) .progress-bar-percentage {
-  background-image: linear-gradient(-45deg, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 25%, transparent 25%, transparent 50%, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 50%, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 75%, transparent 75%, transparent);
-  background-size: 3em 3em;
-}
-
-:host(.kup-danger) {
-  --kup-progressbar-primary-color: var(--kup-danger-color);
-  --kup-progressbar-text-on-primary-color: white;
-}
-
-:host(.kup-info) {
-  --kup-progressbar-primary-color: var(--kup-info-color);
-  --kup-progressbar-text-on-primary-color: white;
-}
-
-:host(.kup-secondary) {
-  --kup-progressbar-primary-color: var(--kup-secondary-color);
-  --kup-progressbar-text-on-primary-color: var(--kup-text-on-secondary-color);
-}
-
-:host(.kup-success) {
-  --kup-progressbar-primary-color: var(--kup-success-color);
-  --kup-progressbar-text-on-primary-color: white;
-}
-
-:host(.kup-warning) {
-  --kup-progressbar-primary-color: var(--kup-warning-color);
-  --kup-progressbar-text-on-primary-color: white;
+  width: var(--kup-progressbar-width, 100%);
 }