@sme.up/ketchup 5.2.0-SNAPSHOT → 5.2.1-SNAPSHOT

package/dist/esm/{kup-manager-0ab94726.js → kup-manager-9316a184.js}

@@ -1,4 +1,4 @@
-import { a as getAssetPath } from './index-aeec9835.js';
+import { a as getAssetPath, s as setAssetPath } from './index-baeab1ac.js';
 
 /**
  * Props of the kup-card component.
@@ -311,19 +311,19 @@ var KupDebugLogColor;
   KupDebugLogColor["Total"] = "teal";
 })(KupDebugLogColor || (KupDebugLogColor = {}));
 
-var __classPrivateFieldSet$2 = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+var __classPrivateFieldSet$3 = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
   if (kind === "m") throw new TypeError("Private method is not writable");
   if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
   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$2 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$3 = (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$e = document.documentElement;
+const dom$f = document.documentElement;
 /**
  * Debugging suite, used to log messages and statuses from the Ketchup components.
  * @module KupDebug
@@ -344,9 +344,9 @@ class KupDebug {
     document.body.appendChild(this.container);
     this.logLimit = logLimit ? logLimit : 250;
     this.logs = [];
-    __classPrivateFieldSet$2(this, _KupDebug_debugWidget, null, "f");
+    __classPrivateFieldSet$3(this, _KupDebug_debugWidget, null, "f");
     document.addEventListener('kup-language-change', () => {
-      if (this.active && __classPrivateFieldGet$2(this, _KupDebug_debugWidget, "f")) {
+      if (this.active && __classPrivateFieldGet$3(this, _KupDebug_debugWidget, "f")) {
         this.hideWidget();
         this.showWidget();
       }
@@ -370,32 +370,32 @@ class KupDebug {
    */
   showWidget() {
     const debugWidget = document.createElement('kup-card');
-    const languages = dom$e.ketchup.language.getLanguages();
+    const languages = dom$f.ketchup.language.getLanguages();
     const languagesListData = [];
     for (let index = 0; index < languages.length; index++) {
       languagesListData.push({
         id: languages[index],
-        selected: languages[index] === dom$e.ketchup.language.name
+        selected: languages[index] === dom$f.ketchup.language.name
           ? true
           : false,
         value: languages[index],
       });
     }
-    const themes = dom$e.ketchup.theme.getThemes();
+    const themes = dom$f.ketchup.theme.getThemes();
     const themesListData = [];
     for (let index = 0; index < themes.length; index++) {
       themesListData.push({
         id: themes[index],
-        selected: themes[index] === dom$e.ketchup.theme.name ? true : false,
+        selected: themes[index] === dom$f.ketchup.theme.name ? true : false,
         value: themes[index],
       });
     }
-    const locales = dom$e.ketchup.dates.getLocales();
+    const locales = dom$f.ketchup.dates.getLocales();
     const localesListData = [];
     for (let index = 0; index < locales.length; index++) {
       localesListData.push({
         id: locales[index],
-        selected: locales[index] === dom$e.ketchup.dates.locale ? true : false,
+        selected: locales[index] === dom$f.ketchup.dates.locale ? true : false,
         value: locales[index],
       });
     }
@@ -405,13 +405,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$e.ketchup.language.translate(KupLanguageDebug.OFF),
+          title: dom$f.ketchup.language.translate(KupLanguageDebug.OFF),
         },
         {
           customStyle: ':host {--kup-font-size: 0.875em;}',
           icon: 'print',
           id: 'kup-debug-print',
-          title: dom$e.ketchup.language.translate(KupLanguageDebug.PRINT),
+          title: dom$f.ketchup.language.translate(KupLanguageDebug.PRINT),
         },
         {
           checked: this.autoPrint,
@@ -419,20 +419,20 @@ class KupDebug {
           icon: 'speaker_notes',
           iconOff: 'speaker_notes_off',
           id: 'kup-debug-autoprint',
-          title: dom$e.ketchup.language.translate(KupLanguageDebug.AUTOPRINT),
+          title: dom$f.ketchup.language.translate(KupLanguageDebug.AUTOPRINT),
           toggable: true,
         },
         {
           customStyle: ':host {--kup-font-size: 0.875em;}',
           icon: 'broom',
           id: 'kup-debug-clear',
-          title: dom$e.ketchup.language.translate(KupLanguageDebug.CLEAR),
+          title: dom$f.ketchup.language.translate(KupLanguageDebug.CLEAR),
         },
         {
           customStyle: ':host {--kup-font-size: 0.875em;}',
           icon: 'delete',
           id: 'kup-debug-delete',
-          title: dom$e.ketchup.language.translate(KupLanguageDebug.DUMP),
+          title: dom$f.ketchup.language.translate(KupLanguageDebug.DUMP),
         },
         {
           className: 'kup-full-height',
@@ -441,22 +441,22 @@ class KupDebug {
           id: 'kup-debug-dl-props',
           label: 'Props',
           styling: 'flat',
-          title: dom$e.ketchup.language.translate(KupLanguageDebug.DL_PROPS),
+          title: dom$f.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$e.ketchup.language.translate(KupLanguageDebug.DL_ALL),
+          label: dom$f.ketchup.language.translate(KupLanguageDebug.DL_ALL),
           styling: 'flat',
-          title: dom$e.ketchup.language.translate(KupLanguageDebug.DL_ALL),
+          title: dom$f.ketchup.language.translate(KupLanguageDebug.DL_ALL),
         },
         {
           customStyle: ':host {--kup-font-size: 0.875em;}',
           icon: 'auto-fix',
           id: 'kup-debug-magic-box',
-          title: dom$e.ketchup.language.translate(KupLanguageDebug.MAGIC_BOX),
+          title: dom$f.ketchup.language.translate(KupLanguageDebug.MAGIC_BOX),
         },
       ],
       combobox: [
@@ -471,11 +471,11 @@ class KupDebug {
               className: 'kup-full-height',
               emitSubmitEventOnEnter: false,
               inputType: 'text',
-              label: dom$e.ketchup.language.translate(KupLanguageDebug.THEME_CHANGER),
+              label: dom$f.ketchup.language.translate(KupLanguageDebug.THEME_CHANGER),
             },
           },
           id: 'kup-debug-theme-changer',
-          initialValue: dom$e.ketchup.theme.name,
+          initialValue: dom$f.ketchup.theme.name,
           isSelect: true,
         },
         {
@@ -489,11 +489,11 @@ class KupDebug {
               className: 'kup-full-height',
               emitSubmitEventOnEnter: false,
               inputType: 'text',
-              label: dom$e.ketchup.language.translate(KupLanguageDebug.LANGUAGE_CHANGER),
+              label: dom$f.ketchup.language.translate(KupLanguageDebug.LANGUAGE_CHANGER),
             },
           },
           id: 'kup-debug-language-changer',
-          initialValue: dom$e.ketchup.language.name,
+          initialValue: dom$f.ketchup.language.name,
           isSelect: true,
         },
         {
@@ -507,11 +507,11 @@ class KupDebug {
               className: 'kup-full-height',
               emitSubmitEventOnEnter: false,
               inputType: 'text',
-              label: dom$e.ketchup.language.translate(KupLanguageDebug.LOCALE_CHANGER),
+              label: dom$f.ketchup.language.translate(KupLanguageDebug.LOCALE_CHANGER),
             },
           },
           id: 'kup-debug-locale-changer',
-          initialValue: dom$e.ketchup.dates.locale,
+          initialValue: dom$f.ketchup.dates.locale,
           isSelect: true,
         },
       ],
