@sme.up/ketchup 9.0.0 → 9.2.0

package/dist/components/kup-probe.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, forceUpdate, h, Host } from '@stencil/core/internal/client';
-import { k as kupManagerInstance, c as componentWrapperId, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r, G as defineCustomElement$s } from './kup-autocomplete2.js';
+import { k as kupManagerInstance } from './kup-manager.js';
+import { c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s } from './kup-autocomplete2.js';
 
 const KupProbe$1 = /*@__PURE__*/ proxyCustomElement(class KupProbe extends HTMLElement {
   constructor() {

package/dist/components/kup-progress-bar.js

@@ -1,4 +1,4 @@
-import { aB as KupProgressBar$1, m as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { a9 as KupProgressBar$1, j as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupProgressBar = KupProgressBar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-qlik.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { k as kupManagerInstance, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r, G as defineCustomElement$s } from './kup-autocomplete2.js';
+import { k as kupManagerInstance } from './kup-manager.js';
+import { d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s } from './kup-autocomplete2.js';
 
 const kupQlikCss = ".kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height) / 2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height) / 3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height) * 2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height) * 3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-color, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";
 

package/dist/components/kup-radio.js

@@ -1,4 +1,4 @@
-import { aC as KupRadio$1, l as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { aa as KupRadio$1, i as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupRadio = KupRadio$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-rating.js

@@ -1,4 +1,4 @@
-import { aD as KupRating$1, j as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { ab as KupRating$1, h as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupRating = KupRating$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-snackbar.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
-import { k as kupManagerInstance, g as getProps, s as setProps, c as componentWrapperId, a6 as FButton, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r, G as defineCustomElement$s } from './kup-autocomplete2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager.js';
+import { c as componentWrapperId, S as FButton, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s } from './kup-autocomplete2.js';
 
 const snackbarClass = 'snackbar';
 /**

package/dist/components/kup-spinner.js

@@ -1,4 +1,4 @@
-import { aE as KupSpinner$1, i as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { ac as KupSpinner$1, g as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupSpinner = KupSpinner$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-switch.js

@@ -1,4 +1,4 @@
-import { aF as KupSwitch$1, h as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { ad as KupSwitch$1, f as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupSwitch = KupSwitch$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-tab-bar.js

@@ -1,4 +1,4 @@
-import { aG as KupTabBar$1, f as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { ae as KupTabBar$1, e as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupTabBar = KupTabBar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-text-field.js

@@ -1,4 +1,4 @@
-import { aH as KupTextField$1, e as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { af as KupTextField$1, b as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupTextField = KupTextField$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-time-picker.js

@@ -1,4 +1,4 @@
-import { aI as KupTimePicker$1, b as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { ag as KupTimePicker$1, a as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupTimePicker = KupTimePicker$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-tree.js

@@ -1,4 +1,4 @@
-import { aJ as KupTree$1, d as defineCustomElement$1 } from './kup-autocomplete2.js';
+import { ah as KupTree$1, d as defineCustomElement$1 } from './kup-autocomplete2.js';
 
 const KupTree = KupTree$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,6 +1,6 @@
-import { h } from './index-3336c3b1.js';
+import { h } from './index-99c17b08.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-727453df.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/esm/{f-cell-18ee3afa.js → f-cell-88d375e1.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 { aa as editableTypes, ab as kupTypes, c as KupThemeColorValues, a7 as FCellTypes, ac as KupTagNames, F as FCellShapes, ad as fullWidthFieldsComps, ae as FCellClasses, af as autoCenterComps, ag as getCellValueForDisplay, ah as FCellEvents } from './kup-manager-9a9d2dbb.js';
+import { h, g as getAssetPath } from './index-99c17b08.js';
+import { F as FCheckbox } from './f-checkbox-31219c42.js';
+import { F as FTextField } from './f-text-field-7b4d622c.js';
+import { F as FImage } from './f-image-727453df.js';
+import { F as FChipType, a as FChip } from './f-chip-ef0d4130.js';
+import { F as FButton } from './f-button-0bce6587.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-31219c42.js}

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

package/dist/esm/{f-chip-311500f4.js → f-chip-ef0d4130.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-99c17b08.js';
+import { F as FImage } from './f-image-727453df.js';
+import { a as KupThemeIconValues, n as KupLanguageGeneric, c as KupThemeColorValues } from './kup-manager-9a9d2dbb.js';
 
 /**
  * Types of the f-chip component.

package/dist/esm/{f-image-da03494c.js → f-image-727453df.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, g as getAssetPath } from './index-99c17b08.js';
+import { c as KupThemeColorValues } from './kup-manager-9a9d2dbb.js';
 
 /**
  * The type of a CSS step in CSS-drawing mode.

package/dist/esm/{f-paginator-utils-d63a195e.js → f-paginator-utils-4524e41c.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 { H as Filters, L as FilterInterval, I as getValueForDisplay, E as getValueForDisplay2, ag as getCellValueForDisplay, w as getColumnByName, A as KupObjects, ai as KupData, aj as compareCell, O as TotalMode, i as KupDatesFormats, a3 as SortMode, ak as KupLanguagePage, t as KupLanguageRow, n as KupLanguageGeneric } from './kup-manager-9a9d2dbb.js';
+import { h } from './index-99c17b08.js';
+import { F as FButton } from './f-button-0bce6587.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-7b4d622c.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, g as getAssetPath } from './index-99c17b08.js';
+import { a as KupThemeIconValues } from './kup-manager-9a9d2dbb.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);