@sme.up/ketchup 8.0.0 → 8.0.2

package/dist/components/kup-autocomplete2.js

@@ -1434,13 +1434,13 @@ var __classPrivateFieldSet$8 = (undefined && undefined.__classPrivateFieldSet) |
   if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var __classPrivateFieldGet$a = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$b = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
   if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
   if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 var _KupDebug_debugWidget;
-const dom$x = document.documentElement;
+const dom$y = document.documentElement;
 /**
  * Debugging suite, used to log messages and statuses from the Ketchup components.
  * @module KupDebug
@@ -1463,7 +1463,7 @@ class KupDebug {
     this.logs = [];
     __classPrivateFieldSet$8(this, _KupDebug_debugWidget, null, "f");
     document.addEventListener('kup-language-change', () => {
-      if (this.active && __classPrivateFieldGet$a(this, _KupDebug_debugWidget, "f")) {
+      if (this.active && __classPrivateFieldGet$b(this, _KupDebug_debugWidget, "f")) {
         this.hideWidget();
         this.showWidget();
       }
@@ -1487,32 +1487,32 @@ class KupDebug {
    */
   showWidget() {
     const debugWidget = document.createElement('kup-card');
-    const languages = dom$x.ketchup.language.getLanguages();
+    const languages = dom$y.ketchup.language.getLanguages();
     const languagesListData = [];
     for (let index = 0; index < languages.length; index++) {
       languagesListData.push({
         id: languages[index],
-        selected: languages[index] === dom$x.ketchup.language.name
+        selected: languages[index] === dom$y.ketchup.language.name
           ? true
           : false,
         value: languages[index],
       });
     }
-    const themes = dom$x.ketchup.theme.getThemes();
+    const themes = dom$y.ketchup.theme.getThemes();
     const themesListData = [];
     for (let index = 0; index < themes.length; index++) {
       themesListData.push({
         id: themes[index],
-        selected: themes[index] === dom$x.ketchup.theme.name ? true : false,
+        selected: themes[index] === dom$y.ketchup.theme.name ? true : false,
         value: themes[index],
       });
     }
-    const locales = dom$x.ketchup.dates.getLocales();
+    const locales = dom$y.ketchup.dates.getLocales();
     const localesListData = [];
     for (let index = 0; index < locales.length; index++) {
       localesListData.push({
         id: locales[index],
-        selected: locales[index] === dom$x.ketchup.dates.locale ? true : false,
+        selected: locales[index] === dom$y.ketchup.dates.locale ? true : false,
         value: locales[index],
       });
     }
@@ -1522,13 +1522,13 @@ class KupDebug {
           icon: 'power_settings_new',
           id: 'kup-debug-off',
           customStyle: ':host {--kup-font-size: 0.875em; border-left: 1px solid var(--kup-border-color); border-right: 1px solid var(--kup-border-color);}',
-          title: dom$x.ketchup.language.translate(KupLanguageDebug.OFF),
+          title: dom$y.ketchup.language.translate(KupLanguageDebug.OFF),
         },
         {
           customStyle: ':host {--kup-font-size: 0.875em;}',
           icon: 'print',
           id: 'kup-debug-print',
-          title: dom$x.ketchup.language.translate(KupLanguageDebug.PRINT),
+          title: dom$y.ketchup.language.translate(KupLanguageDebug.PRINT),
         },
         {
           checked: this.autoPrint,
@@ -1536,20 +1536,20 @@ class KupDebug {
           icon: 'speaker_notes',
           iconOff: 'speaker_notes_off',
           id: 'kup-debug-autoprint',
-          title: dom$x.ketchup.language.translate(KupLanguageDebug.AUTOPRINT),
+          title: dom$y.ketchup.language.translate(KupLanguageDebug.AUTOPRINT),
           toggable: true,
         },
         {
           customStyle: ':host {--kup-font-size: 0.875em;}',
           icon: 'broom',
           id: 'kup-debug-clear',
-          title: dom$x.ketchup.language.translate(KupLanguageDebug.CLEAR),
+          title: dom$y.ketchup.language.translate(KupLanguageDebug.CLEAR),
         },
         {
           customStyle: ':host {--kup-font-size: 0.875em;}',
           icon: 'delete',
           id: 'kup-debug-delete',
-          title: dom$x.ketchup.language.translate(KupLanguageDebug.DUMP),
+          title: dom$y.ketchup.language.translate(KupLanguageDebug.DUMP),
         },
         {
           className: 'kup-full-height',
@@ -1558,22 +1558,22 @@ class KupDebug {
           id: 'kup-debug-dl-props',
           label: 'Props',
           styling: 'flat',
-          title: dom$x.ketchup.language.translate(KupLanguageDebug.DL_PROPS),
+          title: dom$y.ketchup.language.translate(KupLanguageDebug.DL_PROPS),
         },
         {
           className: 'kup-full-height',
           customStyle: ':host {border-right: 1px solid var(--kup-border-color);}',
           icon: 'download',
           id: 'kup-debug-dl-all',
-          label: dom$x.ketchup.language.translate(KupLanguageDebug.DL_ALL),
+          label: dom$y.ketchup.language.translate(KupLanguageDebug.DL_ALL),
           styling: 'flat',
-          title: dom$x.ketchup.language.translate(KupLanguageDebug.DL_ALL),
+          title: dom$y.ketchup.language.translate(KupLanguageDebug.DL_ALL),
         },
         {
           customStyle: ':host {--kup-font-size: 0.875em;}',
           icon: 'auto-fix',
           id: 'kup-debug-magic-box',
-          title: dom$x.ketchup.language.translate(KupLanguageDebug.MAGIC_BOX),
+          title: dom$y.ketchup.language.translate(KupLanguageDebug.MAGIC_BOX),
         },
       ],
       combobox: [
@@ -1588,11 +1588,11 @@ class KupDebug {
               className: 'kup-full-height',
               emitSubmitEventOnEnter: false,
               inputType: 'text',
-              label: dom$x.ketchup.language.translate(KupLanguageDebug.THEME_CHANGER),
+              label: dom$y.ketchup.language.translate(KupLanguageDebug.THEME_CHANGER),
             },
           },
           id: 'kup-debug-theme-changer',
-          initialValue: dom$x.ketchup.theme.name,
+          initialValue: dom$y.ketchup.theme.name,
           isSelect: true,
         },
         {
@@ -1606,11 +1606,11 @@ class KupDebug {
               className: 'kup-full-height',
               emitSubmitEventOnEnter: false,
               inputType: 'text',
-              label: dom$x.ketchup.language.translate(KupLanguageDebug.LANGUAGE_CHANGER),
+              label: dom$y.ketchup.language.translate(KupLanguageDebug.LANGUAGE_CHANGER),
             },
           },
           id: 'kup-debug-language-changer',
-          initialValue: dom$x.ketchup.language.name,
+          initialValue: dom$y.ketchup.language.name,
           isSelect: true,
         },
         {
@@ -1624,11 +1624,11 @@ class KupDebug {
               className: 'kup-full-height',
               emitSubmitEventOnEnter: false,
               inputType: 'text',
-              label: dom$x.ketchup.language.translate(KupLanguageDebug.LOCALE_CHANGER),
+              label: dom$y.ketchup.language.translate(KupLanguageDebug.LOCALE_CHANGER),
             },
           },
           id: 'kup-debug-locale-changer',
-          initialValue: dom$x.ketchup.dates.locale,
+          initialValue: dom$y.ketchup.dates.locale,
           isSelect: true,
         },
       ],
