@sme.up/ketchup 6.2.0 → 6.4.0

package/dist/cjs/kup-autocomplete_25.cjs.entry.js

@@ -2,21 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-06b131ea.js');
-const kupManager = require('./kup-manager-02acbb37.js');
-const fTextField = require('./f-text-field-9ee20a67.js');
+const index = require('./index-31125378.js');
+const kupManager = require('./kup-manager-a8eecc60.js');
+const fTextField = require('./f-text-field-d243e4d8.js');
 const fTextFieldMdc = require('./f-text-field-mdc-85997738.js');
-const utils = require('./utils-4b208b48.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
-const fImage = require('./f-image-2a61ece2.js');
-const fButton = require('./f-button-5b69d882.js');
+const fImage = require('./f-image-0f17d599.js');
+const fButton = require('./f-button-826a470e.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
-const fChip = require('./f-chip-02e83f82.js');
+const fChip = require('./f-chip-2fd3363e.js');
 const component = require('./component-72a5b626.js');
-const cellUtils = require('./cell-utils-fe64a28c.js');
-const fCheckbox = require('./f-checkbox-57443ca3.js');
-const fPaginatorUtils = require('./f-paginator-utils-09126bdd.js');
-const fCell = require('./f-cell-3a740c48.js');
+const fCheckbox = require('./f-checkbox-cd977193.js');
+const fPaginatorUtils = require('./f-paginator-utils-946b579d.js');
+const fCell = require('./f-cell-2d5bcf0c.js');
 require('./tslib.es6-0ee02c67.js');
 
 /**
@@ -444,7 +442,7 @@ const KupAutocomplete = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupAutocompleteProps, descriptions);
+    return kupManager.getProps(this, KupAutocompleteProps, descriptions);
   }
   /**
    * Used to retrieve the value of the component.
@@ -470,7 +468,7 @@ const KupAutocomplete = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupAutocompleteProps, props);
+    kupManager.setProps(this, KupAutocompleteProps, props);
   }
   /**
    * Sets the value of the component.
@@ -654,7 +652,7 @@ const KupBadge = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupBadgeProps, descriptions);
+    return kupManager.getProps(this, KupBadgeProps, descriptions);
   }
   /**
    * This method is used to trigger a new render of the component.
@@ -667,7 +665,7 @@ const KupBadge = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupBadgeProps, props);
+    kupManager.setProps(this, KupBadgeProps, props);
   }
   /*-------------------------------------------------*/
   /*          L i f e c y c l e   H o o k s          */
@@ -714,6 +712,7 @@ KupBadge.style = kupBadgeCss;
  */
 var KupButtonProps;
 (function (KupButtonProps) {
+  KupButtonProps["buttonType"] = "Sets the type of the button.";
   KupButtonProps["checked"] = "When set to true, the icon button state will be on.";
   KupButtonProps["customStyle"] = "Custom style of the component.";
   KupButtonProps["disabled"] = "Defaults at false. When set to true, the component is disabled.";
@@ -745,6 +744,11 @@ const KupButton = class {
     /*-------------------------------------------------*/
     /*                    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
@@ -847,7 +851,7 @@ const KupButton = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupButtonProps, descriptions);
+    return kupManager.getProps(this, KupButtonProps, descriptions);
   }
   /**
    * This method is used to trigger a new render of the component.
@@ -860,7 +864,7 @@ const KupButton = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupButtonProps, props);
+    kupManager.setProps(this, KupButtonProps, props);
   }
   /*-------------------------------------------------*/
   /*          L i f e c y c l e   H o o k s          */
@@ -891,6 +895,7 @@ const KupButton = class {
   }
   render() {
     const props = {
+      buttonType: this.buttonType,
       checked: this.checked,
       danger: this.rootElement.classList.contains('kup-danger')
         ? true
@@ -1081,7 +1086,7 @@ const KupButtonList = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupButtonListProps, props);
+    kupManager.setProps(this, KupButtonListProps, props);
   }
   /*-------------------------------------------------*/
   /*           P r i v a t e   M e t h o d s         */
@@ -1302,7 +1307,7 @@ function prepareCalendar(component) {
   }
   if (!el.kupData.value)
     setValue$2(component, new Date());
-  const months = utils.getMonthsAsStringByLocale();
+  const months = kupManager.getMonthsAsStringByLocale();
   const curYear = getYear(component);
   const curMonth = getMonth(component);
   const yearRange = getInitEndYear(curYear);
@@ -1492,7 +1497,7 @@ function createDaysCalendar(component) {
     index.h("tbody", null, tbody)));
 }
 function createMonthsCalendar(component) {
-  const months = utils.getMonthsAsStringByLocale(utils.DateTimeFormatOptionsMonth.SHORT);
+  const months = kupManager.getMonthsAsStringByLocale(kupManager.DateTimeFormatOptionsMonth.SHORT);
   let selectedDay = getDay(component);
   const selectedMonth = getMonth(component);
   const selectedYear = getYear(component);
@@ -5148,7 +5153,7 @@ const KupCard = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, kupManager.KupCardProps, descriptions);
+    return kupManager.getProps(this, kupManager.KupCardProps, descriptions);
   }
   /**
    * This method is used to trigger a new render of the component.
@@ -5170,7 +5175,7 @@ const KupCard = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, kupManager.KupCardProps, props);
+    kupManager.setProps(this, kupManager.KupCardProps, props);
   }
   /*-------------------------------------------------*/
   /*           P r i v a t e   M e t h o d s         */
@@ -5566,14 +5571,14 @@ const convertColumns = (data, { series, axis }) => {
   }
   const columns = [];
   // axis
-  const axisColumn = cellUtils.getColumnByName(data.columns, axis);
+  const axisColumn = kupManager.getColumnByName(data.columns, axis);
   if (axisColumn) {
     columns.push(axisColumn);
   }
   // series
   series.map((serie) => {
     // searching colum
-    const c = cellUtils.getColumnByName(data.columns, serie.code);
+    const c = kupManager.getColumnByName(data.columns, serie.code);
     if (c) {
       columns.push(c);
     }
@@ -5596,7 +5601,7 @@ const convertRows = (data, columns, showMarks) => {
         if (cell && cell.obj) {
           const addMark = showMarks && index > 0;
           if (kupObjects.isNumber(cell.obj)) {
-            const value = cellUtils.formatToNumber(cell);
+            const value = kupManager.formatToNumber(cell);
             currentRow.push(value);
             if (addMark) {
               currentRow.push(value.toString());
@@ -5711,7 +5716,7 @@ const KupChart = class {
   /*-------------------------------------------------*/
   identifyRows() {
     if (this.data) {
-      utils.identify(this.data.rows);
+      kupManager.identify(this.data.rows);
     }
   }
   /*-------------------------------------------------*/
@@ -5723,7 +5728,7 @@ const KupChart = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupChartProps, descriptions);
+    return kupManager.getProps(this, KupChartProps, descriptions);
   }
   /**
    * This method is used to trigger a new render of the component.
@@ -5754,7 +5759,7 @@ const KupChart = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupChartProps, props);
+    kupManager.setProps(this, KupChartProps, props);
   }
   /*-------------------------------------------------*/
   /*           P r i v a t e   M e t h o d s         */
@@ -5971,11 +5976,11 @@ const KupChart = class {
             this.gChartDataTable.getColumnProperty(originalColIndex, 'role')) {
             --originalColIndex;
           }
-          event.column = cellUtils.getColumnByName(this.data.columns, this.series[originalColIndex - 1].code);
+          event.column = kupManager.getColumnByName(this.data.columns, this.series[originalColIndex - 1].code);
           event.colindex = originalColIndex;
         }
         else {
-          event.column = cellUtils.getColumnByName(this.data.columns, this.series[0].code);
+          event.column = kupManager.getColumnByName(this.data.columns, this.series[0].code);
           event.colindex = 0;
         }
       }
@@ -6269,7 +6274,7 @@ const KupCheckbox = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupCheckboxProps, descriptions);
+    return kupManager.getProps(this, KupCheckboxProps, descriptions);
   }
   /**
    * This method is used to trigger a new render of the component.
@@ -6282,7 +6287,7 @@ const KupCheckbox = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupCheckboxProps, props);
+    kupManager.setProps(this, KupCheckboxProps, props);
   }
   /*-------------------------------------------------*/
   /*          L i f e c y c l e   H o o k s          */
@@ -6448,7 +6453,7 @@ const KupChip = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupChipProps, descriptions);
+    return kupManager.getProps(this, KupChipProps, descriptions);
   }
   /**
    * This method is used to trigger a new render of the component.
@@ -6461,7 +6466,7 @@ const KupChip = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupChipProps, props);
+    kupManager.setProps(this, KupChipProps, props);
   }
   /*-------------------------------------------------*/
   /*          L i f e c y c l e   H o o k s          */
@@ -6625,7 +6630,7 @@ const KupColorPicker = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupColorPickerProps, descriptions);
+    return kupManager.getProps(this, KupColorPickerProps, descriptions);
   }
   /**
    * Retrieves the component's value.
@@ -6645,7 +6650,7 @@ const KupColorPicker = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupColorPickerProps, props);
+    kupManager.setProps(this, KupColorPickerProps, props);
   }
   /**
    * Sets the component's value.
@@ -7085,7 +7090,7 @@ const KupCombobox = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupComboboxProps, descriptions);
+    return kupManager.getProps(this, KupComboboxProps, descriptions);
   }
   /**
    * Retrieves the component's value.
@@ -7111,7 +7116,7 @@ const KupCombobox = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupComboboxProps, props);
+    kupManager.setProps(this, KupComboboxProps, props);
   }
   /**
    * Sets the component's value.
@@ -7451,7 +7456,7 @@ class KupColumnMenu {
         });
       }
       for (let index = 0; index < columnValues.length; index++) {
-        let label = cellUtils.getValueForDisplay2(columnValues[index], column);
+        let label = kupManager.getValueForDisplay2(columnValues[index], column);
         if (dom.ketchup.objects.isCheckbox(column.obj)) {
           if (columnValues[index].value == '1') {
             label = dom.ketchup.language.translate(kupManager.KupLanguageCheckbox.CHECKED);
@@ -7461,11 +7466,11 @@ class KupColumnMenu {
           }
         }
         props.push({
-          checked: fPaginatorUtils.Filters.valuesArrayContainsValue(checkBoxesFilter, columnValues[index].value),
+          checked: kupManager.Filters.valuesArrayContainsValue(checkBoxesFilter, columnValues[index].value),
           'data-storage': {
             column: column,
             value: columnValues[index].value,
-            displayedValue: cellUtils.getValueForDisplay2(columnValues[index], column),
+            displayedValue: kupManager.getValueForDisplay2(columnValues[index], column),
           },
           label: label,
         });
@@ -7596,7 +7601,7 @@ class KupColumnMenu {
       }
       else if (dom.ketchup.objects.isStringObject(column.obj)) {
         let filterInitialValue = this.filtersColumnMenuInstance.getTextFilterValue(comp.filters, column.name);
-        filterInitialValue = cellUtils.getValueForDisplay(filterInitialValue, column.obj, column.decimals);
+        filterInitialValue = kupManager.getValueForDisplay(filterInitialValue, column.obj, column.decimals);
         props.push({
           'data-storage': {
             column: column,
@@ -7641,12 +7646,12 @@ class KupColumnMenu {
       return props;
     }
     let interval = this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(comp.filters, column);
-    let initialValueFrom = interval[fPaginatorUtils.FilterInterval.FROM];
-    let initialValueTo = interval[fPaginatorUtils.FilterInterval.TO];
+    let initialValueFrom = interval[kupManager.FilterInterval.FROM];
+    let initialValueTo = interval[kupManager.FilterInterval.TO];
     props.push({
       'data-storage': {
         column: column,
-        intervalIndex: fPaginatorUtils.FilterInterval.FROM,
+        intervalIndex: kupManager.FilterInterval.FROM,
         isInterval: true,
       },
       fullWidth: true,
@@ -7661,7 +7666,7 @@ class KupColumnMenu {
     props.push({
       'data-storage': {
         column: column,
-        intervalIndex: fPaginatorUtils.FilterInterval.TO,
+        intervalIndex: kupManager.FilterInterval.TO,
         isInterval: true,
       },
       fullWidth: true,
@@ -7690,12 +7695,12 @@ class KupColumnMenu {
       return props;
     }
     let interval = this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(comp.filters, column);
-    let initialValueFrom = interval[fPaginatorUtils.FilterInterval.FROM];
-    let initialValueTo = interval[fPaginatorUtils.FilterInterval.TO];
+    let initialValueFrom = interval[kupManager.FilterInterval.FROM];
+    let initialValueTo = interval[kupManager.FilterInterval.TO];
     props.push({
       'data-storage': {
         column: column,
-        intervalIndex: fPaginatorUtils.FilterInterval.FROM,
+        intervalIndex: kupManager.FilterInterval.FROM,
         isInterval: true,
       },
       data: {
@@ -7713,7 +7718,7 @@ class KupColumnMenu {
     props.push({
       'data-storage': {
         column: column,
-        intervalIndex: fPaginatorUtils.FilterInterval.TO,
+        intervalIndex: kupManager.FilterInterval.TO,
         isInterval: true,
       },
       data: {
@@ -7746,8 +7751,8 @@ class KupColumnMenu {
       return props;
     }
     let interval = this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(comp.filters, column);
-    let initialValueFrom = interval[fPaginatorUtils.FilterInterval.FROM];
-    let initialValueTo = interval[fPaginatorUtils.FilterInterval.TO];
+    let initialValueFrom = interval[kupManager.FilterInterval.FROM];
+    let initialValueTo = interval[kupManager.FilterInterval.TO];
     let suffixFrom = null;
     let suffixTo = null;
     if (dom.ketchup.objects.isTimestamp(column.obj)) {
@@ -7770,7 +7775,7 @@ class KupColumnMenu {
       'data-storage': {
         column: column,
         suffix: suffixFrom,
-        intervalIndex: fPaginatorUtils.FilterInterval.FROM,
+        intervalIndex: kupManager.FilterInterval.FROM,
         isInterval: true,
       },
       data: {
@@ -7788,7 +7793,7 @@ class KupColumnMenu {
       'data-storage': {
         column: column,
         suffix: suffixTo,
-        intervalIndex: fPaginatorUtils.FilterInterval.TO,
+        intervalIndex: kupManager.FilterInterval.TO,
         isInterval: true,
       },
       data: {
@@ -8539,7 +8544,7 @@ const KupDataTable = class {
     }
   }
   identifyAndInitRows() {
-    utils.identify(this.getRows());
+    kupManager.identify(this.getRows());
     this.expandGroupsHandler();
     this.resetSelectedRows();
   }
@@ -8604,7 +8609,7 @@ const KupDataTable = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, kupManager.KupDataTableProps, descriptions);
+    return kupManager.getProps(this, kupManager.KupDataTableProps, descriptions);
   }
   /**
    * This method will get the selected rows of the component.
@@ -8672,7 +8677,7 @@ const KupDataTable = class {
       });
     }
     this.columnMenuCard.setAttribute('data-column', column);
-    this.columnMenuCard.data = this.columnMenuInstance.prepData(this, cellUtils.getColumnByName(this.getVisibleColumns(), column));
+    this.columnMenuCard.data = this.columnMenuInstance.prepData(this, kupManager.getColumnByName(this.getVisibleColumns(), column));
     this.columnMenuInstance.open(this, column);
     this.columnMenuInstance.reposition(this, this.columnMenuCard);
     this.kupDataTableColumnMenu.emit({
@@ -8730,7 +8735,7 @@ const KupDataTable = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, kupManager.KupDataTableProps, props);
+    kupManager.setProps(this, kupManager.KupDataTableProps, props);
   }
   /**
    * This method will set the selected rows of the component.
@@ -9108,7 +9113,7 @@ const KupDataTable = class {
         }, null, {
           drop: (e) => {
             const draggedTh = e.relatedTarget;
-            const grouped = cellUtils.getColumnByName(this.getColumns(), draggedTh.dataset.column);
+            const grouped = kupManager.getColumnByName(this.getColumns(), draggedTh.dataset.column);
             this.handleColumnGroup(grouped);
             this.tableRef.removeAttribute(kupManager.kupDragActiveAttr);
           },
@@ -9123,7 +9128,7 @@ const KupDataTable = class {
         }, null, {
           drop: (e) => {
             const draggedTh = e.relatedTarget;
-            const deleted = cellUtils.getColumnByName(this.getColumns(), draggedTh.dataset.column);
+            const deleted = kupManager.getColumnByName(this.getColumns(), draggedTh.dataset.column);
             this.hideColumn(deleted);
             this.tableRef.removeAttribute(kupManager.kupDragActiveAttr);
           },
@@ -9137,7 +9142,7 @@ const KupDataTable = class {
         const draggable = e.target;
         return {
           cell: null,
-          column: cellUtils.getColumnByName(this.getVisibleColumns(), draggable.dataset.column),
+          column: kupManager.getColumnByName(this.getVisibleColumns(), draggable.dataset.column),
           id: this.rootElement.id,
           multiple: !!(this.selection === kupManager.SelectionMode.MULTIPLE ||
             this.selection === kupManager.SelectionMode.MULTIPLE_CHECKBOX),
@@ -9154,7 +9159,7 @@ const KupDataTable = class {
           !this.enableMergeColumns);
         const draggable = e.relatedTarget;
         const starter = draggable.kupDragDrop.column;
-        const receiving = cellUtils.getColumnByName(this.getColumns(), e.target.dataset.column);
+        const receiving = kupManager.getColumnByName(this.getColumns(), e.target.dataset.column);
         this.columnDropCardAnchor = e.target;
         if (receiving && starter) {
           if (onlySort) {
@@ -9205,7 +9210,7 @@ const KupDataTable = class {
     }
     if (this.resizableColumns) {
       const moveCb = (e) => {
-        const column = cellUtils.getColumnByName(this.getVisibleColumns(), e.target.dataset.column);
+        const column = kupManager.getColumnByName(this.getVisibleColumns(), e.target.dataset.column);
         column.size = e.rect.width + 'px';
         this.refresh();
       };
@@ -9236,7 +9241,7 @@ const KupDataTable = class {
           const cellEl = this.rootElement.shadowRoot.querySelector('td:hover');
           return {
             cell: cellEl['data-cell'],
-            column: cellUtils.getColumnByName(this.getVisibleColumns(), cellEl.dataset.column),
+            column: kupManager.getColumnByName(this.getVisibleColumns(), cellEl.dataset.column),
             id: this.rootElement.id,
             multiple: !!(this.selection === kupManager.SelectionMode.MULTIPLE ||
               this.selection === kupManager.SelectionMode.MULTIPLE_CHECKBOX),
@@ -9358,7 +9363,7 @@ const KupDataTable = class {
   setDynPosElements() {
     // Column menu
     if (this.columnMenuCard && this.columnMenuCard.data) {
-      this.columnMenuCard.data = this.columnMenuInstance.prepData(this, cellUtils.getColumnByName(this.getVisibleColumns(), this.columnMenuAnchor), this.columnMenuCard.data);
+      this.columnMenuCard.data = this.columnMenuInstance.prepData(this, kupManager.getColumnByName(this.getVisibleColumns(), this.columnMenuAnchor), this.columnMenuCard.data);
     }
   }
   //---- Lifecycle hooks ----
@@ -9383,7 +9388,7 @@ const KupDataTable = class {
     this.currentRowsPerPage = this.rowsPerPage;
     this.isRestoringState = false;
     //this.identifyAndInitRows();
-    utils.identify(this.getRows());
+    kupManager.identify(this.getRows());
     this.expandGroupsHandler();
     if (document.querySelectorAll('.header')[0]) {
       this.navBarHeight =
@@ -9713,7 +9718,7 @@ const KupDataTable = class {
           ? th.dataset.column
           : null;
       if (columnName) {
-        column = cellUtils.getColumnByName(this.getColumns(), columnName);
+        column = kupManager.getColumnByName(this.getColumns(), columnName);
       }
     }
     return {
@@ -10704,7 +10709,7 @@ const KupDataTable = class {
         }
       }
       else {
-        value = utils.numberToFormattedStringNumber(footerValue, column.decimals, column.obj ? column.obj.p : '');
+        value = kupManager.numberToFormattedStringNumber(footerValue, column.decimals, column.obj ? column.obj.p : '');
       }
       return (index.h("td", { "data-column": column.name, class: fixedCellStyle && fixedCellStyle.fixedCellClasses
           ? fixedCellStyle.fixedCellClasses
@@ -10783,7 +10788,7 @@ const KupDataTable = class {
               }
             }
             else {
-              value = utils.numberToFormattedStringNumber(totalValue, column.decimals, column.obj ? column.obj.p : '');
+              value = kupManager.numberToFormattedStringNumber(totalValue, column.decimals, column.obj ? column.obj.p : '');
             }
           }
           cells.push(index.h("td", { class: totalClass }, value));
@@ -11294,7 +11299,7 @@ const KupDataTable = class {
       const chipsData = [];
       for (let index = 0; index < this.groups.length; index++) {
         const group = this.groups[index];
-        const column = cellUtils.getColumnByName(this.getColumns(), group.column);
+        const column = kupManager.getColumnByName(this.getColumns(), group.column);
         if (column) {
           chipsData.push({
             value: column.title,
@@ -11303,7 +11308,9 @@ const KupDataTable = class {
           });
         }
         else {
-          this.kupManager.debug.logMessage(this, "Grouped for a non-existent column! (" + group.column + ")", kupManager.KupDebugCategory.WARNING);
+          this.kupManager.debug.logMessage(this, 'Grouped for a non-existent column! (' +
+            group.column +
+            ')', kupManager.KupDebugCategory.WARNING);
         }
       }
       if (chipsData.length > 0) {
@@ -12042,7 +12049,7 @@ const KupDropdownButton = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupDropdownButtonProps, descriptions);
+    return kupManager.getProps(this, KupDropdownButtonProps, descriptions);
   }
   /**
    * Returns the component's internal value.
@@ -12061,7 +12068,7 @@ const KupDropdownButton = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupDropdownButtonProps, props);
+    kupManager.setProps(this, KupDropdownButtonProps, props);
   }
   /**
    * Sets the internal value of the component.
@@ -12755,7 +12762,7 @@ const KupGauge = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupGaugeProps, descriptions);
+    return kupManager.getProps(this, KupGaugeProps, descriptions);
   }
   /**
    * This method is used to trigger a new render of the component.
@@ -12768,7 +12775,7 @@ const KupGauge = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupGaugeProps, props);
+    kupManager.setProps(this, KupGaugeProps, props);
   }
   /*-------------------------------------------------*/
   /*           P r i v a t e   M e t h o d s         */