@@ -519,7 +519,7 @@ class KupDebug {
         {
           className: 'kup-full-height',
           id: 'kup-debug-log-limit',
-          label: dom$e.ketchup.language.translate(KupLanguageDebug.LOG_LIMIT),
+          label: dom$f.ketchup.language.translate(KupLanguageDebug.LOG_LIMIT),
           initialValue: this.logLimit,
           emitSubmitEventOnEnter: false,
           inputType: 'number',
@@ -536,7 +536,7 @@ class KupDebug {
     const handler = this.handleEvents;
     debugWidget.addEventListener('kup-card-event', (e) => handler(e, this));
     this.container.append(debugWidget);
-    __classPrivateFieldSet$2(this, _KupDebug_debugWidget, debugWidget, "f");
+    __classPrivateFieldSet$3(this, _KupDebug_debugWidget, debugWidget, "f");
   }
   /**
    * Listens the card events and handles the related actions.
@@ -554,7 +554,7 @@ class KupDebug {
             break;
           case 'kup-debug-clear':
             kupDebug.widgetClear();
-            __classPrivateFieldGet$2(kupDebug, _KupDebug_debugWidget, "f").refresh();
+            __classPrivateFieldGet$3(kupDebug, _KupDebug_debugWidget, "f").refresh();
             break;
           case 'kup-debug-dl-props':
             kupDebug.getProps().then((res) => {
@@ -570,7 +570,7 @@ class KupDebug {
             kupDebug.dump();
             break;
           case 'kup-debug-magic-box':
-            dom$e.ketchup.toggleMagicBox();
+            dom$f.ketchup.toggleMagicBox();
             break;
           case 'kup-debug-off':
             kupDebug.toggle();
@@ -578,20 +578,21 @@ class KupDebug {
           case 'kup-debug-print':
             kupDebug.widgetClear();
             kupDebug.widgetPrint();
-            __classPrivateFieldGet$2(kupDebug, _KupDebug_debugWidget, "f").refresh();
+            __classPrivateFieldGet$3(kupDebug, _KupDebug_debugWidget, "f").refresh();
             break;
         }
         break;
       case 'kup-combobox-itemclick':
         switch (compID) {
           case 'kup-debug-language-changer':
-            dom$e.ketchup.language.set(compEvent.detail.value);
+            dom$f.ketchup.language.set(compEvent.detail.value);
             break;
           case 'kup-debug-locale-changer':
-            dom$e.ketchup.dates.setLocale(compEvent.detail.value);
+            dom$f.ketchup.dates.setLocale(compEvent.detail.value);
+            dom$f.ketchup.math.setLocale(compEvent.detail.value);
             break;
           case 'kup-debug-theme-changer':
-            dom$e.ketchup.theme.set(compEvent.detail.value);
+            dom$f.ketchup.theme.set(compEvent.detail.value);
             break;
         }
       case 'kup-textfield-input':
@@ -612,14 +613,14 @@ class KupDebug {
    * Closes the debug widget.
    */
   hideWidget() {
-    __classPrivateFieldGet$2(this, _KupDebug_debugWidget, "f").remove();
-    __classPrivateFieldSet$2(this, _KupDebug_debugWidget, null, "f");
+    __classPrivateFieldGet$3(this, _KupDebug_debugWidget, "f").remove();
+    __classPrivateFieldSet$3(this, _KupDebug_debugWidget, null, "f");
   }
   /**
    * Clears all the printed logs inside the debug widget.
    */
   widgetClear() {
-    const children = Array.prototype.slice.call(__classPrivateFieldGet$2(this, _KupDebug_debugWidget, "f").children, 0);
+    const children = Array.prototype.slice.call(__classPrivateFieldGet$3(this, _KupDebug_debugWidget, "f").children, 0);
     for (let index = 0; index < children.length; index++) {
       children[index].remove();
     }
@@ -653,7 +654,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$e.ketchup.language.translate(KupLanguageDebug.DL_PROPS_COMP);
+        slot.title = dom$f.ketchup.language.translate(KupLanguageDebug.DL_PROPS_COMP);
         slot.style.fontWeight = 'bold';
         slot.style.cursor = 'pointer';
         slot.onclick = () => {
@@ -683,7 +684,7 @@ class KupDebug {
     }
     slots.reverse();
     for (let index = 0; index < slots.length; index++) {
-      __classPrivateFieldGet$2(this, _KupDebug_debugWidget, "f").append(slots[index]);
+      __classPrivateFieldGet$3(this, _KupDebug_debugWidget, "f").append(slots[index]);
     }
   }
   /**
@@ -711,7 +712,7 @@ class KupDebug {
         printLog[type] = [];
       }
       printLog[type].push({
-        date: dom$e.ketchup.dates.format(this.logs[index].date, 'LLL:ms'),
+        date: dom$f.ketchup.dates.format(this.logs[index].date, 'LLL:ms'),
         element: isComponent
           ? this.logs[index].element
           : this.logs[index].id,
@@ -758,13 +759,13 @@ class KupDebug {
     }
     if (this.active) {
       document.dispatchEvent(new CustomEvent('kup-debug-active'));
-      if (!__classPrivateFieldGet$2(this, _KupDebug_debugWidget, "f")) {
+      if (!__classPrivateFieldGet$3(this, _KupDebug_debugWidget, "f")) {
         this.showWidget();
       }
     }
     else {
       document.dispatchEvent(new CustomEvent('kup-debug-inactive'));
-      if (__classPrivateFieldGet$2(this, _KupDebug_debugWidget, "f")) {
+      if (__classPrivateFieldGet$3(this, _KupDebug_debugWidget, "f")) {
         this.hideWidget();
       }
     }
@@ -891,7 +892,7 @@ class KupDebug {
         message: message,
       };
       if (this.logs.length > this.logLimit) {
-        console.warn(dom$e.ketchup.dates.format(date, 'LLL:ms') +
+        console.warn(dom$f.ketchup.dates.format(date, 'LLL:ms') +
           ' kup-debug => ' +
           'Too many logs (> ' +
           this.logLimit +
@@ -899,22 +900,22 @@ class KupDebug {
         this.dump();
       }
       this.logs.push(log);
-      if (this.autoPrint && __classPrivateFieldGet$2(this, _KupDebug_debugWidget, "f")) {
+      if (this.autoPrint && __classPrivateFieldGet$3(this, _KupDebug_debugWidget, "f")) {
         this.widgetClear();
         this.widgetPrint();
-        __classPrivateFieldGet$2(this, _KupDebug_debugWidget, "f").refresh();
+        __classPrivateFieldGet$3(this, _KupDebug_debugWidget, "f").refresh();
       }
     }
     switch (category) {
       case KupDebugCategory.ERROR:
-        console.error(dom$e.ketchup.dates.format(date, 'LLL:ms') + id + message, obj);
+        console.error(dom$f.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$e.ketchup.dates.format(date, 'LLL:ms') + id + message, obj);
+        console.warn(dom$f.ketchup.dates.format(date, 'LLL:ms') + id + message, obj);
         break;
     }
   }
@@ -1001,7 +1002,7 @@ var KupDynamicPositionPlacement;
   KupDynamicPositionPlacement["TOP_RIGHT"] = "tr";
 })(KupDynamicPositionPlacement || (KupDynamicPositionPlacement = {}));
 
-const dom$d = document.documentElement;
+const dom$e = document.documentElement;
 /**
  * This class is used to dynamically reposition HTML elements.
  * @module KupDynamicPosition
@@ -1069,7 +1070,7 @@ class KupDynamicPosition {
       const target = mutations[0].target;
       if (target.classList.contains(kupDynamicPositionActiveClass)) {
         requestAnimationFrame(function () {
-          dom$d.ketchup.dynamicPosition.run(el);
+          dom$e.ketchup.dynamicPosition.run(el);
         });
       }
     });
@@ -1126,7 +1127,7 @@ class KupDynamicPosition {
    */
   run(el) {
     if (!el.isConnected) {
-      dom$d.ketchup.dynamicPosition.managedElements.delete(el);
+      dom$e.ketchup.dynamicPosition.managedElements.delete(el);
       cancelAnimationFrame(el.kupDynamicPosition.rAF);
       return;
     }
@@ -1232,7 +1233,7 @@ class KupDynamicPosition {
     // Recursive
     if (!el.kupDynamicPosition.detach) {
       el.kupDynamicPosition.rAF = requestAnimationFrame(function () {
-        dom$d.ketchup.dynamicPosition.run(el);
+        dom$e.ketchup.dynamicPosition.run(el);
       });
     }
     else {
@@ -1320,7 +1321,7 @@ var KupDropEventTypes;
   KupDropEventTypes["MAGICBOX"] = "text/kup-magic-box-drag";
 })(KupDropEventTypes || (KupDropEventTypes = {}));
 
-const dom$c = document.documentElement;
+const dom$d = document.documentElement;
 /**
  * This class handles elements as dialogs, making them resizable and movable.
  * @module KupInteract
@@ -1375,7 +1376,7 @@ class KupInteract {
           x = x + e.dx;
           y = y + e.dy;
           ghostImage.style.transform = `translate(${x}px, ${y}px)`;
-          if (dom$c.ketchup.interact.isInViewport(el, oldTransform, e.delta)) {
+          if (dom$d.ketchup.interact.isInViewport(el, oldTransform, e.delta)) {
             ghostImage.setAttribute('data-x', x.toString());
             ghostImage.setAttribute('data-y', y.toString());
           }
@@ -1421,7 +1422,7 @@ class KupInteract {
             ghostImage.style.transition = 'none';
             ghostImage.style.zIndex =
               'calc(var(--kup-navbar-zindex) + 1)';
-            dom$c.ketchup.interact.container.appendChild(ghostImage);
+            dom$d.ketchup.interact.container.appendChild(ghostImage);
             draggable.kupDragDrop.ghostImage = ghostImage;
             break;
           case KupDragEffect.CLONE:
@@ -1440,7 +1441,7 @@ class KupInteract {
             ghostImage.style.width = draggable.clientWidth + 'px';
             ghostImage.style.zIndex =
               'calc(var(--kup-navbar-zindex) + 1)';
-            dom$c.ketchup.interact.container.appendChild(ghostImage);
+            dom$d.ketchup.interact.container.appendChild(ghostImage);
             draggable.kupDragDrop.ghostImage = ghostImage;
             break;
         }
@@ -1602,7 +1603,7 @@ class KupInteract {
           x += e.deltaRect.left;
           y += e.deltaRect.top;
           el.style.transform = 'translate(' + x + 'px,' + y + 'px)';
-          if (dom$c.ketchup.interact.isInViewport(el, oldTransform, e.delta)) {
+          if (dom$d.ketchup.interact.isInViewport(el, oldTransform, e.delta)) {
             el.setAttribute('data-x', x.toString());
             el.setAttribute('data-y', y.toString());
           }
@@ -1654,7 +1655,7 @@ class KupInteract {
     const callbacks = {
       start(e) {
         const el = e.currentTarget;
-        el.style.zIndex = (dom$c.ketchup.interact.zIndex++).toString();
+        el.style.zIndex = (dom$d.ketchup.interact.zIndex++).toString();
       },
     };
     this.draggable(el, {
@@ -1663,7 +1664,7 @@ class KupInteract {
         interact.modifiers.restrictRect({
           restriction: restrictContainer
             ? restrictContainer
-            : dom$c.ketchup.interact.restrictContainer,
+            : dom$d.ketchup.interact.restrictContainer,
           endOnly: true,
         }),
       ],
@@ -2508,7 +2509,7 @@ const languages = {
 	spanish: spanish
 };
 
-const dom$b = document.documentElement;
+const dom$c = document.documentElement;
 /**
  * Handles the translation to different languages.
  * @module KupLanguage
@@ -2562,7 +2563,7 @@ class KupLanguage {
       return invalidKey(key);
     }
     function invalidKey(key) {
-      dom$b.ketchup.debug.logMessage('kup-language', 'Invalid translation for key (' + key + ')!', KupDebugCategory.WARNING);
+      dom$c.ketchup.debug.logMessage('kup-language', 'Invalid translation for key (' + key + ')!', KupDebugCategory.WARNING);
       return key;
     }
   }
@@ -2575,7 +2576,7 @@ class KupLanguage {
       language = language.toLowerCase();
     }
     else {
-      dom$b.ketchup.debug.logMessage('kup-language', "Couldn't set language, invalid string received (" +
+      dom$c.ketchup.debug.logMessage('kup-language', "Couldn't set language, invalid string received (" +
         language +
         ')!', KupDebugCategory.WARNING);
       return;
@@ -2585,12 +2586,12 @@ class KupLanguage {
     const dVariant = decodedLanguage.variant;
     if (this.list[dLanguage]) {
       if (dVariant && !this.list[dLanguage].variants[dVariant]) {
-        dom$b.ketchup.debug.logMessage('kup-language', 'Variant not found (' + dVariant + ')!', KupDebugCategory.WARNING);
+        dom$c.ketchup.debug.logMessage('kup-language', 'Variant not found (' + dVariant + ')!', KupDebugCategory.WARNING);
         return;
       }
     }
     else {
-      dom$b.ketchup.debug.logMessage('kup-language', 'Language not found (' + dLanguage + ')!', KupDebugCategory.WARNING);
+      dom$c.ketchup.debug.logMessage('kup-language', 'Language not found (' + dLanguage + ')!', KupDebugCategory.WARNING);
       return;
     }
     this.name = language;
@@ -2677,7 +2678,7 @@ const obj = {
 	types: types
 };
 
-const dom$a = document.documentElement;
+const dom$b = document.documentElement;
 /**
  * Handles objects definition and validation.
  * @module KupObjects
@@ -2992,9 +2993,9 @@ class KupObjects {
    */
   parseDate(obj) {
     if (obj.t === 'D8' && obj.p === '*DMYY') {
-      return dom$a.ketchup.dates.toDayjs(obj.k, 'DDMMYYYY');
+      return dom$b.ketchup.dates.toDayjs(obj.k, 'DDMMYYYY');
     }
-    return dom$a.ketchup.dates.toDayjs(obj.k);
+    return dom$b.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.
@@ -3053,19 +3054,19 @@ var ScrollOnHoverDirection;
   ScrollOnHoverDirection["RIGHT"] = "right";
 })(ScrollOnHoverDirection || (ScrollOnHoverDirection = {}));
 
-var __classPrivateFieldSet$1 = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+var __classPrivateFieldSet$2 = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
   if (kind === "m") throw new TypeError("Private method is not writable");
   if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
   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$1 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$2 = (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_arrowsContainer, _KupScrollOnHover_leftArrows, _KupScrollOnHover_rightArrows, _KupScrollOnHover_scrollEvent, _KupScrollOnHover_mousemoveEvent, _KupScrollOnHover_mouseleaveEvent, _KupScrollOnHover_rAF, _KupScrollOnHover_timeout;
-const dom$9 = document.documentElement;
+const dom$a = document.documentElement;
 /**
  * Lets the user scroll an element's overflow by hovering with the mouse on its left/right edge.
  * @module KupScrollOnHover
@@ -3088,29 +3089,29 @@ class KupScrollOnHover {
     this.delay = delay ? delay : 500;
     this.managedElements = new Set();
     this.step = step ? step : 50;
-    __classPrivateFieldSet$1(this, _KupScrollOnHover_arrowsContainer, document.createElement('div'), "f");
-    __classPrivateFieldSet$1(this, _KupScrollOnHover_leftArrows, [], "f");
-    __classPrivateFieldSet$1(this, _KupScrollOnHover_mouseleaveEvent, (event) => this.stop(event.target), "f");
-    __classPrivateFieldSet$1(this, _KupScrollOnHover_mousemoveEvent, (event) => this.start(event), "f");
-    __classPrivateFieldSet$1(this, _KupScrollOnHover_rAF, null, "f");
-    __classPrivateFieldSet$1(this, _KupScrollOnHover_rightArrows, [], "f");
-    __classPrivateFieldSet$1(this, _KupScrollOnHover_scrollEvent, (event) => this.updateChildren(event.target), "f");
-    __classPrivateFieldSet$1(this, _KupScrollOnHover_timeout, null, "f");
-    __classPrivateFieldGet$1(this, _KupScrollOnHover_arrowsContainer, "f").id = 'kup-scrolling-arrows';
+    __classPrivateFieldSet$2(this, _KupScrollOnHover_arrowsContainer, document.createElement('div'), "f");
+    __classPrivateFieldSet$2(this, _KupScrollOnHover_leftArrows, [], "f");
+    __classPrivateFieldSet$2(this, _KupScrollOnHover_mouseleaveEvent, (event) => this.stop(event.target), "f");
+    __classPrivateFieldSet$2(this, _KupScrollOnHover_mousemoveEvent, (event) => this.start(event), "f");
+    __classPrivateFieldSet$2(this, _KupScrollOnHover_rAF, null, "f");
+    __classPrivateFieldSet$2(this, _KupScrollOnHover_rightArrows, [], "f");
+    __classPrivateFieldSet$2(this, _KupScrollOnHover_scrollEvent, (event) => this.updateChildren(event.target), "f");
+    __classPrivateFieldSet$2(this, _KupScrollOnHover_timeout, null, "f");
+    __classPrivateFieldGet$2(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$1(this, _KupScrollOnHover_leftArrows, "f").push(arrow);
+      __classPrivateFieldGet$2(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$1(this, _KupScrollOnHover_rightArrows, "f").push(arrow);
+      __classPrivateFieldGet$2(this, _KupScrollOnHover_rightArrows, "f").push(arrow);
     }
-    __classPrivateFieldGet$1(this, _KupScrollOnHover_arrowsContainer, "f").append(__classPrivateFieldGet$1(this, _KupScrollOnHover_leftArrows, "f")[2], __classPrivateFieldGet$1(this, _KupScrollOnHover_leftArrows, "f")[1], __classPrivateFieldGet$1(this, _KupScrollOnHover_leftArrows, "f")[0], __classPrivateFieldGet$1(this, _KupScrollOnHover_rightArrows, "f")[0], __classPrivateFieldGet$1(this, _KupScrollOnHover_rightArrows, "f")[1], __classPrivateFieldGet$1(this, _KupScrollOnHover_rightArrows, "f")[2]);
+    __classPrivateFieldGet$2(this, _KupScrollOnHover_arrowsContainer, "f").append(__classPrivateFieldGet$2(this, _KupScrollOnHover_leftArrows, "f")[2], __classPrivateFieldGet$2(this, _KupScrollOnHover_leftArrows, "f")[1], __classPrivateFieldGet$2(this, _KupScrollOnHover_leftArrows, "f")[0], __classPrivateFieldGet$2(this, _KupScrollOnHover_rightArrows, "f")[0], __classPrivateFieldGet$2(this, _KupScrollOnHover_rightArrows, "f")[1], __classPrivateFieldGet$2(this, _KupScrollOnHover_rightArrows, "f")[2]);
     this.container = document.createElement('div');
     this.container.setAttribute('kup-scroll-on-hover', '');
-    this.container.appendChild(__classPrivateFieldGet$1(this, _KupScrollOnHover_arrowsContainer, "f"));
+    this.container.appendChild(__classPrivateFieldGet$2(this, _KupScrollOnHover_arrowsContainer, "f"));
     document.body.appendChild(this.container);
   }
   /**
@@ -3128,10 +3129,10 @@ class KupScrollOnHover {
       y: 0,
     };
     if (el.scrollOnHover.children) {
-      el.addEventListener('scroll', __classPrivateFieldGet$1(this, _KupScrollOnHover_scrollEvent, "f"));
+      el.addEventListener('scroll', __classPrivateFieldGet$2(this, _KupScrollOnHover_scrollEvent, "f"));
     }
-    el.addEventListener('mousemove', __classPrivateFieldGet$1(this, _KupScrollOnHover_mousemoveEvent, "f"));
-    el.addEventListener('mouseleave', __classPrivateFieldGet$1(this, _KupScrollOnHover_mouseleaveEvent, "f"));
+    el.addEventListener('mousemove', __classPrivateFieldGet$2(this, _KupScrollOnHover_mousemoveEvent, "f"));
+    el.addEventListener('mouseleave', __classPrivateFieldGet$2(this, _KupScrollOnHover_mouseleaveEvent, "f"));
     this.managedElements.add(el);
   }
   /**
@@ -3139,9 +3140,9 @@ class KupScrollOnHover {
    * @param {KupScrollOnHoverElement} el - Element to unregister.
    */
   unregister(el) {
-    el.removeEventListener('scroll', __classPrivateFieldGet$1(this, _KupScrollOnHover_scrollEvent, "f"));
-    el.removeEventListener('mousemove', __classPrivateFieldGet$1(this, _KupScrollOnHover_mousemoveEvent, "f"));
-    el.removeEventListener('mouseleave', __classPrivateFieldGet$1(this, _KupScrollOnHover_mouseleaveEvent, "f"));
+    el.removeEventListener('scroll', __classPrivateFieldGet$2(this, _KupScrollOnHover_scrollEvent, "f"));
+    el.removeEventListener('mousemove', __classPrivateFieldGet$2(this, _KupScrollOnHover_mousemoveEvent, "f"));
+    el.removeEventListener('mouseleave', __classPrivateFieldGet$2(this, _KupScrollOnHover_mouseleaveEvent, "f"));
     if (this.managedElements) {
       this.managedElements.delete(el);
     }
@@ -3163,9 +3164,9 @@ class KupScrollOnHover {
     el.scrollOnHover.rect = el.getBoundingClientRect();
     el.scrollOnHover.x = event.clientX;
     el.scrollOnHover.y = event.clientY;
-    __classPrivateFieldGet$1(this, _KupScrollOnHover_arrowsContainer, "f").style.left = event.clientX + 'px';
-    __classPrivateFieldGet$1(this, _KupScrollOnHover_arrowsContainer, "f").style.top = event.clientY + 'px';
-    if (el.scrollOnHover.active || __classPrivateFieldGet$1(this, _KupScrollOnHover_timeout, "f")) {
+    __classPrivateFieldGet$2(this, _KupScrollOnHover_arrowsContainer, "f").style.left = event.clientX + 'px';
+    __classPrivateFieldGet$2(this, _KupScrollOnHover_arrowsContainer, "f").style.top = event.clientY + 'px';
+    if (el.scrollOnHover.active || __classPrivateFieldGet$2(this, _KupScrollOnHover_timeout, "f")) {
       return;
     }
     let trueWidth = el.clientWidth;
@@ -3187,16 +3188,16 @@ class KupScrollOnHover {
         if (direction) {
           for (let i = 0; i < 3; i++) {
             if (direction === ScrollOnHoverDirection.LEFT) {
-              __classPrivateFieldGet$1(this, _KupScrollOnHover_leftArrows, "f")[i].classList.add('kup-activated');
+              __classPrivateFieldGet$2(this, _KupScrollOnHover_leftArrows, "f")[i].classList.add('kup-activated');
             }
             else {
-              __classPrivateFieldGet$1(this, _KupScrollOnHover_rightArrows, "f")[i].classList.add('kup-activated');
+              __classPrivateFieldGet$2(this, _KupScrollOnHover_rightArrows, "f")[i].classList.add('kup-activated');
             }
           }
-          __classPrivateFieldSet$1(this, _KupScrollOnHover_timeout, setTimeout(() => {
+          __classPrivateFieldSet$2(this, _KupScrollOnHover_timeout, setTimeout(() => {
             el.scrollOnHover.active = true;
-            __classPrivateFieldSet$1(this, _KupScrollOnHover_rAF, requestAnimationFrame(function () {
-              dom$9.ketchup.scrollOnHover.run(el, maxScrollLeft, percRight, percLeft, direction);
+            __classPrivateFieldSet$2(this, _KupScrollOnHover_rAF, requestAnimationFrame(function () {
+              dom$a.ketchup.scrollOnHover.run(el, maxScrollLeft, percRight, percLeft, direction);
             }), "f");
           }, this.delay), "f");
         }
@@ -3209,16 +3210,16 @@ class KupScrollOnHover {
    */
   async stop(el) {
     el.scrollOnHover.active = false;
-    cancelAnimationFrame(__classPrivateFieldGet$1(this, _KupScrollOnHover_rAF, "f"));
-    clearTimeout(__classPrivateFieldGet$1(this, _KupScrollOnHover_timeout, "f"));
-    __classPrivateFieldSet$1(this, _KupScrollOnHover_timeout, null, "f");
-    for (let i = 0; i < __classPrivateFieldGet$1(this, _KupScrollOnHover_leftArrows, "f").length; i++) {
-      __classPrivateFieldGet$1(this, _KupScrollOnHover_leftArrows, "f")[i].classList.remove('kup-activated');
-      __classPrivateFieldGet$1(this, _KupScrollOnHover_leftArrows, "f")[i].classList.remove('kup-animated');
+    cancelAnimationFrame(__classPrivateFieldGet$2(this, _KupScrollOnHover_rAF, "f"));
+    clearTimeout(__classPrivateFieldGet$2(this, _KupScrollOnHover_timeout, "f"));
+    __classPrivateFieldSet$2(this, _KupScrollOnHover_timeout, null, "f");
+    for (let i = 0; i < __classPrivateFieldGet$2(this, _KupScrollOnHover_leftArrows, "f").length; i++) {
+      __classPrivateFieldGet$2(this, _KupScrollOnHover_leftArrows, "f")[i].classList.remove('kup-activated');
+      __classPrivateFieldGet$2(this, _KupScrollOnHover_leftArrows, "f")[i].classList.remove('kup-animated');
     }
-    for (let i = 0; i < __classPrivateFieldGet$1(this, _KupScrollOnHover_rightArrows, "f").length; i++) {
-      __classPrivateFieldGet$1(this, _KupScrollOnHover_rightArrows, "f")[i].classList.remove('kup-activated');
-      __classPrivateFieldGet$1(this, _KupScrollOnHover_rightArrows, "f")[i].classList.remove('kup-animated');
+    for (let i = 0; i < __classPrivateFieldGet$2(this, _KupScrollOnHover_rightArrows, "f").length; i++) {
+      __classPrivateFieldGet$2(this, _KupScrollOnHover_rightArrows, "f")[i].classList.remove('kup-activated');
+      __classPrivateFieldGet$2(this, _KupScrollOnHover_rightArrows, "f")[i].classList.remove('kup-animated');
     }
   }
   /**
@@ -3252,7 +3253,7 @@ class KupScrollOnHover {
     }
     let arrow;
     if (direction === ScrollOnHoverDirection.LEFT) {
-      arrow = __classPrivateFieldGet$1(this, _KupScrollOnHover_leftArrows, "f");
+      arrow = __classPrivateFieldGet$2(this, _KupScrollOnHover_leftArrows, "f");
       if (el.scrollLeft === 0) {
         this.stop(el);
         return;
@@ -3260,7 +3261,7 @@ class KupScrollOnHover {
       el.scrollLeft -= this.step;
     }
     else {
-      arrow = __classPrivateFieldGet$1(this, _KupScrollOnHover_rightArrows, "f");
+      arrow = __classPrivateFieldGet$2(this, _KupScrollOnHover_rightArrows, "f");
       if (el.scrollLeft === maxScrollLeft) {
         this.stop(el);
         return;
@@ -3270,8 +3271,8 @@ class KupScrollOnHover {
     for (let i = 0; i < arrow.length; i++) {
       arrow[i].classList.add('kup-animated');
     }
-    __classPrivateFieldSet$1(this, _KupScrollOnHover_rAF, requestAnimationFrame(function () {
-      dom$9.ketchup.scrollOnHover.run(el, maxScrollLeft, percRight, percLeft, direction);
+    __classPrivateFieldSet$2(this, _KupScrollOnHover_rAF, requestAnimationFrame(function () {
+      dom$a.ketchup.scrollOnHover.run(el, maxScrollLeft, percRight, percLeft, direction);
     }), "f");
   }
   /**
@@ -4218,6 +4219,7 @@ var KupTagNames;
   KupTagNames["LIST"] = "KUP-LIST";
   KupTagNames["MAGIC_BOX"] = "KUP-MAGIC-BOX";
   KupTagNames["NAV_BAR"] = "KUP-NAV-BAR";
+  KupTagNames["NUMERIC_PICKER"] = "KUP-NUMERIC-PICKER";
   KupTagNames["PROBE"] = "KUP-PROBE";
   KupTagNames["PROGRESS_BAR"] = "KUP-PROGRESS-BAR";
   KupTagNames["QLIK"] = "KUP-QLIK";
@@ -4322,6 +4324,7 @@ const fTextFieldUsers = [
   KupTagNames.COMBOBOX,
   KupTagNames.DATA_TABLE,
   KupTagNames.DATE_PICKER,
+  KupTagNames.NUMERIC_PICKER,
   KupTagNames.TEXT_FIELD,
   KupTagNames.TIME_PICKER,
   KupTagNames.TREE,
@@ -4384,7 +4387,7 @@ var KupThemeIconValues;
   KupThemeIconValues["SEARCH"] = "--kup-search-icon";
 })(KupThemeIconValues || (KupThemeIconValues = {}));
 
-const dom$8 = document.documentElement;
+const dom$9 = document.documentElement;
 /**
  * Theme manager, handles everything about theming, customStyles and color utilities.
  * @module KupTheme
@@ -4398,7 +4401,7 @@ class KupTheme {
     this.list = list ? list : themes;
     this.managedComponents = new Set();
     this.name = name ? name : 'ketchup';
-    this.styleTag = dom$8
+    this.styleTag = dom$9
       .querySelector('head')
       .appendChild(document.createElement('style'));
   }
@@ -4485,9 +4488,9 @@ class KupTheme {
     if (list) {
       this.list = list;
     }
-    dom$8.ketchup.debug.logMessage('theme manager', 'Setting theme to: ' + this.name + '.');
+    dom$9.ketchup.debug.logMessage('theme manager', 'Setting theme to: ' + this.name + '.');
     if (!this.list[this.name]) {
-      dom$8.ketchup.debug.logMessage('theme manager', 'Invalid theme name, falling back to default ("ketchup").');
+      dom$9.ketchup.debug.logMessage('theme manager', 'Invalid theme name, falling back to default ("ketchup").');
       this.name = 'ketchup';
     }
     this.cssVars = {};
@@ -4530,11 +4533,11 @@ class KupTheme {
           this.icons() +
           '}';
       this.customStyle();
-      dom$8.ketchup.debug.logMessage('kup-theme', 'Theme ' + dom$8.getAttribute('kup-theme') + ' refreshed.');
+      dom$9.ketchup.debug.logMessage('kup-theme', 'Theme ' + dom$9.getAttribute('kup-theme') + ' refreshed.');
       document.dispatchEvent(new CustomEvent('kup-theme-refresh'));
     }
     catch (error) {
-      dom$8.ketchup.debug.logMessage('kup-theme', 'Theme not refreshed.', KupDebugCategory.WARNING);
+      dom$9.ketchup.debug.logMessage('kup-theme', 'Theme not refreshed.', KupDebugCategory.WARNING);
     }
   }
   /**
@@ -4653,7 +4656,7 @@ class KupTheme {
       this.set(themes[index]);
     }
     else {
-      dom$8.ketchup.debug.logMessage('kup-theme', "Couldn't set a random theme: no themes available!", KupDebugCategory.WARNING);
+      dom$9.ketchup.debug.logMessage('kup-theme', "Couldn't set a random theme: no themes available!", KupDebugCategory.WARNING);
     }
   }
   /**
@@ -4665,7 +4668,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$8.ketchup.debug.logMessage('theme manager', 'Received TRANSPARENT color, converted to ' +
+      dom$9.ketchup.debug.logMessage('theme manager', 'Received TRANSPARENT color, converted to ' +
         color +
         ' (theme background).');
     }
@@ -4683,7 +4686,7 @@ class KupTheme {
       const oldColor = color;
       color = this.codeToHex(color);
       isHex = color.substring(0, 1) === '#' ? true : false;
-      dom$8.ketchup.debug.logMessage('theme manager', 'Received CODE NAME color ' +
+      dom$9.ketchup.debug.logMessage('theme manager', 'Received CODE NAME color ' +
         oldColor +
         ', converted to ' +
         color +
@@ -4737,14 +4740,14 @@ class KupTheme {
         else {
           hexColor = this.rgbToHex(rgbColorObj.r, rgbColorObj.g, rgbColorObj.b);
         }
-        dom$8.ketchup.debug.logMessage('theme-manager', 'Received HEX color ' +
+        dom$9.ketchup.debug.logMessage('theme-manager', 'Received HEX color ' +
           oldColor +
           ', converted to ' +
           color +
           '.');
       }
       catch (error) {
-        dom$8.ketchup.debug.logMessage('theme-manager', 'Invalid color: ' + color + '.');
+        dom$9.ketchup.debug.logMessage('theme-manager', 'Invalid color: ' + color + '.');
       }
     }
     let rgbValues = null;
@@ -4754,14 +4757,14 @@ class KupTheme {
       rgbColor = color;
     }
     catch (error) {
-      dom$8.ketchup.debug.logMessage('theme-manager', 'Color not converted to rgb values: ' + color + '.');
+      dom$9.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$8.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
+        dom$9.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
       }
     }
     if (!hslColor || !hslValues) {
@@ -4774,7 +4777,7 @@ class KupTheme {
         hslColor = 'hsl(' + hsl.h + ',' + hsl.s + '%,' + hsl.l + '%)';
       }
       catch (error) {
-        dom$8.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
+        dom$9.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
       }
     }
     return {
@@ -5079,7 +5082,7 @@ class KupTheme {
       return colorCodes[color.toLowerCase()];
     }
     else {
-      dom$8.ketchup.debug.logMessage('theme manager', 'Could not decode color ' + color + '!');
+      dom$9.ketchup.debug.logMessage('theme manager', 'Could not decode color ' + color + '!');
       return color;
     }
   }
@@ -5095,19 +5098,19 @@ var KupToolbarModifierKeys;
   KupToolbarModifierKeys["SHIFT"] = "shiftKey";
 })(KupToolbarModifierKeys || (KupToolbarModifierKeys = {}));
 
-var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+var __classPrivateFieldSet$1 = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
   if (kind === "m") throw new TypeError("Private method is not writable");
   if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
   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 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$1 = (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$7 = document.documentElement;
+const dom$8 = document.documentElement;
 /**
  * Handles component's toolbar.
  * @module KupToolbar
@@ -5124,8 +5127,8 @@ class KupToolbar {
       KupToolbarModifierKeys.ALT,
       KupToolbarModifierKeys.CTRL,
     ];
-    __classPrivateFieldSet(this, _KupToolbar_keyEvent, function (e) {
-      const toolbar = dom$7.ketchup.toolbar;
+    __classPrivateFieldSet$1(this, _KupToolbar_keyEvent, function (e) {
+      const toolbar = dom$8.ketchup.toolbar;
       if (toolbar.managedElements) {
         for (let index = 0; index < toolbar.modifiers.length; index++) {
           if (toolbar.modifiers[index] ===
@@ -5147,8 +5150,8 @@ class KupToolbar {
         toolbar.show();
       }
     }, "f");
-    document.addEventListener('keydown', __classPrivateFieldGet(this, _KupToolbar_keyEvent, "f"));
-    document.addEventListener('keyup', __classPrivateFieldGet(this, _KupToolbar_keyEvent, "f"));
+    document.addEventListener('keydown', __classPrivateFieldGet$1(this, _KupToolbar_keyEvent, "f"));
+    document.addEventListener('keyup', __classPrivateFieldGet$1(this, _KupToolbar_keyEvent, "f"));
   }
   /**
    * Shows components' toolbar.
@@ -5472,7 +5475,7 @@ var KupDataNewColumnTypes;
   KupDataNewColumnTypes["MERGE"] = "merge";
 })(KupDataNewColumnTypes || (KupDataNewColumnTypes = {}));
 
-const dom$6 = document.documentElement;
+const dom$7 = document.documentElement;
 /**
  * Finds all the cells matching the filters criteria in the input dataset.
  * @param {KupDataDataset} dataset - Input dataset.
@@ -5480,7 +5483,7 @@ const dom$6 = document.documentElement;
  * @returns {KupDataCell[]}  Array of cells fetched after applying the filters.
  */
 function findCell(dataset, filters) {
-  return dom$6.ketchup.data.finder(dataset, filters).cells;
+  return dom$7.ketchup.data.finder(dataset, filters).cells;
 }
 /**
  * Returns all the cells values of the specified columns.
@@ -5525,7 +5528,7 @@ function replaceCell(dataset, cell, columns) {
   return replaced;
 }
 
-const dom$5 = document.documentElement;
+const dom$6 = document.documentElement;
 /**
  * Finds the columns matching the criteria specified in the filters argument.
  * @param {KupDataDataset | Column[]} dataset - Input dataset or array of columns.
@@ -5544,7 +5547,7 @@ function findColumns(dataset, filters) {
       if (column[key] === filter) {
         result.push(column);
       }
-      else if (dom$5.ketchup.objects.deepEqual(column[key], filter)) {
+      else if (dom$6.ketchup.objects.deepEqual(column[key], filter)) {
         result.push(column);
       }
     }
@@ -5590,7 +5593,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$5.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+      dom$6.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
       return message;
   }
 }
@@ -5604,7 +5607,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$5.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+    dom$6.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
     return message;
   }
   let firstColumn = null;
@@ -5625,12 +5628,12 @@ function newColumnFromConcatenate(dataset, columns, separator) {
       const message = 'The product of these columns in the same order already exists!(' +
         columns.toString() +
         ')';
-      dom$5.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+      dom$6.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
       return message;
     }
   }
   const newName = columns.join('_');
-  const newObj = objs.length > 0 && dom$5.ketchup.objects.isSameKupObj(objs)
+  const newObj = objs.length > 0 && dom$6.ketchup.objects.isSameKupObj(objs)
     ? objs[0]
     : null;
   const newTitle = titles.join(separator);
@@ -5697,7 +5700,7 @@ function newColumnFromMath(dataset, operation, columns) {
   }
   if (columns.length === 0) {
     const message = "Can't apply math formulas without columns!(" + columns + ')';
-    dom$5.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+    dom$6.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
     return message;
   }
   const titles = [];
@@ -5724,11 +5727,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$5.ketchup.objects.isNumber(col.obj)) {
+      if (!dom$6.ketchup.objects.isNumber(col.obj)) {
         const message = "Can't apply math formulas on non-numerical columns!(" +
           columns +
           ')';
-        dom$5.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+        dom$6.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
         return message;
       }
     }
@@ -5739,7 +5742,7 @@ function newColumnFromMath(dataset, operation, columns) {
       const message = 'This mathematical operation on these columns was already performed!(' +
         formula +
         ')';
-      dom$5.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+      dom$6.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
       return message;
     }
   }
@@ -5767,11 +5770,11 @@ function newColumnFromMath(dataset, operation, columns) {
           if (!base) {
             base = cell;
           }
-          formulaRow[column] = dom$5.ketchup.math.numberify(cell.value);
+          formulaRow[column] = dom$6.ketchup.math.numberify(cell.value);
         }
       }
     }
-    const value = dom$5.ketchup.math.formulas
+    const value = dom$6.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 });
@@ -5819,7 +5822,7 @@ function newColumnFromMerge(dataset, columns2merge, newColumn) {
   return newColumn;
 }
 
-const dom$4 = document.documentElement;
+const dom$5 = document.documentElement;
 /**
  * Finds all the rows containing cells matching the filters criteria in the input dataset.
  * @param {KupDataDataset} dataset - Input dataset.
@@ -5827,7 +5830,7 @@ const dom$4 = document.documentElement;
  * @returns {KupDataRow[]} Array of rows fetched after applying the filters.
  */
 function findRow(dataset, filters) {
-  return dom$4.ketchup.data.finder(dataset, filters).rows;
+  return dom$5.ketchup.data.finder(dataset, filters).rows;
 }
 /**
  * Converts the rows of the input dataset to tree nodes.
@@ -6071,7 +6074,7 @@ var SelectionMode;
   SelectionMode["NONE"] = "none";
 })(SelectionMode || (SelectionMode = {}));
 
-const dom$3 = document.documentElement;
+const dom$4 = document.documentElement;
 /**
  * Handles data operations.
  * @module KupData
@@ -6144,10 +6147,10 @@ class KupData {
         if (!columns || !columns.length || columns.includes(key)) {
           if (min && max) {
             let d = null, s = '', n = 0;
-            if (dom$3.ketchup.objects.isDate(cell.obj)) {
-              d = dom$3.ketchup.dates.toDate(cell.value);
-              const dMax = dom$3.ketchup.dates.toDate(max instanceof String ? max.valueOf() : max);
-              const dMin = dom$3.ketchup.dates.toDate(min instanceof String ? min.valueOf() : min);
+            if (dom$4.ketchup.objects.isDate(cell.obj)) {
+              d = dom$4.ketchup.dates.toDate(cell.value);
+              const dMax = dom$4.ketchup.dates.toDate(max instanceof String ? max.valueOf() : max);
+              const dMin = dom$4.ketchup.dates.toDate(min instanceof String ? min.valueOf() : min);
               if (d === dMax ||
                 d === dMin ||
                 (d < dMax && d > dMin)) {
@@ -6166,7 +6169,7 @@ class KupData {
               }
             }
             else {
-              n = dom$3.ketchup.math.numberify(cell.value);
+              n = dom$4.ketchup.math.numberify(cell.value);
               if (n === max ||
                 n === min ||
                 (n < max && n > min)) {
@@ -6321,7 +6324,7 @@ class KupData {
   sort(dataset, sortType, headerColumn) {
     if (sortType != 'normalDistribution') {
       const message = 'Wrong sort type! (' + sortType + ')';
-      dom$3.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+      dom$4.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
       return dataset;
     }
     const output = {
@@ -8141,7 +8144,7 @@ createCommonjsModule(function (module) {
 }));
 });
 
-const dom$2 = document.documentElement;
+const dom$3 = 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]).
@@ -8164,7 +8167,7 @@ function customFormula(formula, row) {
     return result;
   }
   catch (e) {
-    dom$2.ketchup.debug.logMessage('kup-data', 'Error while evaluating the following formula!(' + formula + ')', KupDebugCategory.ERROR);
+    dom$3.ketchup.debug.logMessage('kup-data', 'Error while evaluating the following formula!(' + formula + ')', KupDebugCategory.ERROR);
     return NaN;
   }
 }
@@ -8180,7 +8183,7 @@ function normalDistributionFormula(average, variance, x) {
     Math.exp(-Math.pow(x - average, 2) / (2 * variance)));
 }
 
-const dom$1 = document.documentElement;
+const dom$2 = document.documentElement;
 /**
  * Handles mathematical operations and number formatting/conversion.
  * @module KupMath
@@ -8198,6 +8201,16 @@ class KupMath {
         return normalDistributionFormula(average, variance, x);
       },
     };
+    this.numbers = {
+      toLocaleString(value) {
+        const maximumFractionDigits = 14;
+        if (value == null || value == '')
+          return value;
+        return Number(value).toLocaleString(dom$2.ketchup.math.locale, {
+          maximumFractionDigits: maximumFractionDigits,
+        });
+      },
+    };
     this.locale = locale ? locale : KupMathLocales.en;
     this.managedComponents = new Set();
     this.numeral = numeral;
@@ -8210,7 +8223,7 @@ class KupMath {
   setLocale(locale) {
     if (!Object.values(KupMathLocales).includes(locale)) {
       locale = KupMathLocales.en;
-      dom$1.ketchup.debug.logMessage('kup-math', 'Invalid locale (' + locale + ')! Defaulting to english.', KupDebugCategory.WARNING);
+      dom$2.ketchup.debug.logMessage('kup-math', 'Invalid locale (' + locale + ')! Defaulting to english.', KupDebugCategory.WARNING);
     }
     this.locale = locale;
     this.numeral.locale(locale);
@@ -8322,6 +8335,197 @@ class KupMath {
   }
 }
 
+var __classPrivateFieldGet = (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 __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+  if (kind === "m") throw new TypeError("Private method is not writable");
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+  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 _KupTooltip_instances, _KupTooltip_clickCb, _KupTooltip_dynPos, _KupTooltip_create, _KupTooltip_setOptions;
+const dom$1 = document.documentElement;
+/**
+ * Handles application-wide tooltip using card component.
+ * @module KupTooltip
+ */
+class KupTooltip {
+  /**
+   * Initializes KupTooltip.
+   */
+  constructor(delay) {
+    _KupTooltip_instances.add(this);
+    this.currentAnchor = null;
+    this.delay = null;
+    this.element = null;
+    this.managedElements = null;
+    this.timeout = null;
+    _KupTooltip_clickCb.set(this, null);
+    this.delay = delay ? delay : 125;
+    this.managedElements = new Set();
+    document.addEventListener('pointermove', (e) => {
+      const paths = e.composedPath();
+      // Leaving the function when hovering on the tooltip itself
+      if (paths.includes(this.element)) {
+        return;
+      }
+      const enterHandler = (anchor) => {
+        this.timeout = null;
+        requestAnimationFrame(anchor.kupTooltip.enter.bind(anchor.kupTooltip.enter, e));
+      };
+      const overHandler = (anchor) => {
+        requestAnimationFrame(anchor.kupTooltip.over.bind(anchor.kupTooltip.over, e));
+      };
+      const leaveHandler = () => {
+        requestAnimationFrame(this.currentAnchor.kupTooltip.leave.bind(this.currentAnchor.kupTooltip.leave, e));
+      };
+      // If the current anchor exists and is not included in the event path,
+      // the leaving callback is fired.
+      if (this.currentAnchor && !paths.includes(this.currentAnchor)) {
+        if (this.timeout) {
+          clearTimeout(this.timeout);
+          this.timeout = null;
+        }
+        else {
+          if (this.currentAnchor.kupTooltip.leave) {
+            leaveHandler();
+          }
+        }
+        this.currentAnchor = null;
+      }
+      else if (!this.timeout) {
+        for (let index = 0; index < paths.length; index++) {
+          const element = paths[index];
+          if (this.managedElements.has(element)) {
+            // If the current anchor is the same as the registered element found
+            // in the path, the mouse over function is invoked
+            if (this.currentAnchor === element) {
+              if (element.kupTooltip.over) {
+                overHandler(element);
+              }
+              // Otherwise, the mouse enter callback will be invoked
+            }
+            else {
+              this.currentAnchor = element;
+              if (element.kupTooltip.enter) {
+                if (this.delay) {
+                  this.timeout = setTimeout(enterHandler.bind(enterHandler, element), this.delay);
+                }
+                else {
+                  enterHandler(element);
+                }
+              }
+            }
+          }
+        }
+      }
+    });
+  }
+  hide() {
+    if (this.element) {
+      this.element.menuVisible = false;
+      dom$1.ketchup.dynamicPosition.stop(this.element);
+      dom$1.ketchup.removeClickCallback(__classPrivateFieldGet(this, _KupTooltip_clickCb, "f"));
+    }
+  }
+  show(anchor, options) {
+    // Creates the card or updates it with new options
+    if (!this.element) {
+      __classPrivateFieldGet(this, _KupTooltip_instances, "m", _KupTooltip_create).call(this, options);
+    }
+    else if (options) {
+      __classPrivateFieldGet(this, _KupTooltip_instances, "m", _KupTooltip_setOptions).call(this, options);
+    }
+    // If an anchor was provided, initializes or updates dynamic positioning
+    if (anchor) {
+      __classPrivateFieldGet(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$1.ketchup.dynamicPosition.isRegistered(this.element)) {
+      dom$1.ketchup.debug.logMessage('kup-tooltip', 'Unable to display KupTooltip without specifying a valid anchor point.', KupDebugCategory.WARNING);
+      return;
+    }
+    this.element.menuVisible = true;
+    dom$1.ketchup.addClickCallback(__classPrivateFieldGet(this, _KupTooltip_clickCb, "f"), true);
+  }
+  /**
+   * Returns whether an element was previously registered or not.
+   * @param {KupTooltipAnchor} element - Element to test.
+   * @returns {boolean} True if the element was registered.
+   */
+  isRegistered(element) {
+    return !this.managedElements
+      ? false
+      : this.managedElements.has(element);
+  }
+  /**
+   * Registers an HTMLElement as KupTooltipAnchor, triggering callback invocation on mouse over.
+   * @param {KupTooltipAnchor} element - The HTML element to be registered.
+   * @param {(e: PointerEvent) => void} cbEnter - Callback invoked when hovering on the the element for the first time.
+   * @param {(e: PointerEvent) => void} cbOver - Callback invoked when hovering on the element.
+   * @param {(e: PointerEvent) => void} cbLeave - Callback invoked when leaving the element.
+   */
+  register(element, cbEnter, cbOver, cbLeave) {
+    this.managedElements.add(element);
+    const kupTooltip = {
+      enter: cbEnter,
+      leave: cbLeave,
+      over: cbOver,
+    };
+    element.kupTooltip = kupTooltip;
+  }
+  /**
+   * Unregisters an HTMLElement, preventing its attached callback from being invoked.
+   *
+   * @param {KupTooltipAnchor} element - - The HTML element to be unregistered.
+   */
+  unregister(element) {
+    if (this.managedElements) {
+      this.managedElements.delete(element);
+    }
+  }
+}
+_KupTooltip_clickCb = new WeakMap(), _KupTooltip_instances = new WeakSet(), _KupTooltip_dynPos = function _KupTooltip_dynPos(anchor) {
+  if (dom$1.ketchup.dynamicPosition.isRegistered(this.element)) {
+    dom$1.ketchup.dynamicPosition.changeAnchor(this.element, anchor);
+  }
+  else {
+    dom$1.ketchup.dynamicPosition.register(this.element, anchor, null, null, true);
+  }
+  dom$1.ketchup.dynamicPosition.start(this.element);
+}, _KupTooltip_create = function _KupTooltip_create(options) {
+  this.element = document.createElement('kup-card');
+  this.element.id = 'kup-tooltip';
+  this.element.isMenu = true;
+  this.element.layoutNumber = 15;
+  this.element.sizeX = 'auto';
+  this.element.sizeY = 'auto';
+  if (options) {
+    __classPrivateFieldGet(this, _KupTooltip_instances, "m", _KupTooltip_setOptions).call(this, options);
+  }
+  document.body.appendChild(this.element);
+  __classPrivateFieldSet(this, _KupTooltip_clickCb, {
+    cb: () => {
+      this.hide();
+    },
+    el: this.element,
+  }, "f");
+}, _KupTooltip_setOptions = function _KupTooltip_setOptions(options) {
+  for (const key in options) {
+    if (Object.prototype.hasOwnProperty.call(options, key)) {
+      const prop = options[key];
+      this.element[key] = prop;
+    }
+  }
+};
+
 const dom = document.documentElement;
 /**
  * This class controls every other Ketchup utility suite.
@@ -8332,8 +8536,9 @@ class KupManager {
    * Initializes KupManager.
    */
   constructor(overrides) {
-    let datesLocale = null, debugActive = null, debugAutoprint = null, debugLogLimit = null, dialogRestrictContainer = null, dialogZIndex = null, languageList = null, languageName = null, objectsList = null, scrollOnHoverDelay = null, scrollOnHoverStep = null, themeList = null, themeName = null;
+    let datesLocale = null, debugActive = null, debugAutoprint = null, debugLogLimit = null, dialogRestrictContainer = null, dialogZIndex = null, languageList = null, languageName = null, objectsList = null, scrollOnHoverDelay = null, scrollOnHoverStep = null, themeList = null, themeName = null, tooltipDelay = null;
     if (overrides) {
+      const assetsPath = overrides.assetsPath;
       const dates = overrides.dates;
       const debug = overrides.debug;
       const interact = overrides.interact;
@@ -8341,6 +8546,10 @@ class KupManager {
       const objects = overrides.objects;
       const scrollOnHover = overrides.scrollOnHover;
       const theme = overrides.theme;
+      const tooltip = overrides.tooltip;
+      if (assetsPath) {
+        setAssetPath(assetsPath);
+      }
       if (dates) {
         datesLocale = dates.locale ? dates.locale : null;
       }
@@ -8374,6 +8583,9 @@ class KupManager {
         themeList = theme.list ? theme.list : null;
         themeName = theme.name ? theme.name : null;
       }
+      if (tooltip) {
+        tooltipDelay = tooltip.delay ? tooltip.delay : null;
+      }
     }
     this.data = new KupData();
     this.dates = new KupDates(datesLocale);
@@ -8409,6 +8621,7 @@ class KupManager {
     };
     this.theme = new KupTheme(themeList, themeName);
     this.toolbar = new KupToolbar();
+    this.tooltip = new KupTooltip(tooltipDelay);
     document.addEventListener('pointerdown', (e) => {
       const paths = e.composedPath();
       const lastString = paths[0].innerText || paths[0].value;