@sme.up/ketchup 6.2.0 → 6.3.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-7c514a30.js');
+const fTextField = require('./f-text-field-b4229cef.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-0e71df7e.js');
+const fButton = require('./f-button-94cb5f35.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
-const fChip = require('./f-chip-02e83f82.js');
+const fChip = require('./f-chip-68d45fd3.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-46689c0a.js');
+const fCell = require('./f-cell-76830a0d.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          */
@@ -847,7 +845,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 +858,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          */
@@ -1081,7 +1079,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 +1300,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 +1490,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 +5146,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 +5168,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 +5564,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 +5594,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 +5709,7 @@ const KupChart = class {
   /*-------------------------------------------------*/
   identifyRows() {
     if (this.data) {
-      utils.identify(this.data.rows);
+      kupManager.identify(this.data.rows);
     }
   }
   /*-------------------------------------------------*/
@@ -5723,7 +5721,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 +5752,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 +5969,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 +6267,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 +6280,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 +6446,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 +6459,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 +6623,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 +6643,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 +7083,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 +7109,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 +7449,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 +7459,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 +7594,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 +7639,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 +7659,7 @@ class KupColumnMenu {
     props.push({
       'data-storage': {
         column: column,
-        intervalIndex: fPaginatorUtils.FilterInterval.TO,
+        intervalIndex: kupManager.FilterInterval.TO,
         isInterval: true,
       },
       fullWidth: true,
@@ -7690,12 +7688,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 +7711,7 @@ class KupColumnMenu {
     props.push({
       'data-storage': {
         column: column,
-        intervalIndex: fPaginatorUtils.FilterInterval.TO,
+        intervalIndex: kupManager.FilterInterval.TO,
         isInterval: true,
       },
       data: {
@@ -7746,8 +7744,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 +7768,7 @@ class KupColumnMenu {
       'data-storage': {
         column: column,
         suffix: suffixFrom,
-        intervalIndex: fPaginatorUtils.FilterInterval.FROM,
+        intervalIndex: kupManager.FilterInterval.FROM,
         isInterval: true,
       },
       data: {
@@ -7788,7 +7786,7 @@ class KupColumnMenu {
       'data-storage': {
         column: column,
         suffix: suffixTo,
-        intervalIndex: fPaginatorUtils.FilterInterval.TO,
+        intervalIndex: kupManager.FilterInterval.TO,
         isInterval: true,
       },
       data: {
@@ -8539,7 +8537,7 @@ const KupDataTable = class {
     }
   }
   identifyAndInitRows() {
-    utils.identify(this.getRows());
+    kupManager.identify(this.getRows());
     this.expandGroupsHandler();
     this.resetSelectedRows();
   }
@@ -8604,7 +8602,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 +8670,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 +8728,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 +9106,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 +9121,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 +9135,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 +9152,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 +9203,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 +9234,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 +9356,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 +9381,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 +9711,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 +10702,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 +10781,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 +11292,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,
@@ -12042,7 +12040,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 +12059,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 +12753,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 +12766,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 +12969,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 +12982,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 +12991,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 +13521,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 +13534,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 +13833,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 +13856,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          */
@@ -14177,7 +14175,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 +14188,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 +14408,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 +14421,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 +14553,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 +14566,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 +14707,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 +14720,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 +14958,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 +14971,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 +15135,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 +15148,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 +15234,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 +15289,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 +15488,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 +15513,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 +15560,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 +15825,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 +15852,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 +15864,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 +16020,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 +16038,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;
   }
   /*-------------------------------------------------*/
@@ -16183,7 +16188,7 @@ class FiltersTreeItems extends fPaginatorUtils.FiltersRows {
         value: node.value,
       };
       if (node.visible) {
-        this.addColumnValueFromRow(values, column, cellsHolder[column.name]);
+        kupManager.addColumnValueFromRow(values, column, cellsHolder[column.name]);
         this.extractColumnValues(node.children, column, values);
       }
     });
@@ -16315,7 +16320,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 +16545,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 +16593,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 +16624,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 +16691,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 +16816,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 +17284,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 +17430,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)));
     });