@@ -12971,7 +12978,7 @@ const KupGauge = class {
         let retValue = '';
         if (thresholdPercentage > 0 && thresholdPercentage < 1) {
           if (this.showLabels && !this.onlyValue) {
-            retValue = (index.h("text", { class: "gauge__label-text", "text-anchor": textPosition, x: topX, y: topY }, utils.unformattedStringToFormattedStringNumber(String(threshold), -1, '')));
+            retValue = (index.h("text", { class: "gauge__label-text", "text-anchor": textPosition, x: topX, y: topY }, kupManager.unformattedStringToFormattedStringNumber(String(threshold), -1, '')));
           }
         }
         else {
@@ -12984,7 +12991,7 @@ const KupGauge = class {
               topX = this.size - this.arcThickness;
               topY = halvedSize + this.labelDistance;
             }
-            retValue = (index.h("text", { class: "gauge__label-text", "text-anchor": textPosition, x: topX, y: topY }, utils.unformattedStringToFormattedStringNumber(String(threshold), -1, '')));
+            retValue = (index.h("text", { class: "gauge__label-text", "text-anchor": textPosition, x: topX, y: topY }, kupManager.unformattedStringToFormattedStringNumber(String(threshold), -1, '')));
           }
         }
         return retValue;
@@ -12993,7 +13000,7 @@ const KupGauge = class {
     const style = { fontSize: this.calculateValueFontSize() };
     let valueText = undefined;
     if (this.showValue) {
-      valueText = (index.h("text", { class: "gauge__label-text value", "text-anchor": "middle", x: halvedSize, y: valueLabelYPosition, style: style }, utils.unformattedStringToFormattedStringNumber(String(tempValue), -1, '') +
+      valueText = (index.h("text", { class: "gauge__label-text value", "text-anchor": "middle", x: halvedSize, y: valueLabelYPosition, style: style }, kupManager.unformattedStringToFormattedStringNumber(String(tempValue), -1, '') +
         ' ' +
         this.measurementUnit));
     }
@@ -13523,7 +13530,7 @@ const KupImage = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupImageProps, descriptions);
+    return kupManager.getProps(this, KupImageProps, descriptions);
   }
   /**
    * This method is used to trigger a new render of the component.
@@ -13536,7 +13543,7 @@ const KupImage = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupImageProps, props);
+    kupManager.setProps(this, KupImageProps, props);
   }
   /*-------------------------------------------------*/
   /*           P r i v a t e   M e t h o d s         */
@@ -13835,7 +13842,7 @@ const KupList = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupListProps, descriptions);
+    return kupManager.getProps(this, KupListProps, descriptions);
   }
   /**
    * This method is used to trigger a new render of the component.
@@ -13858,7 +13865,7 @@ const KupList = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupListProps, props);
+    kupManager.setProps(this, KupListProps, props);
   }
   /*-------------------------------------------------*/
   /*          L i f e c y c l e   H o o k s          */
