@sme.up/ketchup 8.0.0 → 8.0.1

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.
@@ -7099,7 +7099,7 @@ var KupDatesLocales;
   KupDatesLocales["SPANISH"] = "es";
 })(KupDatesLocales || (KupDatesLocales = {}));
 
-const dom$p = document.documentElement;
+const dom$q = document.documentElement;
 var DateTimeFormatOptionsMonth;
 (function (DateTimeFormatOptionsMonth) {
   DateTimeFormatOptionsMonth["NUMERIC"] = "numeric";
@@ -7115,12 +7115,6 @@ function identify(array) {
     }
   }
 }
-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',
@@ -7130,7 +7124,7 @@ function getCurrentTimeFormatFromBrowserLocale(manageSeconds) {
   if (manageSeconds == true) {
     options.second = '2-digit';
   }
-  const formatObj = new Intl.DateTimeFormat(dom$p.ketchup.dates.getLocale() + '-u-hc-h23', options).formatToParts(new Date());
+  const formatObj = new Intl.DateTimeFormat(dom$q.ketchup.dates.getLocale() + '-u-hc-h23', options).formatToParts(new Date());
   let timeFormat = formatObj
     .map((obj) => {
     switch (obj.type) {
@@ -7174,7 +7168,7 @@ function stringToNumber(input) {
   if (!input || input == null || input.trim() == '') {
     input = '0';
   }
-  return dom$p.ketchup.math.numberify(input);
+  return dom$q.ketchup.math.numberify(input);
 }
 /**
  * @param input number
@@ -7185,7 +7179,7 @@ function numberToString(input, decimals) {
   if (input == null) {
     return '';
   }
-  return _numberToString(input, decimals, dom$p.ketchup.dates.getLocale(), true);
+  return _numberToString(input, decimals, dom$q.ketchup.dates.getLocale(), true);
 }
 /**
  * @param type - type of number for calculate suffix
@@ -7237,7 +7231,7 @@ function unformattedStringToFormattedStringNumber(input, decimals, type) {
  * @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()));
+  return numberStringToNumberString(input, type, dom$q.ketchup.math.decimalSeparator());
 }
 /**
  * @param input number as string, formatted by locale US, decimal separator . (like java decimal numbers), with group separator
@@ -7267,16 +7261,13 @@ function numberStringToNumberString(input, type, decFmt) {
   if (decFmt != '.') {
     input = input.replace(/,/g, '.');
   }
-  if (dom$p.ketchup.math.numberify(input) == null ||
-    isNaN(dom$p.ketchup.math.numberify(input))) {
+  if (dom$q.ketchup.math.numberify(input) == null ||
+    isNaN(dom$q.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;
@@ -7319,7 +7310,7 @@ function formatTime(time, manageSeconds) {
   if (manageSeconds == true) {
     options.second = '2-digit';
   }
-  return time.toLocaleTimeString(dom$p.ketchup.dates.getLocale() + '-u-hc-h23', options);
+  return time.toLocaleTimeString(dom$q.ketchup.dates.getLocale() + '-u-hc-h23', options);
 }
 /**
  * @param value time string, formatted by actual browser locale
@@ -7327,7 +7318,7 @@ function formatTime(time, manageSeconds) {
  */
 function isValidFormattedStringTime(value, manageSeconds) {
   let format = getCurrentTimeFormatFromBrowserLocale(manageSeconds);
-  return dom$p.ketchup.dates.isValid(value, format, true);
+  return dom$q.ketchup.dates.isValid(value, format, true);
 }
 /**
  * @param value date/time as string, formatted by actual browser locale
@@ -7344,8 +7335,8 @@ function formattedStringToDefaultUnformattedStringTimestamp(value) {
  **/
 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);
+  if (dom$q.ketchup.dates.isValid(value, inputFormat)) {
+    return dom$q.ketchup.dates.format(dom$q.ketchup.dates.normalize(value, KupDatesNormalize.TIME), outputFormat);
   }
   else {
     return '';
@@ -7367,12 +7358,12 @@ function unformattedStringToFormattedStringTime(value, manageSeconds, customedFo
   if (manageSeconds == true) {
     options.second = '2-digit';
   }
-  let date = dom$p.ketchup.dates.toDate(dom$p.ketchup.dates.normalize(value, KupDatesNormalize.TIME));
+  let date = dom$q.ketchup.dates.toDate(dom$q.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);
+    return date.toLocaleTimeString(dom$q.ketchup.dates.getLocale() + '-u-hc-h23', options);
   }
   switch (customedFormat) {
     case 'I13': {
@@ -7441,7 +7432,7 @@ function formatByCustomedOutputTimeFormat(valueStr, date, options, customedForma
       return valueStr;
     }
   }
-  return date.toLocaleTimeString(dom$p.ketchup.dates.getLocale() + '-u-hc-h23', options);
+  return date.toLocaleTimeString(dom$q.ketchup.dates.getLocale() + '-u-hc-h23', options);
 }
 /**
  * @param value date/time as string, formatted ISO
@@ -7458,8 +7449,8 @@ function unformattedStringToFormattedStringTimestamp(value) {
     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);
+  let date = dom$q.ketchup.dates.toDate(dom$q.ketchup.dates.normalize(value, KupDatesNormalize.TIMESTAMP));
+  return date.toLocaleString(dom$q.ketchup.dates.getLocale() + '-u-hc-h23', options);
 }
 function getMonthAsStringByLocale(month, format) {
   if (month == null) {
@@ -7471,7 +7462,7 @@ function getMonthAsStringByLocale(month, format) {
   const options = {
     month: format,
   };
-  const dateTimeFormat = new Intl.DateTimeFormat(dom$p.ketchup.dates.getLocale(), options);
+  const dateTimeFormat = new Intl.DateTimeFormat(dom$q.ketchup.dates.getLocale(), options);
   return dateTimeFormat.format(dateTmp);
 }
 function getMonthsAsStringByLocale(format) {
@@ -7524,7 +7515,7 @@ function setProps(comp, list, props) {
   }
 }
 
-const dom$o = document.documentElement;
+const dom$p = document.documentElement;
 // -------------
 // COMMONS
 // -------------
@@ -7551,9 +7542,9 @@ function getValueForDisplay2(values, column) {
 }
 function formatToNumber(cell) {
   if (cell.obj) {
-    return dom$o.ketchup.math.numberify(cell.obj.k);
+    return dom$p.ketchup.math.numberify(cell.obj.k);
   }
-  return dom$o.ketchup.math.numberify(cell.value);
+  return dom$p.ketchup.math.numberify(cell.value);
 }
 function _getCellValueForDisplay(value, column, cell) {
   let obj = column != null ? column.obj : null;
@@ -7566,17 +7557,17 @@ function getValueForDisplay(value, obj, decimals) {
   if (value == null || value.trim() == '') {
     return value;
   }
-  if (dom$o.ketchup.objects.isNumber(obj)) {
+  if (dom$p.ketchup.objects.isNumber(obj)) {
     return unformattedStringToFormattedStringNumber(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$p.ketchup.objects.isDate(obj) &&
+    dom$p.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
+    return dom$p.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$p.ketchup.objects.isTime(obj)) {
+    return unformattedStringToFormattedStringTime(value, dom$p.ketchup.objects.isTimeWithSeconds(obj), obj.t + obj.p);
   }
-  if (dom$o.ketchup.objects.isTimestamp(obj)) {
+  if (dom$p.ketchup.objects.isTimestamp(obj)) {
     return unformattedStringToFormattedStringTimestamp(value);
   }
   return value;
@@ -7621,26 +7612,26 @@ function compareValues(obj1, value1, obj2, value2, sortMode) {
   }
   let v1 = s1;
   let v2 = s2;
-  if (dom$o.ketchup.objects.isNumber(obj1)) {
+  if (dom$p.ketchup.objects.isNumber(obj1)) {
     v1 = stringToNumber(s1);
     v2 = stringToNumber(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$p.ketchup.objects.isDate(obj1)) {
+    v1 = dom$p.ketchup.dates.toDate(dom$p.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE));
+    v2 = dom$p.ketchup.dates.toDate(dom$p.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$p.ketchup.objects.isTime(obj1)) {
+    let manageSeconds = dom$p.ketchup.objects.isTimeWithSeconds(obj1);
+    v1 = dom$p.ketchup.dates.toDate(dom$p.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$p.ketchup.dates.toDate(dom$p.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$p.ketchup.objects.isTimestamp(obj1)) {
+    v1 = dom$p.ketchup.dates.toDate(dom$p.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE_TIME));
+    v2 = dom$p.ketchup.dates.toDate(dom$p.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE_TIME));
   }
   if (v1 > v2) {
     return sm * 1;
@@ -7706,7 +7697,7 @@ var KupGlobalFilterMode;
   KupGlobalFilterMode["HIGHLIGHT"] = "highlight";
 })(KupGlobalFilterMode || (KupGlobalFilterMode = {}));
 
-const dom$n = document.documentElement;
+const dom$o = document.documentElement;
 /**
  * Filtering algorithms.
  * @module Filters
@@ -7722,16 +7713,16 @@ class Filters {
     return comp.rootElement.tagName === KupTagNames.TREE;
   }
   isObjFiltrableByInterval(obj) {
-    if (dom$n.ketchup.objects.isDate(obj)) {
+    if (dom$o.ketchup.objects.isDate(obj)) {
       return true;
     }
-    if (dom$n.ketchup.objects.isTime(obj)) {
+    if (dom$o.ketchup.objects.isTime(obj)) {
       return true;
     }
-    if (dom$n.ketchup.objects.isTimestamp(obj)) {
+    if (dom$o.ketchup.objects.isTimestamp(obj)) {
       return true;
     }
-    if (dom$n.ketchup.objects.isNumber(obj)) {
+    if (dom$o.ketchup.objects.isNumber(obj)) {
       return true;
     }
     return false;
@@ -7741,17 +7732,17 @@ 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$o.ketchup.objects.isDate(smeupObj)) {
+      if (dom$o.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$o.ketchup.dates.isValid(value)) {
+        return dom$o.ketchup.dates.format(dom$o.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$o.ketchup.objects.isTime(smeupObj)) {
+      let manageSeconds = dom$o.ketchup.objects.isTimeWithSeconds(smeupObj);
+      if (dom$o.ketchup.dates.isValid(value, manageSeconds
         ? KupDatesFormats.ISO_TIME
         : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS)) {
         return newValue;
@@ -7762,15 +7753,15 @@ class Filters {
           : 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$o.ketchup.objects.isTimestamp(smeupObj)) {
+      if (dom$o.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE_TIME)) {
         return newValue;
       }
       if (isValidFormattedStringTime(value, true)) {
         return formattedStringToDefaultUnformattedStringTimestamp(value);
       }
     }
-    else if (dom$n.ketchup.objects.isNumber(smeupObj)) {
+    else if (dom$o.ketchup.objects.isNumber(smeupObj)) {
       if (isValidFormattedStringNumber(value, smeupObj ? smeupObj.p : '')) {
         return formattedStringToUnformattedStringNumber(value, smeupObj ? smeupObj.p : '');
       }
@@ -7893,7 +7884,7 @@ class Filters {
       to = interval[FilterInterval.TO];
     }
     let checkByRegularExpression = true;
-    if (dom$n.ketchup.objects.isNumber(obj)) {
+    if (dom$o.ketchup.objects.isNumber(obj)) {
       value = unformattedStringNumberToNumber(value, obj ? obj.p : '');
       let valueNumber = stringToNumber(value);
       if (from != '') {
@@ -7921,30 +7912,30 @@ class Filters {
         }
       }
     }
-    if (dom$n.ketchup.objects.isDate(obj) ||
-      dom$n.ketchup.objects.isTime(obj) ||
-      dom$n.ketchup.objects.isTimestamp(obj)) {
+    if (dom$o.ketchup.objects.isDate(obj) ||
+      dom$o.ketchup.objects.isTime(obj) ||
+      dom$o.ketchup.objects.isTimestamp(obj)) {
       let valueDate = null;
       let defaultFormat = KupDatesFormats.ISO_DATE;
-      if (dom$n.ketchup.objects.isDate(obj)) {
+      if (dom$o.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$o.ketchup.objects.isTime(obj)) {
+        defaultFormat = dom$o.ketchup.objects.isTimeWithSeconds(obj)
           ? KupDatesFormats.ISO_TIME
           : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS;
       }
-      else if (dom$n.ketchup.objects.isTimestamp(obj)) {
+      else if (dom$o.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$o.ketchup.dates.isValid(value, defaultFormat, true)) {
+        valueDate = dom$o.ketchup.dates.toDate(value, defaultFormat);
       }
       if (from != '') {
         if (valueDate != null &&
-          dom$n.ketchup.dates.isValid(from, defaultFormat, true)) {
+          dom$o.ketchup.dates.isValid(from, defaultFormat, true)) {
           checkByRegularExpression = false;
-          let fromDate = dom$n.ketchup.dates.toDate(from, defaultFormat);
+          let fromDate = dom$o.ketchup.dates.toDate(from, defaultFormat);
           if (valueDate < fromDate) {
             return false;
           }
@@ -7955,9 +7946,9 @@ class Filters {
       }
       if (to != '') {
         if (valueDate != null &&
-          dom$n.ketchup.dates.isValid(to, defaultFormat, true)) {
+          dom$o.ketchup.dates.isValid(to, defaultFormat, true)) {
           checkByRegularExpression = false;
-          let toDate = dom$n.ketchup.dates.toDate(to, defaultFormat);
+          let toDate = dom$o.ketchup.dates.toDate(to, defaultFormat);
           if (valueDate > toDate) {
             return false;
           }
@@ -7966,9 +7957,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$o.ketchup.dates.isValid(filterValue, defaultFormat) &&
+        !dom$o.ketchup.dates.isValid(filterValue)) {
+        value = dom$o.ketchup.dates.format(value);
       }
     }
     if (checkByRegularExpression) {
@@ -7992,9 +7983,9 @@ class Filters {
   }
 }
 
-const dom$m = document.documentElement;
-const kupObjects$1 = dom$m.ketchup
-  ? dom$m.ketchup.objects
+const dom$n = document.documentElement;
+const kupObjects$1 = dom$n.ketchup
+  ? dom$n.ketchup.objects
   : new KupObjects();
 /**
  * Finds all the cells matching the filters criteria in the input dataset.
@@ -8003,7 +7994,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$n.ketchup.data.finder(dataset, filters).cells;
 }
 /**
  * Returns all the cells values of the specified column, sorted if required.
@@ -8075,7 +8066,7 @@ function replaceCell(dataset, cell, columns) {
   return replaced;
 }
 
-const dom$l = document.documentElement;
+const dom$m = 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 +8088,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$m.ketchup.objects.deepEqual(column[key], filter)) {
         result.push(column);
       }
     }
@@ -8143,7 +8134,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$m.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
       return message;
   }
 }
@@ -8157,7 +8148,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$m.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
     return message;
   }
   let firstColumn = null;
@@ -8179,12 +8170,12 @@ function newColumnFromConcatenate(dataset, columns, separator) {
         columns.toString() +
         ')';
       col.visible = true;
-      dom$l.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+      dom$m.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$m.ketchup.objects.isSameKupObj(objs)
     ? objs[0]
     : null;
   const newTitle = titles.join(separator);
@@ -8251,7 +8242,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$m.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
     return message;
   }
   const titles = [];
@@ -8278,11 +8269,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$m.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$m.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
         return message;
       }
     }
@@ -8293,7 +8284,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$m.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
       return message;
     }
   }
@@ -8321,11 +8312,11 @@ function newColumnFromMath(dataset, operation, columns) {
           if (!base) {
             base = cell;
           }
-          formulaRow[column] = dom$l.ketchup.math.numberify(cell.value);
+          formulaRow[column] = dom$m.ketchup.math.numberify(cell.value);
         }
       }
     }
-    const value = dom$l.ketchup.math.formulas
+    const value = dom$m.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 +8364,7 @@ function newColumnFromMerge(dataset, columns2merge, newColumn) {
   return newColumn;
 }
 
-const dom$k = document.documentElement;
+const dom$l = document.documentElement;
 /**
  * Finds all the rows containing cells matching the filters criteria in the input dataset.
  * @param {KupDataDataset} dataset - Input dataset.
@@ -8381,7 +8372,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$l.ketchup.data.finder(dataset, filters).rows;
 }
 /**
  * Converts the rows of the input dataset to tree nodes.
@@ -8723,7 +8714,7 @@ const kupTypes = [
   FCellTypes.RATING,
 ];
 
-const dom$j = document.documentElement;
+const dom$k = document.documentElement;
 /**
  * Handles data operations.
  * @module KupData
@@ -8785,55 +8776,55 @@ class KupData {
               return FCellTypes.STRING;
           }
         }
-        if (dom$j.ketchup.objects.isBar(obj)) {
+        if (dom$k.ketchup.objects.isBar(obj)) {
           return FCellTypes.BAR;
         }
-        else if (dom$j.ketchup.objects.isButton(obj)) {
+        else if (dom$k.ketchup.objects.isButton(obj)) {
           return FCellTypes.BUTTON;
         }
-        else if (dom$j.ketchup.objects.isChart(obj)) {
+        else if (dom$k.ketchup.objects.isChart(obj)) {
           return FCellTypes.CHART;
         }
-        else if (dom$j.ketchup.objects.isCheckbox(obj)) {
+        else if (dom$k.ketchup.objects.isCheckbox(obj)) {
           return FCellTypes.CHECKBOX;
         }
-        else if (dom$j.ketchup.objects.isColor(obj)) {
+        else if (dom$k.ketchup.objects.isColor(obj)) {
           return FCellTypes.COLOR_PICKER;
         }
-        else if (dom$j.ketchup.objects.isIcon(obj)) {
+        else if (dom$k.ketchup.objects.isIcon(obj)) {
           return FCellTypes.ICON;
         }
-        else if (dom$j.ketchup.objects.isImage(obj)) {
+        else if (dom$k.ketchup.objects.isImage(obj)) {
           return FCellTypes.IMAGE;
         }
-        else if (dom$j.ketchup.objects.isLink(obj)) {
+        else if (dom$k.ketchup.objects.isLink(obj)) {
           return FCellTypes.LINK;
         }
-        else if (dom$j.ketchup.objects.isProgressBar(obj)) {
+        else if (dom$k.ketchup.objects.isProgressBar(obj)) {
           return FCellTypes.PROGRESS_BAR;
         }
-        else if (dom$j.ketchup.objects.isRadio(obj)) {
+        else if (dom$k.ketchup.objects.isRadio(obj)) {
           return FCellTypes.RADIO;
         }
-        else if (dom$j.ketchup.objects.isSwitch(obj)) {
+        else if (dom$k.ketchup.objects.isSwitch(obj)) {
           return FCellTypes.SWITCH;
         }
-        else if (dom$j.ketchup.objects.isKupObjList(obj)) {
+        else if (dom$k.ketchup.objects.isKupObjList(obj)) {
           return FCellTypes.CHIP;
         }
-        else if (dom$j.ketchup.objects.isNumber(obj)) {
+        else if (dom$k.ketchup.objects.isNumber(obj)) {
           return FCellTypes.NUMBER;
         }
-        else if (dom$j.ketchup.objects.isDate(obj)) {
+        else if (dom$k.ketchup.objects.isDate(obj)) {
           return FCellTypes.DATE;
         }
-        else if (dom$j.ketchup.objects.isTimestamp(obj)) {
+        else if (dom$k.ketchup.objects.isTimestamp(obj)) {
           return FCellTypes.DATETIME;
         }
-        else if (dom$j.ketchup.objects.isTime(obj)) {
+        else if (dom$k.ketchup.objects.isTime(obj)) {
           return FCellTypes.TIME;
         }
-        else if (dom$j.ketchup.objects.isVoCodver(obj)) {
+        else if (dom$k.ketchup.objects.isVoCodver(obj)) {
           return FCellTypes.ICON;
         }
         else {
@@ -8913,10 +8904,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$k.ketchup.objects.isDate(cell.obj)) {
+              d = dom$k.ketchup.dates.toDate(cell.value);
+              const dMax = dom$k.ketchup.dates.toDate(max instanceof String ? max.valueOf() : max);
+              const dMin = dom$k.ketchup.dates.toDate(min instanceof String ? min.valueOf() : min);
               if (d === dMax ||
                 d === dMin ||
                 (d < dMax && d > dMin)) {
@@ -8935,7 +8926,7 @@ class KupData {
               }
             }
             else {
-              n = dom$j.ketchup.math.numberify(cell.value);
+              n = dom$k.ketchup.math.numberify(cell.value);
               if (n === max ||
                 n === min ||
                 (n < max && n > min)) {
@@ -9092,7 +9083,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$k.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
       return dataset;
     }
     const output = {
@@ -10888,7 +10879,7 @@ createCommonjsModule(function (module) {
 }));
 });
 
-const dom$i = document.documentElement;
+const dom$j = 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 +10902,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$j.ketchup.debug.logMessage('kup-data', 'Error while evaluating the following formula!(' + formula + ')', KupDebugCategory.ERROR);
     return NaN;
   }
 }
@@ -10927,7 +10918,7 @@ function normalDistributionFormula(average, variance, x) {
     Math.exp(-Math.pow(x - average, 2) / (2 * variance)));
 }
 
-const dom$h = document.documentElement;
+const dom$i = document.documentElement;
 /**
  * Handles mathematical operations and number formatting/conversion.
  * @module KupMath
@@ -10950,7 +10941,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(dom$i.ketchup.math.locale, {
           maximumFractionDigits: maximumFractionDigits,
         });
       },
@@ -10967,7 +10958,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$i.ketchup.debug.logMessage('kup-math', 'Invalid locale (' + locale + ')! Defaulting to english.', KupDebugCategory.WARNING);
     }
     this.locale = locale;
     this.numeral.locale(locale);
@@ -11021,10 +11012,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,8 +11027,88 @@ class KupMath {
         format = '0,0';
       }
     }
-    const formatted = this.numeral(n).format(format);
-    return formatted;
+    return this.numeral(n).format(format);
+  }
+  /**
+   * Created the string for format a number
+   * @param {boolean} thousandPoint - show thousandPoint
+   * @param {number} decimals - number of decimals
+   */
+  createFormatPattern(thousandPoint, decimals) {
+    var format = '0';
+    if (thousandPoint) {
+      format += ',000';
+    }
+    if (decimals && decimals > 0) {
+      format += '.';
+      for (let i = 0; i < decimals; i++) {
+        format += '0';
+      }
+    }
+    return format;
+  }
+  /**
+   * Returns the decimal separator of current browser
+   * @returns 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 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 value the input value to check
+   * @param options options for customize the check
+   * @returns an object from applying the regular expression for check
+   */
+  matchNumericValueWithOptions(value, options) {
+    // 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.
@@ -11079,7 +11151,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 +11163,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$h = document.documentElement;
 /**
  * Handles application-wide tooltip using card component.
  * @module KupTooltip
@@ -11204,8 +11276,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$h.ketchup.dynamicPosition.stop(this.element);
+      dom$h.ketchup.removeClickCallback(__classPrivateFieldGet$8(this, _KupTooltip_clickCb, "f"));
     }
   }
   /**
@@ -11216,26 +11288,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$h.ketchup.dynamicPosition.isRegistered(this.element)) {
+      dom$h.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$h.ketchup.addClickCallback(__classPrivateFieldGet$8(this, _KupTooltip_clickCb, "f"), true);
   }
   /**
    * Returns whether an element was previously registered or not.
@@ -11270,13 +11342,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$h.ketchup.dynamicPosition.isRegistered(this.element)) {
+    dom$h.ketchup.dynamicPosition.changeAnchor(this.element, anchor);
   }
   else {
-    dom$g.ketchup.dynamicPosition.register(this.element, anchor, null, null, true);
+    dom$h.ketchup.dynamicPosition.register(this.element, anchor, null, null, true);
   }
-  dom$g.ketchup.dynamicPosition.start(this.element);
+  dom$h.ketchup.dynamicPosition.start(this.element);
 }, _KupTooltip_create = function _KupTooltip_create(options) {
   this.element = document.createElement('kup-card');
   this.element.id = 'kup-tooltip';
@@ -11285,7 +11357,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 +19203,7 @@ var html2canvas = createCommonjsModule(function (module, exports) {
 //# sourceMappingURL=html2canvas.js.map
 });
 
-const dom$f = document.documentElement;
+const dom$g = document.documentElement;
 /**
  * This class controls every other Ketchup utility suite.
  * @module KupManager
@@ -19393,26 +19465,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$g.ketchup) {
+    const overrides = (_a = dom$g.ketchupInit) !== null && _a !== void 0 ? _a : null;
+    dom$g.ketchup = new KupManager(overrides);
+    dom$g.ketchup.theme.set();
+    if (dom$g.ketchup.debug.active) {
+      dom$g.ketchup.debug.toggle(dom$g.ketchup.debug.active);
+    }
+    globalThis.kupManager = dom$g.ketchup;
     if (overrides === null || overrides === void 0 ? void 0 : overrides.autoSetLocalization) {
-      const locale = dom$f.ketchup.dates.locale;
+      const locale = dom$g.ketchup.dates.locale;
       if (!overrides.language || !overrides.language.name) {
-        dom$f.ketchup.language.set(KupLanguageDefaults[locale]);
+        dom$g.ketchup.language.set(KupLanguageDefaults[locale]);
       }
       if (!overrides.math || !overrides.math.locale) {
-        dom$f.ketchup.math.setLocale(KupMathLocales[locale]);
+        dom$g.ketchup.math.setLocale(KupMathLocales[locale]);
       }
     }
     document.dispatchEvent(new CustomEvent('kup-manager-ready'));
   }
-  return dom$f.ketchup;
+  return dom$g.ketchup;
 }
 
 /**
@@ -19529,6 +19601,7 @@ function createBar(data) {
  */
 const componentWrapperId = 'kup-component';
 
+const dom$f = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
@@ -19545,6 +19618,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 +19652,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$f.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 +19761,17 @@ function setHelper(props) {
       }
     }
   }
-}
+}
+const formatValue = function (value, options, inputIsLocalized) {
+  let formatedValue = value;
+  if (!formatedValue) {
+    return formatedValue;
+  }
+  if (formatedValue == '-') {
+    return '';
+  }
+  return dom$f.ketchup.math.format(formatedValue, dom$f.ketchup.math.createFormatPattern(options.group, options.decimal), inputIsLocalized);
+};
 
 /**
  * @license
@@ -23041,10 +23187,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 +23247,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 = formattedStringToUnformattedStringNumber(value, '');
+  }
+  return value;
+}
 function isAutoCentered(props) {
   var _a;
   return autoCenterComps.includes((_a = props.component) === null || _a === void 0 ? void 0 : _a.rootElement.tagName);
@@ -28909,8 +29062,8 @@ class KupDataTableState {
     this.expandGroups = false;
     this.groupLabelDisplay = GroupLabelDisplayMode.BOTH;
     this.density = 'small';
-    this.enableSortableColumns = false;
     this.enableExtraColumns = true;
+    this.enableSortableColumns = false;
     this.forceOneLine = false;
     this.globalFilter = false;
     this.globalFilterValue = '';
@@ -30787,11 +30940,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 +30954,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 +31116,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 +31215,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 +31370,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 +31454,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 +31657,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 +31680,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 +31874,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 +31940,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 +32015,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 +32090,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 +32114,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 +32137,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 +32167,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 +32218,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],
@@ -32128,25 +32284,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 +32360,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 +32405,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 +32428,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 +32437,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 +32453,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 });
   }
@@ -33085,6 +33241,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 +33262,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 +33282,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 +33299,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 +33356,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 +33383,9 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
    * Returns the component's internal value.
    */
   async getValue() {
+    if (this.inputType == 'number') {
+      return formattedStringToUnformattedStringNumber(this.value, '');
+    }
     return this.value;
   }
   /**
@@ -33239,7 +33413,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 +33449,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 +33459,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 +33469,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 +33513,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 +33527,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 +33549,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 = unformattedStringToFormattedStringNumber(this.value, this.decimals, '');
+  return v1;
+}, _KupTextField_setValueFromEventTaget = function _KupTextField_setValueFromEventTaget(target) {
+  if (this.inputType == 'number') {
+    this.value = formattedStringToUnformattedStringNumber(target.value, '');
+  }
+  else {
+    this.value = target.value;
+  }
+};
 function defineCustomElement$o() {
   if (typeof customElements === "undefined") {
     return;
@@ -46597,4 +46791,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 { 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, 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 };