@sme.up/ketchup 7.5.0-SNAPSHOT → 8.0.1

package/dist/components/kup-autocomplete2.js

@@ -51,7 +51,7 @@ function getNormalizedEventCoords(evt, pageOffset, clientRect) {
     return { x: normalizedX, y: normalizedY };
 }
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -122,10 +122,14 @@ function __read(o, n) {
     return ar;
 }
 
-function __spreadArray(to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 }
 
 /**
@@ -1430,13 +1434,13 @@ var __classPrivateFieldSet$8 = (undefined && undefined.__classPrivateFieldSet) |
   if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$b = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
   if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
   if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 var _KupDebug_debugWidget;
-const dom$x = document.documentElement;
+const dom$y = document.documentElement;
 /**
  * Debugging suite, used to log messages and statuses from the Ketchup components.
  * @module KupDebug
@@ -1459,7 +1463,7 @@ class KupDebug {
     this.logs = [];
     __classPrivateFieldSet$8(this, _KupDebug_debugWidget, null, "f");
     document.addEventListener('kup-language-change', () => {
-      if (this.active && __classPrivateFieldGet$9(this, _KupDebug_debugWidget, "f")) {
+      if (this.active && __classPrivateFieldGet$b(this, _KupDebug_debugWidget, "f")) {
         this.hideWidget();
         this.showWidget();
       }
@@ -1483,32 +1487,32 @@ class KupDebug {
    */
   showWidget() {
     const debugWidget = document.createElement('kup-card');
-    const languages = dom$x.ketchup.language.getLanguages();
+    const languages = dom$y.ketchup.language.getLanguages();
     const languagesListData = [];
     for (let index = 0; index < languages.length; index++) {
       languagesListData.push({
         id: languages[index],
-        selected: languages[index] === dom$x.ketchup.language.name
+        selected: languages[index] === dom$y.ketchup.language.name
           ? true
           : false,
         value: languages[index],
       });
     }
-    const themes = dom$x.ketchup.theme.getThemes();
+    const themes = dom$y.ketchup.theme.getThemes();
     const themesListData = [];
     for (let index = 0; index < themes.length; index++) {
       themesListData.push({
         id: themes[index],
-        selected: themes[index] === dom$x.ketchup.theme.name ? true : false,
+        selected: themes[index] === dom$y.ketchup.theme.name ? true : false,
         value: themes[index],
       });
     }
-    const locales = dom$x.ketchup.dates.getLocales();
+    const locales = dom$y.ketchup.dates.getLocales();
     const localesListData = [];
     for (let index = 0; index < locales.length; index++) {
       localesListData.push({
         id: locales[index],
-        selected: locales[index] === dom$x.ketchup.dates.locale ? true : false,
+        selected: locales[index] === dom$y.ketchup.dates.locale ? true : false,
         value: locales[index],
       });
     }
@@ -1518,13 +1522,13 @@ class KupDebug {
           icon: 'power_settings_new',
           id: 'kup-debug-off',
           customStyle: ':host {--kup-font-size: 0.875em; border-left: 1px solid var(--kup-border-color); border-right: 1px solid var(--kup-border-color);}',
-          title: dom$x.ketchup.language.translate(KupLanguageDebug.OFF),
+          title: dom$y.ketchup.language.translate(KupLanguageDebug.OFF),
         },
         {
           customStyle: ':host {--kup-font-size: 0.875em;}',
           icon: 'print',
           id: 'kup-debug-print',
-          title: dom$x.ketchup.language.translate(KupLanguageDebug.PRINT),
+          title: dom$y.ketchup.language.translate(KupLanguageDebug.PRINT),
         },
         {
           checked: this.autoPrint,
@@ -1532,20 +1536,20 @@ class KupDebug {
           icon: 'speaker_notes',
           iconOff: 'speaker_notes_off',
           id: 'kup-debug-autoprint',
-          title: dom$x.ketchup.language.translate(KupLanguageDebug.AUTOPRINT),
+          title: dom$y.ketchup.language.translate(KupLanguageDebug.AUTOPRINT),
           toggable: true,
         },
         {
           customStyle: ':host {--kup-font-size: 0.875em;}',
           icon: 'broom',
           id: 'kup-debug-clear',
-          title: dom$x.ketchup.language.translate(KupLanguageDebug.CLEAR),
+          title: dom$y.ketchup.language.translate(KupLanguageDebug.CLEAR),
         },
         {
           customStyle: ':host {--kup-font-size: 0.875em;}',
           icon: 'delete',
           id: 'kup-debug-delete',
-          title: dom$x.ketchup.language.translate(KupLanguageDebug.DUMP),
+          title: dom$y.ketchup.language.translate(KupLanguageDebug.DUMP),
         },
         {
           className: 'kup-full-height',
@@ -1554,22 +1558,22 @@ class KupDebug {
           id: 'kup-debug-dl-props',
           label: 'Props',
           styling: 'flat',
-          title: dom$x.ketchup.language.translate(KupLanguageDebug.DL_PROPS),
+          title: dom$y.ketchup.language.translate(KupLanguageDebug.DL_PROPS),
         },
         {
           className: 'kup-full-height',
           customStyle: ':host {border-right: 1px solid var(--kup-border-color);}',
           icon: 'download',
           id: 'kup-debug-dl-all',
-          label: dom$x.ketchup.language.translate(KupLanguageDebug.DL_ALL),
+          label: dom$y.ketchup.language.translate(KupLanguageDebug.DL_ALL),
           styling: 'flat',
-          title: dom$x.ketchup.language.translate(KupLanguageDebug.DL_ALL),
+          title: dom$y.ketchup.language.translate(KupLanguageDebug.DL_ALL),
         },
         {
           customStyle: ':host {--kup-font-size: 0.875em;}',
           icon: 'auto-fix',
           id: 'kup-debug-magic-box',
-          title: dom$x.ketchup.language.translate(KupLanguageDebug.MAGIC_BOX),
+          title: dom$y.ketchup.language.translate(KupLanguageDebug.MAGIC_BOX),
         },
       ],
       combobox: [
@@ -1584,11 +1588,11 @@ class KupDebug {
               className: 'kup-full-height',
               emitSubmitEventOnEnter: false,
               inputType: 'text',
-              label: dom$x.ketchup.language.translate(KupLanguageDebug.THEME_CHANGER),
+              label: dom$y.ketchup.language.translate(KupLanguageDebug.THEME_CHANGER),
             },
           },
           id: 'kup-debug-theme-changer',
-          initialValue: dom$x.ketchup.theme.name,
+          initialValue: dom$y.ketchup.theme.name,
           isSelect: true,
         },
         {
@@ -1602,11 +1606,11 @@ class KupDebug {
               className: 'kup-full-height',
               emitSubmitEventOnEnter: false,
               inputType: 'text',
-              label: dom$x.ketchup.language.translate(KupLanguageDebug.LANGUAGE_CHANGER),
+              label: dom$y.ketchup.language.translate(KupLanguageDebug.LANGUAGE_CHANGER),
             },
           },
           id: 'kup-debug-language-changer',
-          initialValue: dom$x.ketchup.language.name,
+          initialValue: dom$y.ketchup.language.name,
           isSelect: true,
         },
         {
@@ -1620,11 +1624,11 @@ class KupDebug {
               className: 'kup-full-height',
               emitSubmitEventOnEnter: false,
               inputType: 'text',
-              label: dom$x.ketchup.language.translate(KupLanguageDebug.LOCALE_CHANGER),
+              label: dom$y.ketchup.language.translate(KupLanguageDebug.LOCALE_CHANGER),
             },
           },
           id: 'kup-debug-locale-changer',
-          initialValue: dom$x.ketchup.dates.locale,
+          initialValue: dom$y.ketchup.dates.locale,
           isSelect: true,
         },
       ],