@@ -14116,7 +14123,7 @@ var KupProgressBarProps;
   KupProgressBarProps["value"] = "The current value the progress bar must display.";
 })(KupProgressBarProps || (KupProgressBarProps = {}));
 
-const kupProgressBarCss = ":host{--kup_progressbar_border_radius:var(--kup-progressbar-border-radius, 4px);--kup_progressbar_font_family:var(\n    --kup-progressbar-font-family,\n    var(--kup-font-family)\n  );--kup_progressbar_font_size:var(\n    --kup-progressbar-font-size,\n    var(--kup-font-size)\n  );--kup_progressbar_height:var(--kup-progressbar-height, 1.25em);--kup_progressbar_primary_color:var(\n    --kup-progressbar-primary-color,\n    var(--kup-primary-color)\n  );--kup_progressbar_text_color:var(\n    --kup-progressbar-text-color,\n    var(--kup-text-color)\n  );--kup_progressbar_text_color_rgb:var(\n    --kup-progressbar-text-color-rgb,\n    var(--kup-text-color-rgb)\n  );--kup_progressbar_text_on_primary_color:var(\n    --kup-progressbar-text-on-primary-color,\n    var(--kup-text-on-primary-color)\n  );--kup_progressbar_track_color:var(\n    --kup-progressbar-track-color,\n    var(--kup-disabled-background-color)\n  );--kup_progressbar_width:var(--kup-progressbar-width, 100%);display:block;font-family:var(--kup_progressbar_font_family);font-size:var(--kup_progressbar_font_size);width:var(--kup_progressbar_width)}.progress-bar{background:var(--kup_progressbar_track_color);border-radius:var(--kup_progressbar_border_radius);overflow:hidden;position:relative;width:var(--kup_progressbar_width)}.progress-bar.text-color-on-primary .progress-bar-percentage{color:var(--kup_progressbar_text_on_primary_color)}.progress-bar.text-color-on-primary .progress-bar-percentage span{color:var(--kup_progressbar_text_on_primary_color)}.progress-bar-percentage{background:var(--kup_progressbar_primary_color);border-radius:var(--kup_progressbar_border_radius);color:var(--kup_progressbar_text_color);height:var(--kup_progressbar_height);padding:0.5em 0;text-align:center;transition:width 0.2s ease}.progress-bar-percentage span{color:var(--kup_progressbar_text_color);display:inline-block;font-size:1em;left:0;line-height:var(--kup_progressbar_height);position:absolute;width:var(--kup_progressbar_width)}.progress-bar-percentage .kup-icon{display:block;height:var(--kup_progressbar_height)}.progress-bar-percentage .kup-icon:not(.is-image){background-color:var(--kup_progressbar_text_on_primary_color)}.progress-bar-percentage .kup-icon img{width:auto;height:100%}:host([is-radial]){box-sizing:border-box;margin:auto}:host([is-radial]) #kup-component{display:flex;font-size:10em;margin:auto}:host([is-radial]) .pie-wrapper{height:1em;width:1em;float:left;margin:auto;position:relative}:host([is-radial]) .pie-wrapper:nth-child(3n+1){clear:both}:host([is-radial]) .pie-wrapper .pie{height:1em;width:1em;clip:rect(0, 1em, 1em, 0.5em);left:0;position:absolute;top:0}:host([is-radial]) .pie-wrapper .pie.has-value .half-circle{border-color:var(--kup_progressbar_primary_color)}:host([is-radial]) .pie-wrapper .pie.has-value .half-circle.left-side{transition:transform 0.2s ease}:host([is-radial]) .pie-wrapper .pie.has-value.is-less-than-half .right-side{display:none}:host([is-radial]) .pie-wrapper .pie.has-value.is-more-than-half{clip:rect(auto, auto, auto, auto)}:host([is-radial]) .pie-wrapper .pie.has-value.is-more-than-half .right-side{transform:rotate(180deg)}:host([is-radial]) .pie-wrapper .pie .half-circle{height:1em;width:1em;border:0.1em solid var(--kup_progressbar_track_color);border-radius:50%;clip:rect(0, 0.5em, 1em, 0);left:0;position:absolute;top:0}:host([is-radial]) .pie-wrapper .label{background:none;bottom:0.4em;color:var(--kup_progressbar_text_color);cursor:default;display:block;font-size:0.25em;left:0.4em;line-height:2.75em;position:absolute;right:0.4em;text-align:center;top:0.4em}:host([is-radial]) .pie-wrapper .label.kup-icon{display:block;height:1.25em;width:1.25em;object-fit:cover;margin:auto}:host([is-radial]) .pie-wrapper .label.kup-icon:not(.is-image){background-color:var(--kup_progressbar_primary_color)}:host([is-radial]) .pie-wrapper .label.kup-icon img{width:auto;height:100%}:host([is-radial]) .pie-wrapper .label .smaller{color:var(--kup_progressbar_text_color);opacity:0.8;font-size:0.45em;padding-bottom:20px;vertical-align:super}:host([is-radial]) .pie-wrapper .shadow{height:1em;width:1em;border:0.1em solid var(--kup_progressbar_track_color);border-radius:50%}:host([is-radial]) *,:host([is-radial]) *:before,:host([is-radial]) *:after{box-sizing:border-box}@keyframes running-stripes{0%{background-position:0 0}100%{background-position:3em 3em}}:host(.kup-animated) .progress-bar-percentage{animation:running-stripes 2s linear infinite}:host(.kup-padded) .progress-bar{padding:0.5em;width:calc(100% - 1em)}:host(.kup-slim) #kup-component .progress-bar{border-radius:9px}:host(.kup-slim) #kup-component .progress-bar .progress-bar-percentage{border-radius:9px;padding:0}:host(.kup-slim) #kup-component .pie-wrapper .pie .half-circle{border-width:0.05em}:host(.kup-slim) #kup-component .pie-wrapper .shadow{border-width:0.05em}:host(.kup-striped) .progress-bar-percentage{background-image:linear-gradient(-45deg, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 25%, transparent 25%, transparent 50%, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 50%, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 75%, transparent 75%, transparent);background-size:3em 3em}:host(.kup-danger){--kup-progressbar-primary-color:var(--kup-danger-color);--kup-progressbar-text-on-primary-color:white}:host(.kup-info){--kup-progressbar-primary-color:var(--kup-info-color);--kup-progressbar-text-on-primary-color:white}:host(.kup-secondary){--kup-progressbar-primary-color:var(--kup-secondary-color);--kup-progressbar-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-progressbar-primary-color:var(--kup-success-color);--kup-progressbar-text-on-primary-color:white}:host(.kup-warning){--kup-progressbar-primary-color:var(--kup-warning-color);--kup-progressbar-text-on-primary-color:white}";
+const kupProgressBarCss = ":host{--kup_progressbar_border_radius:var(--kup-progressbar-border-radius, 4px);--kup_progressbar_font_family:var(\n    --kup-progressbar-font-family,\n    var(--kup-font-family)\n  );--kup_progressbar_font_size:var(\n    --kup-progressbar-font-size,\n    var(--kup-font-size)\n  );--kup_progressbar_height:var(--kup-progressbar-height, 1.25em);--kup_progressbar_primary_color:var(\n    --kup-progressbar-primary-color,\n    var(--kup-primary-color)\n  );--kup_progressbar_text_color:var(\n    --kup-progressbar-text-color,\n    var(--kup-text-color)\n  );--kup_progressbar_text_color_rgb:var(\n    --kup-progressbar-text-color-rgb,\n    var(--kup-text-color-rgb)\n  );--kup_progressbar_text_on_primary_color:var(\n    --kup-progressbar-text-on-primary-color,\n    var(--kup-text-on-primary-color)\n  );--kup_progressbar_track_color:var(\n    --kup-progressbar-track-color,\n    var(--kup-disabled-background-color)\n  );--kup_progressbar_width:var(--kup-progressbar-width, 100%);display:block;font-family:var(--kup_progressbar_font_family);font-size:var(--kup_progressbar_font_size);width:var(--kup_progressbar_width)}.progress-bar{background:var(--kup_progressbar_track_color);border-radius:var(--kup_progressbar_border_radius);overflow:hidden;position:relative;width:var(--kup_progressbar_width)}.progress-bar.text-color-on-primary .progress-bar-percentage{color:var(--kup_progressbar_text_on_primary_color)}.progress-bar.text-color-on-primary .progress-bar-percentage span{color:var(--kup_progressbar_text_on_primary_color)}.progress-bar-percentage{background:var(--kup_progressbar_primary_color);border-radius:var(--kup_progressbar_border_radius);color:var(--kup_progressbar_text_color);height:var(--kup_progressbar_height);padding:0.5em 0;text-align:center;transition:width 0.2s ease}.progress-bar-percentage span{color:var(--kup_progressbar_text_color);display:inline-block;font-size:1em;left:0;line-height:var(--kup_progressbar_height);position:absolute;width:var(--kup_progressbar_width)}.progress-bar-percentage .kup-icon{display:block;height:var(--kup_progressbar_height)}.progress-bar-percentage .kup-icon:not(.is-image){background-color:var(--kup_progressbar_text_on_primary_color)}.progress-bar-percentage .kup-icon img{width:auto;height:100%}:host([is-radial]){box-sizing:border-box;margin:auto;padding:1.25em 0px}:host([is-radial]) #kup-component{display:flex;font-size:10em;margin:auto}:host([is-radial]) .pie-wrapper{height:1em;width:1em;float:left;margin:auto;position:relative}:host([is-radial]) .pie-wrapper:nth-child(3n+1){clear:both}:host([is-radial]) .pie-wrapper .pie{height:1em;width:1em;clip:rect(0, 1em, 1em, 0.5em);left:0;position:absolute;top:0}:host([is-radial]) .pie-wrapper .pie.has-value .half-circle{border-color:var(--kup_progressbar_primary_color)}:host([is-radial]) .pie-wrapper .pie.has-value .half-circle.left-side{transition:transform 0.2s ease}:host([is-radial]) .pie-wrapper .pie.has-value.is-less-than-half .right-side{display:none}:host([is-radial]) .pie-wrapper .pie.has-value.is-more-than-half{clip:rect(auto, auto, auto, auto)}:host([is-radial]) .pie-wrapper .pie.has-value.is-more-than-half .right-side{transform:rotate(180deg)}:host([is-radial]) .pie-wrapper .pie .half-circle{height:1em;width:1em;border:0.1em solid var(--kup_progressbar_track_color);border-radius:50%;clip:rect(0, 0.5em, 1em, 0);left:0;position:absolute;top:0}:host([is-radial]) .pie-wrapper .label{background:none;bottom:0.4em;color:var(--kup_progressbar_text_color);cursor:default;display:block;font-size:0.25em;left:0.4em;line-height:2.75em;position:absolute;right:0.4em;text-align:center;top:0.4em}:host([is-radial]) .pie-wrapper .label.kup-icon{display:block;height:1.25em;width:1.25em;object-fit:cover;margin:auto}:host([is-radial]) .pie-wrapper .label.kup-icon:not(.is-image){background-color:var(--kup_progressbar_primary_color)}:host([is-radial]) .pie-wrapper .label.kup-icon img{width:auto;height:100%}:host([is-radial]) .pie-wrapper .label .smaller{color:var(--kup_progressbar_text_color);opacity:0.8;font-size:0.45em;padding-bottom:20px;vertical-align:super}:host([is-radial]) .pie-wrapper .shadow{height:1em;width:1em;border:0.1em solid var(--kup_progressbar_track_color);border-radius:50%}:host([is-radial]) *,:host([is-radial]) *:before,:host([is-radial]) *:after{box-sizing:border-box}@keyframes running-stripes{0%{background-position:0 0}100%{background-position:3em 3em}}:host(.kup-animated) .progress-bar-percentage{animation:running-stripes 2s linear infinite}:host(.kup-padded) .progress-bar{padding:0.5em;width:calc(100% - 1em)}:host(.kup-slim) #kup-component .progress-bar{border-radius:9px}:host(.kup-slim) #kup-component .progress-bar .progress-bar-percentage{border-radius:9px;padding:0}:host(.kup-slim) #kup-component .pie-wrapper .pie .half-circle{border-width:0.05em}:host(.kup-slim) #kup-component .pie-wrapper .shadow{border-width:0.05em}:host(.kup-striped) .progress-bar-percentage{background-image:linear-gradient(-45deg, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 25%, transparent 25%, transparent 50%, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 50%, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 75%, transparent 75%, transparent);background-size:3em 3em}:host(.kup-danger){--kup-progressbar-primary-color:var(--kup-danger-color);--kup-progressbar-text-on-primary-color:white}:host(.kup-info){--kup-progressbar-primary-color:var(--kup-info-color);--kup-progressbar-text-on-primary-color:white}:host(.kup-secondary){--kup-progressbar-primary-color:var(--kup-secondary-color);--kup-progressbar-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-progressbar-primary-color:var(--kup-success-color);--kup-progressbar-text-on-primary-color:white}:host(.kup-warning){--kup-progressbar-primary-color:var(--kup-warning-color);--kup-progressbar-text-on-primary-color:white}";
 
 const KupProgressBar = class {
   constructor(hostRef) {
@@ -14177,7 +14184,7 @@ const KupProgressBar = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupProgressBarProps, descriptions);
+    return kupManager.getProps(this, KupProgressBarProps, descriptions);
   }
   /**
    * This method is used to trigger a new render of the component.
@@ -14190,7 +14197,7 @@ const KupProgressBar = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupProgressBarProps, props);
+    kupManager.setProps(this, KupProgressBarProps, props);
   }
   /*-------------------------------------------------*/
   /*           P r i v a t e   M e t h o d s         */
