@sme.up/ketchup 8.0.0 → 8.0.2

package/dist/cjs/{kup-manager-2ff5d258.js → kup-manager-85b2a756.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-74433248.js');
+const index = require('./index-1f177abc.js');
 
 /**
  * Props of the kup-card component.
@@ -346,7 +346,7 @@ var __classPrivateFieldGet$3 = (undefined && undefined.__classPrivateFieldGet) |
   return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 var _KupDebug_debugWidget;
-const dom$i = document.documentElement;
+const dom$h = document.documentElement;
 /**
  * Debugging suite, used to log messages and statuses from the Ketchup components.
  * @module KupDebug
@@ -393,32 +393,32 @@ class KupDebug {
    */
   showWidget() {
     const debugWidget = document.createElement('kup-card');
-    const languages = dom$i.ketchup.language.getLanguages();
+    const languages = dom$h.ketchup.language.getLanguages();
     const languagesListData = [];
     for (let index = 0; index < languages.length; index++) {
       languagesListData.push({
         id: languages[index],
-        selected: languages[index] === dom$i.ketchup.language.name
+        selected: languages[index] === dom$h.ketchup.language.name
           ? true
           : false,
         value: languages[index],
       });
     }
-    const themes = dom$i.ketchup.theme.getThemes();
+    const themes = dom$h.ketchup.theme.getThemes();
     const themesListData = [];
     for (let index = 0; index < themes.length; index++) {
       themesListData.push({
         id: themes[index],
-        selected: themes[index] === dom$i.ketchup.theme.name ? true : false,
+        selected: themes[index] === dom$h.ketchup.theme.name ? true : false,
         value: themes[index],
       });
     }
-    const locales = dom$i.ketchup.dates.getLocales();
+    const locales = dom$h.ketchup.dates.getLocales();
     const localesListData = [];
     for (let index = 0; index < locales.length; index++) {
       localesListData.push({
         id: locales[index],
-        selected: locales[index] === dom$i.ketchup.dates.locale ? true : false,
+        selected: locales[index] === dom$h.ketchup.dates.locale ? true : false,
         value: locales[index],
       });
     }
@@ -428,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$i.ketchup.language.translate(KupLanguageDebug.OFF),
+          title: dom$h.ketchup.language.translate(KupLanguageDebug.OFF),
         },
         {
           customStyle: ':host {--kup-font-size: 0.875em;}',
           icon: 'print',
           id: 'kup-debug-print',
-          title: dom$i.ketchup.language.translate(KupLanguageDebug.PRINT),
+          title: dom$h.ketchup.language.translate(KupLanguageDebug.PRINT),
         },
         {
           checked: this.autoPrint,
@@ -442,20 +442,20 @@ class KupDebug {
           icon: 'speaker_notes',
           iconOff: 'speaker_notes_off',
           id: 'kup-debug-autoprint',
-          title: dom$i.ketchup.language.translate(KupLanguageDebug.AUTOPRINT),
+          title: dom$h.ketchup.language.translate(KupLanguageDebug.AUTOPRINT),
           toggable: true,
         },
         {
           customStyle: ':host {--kup-font-size: 0.875em;}',
           icon: 'broom',
           id: 'kup-debug-clear',
-          title: dom$i.ketchup.language.translate(KupLanguageDebug.CLEAR),
+          title: dom$h.ketchup.language.translate(KupLanguageDebug.CLEAR),
         },
         {
           customStyle: ':host {--kup-font-size: 0.875em;}',
           icon: 'delete',
           id: 'kup-debug-delete',
-          title: dom$i.ketchup.language.translate(KupLanguageDebug.DUMP),
+          title: dom$h.ketchup.language.translate(KupLanguageDebug.DUMP),
         },
         {
           className: 'kup-full-height',
@@ -464,22 +464,22 @@ class KupDebug {
           id: 'kup-debug-dl-props',
           label: 'Props',
           styling: 'flat',
-          title: dom$i.ketchup.language.translate(KupLanguageDebug.DL_PROPS),
+          title: dom$h.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$i.ketchup.language.translate(KupLanguageDebug.DL_ALL),
+          label: dom$h.ketchup.language.translate(KupLanguageDebug.DL_ALL),
           styling: 'flat',
-          title: dom$i.ketchup.language.translate(KupLanguageDebug.DL_ALL),
+          title: dom$h.ketchup.language.translate(KupLanguageDebug.DL_ALL),
         },
         {
           customStyle: ':host {--kup-font-size: 0.875em;}',
           icon: 'auto-fix',
           id: 'kup-debug-magic-box',
-          title: dom$i.ketchup.language.translate(KupLanguageDebug.MAGIC_BOX),
+          title: dom$h.ketchup.language.translate(KupLanguageDebug.MAGIC_BOX),
         },
       ],
       combobox: [
@@ -494,11 +494,11 @@ class KupDebug {
               className: 'kup-full-height',
               emitSubmitEventOnEnter: false,
               inputType: 'text',
-              label: dom$i.ketchup.language.translate(KupLanguageDebug.THEME_CHANGER),
+              label: dom$h.ketchup.language.translate(KupLanguageDebug.THEME_CHANGER),
             },
           },
           id: 'kup-debug-theme-changer',
-          initialValue: dom$i.ketchup.theme.name,
+          initialValue: dom$h.ketchup.theme.name,
           isSelect: true,
         },
         {
@@ -512,11 +512,11 @@ class KupDebug {
               className: 'kup-full-height',
               emitSubmitEventOnEnter: false,
               inputType: 'text',
-              label: dom$i.ketchup.language.translate(KupLanguageDebug.LANGUAGE_CHANGER),
+              label: dom$h.ketchup.language.translate(KupLanguageDebug.LANGUAGE_CHANGER),
             },
           },
           id: 'kup-debug-language-changer',
-          initialValue: dom$i.ketchup.language.name,
+          initialValue: dom$h.ketchup.language.name,
           isSelect: true,
         },
         {
@@ -530,11 +530,11 @@ class KupDebug {
               className: 'kup-full-height',
               emitSubmitEventOnEnter: false,
               inputType: 'text',
-              label: dom$i.ketchup.language.translate(KupLanguageDebug.LOCALE_CHANGER),
+              label: dom$h.ketchup.language.translate(KupLanguageDebug.LOCALE_CHANGER),
             },
           },
           id: 'kup-debug-locale-changer',
-          initialValue: dom$i.ketchup.dates.locale,
+          initialValue: dom$h.ketchup.dates.locale,
           isSelect: true,
         },
       ],
