@sme.up/ketchup 6.3.0 → 6.4.0

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

@@ -19,6 +19,11 @@ export class KupButton {
     /*-------------------------------------------------*/
     /*                    P r o p s                    */
     /*-------------------------------------------------*/
+    /**
+     * Sets the type of the button.
+     * @default null
+     */
+    this.buttonType = null;
     /**
      * When set to true, the icon button state will be on.
      * @default false
@@ -165,6 +170,7 @@ export class KupButton {
   }
   render() {
     const props = {
+      buttonType: this.buttonType,
       checked: this.checked,
       danger: this.rootElement.classList.contains('kup-danger')
         ? true
@@ -233,6 +239,27 @@ export class KupButton {
     "$": ["kup-button.css"]
   }; }
   static get properties() { return {
+    "buttonType": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "null"
+          }],
+        "text": "Sets the type of the button."
+      },
+      "attribute": "button-type",
+      "reflect": false,
+      "defaultValue": "null"
+    },
     "checked": {
       "type": "boolean",
       "mutable": true,

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

@@ -3350,7 +3350,9 @@ export class KupDataTable {
           });
         }
         else {
-          this.kupManager.debug.logMessage(this, "Grouped for a non-existent column! (" + group.column + ")", KupDebugCategory.WARNING);
+          this.kupManager.debug.logMessage(this, 'Grouped for a non-existent column! (' +
+            group.column +
+            ')', KupDebugCategory.WARNING);
         }
       }
       if (chipsData.length > 0) {

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

@@ -881,19 +881,21 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
   }
   const y = {};
   let objKey;
-  for (const row of this.data.rows) {
-    objKey = row.cells[this.axis].value;
-    y[objKey] = [];
-    for (const key of Object.keys(row.cells)) {
-      const cell = row.cells[key];
-      const value = cell.value;
-      if (!this.axis.includes(key)) {
-        if (this.series &&
-          this.series.length > 0 &&
-          !this.series.includes(key)) {
-          continue;
+  if (this.axis) {
+    for (const row of this.data.rows) {
+      objKey = row.cells[this.axis].value;
+      y[objKey] = [];
+      for (const key of Object.keys(row.cells)) {
+        const cell = row.cells[key];
+        const value = cell.value;
+        if (!this.axis.includes(key)) {
+          if (this.series &&
+            this.series.length > 0 &&
+            !this.series.includes(key)) {
+            continue;
+          }
+          y[objKey].push(value);
         }
-        y[objKey].push(value);
       }
     }
   }
@@ -957,6 +959,12 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
         '</div>');
     }
   };
+  let axisColumn = __classPrivateFieldGet(this, _KupEchart_kupManager, "f").data.column.find(this.data, {
+    name: this.axis,
+  });
+  let serieTitle = axisColumn && axisColumn.length > 0
+    ? axisColumn[0].title
+    : 'No title';
   const echartOption = Object.assign({ emphasis: {
       label: {
         show: true,
@@ -989,9 +997,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
           padding: 4,
         },
         map: this.rootElement.id ? this.rootElement.id : '',
-        name: __classPrivateFieldGet(this, _KupEchart_kupManager, "f").data.column.find(this.data, {
-          name: this.axis,
-        })[0].title,
+        name: serieTitle,
         roam: true,
         select: {
           itemStyle: {
@@ -1063,11 +1069,15 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
     if (type == KupEchartTypes.GAUSSIAN) {
       if (!__classPrivateFieldGet(this, _KupEchart_kupManager, "f").objects.isNumber(column.obj)) {
         const newDataset = __classPrivateFieldGet(this, _KupEchart_kupManager, "f").data.distinct(this.data, [column.name]);
-        values = __classPrivateFieldGet(this, _KupEchart_kupManager, "f").data.cell.getValue(newDataset, column);
+        values = __classPrivateFieldGet(this, _KupEchart_kupManager, "f").data.cell.getUnivocalValue(newDataset, column);
         __classPrivateFieldGet(this, _KupEchart_gaussianDatasets, "f")[column.name] = newDataset;
       }
       else {
-        values = [{ value: y[key] }];
+        values = [];
+        for (let index = 0; index < y[key].length; index++) {
+          const element = y[key][index];
+          values.push({ value: element });
+        }
       }
     }
     else {

package/dist/collection/components/kup-form/kup-form-declarations.js

@@ -6,6 +6,7 @@ export var KupFormProps;
 (function (KupFormProps) {
   KupFormProps["customStyle"] = "Custom style of the component.";
   KupFormProps["data"] = "Actual data of the form.";
+  KupFormProps["hiddenSubmitButton"] = "Creates a hidden submit button in order to submit the form with enter.";
   KupFormProps["layout"] = "How the form will arrange its content.";
 })(KupFormProps || (KupFormProps = {}));
 export var KupFormLabelAlignment;

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

@@ -27,6 +27,7 @@
   display: flex;
   flex-grow: 1;
   overflow: auto;
+  padding: 1em 0;
   position: relative;
 }
 .form--column {
@@ -94,6 +95,13 @@
 .form__field img {
   height: auto;
 }
+.form__submit {
+  height: 0;
+  opacity: 0;
+  overflow: hidden;
+  position: absolute;
+  width: 0;
+}
 .form .f-cell.c-right-aligned:not(.c-centered) .f-cell__content {
   justify-content: flex-start;
 }

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

@@ -7,6 +7,7 @@ import { componentWrapperId } from '../../variables/GenericVariables';
 import { FCell } from '../../f-components/f-cell/f-cell';
 import { FCellTypes, } from '../../f-components/f-cell/f-cell-declarations';
 import { FTextFieldMDC } from '../../f-components/f-text-field/f-text-field-mdc';
+import { FButton } from '../../f-components/f-button/f-button';
 const dom = document.documentElement;
 export class KupForm {
   constructor() {
@@ -24,6 +25,11 @@ export class KupForm {
      * @default null
      */
     this.data = null;
+    /**
+     * Creates a hidden submit button in order to submit the form with enter.
+     * @default false
+     */
+    this.hiddenSubmitButton = false;
     /**
      * How the form will arrange its content.
      * @default null
@@ -167,7 +173,9 @@ export class KupForm {
       form: true,
       'form--column': !horizontal,
     };
-    return h("form", { class: classObj }, formContent);
+    return (h("form", { class: classObj, name: this.rootElement.id },
+      formContent,
+      this.hiddenSubmitButton ? (h(FButton, { buttonType: "submit", label: "submit", wrapperClass: "form__submit" })) : null));
   }
   renderSection(section, parent, row, visibleColumns) {
     var _a;
@@ -281,7 +289,7 @@ export class KupForm {
       return null;
     }
     const cellProps = {
-      cell: formField.data ? Object.assign(Object.assign({}, cell), { data: formField.data }) : cell,
+      cell: cell,
       column: column,
       component: this,
       editable: true,
@@ -498,6 +506,27 @@ export class KupForm {
       },
       "defaultValue": "null"
     },
+    "hiddenSubmitButton": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "false"
+          }],
+        "text": "Creates a hidden submit button in order to submit the form with enter."
+      },
+      "attribute": "hidden-submit-button",
+      "reflect": false,
+      "defaultValue": "false"
+    },
     "layout": {
       "type": "unknown",
       "mutable": false,

package/dist/collection/components/kup-image/assets/svg/azure.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.05,4.24L6.56,18.05L2,18L7.09,9.24L13.05,4.24M13.75,5.33L22,19.76H6.74L16.04,18.1L11.17,12.31L13.75,5.33Z" /></svg>

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

@@ -1,5 +1,6 @@
 /**
 * @prop --kup-lazy-animation-time: Sets the duration of the animation.
+* @prop --kup-lazy-height: Sets the height of the component and subcomponent.
 * @prop --kup-lazy-hor-alignment: Sets the horizontal alignment of the subcomponent.
 * @prop --kup-lazy-placeholder-color: Sets color of the placeholder icon.
 * @prop --kup-lazy-ver-alignment: Sets the vertical alignment of the subcomponent.
@@ -12,10 +13,11 @@
     --kup-lazy-placeholder-color,
     var(--kup-icon-color)
   );
+  --kup_lazy_height: var(--kup-lazy-height, 100%);
   --kup_lazy_ver_alignment: var(--kup-lazy-ver-alignment, center);
   --kup_lazy_width: var(--kup-lazy-width, 100%);
   display: block;
-  height: 100%;
+  height: var(--kup_lazy_height);
   width: var(--kup_lazy_width);
   position: relative;
 }
@@ -24,15 +26,19 @@
   align-items: var(--kup_lazy_ver_alignment);
   display: flex;
   justify-content: var(--kup_lazy_hor_alignment);
-  height: 100%;
+  height: var(--kup_lazy_height);
   width: var(--kup_lazy_width);
 }
+#kup-component > * {
+  height: var(--kup_lazy_height);
+}
 #kup-component kup-data-table {
   min-width: 100%;
 }
 
 .kup-loaded,
 .kup-to-be-loaded {
+  height: var(--kup_lazy_height);
   width: var(--kup_lazy_width);
 }
 

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

@@ -95,6 +95,7 @@
 :host([is-radial]) {
   box-sizing: border-box;
   margin: auto;
+  padding: 1.25em 0px;
 }
 :host([is-radial]) #kup-component {
   display: flex;

package/dist/collection/f-components/f-button/f-button.js

@@ -58,7 +58,7 @@ function renderButton(props) {
   const styleSpinnerContainer = {
     '--kup_button_spinner_height': propsFImage.sizeY,
   };
-  return (h("button", { class: classObj, disabled: props.disabled, onBlur: props.onBlur, onClick: props.onClick, onFocus: props.onFocus, style: styleSpinnerContainer, "aria-label": props.title, type: "button" },
+  return (h("button", { type: props.buttonType ? props.buttonType : 'button', class: classObj, disabled: props.disabled, onBlur: props.onBlur, onClick: props.onClick, onFocus: props.onFocus, style: styleSpinnerContainer, "aria-label": props.title },
     props.trailingIcon
       ? [
         h("span", { class: classLabelObj }, props.label),
@@ -93,7 +93,7 @@ function renderIconButton(props) {
   const iconOff = props.iconOff
     ? props.iconOff
     : props.icon + '_border';
-  return (h("button", { class: classObj, disabled: props.disabled, onClick: props.onClick, style: styleSpinnerContainer, type: "button", value: props.checked ? 'on' : 'off', "aria-label": props.title },
+  return (h("button", { type: props.buttonType ? props.buttonType : 'button', class: classObj, disabled: props.disabled, onClick: props.onClick, style: styleSpinnerContainer, value: props.checked ? 'on' : 'off', "aria-label": props.title },
     !props.showSpinner || props.disabled ? (h(FImage, Object.assign({}, propsFImage, { resource: props.toggable && !props.checked ? iconOff : props.icon, wrapperClass: `icon-button__icon kup-icon` }))) : null,
     props.toggable && !props.showSpinner ? (h(FImage, Object.assign({}, propsFImage, { resource: props.icon, wrapperClass: `icon-button__icon icon-button__icon--on kup-icon` }))) : null,
     props.showSpinner && !props.disabled ? (h("div", { class: "icon-button__spinner-container" },

package/dist/collection/f-components/f-cell/f-cell.js

@@ -223,7 +223,7 @@ function setEditableCell(cellType, classObj, cell, column, props) {
     case FCellTypes.NUMBER:
       classObj[FCellClasses.C_RIGHT_ALIGNED] = true;
     case FCellTypes.STRING:
-      return (h(FTextField, Object.assign({}, cell.data, { icon: cell.icon ? cell.icon : column.icon ? column.icon : null, fullWidth: isFullWidth(props) ? true : false, inputType: cellType === FCellTypes.NUMBER ? 'number' : null, value: cellType === FCellTypes.NUMBER
+      return (h(FTextField, Object.assign({ inputType: cellType === FCellTypes.NUMBER ? 'number' : null, fullWidth: isFullWidth(props) ? true : false }, cell.data, { icon: cell.icon ? cell.icon : column.icon ? column.icon : null, value: cellType === FCellTypes.NUMBER
           ? stringToNumber(cell.value).toString()
           : cell.value, onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), onInput: (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), onIconClick: (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
   }

package/dist/collection/f-components/f-text-field/f-text-field.js

@@ -55,7 +55,9 @@ function setContent(props) {
       props.maxLength)) : undefined,
     !props.trailingIcon ? iconEl : undefined,
     props.textArea ? (h("span", { class: "mdc-text-field__resizer" },
-      h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (h("input", { type: props.inputType ? props.inputType : 'text', step: props.step, min: props.min, max: props.max, name: props.name, class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, placeholder: props.fullWidth ? props.label : undefined, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onChange: (e) => {
+      h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (h("input", { type: props.inputType ? props.inputType : 'text', step: props.step, min: props.min, max: props.max, name: props.name, class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, placeholder: props.fullWidth && !props.outlined
+        ? props.label
+        : undefined, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onChange: (e) => {
         if (props.decimals !== null &&
           props.inputType === 'number') {
           e.target.value = parseFloat(e.target.value).toFixed(props.decimals);

package/dist/collection/managers/kup-data/kup-data-cell-helper.js

@@ -21,14 +21,14 @@ export function findCell(dataset, filters) {
  * @param {KupDataColumn} column - Column included in the search. When missing, returns empty array.
  * @returns {ValueDisplayedValue[]} Values of the cells, sorted.
  */
-export function getCellValue(dataset, column, sorted) {
+export function getCellValue(dataset, column, sorted, univocal) {
   const rows = dataset.rows;
   const values = new Array();
   const result = new Array();
   if (!rows || rows.length == 0 || !column) {
     return result;
   }
-  extractColumnValues(rows, column, values);
+  extractColumnValues(rows, column, values, univocal);
   if (sorted == true) {
     values.sort((n1, n2) => {
       return compareValues(null, kupObjects.isDate(n1.obj)
@@ -44,19 +44,20 @@ export function getCellValue(dataset, column, sorted) {
   }
   return result;
 }
-function extractColumnValues(rows, column, values) {
+function extractColumnValues(rows, column, values, univocal) {
   /** il valore delle righe attualmente filtrate, formattato */
-  rows.forEach((row) => addColumnValueFromRow(values, column, row.cells[column.name]));
+  rows.forEach((row) => addColumnValueFromRow(values, column, row.cells[column.name], univocal));
   return values;
 }
-export function addColumnValueFromRow(values, column, cell) {
+export function addColumnValueFromRow(values, column, cell, univocal) {
   if (cell) {
     let item = {
       value: cell.value,
       displayedValue: getCellValueForDisplay(column, cell),
       obj: cell.obj ? cell.obj : column.obj,
     };
-    if (!Filters.valuesArrayContainsValue(values, cell.value)) {
+    if (univocal != true ||
+      !Filters.valuesArrayContainsValue(values, cell.value)) {
       values.push(item);
     }
   }

package/dist/collection/managers/kup-data/kup-data.js

@@ -18,7 +18,10 @@ export class KupData {
         return findCell(dataset, filters);
       },
       getValue(dataset, column, sorted) {
-        return getCellValue(dataset, column, sorted);
+        return getCellValue(dataset, column, sorted, false);
+      },
+      getUnivocalValue(dataset, column, sorted) {
+        return getCellValue(dataset, column, sorted, true);
       },
       replace(dataset, cell, columns) {
         return replaceCell(dataset, cell, columns);
@@ -373,22 +376,17 @@ export class KupData {
       columns: JSON.parse(JSON.stringify(dataset.columns)),
       rows: [],
     };
-    const length = dataset.rows.length;
     // sort all columns values by descending
-    let values = getCellValue(dataset, this.column.find(dataset, { name: headerColumn })[0]);
-    values.sort(function (a, b) {
-      return Number(a.value) - Number(b.value);
-    });
+    let values = getCellValue(dataset, this.column.find(dataset, { name: headerColumn })[0], true, true);
     values.reverse();
-    // excluding duplicates values.
-    values = [...new Set(values)];
+    const length = dataset.rows.length;
     // calculating middle index
     const idx = Math.floor(length / 2);
     let lastIdx = idx - 1;
     let leftIdx = idx - 1;
     let rightIdx = idx + 1;
     // sort the rows like a "mountain", the greatest is in the middle and the other ones are splitted left and right
-    for (let i = 0; i < length; i++) {
+    for (let i = 0; i < values.length; i++) {
       const value = values[i].value;
       // looping the rows because we have many rows with same value.
       this.finder(dataset, {

package/dist/collection/managers/kup-dates/kup-dates.js

@@ -45,6 +45,20 @@ export class KupDates {
       this.locale = navLangs[0]
         .split('-')[0]
         .toLowerCase();
+      let found = false;
+      for (const key in KupDatesLocales) {
+        if (Object.prototype.hasOwnProperty.call(KupDatesLocales, key)) {
+          const localeItem = KupDatesLocales[key];
+          if (localeItem == this.locale) {
+            found = true;
+            break;
+          }
+        }
+      }
+      if (!found) {
+        console.log('set forced locale: en');
+        this.locale = KupDatesLocales.ENGLISH;
+      }
     }
     dayjs.locale(this.locale);
     this.managedComponents.forEach(function (comp) {

package/dist/collection/utils/filters/filters-rows.js

@@ -232,6 +232,6 @@ export class FiltersRows extends Filters {
     for (let i = 0; i < checkboxes.length; i++) {
       values.push(checkboxes[i]);
     }
-    return kupData.cell.getValue({ rows: tmpRows }, column, true);
+    return kupData.cell.getUnivocalValue({ rows: tmpRows }, column, true);
   }
 }

package/dist/collection/utils/filters/filters-tree-items.js

@@ -71,7 +71,7 @@ export class FiltersTreeItems extends FiltersRows {
       });
     }
   }
-  extractColumnValues(rows, column, values) {
+  extractColumnValues(rows, column, values, univocal) {
     if (rows == null || rows.length == 0) {
       return;
     }
@@ -83,8 +83,8 @@ export class FiltersTreeItems extends FiltersRows {
         value: node.value,
       };
       if (node.visible) {
-        addColumnValueFromRow(values, column, cellsHolder[column.name]);
-        this.extractColumnValues(node.children, column, values);
+        addColumnValueFromRow(values, column, cellsHolder[column.name], univocal);
+        this.extractColumnValues(node.children, column, values, univocal);
       }
     });
     return values;

package/dist/esm/{f-button-cd948e50.js → f-button-2d0a5f21.js}

@@ -1,6 +1,6 @@
 import { h } from './index-e41330a5.js';
 import { F as FButtonStyling } from './f-button-declarations-b1b4cac4.js';
-import { F as FImage } from './f-image-914a03ef.js';
+import { F as FImage } from './f-image-ab131d59.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
@@ -58,7 +58,7 @@ function renderButton(props) {
   const styleSpinnerContainer = {
     '--kup_button_spinner_height': propsFImage.sizeY,
   };
-  return (h("button", { class: classObj, disabled: props.disabled, onBlur: props.onBlur, onClick: props.onClick, onFocus: props.onFocus, style: styleSpinnerContainer, "aria-label": props.title, type: "button" },
+  return (h("button", { type: props.buttonType ? props.buttonType : 'button', class: classObj, disabled: props.disabled, onBlur: props.onBlur, onClick: props.onClick, onFocus: props.onFocus, style: styleSpinnerContainer, "aria-label": props.title },
     props.trailingIcon
       ? [
         h("span", { class: classLabelObj }, props.label),
@@ -93,7 +93,7 @@ function renderIconButton(props) {
   const iconOff = props.iconOff
     ? props.iconOff
     : props.icon + '_border';
-  return (h("button", { class: classObj, disabled: props.disabled, onClick: props.onClick, style: styleSpinnerContainer, type: "button", value: props.checked ? 'on' : 'off', "aria-label": props.title },
+  return (h("button", { type: props.buttonType ? props.buttonType : 'button', class: classObj, disabled: props.disabled, onClick: props.onClick, style: styleSpinnerContainer, value: props.checked ? 'on' : 'off', "aria-label": props.title },
     !props.showSpinner || props.disabled ? (h(FImage, Object.assign({}, propsFImage, { resource: props.toggable && !props.checked ? iconOff : props.icon, wrapperClass: `icon-button__icon kup-icon` }))) : null,
     props.toggable && !props.showSpinner ? (h(FImage, Object.assign({}, propsFImage, { resource: props.icon, wrapperClass: `icon-button__icon icon-button__icon--on kup-icon` }))) : null,
     props.showSpinner && !props.disabled ? (h("div", { class: "icon-button__spinner-container" },

package/dist/esm/{f-cell-474dd282.js → f-cell-ee7d7b5c.js}

@@ -1,9 +1,9 @@
-import { aj as editableTypes, ak as kupTypes, b as KupThemeColorValues, al as FCellTypes, am as KupTagNames, an as fullWidthFieldsComps, ag as stringToNumber, ao as FCellClasses, ap as autoCenterComps, ad as getCellValueForDisplay, aq as FCellEvents } from './kup-manager-86f440c7.js';
+import { aj as editableTypes, ak as kupTypes, b as KupThemeColorValues, al as FCellTypes, am as KupTagNames, an as fullWidthFieldsComps, ag as stringToNumber, ao as FCellClasses, ap as autoCenterComps, ad as getCellValueForDisplay, aq as FCellEvents } from './kup-manager-13b4f989.js';
 import { h } from './index-e41330a5.js';
 import { F as FCheckbox } from './f-checkbox-e06cf07b.js';
-import { F as FTextField } from './f-text-field-76341fe3.js';
-import { F as FImage } from './f-image-914a03ef.js';
-import { a as FChip } from './f-chip-d6f2eb94.js';
+import { F as FTextField } from './f-text-field-0729b19f.js';
+import { F as FImage } from './f-image-ab131d59.js';
+import { a as FChip } from './f-chip-0d29f91f.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
@@ -233,7 +233,7 @@ function setEditableCell(cellType, classObj, cell, column, props) {
     case FCellTypes.NUMBER:
       classObj[FCellClasses.C_RIGHT_ALIGNED] = true;
     case FCellTypes.STRING:
-      return (h(FTextField, Object.assign({}, cell.data, { icon: cell.icon ? cell.icon : column.icon ? column.icon : null, fullWidth: isFullWidth(props) ? true : false, inputType: cellType === FCellTypes.NUMBER ? 'number' : null, value: cellType === FCellTypes.NUMBER
+      return (h(FTextField, Object.assign({ inputType: cellType === FCellTypes.NUMBER ? 'number' : null, fullWidth: isFullWidth(props) ? true : false }, cell.data, { icon: cell.icon ? cell.icon : column.icon ? column.icon : null, value: cellType === FCellTypes.NUMBER
           ? stringToNumber(cell.value).toString()
           : cell.value, onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), onInput: (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), onIconClick: (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
   }

package/dist/esm/{f-chip-d6f2eb94.js → f-chip-0d29f91f.js}

@@ -1,6 +1,6 @@
 import { h } from './index-e41330a5.js';
-import { F as FImage } from './f-image-914a03ef.js';
-import { K as KupThemeIconValues, j as KupLanguageGeneric, b as KupThemeColorValues } from './kup-manager-86f440c7.js';
+import { F as FImage } from './f-image-ab131d59.js';
+import { K as KupThemeIconValues, j as KupLanguageGeneric, b as KupThemeColorValues } from './kup-manager-13b4f989.js';
 
 /**
  * Types of the f-chip component.

package/dist/esm/{f-image-914a03ef.js → f-image-ab131d59.js}

@@ -1,5 +1,5 @@
 import { h, a as getAssetPath } from './index-e41330a5.js';
-import { b as KupThemeColorValues } from './kup-manager-86f440c7.js';
+import { b as KupThemeColorValues } from './kup-manager-13b4f989.js';
 
 /**
  * The type of a CSS step in CSS-drawing mode.

package/dist/esm/{f-paginator-utils-a4a52732.js → f-paginator-utils-aa52af0f.js}

@@ -1,6 +1,6 @@
-import { F as Filters, H as FilterInterval, C as getValueForDisplay, B as getValueForDisplay2, ad as getCellValueForDisplay, t as getColumnByName, x as KupObjects, ae as KupData, af as compareCell, T as TotalMode, ag as stringToNumber, e as KupDatesFormats, ah as isNumber, _ as SortMode, ai as KupLanguagePage, p as KupLanguageRow, j as KupLanguageGeneric } from './kup-manager-86f440c7.js';
+import { F as Filters, H as FilterInterval, C as getValueForDisplay, B as getValueForDisplay2, ad as getCellValueForDisplay, t as getColumnByName, x as KupObjects, ae as KupData, af as compareCell, T as TotalMode, ag as stringToNumber, e as KupDatesFormats, ah as isNumber, _ as SortMode, ai as KupLanguagePage, p as KupLanguageRow, j as KupLanguageGeneric } from './kup-manager-13b4f989.js';
 import { h } from './index-e41330a5.js';
-import { F as FButton } from './f-button-cd948e50.js';
+import { F as FButton } from './f-button-2d0a5f21.js';
 import { F as FButtonStyling } from './f-button-declarations-b1b4cac4.js';
 
 /**
@@ -635,7 +635,7 @@ class FiltersRows extends Filters {
     for (let i = 0; i < checkboxes.length; i++) {
       values.push(checkboxes[i]);
     }
-    return kupData.cell.getValue({ rows: tmpRows }, column, true);
+    return kupData.cell.getUnivocalValue({ rows: tmpRows }, column, true);
   }
 }
 

package/dist/esm/{f-text-field-76341fe3.js → f-text-field-0729b19f.js}

@@ -1,5 +1,5 @@
 import { h, a as getAssetPath } from './index-e41330a5.js';
-import { K as KupThemeIconValues } from './kup-manager-86f440c7.js';
+import { K as KupThemeIconValues } from './kup-manager-13b4f989.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
@@ -56,7 +56,9 @@ function setContent(props) {
       props.maxLength)) : undefined,
     !props.trailingIcon ? iconEl : undefined,
     props.textArea ? (h("span", { class: "mdc-text-field__resizer" },
-      h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (h("input", { type: props.inputType ? props.inputType : 'text', step: props.step, min: props.min, max: props.max, name: props.name, class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, placeholder: props.fullWidth ? props.label : undefined, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onChange: (e) => {
+      h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (h("input", { type: props.inputType ? props.inputType : 'text', step: props.step, min: props.min, max: props.max, name: props.name, class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, placeholder: props.fullWidth && !props.outlined
+        ? props.label
+        : undefined, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onChange: (e) => {
         if (props.decimals !== null &&
           props.inputType === 'number') {
           e.target.value = parseFloat(e.target.value).toFixed(props.decimals);