@@ -14410,7 +14417,7 @@ const KupRadio = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupRadioProps, descriptions);
+    return kupManager.getProps(this, KupRadioProps, descriptions);
   }
   /**
    * This method is used to trigger a new render of the component.
@@ -14423,7 +14430,7 @@ const KupRadio = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupRadioProps, props);
+    kupManager.setProps(this, KupRadioProps, props);
   }
   /*-------------------------------------------------*/
   /*          L i f e c y c l e   H o o k s          */
@@ -14555,7 +14562,7 @@ const KupRating = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupRatingProps, descriptions);
+    return kupManager.getProps(this, KupRatingProps, descriptions);
   }
   /**
    * This method is used to trigger a new render of the component.
@@ -14568,7 +14575,7 @@ const KupRating = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupRatingProps, props);
+    kupManager.setProps(this, KupRatingProps, props);
   }
   /*-------------------------------------------------*/
   /*           P r i v a t e   M e t h o d s         */
@@ -14709,7 +14716,7 @@ const KupSpinner = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupSpinnerProps, descriptions);
+    return kupManager.getProps(this, KupSpinnerProps, descriptions);
   }
   /**
    * This method is used to trigger a new render of the component.
@@ -14722,7 +14729,7 @@ const KupSpinner = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupSpinnerProps, props);
+    kupManager.setProps(this, KupSpinnerProps, props);
   }
   /*-------------------------------------------------*/
   /*          L i f e c y c l e   H o o k s          */
