@sme.up/ketchup 9.5.0 → 9.5.2

package/dist/components/kup-manager.js

@@ -70,6 +70,7 @@ var KupCardIds;
  */
 var KupCardCSSClasses;
 (function (KupCardCSSClasses) {
+    KupCardCSSClasses["AUTOSCROLL"] = "autoscroll";
     KupCardCSSClasses["BUILT_IN_CARD"] = "built-in-card";
     KupCardCSSClasses["CARD_VIEW"] = "card-view";
     KupCardCSSClasses["CLICKABLE_LINK"] = "clickable-link";
@@ -339,13 +340,13 @@ var __classPrivateFieldSet$3 = (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$3 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$4 = (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$h = document.documentElement;
+const dom$i = document.documentElement;
 /**
  * Debugging suite, used to log messages and statuses from the Ketchup components.
  * @module KupDebug
@@ -368,7 +369,7 @@ class KupDebug {
         this.logs = [];
         __classPrivateFieldSet$3(this, _KupDebug_debugWidget, null, "f");
         document.addEventListener('kup-language-change', () => {
-            if (this.active && __classPrivateFieldGet$3(this, _KupDebug_debugWidget, "f")) {
+            if (this.active && __classPrivateFieldGet$4(this, _KupDebug_debugWidget, "f")) {
                 this.hideWidget();
                 this.showWidget();
             }
@@ -392,32 +393,32 @@ class KupDebug {
      */
     showWidget() {
         const debugWidget = document.createElement('kup-card');
-        const languages = dom$h.ketchup.language.getLanguages();
+        const languages = dom$i.ketchup.language.getLanguages();
         const languagesListData = [];
         for (let index = 0; index < languages.length; index++) {
             languagesListData.push({
                 id: languages[index],
-                selected: languages[index] === dom$h.ketchup.language.name
+                selected: languages[index] === dom$i.ketchup.language.name
                     ? true
                     : false,
                 value: languages[index],
             });
         }
-        const themes = dom$h.ketchup.theme.getThemes();
+        const themes = dom$i.ketchup.theme.getThemes();
         const themesListData = [];
         for (let index = 0; index < themes.length; index++) {
             themesListData.push({
                 id: themes[index],
-                selected: themes[index] === dom$h.ketchup.theme.name ? true : false,
+                selected: themes[index] === dom$i.ketchup.theme.name ? true : false,
                 value: themes[index],
             });
         }
-        const locales = dom$h.ketchup.dates.getLocales();
+        const locales = dom$i.ketchup.dates.getLocales();
         const localesListData = [];
         for (let index = 0; index < locales.length; index++) {
             localesListData.push({
                 id: locales[index],
-                selected: locales[index] === dom$h.ketchup.dates.locale ? true : false,
+                selected: locales[index] === dom$i.ketchup.dates.locale ? true : false,
                 value: locales[index],
             });
         }
@@ -427,13 +428,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$h.ketchup.language.translate(KupLanguageDebug.OFF),
+                    title: dom$i.ketchup.language.translate(KupLanguageDebug.OFF),
                 },
                 {
                     customStyle: ':host {--kup-font-size: 0.875em;}',
                     icon: 'print',
                     id: 'kup-debug-print',
-                    title: dom$h.ketchup.language.translate(KupLanguageDebug.PRINT),
+                    title: dom$i.ketchup.language.translate(KupLanguageDebug.PRINT),
                 },
                 {
                     checked: this.autoPrint,
@@ -441,20 +442,20 @@ class KupDebug {
                     icon: 'speaker_notes',
                     iconOff: 'speaker_notes_off',
                     id: 'kup-debug-autoprint',
-                    title: dom$h.ketchup.language.translate(KupLanguageDebug.AUTOPRINT),
+                    title: dom$i.ketchup.language.translate(KupLanguageDebug.AUTOPRINT),
                     toggable: true,
                 },
                 {
                     customStyle: ':host {--kup-font-size: 0.875em;}',
                     icon: 'broom',
                     id: 'kup-debug-clear',
-                    title: dom$h.ketchup.language.translate(KupLanguageDebug.CLEAR),
+                    title: dom$i.ketchup.language.translate(KupLanguageDebug.CLEAR),
                 },
                 {
                     customStyle: ':host {--kup-font-size: 0.875em;}',
                     icon: 'delete',
                     id: 'kup-debug-delete',
-                    title: dom$h.ketchup.language.translate(KupLanguageDebug.DUMP),
+                    title: dom$i.ketchup.language.translate(KupLanguageDebug.DUMP),
                 },
                 {
                     className: 'kup-full-height',
@@ -463,22 +464,22 @@ class KupDebug {
                     id: 'kup-debug-dl-props',
                     label: 'Props',
                     styling: 'flat',
-                    title: dom$h.ketchup.language.translate(KupLanguageDebug.DL_PROPS),
+                    title: dom$i.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$h.ketchup.language.translate(KupLanguageDebug.DL_ALL),
+                    label: dom$i.ketchup.language.translate(KupLanguageDebug.DL_ALL),
                     styling: 'flat',
-                    title: dom$h.ketchup.language.translate(KupLanguageDebug.DL_ALL),
+                    title: dom$i.ketchup.language.translate(KupLanguageDebug.DL_ALL),
                 },
                 {
                     customStyle: ':host {--kup-font-size: 0.875em;}',
                     icon: 'auto-fix',
                     id: 'kup-debug-magic-box',
-                    title: dom$h.ketchup.language.translate(KupLanguageDebug.MAGIC_BOX),
+                    title: dom$i.ketchup.language.translate(KupLanguageDebug.MAGIC_BOX),
                 },
             ],
             combobox: [
@@ -493,11 +494,11 @@ class KupDebug {
                             className: 'kup-full-height',
                             emitSubmitEventOnEnter: false,
                             inputType: 'text',
-                            label: dom$h.ketchup.language.translate(KupLanguageDebug.THEME_CHANGER),
+                            label: dom$i.ketchup.language.translate(KupLanguageDebug.THEME_CHANGER),
                         },
                     },
                     id: 'kup-debug-theme-changer',
-                    initialValue: dom$h.ketchup.theme.name,
+                    initialValue: dom$i.ketchup.theme.name,
                     isSelect: true,
                 },
                 {
@@ -511,11 +512,11 @@ class KupDebug {
                             className: 'kup-full-height',
                             emitSubmitEventOnEnter: false,
                             inputType: 'text',
-                            label: dom$h.ketchup.language.translate(KupLanguageDebug.LANGUAGE_CHANGER),
+                            label: dom$i.ketchup.language.translate(KupLanguageDebug.LANGUAGE_CHANGER),
                         },
                     },
                     id: 'kup-debug-language-changer',
-                    initialValue: dom$h.ketchup.language.name,
+                    initialValue: dom$i.ketchup.language.name,
                     isSelect: true,
                 },
                 {
@@ -529,11 +530,11 @@ class KupDebug {
                             className: 'kup-full-height',
                             emitSubmitEventOnEnter: false,
                             inputType: 'text',
-                            label: dom$h.ketchup.language.translate(KupLanguageDebug.LOCALE_CHANGER),
+                            label: dom$i.ketchup.language.translate(KupLanguageDebug.LOCALE_CHANGER),
                         },
                     },
                     id: 'kup-debug-locale-changer',
-                    initialValue: dom$h.ketchup.dates.locale,
+                    initialValue: dom$i.ketchup.dates.locale,
                     isSelect: true,
                 },
             ],
@@ -541,7 +542,7 @@ class KupDebug {
                 {
                     className: 'kup-full-height',
                     id: 'kup-debug-log-limit',
-                    label: dom$h.ketchup.language.translate(KupLanguageDebug.LOG_LIMIT),
+                    label: dom$i.ketchup.language.translate(KupLanguageDebug.LOG_LIMIT),
                     initialValue: this.logLimit,
                     emitSubmitEventOnEnter: false,
                     inputType: 'number',
@@ -576,7 +577,7 @@ class KupDebug {
                         break;
                     case 'kup-debug-clear':
                         kupDebug.widgetClear();
-                        __classPrivateFieldGet$3(kupDebug, _KupDebug_debugWidget, "f").refresh();
+                        __classPrivateFieldGet$4(kupDebug, _KupDebug_debugWidget, "f").refresh();
                         break;
                     case 'kup-debug-dl-props':
                         kupDebug.getProps().then((res) => {
@@ -592,7 +593,7 @@ class KupDebug {
                         kupDebug.dump();
                         break;
                     case 'kup-debug-magic-box':
-                        dom$h.ketchup.toggleMagicBox();
+                        dom$i.ketchup.toggleMagicBox();
                         break;
                     case 'kup-debug-off':
                         kupDebug.toggle();
@@ -600,21 +601,21 @@ class KupDebug {
                     case 'kup-debug-print':
                         kupDebug.widgetClear();
                         kupDebug.widgetPrint();
-                        __classPrivateFieldGet$3(kupDebug, _KupDebug_debugWidget, "f").refresh();
+                        __classPrivateFieldGet$4(kupDebug, _KupDebug_debugWidget, "f").refresh();
                         break;
                 }
                 break;
             case 'kup-combobox-itemclick':
                 switch (compID) {
                     case 'kup-debug-language-changer':
-                        dom$h.ketchup.language.set(compEvent.detail.value);
+                        dom$i.ketchup.language.set(compEvent.detail.value);
                         break;
                     case 'kup-debug-locale-changer':
-                        dom$h.ketchup.dates.setLocale(compEvent.detail.value);
-                        dom$h.ketchup.math.setLocale(compEvent.detail.value);
+                        dom$i.ketchup.dates.setLocale(compEvent.detail.value);
+                        dom$i.ketchup.math.setLocale(compEvent.detail.value);
                         break;
                     case 'kup-debug-theme-changer':
-                        dom$h.ketchup.theme.set(compEvent.detail.value);
+                        dom$i.ketchup.theme.set(compEvent.detail.value);
                         break;
                 }
             case 'kup-textfield-input':
@@ -635,14 +636,14 @@ class KupDebug {
      * Closes the debug widget.
      */
     hideWidget() {
-        __classPrivateFieldGet$3(this, _KupDebug_debugWidget, "f").remove();
+        __classPrivateFieldGet$4(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$3(this, _KupDebug_debugWidget, "f").children, 0);
+        const children = Array.prototype.slice.call(__classPrivateFieldGet$4(this, _KupDebug_debugWidget, "f").children, 0);
         for (let index = 0; index < children.length; index++) {
             children[index].remove();
         }
@@ -676,7 +677,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$h.ketchup.language.translate(KupLanguageDebug.DL_PROPS_COMP);
+                slot.title = dom$i.ketchup.language.translate(KupLanguageDebug.DL_PROPS_COMP);
                 slot.style.fontWeight = 'bold';
                 slot.style.cursor = 'pointer';
                 slot.onclick = () => {
@@ -706,7 +707,7 @@ class KupDebug {
         }
         slots.reverse();
         for (let index = 0; index < slots.length; index++) {
-            __classPrivateFieldGet$3(this, _KupDebug_debugWidget, "f").append(slots[index]);
+            __classPrivateFieldGet$4(this, _KupDebug_debugWidget, "f").append(slots[index]);
         }
     }
     /**
@@ -734,7 +735,7 @@ class KupDebug {
                 printLog[type] = [];
             }
             printLog[type].push({
-                date: dom$h.ketchup.dates.format(this.logs[index].date, 'LLL:ms'),
+                date: dom$i.ketchup.dates.format(this.logs[index].date, 'LLL:ms'),
                 element: isComponent
                     ? this.logs[index].element
                     : this.logs[index].id,
@@ -781,13 +782,13 @@ class KupDebug {
         }
         if (this.active) {
             document.dispatchEvent(new CustomEvent('kup-debug-active'));
-            if (!__classPrivateFieldGet$3(this, _KupDebug_debugWidget, "f")) {
+            if (!__classPrivateFieldGet$4(this, _KupDebug_debugWidget, "f")) {
                 this.showWidget();
             }
         }
         else {
             document.dispatchEvent(new CustomEvent('kup-debug-inactive'));
-            if (__classPrivateFieldGet$3(this, _KupDebug_debugWidget, "f")) {
+            if (__classPrivateFieldGet$4(this, _KupDebug_debugWidget, "f")) {
                 this.hideWidget();
             }
         }
@@ -914,7 +915,7 @@ class KupDebug {
                 message: message,
             };
             if (this.logs.length > this.logLimit) {
-                console.warn(dom$h.ketchup.dates.format(date, 'LLL:ms') +
+                console.warn(dom$i.ketchup.dates.format(date, 'LLL:ms') +
                     ' kup-debug => ' +
                     'Too many logs (> ' +
                     this.logLimit +
@@ -922,22 +923,22 @@ class KupDebug {
                 this.dump();
             }
             this.logs.push(log);
-            if (this.autoPrint && __classPrivateFieldGet$3(this, _KupDebug_debugWidget, "f")) {
+            if (this.autoPrint && __classPrivateFieldGet$4(this, _KupDebug_debugWidget, "f")) {
                 this.widgetClear();
                 this.widgetPrint();
-                __classPrivateFieldGet$3(this, _KupDebug_debugWidget, "f").refresh();
+                __classPrivateFieldGet$4(this, _KupDebug_debugWidget, "f").refresh();
             }
         }
         switch (category) {
             case KupDebugCategory.ERROR:
-                console.error(dom$h.ketchup.dates.format(date, 'LLL:ms') + id + message, obj);
+                console.error(dom$i.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$h.ketchup.dates.format(date, 'LLL:ms') + id + message, obj);
+                console.warn(dom$i.ketchup.dates.format(date, 'LLL:ms') + id + message, obj);
                 break;
         }
     }
@@ -1024,7 +1025,7 @@ var KupDynamicPositionPlacement;
     KupDynamicPositionPlacement["TOP_RIGHT"] = "tr";
 })(KupDynamicPositionPlacement || (KupDynamicPositionPlacement = {}));
 
-const dom$g = document.documentElement;
+const dom$h = document.documentElement;
 /**
  * This class is used to dynamically reposition HTML elements.
  * @module KupDynamicPosition
@@ -1092,7 +1093,7 @@ class KupDynamicPosition {
             const target = mutations[0].target;
             if (target.classList.contains(kupDynamicPositionActiveClass)) {
                 requestAnimationFrame(function () {
-                    dom$g.ketchup.dynamicPosition.run(el);
+                    dom$h.ketchup.dynamicPosition.run(el);
                 });
             }
         });
@@ -1149,7 +1150,7 @@ class KupDynamicPosition {
      */
     run(el) {
         if (!el.isConnected) {
-            dom$g.ketchup.dynamicPosition.managedElements.delete(el);
+            dom$h.ketchup.dynamicPosition.managedElements.delete(el);
             cancelAnimationFrame(el.kupDynamicPosition.rAF);
             return;
         }
@@ -1257,7 +1258,7 @@ class KupDynamicPosition {
         // Recursive
         if (!el.kupDynamicPosition.detach) {
             el.kupDynamicPosition.rAF = requestAnimationFrame(function () {
-                dom$g.ketchup.dynamicPosition.run(el);
+                dom$h.ketchup.dynamicPosition.run(el);
             });
         }
         else {
@@ -1325,7 +1326,7 @@ var KupDropEventTypes;
     KupDropEventTypes["MAGICBOX"] = "text/kup-magic-box-drag";
 })(KupDropEventTypes || (KupDropEventTypes = {}));
 
-const dom$f = document.documentElement;
+const dom$g = document.documentElement;
 /**
  * This class handles elements as dialogs, making them resizable and movable.
  * @module KupInteract
@@ -1439,7 +1440,7 @@ class KupInteract {
                         ghostImage.style.transition = 'none';
                         ghostImage.style.zIndex =
                             'calc(var(--kup-navbar-zindex) + 1)';
-                        dom$f.ketchup.interact.container.appendChild(ghostImage);
+                        dom$g.ketchup.interact.container.appendChild(ghostImage);
                         draggable.kupDragDrop.ghostImage = ghostImage;
                         break;
                     case KupDragEffect.CLONE:
@@ -1600,7 +1601,7 @@ class KupInteract {
                     x += e.deltaRect.left;
                     y += e.deltaRect.top;
                     el.style.transform = 'translate(' + x + 'px,' + y + 'px)';
-                    if (dom$f.ketchup.interact.isInViewport(el, oldTransform, e.delta)) {
+                    if (dom$g.ketchup.interact.isInViewport(el, oldTransform, e.delta)) {
                         el.setAttribute('data-x', x.toString());
                         el.setAttribute('data-y', y.toString());
                     }
@@ -1652,7 +1653,7 @@ class KupInteract {
         const callbacks = {
             start(e) {
                 const el = e.currentTarget;
-                el.style.zIndex = (dom$f.ketchup.interact.zIndex++).toString();
+                el.style.zIndex = (dom$g.ketchup.interact.zIndex++).toString();
             },
         };
         this.draggable(el, {
@@ -1661,7 +1662,7 @@ class KupInteract {
                 interact.modifiers.restrictRect({
                     restriction: restrictContainer
                         ? restrictContainer
-                        : dom$f.ketchup.interact.restrictContainer,
+                        : dom$g.ketchup.interact.restrictContainer,
                     endOnly: true,
                 }),
             ],
@@ -2613,7 +2614,7 @@ const languages = {
 	spanish: spanish
 };
 
-const dom$e = document.documentElement;
+const dom$f = document.documentElement;
 /**
  * Handles the translation to different languages.
  * @module KupLanguage
@@ -2667,7 +2668,7 @@ class KupLanguage {
             return invalidKey(key);
         }
         function invalidKey(key) {
-            dom$e.ketchup.debug.logMessage('kup-language', 'Invalid translation for key (' + key + ')!', KupDebugCategory.WARNING);
+            dom$f.ketchup.debug.logMessage('kup-language', 'Invalid translation for key (' + key + ')!', KupDebugCategory.WARNING);
             return key;
         }
     }
@@ -2680,7 +2681,7 @@ class KupLanguage {
             language = language.toLowerCase();
         }
         else {
-            dom$e.ketchup.debug.logMessage('kup-language', "Couldn't set language, invalid string received (" +
+            dom$f.ketchup.debug.logMessage('kup-language', "Couldn't set language, invalid string received (" +
                 language +
                 ')!', KupDebugCategory.WARNING);
             return;
@@ -2690,12 +2691,12 @@ class KupLanguage {
         const dVariant = decodedLanguage.variant;
         if (this.list[dLanguage]) {
             if (dVariant && !this.list[dLanguage].variants[dVariant]) {
-                dom$e.ketchup.debug.logMessage('kup-language', 'Variant not found (' + dVariant + ')!', KupDebugCategory.WARNING);
+                dom$f.ketchup.debug.logMessage('kup-language', 'Variant not found (' + dVariant + ')!', KupDebugCategory.WARNING);
                 return;
             }
         }
         else {
-            dom$e.ketchup.debug.logMessage('kup-language', 'Language not found (' + dLanguage + ')!', KupDebugCategory.WARNING);
+            dom$f.ketchup.debug.logMessage('kup-language', 'Language not found (' + dLanguage + ')!', KupDebugCategory.WARNING);
             return;
         }
         this.name = language;
@@ -2782,7 +2783,7 @@ const obj = {
 	types: types
 };
 
-const dom$d = document.documentElement;
+const dom$e = document.documentElement;
 /**
  * Handles objects definition and validation.
  * @module KupObjects
@@ -3117,9 +3118,9 @@ class KupObjects {
      */
     parseDate(obj) {
         if (obj.t === 'D8' && obj.p === '*DMYY') {
-            return dom$d.ketchup.dates.toDayjs(obj.k, 'DDMMYYYY');
+            return dom$e.ketchup.dates.toDayjs(obj.k, 'DDMMYYYY');
         }
-        return dom$d.ketchup.dates.toDayjs(obj.k);
+        return dom$e.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.
@@ -3186,13 +3187,13 @@ var __classPrivateFieldSet$2 = (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$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 _KupScrollOnHover_instances, _KupScrollOnHover_arrowsContainer, _KupScrollOnHover_leftArrows, _KupScrollOnHover_rightArrows, _KupScrollOnHover_scrollEvent, _KupScrollOnHover_mousemoveEvent, _KupScrollOnHover_mouseleaveEvent, _KupScrollOnHover_rAF, _KupScrollOnHover_timeout, _KupScrollOnHover_initArrows;
-const dom$c = document.documentElement;
+const dom$d = document.documentElement;
 /**
  * Lets the user scroll an element's overflow by hovering with the mouse on its left/right edge.
  * @module KupScrollOnHover
@@ -3231,8 +3232,8 @@ class KupScrollOnHover {
      * @param {number} step - The amount in pixels for each scroll recursion.
      */
     register(el, vertical, percentages, step) {
-        if (!__classPrivateFieldGet$2(this, _KupScrollOnHover_arrowsContainer, "f")) {
-            __classPrivateFieldGet$2(this, _KupScrollOnHover_instances, "m", _KupScrollOnHover_initArrows).call(this);
+        if (!__classPrivateFieldGet$3(this, _KupScrollOnHover_arrowsContainer, "f")) {
+            __classPrivateFieldGet$3(this, _KupScrollOnHover_instances, "m", _KupScrollOnHover_initArrows).call(this);
         }
         el.style.overflowX = 'auto';
         el.scrollOnHover = {
@@ -3248,10 +3249,10 @@ class KupScrollOnHover {
             y: 0,
         };
         if (el.scrollOnHover.children) {
-            el.addEventListener('scroll', __classPrivateFieldGet$2(this, _KupScrollOnHover_scrollEvent, "f"));
+            el.addEventListener('scroll', __classPrivateFieldGet$3(this, _KupScrollOnHover_scrollEvent, "f"));
         }
-        el.addEventListener('mousemove', __classPrivateFieldGet$2(this, _KupScrollOnHover_mousemoveEvent, "f"));
-        el.addEventListener('mouseleave', __classPrivateFieldGet$2(this, _KupScrollOnHover_mouseleaveEvent, "f"));
+        el.addEventListener('mousemove', __classPrivateFieldGet$3(this, _KupScrollOnHover_mousemoveEvent, "f"));
+        el.addEventListener('mouseleave', __classPrivateFieldGet$3(this, _KupScrollOnHover_mouseleaveEvent, "f"));
         this.managedElements.add(el);
     }
     /**
@@ -3259,9 +3260,9 @@ class KupScrollOnHover {
      * @param {KupScrollOnHoverElement} el - Element to unregister.
      */
     unregister(el) {
-        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"));
+        el.removeEventListener('scroll', __classPrivateFieldGet$3(this, _KupScrollOnHover_scrollEvent, "f"));
+        el.removeEventListener('mousemove', __classPrivateFieldGet$3(this, _KupScrollOnHover_mousemoveEvent, "f"));
+        el.removeEventListener('mouseleave', __classPrivateFieldGet$3(this, _KupScrollOnHover_mouseleaveEvent, "f"));
         if (this.managedElements) {
             this.managedElements.delete(el);
         }
@@ -3283,9 +3284,9 @@ class KupScrollOnHover {
         el.scrollOnHover.rect = el.getBoundingClientRect();
         el.scrollOnHover.x = event.clientX;
         el.scrollOnHover.y = event.clientY;
-        __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")) {
+        __classPrivateFieldGet$3(this, _KupScrollOnHover_arrowsContainer, "f").style.left = event.clientX + 'px';
+        __classPrivateFieldGet$3(this, _KupScrollOnHover_arrowsContainer, "f").style.top = event.clientY + 'px';
+        if (el.scrollOnHover.active || __classPrivateFieldGet$3(this, _KupScrollOnHover_timeout, "f")) {
             return;
         }
         let trueHeight = el.clientHeight;
@@ -3312,16 +3313,16 @@ class KupScrollOnHover {
                 if (direction) {
                     for (let i = 0; i < 3; i++) {
                         if (direction === ScrollOnHoverDirection.LEFT) {
-                            __classPrivateFieldGet$2(this, _KupScrollOnHover_leftArrows, "f")[i].classList.add('kup-activated');
+                            __classPrivateFieldGet$3(this, _KupScrollOnHover_leftArrows, "f")[i].classList.add('kup-activated');
                         }
                         else {
-                            __classPrivateFieldGet$2(this, _KupScrollOnHover_rightArrows, "f")[i].classList.add('kup-activated');
+                            __classPrivateFieldGet$3(this, _KupScrollOnHover_rightArrows, "f")[i].classList.add('kup-activated');
                         }
                     }
                     __classPrivateFieldSet$2(this, _KupScrollOnHover_timeout, setTimeout(() => {
                         el.scrollOnHover.active = true;
                         __classPrivateFieldSet$2(this, _KupScrollOnHover_rAF, requestAnimationFrame(function () {
-                            dom$c.ketchup.scrollOnHover.run(el, maxScrollLeft, percRight, percLeft, direction);
+                            dom$d.ketchup.scrollOnHover.run(el, maxScrollLeft, percRight, percLeft, direction);
                         }), "f");
                     }, this.delay), "f");
                 }
@@ -3343,7 +3344,7 @@ class KupScrollOnHover {
                     __classPrivateFieldSet$2(this, _KupScrollOnHover_timeout, setTimeout(() => {
                         el.scrollOnHover.active = true;
                         __classPrivateFieldSet$2(this, _KupScrollOnHover_rAF, requestAnimationFrame(function () {
-                            dom$c.ketchup.scrollOnHover.run(el, maxScrollTop, percBottom, percTop, direction);
+                            dom$d.ketchup.scrollOnHover.run(el, maxScrollTop, percBottom, percTop, direction);
                         }), "f");
                     }, this.delay), "f");
                 }
@@ -3356,16 +3357,16 @@ class KupScrollOnHover {
      */
     async stop(el) {
         el.scrollOnHover.active = false;
-        cancelAnimationFrame(__classPrivateFieldGet$2(this, _KupScrollOnHover_rAF, "f"));
-        clearTimeout(__classPrivateFieldGet$2(this, _KupScrollOnHover_timeout, "f"));
+        cancelAnimationFrame(__classPrivateFieldGet$3(this, _KupScrollOnHover_rAF, "f"));
+        clearTimeout(__classPrivateFieldGet$3(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$3(this, _KupScrollOnHover_leftArrows, "f").length; i++) {
+            __classPrivateFieldGet$3(this, _KupScrollOnHover_leftArrows, "f")[i].classList.remove('kup-activated');
+            __classPrivateFieldGet$3(this, _KupScrollOnHover_leftArrows, "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');
+        for (let i = 0; i < __classPrivateFieldGet$3(this, _KupScrollOnHover_rightArrows, "f").length; i++) {
+            __classPrivateFieldGet$3(this, _KupScrollOnHover_rightArrows, "f")[i].classList.remove('kup-activated');
+            __classPrivateFieldGet$3(this, _KupScrollOnHover_rightArrows, "f")[i].classList.remove('kup-animated');
         }
     }
     /**
@@ -3437,7 +3438,7 @@ class KupScrollOnHover {
                 break;
             }
             case ScrollOnHoverDirection.LEFT: {
-                arrow = __classPrivateFieldGet$2(this, _KupScrollOnHover_leftArrows, "f");
+                arrow = __classPrivateFieldGet$3(this, _KupScrollOnHover_leftArrows, "f");
                 if (el.scrollLeft === 0) {
                     this.stop(el);
                     return;
@@ -3448,7 +3449,7 @@ class KupScrollOnHover {
                 break;
             }
             case ScrollOnHoverDirection.RIGHT: {
-                arrow = __classPrivateFieldGet$2(this, _KupScrollOnHover_rightArrows, "f");
+                arrow = __classPrivateFieldGet$3(this, _KupScrollOnHover_rightArrows, "f");
                 if (el.scrollLeft === maxScrollLeft) {
                     this.stop(el);
                     return;
@@ -3474,7 +3475,7 @@ class KupScrollOnHover {
             arrow[i].classList.add('kup-animated');
         }
         __classPrivateFieldSet$2(this, _KupScrollOnHover_rAF, requestAnimationFrame(function () {
-            dom$c.ketchup.scrollOnHover.run(el, maxScrollLeft, percForward, percBack, direction);
+            dom$d.ketchup.scrollOnHover.run(el, maxScrollLeft, percForward, percBack, direction);
         }), "f");
     }
     /**
@@ -3491,21 +3492,21 @@ _KupScrollOnHover_arrowsContainer = new WeakMap(), _KupScrollOnHover_leftArrows
     __classPrivateFieldSet$2(this, _KupScrollOnHover_arrowsContainer, document.createElement('div'), "f");
     __classPrivateFieldSet$2(this, _KupScrollOnHover_leftArrows, [], "f");
     __classPrivateFieldSet$2(this, _KupScrollOnHover_rightArrows, [], "f");
-    __classPrivateFieldGet$2(this, _KupScrollOnHover_arrowsContainer, "f").id = 'kup-scrolling-arrows';
+    __classPrivateFieldGet$3(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$2(this, _KupScrollOnHover_leftArrows, "f").push(arrow);
+        __classPrivateFieldGet$3(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$2(this, _KupScrollOnHover_rightArrows, "f").push(arrow);
+        __classPrivateFieldGet$3(this, _KupScrollOnHover_rightArrows, "f").push(arrow);
     }
-    __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]);
+    __classPrivateFieldGet$3(this, _KupScrollOnHover_arrowsContainer, "f").append(__classPrivateFieldGet$3(this, _KupScrollOnHover_leftArrows, "f")[2], __classPrivateFieldGet$3(this, _KupScrollOnHover_leftArrows, "f")[1], __classPrivateFieldGet$3(this, _KupScrollOnHover_leftArrows, "f")[0], __classPrivateFieldGet$3(this, _KupScrollOnHover_rightArrows, "f")[0], __classPrivateFieldGet$3(this, _KupScrollOnHover_rightArrows, "f")[1], __classPrivateFieldGet$3(this, _KupScrollOnHover_rightArrows, "f")[2]);
     this.container = document.createElement('div');
     this.container.setAttribute('kup-scroll-on-hover', '');
-    this.container.appendChild(__classPrivateFieldGet$2(this, _KupScrollOnHover_arrowsContainer, "f"));
+    this.container.appendChild(__classPrivateFieldGet$3(this, _KupScrollOnHover_arrowsContainer, "f"));
     document.body.appendChild(this.container);
 };
 
@@ -4750,7 +4751,7 @@ var KupThemeIconValues;
     KupThemeIconValues["SEARCH"] = "--kup-search-icon";
 })(KupThemeIconValues || (KupThemeIconValues = {}));
 
-const dom$b = document.documentElement;
+const dom$c = document.documentElement;
 /**
  * Theme manager, handles everything about theming, customStyles and color utilities.
  * @module KupTheme
@@ -4764,7 +4765,7 @@ class KupTheme {
         this.list = list ? list : themes;
         this.managedComponents = new Set();
         this.name = name ? name : 'ketchup';
-        this.styleTag = dom$b
+        this.styleTag = dom$c
             .querySelector('head')
             .appendChild(document.createElement('style'));
     }
@@ -4851,9 +4852,9 @@ class KupTheme {
         if (list) {
             this.list = list;
         }
-        dom$b.ketchup.debug.logMessage('theme manager', 'Setting theme to: ' + this.name + '.');
+        dom$c.ketchup.debug.logMessage('theme manager', 'Setting theme to: ' + this.name + '.');
         if (!this.list[this.name]) {
-            dom$b.ketchup.debug.logMessage('theme manager', 'Invalid theme name, falling back to default ("ketchup").');
+            dom$c.ketchup.debug.logMessage('theme manager', 'Invalid theme name, falling back to default ("ketchup").');
             this.name = 'ketchup';
         }
         this.cssVars = {};
@@ -4896,11 +4897,11 @@ class KupTheme {
                     this.icons() +
                     '}';
             this.customStyle();
-            dom$b.ketchup.debug.logMessage('kup-theme', 'Theme ' + dom$b.getAttribute('kup-theme') + ' refreshed.');
+            dom$c.ketchup.debug.logMessage('kup-theme', 'Theme ' + dom$c.getAttribute('kup-theme') + ' refreshed.');
             document.dispatchEvent(new CustomEvent('kup-theme-refresh'));
         }
         catch (error) {
-            dom$b.ketchup.debug.logMessage('kup-theme', 'Theme not refreshed.', KupDebugCategory.WARNING);
+            dom$c.ketchup.debug.logMessage('kup-theme', 'Theme not refreshed.', KupDebugCategory.WARNING);
         }
     }
     /**
@@ -5028,7 +5029,7 @@ class KupTheme {
             this.set(themes[index]);
         }
         else {
-            dom$b.ketchup.debug.logMessage('kup-theme', "Couldn't set a random theme: no themes available!", KupDebugCategory.WARNING);
+            dom$c.ketchup.debug.logMessage('kup-theme', "Couldn't set a random theme: no themes available!", KupDebugCategory.WARNING);
         }
     }
     /**
@@ -5040,7 +5041,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$b.ketchup.debug.logMessage('theme manager', 'Received TRANSPARENT color, converted to ' +
+            dom$c.ketchup.debug.logMessage('theme manager', 'Received TRANSPARENT color, converted to ' +
                 color +
                 ' (theme background).');
         }
@@ -5058,7 +5059,7 @@ class KupTheme {
             const oldColor = color;
             color = this.codeToHex(color);
             isHex = color.substring(0, 1) === '#' ? true : false;
-            dom$b.ketchup.debug.logMessage('theme manager', 'Received CODE NAME color ' +
+            dom$c.ketchup.debug.logMessage('theme manager', 'Received CODE NAME color ' +
                 oldColor +
                 ', converted to ' +
                 color +
@@ -5112,14 +5113,14 @@ class KupTheme {
                 else {
                     hexColor = this.rgbToHex(rgbColorObj.r, rgbColorObj.g, rgbColorObj.b);
                 }
-                dom$b.ketchup.debug.logMessage('theme-manager', 'Received HEX color ' +
+                dom$c.ketchup.debug.logMessage('theme-manager', 'Received HEX color ' +
                     oldColor +
                     ', converted to ' +
                     color +
                     '.');
             }
             catch (error) {
-                dom$b.ketchup.debug.logMessage('theme-manager', 'Invalid color: ' + color + '.');
+                dom$c.ketchup.debug.logMessage('theme-manager', 'Invalid color: ' + color + '.');
             }
         }
         let rgbValues = null;
@@ -5129,14 +5130,14 @@ class KupTheme {
             rgbColor = color;
         }
         catch (error) {
-            dom$b.ketchup.debug.logMessage('theme-manager', 'Color not converted to rgb values: ' + color + '.');
+            dom$c.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$b.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
+                dom$c.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
             }
         }
         if (!hslColor || !hslValues) {
@@ -5149,7 +5150,7 @@ class KupTheme {
                 hslColor = 'hsl(' + hsl.h + ',' + hsl.s + '%,' + hsl.l + '%)';
             }
             catch (error) {
-                dom$b.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
+                dom$c.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
             }
         }
         return {
@@ -5454,7 +5455,7 @@ class KupTheme {
             return colorCodes[color.toLowerCase()];
         }
         else {
-            dom$b.ketchup.debug.logMessage('theme manager', 'Could not decode color ' + color + '!');
+            dom$c.ketchup.debug.logMessage('theme manager', 'Could not decode color ' + color + '!');
             return color;
         }
     }
@@ -5476,13 +5477,13 @@ var __classPrivateFieldSet$1 = (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$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 _KupToolbar_keyEvent;
-const dom$a = document.documentElement;
+const dom$b = document.documentElement;
 /**
  * Handles component's toolbar.
  * @module KupToolbar
@@ -5500,7 +5501,7 @@ class KupToolbar {
             KupToolbarModifierKeys.CTRL,
         ];
         __classPrivateFieldSet$1(this, _KupToolbar_keyEvent, function (e) {
-            const toolbar = dom$a.ketchup.toolbar;
+            const toolbar = dom$b.ketchup.toolbar;
             if (toolbar.managedElements) {
                 for (let index = 0; index < toolbar.modifiers.length; index++) {
                     if (toolbar.modifiers[index] ===
@@ -5522,8 +5523,8 @@ class KupToolbar {
                 toolbar.show();
             }
         }, "f");
-        document.addEventListener('keydown', __classPrivateFieldGet$1(this, _KupToolbar_keyEvent, "f"));
-        document.addEventListener('keyup', __classPrivateFieldGet$1(this, _KupToolbar_keyEvent, "f"));
+        document.addEventListener('keydown', __classPrivateFieldGet$2(this, _KupToolbar_keyEvent, "f"));
+        document.addEventListener('keyup', __classPrivateFieldGet$2(this, _KupToolbar_keyEvent, "f"));
     }
     /**
      * Shows components' toolbar.
@@ -5999,7 +6000,7 @@ var SelectionMode;
     SelectionMode["NONE"] = "none";
 })(SelectionMode || (SelectionMode = {}));
 
-const dom$9 = document.documentElement;
+const dom$a = document.documentElement;
 // -------------
 // COMMONS
 // -------------
@@ -6026,9 +6027,9 @@ function getValueForDisplay2(values, column) {
 }
 function formatToNumber(cell) {
     if (cell.obj) {
-        return dom$9.ketchup.math.numberify(cell.obj.k);
+        return dom$a.ketchup.math.numberify(cell.obj.k);
     }
-    return dom$9.ketchup.math.numberify(cell.value);
+    return dom$a.ketchup.math.numberify(cell.value);
 }
 function _getCellValueForDisplay(value, column, cell) {
     let obj = column != null ? column.obj : null;
@@ -6041,18 +6042,18 @@ function getValueForDisplay(value, obj, decimals) {
     if (value == null || value.trim() == '') {
         return value;
     }
-    if (dom$9.ketchup.objects.isNumber(obj)) {
-        return dom$9.ketchup.math.numberStringToFormattedString(value, decimals ? decimals : -1, obj ? obj.p : '');
+    if (dom$a.ketchup.objects.isNumber(obj)) {
+        return dom$a.ketchup.math.numberStringToFormattedString(value, decimals ? decimals : -1, obj ? obj.p : '');
     }
-    if (dom$9.ketchup.objects.isDate(obj) &&
-        dom$9.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
-        return dom$9.ketchup.dates.format(value);
+    if (dom$a.ketchup.objects.isDate(obj) &&
+        dom$a.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
+        return dom$a.ketchup.dates.format(value);
     }
-    if (dom$9.ketchup.objects.isTime(obj)) {
-        return dom$9.ketchup.dates.timeStringToFormattedString(value, dom$9.ketchup.objects.isTimeWithSeconds(obj), obj.t + obj.p);
+    if (dom$a.ketchup.objects.isTime(obj)) {
+        return dom$a.ketchup.dates.timeStringToFormattedString(value, dom$a.ketchup.objects.isTimeWithSeconds(obj), obj.t + obj.p);
     }
-    if (dom$9.ketchup.objects.isTimestamp(obj)) {
-        return dom$9.ketchup.dates.timestampStringToFormattedString(value);
+    if (dom$a.ketchup.objects.isTimestamp(obj)) {
+        return dom$a.ketchup.dates.timestampStringToFormattedString(value);
     }
     return value;
 }
@@ -6096,15 +6097,15 @@ function compareValues(obj1, value1, obj2, value2, sortMode) {
     }
     let v1 = s1;
     let v2 = s2;
-    if (dom$9.ketchup.objects.isNumber(obj1)) {
-        v1 = dom$9.ketchup.math.numberifySafe(s1);
-        v2 = dom$9.ketchup.math.numberifySafe(s2);
+    if (dom$a.ketchup.objects.isNumber(obj1)) {
+        v1 = dom$a.ketchup.math.numberifySafe(s1);
+        v2 = dom$a.ketchup.math.numberifySafe(s2);
     }
-    else if (dom$9.ketchup.objects.isDate(obj1)) {
-        v1 = dom$9.ketchup.dates.toDate(dom$9.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE));
-        v2 = dom$9.ketchup.dates.toDate(dom$9.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE));
+    else if (dom$a.ketchup.objects.isDate(obj1)) {
+        v1 = dom$a.ketchup.dates.toDate(dom$a.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE));
+        v2 = dom$a.ketchup.dates.toDate(dom$a.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE));
     }
-    else if (dom$9.ketchup.objects.isTime(obj1)) {
+    else if (dom$a.ketchup.objects.isTime(obj1)) {
         // Previous code could not work because dayjs
         // returns an invalid date when it tries to parse a time
         // This solution is simpler and it works because the time format
@@ -6112,9 +6113,9 @@ function compareValues(obj1, value1, obj2, value2, sortMode) {
         v1 = Number(s1.replace(/:/g, ''));
         v2 = Number(s2.replace(/:/g, ''));
     }
-    else if (dom$9.ketchup.objects.isTimestamp(obj1)) {
-        v1 = dom$9.ketchup.dates.toDate(dom$9.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE_TIME));
-        v2 = dom$9.ketchup.dates.toDate(dom$9.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE_TIME));
+    else if (dom$a.ketchup.objects.isTimestamp(obj1)) {
+        v1 = dom$a.ketchup.dates.toDate(dom$a.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE_TIME));
+        v2 = dom$a.ketchup.dates.toDate(dom$a.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE_TIME));
     }
     if (v1 > v2) {
         return sm * 1;
@@ -6180,7 +6181,7 @@ var KupGlobalFilterMode;
     KupGlobalFilterMode["HIGHLIGHT"] = "highlight";
 })(KupGlobalFilterMode || (KupGlobalFilterMode = {}));
 
-const dom$8 = document.documentElement;
+const dom$9 = document.documentElement;
 /**
  * Filtering algorithms.
  * @module Filters
@@ -6196,16 +6197,16 @@ class Filters {
         return comp.rootElement.tagName === KupTagNames.TREE;
     }
     isObjFiltrableByInterval(obj) {
-        if (dom$8.ketchup.objects.isDate(obj)) {
+        if (dom$9.ketchup.objects.isDate(obj)) {
             return true;
         }
-        if (dom$8.ketchup.objects.isTime(obj)) {
+        if (dom$9.ketchup.objects.isTime(obj)) {
             return true;
         }
-        if (dom$8.ketchup.objects.isTimestamp(obj)) {
+        if (dom$9.ketchup.objects.isTimestamp(obj)) {
             return true;
         }
-        if (dom$8.ketchup.objects.isNumber(obj)) {
+        if (dom$9.ketchup.objects.isNumber(obj)) {
             return true;
         }
         return false;
@@ -6215,38 +6216,38 @@ class Filters {
         if (newValue == null || newValue == '' || smeupObj == null) {
             return newValue;
         }
-        if (dom$8.ketchup.objects.isDate(smeupObj)) {
-            if (dom$8.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
+        if (dom$9.ketchup.objects.isDate(smeupObj)) {
+            if (dom$9.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
                 return newValue;
             }
-            if (dom$8.ketchup.dates.isValid(value)) {
-                return dom$8.ketchup.dates.format(dom$8.ketchup.dates.normalize(value, KupDatesNormalize.DATE), KupDatesFormats.ISO_DATE);
+            if (dom$9.ketchup.dates.isValid(value)) {
+                return dom$9.ketchup.dates.format(dom$9.ketchup.dates.normalize(value, KupDatesNormalize.DATE), KupDatesFormats.ISO_DATE);
             }
         }
-        else if (dom$8.ketchup.objects.isTime(smeupObj)) {
-            let manageSeconds = dom$8.ketchup.objects.isTimeWithSeconds(smeupObj);
-            if (dom$8.ketchup.dates.isValid(value, manageSeconds
+        else if (dom$9.ketchup.objects.isTime(smeupObj)) {
+            let manageSeconds = dom$9.ketchup.objects.isTimeWithSeconds(smeupObj);
+            if (dom$9.ketchup.dates.isValid(value, manageSeconds
                 ? KupDatesFormats.ISO_TIME
                 : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS)) {
                 return newValue;
             }
-            if (dom$8.ketchup.dates.isValidFormattedStringTime(value, manageSeconds)) {
-                return dom$8.ketchup.dates.formattedStringToCustomDateTime(value, manageSeconds
+            if (dom$9.ketchup.dates.isValidFormattedStringTime(value, manageSeconds)) {
+                return dom$9.ketchup.dates.formattedStringToCustomDateTime(value, manageSeconds
                     ? KupDatesFormats.ISO_TIME
                     : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS, manageSeconds);
             }
         }
-        else if (dom$8.ketchup.objects.isTimestamp(smeupObj)) {
-            if (dom$8.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE_TIME)) {
+        else if (dom$9.ketchup.objects.isTimestamp(smeupObj)) {
+            if (dom$9.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE_TIME)) {
                 return newValue;
             }
-            if (dom$8.ketchup.dates.isValidFormattedStringTime(value, true)) {
-                return dom$8.ketchup.dates.formattedStringToTimestampString(value);
+            if (dom$9.ketchup.dates.isValidFormattedStringTime(value, true)) {
+                return dom$9.ketchup.dates.formattedStringToTimestampString(value);
             }
         }
-        else if (dom$8.ketchup.objects.isNumber(smeupObj)) {
-            if (dom$8.ketchup.math.isStringNumber(value, smeupObj ? smeupObj.p : '')) {
-                return dom$8.ketchup.math.formattedStringToNumberString(value, smeupObj ? smeupObj.p : '');
+        else if (dom$9.ketchup.objects.isNumber(smeupObj)) {
+            if (dom$9.ketchup.math.isStringNumber(value, smeupObj ? smeupObj.p : '')) {
+                return dom$9.ketchup.math.formattedStringToNumberString(value, smeupObj ? smeupObj.p : '');
             }
         }
         return newValue;
@@ -6367,12 +6368,12 @@ class Filters {
             to = interval[FilterInterval.TO];
         }
         let checkByRegularExpression = true;
-        if (dom$8.ketchup.objects.isNumber(obj)) {
-            let valueNumber = dom$8.ketchup.math.numberifySafe(value, obj ? obj.p : '');
+        if (dom$9.ketchup.objects.isNumber(obj)) {
+            let valueNumber = dom$9.ketchup.math.numberifySafe(value, obj ? obj.p : '');
             if (from != '') {
-                if (dom$8.ketchup.math.isNumber(from)) {
+                if (dom$9.ketchup.math.isNumber(from)) {
                     checkByRegularExpression = false;
-                    let fromNumber = dom$8.ketchup.math.numberifySafe(from);
+                    let fromNumber = dom$9.ketchup.math.numberifySafe(from);
                     if (valueNumber < fromNumber) {
                         return false;
                     }
@@ -6382,9 +6383,9 @@ class Filters {
                 }
             }
             if (to != '') {
-                if (dom$8.ketchup.math.isNumber(to)) {
+                if (dom$9.ketchup.math.isNumber(to)) {
                     checkByRegularExpression = false;
-                    let toNumber = dom$8.ketchup.math.numberifySafe(to);
+                    let toNumber = dom$9.ketchup.math.numberifySafe(to);
                     if (valueNumber > toNumber) {
                         return false;
                     }
@@ -6394,30 +6395,30 @@ class Filters {
                 }
             }
         }
-        if (dom$8.ketchup.objects.isDate(obj) ||
-            dom$8.ketchup.objects.isTime(obj) ||
-            dom$8.ketchup.objects.isTimestamp(obj)) {
+        if (dom$9.ketchup.objects.isDate(obj) ||
+            dom$9.ketchup.objects.isTime(obj) ||
+            dom$9.ketchup.objects.isTimestamp(obj)) {
             let valueDate = null;
             let defaultFormat = KupDatesFormats.ISO_DATE;
-            if (dom$8.ketchup.objects.isDate(obj)) {
+            if (dom$9.ketchup.objects.isDate(obj)) {
                 defaultFormat = KupDatesFormats.ISO_DATE;
             }
-            else if (dom$8.ketchup.objects.isTime(obj)) {
-                defaultFormat = dom$8.ketchup.objects.isTimeWithSeconds(obj)
+            else if (dom$9.ketchup.objects.isTime(obj)) {
+                defaultFormat = dom$9.ketchup.objects.isTimeWithSeconds(obj)
                     ? KupDatesFormats.ISO_TIME
                     : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS;
             }
-            else if (dom$8.ketchup.objects.isTimestamp(obj)) {
+            else if (dom$9.ketchup.objects.isTimestamp(obj)) {
                 defaultFormat = KupDatesFormats.ISO_DATE_TIME;
             }
-            if (dom$8.ketchup.dates.isValid(value, defaultFormat, true)) {
-                valueDate = dom$8.ketchup.dates.toDate(value, defaultFormat);
+            if (dom$9.ketchup.dates.isValid(value, defaultFormat, true)) {
+                valueDate = dom$9.ketchup.dates.toDate(value, defaultFormat);
             }
             if (from != '') {
                 if (valueDate != null &&
-                    dom$8.ketchup.dates.isValid(from, defaultFormat, true)) {
+                    dom$9.ketchup.dates.isValid(from, defaultFormat, true)) {
                     checkByRegularExpression = false;
-                    let fromDate = dom$8.ketchup.dates.toDate(from, defaultFormat);
+                    let fromDate = dom$9.ketchup.dates.toDate(from, defaultFormat);
                     if (valueDate < fromDate) {
                         return false;
                     }
@@ -6428,9 +6429,9 @@ class Filters {
             }
             if (to != '') {
                 if (valueDate != null &&
-                    dom$8.ketchup.dates.isValid(to, defaultFormat, true)) {
+                    dom$9.ketchup.dates.isValid(to, defaultFormat, true)) {
                     checkByRegularExpression = false;
-                    let toDate = dom$8.ketchup.dates.toDate(to, defaultFormat);
+                    let toDate = dom$9.ketchup.dates.toDate(to, defaultFormat);
                     if (valueDate > toDate) {
                         return false;
                     }
@@ -6439,9 +6440,9 @@ class Filters {
                     filterValue = to;
                 }
             }
-            if (!dom$8.ketchup.dates.isValid(filterValue, defaultFormat) &&
-                !dom$8.ketchup.dates.isValid(filterValue)) {
-                value = dom$8.ketchup.dates.format(value);
+            if (!dom$9.ketchup.dates.isValid(filterValue, defaultFormat) &&
+                !dom$9.ketchup.dates.isValid(filterValue)) {
+                value = dom$9.ketchup.dates.format(value);
             }
         }
         if (checkByRegularExpression) {
@@ -6465,9 +6466,9 @@ class Filters {
     }
 }
 
-const dom$7 = document.documentElement;
-const kupObjects = dom$7.ketchup
-    ? dom$7.ketchup.objects
+const dom$8 = document.documentElement;
+const kupObjects = dom$8.ketchup
+    ? dom$8.ketchup.objects
     : new KupObjects();
 /**
  * Finds all the cells matching the filters criteria in the input dataset.
@@ -6476,7 +6477,7 @@ const kupObjects = dom$7.ketchup
  * @returns {KupDataCell[]}  Array of cells fetched after applying the filters.
  */
 function findCell(dataset, filters) {
-    return dom$7.ketchup.data.finder(dataset, filters).cells;
+    return dom$8.ketchup.data.finder(dataset, filters).cells;
 }
 /**
  * Returns all the cells values of the specified column, sorted if required.
@@ -6548,7 +6549,7 @@ function replaceCell(dataset, cell, columns) {
     return replaced;
 }
 
-const dom$6 = document.documentElement;
+const dom$7 = document.documentElement;
 /**
  * Finds the columns matching the criteria specified in the filters argument.
  * @param {KupDataDataset | Column[]} dataset - Input dataset or array of columns.
@@ -6570,7 +6571,7 @@ function findColumns(dataset, filters) {
             if (column[key] === filter) {
                 result.push(column);
             }
-            else if (dom$6.ketchup.objects.deepEqual(column[key], filter)) {
+            else if (dom$7.ketchup.objects.deepEqual(column[key], filter)) {
                 result.push(column);
             }
         }
@@ -6616,7 +6617,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$6.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+            dom$7.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
             return message;
     }
 }
@@ -6630,7 +6631,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$6.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+        dom$7.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
         return message;
     }
     let firstColumn = null;
@@ -6652,12 +6653,12 @@ function newColumnFromConcatenate(dataset, columns, separator) {
                 columns.toString() +
                 ')';
             col.visible = true;
-            dom$6.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+            dom$7.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
             return message;
         }
     }
     const newName = columns.join('_');
-    const newObj = objs.length > 0 && dom$6.ketchup.objects.isSameKupObj(objs)
+    const newObj = objs.length > 0 && dom$7.ketchup.objects.isSameKupObj(objs)
         ? objs[0]
         : null;
     const newTitle = titles.join(separator);
@@ -6724,7 +6725,7 @@ function newColumnFromMath(dataset, operation, columns) {
     }
     if (columns.length === 0) {
         const message = "Can't apply math formulas without columns!(" + columns + ')';
-        dom$6.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+        dom$7.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
         return message;
     }
     const titles = [];
@@ -6751,11 +6752,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$6.ketchup.objects.isNumber(col.obj)) {
+            if (!dom$7.ketchup.objects.isNumber(col.obj)) {
                 const message = "Can't apply math formulas on non-numerical columns!(" +
                     columns +
                     ')';
-                dom$6.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+                dom$7.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
                 return message;
             }
         }
@@ -6766,7 +6767,7 @@ function newColumnFromMath(dataset, operation, columns) {
             const message = 'This mathematical operation on these columns was already performed!(' +
                 formula +
                 ')';
-            dom$6.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+            dom$7.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
             return message;
         }
     }
@@ -6794,11 +6795,11 @@ function newColumnFromMath(dataset, operation, columns) {
                     if (!base) {
                         base = cell;
                     }
-                    formulaRow[column] = dom$6.ketchup.math.numberify(cell.value);
+                    formulaRow[column] = dom$7.ketchup.math.numberify(cell.value);
                 }
             }
         }
-        const value = dom$6.ketchup.math.formulas
+        const value = dom$7.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 });
@@ -6846,7 +6847,7 @@ function newColumnFromMerge(dataset, columns2merge, newColumn) {
     return newColumn;
 }
 
-const dom$5 = document.documentElement;
+const dom$6 = document.documentElement;
 /**
  * Finds all the rows containing cells matching the filters criteria in the input dataset.
  * @param {KupDataDataset} dataset - Input dataset.
@@ -6854,7 +6855,7 @@ const dom$5 = document.documentElement;
  * @returns {KupDataRow[]} Array of rows fetched after applying the filters.
  */
 function findRow(dataset, filters) {
-    return dom$5.ketchup.data.finder(dataset, filters).rows;
+    return dom$6.ketchup.data.finder(dataset, filters).rows;
 }
 /**
  * Converts the rows of the input dataset to tree nodes.
@@ -7200,7 +7201,7 @@ const kupTypes = [
     FCellTypes.RATING,
 ];
 
-const dom$4 = document.documentElement;
+const dom$5 = document.documentElement;
 /**
  * Handles data operations.
  * @module KupData
@@ -7264,55 +7265,55 @@ class KupData {
                             return FCellTypes.STRING;
                     }
                 }
-                if (dom$4.ketchup.objects.isBar(obj)) {
+                if (dom$5.ketchup.objects.isBar(obj)) {
                     return FCellTypes.BAR;
                 }
-                else if (dom$4.ketchup.objects.isButton(obj)) {
+                else if (dom$5.ketchup.objects.isButton(obj)) {
                     return FCellTypes.BUTTON;
                 }
-                else if (dom$4.ketchup.objects.isChart(obj)) {
+                else if (dom$5.ketchup.objects.isChart(obj)) {
                     return FCellTypes.CHART;
                 }
-                else if (dom$4.ketchup.objects.isCheckbox(obj)) {
+                else if (dom$5.ketchup.objects.isCheckbox(obj)) {
                     return FCellTypes.CHECKBOX;
                 }
-                else if (dom$4.ketchup.objects.isColor(obj)) {
+                else if (dom$5.ketchup.objects.isColor(obj)) {
                     return FCellTypes.COLOR_PICKER;
                 }
-                else if (dom$4.ketchup.objects.isIcon(obj)) {
+                else if (dom$5.ketchup.objects.isIcon(obj)) {
                     return FCellTypes.ICON;
                 }
-                else if (dom$4.ketchup.objects.isImage(obj)) {
+                else if (dom$5.ketchup.objects.isImage(obj)) {
                     return FCellTypes.IMAGE;
                 }
-                else if (dom$4.ketchup.objects.isLink(obj)) {
+                else if (dom$5.ketchup.objects.isLink(obj)) {
                     return FCellTypes.LINK;
                 }
-                else if (dom$4.ketchup.objects.isProgressBar(obj)) {
+                else if (dom$5.ketchup.objects.isProgressBar(obj)) {
                     return FCellTypes.PROGRESS_BAR;
                 }
-                else if (dom$4.ketchup.objects.isRadio(obj)) {
+                else if (dom$5.ketchup.objects.isRadio(obj)) {
                     return FCellTypes.RADIO;
                 }
-                else if (dom$4.ketchup.objects.isSwitch(obj)) {
+                else if (dom$5.ketchup.objects.isSwitch(obj)) {
                     return FCellTypes.SWITCH;
                 }
-                else if (dom$4.ketchup.objects.isKupObjList(obj)) {
+                else if (dom$5.ketchup.objects.isKupObjList(obj)) {
                     return FCellTypes.CHIP;
                 }
-                else if (dom$4.ketchup.objects.isNumber(obj)) {
+                else if (dom$5.ketchup.objects.isNumber(obj)) {
                     return FCellTypes.NUMBER;
                 }
-                else if (dom$4.ketchup.objects.isDate(obj)) {
+                else if (dom$5.ketchup.objects.isDate(obj)) {
                     return FCellTypes.DATE;
                 }
-                else if (dom$4.ketchup.objects.isTimestamp(obj)) {
+                else if (dom$5.ketchup.objects.isTimestamp(obj)) {
                     return FCellTypes.DATETIME;
                 }
-                else if (dom$4.ketchup.objects.isTime(obj)) {
+                else if (dom$5.ketchup.objects.isTime(obj)) {
                     return FCellTypes.TIME;
                 }
-                else if (dom$4.ketchup.objects.isVoCodver(obj)) {
+                else if (dom$5.ketchup.objects.isVoCodver(obj)) {
                     return FCellTypes.ICON;
                 }
                 else {
@@ -7392,10 +7393,10 @@ class KupData {
                 if (!columns || !columns.length || columns.includes(key)) {
                     if (min && max) {
                         let d = null, s = '', n = 0;
-                        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 (dom$5.ketchup.objects.isDate(cell.obj)) {
+                            d = dom$5.ketchup.dates.toDate(cell.value);
+                            const dMax = dom$5.ketchup.dates.toDate(max instanceof String ? max.valueOf() : max);
+                            const dMin = dom$5.ketchup.dates.toDate(min instanceof String ? min.valueOf() : min);
                             if (d === dMax ||
                                 d === dMin ||
                                 (d < dMax && d > dMin)) {
@@ -7414,9 +7415,9 @@ class KupData {
                             }
                         }
                         else {
-                            n = dom$4.ketchup.math.numberify(cell.value);
-                            const nMax = dom$4.ketchup.math.numberify(max);
-                            const nMin = dom$4.ketchup.math.numberify(min);
+                            n = dom$5.ketchup.math.numberify(cell.value);
+                            const nMax = dom$5.ketchup.math.numberify(max);
+                            const nMin = dom$5.ketchup.math.numberify(min);
                             if (n === max ||
                                 n === min ||
                                 (n < nMax && n > nMin)) {
@@ -7573,7 +7574,7 @@ class KupData {
     sort(dataset, sortType, headerColumn) {
         if (sortType != 'normalDistribution') {
             const message = 'Wrong sort type! (' + sortType + ')';
-            dom$4.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+            dom$5.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
             return dataset;
         }
         const output = {
@@ -9000,7 +9001,7 @@ createCommonjsModule(function (module) {
 }));
 });
 
-const dom$3 = document.documentElement;
+const dom$4 = 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]).
@@ -9023,7 +9024,7 @@ function customFormula(formula, row) {
         return result;
     }
     catch (e) {
-        dom$3.ketchup.debug.logMessage('kup-data', 'Error while evaluating the following formula!(' + formula + ')', KupDebugCategory.WARNING);
+        dom$4.ketchup.debug.logMessage('kup-data', 'Error while evaluating the following formula!(' + formula + ')', KupDebugCategory.WARNING);
         return NaN;
     }
 }
@@ -9119,7 +9120,7 @@ function escapeRegExp(s) {
     return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
 }
 
-const dom$2 = document.documentElement;
+const dom$3 = document.documentElement;
 /**
  * Handles mathematical operations and number formatting/conversion.
  * @module KupMath
@@ -9159,7 +9160,7 @@ class KupMath {
     setLocale(locale) {
         if (!Object.values(KupMathLocales).includes(locale)) {
             locale = KupMathLocales.en;
-            dom$2.ketchup.debug.logMessage('kup-math', 'Invalid locale (' + locale + ')! Defaulting to english.', KupDebugCategory.WARNING);
+            dom$3.ketchup.debug.logMessage('kup-math', 'Invalid locale (' + locale + ')! Defaulting to english.', KupDebugCategory.WARNING);
         }
         this.locale = locale;
         this.numeral.locale(locale);
@@ -9522,7 +9523,7 @@ class KupMath {
     }
 }
 
-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);
@@ -9534,7 +9535,7 @@ var __classPrivateFieldSet = (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$1 = document.documentElement;
+const dom$2 = document.documentElement;
 /**
  * Handles application-wide tooltip using card component.
  * @module KupTooltip
@@ -9647,8 +9648,8 @@ class KupTooltip {
     hide() {
         if (this.element) {
             this.element.menuVisible = false;
-            dom$1.ketchup.dynamicPosition.stop(this.element);
-            dom$1.ketchup.removeClickCallback(__classPrivateFieldGet(this, _KupTooltip_clickCb, "f"));
+            dom$2.ketchup.dynamicPosition.stop(this.element);
+            dom$2.ketchup.removeClickCallback(__classPrivateFieldGet$1(this, _KupTooltip_clickCb, "f"));
         }
     }
     /**
@@ -9659,26 +9660,26 @@ class KupTooltip {
     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);
+            __classPrivateFieldGet$1(this, _KupTooltip_instances, "m", _KupTooltip_create).call(this, options);
         }
         else if (options) {
-            __classPrivateFieldGet(this, _KupTooltip_instances, "m", _KupTooltip_setOptions).call(this, options);
+            __classPrivateFieldGet$1(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);
+            __classPrivateFieldGet$1(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);
+        if (!dom$2.ketchup.dynamicPosition.isRegistered(this.element)) {
+            dom$2.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);
+        dom$2.ketchup.addClickCallback(__classPrivateFieldGet$1(this, _KupTooltip_clickCb, "f"), true);
     }
     /**
      * Returns whether an element was previously registered or not.
@@ -9713,13 +9714,13 @@ class KupTooltip {
     }
 }
 _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);
+    if (dom$2.ketchup.dynamicPosition.isRegistered(this.element)) {
+        dom$2.ketchup.dynamicPosition.changeAnchor(this.element, anchor);
     }
     else {
-        dom$1.ketchup.dynamicPosition.register(this.element, anchor, null, null, true);
+        dom$2.ketchup.dynamicPosition.register(this.element, anchor, null, null, true);
     }
-    dom$1.ketchup.dynamicPosition.start(this.element);
+    dom$2.ketchup.dynamicPosition.start(this.element);
 }, _KupTooltip_create = function _KupTooltip_create(options) {
     this.element = document.createElement('kup-card');
     this.element.id = 'kup-tooltip';
@@ -9728,7 +9729,7 @@ _KupTooltip_clickCb = new WeakMap(), _KupTooltip_instances = new WeakSet(), _Kup
     this.element.sizeX = 'auto';
     this.element.sizeY = 'auto';
     if (options) {
-        __classPrivateFieldGet(this, _KupTooltip_instances, "m", _KupTooltip_setOptions).call(this, options);
+        __classPrivateFieldGet$1(this, _KupTooltip_instances, "m", _KupTooltip_setOptions).call(this, options);
     }
     document.body.appendChild(this.element);
     __classPrivateFieldSet(this, _KupTooltip_clickCb, {
@@ -17574,6 +17575,250 @@ var html2canvas = createCommonjsModule(function (module, exports) {
 //# sourceMappingURL=html2canvas.js.map
 });
 
+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 _KupOpenAI_instances, _KupOpenAI_setError, _KupOpenAI_invalidPassword, _KupOpenAI_create, _KupOpenAI_connect, _KupOpenAI_disconnect;
+const dom$1 = document.documentElement;
+class KupOpenAI {
+    /**
+     * Initializes KupOpenAI.
+     */
+    constructor(url) {
+        _KupOpenAI_instances.add(this);
+        this.card = null;
+        this.data = null;
+        this.dialog = null;
+        this.sessionInfo = null;
+        this.url = null;
+        this.container = document.createElement('div');
+        this.container.setAttribute('kup-openai', '');
+        document.body.appendChild(this.container);
+        this.url = url;
+    }
+    getCardOptions() {
+        if (!this.card.data) {
+            this.card.data = {};
+        }
+        if (!this.card.data.options) {
+            this.card.data.options = {
+                submitCb: this.chat,
+                authCb: this.auth,
+            };
+        }
+        return this.card.data.options;
+    }
+    /**
+     * Shows the component
+     * @param data
+     * @param options
+     */
+    show(data) {
+        this.data = data;
+        // Creates the card or updates it with new options
+        __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_create).call(this);
+    }
+    /**
+     * Hides the component.
+     */
+    hide() {
+        this.card.remove();
+        this.card = null;
+        this.dialog.remove();
+        this.dialog = null;
+        __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_disconnect).call(this);
+    }
+    async auth(event) {
+        const openAI = dom$1.ketchup.openAI;
+        if (!openAI.url) {
+            return;
+        }
+        const pwd = await event.detail.comp.getValue();
+        let response = null;
+        try {
+            response = await fetch(openAI.url + '/api/auth', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ data: pwd }),
+            });
+        }
+        catch (e) {
+            __classPrivateFieldGet(openAI, _KupOpenAI_instances, "m", _KupOpenAI_setError).call(openAI, e.message, openAI);
+            return;
+        }
+        if (response) {
+            if (response.status != 200) {
+                __classPrivateFieldGet(openAI, _KupOpenAI_instances, "m", _KupOpenAI_invalidPassword).call(openAI, event);
+                //this.#setError(await response.text());
+                return;
+            }
+            const responseJson = await response.json();
+            if (responseJson.status == 'ok') {
+                openAI.getCardOptions().state = 'connecting';
+                openAI.card.refresh();
+                __classPrivateFieldGet(openAI, _KupOpenAI_instances, "m", _KupOpenAI_connect).call(openAI);
+                return;
+            }
+        }
+        openAI.getCardOptions().state = 'error';
+        openAI.card.refresh();
+    }
+    async chat(disableInteractivity, inputArea) {
+        const communicate = async (question) => {
+            if (!openAI.url) {
+                return;
+            }
+            if (!openAI.sessionInfo) {
+                return;
+            }
+            const responseMessages = [];
+            let response = null;
+            try {
+                response = await fetch(openAI.url + '/api/chat', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({
+                        fileId: openAI.sessionInfo.fileId,
+                        threadId: openAI.sessionInfo.threadId,
+                        question: question,
+                    }),
+                });
+            }
+            catch (e) {
+                __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_setError).call(this, e.message, openAI);
+            }
+            if (response) {
+                if (response.status != 200) {
+                    __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_setError).call(this, await response.text(), openAI);
+                    return;
+                }
+                const responseJson = await response.json();
+                if (responseJson && responseJson.messages) {
+                    responseMessages.push(...responseJson.messages);
+                }
+            }
+            return responseMessages;
+        };
+        const openAI = dom$1.ketchup.openAI;
+        if (!openAI.card) {
+            return;
+        }
+        disableInteractivity(true);
+        openAI.getCardOptions().messages = await communicate(await inputArea.getValue());
+        openAI.card.refresh();
+        disableInteractivity(false);
+    }
+}
+_KupOpenAI_instances = new WeakSet(), _KupOpenAI_setError = function _KupOpenAI_setError(message, _this, dontRefreshCard) {
+    if (!_this) {
+        _this = this;
+    }
+    dom$1.ketchup.debug.logMessage(_this, message, KupDebugCategory.ERROR);
+    if (dontRefreshCard) {
+        return;
+    }
+    _this.getCardOptions().state = 'error';
+    _this.card.refresh();
+}, _KupOpenAI_invalidPassword = function _KupOpenAI_invalidPassword(event) {
+    const field = event.detail.comp;
+    field.helper = 'Invalid password.';
+    field.rootElement.classList.add('kup-danger');
+    field.refresh();
+}, _KupOpenAI_create = function _KupOpenAI_create() {
+    this.card = document.createElement('kup-card');
+    this.card.layoutFamily = KupCardFamily.BUILT_IN;
+    this.card.layoutNumber = 7;
+    this.card.sizeX = '100%';
+    this.card.sizeY = '100%';
+    this.dialog = document.createElement('kup-dialog');
+    this.dialog.header = {
+        title: 'Chat with Data',
+        icons: { close: true },
+    };
+    this.dialog.id = 'openai';
+    this.dialog.modal = { closeOnBackdropClick: false };
+    this.dialog.sizeX = '50vw';
+    this.dialog.sizeY = '50vh';
+    this.dialog.addEventListener('kup-dialog-close', () => this.hide());
+    this.dialog.appendChild(this.card);
+    this.container.appendChild(this.dialog);
+    if (!this.url) {
+        this.getCardOptions().state = 'error';
+    }
+    else {
+        this.getCardOptions().state = 'authentication';
+    }
+}, _KupOpenAI_connect = async function _KupOpenAI_connect() {
+    if (!this.url) {
+        return;
+    }
+    let response = null;
+    try {
+        response = await fetch(this.url + '/api/init', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({ data: this.data }),
+        });
+    }
+    catch (e) {
+        __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_setError).call(this, e.message);
+        return;
+    }
+    if (response) {
+        if (response.status != 200) {
+            __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_setError).call(this, await response.text());
+            return;
+        }
+        const responseJson = await response.json();
+        this.sessionInfo = {
+            fileId: responseJson.fileId,
+            threadId: responseJson.threadId,
+        };
+        this.getCardOptions().state = 'ready';
+        this.card.refresh();
+        return;
+    }
+    this.getCardOptions().state = 'error';
+    this.card.refresh();
+}, _KupOpenAI_disconnect = async function _KupOpenAI_disconnect() {
+    if (!this.url) {
+        return;
+    }
+    if (!this.sessionInfo) {
+        return;
+    }
+    let response = null;
+    try {
+        response = await fetch(this.url + '/api/finalize', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                fileId: this.sessionInfo.fileId,
+                threadId: this.sessionInfo.threadId,
+            }),
+        });
+    }
+    catch (e) {
+        __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_setError).call(this, e.message, undefined, true);
+    }
+    this.sessionInfo = null;
+    if (response) {
+        if (response.status != 200) {
+            __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_setError).call(this, await response.text(), undefined, true);
+        }
+    }
+};
+
 const dom = document.documentElement;
 /**
  * This class controls every other Ketchup utility suite.
@@ -17586,7 +17831,7 @@ class 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, tooltipDelay = null, tooltipFCellCallbacks = null;
         /** POI VIA */
-        this.openAIInterface = { url: 'https://kokosstaging.smeup.com' };
+        let openAIUrl = 'https://kokosstaging.smeup.com';
         if (overrides) {
             const assetsPath = overrides.assetsPath;
             const dates = overrides.dates;
@@ -17597,7 +17842,9 @@ class KupManager {
             const scrollOnHover = overrides.scrollOnHover;
             const theme = overrides.theme;
             const tooltip = overrides.tooltip;
-            const openAIUrl = overrides.openAIUrl;
+            if (overrides.openAIUrl) {
+                openAIUrl = overrides.openAIUrl;
+            }
             if (assetsPath) {
                 setAssetPath(assetsPath);
             }
@@ -17640,9 +17887,6 @@ class KupManager {
                     ? tooltip.fCellCallbacks
                     : null;
             }
-            if (openAIUrl) {
-                this.openAIInterface = { url: openAIUrl };
-            }
         }
         this.data = new KupData();
         this.dates = new KupDates(datesLocale);
@@ -17651,7 +17895,7 @@ class KupManager {
         this.interact = new KupInteract(dialogZIndex, dialogRestrictContainer);
         this.language = new KupLanguage(languageList, languageName);
         this.magicBox = null;
-        this.openAI = null;
+        this.openAI = new KupOpenAI(openAIUrl);
         this.math = new KupMath();
         this.overrides = overrides ? overrides : null;
         this.objects = new KupObjects(objectsList);
@@ -17764,123 +18008,6 @@ class KupManager {
             this.hideMagicBox();
         }
     }
-    /**
-     * Creates OpenAI component interface.
-     */
-    async showOpenAI(data) {
-        if (!this.openAIInterface || !this.openAIInterface.url) {
-            return;
-        }
-        if (this.openAI) {
-            return;
-        }
-        const response = await fetch(this.openAIInterface.url + '/api/init', {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({ data: data }),
-        });
-        console.log('kup-manager.showOpenAI() response', response);
-        if (response) {
-            if (response.status != 200) {
-                this.debug.logMessage(this, await response.text(), KupDebugCategory.ERROR);
-                return;
-            }
-            const responseJson = await response.json();
-            this.openAIInterface.sessionInfo = {
-                fileId: responseJson.fileId,
-                threadId: responseJson.threadId,
-            };
-        }
-        this.openAI = document.createElement('kup-openai-interface');
-        this.openAI.id = 'kup-openai-interface';
-        this.openAI.style.position = 'fixed';
-        this.openAI.style.left = 'calc(50% - 250px)';
-        this.openAI.style.top = 'calc(50% - 85px)';
-        this.openAI.data = data;
-        document.body.appendChild(this.openAI);
-    }
-    /**
-     * Removes OpenAI component interface.
-     */
-    async hideOpenAI() {
-        if (!this.openAI) {
-            return;
-        }
-        this.openAI.remove();
-        this.openAI = null;
-        if (!this.openAIInterface || !this.openAIInterface.url) {
-            return;
-        }
-        if (!this.openAIInterface.sessionInfo) {
-            return;
-        }
-        const response = await fetch(this.openAIInterface.url + '/api/finalize', {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({
-                fileId: this.openAIInterface.sessionInfo.fileId,
-                threadId: this.openAIInterface.sessionInfo.threadId,
-            }),
-        });
-        console.log('kup-manager.hideOpenAI() response', response);
-        if (response) {
-            if (response.status != 200) {
-                this.debug.logMessage(this, await response.text(), KupDebugCategory.ERROR);
-                return;
-            }
-            this.openAIInterface.sessionInfo = null;
-        }
-    }
-    /**
-     * Creates or removes OpenAI component interface depending on its existence.
-     */
-    toggleOpenAI(data) {
-        if (!this.openAI) {
-            this.showOpenAI(data);
-        }
-        else {
-            this.hideOpenAI();
-        }
-    }
-    async interactOpenAI(question) {
-        if (!this.openAI) {
-            return;
-        }
-        if (!this.openAIInterface || !this.openAIInterface.url) {
-            return;
-        }
-        if (!this.openAIInterface.sessionInfo) {
-            return;
-        }
-        const responseArray = [];
-        const response = await fetch(this.openAIInterface.url + '/api/chat', {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({
-                fileId: this.openAIInterface.sessionInfo.fileId,
-                threadId: this.openAIInterface.sessionInfo.threadId,
-                question: question,
-            }),
-        });
-        console.log('kup-manager.interactOpenAI() response', response);
-        if (response) {
-            if (response.status != 200) {
-                this.debug.logMessage(this, await response.text(), KupDebugCategory.ERROR);
-                return;
-            }
-            const responseJson = await response.json();
-            if (responseJson && responseJson.messages) {
-                responseArray.push(...responseJson.messages);
-            }
-        }
-        return responseArray;
-    }
     /**
      * Sets both locale and language library-wide.
      * @param {KupDatesLocales} locale - The supported locale.