@sme.up/ketchup 9.0.0 → 9.1.0

package/dist/components/kup-box2.js

@@ -277,15 +277,23 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends HTMLElement
   sortRows(rows) {
     let sortedRows = rows;
     if (this.sortBy) {
-      // create 'fake' sortObject
-      const sortObject = {
-        column: this.sortBy,
-        sortMode: SortMode.A,
-      };
-      sortedRows = sortRows(sortedRows, [sortObject]);
+      sortedRows = sortRows(sortedRows, this.toSortObjectList());
     }
     return sortedRows;
   }
+  toSortObjectList() {
+    const sortByArray = this.sortBy.split('|').map((col) => {
+      const colNameAndSortMode = col.split(',');
+      const sortObject = {
+        column: colNameAndSortMode[0],
+        sortMode: colNameAndSortMode.length > 1
+          ? SortMode[colNameAndSortMode[1]]
+          : SortMode.A,
+      };
+      return sortObject;
+    });
+    return sortByArray;
+  }
   checkScrollOnHover() {
     if (!this.kupManager.scrollOnHover.isRegistered(this.boxContainer)) {
       if (this.scrollOnHover) {
@@ -1294,6 +1302,16 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends HTMLElement
     "loadRowActions": [64],
     "refresh": [64],
     "setProps": [64]
+  }, undefined, {
+    "rowsPerPage": ["rowsPerPageHandler", "recalculateRows"],
+    "globalFilterValue": ["recalculateRows"],
+    "sortBy": ["recalculateRows"],
+    "pagination": ["recalculateRows"],
+    "currentPage": ["recalculateRows"],
+    "currentRowsPerPage": ["recalculateRows"],
+    "data": ["onDataChanged"],
+    "layout": ["onLayoutChanged"],
+    "selectBox": ["onSelectBoxChanged"]
   }]);
 _KupBox_intObserver = new WeakMap(), _KupBox_rowsRefs = new WeakMap(), _KupBox_navBarHeight = new WeakMap(), _KupBox_instances = new WeakSet(), _KupBox_didRenderObservers = function _KupBox_didRenderObservers() {
   if (this.lazyLoadRows &&

package/dist/components/kup-calendar.js

@@ -14182,6 +14182,9 @@ const KupCalendar$1 = /*@__PURE__*/ proxyCustomElement(class KupCalendar extends
     "refresh": [64],
     "resizeCallback": [64],
     "setProps": [64]
+  }, undefined, {
+    "data": ["setCalendarData"],
+    "currentDate": ["setCalendarData"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {

package/dist/components/kup-dashboard.js

@@ -405,6 +405,8 @@ const KupDashboard$1 = /*@__PURE__*/ proxyCustomElement(class KupDashboard exten
     "getProps": [64],
     "refresh": [64],
     "setProps": [64]
+  }, undefined, {
+    "data": ["dataChanged"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {

package/dist/components/kup-image-list.js

@@ -239,6 +239,8 @@ const KupImageList$1 = /*@__PURE__*/ proxyCustomElement(class KupImageList exten
     "getProps": [64],
     "refresh": [64],
     "setProps": [64]
+  }, undefined, {
+    "selectedNode": ["selectNode"]
   }]);
 _KupImageList_clickTimeout = new WeakMap(), _KupImageList_kupManager = new WeakMap(), _KupImageList_backProps = new WeakMap(), _KupImageList_topProps = new WeakMap(), _KupImageList_instances = new WeakSet(), _KupImageList_createItem = function _KupImageList_createItem(node) {
   const props = {

package/dist/components/kup-planner.js

@@ -13027,6 +13027,8 @@ const KupPlanner$1 = /*@__PURE__*/ proxyCustomElement(class KupPlanner extends H
     "refresh": [64],
     "setProps": [64],
     "addPhases": [64]
+  }, undefined, {
+    "data": ["dataChanged"]
   }]);
 _KupPlanner_kupManager = new WeakMap(), _KupPlanner_lastOnChangeReceived = new WeakMap(), _KupPlanner_rootPlanner = new WeakMap(), _KupPlanner_phases = new WeakMap(), _KupPlanner_storedSettings = new WeakMap(), _KupPlanner_instances = new WeakSet(), _KupPlanner_renderReactPlannerElement = function _KupPlanner_renderReactPlannerElement() {
   var _a;

package/dist/esm/{f-button-baa419dc.js → f-button-f247ce10.js}

@@ -1,6 +1,6 @@
-import { h } from './index-3336c3b1.js';
+import { h } from './index-c161a33e.js';
 import { F as FButtonStyling } from './f-button-declarations-8a009df1.js';
-import { F as FImage } from './f-image-da03494c.js';
+import { F as FImage } from './f-image-d2a9603c.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/esm/{f-cell-18ee3afa.js → f-cell-ba94f1b3.js}

@@ -1,9 +1,10 @@
-import { a9 as editableTypes, aa as kupTypes, b as KupThemeColorValues, a6 as FCellTypes, ab as KupTagNames, F as FCellShapes, ac as fullWidthFieldsComps, ad as FCellClasses, ae as autoCenterComps, af as getCellValueForDisplay, ag as FCellEvents } from './kup-manager-c8d5c94d.js';
-import { h } from './index-3336c3b1.js';
-import { F as FCheckbox } from './f-checkbox-00a1e020.js';
-import { F as FTextField } from './f-text-field-e5f1f1fd.js';
-import { F as FImage } from './f-image-da03494c.js';
-import { F as FChipType, a as FChip } from './f-chip-311500f4.js';
+import { a9 as editableTypes, aa as kupTypes, b as KupThemeColorValues, a6 as FCellTypes, ab as KupTagNames, F as FCellShapes, ac as fullWidthFieldsComps, ad as FCellClasses, ae as autoCenterComps, af as getCellValueForDisplay, ag as FCellEvents } from './kup-manager-94b3d177.js';
+import { h, a as getAssetPath } from './index-c161a33e.js';
+import { F as FCheckbox } from './f-checkbox-cbf7b3de.js';
+import { F as FTextField } from './f-text-field-4d91ccfc.js';
+import { F as FImage } from './f-image-d2a9603c.js';
+import { F as FChipType, a as FChip } from './f-chip-104c4a64.js';
+import { F as FButton } from './f-button-f247ce10.js';
 
 /**
  * Props of the kup-list component.
@@ -54,6 +55,164 @@ const FSwitch = (props) => {
       h("label", { onClick: props.onChange }, props.label))));
 };
 
+/*-------------------------------------------------*/
+/*                C o m p o n e n t                */
+/*-------------------------------------------------*/
+const FProgressBar = (props) => {
+  if (!props.centeredLabel && !props.centeredLabel !== false) {
+    props.centeredLabel = true;
+  }
+  let componentClass = `f-progress-bar ${props.danger ? 'kup-danger' : ''} ${props.animated ? 'kup-animated' : ''} ${props.padded ? 'kup-padded' : ''} ${props.info ? 'kup-info' : ''} ${props.slim ? 'kup-slim' : ''} ${props.striped ? 'kup-striped' : ''}   ${props.secondary ? 'kup-secondary' : ''} ${props.slim ? 'kup-slim' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''}`;
+  let pieClass = 'pie';
+  let radialStyle = undefined;
+  if (props.isRadial) {
+    componentClass += ' pie-wrapper is-radial';
+  }
+  else {
+    componentClass += ' progress-bar';
+  }
+  let labelStyle = undefined;
+  const valueStyle = {
+    width: `${props.value}%`,
+  };
+  if (!props.centeredLabel) {
+    labelStyle = valueStyle;
+    if (props.value > 2) {
+      componentClass += ' text-color-on-primary';
+    }
+  }
+  else if (props.value > 49) {
+    componentClass += ' text-color-on-primary';
+  }
+  let label = null;
+  if (props.icon) {
+    label = createIconElement(props);
+  }
+  else {
+    if (!props.hideLabel) {
+      if (props.isRadial) {
+        if (props.label) {
+          label = h("span", { class: "label" }, props.label);
+        }
+        else {
+          label = (h("span", { class: "label" },
+            props.value,
+            h("span", { class: "smaller" }, "%")));
+        }
+      }
+      else {
+        if (props.label) {
+          label = props.label;
+        }
+        else {
+          label = props.value + '%';
+        }
+      }
+    }
+  }
+  if (props.value > 0) {
+    pieClass += ' has-value';
+    if (props.value > 50) {
+      pieClass += ' is-more-than-half';
+    }
+    else {
+      pieClass += ' is-less-than-half';
+    }
+  }
+  if (props.isRadial) {
+    return (h("div", { class: componentClass },
+      label,
+      h("div", { class: pieClass },
+        h("div", { style: radialStyle, class: "left-side half-circle" }),
+        h("div", { class: "right-side half-circle" })),
+      h("div", { class: "shadow" })));
+  }
+  else {
+    return (h("div", { class: componentClass },
+      h("div", { class: "progress-bar-percentage", style: valueStyle },
+        h("span", { style: labelStyle }, label))));
+  }
+};
+function createIconElement(props) {
+  if (!props.icon) {
+    return undefined;
+  }
+  if (props.icon.indexOf('.') > -1 ||
+    props.icon.indexOf('/') > -1 ||
+    props.icon.indexOf('\\') > -1) {
+    return (h("span", { class: "label kup-icon is-image" },
+      h("img", { src: props.icon })));
+  }
+  else {
+    let svg = `url('${getAssetPath(`./assets/svg/${props.icon}.svg`)}') no-repeat center`;
+    let iconStyle = {
+      mask: svg,
+      webkitMask: svg,
+    };
+    return h("span", { style: iconStyle, class: "label kup-icon" });
+  }
+}
+
+/*-------------------------------------------------*/
+/*                C o m p o n e n t                */
+/*-------------------------------------------------*/
+const FRadio = (props) => {
+  var _a;
+  const hasColumns = !!props.columns;
+  const radioList = [];
+  for (let i = 0; i < ((_a = props.data) === null || _a === void 0 ? void 0 : _a.length); i++) {
+    const data = props.data[i];
+    const classObj = {
+      radio: true,
+      'radio--checked': data.checked ? true : false,
+      'radio--disabled': props.disabled ? true : false,
+    };
+    radioList.push(h("div", { class: `form-field ${props.leadingLabel ? ' form-field--align-end' : ''}` },
+      h("div", { class: classObj },
+        h("input", { class: "radio__native-control", type: "radio", name: "radio-element", value: data.value, checked: data.checked, disabled: props.disabled, onBlur: props.onBlur, onChange: props.onChange
+            ? props.onChange.bind(props.onChange, i)
+            : null, onFocus: props.onFocus }),
+        h("div", { class: "radio__background" },
+          h("div", { class: "radio__outer-circle" }),
+          h("div", { class: "radio__inner-circle" }))),
+      h("label", { htmlFor: 'radio-element', onClick: props.onChange
+          ? props.onChange.bind(props.onChange, i)
+          : null }, data.label ? data.label : '')));
+  }
+  const styleObj = {
+    '--kup_radio_columns': hasColumns
+      ? `repeat(${props.columns}, 1fr)`
+      : '',
+  };
+  return (h("div", { class: `f-radio radio-wrapper ${hasColumns ? 'radio-wrapper-grid' : ''} ${props.danger ? 'kup-danger' : ''} ${props.info ? 'kup-info' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''}`, style: styleObj }, radioList));
+};
+
+/*-------------------------------------------------*/
+/*                C o m p o n e n t                */
+/*-------------------------------------------------*/
+const FRating = (props) => {
+  if (!props.maxValue) {
+    props.maxValue = 5;
+  }
+  return (h("div", { class: `f-rating ${props.disabled ? 'disabled' : ''} ${props.danger ? 'kup-danger' : ''} ${props.info ? 'kup-info' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''}` }, buildStars(props)));
+};
+function buildStars(props) {
+  const stars = [];
+  for (let i = 1; i <= props.maxValue; i++) {
+    if (i <= props.value) {
+      stars.push(h("span", { class: "rating", onClick: props.onClick
+          ? props.onClick.bind(props.onClick, i)
+          : null }, "\u2605"));
+    }
+    else {
+      stars.push(h("span", { class: "rating", onClick: props.onClick
+          ? props.onClick.bind(props.onClick, i)
+          : null }, "\u2606"));
+    }
+  }
+  return stars;
+}
+
 const dom = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
@@ -252,7 +411,14 @@ function setEditableCell(cellType, classObj, cell, column, props) {
       if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
-      return (h(FCheckbox, Object.assign({}, cell.data, { onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
+      if (cell.shape === FCellShapes.INPUT_CHECKBOX) {
+        return (h("input", { checked: cell.value === 'on' || cell.value === '1'
+            ? true
+            : false, class: "input-checkbox", onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), type: "checkbox" }));
+      }
+      else {
+        return (h(FCheckbox, Object.assign({}, cell.data, { onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
+      }
     case FCellTypes.CHIP:
       return (h("kup-chip", Object.assign({}, cell.data, { type: FChipType.INPUT, enableInput: true, "onKup-chip-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }),
         h("kup-text-field", Object.assign({ fullWidth: true, slot: "field" }, cell.slotData))));
@@ -371,7 +537,7 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
       if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
-      return (h("kup-button", Object.assign({ key: column.name + props.row.id }, subcomponentProps, { "onkup-button-click": (e) => cellEvent(e, props, cellType, FCellEvents.CLICK) })));
+      return (h(FButton, Object.assign({}, subcomponentProps, { onClick: (e) => cellEvent(e, props, cellType, FCellEvents.CLICK) })));
     case FCellTypes.BUTTON_LIST:
       if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
@@ -397,15 +563,15 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
       return (h("kup-gauge", Object.assign({ key: column.name + props.row.id, value: dom.ketchup.math.numberifySafe(cell.value), "width-component": "280px" }, subcomponentProps)));
     case FCellTypes.KNOB:
     case FCellTypes.PROGRESS_BAR:
-      return (h("kup-progress-bar", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
+      return subcomponentProps.customStyle ? (h("kup-progress-bar", Object.assign({ key: column.name + props.row.id }, subcomponentProps))) : (h(FProgressBar, Object.assign({}, subcomponentProps)));
     case FCellTypes.RADIO:
       if (isAutoCentered(props)) {
         classObj[FCellClasses.C_CENTERED] = true;
       }
       subcomponentProps['disabled'] = row.readOnly;
-      return (h("kup-radio", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
+      return h(FRadio, Object.assign({}, subcomponentProps));
     case FCellTypes.RATING:
-      return (h("kup-rating", Object.assign({ key: column.name + props.row.id }, subcomponentProps, { disabled: true })));
+      return h(FRating, Object.assign({}, subcomponentProps, { disabled: true }));
   }
 }
 function cellEvent(e, props, cellType, cellEventName) {
@@ -478,6 +644,9 @@ function getValueFromEventTaget(e, cellType) {
   let value = isInputEvent
     ? e.target.value
     : e.detail.value;
+  if (cellType === FCellTypes.CHECKBOX && isInputEvent) {
+    value = e.target.checked ? 'off' : 'on';
+  }
   if (cellType === FCellTypes.NUMBER && isInputEvent) {
     value = dom.ketchup.math.formattedStringToNumberString(value, '');
   }
@@ -492,4 +661,4 @@ function isFullWidth(props) {
   return fullWidthFieldsComps.includes((_a = props.component) === null || _a === void 0 ? void 0 : _a.rootElement.tagName);
 }
 
-export { FCell as F, ItemsDisplayMode as I, KupListRole as K, KupListProps as a, FSwitch as b };
+export { FCell as F, ItemsDisplayMode as I, KupListRole as K, KupListProps as a, FProgressBar as b, FRadio as c, FRating as d, FSwitch as e };

package/dist/esm/{f-checkbox-00a1e020.js → f-checkbox-cbf7b3de.js}

@@ -1,4 +1,4 @@
-import { h } from './index-3336c3b1.js';
+import { h } from './index-c161a33e.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/esm/{f-chip-311500f4.js → f-chip-104c4a64.js}

@@ -1,6 +1,6 @@
-import { h } from './index-3336c3b1.js';
-import { F as FImage } from './f-image-da03494c.js';
-import { K as KupThemeIconValues, m as KupLanguageGeneric, b as KupThemeColorValues } from './kup-manager-c8d5c94d.js';
+import { h } from './index-c161a33e.js';
+import { F as FImage } from './f-image-d2a9603c.js';
+import { K as KupThemeIconValues, m as KupLanguageGeneric, b as KupThemeColorValues } from './kup-manager-94b3d177.js';
 
 /**
  * Types of the f-chip component.

package/dist/esm/{f-image-da03494c.js → f-image-d2a9603c.js}

@@ -1,5 +1,5 @@
-import { h, a as getAssetPath } from './index-3336c3b1.js';
-import { b as KupThemeColorValues } from './kup-manager-c8d5c94d.js';
+import { h, a as getAssetPath } from './index-c161a33e.js';
+import { b as KupThemeColorValues } from './kup-manager-94b3d177.js';
 
 /**
  * The type of a CSS step in CSS-drawing mode.

package/dist/esm/{f-paginator-utils-d63a195e.js → f-paginator-utils-743522fa.js}

@@ -1,6 +1,6 @@
-import { E as Filters, J as FilterInterval, H as getValueForDisplay, D as getValueForDisplay2, af as getCellValueForDisplay, v as getColumnByName, z as KupObjects, ah as KupData, ai as compareCell, N as TotalMode, h as KupDatesFormats, a2 as SortMode, aj as KupLanguagePage, r as KupLanguageRow, m as KupLanguageGeneric } from './kup-manager-c8d5c94d.js';
-import { h } from './index-3336c3b1.js';
-import { F as FButton } from './f-button-baa419dc.js';
+import { E as Filters, J as FilterInterval, H as getValueForDisplay, D as getValueForDisplay2, af as getCellValueForDisplay, v as getColumnByName, z as KupObjects, ah as KupData, ai as compareCell, N as TotalMode, h as KupDatesFormats, a2 as SortMode, aj as KupLanguagePage, r as KupLanguageRow, m as KupLanguageGeneric } from './kup-manager-94b3d177.js';
+import { h } from './index-c161a33e.js';
+import { F as FButton } from './f-button-f247ce10.js';
 import { F as FButtonStyling } from './f-button-declarations-8a009df1.js';
 
 /**
@@ -869,19 +869,19 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
     return;
   }
   keys.forEach((key) => {
-    const currentTotalValue = dom$2.ketchup.math.numberify(groupRow.group.totals[key] || 0);
     const cell = addedRow.cells[key];
     if (cell) {
-      let _isNumber = dom$2.ketchup.objects.isNumber(cell.obj);
+      const _isNumber = dom$2.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;
@@ -939,8 +939,9 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
           break;
         case TotalMode.SUM:
         case TotalMode.AVERAGE:
-          if (_isNumber) {
+          if (_isNumber && cell.value) {
             const cellValue = dom$2.ketchup.math.numberify(dom$2.ketchup.math.numberifySafe(cell.value));
+            const currentTotalValue = groupRow.group.totals[key] || 0;
             groupRow.group.totals[key] =
               cellValue + currentTotalValue;
             // updating parents
@@ -955,11 +956,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$2.ketchup.math.numberify(dom$2.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
@@ -979,22 +980,21 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
               parent = parent.group.parent;
             }
           }
-          else if (dom$2.ketchup.objects.isDate(cell.obj)) {
-            const momentValue = cell.obj
-              ? dom$2.ketchup.objects.parseDate(cell.obj)
-              : dom$2.ketchup.dates.toDayjs(cell.value);
-            if (dom$2.ketchup.dates.isValid(momentValue)) {
-              const cellValue = dom$2.ketchup.dates.toDate(momentValue);
-              const currentTotalValue = groupRow.group.totals[key];
-              if (currentTotalValue) {
+          else if (cell.value &&
+            dom$2.ketchup.objects.isDate(cell.obj)) {
+            const cellValue = dom$2.ketchup.dates.toDayjs(cell.value);
+            if (dom$2.ketchup.dates.isValid(cellValue)) {
+              const currentMinValue = groupRow.group.totals[key];
+              if (currentMinValue) {
                 let moments = [];
                 moments.push(cellValue);
-                moments.push(dom$2.ketchup.dates.format(currentTotalValue));
+                moments.push(dom$2.ketchup.dates.toDayjs(currentMinValue));
                 groupRow.group.totals[key] =
-                  dom$2.ketchup.dates.format(dom$2.ketchup.dates.min(moments));
+                  dom$2.ketchup.dates.format(dom$2.ketchup.dates.min(moments), KupDatesFormats.ISO_DATE);
               }
               else {
-                groupRow.group.totals[key] = cellValue;
+                groupRow.group.totals[key] =
+                  dom$2.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
               }
               // updating parents
               let parent = groupRow.group.parent;
@@ -1003,13 +1003,14 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
                 if (currentParentMin) {
                   let moments = [];
                   moments.push(cellValue);
-                  moments.push(dom$2.ketchup.dates.format(currentParentMin));
+                  moments.push(dom$2.ketchup.dates.toDayjs(currentParentMin));
                   parent.group.totals[key] =
-                    dom$2.ketchup.dates.format(dom$2.ketchup.dates.min(moments));
+                    dom$2.ketchup.dates.format(dom$2.ketchup.dates.min(moments), KupDatesFormats.ISO_DATE);
                 }
                 else {
                   // first round
-                  parent.group.totals[key] = cellValue;
+                  parent.group.totals[key] =
+                    dom$2.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
                 }
                 parent = parent.group.parent;
               }
@@ -1018,11 +1019,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$2.ketchup.math.numberify(dom$2.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
@@ -1042,37 +1043,37 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
               parent = parent.group.parent;
             }
           }
-          else if (dom$2.ketchup.objects.isDate(cell.obj)) {
-            const momentValue = cell.obj
-              ? dom$2.ketchup.objects.parseDate(cell.obj)
-              : dom$2.ketchup.dates.toDayjs(cell.value);
-            if (dom$2.ketchup.dates.isValid(momentValue)) {
-              const cellValue = dom$2.ketchup.dates.toDate(momentValue);
-              const currentTotalValue = groupRow.group.totals[key];
-              if (currentTotalValue) {
+          else if (cell.value &&
+            dom$2.ketchup.objects.isDate(cell.obj)) {
+            const cellValue = dom$2.ketchup.dates.toDayjs(cell.value);
+            if (dom$2.ketchup.dates.isValid(cellValue)) {
+              const currentMaxValue = groupRow.group.totals[key];
+              if (currentMaxValue) {
                 let moments = [];
                 moments.push(cellValue);
-                moments.push(dom$2.ketchup.dates.format(currentTotalValue));
+                moments.push(dom$2.ketchup.dates.toDayjs(currentMaxValue));
                 groupRow.group.totals[key] =
-                  dom$2.ketchup.dates.format(dom$2.ketchup.dates.max(moments));
+                  dom$2.ketchup.dates.format(dom$2.ketchup.dates.max(moments), KupDatesFormats.ISO_DATE);
               }
               else {
-                groupRow.group.totals[key] = cellValue;
+                groupRow.group.totals[key] =
+                  dom$2.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$2.ketchup.dates.format(currentParentMin));
+                  moments.push(dom$2.ketchup.dates.toDayjs(currentParentMax));
                   parent.group.totals[key] =
-                    dom$2.ketchup.dates.format(dom$2.ketchup.dates.max(moments));
+                    dom$2.ketchup.dates.format(dom$2.ketchup.dates.max(moments), KupDatesFormats.ISO_DATE);
                 }
                 else {
                   // first round
-                  parent.group.totals[key] = cellValue;
+                  parent.group.totals[key] =
+                    dom$2.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
                 }
                 parent = parent.group.parent;
               }
@@ -1161,9 +1162,7 @@ function adjustGroupAverageOrFormula(row, type, toAdjustKeys, totals) {
   // adjust average/formulas
   toAdjustKeys.forEach((key) => {
     if (type == TotalMode.AVERAGE) {
-      row.group.totals[key] =
-        dom$2.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/esm/{f-text-field-e5f1f1fd.js → f-text-field-4d91ccfc.js}

@@ -1,5 +1,5 @@
-import { h, a as getAssetPath } from './index-3336c3b1.js';
-import { K as KupThemeIconValues } from './kup-manager-c8d5c94d.js';
+import { h, a as getAssetPath } from './index-c161a33e.js';
+import { K as KupThemeIconValues } from './kup-manager-94b3d177.js';
 
 const dom = document.documentElement;
 /*-------------------------------------------------*/
@@ -55,7 +55,8 @@ function setContent(props) {
   let value = props.value;
   let inputType = (_a = props.inputType) !== null && _a !== void 0 ? _a : 'text';
   let persManageForNumberFormat = false;
-  if (props.inputType === 'number' && props.decimals && props.decimals > 0) {
+  if (props.inputType === 'number' &&
+    ((props.decimals && props.decimals > 0) || props.group)) {
     inputType = 'text';
     persManageForNumberFormat = true;
   }
@@ -99,7 +100,40 @@ function setContent(props) {
             group: props.group,
             integer: props.integers,
           };
-          e.target.value = formatValue(e.target.value, options, true);
+          if (props.min !== undefined &&
+            props.min !== null &&
+            props.min >
+              parseFloat(e.target.value)) {
+            e.target.value =
+              formatValue(props.min.toString(), options, true);
+          }
+          else if (props.max !== undefined &&
+            props.max !== null &&
+            props.max <
+              parseFloat(e.target.value)) {
+            e.target.value =
+              formatValue(props.max.toString(), options, true);
+          }
+          else {
+            e.target.value =
+              formatValue(e.target.value, options, true);
+          }
+        }
+        else {
+          if (props.min !== undefined &&
+            props.min !== null &&
+            props.min >
+              parseFloat(e.target.value)) {
+            e.target.value =
+              props.min.toString();
+          }
+          else if (props.max !== undefined &&
+            props.max !== null &&
+            props.max <
+              parseFloat(e.target.value)) {
+            e.target.value =
+              props.max.toString();
+          }
         }
         if (props.onChange) {
           props.onChange(e);