@@ -14960,7 +14967,7 @@ const KupSwitch = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupSwitchProps, descriptions);
+    return kupManager.getProps(this, KupSwitchProps, descriptions);
   }
   /**
    * This method is used to trigger a new render of the component.
@@ -14973,7 +14980,7 @@ const KupSwitch = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupSwitchProps, props);
+    kupManager.setProps(this, KupSwitchProps, props);
   }
   /*-------------------------------------------------*/
   /*          L i f e c y c l e   H o o k s          */
@@ -15137,7 +15144,7 @@ const KupTabBar = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupTabBarProps, descriptions);
+    return kupManager.getProps(this, KupTabBarProps, descriptions);
   }
   /**
    * This method is used to trigger a new render of the component.
@@ -15150,7 +15157,7 @@ const KupTabBar = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupTabBarProps, props);
+    kupManager.setProps(this, KupTabBarProps, props);
   }
   /*-------------------------------------------------*/
   /*           P r i v a t e   M e t h o d s         */
@@ -15236,6 +15243,7 @@ KupTabBar.style = kupTabBarCss;
 var KupTextFieldProps;
 (function (KupTextFieldProps) {
   KupTextFieldProps["customStyle"] = "Custom style of the component.";
+  KupTextFieldProps["decimals"] = "Number of decimals (should be used when inputType is number).";
   KupTextFieldProps["disabled"] = "When set to true, the component is disabled.";
   KupTextFieldProps["emitSubmitEventOnEnter"] = "When the text field is part of the autocomplete component and the list is opened, enter key selects the item and doesn't submit.";
   KupTextFieldProps["fullWidth"] = "When set to true, the component will be rendered at full width.";
@@ -15290,6 +15298,11 @@ const KupTextField = class {
      * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
      */
     this.customStyle = '';
+    /**
+     * Number of decimals (should be used when inputType is number).
+     * @default null
+     */
+    this.decimals = null;
     /**
      * When set to true, the component is disabled.
      * @default false
@@ -15484,7 +15497,7 @@ const KupTextField = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupTextFieldProps, descriptions);
+    return kupManager.getProps(this, KupTextFieldProps, descriptions);
   }
   /**
    * Returns the component's internal value.
@@ -15509,7 +15522,7 @@ const KupTextField = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupTextFieldProps, props);
+    kupManager.setProps(this, KupTextFieldProps, props);
   }
   /**
    * Sets the internal value of the component.
@@ -15556,6 +15569,7 @@ const KupTextField = class {
       danger: this.rootElement.classList.contains('kup-danger')
         ? true
         : false,
+      decimals: this.decimals,
       disabled: this.disabled,
       fullHeight: this.rootElement.classList.contains('kup-full-height')
         ? true
@@ -15820,7 +15834,7 @@ const KupTimePicker = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, KupTimePickerProps, descriptions);
+    return kupManager.getProps(this, KupTimePickerProps, descriptions);
   }
   /**
    * Returns the component's internal value.
@@ -15847,7 +15861,7 @@ const KupTimePicker = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, KupTimePickerProps, props);
+    kupManager.setProps(this, KupTimePickerProps, props);
   }
   /**
    * Sets the internal value of the component.
@@ -15859,13 +15873,13 @@ const KupTimePicker = class {
   /*           P r i v a t e   M e t h o d s         */
   /*-------------------------------------------------*/
   getFormattedValue(value) {
-    return utils.formattedStringToCustomUnformattedStringTime(value, this.manageSeconds
+    return kupManager.formattedStringToCustomUnformattedStringTime(value, this.manageSeconds
       ? kupManager.KupDatesFormats.ISO_TIME
       : kupManager.KupDatesFormats.ISO_TIME_WITHOUT_SECONDS, this.manageSeconds);
   }
   refreshPickerValue(eventDetailValue, eventToRaise) {
     let newValue = null;
-    if (utils.isValidFormattedStringTime(eventDetailValue, this.manageSeconds)) {
+    if (kupManager.isValidFormattedStringTime(eventDetailValue, this.manageSeconds)) {
       this.value = eventDetailValue;
       newValue = this.value;
     }
@@ -16015,8 +16029,8 @@ const KupTimePicker = class {
         date.getMinutes() == selectedTime.getMinutes()) {
         selected = true;
       }
-      const value = utils.formatTime(date, this.manageSeconds);
-      const id = utils.formattedStringToCustomUnformattedStringTime(value, this.manageSeconds
+      const value = kupManager.formatTime(date, this.manageSeconds);
+      const id = kupManager.formattedStringToCustomUnformattedStringTime(value, this.manageSeconds
         ? kupManager.KupDatesFormats.ISO_TIME
         : kupManager.KupDatesFormats.ISO_TIME_WITHOUT_SECONDS, this.manageSeconds);
       let item = {
@@ -16033,7 +16047,7 @@ const KupTimePicker = class {
     if (this.value == null || this.value.trim() == '') {
       return '';
     }
-    let v1 = utils.unformattedStringToFormattedStringTime(this.value, this.manageSeconds);
+    let v1 = kupManager.unformattedStringToFormattedStringTime(this.value, this.manageSeconds);
     return v1;
   }
   /*-------------------------------------------------*/
@@ -16171,7 +16185,7 @@ class FiltersTreeItems extends fPaginatorUtils.FiltersRows {
       });
     }
   }
-  extractColumnValues(rows, column, values) {
+  extractColumnValues(rows, column, values, univocal) {
     if (rows == null || rows.length == 0) {
       return;
     }
@@ -16183,8 +16197,8 @@ class FiltersTreeItems extends fPaginatorUtils.FiltersRows {
         value: node.value,
       };
       if (node.visible) {
-        this.addColumnValueFromRow(values, column, cellsHolder[column.name]);
-        this.extractColumnValues(node.children, column, values);
+        kupManager.addColumnValueFromRow(values, column, cellsHolder[column.name], univocal);
+        this.extractColumnValues(node.children, column, values, univocal);
       }
     });
     return values;
@@ -16315,7 +16329,7 @@ const KupTree = class {
     /**
      * The mode of the global filter (default SIMPLE)
      */
-    this.globalFilterMode = fPaginatorUtils.KupGlobalFilterMode.SIMPLE;
+    this.globalFilterMode = kupManager.KupGlobalFilterMode.SIMPLE;
     /**
      * Experimental feature: when active, the tree will try to prevent horizontal overflowing elements by setting a width on the content of the table cells.
      * It works only on cells of the main column.
@@ -16540,7 +16554,7 @@ const KupTree = class {
    * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
    */
   async getProps(descriptions) {
-    return utils.getProps(this, fPaginatorUtils.KupTreeProps, descriptions);
+    return kupManager.getProps(this, fPaginatorUtils.KupTreeProps, descriptions);
   }
   /**
    * Hides the given column.
@@ -16588,7 +16602,7 @@ const KupTree = class {
       });
     }
     this.columnMenuCard.setAttribute('data-column', column);
-    this.columnMenuCard.data = this.columnMenuInstance.prepData(this, cellUtils.getColumnByName(this.getVisibleColumns(), column));
+    this.columnMenuCard.data = this.columnMenuInstance.prepData(this, kupManager.getColumnByName(this.getVisibleColumns(), column));
     this.columnMenuInstance.open(this, column);
     this.columnMenuInstance.reposition(this, this.columnMenuCard);
     this.kupTreeColumnMenu.emit({
@@ -16619,7 +16633,7 @@ const KupTree = class {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   async setProps(props) {
-    utils.setProps(this, fPaginatorUtils.KupTreeProps, props);
+    kupManager.setProps(this, fPaginatorUtils.KupTreeProps, props);
   }
   /*-------------------------------------------------*/
   /*           P r i v a t e   M e t h o d s         */
@@ -16686,7 +16700,7 @@ const KupTree = class {
   setDynPosElements() {
     // Column menu
     if (this.columnMenuCard && this.columnMenuCard.data) {
-      this.columnMenuCard.data = this.columnMenuInstance.prepData(this, cellUtils.getColumnByName(this.getVisibleColumns(), this.columnMenuAnchor), this.columnMenuCard.data);
+      this.columnMenuCard.data = this.columnMenuInstance.prepData(this, kupManager.getColumnByName(this.getVisibleColumns(), this.columnMenuAnchor), this.columnMenuCard.data);
     }
   }
   expandCollapseNode(treeNode, expandNode = false) {
@@ -16811,7 +16825,7 @@ const KupTree = class {
           ? th.dataset.column
           : null;
       if (columnName) {
-        column = cellUtils.getColumnByName(this.getColumns(), columnName);
+        column = kupManager.getColumnByName(this.getColumns(), columnName);
       }
     }
     return {
@@ -17279,7 +17293,7 @@ const KupTree = class {
     let treeNodeCell = null;
     if (this.isTreeColumnVisible()) {
       let content = '';
-      if (fPaginatorUtils.KupGlobalFilterMode.HIGHLIGHT === this.globalFilterMode) {
+      if (kupManager.KupGlobalFilterMode.HIGHLIGHT === this.globalFilterMode) {
         content = this.renderHighlightedContent(treeNodeData.value, this.globalFilterValue, 'cell-content');
       }
       else {
@@ -17425,7 +17439,7 @@ const KupTree = class {
         value = this.footer[column.name];
       }
       else {
-        value = utils.numberToFormattedStringNumber(this.footer[column.name], column.decimals, column.obj ? column.obj.p : '');
+        value = kupManager.numberToFormattedStringNumber(this.footer[column.name], column.decimals, column.obj ? column.obj.p : '');
       }
       return (index.h("td", { "data-column": column.name }, totalMenu, index.h("span", { class: "totals-value", title: translation[menuLabel] }, value)));
     });