@@ -1632,7 +1636,7 @@ class KupDebug {
         {
           className: 'kup-full-height',
           id: 'kup-debug-log-limit',
-          label: dom$x.ketchup.language.translate(KupLanguageDebug.LOG_LIMIT),
+          label: dom$y.ketchup.language.translate(KupLanguageDebug.LOG_LIMIT),
           initialValue: this.logLimit,
           emitSubmitEventOnEnter: false,
           inputType: 'number',
@@ -1667,7 +1671,7 @@ class KupDebug {
             break;
           case 'kup-debug-clear':
             kupDebug.widgetClear();
-            __classPrivateFieldGet$9(kupDebug, _KupDebug_debugWidget, "f").refresh();
+            __classPrivateFieldGet$b(kupDebug, _KupDebug_debugWidget, "f").refresh();
             break;
           case 'kup-debug-dl-props':
             kupDebug.getProps().then((res) => {
@@ -1683,7 +1687,7 @@ class KupDebug {
             kupDebug.dump();
             break;
           case 'kup-debug-magic-box':
-            dom$x.ketchup.toggleMagicBox();
+            dom$y.ketchup.toggleMagicBox();
             break;
           case 'kup-debug-off':
             kupDebug.toggle();
@@ -1691,21 +1695,21 @@ class KupDebug {
           case 'kup-debug-print':
             kupDebug.widgetClear();
             kupDebug.widgetPrint();
-            __classPrivateFieldGet$9(kupDebug, _KupDebug_debugWidget, "f").refresh();
+            __classPrivateFieldGet$b(kupDebug, _KupDebug_debugWidget, "f").refresh();
             break;
         }
         break;
       case 'kup-combobox-itemclick':
         switch (compID) {
           case 'kup-debug-language-changer':
-            dom$x.ketchup.language.set(compEvent.detail.value);
+            dom$y.ketchup.language.set(compEvent.detail.value);
             break;
           case 'kup-debug-locale-changer':
-            dom$x.ketchup.dates.setLocale(compEvent.detail.value);
-            dom$x.ketchup.math.setLocale(compEvent.detail.value);
+            dom$y.ketchup.dates.setLocale(compEvent.detail.value);
+            dom$y.ketchup.math.setLocale(compEvent.detail.value);
             break;
           case 'kup-debug-theme-changer':
-            dom$x.ketchup.theme.set(compEvent.detail.value);
+            dom$y.ketchup.theme.set(compEvent.detail.value);
             break;
         }
       case 'kup-textfield-input':
@@ -1726,14 +1730,14 @@ class KupDebug {
    * Closes the debug widget.
    */
   hideWidget() {
-    __classPrivateFieldGet$9(this, _KupDebug_debugWidget, "f").remove();
+    __classPrivateFieldGet$b(this, _KupDebug_debugWidget, "f").remove();
     __classPrivateFieldSet$8(this, _KupDebug_debugWidget, null, "f");
   }
   /**
    * Clears all the printed logs inside the debug widget.
    */
   widgetClear() {
-    const children = Array.prototype.slice.call(__classPrivateFieldGet$9(this, _KupDebug_debugWidget, "f").children, 0);
+    const children = Array.prototype.slice.call(__classPrivateFieldGet$b(this, _KupDebug_debugWidget, "f").children, 0);
     for (let index = 0; index < children.length; index++) {
       children[index].remove();
     }
@@ -1767,7 +1771,7 @@ class KupDebug {
       // If the log is tied to a KupComponent, on click its props will be downloaded.
       // Also, a different style will be applied to distinguish it between the others.
       if (typeof this.logs[index].element == 'object') {
-        slot.title = dom$x.ketchup.language.translate(KupLanguageDebug.DL_PROPS_COMP);
+        slot.title = dom$y.ketchup.language.translate(KupLanguageDebug.DL_PROPS_COMP);
         slot.style.fontWeight = 'bold';
         slot.style.cursor = 'pointer';
         slot.onclick = () => {
@@ -1797,7 +1801,7 @@ class KupDebug {
     }
     slots.reverse();
     for (let index = 0; index < slots.length; index++) {
-      __classPrivateFieldGet$9(this, _KupDebug_debugWidget, "f").append(slots[index]);
+      __classPrivateFieldGet$b(this, _KupDebug_debugWidget, "f").append(slots[index]);
     }
   }
   /**
@@ -1825,7 +1829,7 @@ class KupDebug {
         printLog[type] = [];
       }
       printLog[type].push({
-        date: dom$x.ketchup.dates.format(this.logs[index].date, 'LLL:ms'),
+        date: dom$y.ketchup.dates.format(this.logs[index].date, 'LLL:ms'),
         element: isComponent
           ? this.logs[index].element
           : this.logs[index].id,
@@ -1872,13 +1876,13 @@ class KupDebug {
     }
     if (this.active) {
       document.dispatchEvent(new CustomEvent('kup-debug-active'));
-      if (!__classPrivateFieldGet$9(this, _KupDebug_debugWidget, "f")) {
+      if (!__classPrivateFieldGet$b(this, _KupDebug_debugWidget, "f")) {
         this.showWidget();
       }
     }
     else {
       document.dispatchEvent(new CustomEvent('kup-debug-inactive'));
-      if (__classPrivateFieldGet$9(this, _KupDebug_debugWidget, "f")) {
+      if (__classPrivateFieldGet$b(this, _KupDebug_debugWidget, "f")) {
         this.hideWidget();
       }
     }
@@ -2005,7 +2009,7 @@ class KupDebug {
         message: message,
       };
       if (this.logs.length > this.logLimit) {
-        console.warn(dom$x.ketchup.dates.format(date, 'LLL:ms') +
+        console.warn(dom$y.ketchup.dates.format(date, 'LLL:ms') +
           ' kup-debug => ' +
           'Too many logs (> ' +
           this.logLimit +
@@ -2013,22 +2017,22 @@ class KupDebug {
         this.dump();
       }
       this.logs.push(log);
-      if (this.autoPrint && __classPrivateFieldGet$9(this, _KupDebug_debugWidget, "f")) {
+      if (this.autoPrint && __classPrivateFieldGet$b(this, _KupDebug_debugWidget, "f")) {
         this.widgetClear();
         this.widgetPrint();
-        __classPrivateFieldGet$9(this, _KupDebug_debugWidget, "f").refresh();
+        __classPrivateFieldGet$b(this, _KupDebug_debugWidget, "f").refresh();
       }
     }
     switch (category) {
       case KupDebugCategory.ERROR:
-        console.error(dom$x.ketchup.dates.format(date, 'LLL:ms') + id + message, obj);
+        console.error(dom$y.ketchup.dates.format(date, 'LLL:ms') + id + message, obj);
         window.dispatchEvent(new CustomEvent('kup-debug-error', {
           bubbles: true,
           detail: { comp, date, message },
         }));
         break;
       case KupDebugCategory.WARNING:
-        console.warn(dom$x.ketchup.dates.format(date, 'LLL:ms') + id + message, obj);
+        console.warn(dom$y.ketchup.dates.format(date, 'LLL:ms') + id + message, obj);
         break;
     }
   }
@@ -2115,7 +2119,7 @@ var KupDynamicPositionPlacement;
   KupDynamicPositionPlacement["TOP_RIGHT"] = "tr";
 })(KupDynamicPositionPlacement || (KupDynamicPositionPlacement = {}));
 
-const dom$w = document.documentElement;
+const dom$x = document.documentElement;
 /**
  * This class is used to dynamically reposition HTML elements.
  * @module KupDynamicPosition
@@ -2183,7 +2187,7 @@ class KupDynamicPosition {
       const target = mutations[0].target;
       if (target.classList.contains(kupDynamicPositionActiveClass)) {
         requestAnimationFrame(function () {
-          dom$w.ketchup.dynamicPosition.run(el);
+          dom$x.ketchup.dynamicPosition.run(el);
         });
       }
     });
@@ -2240,7 +2244,7 @@ class KupDynamicPosition {
    */
   run(el) {
     if (!el.isConnected) {
-      dom$w.ketchup.dynamicPosition.managedElements.delete(el);
+      dom$x.ketchup.dynamicPosition.managedElements.delete(el);
       cancelAnimationFrame(el.kupDynamicPosition.rAF);
       return;
     }
@@ -2348,7 +2352,7 @@ class KupDynamicPosition {
     // Recursive
     if (!el.kupDynamicPosition.detach) {
       el.kupDynamicPosition.rAF = requestAnimationFrame(function () {
-        dom$w.ketchup.dynamicPosition.run(el);
+        dom$x.ketchup.dynamicPosition.run(el);
       });
     }
     else {
@@ -2436,7 +2440,7 @@ var KupDropEventTypes;
   KupDropEventTypes["MAGICBOX"] = "text/kup-magic-box-drag";
 })(KupDropEventTypes || (KupDropEventTypes = {}));
 
-const dom$v = document.documentElement;
+const dom$w = document.documentElement;
 /**
  * This class handles elements as dialogs, making them resizable and movable.
  * @module KupInteract
@@ -2550,7 +2554,7 @@ class KupInteract {
             ghostImage.style.transition = 'none';
             ghostImage.style.zIndex =
               'calc(var(--kup-navbar-zindex) + 1)';
-            dom$v.ketchup.interact.container.appendChild(ghostImage);
+            dom$w.ketchup.interact.container.appendChild(ghostImage);
             draggable.kupDragDrop.ghostImage = ghostImage;
             break;
           case KupDragEffect.CLONE:
@@ -2711,7 +2715,7 @@ class KupInteract {
           x += e.deltaRect.left;
           y += e.deltaRect.top;
           el.style.transform = 'translate(' + x + 'px,' + y + 'px)';
-          if (dom$v.ketchup.interact.isInViewport(el, oldTransform, e.delta)) {
+          if (dom$w.ketchup.interact.isInViewport(el, oldTransform, e.delta)) {
             el.setAttribute('data-x', x.toString());
             el.setAttribute('data-y', y.toString());
           }
@@ -2763,7 +2767,7 @@ class KupInteract {
     const callbacks = {
       start(e) {
         const el = e.currentTarget;
-        el.style.zIndex = (dom$v.ketchup.interact.zIndex++).toString();
+        el.style.zIndex = (dom$w.ketchup.interact.zIndex++).toString();
       },
     };
     this.draggable(el, {
@@ -2772,7 +2776,7 @@ class KupInteract {
         interact.modifiers.restrictRect({
           restriction: restrictContainer
             ? restrictContainer
-            : dom$v.ketchup.interact.restrictContainer,
+            : dom$w.ketchup.interact.restrictContainer,
           endOnly: true,
         }),
       ],
@@ -3724,7 +3728,7 @@ const languages = {
 	spanish: spanish
 };
 
-const dom$u = document.documentElement;
+const dom$v = document.documentElement;
 /**
  * Handles the translation to different languages.
  * @module KupLanguage
@@ -3778,7 +3782,7 @@ class KupLanguage {
       return invalidKey(key);
     }
     function invalidKey(key) {
-      dom$u.ketchup.debug.logMessage('kup-language', 'Invalid translation for key (' + key + ')!', KupDebugCategory.WARNING);
+      dom$v.ketchup.debug.logMessage('kup-language', 'Invalid translation for key (' + key + ')!', KupDebugCategory.WARNING);
       return key;
     }
   }
@@ -3791,7 +3795,7 @@ class KupLanguage {
       language = language.toLowerCase();
     }
     else {
-      dom$u.ketchup.debug.logMessage('kup-language', "Couldn't set language, invalid string received (" +
+      dom$v.ketchup.debug.logMessage('kup-language', "Couldn't set language, invalid string received (" +
         language +
         ')!', KupDebugCategory.WARNING);
       return;
@@ -3801,12 +3805,12 @@ class KupLanguage {
     const dVariant = decodedLanguage.variant;
     if (this.list[dLanguage]) {
       if (dVariant && !this.list[dLanguage].variants[dVariant]) {
-        dom$u.ketchup.debug.logMessage('kup-language', 'Variant not found (' + dVariant + ')!', KupDebugCategory.WARNING);
+        dom$v.ketchup.debug.logMessage('kup-language', 'Variant not found (' + dVariant + ')!', KupDebugCategory.WARNING);
         return;
       }
     }
     else {
-      dom$u.ketchup.debug.logMessage('kup-language', 'Language not found (' + dLanguage + ')!', KupDebugCategory.WARNING);
+      dom$v.ketchup.debug.logMessage('kup-language', 'Language not found (' + dLanguage + ')!', KupDebugCategory.WARNING);
       return;
     }
     this.name = language;
@@ -3893,7 +3897,7 @@ const obj = {
 	types: types
 };
 
-const dom$t = document.documentElement;
+const dom$u = document.documentElement;
 /**
  * Handles objects definition and validation.
  * @module KupObjects
@@ -4228,9 +4232,9 @@ class KupObjects {
    */
   parseDate(obj) {
     if (obj.t === 'D8' && obj.p === '*DMYY') {
-      return dom$t.ketchup.dates.toDayjs(obj.k, 'DDMMYYYY');
+      return dom$u.ketchup.dates.toDayjs(obj.k, 'DDMMYYYY');
     }
-    return dom$t.ketchup.dates.toDayjs(obj.k);
+    return dom$u.ketchup.dates.toDayjs(obj.k);
   }
   /**
    * Check whether two JS objects are deeply equal. When the arguments aren't objects, they are tested directly for equity.
@@ -4297,13 +4301,13 @@ var __classPrivateFieldSet$7 = (undefined && undefined.__classPrivateFieldSet) |
   if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var __classPrivateFieldGet$8 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$a = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
   if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
   if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 var _KupScrollOnHover_instances, _KupScrollOnHover_arrowsContainer, _KupScrollOnHover_leftArrows, _KupScrollOnHover_rightArrows, _KupScrollOnHover_scrollEvent, _KupScrollOnHover_mousemoveEvent, _KupScrollOnHover_mouseleaveEvent, _KupScrollOnHover_rAF, _KupScrollOnHover_timeout, _KupScrollOnHover_initArrows;
-const dom$s = document.documentElement;
+const dom$t = document.documentElement;
 /**
  * Lets the user scroll an element's overflow by hovering with the mouse on its left/right edge.
  * @module KupScrollOnHover
@@ -4342,8 +4346,8 @@ class KupScrollOnHover {
    * @param {number} step - The amount in pixels for each scroll recursion.
    */
   register(el, vertical, percentages, step) {
-    if (!__classPrivateFieldGet$8(this, _KupScrollOnHover_arrowsContainer, "f")) {
-      __classPrivateFieldGet$8(this, _KupScrollOnHover_instances, "m", _KupScrollOnHover_initArrows).call(this);
+    if (!__classPrivateFieldGet$a(this, _KupScrollOnHover_arrowsContainer, "f")) {
+      __classPrivateFieldGet$a(this, _KupScrollOnHover_instances, "m", _KupScrollOnHover_initArrows).call(this);
     }
     el.style.overflowX = 'auto';
     el.scrollOnHover = {
@@ -4359,10 +4363,10 @@ class KupScrollOnHover {
       y: 0,
     };
     if (el.scrollOnHover.children) {
-      el.addEventListener('scroll', __classPrivateFieldGet$8(this, _KupScrollOnHover_scrollEvent, "f"));
+      el.addEventListener('scroll', __classPrivateFieldGet$a(this, _KupScrollOnHover_scrollEvent, "f"));
     }
-    el.addEventListener('mousemove', __classPrivateFieldGet$8(this, _KupScrollOnHover_mousemoveEvent, "f"));
-    el.addEventListener('mouseleave', __classPrivateFieldGet$8(this, _KupScrollOnHover_mouseleaveEvent, "f"));
+    el.addEventListener('mousemove', __classPrivateFieldGet$a(this, _KupScrollOnHover_mousemoveEvent, "f"));
+    el.addEventListener('mouseleave', __classPrivateFieldGet$a(this, _KupScrollOnHover_mouseleaveEvent, "f"));
     this.managedElements.add(el);
   }
   /**
@@ -4370,9 +4374,9 @@ class KupScrollOnHover {
    * @param {KupScrollOnHoverElement} el - Element to unregister.
    */
   unregister(el) {
-    el.removeEventListener('scroll', __classPrivateFieldGet$8(this, _KupScrollOnHover_scrollEvent, "f"));
-    el.removeEventListener('mousemove', __classPrivateFieldGet$8(this, _KupScrollOnHover_mousemoveEvent, "f"));
-    el.removeEventListener('mouseleave', __classPrivateFieldGet$8(this, _KupScrollOnHover_mouseleaveEvent, "f"));
+    el.removeEventListener('scroll', __classPrivateFieldGet$a(this, _KupScrollOnHover_scrollEvent, "f"));
+    el.removeEventListener('mousemove', __classPrivateFieldGet$a(this, _KupScrollOnHover_mousemoveEvent, "f"));
+    el.removeEventListener('mouseleave', __classPrivateFieldGet$a(this, _KupScrollOnHover_mouseleaveEvent, "f"));
     if (this.managedElements) {
       this.managedElements.delete(el);
     }
@@ -4394,9 +4398,9 @@ class KupScrollOnHover {
     el.scrollOnHover.rect = el.getBoundingClientRect();
     el.scrollOnHover.x = event.clientX;
     el.scrollOnHover.y = event.clientY;
-    __classPrivateFieldGet$8(this, _KupScrollOnHover_arrowsContainer, "f").style.left = event.clientX + 'px';
-    __classPrivateFieldGet$8(this, _KupScrollOnHover_arrowsContainer, "f").style.top = event.clientY + 'px';
-    if (el.scrollOnHover.active || __classPrivateFieldGet$8(this, _KupScrollOnHover_timeout, "f")) {
+    __classPrivateFieldGet$a(this, _KupScrollOnHover_arrowsContainer, "f").style.left = event.clientX + 'px';
+    __classPrivateFieldGet$a(this, _KupScrollOnHover_arrowsContainer, "f").style.top = event.clientY + 'px';
+    if (el.scrollOnHover.active || __classPrivateFieldGet$a(this, _KupScrollOnHover_timeout, "f")) {
       return;
     }
     let trueHeight = el.clientHeight;
@@ -4423,16 +4427,16 @@ class KupScrollOnHover {
         if (direction) {
           for (let i = 0; i < 3; i++) {
             if (direction === ScrollOnHoverDirection.LEFT) {
-              __classPrivateFieldGet$8(this, _KupScrollOnHover_leftArrows, "f")[i].classList.add('kup-activated');
+              __classPrivateFieldGet$a(this, _KupScrollOnHover_leftArrows, "f")[i].classList.add('kup-activated');
             }
             else {
-              __classPrivateFieldGet$8(this, _KupScrollOnHover_rightArrows, "f")[i].classList.add('kup-activated');
+              __classPrivateFieldGet$a(this, _KupScrollOnHover_rightArrows, "f")[i].classList.add('kup-activated');
             }
           }
           __classPrivateFieldSet$7(this, _KupScrollOnHover_timeout, setTimeout(() => {
             el.scrollOnHover.active = true;
             __classPrivateFieldSet$7(this, _KupScrollOnHover_rAF, requestAnimationFrame(function () {
-              dom$s.ketchup.scrollOnHover.run(el, maxScrollLeft, percRight, percLeft, direction);
+              dom$t.ketchup.scrollOnHover.run(el, maxScrollLeft, percRight, percLeft, direction);
             }), "f");
           }, this.delay), "f");
         }
@@ -4454,7 +4458,7 @@ class KupScrollOnHover {
           __classPrivateFieldSet$7(this, _KupScrollOnHover_timeout, setTimeout(() => {
             el.scrollOnHover.active = true;
             __classPrivateFieldSet$7(this, _KupScrollOnHover_rAF, requestAnimationFrame(function () {
-              dom$s.ketchup.scrollOnHover.run(el, maxScrollTop, percBottom, percTop, direction);
+              dom$t.ketchup.scrollOnHover.run(el, maxScrollTop, percBottom, percTop, direction);
             }), "f");
           }, this.delay), "f");
         }
@@ -4467,16 +4471,16 @@ class KupScrollOnHover {
    */
   async stop(el) {
     el.scrollOnHover.active = false;
-    cancelAnimationFrame(__classPrivateFieldGet$8(this, _KupScrollOnHover_rAF, "f"));
-    clearTimeout(__classPrivateFieldGet$8(this, _KupScrollOnHover_timeout, "f"));
+    cancelAnimationFrame(__classPrivateFieldGet$a(this, _KupScrollOnHover_rAF, "f"));
+    clearTimeout(__classPrivateFieldGet$a(this, _KupScrollOnHover_timeout, "f"));
     __classPrivateFieldSet$7(this, _KupScrollOnHover_timeout, null, "f");
-    for (let i = 0; i < __classPrivateFieldGet$8(this, _KupScrollOnHover_leftArrows, "f").length; i++) {
-      __classPrivateFieldGet$8(this, _KupScrollOnHover_leftArrows, "f")[i].classList.remove('kup-activated');
-      __classPrivateFieldGet$8(this, _KupScrollOnHover_leftArrows, "f")[i].classList.remove('kup-animated');
+    for (let i = 0; i < __classPrivateFieldGet$a(this, _KupScrollOnHover_leftArrows, "f").length; i++) {
+      __classPrivateFieldGet$a(this, _KupScrollOnHover_leftArrows, "f")[i].classList.remove('kup-activated');
+      __classPrivateFieldGet$a(this, _KupScrollOnHover_leftArrows, "f")[i].classList.remove('kup-animated');
     }
-    for (let i = 0; i < __classPrivateFieldGet$8(this, _KupScrollOnHover_rightArrows, "f").length; i++) {
-      __classPrivateFieldGet$8(this, _KupScrollOnHover_rightArrows, "f")[i].classList.remove('kup-activated');
-      __classPrivateFieldGet$8(this, _KupScrollOnHover_rightArrows, "f")[i].classList.remove('kup-animated');
+    for (let i = 0; i < __classPrivateFieldGet$a(this, _KupScrollOnHover_rightArrows, "f").length; i++) {
+      __classPrivateFieldGet$a(this, _KupScrollOnHover_rightArrows, "f")[i].classList.remove('kup-activated');
+      __classPrivateFieldGet$a(this, _KupScrollOnHover_rightArrows, "f")[i].classList.remove('kup-animated');
     }
   }
   /**
@@ -4548,7 +4552,7 @@ class KupScrollOnHover {
         break;
       }
       case ScrollOnHoverDirection.LEFT: {
-        arrow = __classPrivateFieldGet$8(this, _KupScrollOnHover_leftArrows, "f");
+        arrow = __classPrivateFieldGet$a(this, _KupScrollOnHover_leftArrows, "f");
         if (el.scrollLeft === 0) {
           this.stop(el);
           return;
@@ -4559,7 +4563,7 @@ class KupScrollOnHover {
         break;
       }
       case ScrollOnHoverDirection.RIGHT: {
-        arrow = __classPrivateFieldGet$8(this, _KupScrollOnHover_rightArrows, "f");
+        arrow = __classPrivateFieldGet$a(this, _KupScrollOnHover_rightArrows, "f");
         if (el.scrollLeft === maxScrollLeft) {
           this.stop(el);
           return;
@@ -4585,7 +4589,7 @@ class KupScrollOnHover {
       arrow[i].classList.add('kup-animated');
     }
     __classPrivateFieldSet$7(this, _KupScrollOnHover_rAF, requestAnimationFrame(function () {
-      dom$s.ketchup.scrollOnHover.run(el, maxScrollLeft, percForward, percBack, direction);
+      dom$t.ketchup.scrollOnHover.run(el, maxScrollLeft, percForward, percBack, direction);
     }), "f");
   }
   /**
@@ -4602,24 +4606,80 @@ _KupScrollOnHover_arrowsContainer = new WeakMap(), _KupScrollOnHover_leftArrows
   __classPrivateFieldSet$7(this, _KupScrollOnHover_arrowsContainer, document.createElement('div'), "f");
   __classPrivateFieldSet$7(this, _KupScrollOnHover_leftArrows, [], "f");
   __classPrivateFieldSet$7(this, _KupScrollOnHover_rightArrows, [], "f");
-  __classPrivateFieldGet$8(this, _KupScrollOnHover_arrowsContainer, "f").id = 'kup-scrolling-arrows';
+  __classPrivateFieldGet$a(this, _KupScrollOnHover_arrowsContainer, "f").id = 'kup-scrolling-arrows';
   for (let index = 1; index < 4; index++) {
     const arrow = document.createElement('div');
     arrow.setAttribute('class', 'kup-left-scrolling-arrow kup-arrow-' + index);
-    __classPrivateFieldGet$8(this, _KupScrollOnHover_leftArrows, "f").push(arrow);
+    __classPrivateFieldGet$a(this, _KupScrollOnHover_leftArrows, "f").push(arrow);
   }
   for (let index = 1; index < 4; index++) {
     const arrow = document.createElement('div');
     arrow.setAttribute('class', 'kup-right-scrolling-arrow kup-arrow-' + index);
-    __classPrivateFieldGet$8(this, _KupScrollOnHover_rightArrows, "f").push(arrow);
+    __classPrivateFieldGet$a(this, _KupScrollOnHover_rightArrows, "f").push(arrow);
   }
-  __classPrivateFieldGet$8(this, _KupScrollOnHover_arrowsContainer, "f").append(__classPrivateFieldGet$8(this, _KupScrollOnHover_leftArrows, "f")[2], __classPrivateFieldGet$8(this, _KupScrollOnHover_leftArrows, "f")[1], __classPrivateFieldGet$8(this, _KupScrollOnHover_leftArrows, "f")[0], __classPrivateFieldGet$8(this, _KupScrollOnHover_rightArrows, "f")[0], __classPrivateFieldGet$8(this, _KupScrollOnHover_rightArrows, "f")[1], __classPrivateFieldGet$8(this, _KupScrollOnHover_rightArrows, "f")[2]);
+  __classPrivateFieldGet$a(this, _KupScrollOnHover_arrowsContainer, "f").append(__classPrivateFieldGet$a(this, _KupScrollOnHover_leftArrows, "f")[2], __classPrivateFieldGet$a(this, _KupScrollOnHover_leftArrows, "f")[1], __classPrivateFieldGet$a(this, _KupScrollOnHover_leftArrows, "f")[0], __classPrivateFieldGet$a(this, _KupScrollOnHover_rightArrows, "f")[0], __classPrivateFieldGet$a(this, _KupScrollOnHover_rightArrows, "f")[1], __classPrivateFieldGet$a(this, _KupScrollOnHover_rightArrows, "f")[2]);
   this.container = document.createElement('div');
   this.container.setAttribute('kup-scroll-on-hover', '');
-  this.container.appendChild(__classPrivateFieldGet$8(this, _KupScrollOnHover_arrowsContainer, "f"));
+  this.container.appendChild(__classPrivateFieldGet$a(this, _KupScrollOnHover_arrowsContainer, "f"));
   document.body.appendChild(this.container);
 };
 
+const octane = {
+	cssVariables: {
+		"--kup-primary-color": "#068a9c",
+		"--kup-secondary-color": "#f4a22e",
+		"--kup-background-color": "#ffffff",
+		"--kup-navbar-background-color": "#068a9c",
+		"--kup-navbar-color": "#ffffff",
+		"--kup-drawer-background-color": "#ffffff",
+		"--kup-drawer-color": "#535353",
+		"--kup-navbar-height": "64px",
+		"--kup-drawer-width": "300px",
+		"--kup-font-family": "IBM Plex Sans, sans-serif",
+		"--kup-font-family-monospace": "IBM Plex Sans, sans-serif",
+		"--kup-font-size": "14px",
+		"--kup-text-color": "#474747",
+		"--kup-text-on-primary-color": "#e8e8e8",
+		"--kup-text-on-secondary-color": "#312c2c",
+		"--kup-disabled-background-color": "#d1d1d1",
+		"--kup-disabled-color": "#636363",
+		"--kup-hover-background-color": "#e8e8e8",
+		"--kup-hover-color": "#303030",
+		"--kup-title-background-color": "#068a9c",
+		"--kup-title-color": "#fff",
+		"--kup-icon-color": "#e8e8e8",
+		"--kup-border-color": "#d8d8d8",
+		"--kup-box-shadow": "0px 0px 7.5px 0px rgba(128, 128, 128, 0.5)",
+		"--kup-info-color": "#2592df",
+		"--kup-success-color": "#a4ba4c",
+		"--kup-warning-color": "#de8906",
+		"--kup-danger-color": "#a6192e",
+		"--kup-spinner-color": "#fddc69",
+		"--kup-chart-color-1": "#60c3fc",
+		"--kup-chart-color-2": "#e268d8",
+		"--kup-chart-color-3": "#860bb5",
+		"--kup-chart-color-4": "#1a83e4",
+		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
+		"--kup-drawer-zindex": "900",
+		"--kup-navbar-zindex": "900"
+	},
+	icons: {
+		"--kup-ascending-icon": "arrow_drop_up",
+		"--kup-descending-icon": "arrow_drop_down",
+		"--kup-expanded-icon": "arrow_drop_down",
+		"--kup-collapsed-icon": "menu-right",
+		"--kup-dropdown-icon": "arrow_drop_down",
+		"--kup-clear-icon": "cancel",
+		"--kup-filter-remove-icon": "filter-remove",
+		"--kup-key-icon": "key-variant",
+		"--kup-search-icon": "search"
+	},
+	imports: [
+	],
+	customStyles: {
+	}
+};
 const bubbles = {
 	cssVariables: {
 		"--kup-primary-color": "#c18f00",
@@ -5495,6 +5555,7 @@ const wildlife = {
 	]
 };
 const themes = {
+	octane: octane,
 	bubbles: bubbles,
 	cobalt: cobalt,
 	dark: dark,
@@ -5530,7 +5591,7 @@ const fPaginatorCss = ".f-paginator{margin:.5em 0;display:flex;flex-wrap:wrap;al
 
 const fSwitchCss = ".f-switch{--kup_switch_font_family:var( --kup-switch-font-family, var(--kup-font-family) );--kup_switch_font_size:var(--kup-switch-font-size, var(--kup-font-size));--kup_switch_font_weight:var(--kup-switch-font-weight, 400);--kup_switch_label_color:var( --kup-switch-label-color, var(--kup-text-color) );--kup_switch_primary_color:var( --kup-switch-primary-color, var(--kup-primary-color) );--kup_switch_primary_color_rgb:var( --kup-switch-primary-color-rgb, var(--kup-primary-color-rgb) );--kup_switch_thumb_color:var( --kup-switch-thumb-color, var(--kup-border-color) );font-family:var(--kup_switch_font_family);font-size:var(--kup_switch_font_size)}.f-switch .form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875em;line-height:2em;font-weight:var(--kup_switch_font_weight);letter-spacing:0.0178571429em;color:var(--kup_switch_label_color);display:inline-flex;align-items:center;vertical-align:middle}.f-switch .form-field.form-field--align-end>label{margin-left:auto;margin-right:0px;padding-left:0px;padding-right:4px;order:-1 !important}.f-switch .form-field>label{color:var(--kup_switch_label_color);font-family:var(--kup-font-family);margin-left:0px;margin-right:auto;padding-left:4px;padding-right:0px;order:0}.f-switch .form-field .switch{display:inline-block;position:relative;outline:none;user-select:none;margin:0 .75em}.f-switch .form-field .switch .switch__track{box-sizing:border-box;width:36px;height:14px;border:1px solid rgba(0,0,0,0);border-radius:7px;opacity:.38;transition:opacity 90ms cubic-bezier(0.4, 0, 0.2, 1),background-color 90ms cubic-bezier(0.4, 0, 0.2, 1),border-color 90ms cubic-bezier(0.4, 0, 0.2, 1)}.f-switch .form-field .switch .switch__thumb-underlay{border-radius:50%;display:flex;position:absolute;align-items:center;justify-content:center;transform:translateX(0);transition:transform 90ms cubic-bezier(0.4, 0, 0.2, 1),background-color 90ms cubic-bezier(0.4, 0, 0.2, 1),border-color 90ms cubic-bezier(0.4, 0, 0.2, 1);left:-14px;right:initial;top:-16px;width:48px;height:48px}.f-switch .form-field .switch .switch__thumb-underlay:hover{background-color:rgba(var(--kup_switch_primary_color_rgb), 0.125)}.f-switch .form-field .switch .switch__thumb-underlay .switch__thumb{box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12);box-sizing:border-box;width:20px;height:20px;border:10px solid;border-radius:50%;z-index:1;transition:transform 90ms cubic-bezier(0.4, 0, 0.2, 1),background-color 90ms cubic-bezier(0.4, 0, 0.2, 1),border-color 90ms cubic-bezier(0.4, 0, 0.2, 1)}.f-switch .form-field .switch .switch__thumb-underlay .switch__thumb .switch__native-control{left:0;right:initial;position:absolute;top:0;margin:0;opacity:0;cursor:pointer;transition:transform 90ms cubic-bezier(0.4, 0, 0.2, 1);width:64px;height:48px}.f-switch .form-field .switch:not(.switch--checked) .switch__track{background-color:var(--kup_switch_label_color)}.f-switch .form-field .switch:not(.switch--checked) .switch__thumb{background-color:var(--kup_switch_thumb_color);border-color:var(--kup_switch_thumb_color)}.f-switch .form-field .switch.switch--disabled{cursor:auto;opacity:.5;pointer-events:none}.f-switch .form-field .switch.switch--checked .switch__track{background-color:var(--kup_switch_primary_color);opacity:.54}.f-switch .form-field .switch.switch--checked .switch__thumb-underlay{transform:translateX(16px)}.f-switch .form-field .switch.switch--checked .switch__thumb{background-color:var(--kup_switch_primary_color);border-color:var(--kup_switch_primary_color)}.f-switch .form-field .switch.switch--checked .switch__thumb .switch__native-control{transform:translateX(-16px)}.f-switch.kup-danger{--kup-switch-primary-color:var(--kup-danger-color);--kup-switch-primary-color-rgb:var(--kup-danger-color-rgb)}.f-switch.kup-info{--kup-switch-primary-color:var(--kup-info-color);--kup-switch-primary-color-rgb:var(--kup-info-color-rgb)}.f-switch.kup-secondary{--kup-switch-primary-color:var(--kup-secondary-color);--kup-switch-primary-color-rgb:var(--kup-secondary-color-rgb)}.f-switch.kup-success{--kup-switch-primary-color:var(--kup-success-color);--kup-switch-primary-color-rgb:var(--kup-success-color-rgb)}.f-switch.kup-warning{--kup-switch-primary-color:var(--kup-warning-color);--kup-switch-primary-color-rgb:var(--kup-warning-color-rgb)}";
 
-const fTextFieldCss = ".mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));display:inline-flex;align-items:center;vertical-align:middle}.mdc-form-field>label{margin-left:0;margin-right:auto;padding-left:4px;padding-right:0;order:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{margin-left:auto;margin-right:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{padding-left:0;padding-right:4px}.mdc-form-field--nowrap>label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mdc-form-field--align-end>label{margin-left:auto;margin-right:0;padding-left:0;padding-right:4px;order:-1}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{margin-left:0;margin-right:auto}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{padding-left:4px;padding-right:0}.mdc-form-field--space-between{justify-content:space-between}.mdc-form-field--space-between>label{margin:0}[dir=rtl] .mdc-form-field--space-between>label,.mdc-form-field--space-between>label[dir=rtl]{margin:0}.mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.15rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1)}[dir=rtl] .mdc-floating-label,.mdc-floating-label[dir=rtl]{right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right}.mdc-floating-label--float-above{cursor:auto}.mdc-floating-label--required::after{margin-left:1px;margin-right:0px;content:\"*\"}[dir=rtl] .mdc-floating-label--required::after,.mdc-floating-label--required[dir=rtl]::after{margin-left:0;margin-right:1px}.mdc-floating-label--float-above{transform:translateY(-106%) scale(0.75)}.mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-standard 250ms 1}@keyframes mdc-floating-label-shake-float-above-standard{0%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}.mdc-line-ripple::before,.mdc-line-ripple::after{position:absolute;bottom:0;left:0;width:100%;border-bottom-style:solid;content:\"\"}.mdc-line-ripple::before{border-bottom-width:1px}.mdc-line-ripple::before{z-index:1}.mdc-line-ripple::after{transform:scaleX(0);border-bottom-width:2px;opacity:0;z-index:2}.mdc-line-ripple::after{transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-line-ripple--active::after{transform:scaleX(1);opacity:1}.mdc-line-ripple--deactivating::after{opacity:0}.mdc-notched-outline{display:flex;position:absolute;top:0;right:0;left:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;text-align:left;pointer-events:none}[dir=rtl] .mdc-notched-outline,.mdc-notched-outline[dir=rtl]{text-align:right}.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing{box-sizing:border-box;height:100%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.mdc-notched-outline__leading{border-left:1px solid;border-right:none;width:12px}[dir=rtl] .mdc-notched-outline__leading,.mdc-notched-outline__leading[dir=rtl]{border-left:none;border-right:1px solid}.mdc-notched-outline__trailing{border-left:none;border-right:1px solid;flex-grow:1}[dir=rtl] .mdc-notched-outline__trailing,.mdc-notched-outline__trailing[dir=rtl]{border-left:1px solid;border-right:none}.mdc-notched-outline__notch{flex:0 0 auto;width:auto;max-width:calc(100% - 12px * 2)}.mdc-notched-outline .mdc-floating-label{display:inline-block;position:relative;max-width:100%}.mdc-notched-outline .mdc-floating-label--float-above{text-overflow:clip}.mdc-notched-outline--upgraded .mdc-floating-label--float-above{max-width:133.3333333333%}.mdc-notched-outline--notched .mdc-notched-outline__notch{padding-left:0;padding-right:8px;border-top:none}[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl]{padding-left:8px;padding-right:0}.mdc-notched-outline--no-label .mdc-notched-outline__notch{display:none}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-text-field--filled{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-text-field--filled .mdc-text-field__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-text-field--filled .mdc-text-field__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-text-field__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-text-field{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:0;border-bottom-left-radius:0;display:inline-flex;align-items:baseline;padding:0 16px;position:relative;box-sizing:border-box;overflow:hidden;will-change:opacity,transform,color}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input{color:rgba(0, 0, 0, 0.87)}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.54)}}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.54)}}.mdc-text-field .mdc-text-field__input{caret-color:#6200ee;caret-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field .mdc-floating-label{top:50%;transform:translateY(-50%);pointer-events:none}.mdc-text-field__input{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);height:28px;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);width:100%;min-width:0;border:none;border-radius:0;background:none;appearance:none;padding:0}.mdc-text-field__input::-ms-clear{display:none}.mdc-text-field__input::-webkit-calendar-picker-indicator{display:none}.mdc-text-field__input:focus{outline:none}.mdc-text-field__input:invalid{box-shadow:none}@media all{.mdc-text-field__input::placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}}@media all{.mdc-text-field__input:-ms-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}}@media all{.mdc-text-field--no-label .mdc-text-field__input::placeholder,.mdc-text-field--focused .mdc-text-field__input::placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}}@media all{.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}}.mdc-text-field__affix{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);height:28px;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;white-space:nowrap}.mdc-text-field--label-floating .mdc-text-field__affix,.mdc-text-field--no-label .mdc-text-field__affix{opacity:1}@supports (-webkit-hyphens: none){.mdc-text-field--outlined .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}.mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field__affix--prefix,.mdc-text-field__affix--prefix[dir=rtl]{padding-left:2px;padding-right:0}.mdc-text-field--end-aligned .mdc-text-field__affix--prefix{padding-left:0;padding-right:12px}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl]{padding-left:12px;padding-right:0}.mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field__affix--suffix,.mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:12px}.mdc-text-field--end-aligned .mdc-text-field__affix--suffix{padding-left:2px;padding-right:0}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:2px}.mdc-text-field--filled{height:56px}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{background-color:rgba(0, 0, 0, 0.87);background-color:var(--mdc-ripple-color, rgba(0, 0, 0, 0.87))}.mdc-text-field--filled:hover .mdc-text-field__ripple::before,.mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before,.mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-text-field--filled::before{display:inline-block;width:0;height:40px;content:\"\";vertical-align:0}.mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:whitesmoke}.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.42)}.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--filled .mdc-line-ripple::after{border-bottom-color:#6200ee;border-bottom-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field--filled .mdc-floating-label{left:16px;right:initial}[dir=rtl] .mdc-text-field--filled .mdc-floating-label,.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:16px}.mdc-text-field--filled .mdc-floating-label--float-above{transform:translateY(-106%) scale(0.75)}.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{height:100%}.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label{display:none}.mdc-text-field--filled.mdc-text-field--no-label::before{display:none}@supports (-webkit-hyphens: none){.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}.mdc-text-field--outlined{height:56px;overflow:visible}.mdc-text-field--outlined .mdc-floating-label--float-above{transform:translateY(-37.25px) scale(1)}.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:.75rem}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-34.75px) scale(0.75)}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--outlined .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-text-field-outlined 250ms 1}@keyframes mdc-floating-label-shake-float-above-text-field-outlined{0%{transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}}.mdc-text-field--outlined .mdc-text-field__input{height:100%}.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.38)}.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px)}[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl]{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0}@supports (top: max(0%)){.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{width:max(12px, var(--mdc-shape-small, 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch{max-width:calc(100% - max(12px, var(--mdc-shape-small, 4px))*2)}}.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0}[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl]{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px)}@supports (top: max(0%)){.mdc-text-field--outlined{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined{padding-right:max(16px, var(--mdc-shape-small, 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-right:max(16px, var(--mdc-shape-small, 4px))}}.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-left:0}@supports (top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-right:max(16px, var(--mdc-shape-small, 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-right:0}@supports (top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:max(16px, var(--mdc-shape-small, 4px))}}.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-right:0}@supports (top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0}@supports (top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-right:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:1px}.mdc-text-field--outlined .mdc-text-field__ripple::before,.mdc-text-field--outlined .mdc-text-field__ripple::after{background-color:transparent;background-color:var(--mdc-ripple-color, transparent)}.mdc-text-field--outlined .mdc-floating-label{left:4px;right:initial}[dir=rtl] .mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:4px}.mdc-text-field--outlined .mdc-text-field__input{display:flex;border:none !important;background-color:rgba(0,0,0,0)}.mdc-text-field--outlined .mdc-notched-outline{z-index:1}.mdc-text-field--textarea{flex-direction:column;align-items:center;width:auto;height:auto;padding:0;transition:none}.mdc-text-field--textarea .mdc-floating-label{top:19px}.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above){transform:none}.mdc-text-field--textarea .mdc-text-field__input{flex-grow:1;height:auto;min-height:1.5rem;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;resize:none;padding:0 16px;line-height:1.5rem}.mdc-text-field--textarea.mdc-text-field--filled::before{display:none}.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above{transform:translateY(-10.25px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-textarea-filled 250ms 1}@keyframes mdc-floating-label-shake-float-above-textarea-filled{0%{transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}}.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input{margin-top:23px;margin-bottom:9px}.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{transform:translateY(-27.25px) scale(1)}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:.75rem}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-24.75px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-textarea-outlined 250ms 1}@keyframes mdc-floating-label-shake-float-above-textarea-outlined{0%{transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label{top:18px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input{margin-bottom:2px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter{align-self:flex-end;padding:0 16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after{display:inline-block;width:0;height:16px;content:\"\";vertical-align:-16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before{display:none}.mdc-text-field__resizer{align-self:stretch;display:inline-flex;flex-direction:column;flex-grow:1;max-height:100%;max-width:100%;min-height:56px;min-width:fit-content;min-width:-moz-available;min-width:-webkit-fill-available;overflow:hidden;resize:both}.mdc-text-field--filled .mdc-text-field__resizer{transform:translateY(-1px)}.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter{transform:translateY(1px)}.mdc-text-field--outlined .mdc-text-field__resizer{transform:translateX(-1px) translateY(-1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer,.mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl]{transform:translateX(1px) translateY(-1px)}.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter{transform:translateX(1px) translateY(1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl],.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl]{transform:translateX(-1px) translateY(1px)}.mdc-text-field--with-leading-icon{padding-left:0;padding-right:16px}[dir=rtl] .mdc-text-field--with-leading-icon,.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:16px;padding-right:0}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 48px);left:48px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:48px}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label{left:36px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:36px}.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{transform:translateY(-37.25px) translateX(-32px) scale(1)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl]{transform:translateY(-37.25px) translateX(32px) scale(1)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:.75rem}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-34.75px) translateX(-32px) scale(0.75)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl]{transform:translateY(-34.75px) translateX(32px) scale(0.75)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon{0%{transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)}100%{transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake,.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl{0%{transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)}100%{transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}}.mdc-text-field--with-trailing-icon{padding-left:16px;padding-right:0}[dir=rtl] .mdc-text-field--with-trailing-icon,.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0;padding-right:16px}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 64px)}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 96px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 96px / 0.75)}.mdc-text-field-helper-line{display:flex;justify-content:space-between;box-sizing:border-box}.mdc-text-field+.mdc-text-field-helper-line{padding-right:16px;padding-left:16px}.mdc-form-field>.mdc-text-field+label{align-self:flex-start}.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(98, 0, 238, 0.87)}.mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--focused .mdc-notched-outline__trailing{border-width:2px}.mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg){opacity:1}.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:2px}.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid .mdc-text-field__input{caret-color:#b00020;caret-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{opacity:1}.mdc-text-field--disabled{pointer-events:none}.mdc-text-field--disabled .mdc-text-field__input{color:rgba(0, 0, 0, 0.38)}@media all{.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.38)}}@media all{.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}}.mdc-text-field--disabled .mdc-floating-label{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.06)}.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.06)}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-floating-label{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--leading{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:GrayText}}@media screen and (forced-colors: active){.mdc-text-field--disabled .mdc-text-field__input{background-color:Window}.mdc-text-field--disabled .mdc-floating-label{z-index:1}}.mdc-text-field--disabled .mdc-floating-label{cursor:default}.mdc-text-field--disabled.mdc-text-field--filled{background-color:#fafafa}.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple{display:none}.mdc-text-field--disabled .mdc-text-field__input{pointer-events:auto}.mdc-text-field--end-aligned .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl]{text-align:left}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix{direction:ltr}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading{order:1}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{order:2}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input{order:3}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{order:4}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing{order:5}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix{padding-right:12px}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix{padding-left:2px}.mdc-text-field-helper-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin:0;opacity:0;will-change:opacity;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-text-field-helper-text::before{display:inline-block;width:0;height:16px;content:\"\";vertical-align:0}.mdc-text-field-helper-text--persistent{transition:none;opacity:1;will-change:initial}.mdc-text-field-character-counter{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-left:auto;margin-right:0;padding-left:16px;padding-right:0;white-space:nowrap}.mdc-text-field-character-counter::before{display:inline-block;width:0;height:16px;content:\"\";vertical-align:0}[dir=rtl] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir=rtl]{margin-left:0;margin-right:auto}[dir=rtl] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir=rtl]{padding-left:0;padding-right:16px}.mdc-text-field__icon{align-self:center;cursor:pointer}.mdc-text-field__icon:not([tabindex]),.mdc-text-field__icon[tabindex=\"-1\"]{cursor:default;pointer-events:none}.mdc-text-field__icon svg{display:block}.mdc-text-field__icon--leading{margin-left:16px;margin-right:8px}[dir=rtl] .mdc-text-field__icon--leading,.mdc-text-field__icon--leading[dir=rtl]{margin-left:8px;margin-right:16px}.mdc-text-field__icon--trailing{padding:12px;margin-left:0px;margin-right:0px}[dir=rtl] .mdc-text-field__icon--trailing,.mdc-text-field__icon--trailing[dir=rtl]{margin-left:0px;margin-right:0px}.mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.15rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1)}[dir=rtl] .mdc-floating-label,.mdc-floating-label[dir=rtl]{right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right}.mdc-floating-label--float-above{cursor:auto}.mdc-floating-label--required::after{margin-left:1px;margin-right:0px;content:\"*\"}[dir=rtl] .mdc-floating-label--required::after,.mdc-floating-label--required[dir=rtl]::after{margin-left:0;margin-right:1px}.mdc-floating-label--float-above{transform:translateY(-106%) scale(0.75)}.mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-standard 250ms 1}@keyframes mdc-floating-label-shake-float-above-standard{0%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}.mdc-line-ripple::before,.mdc-line-ripple::after{position:absolute;bottom:0;left:0;width:100%;border-bottom-style:solid;content:\"\"}.mdc-line-ripple::before{border-bottom-width:1px}.mdc-line-ripple::before{z-index:1}.mdc-line-ripple::after{transform:scaleX(0);border-bottom-width:2px;opacity:0;z-index:2}.mdc-line-ripple::after{transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-line-ripple--active::after{transform:scaleX(1);opacity:1}.mdc-line-ripple--deactivating::after{opacity:0}.mdc-notched-outline{display:flex;position:absolute;top:0;right:0;left:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;text-align:left;pointer-events:none}[dir=rtl] .mdc-notched-outline,.mdc-notched-outline[dir=rtl]{text-align:right}.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing{box-sizing:border-box;height:100%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.mdc-notched-outline__leading{border-left:1px solid;border-right:none;width:12px}[dir=rtl] .mdc-notched-outline__leading,.mdc-notched-outline__leading[dir=rtl]{border-left:none;border-right:1px solid}.mdc-notched-outline__trailing{border-left:none;border-right:1px solid;flex-grow:1}[dir=rtl] .mdc-notched-outline__trailing,.mdc-notched-outline__trailing[dir=rtl]{border-left:1px solid;border-right:none}.mdc-notched-outline__notch{flex:0 0 auto;width:auto;max-width:calc(100% - 12px * 2)}.mdc-notched-outline .mdc-floating-label{display:inline-block;position:relative;max-width:100%}.mdc-notched-outline .mdc-floating-label--float-above{text-overflow:clip}.mdc-notched-outline--upgraded .mdc-floating-label--float-above{max-width:133.3333333333%}.mdc-notched-outline--notched .mdc-notched-outline__notch{padding-left:0;padding-right:8px;border-top:none}[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl]{padding-left:8px;padding-right:0}.mdc-notched-outline--no-label .mdc-notched-outline__notch{display:none}#kup-component .f-text-field{--kup_textfield_background_color_rgb:var( --kup-textfield-background-color-rgb, var(--kup-background-color-rgb) );--kup_textfield_color:var(--kup-textfield-color, var(--kup-text-color));--kup_textfield_color_rgb:var( --kup-textfield-color-rgb, var(--kup-text-color-rgb) );--kup_textfield_font_family:var( --kup-textfield-font-family, var(--kup-font-family) );--kup_textfield_font_size:var(--kup-textfield-font-size, 1em);--kup_textfield_font_weight:var(--kup-textfield-font-weight, 400);--kup_textfield_fullwidth_height:var( --kup-textfield-fullwidth-height, 40px );--kup_textfield_fullwidth_padding:var( --kup-textfield-fullwidth-padding, 16px );--kup_textfield_icon_color:var( --kup-textfield-icon-color, var(--kup-icon-color) );--kup_textfield_primary_color:var( --kup-textfield-primary-color, var(--kup-primary-color) );--kup_textfield_primary_color_rgb:var( --kup-textfield-primary-color-rgb, var(--kup-primary-color-rgb) );--kup_textfield_text_align:var(--kup-textfield-text-align, start);--kup_textfield_width:var(--kup-textfield-width, 100%);--mdc-theme-primary:var(--kup_textfield_primary_color);font-family:var(--kup_textfield_font_family);font-size:var(--kup_textfield_font_size)}#kup-component .f-text-field .mdc-form-field label{color:var(--kup_textfield_color);margin:auto}#kup-component .f-text-field .mdc-form-field .mdc-text-field__input{box-sizing:border-box;font-family:var(--kup_textfield_font_family);padding:6px 0px}#kup-component .f-text-field .mdc-text-field{width:var(--kup_textfield_width)}#kup-component .f-text-field .mdc-text-field .kup-icon{background-color:var(--kup_textfield_icon_color);cursor:pointer;height:24px;outline:none;padding:0 7px;pointer-events:all;width:24px}#kup-component .f-text-field .mdc-text-field .kup-icon.kup-clear-icon:hover{background-color:var(--kup-danger-color)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--disabled .kup-icon{pointer-events:none}#kup-component .f-text-field .mdc-text-field input,#kup-component .f-text-field .mdc-text-field label{font-family:var(--kup_textfield_font_family);font-size:1em;font-weight:var(--kup_textfield_font_weight)}#kup-component .f-text-field .mdc-text-field input{text-align:var(--kup_textfield_text_align)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:before,#kup-component .f-text-field .mdc-text-field.mdc-text-field--fullwidth:not(.mdc-text-field--disabled) .mdc-line-ripple:before{border-bottom-color:rgba(var(--kup_textfield_color_rgb), 0.325)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:before:hover,#kup-component .f-text-field .mdc-text-field.mdc-text-field--fullwidth:not(.mdc-text-field--disabled) .mdc-line-ripple:before:hover{border-bottom-color:rgba(var(--kup_textfield_color_rgb), 0.575)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:before.mdc-line-ripple--active,#kup-component .f-text-field .mdc-text-field.mdc-text-field--fullwidth:not(.mdc-text-field--disabled) .mdc-line-ripple:before.mdc-line-ripple--active{border-bottom-color:var(--kup_textfield_primary_color)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--with-leading-icon .mdc-floating-label{left:36px}#kup-component .f-text-field .mdc-text-field .mdc-text-field__icon.kup-clear-icon{right:0px;left:initial;position:absolute;top:50%;transform:translateY(-50%)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--with-trailing-icon input~.kup-clear-icon{right:26px}#kup-component .f-text-field .mdc-text-field.is-clearable .mdc-text-field__input{padding-right:48px}#kup-component .f-text-field .mdc-text-field.mdc-text-field--with-trailing-icon.is-clearable .mdc-text-field__input{padding-right:72px}#kup-component .f-text-field .mdc-text-field.mdc-text-field--fullwidth.mdc-text-field--focused{color:var(--kup_textfield_primary_color)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--fullwidth{width:100%}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--with-leading-icon label:not(.mdc-floating-label--float-above){left:20px}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline__leading,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline__notch,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline__trailing{border-color:rgba(var(--kup_textfield_color_rgb), 0.575);border-bottom-style:inset}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:hover .mdc-notched-outline__leading,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:hover .mdc-notched-outline__notch,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:hover .mdc-notched-outline__trailing,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--kup_textfield_primary_color)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:rgba(var(--kup_textfield_color_rgb), 0.325)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled{color:rgba(var(--kup_textfield_color_rgb), 0.5);-webkit-text-fill-color:rgba(var(--kup_textfield_color_rgb), 0.5);opacity:1}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input{color:rgba(var(--kup_textfield_color_rgb), 0.5)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled label{color:rgba(var(--kup_textfield_color_rgb), 0.5)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--textarea .mdc-floating-label--float-above{transform:translateY(-160%) scale(0.75)}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea){height:40px}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input{height:100%}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-floating-label{display:none}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea)::before{display:none}@supports (-webkit-hyphens: none){#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) label.mdc-floating-label{display:block}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea){height:40px;transition:border-color .25s}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea) .mdc-floating-label--float-above{transform:translateY(-29.25px) scale(1)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea) .mdc-floating-label--float-above{font-size:.75rem}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea).mdc-notched-outline--upgraded .mdc-floating-label--float-above,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea) .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-26.75px) scale(0.75)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea).mdc-notched-outline--upgraded .mdc-floating-label--float-above,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea) .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea) .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-text-field-outlined-40px 250ms 1}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-40px{0%{transform:translateX(calc(0 - 0%)) translateY(-26.75px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-26.75px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-26.75px) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-26.75px) scale(0.75)}}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea) label.mdc-floating-label{display:block}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea) label.mdc-floating-label.mdc-floating-label--float-above{overflow:visible}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea).mdc-text-field--with-leading-icon .mdc-floating-label--float-above{transform:translateY(-26px) scale(0.75) translateX(-42px)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled.mdc-text-field--with-leading-icon label,#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled.mdc-text-field--with-leading-icon input{left:34px}#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled .mdc-floating-label--float-above{transform:translateY(-111%) scale(0.75)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled:not(.mdc-text-field--no-label) input{box-sizing:border-box;padding-top:9px}#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:rgba(var(--kup_textfield_background_color_rgb), 0.125)}#kup-component .f-text-field .mdc-text-field .mdc-notched-outline{opacity:1}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:var(--kup_textfield_color)}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{opacity:.7}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--textarea .mdc-text-field-character-counter{position:absolute;bottom:9px;right:15px}#kup-component .f-text-field .mdc-text-field.mdc-text-field--disabled:not(.mdc-text-field--outlined){background:var(--kup-disabled-background-color);color:var(--kup-disabled-color);-webkit-text-fill-color:var(--kup-disabled-color);opacity:1}#kup-component .f-text-field .mdc-text-field.mdc-text-field--disabled:not(.mdc-text-field--outlined) .mdc-text-field__input{color:var(--kup-disabled-color);background:var(--kup-disabled-background-color)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--disabled:not(.mdc-text-field--outlined) label{color:var(--kup-disabled-color);background:var(--kup-disabled-background-color)}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--focused)+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--persistent){opacity:0}#kup-component .f-text-field .mdc-text-field.mdc-text-field--focused:not(.mdc-text-field-disabled) .mdc-floating-label--float-above{color:var(--kup_textfield_primary_color);opacity:1}#kup-component .f-text-field div.mdc-text-field-helper-text{font-family:var(--kup_textfield_font_family);font-size:.75em}#kup-component .f-text-field.kup-full-height{height:100%}#kup-component .f-text-field.kup-full-height .mdc-text-field{height:100%;overflow-y:hidden}#kup-component .f-text-field.kup-full-height .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea){height:100%}#kup-component .f-text-field.kup-full-height .mdc-text-field .mdc-text-field__input{height:100%}#kup-component .f-text-field.kup-full-width{width:100%}#kup-component .f-text-field.kup-full-width .mdc-text-field{height:var(--kup_textfield_fullwidth_height) !important;padding:0 var(--kup_textfield_fullwidth_padding)}#kup-component .f-text-field.kup-full-width .mdc-text-field.mdc-text-field--with-leading-icon{padding-left:0}#kup-component .f-text-field.kup-full-width .mdc-text-field.mdc-text-field--with-trailing-icon input~.kup-clear-icon{right:40px}#kup-component .f-text-field.kup-shaped .mdc-text-field.mdc-text-field--filled{border-radius:16px 16px 0 0}#kup-component .f-text-field.kup-shaped .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{border-radius:28px 0 0 28px;width:28px}#kup-component .f-text-field.kup-shaped .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-radius:0 28px 28px 0;width:28px}#kup-component .f-text-field.kup-danger{--kup-textfield-primary-color:var(--kup-danger-color);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}#kup-component .f-text-field.kup-info{--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}#kup-component .f-text-field.kup-secondary{--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}#kup-component .f-text-field.kup-success{--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}#kup-component .f-text-field.kup-warning{--kup-textfield-primary-color:var(--kup-warning-color);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}#kup-component .f-text-field .kup-icon.kup-clear-icon{-webkit-mask:var(--kup-clear-icon);mask:var(--kup-clear-icon)}#kup-component .f-text-field .kup-icon.kup-search-icon{-webkit-mask:var(--kup-search-icon);mask:var(--kup-search-icon)}";
+const fTextFieldCss = ".mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));display:inline-flex;align-items:center;vertical-align:middle}.mdc-form-field>label{margin-left:0;margin-right:auto;padding-left:4px;padding-right:0;order:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{margin-left:auto;margin-right:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{padding-left:0;padding-right:4px}.mdc-form-field--nowrap>label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mdc-form-field--align-end>label{margin-left:auto;margin-right:0;padding-left:0;padding-right:4px;order:-1}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{margin-left:0;margin-right:auto}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{padding-left:4px;padding-right:0}.mdc-form-field--space-between{justify-content:space-between}.mdc-form-field--space-between>label{margin:0}[dir=rtl] .mdc-form-field--space-between>label,.mdc-form-field--space-between>label[dir=rtl]{margin:0}.mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.15rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1)}[dir=rtl] .mdc-floating-label,.mdc-floating-label[dir=rtl]{right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right}.mdc-floating-label--float-above{cursor:auto}.mdc-floating-label--required::after{margin-left:1px;margin-right:0px;content:\"*\"}[dir=rtl] .mdc-floating-label--required::after,.mdc-floating-label--required[dir=rtl]::after{margin-left:0;margin-right:1px}.mdc-floating-label--float-above{transform:translateY(-106%) scale(0.75)}.mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-standard 250ms 1}@keyframes mdc-floating-label-shake-float-above-standard{0%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}.mdc-line-ripple::before,.mdc-line-ripple::after{position:absolute;bottom:0;left:0;width:100%;border-bottom-style:solid;content:\"\"}.mdc-line-ripple::before{border-bottom-width:1px}.mdc-line-ripple::before{z-index:1}.mdc-line-ripple::after{transform:scaleX(0);border-bottom-width:2px;opacity:0;z-index:2}.mdc-line-ripple::after{transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-line-ripple--active::after{transform:scaleX(1);opacity:1}.mdc-line-ripple--deactivating::after{opacity:0}.mdc-notched-outline{display:flex;position:absolute;top:0;right:0;left:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;text-align:left;pointer-events:none}[dir=rtl] .mdc-notched-outline,.mdc-notched-outline[dir=rtl]{text-align:right}.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing{box-sizing:border-box;height:100%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.mdc-notched-outline__leading{border-left:1px solid;border-right:none;width:12px}[dir=rtl] .mdc-notched-outline__leading,.mdc-notched-outline__leading[dir=rtl]{border-left:none;border-right:1px solid}.mdc-notched-outline__trailing{border-left:none;border-right:1px solid;flex-grow:1}[dir=rtl] .mdc-notched-outline__trailing,.mdc-notched-outline__trailing[dir=rtl]{border-left:1px solid;border-right:none}.mdc-notched-outline__notch{flex:0 0 auto;width:auto;max-width:calc(100% - 12px * 2)}.mdc-notched-outline .mdc-floating-label{display:inline-block;position:relative;max-width:100%}.mdc-notched-outline .mdc-floating-label--float-above{text-overflow:clip}.mdc-notched-outline--upgraded .mdc-floating-label--float-above{max-width:133.3333333333%}.mdc-notched-outline--notched .mdc-notched-outline__notch{padding-left:0;padding-right:8px;border-top:none}[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl]{padding-left:8px;padding-right:0}.mdc-notched-outline--no-label .mdc-notched-outline__notch{display:none}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-text-field--filled{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-text-field--filled .mdc-text-field__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-text-field--filled .mdc-text-field__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-text-field__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-text-field{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:0;border-bottom-left-radius:0;display:inline-flex;align-items:baseline;padding:0 16px;position:relative;box-sizing:border-box;overflow:hidden;will-change:opacity,transform,color}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input{color:rgba(0, 0, 0, 0.87)}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.54)}}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.54)}}.mdc-text-field .mdc-text-field__input{caret-color:#6200ee;caret-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field .mdc-floating-label{top:50%;transform:translateY(-50%);pointer-events:none}.mdc-text-field__input{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);height:28px;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);width:100%;min-width:0;border:none;border-radius:0;background:none;appearance:none;padding:0}.mdc-text-field__input::-ms-clear{display:none}.mdc-text-field__input::-webkit-calendar-picker-indicator{display:none}.mdc-text-field__input:focus{outline:none}.mdc-text-field__input:invalid{box-shadow:none}@media all{.mdc-text-field__input::placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}}@media all{.mdc-text-field__input:-ms-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}}@media all{.mdc-text-field--no-label .mdc-text-field__input::placeholder,.mdc-text-field--focused .mdc-text-field__input::placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}}@media all{.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}}.mdc-text-field__affix{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);height:28px;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;white-space:nowrap}.mdc-text-field--label-floating .mdc-text-field__affix,.mdc-text-field--no-label .mdc-text-field__affix{opacity:1}@supports (-webkit-hyphens: none){.mdc-text-field--outlined .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}.mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field__affix--prefix,.mdc-text-field__affix--prefix[dir=rtl]{padding-left:2px;padding-right:0}.mdc-text-field--end-aligned .mdc-text-field__affix--prefix{padding-left:0;padding-right:12px}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl]{padding-left:12px;padding-right:0}.mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field__affix--suffix,.mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:12px}.mdc-text-field--end-aligned .mdc-text-field__affix--suffix{padding-left:2px;padding-right:0}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:2px}.mdc-text-field--filled{height:56px}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{background-color:rgba(0, 0, 0, 0.87);background-color:var(--mdc-ripple-color, rgba(0, 0, 0, 0.87))}.mdc-text-field--filled:hover .mdc-text-field__ripple::before,.mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before,.mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-text-field--filled::before{display:inline-block;width:0;height:40px;content:\"\";vertical-align:0}.mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:whitesmoke}.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.42)}.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--filled .mdc-line-ripple::after{border-bottom-color:#6200ee;border-bottom-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field--filled .mdc-floating-label{left:16px;right:initial}[dir=rtl] .mdc-text-field--filled .mdc-floating-label,.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:16px}.mdc-text-field--filled .mdc-floating-label--float-above{transform:translateY(-106%) scale(0.75)}.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{height:100%}.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label{display:none}.mdc-text-field--filled.mdc-text-field--no-label::before{display:none}@supports (-webkit-hyphens: none){.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}.mdc-text-field--outlined{height:56px;overflow:visible}.mdc-text-field--outlined .mdc-floating-label--float-above{transform:translateY(-37.25px) scale(1)}.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:.75rem}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-34.75px) scale(0.75)}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--outlined .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-text-field-outlined 250ms 1}@keyframes mdc-floating-label-shake-float-above-text-field-outlined{0%{transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}}.mdc-text-field--outlined .mdc-text-field__input{height:100%}.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.38)}.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px)}[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl]{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0}@supports (top: max(0%)){.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{width:max(12px, var(--mdc-shape-small, 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch{max-width:calc(100% - max(12px, var(--mdc-shape-small, 4px))*2)}}.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0}[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl]{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px)}@supports (top: max(0%)){.mdc-text-field--outlined{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined{padding-right:max(16px, var(--mdc-shape-small, 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-right:max(16px, var(--mdc-shape-small, 4px))}}.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-left:0}@supports (top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-right:max(16px, var(--mdc-shape-small, 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-right:0}@supports (top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:max(16px, var(--mdc-shape-small, 4px))}}.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-right:0}@supports (top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0}@supports (top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-right:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:1px}.mdc-text-field--outlined .mdc-text-field__ripple::before,.mdc-text-field--outlined .mdc-text-field__ripple::after{background-color:transparent;background-color:var(--mdc-ripple-color, transparent)}.mdc-text-field--outlined .mdc-floating-label{left:4px;right:initial}[dir=rtl] .mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:4px}.mdc-text-field--outlined .mdc-text-field__input{display:flex;border:none !important;background-color:rgba(0,0,0,0)}.mdc-text-field--outlined .mdc-notched-outline{z-index:1}.mdc-text-field--textarea{flex-direction:column;align-items:center;width:auto;height:auto;padding:0;transition:none}.mdc-text-field--textarea .mdc-floating-label{top:19px}.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above){transform:none}.mdc-text-field--textarea .mdc-text-field__input{flex-grow:1;height:auto;min-height:1.5rem;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;resize:none;padding:0 16px;line-height:1.5rem}.mdc-text-field--textarea.mdc-text-field--filled::before{display:none}.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above{transform:translateY(-10.25px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-textarea-filled 250ms 1}@keyframes mdc-floating-label-shake-float-above-textarea-filled{0%{transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}}.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input{margin-top:23px;margin-bottom:9px}.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{transform:translateY(-27.25px) scale(1)}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:.75rem}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-24.75px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-textarea-outlined 250ms 1}@keyframes mdc-floating-label-shake-float-above-textarea-outlined{0%{transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label{top:18px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input{margin-bottom:2px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter{align-self:flex-end;padding:0 16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after{display:inline-block;width:0;height:16px;content:\"\";vertical-align:-16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before{display:none}.mdc-text-field__resizer{align-self:stretch;display:inline-flex;flex-direction:column;flex-grow:1;max-height:100%;max-width:100%;min-height:56px;min-width:fit-content;min-width:-moz-available;min-width:-webkit-fill-available;overflow:hidden;resize:both}.mdc-text-field--filled .mdc-text-field__resizer{transform:translateY(-1px)}.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter{transform:translateY(1px)}.mdc-text-field--outlined .mdc-text-field__resizer{transform:translateX(-1px) translateY(-1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer,.mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl]{transform:translateX(1px) translateY(-1px)}.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter{transform:translateX(1px) translateY(1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl],.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl]{transform:translateX(-1px) translateY(1px)}.mdc-text-field--with-leading-icon{padding-left:0;padding-right:16px}[dir=rtl] .mdc-text-field--with-leading-icon,.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:16px;padding-right:0}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 48px);left:48px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:48px}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label{left:36px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:36px}.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{transform:translateY(-37.25px) translateX(-32px) scale(1)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl]{transform:translateY(-37.25px) translateX(32px) scale(1)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:.75rem}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-34.75px) translateX(-32px) scale(0.75)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl]{transform:translateY(-34.75px) translateX(32px) scale(0.75)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon{0%{transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)}100%{transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake,.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl{0%{transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)}100%{transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}}.mdc-text-field--with-trailing-icon{padding-left:16px;padding-right:0}[dir=rtl] .mdc-text-field--with-trailing-icon,.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0;padding-right:16px}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 64px)}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 96px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 96px / 0.75)}.mdc-text-field-helper-line{display:flex;justify-content:space-between;box-sizing:border-box}.mdc-text-field+.mdc-text-field-helper-line{padding-right:16px;padding-left:16px}.mdc-form-field>.mdc-text-field+label{align-self:flex-start}.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(98, 0, 238, 0.87)}.mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--focused .mdc-notched-outline__trailing{border-width:2px}.mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg){opacity:1}.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:2px}.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid .mdc-text-field__input{caret-color:#b00020;caret-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{opacity:1}.mdc-text-field--disabled{pointer-events:none}.mdc-text-field--disabled .mdc-text-field__input{color:rgba(0, 0, 0, 0.38)}@media all{.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.38)}}@media all{.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}}.mdc-text-field--disabled .mdc-floating-label{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.06)}.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.06)}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:GrayText}.mdc-text-field--disabled .mdc-floating-label{color:GrayText}.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:GrayText}.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:GrayText}.mdc-text-field--disabled .mdc-text-field__icon--leading{color:GrayText}.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:GrayText}.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:GrayText}.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:GrayText}.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:GrayText}.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:GrayText}}@media screen and (forced-colors: active){.mdc-text-field--disabled .mdc-text-field__input{background-color:Window}.mdc-text-field--disabled .mdc-floating-label{z-index:1}}.mdc-text-field--disabled .mdc-floating-label{cursor:default}.mdc-text-field--disabled.mdc-text-field--filled{background-color:#fafafa}.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple{display:none}.mdc-text-field--disabled .mdc-text-field__input{pointer-events:auto}.mdc-text-field--end-aligned .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl]{text-align:left}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix{direction:ltr}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading{order:1}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{order:2}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input{order:3}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{order:4}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing{order:5}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix{padding-right:12px}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix{padding-left:2px}.mdc-text-field-helper-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin:0;opacity:0;will-change:opacity;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-text-field-helper-text::before{display:inline-block;width:0;height:16px;content:\"\";vertical-align:0}.mdc-text-field-helper-text--persistent{transition:none;opacity:1;will-change:initial}.mdc-text-field-character-counter{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-left:auto;margin-right:0;padding-left:16px;padding-right:0;white-space:nowrap}.mdc-text-field-character-counter::before{display:inline-block;width:0;height:16px;content:\"\";vertical-align:0}[dir=rtl] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir=rtl]{margin-left:0;margin-right:auto}[dir=rtl] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir=rtl]{padding-left:0;padding-right:16px}.mdc-text-field__icon{align-self:center;cursor:pointer}.mdc-text-field__icon:not([tabindex]),.mdc-text-field__icon[tabindex=\"-1\"]{cursor:default;pointer-events:none}.mdc-text-field__icon svg{display:block}.mdc-text-field__icon--leading{margin-left:16px;margin-right:8px}[dir=rtl] .mdc-text-field__icon--leading,.mdc-text-field__icon--leading[dir=rtl]{margin-left:8px;margin-right:16px}.mdc-text-field__icon--trailing{padding:12px;margin-left:0px;margin-right:0px}[dir=rtl] .mdc-text-field__icon--trailing,.mdc-text-field__icon--trailing[dir=rtl]{margin-left:0px;margin-right:0px}.mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.15rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1)}[dir=rtl] .mdc-floating-label,.mdc-floating-label[dir=rtl]{right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right}.mdc-floating-label--float-above{cursor:auto}.mdc-floating-label--required::after{margin-left:1px;margin-right:0px;content:\"*\"}[dir=rtl] .mdc-floating-label--required::after,.mdc-floating-label--required[dir=rtl]::after{margin-left:0;margin-right:1px}.mdc-floating-label--float-above{transform:translateY(-106%) scale(0.75)}.mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-standard 250ms 1}@keyframes mdc-floating-label-shake-float-above-standard{0%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}.mdc-line-ripple::before,.mdc-line-ripple::after{position:absolute;bottom:0;left:0;width:100%;border-bottom-style:solid;content:\"\"}.mdc-line-ripple::before{border-bottom-width:1px}.mdc-line-ripple::before{z-index:1}.mdc-line-ripple::after{transform:scaleX(0);border-bottom-width:2px;opacity:0;z-index:2}.mdc-line-ripple::after{transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-line-ripple--active::after{transform:scaleX(1);opacity:1}.mdc-line-ripple--deactivating::after{opacity:0}.mdc-notched-outline{display:flex;position:absolute;top:0;right:0;left:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;text-align:left;pointer-events:none}[dir=rtl] .mdc-notched-outline,.mdc-notched-outline[dir=rtl]{text-align:right}.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing{box-sizing:border-box;height:100%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.mdc-notched-outline__leading{border-left:1px solid;border-right:none;width:12px}[dir=rtl] .mdc-notched-outline__leading,.mdc-notched-outline__leading[dir=rtl]{border-left:none;border-right:1px solid}.mdc-notched-outline__trailing{border-left:none;border-right:1px solid;flex-grow:1}[dir=rtl] .mdc-notched-outline__trailing,.mdc-notched-outline__trailing[dir=rtl]{border-left:1px solid;border-right:none}.mdc-notched-outline__notch{flex:0 0 auto;width:auto;max-width:calc(100% - 12px * 2)}.mdc-notched-outline .mdc-floating-label{display:inline-block;position:relative;max-width:100%}.mdc-notched-outline .mdc-floating-label--float-above{text-overflow:clip}.mdc-notched-outline--upgraded .mdc-floating-label--float-above{max-width:133.3333333333%}.mdc-notched-outline--notched .mdc-notched-outline__notch{padding-left:0;padding-right:8px;border-top:none}[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl]{padding-left:8px;padding-right:0}.mdc-notched-outline--no-label .mdc-notched-outline__notch{display:none}#kup-component .f-text-field{--kup_textfield_background_color_rgb:var( --kup-textfield-background-color-rgb, var(--kup-background-color-rgb) );--kup_textfield_color:var(--kup-textfield-color, var(--kup-text-color));--kup_textfield_color_rgb:var( --kup-textfield-color-rgb, var(--kup-text-color-rgb) );--kup_textfield_font_family:var( --kup-textfield-font-family, var(--kup-font-family) );--kup_textfield_font_size:var(--kup-textfield-font-size, 1em);--kup_textfield_font_weight:var(--kup-textfield-font-weight, 400);--kup_textfield_fullwidth_height:var( --kup-textfield-fullwidth-height, 40px );--kup_textfield_fullwidth_padding:var( --kup-textfield-fullwidth-padding, 16px );--kup_textfield_icon_color:var( --kup-textfield-icon-color, var(--kup-icon-color) );--kup_textfield_primary_color:var( --kup-textfield-primary-color, var(--kup-primary-color) );--kup_textfield_primary_color_rgb:var( --kup-textfield-primary-color-rgb, var(--kup-primary-color-rgb) );--kup_textfield_text_align:var(--kup-textfield-text-align, start);--kup_textfield_width:var(--kup-textfield-width, 100%);--mdc-theme-primary:var(--kup_textfield_primary_color);font-family:var(--kup_textfield_font_family);font-size:var(--kup_textfield_font_size)}#kup-component .f-text-field .mdc-form-field label{color:var(--kup_textfield_color);margin:auto}#kup-component .f-text-field .mdc-form-field .mdc-text-field__input{box-sizing:border-box;font-family:var(--kup_textfield_font_family);padding:6px 0px}#kup-component .f-text-field .mdc-text-field{width:var(--kup_textfield_width)}#kup-component .f-text-field .mdc-text-field .kup-icon{background-color:var(--kup_textfield_icon_color);cursor:pointer;height:24px;outline:none;padding:0 7px;pointer-events:all;width:24px}#kup-component .f-text-field .mdc-text-field .kup-icon.kup-clear-icon:hover{background-color:var(--kup-danger-color)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--disabled .kup-icon{pointer-events:none}#kup-component .f-text-field .mdc-text-field input,#kup-component .f-text-field .mdc-text-field label{font-family:var(--kup_textfield_font_family);font-size:1em;font-weight:var(--kup_textfield_font_weight)}#kup-component .f-text-field .mdc-text-field input{text-align:var(--kup_textfield_text_align)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:before,#kup-component .f-text-field .mdc-text-field.mdc-text-field--fullwidth:not(.mdc-text-field--disabled) .mdc-line-ripple:before{border-bottom-color:rgba(var(--kup_textfield_color_rgb), 0.325)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:before:hover,#kup-component .f-text-field .mdc-text-field.mdc-text-field--fullwidth:not(.mdc-text-field--disabled) .mdc-line-ripple:before:hover{border-bottom-color:rgba(var(--kup_textfield_color_rgb), 0.575)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:before.mdc-line-ripple--active,#kup-component .f-text-field .mdc-text-field.mdc-text-field--fullwidth:not(.mdc-text-field--disabled) .mdc-line-ripple:before.mdc-line-ripple--active{border-bottom-color:var(--kup_textfield_primary_color)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--with-leading-icon .mdc-floating-label{left:36px}#kup-component .f-text-field .mdc-text-field .mdc-text-field__icon.kup-clear-icon{right:0px;left:initial;position:absolute;top:50%;transform:translateY(-50%)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--with-trailing-icon input~.kup-clear-icon{right:26px}#kup-component .f-text-field .mdc-text-field.is-clearable .mdc-text-field__input{padding-right:48px}#kup-component .f-text-field .mdc-text-field.mdc-text-field--with-trailing-icon.is-clearable .mdc-text-field__input{padding-right:72px}#kup-component .f-text-field .mdc-text-field.mdc-text-field--fullwidth.mdc-text-field--focused{color:var(--kup_textfield_primary_color)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--fullwidth{width:100%}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--with-leading-icon label:not(.mdc-floating-label--float-above){left:20px}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline__leading,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline__notch,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline__trailing{border-color:rgba(var(--kup_textfield_color_rgb), 0.575);border-bottom-style:inset}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:hover .mdc-notched-outline__leading,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:hover .mdc-notched-outline__notch,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:hover .mdc-notched-outline__trailing,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--kup_textfield_primary_color)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:rgba(var(--kup_textfield_color_rgb), 0.325)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled{color:rgba(var(--kup_textfield_color_rgb), 0.5);-webkit-text-fill-color:rgba(var(--kup_textfield_color_rgb), 0.5);opacity:1}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input{color:rgba(var(--kup_textfield_color_rgb), 0.5)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled label{color:rgba(var(--kup_textfield_color_rgb), 0.5)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined.mdc-text-field--textarea .mdc-floating-label--float-above{transform:translateY(-160%) scale(0.75)}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea){height:40px}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input{height:100%}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-floating-label{display:none}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea)::before{display:none}@supports (-webkit-hyphens: none){#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) label.mdc-floating-label{display:block}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea){height:40px;transition:border-color .25s}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea) .mdc-floating-label--float-above{transform:translateY(-29.25px) scale(1)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea) .mdc-floating-label--float-above{font-size:.75rem}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea).mdc-notched-outline--upgraded .mdc-floating-label--float-above,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea) .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-26.75px) scale(0.75)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea).mdc-notched-outline--upgraded .mdc-floating-label--float-above,#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea) .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea) .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-text-field-outlined-40px 250ms 1}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-40px{0%{transform:translateX(calc(0 - 0%)) translateY(-26.75px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-26.75px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-26.75px) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-26.75px) scale(0.75)}}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea) label.mdc-floating-label{display:block}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea) label.mdc-floating-label.mdc-floating-label--float-above{overflow:visible}#kup-component .f-text-field .mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--textarea).mdc-text-field--with-leading-icon .mdc-floating-label--float-above{transform:translateY(-26px) scale(0.75) translateX(-42px)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled.mdc-text-field--with-leading-icon label,#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled.mdc-text-field--with-leading-icon input{left:34px}#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled .mdc-floating-label--float-above{transform:translateY(-111%) scale(0.75)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled:not(.mdc-text-field--no-label) input{box-sizing:border-box;padding-top:9px}#kup-component .f-text-field .mdc-text-field.mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:rgba(var(--kup_textfield_background_color_rgb), 0.125)}#kup-component .f-text-field .mdc-text-field .mdc-notched-outline{opacity:1}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:var(--kup_textfield_color)}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter,#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{opacity:.7}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--textarea .mdc-text-field-character-counter{position:absolute;bottom:9px;right:15px}#kup-component .f-text-field .mdc-text-field.mdc-text-field--disabled:not(.mdc-text-field--outlined){background:var(--kup-disabled-background-color);color:var(--kup-disabled-color);-webkit-text-fill-color:var(--kup-disabled-color);opacity:1}#kup-component .f-text-field .mdc-text-field.mdc-text-field--disabled:not(.mdc-text-field--outlined) .mdc-text-field__input{color:var(--kup-disabled-color);background:var(--kup-disabled-background-color)}#kup-component .f-text-field .mdc-text-field.mdc-text-field--disabled:not(.mdc-text-field--outlined) label{color:var(--kup-disabled-color);background:var(--kup-disabled-background-color)}#kup-component .f-text-field .mdc-text-field:not(.mdc-text-field--focused)+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--persistent){opacity:0}#kup-component .f-text-field .mdc-text-field.mdc-text-field--focused:not(.mdc-text-field-disabled) .mdc-floating-label--float-above{color:var(--kup_textfield_primary_color);opacity:1}#kup-component .f-text-field div.mdc-text-field-helper-text{font-family:var(--kup_textfield_font_family);font-size:.75em}#kup-component .f-text-field.kup-full-height{height:100%}#kup-component .f-text-field.kup-full-height .mdc-text-field{height:100%;overflow-y:hidden}#kup-component .f-text-field.kup-full-height .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea){height:100%}#kup-component .f-text-field.kup-full-height .mdc-text-field .mdc-text-field__input{height:100%}#kup-component .f-text-field.kup-full-width{width:100%}#kup-component .f-text-field.kup-full-width .mdc-text-field{height:var(--kup_textfield_fullwidth_height) !important;padding:0 var(--kup_textfield_fullwidth_padding)}#kup-component .f-text-field.kup-full-width .mdc-text-field.mdc-text-field--with-leading-icon{padding-left:0}#kup-component .f-text-field.kup-full-width .mdc-text-field.mdc-text-field--with-trailing-icon input~.kup-clear-icon{right:40px}#kup-component .f-text-field.kup-shaped .mdc-text-field.mdc-text-field--filled{border-radius:16px 16px 0 0}#kup-component .f-text-field.kup-shaped .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{border-radius:28px 0 0 28px;width:28px}#kup-component .f-text-field.kup-shaped .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-radius:0 28px 28px 0;width:28px}#kup-component .f-text-field.kup-danger{--kup-textfield-primary-color:var(--kup-danger-color);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}#kup-component .f-text-field.kup-info{--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}#kup-component .f-text-field.kup-secondary{--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}#kup-component .f-text-field.kup-success{--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}#kup-component .f-text-field.kup-warning{--kup-textfield-primary-color:var(--kup-warning-color);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}#kup-component .f-text-field .kup-icon.kup-clear-icon{-webkit-mask:var(--kup-clear-icon);mask:var(--kup-clear-icon)}#kup-component .f-text-field .kup-icon.kup-search-icon{-webkit-mask:var(--kup-search-icon);mask:var(--kup-search-icon)}";
 
 const mdcRippleCss = "@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity;position:relative;outline:none;overflow:hidden}.mdc-ripple-surface::before,.mdc-ripple-surface::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-ripple-surface::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface::before,.mdc-ripple-surface::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-upgraded--unbounded::before,.mdc-ripple-upgraded--unbounded::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface::before,.mdc-ripple-surface::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-ripple-surface:hover::before,.mdc-ripple-surface.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}";
 
@@ -5766,7 +5827,7 @@ var KupThemeIconValues;
   KupThemeIconValues["SEARCH"] = "--kup-search-icon";
 })(KupThemeIconValues || (KupThemeIconValues = {}));
 
-const dom$r = document.documentElement;
+const dom$s = document.documentElement;
 /**
  * Theme manager, handles everything about theming, customStyles and color utilities.
  * @module KupTheme
@@ -5780,7 +5841,7 @@ class KupTheme {
     this.list = list ? list : themes;
     this.managedComponents = new Set();
     this.name = name ? name : 'ketchup';
-    this.styleTag = dom$r
+    this.styleTag = dom$s
       .querySelector('head')
       .appendChild(document.createElement('style'));
   }
@@ -5867,9 +5928,9 @@ class KupTheme {
     if (list) {
       this.list = list;
     }
-    dom$r.ketchup.debug.logMessage('theme manager', 'Setting theme to: ' + this.name + '.');
+    dom$s.ketchup.debug.logMessage('theme manager', 'Setting theme to: ' + this.name + '.');
     if (!this.list[this.name]) {
-      dom$r.ketchup.debug.logMessage('theme manager', 'Invalid theme name, falling back to default ("ketchup").');
+      dom$s.ketchup.debug.logMessage('theme manager', 'Invalid theme name, falling back to default ("ketchup").');
       this.name = 'ketchup';
     }
     this.cssVars = {};
@@ -5912,11 +5973,11 @@ class KupTheme {
           this.icons() +
           '}';
       this.customStyle();
-      dom$r.ketchup.debug.logMessage('kup-theme', 'Theme ' + dom$r.getAttribute('kup-theme') + ' refreshed.');
+      dom$s.ketchup.debug.logMessage('kup-theme', 'Theme ' + dom$s.getAttribute('kup-theme') + ' refreshed.');
       document.dispatchEvent(new CustomEvent('kup-theme-refresh'));
     }
     catch (error) {
-      dom$r.ketchup.debug.logMessage('kup-theme', 'Theme not refreshed.', KupDebugCategory.WARNING);
+      dom$s.ketchup.debug.logMessage('kup-theme', 'Theme not refreshed.', KupDebugCategory.WARNING);
     }
   }
   /**
@@ -6035,7 +6096,7 @@ class KupTheme {
       this.set(themes[index]);
     }
     else {
-      dom$r.ketchup.debug.logMessage('kup-theme', "Couldn't set a random theme: no themes available!", KupDebugCategory.WARNING);
+      dom$s.ketchup.debug.logMessage('kup-theme', "Couldn't set a random theme: no themes available!", KupDebugCategory.WARNING);
     }
   }
   /**
@@ -6047,7 +6108,7 @@ class KupTheme {
     //Testing whether the color is transparent, if it is a fall back value will be returned matching the background-color
     if (color === 'transparent') {
       color = this.cssVars['--kup-background-color'];
-      dom$r.ketchup.debug.logMessage('theme manager', 'Received TRANSPARENT color, converted to ' +
+      dom$s.ketchup.debug.logMessage('theme manager', 'Received TRANSPARENT color, converted to ' +
         color +
         ' (theme background).');
     }
@@ -6065,7 +6126,7 @@ class KupTheme {
       const oldColor = color;
       color = this.codeToHex(color);
       isHex = color.substring(0, 1) === '#' ? true : false;
-      dom$r.ketchup.debug.logMessage('theme manager', 'Received CODE NAME color ' +
+      dom$s.ketchup.debug.logMessage('theme manager', 'Received CODE NAME color ' +
         oldColor +
         ', converted to ' +
         color +
@@ -6119,14 +6180,14 @@ class KupTheme {
         else {
           hexColor = this.rgbToHex(rgbColorObj.r, rgbColorObj.g, rgbColorObj.b);
         }
-        dom$r.ketchup.debug.logMessage('theme-manager', 'Received HEX color ' +
+        dom$s.ketchup.debug.logMessage('theme-manager', 'Received HEX color ' +
           oldColor +
           ', converted to ' +
           color +
           '.');
       }
       catch (error) {
-        dom$r.ketchup.debug.logMessage('theme-manager', 'Invalid color: ' + color + '.');
+        dom$s.ketchup.debug.logMessage('theme-manager', 'Invalid color: ' + color + '.');
       }
     }
     let rgbValues = null;
@@ -6136,14 +6197,14 @@ class KupTheme {
       rgbColor = color;
     }
     catch (error) {
-      dom$r.ketchup.debug.logMessage('theme-manager', 'Color not converted to rgb values: ' + color + '.');
+      dom$s.ketchup.debug.logMessage('theme-manager', 'Color not converted to rgb values: ' + color + '.');
     }
     if (!hexColor) {
       try {
         hexColor = this.rgbToHex(parseInt(values[1]), parseInt(values[2]), parseInt(values[3]));
       }
       catch (error) {
-        dom$r.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
+        dom$s.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
       }
     }
     if (!hslColor || !hslValues) {
@@ -6156,7 +6217,7 @@ class KupTheme {
         hslColor = 'hsl(' + hsl.h + ',' + hsl.s + '%,' + hsl.l + '%)';
       }
       catch (error) {
-        dom$r.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
+        dom$s.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
       }
     }
     return {
@@ -6461,7 +6522,7 @@ class KupTheme {
       return colorCodes[color.toLowerCase()];
     }
     else {
-      dom$r.ketchup.debug.logMessage('theme manager', 'Could not decode color ' + color + '!');
+      dom$s.ketchup.debug.logMessage('theme manager', 'Could not decode color ' + color + '!');
       return color;
     }
   }
@@ -6483,13 +6544,13 @@ var __classPrivateFieldSet$6 = (undefined && undefined.__classPrivateFieldSet) |
   if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var __classPrivateFieldGet$7 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
   if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
   if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 var _KupToolbar_keyEvent;
-const dom$q = document.documentElement;
+const dom$r = document.documentElement;
 /**
  * Handles component's toolbar.
  * @module KupToolbar
@@ -6507,7 +6568,7 @@ class KupToolbar {
       KupToolbarModifierKeys.CTRL,
     ];
     __classPrivateFieldSet$6(this, _KupToolbar_keyEvent, function (e) {
-      const toolbar = dom$q.ketchup.toolbar;
+      const toolbar = dom$r.ketchup.toolbar;
       if (toolbar.managedElements) {
         for (let index = 0; index < toolbar.modifiers.length; index++) {
           if (toolbar.modifiers[index] ===
@@ -6529,8 +6590,8 @@ class KupToolbar {
         toolbar.show();
       }
     }, "f");
-    document.addEventListener('keydown', __classPrivateFieldGet$7(this, _KupToolbar_keyEvent, "f"));
-    document.addEventListener('keyup', __classPrivateFieldGet$7(this, _KupToolbar_keyEvent, "f"));
+    document.addEventListener('keydown', __classPrivateFieldGet$9(this, _KupToolbar_keyEvent, "f"));
+    document.addEventListener('keyup', __classPrivateFieldGet$9(this, _KupToolbar_keyEvent, "f"));
   }
   /**
    * Shows components' toolbar.
@@ -7038,7 +7099,7 @@ var KupDatesLocales;
   KupDatesLocales["SPANISH"] = "es";
 })(KupDatesLocales || (KupDatesLocales = {}));
 
-const dom$p = document.documentElement;
+const dom$q = document.documentElement;
 var DateTimeFormatOptionsMonth;
 (function (DateTimeFormatOptionsMonth) {
   DateTimeFormatOptionsMonth["NUMERIC"] = "numeric";
@@ -7054,12 +7115,6 @@ function identify(array) {
     }
   }
 }
-function getSeparator(locale, separatorType) {
-  const numberWithGroupAndDecimalSeparator = 1000.1;
-  return Intl.NumberFormat(locale)
-    .formatToParts(numberWithGroupAndDecimalSeparator)
-    .find((part) => part.type === separatorType).value;
-}
 function getCurrentTimeFormatFromBrowserLocale(manageSeconds) {
   const options = {
     hour: '2-digit',
@@ -7069,7 +7124,7 @@ function getCurrentTimeFormatFromBrowserLocale(manageSeconds) {
   if (manageSeconds == true) {
     options.second = '2-digit';
   }
-  const formatObj = new Intl.DateTimeFormat(dom$p.ketchup.dates.getLocale() + '-u-hc-h23', options).formatToParts(new Date());
+  const formatObj = new Intl.DateTimeFormat(dom$q.ketchup.dates.getLocale() + '-u-hc-h23', options).formatToParts(new Date());
   let timeFormat = formatObj
     .map((obj) => {
     switch (obj.type) {
@@ -7113,7 +7168,7 @@ function stringToNumber(input) {
   if (!input || input == null || input.trim() == '') {
     input = '0';
   }
-  return dom$p.ketchup.math.numberify(input);
+  return dom$q.ketchup.math.numberify(input);
 }
 /**
  * @param input number
@@ -7124,7 +7179,7 @@ function numberToString(input, decimals) {
   if (input == null) {
     return '';
   }
-  return _numberToString(input, decimals, dom$p.ketchup.dates.getLocale(), true);
+  return _numberToString(input, decimals, dom$q.ketchup.dates.getLocale(), true);
 }
 /**
  * @param type - type of number for calculate suffix
@@ -7176,7 +7231,7 @@ function unformattedStringToFormattedStringNumber(input, decimals, type) {
  * @returns number as string, formatted by locale US, decimal separator . (like java decimal numbers), without group separator
  **/
 function formattedStringToUnformattedStringNumber(input, type) {
-  return numberStringToNumberString(input, type, getDecimalSeparator(dom$p.ketchup.dates.getLocale()));
+  return numberStringToNumberString(input, type, dom$q.ketchup.math.decimalSeparator());
 }
 /**
  * @param input number as string, formatted by locale US, decimal separator . (like java decimal numbers), with group separator
@@ -7206,16 +7261,13 @@ function numberStringToNumberString(input, type, decFmt) {
   if (decFmt != '.') {
     input = input.replace(/,/g, '.');
   }
-  if (dom$p.ketchup.math.numberify(input) == null ||
-    isNaN(dom$p.ketchup.math.numberify(input))) {
+  if (dom$q.ketchup.math.numberify(input) == null ||
+    isNaN(dom$q.ketchup.math.numberify(input))) {
     return originalInputValue;
   }
   let unf = stringToNumber(input);
   return _numberToString(unf, -1, 'en-US', false);
 }
-function getDecimalSeparator(locale) {
-  return getSeparator(locale, 'decimal');
-}
 function countDecimals(value) {
   if (Math.floor(value) === value)
     return 0;
@@ -7258,7 +7310,7 @@ function formatTime(time, manageSeconds) {
   if (manageSeconds == true) {
     options.second = '2-digit';
   }
-  return time.toLocaleTimeString(dom$p.ketchup.dates.getLocale() + '-u-hc-h23', options);
+  return time.toLocaleTimeString(dom$q.ketchup.dates.getLocale() + '-u-hc-h23', options);
 }
 /**
  * @param value time string, formatted by actual browser locale
@@ -7266,7 +7318,7 @@ function formatTime(time, manageSeconds) {
  */
 function isValidFormattedStringTime(value, manageSeconds) {
   let format = getCurrentTimeFormatFromBrowserLocale(manageSeconds);
-  return dom$p.ketchup.dates.isValid(value, format, true);
+  return dom$q.ketchup.dates.isValid(value, format, true);
 }
 /**
  * @param value date/time as string, formatted by actual browser locale
@@ -7283,8 +7335,8 @@ function formattedStringToDefaultUnformattedStringTimestamp(value) {
  **/
 function formattedStringToCustomUnformattedStringTime(value, outputFormat, manageSeconds) {
   let inputFormat = getCurrentTimeFormatFromBrowserLocale(manageSeconds);
-  if (dom$p.ketchup.dates.isValid(value, inputFormat)) {
-    return dom$p.ketchup.dates.format(dom$p.ketchup.dates.normalize(value, KupDatesNormalize.TIME), outputFormat);
+  if (dom$q.ketchup.dates.isValid(value, inputFormat)) {
+    return dom$q.ketchup.dates.format(dom$q.ketchup.dates.normalize(value, KupDatesNormalize.TIME), outputFormat);
   }
   else {
     return '';
@@ -7306,12 +7358,12 @@ function unformattedStringToFormattedStringTime(value, manageSeconds, customedFo
   if (manageSeconds == true) {
     options.second = '2-digit';
   }
-  let date = dom$p.ketchup.dates.toDate(dom$p.ketchup.dates.normalize(value, KupDatesNormalize.TIME));
+  let date = dom$q.ketchup.dates.toDate(dom$q.ketchup.dates.normalize(value, KupDatesNormalize.TIME));
   return formatByCustomedOutputTimeFormat(value, date, options, customedFormat);
 }
 function formatByCustomedOutputTimeFormat(valueStr, date, options, customedFormat) {
   if (customedFormat == null) {
-    return date.toLocaleTimeString(dom$p.ketchup.dates.getLocale() + '-u-hc-h23', options);
+    return date.toLocaleTimeString(dom$q.ketchup.dates.getLocale() + '-u-hc-h23', options);
   }
   switch (customedFormat) {
     case 'I13': {
@@ -7380,7 +7432,7 @@ function formatByCustomedOutputTimeFormat(valueStr, date, options, customedForma
       return valueStr;
     }
   }
-  return date.toLocaleTimeString(dom$p.ketchup.dates.getLocale() + '-u-hc-h23', options);
+  return date.toLocaleTimeString(dom$q.ketchup.dates.getLocale() + '-u-hc-h23', options);
 }
 /**
  * @param value date/time as string, formatted ISO
@@ -7397,8 +7449,8 @@ function unformattedStringToFormattedStringTimestamp(value) {
     second: '2-digit',
     hour12: false,
   };
-  let date = dom$p.ketchup.dates.toDate(dom$p.ketchup.dates.normalize(value, KupDatesNormalize.TIMESTAMP));
-  return date.toLocaleString(dom$p.ketchup.dates.getLocale() + '-u-hc-h23', options);
+  let date = dom$q.ketchup.dates.toDate(dom$q.ketchup.dates.normalize(value, KupDatesNormalize.TIMESTAMP));
+  return date.toLocaleString(dom$q.ketchup.dates.getLocale() + '-u-hc-h23', options);
 }
 function getMonthAsStringByLocale(month, format) {
   if (month == null) {
@@ -7410,7 +7462,7 @@ function getMonthAsStringByLocale(month, format) {
   const options = {
     month: format,
   };
-  const dateTimeFormat = new Intl.DateTimeFormat(dom$p.ketchup.dates.getLocale(), options);
+  const dateTimeFormat = new Intl.DateTimeFormat(dom$q.ketchup.dates.getLocale(), options);
   return dateTimeFormat.format(dateTmp);
 }
 function getMonthsAsStringByLocale(format) {
@@ -7463,7 +7515,7 @@ function setProps(comp, list, props) {
   }
 }
 
-const dom$o = document.documentElement;
+const dom$p = document.documentElement;
 // -------------
 // COMMONS
 // -------------
@@ -7490,9 +7542,9 @@ function getValueForDisplay2(values, column) {
 }
 function formatToNumber(cell) {
   if (cell.obj) {
-    return dom$o.ketchup.math.numberify(cell.obj.k);
+    return dom$p.ketchup.math.numberify(cell.obj.k);
   }
-  return dom$o.ketchup.math.numberify(cell.value);
+  return dom$p.ketchup.math.numberify(cell.value);
 }
 function _getCellValueForDisplay(value, column, cell) {
   let obj = column != null ? column.obj : null;
@@ -7505,17 +7557,17 @@ function getValueForDisplay(value, obj, decimals) {
   if (value == null || value.trim() == '') {
     return value;
   }
-  if (dom$o.ketchup.objects.isNumber(obj)) {
+  if (dom$p.ketchup.objects.isNumber(obj)) {
     return unformattedStringToFormattedStringNumber(value, decimals ? decimals : -1, obj ? obj.p : '');
   }
-  if (dom$o.ketchup.objects.isDate(obj) &&
-    dom$o.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
-    return dom$o.ketchup.dates.format(value);
+  if (dom$p.ketchup.objects.isDate(obj) &&
+    dom$p.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
+    return dom$p.ketchup.dates.format(value);
   }
-  if (dom$o.ketchup.objects.isTime(obj)) {
-    return unformattedStringToFormattedStringTime(value, dom$o.ketchup.objects.isTimeWithSeconds(obj), obj.t + obj.p);
+  if (dom$p.ketchup.objects.isTime(obj)) {
+    return unformattedStringToFormattedStringTime(value, dom$p.ketchup.objects.isTimeWithSeconds(obj), obj.t + obj.p);
   }
-  if (dom$o.ketchup.objects.isTimestamp(obj)) {
+  if (dom$p.ketchup.objects.isTimestamp(obj)) {
     return unformattedStringToFormattedStringTimestamp(value);
   }
   return value;
@@ -7560,26 +7612,26 @@ function compareValues(obj1, value1, obj2, value2, sortMode) {
   }
   let v1 = s1;
   let v2 = s2;
-  if (dom$o.ketchup.objects.isNumber(obj1)) {
+  if (dom$p.ketchup.objects.isNumber(obj1)) {
     v1 = stringToNumber(s1);
     v2 = stringToNumber(s2);
   }
-  else if (dom$o.ketchup.objects.isDate(obj1)) {
-    v1 = dom$o.ketchup.dates.toDate(dom$o.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE));
-    v2 = dom$o.ketchup.dates.toDate(dom$o.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE));
+  else if (dom$p.ketchup.objects.isDate(obj1)) {
+    v1 = dom$p.ketchup.dates.toDate(dom$p.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE));
+    v2 = dom$p.ketchup.dates.toDate(dom$p.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE));
   }
-  else if (dom$o.ketchup.objects.isTime(obj1)) {
-    let manageSeconds = dom$o.ketchup.objects.isTimeWithSeconds(obj1);
-    v1 = dom$o.ketchup.dates.toDate(dom$o.ketchup.dates.format(s1, manageSeconds
+  else if (dom$p.ketchup.objects.isTime(obj1)) {
+    let manageSeconds = dom$p.ketchup.objects.isTimeWithSeconds(obj1);
+    v1 = dom$p.ketchup.dates.toDate(dom$p.ketchup.dates.format(s1, manageSeconds
       ? KupDatesFormats.ISO_TIME
       : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS));
-    v2 = dom$o.ketchup.dates.toDate(dom$o.ketchup.dates.format(s2, manageSeconds
+    v2 = dom$p.ketchup.dates.toDate(dom$p.ketchup.dates.format(s2, manageSeconds
       ? KupDatesFormats.ISO_TIME
       : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS));
   }
-  else if (dom$o.ketchup.objects.isTimestamp(obj1)) {
-    v1 = dom$o.ketchup.dates.toDate(dom$o.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE_TIME));
-    v2 = dom$o.ketchup.dates.toDate(dom$o.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE_TIME));
+  else if (dom$p.ketchup.objects.isTimestamp(obj1)) {
+    v1 = dom$p.ketchup.dates.toDate(dom$p.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE_TIME));
+    v2 = dom$p.ketchup.dates.toDate(dom$p.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE_TIME));
   }
   if (v1 > v2) {
     return sm * 1;
@@ -7645,7 +7697,7 @@ var KupGlobalFilterMode;
   KupGlobalFilterMode["HIGHLIGHT"] = "highlight";
 })(KupGlobalFilterMode || (KupGlobalFilterMode = {}));
 
-const dom$n = document.documentElement;
+const dom$o = document.documentElement;
 /**
  * Filtering algorithms.
  * @module Filters
@@ -7661,16 +7713,16 @@ class Filters {
     return comp.rootElement.tagName === KupTagNames.TREE;
   }
   isObjFiltrableByInterval(obj) {
-    if (dom$n.ketchup.objects.isDate(obj)) {
+    if (dom$o.ketchup.objects.isDate(obj)) {
       return true;
     }
-    if (dom$n.ketchup.objects.isTime(obj)) {
+    if (dom$o.ketchup.objects.isTime(obj)) {
       return true;
     }
-    if (dom$n.ketchup.objects.isTimestamp(obj)) {
+    if (dom$o.ketchup.objects.isTimestamp(obj)) {
       return true;
     }
-    if (dom$n.ketchup.objects.isNumber(obj)) {
+    if (dom$o.ketchup.objects.isNumber(obj)) {
       return true;
     }
     return false;
@@ -7680,17 +7732,17 @@ class Filters {
     if (newValue == null || newValue == '' || smeupObj == null) {
       return newValue;
     }
-    if (dom$n.ketchup.objects.isDate(smeupObj)) {
-      if (dom$n.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
+    if (dom$o.ketchup.objects.isDate(smeupObj)) {
+      if (dom$o.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
         return newValue;
       }
-      if (dom$n.ketchup.dates.isValid(value)) {
-        return dom$n.ketchup.dates.format(dom$n.ketchup.dates.normalize(value, KupDatesNormalize.DATE), KupDatesFormats.ISO_DATE);
+      if (dom$o.ketchup.dates.isValid(value)) {
+        return dom$o.ketchup.dates.format(dom$o.ketchup.dates.normalize(value, KupDatesNormalize.DATE), KupDatesFormats.ISO_DATE);
       }
     }
-    else if (dom$n.ketchup.objects.isTime(smeupObj)) {
-      let manageSeconds = dom$n.ketchup.objects.isTimeWithSeconds(smeupObj);
-      if (dom$n.ketchup.dates.isValid(value, manageSeconds
+    else if (dom$o.ketchup.objects.isTime(smeupObj)) {
+      let manageSeconds = dom$o.ketchup.objects.isTimeWithSeconds(smeupObj);
+      if (dom$o.ketchup.dates.isValid(value, manageSeconds
         ? KupDatesFormats.ISO_TIME
         : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS)) {
         return newValue;
@@ -7701,15 +7753,15 @@ class Filters {
           : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS, manageSeconds);
       }
     }
-    else if (dom$n.ketchup.objects.isTimestamp(smeupObj)) {
-      if (dom$n.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE_TIME)) {
+    else if (dom$o.ketchup.objects.isTimestamp(smeupObj)) {
+      if (dom$o.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE_TIME)) {
         return newValue;
       }
       if (isValidFormattedStringTime(value, true)) {
         return formattedStringToDefaultUnformattedStringTimestamp(value);
       }
     }
-    else if (dom$n.ketchup.objects.isNumber(smeupObj)) {
+    else if (dom$o.ketchup.objects.isNumber(smeupObj)) {
       if (isValidFormattedStringNumber(value, smeupObj ? smeupObj.p : '')) {
         return formattedStringToUnformattedStringNumber(value, smeupObj ? smeupObj.p : '');
       }
@@ -7832,7 +7884,7 @@ class Filters {
       to = interval[FilterInterval.TO];
     }
     let checkByRegularExpression = true;
-    if (dom$n.ketchup.objects.isNumber(obj)) {
+    if (dom$o.ketchup.objects.isNumber(obj)) {
       value = unformattedStringNumberToNumber(value, obj ? obj.p : '');
       let valueNumber = stringToNumber(value);
       if (from != '') {
@@ -7860,30 +7912,30 @@ class Filters {
         }
       }
     }
-    if (dom$n.ketchup.objects.isDate(obj) ||
-      dom$n.ketchup.objects.isTime(obj) ||
-      dom$n.ketchup.objects.isTimestamp(obj)) {
+    if (dom$o.ketchup.objects.isDate(obj) ||
+      dom$o.ketchup.objects.isTime(obj) ||
+      dom$o.ketchup.objects.isTimestamp(obj)) {
       let valueDate = null;
       let defaultFormat = KupDatesFormats.ISO_DATE;
-      if (dom$n.ketchup.objects.isDate(obj)) {
+      if (dom$o.ketchup.objects.isDate(obj)) {
         defaultFormat = KupDatesFormats.ISO_DATE;
       }
-      else if (dom$n.ketchup.objects.isTime(obj)) {
-        defaultFormat = dom$n.ketchup.objects.isTimeWithSeconds(obj)
+      else if (dom$o.ketchup.objects.isTime(obj)) {
+        defaultFormat = dom$o.ketchup.objects.isTimeWithSeconds(obj)
           ? KupDatesFormats.ISO_TIME
           : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS;
       }
-      else if (dom$n.ketchup.objects.isTimestamp(obj)) {
+      else if (dom$o.ketchup.objects.isTimestamp(obj)) {
         defaultFormat = KupDatesFormats.ISO_DATE_TIME;
       }
-      if (dom$n.ketchup.dates.isValid(value, defaultFormat, true)) {
-        valueDate = dom$n.ketchup.dates.toDate(value, defaultFormat);
+      if (dom$o.ketchup.dates.isValid(value, defaultFormat, true)) {
+        valueDate = dom$o.ketchup.dates.toDate(value, defaultFormat);
       }
       if (from != '') {
         if (valueDate != null &&
-          dom$n.ketchup.dates.isValid(from, defaultFormat, true)) {
+          dom$o.ketchup.dates.isValid(from, defaultFormat, true)) {
           checkByRegularExpression = false;
-          let fromDate = dom$n.ketchup.dates.toDate(from, defaultFormat);
+          let fromDate = dom$o.ketchup.dates.toDate(from, defaultFormat);
           if (valueDate < fromDate) {
             return false;
           }
@@ -7894,9 +7946,9 @@ class Filters {
       }
       if (to != '') {
         if (valueDate != null &&
-          dom$n.ketchup.dates.isValid(to, defaultFormat, true)) {
+          dom$o.ketchup.dates.isValid(to, defaultFormat, true)) {
           checkByRegularExpression = false;
-          let toDate = dom$n.ketchup.dates.toDate(to, defaultFormat);
+          let toDate = dom$o.ketchup.dates.toDate(to, defaultFormat);
           if (valueDate > toDate) {
             return false;
           }
@@ -7905,9 +7957,9 @@ class Filters {
           filterValue = to;
         }
       }
-      if (!dom$n.ketchup.dates.isValid(filterValue, defaultFormat) &&
-        !dom$n.ketchup.dates.isValid(filterValue)) {
-        value = dom$n.ketchup.dates.format(value);
+      if (!dom$o.ketchup.dates.isValid(filterValue, defaultFormat) &&
+        !dom$o.ketchup.dates.isValid(filterValue)) {
+        value = dom$o.ketchup.dates.format(value);
       }
     }
     if (checkByRegularExpression) {
@@ -7931,9 +7983,9 @@ class Filters {
   }
 }
 
-const dom$m = document.documentElement;
-const kupObjects$1 = dom$m.ketchup
-  ? dom$m.ketchup.objects
+const dom$n = document.documentElement;
+const kupObjects$1 = dom$n.ketchup
+  ? dom$n.ketchup.objects
   : new KupObjects();
 /**
  * Finds all the cells matching the filters criteria in the input dataset.
@@ -7942,7 +7994,7 @@ const kupObjects$1 = dom$m.ketchup
  * @returns {KupDataCell[]}  Array of cells fetched after applying the filters.
  */
 function findCell(dataset, filters) {
-  return dom$m.ketchup.data.finder(dataset, filters).cells;
+  return dom$n.ketchup.data.finder(dataset, filters).cells;
 }
 /**
  * Returns all the cells values of the specified column, sorted if required.
@@ -8014,7 +8066,7 @@ function replaceCell(dataset, cell, columns) {
   return replaced;
 }
 
-const dom$l = document.documentElement;
+const dom$m = document.documentElement;
 /**
  * Finds the columns matching the criteria specified in the filters argument.
  * @param {KupDataDataset | Column[]} dataset - Input dataset or array of columns.
@@ -8036,7 +8088,7 @@ function findColumns(dataset, filters) {
       if (column[key] === filter) {
         result.push(column);
       }
-      else if (dom$l.ketchup.objects.deepEqual(column[key], filter)) {
+      else if (dom$m.ketchup.objects.deepEqual(column[key], filter)) {
         result.push(column);
       }
     }
@@ -8082,7 +8134,7 @@ function newColumn(dataset, type, options) {
       return newColumnFromMerge(dataset, options.columns, options.newColumn);
     default:
       const message = 'Wrong type used to invoke new column creation!(' + type + ')';
-      dom$l.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+      dom$m.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
       return message;
   }
 }
@@ -8096,7 +8148,7 @@ function newColumn(dataset, type, options) {
 function newColumnFromConcatenate(dataset, columns, separator) {
   if (!columns || columns.length === 0) {
     const message = 'Invalid array, interrupting column merging!(' + columns + ')';
-    dom$l.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+    dom$m.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
     return message;
   }
   let firstColumn = null;
@@ -8118,12 +8170,12 @@ function newColumnFromConcatenate(dataset, columns, separator) {
         columns.toString() +
         ')';
       col.visible = true;
-      dom$l.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+      dom$m.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
       return message;
     }
   }
   const newName = columns.join('_');
-  const newObj = objs.length > 0 && dom$l.ketchup.objects.isSameKupObj(objs)
+  const newObj = objs.length > 0 && dom$m.ketchup.objects.isSameKupObj(objs)
     ? objs[0]
     : null;
   const newTitle = titles.join(separator);
@@ -8190,7 +8242,7 @@ function newColumnFromMath(dataset, operation, columns) {
   }
   if (columns.length === 0) {
     const message = "Can't apply math formulas without columns!(" + columns + ')';
-    dom$l.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+    dom$m.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
     return message;
   }
   const titles = [];
@@ -8217,11 +8269,11 @@ function newColumnFromMath(dataset, operation, columns) {
     const col = dataset.columns[index];
     if (columns.includes(col.name)) {
       titles[columns.indexOf(col.name)] = col.title;
-      if (!dom$l.ketchup.objects.isNumber(col.obj)) {
+      if (!dom$m.ketchup.objects.isNumber(col.obj)) {
         const message = "Can't apply math formulas on non-numerical columns!(" +
           columns +
           ')';
-        dom$l.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+        dom$m.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
         return message;
       }
     }
@@ -8232,7 +8284,7 @@ function newColumnFromMath(dataset, operation, columns) {
       const message = 'This mathematical operation on these columns was already performed!(' +
         formula +
         ')';
-      dom$l.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+      dom$m.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
       return message;
     }
   }
@@ -8260,11 +8312,11 @@ function newColumnFromMath(dataset, operation, columns) {
           if (!base) {
             base = cell;
           }
-          formulaRow[column] = dom$l.ketchup.math.numberify(cell.value);
+          formulaRow[column] = dom$m.ketchup.math.numberify(cell.value);
         }
       }
     }
-    const value = dom$l.ketchup.math.formulas
+    const value = dom$m.ketchup.math.formulas
       .custom(formula, formulaRow)
       .toString();
     cells[newName] = Object.assign(Object.assign({}, base), { displayedValue: null, obj: Object.assign(Object.assign({}, newObj), { k: value }), value: value });
@@ -8312,7 +8364,7 @@ function newColumnFromMerge(dataset, columns2merge, newColumn) {
   return newColumn;
 }
 
-const dom$k = document.documentElement;
+const dom$l = document.documentElement;
 /**
  * Finds all the rows containing cells matching the filters criteria in the input dataset.
  * @param {KupDataDataset} dataset - Input dataset.
@@ -8320,7 +8372,7 @@ const dom$k = document.documentElement;
  * @returns {KupDataRow[]} Array of rows fetched after applying the filters.
  */
 function findRow(dataset, filters) {
-  return dom$k.ketchup.data.finder(dataset, filters).rows;
+  return dom$l.ketchup.data.finder(dataset, filters).rows;
 }
 /**
  * Converts the rows of the input dataset to tree nodes.
@@ -8662,7 +8714,7 @@ const kupTypes = [
   FCellTypes.RATING,
 ];
 
-const dom$j = document.documentElement;
+const dom$k = document.documentElement;
 /**
  * Handles data operations.
  * @module KupData
@@ -8724,55 +8776,55 @@ class KupData {
               return FCellTypes.STRING;
           }
         }
-        if (dom$j.ketchup.objects.isBar(obj)) {
+        if (dom$k.ketchup.objects.isBar(obj)) {
           return FCellTypes.BAR;
         }
-        else if (dom$j.ketchup.objects.isButton(obj)) {
+        else if (dom$k.ketchup.objects.isButton(obj)) {
           return FCellTypes.BUTTON;
         }
-        else if (dom$j.ketchup.objects.isChart(obj)) {
+        else if (dom$k.ketchup.objects.isChart(obj)) {
           return FCellTypes.CHART;
         }
-        else if (dom$j.ketchup.objects.isCheckbox(obj)) {
+        else if (dom$k.ketchup.objects.isCheckbox(obj)) {
           return FCellTypes.CHECKBOX;
         }
-        else if (dom$j.ketchup.objects.isColor(obj)) {
+        else if (dom$k.ketchup.objects.isColor(obj)) {
           return FCellTypes.COLOR_PICKER;
         }
-        else if (dom$j.ketchup.objects.isIcon(obj)) {
+        else if (dom$k.ketchup.objects.isIcon(obj)) {
           return FCellTypes.ICON;
         }
-        else if (dom$j.ketchup.objects.isImage(obj)) {
+        else if (dom$k.ketchup.objects.isImage(obj)) {
           return FCellTypes.IMAGE;
         }
-        else if (dom$j.ketchup.objects.isLink(obj)) {
+        else if (dom$k.ketchup.objects.isLink(obj)) {
           return FCellTypes.LINK;
         }
-        else if (dom$j.ketchup.objects.isProgressBar(obj)) {
+        else if (dom$k.ketchup.objects.isProgressBar(obj)) {
           return FCellTypes.PROGRESS_BAR;
         }
-        else if (dom$j.ketchup.objects.isRadio(obj)) {
+        else if (dom$k.ketchup.objects.isRadio(obj)) {
           return FCellTypes.RADIO;
         }
-        else if (dom$j.ketchup.objects.isSwitch(obj)) {
+        else if (dom$k.ketchup.objects.isSwitch(obj)) {
           return FCellTypes.SWITCH;
         }
-        else if (dom$j.ketchup.objects.isKupObjList(obj)) {
+        else if (dom$k.ketchup.objects.isKupObjList(obj)) {
           return FCellTypes.CHIP;
         }
-        else if (dom$j.ketchup.objects.isNumber(obj)) {
+        else if (dom$k.ketchup.objects.isNumber(obj)) {
           return FCellTypes.NUMBER;
         }
-        else if (dom$j.ketchup.objects.isDate(obj)) {
+        else if (dom$k.ketchup.objects.isDate(obj)) {
           return FCellTypes.DATE;
         }
-        else if (dom$j.ketchup.objects.isTimestamp(obj)) {
+        else if (dom$k.ketchup.objects.isTimestamp(obj)) {
           return FCellTypes.DATETIME;
         }
-        else if (dom$j.ketchup.objects.isTime(obj)) {
+        else if (dom$k.ketchup.objects.isTime(obj)) {
           return FCellTypes.TIME;
         }
-        else if (dom$j.ketchup.objects.isVoCodver(obj)) {
+        else if (dom$k.ketchup.objects.isVoCodver(obj)) {
           return FCellTypes.ICON;
         }
         else {
@@ -8852,10 +8904,10 @@ class KupData {
         if (!columns || !columns.length || columns.includes(key)) {
           if (min && max) {
             let d = null, s = '', n = 0;
-            if (dom$j.ketchup.objects.isDate(cell.obj)) {
-              d = dom$j.ketchup.dates.toDate(cell.value);
-              const dMax = dom$j.ketchup.dates.toDate(max instanceof String ? max.valueOf() : max);
-              const dMin = dom$j.ketchup.dates.toDate(min instanceof String ? min.valueOf() : min);
+            if (dom$k.ketchup.objects.isDate(cell.obj)) {
+              d = dom$k.ketchup.dates.toDate(cell.value);
+              const dMax = dom$k.ketchup.dates.toDate(max instanceof String ? max.valueOf() : max);
+              const dMin = dom$k.ketchup.dates.toDate(min instanceof String ? min.valueOf() : min);
               if (d === dMax ||
                 d === dMin ||
                 (d < dMax && d > dMin)) {
@@ -8874,7 +8926,7 @@ class KupData {
               }
             }
             else {
-              n = dom$j.ketchup.math.numberify(cell.value);
+              n = dom$k.ketchup.math.numberify(cell.value);
               if (n === max ||
                 n === min ||
                 (n < max && n > min)) {
@@ -9031,7 +9083,7 @@ class KupData {
   sort(dataset, sortType, headerColumn) {
     if (sortType != 'normalDistribution') {
       const message = 'Wrong sort type! (' + sortType + ')';
-      dom$j.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+      dom$k.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
       return dataset;
     }
     const output = {
@@ -10827,7 +10879,7 @@ createCommonjsModule(function (module) {
 }));
 });
 
-const dom$i = document.documentElement;
+const dom$j = document.documentElement;
 /**
  * Takes a mathematical formula as string in input, with column names between brackets, and returns the result as a number.
  * @param {string} formula - Mathematical operation (i.e.: ([COL1] - [COL2]) * 100 / [COL3]).
@@ -10850,7 +10902,7 @@ function customFormula(formula, row) {
     return result;
   }
   catch (e) {
-    dom$i.ketchup.debug.logMessage('kup-data', 'Error while evaluating the following formula!(' + formula + ')', KupDebugCategory.ERROR);
+    dom$j.ketchup.debug.logMessage('kup-data', 'Error while evaluating the following formula!(' + formula + ')', KupDebugCategory.ERROR);
     return NaN;
   }
 }
@@ -10866,7 +10918,7 @@ function normalDistributionFormula(average, variance, x) {
     Math.exp(-Math.pow(x - average, 2) / (2 * variance)));
 }
 
-const dom$h = document.documentElement;
+const dom$i = document.documentElement;
 /**
  * Handles mathematical operations and number formatting/conversion.
  * @module KupMath
@@ -10889,7 +10941,7 @@ class KupMath {
         const maximumFractionDigits = 14;
         if (value == null || value == '')
           return value;
-        return Number(value).toLocaleString(dom$h.ketchup.math.locale, {
+        return Number(value).toLocaleString(dom$i.ketchup.math.locale, {
           maximumFractionDigits: maximumFractionDigits,
         });
       },
@@ -10906,7 +10958,7 @@ class KupMath {
   setLocale(locale) {
     if (!Object.values(KupMathLocales).includes(locale)) {
       locale = KupMathLocales.en;
-      dom$h.ketchup.debug.logMessage('kup-math', 'Invalid locale (' + locale + ')! Defaulting to english.', KupDebugCategory.WARNING);
+      dom$i.ketchup.debug.logMessage('kup-math', 'Invalid locale (' + locale + ')! Defaulting to english.', KupDebugCategory.WARNING);
     }
     this.locale = locale;
     this.numeral.locale(locale);
@@ -10960,10 +11012,11 @@ class KupMath {
    * Formats the input number with the specified format of the currently set locale.
    * @param {string | String | number} input - Input number which will be automatically "numberified".
    * @param {string} format - Desired format. Defaults to '0,0.00' (i.e.: 2,000,000.51).
+   * @param {boolean} inputIsLocalized Numberifies assuming the input string is in the current KupMath locale's format.
    * @returns {string} Formatted number.
    */
-  format(input, format) {
-    const n = this.numberify(input);
+  format(input, format, inputIsLocalized) {
+    const n = this.numberify(input, inputIsLocalized);
     if (!format) {
       const positiveN = Math.abs(n);
       const decimals = positiveN - Math.floor(positiveN);
@@ -10974,8 +11027,88 @@ class KupMath {
         format = '0,0';
       }
     }
-    const formatted = this.numeral(n).format(format);
-    return formatted;
+    return this.numeral(n).format(format);
+  }
+  /**
+   * Created the string for format a number
+   * @param {boolean} thousandPoint - show thousandPoint
+   * @param {number} decimals - number of decimals
+   */
+  createFormatPattern(thousandPoint, decimals) {
+    var format = '0';
+    if (thousandPoint) {
+      format += ',000';
+    }
+    if (decimals && decimals > 0) {
+      format += '.';
+      for (let i = 0; i < decimals; i++) {
+        format += '0';
+      }
+    }
+    return format;
+  }
+  /**
+   * Returns the decimal separator of current browser
+   * @returns current decimal separator, by locale
+   */
+  decimalSeparator() {
+    const numberWithGroupAndDecimalSeparator = 1000.1;
+    return Intl.NumberFormat(this.locale)
+      .formatToParts(numberWithGroupAndDecimalSeparator)
+      .find((part) => part.type === 'decimal').value;
+  }
+  /**
+   * Returns the group separator of current browser
+   * @returns current group separator, by locale
+   */
+  groupSeparator() {
+    const numberWithGroupAndDecimalSeparator = 1000.1;
+    return Intl.NumberFormat(this.locale)
+      .formatToParts(numberWithGroupAndDecimalSeparator)
+      .find((part) => part.type === 'group').value;
+  }
+  /**
+   * Checks if an input string matches options, for desired formatted decimal number (integer digits, decimal digits)
+   * @param value the input value to check
+   * @param options options for customize the check
+   * @returns an object from applying the regular expression for check
+   */
+  matchNumericValueWithOptions(value, options) {
+    // see https://github.com/24eme/jquery-input-number-format.git
+    let found = undefined;
+    let integerPartSuffix = '+';
+    if (options.integer && options.integer > 0) {
+      integerPartSuffix = '{0,' + options.integer + '}';
+    }
+    let regexp = '^[0-9]' + integerPartSuffix;
+    if (options.allowNegative) {
+      regexp = '^-{0,1}[0-9]' + integerPartSuffix;
+    }
+    if (options.decimal && options.decimal > 0) {
+      regexp +=
+        '([' +
+          this.decimalSeparator() +
+          '][0-9]{0,' +
+          options.decimal +
+          '})?';
+      let regexpObj = new RegExp(regexp + '$');
+      found = value.match(regexpObj);
+      if (!found) {
+        regexp =
+          '^[' +
+            this.decimalSeparator() +
+            '][0-9]{0,' +
+            options.decimal +
+            '}';
+        regexpObj = new RegExp(regexp + '$');
+        found = value.match(regexpObj);
+      }
+    }
+    else {
+      let regexpObj = new RegExp(regexp + '$');
+      found = value.match(regexpObj);
+    }
+    return found;
   }
   /**
    * Returns a number from a non-specified input type between string, number, or String.
@@ -11018,7 +11151,7 @@ class KupMath {
   }
 }
 
-var __classPrivateFieldGet$6 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$8 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
   if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
   if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
@@ -11030,7 +11163,7 @@ var __classPrivateFieldSet$5 = (undefined && undefined.__classPrivateFieldSet) |
   return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
 var _KupTooltip_instances, _KupTooltip_clickCb, _KupTooltip_dynPos, _KupTooltip_create, _KupTooltip_setOptions;
-const dom$g = document.documentElement;
+const dom$h = document.documentElement;
 /**
  * Handles application-wide tooltip using card component.
  * @module KupTooltip
@@ -11143,8 +11276,8 @@ class KupTooltip {
   hide() {
     if (this.element) {
       this.element.menuVisible = false;
-      dom$g.ketchup.dynamicPosition.stop(this.element);
-      dom$g.ketchup.removeClickCallback(__classPrivateFieldGet$6(this, _KupTooltip_clickCb, "f"));
+      dom$h.ketchup.dynamicPosition.stop(this.element);
+      dom$h.ketchup.removeClickCallback(__classPrivateFieldGet$8(this, _KupTooltip_clickCb, "f"));
     }
   }
   /**
@@ -11155,26 +11288,26 @@ class KupTooltip {
   show(anchor, options) {
     // Creates the card or updates it with new options
     if (!this.element) {
-      __classPrivateFieldGet$6(this, _KupTooltip_instances, "m", _KupTooltip_create).call(this, options);
+      __classPrivateFieldGet$8(this, _KupTooltip_instances, "m", _KupTooltip_create).call(this, options);
     }
     else if (options) {
-      __classPrivateFieldGet$6(this, _KupTooltip_instances, "m", _KupTooltip_setOptions).call(this, options);
+      __classPrivateFieldGet$8(this, _KupTooltip_instances, "m", _KupTooltip_setOptions).call(this, options);
     }
     // If an anchor was provided, initializes or updates dynamic positioning
     if (anchor) {
-      __classPrivateFieldGet$6(this, _KupTooltip_instances, "m", _KupTooltip_dynPos).call(this, anchor);
+      __classPrivateFieldGet$8(this, _KupTooltip_instances, "m", _KupTooltip_dynPos).call(this, anchor);
     }
     // If the tooltip is already visible, it's pointless to go on
     if (this.element.menuVisible) {
       return;
     }
     // If the dynamic positioning is still to be registered, a warning is thrown
-    if (!dom$g.ketchup.dynamicPosition.isRegistered(this.element)) {
-      dom$g.ketchup.debug.logMessage('kup-tooltip', 'Unable to display KupTooltip without specifying a valid anchor point.', KupDebugCategory.WARNING);
+    if (!dom$h.ketchup.dynamicPosition.isRegistered(this.element)) {
+      dom$h.ketchup.debug.logMessage('kup-tooltip', 'Unable to display KupTooltip without specifying a valid anchor point.', KupDebugCategory.WARNING);
       return;
     }
     this.element.menuVisible = true;
-    dom$g.ketchup.addClickCallback(__classPrivateFieldGet$6(this, _KupTooltip_clickCb, "f"), true);
+    dom$h.ketchup.addClickCallback(__classPrivateFieldGet$8(this, _KupTooltip_clickCb, "f"), true);
   }
   /**
    * Returns whether an element was previously registered or not.
@@ -11209,13 +11342,13 @@ class KupTooltip {
   }
 }
 _KupTooltip_clickCb = new WeakMap(), _KupTooltip_instances = new WeakSet(), _KupTooltip_dynPos = function _KupTooltip_dynPos(anchor) {
-  if (dom$g.ketchup.dynamicPosition.isRegistered(this.element)) {
-    dom$g.ketchup.dynamicPosition.changeAnchor(this.element, anchor);
+  if (dom$h.ketchup.dynamicPosition.isRegistered(this.element)) {
+    dom$h.ketchup.dynamicPosition.changeAnchor(this.element, anchor);
   }
   else {
-    dom$g.ketchup.dynamicPosition.register(this.element, anchor, null, null, true);
+    dom$h.ketchup.dynamicPosition.register(this.element, anchor, null, null, true);
   }
-  dom$g.ketchup.dynamicPosition.start(this.element);
+  dom$h.ketchup.dynamicPosition.start(this.element);
 }, _KupTooltip_create = function _KupTooltip_create(options) {
   this.element = document.createElement('kup-card');
   this.element.id = 'kup-tooltip';
@@ -11224,7 +11357,7 @@ _KupTooltip_clickCb = new WeakMap(), _KupTooltip_instances = new WeakSet(), _Kup
   this.element.sizeX = 'auto';
   this.element.sizeY = 'auto';
   if (options) {
-    __classPrivateFieldGet$6(this, _KupTooltip_instances, "m", _KupTooltip_setOptions).call(this, options);
+    __classPrivateFieldGet$8(this, _KupTooltip_instances, "m", _KupTooltip_setOptions).call(this, options);
   }
   document.body.appendChild(this.element);
   __classPrivateFieldSet$5(this, _KupTooltip_clickCb, {
@@ -19070,7 +19203,7 @@ var html2canvas = createCommonjsModule(function (module, exports) {
 //# sourceMappingURL=html2canvas.js.map
 });
 
-const dom$f = document.documentElement;
+const dom$g = document.documentElement;
 /**
  * This class controls every other Ketchup utility suite.
  * @module KupManager
@@ -19285,6 +19418,24 @@ class KupManager {
       this.utilities.clickCallbacks.add(cb);
     }
   }
+  /**
+   * Retrives event path from event.target
+   * @param currentEl event.target
+   * @param rootElement rootElement of component
+   * @returns
+   */
+  getEventPath(currentEl, rootElement) {
+    const path = [];
+    while (currentEl &&
+      currentEl !== rootElement &&
+      currentEl !== document.body) {
+      path.push(currentEl);
+      currentEl = currentEl.parentNode
+        ? currentEl.parentNode
+        : currentEl.host;
+    }
+    return path;
+  }
   /**
    * Rasterizes an HTMLElement, transforming into a canvas.
    * @param {HTMLElement} el - Element to rasterize.
@@ -19314,26 +19465,26 @@ class KupManager {
  */
 function kupManagerInstance() {
   var _a;
-  if (!dom$f.ketchup) {
-    const overrides = (_a = dom$f.ketchupInit) !== null && _a !== void 0 ? _a : null;
-    dom$f.ketchup = new KupManager(overrides);
-    dom$f.ketchup.theme.set();
-    if (dom$f.ketchup.debug.active) {
-      dom$f.ketchup.debug.toggle(dom$f.ketchup.debug.active);
-    }
-    globalThis.kupManager = dom$f.ketchup;
+  if (!dom$g.ketchup) {
+    const overrides = (_a = dom$g.ketchupInit) !== null && _a !== void 0 ? _a : null;
+    dom$g.ketchup = new KupManager(overrides);
+    dom$g.ketchup.theme.set();
+    if (dom$g.ketchup.debug.active) {
+      dom$g.ketchup.debug.toggle(dom$g.ketchup.debug.active);
+    }
+    globalThis.kupManager = dom$g.ketchup;
     if (overrides === null || overrides === void 0 ? void 0 : overrides.autoSetLocalization) {
-      const locale = dom$f.ketchup.dates.locale;
+      const locale = dom$g.ketchup.dates.locale;
       if (!overrides.language || !overrides.language.name) {
-        dom$f.ketchup.language.set(KupLanguageDefaults[locale]);
+        dom$g.ketchup.language.set(KupLanguageDefaults[locale]);
       }
       if (!overrides.math || !overrides.math.locale) {
-        dom$f.ketchup.math.setLocale(KupMathLocales[locale]);
+        dom$g.ketchup.math.setLocale(KupMathLocales[locale]);
       }
     }
     document.dispatchEvent(new CustomEvent('kup-manager-ready'));
   }
-  return dom$f.ketchup;
+  return dom$g.ketchup;
 }
 
 /**
@@ -19450,6 +19601,7 @@ function createBar(data) {
  */
 const componentWrapperId = 'kup-component';
 
+const dom$f = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
@@ -19466,6 +19618,7 @@ const FTextField = (props, children) => {
 /*                  M e t h o d s                  */
 /*-------------------------------------------------*/
 function setContent(props) {
+  var _a, _b;
   const isOutlined = props.textArea || props.outlined;
   let labelEl;
   let iconEl;
@@ -19499,23 +19652,85 @@ function setContent(props) {
     'mdc-text-field--with-leading-icon': props.icon && !props.trailingIcon,
     'mdc-text-field--with-trailing-icon': props.icon && props.trailingIcon,
   };
+  let value = props.value;
+  let inputType = (_a = props.inputType) !== null && _a !== void 0 ? _a : 'text';
+  let persManageForNumberFormat = false;
+  if (props.inputType === 'number' && props.decimals && props.decimals > 0) {
+    inputType = 'text';
+    persManageForNumberFormat = true;
+  }
+  if (props.inputType === 'number') {
+    const options = {
+      allowNegative: (_b = props.allowNegative) !== null && _b !== void 0 ? _b : true,
+      decimal: props.decimals,
+      group: props.group,
+      integer: props.integers,
+    };
+    value = formatValue(value, options, false);
+  }
   return (h("div", { class: classObj },
     props.textArea && props.maxLength ? (h("div", { class: "mdc-text-field-character-counter" },
       "'0 / ' + ",
       props.maxLength)) : undefined,
     !props.trailingIcon ? iconEl : undefined,
     props.textArea ? (h("span", { class: "mdc-text-field__resizer" },
-      h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (h("input", { inputmode: props.inputMode ? props.inputMode : undefined, type: props.inputType ? props.inputType : 'text', step: props.step, min: props.min, max: props.max, name: props.name, class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, placeholder: props.fullWidth && !props.outlined
+      h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, maxlength: props.maxLength, value: value, onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (h("input", { inputmode: props.inputMode ? props.inputMode : undefined, type: inputType, step: props.step, min: props.min, max: props.max, name: props.name, class: "mdc-text-field__input", disabled: props.disabled, readOnly: props.readOnly, placeholder: props.fullWidth && !props.outlined
         ? props.label
-        : undefined, maxlength: props.maxLength, value: props.value, onBlur: props.onBlur, onChange: (e) => {
-        if (props.decimals !== null &&
-          props.inputType === 'number') {
-          e.target.value = parseFloat(e.target.value).toFixed(props.decimals);
+        : undefined, maxlength: props.maxLength, value: value, onBlur: (e) => {
+        var _a;
+        if (persManageForNumberFormat) {
+          const options = {
+            allowNegative: (_a = props.allowNegative) !== null && _a !== void 0 ? _a : true,
+            decimal: props.decimals,
+            group: props.group,
+            integer: props.integers,
+          };
+          e.target.value = formatValue(e.target.value, options, true);
+        }
+        if (props.onBlur) {
+          props.onBlur(e);
+        }
+      }, onChange: (e) => {
+        var _a;
+        if (persManageForNumberFormat) {
+          const options = {
+            allowNegative: (_a = props.allowNegative) !== null && _a !== void 0 ? _a : true,
+            decimal: props.decimals,
+            group: props.group,
+            integer: props.integers,
+          };
+          e.target.value = formatValue(e.target.value, options, true);
         }
         if (props.onChange) {
           props.onChange(e);
         }
-      }, onClick: props.onClick, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown })),
+      }, onClick: props.onClick, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown, onKeyPress: (e) => {
+        var _a;
+        if (!persManageForNumberFormat) {
+          return;
+        }
+        if (e.ctrlKey) {
+          return;
+        }
+        if (e.key.length > 1) {
+          return;
+        }
+        const options = {
+          allowNegative: (_a = props.allowNegative) !== null && _a !== void 0 ? _a : true,
+          decimal: props.decimals,
+          group: props.group,
+          integer: props.integers,
+        };
+        let component = e.target;
+        let value = component.value;
+        let beginVal = value.substring(0, component.selectionStart);
+        let endVal = value.substring(component.selectionEnd, component.selectionEnd + value.length - 1);
+        let val = beginVal + e.key + endVal;
+        if (!dom$f.ketchup.math.matchNumericValueWithOptions(val, options)) {
+          e.preventDefault();
+          return;
+        }
+      } })),
     props.isClearable ? (h("span", { class: `mdc-text-field__icon kup-icon ${KupThemeIconValues.CLEAR.replace('--', '')}`, onClick: props.onClearIconClick })) : undefined,
     props.trailingIcon ? iconEl : undefined,
     !props.fullWidth && !isOutlined ? labelEl : undefined,
@@ -19546,7 +19761,17 @@ function setHelper(props) {
       }
     }
   }
-}
+}
+const formatValue = function (value, options, inputIsLocalized) {
+  let formatedValue = value;
+  if (!formatedValue) {
+    return formatedValue;
+  }
+  if (formatedValue == '-') {
+    return '';
+  }
+  return dom$f.ketchup.math.format(formatedValue, dom$f.ketchup.math.createFormatPattern(options.group, options.decimal), inputIsLocalized);
+};
 
 /**
  * @license
@@ -22962,10 +23187,7 @@ function cellEvent(e, props, cellType, cellEventName) {
   const column = props.column;
   const comp = props.component;
   const row = props.row;
-  const isInputEvent = !!(e.target.tagName === 'INPUT');
-  let value = isInputEvent
-    ? e.target.value
-    : e.detail.value;
+  let value = getValueFromEventTaget(e, cellType);
   if (cellEventName === FCellEvents.UPDATE) {
     switch (cellType) {
       case FCellTypes.AUTOCOMPLETE:
@@ -23025,6 +23247,16 @@ function cellEvent(e, props, cellType, cellEventName) {
     }
   }
 }
+function getValueFromEventTaget(e, cellType) {
+  const isInputEvent = !!(e.target.tagName === 'INPUT');
+  let value = isInputEvent
+    ? e.target.value
+    : e.detail.value;
+  if (cellType === FCellTypes.NUMBER && isInputEvent) {
+    value = formattedStringToUnformattedStringNumber(value, '');
+  }
+  return value;
+}
 function isAutoCentered(props) {
   var _a;
   return autoCenterComps.includes((_a = props.component) === null || _a === void 0 ? void 0 : _a.rootElement.tagName);
@@ -28830,8 +29062,8 @@ class KupDataTableState {
     this.expandGroups = false;
     this.groupLabelDisplay = GroupLabelDisplayMode.BOTH;
     this.density = 'small';
-    this.enableSortableColumns = false;
     this.enableExtraColumns = true;
+    this.enableSortableColumns = false;
     this.forceOneLine = false;
     this.globalFilter = false;
     this.globalFilterValue = '';
@@ -30708,11 +30940,13 @@ var KupTabBarProps;
  */
 var KupTextFieldProps;
 (function (KupTextFieldProps) {
+  KupTextFieldProps["allowNegative"] = "When true, could be input negative numbers. It has effect only with number input type.";
   KupTextFieldProps["customStyle"] = "Custom style of the component.";
   KupTextFieldProps["decimals"] = "Number of decimals (should be used when inputType is number).";
   KupTextFieldProps["disabled"] = "When set to true, the component is disabled.";
   KupTextFieldProps["emitSubmitEventOnEnter"] = "When the text field is part of the autocomplete component and the list is opened, enter key selects the item and doesn't submit.";
   KupTextFieldProps["fullWidth"] = "When set to true, the component will be rendered at full width.";
+  KupTextFieldProps["group"] = "When true, the number will be formatted with group separator. It has effect only with number input type.";
   KupTextFieldProps["helper"] = "When set, its content will be shown as a help text below the field.";
   KupTextFieldProps["helperEnabled"] = "When true, the helper will be displayed.";
   KupTextFieldProps["helperWhenFocused"] = "When set, the helper will be shown only when the field is focused.";
@@ -30720,6 +30954,7 @@ var KupTextFieldProps;
   KupTextFieldProps["initialValue"] = "Sets the initial value of the component";
   KupTextFieldProps["inputMode"] = "The HTML inputmode of the input element. It has no effect on text areas.";
   KupTextFieldProps["inputType"] = "The HTML type of the input element. It has no effect on text areas.";
+  KupTextFieldProps["integers"] = "Number of integers (should be used when inputType is number).";
   KupTextFieldProps["isClearable"] = "Enables a clear trailing icon.";
   KupTextFieldProps["label"] = "When set, its content will be shown as a label.";
   KupTextFieldProps["leadingLabel"] = "When set to true, the label will be on the left of the component.";
@@ -30881,6 +31116,14 @@ class FiltersTreeItems extends FiltersRows {
 
 const kupTreeCss = ":host{--kup_tree_border:var(--kup-tree-border, 1px solid var(--kup-border-color));--kup_tree_color:var(--kup-tree-color, var(--kup-text-color));--kup_tree_color_rgb:var(--kup-tree-color-rgb, var(--kup-text-color-rgb));--kup_tree_font_family:var(--kup-tree-font-family, var(--kup-font-family));--kup_tree_filter_background_color:var(--kup-tree-filter-background-color, var(--kup-background-color));--kup_tree_font_family_monospace:var(\n    --kup-tree-font-family-monospace,\n    var(--kup-font-family-monospace)\n  );--kup_tree_font_size:var(--kup-tree-font-size, var(--kup-font-size));--kup_tree_hover_color:var(--kup-tree-hover-color, var(--kup-hover-color));--kup_tree_hover_background_color:var(\n    --kup-tree-hover-background-color,\n    var(--kup-hover-background-color)\n  );--kup_tree_icon_color:var(--kup-tree-icon-color, var(--kup-icon-color));--kup_tree_primary_color:var(\n    --kup-tree-primary-color,\n    var(--kup-primary-color)\n  );--kup_tree_primary_color_rgb:var(\n    --kup-tree-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_tree_text_on_primary_color:var(\n    --kup-tree-text-on-primary-color,\n    var(--kup-text-on-primary-color)\n  );display:block;font-family:var(--kup_tree_font_family);font-size:var(--kup_tree_font_size)}:host([prevent-x-scroll]) .wrapper{overflow-x:hidden}#kup-component{color:var(--kup_tree_color)}.density-dense .wrapper .kup-tree td:not(.grid-cell),.density-dense .wrapper .kup-tree th{padding:0 0.5em}.density-dense .wrapper .kup-tree td:not(.grid-cell) .kup-tree__icon~.cell-content,.density-dense .wrapper .kup-tree td:not(.grid-cell) .kup-tree__icon+.cell-content,.density-dense .wrapper .kup-tree th .kup-tree__icon~.cell-content,.density-dense .wrapper .kup-tree th .kup-tree__icon+.cell-content{vertical-align:0.4em}.density-wide .wrapper .kup-tree td:not(.grid-cell),.density-wide .wrapper .kup-tree th{padding:0.75em 0.5em}.wrapper{overflow-x:auto}.wrapper .kup-tree{border-collapse:collapse;width:max-content}.wrapper .kup-tree thead{display:none}.wrapper .kup-tree thead.header--is-visible{display:table-header-group}.wrapper .kup-tree thead.header--is-visible th{padding:0.8em 0.5em;font-size:1.1em}.wrapper .kup-tree thead th{text-align:left}.wrapper .kup-tree tr,.wrapper .kup-tree td{font-size:1em;line-height:1em}.wrapper .kup-tree tr.mdc-ripple-surface,.wrapper .kup-tree td.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.wrapper .kup-tree tr.mdc-ripple-surface:before,.wrapper .kup-tree tr.mdc-ripple-surface:after,.wrapper .kup-tree td.mdc-ripple-surface:before,.wrapper .kup-tree td.mdc-ripple-surface:after{background-color:var(--kup_tree_primary_color)}.wrapper .kup-tree tr .kup-tree__icon~.cell-content,.wrapper .kup-tree tr .kup-tree__icon+.cell-content,.wrapper .kup-tree td .kup-tree__icon~.cell-content,.wrapper .kup-tree td .kup-tree__icon+.cell-content{display:inline-block;vertical-align:0.3em}.wrapper .kup-tree td:not(.grid-cell),.wrapper .kup-tree th{padding:0.4em 0.5em}.wrapper .kup-tree td{padding:0;white-space:nowrap}.wrapper .kup-tree__indent{display:inline-block;width:calc(1.5em * var(--kup_tree_node_depth, 0))}.wrapper .kup-tree__icon{display:inline-block;margin-right:0.4em;height:1.5em;min-width:1.5em;width:1.5em}.wrapper .kup-tree__node__expander{transition:transform 0.1s}.wrapper .kup-tree__node{cursor:default}.wrapper .kup-tree__node.with-dyn:not(.kup-tree__node--disabled){cursor:pointer}.wrapper .kup-tree__node:not(.kup-tree__node--disabled) .wrapper .kup-tree__node__expander{cursor:pointer}.wrapper .kup-tree__node:not(.kup-tree__node--disabled) .kup-icon.kup-tree__node__expander{cursor:pointer}.wrapper .kup-tree__node--disabled{opacity:0.4}.wrapper .kup-tree__node--disabled__expander{pointer-events:none}.wrapper .kup-tree__node .kup-icon:not(.is-image){background-color:var(--kup_tree_icon_color)}.wrapper .kup-tree__node .kup-icon.kup-tree__node__expander:not(.is-image){background-color:var(--kup_tree_color)}.wrapper .kup-tree__node .kup-icon.is-image img{display:block;height:auto;width:100%}.wrapper .kup-tree__node:hover:not(.kup-tree__node--disabled):not(.kup-tree__node--selected) td{background-color:var(--kup_tree_hover_background_color);color:var(--kup_tree_hover_color)}.wrapper .kup-tree__node:hover:not(.kup-tree__node--disabled):not(.kup-tree__node--selected) td .kup-icon{background-color:var(--kup_tree_hover_color)}.wrapper .kup-tree__node--selected:not(.kup-tree__node--disabled) td{background-color:rgba(var(--kup_tree_primary_color_rgb), 0.175);color:var(--kup_tree_color)}.wrapper .kup-tree[data-show-columns] .kup-tree__node{border-bottom:solid 1px var(--kup-border-color)}#global-filter{background:var(--kup_tree_filter_background_color);margin-bottom:1em;position:sticky;top:0;z-index:1}.first-node .cell-content{font-weight:bold}.cell-content--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--kup_tree_content_width, auto)}.cell-content--highlighted{color:var(--kup_tree_text_on_primary_color);background-color:var(--kup_tree_primary_color)}.kup-icon.kup-filter-remove-icon:not(.f-image){background-color:var(--kup_tree_color);margin:0 0.25em;height:1em;width:1em;cursor:pointer;float:right;margin:0 0.25em;opacity:0.5}.grid-cell{height:0}tfoot td{border-bottom:var(--kup_tree_border);border-right:var(--kup_tree_border);box-sizing:border-box;height:36px;text-align:right;font-weight:bold;padding:0.5em 0.3125em}tfoot td:hover{background-color:var(--kup-background-color)}tfoot td:first-of-type{border:none;border-right:var(--kup_tree_border)}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup_tree_color)}.totals-value{font-weight:bold}:host([as-accordion]) .wrapper .kup-tree thead{display:table-header-group}:host([as-accordion]) .wrapper .kup-tree thead tr{border-left:var(--kup_tree_border);border-right:var(--kup_tree_border)}:host([as-accordion]) .density-dense .first-node:not(.grid-cell){padding:0.5em 1em}:host([as-accordion]) .density-medium .first-node:not(.grid-cell){padding:1em 1.5em}:host([as-accordion]) .density-wide .first-node:not(.grid-cell){padding:1.75em 1.75em}:host([as-accordion]) .kup-tree__node--first{border:none;box-sizing:border-box;display:block}:host([as-accordion]) .kup-tree__node--first:hover,:host([as-accordion]) .kup-tree__node--first[data-is-expanded]{background-color:var(--kup_tree_hover_background_color)}:host([as-accordion]) .kup-tree__node--first:hover .cell-content,:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .cell-content{color:var(--kup_tree_hover_color)}:host([as-accordion]) .kup-tree__node--first:hover .kup-icon,:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .kup-icon{background-color:var(--kup_tree_hover_color)}:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .first-node{border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .kup-dropdown-icon{transform:rotate(180deg)}:host([as-accordion]) .kup-tree__node--first:first-of-type .first-node{border-top-left-radius:4px;border-top-right-radius:4px;border-top:var(--kup_tree_border)}:host([as-accordion]) .kup-tree__node--first:last-of-type .first-node{border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host([as-accordion]) .kup-tree__node--first .first-node{align-items:center;border-bottom:var(--kup_tree_border);border-left:var(--kup_tree_border);border-right:var(--kup_tree_border);box-sizing:border-box;color:var(--kup_tree_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;text-align:left;transition:background-color 80ms, color 80ms;width:100%}:host([as-accordion]) .kup-tree__node--first .kup-tree__icon{margin-left:0;margin-right:0.5em;min-width:1.5em}:host([as-accordion]) .kup-tree__node--first .cell-content{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}:host([as-accordion]) .kup-tree__node--first .kup-dropdown-icon{background-color:var(--kup_tree_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform 0.1s}:host([as-accordion]) .kup-tree__node:not(.kup-tree__node--first)+.kup-tree__node--first{border-top:var(--kup_tree_border);border-top-left-radius:4px;border-top-right-radius:4px}.kup-menu{animation:fade-in 0.25s ease-out;background-color:var(--kup-background-color);box-shadow:var(--kup-box-shadow);color:var(--kup-text-color);display:none;max-height:33vh;overflow:auto;position:relative;transform:none;transform-origin:unset;transition:height 0.2s;will-change:unset}.kup-menu.visible{display:block}.kup-icon.kup-collapsed-icon{-webkit-mask:var(--kup-collapsed-icon);mask:var(--kup-collapsed-icon)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}.kup-icon.kup-expanded-icon{-webkit-mask:var(--kup-expanded-icon);mask:var(--kup-expanded-icon)}.kup-icon.kup-filter-remove-icon{-webkit-mask:var(--kup-filter-remove-icon);mask:var(--kup-filter-remove-icon)}:host(.kup-borderless) .first-node{border:none !important}:host(.kup-borderless) .kup-tree__node:not(.kup-tree__node--first)+.kup-tree__node--first{border:none !important}:host(.kup-full-width){min-width:100%}:host(.kup-full-width) table.kup-tree{min-width:100%}:host(.kup-layout-fixed) #kup-component table{table-layout:fixed;width:100%}:host(.kup-shaped) td.mdc-ripple-surface{border-radius:0 66px 66px 0}tr.clickable{cursor:pointer}";
 
+var __classPrivateFieldGet$7 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+  if (kind === "a" && !f)
+    throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+    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 _KupTree_kupManager;
 const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
   constructor() {
     super();
@@ -30907,7 +31150,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
     /**
      * Instance of the KupManager class.
      */
-    this.kupManager = kupManagerInstance();
+    _KupTree_kupManager.set(this, kupManagerInstance());
     /**
      * Reference to the column menu card.
      */
@@ -30972,31 +31215,31 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
   persistState() {
     if (this.store && this.stateId) {
       let somethingChanged = false;
-      if (!this.kupManager.objects.deepEqual(this.state.filters, this.filters)) {
+      if (!__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.filters, this.filters)) {
         this.state.filters = Object.assign({}, this.filters);
         somethingChanged = true;
       }
-      if (!this.kupManager.objects.deepEqual(this.state.density, this.density)) {
+      if (!__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.density, this.density)) {
         this.state.density = this.density;
         somethingChanged = true;
       }
-      if (!this.kupManager.objects.deepEqual(this.state.showFilters, this.showFilters)) {
+      if (!__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.showFilters, this.showFilters)) {
         this.state.showFilters = this.showFilters;
         somethingChanged = true;
       }
-      if (!this.kupManager.objects.deepEqual(this.state.showFooter, this.showFooter)) {
+      if (!__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.showFooter, this.showFooter)) {
         this.state.showFooter = this.showFooter;
         somethingChanged = true;
       }
-      if (!this.kupManager.objects.deepEqual(this.state.totals, this.totals)) {
+      if (!__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.totals, this.totals)) {
         this.state.totals = Object.assign({}, this.totals);
         somethingChanged = true;
       }
-      if (!this.kupManager.objects.deepEqual(this.state.globalFilter, this.globalFilter)) {
+      if (!__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.globalFilter, this.globalFilter)) {
         this.state.globalFilter = this.globalFilter;
         somethingChanged = true;
       }
-      if (!this.kupManager.objects.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
+      if (!__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
         this.state.globalFilterValue = this.globalFilterValue;
         somethingChanged = true;
       }
@@ -31127,7 +31370,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
    * @param {KupDataColumn} column - Column to hide.
    */
   async hideColumn(column) {
-    this.kupManager.data.column.hide(this.columns, [column.name]);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").data.column.hide(this.columns, [column.name]);
     this.kupColumnRemove.emit({
       comp: this,
       id: this.rootElement.id,
@@ -31211,21 +31454,21 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
     return this.treeColumnVisible;
   }
   checkScrollOnHover() {
-    if (!this.kupManager.scrollOnHover.isRegistered(this.treeWrapperRef)) {
+    if (!__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").scrollOnHover.isRegistered(this.treeWrapperRef)) {
       if (this.scrollOnHover) {
-        this.kupManager.scrollOnHover.register(this.treeWrapperRef);
+        __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").scrollOnHover.register(this.treeWrapperRef);
       }
     }
     else {
       if (!this.scrollOnHover) {
-        this.kupManager.scrollOnHover.unregister(this.treeWrapperRef);
+        __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").scrollOnHover.unregister(this.treeWrapperRef);
       }
     }
   }
   onKupTreeNodeDblClick(treeNodeData, treeNodePath) {
     for (let index = 0; index < this.clickTimeout.length; index++) {
       clearTimeout(this.clickTimeout[index]);
-      this.kupManager.debug.logMessage(this, 'Cleared hdlTreeNodeClick timeout(' +
+      __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").debug.logMessage(this, 'Cleared hdlTreeNodeClick timeout(' +
         this.clickTimeout[index] +
         ').');
     }
@@ -31414,7 +31657,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
   }
   contextMenuHandler(e) {
     e.preventDefault();
-    const details = this.getEventDetails(this.getEventPath(e.target), e);
+    const details = this.getEventDetails(__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").getEventPath(e.target, this.rootElement), e);
     if (details.area === 'header') {
       if (details.th && details.column) {
         this.openColumnMenu(details.column.name);
@@ -31430,18 +31673,6 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
     }
     return details;
   }
-  getEventPath(currentEl) {
-    const path = [];
-    while (currentEl &&
-      currentEl !== this.rootElement &&
-      currentEl !== document.body) {
-      path.push(currentEl);
-      currentEl = currentEl.parentNode
-        ? currentEl.parentNode
-        : currentEl.host;
-    }
-    return path;
-  }
   // When a TreeNode can be selected
   hdlTreeNodeClick(e, treeNodeData, treeNodePath) {
     if (this.expansionMode.toLowerCase() ===
@@ -31449,7 +31680,9 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
       (this.expansionMode.toLowerCase() === KupTreeExpansionMode.NODE &&
         !treeNodeData.expandable)) {
       const td = e
-        ? this.getEventPath(e.target).find((el) => {
+        ? __classPrivateFieldGet$7(this, _KupTree_kupManager, "f")
+          .getEventPath(e.target, this.rootElement)
+          .find((el) => {
           if (el.tagName === 'TD')
             return el;
         })
@@ -31641,10 +31874,10 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
   refreshStructureState() {
     if (this.data) {
       if (this.data.columns) {
-        this.kupManager.debug.logMessage(this, 'Detected KupDataDataset: setting up tree as grid.', KupDebugCategory.WARNING);
+        __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").debug.logMessage(this, 'Detected KupDataDataset: setting up tree as grid.', KupDebugCategory.WARNING);
         const data = this.data;
         this.columns = data.columns;
-        this.data = this.kupManager.data.row.toNode(data);
+        this.data = __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").data.row.toNode(data);
         this.showColumns = true;
         this.showHeader = true;
       }
@@ -31707,7 +31940,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
       //---- Filter ----
       let filter = null;
       if (this.filtersColumnMenuInstance.hasFiltersForColumn(this.filters, column)) {
-        const svgLabel = this.kupManager.language.translate(KupLanguageGeneric.REMOVE_FILTERS) + `: '${this.getFilterValueForTooltip(column)}'`;
+        const svgLabel = __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageGeneric.REMOVE_FILTERS) + `: '${this.getFilterValueForTooltip(column)}'`;
         /**
          * When column has a filter but filters must not be displayed, shows an icon to remove the filter.
          * Upon click, the filter gets removed.
@@ -31782,9 +32015,9 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
         expandClass += ` ${KupThemeIconValues.COLLAPSED.replace('--', '')}`;
       }
     }
-    let treeExpandIcon = (h("span", { title: this.kupManager.language.translate(KupLanguageGeneric.EXPAND) +
+    let treeExpandIcon = (h("span", { title: __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageGeneric.EXPAND) +
         '/' +
-        this.kupManager.language.translate(KupLanguageGeneric.COLLAPSE) +
+        __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageGeneric.COLLAPSE) +
         ' (CTRL + Click)', class: expandClass, onClick: this.expansionMode.toLowerCase() ===
         KupTreeExpansionMode.DROPDOWN && !treeNodeData.disabled
         ? (event) => {
@@ -31857,8 +32090,8 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
       }
     }
     let title = undefined;
-    if (!this.kupManager.objects.isEmptyKupObj(treeNodeData.obj) &&
-      this.kupManager.debug.isDebug()) {
+    if (!__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").objects.isEmptyKupObj(treeNodeData.obj) &&
+      __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").debug.isDebug()) {
       title =
         treeNodeData.obj.t +
           '; ' +
@@ -31881,7 +32114,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
           'mdc-ripple-surface': this.ripple &&
             !this.showColumns &&
             !treeNodeData.disabled,
-          'is-obj': !this.kupManager.objects.isEmptyKupObj(treeNodeData.obj),
+          'is-obj': !__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").objects.isEmptyKupObj(treeNodeData.obj),
         }, style: treeNodeData.style || null, title: title, onDblClick: () => {
           this.onKupTreeNodeDblClick(treeNodeData, treeNodePath);
         } }, this.asAccordion && !treeNodeDepth
@@ -31904,7 +32137,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
   }
   closeTotalMenu() {
     this.openedTotalMenu = null;
-    this.kupManager.removeClickCallback(this.clickCb);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").removeClickCallback(this.clickCb);
   }
   isOpenedTotalMenuForColumn(column) {
     return this.openedTotalMenu === column;
@@ -31934,15 +32167,15 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
       let totalMenu = undefined;
       let menuLabel = TotalLabel.CALC;
       const translation = {
-        [TotalLabel.AVERAGE]: this.kupManager.language.translate(KupLanguageTotals.AVERAGE),
-        [TotalLabel.CALC]: this.kupManager.language.translate(KupLanguageTotals.CALCULATE),
-        [TotalLabel.CANC]: this.kupManager.language.translate(KupLanguageTotals.CANCEL),
-        [TotalLabel.COUNT]: this.kupManager.language.translate(KupLanguageTotals.COUNT),
-        [TotalLabel.DISTINCT]: this.kupManager.language.translate(KupLanguageTotals.DISTINCT),
-        [TotalLabel.MATH]: this.kupManager.language.translate(KupLanguageTotals.FORMULA),
-        [TotalLabel.MAX]: this.kupManager.language.translate(KupLanguageTotals.MAXIMUM),
-        [TotalLabel.MIN]: this.kupManager.language.translate(KupLanguageTotals.MINIMUM),
-        [TotalLabel.SUM]: this.kupManager.language.translate(KupLanguageTotals.SUM),
+        [TotalLabel.AVERAGE]: __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.AVERAGE),
+        [TotalLabel.CALC]: __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.CALCULATE),
+        [TotalLabel.CANC]: __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.CANCEL),
+        [TotalLabel.COUNT]: __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.COUNT),
+        [TotalLabel.DISTINCT]: __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.DISTINCT),
+        [TotalLabel.MATH]: __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.FORMULA),
+        [TotalLabel.MAX]: __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.MAXIMUM),
+        [TotalLabel.MIN]: __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.MINIMUM),
+        [TotalLabel.SUM]: __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.SUM),
       };
       if (this.totals) {
         const totalValue = this.totals[column.name];
@@ -31985,7 +32218,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
             value: translation[TotalLabel.DISTINCT],
           },
         ];
-        if (this.kupManager.objects.isNumber(column.obj)) {
+        if (__classPrivateFieldGet$7(this, _KupTree_kupManager, "f").objects.isNumber(column.obj)) {
           listData.push({
             id: TotalMode.SUM,
             value: translation[TotalLabel.SUM],
@@ -32051,25 +32284,25 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
         });
       }
     };
-    this.kupManager.interact.on(this.treeWrapperRef, KupPointerEventTypes.TAP, tapCb);
-    this.kupManager.interact.on(this.treeWrapperRef, KupPointerEventTypes.HOLD, holdCb);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").interact.on(this.treeWrapperRef, KupPointerEventTypes.TAP, tapCb);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").interact.on(this.treeWrapperRef, KupPointerEventTypes.HOLD, holdCb);
   }
   totalMenuPosition() {
     if (this.rootElement.shadowRoot) {
       const menu = this.rootElement.shadowRoot.querySelector('#totals-menu');
       if (menu) {
-        this.kupManager.dynamicPosition.register(menu, this.totalMenuCoords);
+        __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").dynamicPosition.register(menu, this.totalMenuCoords);
         if (!this.clickCb) {
           this.clickCb = {
             cb: () => {
               this.closeTotalMenu();
-              this.kupManager.dynamicPosition.stop(menu);
+              __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").dynamicPosition.stop(menu);
             },
             el: menu,
           };
         }
-        this.kupManager.addClickCallback(this.clickCb, true);
-        this.kupManager.dynamicPosition.start(menu);
+        __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").addClickCallback(this.clickCb, true);
+        __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").dynamicPosition.start(menu);
         menu.menuVisible = true;
       }
     }
@@ -32127,20 +32360,20 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
   /*          L i f e c y c l e   H o o k s          */
   /*-------------------------------------------------*/
   componentWillLoad() {
-    this.kupManager.debug.logLoad(this, false);
-    this.kupManager.language.register(this);
-    this.kupManager.theme.register(this);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").debug.logLoad(this, false);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.register(this);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").theme.register(this);
     this.columnMenuInstance = new KupColumnMenu();
     this.refreshStructureState();
   }
   componentDidLoad() {
     this.didLoadInteractables();
     this.kupDidLoad.emit({ comp: this, id: this.rootElement.id });
-    this.kupManager.resize.observe(this.rootElement);
-    this.kupManager.debug.logLoad(this, true);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").resize.observe(this.rootElement);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").debug.logLoad(this, true);
   }
   componentWillRender() {
-    this.kupManager.debug.logRender(this, false);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").debug.logRender(this, false);
     if (this.showFooter && this.columns) {
       this.footer = calcTotals(normalizeRows(this.getColumns(), this.nodesToRows()), this.totals);
     }
@@ -32172,7 +32405,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
     this.persistState();
     // ***
     this.oldWidth = this.rootElement.clientWidth;
-    this.kupManager.debug.logRender(this, true);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").debug.logRender(this, true);
   }
   render() {
     this.contentRefs = [];
@@ -32195,7 +32428,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
     }
     else {
       // There are no TreeNodes, so we print a single cell with a caption
-      treeNodes.push(h("tr", null, h("td", null, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA))));
+      treeNodes.push(h("tr", null, h("td", null, __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA))));
     }
     // Calculates if header must be shown or not
     const visibleHeader = this.showHeader && this.showColumns;
@@ -32204,12 +32437,12 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
       this.data &&
       this.data.length &&
       this.data.length > 0) {
-      filterField = (h("div", { id: "global-filter" }, h("kup-text-field", { fullWidth: true, label: this.kupManager.language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
+      filterField = (h("div", { id: "global-filter" }, h("kup-text-field", { fullWidth: true, label: __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
           window.clearTimeout(this.globalFilterTimeout);
           this.globalFilterTimeout = window.setTimeout(() => this.onGlobalFilterChange(event), 600);
         } })));
     }
-    return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId, class: wrapperClass }, filterField, h("div", { class: "wrapper", ref: (el) => (this.treeWrapperRef =
+    return (h(Host, null, h("style", null, __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId, class: wrapperClass }, filterField, h("div", { class: "wrapper", ref: (el) => (this.treeWrapperRef =
         el) }, h("table", { class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
         e.preventDefault();
       } }, h("thead", { class: {
@@ -32220,18 +32453,18 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
       : null)))));
   }
   disconnectedCallback() {
-    this.kupManager.language.register(this);
-    this.kupManager.resize.unobserve(this.rootElement);
-    this.kupManager.theme.unregister(this);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").language.register(this);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").resize.unobserve(this.rootElement);
+    __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").theme.unregister(this);
     const dynamicPositionElements = this.rootElement.shadowRoot.querySelectorAll('[' + kupDynamicPositionAttribute + ']');
     if (dynamicPositionElements.length > 0) {
-      this.kupManager.dynamicPosition.unregister(Array.prototype.slice.call(dynamicPositionElements));
+      __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").dynamicPosition.unregister(Array.prototype.slice.call(dynamicPositionElements));
     }
     if (this.columnMenuCard) {
       this.columnMenuCard.remove();
     }
     if (this.scrollOnHover) {
-      this.kupManager.scrollOnHover.unregister(this.treeWrapperRef);
+      __classPrivateFieldGet$7(this, _KupTree_kupManager, "f").scrollOnHover.unregister(this.treeWrapperRef);
     }
     this.kupDidUnload.emit({ comp: this, id: this.rootElement.id });
   }
@@ -32287,6 +32520,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
     "resizeCallback": [64],
     "setProps": [64]
   }]);
+_KupTree_kupManager = new WeakMap();
 function defineCustomElement$q() {
   if (typeof customElements === "undefined") {
     return;
@@ -33007,6 +33241,14 @@ function defineCustomElement$p() {
 
 const kupTextFieldCss = ":host{display:block;font-size:var(--kup-font-size)}:host([full-width]){width:100%}:host([full-width]) #kup-component{width:100%}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component,:host(.kup-full-height) .f-text-field,:host(.kup-full-height) .mdc-text-field{height:100%}:host(.kup-shaped) #kup-component .mdc-text-field.mdc-text-field--filled{border-radius:16px 16px 0 0}:host(.kup-shaped) #kup-component .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{border-radius:28px 0 0 28px;width:28px}:host(.kup-shaped) #kup-component .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-radius:0 28px 28px 0;width:28px}";
 
+var __classPrivateFieldGet$6 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+  if (kind === "a" && !f)
+    throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+    throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _KupTextField_instances, _KupTextField_getValueForOutput, _KupTextField_setValueFromEventTaget;
 const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
   constructor() {
     super();
@@ -33020,16 +33262,19 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
     this.kupIconClick = createEvent(this, "kup-textfield-iconclick", 6);
     this.kupClearIconClick = createEvent(this, "kup-textfield-cleariconclick", 6);
     this.kupTextFieldSubmit = createEvent(this, "kup-textfield-submit", 6);
+    _KupTextField_instances.add(this);
     /**
      * Instance of the KupManager class.
      */
     this.kupManager = kupManagerInstance();
     this.value = '';
+    this.allowNegative = false;
     this.customStyle = '';
     this.decimals = null;
     this.disabled = false;
     this.emitSubmitEventOnEnter = true;
     this.fullWidth = false;
+    this.group = false;
     this.helper = null;
     this.helperEnabled = true;
     this.helperWhenFocused = false;
@@ -33037,6 +33282,7 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
     this.initialValue = '';
     this.inputMode = null;
     this.inputType = 'text';
+    this.integers = null;
     this.isClearable = false;
     this.label = null;
     this.leadingLabel = false;
@@ -33053,35 +33299,36 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
   }
   onKupBlur(event) {
     const { target } = event;
+    __classPrivateFieldGet$6(this, _KupTextField_instances, "m", _KupTextField_setValueFromEventTaget).call(this, target);
     this.kupBlur.emit({
       comp: this,
       id: this.rootElement.id,
-      value: target.value,
+      value: this.value,
     });
   }
   onKupChange(event) {
     const { target } = event;
-    this.value = target.value;
+    __classPrivateFieldGet$6(this, _KupTextField_instances, "m", _KupTextField_setValueFromEventTaget).call(this, target);
     this.kupChange.emit({
       comp: this,
       id: this.rootElement.id,
-      value: target.value,
+      value: this.value,
     });
   }
   onKupClick(event) {
     const { target } = event;
+    __classPrivateFieldGet$6(this, _KupTextField_instances, "m", _KupTextField_setValueFromEventTaget).call(this, target);
     this.kupClick.emit({
       comp: this,
       id: this.rootElement.id,
-      value: target.value,
+      value: this.value,
     });
   }
-  onKupFocus(event) {
-    const { target } = event;
+  onKupFocus(_event) {
     this.kupFocus.emit({
       comp: this,
       id: this.rootElement.id,
-      value: target.value,
+      value: this.value,
     });
   }
   onKupInput(event) {
@@ -33109,12 +33356,14 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
     });
   }
   onKeyDown(event) {
+    const { target } = event;
     if (event.key === 'Enter') {
       if (this.emitSubmitEventOnEnter == true) {
+        __classPrivateFieldGet$6(this, _KupTextField_instances, "m", _KupTextField_setValueFromEventTaget).call(this, target);
         this.kupTextFieldSubmit.emit({
           comp: this,
           id: this.rootElement.id,
-          value: this.inputEl.value,
+          value: this.value,
         });
       }
     }
@@ -33134,6 +33383,9 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
    * Returns the component's internal value.
    */
   async getValue() {
+    if (this.inputType == 'number') {
+      return formattedStringToUnformattedStringNumber(this.value, '');
+    }
     return this.value;
   }
   /**
@@ -33161,7 +33413,7 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
   async setValue(value) {
     this.value = value;
     try {
-      this.inputEl.value = value;
+      this.inputEl.value = __classPrivateFieldGet$6(this, _KupTextField_instances, "m", _KupTextField_getValueForOutput).call(this);
     }
     catch (error) {
       this.kupManager.debug.logMessage(this, "Couldn't set value on input element: '" + value + "'", KupDebugCategory.WARNING);
@@ -33197,6 +33449,7 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
   }
   render() {
     const props = {
+      allowNegative: this.allowNegative,
       danger: this.rootElement.classList.contains('kup-danger')
         ? true
         : false,
@@ -33206,6 +33459,7 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
         ? true
         : false,
       fullWidth: this.fullWidth,
+      group: this.group,
       helper: this.helper,
       helperEnabled: this.helperEnabled,
       helperWhenFocused: this.helperWhenFocused,
@@ -33215,6 +33469,7 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
         : false,
       inputMode: this.inputMode,
       inputType: this.inputType,
+      integers: this.integers,
       isClearable: this.isClearable,
       label: this.label,
       leadingLabel: this.leadingLabel,
@@ -33258,11 +33513,13 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
   get rootElement() { return this; }
   static get style() { return kupTextFieldCss; }
 }, [1, "kup-text-field", {
+    "allowNegative": [4, "allow-negative"],
     "customStyle": [1, "custom-style"],
     "decimals": [2],
     "disabled": [4],
     "emitSubmitEventOnEnter": [4, "emit-submit-event-on-enter"],
     "fullWidth": [516, "full-width"],
+    "group": [4],
     "helper": [1],
     "helperEnabled": [4, "helper-enabled"],
     "helperWhenFocused": [4, "helper-when-focused"],
@@ -33270,6 +33527,7 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
     "initialValue": [1, "initial-value"],
     "inputMode": [1, "input-mode"],
     "inputType": [1, "input-type"],
+    "integers": [2],
     "isClearable": [4, "is-clearable"],
     "label": [1],
     "leadingLabel": [4, "leading-label"],
@@ -33291,6 +33549,20 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$
     "setProps": [64],
     "setValue": [64]
   }]);
+_KupTextField_instances = new WeakSet(), _KupTextField_getValueForOutput = function _KupTextField_getValueForOutput() {
+  if (this.value == null || this.value.trim() == '') {
+    return '';
+  }
+  let v1 = unformattedStringToFormattedStringNumber(this.value, this.decimals, '');
+  return v1;
+}, _KupTextField_setValueFromEventTaget = function _KupTextField_setValueFromEventTaget(target) {
+  if (this.inputType == 'number') {
+    this.value = formattedStringToUnformattedStringNumber(target.value, '');
+  }
+  else {
+    this.value = target.value;
+  }
+};
 function defineCustomElement$o() {
   if (typeof customElements === "undefined") {
     return;
@@ -38497,7 +38769,7 @@ var __classPrivateFieldSet$2 = (undefined && undefined.__classPrivateFieldSet) |
     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 _KupDataTable_instances, _KupDataTable_initialized, _KupDataTable_rows, _KupDataTable_rowsLength, _KupDataTable_paginatedRows, _KupDataTable_paginatedRowsLength, _KupDataTable_footer, _KupDataTable_kupManager, _KupDataTable_renderedRows, _KupDataTable_loadMoreEventCounter, _KupDataTable_loadMoreEventPreviousQuantity, _KupDataTable_theadRef, _KupDataTable_tableRef, _KupDataTable_originalData, _KupDataTable_tableAreaRef, _KupDataTable_stickyTheadRef, _KupDataTable_customizeTopButtonRef, _KupDataTable_customizeTopPanelRef, _KupDataTable_sizedColumns, _KupDataTable_intObserver, _KupDataTable_navBarHeight, _KupDataTable_theadIntersecting, _KupDataTable_tableIntersecting, _KupDataTable_isSafariBrowser, _KupDataTable_isRestoringState, _KupDataTable_globalFilterTimeout, _KupDataTable_totalMenuCoords, _KupDataTable_clickTimeout, _KupDataTable_thRefs, _KupDataTable_rowsRefs, _KupDataTable_oldWidth, _KupDataTable_hold, _KupDataTable_interactableDrag, _KupDataTable_interactableDrop, _KupDataTable_interactableResize, _KupDataTable_interactableTouch, _KupDataTable_dropareaRef, _KupDataTable_removeDropareaRef, _KupDataTable_groupsDropareaRef, _KupDataTable_clickCb, _KupDataTable_clickCbCustomPanel, _KupDataTable_clickCbDropCard, _KupDataTable_resizeTimeout, _KupDataTable_columnMenuInstance, _KupDataTable_filtersColumnMenuInstance, _KupDataTable_filtersRowsInstance, _KupDataTable_detailCard, _KupDataTable_insertCard, _KupDataTable_confirmDeleteCard, _KupDataTable_confirmDeleteDialog, _KupDataTable_columnMenuCard, _KupDataTable_columnDropCard, _KupDataTable_columnDropCardAnchor, _KupDataTable_insertCount, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _KupDataTable_closeDropCard, _KupDataTable_createDropCard, _KupDataTable_calculateData, _KupDataTable_getRow, _KupDataTable_getTransposedData, _KupDataTable_setTransposedData, _KupDataTable_switchToTotalsMatrix, _KupDataTable_setObjForTotalsMatrix, _KupDataTable_stickyHeaderPosition, _KupDataTable_updateStickyHeaderSize, _KupDataTable_setObserver, _KupDataTable_didLoadInteractables, _KupDataTable_didRenderInteractables, _KupDataTable_didLoadObservers, _KupDataTable_didRenderObservers, _KupDataTable_didLoadEventHandling, _KupDataTable_scrollStickyHeader, _KupDataTable_checkScrollOnHover, _KupDataTable_customizePanelPosition, _KupDataTable_rowsPointLength, _KupDataTable_paginatedRowsPointLength, _KupDataTable__rowsLength, _KupDataTable_setDynPosElements, _KupDataTable_getEventPath, _KupDataTable_resetSelectedRows, _KupDataTable_getSizedColumns, _KupDataTable_rowDetail, _KupDataTable_rowInsertForm, _KupDataTable_rowsDelete, _KupDataTable_getEventDetails, _KupDataTable_clickHandler, _KupDataTable_contextMenuHandler, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_composeFixedCellStyleAndClass, _KupDataTable_updateFixedRowsAndColumnsCssVariables, _KupDataTable_onColumnSort, _KupDataTable_onRemoveFilter, _KupDataTable_getFilterValueForTooltip, _KupDataTable_onGlobalFilterChange, _KupDataTable_handlePageChange, _KupDataTable_handleRowsPerPageChange, _KupDataTable_onRowClick, _KupDataTable_selectColumn, _KupDataTable_deselectColumn, _KupDataTable_onDefaultRowActionClick, _KupDataTable_onRowActionExpanderClick, _KupDataTable_handleRowSelect, _KupDataTable_onRowExpand, _KupDataTable_onSelectAll, _KupDataTable_openTotalMenu, _KupDataTable_closeTotalMenu, _KupDataTable_isOpenedTotalMenuForColumn, _KupDataTable_groupRows, _KupDataTable_onLoadMoreClick, _KupDataTable_adjustGroupState, _KupDataTable_adjustGroupStateFromRow, _KupDataTable_sortRows, _KupDataTable_getSortIcon, _KupDataTable_getSortDecode, _KupDataTable_calculateColspan, _KupDataTable_isGroupExpanded, _KupDataTable_handleColumnSort, _KupDataTable_moveSortedColumns, _KupDataTable_applyLineBreaks, _KupDataTable_composeHeaderCellClassAndStyle, _KupDataTable_renderHeader, _KupDataTable_renderStickyHeader, _KupDataTable_totalMenuPosition, _KupDataTable_onTotalMenuOpen, _KupDataTable_renderRow, _KupDataTable_renderActions, _KupDataTable_onCustomSettingsClick, _KupDataTable_openCustomSettings, _KupDataTable_closeCustomSettings, _KupDataTable_renderPaginator, _KupDataTable_columnRemoveArea, _KupDataTable_columnGroupArea, _KupDataTable_hideShowColumnDropArea, _KupDataTable_handleColumnGroup, _KupDataTable_transcodeItem, _KupDataTable_createListData, _KupDataTable_FONTSIZE_CODES, _KupDataTable_FONTSIZE_DECODES, _KupDataTable_FONTSIZE_ICONS, _KupDataTable_getFontSizeCodeFromDecode, _KupDataTable_renderFontSizePanel, _KupDataTable_DENSITY_DECODES, _KupDataTable_DENSITY_ICONS, _KupDataTable_getDensityCodeFromDecode, _KupDataTable_renderDensityPanel, _KupDataTable_GRID_CODES, _KupDataTable_GRID_DECODES, _KupDataTable_GRID_ICONS, _KupDataTable_getGridCodeFromDecode, _KupDataTable_renderTransposeSwitch, _KupDataTable_renderTotalsMatrix, _KupDataTable_renderGridPanel;
+var _KupDataTable_instances, _KupDataTable_initialized, _KupDataTable_rows, _KupDataTable_rowsLength, _KupDataTable_paginatedRows, _KupDataTable_paginatedRowsLength, _KupDataTable_footer, _KupDataTable_kupManager, _KupDataTable_renderedRows, _KupDataTable_loadMoreEventCounter, _KupDataTable_loadMoreEventPreviousQuantity, _KupDataTable_theadRef, _KupDataTable_tableRef, _KupDataTable_originalData, _KupDataTable_tableAreaRef, _KupDataTable_stickyTheadRef, _KupDataTable_customizeTopButtonRef, _KupDataTable_customizeTopPanelRef, _KupDataTable_sizedColumns, _KupDataTable_intObserver, _KupDataTable_navBarHeight, _KupDataTable_theadIntersecting, _KupDataTable_tableIntersecting, _KupDataTable_isSafariBrowser, _KupDataTable_isRestoringState, _KupDataTable_globalFilterTimeout, _KupDataTable_totalMenuCoords, _KupDataTable_clickTimeout, _KupDataTable_thRefs, _KupDataTable_rowsRefs, _KupDataTable_oldWidth, _KupDataTable_hold, _KupDataTable_interactableDrag, _KupDataTable_interactableDrop, _KupDataTable_interactableResize, _KupDataTable_interactableTouch, _KupDataTable_dropareaRef, _KupDataTable_removeDropareaRef, _KupDataTable_groupsDropareaRef, _KupDataTable_clickCb, _KupDataTable_clickCbCustomPanel, _KupDataTable_clickCbDropCard, _KupDataTable_resizeTimeout, _KupDataTable_columnMenuInstance, _KupDataTable_filtersColumnMenuInstance, _KupDataTable_filtersRowsInstance, _KupDataTable_detailCard, _KupDataTable_insertCard, _KupDataTable_confirmDeleteCard, _KupDataTable_confirmDeleteDialog, _KupDataTable_columnMenuCard, _KupDataTable_columnDropCard, _KupDataTable_columnDropCardAnchor, _KupDataTable_insertCount, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _KupDataTable_closeDropCard, _KupDataTable_createDropCard, _KupDataTable_calculateData, _KupDataTable_getRow, _KupDataTable_getTransposedData, _KupDataTable_setTransposedData, _KupDataTable_switchToTotalsMatrix, _KupDataTable_setObjForTotalsMatrix, _KupDataTable_stickyHeaderPosition, _KupDataTable_updateStickyHeaderSize, _KupDataTable_setObserver, _KupDataTable_didLoadInteractables, _KupDataTable_didRenderInteractables, _KupDataTable_didLoadObservers, _KupDataTable_didRenderObservers, _KupDataTable_didLoadEventHandling, _KupDataTable_scrollStickyHeader, _KupDataTable_checkScrollOnHover, _KupDataTable_customizePanelPosition, _KupDataTable_rowsPointLength, _KupDataTable_paginatedRowsPointLength, _KupDataTable__rowsLength, _KupDataTable_setDynPosElements, _KupDataTable_resetSelectedRows, _KupDataTable_getSizedColumns, _KupDataTable_rowDetail, _KupDataTable_rowInsertForm, _KupDataTable_rowsDelete, _KupDataTable_getEventDetails, _KupDataTable_clickHandler, _KupDataTable_contextMenuHandler, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_composeFixedCellStyleAndClass, _KupDataTable_updateFixedRowsAndColumnsCssVariables, _KupDataTable_onColumnSort, _KupDataTable_onRemoveFilter, _KupDataTable_getFilterValueForTooltip, _KupDataTable_onGlobalFilterChange, _KupDataTable_handlePageChange, _KupDataTable_handleRowsPerPageChange, _KupDataTable_onRowClick, _KupDataTable_selectColumn, _KupDataTable_deselectColumn, _KupDataTable_onDefaultRowActionClick, _KupDataTable_onRowActionExpanderClick, _KupDataTable_handleRowSelect, _KupDataTable_onRowExpand, _KupDataTable_onSelectAll, _KupDataTable_openTotalMenu, _KupDataTable_closeTotalMenu, _KupDataTable_isOpenedTotalMenuForColumn, _KupDataTable_groupRows, _KupDataTable_onLoadMoreClick, _KupDataTable_adjustGroupState, _KupDataTable_adjustGroupStateFromRow, _KupDataTable_sortRows, _KupDataTable_getSortIcon, _KupDataTable_getSortDecode, _KupDataTable_calculateColspan, _KupDataTable_isGroupExpanded, _KupDataTable_handleColumnSort, _KupDataTable_moveSortedColumns, _KupDataTable_applyLineBreaks, _KupDataTable_composeHeaderCellClassAndStyle, _KupDataTable_renderHeader, _KupDataTable_renderStickyHeader, _KupDataTable_totalMenuPosition, _KupDataTable_onTotalMenuOpen, _KupDataTable_renderRow, _KupDataTable_renderActions, _KupDataTable_onCustomSettingsClick, _KupDataTable_openCustomSettings, _KupDataTable_closeCustomSettings, _KupDataTable_renderPaginator, _KupDataTable_columnRemoveArea, _KupDataTable_columnGroupArea, _KupDataTable_hideShowColumnDropArea, _KupDataTable_handleColumnGroup, _KupDataTable_transcodeItem, _KupDataTable_createListData, _KupDataTable_FONTSIZE_CODES, _KupDataTable_FONTSIZE_DECODES, _KupDataTable_FONTSIZE_ICONS, _KupDataTable_getFontSizeCodeFromDecode, _KupDataTable_renderFontSizePanel, _KupDataTable_DENSITY_DECODES, _KupDataTable_DENSITY_ICONS, _KupDataTable_getDensityCodeFromDecode, _KupDataTable_renderDensityPanel, _KupDataTable_GRID_CODES, _KupDataTable_GRID_DECODES, _KupDataTable_GRID_ICONS, _KupDataTable_getGridCodeFromDecode, _KupDataTable_renderTransposeSwitch, _KupDataTable_renderTotalsMatrix, _KupDataTable_renderGridPanel;
 const KupDataTable = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
   constructor() {
     super();
@@ -40391,7 +40663,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").debug.logMessage(this, "Couldn't find cell hovered to retrieve dropzone informations!", KupDebugCategory.WARNING);
         return;
       }
-      const path = __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventPath).call(this, cell);
+      const path = __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(cell, this.rootElement);
       const receivingDetails = __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, path);
       return {
         cell: receivingDetails.cell,
@@ -40477,17 +40749,6 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
   if (__classPrivateFieldGet$3(this, _KupDataTable_columnMenuCard, "f") && __classPrivateFieldGet$3(this, _KupDataTable_columnMenuCard, "f").data) {
     __classPrivateFieldGet$3(this, _KupDataTable_columnMenuCard, "f").data = __classPrivateFieldGet$3(this, _KupDataTable_columnMenuInstance, "f").prepData(this, getColumnByName(this.getVisibleColumns(), this.columnMenuAnchor), __classPrivateFieldGet$3(this, _KupDataTable_columnMenuCard, "f").data);
   }
-}, _KupDataTable_getEventPath = function _KupDataTable_getEventPath(currentEl) {
-  const path = [];
-  while (currentEl &&
-    currentEl !== this.rootElement &&
-    currentEl !== document.body) {
-    path.push(currentEl);
-    currentEl = currentEl.parentNode
-      ? currentEl.parentNode
-      : currentEl.host;
-  }
-  return path;
 }, _KupDataTable_resetSelectedRows = function _KupDataTable_resetSelectedRows() {
   if (this.getRows().length === 0)
     return;
@@ -40901,7 +41162,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     tr: tr ? tr : null,
   };
 }, _KupDataTable_clickHandler = function _KupDataTable_clickHandler(e) {
-  const details = __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventPath).call(this, e.target), e);
+  const details = __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e);
   if (details.area === 'header') {
     if (details.th && details.column) {
       if (details.filterRemove) {
@@ -40939,7 +41200,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
   }
   return details;
 }, _KupDataTable_contextMenuHandler = function _KupDataTable_contextMenuHandler(e) {
-  const details = __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventPath).call(this, e.target), e);
+  const details = __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e);
   if (details.area === 'header') {
     if (details.th && details.column) {
       this.openColumnMenu(details.column.name);
@@ -40955,7 +41216,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
   }
   return details;
 }, _KupDataTable_dblClickHandler = function _KupDataTable_dblClickHandler(e) {
-  const details = __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventPath).call(this, e.target), e);
+  const details = __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e);
   if (details.area === 'body') {
     if (this.selection == SelectionMode.MULTIPLE) {
       __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this);
@@ -43321,9 +43582,9 @@ const KupChip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
       props.onFocus.push((chip) => this.onKupFocus(chip));
       props.onIconClick.push((chip) => this.onKupIconClick(chip));
     }
-    return (h(Host, { "onKup-autocomplete-change": (e) => {
+    return (h(Host, { "onKup-autocomplete-itemclick": (e) => {
         __classPrivateFieldGet$1(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
-      }, "onKup-combobox-change": (e) => {
+      }, "onKup-combobox-itemclick": (e) => {
         __classPrivateFieldGet$1(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
       }, "onKup-textfield-change": (e) => {
         __classPrivateFieldGet$1(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
@@ -43359,8 +43620,9 @@ _KupChip_instances = new WeakSet(), _KupChip_changeHandler =
     if (value) {
       const node = (_b = this.data) === null || _b === void 0 ? void 0 : _b.find((node) => node.id === value);
       if (!node) {
+        const data = this.data && this.data.length ? this.data : [];
         this.data = [
-          ...this.data,
+          ...data,
           {
             id: listNode ? listNode.id : value,
             value: listNode ? listNode.value : value,
@@ -46529,4 +46791,4 @@ function defineCustomElement() {
   } });
 }
 
-export { FPaginatorMode as $, defineCustomElement$5 as A, defineCustomElement$4 as B, defineCustomElement$3 as C, defineCustomElement$2 as D, defineCustomElement$1 as E, FImage as F, defineCustomElement as G, KupAutocomplete as H, KupBadge as I, identify as J, KupThemeColorValues as K, filterRows as L, MDCRipple as M, paginateRows as N, sortRows as O, getColumnByName as P, KupLanguageGeneric as Q, FCell as R, KupDebugCategory as S, FChip as T, KupPointerEventTypes as U, KupDragEffect as V, kupDraggableCellAttr as W, KupDropEventTypes as X, FTextFieldMDC as Y, KupLanguageSearch as Z, FPaginator as _, KupThemeIconValues as a, pageChange as a0, rowsPerPageChange as a1, SortMode as a2, KupButton as a3, KupButtonList as a4, __extends as a5, __assign as a6, __spreadArray as a7, createCommonjsModule as a8, getDefaultExportFromCjs as a9, kupDraggableColumnAttr as aA, kupDraggableRowAttr as aB, KupDynamicPositionPlacement as aC, KupCardFamily as aD, KupDatesFormats as aE, KupProgressBar as aF, KupRadio as aG, KupRating as aH, KupSpinner as aI, KupSwitch as aJ, KupTabBar as aK, KupTextField as aL, KupTimePicker as aM, KupTree as aN, KupDatesLocales as aa, FButton as ab, FChipType as ac, KupCard as ad, FCellPadding as ae, KupChart as af, KupCheckbox as ag, KupChip as ah, KupColorPicker as ai, KupCombobox as aj, getCellValueForDisplay as ak, getDecimalSeparator as al, KupLanguageDashboard as am, FTextField as an, FCheckbox as ao, KupDataTable as ap, KupDatePicker as aq, KupDialog as ar, KupDropdownButton as as, KupDataNewColumnTypes as at, FButtonStyling as au, KupForm as av, KupGauge as aw, KupImage as ax, KupList as ay, kupDropEvent as az, defineCustomElement$p as b, componentWrapperId as c, defineCustomElement$q as d, defineCustomElement$o as e, defineCustomElement$n as f, getProps as g, defineCustomElement$m as h, defineCustomElement$l as i, defineCustomElement$k as j, kupManagerInstance as k, defineCustomElement$j as l, defineCustomElement$i as m, defineCustomElement$h as n, defineCustomElement$g as o, defineCustomElement$f as p, defineCustomElement$b as q, defineCustomElement$e as r, setProps as s, defineCustomElement$c as t, defineCustomElement$d as u, defineCustomElement$a as v, defineCustomElement$9 as w, defineCustomElement$8 as x, defineCustomElement$7 as y, defineCustomElement$6 as z };
+export { FPaginatorMode as $, defineCustomElement$5 as A, defineCustomElement$4 as B, defineCustomElement$3 as C, defineCustomElement$2 as D, defineCustomElement$1 as E, FImage as F, defineCustomElement as G, KupAutocomplete as H, KupBadge as I, identify as J, KupThemeColorValues as K, filterRows as L, MDCRipple as M, paginateRows as N, sortRows as O, getColumnByName as P, KupLanguageGeneric as Q, FCell as R, KupDebugCategory as S, FChip as T, KupPointerEventTypes as U, KupDragEffect as V, kupDraggableCellAttr as W, KupDropEventTypes as X, FTextFieldMDC as Y, KupLanguageSearch as Z, FPaginator as _, KupThemeIconValues as a, pageChange as a0, rowsPerPageChange as a1, SortMode as a2, KupButton as a3, KupButtonList as a4, __extends as a5, __assign as a6, __spreadArray as a7, createCommonjsModule as a8, getDefaultExportFromCjs as a9, kupDraggableRowAttr as aA, KupDynamicPositionPlacement as aB, KupCardFamily as aC, commonjsGlobal as aD, KupDatesFormats as aE, KupProgressBar as aF, KupRadio as aG, KupRating as aH, KupSpinner as aI, KupSwitch as aJ, KupTabBar as aK, KupTextField as aL, KupTimePicker as aM, KupTree as aN, KupDatesLocales as aa, FButton as ab, FChipType as ac, KupCard as ad, FCellPadding as ae, KupChart as af, KupCheckbox as ag, KupChip as ah, KupColorPicker as ai, KupCombobox as aj, getCellValueForDisplay as ak, KupLanguageDashboard as al, FTextField as am, FCheckbox as an, KupDataTable as ao, KupDatePicker as ap, KupDialog as aq, KupDropdownButton as ar, KupDataNewColumnTypes as as, FButtonStyling as at, KupForm as au, KupGauge as av, KupImage as aw, KupList as ax, kupDropEvent as ay, kupDraggableColumnAttr as az, defineCustomElement$p as b, componentWrapperId as c, defineCustomElement$q as d, defineCustomElement$o as e, defineCustomElement$n as f, getProps as g, defineCustomElement$m as h, defineCustomElement$l as i, defineCustomElement$k as j, kupManagerInstance as k, defineCustomElement$j as l, defineCustomElement$i as m, defineCustomElement$h as n, defineCustomElement$g as o, defineCustomElement$f as p, defineCustomElement$b as q, defineCustomElement$e as r, setProps as s, defineCustomElement$c as t, defineCustomElement$d as u, defineCustomElement$a as v, defineCustomElement$9 as w, defineCustomElement$8 as x, defineCustomElement$7 as y, defineCustomElement$6 as z };