@@ -542,7 +542,7 @@ class KupDebug {
         {
           className: 'kup-full-height',
           id: 'kup-debug-log-limit',
-          label: dom$i.ketchup.language.translate(KupLanguageDebug.LOG_LIMIT),
+          label: dom$h.ketchup.language.translate(KupLanguageDebug.LOG_LIMIT),
           initialValue: this.logLimit,
           emitSubmitEventOnEnter: false,
           inputType: 'number',
@@ -593,7 +593,7 @@ class KupDebug {
             kupDebug.dump();
             break;
           case 'kup-debug-magic-box':
-            dom$i.ketchup.toggleMagicBox();
+            dom$h.ketchup.toggleMagicBox();
             break;
           case 'kup-debug-off':
             kupDebug.toggle();
@@ -608,14 +608,14 @@ class KupDebug {
       case 'kup-combobox-itemclick':
         switch (compID) {
           case 'kup-debug-language-changer':
-            dom$i.ketchup.language.set(compEvent.detail.value);
+            dom$h.ketchup.language.set(compEvent.detail.value);
             break;
           case 'kup-debug-locale-changer':
-            dom$i.ketchup.dates.setLocale(compEvent.detail.value);
-            dom$i.ketchup.math.setLocale(compEvent.detail.value);
+            dom$h.ketchup.dates.setLocale(compEvent.detail.value);
+            dom$h.ketchup.math.setLocale(compEvent.detail.value);
             break;
           case 'kup-debug-theme-changer':
-            dom$i.ketchup.theme.set(compEvent.detail.value);
+            dom$h.ketchup.theme.set(compEvent.detail.value);
             break;
         }
       case 'kup-textfield-input':
@@ -677,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$i.ketchup.language.translate(KupLanguageDebug.DL_PROPS_COMP);
+        slot.title = dom$h.ketchup.language.translate(KupLanguageDebug.DL_PROPS_COMP);
         slot.style.fontWeight = 'bold';
         slot.style.cursor = 'pointer';
         slot.onclick = () => {
@@ -735,7 +735,7 @@ class KupDebug {
         printLog[type] = [];
       }
       printLog[type].push({
-        date: dom$i.ketchup.dates.format(this.logs[index].date, 'LLL:ms'),
+        date: dom$h.ketchup.dates.format(this.logs[index].date, 'LLL:ms'),
         element: isComponent
           ? this.logs[index].element
           : this.logs[index].id,
@@ -915,7 +915,7 @@ class KupDebug {
         message: message,
       };
       if (this.logs.length > this.logLimit) {
-        console.warn(dom$i.ketchup.dates.format(date, 'LLL:ms') +
+        console.warn(dom$h.ketchup.dates.format(date, 'LLL:ms') +
           ' kup-debug => ' +
           'Too many logs (> ' +
           this.logLimit +
@@ -931,14 +931,14 @@ class KupDebug {
     }
     switch (category) {
       case exports.KupDebugCategory.ERROR:
-        console.error(dom$i.ketchup.dates.format(date, 'LLL:ms') + id + message, obj);
+        console.error(dom$h.ketchup.dates.format(date, 'LLL:ms') + id + message, obj);
         window.dispatchEvent(new CustomEvent('kup-debug-error', {
           bubbles: true,
           detail: { comp, date, message },
         }));
         break;
       case exports.KupDebugCategory.WARNING:
-        console.warn(dom$i.ketchup.dates.format(date, 'LLL:ms') + id + message, obj);
+        console.warn(dom$h.ketchup.dates.format(date, 'LLL:ms') + id + message, obj);
         break;
     }
   }
@@ -1025,7 +1025,7 @@ exports.KupDynamicPositionPlacement = void 0;
   KupDynamicPositionPlacement["TOP_RIGHT"] = "tr";
 })(exports.KupDynamicPositionPlacement || (exports.KupDynamicPositionPlacement = {}));
 
-const dom$h = document.documentElement;
+const dom$g = document.documentElement;
 /**
  * This class is used to dynamically reposition HTML elements.
  * @module KupDynamicPosition
@@ -1093,7 +1093,7 @@ class KupDynamicPosition {
       const target = mutations[0].target;
       if (target.classList.contains(kupDynamicPositionActiveClass)) {
         requestAnimationFrame(function () {
-          dom$h.ketchup.dynamicPosition.run(el);
+          dom$g.ketchup.dynamicPosition.run(el);
         });
       }
     });
@@ -1150,7 +1150,7 @@ class KupDynamicPosition {
    */
   run(el) {
     if (!el.isConnected) {
-      dom$h.ketchup.dynamicPosition.managedElements.delete(el);
+      dom$g.ketchup.dynamicPosition.managedElements.delete(el);
       cancelAnimationFrame(el.kupDynamicPosition.rAF);
       return;
     }
@@ -1258,7 +1258,7 @@ class KupDynamicPosition {
     // Recursive
     if (!el.kupDynamicPosition.detach) {
       el.kupDynamicPosition.rAF = requestAnimationFrame(function () {
-        dom$h.ketchup.dynamicPosition.run(el);
+        dom$g.ketchup.dynamicPosition.run(el);
       });
     }
     else {
@@ -1346,7 +1346,7 @@ exports.KupDropEventTypes = void 0;
   KupDropEventTypes["MAGICBOX"] = "text/kup-magic-box-drag";
 })(exports.KupDropEventTypes || (exports.KupDropEventTypes = {}));
 
-const dom$g = document.documentElement;
+const dom$f = document.documentElement;
 /**
  * This class handles elements as dialogs, making them resizable and movable.
  * @module KupInteract
@@ -1460,7 +1460,7 @@ class KupInteract {
             ghostImage.style.transition = 'none';
             ghostImage.style.zIndex =
               'calc(var(--kup-navbar-zindex) + 1)';
-            dom$g.ketchup.interact.container.appendChild(ghostImage);
+            dom$f.ketchup.interact.container.appendChild(ghostImage);
             draggable.kupDragDrop.ghostImage = ghostImage;
             break;
           case exports.KupDragEffect.CLONE:
@@ -1621,7 +1621,7 @@ class KupInteract {
           x += e.deltaRect.left;
           y += e.deltaRect.top;
           el.style.transform = 'translate(' + x + 'px,' + y + 'px)';
-          if (dom$g.ketchup.interact.isInViewport(el, oldTransform, e.delta)) {
+          if (dom$f.ketchup.interact.isInViewport(el, oldTransform, e.delta)) {
             el.setAttribute('data-x', x.toString());
             el.setAttribute('data-y', y.toString());
           }
@@ -1673,7 +1673,7 @@ class KupInteract {
     const callbacks = {
       start(e) {
         const el = e.currentTarget;
-        el.style.zIndex = (dom$g.ketchup.interact.zIndex++).toString();
+        el.style.zIndex = (dom$f.ketchup.interact.zIndex++).toString();
       },
     };
     this.draggable(el, {
@@ -1682,7 +1682,7 @@ class KupInteract {
         interact.modifiers.restrictRect({
           restriction: restrictContainer
             ? restrictContainer
-            : dom$g.ketchup.interact.restrictContainer,
+            : dom$f.ketchup.interact.restrictContainer,
           endOnly: true,
         }),
       ],
@@ -2634,7 +2634,7 @@ const languages = {
 	spanish: spanish
 };
 
-const dom$f = document.documentElement;
+const dom$e = document.documentElement;
 /**
  * Handles the translation to different languages.
  * @module KupLanguage
@@ -2688,7 +2688,7 @@ class KupLanguage {
       return invalidKey(key);
     }
     function invalidKey(key) {
-      dom$f.ketchup.debug.logMessage('kup-language', 'Invalid translation for key (' + key + ')!', exports.KupDebugCategory.WARNING);
+      dom$e.ketchup.debug.logMessage('kup-language', 'Invalid translation for key (' + key + ')!', exports.KupDebugCategory.WARNING);
       return key;
     }
   }
@@ -2701,7 +2701,7 @@ class KupLanguage {
       language = language.toLowerCase();
     }
     else {
-      dom$f.ketchup.debug.logMessage('kup-language', "Couldn't set language, invalid string received (" +
+      dom$e.ketchup.debug.logMessage('kup-language', "Couldn't set language, invalid string received (" +
         language +
         ')!', exports.KupDebugCategory.WARNING);
       return;
@@ -2711,12 +2711,12 @@ class KupLanguage {
     const dVariant = decodedLanguage.variant;
     if (this.list[dLanguage]) {
       if (dVariant && !this.list[dLanguage].variants[dVariant]) {
-        dom$f.ketchup.debug.logMessage('kup-language', 'Variant not found (' + dVariant + ')!', exports.KupDebugCategory.WARNING);
+        dom$e.ketchup.debug.logMessage('kup-language', 'Variant not found (' + dVariant + ')!', exports.KupDebugCategory.WARNING);
         return;
       }
     }
     else {
-      dom$f.ketchup.debug.logMessage('kup-language', 'Language not found (' + dLanguage + ')!', exports.KupDebugCategory.WARNING);
+      dom$e.ketchup.debug.logMessage('kup-language', 'Language not found (' + dLanguage + ')!', exports.KupDebugCategory.WARNING);
       return;
     }
     this.name = language;
@@ -2803,7 +2803,7 @@ const obj = {
 	types: types
 };
 
-const dom$e = document.documentElement;
+const dom$d = document.documentElement;
 /**
  * Handles objects definition and validation.
  * @module KupObjects
@@ -3138,9 +3138,9 @@ class KupObjects {
    */
   parseDate(obj) {
     if (obj.t === 'D8' && obj.p === '*DMYY') {
-      return dom$e.ketchup.dates.toDayjs(obj.k, 'DDMMYYYY');
+      return dom$d.ketchup.dates.toDayjs(obj.k, 'DDMMYYYY');
     }
-    return dom$e.ketchup.dates.toDayjs(obj.k);
+    return dom$d.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.
@@ -3213,7 +3213,7 @@ var __classPrivateFieldGet$2 = (undefined && undefined.__classPrivateFieldGet) |
   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$d = document.documentElement;
+const dom$c = document.documentElement;
 /**
  * Lets the user scroll an element's overflow by hovering with the mouse on its left/right edge.
  * @module KupScrollOnHover
@@ -3342,7 +3342,7 @@ class KupScrollOnHover {
           __classPrivateFieldSet$2(this, _KupScrollOnHover_timeout, setTimeout(() => {
             el.scrollOnHover.active = true;
             __classPrivateFieldSet$2(this, _KupScrollOnHover_rAF, requestAnimationFrame(function () {
-              dom$d.ketchup.scrollOnHover.run(el, maxScrollLeft, percRight, percLeft, direction);
+              dom$c.ketchup.scrollOnHover.run(el, maxScrollLeft, percRight, percLeft, direction);
             }), "f");
           }, this.delay), "f");
         }
@@ -3364,7 +3364,7 @@ class KupScrollOnHover {
           __classPrivateFieldSet$2(this, _KupScrollOnHover_timeout, setTimeout(() => {
             el.scrollOnHover.active = true;
             __classPrivateFieldSet$2(this, _KupScrollOnHover_rAF, requestAnimationFrame(function () {
-              dom$d.ketchup.scrollOnHover.run(el, maxScrollTop, percBottom, percTop, direction);
+              dom$c.ketchup.scrollOnHover.run(el, maxScrollTop, percBottom, percTop, direction);
             }), "f");
           }, this.delay), "f");
         }
@@ -3495,7 +3495,7 @@ class KupScrollOnHover {
       arrow[i].classList.add('kup-animated');
     }
     __classPrivateFieldSet$2(this, _KupScrollOnHover_rAF, requestAnimationFrame(function () {
-      dom$d.ketchup.scrollOnHover.run(el, maxScrollLeft, percForward, percBack, direction);
+      dom$c.ketchup.scrollOnHover.run(el, maxScrollLeft, percForward, percBack, direction);
     }), "f");
   }
   /**
@@ -4733,7 +4733,7 @@ exports.KupThemeIconValues = void 0;
   KupThemeIconValues["SEARCH"] = "--kup-search-icon";
 })(exports.KupThemeIconValues || (exports.KupThemeIconValues = {}));
 
-const dom$c = document.documentElement;
+const dom$b = document.documentElement;
 /**
  * Theme manager, handles everything about theming, customStyles and color utilities.
  * @module KupTheme
@@ -4747,7 +4747,7 @@ class KupTheme {
     this.list = list ? list : themes;
     this.managedComponents = new Set();
     this.name = name ? name : 'ketchup';
-    this.styleTag = dom$c
+    this.styleTag = dom$b
       .querySelector('head')
       .appendChild(document.createElement('style'));
   }
@@ -4834,9 +4834,9 @@ class KupTheme {
     if (list) {
       this.list = list;
     }
-    dom$c.ketchup.debug.logMessage('theme manager', 'Setting theme to: ' + this.name + '.');
+    dom$b.ketchup.debug.logMessage('theme manager', 'Setting theme to: ' + this.name + '.');
     if (!this.list[this.name]) {
-      dom$c.ketchup.debug.logMessage('theme manager', 'Invalid theme name, falling back to default ("ketchup").');
+      dom$b.ketchup.debug.logMessage('theme manager', 'Invalid theme name, falling back to default ("ketchup").');
       this.name = 'ketchup';
     }
     this.cssVars = {};
@@ -4879,11 +4879,11 @@ class KupTheme {
           this.icons() +
           '}';
       this.customStyle();
-      dom$c.ketchup.debug.logMessage('kup-theme', 'Theme ' + dom$c.getAttribute('kup-theme') + ' refreshed.');
+      dom$b.ketchup.debug.logMessage('kup-theme', 'Theme ' + dom$b.getAttribute('kup-theme') + ' refreshed.');
       document.dispatchEvent(new CustomEvent('kup-theme-refresh'));
     }
     catch (error) {
-      dom$c.ketchup.debug.logMessage('kup-theme', 'Theme not refreshed.', exports.KupDebugCategory.WARNING);
+      dom$b.ketchup.debug.logMessage('kup-theme', 'Theme not refreshed.', exports.KupDebugCategory.WARNING);
     }
   }
   /**
@@ -5002,7 +5002,7 @@ class KupTheme {
       this.set(themes[index]);
     }
     else {
-      dom$c.ketchup.debug.logMessage('kup-theme', "Couldn't set a random theme: no themes available!", exports.KupDebugCategory.WARNING);
+      dom$b.ketchup.debug.logMessage('kup-theme', "Couldn't set a random theme: no themes available!", exports.KupDebugCategory.WARNING);
     }
   }
   /**
@@ -5014,7 +5014,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$c.ketchup.debug.logMessage('theme manager', 'Received TRANSPARENT color, converted to ' +
+      dom$b.ketchup.debug.logMessage('theme manager', 'Received TRANSPARENT color, converted to ' +
         color +
         ' (theme background).');
     }
@@ -5032,7 +5032,7 @@ class KupTheme {
       const oldColor = color;
       color = this.codeToHex(color);
       isHex = color.substring(0, 1) === '#' ? true : false;
-      dom$c.ketchup.debug.logMessage('theme manager', 'Received CODE NAME color ' +
+      dom$b.ketchup.debug.logMessage('theme manager', 'Received CODE NAME color ' +
         oldColor +
         ', converted to ' +
         color +
@@ -5086,14 +5086,14 @@ class KupTheme {
         else {
           hexColor = this.rgbToHex(rgbColorObj.r, rgbColorObj.g, rgbColorObj.b);
         }
-        dom$c.ketchup.debug.logMessage('theme-manager', 'Received HEX color ' +
+        dom$b.ketchup.debug.logMessage('theme-manager', 'Received HEX color ' +
           oldColor +
           ', converted to ' +
           color +
           '.');
       }
       catch (error) {
-        dom$c.ketchup.debug.logMessage('theme-manager', 'Invalid color: ' + color + '.');
+        dom$b.ketchup.debug.logMessage('theme-manager', 'Invalid color: ' + color + '.');
       }
     }
     let rgbValues = null;
@@ -5103,14 +5103,14 @@ class KupTheme {
       rgbColor = color;
     }
     catch (error) {
-      dom$c.ketchup.debug.logMessage('theme-manager', 'Color not converted to rgb values: ' + color + '.');
+      dom$b.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$c.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
+        dom$b.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
       }
     }
     if (!hslColor || !hslValues) {
@@ -5123,7 +5123,7 @@ class KupTheme {
         hslColor = 'hsl(' + hsl.h + ',' + hsl.s + '%,' + hsl.l + '%)';
       }
       catch (error) {
-        dom$c.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
+        dom$b.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
       }
     }
     return {
@@ -5428,7 +5428,7 @@ class KupTheme {
       return colorCodes[color.toLowerCase()];
     }
     else {
-      dom$c.ketchup.debug.logMessage('theme manager', 'Could not decode color ' + color + '!');
+      dom$b.ketchup.debug.logMessage('theme manager', 'Could not decode color ' + color + '!');
       return color;
     }
   }
@@ -5456,7 +5456,7 @@ var __classPrivateFieldGet$1 = (undefined && undefined.__classPrivateFieldGet) |
   return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 var _KupToolbar_keyEvent;
-const dom$b = document.documentElement;
+const dom$a = document.documentElement;
 /**
  * Handles component's toolbar.
  * @module KupToolbar
@@ -5474,7 +5474,7 @@ class KupToolbar {
       KupToolbarModifierKeys.CTRL,
     ];
     __classPrivateFieldSet$1(this, _KupToolbar_keyEvent, function (e) {
-      const toolbar = dom$b.ketchup.toolbar;
+      const toolbar = dom$a.ketchup.toolbar;
       if (toolbar.managedElements) {
         for (let index = 0; index < toolbar.modifiers.length; index++) {
           if (toolbar.modifiers[index] ===
@@ -5981,16 +5981,6 @@ exports.KupDatesNormalize = void 0;
   KupDatesNormalize["TIME"] = "time";
   KupDatesNormalize["TIMESTAMP"] = "timestamp";
 })(exports.KupDatesNormalize || (exports.KupDatesNormalize = {}));
-/**
- * Common use formats
- */
-exports.KupDatesFormats = void 0;
-(function (KupDatesFormats) {
-  KupDatesFormats["ISO_DATE"] = "YYYY-MM-DD";
-  KupDatesFormats["ISO_DATE_TIME"] = "YYYY-MM-DD HH:mm:ss";
-  KupDatesFormats["ISO_TIME"] = "HH:mm:ss";
-  KupDatesFormats["ISO_TIME_WITHOUT_SECONDS"] = "HH:mm";
-})(exports.KupDatesFormats || (exports.KupDatesFormats = {}));
 /**
  * Supported locales.
  */
@@ -6003,432 +5993,28 @@ exports.KupDatesLocales = void 0;
   KupDatesLocales["POLISH"] = "pl";
   KupDatesLocales["RUSSIAN"] = "ru";
   KupDatesLocales["SPANISH"] = "es";
-})(exports.KupDatesLocales || (exports.KupDatesLocales = {}));
-
-const dom$a = document.documentElement;
-exports.DateTimeFormatOptionsMonth = void 0;
-(function (DateTimeFormatOptionsMonth) {
-  DateTimeFormatOptionsMonth["NUMERIC"] = "numeric";
-  DateTimeFormatOptionsMonth["DIGIT2"] = "2-digit";
-  DateTimeFormatOptionsMonth["LONG"] = "long";
-  DateTimeFormatOptionsMonth["SHORT"] = "short";
-  DateTimeFormatOptionsMonth["NARROW"] = "narrow";
-})(exports.DateTimeFormatOptionsMonth || (exports.DateTimeFormatOptionsMonth = {}));
-function identify(array) {
-  if (array) {
-    for (let i = 0; i < array.length; i++) {
-      array[i].id = i.toString();
-    }
-  }
-}
-function getSeparator(locale, separatorType) {
-  const numberWithGroupAndDecimalSeparator = 1000.1;
-  return Intl.NumberFormat(locale)
-    .formatToParts(numberWithGroupAndDecimalSeparator)
-    .find((part) => part.type === separatorType).value;
-}
-function getCurrentTimeFormatFromBrowserLocale(manageSeconds) {
-  const options = {
-    hour: '2-digit',
-    minute: '2-digit',
-    hour12: false,
-  };
-  if (manageSeconds == true) {
-    options.second = '2-digit';
-  }
-  const formatObj = new Intl.DateTimeFormat(dom$a.ketchup.dates.getLocale() + '-u-hc-h23', options).formatToParts(new Date());
-  let timeFormat = formatObj
-    .map((obj) => {
-    switch (obj.type) {
-      case 'hour':
-        return 'HH';
-      case 'minute':
-        return 'mm';
-      case 'second':
-        return 'ss';
-      default:
-        return obj.value;
-    }
-  })
-    .join('');
-  return timeFormat;
-}
+})(exports.KupDatesLocales || (exports.KupDatesLocales = {}));
 /**
- * @param value number as string, formatted by actual browser locale
- * @param type - type of number for calculate suffix
- * @returns true if number string in input is a valid number
+ * Format Months
  */
-function isValidFormattedStringNumber(value, type) {
-  if (value == null || value.trim() == '') {
-    return false;
-  }
-  let tmpStr = formattedStringToUnformattedStringNumber(value, type);
-  if (isNumber(tmpStr)) {
-    return true;
-  }
-  return false;
-}
-function isNumber(value) {
-  //return typeof value === 'number';
-  return !isNaN(value);
-}
-/**
- * @param input number as string, formatted by locale US, decimal separator . (like java decimal numbers)
- * @returns number
- **/
-function stringToNumber(input) {
-  if (!input || input == null || input.trim() == '') {
-    input = '0';
-  }
-  return dom$a.ketchup.math.numberify(input);
-}
-/**
- * @param input number
- * @param decimals number of significant decimal digits for output
- * @returns number as string, formatted by actual browser locale
- **/
-function numberToString(input, decimals) {
-  if (input == null) {
-    return '';
-  }
-  return _numberToString(input, decimals, dom$a.ketchup.dates.getLocale(), true);
-}
-/**
- * @param type - type of number for calculate suffix
- * @returns suffix for number, by type
- **/
-function getNumericValueSuffixByType(type) {
-  type = type.toUpperCase();
-  let nstr = '';
-  if (type == 'P') {
-    nstr = ' %';
-  }
-  else if (type == 'VE') {
-    nstr = ' €';
-  }
-  else if (type == 'VL') {
-    nstr = ' £';
-  }
-  else if (type == 'VV') {
-    nstr = ' $';
-  }
-  return nstr;
-}
-/**
- * @param input number
- * @param decimals number of significant decimal digits for output
- * @param type - type of number for calculate suffix
- * @returns number as string, formatted by actual browser locale, with suffix by type
- **/
-function numberToFormattedStringNumber(input, decimals, type) {
-  if (input == null || isNaN(input)) {
-    return '';
-  }
-  let nstr = numberToString(input, decimals);
-  nstr = nstr + getNumericValueSuffixByType(type);
-  return nstr;
-}
-/**
- * @param input number as string, formatted by locale US, decimal separator . (like java decimal numbers)
- * @param decimals number of significant decimal digits for output
- * @param type - type of number for calculate suffix
- * @returns number as string, formatted by actual browser locale, with suffix by type
- **/
-function unformattedStringToFormattedStringNumber(input, decimals, type) {
-  return numberToFormattedStringNumber(stringToNumber(input), decimals, type);
-}
-/**
- * @param input number as string, formatted by actual browser locale
- * @param type - type of number for calculate suffix
- * @returns number as string, formatted by locale US, decimal separator . (like java decimal numbers), without group separator
- **/
-function formattedStringToUnformattedStringNumber(input, type) {
-  return numberStringToNumberString(input, type, getDecimalSeparator(dom$a.ketchup.dates.getLocale()));
-}
-/**
- * @param input number as string, formatted by locale US, decimal separator . (like java decimal numbers), with group separator
- * @param type - type of number for calculate suffix
- * @returns number as string, formatted by locale US, decimal separator . (like java decimal numbers), without group separator
- **/
-function unformattedStringNumberToNumber(input, type) {
-  return numberStringToNumberString(input, type, '.');
-}
-function numberStringToNumberString(input, type, decFmt) {
-  if (input == null || input.trim() == '') {
-    return '';
-  }
-  let originalInputValue = input;
-  let suffix = getNumericValueSuffixByType(type);
-  if (suffix != '') {
-    input = input.replace(suffix, '');
-  }
-  let regExpr = null;
-  if (decFmt == '.') {
-    regExpr = /,/g;
-  }
-  else {
-    regExpr = /\./g;
-  }
-  input = input.replace(regExpr, '');
-  if (decFmt != '.') {
-    input = input.replace(/,/g, '.');
-  }
-  if (dom$a.ketchup.math.numberify(input) == null ||
-    isNaN(dom$a.ketchup.math.numberify(input))) {
-    return originalInputValue;
-  }
-  let unf = stringToNumber(input);
-  return _numberToString(unf, -1, 'en-US', false);
-}
-function getDecimalSeparator(locale) {
-  return getSeparator(locale, 'decimal');
-}
-function countDecimals(value) {
-  if (Math.floor(value) === value)
-    return 0;
-  let stringValue = value.toString().split('.')[1];
-  if (stringValue) {
-    return stringValue.length ? stringValue.length : 0;
-  }
-  else {
-    return 0;
-  }
-}
-function _numberToString(input, decimals, locale, useGrouping) {
-  if (input == null) {
-    input = 0;
-  }
-  if (decimals == null || decimals == -1) {
-    decimals = countDecimals(input);
-  }
-  let n = Number(input);
-  let f = decimals > -1
-    ? {
-      minimumFractionDigits: decimals,
-      maximumFractionDigits: decimals,
-      useGrouping: useGrouping,
-    }
-    : { useGrouping: useGrouping };
-  return n.toLocaleString(locale, f);
-}
-/**
- * @param time time as Date object
- * @param manageSeconds flag to set seconds managing
- * @return time as string, formatted
- **/
-function formatTime(time, manageSeconds) {
-  const options = {
-    hour: '2-digit',
-    minute: '2-digit',
-    hour12: false,
-  };
-  if (manageSeconds == true) {
-    options.second = '2-digit';
-  }
-  return time.toLocaleTimeString(dom$a.ketchup.dates.getLocale() + '-u-hc-h23', options);
-}
-/**
- * @param value time string, formatted by actual browser locale
- * @returns true if time string in input is a valid time
- */
-function isValidFormattedStringTime(value, manageSeconds) {
-  let format = getCurrentTimeFormatFromBrowserLocale(manageSeconds);
-  return dom$a.ketchup.dates.isValid(value, format, true);
-}
+exports.KupDateTimeFormatOptionsMonth = void 0;
+(function (KupDateTimeFormatOptionsMonth) {
+  KupDateTimeFormatOptionsMonth["NUMERIC"] = "numeric";
+  KupDateTimeFormatOptionsMonth["DIGIT2"] = "2-digit";
+  KupDateTimeFormatOptionsMonth["LONG"] = "long";
+  KupDateTimeFormatOptionsMonth["SHORT"] = "short";
+  KupDateTimeFormatOptionsMonth["NARROW"] = "narrow";
+})(exports.KupDateTimeFormatOptionsMonth || (exports.KupDateTimeFormatOptionsMonth = {}));
 /**
- * @param value date/time as string, formatted by actual browser locale
- * @returns date/time as string, formatted ISO
- **/
-function formattedStringToDefaultUnformattedStringTimestamp(value) {
-  return formattedStringToCustomUnformattedStringTime(value, exports.KupDatesFormats.ISO_DATE_TIME, true);
-}
-/**
- * @param value time as string, formatted by actual browser locale
- * @param outputFormat time format to return
- * @param manageSeconds flag to set seconds managing
- * @returns time as string, formatted
- **/
-function formattedStringToCustomUnformattedStringTime(value, outputFormat, manageSeconds) {
-  let inputFormat = getCurrentTimeFormatFromBrowserLocale(manageSeconds);
-  if (dom$a.ketchup.dates.isValid(value, inputFormat)) {
-    return dom$a.ketchup.dates.format(dom$a.ketchup.dates.normalize(value, exports.KupDatesNormalize.TIME), outputFormat);
-  }
-  else {
-    return '';
-  }
-}
-/**
- * @param value time as string, formatted ISO
- * @param manageSeconds flag to set seconds managing
- * @param valueTimeFormat time format (default ISO)
- * @param customedFormat time format from smeupObject
- * @returns time as string, formatted by actual browser locale
- **/
-function unformattedStringToFormattedStringTime(value, manageSeconds, customedFormat) {
-  const options = {
-    hour: '2-digit',
-    minute: '2-digit',
-    hour12: false,
-  };
-  if (manageSeconds == true) {
-    options.second = '2-digit';
-  }
-  let date = dom$a.ketchup.dates.toDate(dom$a.ketchup.dates.normalize(value, exports.KupDatesNormalize.TIME));
-  return formatByCustomedOutputTimeFormat(value, date, options, customedFormat);
-}
-function formatByCustomedOutputTimeFormat(valueStr, date, options, customedFormat) {
-  if (customedFormat == null) {
-    return date.toLocaleTimeString(dom$a.ketchup.dates.getLocale() + '-u-hc-h23', options);
-  }
-  switch (customedFormat) {
-    case 'I13': {
-      //hh:mm
-      break;
-    }
-    case 'I12': {
-      //hh:mm:ss
-      break;
-    }
-    case 'I11': {
-      //???
-      //hh:dddd
-      //return moment(date).format('HH:DDDD');
-      return valueStr;
-    }
-    case 'I14': {
-      //???
-      //sssss
-      //return moment(date).format('SSSSS');
-      return valueStr;
-    }
-    case 'I1H': {
-      //???
-      //Ora,Cen/Min HH,xx
-      return valueStr;
-    }
-    case 'I1M': {
-      //???
-      //Min,Cen/Sec  MMMM,xx
-      return valueStr;
-    }
-    case 'I21': {
-      //???
-      //Giorni,(4 decim)
-      return valueStr;
-    }
-    case 'I22': {
-      //???
-      //Ore,(4 decim)
-      return valueStr;
-    }
-    case 'I23': {
-      //???
-      //Minuti,(4 decim)
-      return valueStr;
-    }
-    case 'I24': {
-      //???
-      //Secondi
-      return valueStr;
-    }
-    case 'I2H': {
-      //???
-      //Ora,Cen/Min HHHH,xx
-      return valueStr;
-    }
-    case 'I2D': {
-      //???
-      //Ore Minuti Secondi HHMMS
-      return valueStr;
-    }
-    case 'I2M': {
-      //???
-      //Min,Cen/Sec MMMM,xx
-      return valueStr;
-    }
-  }
-  return date.toLocaleTimeString(dom$a.ketchup.dates.getLocale() + '-u-hc-h23', options);
-}
-/**
- * @param value date/time as string, formatted ISO
- * @param valueDateFormat date/time format (default ISO)
- * @returns date/time as string, formatted by actual browser locale
- **/
-function unformattedStringToFormattedStringTimestamp(value) {
-  const options = {
-    day: '2-digit',
-    month: '2-digit',
-    year: 'numeric',
-    hour: '2-digit',
-    minute: '2-digit',
-    second: '2-digit',
-    hour12: false,
-  };
-  let date = dom$a.ketchup.dates.toDate(dom$a.ketchup.dates.normalize(value, exports.KupDatesNormalize.TIMESTAMP));
-  return date.toLocaleString(dom$a.ketchup.dates.getLocale() + '-u-hc-h23', options);
-}
-function getMonthAsStringByLocale(month, format) {
-  if (month == null) {
-    return '';
-  }
-  const dateTmp = new Date();
-  dateTmp.setDate(1);
-  dateTmp.setMonth(month - 1);
-  const options = {
-    month: format,
-  };
-  const dateTimeFormat = new Intl.DateTimeFormat(dom$a.ketchup.dates.getLocale(), options);
-  return dateTimeFormat.format(dateTmp);
-}
-function getMonthsAsStringByLocale(format) {
-  if (format == null || format.trim() == '') {
-    format = exports.DateTimeFormatOptionsMonth.LONG;
-  }
-  var months = [];
-  for (var i = 0; i < 12; i++) {
-    months[i] = getMonthAsStringByLocale(i + 1, format);
-  }
-  return months;
-}
-/**
- * Used to retrieve component's props values.
- * @param {any} comp - Component calling this function.
- * @param {GenericObject} list - Prop list, specific for each component.
- * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
- * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
- */
-function getProps(comp, list, descriptions) {
-  let props = {};
-  if (descriptions) {
-    props = list;
-  }
-  else {
-    for (const key in list) {
-      if (Object.prototype.hasOwnProperty.call(list, key)) {
-        props[key] = comp[key];
-      }
-    }
-  }
-  return props;
-}
-/**
- * Sets the props to the component.
- * @param {any} comp - Component calling this function.
- * @param {GenericObject} list - Prop list, specific for each component.
- * @param {GenericObject} props - Prop to be set.
+ * Common use formats
  */
-function setProps(comp, list, props) {
-  for (const key in props) {
-    // If key is a custom prop it will be set on the component (i.e.: "data", "customStyle", ecc.)
-    if (list[key]) {
-      comp[key] = props[key];
-    }
-    else {
-      // Otherwise, it will be set on its HTML element (i.e.: "id", "style", ecc.)
-      comp.rootElement[key] = props[key];
-    }
-  }
-}
+exports.KupDatesFormats = void 0;
+(function (KupDatesFormats) {
+  KupDatesFormats["ISO_DATE"] = "YYYY-MM-DD";
+  KupDatesFormats["ISO_DATE_TIME"] = "YYYY-MM-DD HH:mm:ss";
+  KupDatesFormats["ISO_TIME"] = "HH:mm:ss";
+  KupDatesFormats["ISO_TIME_WITHOUT_SECONDS"] = "HH:mm";
+})(exports.KupDatesFormats || (exports.KupDatesFormats = {}));
 
 const dom$9 = document.documentElement;
 // -------------
@@ -6473,17 +6059,17 @@ function getValueForDisplay(value, obj, decimals) {
     return value;
   }
   if (dom$9.ketchup.objects.isNumber(obj)) {
-    return unformattedStringToFormattedStringNumber(value, decimals ? decimals : -1, obj ? obj.p : '');
+    return dom$9.ketchup.math.numberStringToFormattedString(value, decimals ? decimals : -1, obj ? obj.p : '');
   }
   if (dom$9.ketchup.objects.isDate(obj) &&
     dom$9.ketchup.dates.isValid(value, exports.KupDatesFormats.ISO_DATE)) {
     return dom$9.ketchup.dates.format(value);
   }
   if (dom$9.ketchup.objects.isTime(obj)) {
-    return unformattedStringToFormattedStringTime(value, dom$9.ketchup.objects.isTimeWithSeconds(obj), obj.t + obj.p);
+    return dom$9.ketchup.dates.timeStringToFormattedString(value, dom$9.ketchup.objects.isTimeWithSeconds(obj), obj.t + obj.p);
   }
   if (dom$9.ketchup.objects.isTimestamp(obj)) {
-    return unformattedStringToFormattedStringTimestamp(value);
+    return dom$9.ketchup.dates.timestampStringToFormattedString(value);
   }
   return value;
 }
@@ -6528,8 +6114,8 @@ function compareValues(obj1, value1, obj2, value2, sortMode) {
   let v1 = s1;
   let v2 = s2;
   if (dom$9.ketchup.objects.isNumber(obj1)) {
-    v1 = stringToNumber(s1);
-    v2 = stringToNumber(s2);
+    v1 = dom$9.ketchup.math.numberifySafe(s1);
+    v2 = dom$9.ketchup.math.numberifySafe(s2);
   }
   else if (dom$9.ketchup.objects.isDate(obj1)) {
     v1 = dom$9.ketchup.dates.toDate(dom$9.ketchup.dates.format(s1, exports.KupDatesFormats.ISO_DATE));
@@ -6662,8 +6248,8 @@ class Filters {
         : exports.KupDatesFormats.ISO_TIME_WITHOUT_SECONDS)) {
         return newValue;
       }
-      if (isValidFormattedStringTime(value, manageSeconds)) {
-        return formattedStringToCustomUnformattedStringTime(value, manageSeconds
+      if (dom$8.ketchup.dates.isValidFormattedStringTime(value, manageSeconds)) {
+        return dom$8.ketchup.dates.formattedStringToCustomDateTime(value, manageSeconds
           ? exports.KupDatesFormats.ISO_TIME
           : exports.KupDatesFormats.ISO_TIME_WITHOUT_SECONDS, manageSeconds);
       }
@@ -6672,13 +6258,13 @@ class Filters {
       if (dom$8.ketchup.dates.isValid(value, exports.KupDatesFormats.ISO_DATE_TIME)) {
         return newValue;
       }
-      if (isValidFormattedStringTime(value, true)) {
-        return formattedStringToDefaultUnformattedStringTimestamp(value);
+      if (dom$8.ketchup.dates.isValidFormattedStringTime(value, true)) {
+        return dom$8.ketchup.dates.formattedStringToTimestampString(value);
       }
     }
     else if (dom$8.ketchup.objects.isNumber(smeupObj)) {
-      if (isValidFormattedStringNumber(value, smeupObj ? smeupObj.p : '')) {
-        return formattedStringToUnformattedStringNumber(value, smeupObj ? smeupObj.p : '');
+      if (dom$8.ketchup.math.isStringNumber(value, smeupObj ? smeupObj.p : '')) {
+        return dom$8.ketchup.math.formattedStringToNumberString(value, smeupObj ? smeupObj.p : '');
       }
     }
     return newValue;
@@ -6800,12 +6386,11 @@ class Filters {
     }
     let checkByRegularExpression = true;
     if (dom$8.ketchup.objects.isNumber(obj)) {
-      value = unformattedStringNumberToNumber(value, obj ? obj.p : '');
-      let valueNumber = stringToNumber(value);
+      let valueNumber = dom$8.ketchup.math.numberifySafe(value, obj ? obj.p : '');
       if (from != '') {
-        if (isNumber(from)) {
+        if (dom$8.ketchup.math.isNumber(from)) {
           checkByRegularExpression = false;
-          let fromNumber = stringToNumber(from);
+          let fromNumber = dom$8.ketchup.math.numberifySafe(from);
           if (valueNumber < fromNumber) {
             return false;
           }
@@ -6815,9 +6400,9 @@ class Filters {
         }
       }
       if (to != '') {
-        if (isNumber(to)) {
+        if (dom$8.ketchup.math.isNumber(to)) {
           checkByRegularExpression = false;
-          let toNumber = stringToNumber(to);
+          let toNumber = dom$8.ketchup.math.numberifySafe(to);
           if (valueNumber > toNumber) {
             return false;
           }
@@ -7842,9 +7427,11 @@ 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);
               if (n === max ||
                 n === min ||
-                (n < max && n > min)) {
+                (n < nMax && n > nMin)) {
                 result.cells.push(cell);
                 result.rows.push(row);
               }
@@ -8234,6 +7821,59 @@ class KupDates {
       .filter((value) => typeof value === 'string');
     return items;
   }
+  /**
+   * Gets date format by browser locale
+   * @returns {string} date format pattern, by browser locale
+   */
+  getDateFormat() {
+    const formatObj = new Intl.DateTimeFormat(this.getLocale()).formatToParts(new Date());
+    let dateFormat = formatObj
+      .map((obj) => {
+      switch (obj.type) {
+        case 'day':
+          return 'DD';
+        case 'month':
+          return 'MM';
+        case 'year':
+          return 'YYYY';
+        default:
+          return obj.value;
+      }
+    })
+      .join('');
+    return dateFormat;
+  }
+  /**
+   * Gets time format by browser locale
+   * @param {boolean} manageSeconds flag to set seconds managing
+   * @returns {string} time format pattern, by browser locale
+   */
+  getTimeFormat(manageSeconds) {
+    const options = {
+      hour: '2-digit',
+      minute: '2-digit',
+      hour12: false,
+    };
+    if (manageSeconds == true) {
+      options.second = '2-digit';
+    }
+    const formatObj = new Intl.DateTimeFormat(this.getLocale() + '-u-hc-h23', options).formatToParts(new Date());
+    let timeFormat = formatObj
+      .map((obj) => {
+      switch (obj.type) {
+        case 'hour':
+          return 'HH';
+        case 'minute':
+          return 'mm';
+        case 'second':
+          return 'ss';
+        default:
+          return obj.value;
+      }
+    })
+      .join('');
+    return timeFormat;
+  }
   /**
    * Formats the given date.
    * @param {dayjs.ConfigType} input - Date to be formatted.
@@ -8246,6 +7886,23 @@ class KupDates {
     }
     return dayjs_min(input).format(format);
   }
+  /**
+   * Gets the time formatted
+   * @param {Date} time time as Date object
+   * @param {boolean} manageSeconds flag to set seconds managing
+   * @return {string} time as string, formatted
+   **/
+  formatTime(time, manageSeconds) {
+    const options = {
+      hour: '2-digit',
+      minute: '2-digit',
+      hour12: false,
+    };
+    if (manageSeconds == true) {
+      options.second = '2-digit';
+    }
+    return time.toLocaleTimeString(this.getLocale() + '-u-hc-h23', options);
+  }
   /**
    * Validates the given date.
    * @param {dayjs.ConfigType} date - Date to be validated.
@@ -8261,6 +7918,16 @@ class KupDates {
       return dayjs_min(date, undefined, strict).isValid();
     }
   }
+  /**
+   * Validates the given date as string.
+   * @param {string} value time string, formatted by actual browser locale
+   * @param {boolean} manageSeconds if manage seconds
+   * @returns {boolean} true if time string in input is a valid time
+   */
+  isValidFormattedStringTime(value, manageSeconds) {
+    let format = this.getTimeFormat(manageSeconds);
+    return this.isValid(value, format, true);
+  }
   /**
    * Converts the input in a Date object.
    * @param {dayjs.ConfigType} input - Input date.
@@ -8469,6 +8136,237 @@ class KupDates {
   subtract(input, value, unit) {
     return dayjs_min(input).subtract(value, unit);
   }
+  /**
+   * Gets the month formatted
+   * @param {number} month month id
+   * @param {KupDateTimeFormatOptionsMonth} format format
+   * @returns {string} the month formatted, by browser locale
+   */
+  getMonthAsString(month, format) {
+    if (month == null) {
+      return '';
+    }
+    const dateTmp = new Date();
+    dateTmp.setDate(1);
+    dateTmp.setMonth(month - 1);
+    const options = {
+      month: format,
+    };
+    const dateTimeFormat = new Intl.DateTimeFormat(this.getLocale(), options);
+    return dateTimeFormat.format(dateTmp);
+  }
+  /**
+   * Gets the year months formatted
+   * @param {KupDateTimeFormatOptionsMonth} format format
+   * @returns {string[]} the months formatted, by browser locale
+   */
+  getMonthsAsString(format) {
+    if (format == null || format.trim() == '') {
+      format = exports.KupDateTimeFormatOptionsMonth.LONG;
+    }
+    var months = [];
+    for (var i = 0; i < 12; i++) {
+      months[i] = this.getMonthAsString(i + 1, format);
+    }
+    return months;
+  }
+  /**
+   * Gets the day formatted
+   * @param {Date} date date
+   * @returns {string} the day formatted, by browser locale
+   */
+  getDayAsString(date) {
+    if (date == null) {
+      return '';
+    }
+    const options = {
+      weekday: 'narrow',
+      /** weekday: 'narrow' 'short' 'long' */
+    };
+    const dateTimeFormat = new Intl.DateTimeFormat(this.getLocale(), options);
+    return dateTimeFormat.format(date);
+  }
+  /**
+   * First day of current week
+   * @param {number} firstDayIndex first day of week index
+   * @returns {Date} the first day of current week
+   */
+  firstDayThisWeek(firstDayIndex) {
+    var d = new Date();
+    const day = d.getDay();
+    // dayIndex0
+    d.setDate(d.getDate() - day);
+    // dayIndexX
+    d.setDate(d.getDate() + firstDayIndex);
+    return d;
+  }
+  /**
+   * Dates of current week
+   * @param {number} firstDayIndex first day of week index
+   * @returns { startDate: Date; endDate: Date } the dates of current week
+   */
+  thisWeek(firstDayIndex) {
+    const firstDay = this.firstDayThisWeek(firstDayIndex);
+    return {
+      startDate: firstDay,
+      endDate: offsetDate(firstDay, 6),
+    };
+    function offsetDate(base, count) {
+      const date = new Date(base);
+      date.setDate(base.getDate() + count);
+      return date;
+    }
+  }
+  /**
+   * Gets the days of current week as string
+   * @param {number} firstDayIndex first day of week index
+   * @returns {string[]} the days of current week as string
+   */
+  getDaysOfWeekAsString(firstDayIndex) {
+    var thisWeekDays = this.thisWeek(firstDayIndex);
+    var monday = thisWeekDays.startDate;
+    var days = [];
+    for (var i = 0; i < 7; i++) {
+      var date = new Date(monday.toISOString());
+      date.setDate(date.getDate() + i);
+      days[i] = this.getDayAsString(date);
+    }
+    return days;
+  }
+  /**
+   * Gets the timestamp formatted
+   * @param {string} value date/time as string, formatted ISO
+   * @returns {string} date/time as string, formatted by actual browser locale
+   **/
+  timestampStringToFormattedString(value) {
+    const options = {
+      day: '2-digit',
+      month: '2-digit',
+      year: 'numeric',
+      hour: '2-digit',
+      minute: '2-digit',
+      second: '2-digit',
+      hour12: false,
+    };
+    let date = this.toDate(this.normalize(value, exports.KupDatesNormalize.TIMESTAMP));
+    return date.toLocaleString(this.getLocale() + '-u-hc-h23', options);
+  }
+  /**
+   * Gets ISO date/time from formatted string, as string
+   * @param {string} value date/time as string, formatted by actual browser locale
+   * @returns {string} date/time as string, formatted ISO
+   **/
+  formattedStringToTimestampString(value) {
+    return this.formattedStringToCustomDateTime(value, exports.KupDatesFormats.ISO_DATE_TIME, true);
+  }
+  /**
+   * Gets formatted dateTime as customed ISO (see KupDatesFormats)
+   * @param {string} value time as string, formatted by actual browser locale
+   * @param {string} outputFormat time format to return (see KupDatesFormats)
+   * @param {boolean} manageSeconds flag to set seconds managing
+   * @returns {string} time as string, formatted
+   **/
+  formattedStringToCustomDateTime(value, outputFormat, manageSeconds) {
+    let inputFormat = this.getTimeFormat(manageSeconds);
+    if (this.isValid(value, inputFormat)) {
+      return this.format(this.normalize(value, exports.KupDatesNormalize.TIME), outputFormat);
+    }
+    else {
+      return '';
+    }
+  }
+  /**
+   * Gets the time formatted
+   * @param {string} value time as string, formatted ISO
+   * @param {boolean} manageSeconds flag to set seconds managing
+   * @param {string} customedFormat time format from smeupObject
+   * @returns {string} time as string, formatted by actual browser locale
+   **/
+  timeStringToFormattedString(value, manageSeconds, customedFormat) {
+    const options = {
+      hour: '2-digit',
+      minute: '2-digit',
+      hour12: false,
+    };
+    if (manageSeconds == true) {
+      options.second = '2-digit';
+    }
+    let date = this.toDate(this.normalize(value, exports.KupDatesNormalize.TIME));
+    return formatByCustomedOutputTimeFormat(value, date, options, customedFormat, this);
+    function formatByCustomedOutputTimeFormat(valueStr, date, options, customedFormat, kupDates) {
+      if (customedFormat == null) {
+        return date.toLocaleTimeString(kupDates.getLocale() + '-u-hc-h23', options);
+      }
+      switch (customedFormat) {
+        case 'I13': {
+          //hh:mm
+          break;
+        }
+        case 'I12': {
+          //hh:mm:ss
+          break;
+        }
+        case 'I11': {
+          //???
+          //hh:dddd
+          //return moment(date).format('HH:DDDD');
+          return valueStr;
+        }
+        case 'I14': {
+          //???
+          //sssss
+          //return moment(date).format('SSSSS');
+          return valueStr;
+        }
+        case 'I1H': {
+          //???
+          //Ora,Cen/Min HH,xx
+          return valueStr;
+        }
+        case 'I1M': {
+          //???
+          //Min,Cen/Sec  MMMM,xx
+          return valueStr;
+        }
+        case 'I21': {
+          //???
+          //Giorni,(4 decim)
+          return valueStr;
+        }
+        case 'I22': {
+          //???
+          //Ore,(4 decim)
+          return valueStr;
+        }
+        case 'I23': {
+          //???
+          //Minuti,(4 decim)
+          return valueStr;
+        }
+        case 'I24': {
+          //???
+          //Secondi
+          return valueStr;
+        }
+        case 'I2H': {
+          //???
+          //Ora,Cen/Min HHHH,xx
+          return valueStr;
+        }
+        case 'I2D': {
+          //???
+          //Ore Minuti Secondi HHMMS
+          return valueStr;
+        }
+        case 'I2M': {
+          //???
+          //Min,Cen/Sec MMMM,xx
+          return valueStr;
+        }
+      }
+      return date.toLocaleTimeString(kupDates.getLocale() + '-u-hc-h23', options);
+    }
+  }
   /**
    * Registers a KupComponent in KupDates, in order to be properly handled whenever the locale changes.
    * @param {any} component - The Ketchup component to be registered.
@@ -9833,6 +9731,86 @@ function normalDistributionFormula(average, variance, x) {
     Math.exp(-Math.pow(x - average, 2) / (2 * variance)));
 }
 
+function identify(array) {
+  if (array) {
+    for (let i = 0; i < array.length; i++) {
+      array[i].id = i.toString();
+    }
+  }
+}
+/**
+ * Fills a string with another string, eventually before
+ * @param {string} stringIn initial string
+ * @param {string} stringForFill string used for fill
+ * @param {number} finalLen final string length
+ * @param {boolean} addBefore flag for fill on left
+ * @returns the input string filled with stringForFill
+ */
+function fillString(stringIn, stringForFill, finalLen, addBefore) {
+  let initSize = stringIn.length;
+  let stringOut = '';
+  for (let i = initSize; i < finalLen; i += stringForFill.length) {
+    stringOut += stringForFill;
+  }
+  if (addBefore) {
+    return stringOut + stringIn;
+  }
+  else {
+    return stringIn + stringOut;
+  }
+}
+/**
+ * Used to retrieve component's props values.
+ * @param {any} comp - Component calling this function.
+ * @param {GenericObject} list - Prop list, specific for each component.
+ * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
+ * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+ */
+function getProps(comp, list, descriptions) {
+  let props = {};
+  if (descriptions) {
+    props = list;
+  }
+  else {
+    for (const key in list) {
+      if (Object.prototype.hasOwnProperty.call(list, key)) {
+        props[key] = comp[key];
+      }
+    }
+  }
+  return props;
+}
+/**
+ * Sets the props to the component.
+ * @param {any} comp - Component calling this function.
+ * @param {GenericObject} list - Prop list, specific for each component.
+ * @param {GenericObject} props - Prop to be set.
+ */
+function setProps(comp, list, props) {
+  for (const key in props) {
+    // If key is a custom prop it will be set on the component (i.e.: "data", "customStyle", ecc.)
+    if (list[key]) {
+      comp[key] = props[key];
+    }
+    else {
+      // Otherwise, it will be set on its HTML element (i.e.: "id", "style", ecc.)
+      comp.rootElement[key] = props[key];
+    }
+  }
+}
+/**
+ * Creates a regular expression object, from a string un-escaped
+ * @param s string to use for create regular expression (not escaped)
+ * @param flags flags used for the regular expression
+ * @returns the regular expression object
+ */
+function getRegExpFromString(s, flags) {
+  return new RegExp(escapeRegExp(s), flags);
+}
+function escapeRegExp(s) {
+  return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
+}
+
 const dom$2 = document.documentElement;
 /**
  * Handles mathematical operations and number formatting/conversion.
@@ -9856,7 +9834,7 @@ class KupMath {
         const maximumFractionDigits = 14;
         if (value == null || value == '')
           return value;
-        return Number(value).toLocaleString(dom$2.ketchup.math.locale, {
+        return Number(value).toLocaleString(this.locale, {
           maximumFractionDigits: maximumFractionDigits,
         });
       },
@@ -9927,10 +9905,11 @@ class KupMath {
    * Formats the input number with the specified format of the currently set locale.
    * @param {string | String | number} input - Input number which will be automatically "numberified".
    * @param {string} format - Desired format. Defaults to '0,0.00' (i.e.: 2,000,000.51).
+   * @param {boolean} inputIsLocalized Numberifies assuming the input string is in the current KupMath locale's format.
    * @returns {string} Formatted number.
    */
-  format(input, format) {
-    const n = this.numberify(input);
+  format(input, format, inputIsLocalized) {
+    const n = this.numberify(input, inputIsLocalized);
     if (!format) {
       const positiveN = Math.abs(n);
       const decimals = positiveN - Math.floor(positiveN);
@@ -9941,16 +9920,111 @@ class KupMath {
         format = '0,0';
       }
     }
-    const formatted = this.numeral(n).format(format);
-    return formatted;
+    return this.numeral(n).format(format);
+  }
+  /**
+   * Create the pattern string for format a number
+   * @param {boolean} thousandPoint - show thousandPoint
+   * @param {number} decimals - number of decimals
+   * @returns {string} - formatter pattern
+   */
+  createFormatPattern(thousandPoint, decimals) {
+    var format = '0';
+    if (thousandPoint) {
+      format += ',0';
+    }
+    if (decimals && decimals > 0) {
+      format += '.';
+      for (let i = 0; i < decimals; i++) {
+        format += '0';
+      }
+    }
+    return format;
+  }
+  /**
+   * Returns the decimal separator of current browser
+   * @returns {string} current decimal separator, by locale
+   */
+  decimalSeparator() {
+    const numberWithGroupAndDecimalSeparator = 1000.1;
+    return Intl.NumberFormat(this.locale)
+      .formatToParts(numberWithGroupAndDecimalSeparator)
+      .find((part) => part.type === 'decimal').value;
+  }
+  /**
+   * Returns the group separator of current browser
+   * @returns {string} current group separator, by locale
+   */
+  groupSeparator() {
+    const numberWithGroupAndDecimalSeparator = 1000.1;
+    return Intl.NumberFormat(this.locale)
+      .formatToParts(numberWithGroupAndDecimalSeparator)
+      .find((part) => part.type === 'group').value;
+  }
+  /**
+   * Checks if an input string matches options, for desired formatted decimal number (integer digits, decimal digits)
+   * @param {string} value the input value to check
+   * @param {NumericFieldFormatOptions} options options for customize the check
+   * @returns {RegExpMatchArray} an object from applying the regular expression for check
+   */
+  matchNumericValueWithOptions(value, options) {
+    value = value.replace(getRegExpFromString(this.groupSeparator(), 'g'), '');
+    // see https://github.com/24eme/jquery-input-number-format.git
+    let found = undefined;
+    let integerPartSuffix = '+';
+    if (options.integer && options.integer > 0) {
+      integerPartSuffix = '{0,' + options.integer + '}';
+    }
+    let regexp = '^[0-9]' + integerPartSuffix;
+    if (options.allowNegative) {
+      regexp = '^-{0,1}[0-9]' + integerPartSuffix;
+    }
+    if (options.decimal && options.decimal > 0) {
+      regexp +=
+        '([' +
+          this.decimalSeparator() +
+          '][0-9]{0,' +
+          options.decimal +
+          '})?';
+      let regexpObj = new RegExp(regexp + '$');
+      found = value.match(regexpObj);
+      if (!found) {
+        regexp =
+          '^[' +
+            this.decimalSeparator() +
+            '][0-9]{0,' +
+            options.decimal +
+            '}';
+        regexpObj = new RegExp(regexp + '$');
+        found = value.match(regexpObj);
+      }
+    }
+    else {
+      let regexpObj = new RegExp(regexp + '$');
+      found = value.match(regexpObj);
+    }
+    return found;
   }
   /**
    * Returns a number from a non-specified input type between string, number, or String.
    * @param {string | String | number} input - Input value to numberify.
    * @param {boolean} inputIsLocalized - Numberifies assuming the input string is in the current KupMath locale's format.
+   * @param {string} type - type of number for calculate suffix
    * @returns {number} Resulting number or NaN (when not a number).
    */
-  numberify(input, inputIsLocalized) {
+  numberify(input, inputIsLocalized, type) {
+    if (typeof input != 'number') {
+      if (type) {
+        let suffix = this.getNumericValueSuffix(type);
+        if (suffix != '') {
+          input = input.replace(getRegExpFromString(suffix, 'g'), '');
+        }
+      }
+      const groupSeparator = inputIsLocalized
+        ? this.groupSeparator()
+        : ',';
+      input = input.replace(getRegExpFromString(groupSeparator, 'g'), '');
+    }
     let n = NaN;
     if (inputIsLocalized) {
       n = this.numeral(input).value();
@@ -9966,6 +10040,161 @@ class KupMath {
     }
     return n;
   }
+  /**
+   * Returns a number from a non-specified input type between string, number, or String.
+   * If value in is null, undefined or blank, returns 0
+   * @param {string} input number as string, formatted by locale US, decimal separator . (like java decimal numbers)
+   * @param {boolean} inputIsLocalized - Numberifies assuming the input string is in the current KupMath locale's format.
+   * @param {string} type - type of number for calculate suffix
+   * @returns {number} Resulting number
+   **/
+  numberifySafe(input, inputIsLocalized, type) {
+    if (!input || input == null || input.trim() == '') {
+      input = '0';
+    }
+    return this.numberify(input, inputIsLocalized, type);
+  }
+  /**
+   * Checks if input is a valid number
+   * @param {any} value input value to check
+   * @returns {boolean} if input value is valid number
+   */
+  isNumber(value) {
+    //return typeof value === 'number';
+    return !isNaN(value);
+  }
+  /**
+   * Checks if string in input is a valid formatted number
+   * @param {string} value number as string, formatted by actual browser locale
+   * @param {string} type - type of number for calculate suffix
+   * @returns {boolean} true if number string in input is a valid number
+   */
+  isStringNumber(value, type) {
+    if (value == null || value.trim() == '') {
+      return false;
+    }
+    let tmpStr = this.formattedStringToNumberString(value, type);
+    if (this.isNumber(tmpStr)) {
+      return true;
+    }
+    return false;
+  }
+  /**
+   * Gets number as string, formatted by locale US, decimal separator . (like java decimal numbers)
+   * @param {string} input number as string, formatted by actual browser locale (maybe)
+   * @param {string} type - type of number for calculate suffix
+   * @param {string} decSeparator - decimal serparator of input string
+   * @returns {string} number as string, formatted by locale US, decimal separator . (like java decimal numbers), without group separator
+   **/
+  formattedStringToNumberString(input, type, decSeparator) {
+    return numberStringToNumberString(input, type, decSeparator !== null && decSeparator !== void 0 ? decSeparator : this.decimalSeparator(), this);
+    function numberStringToNumberString(input, type, decFmt, kupMath) {
+      if (!input || input == null || input.trim() == '') {
+        return '';
+      }
+      let unf = kupMath.numberifySafe(input, decFmt != '.', type);
+      if (unf == null || isNaN(unf)) {
+        return input;
+      }
+      return numberToString(unf, -1, 'en-US', kupMath);
+    }
+    function numberToString(input, decimals, locale, kupMath) {
+      if (input == null) {
+        input = 0;
+      }
+      if (decimals == null || decimals == -1) {
+        decimals = kupMath.countDecimals(input);
+      }
+      let n = Number(input);
+      let f = decimals > -1
+        ? {
+          minimumFractionDigits: decimals,
+          maximumFractionDigits: decimals,
+          useGrouping: false,
+        }
+        : { useGrouping: false };
+      return n.toLocaleString(locale, f);
+    }
+  }
+  /**
+   * Gets the number of decimals for current number
+   * @param {number} value numer input
+   * @returns {number} the number of decimals
+   */
+  countDecimals(value) {
+    var _a;
+    if (Math.floor(value) === value)
+      return 0;
+    let stringValue = value.toString().split('.')[1];
+    if (stringValue) {
+      return (_a = stringValue.length) !== null && _a !== void 0 ? _a : 0;
+    }
+    else {
+      return 0;
+    }
+  }
+  /**
+   * Gets the suffix for number, by type
+   * @param {string} type - type of number for calculate suffix
+   * @returns {string} suffix for number, by type
+   **/
+  getNumericValueSuffix(type) {
+    type = type.toUpperCase();
+    let nstr = '';
+    if (type == 'P') {
+      nstr = ' %';
+    }
+    else if (type == 'VE') {
+      nstr = ' €';
+    }
+    else if (type == 'VL') {
+      nstr = ' £';
+    }
+    else if (type == 'VV') {
+      nstr = ' $';
+    }
+    return nstr;
+  }
+  /**
+   * Gets the number as string, formatted by actual browser locale, with suffix by type
+   * @param {number} input number
+   * @param {number} decimals number of significant decimal digits for output
+   * @param {string} type - type of number for calculate suffix
+   * @returns {string} number as string, formatted by actual browser locale, with suffix by type
+   **/
+  numberToFormattedString(input, decimals, type) {
+    if (input == null || isNaN(input)) {
+      return '';
+    }
+    if (decimals == null || decimals == -1) {
+      decimals = this.countDecimals(input);
+    }
+    let nstr = this.format(input, this.createFormatPattern(true, decimals));
+    nstr = nstr + this.getNumericValueSuffix(type);
+    return nstr;
+  }
+  /**
+   * Gets the number as string, formatted by actual browser locale, with suffix by type
+   * @param {string} input number as string, formatted by locale US, decimal separator . (like java decimal numbers)
+   * @param {number} decimals number of significant decimal digits for output
+   * @param {string} type - type of number for calculate suffix
+   * @param {string} decSeparator decimal separator for outpu string
+   * @returns {string} number as string, formatted by actual browser locale (or using decimal separator param), with suffix by type
+   **/
+  numberStringToFormattedString(input, decimals, type, decSeparator) {
+    let value = this.numberToFormattedString(this.numberifySafe(input), decimals, type);
+    if (!decSeparator) {
+      return value;
+    }
+    const browserDecSeparator = this.decimalSeparator();
+    if (browserDecSeparator == decSeparator) {
+      return value;
+    }
+    const browserGroupSeparator = this.groupSeparator();
+    value = value.replace(getRegExpFromString(browserGroupSeparator, 'g'), '');
+    value = value.replace(getRegExpFromString(browserDecSeparator, 'g'), decSeparator);
+    return value;
+  }
   /**
    * Registers a KupComponent in KupMath, in order to be properly handled whenever the locale changes.
    * @param {any} component - The Ketchup component to be registered.
@@ -18334,22 +18563,17 @@ exports.compareCell = compareCell;
 exports.createCommonjsModule = createCommonjsModule;
 exports.editableTypes = editableTypes;
 exports.fieldColumn = fieldColumn;
-exports.formatTime = formatTime;
+exports.fillString = fillString;
 exports.formatToNumber = formatToNumber;
-exports.formattedStringToCustomUnformattedStringTime = formattedStringToCustomUnformattedStringTime;
 exports.fullWidthFieldsComps = fullWidthFieldsComps;
 exports.getCellValueForDisplay = getCellValueForDisplay;
 exports.getColumnByName = getColumnByName;
-exports.getDecimalSeparator = getDecimalSeparator;
 exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
-exports.getMonthsAsStringByLocale = getMonthsAsStringByLocale;
 exports.getProps = getProps;
 exports.getValueForDisplay = getValueForDisplay;
 exports.getValueForDisplay2 = getValueForDisplay2;
 exports.iconColumn = iconColumn;
 exports.identify = identify;
-exports.isNumber = isNumber;
-exports.isValidFormattedStringTime = isValidFormattedStringTime;
 exports.keyColumn = keyColumn;
 exports.kupDragActiveAttr = kupDragActiveAttr;
 exports.kupDraggableCellAttr = kupDraggableCellAttr;
@@ -18359,8 +18583,4 @@ exports.kupDropEvent = kupDropEvent;
 exports.kupDynamicPositionAttribute = kupDynamicPositionAttribute;
 exports.kupManagerInstance = kupManagerInstance;
 exports.kupTypes = kupTypes;
-exports.numberToFormattedStringNumber = numberToFormattedStringNumber;
 exports.setProps = setProps;
-exports.stringToNumber = stringToNumber;
-exports.unformattedStringToFormattedStringNumber = unformattedStringToFormattedStringNumber;
-exports.unformattedStringToFormattedStringTime = unformattedStringToFormattedStringTime;