@@ -1636,7 +1636,7 @@ class KupDebug {
         {
           className: 'kup-full-height',
           id: 'kup-debug-log-limit',
-          label: dom$x.ketchup.language.translate(KupLanguageDebug.LOG_LIMIT),
+          label: dom$y.ketchup.language.translate(KupLanguageDebug.LOG_LIMIT),
           initialValue: this.logLimit,
           emitSubmitEventOnEnter: false,
           inputType: 'number',
@@ -1671,7 +1671,7 @@ class KupDebug {
             break;
           case 'kup-debug-clear':
             kupDebug.widgetClear();
-            __classPrivateFieldGet$a(kupDebug, _KupDebug_debugWidget, "f").refresh();
+            __classPrivateFieldGet$b(kupDebug, _KupDebug_debugWidget, "f").refresh();
             break;
           case 'kup-debug-dl-props':
             kupDebug.getProps().then((res) => {
@@ -1687,7 +1687,7 @@ class KupDebug {
             kupDebug.dump();
             break;
           case 'kup-debug-magic-box':
-            dom$x.ketchup.toggleMagicBox();
+            dom$y.ketchup.toggleMagicBox();
             break;
           case 'kup-debug-off':
             kupDebug.toggle();
@@ -1695,21 +1695,21 @@ class KupDebug {
           case 'kup-debug-print':
             kupDebug.widgetClear();
             kupDebug.widgetPrint();
-            __classPrivateFieldGet$a(kupDebug, _KupDebug_debugWidget, "f").refresh();
+            __classPrivateFieldGet$b(kupDebug, _KupDebug_debugWidget, "f").refresh();
             break;
         }
         break;
       case 'kup-combobox-itemclick':
         switch (compID) {
           case 'kup-debug-language-changer':
-            dom$x.ketchup.language.set(compEvent.detail.value);
+            dom$y.ketchup.language.set(compEvent.detail.value);
             break;
           case 'kup-debug-locale-changer':
-            dom$x.ketchup.dates.setLocale(compEvent.detail.value);
-            dom$x.ketchup.math.setLocale(compEvent.detail.value);
+            dom$y.ketchup.dates.setLocale(compEvent.detail.value);
+            dom$y.ketchup.math.setLocale(compEvent.detail.value);
             break;
           case 'kup-debug-theme-changer':
-            dom$x.ketchup.theme.set(compEvent.detail.value);
+            dom$y.ketchup.theme.set(compEvent.detail.value);
             break;
         }
       case 'kup-textfield-input':
@@ -1730,14 +1730,14 @@ class KupDebug {
    * Closes the debug widget.
    */
   hideWidget() {
-    __classPrivateFieldGet$a(this, _KupDebug_debugWidget, "f").remove();
+    __classPrivateFieldGet$b(this, _KupDebug_debugWidget, "f").remove();
     __classPrivateFieldSet$8(this, _KupDebug_debugWidget, null, "f");
   }
   /**
    * Clears all the printed logs inside the debug widget.
    */
   widgetClear() {
-    const children = Array.prototype.slice.call(__classPrivateFieldGet$a(this, _KupDebug_debugWidget, "f").children, 0);
+    const children = Array.prototype.slice.call(__classPrivateFieldGet$b(this, _KupDebug_debugWidget, "f").children, 0);
     for (let index = 0; index < children.length; index++) {
       children[index].remove();
     }
@@ -1771,7 +1771,7 @@ class KupDebug {
       // If the log is tied to a KupComponent, on click its props will be downloaded.
       // Also, a different style will be applied to distinguish it between the others.
       if (typeof this.logs[index].element == 'object') {
-        slot.title = dom$x.ketchup.language.translate(KupLanguageDebug.DL_PROPS_COMP);
+        slot.title = dom$y.ketchup.language.translate(KupLanguageDebug.DL_PROPS_COMP);
         slot.style.fontWeight = 'bold';
         slot.style.cursor = 'pointer';
         slot.onclick = () => {
@@ -1801,7 +1801,7 @@ class KupDebug {
     }
     slots.reverse();
     for (let index = 0; index < slots.length; index++) {
-      __classPrivateFieldGet$a(this, _KupDebug_debugWidget, "f").append(slots[index]);
+      __classPrivateFieldGet$b(this, _KupDebug_debugWidget, "f").append(slots[index]);
     }
   }
   /**
@@ -1829,7 +1829,7 @@ class KupDebug {
         printLog[type] = [];
       }
       printLog[type].push({
-        date: dom$x.ketchup.dates.format(this.logs[index].date, 'LLL:ms'),
+        date: dom$y.ketchup.dates.format(this.logs[index].date, 'LLL:ms'),
         element: isComponent
           ? this.logs[index].element
           : this.logs[index].id,
@@ -1876,13 +1876,13 @@ class KupDebug {
     }
     if (this.active) {
       document.dispatchEvent(new CustomEvent('kup-debug-active'));
-      if (!__classPrivateFieldGet$a(this, _KupDebug_debugWidget, "f")) {
+      if (!__classPrivateFieldGet$b(this, _KupDebug_debugWidget, "f")) {
         this.showWidget();
       }
     }
     else {
       document.dispatchEvent(new CustomEvent('kup-debug-inactive'));
-      if (__classPrivateFieldGet$a(this, _KupDebug_debugWidget, "f")) {
+      if (__classPrivateFieldGet$b(this, _KupDebug_debugWidget, "f")) {
         this.hideWidget();
       }
     }
@@ -2009,7 +2009,7 @@ class KupDebug {
         message: message,
       };
       if (this.logs.length > this.logLimit) {
-        console.warn(dom$x.ketchup.dates.format(date, 'LLL:ms') +
+        console.warn(dom$y.ketchup.dates.format(date, 'LLL:ms') +
           ' kup-debug => ' +
           'Too many logs (> ' +
           this.logLimit +
@@ -2017,22 +2017,22 @@ class KupDebug {
         this.dump();
       }
       this.logs.push(log);
-      if (this.autoPrint && __classPrivateFieldGet$a(this, _KupDebug_debugWidget, "f")) {
+      if (this.autoPrint && __classPrivateFieldGet$b(this, _KupDebug_debugWidget, "f")) {
         this.widgetClear();
         this.widgetPrint();
-        __classPrivateFieldGet$a(this, _KupDebug_debugWidget, "f").refresh();
+        __classPrivateFieldGet$b(this, _KupDebug_debugWidget, "f").refresh();
       }
     }
     switch (category) {
       case KupDebugCategory.ERROR:
-        console.error(dom$x.ketchup.dates.format(date, 'LLL:ms') + id + message, obj);
+        console.error(dom$y.ketchup.dates.format(date, 'LLL:ms') + id + message, obj);
         window.dispatchEvent(new CustomEvent('kup-debug-error', {
           bubbles: true,
           detail: { comp, date, message },
         }));
         break;
       case KupDebugCategory.WARNING:
-        console.warn(dom$x.ketchup.dates.format(date, 'LLL:ms') + id + message, obj);
+        console.warn(dom$y.ketchup.dates.format(date, 'LLL:ms') + id + message, obj);
         break;
     }
   }
@@ -2119,7 +2119,7 @@ var KupDynamicPositionPlacement;
   KupDynamicPositionPlacement["TOP_RIGHT"] = "tr";
 })(KupDynamicPositionPlacement || (KupDynamicPositionPlacement = {}));
 
-const dom$w = document.documentElement;
+const dom$x = document.documentElement;
 /**
  * This class is used to dynamically reposition HTML elements.
  * @module KupDynamicPosition
@@ -2187,7 +2187,7 @@ class KupDynamicPosition {
       const target = mutations[0].target;
       if (target.classList.contains(kupDynamicPositionActiveClass)) {
         requestAnimationFrame(function () {
-          dom$w.ketchup.dynamicPosition.run(el);
+          dom$x.ketchup.dynamicPosition.run(el);
         });
       }
     });
@@ -2244,7 +2244,7 @@ class KupDynamicPosition {
    */
   run(el) {
     if (!el.isConnected) {
-      dom$w.ketchup.dynamicPosition.managedElements.delete(el);
+      dom$x.ketchup.dynamicPosition.managedElements.delete(el);
       cancelAnimationFrame(el.kupDynamicPosition.rAF);
       return;
     }
@@ -2352,7 +2352,7 @@ class KupDynamicPosition {
     // Recursive
     if (!el.kupDynamicPosition.detach) {
       el.kupDynamicPosition.rAF = requestAnimationFrame(function () {
-        dom$w.ketchup.dynamicPosition.run(el);
+        dom$x.ketchup.dynamicPosition.run(el);
       });
     }
     else {
@@ -2440,7 +2440,7 @@ var KupDropEventTypes;
   KupDropEventTypes["MAGICBOX"] = "text/kup-magic-box-drag";
 })(KupDropEventTypes || (KupDropEventTypes = {}));
 
-const dom$v = document.documentElement;
+const dom$w = document.documentElement;
 /**
  * This class handles elements as dialogs, making them resizable and movable.
  * @module KupInteract
@@ -2554,7 +2554,7 @@ class KupInteract {
             ghostImage.style.transition = 'none';
             ghostImage.style.zIndex =
               'calc(var(--kup-navbar-zindex) + 1)';
-            dom$v.ketchup.interact.container.appendChild(ghostImage);
+            dom$w.ketchup.interact.container.appendChild(ghostImage);
             draggable.kupDragDrop.ghostImage = ghostImage;
             break;
           case KupDragEffect.CLONE:
@@ -2715,7 +2715,7 @@ class KupInteract {
           x += e.deltaRect.left;
           y += e.deltaRect.top;
           el.style.transform = 'translate(' + x + 'px,' + y + 'px)';
-          if (dom$v.ketchup.interact.isInViewport(el, oldTransform, e.delta)) {
+          if (dom$w.ketchup.interact.isInViewport(el, oldTransform, e.delta)) {
             el.setAttribute('data-x', x.toString());
             el.setAttribute('data-y', y.toString());
           }
@@ -2767,7 +2767,7 @@ class KupInteract {
     const callbacks = {
       start(e) {
         const el = e.currentTarget;
-        el.style.zIndex = (dom$v.ketchup.interact.zIndex++).toString();
+        el.style.zIndex = (dom$w.ketchup.interact.zIndex++).toString();
       },
     };
     this.draggable(el, {
@@ -2776,7 +2776,7 @@ class KupInteract {
         interact.modifiers.restrictRect({
           restriction: restrictContainer
             ? restrictContainer
-            : dom$v.ketchup.interact.restrictContainer,
+            : dom$w.ketchup.interact.restrictContainer,
           endOnly: true,
         }),
       ],
@@ -3728,7 +3728,7 @@ const languages = {
 	spanish: spanish
 };
 
-const dom$u = document.documentElement;
+const dom$v = document.documentElement;
 /**
  * Handles the translation to different languages.
  * @module KupLanguage
@@ -3782,7 +3782,7 @@ class KupLanguage {
       return invalidKey(key);
     }
     function invalidKey(key) {
-      dom$u.ketchup.debug.logMessage('kup-language', 'Invalid translation for key (' + key + ')!', KupDebugCategory.WARNING);
+      dom$v.ketchup.debug.logMessage('kup-language', 'Invalid translation for key (' + key + ')!', KupDebugCategory.WARNING);
       return key;
     }
   }
@@ -3795,7 +3795,7 @@ class KupLanguage {
       language = language.toLowerCase();
     }
     else {
-      dom$u.ketchup.debug.logMessage('kup-language', "Couldn't set language, invalid string received (" +
+      dom$v.ketchup.debug.logMessage('kup-language', "Couldn't set language, invalid string received (" +
         language +
         ')!', KupDebugCategory.WARNING);
       return;
@@ -3805,12 +3805,12 @@ class KupLanguage {
     const dVariant = decodedLanguage.variant;
     if (this.list[dLanguage]) {
       if (dVariant && !this.list[dLanguage].variants[dVariant]) {
-        dom$u.ketchup.debug.logMessage('kup-language', 'Variant not found (' + dVariant + ')!', KupDebugCategory.WARNING);
+        dom$v.ketchup.debug.logMessage('kup-language', 'Variant not found (' + dVariant + ')!', KupDebugCategory.WARNING);
         return;
       }
     }
     else {
-      dom$u.ketchup.debug.logMessage('kup-language', 'Language not found (' + dLanguage + ')!', KupDebugCategory.WARNING);
+      dom$v.ketchup.debug.logMessage('kup-language', 'Language not found (' + dLanguage + ')!', KupDebugCategory.WARNING);
       return;
     }
     this.name = language;
@@ -3897,7 +3897,7 @@ const obj = {
 	types: types
 };
 
-const dom$t = document.documentElement;
+const dom$u = document.documentElement;
 /**
  * Handles objects definition and validation.
  * @module KupObjects
@@ -4232,9 +4232,9 @@ class KupObjects {
    */
   parseDate(obj) {
     if (obj.t === 'D8' && obj.p === '*DMYY') {
-      return dom$t.ketchup.dates.toDayjs(obj.k, 'DDMMYYYY');
+      return dom$u.ketchup.dates.toDayjs(obj.k, 'DDMMYYYY');
     }
-    return dom$t.ketchup.dates.toDayjs(obj.k);
+    return dom$u.ketchup.dates.toDayjs(obj.k);
   }
   /**
    * Check whether two JS objects are deeply equal. When the arguments aren't objects, they are tested directly for equity.
@@ -4301,13 +4301,13 @@ var __classPrivateFieldSet$7 = (undefined && undefined.__classPrivateFieldSet) |
   if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$a = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
   if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
   if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 var _KupScrollOnHover_instances, _KupScrollOnHover_arrowsContainer, _KupScrollOnHover_leftArrows, _KupScrollOnHover_rightArrows, _KupScrollOnHover_scrollEvent, _KupScrollOnHover_mousemoveEvent, _KupScrollOnHover_mouseleaveEvent, _KupScrollOnHover_rAF, _KupScrollOnHover_timeout, _KupScrollOnHover_initArrows;
-const dom$s = document.documentElement;
+const dom$t = document.documentElement;
 /**
  * Lets the user scroll an element's overflow by hovering with the mouse on its left/right edge.
  * @module KupScrollOnHover
@@ -4346,8 +4346,8 @@ class KupScrollOnHover {
    * @param {number} step - The amount in pixels for each scroll recursion.
    */
   register(el, vertical, percentages, step) {
-    if (!__classPrivateFieldGet$9(this, _KupScrollOnHover_arrowsContainer, "f")) {
-      __classPrivateFieldGet$9(this, _KupScrollOnHover_instances, "m", _KupScrollOnHover_initArrows).call(this);
+    if (!__classPrivateFieldGet$a(this, _KupScrollOnHover_arrowsContainer, "f")) {
+      __classPrivateFieldGet$a(this, _KupScrollOnHover_instances, "m", _KupScrollOnHover_initArrows).call(this);
     }
     el.style.overflowX = 'auto';
     el.scrollOnHover = {
@@ -4363,10 +4363,10 @@ class KupScrollOnHover {
       y: 0,
     };
     if (el.scrollOnHover.children) {
-      el.addEventListener('scroll', __classPrivateFieldGet$9(this, _KupScrollOnHover_scrollEvent, "f"));
+      el.addEventListener('scroll', __classPrivateFieldGet$a(this, _KupScrollOnHover_scrollEvent, "f"));
     }
-    el.addEventListener('mousemove', __classPrivateFieldGet$9(this, _KupScrollOnHover_mousemoveEvent, "f"));
-    el.addEventListener('mouseleave', __classPrivateFieldGet$9(this, _KupScrollOnHover_mouseleaveEvent, "f"));
+    el.addEventListener('mousemove', __classPrivateFieldGet$a(this, _KupScrollOnHover_mousemoveEvent, "f"));
+    el.addEventListener('mouseleave', __classPrivateFieldGet$a(this, _KupScrollOnHover_mouseleaveEvent, "f"));
     this.managedElements.add(el);
   }
   /**
@@ -4374,9 +4374,9 @@ class KupScrollOnHover {
    * @param {KupScrollOnHoverElement} el - Element to unregister.
    */
   unregister(el) {
-    el.removeEventListener('scroll', __classPrivateFieldGet$9(this, _KupScrollOnHover_scrollEvent, "f"));
-    el.removeEventListener('mousemove', __classPrivateFieldGet$9(this, _KupScrollOnHover_mousemoveEvent, "f"));
-    el.removeEventListener('mouseleave', __classPrivateFieldGet$9(this, _KupScrollOnHover_mouseleaveEvent, "f"));
+    el.removeEventListener('scroll', __classPrivateFieldGet$a(this, _KupScrollOnHover_scrollEvent, "f"));
+    el.removeEventListener('mousemove', __classPrivateFieldGet$a(this, _KupScrollOnHover_mousemoveEvent, "f"));
+    el.removeEventListener('mouseleave', __classPrivateFieldGet$a(this, _KupScrollOnHover_mouseleaveEvent, "f"));
     if (this.managedElements) {
       this.managedElements.delete(el);
     }
@@ -4398,9 +4398,9 @@ class KupScrollOnHover {
     el.scrollOnHover.rect = el.getBoundingClientRect();
     el.scrollOnHover.x = event.clientX;
     el.scrollOnHover.y = event.clientY;
-    __classPrivateFieldGet$9(this, _KupScrollOnHover_arrowsContainer, "f").style.left = event.clientX + 'px';
-    __classPrivateFieldGet$9(this, _KupScrollOnHover_arrowsContainer, "f").style.top = event.clientY + 'px';
-    if (el.scrollOnHover.active || __classPrivateFieldGet$9(this, _KupScrollOnHover_timeout, "f")) {
+    __classPrivateFieldGet$a(this, _KupScrollOnHover_arrowsContainer, "f").style.left = event.clientX + 'px';
+    __classPrivateFieldGet$a(this, _KupScrollOnHover_arrowsContainer, "f").style.top = event.clientY + 'px';
+    if (el.scrollOnHover.active || __classPrivateFieldGet$a(this, _KupScrollOnHover_timeout, "f")) {
       return;
     }
     let trueHeight = el.clientHeight;
@@ -4427,16 +4427,16 @@ class KupScrollOnHover {
         if (direction) {
           for (let i = 0; i < 3; i++) {
             if (direction === ScrollOnHoverDirection.LEFT) {
-              __classPrivateFieldGet$9(this, _KupScrollOnHover_leftArrows, "f")[i].classList.add('kup-activated');
+              __classPrivateFieldGet$a(this, _KupScrollOnHover_leftArrows, "f")[i].classList.add('kup-activated');
             }
             else {
-              __classPrivateFieldGet$9(this, _KupScrollOnHover_rightArrows, "f")[i].classList.add('kup-activated');
+              __classPrivateFieldGet$a(this, _KupScrollOnHover_rightArrows, "f")[i].classList.add('kup-activated');
             }
           }
           __classPrivateFieldSet$7(this, _KupScrollOnHover_timeout, setTimeout(() => {
             el.scrollOnHover.active = true;
             __classPrivateFieldSet$7(this, _KupScrollOnHover_rAF, requestAnimationFrame(function () {
-              dom$s.ketchup.scrollOnHover.run(el, maxScrollLeft, percRight, percLeft, direction);
+              dom$t.ketchup.scrollOnHover.run(el, maxScrollLeft, percRight, percLeft, direction);
             }), "f");
           }, this.delay), "f");
         }
@@ -4458,7 +4458,7 @@ class KupScrollOnHover {
           __classPrivateFieldSet$7(this, _KupScrollOnHover_timeout, setTimeout(() => {
             el.scrollOnHover.active = true;
             __classPrivateFieldSet$7(this, _KupScrollOnHover_rAF, requestAnimationFrame(function () {
-              dom$s.ketchup.scrollOnHover.run(el, maxScrollTop, percBottom, percTop, direction);
+              dom$t.ketchup.scrollOnHover.run(el, maxScrollTop, percBottom, percTop, direction);
             }), "f");
           }, this.delay), "f");
         }
@@ -4471,16 +4471,16 @@ class KupScrollOnHover {
    */
   async stop(el) {
     el.scrollOnHover.active = false;
-    cancelAnimationFrame(__classPrivateFieldGet$9(this, _KupScrollOnHover_rAF, "f"));
-    clearTimeout(__classPrivateFieldGet$9(this, _KupScrollOnHover_timeout, "f"));
+    cancelAnimationFrame(__classPrivateFieldGet$a(this, _KupScrollOnHover_rAF, "f"));
+    clearTimeout(__classPrivateFieldGet$a(this, _KupScrollOnHover_timeout, "f"));
     __classPrivateFieldSet$7(this, _KupScrollOnHover_timeout, null, "f");
-    for (let i = 0; i < __classPrivateFieldGet$9(this, _KupScrollOnHover_leftArrows, "f").length; i++) {
-      __classPrivateFieldGet$9(this, _KupScrollOnHover_leftArrows, "f")[i].classList.remove('kup-activated');
-      __classPrivateFieldGet$9(this, _KupScrollOnHover_leftArrows, "f")[i].classList.remove('kup-animated');
+    for (let i = 0; i < __classPrivateFieldGet$a(this, _KupScrollOnHover_leftArrows, "f").length; i++) {
+      __classPrivateFieldGet$a(this, _KupScrollOnHover_leftArrows, "f")[i].classList.remove('kup-activated');
+      __classPrivateFieldGet$a(this, _KupScrollOnHover_leftArrows, "f")[i].classList.remove('kup-animated');
     }
-    for (let i = 0; i < __classPrivateFieldGet$9(this, _KupScrollOnHover_rightArrows, "f").length; i++) {
-      __classPrivateFieldGet$9(this, _KupScrollOnHover_rightArrows, "f")[i].classList.remove('kup-activated');
-      __classPrivateFieldGet$9(this, _KupScrollOnHover_rightArrows, "f")[i].classList.remove('kup-animated');
+    for (let i = 0; i < __classPrivateFieldGet$a(this, _KupScrollOnHover_rightArrows, "f").length; i++) {
+      __classPrivateFieldGet$a(this, _KupScrollOnHover_rightArrows, "f")[i].classList.remove('kup-activated');
+      __classPrivateFieldGet$a(this, _KupScrollOnHover_rightArrows, "f")[i].classList.remove('kup-animated');
     }
   }
   /**
@@ -4552,7 +4552,7 @@ class KupScrollOnHover {
         break;
       }
       case ScrollOnHoverDirection.LEFT: {
-        arrow = __classPrivateFieldGet$9(this, _KupScrollOnHover_leftArrows, "f");
+        arrow = __classPrivateFieldGet$a(this, _KupScrollOnHover_leftArrows, "f");
         if (el.scrollLeft === 0) {
           this.stop(el);
           return;
@@ -4563,7 +4563,7 @@ class KupScrollOnHover {
         break;
       }
       case ScrollOnHoverDirection.RIGHT: {
-        arrow = __classPrivateFieldGet$9(this, _KupScrollOnHover_rightArrows, "f");
+        arrow = __classPrivateFieldGet$a(this, _KupScrollOnHover_rightArrows, "f");
         if (el.scrollLeft === maxScrollLeft) {
           this.stop(el);
           return;
@@ -4589,7 +4589,7 @@ class KupScrollOnHover {
       arrow[i].classList.add('kup-animated');
     }
     __classPrivateFieldSet$7(this, _KupScrollOnHover_rAF, requestAnimationFrame(function () {
-      dom$s.ketchup.scrollOnHover.run(el, maxScrollLeft, percForward, percBack, direction);
+      dom$t.ketchup.scrollOnHover.run(el, maxScrollLeft, percForward, percBack, direction);
     }), "f");
   }
   /**
@@ -4606,21 +4606,21 @@ _KupScrollOnHover_arrowsContainer = new WeakMap(), _KupScrollOnHover_leftArrows
   __classPrivateFieldSet$7(this, _KupScrollOnHover_arrowsContainer, document.createElement('div'), "f");
   __classPrivateFieldSet$7(this, _KupScrollOnHover_leftArrows, [], "f");
   __classPrivateFieldSet$7(this, _KupScrollOnHover_rightArrows, [], "f");
-  __classPrivateFieldGet$9(this, _KupScrollOnHover_arrowsContainer, "f").id = 'kup-scrolling-arrows';
+  __classPrivateFieldGet$a(this, _KupScrollOnHover_arrowsContainer, "f").id = 'kup-scrolling-arrows';
   for (let index = 1; index < 4; index++) {
     const arrow = document.createElement('div');
     arrow.setAttribute('class', 'kup-left-scrolling-arrow kup-arrow-' + index);
-    __classPrivateFieldGet$9(this, _KupScrollOnHover_leftArrows, "f").push(arrow);
+    __classPrivateFieldGet$a(this, _KupScrollOnHover_leftArrows, "f").push(arrow);
   }
   for (let index = 1; index < 4; index++) {
     const arrow = document.createElement('div');
     arrow.setAttribute('class', 'kup-right-scrolling-arrow kup-arrow-' + index);
-    __classPrivateFieldGet$9(this, _KupScrollOnHover_rightArrows, "f").push(arrow);
+    __classPrivateFieldGet$a(this, _KupScrollOnHover_rightArrows, "f").push(arrow);
   }
-  __classPrivateFieldGet$9(this, _KupScrollOnHover_arrowsContainer, "f").append(__classPrivateFieldGet$9(this, _KupScrollOnHover_leftArrows, "f")[2], __classPrivateFieldGet$9(this, _KupScrollOnHover_leftArrows, "f")[1], __classPrivateFieldGet$9(this, _KupScrollOnHover_leftArrows, "f")[0], __classPrivateFieldGet$9(this, _KupScrollOnHover_rightArrows, "f")[0], __classPrivateFieldGet$9(this, _KupScrollOnHover_rightArrows, "f")[1], __classPrivateFieldGet$9(this, _KupScrollOnHover_rightArrows, "f")[2]);
+  __classPrivateFieldGet$a(this, _KupScrollOnHover_arrowsContainer, "f").append(__classPrivateFieldGet$a(this, _KupScrollOnHover_leftArrows, "f")[2], __classPrivateFieldGet$a(this, _KupScrollOnHover_leftArrows, "f")[1], __classPrivateFieldGet$a(this, _KupScrollOnHover_leftArrows, "f")[0], __classPrivateFieldGet$a(this, _KupScrollOnHover_rightArrows, "f")[0], __classPrivateFieldGet$a(this, _KupScrollOnHover_rightArrows, "f")[1], __classPrivateFieldGet$a(this, _KupScrollOnHover_rightArrows, "f")[2]);
   this.container = document.createElement('div');
   this.container.setAttribute('kup-scroll-on-hover', '');
-  this.container.appendChild(__classPrivateFieldGet$9(this, _KupScrollOnHover_arrowsContainer, "f"));
+  this.container.appendChild(__classPrivateFieldGet$a(this, _KupScrollOnHover_arrowsContainer, "f"));
   document.body.appendChild(this.container);
 };
 
@@ -5827,7 +5827,7 @@ var KupThemeIconValues;
   KupThemeIconValues["SEARCH"] = "--kup-search-icon";
 })(KupThemeIconValues || (KupThemeIconValues = {}));
 
-const dom$r = document.documentElement;
+const dom$s = document.documentElement;
 /**
  * Theme manager, handles everything about theming, customStyles and color utilities.
  * @module KupTheme
@@ -5841,7 +5841,7 @@ class KupTheme {
     this.list = list ? list : themes;
     this.managedComponents = new Set();
     this.name = name ? name : 'ketchup';
-    this.styleTag = dom$r
+    this.styleTag = dom$s
       .querySelector('head')
       .appendChild(document.createElement('style'));
   }
@@ -5928,9 +5928,9 @@ class KupTheme {
     if (list) {
       this.list = list;
     }
-    dom$r.ketchup.debug.logMessage('theme manager', 'Setting theme to: ' + this.name + '.');
+    dom$s.ketchup.debug.logMessage('theme manager', 'Setting theme to: ' + this.name + '.');
     if (!this.list[this.name]) {
-      dom$r.ketchup.debug.logMessage('theme manager', 'Invalid theme name, falling back to default ("ketchup").');
+      dom$s.ketchup.debug.logMessage('theme manager', 'Invalid theme name, falling back to default ("ketchup").');
       this.name = 'ketchup';
     }
     this.cssVars = {};
@@ -5973,11 +5973,11 @@ class KupTheme {
           this.icons() +
           '}';
       this.customStyle();
-      dom$r.ketchup.debug.logMessage('kup-theme', 'Theme ' + dom$r.getAttribute('kup-theme') + ' refreshed.');
+      dom$s.ketchup.debug.logMessage('kup-theme', 'Theme ' + dom$s.getAttribute('kup-theme') + ' refreshed.');
       document.dispatchEvent(new CustomEvent('kup-theme-refresh'));
     }
     catch (error) {
-      dom$r.ketchup.debug.logMessage('kup-theme', 'Theme not refreshed.', KupDebugCategory.WARNING);
+      dom$s.ketchup.debug.logMessage('kup-theme', 'Theme not refreshed.', KupDebugCategory.WARNING);
     }
   }
   /**
@@ -6096,7 +6096,7 @@ class KupTheme {
       this.set(themes[index]);
     }
     else {
-      dom$r.ketchup.debug.logMessage('kup-theme', "Couldn't set a random theme: no themes available!", KupDebugCategory.WARNING);
+      dom$s.ketchup.debug.logMessage('kup-theme', "Couldn't set a random theme: no themes available!", KupDebugCategory.WARNING);
     }
   }
   /**
@@ -6108,7 +6108,7 @@ class KupTheme {
     //Testing whether the color is transparent, if it is a fall back value will be returned matching the background-color
     if (color === 'transparent') {
       color = this.cssVars['--kup-background-color'];
-      dom$r.ketchup.debug.logMessage('theme manager', 'Received TRANSPARENT color, converted to ' +
+      dom$s.ketchup.debug.logMessage('theme manager', 'Received TRANSPARENT color, converted to ' +
         color +
         ' (theme background).');
     }
@@ -6126,7 +6126,7 @@ class KupTheme {
       const oldColor = color;
       color = this.codeToHex(color);
       isHex = color.substring(0, 1) === '#' ? true : false;
-      dom$r.ketchup.debug.logMessage('theme manager', 'Received CODE NAME color ' +
+      dom$s.ketchup.debug.logMessage('theme manager', 'Received CODE NAME color ' +
         oldColor +
         ', converted to ' +
         color +
@@ -6180,14 +6180,14 @@ class KupTheme {
         else {
           hexColor = this.rgbToHex(rgbColorObj.r, rgbColorObj.g, rgbColorObj.b);
         }
-        dom$r.ketchup.debug.logMessage('theme-manager', 'Received HEX color ' +
+        dom$s.ketchup.debug.logMessage('theme-manager', 'Received HEX color ' +
           oldColor +
           ', converted to ' +
           color +
           '.');
       }
       catch (error) {
-        dom$r.ketchup.debug.logMessage('theme-manager', 'Invalid color: ' + color + '.');
+        dom$s.ketchup.debug.logMessage('theme-manager', 'Invalid color: ' + color + '.');
       }
     }
     let rgbValues = null;
@@ -6197,14 +6197,14 @@ class KupTheme {
       rgbColor = color;
     }
     catch (error) {
-      dom$r.ketchup.debug.logMessage('theme-manager', 'Color not converted to rgb values: ' + color + '.');
+      dom$s.ketchup.debug.logMessage('theme-manager', 'Color not converted to rgb values: ' + color + '.');
     }
     if (!hexColor) {
       try {
         hexColor = this.rgbToHex(parseInt(values[1]), parseInt(values[2]), parseInt(values[3]));
       }
       catch (error) {
-        dom$r.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
+        dom$s.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
       }
     }
     if (!hslColor || !hslValues) {
@@ -6217,7 +6217,7 @@ class KupTheme {
         hslColor = 'hsl(' + hsl.h + ',' + hsl.s + '%,' + hsl.l + '%)';
       }
       catch (error) {
-        dom$r.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
+        dom$s.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
       }
     }
     return {
@@ -6522,7 +6522,7 @@ class KupTheme {
       return colorCodes[color.toLowerCase()];
     }
     else {
-      dom$r.ketchup.debug.logMessage('theme manager', 'Could not decode color ' + color + '!');
+      dom$s.ketchup.debug.logMessage('theme manager', 'Could not decode color ' + color + '!');
       return color;
     }
   }
@@ -6544,13 +6544,13 @@ var __classPrivateFieldSet$6 = (undefined && undefined.__classPrivateFieldSet) |
   if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var __classPrivateFieldGet$8 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
   if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
   if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 var _KupToolbar_keyEvent;
-const dom$q = document.documentElement;
+const dom$r = document.documentElement;
 /**
  * Handles component's toolbar.
  * @module KupToolbar
@@ -6568,7 +6568,7 @@ class KupToolbar {
       KupToolbarModifierKeys.CTRL,
     ];
     __classPrivateFieldSet$6(this, _KupToolbar_keyEvent, function (e) {
-      const toolbar = dom$q.ketchup.toolbar;
+      const toolbar = dom$r.ketchup.toolbar;
       if (toolbar.managedElements) {
         for (let index = 0; index < toolbar.modifiers.length; index++) {
           if (toolbar.modifiers[index] ===
@@ -6590,8 +6590,8 @@ class KupToolbar {
         toolbar.show();
       }
     }, "f");
-    document.addEventListener('keydown', __classPrivateFieldGet$8(this, _KupToolbar_keyEvent, "f"));
-    document.addEventListener('keyup', __classPrivateFieldGet$8(this, _KupToolbar_keyEvent, "f"));
+    document.addEventListener('keydown', __classPrivateFieldGet$9(this, _KupToolbar_keyEvent, "f"));
+    document.addEventListener('keyup', __classPrivateFieldGet$9(this, _KupToolbar_keyEvent, "f"));
   }
   /**
    * Shows components' toolbar.
@@ -7075,16 +7075,6 @@ var KupDatesNormalize;
   KupDatesNormalize["TIME"] = "time";
   KupDatesNormalize["TIMESTAMP"] = "timestamp";
 })(KupDatesNormalize || (KupDatesNormalize = {}));
-/**
- * Common use formats
- */
-var KupDatesFormats;
-(function (KupDatesFormats) {
-  KupDatesFormats["ISO_DATE"] = "YYYY-MM-DD";
-  KupDatesFormats["ISO_DATE_TIME"] = "YYYY-MM-DD HH:mm:ss";
-  KupDatesFormats["ISO_TIME"] = "HH:mm:ss";
-  KupDatesFormats["ISO_TIME_WITHOUT_SECONDS"] = "HH:mm";
-})(KupDatesFormats || (KupDatesFormats = {}));
 /**
  * Supported locales.
  */
@@ -7097,434 +7087,30 @@ var KupDatesLocales;
   KupDatesLocales["POLISH"] = "pl";
   KupDatesLocales["RUSSIAN"] = "ru";
   KupDatesLocales["SPANISH"] = "es";
-})(KupDatesLocales || (KupDatesLocales = {}));
-
-const dom$p = document.documentElement;
-var DateTimeFormatOptionsMonth;
-(function (DateTimeFormatOptionsMonth) {
-  DateTimeFormatOptionsMonth["NUMERIC"] = "numeric";
-  DateTimeFormatOptionsMonth["DIGIT2"] = "2-digit";
-  DateTimeFormatOptionsMonth["LONG"] = "long";
-  DateTimeFormatOptionsMonth["SHORT"] = "short";
-  DateTimeFormatOptionsMonth["NARROW"] = "narrow";
-})(DateTimeFormatOptionsMonth || (DateTimeFormatOptionsMonth = {}));
-function identify(array) {
-  if (array) {
-    for (let i = 0; i < array.length; i++) {
-      array[i].id = i.toString();
-    }
-  }
-}
-function getSeparator(locale, separatorType) {
-  const numberWithGroupAndDecimalSeparator = 1000.1;
-  return Intl.NumberFormat(locale)
-    .formatToParts(numberWithGroupAndDecimalSeparator)
-    .find((part) => part.type === separatorType).value;
-}
-function getCurrentTimeFormatFromBrowserLocale(manageSeconds) {
-  const options = {
-    hour: '2-digit',
-    minute: '2-digit',
-    hour12: false,
-  };
-  if (manageSeconds == true) {
-    options.second = '2-digit';
-  }
-  const formatObj = new Intl.DateTimeFormat(dom$p.ketchup.dates.getLocale() + '-u-hc-h23', options).formatToParts(new Date());
-  let timeFormat = formatObj
-    .map((obj) => {
-    switch (obj.type) {
-      case 'hour':
-        return 'HH';
-      case 'minute':
-        return 'mm';
-      case 'second':
-        return 'ss';
-      default:
-        return obj.value;
-    }
-  })
-    .join('');
-  return timeFormat;
-}
-/**
- * @param value number as string, formatted by actual browser locale
- * @param type - type of number for calculate suffix
- * @returns true if number string in input is a valid number
- */
-function isValidFormattedStringNumber(value, type) {
-  if (value == null || value.trim() == '') {
-    return false;
-  }
-  let tmpStr = formattedStringToUnformattedStringNumber(value, type);
-  if (isNumber(tmpStr)) {
-    return true;
-  }
-  return false;
-}
-function isNumber(value) {
-  //return typeof value === 'number';
-  return !isNaN(value);
-}
-/**
- * @param input number as string, formatted by locale US, decimal separator . (like java decimal numbers)
- * @returns number
- **/
-function stringToNumber(input) {
-  if (!input || input == null || input.trim() == '') {
-    input = '0';
-  }
-  return dom$p.ketchup.math.numberify(input);
-}
-/**
- * @param input number
- * @param decimals number of significant decimal digits for output
- * @returns number as string, formatted by actual browser locale
- **/
-function numberToString(input, decimals) {
-  if (input == null) {
-    return '';
-  }
-  return _numberToString(input, decimals, dom$p.ketchup.dates.getLocale(), true);
-}
+})(KupDatesLocales || (KupDatesLocales = {}));
 /**
- * @param type - type of number for calculate suffix
- * @returns suffix for number, by type
- **/
-function getNumericValueSuffixByType(type) {
-  type = type.toUpperCase();
-  let nstr = '';
-  if (type == 'P') {
-    nstr = ' %';
-  }
-  else if (type == 'VE') {
-    nstr = ' €';
-  }
-  else if (type == 'VL') {
-    nstr = ' £';
-  }
-  else if (type == 'VV') {
-    nstr = ' $';
-  }
-  return nstr;
-}
-/**
- * @param input number
- * @param decimals number of significant decimal digits for output
- * @param type - type of number for calculate suffix
- * @returns number as string, formatted by actual browser locale, with suffix by type
- **/
-function numberToFormattedStringNumber(input, decimals, type) {
-  if (input == null || isNaN(input)) {
-    return '';
-  }
-  let nstr = numberToString(input, decimals);
-  nstr = nstr + getNumericValueSuffixByType(type);
-  return nstr;
-}
-/**
- * @param input number as string, formatted by locale US, decimal separator . (like java decimal numbers)
- * @param decimals number of significant decimal digits for output
- * @param type - type of number for calculate suffix
- * @returns number as string, formatted by actual browser locale, with suffix by type
- **/
-function unformattedStringToFormattedStringNumber(input, decimals, type) {
-  return numberToFormattedStringNumber(stringToNumber(input), decimals, type);
-}
-/**
- * @param input number as string, formatted by actual browser locale
- * @param type - type of number for calculate suffix
- * @returns number as string, formatted by locale US, decimal separator . (like java decimal numbers), without group separator
- **/
-function formattedStringToUnformattedStringNumber(input, type) {
-  return numberStringToNumberString(input, type, getDecimalSeparator(dom$p.ketchup.dates.getLocale()));
-}
-/**
- * @param input number as string, formatted by locale US, decimal separator . (like java decimal numbers), with group separator
- * @param type - type of number for calculate suffix
- * @returns number as string, formatted by locale US, decimal separator . (like java decimal numbers), without group separator
- **/
-function unformattedStringNumberToNumber(input, type) {
-  return numberStringToNumberString(input, type, '.');
-}
-function numberStringToNumberString(input, type, decFmt) {
-  if (input == null || input.trim() == '') {
-    return '';
-  }
-  let originalInputValue = input;
-  let suffix = getNumericValueSuffixByType(type);
-  if (suffix != '') {
-    input = input.replace(suffix, '');
-  }
-  let regExpr = null;
-  if (decFmt == '.') {
-    regExpr = /,/g;
-  }
-  else {
-    regExpr = /\./g;
-  }
-  input = input.replace(regExpr, '');
-  if (decFmt != '.') {
-    input = input.replace(/,/g, '.');
-  }
-  if (dom$p.ketchup.math.numberify(input) == null ||
-    isNaN(dom$p.ketchup.math.numberify(input))) {
-    return originalInputValue;
-  }
-  let unf = stringToNumber(input);
-  return _numberToString(unf, -1, 'en-US', false);
-}
-function getDecimalSeparator(locale) {
-  return getSeparator(locale, 'decimal');
-}
-function countDecimals(value) {
-  if (Math.floor(value) === value)
-    return 0;
-  let stringValue = value.toString().split('.')[1];
-  if (stringValue) {
-    return stringValue.length ? stringValue.length : 0;
-  }
-  else {
-    return 0;
-  }
-}
-function _numberToString(input, decimals, locale, useGrouping) {
-  if (input == null) {
-    input = 0;
-  }
-  if (decimals == null || decimals == -1) {
-    decimals = countDecimals(input);
-  }
-  let n = Number(input);
-  let f = decimals > -1
-    ? {
-      minimumFractionDigits: decimals,
-      maximumFractionDigits: decimals,
-      useGrouping: useGrouping,
-    }
-    : { useGrouping: useGrouping };
-  return n.toLocaleString(locale, f);
-}
-/**
- * @param time time as Date object
- * @param manageSeconds flag to set seconds managing
- * @return time as string, formatted
- **/
-function formatTime(time, manageSeconds) {
-  const options = {
-    hour: '2-digit',
-    minute: '2-digit',
-    hour12: false,
-  };
-  if (manageSeconds == true) {
-    options.second = '2-digit';
-  }
-  return time.toLocaleTimeString(dom$p.ketchup.dates.getLocale() + '-u-hc-h23', options);
-}
-/**
- * @param value time string, formatted by actual browser locale
- * @returns true if time string in input is a valid time
- */
-function isValidFormattedStringTime(value, manageSeconds) {
-  let format = getCurrentTimeFormatFromBrowserLocale(manageSeconds);
-  return dom$p.ketchup.dates.isValid(value, format, true);
-}
-/**
- * @param value date/time as string, formatted by actual browser locale
- * @returns date/time as string, formatted ISO
- **/
-function formattedStringToDefaultUnformattedStringTimestamp(value) {
-  return formattedStringToCustomUnformattedStringTime(value, KupDatesFormats.ISO_DATE_TIME, true);
-}
-/**
- * @param value time as string, formatted by actual browser locale
- * @param outputFormat time format to return
- * @param manageSeconds flag to set seconds managing
- * @returns time as string, formatted
- **/
-function formattedStringToCustomUnformattedStringTime(value, outputFormat, manageSeconds) {
-  let inputFormat = getCurrentTimeFormatFromBrowserLocale(manageSeconds);
-  if (dom$p.ketchup.dates.isValid(value, inputFormat)) {
-    return dom$p.ketchup.dates.format(dom$p.ketchup.dates.normalize(value, KupDatesNormalize.TIME), outputFormat);
-  }
-  else {
-    return '';
-  }
-}
-/**
- * @param value time as string, formatted ISO
- * @param manageSeconds flag to set seconds managing
- * @param valueTimeFormat time format (default ISO)
- * @param customedFormat time format from smeupObject
- * @returns time as string, formatted by actual browser locale
- **/
-function unformattedStringToFormattedStringTime(value, manageSeconds, customedFormat) {
-  const options = {
-    hour: '2-digit',
-    minute: '2-digit',
-    hour12: false,
-  };
-  if (manageSeconds == true) {
-    options.second = '2-digit';
-  }
-  let date = dom$p.ketchup.dates.toDate(dom$p.ketchup.dates.normalize(value, KupDatesNormalize.TIME));
-  return formatByCustomedOutputTimeFormat(value, date, options, customedFormat);
-}
-function formatByCustomedOutputTimeFormat(valueStr, date, options, customedFormat) {
-  if (customedFormat == null) {
-    return date.toLocaleTimeString(dom$p.ketchup.dates.getLocale() + '-u-hc-h23', options);
-  }
-  switch (customedFormat) {
-    case 'I13': {
-      //hh:mm
-      break;
-    }
-    case 'I12': {
-      //hh:mm:ss
-      break;
-    }
-    case 'I11': {
-      //???
-      //hh:dddd
-      //return moment(date).format('HH:DDDD');
-      return valueStr;
-    }
-    case 'I14': {
-      //???
-      //sssss
-      //return moment(date).format('SSSSS');
-      return valueStr;
-    }
-    case 'I1H': {
-      //???
-      //Ora,Cen/Min HH,xx
-      return valueStr;
-    }
-    case 'I1M': {
-      //???
-      //Min,Cen/Sec  MMMM,xx
-      return valueStr;
-    }
-    case 'I21': {
-      //???
-      //Giorni,(4 decim)
-      return valueStr;
-    }
-    case 'I22': {
-      //???
-      //Ore,(4 decim)
-      return valueStr;
-    }
-    case 'I23': {
-      //???
-      //Minuti,(4 decim)
-      return valueStr;
-    }
-    case 'I24': {
-      //???
-      //Secondi
-      return valueStr;
-    }
-    case 'I2H': {
-      //???
-      //Ora,Cen/Min HHHH,xx
-      return valueStr;
-    }
-    case 'I2D': {
-      //???
-      //Ore Minuti Secondi HHMMS
-      return valueStr;
-    }
-    case 'I2M': {
-      //???
-      //Min,Cen/Sec MMMM,xx
-      return valueStr;
-    }
-  }
-  return date.toLocaleTimeString(dom$p.ketchup.dates.getLocale() + '-u-hc-h23', options);
-}
-/**
- * @param value date/time as string, formatted ISO
- * @param valueDateFormat date/time format (default ISO)
- * @returns date/time as string, formatted by actual browser locale
- **/
-function unformattedStringToFormattedStringTimestamp(value) {
-  const options = {
-    day: '2-digit',
-    month: '2-digit',
-    year: 'numeric',
-    hour: '2-digit',
-    minute: '2-digit',
-    second: '2-digit',
-    hour12: false,
-  };
-  let date = dom$p.ketchup.dates.toDate(dom$p.ketchup.dates.normalize(value, KupDatesNormalize.TIMESTAMP));
-  return date.toLocaleString(dom$p.ketchup.dates.getLocale() + '-u-hc-h23', options);
-}
-function getMonthAsStringByLocale(month, format) {
-  if (month == null) {
-    return '';
-  }
-  const dateTmp = new Date();
-  dateTmp.setDate(1);
-  dateTmp.setMonth(month - 1);
-  const options = {
-    month: format,
-  };
-  const dateTimeFormat = new Intl.DateTimeFormat(dom$p.ketchup.dates.getLocale(), options);
-  return dateTimeFormat.format(dateTmp);
-}
-function getMonthsAsStringByLocale(format) {
-  if (format == null || format.trim() == '') {
-    format = DateTimeFormatOptionsMonth.LONG;
-  }
-  var months = [];
-  for (var i = 0; i < 12; i++) {
-    months[i] = getMonthAsStringByLocale(i + 1, format);
-  }
-  return months;
-}
-/**
- * Used to retrieve component's props values.
- * @param {any} comp - Component calling this function.
- * @param {GenericObject} list - Prop list, specific for each component.
- * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
- * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+ * Format Months
  */
-function getProps(comp, list, descriptions) {
-  let props = {};
-  if (descriptions) {
-    props = list;
-  }
-  else {
-    for (const key in list) {
-      if (Object.prototype.hasOwnProperty.call(list, key)) {
-        props[key] = comp[key];
-      }
-    }
-  }
-  return props;
-}
+var KupDateTimeFormatOptionsMonth;
+(function (KupDateTimeFormatOptionsMonth) {
+  KupDateTimeFormatOptionsMonth["NUMERIC"] = "numeric";
+  KupDateTimeFormatOptionsMonth["DIGIT2"] = "2-digit";
+  KupDateTimeFormatOptionsMonth["LONG"] = "long";
+  KupDateTimeFormatOptionsMonth["SHORT"] = "short";
+  KupDateTimeFormatOptionsMonth["NARROW"] = "narrow";
+})(KupDateTimeFormatOptionsMonth || (KupDateTimeFormatOptionsMonth = {}));
 /**
- * Sets the props to the component.
- * @param {any} comp - Component calling this function.
- * @param {GenericObject} list - Prop list, specific for each component.
- * @param {GenericObject} props - Prop to be set.
+ * Common use formats
  */
-function setProps(comp, list, props) {
-  for (const key in props) {
-    // If key is a custom prop it will be set on the component (i.e.: "data", "customStyle", ecc.)
-    if (list[key]) {
-      comp[key] = props[key];
-    }
-    else {
-      // Otherwise, it will be set on its HTML element (i.e.: "id", "style", ecc.)
-      comp.rootElement[key] = props[key];
-    }
-  }
-}
+var KupDatesFormats;
+(function (KupDatesFormats) {
+  KupDatesFormats["ISO_DATE"] = "YYYY-MM-DD";
+  KupDatesFormats["ISO_DATE_TIME"] = "YYYY-MM-DD HH:mm:ss";
+  KupDatesFormats["ISO_TIME"] = "HH:mm:ss";
+  KupDatesFormats["ISO_TIME_WITHOUT_SECONDS"] = "HH:mm";
+})(KupDatesFormats || (KupDatesFormats = {}));
 
-const dom$o = document.documentElement;
+const dom$q = document.documentElement;
 // -------------
 // COMMONS
 // -------------
@@ -7551,9 +7137,9 @@ function getValueForDisplay2(values, column) {
 }
 function formatToNumber(cell) {
   if (cell.obj) {
-    return dom$o.ketchup.math.numberify(cell.obj.k);
+    return dom$q.ketchup.math.numberify(cell.obj.k);
   }
-  return dom$o.ketchup.math.numberify(cell.value);
+  return dom$q.ketchup.math.numberify(cell.value);
 }
 function _getCellValueForDisplay(value, column, cell) {
   let obj = column != null ? column.obj : null;
@@ -7566,18 +7152,18 @@ function getValueForDisplay(value, obj, decimals) {
   if (value == null || value.trim() == '') {
     return value;
   }
-  if (dom$o.ketchup.objects.isNumber(obj)) {
-    return unformattedStringToFormattedStringNumber(value, decimals ? decimals : -1, obj ? obj.p : '');
+  if (dom$q.ketchup.objects.isNumber(obj)) {
+    return dom$q.ketchup.math.numberStringToFormattedString(value, decimals ? decimals : -1, obj ? obj.p : '');
   }
-  if (dom$o.ketchup.objects.isDate(obj) &&
-    dom$o.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
-    return dom$o.ketchup.dates.format(value);
+  if (dom$q.ketchup.objects.isDate(obj) &&
+    dom$q.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
+    return dom$q.ketchup.dates.format(value);
   }
-  if (dom$o.ketchup.objects.isTime(obj)) {
-    return unformattedStringToFormattedStringTime(value, dom$o.ketchup.objects.isTimeWithSeconds(obj), obj.t + obj.p);
+  if (dom$q.ketchup.objects.isTime(obj)) {
+    return dom$q.ketchup.dates.timeStringToFormattedString(value, dom$q.ketchup.objects.isTimeWithSeconds(obj), obj.t + obj.p);
   }
-  if (dom$o.ketchup.objects.isTimestamp(obj)) {
-    return unformattedStringToFormattedStringTimestamp(value);
+  if (dom$q.ketchup.objects.isTimestamp(obj)) {
+    return dom$q.ketchup.dates.timestampStringToFormattedString(value);
   }
   return value;
 }
@@ -7621,26 +7207,26 @@ function compareValues(obj1, value1, obj2, value2, sortMode) {
   }
   let v1 = s1;
   let v2 = s2;
-  if (dom$o.ketchup.objects.isNumber(obj1)) {
-    v1 = stringToNumber(s1);
-    v2 = stringToNumber(s2);
+  if (dom$q.ketchup.objects.isNumber(obj1)) {
+    v1 = dom$q.ketchup.math.numberifySafe(s1);
+    v2 = dom$q.ketchup.math.numberifySafe(s2);
   }
-  else if (dom$o.ketchup.objects.isDate(obj1)) {
-    v1 = dom$o.ketchup.dates.toDate(dom$o.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE));
-    v2 = dom$o.ketchup.dates.toDate(dom$o.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE));
+  else if (dom$q.ketchup.objects.isDate(obj1)) {
+    v1 = dom$q.ketchup.dates.toDate(dom$q.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE));
+    v2 = dom$q.ketchup.dates.toDate(dom$q.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE));
   }
-  else if (dom$o.ketchup.objects.isTime(obj1)) {
-    let manageSeconds = dom$o.ketchup.objects.isTimeWithSeconds(obj1);
-    v1 = dom$o.ketchup.dates.toDate(dom$o.ketchup.dates.format(s1, manageSeconds
+  else if (dom$q.ketchup.objects.isTime(obj1)) {
+    let manageSeconds = dom$q.ketchup.objects.isTimeWithSeconds(obj1);
+    v1 = dom$q.ketchup.dates.toDate(dom$q.ketchup.dates.format(s1, manageSeconds
       ? KupDatesFormats.ISO_TIME
       : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS));
-    v2 = dom$o.ketchup.dates.toDate(dom$o.ketchup.dates.format(s2, manageSeconds
+    v2 = dom$q.ketchup.dates.toDate(dom$q.ketchup.dates.format(s2, manageSeconds
       ? KupDatesFormats.ISO_TIME
       : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS));
   }
-  else if (dom$o.ketchup.objects.isTimestamp(obj1)) {
-    v1 = dom$o.ketchup.dates.toDate(dom$o.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE_TIME));
-    v2 = dom$o.ketchup.dates.toDate(dom$o.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE_TIME));
+  else if (dom$q.ketchup.objects.isTimestamp(obj1)) {
+    v1 = dom$q.ketchup.dates.toDate(dom$q.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE_TIME));
+    v2 = dom$q.ketchup.dates.toDate(dom$q.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE_TIME));
   }
   if (v1 > v2) {
     return sm * 1;
@@ -7706,7 +7292,7 @@ var KupGlobalFilterMode;
   KupGlobalFilterMode["HIGHLIGHT"] = "highlight";
 })(KupGlobalFilterMode || (KupGlobalFilterMode = {}));
 
-const dom$n = document.documentElement;
+const dom$p = document.documentElement;
 /**
  * Filtering algorithms.
  * @module Filters
@@ -7722,16 +7308,16 @@ class Filters {
     return comp.rootElement.tagName === KupTagNames.TREE;
   }
   isObjFiltrableByInterval(obj) {
-    if (dom$n.ketchup.objects.isDate(obj)) {
+    if (dom$p.ketchup.objects.isDate(obj)) {
       return true;
     }
-    if (dom$n.ketchup.objects.isTime(obj)) {
+    if (dom$p.ketchup.objects.isTime(obj)) {
       return true;
     }
-    if (dom$n.ketchup.objects.isTimestamp(obj)) {
+    if (dom$p.ketchup.objects.isTimestamp(obj)) {
       return true;
     }
-    if (dom$n.ketchup.objects.isNumber(obj)) {
+    if (dom$p.ketchup.objects.isNumber(obj)) {
       return true;
     }
     return false;
@@ -7741,38 +7327,38 @@ class Filters {
     if (newValue == null || newValue == '' || smeupObj == null) {
       return newValue;
     }
-    if (dom$n.ketchup.objects.isDate(smeupObj)) {
-      if (dom$n.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
+    if (dom$p.ketchup.objects.isDate(smeupObj)) {
+      if (dom$p.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
         return newValue;
       }
-      if (dom$n.ketchup.dates.isValid(value)) {
-        return dom$n.ketchup.dates.format(dom$n.ketchup.dates.normalize(value, KupDatesNormalize.DATE), KupDatesFormats.ISO_DATE);
+      if (dom$p.ketchup.dates.isValid(value)) {
+        return dom$p.ketchup.dates.format(dom$p.ketchup.dates.normalize(value, KupDatesNormalize.DATE), KupDatesFormats.ISO_DATE);
       }
     }
-    else if (dom$n.ketchup.objects.isTime(smeupObj)) {
-      let manageSeconds = dom$n.ketchup.objects.isTimeWithSeconds(smeupObj);
-      if (dom$n.ketchup.dates.isValid(value, manageSeconds
+    else if (dom$p.ketchup.objects.isTime(smeupObj)) {
+      let manageSeconds = dom$p.ketchup.objects.isTimeWithSeconds(smeupObj);
+      if (dom$p.ketchup.dates.isValid(value, manageSeconds
         ? KupDatesFormats.ISO_TIME
         : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS)) {
         return newValue;
       }
-      if (isValidFormattedStringTime(value, manageSeconds)) {
-        return formattedStringToCustomUnformattedStringTime(value, manageSeconds
+      if (dom$p.ketchup.dates.isValidFormattedStringTime(value, manageSeconds)) {
+        return dom$p.ketchup.dates.formattedStringToCustomDateTime(value, manageSeconds
           ? KupDatesFormats.ISO_TIME
           : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS, manageSeconds);
       }
     }
-    else if (dom$n.ketchup.objects.isTimestamp(smeupObj)) {
-      if (dom$n.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE_TIME)) {
+    else if (dom$p.ketchup.objects.isTimestamp(smeupObj)) {
+      if (dom$p.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE_TIME)) {
         return newValue;
       }
-      if (isValidFormattedStringTime(value, true)) {
-        return formattedStringToDefaultUnformattedStringTimestamp(value);
+      if (dom$p.ketchup.dates.isValidFormattedStringTime(value, true)) {
+        return dom$p.ketchup.dates.formattedStringToTimestampString(value);
       }
     }
-    else if (dom$n.ketchup.objects.isNumber(smeupObj)) {
-      if (isValidFormattedStringNumber(value, smeupObj ? smeupObj.p : '')) {
-        return formattedStringToUnformattedStringNumber(value, smeupObj ? smeupObj.p : '');
+    else if (dom$p.ketchup.objects.isNumber(smeupObj)) {
+      if (dom$p.ketchup.math.isStringNumber(value, smeupObj ? smeupObj.p : '')) {
+        return dom$p.ketchup.math.formattedStringToNumberString(value, smeupObj ? smeupObj.p : '');
       }
     }
     return newValue;
@@ -7893,13 +7479,12 @@ class Filters {
       to = interval[FilterInterval.TO];
     }
     let checkByRegularExpression = true;
-    if (dom$n.ketchup.objects.isNumber(obj)) {
-      value = unformattedStringNumberToNumber(value, obj ? obj.p : '');
-      let valueNumber = stringToNumber(value);
+    if (dom$p.ketchup.objects.isNumber(obj)) {
+      let valueNumber = dom$p.ketchup.math.numberifySafe(value, obj ? obj.p : '');
       if (from != '') {
-        if (isNumber(from)) {
+        if (dom$p.ketchup.math.isNumber(from)) {
           checkByRegularExpression = false;
-          let fromNumber = stringToNumber(from);
+          let fromNumber = dom$p.ketchup.math.numberifySafe(from);
           if (valueNumber < fromNumber) {
             return false;
           }
@@ -7909,9 +7494,9 @@ class Filters {
         }
       }
       if (to != '') {
-        if (isNumber(to)) {
+        if (dom$p.ketchup.math.isNumber(to)) {
           checkByRegularExpression = false;
-          let toNumber = stringToNumber(to);
+          let toNumber = dom$p.ketchup.math.numberifySafe(to);
           if (valueNumber > toNumber) {
             return false;
           }
@@ -7921,30 +7506,30 @@ class Filters {
         }
       }
     }
-    if (dom$n.ketchup.objects.isDate(obj) ||
-      dom$n.ketchup.objects.isTime(obj) ||
-      dom$n.ketchup.objects.isTimestamp(obj)) {
+    if (dom$p.ketchup.objects.isDate(obj) ||
+      dom$p.ketchup.objects.isTime(obj) ||
+      dom$p.ketchup.objects.isTimestamp(obj)) {
       let valueDate = null;
       let defaultFormat = KupDatesFormats.ISO_DATE;
-      if (dom$n.ketchup.objects.isDate(obj)) {
+      if (dom$p.ketchup.objects.isDate(obj)) {
         defaultFormat = KupDatesFormats.ISO_DATE;
       }
-      else if (dom$n.ketchup.objects.isTime(obj)) {
-        defaultFormat = dom$n.ketchup.objects.isTimeWithSeconds(obj)
+      else if (dom$p.ketchup.objects.isTime(obj)) {
+        defaultFormat = dom$p.ketchup.objects.isTimeWithSeconds(obj)
           ? KupDatesFormats.ISO_TIME
           : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS;
       }
-      else if (dom$n.ketchup.objects.isTimestamp(obj)) {
+      else if (dom$p.ketchup.objects.isTimestamp(obj)) {
         defaultFormat = KupDatesFormats.ISO_DATE_TIME;
       }
-      if (dom$n.ketchup.dates.isValid(value, defaultFormat, true)) {
-        valueDate = dom$n.ketchup.dates.toDate(value, defaultFormat);
+      if (dom$p.ketchup.dates.isValid(value, defaultFormat, true)) {
+        valueDate = dom$p.ketchup.dates.toDate(value, defaultFormat);
       }
       if (from != '') {
         if (valueDate != null &&
-          dom$n.ketchup.dates.isValid(from, defaultFormat, true)) {
+          dom$p.ketchup.dates.isValid(from, defaultFormat, true)) {
           checkByRegularExpression = false;
-          let fromDate = dom$n.ketchup.dates.toDate(from, defaultFormat);
+          let fromDate = dom$p.ketchup.dates.toDate(from, defaultFormat);
           if (valueDate < fromDate) {
             return false;
           }
@@ -7955,9 +7540,9 @@ class Filters {
       }
       if (to != '') {
         if (valueDate != null &&
-          dom$n.ketchup.dates.isValid(to, defaultFormat, true)) {
+          dom$p.ketchup.dates.isValid(to, defaultFormat, true)) {
           checkByRegularExpression = false;
-          let toDate = dom$n.ketchup.dates.toDate(to, defaultFormat);
+          let toDate = dom$p.ketchup.dates.toDate(to, defaultFormat);
           if (valueDate > toDate) {
             return false;
           }
@@ -7966,9 +7551,9 @@ class Filters {
           filterValue = to;
         }
       }
-      if (!dom$n.ketchup.dates.isValid(filterValue, defaultFormat) &&
-        !dom$n.ketchup.dates.isValid(filterValue)) {
-        value = dom$n.ketchup.dates.format(value);
+      if (!dom$p.ketchup.dates.isValid(filterValue, defaultFormat) &&
+        !dom$p.ketchup.dates.isValid(filterValue)) {
+        value = dom$p.ketchup.dates.format(value);
       }
     }
     if (checkByRegularExpression) {
@@ -7992,9 +7577,9 @@ class Filters {
   }
 }
 
-const dom$m = document.documentElement;
-const kupObjects$1 = dom$m.ketchup
-  ? dom$m.ketchup.objects
+const dom$o = document.documentElement;
+const kupObjects$1 = dom$o.ketchup
+  ? dom$o.ketchup.objects
   : new KupObjects();
 /**
  * Finds all the cells matching the filters criteria in the input dataset.
@@ -8003,7 +7588,7 @@ const kupObjects$1 = dom$m.ketchup
  * @returns {KupDataCell[]}  Array of cells fetched after applying the filters.
  */
 function findCell(dataset, filters) {
-  return dom$m.ketchup.data.finder(dataset, filters).cells;
+  return dom$o.ketchup.data.finder(dataset, filters).cells;
 }
 /**
  * Returns all the cells values of the specified column, sorted if required.
@@ -8075,7 +7660,7 @@ function replaceCell(dataset, cell, columns) {
   return replaced;
 }
 
-const dom$l = document.documentElement;
+const dom$n = document.documentElement;
 /**
  * Finds the columns matching the criteria specified in the filters argument.
  * @param {KupDataDataset | Column[]} dataset - Input dataset or array of columns.
@@ -8097,7 +7682,7 @@ function findColumns(dataset, filters) {
       if (column[key] === filter) {
         result.push(column);
       }
-      else if (dom$l.ketchup.objects.deepEqual(column[key], filter)) {
+      else if (dom$n.ketchup.objects.deepEqual(column[key], filter)) {
         result.push(column);
       }
     }
@@ -8143,7 +7728,7 @@ function newColumn(dataset, type, options) {
       return newColumnFromMerge(dataset, options.columns, options.newColumn);
     default:
       const message = 'Wrong type used to invoke new column creation!(' + type + ')';
-      dom$l.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+      dom$n.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
       return message;
   }
 }
@@ -8157,7 +7742,7 @@ function newColumn(dataset, type, options) {
 function newColumnFromConcatenate(dataset, columns, separator) {
   if (!columns || columns.length === 0) {
     const message = 'Invalid array, interrupting column merging!(' + columns + ')';
-    dom$l.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+    dom$n.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
     return message;
   }
   let firstColumn = null;
@@ -8179,12 +7764,12 @@ function newColumnFromConcatenate(dataset, columns, separator) {
         columns.toString() +
         ')';
       col.visible = true;
-      dom$l.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+      dom$n.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
       return message;
     }
   }
   const newName = columns.join('_');
-  const newObj = objs.length > 0 && dom$l.ketchup.objects.isSameKupObj(objs)
+  const newObj = objs.length > 0 && dom$n.ketchup.objects.isSameKupObj(objs)
     ? objs[0]
     : null;
   const newTitle = titles.join(separator);
@@ -8251,7 +7836,7 @@ function newColumnFromMath(dataset, operation, columns) {
   }
   if (columns.length === 0) {
     const message = "Can't apply math formulas without columns!(" + columns + ')';
-    dom$l.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+    dom$n.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
     return message;
   }
   const titles = [];
@@ -8278,11 +7863,11 @@ function newColumnFromMath(dataset, operation, columns) {
     const col = dataset.columns[index];
     if (columns.includes(col.name)) {
       titles[columns.indexOf(col.name)] = col.title;
-      if (!dom$l.ketchup.objects.isNumber(col.obj)) {
+      if (!dom$n.ketchup.objects.isNumber(col.obj)) {
         const message = "Can't apply math formulas on non-numerical columns!(" +
           columns +
           ')';
-        dom$l.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+        dom$n.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
         return message;
       }
     }
@@ -8293,7 +7878,7 @@ function newColumnFromMath(dataset, operation, columns) {
       const message = 'This mathematical operation on these columns was already performed!(' +
         formula +
         ')';
-      dom$l.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+      dom$n.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
       return message;
     }
   }
@@ -8321,11 +7906,11 @@ function newColumnFromMath(dataset, operation, columns) {
           if (!base) {
             base = cell;
           }
-          formulaRow[column] = dom$l.ketchup.math.numberify(cell.value);
+          formulaRow[column] = dom$n.ketchup.math.numberify(cell.value);
         }
       }
     }
-    const value = dom$l.ketchup.math.formulas
+    const value = dom$n.ketchup.math.formulas
       .custom(formula, formulaRow)
       .toString();
     cells[newName] = Object.assign(Object.assign({}, base), { displayedValue: null, obj: Object.assign(Object.assign({}, newObj), { k: value }), value: value });
@@ -8373,7 +7958,7 @@ function newColumnFromMerge(dataset, columns2merge, newColumn) {
   return newColumn;
 }
 
-const dom$k = document.documentElement;
+const dom$m = document.documentElement;
 /**
  * Finds all the rows containing cells matching the filters criteria in the input dataset.
  * @param {KupDataDataset} dataset - Input dataset.
@@ -8381,7 +7966,7 @@ const dom$k = document.documentElement;
  * @returns {KupDataRow[]} Array of rows fetched after applying the filters.
  */
 function findRow(dataset, filters) {
-  return dom$k.ketchup.data.finder(dataset, filters).rows;
+  return dom$m.ketchup.data.finder(dataset, filters).rows;
 }
 /**
  * Converts the rows of the input dataset to tree nodes.
@@ -8723,7 +8308,7 @@ const kupTypes = [
   FCellTypes.RATING,
 ];
 
-const dom$j = document.documentElement;
+const dom$l = document.documentElement;
 /**
  * Handles data operations.
  * @module KupData
@@ -8785,55 +8370,55 @@ class KupData {
               return FCellTypes.STRING;
           }
         }
-        if (dom$j.ketchup.objects.isBar(obj)) {
+        if (dom$l.ketchup.objects.isBar(obj)) {
           return FCellTypes.BAR;
         }
-        else if (dom$j.ketchup.objects.isButton(obj)) {
+        else if (dom$l.ketchup.objects.isButton(obj)) {
           return FCellTypes.BUTTON;
         }
-        else if (dom$j.ketchup.objects.isChart(obj)) {
+        else if (dom$l.ketchup.objects.isChart(obj)) {
           return FCellTypes.CHART;
         }
-        else if (dom$j.ketchup.objects.isCheckbox(obj)) {
+        else if (dom$l.ketchup.objects.isCheckbox(obj)) {
           return FCellTypes.CHECKBOX;
         }
-        else if (dom$j.ketchup.objects.isColor(obj)) {
+        else if (dom$l.ketchup.objects.isColor(obj)) {
           return FCellTypes.COLOR_PICKER;
         }
-        else if (dom$j.ketchup.objects.isIcon(obj)) {
+        else if (dom$l.ketchup.objects.isIcon(obj)) {
           return FCellTypes.ICON;
         }
-        else if (dom$j.ketchup.objects.isImage(obj)) {
+        else if (dom$l.ketchup.objects.isImage(obj)) {
           return FCellTypes.IMAGE;
         }
-        else if (dom$j.ketchup.objects.isLink(obj)) {
+        else if (dom$l.ketchup.objects.isLink(obj)) {
           return FCellTypes.LINK;
         }
-        else if (dom$j.ketchup.objects.isProgressBar(obj)) {
+        else if (dom$l.ketchup.objects.isProgressBar(obj)) {
           return FCellTypes.PROGRESS_BAR;
         }
-        else if (dom$j.ketchup.objects.isRadio(obj)) {
+        else if (dom$l.ketchup.objects.isRadio(obj)) {
           return FCellTypes.RADIO;
         }
-        else if (dom$j.ketchup.objects.isSwitch(obj)) {
+        else if (dom$l.ketchup.objects.isSwitch(obj)) {
           return FCellTypes.SWITCH;
         }
-        else if (dom$j.ketchup.objects.isKupObjList(obj)) {
+        else if (dom$l.ketchup.objects.isKupObjList(obj)) {
           return FCellTypes.CHIP;
         }
-        else if (dom$j.ketchup.objects.isNumber(obj)) {
+        else if (dom$l.ketchup.objects.isNumber(obj)) {
           return FCellTypes.NUMBER;
         }
-        else if (dom$j.ketchup.objects.isDate(obj)) {
+        else if (dom$l.ketchup.objects.isDate(obj)) {
           return FCellTypes.DATE;
         }
-        else if (dom$j.ketchup.objects.isTimestamp(obj)) {
+        else if (dom$l.ketchup.objects.isTimestamp(obj)) {
           return FCellTypes.DATETIME;
         }
-        else if (dom$j.ketchup.objects.isTime(obj)) {
+        else if (dom$l.ketchup.objects.isTime(obj)) {
           return FCellTypes.TIME;
         }
-        else if (dom$j.ketchup.objects.isVoCodver(obj)) {
+        else if (dom$l.ketchup.objects.isVoCodver(obj)) {
           return FCellTypes.ICON;
         }
         else {
@@ -8913,10 +8498,10 @@ class KupData {
         if (!columns || !columns.length || columns.includes(key)) {
           if (min && max) {
             let d = null, s = '', n = 0;
-            if (dom$j.ketchup.objects.isDate(cell.obj)) {
-              d = dom$j.ketchup.dates.toDate(cell.value);
-              const dMax = dom$j.ketchup.dates.toDate(max instanceof String ? max.valueOf() : max);
-              const dMin = dom$j.ketchup.dates.toDate(min instanceof String ? min.valueOf() : min);
+            if (dom$l.ketchup.objects.isDate(cell.obj)) {
+              d = dom$l.ketchup.dates.toDate(cell.value);
+              const dMax = dom$l.ketchup.dates.toDate(max instanceof String ? max.valueOf() : max);
+              const dMin = dom$l.ketchup.dates.toDate(min instanceof String ? min.valueOf() : min);
               if (d === dMax ||
                 d === dMin ||
                 (d < dMax && d > dMin)) {
@@ -8935,10 +8520,12 @@ class KupData {
               }
             }
             else {
-              n = dom$j.ketchup.math.numberify(cell.value);
+              n = dom$l.ketchup.math.numberify(cell.value);
+              const nMax = dom$l.ketchup.math.numberify(max);
+              const nMin = dom$l.ketchup.math.numberify(min);
               if (n === max ||
                 n === min ||
-                (n < max && n > min)) {
+                (n < nMax && n > nMin)) {
                 result.cells.push(cell);
                 result.rows.push(row);
               }
@@ -9092,7 +8679,7 @@ class KupData {
   sort(dataset, sortType, headerColumn) {
     if (sortType != 'normalDistribution') {
       const message = 'Wrong sort type! (' + sortType + ')';
-      dom$j.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+      dom$l.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
       return dataset;
     }
     const output = {
@@ -9328,6 +8915,59 @@ class KupDates {
       .filter((value) => typeof value === 'string');
     return items;
   }
+  /**
+   * Gets date format by browser locale
+   * @returns {string} date format pattern, by browser locale
+   */
+  getDateFormat() {
+    const formatObj = new Intl.DateTimeFormat(this.getLocale()).formatToParts(new Date());
+    let dateFormat = formatObj
+      .map((obj) => {
+      switch (obj.type) {
+        case 'day':
+          return 'DD';
+        case 'month':
+          return 'MM';
+        case 'year':
+          return 'YYYY';
+        default:
+          return obj.value;
+      }
+    })
+      .join('');
+    return dateFormat;
+  }
+  /**
+   * Gets time format by browser locale
+   * @param {boolean} manageSeconds flag to set seconds managing
+   * @returns {string} time format pattern, by browser locale
+   */
+  getTimeFormat(manageSeconds) {
+    const options = {
+      hour: '2-digit',
+      minute: '2-digit',
+      hour12: false,
+    };
+    if (manageSeconds == true) {
+      options.second = '2-digit';
+    }
+    const formatObj = new Intl.DateTimeFormat(this.getLocale() + '-u-hc-h23', options).formatToParts(new Date());
+    let timeFormat = formatObj
+      .map((obj) => {
+      switch (obj.type) {
+        case 'hour':
+          return 'HH';
+        case 'minute':
+          return 'mm';
+        case 'second':
+          return 'ss';
+        default:
+          return obj.value;
+      }
+    })
+      .join('');
+    return timeFormat;
+  }
   /**
    * Formats the given date.
    * @param {dayjs.ConfigType} input - Date to be formatted.
@@ -9340,6 +8980,23 @@ class KupDates {
     }
     return dayjs_min(input).format(format);
   }
+  /**
+   * Gets the time formatted
+   * @param {Date} time time as Date object
+   * @param {boolean} manageSeconds flag to set seconds managing
+   * @return {string} time as string, formatted
+   **/
+  formatTime(time, manageSeconds) {
+    const options = {
+      hour: '2-digit',
+      minute: '2-digit',
+      hour12: false,
+    };
+    if (manageSeconds == true) {
+      options.second = '2-digit';
+    }
+    return time.toLocaleTimeString(this.getLocale() + '-u-hc-h23', options);
+  }
   /**
    * Validates the given date.
    * @param {dayjs.ConfigType} date - Date to be validated.
@@ -9355,6 +9012,16 @@ class KupDates {
       return dayjs_min(date, undefined, strict).isValid();
     }
   }
+  /**
+   * Validates the given date as string.
+   * @param {string} value time string, formatted by actual browser locale
+   * @param {boolean} manageSeconds if manage seconds
+   * @returns {boolean} true if time string in input is a valid time
+   */
+  isValidFormattedStringTime(value, manageSeconds) {
+    let format = this.getTimeFormat(manageSeconds);
+    return this.isValid(value, format, true);
+  }
   /**
    * Converts the input in a Date object.
    * @param {dayjs.ConfigType} input - Input date.
@@ -9563,6 +9230,237 @@ class KupDates {
   subtract(input, value, unit) {
     return dayjs_min(input).subtract(value, unit);
   }
+  /**
+   * Gets the month formatted
+   * @param {number} month month id
+   * @param {KupDateTimeFormatOptionsMonth} format format
+   * @returns {string} the month formatted, by browser locale
+   */
+  getMonthAsString(month, format) {
+    if (month == null) {
+      return '';
+    }
+    const dateTmp = new Date();
+    dateTmp.setDate(1);
+    dateTmp.setMonth(month - 1);
+    const options = {
+      month: format,
+    };
+    const dateTimeFormat = new Intl.DateTimeFormat(this.getLocale(), options);
+    return dateTimeFormat.format(dateTmp);
+  }
+  /**
+   * Gets the year months formatted
+   * @param {KupDateTimeFormatOptionsMonth} format format
+   * @returns {string[]} the months formatted, by browser locale
+   */
+  getMonthsAsString(format) {
+    if (format == null || format.trim() == '') {
+      format = KupDateTimeFormatOptionsMonth.LONG;
+    }
+    var months = [];
+    for (var i = 0; i < 12; i++) {
+      months[i] = this.getMonthAsString(i + 1, format);
+    }
+    return months;
+  }
+  /**
+   * Gets the day formatted
+   * @param {Date} date date
+   * @returns {string} the day formatted, by browser locale
+   */
+  getDayAsString(date) {
+    if (date == null) {
+      return '';
+    }
+    const options = {
+      weekday: 'narrow',
+      /** weekday: 'narrow' 'short' 'long' */
+    };
+    const dateTimeFormat = new Intl.DateTimeFormat(this.getLocale(), options);
+    return dateTimeFormat.format(date);
+  }
+  /**
+   * First day of current week
+   * @param {number} firstDayIndex first day of week index
+   * @returns {Date} the first day of current week
+   */
+  firstDayThisWeek(firstDayIndex) {
+    var d = new Date();
+    const day = d.getDay();
+    // dayIndex0
+    d.setDate(d.getDate() - day);
+    // dayIndexX
+    d.setDate(d.getDate() + firstDayIndex);
+    return d;
+  }
+  /**
+   * Dates of current week
+   * @param {number} firstDayIndex first day of week index
+   * @returns { startDate: Date; endDate: Date } the dates of current week
+   */
+  thisWeek(firstDayIndex) {
+    const firstDay = this.firstDayThisWeek(firstDayIndex);
+    return {
+      startDate: firstDay,
+      endDate: offsetDate(firstDay, 6),
+    };
+    function offsetDate(base, count) {
+      const date = new Date(base);
+      date.setDate(base.getDate() + count);
+      return date;
+    }
+  }
+  /**
+   * Gets the days of current week as string
+   * @param {number} firstDayIndex first day of week index
+   * @returns {string[]} the days of current week as string
+   */
+  getDaysOfWeekAsString(firstDayIndex) {
+    var thisWeekDays = this.thisWeek(firstDayIndex);
+    var monday = thisWeekDays.startDate;
+    var days = [];
+    for (var i = 0; i < 7; i++) {
+      var date = new Date(monday.toISOString());
+      date.setDate(date.getDate() + i);
+      days[i] = this.getDayAsString(date);
+    }
+    return days;
+  }
+  /**
+   * Gets the timestamp formatted
+   * @param {string} value date/time as string, formatted ISO
+   * @returns {string} date/time as string, formatted by actual browser locale
+   **/
+  timestampStringToFormattedString(value) {
+    const options = {
+      day: '2-digit',
+      month: '2-digit',
+      year: 'numeric',
+      hour: '2-digit',
+      minute: '2-digit',
+      second: '2-digit',
+      hour12: false,
+    };
+    let date = this.toDate(this.normalize(value, KupDatesNormalize.TIMESTAMP));
+    return date.toLocaleString(this.getLocale() + '-u-hc-h23', options);
+  }
+  /**
+   * Gets ISO date/time from formatted string, as string
+   * @param {string} value date/time as string, formatted by actual browser locale
+   * @returns {string} date/time as string, formatted ISO
+   **/
+  formattedStringToTimestampString(value) {
+    return this.formattedStringToCustomDateTime(value, KupDatesFormats.ISO_DATE_TIME, true);
+  }
+  /**
+   * Gets formatted dateTime as customed ISO (see KupDatesFormats)
+   * @param {string} value time as string, formatted by actual browser locale
+   * @param {string} outputFormat time format to return (see KupDatesFormats)
+   * @param {boolean} manageSeconds flag to set seconds managing
+   * @returns {string} time as string, formatted
+   **/
+  formattedStringToCustomDateTime(value, outputFormat, manageSeconds) {
+    let inputFormat = this.getTimeFormat(manageSeconds);
+    if (this.isValid(value, inputFormat)) {
+      return this.format(this.normalize(value, KupDatesNormalize.TIME), outputFormat);
+    }
+    else {
+      return '';
+    }
+  }
+  /**
+   * Gets the time formatted
+   * @param {string} value time as string, formatted ISO
+   * @param {boolean} manageSeconds flag to set seconds managing
+   * @param {string} customedFormat time format from smeupObject
+   * @returns {string} time as string, formatted by actual browser locale
+   **/
+  timeStringToFormattedString(value, manageSeconds, customedFormat) {
+    const options = {
+      hour: '2-digit',
+      minute: '2-digit',
+      hour12: false,
+    };
+    if (manageSeconds == true) {
+      options.second = '2-digit';
+    }
+    let date = this.toDate(this.normalize(value, KupDatesNormalize.TIME));
+    return formatByCustomedOutputTimeFormat(value, date, options, customedFormat, this);
+    function formatByCustomedOutputTimeFormat(valueStr, date, options, customedFormat, kupDates) {
+      if (customedFormat == null) {
+        return date.toLocaleTimeString(kupDates.getLocale() + '-u-hc-h23', options);
+      }
+      switch (customedFormat) {
+        case 'I13': {
+          //hh:mm
+          break;
+        }
+        case 'I12': {
+          //hh:mm:ss
+          break;
+        }
+        case 'I11': {
+          //???
+          //hh:dddd
+          //return moment(date).format('HH:DDDD');
+          return valueStr;
+        }
+        case 'I14': {
+          //???
+          //sssss
+          //return moment(date).format('SSSSS');
+          return valueStr;
+        }
+        case 'I1H': {
+          //???
+          //Ora,Cen/Min HH,xx
+          return valueStr;
+        }
+        case 'I1M': {
+          //???
+          //Min,Cen/Sec  MMMM,xx
+          return valueStr;
+        }
+        case 'I21': {
+          //???
+          //Giorni,(4 decim)
+          return valueStr;
+        }
+        case 'I22': {
+          //???
+          //Ore,(4 decim)
+          return valueStr;
+        }
+        case 'I23': {
+          //???
+          //Minuti,(4 decim)
+          return valueStr;
+        }
+        case 'I24': {
+          //???
+          //Secondi
+          return valueStr;
+        }
+        case 'I2H': {
+          //???
+          //Ora,Cen/Min HHHH,xx
+          return valueStr;
+        }
+        case 'I2D': {
+          //???
+          //Ore Minuti Secondi HHMMS
+          return valueStr;
+        }
+        case 'I2M': {
+          //???
+          //Min,Cen/Sec MMMM,xx
+          return valueStr;
+        }
+      }
+      return date.toLocaleTimeString(kupDates.getLocale() + '-u-hc-h23', options);
+    }
+  }
   /**
    * Registers a KupComponent in KupDates, in order to be properly handled whenever the locale changes.
    * @param {any} component - The Ketchup component to be registered.
@@ -10888,7 +10786,7 @@ createCommonjsModule(function (module) {
 }));
 });
 
-const dom$i = document.documentElement;
+const dom$k = document.documentElement;
 /**
  * Takes a mathematical formula as string in input, with column names between brackets, and returns the result as a number.
  * @param {string} formula - Mathematical operation (i.e.: ([COL1] - [COL2]) * 100 / [COL3]).
@@ -10911,7 +10809,7 @@ function customFormula(formula, row) {
     return result;
   }
   catch (e) {
-    dom$i.ketchup.debug.logMessage('kup-data', 'Error while evaluating the following formula!(' + formula + ')', KupDebugCategory.ERROR);
+    dom$k.ketchup.debug.logMessage('kup-data', 'Error while evaluating the following formula!(' + formula + ')', KupDebugCategory.ERROR);
     return NaN;
   }
 }
@@ -10927,7 +10825,87 @@ function normalDistributionFormula(average, variance, x) {
     Math.exp(-Math.pow(x - average, 2) / (2 * variance)));
 }
 
-const dom$h = document.documentElement;
+function identify(array) {
+  if (array) {
+    for (let i = 0; i < array.length; i++) {
+      array[i].id = i.toString();
+    }
+  }
+}
+/**
+ * Fills a string with another string, eventually before
+ * @param {string} stringIn initial string
+ * @param {string} stringForFill string used for fill
+ * @param {number} finalLen final string length
+ * @param {boolean} addBefore flag for fill on left
+ * @returns the input string filled with stringForFill
+ */
+function fillString(stringIn, stringForFill, finalLen, addBefore) {
+  let initSize = stringIn.length;
+  let stringOut = '';
+  for (let i = initSize; i < finalLen; i += stringForFill.length) {
+    stringOut += stringForFill;
+  }
+  if (addBefore) {
+    return stringOut + stringIn;
+  }
+  else {
+    return stringIn + stringOut;
+  }
+}
+/**
+ * Used to retrieve component's props values.
+ * @param {any} comp - Component calling this function.
+ * @param {GenericObject} list - Prop list, specific for each component.
+ * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
+ * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+ */
+function getProps(comp, list, descriptions) {
+  let props = {};
+  if (descriptions) {
+    props = list;
+  }
+  else {
+    for (const key in list) {
+      if (Object.prototype.hasOwnProperty.call(list, key)) {
+        props[key] = comp[key];
+      }
+    }
+  }
+  return props;
+}
+/**
+ * Sets the props to the component.
+ * @param {any} comp - Component calling this function.
+ * @param {GenericObject} list - Prop list, specific for each component.
+ * @param {GenericObject} props - Prop to be set.
+ */
+function setProps(comp, list, props) {
+  for (const key in props) {
+    // If key is a custom prop it will be set on the component (i.e.: "data", "customStyle", ecc.)
+    if (list[key]) {
+      comp[key] = props[key];
+    }
+    else {
+      // Otherwise, it will be set on its HTML element (i.e.: "id", "style", ecc.)
+      comp.rootElement[key] = props[key];
+    }
+  }
+}
+/**
+ * Creates a regular expression object, from a string un-escaped
+ * @param s string to use for create regular expression (not escaped)
+ * @param flags flags used for the regular expression
+ * @returns the regular expression object
+ */
+function getRegExpFromString(s, flags) {
+  return new RegExp(escapeRegExp(s), flags);
+}
+function escapeRegExp(s) {
+  return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
+}
+
+const dom$j = document.documentElement;
 /**
  * Handles mathematical operations and number formatting/conversion.
  * @module KupMath
@@ -10950,7 +10928,7 @@ class KupMath {
         const maximumFractionDigits = 14;
         if (value == null || value == '')
           return value;
-        return Number(value).toLocaleString(dom$h.ketchup.math.locale, {
+        return Number(value).toLocaleString(this.locale, {
           maximumFractionDigits: maximumFractionDigits,
         });
       },
@@ -10967,7 +10945,7 @@ class KupMath {
   setLocale(locale) {
     if (!Object.values(KupMathLocales).includes(locale)) {
       locale = KupMathLocales.en;
-      dom$h.ketchup.debug.logMessage('kup-math', 'Invalid locale (' + locale + ')! Defaulting to english.', KupDebugCategory.WARNING);
+      dom$j.ketchup.debug.logMessage('kup-math', 'Invalid locale (' + locale + ')! Defaulting to english.', KupDebugCategory.WARNING);
     }
     this.locale = locale;
     this.numeral.locale(locale);
@@ -11021,10 +10999,11 @@ class KupMath {
    * Formats the input number with the specified format of the currently set locale.
    * @param {string | String | number} input - Input number which will be automatically "numberified".
    * @param {string} format - Desired format. Defaults to '0,0.00' (i.e.: 2,000,000.51).
+   * @param {boolean} inputIsLocalized Numberifies assuming the input string is in the current KupMath locale's format.
    * @returns {string} Formatted number.
    */
-  format(input, format) {
-    const n = this.numberify(input);
+  format(input, format, inputIsLocalized) {
+    const n = this.numberify(input, inputIsLocalized);
     if (!format) {
       const positiveN = Math.abs(n);
       const decimals = positiveN - Math.floor(positiveN);
@@ -11035,16 +11014,111 @@ class KupMath {
         format = '0,0';
       }
     }
-    const formatted = this.numeral(n).format(format);
-    return formatted;
+    return this.numeral(n).format(format);
+  }
+  /**
+   * Create the pattern string for format a number
+   * @param {boolean} thousandPoint - show thousandPoint
+   * @param {number} decimals - number of decimals
+   * @returns {string} - formatter pattern
+   */
+  createFormatPattern(thousandPoint, decimals) {
+    var format = '0';
+    if (thousandPoint) {
+      format += ',0';
+    }
+    if (decimals && decimals > 0) {
+      format += '.';
+      for (let i = 0; i < decimals; i++) {
+        format += '0';
+      }
+    }
+    return format;
+  }
+  /**
+   * Returns the decimal separator of current browser
+   * @returns {string} current decimal separator, by locale
+   */
+  decimalSeparator() {
+    const numberWithGroupAndDecimalSeparator = 1000.1;
+    return Intl.NumberFormat(this.locale)
+      .formatToParts(numberWithGroupAndDecimalSeparator)
+      .find((part) => part.type === 'decimal').value;
+  }
+  /**
+   * Returns the group separator of current browser
+   * @returns {string} current group separator, by locale
+   */
+  groupSeparator() {
+    const numberWithGroupAndDecimalSeparator = 1000.1;
+    return Intl.NumberFormat(this.locale)
+      .formatToParts(numberWithGroupAndDecimalSeparator)
+      .find((part) => part.type === 'group').value;
+  }
+  /**
+   * Checks if an input string matches options, for desired formatted decimal number (integer digits, decimal digits)
+   * @param {string} value the input value to check
+   * @param {NumericFieldFormatOptions} options options for customize the check
+   * @returns {RegExpMatchArray} an object from applying the regular expression for check
+   */
+  matchNumericValueWithOptions(value, options) {
+    value = value.replace(getRegExpFromString(this.groupSeparator(), 'g'), '');
+    // see https://github.com/24eme/jquery-input-number-format.git
+    let found = undefined;
+    let integerPartSuffix = '+';
+    if (options.integer && options.integer > 0) {
+      integerPartSuffix = '{0,' + options.integer + '}';
+    }
+    let regexp = '^[0-9]' + integerPartSuffix;
+    if (options.allowNegative) {
+      regexp = '^-{0,1}[0-9]' + integerPartSuffix;
+    }
+    if (options.decimal && options.decimal > 0) {
+      regexp +=
+        '([' +
+          this.decimalSeparator() +
+          '][0-9]{0,' +
+          options.decimal +
+          '})?';
+      let regexpObj = new RegExp(regexp + '$');
+      found = value.match(regexpObj);
+      if (!found) {
+        regexp =
+          '^[' +
+            this.decimalSeparator() +
+            '][0-9]{0,' +
+            options.decimal +
+            '}';
+        regexpObj = new RegExp(regexp + '$');
+        found = value.match(regexpObj);
+      }
+    }
+    else {
+      let regexpObj = new RegExp(regexp + '$');
+      found = value.match(regexpObj);
+    }
+    return found;
   }
   /**
    * Returns a number from a non-specified input type between string, number, or String.
    * @param {string | String | number} input - Input value to numberify.
    * @param {boolean} inputIsLocalized - Numberifies assuming the input string is in the current KupMath locale's format.
+   * @param {string} type - type of number for calculate suffix
    * @returns {number} Resulting number or NaN (when not a number).
    */
-  numberify(input, inputIsLocalized) {
+  numberify(input, inputIsLocalized, type) {
+    if (typeof input != 'number') {
+      if (type) {
+        let suffix = this.getNumericValueSuffix(type);
+        if (suffix != '') {
+          input = input.replace(getRegExpFromString(suffix, 'g'), '');
+        }
+      }
+      const groupSeparator = inputIsLocalized
+        ? this.groupSeparator()
+        : ',';
+      input = input.replace(getRegExpFromString(groupSeparator, 'g'), '');
+    }
     let n = NaN;
     if (inputIsLocalized) {
       n = this.numeral(input).value();
@@ -11060,6 +11134,161 @@ class KupMath {
     }
     return n;
   }
+  /**
+   * Returns a number from a non-specified input type between string, number, or String.
+   * If value in is null, undefined or blank, returns 0
+   * @param {string} input number as string, formatted by locale US, decimal separator . (like java decimal numbers)
+   * @param {boolean} inputIsLocalized - Numberifies assuming the input string is in the current KupMath locale's format.
+   * @param {string} type - type of number for calculate suffix
+   * @returns {number} Resulting number
+   **/
+  numberifySafe(input, inputIsLocalized, type) {
+    if (!input || input == null || input.trim() == '') {
+      input = '0';
+    }
+    return this.numberify(input, inputIsLocalized, type);
+  }
+  /**
+   * Checks if input is a valid number
+   * @param {any} value input value to check
+   * @returns {boolean} if input value is valid number
+   */
+  isNumber(value) {
+    //return typeof value === 'number';
+    return !isNaN(value);
+  }
+  /**
+   * Checks if string in input is a valid formatted number
+   * @param {string} value number as string, formatted by actual browser locale
+   * @param {string} type - type of number for calculate suffix
+   * @returns {boolean} true if number string in input is a valid number
+   */
+  isStringNumber(value, type) {
+    if (value == null || value.trim() == '') {
+      return false;
+    }
+    let tmpStr = this.formattedStringToNumberString(value, type);
+    if (this.isNumber(tmpStr)) {
+      return true;
+    }
+    return false;
+  }
+  /**
+   * Gets number as string, formatted by locale US, decimal separator . (like java decimal numbers)
+   * @param {string} input number as string, formatted by actual browser locale (maybe)
+   * @param {string} type - type of number for calculate suffix
+   * @param {string} decSeparator - decimal serparator of input string
+   * @returns {string} number as string, formatted by locale US, decimal separator . (like java decimal numbers), without group separator
+   **/
+  formattedStringToNumberString(input, type, decSeparator) {
+    return numberStringToNumberString(input, type, decSeparator !== null && decSeparator !== void 0 ? decSeparator : this.decimalSeparator(), this);
+    function numberStringToNumberString(input, type, decFmt, kupMath) {
+      if (!input || input == null || input.trim() == '') {
+        return '';
+      }
+      let unf = kupMath.numberifySafe(input, decFmt != '.', type);
+      if (unf == null || isNaN(unf)) {
+        return input;
+      }
+      return numberToString(unf, -1, 'en-US', kupMath);
+    }
+    function numberToString(input, decimals, locale, kupMath) {
+      if (input == null) {
+        input = 0;
+      }
+      if (decimals == null || decimals == -1) {
+        decimals = kupMath.countDecimals(input);
+      }
+      let n = Number(input);
+      let f = decimals > -1
+        ? {
+          minimumFractionDigits: decimals,
+          maximumFractionDigits: decimals,
+          useGrouping: false,
+        }
+        : { useGrouping: false };
+      return n.toLocaleString(locale, f);
+    }
+  }
+  /**
+   * Gets the number of decimals for current number
+   * @param {number} value numer input
+   * @returns {number} the number of decimals
+   */
+  countDecimals(value) {
+    var _a;
+    if (Math.floor(value) === value)
+      return 0;
+    let stringValue = value.toString().split('.')[1];
+    if (stringValue) {
+      return (_a = stringValue.length) !== null && _a !== void 0 ? _a : 0;
+    }
+    else {
+      return 0;
+    }
+  }
+  /**
+   * Gets the suffix for number, by type
+   * @param {string} type - type of number for calculate suffix
+   * @returns {string} suffix for number, by type
+   **/
+  getNumericValueSuffix(type) {
+    type = type.toUpperCase();
+    let nstr = '';
+    if (type == 'P') {
+      nstr = ' %';
+    }
+    else if (type == 'VE') {
+      nstr = ' €';
+    }
+    else if (type == 'VL') {
+      nstr = ' £';
+    }
+    else if (type == 'VV') {
+      nstr = ' $';
+    }
+    return nstr;
+  }
+  /**
+   * Gets the number as string, formatted by actual browser locale, with suffix by type
+   * @param {number} input number
+   * @param {number} decimals number of significant decimal digits for output
+   * @param {string} type - type of number for calculate suffix
+   * @returns {string} number as string, formatted by actual browser locale, with suffix by type
+   **/
+  numberToFormattedString(input, decimals, type) {
+    if (input == null || isNaN(input)) {
+      return '';
+    }
+    if (decimals == null || decimals == -1) {
+      decimals = this.countDecimals(input);
+    }
+    let nstr = this.format(input, this.createFormatPattern(true, decimals));
+    nstr = nstr + this.getNumericValueSuffix(type);
+    return nstr;
+  }
+  /**
+   * Gets the number as string, formatted by actual browser locale, with suffix by type
+   * @param {string} input number as string, formatted by locale US, decimal separator . (like java decimal numbers)
+   * @param {number} decimals number of significant decimal digits for output
+   * @param {string} type - type of number for calculate suffix
+   * @param {string} decSeparator decimal separator for outpu string
+   * @returns {string} number as string, formatted by actual browser locale (or using decimal separator param), with suffix by type
+   **/
+  numberStringToFormattedString(input, decimals, type, decSeparator) {
+    let value = this.numberToFormattedString(this.numberifySafe(input), decimals, type);
+    if (!decSeparator) {
+      return value;
+    }
+    const browserDecSeparator = this.decimalSeparator();
+    if (browserDecSeparator == decSeparator) {
+      return value;
+    }
+    const browserGroupSeparator = this.groupSeparator();
+    value = value.replace(getRegExpFromString(browserGroupSeparator, 'g'), '');
+    value = value.replace(getRegExpFromString(browserDecSeparator, 'g'), decSeparator);
+    return value;
+  }
   /**
    * Registers a KupComponent in KupMath, in order to be properly handled whenever the locale changes.
    * @param {any} component - The Ketchup component to be registered.
@@ -11079,7 +11308,7 @@ class KupMath {
   }
 }
 
-var __classPrivateFieldGet$7 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$8 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
   if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
   if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
@@ -11091,7 +11320,7 @@ var __classPrivateFieldSet$5 = (undefined && undefined.__classPrivateFieldSet) |
   return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
 var _KupTooltip_instances, _KupTooltip_clickCb, _KupTooltip_dynPos, _KupTooltip_create, _KupTooltip_setOptions;
-const dom$g = document.documentElement;
+const dom$i = document.documentElement;
 /**
  * Handles application-wide tooltip using card component.
  * @module KupTooltip
@@ -11204,8 +11433,8 @@ class KupTooltip {
   hide() {
     if (this.element) {
       this.element.menuVisible = false;
-      dom$g.ketchup.dynamicPosition.stop(this.element);
-      dom$g.ketchup.removeClickCallback(__classPrivateFieldGet$7(this, _KupTooltip_clickCb, "f"));
+      dom$i.ketchup.dynamicPosition.stop(this.element);
+      dom$i.ketchup.removeClickCallback(__classPrivateFieldGet$8(this, _KupTooltip_clickCb, "f"));
     }
   }
   /**
@@ -11216,26 +11445,26 @@ class KupTooltip {
   show(anchor, options) {
     // Creates the card or updates it with new options
     if (!this.element) {
-      __classPrivateFieldGet$7(this, _KupTooltip_instances, "m", _KupTooltip_create).call(this, options);
+      __classPrivateFieldGet$8(this, _KupTooltip_instances, "m", _KupTooltip_create).call(this, options);
     }
     else if (options) {
-      __classPrivateFieldGet$7(this, _KupTooltip_instances, "m", _KupTooltip_setOptions).call(this, options);
+      __classPrivateFieldGet$8(this, _KupTooltip_instances, "m", _KupTooltip_setOptions).call(this, options);
     }
     // If an anchor was provided, initializes or updates dynamic positioning
     if (anchor) {
-      __classPrivateFieldGet$7(this, _KupTooltip_instances, "m", _KupTooltip_dynPos).call(this, anchor);
+      __classPrivateFieldGet$8(this, _KupTooltip_instances, "m", _KupTooltip_dynPos).call(this, anchor);
     }
     // If the tooltip is already visible, it's pointless to go on
     if (this.element.menuVisible) {
       return;
     }
     // If the dynamic positioning is still to be registered, a warning is thrown
-    if (!dom$g.ketchup.dynamicPosition.isRegistered(this.element)) {
-      dom$g.ketchup.debug.logMessage('kup-tooltip', 'Unable to display KupTooltip without specifying a valid anchor point.', KupDebugCategory.WARNING);
+    if (!dom$i.ketchup.dynamicPosition.isRegistered(this.element)) {
+      dom$i.ketchup.debug.logMessage('kup-tooltip', 'Unable to display KupTooltip without specifying a valid anchor point.', KupDebugCategory.WARNING);
       return;
     }
     this.element.menuVisible = true;
-    dom$g.ketchup.addClickCallback(__classPrivateFieldGet$7(this, _KupTooltip_clickCb, "f"), true);
+    dom$i.ketchup.addClickCallback(__classPrivateFieldGet$8(this, _KupTooltip_clickCb, "f"), true);
   }
   /**
    * Returns whether an element was previously registered or not.
@@ -11270,13 +11499,13 @@ class KupTooltip {
   }
 }
 _KupTooltip_clickCb = new WeakMap(), _KupTooltip_instances = new WeakSet(), _KupTooltip_dynPos = function _KupTooltip_dynPos(anchor) {
-  if (dom$g.ketchup.dynamicPosition.isRegistered(this.element)) {
-    dom$g.ketchup.dynamicPosition.changeAnchor(this.element, anchor);
+  if (dom$i.ketchup.dynamicPosition.isRegistered(this.element)) {
+    dom$i.ketchup.dynamicPosition.changeAnchor(this.element, anchor);
   }
   else {
-    dom$g.ketchup.dynamicPosition.register(this.element, anchor, null, null, true);
+    dom$i.ketchup.dynamicPosition.register(this.element, anchor, null, null, true);
   }
-  dom$g.ketchup.dynamicPosition.start(this.element);
+  dom$i.ketchup.dynamicPosition.start(this.element);
 }, _KupTooltip_create = function _KupTooltip_create(options) {
   this.element = document.createElement('kup-card');
   this.element.id = 'kup-tooltip';
@@ -11285,7 +11514,7 @@ _KupTooltip_clickCb = new WeakMap(), _KupTooltip_instances = new WeakSet(), _Kup
   this.element.sizeX = 'auto';
   this.element.sizeY = 'auto';
   if (options) {
-    __classPrivateFieldGet$7(this, _KupTooltip_instances, "m", _KupTooltip_setOptions).call(this, options);
+    __classPrivateFieldGet$8(this, _KupTooltip_instances, "m", _KupTooltip_setOptions).call(this, options);
   }
   document.body.appendChild(this.element);
   __classPrivateFieldSet$5(this, _KupTooltip_clickCb, {
@@ -19131,7 +19360,7 @@ var html2canvas = createCommonjsModule(function (module, exports) {
 //# sourceMappingURL=html2canvas.js.map
 });
 
-const dom$f = document.documentElement;
+const dom$h = document.documentElement;
 /**
  * This class controls every other Ketchup utility suite.
  * @module KupManager
@@ -19393,26 +19622,26 @@ class KupManager {
  */
 function kupManagerInstance() {
   var _a;
-  if (!dom$f.ketchup) {
-    const overrides = (_a = dom$f.ketchupInit) !== null && _a !== void 0 ? _a : null;
-    dom$f.ketchup = new KupManager(overrides);
-    dom$f.ketchup.theme.set();
-    if (dom$f.ketchup.debug.active) {
-      dom$f.ketchup.debug.toggle(dom$f.ketchup.debug.active);
-    }
-    globalThis.kupManager = dom$f.ketchup;
+  if (!dom$h.ketchup) {
+    const overrides = (_a = dom$h.ketchupInit) !== null && _a !== void 0 ? _a : null;
+    dom$h.ketchup = new KupManager(overrides);
+    dom$h.ketchup.theme.set();
+    if (dom$h.ketchup.debug.active) {
+      dom$h.ketchup.debug.toggle(dom$h.ketchup.debug.active);
+    }
+    globalThis.kupManager = dom$h.ketchup;
     if (overrides === null || overrides === void 0 ? void 0 : overrides.autoSetLocalization) {
-      const locale = dom$f.ketchup.dates.locale;
+      const locale = dom$h.ketchup.dates.locale;
       if (!overrides.language || !overrides.language.name) {
-        dom$f.ketchup.language.set(KupLanguageDefaults[locale]);
+        dom$h.ketchup.language.set(KupLanguageDefaults[locale]);
       }
       if (!overrides.math || !overrides.math.locale) {
-        dom$f.ketchup.math.setLocale(KupMathLocales[locale]);
+        dom$h.ketchup.math.setLocale(KupMathLocales[locale]);
       }
     }
     document.dispatchEvent(new CustomEvent('kup-manager-ready'));
   }
-  return dom$f.ketchup;
+  return dom$h.ketchup;
 }
 
 /**
@@ -19529,6 +19758,7 @@ function createBar(data) {
  */
 const componentWrapperId = 'kup-component';
 
+const dom$g = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
@@ -19545,6 +19775,7 @@ const FTextField = (props, children) => {
 /*                  M e t h o d s                  */
 /*-------------------------------------------------*/
 function setContent(props) {
+  var _a, _b;
   const isOutlined = props.textArea || props.outlined;
   let labelEl;
   let iconEl;
@@ -19578,23 +19809,85 @@ function setContent(props) {
     'mdc-text-field--with-leading-icon': props.icon && !props.trailingIcon,
     'mdc-text-field--with-trailing-icon': props.icon && props.trailingIcon,
   };
+  let value = props.value;
+  let inputType = (_a = props.inputType) !== null && _a !== void 0 ? _a : 'text';
+  let persManageForNumberFormat = false;
+  if (props.inputType === 'number' && props.decimals && props.decimals > 0) {
+    inputType = 'text';
+    persManageForNumberFormat = true;
+  }
+  if (props.inputType === 'number') {
+    const options = {
+      allowNegative: (_b = props.allowNegative) !== null && _b !== void 0 ? _b : true,
+      decimal: props.decimals,
+      group: props.group,
+      integer: props.integers,
+    };
+    value = formatValue(value, options, false);
+  }
   return (h("div", { class: classObj },
     props.textArea && props.maxLength ? (h("div", { class: "mdc-text-field-character-counter" },
       "'0 / ' + ",
       props.maxLength)) : undefined,
     !props.trailingIcon ? iconEl : undefined,
     props.textArea ? (h("span", { class: "mdc-text-field__resizer" },
-      h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (h("input", { inputmode: props.inputMode ? props.inputMode : undefined, type: props.inputType ? props.inputType : 'text', step: props.step, min: props.min, max: props.max, name: props.name, class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, placeholder: props.fullWidth && !props.outlined
+      h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, maxlength: props.maxLength, value: value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (h("input", { inputmode: props.inputMode ? props.inputMode : undefined, type: inputType, step: props.step, min: props.min, max: props.max, name: props.name, class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, placeholder: props.fullWidth && !props.outlined
         ? props.label
-        : undefined, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onChange: (e) => {
-        if (props.decimals !== null &&
-          props.inputType === 'number') {
-          e.target.value = parseFloat(e.target.value).toFixed(props.decimals);
+        : undefined, maxlength: props.maxLength, value: value, onBlur: (e) => {
+        var _a;
+        if (persManageForNumberFormat) {
+          const options = {
+            allowNegative: (_a = props.allowNegative) !== null && _a !== void 0 ? _a : true,
+            decimal: props.decimals,
+            group: props.group,
+            integer: props.integers,
+          };
+          e.target.value = formatValue(e.target.value, options, true);
+        }
+        if (props.onBlur) {
+          props.onBlur(e);
+        }
+      }, onChange: (e) => {
+        var _a;
+        if (persManageForNumberFormat) {
+          const options = {
+            allowNegative: (_a = props.allowNegative) !== null && _a !== void 0 ? _a : true,
+            decimal: props.decimals,
+            group: props.group,
+            integer: props.integers,
+          };
+          e.target.value = formatValue(e.target.value, options, true);
         }
         if (props.onChange) {
           props.onChange(e);
         }
-      }, onClick: props.onClick, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown })),
+      }, onClick: props.onClick, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown, onKeyPress: (e) => {
+        var _a;
+        if (!persManageForNumberFormat) {
+          return;
+        }
+        if (e.ctrlKey) {
+          return;
+        }
+        if (e.key.length > 1) {
+          return;
+        }
+        const options = {
+          allowNegative: (_a = props.allowNegative) !== null && _a !== void 0 ? _a : true,
+          decimal: props.decimals,
+          group: props.group,
+          integer: props.integers,
+        };
+        let component = e.target;
+        let value = component.value;
+        let beginVal = value.substring(0, component.selectionStart);
+        let endVal = value.substring(component.selectionEnd, component.selectionEnd + value.length - 1);
+        let val = beginVal + e.key + endVal;
+        if (!dom$g.ketchup.math.matchNumericValueWithOptions(val, options)) {
+          e.preventDefault();
+          return;
+        }
+      } })),
     props.isClearable ? (h("span", { class: `mdc-text-field__icon kup-icon ${KupThemeIconValues.CLEAR.replace('--', '')}`, onClick: props.onClearIconClick })) : undefined,
     props.trailingIcon ? iconEl : undefined,
     !props.fullWidth && !isOutlined ? labelEl : undefined,
@@ -19625,7 +19918,17 @@ function setHelper(props) {
       }
     }
   }
-}
+}
+const formatValue = function (value, options, inputIsLocalized) {
+  let formatedValue = value;
+  if (!formatedValue) {
+    return formatedValue;
+  }
+  if (formatedValue == '-') {
+    return '';
+  }
+  return dom$g.ketchup.math.format(formatedValue, dom$g.ketchup.math.createFormatPattern(options.group, options.decimal), inputIsLocalized);
+};
 
 /**
  * @license
@@ -22575,7 +22878,7 @@ var FChipType;
   FChipType["STANDARD"] = "standard";
 })(FChipType || (FChipType = {}));
 
-const dom$e = document.documentElement;
+const dom$f = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
@@ -22617,9 +22920,9 @@ function createChipList(props, isChoice, isFilter, isInput) {
         hasChildren ? (h(FImage, { onClick: props.onExpansionClick &&
             props.onExpansionClick[i]
             ? props.onExpansionClick[i].bind(props.onExpansionClick[i], chip)
-            : null, resource: `${KupThemeIconValues.DROPDOWN}`, sizeX: "18px", sizeY: "18px", title: dom$e.ketchup.language.translate(KupLanguageGeneric.EXPAND) +
+            : null, resource: `${KupThemeIconValues.DROPDOWN}`, sizeX: "18px", sizeY: "18px", title: dom$f.ketchup.language.translate(KupLanguageGeneric.EXPAND) +
             '/' +
-            dom$e.ketchup.language.translate(KupLanguageGeneric.COLLAPSE) +
+            dom$f.ketchup.language.translate(KupLanguageGeneric.COLLAPSE) +
             ' (CTRL + Click)', wrapperClass: "dropdown-icon" })) : indent ? (h(FImage, { resource: "blank", sizeX: "18px", sizeY: "18px", wrapperClass: "dropdown-icon" })) : null,
         createChip(chip)));
       if (showChildren) {
@@ -22699,7 +23002,7 @@ const FSwitch = (props) => {
       h("label", { onClick: props.onChange }, props.label))));
 };
 
-const dom$d = document.documentElement;
+const dom$e = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
@@ -22714,10 +23017,10 @@ const FCell = (props, children) => {
       : column.shape
         ? column.shape
         : null;
-  const hasObj = !dom$d.ketchup.objects.isEmptyKupObj(cell.obj);
+  const hasObj = !dom$e.ketchup.objects.isEmptyKupObj(cell.obj);
   const isEditable = (cell.isEditable || column.isEditable) && props.editable ? true : false;
   const valueToDisplay = props.previousValue !== cell.value ? cell.value : '';
-  const cellType = dom$d.ketchup.data.cell.getType(cell, shape);
+  const cellType = dom$e.ketchup.data.cell.getType(cell, shape);
   const subcomponentProps = Object.assign({}, cell.data);
   let cssClasses = cell.cssClass
     ? cell.cssClass
@@ -22766,7 +23069,7 @@ const FCell = (props, children) => {
     icon = h(FImage, Object.assign({}, fProps));
   }
   let cellTitle = null;
-  if (dom$d.ketchup.debug.isDebug() && hasObj) {
+  if (dom$e.ketchup.debug.isDebug() && hasObj) {
     cellTitle = cell.obj.t + '; ' + cell.obj.p + '; ' + cell.obj.k + ';';
   }
   else if (cell.title != null && cell.title.trim() != '') {
@@ -22924,7 +23227,9 @@ function setEditableCell(cellType, classObj, cell, column, props) {
     case FCellTypes.LINK:
     case FCellTypes.STRING:
       return (h(FTextField, Object.assign({ inputType: cellType === FCellTypes.NUMBER ? 'number' : null, fullWidth: isFullWidth(props) ? true : false }, cell.data, { icon: cell.icon ? cell.icon : column.icon ? column.icon : null, value: cellType === FCellTypes.NUMBER
-          ? stringToNumber(cell.value).toString()
+          ? dom$e.ketchup.math
+            .numberifySafe(cell.value)
+            .toString()
           : cell.value, onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), onInput: (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), onIconClick: (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
   }
 }
@@ -22962,7 +23267,7 @@ function setCell(cellType, subcomponentProps, content, classObj, cell, column, p
       return (h("a", { href: content, target: "_blank" }, cell.value));
     case FCellTypes.NUMBER:
       if (content && content != '') {
-        const cellValueNumber = stringToNumber(cell.value);
+        const cellValueNumber = dom$e.ketchup.math.numberifySafe(cell.value);
         const cellValue = getCellValueForDisplay(column, cell);
         if (cellValueNumber < 0) {
           classObj[FCellClasses.TEXT_DANGER] = true;
@@ -23022,7 +23327,7 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
     case FCellTypes.COLOR_PICKER:
       return (h("kup-color-picker", Object.assign({ key: column.name + props.row.id }, subcomponentProps, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: true })));
     case FCellTypes.GAUGE:
-      return (h("kup-gauge", Object.assign({ key: column.name + props.row.id, value: stringToNumber(cell.value), "width-component": "280px" }, subcomponentProps)));
+      return (h("kup-gauge", Object.assign({ key: column.name + props.row.id, value: dom$e.ketchup.math.numberifySafe(cell.value), "width-component": "280px" }, subcomponentProps)));
     case FCellTypes.KNOB:
     case FCellTypes.PROGRESS_BAR:
       return (h("kup-progress-bar", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
@@ -23041,10 +23346,7 @@ function cellEvent(e, props, cellType, cellEventName) {
   const column = props.column;
   const comp = props.component;
   const row = props.row;
-  const isInputEvent = !!(e.target.tagName === 'INPUT');
-  let value = isInputEvent
-    ? e.target.value
-    : e.detail.value;
+  let value = getValueFromEventTaget(e, cellType);
   if (cellEventName === FCellEvents.UPDATE) {
     switch (cellType) {
       case FCellTypes.AUTOCOMPLETE:
@@ -23104,6 +23406,16 @@ function cellEvent(e, props, cellType, cellEventName) {
     }
   }
 }
+function getValueFromEventTaget(e, cellType) {
+  const isInputEvent = !!(e.target.tagName === 'INPUT');
+  let value = isInputEvent
+    ? e.target.value
+    : e.detail.value;
+  if (cellType === FCellTypes.NUMBER && isInputEvent) {
+    value = dom$e.ketchup.math.formattedStringToNumberString(value, '');
+  }
+  return value;
+}
 function isAutoCentered(props) {
   var _a;
   return autoCenterComps.includes((_a = props.component) === null || _a === void 0 ? void 0 : _a.rootElement.tagName);
@@ -23113,7 +23425,7 @@ function isFullWidth(props) {
   return fullWidthFieldsComps.includes((_a = props.component) === null || _a === void 0 ? void 0 : _a.rootElement.tagName);
 }
 
-const dom$c = document.documentElement;
+const dom$d = document.documentElement;
 /**
  * 1st box card layout, it can be used as a key-value grid list.
  * @param {KupCard} component - Card component.
@@ -23208,8 +23520,8 @@ function create4$4(component) {
   let value = null;
   for (let index = 0; index < cells.length; index++) {
     const cell = cells[index];
-    const isImage = dom$c.ketchup.objects.isImage(cell.obj) ||
-      dom$c.ketchup.objects.isIcon(cell.obj) ||
+    const isImage = dom$d.ketchup.objects.isImage(cell.obj) ||
+      dom$d.ketchup.objects.isIcon(cell.obj) ||
       ((_a = cell.shape) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === FCellShapes.IMAGE;
     if (!image && isImage) {
       image = index;
@@ -23260,8 +23572,8 @@ function create5$4(component) {
   for (let index = 0; index < cells.length; index++) {
     const cell = cells[index];
     const column = component.data.columns[index];
-    const isImage = dom$c.ketchup.objects.isImage(cell.obj) ||
-      dom$c.ketchup.objects.isIcon(cell.obj) ||
+    const isImage = dom$d.ketchup.objects.isImage(cell.obj) ||
+      dom$d.ketchup.objects.isIcon(cell.obj) ||
       ((_a = cell.shape) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === FCellShapes.IMAGE;
     if (!imageProps && isImage) {
       imageProps = {
@@ -23313,8 +23625,8 @@ function create6$4(component) {
   for (let index = 0; index < cells.length; index++) {
     const cell = cells[index];
     const column = component.data.columns[index];
-    const isImage = dom$c.ketchup.objects.isImage(cell.obj) ||
-      dom$c.ketchup.objects.isIcon(cell.obj) ||
+    const isImage = dom$d.ketchup.objects.isImage(cell.obj) ||
+      dom$d.ketchup.objects.isIcon(cell.obj) ||
       ((_a = cell.shape) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === FCellShapes.IMAGE;
     if (!image && isImage) {
       image = index;
@@ -23402,7 +23714,7 @@ var SourceEvent;
   SourceEvent["YEAR"] = "year";
 })(SourceEvent || (SourceEvent = {}));
 
-const dom$b = document.documentElement;
+const dom$c = document.documentElement;
 function prepareCalendar(component) {
   const el = component.rootElement;
   if (!el.kupData)
@@ -23427,7 +23739,7 @@ function prepareCalendar(component) {
   }
   if (!el.kupData.value)
     setValue$2(component, new Date());
-  const months = getMonthsAsStringByLocale();
+  const months = dom$c.ketchup.dates.getMonthsAsString();
   const curYear = getYear(component);
   const curMonth = getMonth(component);
   const yearRange = getInitEndYear(curYear);
@@ -23554,7 +23866,7 @@ function createCalendar(component) {
   }
 }
 function createDaysCalendar(component) {
-  const days = getDaysOfWeekAsStringByLocale(getFirstDayIndex(component));
+  const days = dom$c.ketchup.dates.getDaysOfWeekAsString(getFirstDayIndex(component));
   const selectedDate = getValue$1(component);
   const selectedDay = getDay(component);
   const selectedMonth = getMonth(component);
@@ -23620,7 +23932,7 @@ function createDaysCalendar(component) {
     h("tbody", null, tbody)));
 }
 function createMonthsCalendar(component) {
-  const months = getMonthsAsStringByLocale(DateTimeFormatOptionsMonth.SHORT);
+  const months = dom$c.ketchup.dates.getMonthsAsString(KupDateTimeFormatOptionsMonth.SHORT);
   let selectedDay = getDay(component);
   const selectedMonth = getMonth(component);
   const selectedYear = getYear(component);
@@ -23695,62 +24007,6 @@ function createYearsCalendar(component) {
   return (h("table", { class: "calendar" },
     h("tbody", null, tbody)));
 }
-function getDaysOfWeekAsStringByLocale(firstDayIndex) {
-  const thisWeekDays = thisWeek(firstDayIndex);
-  const monday = thisWeekDays.startDate;
-  const days = [];
-  for (var i = 0; i < 7; i++) {
-    var date = new Date(monday.toISOString());
-    date.setDate(date.getDate() + i);
-    days[i] = getDayAsStringByLocale(date);
-  }
-  return days;
-}
-function thisWeek(firstDayIndex) {
-  const firstDay = firstDayThisWeek(firstDayIndex);
-  return {
-    startDate: firstDay,
-    endDate: offsetDate(firstDay, 6),
-  };
-}
-function firstDayThisWeek(firstDayIndex) {
-  const d = new Date();
-  const day = d.getDay();
-  // dayIndex0
-  d.setDate(d.getDate() - day);
-  // dayIndexX
-  d.setDate(d.getDate() + firstDayIndex);
-  return d;
-}
-const offsetDate = (base, count) => {
-  const date = new Date(base);
-  date.setDate(base.getDate() + count);
-  return date;
-};
-function getDayAsStringByLocale(date) {
-  if (date == null) {
-    return '';
-  }
-  const options = {
-    weekday: 'narrow',
-    /** weekday: 'narrow' 'short' 'long' */
-  };
-  const dateTimeFormat = new Intl.DateTimeFormat(dom$b.ketchup.dates.getLocale(), options);
-  return dateTimeFormat.format(date);
-}
-function fillString(stringIn, stringForFill, finalLen, addBefore) {
-  const initSize = stringIn.length;
-  let stringOut = '';
-  for (let i = initSize; i < finalLen; i += stringForFill.length) {
-    stringOut += stringForFill;
-  }
-  if (addBefore) {
-    return stringOut + stringIn;
-  }
-  else {
-    return stringIn + stringOut;
-  }
-}
 function prevPage(component) {
   let mm = getMonth(component);
   let yy = getYear(component);
@@ -23827,7 +24083,7 @@ function refresh(component) {
 }
 function onCalendarMonthYearItemClick(component, value) {
   let d;
-  if (dom$b.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
+  if (dom$c.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
     d = new Date(value);
   }
   else {
@@ -23849,7 +24105,7 @@ function onCalendarMonthYearItemClick(component, value) {
 }
 function onCalendarItemClick(component, value) {
   let d;
-  if (dom$b.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
+  if (dom$c.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
     d = new Date(value);
   }
   else {
@@ -23860,7 +24116,7 @@ function onCalendarItemClick(component, value) {
   refresh(component);
 }
 
-const dom$a = document.documentElement;
+const dom$b = document.documentElement;
 function prepareClock(component) {
   const el = component.rootElement;
   el.kupData = {};
@@ -23975,7 +24231,7 @@ function onKupBlur(component) {
 function createClock(component) {
   let selectedTime;
   if (getValue(component)) {
-    selectedTime = dom$a.ketchup.dates.toDate(getValue(component), isManageSeconds(component)
+    selectedTime = dom$b.ketchup.dates.toDate(getValue(component), isManageSeconds(component)
       ? KupDatesFormats.ISO_TIME
       : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS);
   }
@@ -24177,7 +24433,7 @@ function setClockTime(e, component) {
   e.target.classList.add('selected');
 }
 
-const dom$9 = document.documentElement;
+const dom$a = document.documentElement;
 const premadeFormulas = [
   KupLanguageTotals.AVERAGE,
   KupLanguageTotals.DIFFERENCE,
@@ -24192,7 +24448,7 @@ function prepareColumnDropMenu(component) {
     const column = options.data.columns[index];
     if (column.visible !== false &&
       column.obj &&
-      dom$9.ketchup.objects.isNumber(column.obj)) {
+      dom$a.ketchup.objects.isNumber(column.obj)) {
       chipData.push({
         obj: column.obj,
         value: column.name,
@@ -24208,7 +24464,7 @@ function prepareColumnDropMenu(component) {
   if (options.enableFormula) {
     combobox = prepareCombobox(options, numericalColumnsExist);
     if (numericalColumnsExist) {
-      button = (h("kup-button", { "onKup-button-click": () => applyFormula(component), label: dom$9.ketchup.language.translate(KupLanguageTotals.CALCULATE), styling: FButtonStyling.OUTLINED }));
+      button = (h("kup-button", { "onKup-button-click": () => applyFormula(component), label: dom$a.ketchup.language.translate(KupLanguageTotals.CALCULATE), styling: FButtonStyling.OUTLINED }));
       chipSet = (h("div", { class: "sub-chip" },
         h("kup-chip", { data: chipData, "onKup-chip-click": (e) => typeColumn(e, component) })));
     }
@@ -24221,35 +24477,35 @@ function prepareList(options) {
     listData.push({
       icon: 'library_add',
       id: KupLanguageGeneric.MERGE,
-      value: dom$9.ketchup.language.translate(KupLanguageGeneric.MERGE),
+      value: dom$a.ketchup.language.translate(KupLanguageGeneric.MERGE),
     });
   }
   if (options.enableMove) {
     listData.push({
       icon: 'swap_horiz',
       id: KupLanguageGeneric.MOVE,
-      value: dom$9.ketchup.language.translate(KupLanguageGeneric.MOVE),
+      value: dom$a.ketchup.language.translate(KupLanguageGeneric.MOVE),
     });
   }
   return listData.length > 0 ? (h("kup-list", { data: listData, showIcons: true, "onkup-list-click": (e) => listClick(e, options) })) : null;
 }
 function prepareCombobox(options, numericalColumnsExist) {
   const comboListData = [];
-  const numeric = dom$9.ketchup.objects.isNumber(options.receivingColumn.obj) &&
-    dom$9.ketchup.objects.isNumber(options.starterColumn.obj);
+  const numeric = dom$a.ketchup.objects.isNumber(options.receivingColumn.obj) &&
+    dom$a.ketchup.objects.isNumber(options.starterColumn.obj);
   if (numeric) {
     comboListData.push({
       id: KupLanguageTotals.AVERAGE,
-      value: dom$9.ketchup.language.translate(KupLanguageTotals.AVERAGE),
+      value: dom$a.ketchup.language.translate(KupLanguageTotals.AVERAGE),
     }, {
       id: KupLanguageTotals.DIFFERENCE,
-      value: dom$9.ketchup.language.translate(KupLanguageTotals.DIFFERENCE),
+      value: dom$a.ketchup.language.translate(KupLanguageTotals.DIFFERENCE),
     }, {
       id: KupLanguageTotals.PRODUCT,
-      value: dom$9.ketchup.language.translate(KupLanguageTotals.PRODUCT),
+      value: dom$a.ketchup.language.translate(KupLanguageTotals.PRODUCT),
     }, {
       id: KupLanguageTotals.SUM,
-      value: dom$9.ketchup.language.translate(KupLanguageTotals.SUM),
+      value: dom$a.ketchup.language.translate(KupLanguageTotals.SUM),
     }, {
       id: `([${options.starterColumn.name}]/[${options.receivingColumn.name}])*100`,
       value: `[${options.starterColumn.name}] / [${options.receivingColumn.name}] * 100`,
@@ -24261,7 +24517,7 @@ function prepareCombobox(options, numericalColumnsExist) {
   else {
     comboListData.push({
       id: KupLanguageColumn.NO_FORMULA,
-      value: dom$9.ketchup.language.translate(KupLanguageColumn.NO_FORMULA),
+      value: dom$a.ketchup.language.translate(KupLanguageColumn.NO_FORMULA),
     });
   }
   const comboData = {
@@ -24271,11 +24527,11 @@ function prepareCombobox(options, numericalColumnsExist) {
     },
     'kup-text-field': {
       helper: !numericalColumnsExist
-        ? dom$9.ketchup.language.translate(KupLanguageColumn.NON_NUMERICAL_IN_TABLE)
+        ? dom$a.ketchup.language.translate(KupLanguageColumn.NON_NUMERICAL_IN_TABLE)
         : numeric
           ? `i.e.: [${options.receivingColumn.name}] - [${options.starterColumn.name}] + 1`
-          : dom$9.ketchup.language.translate(KupLanguageColumn.NON_NUMERICAL),
-      label: dom$9.ketchup.language.translate(KupLanguageTotals.FORMULA),
+          : dom$a.ketchup.language.translate(KupLanguageColumn.NON_NUMERICAL),
+      label: dom$a.ketchup.language.translate(KupLanguageTotals.FORMULA),
       outlined: true,
     },
   };
@@ -24313,7 +24569,7 @@ async function applyFormula(component) {
   if (combobox) {
     const value = (await combobox.getValue());
     if (premadeFormulas.includes(value)) {
-      dom$9.ketchup.data.column.new(options.data, KupDataNewColumnTypes.MATH, {
+      dom$a.ketchup.data.column.new(options.data, KupDataNewColumnTypes.MATH, {
         columns: [
           options.receivingColumn.name,
           options.starterColumn.name,
@@ -24325,7 +24581,7 @@ async function applyFormula(component) {
       }
     }
     else {
-      const result = dom$9.ketchup.data.column.new(options.data, KupDataNewColumnTypes.MATH, {
+      const result = dom$a.ketchup.data.column.new(options.data, KupDataNewColumnTypes.MATH, {
         operation: value,
       });
       if (typeof result === 'string' || result instanceof String) {
@@ -24340,18 +24596,18 @@ async function applyFormula(component) {
   }
 }
 
-const dom$8 = document.documentElement;
+const dom$9 = document.documentElement;
 function prepareMessageBox(component) {
   const options = component.data.options;
   const buttonsExist = !!(options.cancelCb || options.confirmCb);
   return (h("div", { class: "message-box" },
     options.text ? h("div", { class: "text" }, options.text) : null,
     buttonsExist ? (h("div", { class: "button-wrapper" },
-      options.cancelCb ? (h(FButton, { icon: "clear", label: dom$8.ketchup.language.translate(KupLanguageGeneric.ABORT), onClick: options.cancelCb, styling: FButtonStyling.FLAT })) : null,
-      options.confirmCb ? (h(FButton, { icon: "check", label: dom$8.ketchup.language.translate(KupLanguageGeneric.CONFIRM), onClick: options.confirmCb })) : null)) : null));
+      options.cancelCb ? (h(FButton, { icon: "clear", label: dom$9.ketchup.language.translate(KupLanguageGeneric.ABORT), onClick: options.cancelCb, styling: FButtonStyling.FLAT })) : null,
+      options.confirmCb ? (h(FButton, { icon: "check", label: dom$9.ketchup.language.translate(KupLanguageGeneric.CONFIRM), onClick: options.confirmCb })) : null)) : null));
 }
 
-const dom$7 = document.documentElement;
+const dom$8 = document.documentElement;
 function prepareNumeric(component) {
   const el = component.rootElement;
   if (!el.kupData)
@@ -24373,7 +24629,7 @@ function prepareNumeric(component) {
         el.kupData.value = obj.k;
       else
         el.kupData.value = options.initialValue.toString();
-      el.kupData.localeValue = dom$7.ketchup.math.numbers.toLocaleString(el.kupData.value);
+      el.kupData.localeValue = dom$8.ketchup.math.numbers.toLocaleString(el.kupData.value);
     }
     options.resetStatus = false;
   }
@@ -24448,7 +24704,7 @@ function setSign(component) {
     return;
   strVal = '-' + strVal;
   el.kupData.value = strVal;
-  el.kupData.localeValue = dom$7.ketchup.math.numbers.toLocaleString(strVal);
+  el.kupData.localeValue = dom$8.ketchup.math.numbers.toLocaleString(strVal);
   component.refresh();
 }
 function setValue(component, value) {
@@ -24485,7 +24741,7 @@ function setValue(component, value) {
     return;
   strVal += value;
   el.kupData.value = strVal;
-  el.kupData.localeValue = dom$7.ketchup.math.numbers.toLocaleString(strVal);
+  el.kupData.localeValue = dom$8.ketchup.math.numbers.toLocaleString(strVal);
   component.refresh();
 }
 function clearValue(component) {
@@ -24495,7 +24751,7 @@ function clearValue(component) {
   component.refresh();
 }
 function getDecimalChar() {
-  return (0.1).toLocaleString(dom$7.ketchup.math.locale).substring(1, 2);
+  return (0.1).toLocaleString(dom$8.ketchup.math.locale).substring(1, 2);
 }
 function saveValue(component) {
   const el = component.rootElement;
@@ -24864,7 +25120,7 @@ const collapsibleLayouts = /*#__PURE__*/Object.freeze({
     create2: create2$4
 });
 
-const dom$6 = document.documentElement;
+const dom$7 = document.documentElement;
 /**
  * 1st dialog card layout, used to display information in string format.
  * @param {KupCard} component - Card component.
@@ -24958,8 +25214,8 @@ function create4$2(component) {
   return (h("div", { class: `dialog-layout-${component.layoutNumber} dialog-element` },
     textArray[0] ? dialogHeader(textArray[0]) : dialogHeader(''),
     datatableArray[0] && buttonArray[0] && buttonArray[1] ? (h("div", { class: "section-1" },
-      h("kup-button", Object.assign({}, buttonArray[0], { id: KupCardIds.PREVIOUS_ROW, "onkup-button-click": () => prevButton(component), title: dom$6.ketchup.language.translate(KupLanguageRow.PREVIOUS) })),
-      h("kup-button", Object.assign({}, buttonArray[1], { id: KupCardIds.NEXT_ROW, "onkup-button-click": () => nextButton(component), title: dom$6.ketchup.language.translate(KupLanguageRow.NEXT) })))) : null,
+      h("kup-button", Object.assign({}, buttonArray[0], { id: KupCardIds.PREVIOUS_ROW, "onkup-button-click": () => prevButton(component), title: dom$7.ketchup.language.translate(KupLanguageRow.PREVIOUS) })),
+      h("kup-button", Object.assign({}, buttonArray[1], { id: KupCardIds.NEXT_ROW, "onkup-button-click": () => nextButton(component), title: dom$7.ketchup.language.translate(KupLanguageRow.NEXT) })))) : null,
     datatableArray[0] ? (h("div", { class: "section-2" },
       h("kup-data-table", Object.assign({ id: "datatable1" }, datatableArray[0])))) : null));
 }
@@ -25472,7 +25728,7 @@ const scalableLayouts = /*#__PURE__*/Object.freeze({
     create9: create9$1
 });
 
-const dom$5 = document.documentElement;
+const dom$6 = document.documentElement;
 /**
  * 1st standard card layout, inspired by Material Design.
  * @param {KupCard} component - Card component.
@@ -26222,7 +26478,7 @@ function create15(component) {
       const button = genericButtons[index];
       props.data['kup-list'].data.push(Object.assign(Object.assign({}, button), { value: button.title }));
     }
-    return (h("kup-dropdown-button", Object.assign({}, props, { title: dom$5.ketchup.language.translate(KupLanguageGeneric.OPTIONS) })));
+    return (h("kup-dropdown-button", Object.assign({}, props, { title: dom$6.ketchup.language.translate(KupLanguageGeneric.OPTIONS) })));
   };
   return (h("div", { class: `standard-layout-${component.layoutNumber}` },
     h("div", { class: "section-1" },
@@ -26250,7 +26506,7 @@ function create15(component) {
     genericButtons.length > 0 ? (h("div", { class: "section-3" },
       compList(genericButtons.slice(0, 5), 'button'),
       genericButtons.length > 5 ? createDropdown() : null,
-      treeArray[0] ? (h("kup-button", { title: dom$5.ketchup.language.translate(KupLanguageGeneric.SHOW_ROW_OPTIONS), id: "view-selector", icon: "menu" })) : null)) : null));
+      treeArray[0] ? (h("kup-button", { title: dom$6.ketchup.language.translate(KupLanguageGeneric.SHOW_ROW_OPTIONS), id: "view-selector", icon: "menu" })) : null)) : null));
 }
 
 const standardLayouts = /*#__PURE__*/Object.freeze({
@@ -27869,11 +28125,11 @@ var KupTreeExpansionMode;
   KupTreeExpansionMode["NODE"] = "node";
 })(KupTreeExpansionMode || (KupTreeExpansionMode = {}));
 
-const dom$4 = document.documentElement;
-const kupObjects = dom$4.ketchup
-  ? dom$4.ketchup.objects
+const dom$5 = document.documentElement;
+const kupObjects = dom$5.ketchup
+  ? dom$5.ketchup.objects
   : new KupObjects();
-const kupData = dom$4.ketchup ? dom$4.ketchup.data : new KupData();
+const kupData = dom$5.ketchup ? dom$5.ketchup.data : new KupData();
 /**
  * Filtering algorithms related to data-table rows.
  * @module FiltersRows
@@ -28102,7 +28358,7 @@ class FiltersRows extends Filters {
   }
 }
 
-const dom$3 = document.documentElement;
+const dom$4 = document.documentElement;
 function sortRows(rows = [], sort = []) {
   if (!rows || rows.length === 0) {
     return [];
@@ -28333,10 +28589,10 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
     return;
   }
   keys.forEach((key) => {
-    const currentTotalValue = dom$3.ketchup.math.numberify(groupRow.group.totals[key] || 0);
+    const currentTotalValue = dom$4.ketchup.math.numberify(groupRow.group.totals[key] || 0);
     const cell = addedRow.cells[key];
     if (cell) {
-      let _isNumber = dom$3.ketchup.objects.isNumber(cell.obj);
+      let _isNumber = dom$4.ketchup.objects.isNumber(cell.obj);
       const totalMode = totals[key];
       switch (totalMode) {
         case TotalMode.COUNT:
@@ -28352,7 +28608,7 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
         case TotalMode.DISTINCT:
           let cellValue;
           if (_isNumber) {
-            cellValue = dom$3.ketchup.math.numberify(stringToNumber(cell.value));
+            cellValue = dom$4.ketchup.math.numberify(dom$4.ketchup.math.numberifySafe(cell.value));
           }
           else {
             cellValue = cell.value;
@@ -28404,13 +28660,13 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
         case TotalMode.SUM:
         case TotalMode.AVERAGE:
           if (_isNumber) {
-            const cellValue = dom$3.ketchup.math.numberify(stringToNumber(cell.value));
+            const cellValue = dom$4.ketchup.math.numberify(dom$4.ketchup.math.numberifySafe(cell.value));
             groupRow.group.totals[key] =
               cellValue + currentTotalValue;
             // updating parents
             let parent = groupRow.group.parent;
             while (parent != null) {
-              const currentParentSum = dom$3.ketchup.math.numberify(parent.group.totals[key] || 0);
+              const currentParentSum = dom$4.ketchup.math.numberify(parent.group.totals[key] || 0);
               parent.group.totals[key] =
                 cellValue + currentParentSum;
               parent = parent.group.parent;
@@ -28421,7 +28677,7 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
         case TotalMode.MIN:
           if (_isNumber) {
             const currentTotalValue = groupRow.group.totals[key];
-            const cellValue = dom$3.ketchup.math.numberify(stringToNumber(cell.value));
+            const cellValue = dom$4.ketchup.math.numberify(dom$4.ketchup.math.numberifySafe(cell.value));
             if (currentTotalValue) {
               groupRow.group.totals[key] = Math.min(currentTotalValue, cellValue);
             }
@@ -28443,19 +28699,19 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
               parent = parent.group.parent;
             }
           }
-          else if (dom$3.ketchup.objects.isDate(cell.obj)) {
+          else if (dom$4.ketchup.objects.isDate(cell.obj)) {
             const momentValue = cell.obj
-              ? dom$3.ketchup.objects.parseDate(cell.obj)
-              : dom$3.ketchup.dates.toDayjs(cell.value);
-            if (dom$3.ketchup.dates.isValid(momentValue)) {
-              const cellValue = dom$3.ketchup.dates.toDate(momentValue);
+              ? dom$4.ketchup.objects.parseDate(cell.obj)
+              : dom$4.ketchup.dates.toDayjs(cell.value);
+            if (dom$4.ketchup.dates.isValid(momentValue)) {
+              const cellValue = dom$4.ketchup.dates.toDate(momentValue);
               const currentTotalValue = groupRow.group.totals[key];
               if (currentTotalValue) {
                 let moments = [];
                 moments.push(cellValue);
-                moments.push(dom$3.ketchup.dates.format(currentTotalValue));
+                moments.push(dom$4.ketchup.dates.format(currentTotalValue));
                 groupRow.group.totals[key] =
-                  dom$3.ketchup.dates.format(dom$3.ketchup.dates.min(moments));
+                  dom$4.ketchup.dates.format(dom$4.ketchup.dates.min(moments));
               }
               else {
                 groupRow.group.totals[key] = cellValue;
@@ -28467,9 +28723,9 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
                 if (currentParentMin) {
                   let moments = [];
                   moments.push(cellValue);
-                  moments.push(dom$3.ketchup.dates.format(currentParentMin));
+                  moments.push(dom$4.ketchup.dates.format(currentParentMin));
                   parent.group.totals[key] =
-                    dom$3.ketchup.dates.format(dom$3.ketchup.dates.min(moments));
+                    dom$4.ketchup.dates.format(dom$4.ketchup.dates.min(moments));
                 }
                 else {
                   // first round
@@ -28484,7 +28740,7 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
         case TotalMode.MAX:
           if (_isNumber) {
             const currentTotalValue = groupRow.group.totals[key];
-            const cellValue = dom$3.ketchup.math.numberify(stringToNumber(cell.value));
+            const cellValue = dom$4.ketchup.math.numberify(dom$4.ketchup.math.numberifySafe(cell.value));
             if (currentTotalValue) {
               groupRow.group.totals[key] = Math.max(currentTotalValue, cellValue);
             }
@@ -28506,19 +28762,19 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
               parent = parent.group.parent;
             }
           }
-          else if (dom$3.ketchup.objects.isDate(cell.obj)) {
+          else if (dom$4.ketchup.objects.isDate(cell.obj)) {
             const momentValue = cell.obj
-              ? dom$3.ketchup.objects.parseDate(cell.obj)
-              : dom$3.ketchup.dates.toDayjs(cell.value);
-            if (dom$3.ketchup.dates.isValid(momentValue)) {
-              const cellValue = dom$3.ketchup.dates.toDate(momentValue);
+              ? dom$4.ketchup.objects.parseDate(cell.obj)
+              : dom$4.ketchup.dates.toDayjs(cell.value);
+            if (dom$4.ketchup.dates.isValid(momentValue)) {
+              const cellValue = dom$4.ketchup.dates.toDate(momentValue);
               const currentTotalValue = groupRow.group.totals[key];
               if (currentTotalValue) {
                 let moments = [];
                 moments.push(cellValue);
-                moments.push(dom$3.ketchup.dates.format(currentTotalValue));
+                moments.push(dom$4.ketchup.dates.format(currentTotalValue));
                 groupRow.group.totals[key] =
-                  dom$3.ketchup.dates.format(dom$3.ketchup.dates.max(moments));
+                  dom$4.ketchup.dates.format(dom$4.ketchup.dates.max(moments));
               }
               else {
                 groupRow.group.totals[key] = cellValue;
@@ -28530,9 +28786,9 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
                 if (currentParentMin) {
                   let moments = [];
                   moments.push(cellValue);
-                  moments.push(dom$3.ketchup.dates.format(currentParentMin));
+                  moments.push(dom$4.ketchup.dates.format(currentParentMin));
                   parent.group.totals[key] =
-                    dom$3.ketchup.dates.format(dom$3.ketchup.dates.max(moments));
+                    dom$4.ketchup.dates.format(dom$4.ketchup.dates.max(moments));
                 }
                 else {
                   // first round
@@ -28626,12 +28882,12 @@ function adjustGroupAverageOrFormula(row, type, toAdjustKeys, totals) {
   toAdjustKeys.forEach((key) => {
     if (type == TotalMode.AVERAGE) {
       row.group.totals[key] =
-        dom$3.ketchup.math.numberify(row.group.totals[key]) /
+        dom$4.ketchup.math.numberify(row.group.totals[key]) /
           numberOfLeaf;
     }
     if (type == TotalMode.MATH) {
       let formula = totals[key].substring(TotalMode.MATH.length);
-      row.group.totals[key] = dom$3.ketchup.math.formulas.custom(formula, row.group.totals);
+      row.group.totals[key] = dom$4.ketchup.math.formulas.custom(formula, row.group.totals);
     }
   });
   return numberOfLeaf;
@@ -28661,8 +28917,8 @@ function normalizeRows(columns, rows) {
   }
 }
 function calcTotals(rows = [], totals = {}) {
-  if (dom$3.ketchup.objects.isEmptyJsObject(rows) ||
-    dom$3.ketchup.objects.isEmptyJsObject(totals)) {
+  if (dom$4.ketchup.objects.isEmptyJsObject(rows) ||
+    dom$4.ketchup.objects.isEmptyJsObject(totals)) {
     return {};
   }
   const keys = Object.keys(totals);
@@ -28684,8 +28940,8 @@ function calcTotals(rows = [], totals = {}) {
         if (cell) {
           if (totals[key] === TotalMode.DISTINCT) {
             let cellValue;
-            if (dom$3.ketchup.objects.isNumber(cell.obj)) {
-              cellValue = dom$3.ketchup.math.numberify(stringToNumber(cell.value));
+            if (dom$4.ketchup.objects.isNumber(cell.obj)) {
+              cellValue = dom$4.ketchup.math.numberify(dom$4.ketchup.math.numberifySafe(cell.value));
             }
             else {
               cellValue = cell.value;
@@ -28701,8 +28957,8 @@ function calcTotals(rows = [], totals = {}) {
               distinctList.push(cellValue);
             }
           }
-          else if (dom$3.ketchup.objects.isNumber(cell.obj)) {
-            const cellValue = dom$3.ketchup.math.numberify(stringToNumber(cell.value));
+          else if (dom$4.ketchup.objects.isNumber(cell.obj)) {
+            const cellValue = dom$4.ketchup.math.numberify(dom$4.ketchup.math.numberifySafe(cell.value));
             let currentFooterValue = footerRow[key];
             switch (true) {
               // TODO DRY the MIN and MAX functions
@@ -28727,19 +28983,19 @@ function calcTotals(rows = [], totals = {}) {
                 currentFooterValue = footerRow[key] || 0;
                 footerRow[key] =
                   cellValue +
-                    dom$3.ketchup.math.numberify(currentFooterValue);
+                    dom$4.ketchup.math.numberify(currentFooterValue);
             }
             // TODO DRY the MIN and MAX functions
           }
-          else if (dom$3.ketchup.objects.isDate(cell.obj)) {
+          else if (dom$4.ketchup.objects.isDate(cell.obj)) {
             if (dateColumns.indexOf(key) == -1) {
               dateColumns.push(key);
             }
-            const momentValue = dom$3.ketchup.dates.toDayjs(cell.value);
-            if (dom$3.ketchup.dates.isValid(momentValue)) {
-              const cellValue = dom$3.ketchup.dates.toDate(momentValue);
+            const momentValue = dom$4.ketchup.dates.toDayjs(cell.value);
+            if (dom$4.ketchup.dates.isValid(momentValue)) {
+              const cellValue = dom$4.ketchup.dates.toDate(momentValue);
               const currentFooterValue = footerRow[key]
-                ? dom$3.ketchup.dates.toDate(dom$3.ketchup.dates.toDayjs(footerRow[key]))
+                ? dom$4.ketchup.dates.toDate(dom$4.ketchup.dates.toDayjs(footerRow[key]))
                 : null;
               switch (true) {
                 case totals[key] === TotalMode.MIN:
@@ -28748,11 +29004,11 @@ function calcTotals(rows = [], totals = {}) {
                     moments.push(cellValue);
                     moments.push(currentFooterValue);
                     footerRow[key] =
-                      dom$3.ketchup.dates.format(dom$3.ketchup.dates.min(moments), KupDatesFormats.ISO_DATE);
+                      dom$4.ketchup.dates.format(dom$4.ketchup.dates.min(moments), KupDatesFormats.ISO_DATE);
                   }
                   else {
                     footerRow[key] =
-                      dom$3.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
+                      dom$4.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
                   }
                   break;
                 case totals[key] === TotalMode.MAX:
@@ -28761,11 +29017,11 @@ function calcTotals(rows = [], totals = {}) {
                     moments.push(cellValue);
                     moments.push(currentFooterValue);
                     footerRow[key] =
-                      dom$3.ketchup.dates.format(dom$3.ketchup.dates.max(moments), KupDatesFormats.ISO_DATE);
+                      dom$4.ketchup.dates.format(dom$4.ketchup.dates.max(moments), KupDatesFormats.ISO_DATE);
                   }
                   else {
                     footerRow[key] =
-                      dom$3.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
+                      dom$4.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
                   }
                   break;
               }
@@ -28794,14 +29050,14 @@ function calcTotals(rows = [], totals = {}) {
         footerRow[key] = rows.length;
         break;
       case totals[key].indexOf(TotalMode.MATH) == 0:
-        footerRow[key] = dom$3.ketchup.math.formulas.custom(totals[key].substring(TotalMode.MATH.length), footerRow);
+        footerRow[key] = dom$4.ketchup.math.formulas.custom(totals[key].substring(TotalMode.MATH.length), footerRow);
         break;
     }
     if (footerRow[key]) {
       if (dateColumns.indexOf(key) != -1) {
-        footerRow[key] = dom$3.ketchup.dates.format(footerRow[key]);
+        footerRow[key] = dom$4.ketchup.dates.format(footerRow[key]);
       }
-      else if (isNumber(footerRow[key])) {
+      else if (dom$4.ketchup.math.isNumber(footerRow[key])) {
         footerRow[key] = +footerRow[key].toFixed(2);
       }
     }
@@ -28939,7 +29195,7 @@ class KupDataTableState {
   }
 }
 
-const dom$2 = document.documentElement;
+const dom$3 = document.documentElement;
 /**
  * Definition and events of the column menu card.
  * @module KupColumnMenu
@@ -28964,8 +29220,8 @@ class KupColumnMenu {
    */
   close(card) {
     card.menuVisible = false;
-    dom$2.ketchup.removeClickCallback(this.clickCb);
-    dom$2.ketchup.dynamicPosition.stop(card);
+    dom$3.ketchup.removeClickCallback(this.clickCb);
+    dom$3.ketchup.dynamicPosition.stop(card);
   }
   /**
    * Function called to reposition the column menu card to the appropriate column.
@@ -28977,11 +29233,11 @@ class KupColumnMenu {
       if (card) {
         const column = card.dataset.column;
         const wrapper = root.querySelector('th[data-column="' + column + '"]');
-        if (dom$2.ketchup.dynamicPosition.isRegistered(card)) {
-          dom$2.ketchup.dynamicPosition.changeAnchor(card, wrapper);
+        if (dom$3.ketchup.dynamicPosition.isRegistered(card)) {
+          dom$3.ketchup.dynamicPosition.changeAnchor(card, wrapper);
         }
         else {
-          dom$2.ketchup.dynamicPosition.register(card, wrapper, 0, KupDynamicPositionPlacement.BOTTOM, true);
+          dom$3.ketchup.dynamicPosition.register(card, wrapper, 0, KupDynamicPositionPlacement.BOTTOM, true);
         }
         if (!this.clickCb) {
           this.clickCb = {
@@ -28991,8 +29247,8 @@ class KupColumnMenu {
             el: card,
           };
         }
-        dom$2.ketchup.addClickCallback(this.clickCb, true);
-        dom$2.ketchup.dynamicPosition.start(card);
+        dom$3.ketchup.addClickCallback(this.clickCb, true);
+        dom$3.ketchup.dynamicPosition.start(card);
         card.menuVisible = true;
       }
     }
@@ -29042,8 +29298,8 @@ class KupColumnMenu {
         icon: 'book',
         id: KupColumnMenuIds.BUTTON_GROUP,
         title: comp.getGroupByName(column.name) != null
-          ? dom$2.ketchup.language.translate(KupLanguageGrouping.DISABLE)
-          : dom$2.ketchup.language.translate(KupLanguageGrouping.ENABLE),
+          ? dom$3.ketchup.language.translate(KupLanguageGrouping.DISABLE)
+          : dom$3.ketchup.language.translate(KupLanguageGrouping.ENABLE),
       });
     }
     if (comp.removableColumns) {
@@ -29054,12 +29310,12 @@ class KupColumnMenu {
         },
         icon: 'table-column-remove',
         id: KupColumnMenuIds.BUTTON_REMOVE,
-        title: dom$2.ketchup.language.translate(KupLanguageColumn.HIDE),
+        title: dom$3.ketchup.language.translate(KupLanguageColumn.HIDE),
       });
     }
     if (comp.enableExtraColumns &&
-      (dom$2.ketchup.objects.canObjHaveExtraColumns(column.obj) ||
-        dom$2.ketchup.objects.canObjsHaveExtraColumns(column.objs))) {
+      (dom$3.ketchup.objects.canObjHaveExtraColumns(column.obj) ||
+        dom$3.ketchup.objects.canObjsHaveExtraColumns(column.objs))) {
       props.push({
         className: 'printable',
         'data-storage': {
@@ -29067,14 +29323,14 @@ class KupColumnMenu {
         },
         icon: 'table-column-plus-after',
         id: KupColumnMenuIds.BUTTON_ADD_COLUMNS,
-        title: dom$2.ketchup.language.translate(KupLanguageColumn.ADD),
+        title: dom$3.ketchup.language.translate(KupLanguageColumn.ADD),
       });
       props.push({
         className: 'printable',
-        label: dom$2.ketchup.language.translate(KupLanguageGeneric.APPLY),
+        label: dom$3.ketchup.language.translate(KupLanguageGeneric.APPLY),
         id: KupColumnMenuIds.BUTTON_APPLY,
         styling: FButtonStyling.OUTLINED,
-        title: dom$2.ketchup.language.translate(KupLanguageGeneric.APPLY),
+        title: dom$3.ketchup.language.translate(KupLanguageGeneric.APPLY),
       });
     }
     return props;
@@ -29088,8 +29344,8 @@ class KupColumnMenu {
   prepCheckbox(comp, column) {
     const props = [];
     if (comp.showFilters &&
-      (dom$2.ketchup.objects.isStringObject(column.obj) ||
-        dom$2.ketchup.objects.isCheckbox(column.obj))) {
+      (dom$3.ketchup.objects.isStringObject(column.obj) ||
+        dom$3.ketchup.objects.isCheckbox(column.obj))) {
       const checkBoxesFilter = this.filtersColumnMenuInstance.getCheckBoxFilterValues(comp.filters, column.name);
       const columnValues = comp.getColumnValues(column);
       if (columnValues.length > 0) {
@@ -29100,17 +29356,17 @@ class KupColumnMenu {
             value: null,
           },
           id: KupColumnMenuIds.CHECKBOX_GLOBAL,
-          label: dom$2.ketchup.language.translate(KupLanguageCheckbox.ALL),
+          label: dom$3.ketchup.language.translate(KupLanguageCheckbox.ALL),
         });
       }
       for (let index = 0; index < columnValues.length; index++) {
         let label = getValueForDisplay2(columnValues[index], column);
-        if (dom$2.ketchup.objects.isCheckbox(column.obj)) {
+        if (dom$3.ketchup.objects.isCheckbox(column.obj)) {
           if (columnValues[index].value == '1') {
-            label = dom$2.ketchup.language.translate(KupLanguageCheckbox.CHECKED);
+            label = dom$3.ketchup.language.translate(KupLanguageCheckbox.CHECKED);
           }
           else {
-            label = dom$2.ketchup.language.translate(KupLanguageCheckbox.UNCHECKED);
+            label = dom$3.ketchup.language.translate(KupLanguageCheckbox.UNCHECKED);
           }
         }
         props.push({
@@ -29149,7 +29405,7 @@ class KupColumnMenu {
           }
         }
         catch (error) {
-          dom$2.ketchup.debug.logMessage(this, 'Child column not found (' + child.name + ')!' + error, KupDebugCategory.ERROR);
+          dom$3.ketchup.debug.logMessage(this, 'Child column not found (' + child.name + ')!' + error, KupDebugCategory.ERROR);
         }
         chipData.push({
           icon: child.icon ? child.icon : null,
@@ -29177,14 +29433,14 @@ class KupColumnMenu {
     if (!FiltersColumnMenu.isTree(comp)) {
       if (objs &&
         objs.length > 0 &&
-        !dom$2.ketchup.objects.isEmptyKupObj(objs[0])) {
+        !dom$3.ketchup.objects.isEmptyKupObj(objs[0])) {
         props.push({
           'data-storage': {
             columnName: column.name,
           },
           checked: column.isKey ? true : false,
           id: KupColumnMenuIds.SWITCH_KEY,
-          label: dom$2.ketchup.language.translate(KupLanguageRow.KEY),
+          label: dom$3.ketchup.language.translate(KupLanguageRow.KEY),
           leadingLabel: true,
         });
       }
@@ -29196,7 +29452,7 @@ class KupColumnMenu {
           },
           checked: isGroupActive ? true : false,
           id: KupColumnMenuIds.SWITCH_GROUP,
-          label: dom$2.ketchup.language.translate(KupLanguageGrouping.GROUPS),
+          label: dom$3.ketchup.language.translate(KupLanguageGrouping.GROUPS),
           leadingLabel: true,
         });
       }
@@ -29214,16 +29470,16 @@ class KupColumnMenu {
     if (comp.showFilters) {
       data.push({
         id: KupLanguageGeneric.FILTERS,
-        value: dom$2.ketchup.language.translate(KupLanguageGeneric.FILTERS),
+        value: dom$3.ketchup.language.translate(KupLanguageGeneric.FILTERS),
       });
     }
     if ((comp.enableExtraColumns &&
-      (dom$2.ketchup.objects.canObjHaveExtraColumns(column.obj) ||
-        dom$2.ketchup.objects.canObjsHaveExtraColumns(column.objs))) ||
+      (dom$3.ketchup.objects.canObjHaveExtraColumns(column.obj) ||
+        dom$3.ketchup.objects.canObjsHaveExtraColumns(column.objs))) ||
       comp.removableColumns) {
       data.push({
         id: KupLanguageColumn.COLUMNS,
-        value: dom$2.ketchup.language.translate(KupLanguageColumn.COLUMNS),
+        value: dom$3.ketchup.language.translate(KupLanguageColumn.COLUMNS),
       });
     }
     if (!FiltersColumnMenu.isTree(comp)) {
@@ -29250,7 +29506,7 @@ class KupColumnMenu {
       if (this.filtersColumnMenuInstance.isColumnFiltrableByInterval(column)) {
         props = props.concat(this.prepIntervalTextfield(comp, column));
       }
-      else if (dom$2.ketchup.objects.isStringObject(column.obj)) {
+      else if (dom$3.ketchup.objects.isStringObject(column.obj)) {
         let filterInitialValue = this.filtersColumnMenuInstance.getTextFilterValue(comp.filters, column.name);
         filterInitialValue = getValueForDisplay(filterInitialValue, column.obj, column.decimals);
         props.push({
@@ -29262,20 +29518,20 @@ class KupColumnMenu {
           id: KupColumnMenuIds.TEXTFIELD_FILTER,
           initialValue: filterInitialValue,
           isClearable: true,
-          label: dom$2.ketchup.language.translate(KupLanguageSearch.SEARCH),
+          label: dom$3.ketchup.language.translate(KupLanguageSearch.SEARCH),
           trailingIcon: true,
         });
       }
     }
     if (!FiltersColumnMenu.isTree(comp)) {
-      if (dom$2.ketchup.objects.isNumber(column.obj) &&
+      if (dom$3.ketchup.objects.isNumber(column.obj) &&
         comp.enableColumnsFormula) {
         props.push({
           fullWidth: true,
           icon: 'functions',
           id: KupColumnMenuIds.TEXTFIELD_FORMULA,
           helper: `i.e.: [${column.name}] * 2`,
-          label: dom$2.ketchup.language.translate(KupLanguageTotals.FORMULA),
+          label: dom$3.ketchup.language.translate(KupLanguageTotals.FORMULA),
           trailingIcon: true,
         });
       }
@@ -29293,7 +29549,7 @@ class KupColumnMenu {
     if (!comp.showFilters) {
       return props;
     }
-    if (!dom$2.ketchup.objects.isNumber(column.obj)) {
+    if (!dom$3.ketchup.objects.isNumber(column.obj)) {
       return props;
     }
     let interval = this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(comp.filters, column);
@@ -29310,7 +29566,7 @@ class KupColumnMenu {
       id: KupColumnMenuIds.TEXTFIELD_FROM,
       initialValue: initialValueFrom,
       isClearable: true,
-      label: dom$2.ketchup.language.translate(KupLanguageSearch.FROM),
+      label: dom$3.ketchup.language.translate(KupLanguageSearch.FROM),
       icon: 'magnify',
       trailingIcon: true,
     });
@@ -29325,7 +29581,7 @@ class KupColumnMenu {
       id: KupColumnMenuIds.TEXTFIELD_TO,
       initialValue: initialValueTo,
       isClearable: true,
-      label: dom$2.ketchup.language.translate(KupLanguageSearch.TO),
+      label: dom$3.ketchup.language.translate(KupLanguageSearch.TO),
       icon: 'magnify',
       trailingIcon: true,
     });
@@ -29342,7 +29598,7 @@ class KupColumnMenu {
     if (!comp.showFilters) {
       return props;
     }
-    if (!dom$2.ketchup.objects.isTime(column.obj)) {
+    if (!dom$3.ketchup.objects.isTime(column.obj)) {
       return props;
     }
     let interval = this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(comp.filters, column);
@@ -29360,11 +29616,11 @@ class KupColumnMenu {
           helperWhenFocused: true,
           id: KupColumnMenuIds.TEXTFIELD_FROM,
           isClearable: true,
-          label: dom$2.ketchup.language.translate(KupLanguageSearch.FROM),
+          label: dom$3.ketchup.language.translate(KupLanguageSearch.FROM),
         },
       },
       initialValue: initialValueFrom,
-      manageSeconds: dom$2.ketchup.objects.isTimeWithSeconds(column.obj),
+      manageSeconds: dom$3.ketchup.objects.isTimeWithSeconds(column.obj),
     });
     props.push({
       'data-storage': {
@@ -29378,11 +29634,11 @@ class KupColumnMenu {
           helperWhenFocused: true,
           id: KupColumnMenuIds.TEXTFIELD_TO,
           isClearable: true,
-          label: dom$2.ketchup.language.translate(KupLanguageSearch.TO),
+          label: dom$3.ketchup.language.translate(KupLanguageSearch.TO),
         },
       },
       initialValue: initialValueTo,
-      manageSeconds: dom$2.ketchup.objects.isTimeWithSeconds(column.obj),
+      manageSeconds: dom$3.ketchup.objects.isTimeWithSeconds(column.obj),
     });
     return props;
   }
@@ -29397,8 +29653,8 @@ class KupColumnMenu {
     if (!comp.showFilters) {
       return props;
     }
-    if (!dom$2.ketchup.objects.isDate(column.obj) &&
-      !dom$2.ketchup.objects.isTimestamp(column.obj)) {
+    if (!dom$3.ketchup.objects.isDate(column.obj) &&
+      !dom$3.ketchup.objects.isTimestamp(column.obj)) {
       return props;
     }
     let interval = this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(comp.filters, column);
@@ -29406,7 +29662,7 @@ class KupColumnMenu {
     let initialValueTo = interval[FilterInterval.TO];
     let suffixFrom = null;
     let suffixTo = null;
-    if (dom$2.ketchup.objects.isTimestamp(column.obj)) {
+    if (dom$3.ketchup.objects.isTimestamp(column.obj)) {
       suffixFrom = ' 00:00:00';
       suffixTo = ' 23:59:59';
       if (initialValueFrom && initialValueFrom.length >= 10) {
@@ -29435,7 +29691,7 @@ class KupColumnMenu {
           helperWhenFocused: true,
           id: KupColumnMenuIds.TEXTFIELD_FROM,
           isClearable: true,
-          label: dom$2.ketchup.language.translate(KupLanguageSearch.FROM),
+          label: dom$3.ketchup.language.translate(KupLanguageSearch.FROM),
         },
       },
       initialValue: initialValueFrom,
@@ -29453,7 +29709,7 @@ class KupColumnMenu {
           helperWhenFocused: true,
           id: KupColumnMenuIds.TEXTFIELD_TO,
           isClearable: true,
-          label: dom$2.ketchup.language.translate(KupLanguageSearch.TO),
+          label: dom$3.ketchup.language.translate(KupLanguageSearch.TO),
         },
       },
       initialValue: initialValueTo,
@@ -29684,7 +29940,7 @@ var FPaginatorMode;
   FPaginatorMode["FULL"] = "full";
 })(FPaginatorMode || (FPaginatorMode = {}));
 
-const dom$1 = document.documentElement;
+const dom$2 = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
@@ -29697,8 +29953,8 @@ const FPaginator = (props) => {
       data: pageItems,
     },
     'kup-text-field': {
-      label: dom$1.ketchup.language.translate(KupLanguagePage.PAGE),
-      helper: dom$1.ketchup.language.translate(KupLanguagePage.TOTAL) +
+      label: dom$2.ketchup.language.translate(KupLanguagePage.PAGE),
+      helper: dom$2.ketchup.language.translate(KupLanguagePage.TOTAL) +
         `: ${maxNumberOfPage}`,
       helperWhenFocused: true,
       inputType: 'number',
@@ -29711,10 +29967,10 @@ const FPaginator = (props) => {
       data: rowsPerPageItems,
     },
     'kup-text-field': {
-      label: dom$1.ketchup.language.translate(KupLanguageRow.ROWS) +
+      label: dom$2.ketchup.language.translate(KupLanguageRow.ROWS) +
         ' / ' +
-        dom$1.ketchup.language.translate(KupLanguagePage.PAGE),
-      helper: dom$1.ketchup.language.translate(KupLanguageRow.TOTAL) +
+        dom$2.ketchup.language.translate(KupLanguagePage.PAGE),
+      helper: dom$2.ketchup.language.translate(KupLanguageRow.TOTAL) +
         `: ${props.max}`,
       helperWhenFocused: true,
       inputType: 'number',
@@ -29727,7 +29983,7 @@ const FPaginator = (props) => {
     h("kup-combobox", { class: "page-selector", data: dataPageSelector, initialValue: props.currentPage.toString(), "onkup-combobox-change": props.onPageChange }),
     props.mode !== FPaginatorMode.SIMPLE ? (h(FButton, { icon: "chevron_right", disabled: isNextPageDisabled(props), onClick: props.onNextPage, wrapperClass: "next-page" })) : null,
     h("kup-combobox", { class: "rows-selector", data: dataRowsSelector, initialValue: props.perPage.toString(), "onkup-combobox-change": props.onRowsChange }),
-    props.onLoadMore ? (h(FButton, { icon: "plus", onClick: props.onLoadMore, label: dom$1.ketchup.language.translate(KupLanguageGeneric.LOAD_MORE), styling: FButtonStyling.FLAT, wrapperClass: "load-more-button" })) : null));
+    props.onLoadMore ? (h(FButton, { icon: "plus", onClick: props.onLoadMore, label: dom$2.ketchup.language.translate(KupLanguageGeneric.LOAD_MORE), styling: FButtonStyling.FLAT, wrapperClass: "load-more-button" })) : null));
 };
 function getPageItems(props, maxNumberOfPage) {
   const pageItems = [];
@@ -29771,8 +30027,9 @@ function isPrevPageDisabled(props) {
   return props.currentPage == 1;
 }
 
+const dom$1 = document.documentElement;
 function pageChange(pageNumber, max, perPage) {
-  if (isNumber(pageNumber)) {
+  if (dom$1.ketchup.math.isNumber(pageNumber)) {
     const numberOfPages = Math.ceil(max / perPage);
     let tmpNewPage = pageNumber;
     if (tmpNewPage > numberOfPages) {
@@ -29786,7 +30043,7 @@ function pageChange(pageNumber, max, perPage) {
   return null;
 }
 function rowsPerPageChange(rowsNumber, max) {
-  if (isNumber(rowsNumber)) {
+  if (dom$1.ketchup.math.isNumber(rowsNumber)) {
     let tmpRowsPerPage = rowsNumber;
     if (tmpRowsPerPage > max) {
       tmpRowsPerPage = max;
@@ -30787,11 +31044,13 @@ var KupTabBarProps;
  */
 var KupTextFieldProps;
 (function (KupTextFieldProps) {
+  KupTextFieldProps["allowNegative"] = "When true, could be input negative numbers. It has effect only with number input type.";
   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.";
+  KupTextFieldProps["group"] = "When true, the number will be formatted with group separator. It has effect only with number input type.";
   KupTextFieldProps["helper"] = "When set, its content will be shown as a help text below the field.";
   KupTextFieldProps["helperEnabled"] = "When true, the helper will be displayed.";
   KupTextFieldProps["helperWhenFocused"] = "When set, the helper will be shown only when the field is focused.";
@@ -30799,6 +31058,7 @@ var KupTextFieldProps;
   KupTextFieldProps["initialValue"] = "Sets the initial value of the component";
   KupTextFieldProps["inputMode"] = "The HTML inputmode of the input element. It has no effect on text areas.";
   KupTextFieldProps["inputType"] = "The HTML type of the input element. It has no effect on text areas.";
+  KupTextFieldProps["integers"] = "Number of integers (should be used when inputType is number).";
   KupTextFieldProps["isClearable"] = "Enables a clear trailing icon.";
   KupTextFieldProps["label"] = "When set, its content will be shown as a label.";
   KupTextFieldProps["leadingLabel"] = "When set to true, the label will be on the left of the component.";
@@ -30960,7 +31220,7 @@ class FiltersTreeItems extends FiltersRows {
 
 const kupTreeCss = ":host{--kup_tree_border:var(--kup-tree-border, 1px solid var(--kup-border-color));--kup_tree_color:var(--kup-tree-color, var(--kup-text-color));--kup_tree_color_rgb:var(--kup-tree-color-rgb, var(--kup-text-color-rgb));--kup_tree_font_family:var(--kup-tree-font-family, var(--kup-font-family));--kup_tree_filter_background_color:var(--kup-tree-filter-background-color, var(--kup-background-color));--kup_tree_font_family_monospace:var(\n    --kup-tree-font-family-monospace,\n    var(--kup-font-family-monospace)\n  );--kup_tree_font_size:var(--kup-tree-font-size, var(--kup-font-size));--kup_tree_hover_color:var(--kup-tree-hover-color, var(--kup-hover-color));--kup_tree_hover_background_color:var(\n    --kup-tree-hover-background-color,\n    var(--kup-hover-background-color)\n  );--kup_tree_icon_color:var(--kup-tree-icon-color, var(--kup-icon-color));--kup_tree_primary_color:var(\n    --kup-tree-primary-color,\n    var(--kup-primary-color)\n  );--kup_tree_primary_color_rgb:var(\n    --kup-tree-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_tree_text_on_primary_color:var(\n    --kup-tree-text-on-primary-color,\n    var(--kup-text-on-primary-color)\n  );display:block;font-family:var(--kup_tree_font_family);font-size:var(--kup_tree_font_size)}:host([prevent-x-scroll]) .wrapper{overflow-x:hidden}#kup-component{color:var(--kup_tree_color)}.density-dense .wrapper .kup-tree td:not(.grid-cell),.density-dense .wrapper .kup-tree th{padding:0 0.5em}.density-dense .wrapper .kup-tree td:not(.grid-cell) .kup-tree__icon~.cell-content,.density-dense .wrapper .kup-tree td:not(.grid-cell) .kup-tree__icon+.cell-content,.density-dense .wrapper .kup-tree th .kup-tree__icon~.cell-content,.density-dense .wrapper .kup-tree th .kup-tree__icon+.cell-content{vertical-align:0.4em}.density-wide .wrapper .kup-tree td:not(.grid-cell),.density-wide .wrapper .kup-tree th{padding:0.75em 0.5em}.wrapper{overflow-x:auto}.wrapper .kup-tree{border-collapse:collapse;width:max-content}.wrapper .kup-tree thead{display:none}.wrapper .kup-tree thead.header--is-visible{display:table-header-group}.wrapper .kup-tree thead.header--is-visible th{padding:0.8em 0.5em;font-size:1.1em}.wrapper .kup-tree thead th{text-align:left}.wrapper .kup-tree tr,.wrapper .kup-tree td{font-size:1em;line-height:1em}.wrapper .kup-tree tr.mdc-ripple-surface,.wrapper .kup-tree td.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.wrapper .kup-tree tr.mdc-ripple-surface:before,.wrapper .kup-tree tr.mdc-ripple-surface:after,.wrapper .kup-tree td.mdc-ripple-surface:before,.wrapper .kup-tree td.mdc-ripple-surface:after{background-color:var(--kup_tree_primary_color)}.wrapper .kup-tree tr .kup-tree__icon~.cell-content,.wrapper .kup-tree tr .kup-tree__icon+.cell-content,.wrapper .kup-tree td .kup-tree__icon~.cell-content,.wrapper .kup-tree td .kup-tree__icon+.cell-content{display:inline-block;vertical-align:0.3em}.wrapper .kup-tree td:not(.grid-cell),.wrapper .kup-tree th{padding:0.4em 0.5em}.wrapper .kup-tree td{padding:0;white-space:nowrap}.wrapper .kup-tree__indent{display:inline-block;width:calc(1.5em * var(--kup_tree_node_depth, 0))}.wrapper .kup-tree__icon{display:inline-block;margin-right:0.4em;height:1.5em;min-width:1.5em;width:1.5em}.wrapper .kup-tree__node__expander{transition:transform 0.1s}.wrapper .kup-tree__node{cursor:default}.wrapper .kup-tree__node.with-dyn:not(.kup-tree__node--disabled){cursor:pointer}.wrapper .kup-tree__node:not(.kup-tree__node--disabled) .wrapper .kup-tree__node__expander{cursor:pointer}.wrapper .kup-tree__node:not(.kup-tree__node--disabled) .kup-icon.kup-tree__node__expander{cursor:pointer}.wrapper .kup-tree__node--disabled{opacity:0.4}.wrapper .kup-tree__node--disabled__expander{pointer-events:none}.wrapper .kup-tree__node .kup-icon:not(.is-image){background-color:var(--kup_tree_icon_color)}.wrapper .kup-tree__node .kup-icon.kup-tree__node__expander:not(.is-image){background-color:var(--kup_tree_color)}.wrapper .kup-tree__node .kup-icon.is-image img{display:block;height:auto;width:100%}.wrapper .kup-tree__node:hover:not(.kup-tree__node--disabled):not(.kup-tree__node--selected) td{background-color:var(--kup_tree_hover_background_color);color:var(--kup_tree_hover_color)}.wrapper .kup-tree__node:hover:not(.kup-tree__node--disabled):not(.kup-tree__node--selected) td .kup-icon{background-color:var(--kup_tree_hover_color)}.wrapper .kup-tree__node--selected:not(.kup-tree__node--disabled) td{background-color:rgba(var(--kup_tree_primary_color_rgb), 0.175);color:var(--kup_tree_color)}.wrapper .kup-tree[data-show-columns] .kup-tree__node{border-bottom:solid 1px var(--kup-border-color)}#global-filter{background:var(--kup_tree_filter_background_color);margin-bottom:1em;position:sticky;top:0;z-index:1}.first-node .cell-content{font-weight:bold}.cell-content--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--kup_tree_content_width, auto)}.cell-content--highlighted{color:var(--kup_tree_text_on_primary_color);background-color:var(--kup_tree_primary_color)}.kup-icon.kup-filter-remove-icon:not(.f-image){background-color:var(--kup_tree_color);margin:0 0.25em;height:1em;width:1em;cursor:pointer;float:right;margin:0 0.25em;opacity:0.5}.grid-cell{height:0}tfoot td{border-bottom:var(--kup_tree_border);border-right:var(--kup_tree_border);box-sizing:border-box;height:36px;text-align:right;font-weight:bold;padding:0.5em 0.3125em}tfoot td:hover{background-color:var(--kup-background-color)}tfoot td:first-of-type{border:none;border-right:var(--kup_tree_border)}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup_tree_color)}.totals-value{font-weight:bold}:host([as-accordion]) .wrapper .kup-tree thead{display:table-header-group}:host([as-accordion]) .wrapper .kup-tree thead tr{border-left:var(--kup_tree_border);border-right:var(--kup_tree_border)}:host([as-accordion]) .density-dense .first-node:not(.grid-cell){padding:0.5em 1em}:host([as-accordion]) .density-medium .first-node:not(.grid-cell){padding:1em 1.5em}:host([as-accordion]) .density-wide .first-node:not(.grid-cell){padding:1.75em 1.75em}:host([as-accordion]) .kup-tree__node--first{border:none;box-sizing:border-box;display:block}:host([as-accordion]) .kup-tree__node--first:hover,:host([as-accordion]) .kup-tree__node--first[data-is-expanded]{background-color:var(--kup_tree_hover_background_color)}:host([as-accordion]) .kup-tree__node--first:hover .cell-content,:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .cell-content{color:var(--kup_tree_hover_color)}:host([as-accordion]) .kup-tree__node--first:hover .kup-icon,:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .kup-icon{background-color:var(--kup_tree_hover_color)}:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .first-node{border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .kup-dropdown-icon{transform:rotate(180deg)}:host([as-accordion]) .kup-tree__node--first:first-of-type .first-node{border-top-left-radius:4px;border-top-right-radius:4px;border-top:var(--kup_tree_border)}:host([as-accordion]) .kup-tree__node--first:last-of-type .first-node{border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host([as-accordion]) .kup-tree__node--first .first-node{align-items:center;border-bottom:var(--kup_tree_border);border-left:var(--kup_tree_border);border-right:var(--kup_tree_border);box-sizing:border-box;color:var(--kup_tree_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;text-align:left;transition:background-color 80ms, color 80ms;width:100%}:host([as-accordion]) .kup-tree__node--first .kup-tree__icon{margin-left:0;margin-right:0.5em;min-width:1.5em}:host([as-accordion]) .kup-tree__node--first .cell-content{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}:host([as-accordion]) .kup-tree__node--first .kup-dropdown-icon{background-color:var(--kup_tree_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform 0.1s}:host([as-accordion]) .kup-tree__node:not(.kup-tree__node--first)+.kup-tree__node--first{border-top:var(--kup_tree_border);border-top-left-radius:4px;border-top-right-radius:4px}.kup-menu{animation:fade-in 0.25s ease-out;background-color:var(--kup-background-color);box-shadow:var(--kup-box-shadow);color:var(--kup-text-color);display:none;max-height:33vh;overflow:auto;position:relative;transform:none;transform-origin:unset;transition:height 0.2s;will-change:unset}.kup-menu.visible{display:block}.kup-icon.kup-collapsed-icon{-webkit-mask:var(--kup-collapsed-icon);mask:var(--kup-collapsed-icon)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}.kup-icon.kup-expanded-icon{-webkit-mask:var(--kup-expanded-icon);mask:var(--kup-expanded-icon)}.kup-icon.kup-filter-remove-icon{-webkit-mask:var(--kup-filter-remove-icon);mask:var(--kup-filter-remove-icon)}:host(.kup-borderless) .first-node{border:none !important}:host(.kup-borderless) .kup-tree__node:not(.kup-tree__node--first)+.kup-tree__node--first{border:none !important}:host(.kup-full-width){min-width:100%}:host(.kup-full-width) table.kup-tree{min-width:100%}:host(.kup-layout-fixed) #kup-component table{table-layout:fixed;width:100%}:host(.kup-shaped) td.mdc-ripple-surface{border-radius:0 66px 66px 0}tr.clickable{cursor:pointer}";
 
-var __classPrivateFieldGet$6 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$7 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
   if (kind === "a" && !f)
     throw new TypeError("Private accessor was defined without a getter");
   if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -31059,31 +31319,31 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
   persistState() {
     if (this.store && this.stateId) {
       let somethingChanged = false;
-      if (!__classPrivateFieldGet$6(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.filters, this.filters)) {
+      if (!__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.filters, this.filters)) {
         this.state.filters = Object.assign({}, this.filters);
         somethingChanged = true;
       }
-      if (!__classPrivateFieldGet$6(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.density, this.density)) {
+      if (!__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.density, this.density)) {
         this.state.density = this.density;
         somethingChanged = true;
       }
-      if (!__classPrivateFieldGet$6(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.showFilters, this.showFilters)) {
+      if (!__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.showFilters, this.showFilters)) {
         this.state.showFilters = this.showFilters;
         somethingChanged = true;
       }
-      if (!__classPrivateFieldGet$6(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.showFooter, this.showFooter)) {
+      if (!__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.showFooter, this.showFooter)) {
         this.state.showFooter = this.showFooter;
         somethingChanged = true;
       }
-      if (!__classPrivateFieldGet$6(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.totals, this.totals)) {
+      if (!__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.totals, this.totals)) {
         this.state.totals = Object.assign({}, this.totals);
         somethingChanged = true;
       }
-      if (!__classPrivateFieldGet$6(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.globalFilter, this.globalFilter)) {
+      if (!__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.globalFilter, this.globalFilter)) {
         this.state.globalFilter = this.globalFilter;
         somethingChanged = true;
       }
-      if (!__classPrivateFieldGet$6(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
+      if (!__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
         this.state.globalFilterValue = this.globalFilterValue;
         somethingChanged = true;
       }
@@ -31214,7 +31474,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
    * @param {KupDataColumn} column - Column to hide.
    */
   async hideColumn(column) {
-    __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").data.column.hide(this.columns, [column.name]);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").data.column.hide(this.columns, [column.name]);
     this.kupColumnRemove.emit({
       comp: this,
       id: this.rootElement.id,
@@ -31298,21 +31558,21 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
     return this.treeColumnVisible;
   }
   checkScrollOnHover() {
-    if (!__classPrivateFieldGet$6(this, _KupTree_kupManager, "f").scrollOnHover.isRegistered(this.treeWrapperRef)) {
+    if (!__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").scrollOnHover.isRegistered(this.treeWrapperRef)) {
       if (this.scrollOnHover) {
-        __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").scrollOnHover.register(this.treeWrapperRef);
+        __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").scrollOnHover.register(this.treeWrapperRef);
       }
     }
     else {
       if (!this.scrollOnHover) {
-        __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").scrollOnHover.unregister(this.treeWrapperRef);
+        __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").scrollOnHover.unregister(this.treeWrapperRef);
       }
     }
   }
   onKupTreeNodeDblClick(treeNodeData, treeNodePath) {
     for (let index = 0; index < this.clickTimeout.length; index++) {
       clearTimeout(this.clickTimeout[index]);
-      __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").debug.logMessage(this, 'Cleared hdlTreeNodeClick timeout(' +
+      __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").debug.logMessage(this, 'Cleared hdlTreeNodeClick timeout(' +
         this.clickTimeout[index] +
         ').');
     }
@@ -31501,7 +31761,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
   }
   contextMenuHandler(e) {
     e.preventDefault();
-    const details = this.getEventDetails(__classPrivateFieldGet$6(this, _KupTree_kupManager, "f").getEventPath(e.target, this.rootElement), e);
+    const details = this.getEventDetails(__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").getEventPath(e.target, this.rootElement), e);
     if (details.area === 'header') {
       if (details.th && details.column) {
         this.openColumnMenu(details.column.name);
@@ -31524,7 +31784,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
       (this.expansionMode.toLowerCase() === KupTreeExpansionMode.NODE &&
         !treeNodeData.expandable)) {
       const td = e
-        ? __classPrivateFieldGet$6(this, _KupTree_kupManager, "f")
+        ? __classPrivateFieldGet$7(this, _KupTree_kupManager, "f")
           .getEventPath(e.target, this.rootElement)
           .find((el) => {
           if (el.tagName === 'TD')
@@ -31718,10 +31978,10 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
   refreshStructureState() {
     if (this.data) {
       if (this.data.columns) {
-        __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").debug.logMessage(this, 'Detected KupDataDataset: setting up tree as grid.', KupDebugCategory.WARNING);
+        __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").debug.logMessage(this, 'Detected KupDataDataset: setting up tree as grid.', KupDebugCategory.WARNING);
         const data = this.data;
         this.columns = data.columns;
-        this.data = __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").data.row.toNode(data);
+        this.data = __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").data.row.toNode(data);
         this.showColumns = true;
         this.showHeader = true;
       }
@@ -31784,7 +32044,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
       //---- Filter ----
       let filter = null;
       if (this.filtersColumnMenuInstance.hasFiltersForColumn(this.filters, column)) {
-        const svgLabel = __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").language.translate(KupLanguageGeneric.REMOVE_FILTERS) + `: '${this.getFilterValueForTooltip(column)}'`;
+        const svgLabel = __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageGeneric.REMOVE_FILTERS) + `: '${this.getFilterValueForTooltip(column)}'`;
         /**
          * When column has a filter but filters must not be displayed, shows an icon to remove the filter.
          * Upon click, the filter gets removed.
@@ -31859,9 +32119,9 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
         expandClass += ` ${KupThemeIconValues.COLLAPSED.replace('--', '')}`;
       }
     }
-    let treeExpandIcon = (h("span", { title: __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").language.translate(KupLanguageGeneric.EXPAND) +
+    let treeExpandIcon = (h("span", { title: __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageGeneric.EXPAND) +
         '/' +
-        __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").language.translate(KupLanguageGeneric.COLLAPSE) +
+        __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageGeneric.COLLAPSE) +
         ' (CTRL + Click)', class: expandClass, onClick: this.expansionMode.toLowerCase() ===
         KupTreeExpansionMode.DROPDOWN && !treeNodeData.disabled
         ? (event) => {
@@ -31934,8 +32194,8 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
       }
     }
     let title = undefined;
-    if (!__classPrivateFieldGet$6(this, _KupTree_kupManager, "f").objects.isEmptyKupObj(treeNodeData.obj) &&
-      __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").debug.isDebug()) {
+    if (!__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").objects.isEmptyKupObj(treeNodeData.obj) &&
+      __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").debug.isDebug()) {
       title =
         treeNodeData.obj.t +
           '; ' +
@@ -31958,7 +32218,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
           'mdc-ripple-surface': this.ripple &&
             !this.showColumns &&
             !treeNodeData.disabled,
-          'is-obj': !__classPrivateFieldGet$6(this, _KupTree_kupManager, "f").objects.isEmptyKupObj(treeNodeData.obj),
+          'is-obj': !__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").objects.isEmptyKupObj(treeNodeData.obj),
         }, style: treeNodeData.style || null, title: title, onDblClick: () => {
           this.onKupTreeNodeDblClick(treeNodeData, treeNodePath);
         } }, this.asAccordion && !treeNodeDepth
@@ -31981,7 +32241,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
   }
   closeTotalMenu() {
     this.openedTotalMenu = null;
-    __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").removeClickCallback(this.clickCb);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").removeClickCallback(this.clickCb);
   }
   isOpenedTotalMenuForColumn(column) {
     return this.openedTotalMenu === column;
@@ -32011,15 +32271,15 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
       let totalMenu = undefined;
       let menuLabel = TotalLabel.CALC;
       const translation = {
-        [TotalLabel.AVERAGE]: __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.AVERAGE),
-        [TotalLabel.CALC]: __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.CALCULATE),
-        [TotalLabel.CANC]: __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.CANCEL),
-        [TotalLabel.COUNT]: __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.COUNT),
-        [TotalLabel.DISTINCT]: __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.DISTINCT),
-        [TotalLabel.MATH]: __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.FORMULA),
-        [TotalLabel.MAX]: __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.MAXIMUM),
-        [TotalLabel.MIN]: __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.MINIMUM),
-        [TotalLabel.SUM]: __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.SUM),
+        [TotalLabel.AVERAGE]: __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.AVERAGE),
+        [TotalLabel.CALC]: __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.CALCULATE),
+        [TotalLabel.CANC]: __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.CANCEL),
+        [TotalLabel.COUNT]: __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.COUNT),
+        [TotalLabel.DISTINCT]: __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.DISTINCT),
+        [TotalLabel.MATH]: __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.FORMULA),
+        [TotalLabel.MAX]: __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.MAXIMUM),
+        [TotalLabel.MIN]: __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.MINIMUM),
+        [TotalLabel.SUM]: __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.SUM),
       };
       if (this.totals) {
         const totalValue = this.totals[column.name];
@@ -32062,7 +32322,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
             value: translation[TotalLabel.DISTINCT],
           },
         ];
-        if (__classPrivateFieldGet$6(this, _KupTree_kupManager, "f").objects.isNumber(column.obj)) {
+        if (__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").objects.isNumber(column.obj)) {
           listData.push({
             id: TotalMode.SUM,
             value: translation[TotalLabel.SUM],
@@ -32094,7 +32354,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
         value = this.footer[column.name];
       }
       else {
-        value = numberToFormattedStringNumber(this.footer[column.name], column.decimals, column.obj ? column.obj.p : '');
+        value = __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").math.numberToFormattedString(this.footer[column.name], column.decimals, column.obj ? column.obj.p : '');
       }
       return (h("td", { "data-column": column.name }, totalMenu, h("span", { class: "totals-value", title: translation[menuLabel] }, value)));
     });
@@ -32128,25 +32388,25 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
         });
       }
     };
-    __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").interact.on(this.treeWrapperRef, KupPointerEventTypes.TAP, tapCb);
-    __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").interact.on(this.treeWrapperRef, KupPointerEventTypes.HOLD, holdCb);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").interact.on(this.treeWrapperRef, KupPointerEventTypes.TAP, tapCb);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").interact.on(this.treeWrapperRef, KupPointerEventTypes.HOLD, holdCb);
   }
   totalMenuPosition() {
     if (this.rootElement.shadowRoot) {
       const menu = this.rootElement.shadowRoot.querySelector('#totals-menu');
       if (menu) {
-        __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").dynamicPosition.register(menu, this.totalMenuCoords);
+        __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").dynamicPosition.register(menu, this.totalMenuCoords);
         if (!this.clickCb) {
           this.clickCb = {
             cb: () => {
               this.closeTotalMenu();
-              __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").dynamicPosition.stop(menu);
+              __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").dynamicPosition.stop(menu);
             },
             el: menu,
           };
         }
-        __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").addClickCallback(this.clickCb, true);
-        __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").dynamicPosition.start(menu);
+        __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").addClickCallback(this.clickCb, true);
+        __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").dynamicPosition.start(menu);
         menu.menuVisible = true;
       }
     }
@@ -32204,20 +32464,20 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
   /*          L i f e c y c l e   H o o k s          */
   /*-------------------------------------------------*/
   componentWillLoad() {
-    __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").debug.logLoad(this, false);
-    __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").language.register(this);
-    __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").theme.register(this);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").debug.logLoad(this, false);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.register(this);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").theme.register(this);
     this.columnMenuInstance = new KupColumnMenu();
     this.refreshStructureState();
   }
   componentDidLoad() {
     this.didLoadInteractables();
     this.kupDidLoad.emit({ comp: this, id: this.rootElement.id });
-    __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").resize.observe(this.rootElement);
-    __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").debug.logLoad(this, true);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").resize.observe(this.rootElement);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").debug.logLoad(this, true);
   }
   componentWillRender() {
-    __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").debug.logRender(this, false);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").debug.logRender(this, false);
     if (this.showFooter && this.columns) {
       this.footer = calcTotals(normalizeRows(this.getColumns(), this.nodesToRows()), this.totals);
     }
@@ -32249,7 +32509,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
     this.persistState();
     // ***
     this.oldWidth = this.rootElement.clientWidth;
-    __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").debug.logRender(this, true);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").debug.logRender(this, true);
   }
   render() {
     this.contentRefs = [];
@@ -32272,7 +32532,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
     }
     else {
       // There are no TreeNodes, so we print a single cell with a caption
-      treeNodes.push(h("tr", null, h("td", null, __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA))));
+      treeNodes.push(h("tr", null, h("td", null, __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA))));
     }
     // Calculates if header must be shown or not
     const visibleHeader = this.showHeader && this.showColumns;
@@ -32281,12 +32541,12 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
       this.data &&
       this.data.length &&
       this.data.length > 0) {
-      filterField = (h("div", { id: "global-filter" }, h("kup-text-field", { fullWidth: true, label: __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
+      filterField = (h("div", { id: "global-filter" }, h("kup-text-field", { fullWidth: true, label: __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
           window.clearTimeout(this.globalFilterTimeout);
           this.globalFilterTimeout = window.setTimeout(() => this.onGlobalFilterChange(event), 600);
         } })));
     }
-    return (h(Host, null, h("style", null, __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId, class: wrapperClass }, filterField, h("div", { class: "wrapper", ref: (el) => (this.treeWrapperRef =
+    return (h(Host, null, h("style", null, __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId, class: wrapperClass }, filterField, h("div", { class: "wrapper", ref: (el) => (this.treeWrapperRef =
         el) }, h("table", { class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
         e.preventDefault();
       } }, h("thead", { class: {
@@ -32297,18 +32557,18 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
       : null)))));
   }
   disconnectedCallback() {
-    __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").language.register(this);
-    __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").resize.unobserve(this.rootElement);
-    __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").theme.unregister(this);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.register(this);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").resize.unobserve(this.rootElement);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").theme.unregister(this);
     const dynamicPositionElements = this.rootElement.shadowRoot.querySelectorAll('[' + kupDynamicPositionAttribute + ']');
     if (dynamicPositionElements.length > 0) {
-      __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").dynamicPosition.unregister(Array.prototype.slice.call(dynamicPositionElements));
+      __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").dynamicPosition.unregister(Array.prototype.slice.call(dynamicPositionElements));
     }
     if (this.columnMenuCard) {
       this.columnMenuCard.remove();
     }
     if (this.scrollOnHover) {
-      __classPrivateFieldGet$6(this, _KupTree_kupManager, "f").scrollOnHover.unregister(this.treeWrapperRef);
+      __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").scrollOnHover.unregister(this.treeWrapperRef);
     }
     this.kupDidUnload.emit({ comp: this, id: this.rootElement.id });
   }
@@ -32702,13 +32962,13 @@ const KupTimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   /*           P r i v a t e   M e t h o d s         */
   /*-------------------------------------------------*/
   getFormattedValue(value) {
-    return formattedStringToCustomUnformattedStringTime(value, this.manageSeconds
+    return this.kupManager.dates.formattedStringToCustomDateTime(value, this.manageSeconds
       ? KupDatesFormats.ISO_TIME
       : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS, this.manageSeconds);
   }
   refreshPickerValue(eventDetailValue, eventToRaise) {
     let newValue = null;
-    if (isValidFormattedStringTime(eventDetailValue, this.manageSeconds)) {
+    if (this.kupManager.dates.isValidFormattedStringTime(eventDetailValue, this.manageSeconds)) {
       this.value = eventDetailValue;
       newValue = this.value;
     }
@@ -32858,8 +33118,8 @@ const KupTimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         date.getMinutes() == selectedTime.getMinutes()) {
         selected = true;
       }
-      const value = formatTime(date, this.manageSeconds);
-      const id = formattedStringToCustomUnformattedStringTime(value, this.manageSeconds
+      const value = this.kupManager.dates.formatTime(date, this.manageSeconds);
+      const id = this.kupManager.dates.formattedStringToCustomDateTime(value, this.manageSeconds
         ? KupDatesFormats.ISO_TIME
         : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS, this.manageSeconds);
       let item = {
@@ -32876,7 +33136,7 @@ const KupTimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     if (this.value == null || this.value.trim() == '') {
       return '';
     }
-    let v1 = unformattedStringToFormattedStringTime(this.value, this.manageSeconds);
+    let v1 = this.kupManager.dates.timeStringToFormattedString(this.value, this.manageSeconds);
     return v1;
   }
   /*-------------------------------------------------*/
@@ -33085,6 +33345,14 @@ function defineCustomElement$p() {
 
 const kupTextFieldCss = ":host{display:block;font-size:var(--kup-font-size)}:host([full-width]){width:100%}:host([full-width]) #kup-component{width:100%}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component,:host(.kup-full-height) .f-text-field,:host(.kup-full-height) .mdc-text-field{height:100%}:host(.kup-shaped) #kup-component .mdc-text-field.mdc-text-field--filled{border-radius:16px 16px 0 0}:host(.kup-shaped) #kup-component .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{border-radius:28px 0 0 28px;width:28px}:host(.kup-shaped) #kup-component .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-radius:0 28px 28px 0;width:28px}";
 
+var __classPrivateFieldGet$6 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+  if (kind === "a" && !f)
+    throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+    throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _KupTextField_instances, _KupTextField_getValueForOutput, _KupTextField_setValueFromEventTaget;
 const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
   constructor() {
     super();
@@ -33098,16 +33366,19 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
     this.kupIconClick = createEvent(this, "kup-textfield-iconclick", 6);
     this.kupClearIconClick = createEvent(this, "kup-textfield-cleariconclick", 6);
     this.kupTextFieldSubmit = createEvent(this, "kup-textfield-submit", 6);
+    _KupTextField_instances.add(this);
     /**
      * Instance of the KupManager class.
      */
     this.kupManager = kupManagerInstance();
     this.value = '';
+    this.allowNegative = false;
     this.customStyle = '';
     this.decimals = null;
     this.disabled = false;
     this.emitSubmitEventOnEnter = true;
     this.fullWidth = false;
+    this.group = false;
     this.helper = null;
     this.helperEnabled = true;
     this.helperWhenFocused = false;
@@ -33115,6 +33386,7 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
     this.initialValue = '';
     this.inputMode = null;
     this.inputType = 'text';
+    this.integers = null;
     this.isClearable = false;
     this.label = null;
     this.leadingLabel = false;
@@ -33131,35 +33403,36 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
   }
   onKupBlur(event) {
     const { target } = event;
+    __classPrivateFieldGet$6(this, _KupTextField_instances, "m", _KupTextField_setValueFromEventTaget).call(this, target);
     this.kupBlur.emit({
       comp: this,
       id: this.rootElement.id,
-      value: target.value,
+      value: this.value,
     });
   }
   onKupChange(event) {
     const { target } = event;
-    this.value = target.value;
+    __classPrivateFieldGet$6(this, _KupTextField_instances, "m", _KupTextField_setValueFromEventTaget).call(this, target);
     this.kupChange.emit({
       comp: this,
       id: this.rootElement.id,
-      value: target.value,
+      value: this.value,
     });
   }
   onKupClick(event) {
     const { target } = event;
+    __classPrivateFieldGet$6(this, _KupTextField_instances, "m", _KupTextField_setValueFromEventTaget).call(this, target);
     this.kupClick.emit({
       comp: this,
       id: this.rootElement.id,
-      value: target.value,
+      value: this.value,
     });
   }
-  onKupFocus(event) {
-    const { target } = event;
+  onKupFocus(_event) {
     this.kupFocus.emit({
       comp: this,
       id: this.rootElement.id,
-      value: target.value,
+      value: this.value,
     });
   }
   onKupInput(event) {
@@ -33187,12 +33460,14 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
     });
   }
   onKeyDown(event) {
+    const { target } = event;
     if (event.key === 'Enter') {
       if (this.emitSubmitEventOnEnter == true) {
+        __classPrivateFieldGet$6(this, _KupTextField_instances, "m", _KupTextField_setValueFromEventTaget).call(this, target);
         this.kupTextFieldSubmit.emit({
           comp: this,
           id: this.rootElement.id,
-          value: this.inputEl.value,
+          value: this.value,
         });
       }
     }
@@ -33212,6 +33487,9 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
    * Returns the component's internal value.
    */
   async getValue() {
+    if (this.inputType == 'number') {
+      return this.kupManager.math.formattedStringToNumberString(this.value, '');
+    }
     return this.value;
   }
   /**
@@ -33239,7 +33517,7 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
   async setValue(value) {
     this.value = value;
     try {
-      this.inputEl.value = value;
+      this.inputEl.value = __classPrivateFieldGet$6(this, _KupTextField_instances, "m", _KupTextField_getValueForOutput).call(this);
     }
     catch (error) {
       this.kupManager.debug.logMessage(this, "Couldn't set value on input element: '" + value + "'", KupDebugCategory.WARNING);
@@ -33275,6 +33553,7 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
   }
   render() {
     const props = {
+      allowNegative: this.allowNegative,
       danger: this.rootElement.classList.contains('kup-danger')
         ? true
         : false,
@@ -33284,6 +33563,7 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
         ? true
         : false,
       fullWidth: this.fullWidth,
+      group: this.group,
       helper: this.helper,
       helperEnabled: this.helperEnabled,
       helperWhenFocused: this.helperWhenFocused,
@@ -33293,6 +33573,7 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
         : false,
       inputMode: this.inputMode,
       inputType: this.inputType,
+      integers: this.integers,
       isClearable: this.isClearable,
       label: this.label,
       leadingLabel: this.leadingLabel,
@@ -33336,11 +33617,13 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
   get rootElement() { return this; }
   static get style() { return kupTextFieldCss; }
 }, [1, "kup-text-field", {
+    "allowNegative": [4, "allow-negative"],
     "customStyle": [1, "custom-style"],
     "decimals": [2],
     "disabled": [4],
     "emitSubmitEventOnEnter": [4, "emit-submit-event-on-enter"],
     "fullWidth": [516, "full-width"],
+    "group": [4],
     "helper": [1],
     "helperEnabled": [4, "helper-enabled"],
     "helperWhenFocused": [4, "helper-when-focused"],
@@ -33348,6 +33631,7 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
     "initialValue": [1, "initial-value"],
     "inputMode": [1, "input-mode"],
     "inputType": [1, "input-type"],
+    "integers": [2],
     "isClearable": [4, "is-clearable"],
     "label": [1],
     "leadingLabel": [4, "leading-label"],
@@ -33369,6 +33653,20 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
     "setProps": [64],
     "setValue": [64]
   }]);
+_KupTextField_instances = new WeakSet(), _KupTextField_getValueForOutput = function _KupTextField_getValueForOutput() {
+  if (this.value == null || this.value.trim() == '') {
+    return '';
+  }
+  let v1 = this.kupManager.math.numberStringToFormattedString(this.value, this.decimals, '');
+  return v1;
+}, _KupTextField_setValueFromEventTaget = function _KupTextField_setValueFromEventTaget(target) {
+  if (this.inputType == 'number') {
+    this.value = this.kupManager.math.formattedStringToNumberString(target.value, '');
+  }
+  else {
+    this.value = target.value;
+  }
+};
 function defineCustomElement$o() {
   if (typeof customElements === "undefined") {
     return;
@@ -36456,7 +36754,7 @@ const KupGauge = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
         let retValue = '';
         if (thresholdPercentage > 0 && thresholdPercentage < 1) {
           if (this.showLabels && !this.onlyValue) {
-            retValue = (h("text", { class: "gauge__label-text", "text-anchor": textPosition, x: topX, y: topY }, unformattedStringToFormattedStringNumber(String(threshold), -1, '')));
+            retValue = (h("text", { class: "gauge__label-text", "text-anchor": textPosition, x: topX, y: topY }, this.kupManager.math.numberStringToFormattedString(String(threshold), -1, '')));
           }
         }
         else {
@@ -36469,7 +36767,7 @@ const KupGauge = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
               topX = this.size - this.arcThickness;
               topY = halvedSize + this.labelDistance;
             }
-            retValue = (h("text", { class: "gauge__label-text", "text-anchor": textPosition, x: topX, y: topY }, unformattedStringToFormattedStringNumber(String(threshold), -1, '')));
+            retValue = (h("text", { class: "gauge__label-text", "text-anchor": textPosition, x: topX, y: topY }, this.kupManager.math.numberStringToFormattedString(String(threshold), -1, '')));
           }
         }
         return retValue;
@@ -36478,7 +36776,7 @@ const KupGauge = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
     const style = { fontSize: this.calculateValueFontSize() };
     let valueText = undefined;
     if (this.showValue) {
-      valueText = (h("text", { class: "gauge__label-text value", "text-anchor": "middle", x: halvedSize, y: valueLabelYPosition, style: style }, unformattedStringToFormattedStringNumber(String(tempValue), -1, '') +
+      valueText = (h("text", { class: "gauge__label-text value", "text-anchor": "middle", x: halvedSize, y: valueLabelYPosition, style: style }, this.kupManager.math.numberStringToFormattedString(String(tempValue), -1, '') +
         ' ' +
         this.measurementUnit));
     }
@@ -39604,7 +39902,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
         }
       }
       else {
-        value = numberToFormattedStringNumber(footerValue, column.decimals, column.obj ? column.obj.p : '');
+        value = __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").math.numberToFormattedString(footerValue, column.decimals, column.obj ? column.obj.p : '');
       }
       return (h("td", { "data-column": column.name, class: fixedCellStyle && fixedCellStyle.fixedCellClasses
           ? fixedCellStyle.fixedCellClasses
@@ -41723,7 +42021,8 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             }
           }
           else {
-            value = numberToFormattedStringNumber(totalValue, column.decimals, column.obj ? column.obj.p : '');
+            value =
+              __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").math.numberToFormattedString(totalValue, column.decimals, column.obj ? column.obj.p : '');
           }
         }
         cells.push(h("td", { class: totalClass }, value));
@@ -46597,4 +46896,4 @@ function defineCustomElement() {
   } });
 }
 
-export { FPaginatorMode as $, defineCustomElement$5 as A, defineCustomElement$4 as B, defineCustomElement$3 as C, defineCustomElement$2 as D, defineCustomElement$1 as E, FImage as F, defineCustomElement as G, KupAutocomplete as H, KupBadge as I, identify as J, KupThemeColorValues as K, filterRows as L, MDCRipple as M, paginateRows as N, sortRows as O, getColumnByName as P, KupLanguageGeneric as Q, FCell as R, KupDebugCategory as S, FChip as T, KupPointerEventTypes as U, KupDragEffect as V, kupDraggableCellAttr as W, KupDropEventTypes as X, FTextFieldMDC as Y, KupLanguageSearch as Z, FPaginator as _, KupThemeIconValues as a, pageChange as a0, rowsPerPageChange as a1, SortMode as a2, KupButton as a3, KupButtonList as a4, __extends as a5, __assign as a6, __spreadArray as a7, createCommonjsModule as a8, getDefaultExportFromCjs as a9, kupDraggableColumnAttr as aA, kupDraggableRowAttr as aB, KupDynamicPositionPlacement as aC, KupCardFamily as aD, commonjsGlobal as aE, KupDatesFormats as aF, KupProgressBar as aG, KupRadio as aH, KupRating as aI, KupSpinner as aJ, KupSwitch as aK, KupTabBar as aL, KupTextField as aM, KupTimePicker as aN, KupTree as aO, KupDatesLocales as aa, FButton as ab, FChipType as ac, KupCard as ad, FCellPadding as ae, KupChart as af, KupCheckbox as ag, KupChip as ah, KupColorPicker as ai, KupCombobox as aj, getCellValueForDisplay as ak, getDecimalSeparator as al, KupLanguageDashboard as am, FTextField as an, FCheckbox as ao, KupDataTable as ap, KupDatePicker as aq, KupDialog as ar, KupDropdownButton as as, KupDataNewColumnTypes as at, FButtonStyling as au, KupForm as av, KupGauge as aw, KupImage as ax, KupList as ay, kupDropEvent as az, defineCustomElement$p as b, componentWrapperId as c, defineCustomElement$q as d, defineCustomElement$o as e, defineCustomElement$n as f, getProps as g, defineCustomElement$m as h, defineCustomElement$l as i, defineCustomElement$k as j, kupManagerInstance as k, defineCustomElement$j as l, defineCustomElement$i as m, defineCustomElement$h as n, defineCustomElement$g as o, defineCustomElement$f as p, defineCustomElement$b as q, defineCustomElement$e as r, setProps as s, defineCustomElement$c as t, defineCustomElement$d as u, defineCustomElement$a as v, defineCustomElement$9 as w, defineCustomElement$8 as x, defineCustomElement$7 as y, defineCustomElement$6 as z };
+export { KupLanguageSearch as $, defineCustomElement$5 as A, defineCustomElement$4 as B, defineCustomElement$3 as C, defineCustomElement$2 as D, defineCustomElement$1 as E, FImage as F, defineCustomElement as G, KupAutocomplete as H, KupBadge as I, identify as J, KupThemeColorValues as K, filterRows as L, MDCRipple as M, paginateRows as N, sortRows as O, getColumnByName as P, pageChange as Q, rowsPerPageChange as R, KupLanguageGeneric as S, FCell as T, KupDebugCategory as U, FChip as V, KupPointerEventTypes as W, KupDragEffect as X, kupDraggableCellAttr as Y, KupDropEventTypes as Z, FTextFieldMDC as _, KupThemeIconValues as a, FPaginator as a0, FPaginatorMode as a1, SortMode as a2, KupButton as a3, KupButtonList as a4, __extends as a5, __assign as a6, __spreadArray as a7, createCommonjsModule as a8, getDefaultExportFromCjs as a9, kupDraggableRowAttr as aA, KupDynamicPositionPlacement as aB, KupCardFamily as aC, commonjsGlobal as aD, KupDatesFormats as aE, KupProgressBar as aF, KupRadio as aG, KupRating as aH, KupSpinner as aI, KupSwitch as aJ, KupTabBar as aK, KupTextField as aL, KupTimePicker as aM, KupTree as aN, KupDatesLocales as aa, FButton as ab, FChipType as ac, KupCard as ad, FCellPadding as ae, KupChart as af, KupCheckbox as ag, KupChip as ah, KupColorPicker as ai, KupCombobox as aj, getCellValueForDisplay as ak, KupLanguageDashboard as al, FTextField as am, FCheckbox as an, KupDataTable as ao, KupDatePicker as ap, KupDialog as aq, KupDropdownButton as ar, KupDataNewColumnTypes as as, FButtonStyling as at, KupForm as au, KupGauge as av, KupImage as aw, KupList as ax, kupDropEvent as ay, kupDraggableColumnAttr as az, defineCustomElement$p as b, componentWrapperId as c, defineCustomElement$q as d, defineCustomElement$o as e, defineCustomElement$n as f, getProps as g, defineCustomElement$m as h, defineCustomElement$l as i, defineCustomElement$k as j, kupManagerInstance as k, defineCustomElement$j as l, defineCustomElement$i as m, defineCustomElement$h as n, defineCustomElement$g as o, defineCustomElement$f as p, defineCustomElement$b as q, defineCustomElement$e as r, setProps as s, defineCustomElement$c as t, defineCustomElement$d as u, defineCustomElement$a as v, defineCustomElement$9 as w, defineCustomElement$8 as x, defineCustomElement$7 as y, defineCustomElement$6 as z };