npm - @sme.up/ketchup - Versions diffs - 8.3.2 → 9.0.0 - Mend

@sme.up/ketchup 8.3.2 → 9.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (293) hide show

package/dist/components/kup-autocomplete2.js CHANGED Viewed

@@ -65,7 +65,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise */
+/* global Reflect, Promise, SuppressedError, Symbol */
 var extendStatics = function(d, b) {
     extendStatics = Object.setPrototypeOf ||
@@ -130,7 +130,12 @@ function __spreadArray(to, from, pack) {
         }
     }
     return to.concat(ar || Array.prototype.slice.call(from));
-}
+}
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 /**
  * @license
@@ -1440,7 +1445,7 @@ var __classPrivateFieldGet$b = (undefined && undefined.__classPrivateFieldGet) |
   return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 var _KupDebug_debugWidget;
-const dom$y = document.documentElement;
+const dom$z = document.documentElement;
 /**
  * Debugging suite, used to log messages and statuses from the Ketchup components.
  * @module KupDebug
@@ -1487,32 +1492,32 @@ class KupDebug {
    */
   showWidget() {
     const debugWidget = document.createElement('kup-card');
-    const languages = dom$y.ketchup.language.getLanguages();
+    const languages = dom$z.ketchup.language.getLanguages();
     const languagesListData = [];
     for (let index = 0; index < languages.length; index++) {
       languagesListData.push({
         id: languages[index],
-        selected: languages[index] === dom$y.ketchup.language.name
+        selected: languages[index] === dom$z.ketchup.language.name
           ? true
           : false,
         value: languages[index],
       });
     }
-    const themes = dom$y.ketchup.theme.getThemes();
+    const themes = dom$z.ketchup.theme.getThemes();
     const themesListData = [];
     for (let index = 0; index < themes.length; index++) {
       themesListData.push({
         id: themes[index],
-        selected: themes[index] === dom$y.ketchup.theme.name ? true : false,
+        selected: themes[index] === dom$z.ketchup.theme.name ? true : false,
         value: themes[index],
       });
     }
-    const locales = dom$y.ketchup.dates.getLocales();
+    const locales = dom$z.ketchup.dates.getLocales();
     const localesListData = [];
     for (let index = 0; index < locales.length; index++) {
       localesListData.push({
         id: locales[index],
-        selected: locales[index] === dom$y.ketchup.dates.locale ? true : false,
+        selected: locales[index] === dom$z.ketchup.dates.locale ? true : false,
         value: locales[index],
       });
     }
@@ -1522,13 +1527,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$y.ketchup.language.translate(KupLanguageDebug.OFF),
+          title: dom$z.ketchup.language.translate(KupLanguageDebug.OFF),
         },
         {
           customStyle: ':host {--kup-font-size: 0.875em;}',
           icon: 'print',
           id: 'kup-debug-print',
-          title: dom$y.ketchup.language.translate(KupLanguageDebug.PRINT),
+          title: dom$z.ketchup.language.translate(KupLanguageDebug.PRINT),
         },
         {
           checked: this.autoPrint,
@@ -1536,20 +1541,20 @@ class KupDebug {
           icon: 'speaker_notes',
           iconOff: 'speaker_notes_off',
           id: 'kup-debug-autoprint',
-          title: dom$y.ketchup.language.translate(KupLanguageDebug.AUTOPRINT),
+          title: dom$z.ketchup.language.translate(KupLanguageDebug.AUTOPRINT),
           toggable: true,
         },
         {
           customStyle: ':host {--kup-font-size: 0.875em;}',
           icon: 'broom',
           id: 'kup-debug-clear',
-          title: dom$y.ketchup.language.translate(KupLanguageDebug.CLEAR),
+          title: dom$z.ketchup.language.translate(KupLanguageDebug.CLEAR),
         },
         {
           customStyle: ':host {--kup-font-size: 0.875em;}',
           icon: 'delete',
           id: 'kup-debug-delete',
-          title: dom$y.ketchup.language.translate(KupLanguageDebug.DUMP),
+          title: dom$z.ketchup.language.translate(KupLanguageDebug.DUMP),
         },
         {
           className: 'kup-full-height',
@@ -1558,22 +1563,22 @@ class KupDebug {
           id: 'kup-debug-dl-props',
           label: 'Props',
           styling: 'flat',
-          title: dom$y.ketchup.language.translate(KupLanguageDebug.DL_PROPS),
+          title: dom$z.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$y.ketchup.language.translate(KupLanguageDebug.DL_ALL),
+          label: dom$z.ketchup.language.translate(KupLanguageDebug.DL_ALL),
           styling: 'flat',
-          title: dom$y.ketchup.language.translate(KupLanguageDebug.DL_ALL),
+          title: dom$z.ketchup.language.translate(KupLanguageDebug.DL_ALL),
         },
         {
           customStyle: ':host {--kup-font-size: 0.875em;}',
           icon: 'auto-fix',
           id: 'kup-debug-magic-box',
-          title: dom$y.ketchup.language.translate(KupLanguageDebug.MAGIC_BOX),
+          title: dom$z.ketchup.language.translate(KupLanguageDebug.MAGIC_BOX),
         },
       ],
       combobox: [
@@ -1588,11 +1593,11 @@ class KupDebug {
               className: 'kup-full-height',
               emitSubmitEventOnEnter: false,
               inputType: 'text',
-              label: dom$y.ketchup.language.translate(KupLanguageDebug.THEME_CHANGER),
+              label: dom$z.ketchup.language.translate(KupLanguageDebug.THEME_CHANGER),
             },
           },
           id: 'kup-debug-theme-changer',
-          initialValue: dom$y.ketchup.theme.name,
+          initialValue: dom$z.ketchup.theme.name,
           isSelect: true,
         },
         {
@@ -1606,11 +1611,11 @@ class KupDebug {
               className: 'kup-full-height',
               emitSubmitEventOnEnter: false,
               inputType: 'text',
-              label: dom$y.ketchup.language.translate(KupLanguageDebug.LANGUAGE_CHANGER),
+              label: dom$z.ketchup.language.translate(KupLanguageDebug.LANGUAGE_CHANGER),
             },
           },
           id: 'kup-debug-language-changer',
-          initialValue: dom$y.ketchup.language.name,
+          initialValue: dom$z.ketchup.language.name,
           isSelect: true,
         },
         {
@@ -1624,11 +1629,11 @@ class KupDebug {
               className: 'kup-full-height',
               emitSubmitEventOnEnter: false,
               inputType: 'text',
-              label: dom$y.ketchup.language.translate(KupLanguageDebug.LOCALE_CHANGER),
+              label: dom$z.ketchup.language.translate(KupLanguageDebug.LOCALE_CHANGER),
             },
           },
           id: 'kup-debug-locale-changer',
-          initialValue: dom$y.ketchup.dates.locale,
+          initialValue: dom$z.ketchup.dates.locale,
           isSelect: true,
         },
       ],
@@ -1636,7 +1641,7 @@ class KupDebug {
         {
           className: 'kup-full-height',
           id: 'kup-debug-log-limit',
-          label: dom$y.ketchup.language.translate(KupLanguageDebug.LOG_LIMIT),
+          label: dom$z.ketchup.language.translate(KupLanguageDebug.LOG_LIMIT),
           initialValue: this.logLimit,
           emitSubmitEventOnEnter: false,
           inputType: 'number',
@@ -1687,7 +1692,7 @@ class KupDebug {
             kupDebug.dump();
             break;
           case 'kup-debug-magic-box':
-            dom$y.ketchup.toggleMagicBox();
+            dom$z.ketchup.toggleMagicBox();
             break;
           case 'kup-debug-off':
             kupDebug.toggle();
@@ -1702,14 +1707,14 @@ class KupDebug {
       case 'kup-combobox-itemclick':
         switch (compID) {
           case 'kup-debug-language-changer':
-            dom$y.ketchup.language.set(compEvent.detail.value);
+            dom$z.ketchup.language.set(compEvent.detail.value);
             break;
           case 'kup-debug-locale-changer':
-            dom$y.ketchup.dates.setLocale(compEvent.detail.value);
-            dom$y.ketchup.math.setLocale(compEvent.detail.value);
+            dom$z.ketchup.dates.setLocale(compEvent.detail.value);
+            dom$z.ketchup.math.setLocale(compEvent.detail.value);
             break;
           case 'kup-debug-theme-changer':
-            dom$y.ketchup.theme.set(compEvent.detail.value);
+            dom$z.ketchup.theme.set(compEvent.detail.value);
             break;
         }
       case 'kup-textfield-input':
@@ -1771,7 +1776,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$y.ketchup.language.translate(KupLanguageDebug.DL_PROPS_COMP);
+        slot.title = dom$z.ketchup.language.translate(KupLanguageDebug.DL_PROPS_COMP);
         slot.style.fontWeight = 'bold';
         slot.style.cursor = 'pointer';
         slot.onclick = () => {
@@ -1829,7 +1834,7 @@ class KupDebug {
         printLog[type] = [];
       }
       printLog[type].push({
-        date: dom$y.ketchup.dates.format(this.logs[index].date, 'LLL:ms'),
+        date: dom$z.ketchup.dates.format(this.logs[index].date, 'LLL:ms'),
         element: isComponent
           ? this.logs[index].element
           : this.logs[index].id,
@@ -2009,7 +2014,7 @@ class KupDebug {
         message: message,
       };
       if (this.logs.length > this.logLimit) {
-        console.warn(dom$y.ketchup.dates.format(date, 'LLL:ms') +
+        console.warn(dom$z.ketchup.dates.format(date, 'LLL:ms') +
           ' kup-debug => ' +
           'Too many logs (> ' +
           this.logLimit +
@@ -2025,14 +2030,14 @@ class KupDebug {
     }
     switch (category) {
       case KupDebugCategory.ERROR:
-        console.error(dom$y.ketchup.dates.format(date, 'LLL:ms') + id + message, obj);
+        console.error(dom$z.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$y.ketchup.dates.format(date, 'LLL:ms') + id + message, obj);
+        console.warn(dom$z.ketchup.dates.format(date, 'LLL:ms') + id + message, obj);
         break;
     }
   }
@@ -2119,7 +2124,7 @@ var KupDynamicPositionPlacement;
   KupDynamicPositionPlacement["TOP_RIGHT"] = "tr";
 })(KupDynamicPositionPlacement || (KupDynamicPositionPlacement = {}));
-const dom$x = document.documentElement;
+const dom$y = document.documentElement;
 /**
  * This class is used to dynamically reposition HTML elements.
  * @module KupDynamicPosition
@@ -2187,7 +2192,7 @@ class KupDynamicPosition {
       const target = mutations[0].target;
       if (target.classList.contains(kupDynamicPositionActiveClass)) {
         requestAnimationFrame(function () {
-          dom$x.ketchup.dynamicPosition.run(el);
+          dom$y.ketchup.dynamicPosition.run(el);
         });
       }
     });
@@ -2244,7 +2249,7 @@ class KupDynamicPosition {
    */
   run(el) {
     if (!el.isConnected) {
-      dom$x.ketchup.dynamicPosition.managedElements.delete(el);
+      dom$y.ketchup.dynamicPosition.managedElements.delete(el);
       cancelAnimationFrame(el.kupDynamicPosition.rAF);
       return;
     }
@@ -2352,7 +2357,7 @@ class KupDynamicPosition {
     // Recursive
     if (!el.kupDynamicPosition.detach) {
       el.kupDynamicPosition.rAF = requestAnimationFrame(function () {
-        dom$x.ketchup.dynamicPosition.run(el);
+        dom$y.ketchup.dynamicPosition.run(el);
       });
     }
     else {
@@ -2440,7 +2445,7 @@ var KupDropEventTypes;
   KupDropEventTypes["MAGICBOX"] = "text/kup-magic-box-drag";
 })(KupDropEventTypes || (KupDropEventTypes = {}));
-const dom$w = document.documentElement;
+const dom$x = document.documentElement;
 /**
  * This class handles elements as dialogs, making them resizable and movable.
  * @module KupInteract
@@ -2554,7 +2559,7 @@ class KupInteract {
             ghostImage.style.transition = 'none';
             ghostImage.style.zIndex =
               'calc(var(--kup-navbar-zindex) + 1)';
-            dom$w.ketchup.interact.container.appendChild(ghostImage);
+            dom$x.ketchup.interact.container.appendChild(ghostImage);
             draggable.kupDragDrop.ghostImage = ghostImage;
             break;
           case KupDragEffect.CLONE:
@@ -2715,7 +2720,7 @@ class KupInteract {
           x += e.deltaRect.left;
           y += e.deltaRect.top;
           el.style.transform = 'translate(' + x + 'px,' + y + 'px)';
-          if (dom$w.ketchup.interact.isInViewport(el, oldTransform, e.delta)) {
+          if (dom$x.ketchup.interact.isInViewport(el, oldTransform, e.delta)) {
             el.setAttribute('data-x', x.toString());
             el.setAttribute('data-y', y.toString());
           }
@@ -2767,7 +2772,7 @@ class KupInteract {
     const callbacks = {
       start(e) {
         const el = e.currentTarget;
-        el.style.zIndex = (dom$w.ketchup.interact.zIndex++).toString();
+        el.style.zIndex = (dom$x.ketchup.interact.zIndex++).toString();
       },
     };
     this.draggable(el, {
@@ -2776,7 +2781,7 @@ class KupInteract {
         interact.modifiers.restrictRect({
           restriction: restrictContainer
             ? restrictContainer
-            : dom$w.ketchup.interact.restrictContainer,
+            : dom$x.ketchup.interact.restrictContainer,
           endOnly: true,
         }),
       ],
@@ -3728,7 +3733,7 @@ const languages = {
 	spanish: spanish
 };
-const dom$v = document.documentElement;
+const dom$w = document.documentElement;
 /**
  * Handles the translation to different languages.
  * @module KupLanguage
@@ -3782,7 +3787,7 @@ class KupLanguage {
       return invalidKey(key);
     }
     function invalidKey(key) {
-      dom$v.ketchup.debug.logMessage('kup-language', 'Invalid translation for key (' + key + ')!', KupDebugCategory.WARNING);
+      dom$w.ketchup.debug.logMessage('kup-language', 'Invalid translation for key (' + key + ')!', KupDebugCategory.WARNING);
       return key;
     }
   }
@@ -3795,7 +3800,7 @@ class KupLanguage {
       language = language.toLowerCase();
     }
     else {
-      dom$v.ketchup.debug.logMessage('kup-language', "Couldn't set language, invalid string received (" +
+      dom$w.ketchup.debug.logMessage('kup-language', "Couldn't set language, invalid string received (" +
         language +
         ')!', KupDebugCategory.WARNING);
       return;
@@ -3805,12 +3810,12 @@ class KupLanguage {
     const dVariant = decodedLanguage.variant;
     if (this.list[dLanguage]) {
       if (dVariant && !this.list[dLanguage].variants[dVariant]) {
-        dom$v.ketchup.debug.logMessage('kup-language', 'Variant not found (' + dVariant + ')!', KupDebugCategory.WARNING);
+        dom$w.ketchup.debug.logMessage('kup-language', 'Variant not found (' + dVariant + ')!', KupDebugCategory.WARNING);
         return;
       }
     }
     else {
-      dom$v.ketchup.debug.logMessage('kup-language', 'Language not found (' + dLanguage + ')!', KupDebugCategory.WARNING);
+      dom$w.ketchup.debug.logMessage('kup-language', 'Language not found (' + dLanguage + ')!', KupDebugCategory.WARNING);
       return;
     }
     this.name = language;
@@ -3897,7 +3902,7 @@ const obj = {
 	types: types
 };
-const dom$u = document.documentElement;
+const dom$v = document.documentElement;
 /**
  * Handles objects definition and validation.
  * @module KupObjects
@@ -4232,9 +4237,9 @@ class KupObjects {
    */
   parseDate(obj) {
     if (obj.t === 'D8' && obj.p === '*DMYY') {
-      return dom$u.ketchup.dates.toDayjs(obj.k, 'DDMMYYYY');
+      return dom$v.ketchup.dates.toDayjs(obj.k, 'DDMMYYYY');
     }
-    return dom$u.ketchup.dates.toDayjs(obj.k);
+    return dom$v.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.
@@ -4307,7 +4312,7 @@ var __classPrivateFieldGet$a = (undefined && undefined.__classPrivateFieldGet) |
   return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 var _KupScrollOnHover_instances, _KupScrollOnHover_arrowsContainer, _KupScrollOnHover_leftArrows, _KupScrollOnHover_rightArrows, _KupScrollOnHover_scrollEvent, _KupScrollOnHover_mousemoveEvent, _KupScrollOnHover_mouseleaveEvent, _KupScrollOnHover_rAF, _KupScrollOnHover_timeout, _KupScrollOnHover_initArrows;
-const dom$t = document.documentElement;
+const dom$u = document.documentElement;
 /**
  * Lets the user scroll an element's overflow by hovering with the mouse on its left/right edge.
  * @module KupScrollOnHover
@@ -4436,7 +4441,7 @@ class KupScrollOnHover {
           __classPrivateFieldSet$7(this, _KupScrollOnHover_timeout, setTimeout(() => {
             el.scrollOnHover.active = true;
             __classPrivateFieldSet$7(this, _KupScrollOnHover_rAF, requestAnimationFrame(function () {
-              dom$t.ketchup.scrollOnHover.run(el, maxScrollLeft, percRight, percLeft, direction);
+              dom$u.ketchup.scrollOnHover.run(el, maxScrollLeft, percRight, percLeft, direction);
             }), "f");
           }, this.delay), "f");
         }
@@ -4458,7 +4463,7 @@ class KupScrollOnHover {
           __classPrivateFieldSet$7(this, _KupScrollOnHover_timeout, setTimeout(() => {
             el.scrollOnHover.active = true;
             __classPrivateFieldSet$7(this, _KupScrollOnHover_rAF, requestAnimationFrame(function () {
-              dom$t.ketchup.scrollOnHover.run(el, maxScrollTop, percBottom, percTop, direction);
+              dom$u.ketchup.scrollOnHover.run(el, maxScrollTop, percBottom, percTop, direction);
             }), "f");
           }, this.delay), "f");
         }
@@ -4589,7 +4594,7 @@ class KupScrollOnHover {
       arrow[i].classList.add('kup-animated');
     }
     __classPrivateFieldSet$7(this, _KupScrollOnHover_rAF, requestAnimationFrame(function () {
-      dom$t.ketchup.scrollOnHover.run(el, maxScrollLeft, percForward, percBack, direction);
+      dom$u.ketchup.scrollOnHover.run(el, maxScrollLeft, percForward, percBack, direction);
     }), "f");
   }
   /**
@@ -5579,7 +5584,7 @@ const kupThemeComponentCss = "[kup-dialog]{animation:fade-in .25s ease-out;backg
 const fButtonCss = ".f-button{--kup_button_border_radius:var(--kup-button-border-radius, 4px);--kup_button_disabled_color:var( --kup-button-disabled-color, var(--kup-disabled-color) );--kup_button_font_family:var( --kup-button-font-family, var(--kup-font-family) );--kup_button_font_size:var(--kup-button-font-size, var(--kup-font-size));--kup_button_font_weight:var(--kup-button-font-weight, 400);--kup_button_height:var(--kup-button-height, 3em);--kup_button_padding:var(--kup-button-padding, 0 1.25em);--kup_button_primary_color:var( --kup-button-primary-color, var(--kup-primary-color) );--kup_button_primary_color_h:var( --kup-button-primary-color-h, var(--kup-primary-color-h) );--kup_button_primary_color_s:var( --kup-button-primary-color-s, var(--kup-primary-color-s) );--kup_button_primary_color_l:var( --kup-button-primary-color-l, var(--kup-primary-color-l) );--kup_button_primary_color_rgb:var( --kup-button-primary-color-rgb, var(--kup-primary-color-rgb) );--kup_button_text_on_primary_color:var( --kup-button-text-on-primary-color, var(--kup-text-on-primary-color) );--kup_button_text_transform:var(--kup-button-text-transform, uppercase);--kup-spinner-color:var(--kup_button_primary_color);font-size:var(--kup_button_font_size)}.f-button .button{-moz-osx-font-smoothing:grayscale;-webkit-appearance:none;-webkit-font-smoothing:antialiased;align-items:center;background-color:rgba(0,0,0,0);border:none;border-radius:var(--kup_button_border_radius);box-sizing:border-box;color:var(--kup_button_primary_color);cursor:pointer;display:inline-flex;font-family:var(--kup_button_font_family);font-size:.775em;font-weight:var(--kup_button_font_weight);height:var(--kup_button_height);justify-content:center;letter-spacing:0.0892857143em;line-height:inherit;min-width:64px;outline:none;overflow:visible;padding:var(--kup_button_padding);position:relative;text-decoration:none;text-transform:var(--kup_button_text_transform);transition:background-color 80ms linear,box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);user-select:none;vertical-align:middle}.f-button .button:hover{background-color:rgba(var(--kup_button_primary_color_rgb), 0.125)}.f-button .button:focus{background-color:rgba(var(--kup_button_primary_color_rgb), 0.175)}.f-button .button .button__icon{margin-left:-0.25em;margin-right:.75em}.f-button .button .button__label+.button__icon{margin-left:.75em;margin-right:-0.25em}.f-button .button.button--floating,.f-button .button.button--raised{--kup-spinner-color:var(--kup_button_text_on_primary_color)}.f-button .button.button--floating:not(.button--disabled),.f-button .button.button--raised:not(.button--disabled){--kup-spinner-border-color:hsl( var(--kup_button_primary_color_h), calc(var(--kup_button_primary_color_s) * 0.75), calc(var(--kup_button_primary_color_l) * 0.85) );background-color:var(--kup_button_primary_color);color:var(--kup_button_text_on_primary_color)}.f-button .button.button--floating:hover,.f-button .button.button--raised:hover{background-color:hsl(var(--kup_button_primary_color_h), calc(var(--kup_button_primary_color_s) * 0.93), calc(var(--kup_button_primary_color_l) * 1.07))}.f-button .button.button--floating:focus,.f-button .button.button--raised:focus{background-color:hsl(var(--kup_button_primary_color_h), calc(var(--kup_button_primary_color_s) * 0.88), calc(var(--kup_button_primary_color_l) * 1.12))}.f-button .button.button--floating.button--disabled,.f-button .button.button--raised.button--disabled{background-color:var(--kup-disabled-background-color);box-shadow:none}.f-button .button.button--floating{border-radius:24px;box-shadow:0 .215em .35em -1px rgba(var(--kup-text-color-rgb), 0.2),0 .43em .71em 0 rgba(var(--kup-text-color-rgb), 0.14),0 .07em 1.285em 0 rgba(var(--kup-text-color-rgb), 0.12);font-weight:500;font-size:1em;height:3.4em;width:auto;padding:0 1.5em}.f-button .button.button--floating.button--no-label{border-radius:50%;height:4em;padding:0;width:4em}.f-button .button.button--floating:hover,.f-button .button.button--floating:focus{box-shadow:0 5px 5px -3px rgba(var(--kup-text-color-rgb), 0.2),0 8px 10px 1px rgba(var(--kup-text-color-rgb), 0.14),0 3px 14px 2px rgba(var(--kup-text-color-rgb), 0.12)}.f-button .button.button--floating:active{box-shadow:0 7px 8px -4px rgba(var(--kup-text-color-rgb), 0.2),0 12px 17px 2px rgba(var(--kup-text-color-rgb), 0.14),0 5px 22px 4px rgba(var(--kup-text-color-rgb), 0.12)}.f-button .button.button--raised{box-shadow:0 3px 1px -2px rgba(var(--kup-text-color-rgb), 0.2),0 2px 2px 0 rgba(var(--kup-text-color-rgb), 0.14),0 1px 5px 0 rgba(var(--kup-text-color-rgb), 0.12)}.f-button .button.button--raised:focus,.f-button .button.button--raised:hover{box-shadow:0 2px 4px -1px rgba(var(--kup-text-color-rgb), 0.2),0 4px 5px 0 rgba(var(--kup-text-color-rgb), 0.14),0 1px 10px 0 rgba(var(--kup-text-color-rgb), 0.12)}.f-button .button.button--raised:active{box-shadow:0 5px 5px -3px rgba(var(--kup-text-color-rgb), 0.2),0 8px 10px 1px rgba(var(--kup-text-color-rgb), 0.14),0 3px 14px 2px rgba(var(--kup-text-color-rgb), 0.12)}.f-button .button.button--outlined{border-width:1px;border-style:solid}.f-button .button.button--outlined:not(.button--disabled){border-color:var(--kup_button_primary_color);background-color:rgba(0,0,0,0);color:var(--kup_button_primary_color)}.f-button .button.button--outlined:hover{background-color:rgba(var(--kup_button_primary_color_rgb), 0.125)}.f-button .button.button--outlined:focus{background-color:rgba(var(--kup_button_primary_color_rgb), 0.175)}.f-button .button.button--outlined.button--disabled{opacity:.75;border-color:var(--kup_button_disabled_color)}.f-button .button.button--no-label{min-width:unset;padding:0 .5em}.f-button .button.button--no-label .button__icon{margin:0}.f-button .button.button--disabled{color:var(--kup_button_disabled_color);cursor:auto;opacity:.75;pointer-events:none}.f-button .button .button__spinner-container{width:100%;height:var(--kup_button_spinner_height);left:0;position:absolute}.f-button .icon-button{background-color:rgba(0,0,0,0);display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;font-size:var(--kup_button_font_size);text-decoration:none;cursor:pointer;user-select:none;padding:.75em;border-radius:50%}.f-button .icon-button:hover,.f-button .icon-button:focus{background-color:rgba(var(--kup_button_primary_color_rgb), 0.125)}.f-button .icon-button .icon-button__icon{display:flex;margin:auto}.f-button .icon-button .icon-button__icon.icon-button__icon--on{display:none}.f-button .icon-button.button--disabled{opacity:.75;pointer-events:none}.f-button .icon-button .icon-button__spinner-container{width:var(--kup_button_spinner_width);height:var(--kup_button_spinner_height)}.f-button .button--with-spinner{opacity:.8;pointer-events:none}.f-button .content--hidden{visibility:hidden}.f-button.kup-full-height{height:100%}.f-button.kup-full-height .button{height:100%}.f-button.kup-full-width{width:100%}.f-button.kup-full-width .button{width:100%}.f-button.kup-large button{font-size:1.25em}.f-button.kup-shaped .button{border-radius:18px}.f-button.kup-shaped .button.button--floating{border-radius:50% 0}.f-button.kup-slim button{font-size:.675em}.f-button.kup-pulsating .icon-button--on:after{content:\"\";animation:pulsating 1250ms infinite;position:absolute;height:2px;width:2px;top:calc(50% - 1px);left:calc(50% - 1px);border-radius:50%}.f-button.kup-danger{--kup-button-primary-color:var(--kup-danger-color);--kup-button-primary-color-h:var(--kup-danger-color-h);--kup-button-primary-color-s:var(--kup-danger-color-s);--kup-button-primary-color-l:var(--kup-danger-color-l);--kup-button-primary-color-rgb:var(--kup-danger-color-rgb);--kup-button-text-on-primary-color:white}.f-button.kup-info{--kup-button-primary-color:var(--kup-info-color);--kup-button-primary-color-h:var(--kup-info-color-h);--kup-button-primary-color-s:var(--kup-info-color-s);--kup-button-primary-color-l:var(--kup-info-color-l);--kup-button-primary-color-rgb:var(--kup-info-color-rgb);--kup-button-text-on-primary-color:white}.f-button.kup-secondary{--kup-button-primary-color:var(--kup-secondary-color);--kup-button-primary-color-h:var(--kup-secondary-color-h);--kup-button-primary-color-s:var(--kup-secondary-color-s);--kup-button-primary-color-l:var(--kup-secondary-color-l);--kup-button-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-button-text-on-primary-color:var(--kup-text-on-secondary-color)}.f-button.kup-success{--kup-button-primary-color:var(--kup-success-color);--kup-button-primary-color-h:var(--kup-success-color-h);--kup-button-primary-color-s:var(--kup-success-color-s);--kup-button-primary-color-l:var(--kup-success-color-l);--kup-button-primary-color-rgb:var(--kup-success-color-rgb);--kup-button-text-on-primary-color:white}.f-button.kup-warning{--kup-button-primary-color:var(--kup-warning-color);--kup-button-primary-color-h:var(--kup-warning-color-h);--kup-button-primary-color-s:var(--kup-warning-color-s);--kup-button-primary-color-l:var(--kup-warning-color-l);--kup-button-primary-color-rgb:var(--kup-warning-color-rgb);--kup-button-text-on-primary-color:white}@keyframes pulsating{0%{transform:scale(2);box-shadow:0 0 0 0 rgba(var(--kup_button_primary_color_rgb), 0.7)}70%{transform:scale(2.75);box-shadow:0 0 0 10px rgba(var(--kup_button_primary_color_rgb), 0)}100%{transform:scale(2);box-shadow:0 0 0 0 rgba(var(--kup_button_primary_color_rgb), 0)}}";
-const fCellCss = ".f-cell{--kup_cell_background:var(--kup-cell-background);--kup_cell_font_family:var(--kup-cell-font-family);--kup_cell_font_family_monospace:var( --kup-cell-font-family-monospace, var(--kup-font-family-monospace) );--kup_cell_font_size:var(--kup-cell-font-size);--kup_cell_text_color:var(--kup-cell-text-color);background:var(--kup_cell_background);box-sizing:border-box;color:var(--kup_cell_text_color);display:flex;font-family:var(--kup_cell_font_family);font-size:var(--kup_cell_font_size);min-height:100%;width:100%;word-break:break-all;word-wrap:break-word}.f-cell .f-cell__content{align-items:center;display:flex;width:100%}.f-cell .f-cell__content img,.f-cell .f-cell__content .f-image{margin:0}.f-cell .f-cell__content .cell-info{padding:0 .5em 0 .25em}.f-cell .f-cell__content .obj-icon{padding:0 .5em 0 0}.f-cell .f-cell__text{overflow:hidden;text-overflow:ellipsis;word-break:normal}.f-cell.bar-cell .f-image--wrapper{height:100%;margin:auto;min-height:18px;overflow:hidden;position:relative;transition:color .2s ease;width:100%}.f-cell.editor-cell .f-cell__content{margin:0;overflow:hidden}.f-cell.editor-cell .f-cell__content>*{max-width:100%;word-break:normal}.f-cell.icon-cell .f-cell__content{min-height:18px;min-width:18px}.f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family_monospace);font-family:var(--kup_cell_font_family_monospace)}.f-cell.switch-cell{min-height:48px}.f-cell .mdc-text-field.mdc-text-field--fullwidth{padding:0px}.f-cell kup-checkbox,.f-cell kup-image{display:flex}.f-cell kup-button{display:inline-block}.f-cell kup-chip{width:100%}.f-cell kup-button-list{display:flex;margin:auto}.f-cell kup-progress-bar{display:block}.f-cell.clickable{cursor:pointer}.f-cell.monospace{--kup-textfield-font-family:var(--kup_cell_font_family_monospace);font-family:var(--kup-font-family-monospace)}.f-cell.display-on-hover{opacity:0;transition:opacity .25s}.f-cell.display-on-hover:hover{opacity:1}.f-cell.expand-on-hover .f-cell__content{transition:transform 125ms}.f-cell.expand-on-hover:hover .f-cell__content{transform:scale(1.25)}.f-cell.obj{cursor:var(--kup-obj-cursor)}.f-cell.reduce-on-hover .f-cell__content{transition:transform 125ms}.f-cell.reduce-on-hover:hover .f-cell__content{transform:scale(0.75)}.f-cell.shaped{border-radius:4px}.f-cell.strong-text{--kup-textfield-font-weight:600;font-weight:600}.f-cell.underlined{text-decoration:underline}.f-cell.primary-text{--kup-textfield-color:var(--kup-primary-color) !important;color:var(--kup-primary-color) !important}.f-cell.secondary-text{--kup-textfield-color:var(--kup-secondary-color) !important;color:var(--kup-secondary-color) !important}.f-cell.success-text{--kup-textfield-color:var(--kup-success-color) !important;color:var(--kup-success-color) !important}.f-cell.warning-text{--kup-textfield-color:var(--kup-warning-color) !important;color:var(--kup-warning-color) !important}.f-cell.danger-text{--kup-textfield-color:var(--kup-danger-color) !important;color:var(--kup-danger-color) !important}.f-cell.purple-text{--kup-textfield-color:#8e15bf !important;color:#8e15bf !important}.f-cell.success-bg{background:var(--kup-success-color) !important;color:#fff !important}.f-cell.warning-bg{background:var(--kup-warning-color) !important}.f-cell.danger-bg{background:var(--kup-danger-color) !important;color:#fff !important}.f-cell.teal-bg{background:#00b4bc !important;color:#fff !important}.f-cell.orange-bg{background:#f59729 !important;color:#fff !important}.f-cell.green-bg{background:#00be67 !important;color:#fff !important}.f-cell.grey-bg{background:#8d8d8d !important;color:#fff !important}.f-cell.purple-bg{background:#b88acc !important;color:#fff !important}.f-cell.top-right-indicator{position:relative}.f-cell.top-right-indicator:after{content:\"\";border-width:0 0 .5em .5em;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--kup-secondary-color) rgba(0,0,0,0);border-style:solid;transform:rotate(270deg);position:absolute;right:0;top:0}.f-cell.link .f-cell__content{color:#00e;cursor:pointer;text-decoration:underline}.f-cell.c-vertical-text .f-cell__content{width:auto;margin:auto;min-height:16px;min-width:16px;text-align:center;writing-mode:vertical-lr}.f-cell.c-right-aligned:not(.c-centered){--kup-textfield-text-align:right}.f-cell.c-right-aligned:not(.c-centered) .f-cell__content{justify-content:flex-end;margin:0;margin-left:auto;text-align:right}.f-cell.c-right-aligned:not(.c-centered) .f-cell__content img,.f-cell.c-right-aligned:not(.c-centered) .f-cell__content .f-image{margin-left:auto;margin-right:0}.f-cell.c-centered{--kup-textfield-text-align:center;justify-content:center}.f-cell.c-centered .f-cell__content{justify-content:center}.f-cell.c-centered .f-cell__content img,.f-cell.c-centered .f-cell__content .f-image{margin:auto}.f-cell.c-fitted .f-cell__content{max-width:max-content}.f-cell.c-round .f-cell__content{border-radius:50px}.f-cell.c-shaped .f-cell__content{border-radius:4px}.f-cell.c-padded .f-cell__content{padding:1em}.f-cell.c-hor-padded .f-cell__content{box-sizing:border-box;padding-left:.5em;padding-right:.5em}.f-cell.c-ver-padded .f-cell__content{box-sizing:border-box;padding-top:.5em;padding-bottom:.5em}.f-cell.c-success-bg .f-cell__content{background:var(--kup-success-color) !important;color:#fff !important}.f-cell.c-warning-bg .f-cell__content{background:var(--kup-warning-color) !important}.f-cell.c-danger-bg .f-cell__content{background:var(--kup-danger-color) !important;color:#fff !important}.f-cell.c-teal-bg .f-cell__content{background:#00b4bc !important;color:#fff !important}.f-cell.c-orange-bg .f-cell__content{background:#f59729 !important;color:#fff !important}.f-cell.c-green-bg .f-cell__content{background:#00be67 !important;color:#fff !important}.f-cell.c-grey-bg .f-cell__content{background:#8d8d8d !important;color:#fff !important}.f-cell.c-purple-bg .f-cell__content{background:#b88acc !important;color:#fff !important}.f-cell.dense{--kup-textfield-fullwidth-height:28px;--kup-textfield-fullwidth-padding:0px;--kup-checkbox-padding:0px;--kup-chip-margin:0 4px;padding:.2em .3125em}.f-cell.medium{--kup-textfield-fullwidth-height:36px;--kup-textfield-fullwidth-padding:0px;padding:.5em .3125em}.f-cell.wide{--kup-textfield-fullwidth-height:50px;--kup-textfield-fullwidth-padding:0px;padding:1em .3125em}";
+const fCellCss = ".f-cell{--kup_cell_background:var(--kup-cell-background);--kup_cell_font_family:var(--kup-cell-font-family);--kup_cell_font_family_monospace:var( --kup-cell-font-family-monospace, var(--kup-font-family-monospace) );--kup_cell_font_size:var(--kup-cell-font-size);--kup_cell_text_color:var(--kup-cell-text-color);background:var(--kup_cell_background);box-sizing:border-box;color:var(--kup_cell_text_color);display:flex;font-family:var(--kup_cell_font_family);font-size:var(--kup_cell_font_size);min-height:100%;width:100%;word-break:break-all;word-wrap:break-word}.f-cell .f-cell__content{align-items:center;display:flex;width:100%}.f-cell .f-cell__content img,.f-cell .f-cell__content .f-image{margin:0}.f-cell .f-cell__content .cell-info{padding:0 .5em 0 .25em}.f-cell .f-cell__content .obj-icon{padding:0 .5em 0 0}.f-cell .f-cell__text{overflow:hidden;text-overflow:ellipsis;word-break:normal}.f-cell.bar-cell .f-image--wrapper{height:100%;margin:auto;min-height:18px;overflow:hidden;position:relative;transition:color .2s ease;width:100%}.f-cell.editor-cell .f-cell__content{margin:0;overflow:hidden}.f-cell.editor-cell .f-cell__content>*{max-width:100%;word-break:normal}.f-cell.icon-cell .f-cell__content{min-height:18px;min-width:18px}.f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family_monospace);font-family:var(--kup_cell_font_family_monospace)}.f-cell.switch-cell{min-height:48px}.f-cell .mdc-text-field.mdc-text-field--fullwidth{padding:0px}.f-cell .f-checkbox .checkbox .checkbox__native-control{height:18px;width:18px}.f-cell kup-checkbox,.f-cell kup-image{display:flex}.f-cell kup-button{display:inline-block}.f-cell kup-chip{width:100%}.f-cell kup-button-list{display:flex;margin:auto}.f-cell kup-progress-bar{display:block}.f-cell .input-field{background:none;border:none;border-bottom:2px solid var(--kup-text-color);height:100%;outline:none;padding:0 4px;width:100%}.f-cell.clickable{cursor:pointer}.f-cell.monospace{--kup-textfield-font-family:var(--kup_cell_font_family_monospace);font-family:var(--kup-font-family-monospace)}.f-cell.display-on-hover{opacity:0;transition:opacity .25s}.f-cell.display-on-hover:hover{opacity:1}.f-cell.expand-on-hover .f-cell__content{transition:transform 125ms}.f-cell.expand-on-hover:hover .f-cell__content{transform:scale(1.25)}.f-cell.obj{cursor:var(--kup-obj-cursor)}.f-cell.reduce-on-hover .f-cell__content{transition:transform 125ms}.f-cell.reduce-on-hover:hover .f-cell__content{transform:scale(0.75)}.f-cell.shaped{border-radius:4px}.f-cell.strong-text{--kup-textfield-font-weight:600;font-weight:600}.f-cell.underlined{text-decoration:underline}.f-cell.primary-text{--kup-textfield-color:var(--kup-primary-color) !important;color:var(--kup-primary-color) !important}.f-cell.secondary-text{--kup-textfield-color:var(--kup-secondary-color) !important;color:var(--kup-secondary-color) !important}.f-cell.success-text{--kup-textfield-color:var(--kup-success-color) !important;color:var(--kup-success-color) !important}.f-cell.warning-text{--kup-textfield-color:var(--kup-warning-color) !important;color:var(--kup-warning-color) !important}.f-cell.danger-text{--kup-textfield-color:var(--kup-danger-color) !important;color:var(--kup-danger-color) !important}.f-cell.purple-text{--kup-textfield-color:#8e15bf !important;color:#8e15bf !important}.f-cell.success-bg{background:var(--kup-success-color) !important;color:#fff !important}.f-cell.warning-bg{background:var(--kup-warning-color) !important}.f-cell.danger-bg{background:var(--kup-danger-color) !important;color:#fff !important}.f-cell.teal-bg{background:#00b4bc !important;color:#fff !important}.f-cell.orange-bg{background:#f59729 !important;color:#fff !important}.f-cell.green-bg{background:#00be67 !important;color:#fff !important}.f-cell.grey-bg{background:#8d8d8d !important;color:#fff !important}.f-cell.purple-bg{background:#b88acc !important;color:#fff !important}.f-cell.top-right-indicator{position:relative}.f-cell.top-right-indicator:after{content:\"\";border-width:0 0 .5em .5em;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--kup-secondary-color) rgba(0,0,0,0);border-style:solid;transform:rotate(270deg);position:absolute;right:0;top:0}.f-cell.link .f-cell__content{color:#00e;cursor:pointer;text-decoration:underline}.f-cell.c-vertical-text .f-cell__content{width:auto;margin:auto;min-height:16px;min-width:16px;text-align:center;writing-mode:vertical-lr}.f-cell.c-right-aligned:not(.c-centered){--kup-textfield-text-align:right}.f-cell.c-right-aligned:not(.c-centered) .f-cell__content{justify-content:flex-end;margin:0;margin-left:auto;text-align:right}.f-cell.c-right-aligned:not(.c-centered) .f-cell__content img,.f-cell.c-right-aligned:not(.c-centered) .f-cell__content .f-image{margin-left:auto;margin-right:0}.f-cell.c-centered{--kup-textfield-text-align:center;justify-content:center}.f-cell.c-centered .f-cell__content{justify-content:center}.f-cell.c-centered .f-cell__content img,.f-cell.c-centered .f-cell__content .f-image{margin:auto}.f-cell.c-fitted .f-cell__content{max-width:max-content}.f-cell.c-round .f-cell__content{border-radius:50px}.f-cell.c-shaped .f-cell__content{border-radius:4px}.f-cell.c-padded .f-cell__content{padding:1em}.f-cell.c-hor-padded .f-cell__content{box-sizing:border-box;padding-left:.5em;padding-right:.5em}.f-cell.c-ver-padded .f-cell__content{box-sizing:border-box;padding-top:.5em;padding-bottom:.5em}.f-cell.c-success-bg .f-cell__content{background:var(--kup-success-color) !important;color:#fff !important}.f-cell.c-warning-bg .f-cell__content{background:var(--kup-warning-color) !important}.f-cell.c-danger-bg .f-cell__content{background:var(--kup-danger-color) !important;color:#fff !important}.f-cell.c-teal-bg .f-cell__content{background:#00b4bc !important;color:#fff !important}.f-cell.c-orange-bg .f-cell__content{background:#f59729 !important;color:#fff !important}.f-cell.c-green-bg .f-cell__content{background:#00be67 !important;color:#fff !important}.f-cell.c-grey-bg .f-cell__content{background:#8d8d8d !important;color:#fff !important}.f-cell.c-purple-bg .f-cell__content{background:#b88acc !important;color:#fff !important}.f-cell.dense{--kup-textfield-fullwidth-height:28px;--kup-textfield-fullwidth-padding:0px;--kup-checkbox-padding:0px;--kup-chip-margin:0 4px;padding:.2em .3125em}.f-cell.medium{--kup-textfield-fullwidth-height:36px;--kup-textfield-fullwidth-padding:0px;padding:.5em .3125em}.f-cell.wide{--kup-textfield-fullwidth-height:50px;--kup-textfield-fullwidth-padding:0px;padding:1em .3125em}";
 const fCheckboxCss = ".f-checkbox{--kup_checkbox_font_family:var( --kup-checkbox-font-family, var(--kup-font-family) );--kup_checkbox_font_size:var(--kup-checkbox-font-size, var(--kup-font-size));--kup_checkbox_font_weight:var(--kup-checkbox-font-weight, 400);--kup_checkbox_disabled_checkmark_color:var( --kup-checkbox-disabled-checkmark-color, var(--kup-background-color) );--kup_checkbox_padding:var(--kup-checkbox-padding, 11px);--kup_checkbox_primary_color:var( --kup-checkbox-primary-color, var(--kup-primary-color) );--kup_checkbox_primary_color_rgb:var( --kup-checkbox-primary-color-rgb, var(--kup-primary-color-rgb) );--kup_checkbox_text_color:var( --kup-checkbox-text-color, var(--kup-text-color) );--kup_checkbox_text_color_rgb:var( --kup-checkbox-text-color-rgb, var(--kup-text-color-rgb) );--kup_checkbox_text_on_primary_color:var( --kup-checkbox-text-on-primary-color, var(--kup-text-on-primary-color) );--kup_checkbox_text_on_primary_color_rgb:var( --kup-checkbox-text-on-primary-color-rgb, var(--kup-text-on-primary-color-rgb) );font-family:var(--kup_checkbox_font_family);font-size:var(--kup_checkbox_font_size)}.f-checkbox .form-field{color:var(--kup_checkbox_text_color);line-height:1.25em;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;letter-spacing:0.0178571429em;text-decoration:inherit;align-items:center;vertical-align:middle;display:inline-flex}.f-checkbox .form-field label{font-size:.875em;margin-left:0px;margin-right:auto;order:0}.f-checkbox .form-field.form-field--align-end label{margin-left:auto;margin-right:0px;order:-1}.f-checkbox .checkbox{border-radius:50%;display:inline-block;position:relative;flex:0 0 18px;box-sizing:content-box;width:18px;height:18px;line-height:0;white-space:nowrap;cursor:pointer;vertical-align:bottom;will-change:transform,opacity;z-index:0;padding:var(--kup_checkbox_padding);transition:background-color 125ms linear}.f-checkbox .checkbox:hover{background:rgba(var(--kup_checkbox_primary_color_rgb), 0.125)}.f-checkbox .checkbox .checkbox__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit;top:0;left:0;right:0;height:40px;width:40px}.f-checkbox .checkbox .checkbox__native-control:checked~.checkbox__background .checkbox__checkmark{transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);opacity:1}.f-checkbox .checkbox .checkbox__checkmark-path{stroke:var(--kup_checkbox_text_on_primary_color);stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385;stroke-width:3.12px;transition:stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.f-checkbox .checkbox .checkbox__background{position:absolute;align-items:center;justify-content:center;box-sizing:border-box;width:18px;height:18px;border:2px solid rgba(var(--kup_checkbox_text_color_rgb), 0.5);border-radius:2px;background-color:rgba(0,0,0,0);pointer-events:none;will-change:background-color,border-color;transition:background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.f-checkbox .checkbox .checkbox__background .checkbox__checkmark{color:var(--kup_checkbox_text_on_primary_color);position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;transition:opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.f-checkbox .checkbox .checkbox__background .checkbox__mixedmark{position:absolute;top:6px;left:-1px;color:var(--kup_checkbox_text_on_primary_color);width:100%;height:0;border-width:1px;border-style:solid;opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.f-checkbox .checkbox.checkbox--checked .checkbox__background{background-color:var(--kup_checkbox_primary_color);border-color:var(--kup_checkbox_primary_color);opacity:1}.f-checkbox .checkbox.checkbox--checked .checkbox__checkmark-path{stroke-dashoffset:0}.f-checkbox .checkbox.checkbox--indeterminate .checkbox__background{background-color:var(--kup_checkbox_primary_color);border-color:var(--kup_checkbox_primary_color)}.f-checkbox .checkbox.checkbox--indeterminate .checkbox__mixedmark{border-color:var(--kup_checkbox_text_on_primary_color);transform:scaleX(1) rotate(0deg);opacity:1}.f-checkbox .checkbox.checkbox--indeterminate .checkbox__checkmark-path{stroke-dashoffset:0}.f-checkbox .checkbox.checkbox--disabled{pointer-events:none}.f-checkbox .checkbox.checkbox--disabled+label{pointer-events:none}.f-checkbox .checkbox.checkbox--disabled .checkbox__background{background-color:rgba(0,0,0,0);border-color:rgba(var(--kup_checkbox_text_color_rgb), 0.325)}.f-checkbox .checkbox.checkbox--disabled.checkbox--checked .checkbox__background{background-color:rgba(var(--kup_checkbox_text_color_rgb), 0.325);border-color:rgba(0,0,0,0)}.f-checkbox .checkbox.checkbox--disabled.checkbox--checked .checkbox__checkmark{color:var(--kup_checkbox_disabled_checkmark_color)}.f-checkbox .checkbox.checkbox--disabled.checkbox--checked .checkbox__mixedmark{color:var(--kup_checkbox_disabled_checkmark_color)}.f-checkbox.kup-danger{--kup-checkbox-primary-color:var(--kup-danger-color);--kup-checkbox-primary-color-rgb:var(--kup-danger-color-rgb);--kup-checkbox-text-on-primary-color:white;--kup-checkbox-text-on-primary-color-rgb:255, 255, 255}.f-checkbox.kup-info{--kup-checkbox-primary-color:var(--kup-info-color);--kup-checkbox-primary-color-rgb:var(--kup-info-color-rgb);--kup-checkbox-text-on-primary-color:white;--kup-checkbox-text-on-primary-color-rgb:255, 255, 255}.f-checkbox.kup-secondary{--kup-checkbox-primary-color:var(--kup-secondary-color);--kup-checkbox-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-checkbox-text-on-primary-color:var(--kup-text-on-secondary-color);--kup-checkbox-text-on-primary-color-rgb:var( --kup-text-on-secondary-color-rgb )}.f-checkbox.kup-success{--kup-checkbox-primary-color:var(--kup-success-color);--kup-checkbox-primary-color-rgb:var(--kup-success-color-rgb);--kup-checkbox-text-on-primary-color:white;--kup-checkbox-text-on-primary-color-rgb:255, 255, 255}.f-checkbox.kup-warning{--kup-checkbox-primary-color:var(--kup-warning-color);--kup-checkbox-primary-color-rgb:var(--kup-warning-color-rgb);--kup-checkbox-text-on-primary-color:white;--kup-checkbox-text-on-primary-color-rgb:255, 255, 255}";
@@ -5608,14 +5613,13 @@ var KupTagNames;
   KupTagNames["BUTTON_LIST"] = "KUP-BUTTON-LIST";
   KupTagNames["CALENDAR"] = "KUP-CALENDAR";
   KupTagNames["CARD"] = "KUP-CARD";
+  KupTagNames["CARD_LIST"] = "KUP-CARD-LIST";
   KupTagNames["CELL"] = "KUP-CELL";
   KupTagNames["CHART"] = "KUP-CHART";
   KupTagNames["CHECKBOX"] = "KUP-CHECKBOX";
   KupTagNames["CHIP"] = "KUP-CHIP";
   KupTagNames["COLOR_PICKER"] = "KUP-COLOR-PICKER";
   KupTagNames["COMBOBOX"] = "KUP-COMBOBOX";
-  KupTagNames["DASH"] = "KUP-DASH";
-  KupTagNames["DASH_LIST"] = "KUP-DASH-LIST";
   KupTagNames["DASHBOARD"] = "KUP-DASHBOARD";
   KupTagNames["DATA_TABLE"] = "KUP-DATA-TABLE";
   KupTagNames["DATE_PICKER"] = "KUP-DATE-PICKER";
@@ -5827,7 +5831,7 @@ var KupThemeIconValues;
   KupThemeIconValues["SEARCH"] = "--kup-search-icon";
 })(KupThemeIconValues || (KupThemeIconValues = {}));
-const dom$s = document.documentElement;
+const dom$t = document.documentElement;
 /**
  * Theme manager, handles everything about theming, customStyles and color utilities.
  * @module KupTheme
@@ -5841,7 +5845,7 @@ class KupTheme {
     this.list = list ? list : themes;
     this.managedComponents = new Set();
     this.name = name ? name : 'ketchup';
-    this.styleTag = dom$s
+    this.styleTag = dom$t
       .querySelector('head')
       .appendChild(document.createElement('style'));
   }
@@ -5928,9 +5932,9 @@ class KupTheme {
     if (list) {
       this.list = list;
     }
-    dom$s.ketchup.debug.logMessage('theme manager', 'Setting theme to: ' + this.name + '.');
+    dom$t.ketchup.debug.logMessage('theme manager', 'Setting theme to: ' + this.name + '.');
     if (!this.list[this.name]) {
-      dom$s.ketchup.debug.logMessage('theme manager', 'Invalid theme name, falling back to default ("ketchup").');
+      dom$t.ketchup.debug.logMessage('theme manager', 'Invalid theme name, falling back to default ("ketchup").');
       this.name = 'ketchup';
     }
     this.cssVars = {};
@@ -5973,11 +5977,11 @@ class KupTheme {
           this.icons() +
           '}';
       this.customStyle();
-      dom$s.ketchup.debug.logMessage('kup-theme', 'Theme ' + dom$s.getAttribute('kup-theme') + ' refreshed.');
+      dom$t.ketchup.debug.logMessage('kup-theme', 'Theme ' + dom$t.getAttribute('kup-theme') + ' refreshed.');
       document.dispatchEvent(new CustomEvent('kup-theme-refresh'));
     }
     catch (error) {
-      dom$s.ketchup.debug.logMessage('kup-theme', 'Theme not refreshed.', KupDebugCategory.WARNING);
+      dom$t.ketchup.debug.logMessage('kup-theme', 'Theme not refreshed.', KupDebugCategory.WARNING);
     }
   }
   /**
@@ -6096,7 +6100,7 @@ class KupTheme {
       this.set(themes[index]);
     }
     else {
-      dom$s.ketchup.debug.logMessage('kup-theme', "Couldn't set a random theme: no themes available!", KupDebugCategory.WARNING);
+      dom$t.ketchup.debug.logMessage('kup-theme', "Couldn't set a random theme: no themes available!", KupDebugCategory.WARNING);
     }
   }
   /**
@@ -6108,7 +6112,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$s.ketchup.debug.logMessage('theme manager', 'Received TRANSPARENT color, converted to ' +
+      dom$t.ketchup.debug.logMessage('theme manager', 'Received TRANSPARENT color, converted to ' +
         color +
         ' (theme background).');
     }
@@ -6126,7 +6130,7 @@ class KupTheme {
       const oldColor = color;
       color = this.codeToHex(color);
       isHex = color.substring(0, 1) === '#' ? true : false;
-      dom$s.ketchup.debug.logMessage('theme manager', 'Received CODE NAME color ' +
+      dom$t.ketchup.debug.logMessage('theme manager', 'Received CODE NAME color ' +
         oldColor +
         ', converted to ' +
         color +
@@ -6180,14 +6184,14 @@ class KupTheme {
         else {
           hexColor = this.rgbToHex(rgbColorObj.r, rgbColorObj.g, rgbColorObj.b);
         }
-        dom$s.ketchup.debug.logMessage('theme-manager', 'Received HEX color ' +
+        dom$t.ketchup.debug.logMessage('theme-manager', 'Received HEX color ' +
           oldColor +
           ', converted to ' +
           color +
           '.');
       }
       catch (error) {
-        dom$s.ketchup.debug.logMessage('theme-manager', 'Invalid color: ' + color + '.');
+        dom$t.ketchup.debug.logMessage('theme-manager', 'Invalid color: ' + color + '.');
       }
     }
     let rgbValues = null;
@@ -6197,14 +6201,14 @@ class KupTheme {
       rgbColor = color;
     }
     catch (error) {
-      dom$s.ketchup.debug.logMessage('theme-manager', 'Color not converted to rgb values: ' + color + '.');
+      dom$t.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$s.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
+        dom$t.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
       }
     }
     if (!hslColor || !hslValues) {
@@ -6217,7 +6221,7 @@ class KupTheme {
         hslColor = 'hsl(' + hsl.h + ',' + hsl.s + '%,' + hsl.l + '%)';
       }
       catch (error) {
-        dom$s.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
+        dom$t.ketchup.debug.logMessage('theme-manager', 'Color not converted to hex value: ' + color + '.');
       }
     }
     return {
@@ -6522,7 +6526,7 @@ class KupTheme {
       return colorCodes[color.toLowerCase()];
     }
     else {
-      dom$s.ketchup.debug.logMessage('theme manager', 'Could not decode color ' + color + '!');
+      dom$t.ketchup.debug.logMessage('theme manager', 'Could not decode color ' + color + '!');
       return color;
     }
   }
@@ -6550,7 +6554,7 @@ var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) |
   return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 var _KupToolbar_keyEvent;
-const dom$r = document.documentElement;
+const dom$s = document.documentElement;
 /**
  * Handles component's toolbar.
  * @module KupToolbar
@@ -6568,7 +6572,7 @@ class KupToolbar {
       KupToolbarModifierKeys.CTRL,
     ];
     __classPrivateFieldSet$6(this, _KupToolbar_keyEvent, function (e) {
-      const toolbar = dom$r.ketchup.toolbar;
+      const toolbar = dom$s.ketchup.toolbar;
       if (toolbar.managedElements) {
         for (let index = 0; index < toolbar.modifiers.length; index++) {
           if (toolbar.modifiers[index] ===
@@ -7111,7 +7115,7 @@ var KupDatesFormats;
   KupDatesFormats["ISO_TIME_WITHOUT_SECONDS"] = "HH:mm";
 })(KupDatesFormats || (KupDatesFormats = {}));
-const dom$q = document.documentElement;
+const dom$r = document.documentElement;
 // -------------
 // COMMONS
 // -------------
@@ -7138,9 +7142,9 @@ function getValueForDisplay2(values, column) {
 }
 function formatToNumber(cell) {
   if (cell.obj) {
-    return dom$q.ketchup.math.numberify(cell.obj.k);
+    return dom$r.ketchup.math.numberify(cell.obj.k);
   }
-  return dom$q.ketchup.math.numberify(cell.value);
+  return dom$r.ketchup.math.numberify(cell.value);
 }
 function _getCellValueForDisplay(value, column, cell) {
   let obj = column != null ? column.obj : null;
@@ -7153,18 +7157,18 @@ function getValueForDisplay(value, obj, decimals) {
   if (value == null || value.trim() == '') {
     return value;
   }
-  if (dom$q.ketchup.objects.isNumber(obj)) {
-    return dom$q.ketchup.math.numberStringToFormattedString(value, decimals ? decimals : -1, obj ? obj.p : '');
+  if (dom$r.ketchup.objects.isNumber(obj)) {
+    return dom$r.ketchup.math.numberStringToFormattedString(value, decimals ? decimals : -1, obj ? obj.p : '');
   }
-  if (dom$q.ketchup.objects.isDate(obj) &&
-    dom$q.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
-    return dom$q.ketchup.dates.format(value);
+  if (dom$r.ketchup.objects.isDate(obj) &&
+    dom$r.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
+    return dom$r.ketchup.dates.format(value);
   }
-  if (dom$q.ketchup.objects.isTime(obj)) {
-    return dom$q.ketchup.dates.timeStringToFormattedString(value, dom$q.ketchup.objects.isTimeWithSeconds(obj), obj.t + obj.p);
+  if (dom$r.ketchup.objects.isTime(obj)) {
+    return dom$r.ketchup.dates.timeStringToFormattedString(value, dom$r.ketchup.objects.isTimeWithSeconds(obj), obj.t + obj.p);
   }
-  if (dom$q.ketchup.objects.isTimestamp(obj)) {
-    return dom$q.ketchup.dates.timestampStringToFormattedString(value);
+  if (dom$r.ketchup.objects.isTimestamp(obj)) {
+    return dom$r.ketchup.dates.timestampStringToFormattedString(value);
   }
   return value;
 }
@@ -7208,26 +7212,26 @@ function compareValues(obj1, value1, obj2, value2, sortMode) {
   }
   let v1 = s1;
   let v2 = s2;
-  if (dom$q.ketchup.objects.isNumber(obj1)) {
-    v1 = dom$q.ketchup.math.numberifySafe(s1);
-    v2 = dom$q.ketchup.math.numberifySafe(s2);
+  if (dom$r.ketchup.objects.isNumber(obj1)) {
+    v1 = dom$r.ketchup.math.numberifySafe(s1);
+    v2 = dom$r.ketchup.math.numberifySafe(s2);
   }
-  else if (dom$q.ketchup.objects.isDate(obj1)) {
-    v1 = dom$q.ketchup.dates.toDate(dom$q.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE));
-    v2 = dom$q.ketchup.dates.toDate(dom$q.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE));
+  else if (dom$r.ketchup.objects.isDate(obj1)) {
+    v1 = dom$r.ketchup.dates.toDate(dom$r.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE));
+    v2 = dom$r.ketchup.dates.toDate(dom$r.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE));
   }
-  else if (dom$q.ketchup.objects.isTime(obj1)) {
-    let manageSeconds = dom$q.ketchup.objects.isTimeWithSeconds(obj1);
-    v1 = dom$q.ketchup.dates.toDate(dom$q.ketchup.dates.format(s1, manageSeconds
+  else if (dom$r.ketchup.objects.isTime(obj1)) {
+    let manageSeconds = dom$r.ketchup.objects.isTimeWithSeconds(obj1);
+    v1 = dom$r.ketchup.dates.toDate(dom$r.ketchup.dates.format(s1, manageSeconds
       ? KupDatesFormats.ISO_TIME
       : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS));
-    v2 = dom$q.ketchup.dates.toDate(dom$q.ketchup.dates.format(s2, manageSeconds
+    v2 = dom$r.ketchup.dates.toDate(dom$r.ketchup.dates.format(s2, manageSeconds
       ? KupDatesFormats.ISO_TIME
       : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS));
   }
-  else if (dom$q.ketchup.objects.isTimestamp(obj1)) {
-    v1 = dom$q.ketchup.dates.toDate(dom$q.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE_TIME));
-    v2 = dom$q.ketchup.dates.toDate(dom$q.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE_TIME));
+  else if (dom$r.ketchup.objects.isTimestamp(obj1)) {
+    v1 = dom$r.ketchup.dates.toDate(dom$r.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE_TIME));
+    v2 = dom$r.ketchup.dates.toDate(dom$r.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE_TIME));
   }
   if (v1 > v2) {
     return sm * 1;
@@ -7293,7 +7297,7 @@ var KupGlobalFilterMode;
   KupGlobalFilterMode["HIGHLIGHT"] = "highlight";
 })(KupGlobalFilterMode || (KupGlobalFilterMode = {}));
-const dom$p = document.documentElement;
+const dom$q = document.documentElement;
 /**
  * Filtering algorithms.
  * @module Filters
@@ -7309,16 +7313,16 @@ class Filters {
     return comp.rootElement.tagName === KupTagNames.TREE;
   }
   isObjFiltrableByInterval(obj) {
-    if (dom$p.ketchup.objects.isDate(obj)) {
+    if (dom$q.ketchup.objects.isDate(obj)) {
       return true;
     }
-    if (dom$p.ketchup.objects.isTime(obj)) {
+    if (dom$q.ketchup.objects.isTime(obj)) {
       return true;
     }
-    if (dom$p.ketchup.objects.isTimestamp(obj)) {
+    if (dom$q.ketchup.objects.isTimestamp(obj)) {
       return true;
     }
-    if (dom$p.ketchup.objects.isNumber(obj)) {
+    if (dom$q.ketchup.objects.isNumber(obj)) {
       return true;
     }
     return false;
@@ -7328,38 +7332,38 @@ class Filters {
     if (newValue == null || newValue == '' || smeupObj == null) {
       return newValue;
     }
-    if (dom$p.ketchup.objects.isDate(smeupObj)) {
-      if (dom$p.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
+    if (dom$q.ketchup.objects.isDate(smeupObj)) {
+      if (dom$q.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
         return newValue;
       }
-      if (dom$p.ketchup.dates.isValid(value)) {
-        return dom$p.ketchup.dates.format(dom$p.ketchup.dates.normalize(value, KupDatesNormalize.DATE), KupDatesFormats.ISO_DATE);
+      if (dom$q.ketchup.dates.isValid(value)) {
+        return dom$q.ketchup.dates.format(dom$q.ketchup.dates.normalize(value, KupDatesNormalize.DATE), KupDatesFormats.ISO_DATE);
       }
     }
-    else if (dom$p.ketchup.objects.isTime(smeupObj)) {
-      let manageSeconds = dom$p.ketchup.objects.isTimeWithSeconds(smeupObj);
-      if (dom$p.ketchup.dates.isValid(value, manageSeconds
+    else if (dom$q.ketchup.objects.isTime(smeupObj)) {
+      let manageSeconds = dom$q.ketchup.objects.isTimeWithSeconds(smeupObj);
+      if (dom$q.ketchup.dates.isValid(value, manageSeconds
         ? KupDatesFormats.ISO_TIME
         : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS)) {
         return newValue;
       }
-      if (dom$p.ketchup.dates.isValidFormattedStringTime(value, manageSeconds)) {
-        return dom$p.ketchup.dates.formattedStringToCustomDateTime(value, manageSeconds
+      if (dom$q.ketchup.dates.isValidFormattedStringTime(value, manageSeconds)) {
+        return dom$q.ketchup.dates.formattedStringToCustomDateTime(value, manageSeconds
           ? KupDatesFormats.ISO_TIME
           : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS, manageSeconds);
       }
     }
-    else if (dom$p.ketchup.objects.isTimestamp(smeupObj)) {
-      if (dom$p.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE_TIME)) {
+    else if (dom$q.ketchup.objects.isTimestamp(smeupObj)) {
+      if (dom$q.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE_TIME)) {
         return newValue;
       }
-      if (dom$p.ketchup.dates.isValidFormattedStringTime(value, true)) {
-        return dom$p.ketchup.dates.formattedStringToTimestampString(value);
+      if (dom$q.ketchup.dates.isValidFormattedStringTime(value, true)) {
+        return dom$q.ketchup.dates.formattedStringToTimestampString(value);
       }
     }
-    else if (dom$p.ketchup.objects.isNumber(smeupObj)) {
-      if (dom$p.ketchup.math.isStringNumber(value, smeupObj ? smeupObj.p : '')) {
-        return dom$p.ketchup.math.formattedStringToNumberString(value, smeupObj ? smeupObj.p : '');
+    else if (dom$q.ketchup.objects.isNumber(smeupObj)) {
+      if (dom$q.ketchup.math.isStringNumber(value, smeupObj ? smeupObj.p : '')) {
+        return dom$q.ketchup.math.formattedStringToNumberString(value, smeupObj ? smeupObj.p : '');
       }
     }
     return newValue;
@@ -7480,12 +7484,12 @@ class Filters {
       to = interval[FilterInterval.TO];
     }
     let checkByRegularExpression = true;
-    if (dom$p.ketchup.objects.isNumber(obj)) {
-      let valueNumber = dom$p.ketchup.math.numberifySafe(value, obj ? obj.p : '');
+    if (dom$q.ketchup.objects.isNumber(obj)) {
+      let valueNumber = dom$q.ketchup.math.numberifySafe(value, obj ? obj.p : '');
       if (from != '') {
-        if (dom$p.ketchup.math.isNumber(from)) {
+        if (dom$q.ketchup.math.isNumber(from)) {
           checkByRegularExpression = false;
-          let fromNumber = dom$p.ketchup.math.numberifySafe(from);
+          let fromNumber = dom$q.ketchup.math.numberifySafe(from);
           if (valueNumber < fromNumber) {
             return false;
           }
@@ -7495,9 +7499,9 @@ class Filters {
         }
       }
       if (to != '') {
-        if (dom$p.ketchup.math.isNumber(to)) {
+        if (dom$q.ketchup.math.isNumber(to)) {
           checkByRegularExpression = false;
-          let toNumber = dom$p.ketchup.math.numberifySafe(to);
+          let toNumber = dom$q.ketchup.math.numberifySafe(to);
           if (valueNumber > toNumber) {
             return false;
           }
@@ -7507,30 +7511,30 @@ class Filters {
         }
       }
     }
-    if (dom$p.ketchup.objects.isDate(obj) ||
-      dom$p.ketchup.objects.isTime(obj) ||
-      dom$p.ketchup.objects.isTimestamp(obj)) {
+    if (dom$q.ketchup.objects.isDate(obj) ||
+      dom$q.ketchup.objects.isTime(obj) ||
+      dom$q.ketchup.objects.isTimestamp(obj)) {
       let valueDate = null;
       let defaultFormat = KupDatesFormats.ISO_DATE;
-      if (dom$p.ketchup.objects.isDate(obj)) {
+      if (dom$q.ketchup.objects.isDate(obj)) {
         defaultFormat = KupDatesFormats.ISO_DATE;
       }
-      else if (dom$p.ketchup.objects.isTime(obj)) {
-        defaultFormat = dom$p.ketchup.objects.isTimeWithSeconds(obj)
+      else if (dom$q.ketchup.objects.isTime(obj)) {
+        defaultFormat = dom$q.ketchup.objects.isTimeWithSeconds(obj)
           ? KupDatesFormats.ISO_TIME
           : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS;
       }
-      else if (dom$p.ketchup.objects.isTimestamp(obj)) {
+      else if (dom$q.ketchup.objects.isTimestamp(obj)) {
         defaultFormat = KupDatesFormats.ISO_DATE_TIME;
       }
-      if (dom$p.ketchup.dates.isValid(value, defaultFormat, true)) {
-        valueDate = dom$p.ketchup.dates.toDate(value, defaultFormat);
+      if (dom$q.ketchup.dates.isValid(value, defaultFormat, true)) {
+        valueDate = dom$q.ketchup.dates.toDate(value, defaultFormat);
       }
       if (from != '') {
         if (valueDate != null &&
-          dom$p.ketchup.dates.isValid(from, defaultFormat, true)) {
+          dom$q.ketchup.dates.isValid(from, defaultFormat, true)) {
           checkByRegularExpression = false;
-          let fromDate = dom$p.ketchup.dates.toDate(from, defaultFormat);
+          let fromDate = dom$q.ketchup.dates.toDate(from, defaultFormat);
           if (valueDate < fromDate) {
             return false;
           }
@@ -7541,9 +7545,9 @@ class Filters {
       }
       if (to != '') {
         if (valueDate != null &&
-          dom$p.ketchup.dates.isValid(to, defaultFormat, true)) {
+          dom$q.ketchup.dates.isValid(to, defaultFormat, true)) {
           checkByRegularExpression = false;
-          let toDate = dom$p.ketchup.dates.toDate(to, defaultFormat);
+          let toDate = dom$q.ketchup.dates.toDate(to, defaultFormat);
           if (valueDate > toDate) {
             return false;
           }
@@ -7552,9 +7556,9 @@ class Filters {
           filterValue = to;
         }
       }
-      if (!dom$p.ketchup.dates.isValid(filterValue, defaultFormat) &&
-        !dom$p.ketchup.dates.isValid(filterValue)) {
-        value = dom$p.ketchup.dates.format(value);
+      if (!dom$q.ketchup.dates.isValid(filterValue, defaultFormat) &&
+        !dom$q.ketchup.dates.isValid(filterValue)) {
+        value = dom$q.ketchup.dates.format(value);
       }
     }
     if (checkByRegularExpression) {
@@ -7578,9 +7582,9 @@ class Filters {
   }
 }
-const dom$o = document.documentElement;
-const kupObjects$1 = dom$o.ketchup
-  ? dom$o.ketchup.objects
+const dom$p = document.documentElement;
+const kupObjects$1 = dom$p.ketchup
+  ? dom$p.ketchup.objects
   : new KupObjects();
 /**
  * Finds all the cells matching the filters criteria in the input dataset.
@@ -7589,7 +7593,7 @@ const kupObjects$1 = dom$o.ketchup
  * @returns {KupDataCell[]}  Array of cells fetched after applying the filters.
  */
 function findCell(dataset, filters) {
-  return dom$o.ketchup.data.finder(dataset, filters).cells;
+  return dom$p.ketchup.data.finder(dataset, filters).cells;
 }
 /**
  * Returns all the cells values of the specified column, sorted if required.
@@ -7661,7 +7665,7 @@ function replaceCell(dataset, cell, columns) {
   return replaced;
 }
-const dom$n = document.documentElement;
+const dom$o = document.documentElement;
 /**
  * Finds the columns matching the criteria specified in the filters argument.
  * @param {KupDataDataset | Column[]} dataset - Input dataset or array of columns.
@@ -7683,7 +7687,7 @@ function findColumns(dataset, filters) {
       if (column[key] === filter) {
         result.push(column);
       }
-      else if (dom$n.ketchup.objects.deepEqual(column[key], filter)) {
+      else if (dom$o.ketchup.objects.deepEqual(column[key], filter)) {
         result.push(column);
       }
     }
@@ -7729,7 +7733,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$n.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+      dom$o.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
       return message;
   }
 }
@@ -7743,7 +7747,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$n.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+    dom$o.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
     return message;
   }
   let firstColumn = null;
@@ -7765,12 +7769,12 @@ function newColumnFromConcatenate(dataset, columns, separator) {
         columns.toString() +
         ')';
       col.visible = true;
-      dom$n.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+      dom$o.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
       return message;
     }
   }
   const newName = columns.join('_');
-  const newObj = objs.length > 0 && dom$n.ketchup.objects.isSameKupObj(objs)
+  const newObj = objs.length > 0 && dom$o.ketchup.objects.isSameKupObj(objs)
     ? objs[0]
     : null;
   const newTitle = titles.join(separator);
@@ -7837,7 +7841,7 @@ function newColumnFromMath(dataset, operation, columns) {
   }
   if (columns.length === 0) {
     const message = "Can't apply math formulas without columns!(" + columns + ')';
-    dom$n.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+    dom$o.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
     return message;
   }
   const titles = [];
@@ -7864,11 +7868,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$n.ketchup.objects.isNumber(col.obj)) {
+      if (!dom$o.ketchup.objects.isNumber(col.obj)) {
         const message = "Can't apply math formulas on non-numerical columns!(" +
           columns +
           ')';
-        dom$n.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+        dom$o.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
         return message;
       }
     }
@@ -7879,7 +7883,7 @@ function newColumnFromMath(dataset, operation, columns) {
       const message = 'This mathematical operation on these columns was already performed!(' +
         formula +
         ')';
-      dom$n.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+      dom$o.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
       return message;
     }
   }
@@ -7907,11 +7911,11 @@ function newColumnFromMath(dataset, operation, columns) {
           if (!base) {
             base = cell;
           }
-          formulaRow[column] = dom$n.ketchup.math.numberify(cell.value);
+          formulaRow[column] = dom$o.ketchup.math.numberify(cell.value);
         }
       }
     }
-    const value = dom$n.ketchup.math.formulas
+    const value = dom$o.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 });
@@ -7959,7 +7963,7 @@ function newColumnFromMerge(dataset, columns2merge, newColumn) {
   return newColumn;
 }
-const dom$m = document.documentElement;
+const dom$n = document.documentElement;
 /**
  * Finds all the rows containing cells matching the filters criteria in the input dataset.
  * @param {KupDataDataset} dataset - Input dataset.
@@ -7967,7 +7971,7 @@ const dom$m = document.documentElement;
  * @returns {KupDataRow[]} Array of rows fetched after applying the filters.
  */
 function findRow(dataset, filters) {
-  return dom$m.ketchup.data.finder(dataset, filters).rows;
+  return dom$n.ketchup.data.finder(dataset, filters).rows;
 }
 /**
  * Converts the rows of the input dataset to tree nodes.
@@ -8238,6 +8242,7 @@ var FCellShapes;
   FCellShapes["EDITOR"] = "EDT";
   FCellShapes["GAUGE"] = "GAU";
   FCellShapes["IMAGE"] = "IMG";
+  FCellShapes["INPUT_FIELD"] = "INF";
   FCellShapes["KNOB"] = "KNB";
   FCellShapes["MULTI_AUTOCOMPLETE"] = "AML";
   FCellShapes["MULTI_COMBOBOX"] = "CML";
@@ -8311,7 +8316,7 @@ const kupTypes = [
   FCellTypes.RATING,
 ];
-const dom$l = document.documentElement;
+const dom$m = document.documentElement;
 /**
  * Handles data operations.
  * @module KupData
@@ -8373,55 +8378,55 @@ class KupData {
               return FCellTypes.STRING;
           }
         }
-        if (dom$l.ketchup.objects.isBar(obj)) {
+        if (dom$m.ketchup.objects.isBar(obj)) {
           return FCellTypes.BAR;
         }
-        else if (dom$l.ketchup.objects.isButton(obj)) {
+        else if (dom$m.ketchup.objects.isButton(obj)) {
           return FCellTypes.BUTTON;
         }
-        else if (dom$l.ketchup.objects.isChart(obj)) {
+        else if (dom$m.ketchup.objects.isChart(obj)) {
           return FCellTypes.CHART;
         }
-        else if (dom$l.ketchup.objects.isCheckbox(obj)) {
+        else if (dom$m.ketchup.objects.isCheckbox(obj)) {
           return FCellTypes.CHECKBOX;
         }
-        else if (dom$l.ketchup.objects.isColor(obj)) {
+        else if (dom$m.ketchup.objects.isColor(obj)) {
           return FCellTypes.COLOR_PICKER;
         }
-        else if (dom$l.ketchup.objects.isIcon(obj)) {
+        else if (dom$m.ketchup.objects.isIcon(obj)) {
           return FCellTypes.ICON;
         }
-        else if (dom$l.ketchup.objects.isImage(obj)) {
+        else if (dom$m.ketchup.objects.isImage(obj)) {
           return FCellTypes.IMAGE;
         }
-        else if (dom$l.ketchup.objects.isLink(obj)) {
+        else if (dom$m.ketchup.objects.isLink(obj)) {
           return FCellTypes.LINK;
         }
-        else if (dom$l.ketchup.objects.isProgressBar(obj)) {
+        else if (dom$m.ketchup.objects.isProgressBar(obj)) {
           return FCellTypes.PROGRESS_BAR;
         }
-        else if (dom$l.ketchup.objects.isRadio(obj)) {
+        else if (dom$m.ketchup.objects.isRadio(obj)) {
           return FCellTypes.RADIO;
         }
-        else if (dom$l.ketchup.objects.isSwitch(obj)) {
+        else if (dom$m.ketchup.objects.isSwitch(obj)) {
           return FCellTypes.SWITCH;
         }
-        else if (dom$l.ketchup.objects.isKupObjList(obj)) {
+        else if (dom$m.ketchup.objects.isKupObjList(obj)) {
           return FCellTypes.CHIP;
         }
-        else if (dom$l.ketchup.objects.isNumber(obj)) {
+        else if (dom$m.ketchup.objects.isNumber(obj)) {
           return FCellTypes.NUMBER;
         }
-        else if (dom$l.ketchup.objects.isDate(obj)) {
+        else if (dom$m.ketchup.objects.isDate(obj)) {
           return FCellTypes.DATE;
         }
-        else if (dom$l.ketchup.objects.isTimestamp(obj)) {
+        else if (dom$m.ketchup.objects.isTimestamp(obj)) {
           return FCellTypes.DATETIME;
         }
-        else if (dom$l.ketchup.objects.isTime(obj)) {
+        else if (dom$m.ketchup.objects.isTime(obj)) {
           return FCellTypes.TIME;
         }
-        else if (dom$l.ketchup.objects.isVoCodver(obj)) {
+        else if (dom$m.ketchup.objects.isVoCodver(obj)) {
           return FCellTypes.ICON;
         }
         else {
@@ -8501,10 +8506,10 @@ class KupData {
         if (!columns || !columns.length || columns.includes(key)) {
           if (min && max) {
             let d = null, s = '', n = 0;
-            if (dom$l.ketchup.objects.isDate(cell.obj)) {
-              d = dom$l.ketchup.dates.toDate(cell.value);
-              const dMax = dom$l.ketchup.dates.toDate(max instanceof String ? max.valueOf() : max);
-              const dMin = dom$l.ketchup.dates.toDate(min instanceof String ? min.valueOf() : min);
+            if (dom$m.ketchup.objects.isDate(cell.obj)) {
+              d = dom$m.ketchup.dates.toDate(cell.value);
+              const dMax = dom$m.ketchup.dates.toDate(max instanceof String ? max.valueOf() : max);
+              const dMin = dom$m.ketchup.dates.toDate(min instanceof String ? min.valueOf() : min);
               if (d === dMax ||
                 d === dMin ||
                 (d < dMax && d > dMin)) {
@@ -8523,9 +8528,9 @@ class KupData {
               }
             }
             else {
-              n = dom$l.ketchup.math.numberify(cell.value);
-              const nMax = dom$l.ketchup.math.numberify(max);
-              const nMin = dom$l.ketchup.math.numberify(min);
+              n = dom$m.ketchup.math.numberify(cell.value);
+              const nMax = dom$m.ketchup.math.numberify(max);
+              const nMin = dom$m.ketchup.math.numberify(min);
               if (n === max ||
                 n === min ||
                 (n < nMax && n > nMin)) {
@@ -8682,7 +8687,7 @@ class KupData {
   sort(dataset, sortType, headerColumn) {
     if (sortType != 'normalDistribution') {
       const message = 'Wrong sort type! (' + sortType + ')';
-      dom$l.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
+      dom$m.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
       return dataset;
     }
     const output = {
@@ -8804,7 +8809,7 @@ class KupData {
 }
 var dayjs_min = createCommonjsModule(function (module, exports) {
-!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",f="month",h="quarter",c="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,f),s=n-i<0,u=e.clone().add(r+(s?-1:1),f);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:f,y:c,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p=function(t){return t instanceof _},S=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},O=v;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t);}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return O},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,h=O.p(t),l=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(h){case c:return r?l(1,0):l(31,11);case f:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),h="set"+(this.$u?"UTC":""),l=(n={},n[a]=h+"Date",n[d]=h+"Date",n[f]=h+"Month",n[c]=h+"FullYear",n[u]=h+"Hours",n[s]=h+"Minutes",n[i]=h+"Seconds",n[r]=h+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===f||o===c){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,h){var d,l=this;r=Number(r);var $=O.p(h),y=function(t){var e=w(l);return O.w(e.date(e.date()+Math.round(t*r)),l)};if($===f)return this.set(f,this.$M+r);if($===c)return this.set(c,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,f=n.months,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},c=function(t){return O.s(s%12||12,t,"0")},d=n.meridiem||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r},$={YY:String(this.$y).slice(-2),YYYY:O.s(this.$y,4,"0"),M:a+1,MM:O.s(a+1,2,"0"),MMM:h(n.monthsShort,a,f,3),MMMM:h(f,a),D:this.$D,DD:O.s(this.$D,2,"0"),d:String(this.$W),dd:h(n.weekdaysMin,this.$W,o,2),ddd:h(n.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(s),HH:O.s(s,2,"0"),h:c(1),hh:c(2),a:d(s,u,!0),A:d(s,u,!1),m:String(u),mm:O.s(u,2,"0"),s:String(this.$s),ss:O.s(this.$s,2,"0"),SSS:O.s(this.$ms,3,"0"),Z:i};return r.replace(y,(function(t,e){return e||$[t]||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=O.p(d),M=w(r),m=(M.utcOffset()-this.utcOffset())*e,v=this-M,g=O.m(this,M);return g=($={},$[c]=g/12,$[f]=g,$[h]=g/3,$[o]=(v-m)/6048e5,$[a]=(v-m)/864e5,$[u]=v/n,$[s]=v/e,$[i]=v/t,$)[y]||v,l?g:O.a(g)},m.daysInMonth=function(){return this.endOf(f).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),T=_.prototype;return w.prototype=T,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",f],["$y",c],["$D",d]].forEach((function(t){T[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),w.extend=function(t,e){return t.$i||(t(e,_,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=D[g],w.Ls=D,w.p={},w}));
+!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p=function(t){return t instanceof b},S=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new b(n)},O=v;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var b=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t);}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return O},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,f=O.p(t),l=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=O.p(f),y=function(t){var e=w(l);return O.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return O.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return O.s(e.$y,4,"0");case"M":return a+1;case"MM":return O.s(a+1,2,"0");case"MMM":return h(n.monthsShort,a,c,3);case"MMMM":return h(c,a);case"D":return e.$D;case"DD":return O.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return h(n.weekdaysMin,e.$W,o,2);case"ddd":return h(n.weekdaysShort,e.$W,o,3);case"dddd":return o[e.$W];case"H":return String(s);case"HH":return O.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return $(s,u,!0);case"A":return $(s,u,!1);case"m":return String(u);case"mm":return O.s(u,2,"0");case"s":return String(e.$s);case"ss":return O.s(e.$s,2,"0");case"SSS":return O.s(e.$ms,3,"0");case"Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=O.p(d),m=w(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return O.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g;}return l?$:O.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),_=b.prototype;return w.prototype=_,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){_[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),w.extend=function(t,e){return t.$i||(t(e,b,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=D[g],w.Ls=D,w.p={},w}));
 });
 var customParseFormat = createCommonjsModule(function (module, exports) {
@@ -8816,7 +8821,7 @@ var localizedFormat = createCommonjsModule(function (module, exports) {
 });
 var minMax = createCommonjsModule(function (module, exports) {
-!function(e,n){module.exports=n();}(commonjsGlobal,(function(){return function(e,n,t){var i=function(e,n){if(!n||!n.length||!n[0]||1===n.length&&!n[0].length)return null;var t;1===n.length&&n[0].length>0&&(n=n[0]);t=n[0];for(var i=1;i<n.length;i+=1)n[i].isValid()&&!n[i][e](t)||(t=n[i]);return t};t.max=function(){var e=[].slice.call(arguments,0);return i("isAfter",e)},t.min=function(){var e=[].slice.call(arguments,0);return i("isBefore",e)};}}));
+!function(e,n){module.exports=n();}(commonjsGlobal,(function(){return function(e,n,t){var i=function(e,n){if(!n||!n.length||1===n.length&&!n[0]||1===n.length&&Array.isArray(n[0])&&!n[0].length)return null;var t;1===n.length&&n[0].length>0&&(n=n[0]);t=(n=n.filter((function(e){return e})))[0];for(var i=1;i<n.length;i+=1)n[i].isValid()&&!n[i][e](t)||(t=n[i]);return t};t.max=function(){var e=[].slice.call(arguments,0);return i("isAfter",e)},t.min=function(){var e=[].slice.call(arguments,0);return i("isBefore",e)};}}));
 });
 createCommonjsModule(function (module, exports) {
@@ -10789,7 +10794,7 @@ createCommonjsModule(function (module) {
 }));
 });
-const dom$k = document.documentElement;
+const dom$l = 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]).
@@ -10812,7 +10817,7 @@ function customFormula(formula, row) {
     return result;
   }
   catch (e) {
-    dom$k.ketchup.debug.logMessage('kup-data', 'Error while evaluating the following formula!(' + formula + ')', KupDebugCategory.ERROR);
+    dom$l.ketchup.debug.logMessage('kup-data', 'Error while evaluating the following formula!(' + formula + ')', KupDebugCategory.ERROR);
     return NaN;
   }
 }
@@ -10908,7 +10913,7 @@ function escapeRegExp(s) {
   return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
 }
-const dom$j = document.documentElement;
+const dom$k = document.documentElement;
 /**
  * Handles mathematical operations and number formatting/conversion.
  * @module KupMath
@@ -10948,7 +10953,7 @@ class KupMath {
   setLocale(locale) {
     if (!Object.values(KupMathLocales).includes(locale)) {
       locale = KupMathLocales.en;
-      dom$j.ketchup.debug.logMessage('kup-math', 'Invalid locale (' + locale + ')! Defaulting to english.', KupDebugCategory.WARNING);
+      dom$k.ketchup.debug.logMessage('kup-math', 'Invalid locale (' + locale + ')! Defaulting to english.', KupDebugCategory.WARNING);
     }
     this.locale = locale;
     this.numeral.locale(locale);
@@ -11275,7 +11280,7 @@ class KupMath {
    * @param {string} input number as string, formatted by locale US, decimal separator . (like java decimal numbers)
    * @param {number} decimals number of significant decimal digits for output
    * @param {string} type - type of number for calculate suffix
-   * @param {string} decSeparator decimal separator for outpu string
+   * @param {string} decSeparator decimal separator for output string
    * @returns {string} number as string, formatted by actual browser locale (or using decimal separator param), with suffix by type
    **/
   numberStringToFormattedString(input, decimals, type, decSeparator) {
@@ -11323,7 +11328,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$i = document.documentElement;
+const dom$j = document.documentElement;
 /**
  * Handles application-wide tooltip using card component.
  * @module KupTooltip
@@ -11436,8 +11441,8 @@ class KupTooltip {
   hide() {
     if (this.element) {
       this.element.menuVisible = false;
-      dom$i.ketchup.dynamicPosition.stop(this.element);
-      dom$i.ketchup.removeClickCallback(__classPrivateFieldGet$8(this, _KupTooltip_clickCb, "f"));
+      dom$j.ketchup.dynamicPosition.stop(this.element);
+      dom$j.ketchup.removeClickCallback(__classPrivateFieldGet$8(this, _KupTooltip_clickCb, "f"));
     }
   }
   /**
@@ -11462,12 +11467,12 @@ class KupTooltip {
       return;
     }
     // If the dynamic positioning is still to be registered, a warning is thrown
-    if (!dom$i.ketchup.dynamicPosition.isRegistered(this.element)) {
-      dom$i.ketchup.debug.logMessage('kup-tooltip', 'Unable to display KupTooltip without specifying a valid anchor point.', KupDebugCategory.WARNING);
+    if (!dom$j.ketchup.dynamicPosition.isRegistered(this.element)) {
+      dom$j.ketchup.debug.logMessage('kup-tooltip', 'Unable to display KupTooltip without specifying a valid anchor point.', KupDebugCategory.WARNING);
       return;
     }
     this.element.menuVisible = true;
-    dom$i.ketchup.addClickCallback(__classPrivateFieldGet$8(this, _KupTooltip_clickCb, "f"), true);
+    dom$j.ketchup.addClickCallback(__classPrivateFieldGet$8(this, _KupTooltip_clickCb, "f"), true);
   }
   /**
    * Returns whether an element was previously registered or not.
@@ -11502,13 +11507,13 @@ class KupTooltip {
   }
 }
 _KupTooltip_clickCb = new WeakMap(), _KupTooltip_instances = new WeakSet(), _KupTooltip_dynPos = function _KupTooltip_dynPos(anchor) {
-  if (dom$i.ketchup.dynamicPosition.isRegistered(this.element)) {
-    dom$i.ketchup.dynamicPosition.changeAnchor(this.element, anchor);
+  if (dom$j.ketchup.dynamicPosition.isRegistered(this.element)) {
+    dom$j.ketchup.dynamicPosition.changeAnchor(this.element, anchor);
   }
   else {
-    dom$i.ketchup.dynamicPosition.register(this.element, anchor, null, null, true);
+    dom$j.ketchup.dynamicPosition.register(this.element, anchor, null, null, true);
   }
-  dom$i.ketchup.dynamicPosition.start(this.element);
+  dom$j.ketchup.dynamicPosition.start(this.element);
 }, _KupTooltip_create = function _KupTooltip_create(options) {
   this.element = document.createElement('kup-card');
   this.element.id = 'kup-tooltip';
@@ -19363,7 +19368,7 @@ var html2canvas = createCommonjsModule(function (module, exports) {
 //# sourceMappingURL=html2canvas.js.map
 });
-const dom$h = document.documentElement;
+const dom$i = document.documentElement;
 /**
  * This class controls every other Ketchup utility suite.
  * @module KupManager
@@ -19625,26 +19630,26 @@ class KupManager {
  */
 function kupManagerInstance() {
   var _a;
-  if (!dom$h.ketchup) {
-    const overrides = (_a = dom$h.ketchupInit) !== null && _a !== void 0 ? _a : null;
-    dom$h.ketchup = new KupManager(overrides);
-    dom$h.ketchup.theme.set();
-    if (dom$h.ketchup.debug.active) {
-      dom$h.ketchup.debug.toggle(dom$h.ketchup.debug.active);
-    }
-    globalThis.kupManager = dom$h.ketchup;
+  if (!dom$i.ketchup) {
+    const overrides = (_a = dom$i.ketchupInit) !== null && _a !== void 0 ? _a : null;
+    dom$i.ketchup = new KupManager(overrides);
+    dom$i.ketchup.theme.set();
+    if (dom$i.ketchup.debug.active) {
+      dom$i.ketchup.debug.toggle(dom$i.ketchup.debug.active);
+    }
+    globalThis.kupManager = dom$i.ketchup;
     if (overrides === null || overrides === void 0 ? void 0 : overrides.autoSetLocalization) {
-      const locale = dom$h.ketchup.dates.locale;
+      const locale = dom$i.ketchup.dates.locale;
       if (!overrides.language || !overrides.language.name) {
-        dom$h.ketchup.language.set(KupLanguageDefaults[locale]);
+        dom$i.ketchup.language.set(KupLanguageDefaults[locale]);
       }
       if (!overrides.math || !overrides.math.locale) {
-        dom$h.ketchup.math.setLocale(KupMathLocales[locale]);
+        dom$i.ketchup.math.setLocale(KupMathLocales[locale]);
       }
     }
     document.dispatchEvent(new CustomEvent('kup-manager-ready'));
   }
-  return dom$h.ketchup;
+  return dom$i.ketchup;
 }
 /**
@@ -19761,7 +19766,7 @@ function createBar(data) {
  */
 const componentWrapperId = 'kup-component';
-const dom$g = document.documentElement;
+const dom$h = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
@@ -19886,7 +19891,7 @@ function setContent(props) {
         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$g.ketchup.math.matchNumericValueWithOptions(val, options)) {
+        if (!dom$h.ketchup.math.matchNumericValueWithOptions(val, options)) {
           e.preventDefault();
           return;
         }
@@ -19934,7 +19939,7 @@ const formatValue = function (value, options, inputIsLocalized) {
   if (formatedValue == '-') {
     return '';
   }
-  return dom$g.ketchup.math.format(formatedValue, dom$g.ketchup.math.createFormatPattern(options.group, options.decimal), inputIsLocalized);
+  return dom$h.ketchup.math.format(formatedValue, dom$h.ketchup.math.createFormatPattern(options.group, options.decimal), inputIsLocalized);
 };
 /**
@@ -22885,7 +22890,7 @@ var FChipType;
   FChipType["STANDARD"] = "standard";
 })(FChipType || (FChipType = {}));
-const dom$f = document.documentElement;
+const dom$g = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
@@ -22927,9 +22932,9 @@ function createChipList(props, isChoice, isFilter, isInput) {
         hasChildren ? (h(FImage, { onClick: props.onExpansionClick &&
             props.onExpansionClick[i]
             ? props.onExpansionClick[i].bind(props.onExpansionClick[i], chip)
-            : null, resource: `${KupThemeIconValues.DROPDOWN}`, sizeX: "18px", sizeY: "18px", title: dom$f.ketchup.language.translate(KupLanguageGeneric.EXPAND) +
+            : null, resource: `${KupThemeIconValues.DROPDOWN}`, sizeX: "18px", sizeY: "18px", title: dom$g.ketchup.language.translate(KupLanguageGeneric.EXPAND) +
             '/' +
-            dom$f.ketchup.language.translate(KupLanguageGeneric.COLLAPSE) +
+            dom$g.ketchup.language.translate(KupLanguageGeneric.COLLAPSE) +
             ' (CTRL + Click)', wrapperClass: "dropdown-icon" })) : indent ? (h(FImage, { resource: "blank", sizeX: "18px", sizeY: "18px", wrapperClass: "dropdown-icon" })) : null,
         createChip(chip)));
       if (showChildren) {
@@ -23009,7 +23014,7 @@ const FSwitch = (props) => {
       h("label", { onClick: props.onChange }, props.label))));
 };
-const dom$e = document.documentElement;
+const dom$f = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
@@ -23024,10 +23029,10 @@ const FCell = (props, children) => {
       : column.shape
         ? column.shape
         : null;
-  const hasObj = !dom$e.ketchup.objects.isEmptyKupObj(cell.obj);
+  const hasObj = !dom$f.ketchup.objects.isEmptyKupObj(cell.obj);
   const isEditable = (cell.isEditable || column.isEditable) && props.editable ? true : false;
   const valueToDisplay = props.previousValue !== cell.value ? cell.value : '';
-  const cellType = dom$e.ketchup.data.cell.getType(cell, shape);
+  const cellType = dom$f.ketchup.data.cell.getType(cell, shape);
   const subcomponentProps = Object.assign({}, cell.data);
   let cssClasses = cell.cssClass
     ? cell.cssClass
@@ -23076,7 +23081,7 @@ const FCell = (props, children) => {
     icon = h(FImage, Object.assign({}, fProps));
   }
   let cellTitle = null;
-  if (dom$e.ketchup.debug.isDebug() && hasObj) {
+  if (dom$f.ketchup.debug.isDebug() && hasObj) {
     cellTitle = cell.obj.t + '; ' + cell.obj.p + '; ' + cell.obj.k + ';';
   }
   else if (cell.title != null && cell.title.trim() != '') {
@@ -23233,17 +23238,24 @@ function setEditableCell(cellType, classObj, cell, column, props) {
       classObj[FCellClasses.C_RIGHT_ALIGNED] = true;
     case FCellTypes.LINK:
     case FCellTypes.STRING:
-      return (h(FTextField, Object.assign({ inputType: cellType === FCellTypes.NUMBER ? 'number' : null, fullWidth: isFullWidth(props) ? true : false }, cell.data, { icon: cell.data && cell.data.icon
-          ? cell.data.icon
-          : cell.icon
-            ? cell.icon
-            : column.icon
-              ? column.icon
-              : null, value: cellType === FCellTypes.NUMBER && cell.value
-          ? dom$e.ketchup.math
-            .numberifySafe(cell.value)
-            .toString()
-          : cell.value, onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), onInput: (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), onIconClick: (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
+      const onChange = (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE);
+      const onInput = (e) => cellEvent(e, props, cellType, FCellEvents.INPUT);
+      const type = cellType === FCellTypes.NUMBER ? 'number' : null;
+      const value = cellType === FCellTypes.NUMBER && cell.value
+        ? dom$f.ketchup.math.numberifySafe(cell.value).toString()
+        : cell.value;
+      if (cell.shape === FCellShapes.INPUT_FIELD) {
+        return (h("input", { class: 'input-field', onChange: onChange, onInput: onInput, type: type, value: value }));
+      }
+      else {
+        return (h(FTextField, Object.assign({ inputType: type, fullWidth: isFullWidth(props) ? true : false }, cell.data, { icon: cell.data && cell.data.icon
+            ? cell.data.icon
+            : cell.icon
+              ? cell.icon
+              : column.icon
+                ? column.icon
+                : null, value: value, onChange: onChange, onInput: onInput, onIconClick: (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
+      }
   }
 }
 function setCell(cellType, subcomponentProps, content, classObj, cell, column, props) {
@@ -23280,7 +23292,7 @@ function setCell(cellType, subcomponentProps, content, classObj, cell, column, p
       return (h("a", { href: content, target: "_blank" }, cell.value));
     case FCellTypes.NUMBER:
       if (content && content != '') {
-        const cellValueNumber = dom$e.ketchup.math.numberifySafe(cell.value);
+        const cellValueNumber = dom$f.ketchup.math.numberifySafe(cell.value);
         const cellValue = getCellValueForDisplay(column, cell);
         if (cellValueNumber < 0) {
           classObj[FCellClasses.TEXT_DANGER] = true;
@@ -23342,7 +23354,7 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
     case FCellTypes.COLOR_PICKER:
       return (h("kup-color-picker", Object.assign({ key: column.name + props.row.id }, subcomponentProps, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: true })));
     case FCellTypes.GAUGE:
-      return (h("kup-gauge", Object.assign({ key: column.name + props.row.id, value: dom$e.ketchup.math.numberifySafe(cell.value), "width-component": "280px" }, subcomponentProps)));
+      return (h("kup-gauge", Object.assign({ key: column.name + props.row.id, value: dom$f.ketchup.math.numberifySafe(cell.value), "width-component": "280px" }, subcomponentProps)));
     case FCellTypes.KNOB:
     case FCellTypes.PROGRESS_BAR:
       return (h("kup-progress-bar", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
@@ -23427,7 +23439,7 @@ function getValueFromEventTaget(e, cellType) {
     ? e.target.value
     : e.detail.value;
   if (cellType === FCellTypes.NUMBER && isInputEvent) {
-    value = dom$e.ketchup.math.formattedStringToNumberString(value, '');
+    value = dom$f.ketchup.math.formattedStringToNumberString(value, '');
   }
   return value;
 }
@@ -23440,7 +23452,7 @@ function isFullWidth(props) {
   return fullWidthFieldsComps.includes((_a = props.component) === null || _a === void 0 ? void 0 : _a.rootElement.tagName);
 }
-const dom$d = document.documentElement;
+const dom$e = document.documentElement;
 /**
  * 1st box card layout, it can be used as a key-value grid list.
  * @param {KupCard} component - Card component.
@@ -23535,8 +23547,8 @@ function create4$4(component) {
   let value = null;
   for (let index = 0; index < cells.length; index++) {
     const cell = cells[index];
-    const isImage = dom$d.ketchup.objects.isImage(cell.obj) ||
-      dom$d.ketchup.objects.isIcon(cell.obj) ||
+    const isImage = dom$e.ketchup.objects.isImage(cell.obj) ||
+      dom$e.ketchup.objects.isIcon(cell.obj) ||
       ((_a = cell.shape) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === FCellShapes.IMAGE;
     if (!image && isImage) {
       image = index;
@@ -23587,8 +23599,8 @@ function create5$4(component) {
   for (let index = 0; index < cells.length; index++) {
     const cell = cells[index];
     const column = component.data.columns[index];
-    const isImage = dom$d.ketchup.objects.isImage(cell.obj) ||
-      dom$d.ketchup.objects.isIcon(cell.obj) ||
+    const isImage = dom$e.ketchup.objects.isImage(cell.obj) ||
+      dom$e.ketchup.objects.isIcon(cell.obj) ||
       ((_a = cell.shape) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === FCellShapes.IMAGE;
     if (!imageProps && isImage) {
       imageProps = {
@@ -23640,8 +23652,8 @@ function create6$4(component) {
   for (let index = 0; index < cells.length; index++) {
     const cell = cells[index];
     const column = component.data.columns[index];
-    const isImage = dom$d.ketchup.objects.isImage(cell.obj) ||
-      dom$d.ketchup.objects.isIcon(cell.obj) ||
+    const isImage = dom$e.ketchup.objects.isImage(cell.obj) ||
+      dom$e.ketchup.objects.isIcon(cell.obj) ||
       ((_a = cell.shape) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === FCellShapes.IMAGE;
     if (!image && isImage) {
       image = index;
@@ -23729,7 +23741,7 @@ var SourceEvent;
   SourceEvent["YEAR"] = "year";
 })(SourceEvent || (SourceEvent = {}));
-const dom$c = document.documentElement;
+const dom$d = document.documentElement;
 function prepareCalendar(component) {
   const el = component.rootElement;
   if (!el.kupData)
@@ -23754,7 +23766,7 @@ function prepareCalendar(component) {
   }
   if (!el.kupData.value)
     setValue$2(component, new Date());
-  const months = dom$c.ketchup.dates.getMonthsAsString();
+  const months = dom$d.ketchup.dates.getMonthsAsString();
   const curYear = getYear(component);
   const curMonth = getMonth(component);
   const yearRange = getInitEndYear(curYear);
@@ -23881,7 +23893,7 @@ function createCalendar(component) {
   }
 }
 function createDaysCalendar(component) {
-  const days = dom$c.ketchup.dates.getDaysOfWeekAsString(getFirstDayIndex(component));
+  const days = dom$d.ketchup.dates.getDaysOfWeekAsString(getFirstDayIndex(component));
   const selectedDate = getValue$1(component);
   const selectedDay = getDay(component);
   const selectedMonth = getMonth(component);
@@ -23947,7 +23959,7 @@ function createDaysCalendar(component) {
     h("tbody", null, tbody)));
 }
 function createMonthsCalendar(component) {
-  const months = dom$c.ketchup.dates.getMonthsAsString(KupDateTimeFormatOptionsMonth.SHORT);
+  const months = dom$d.ketchup.dates.getMonthsAsString(KupDateTimeFormatOptionsMonth.SHORT);
   let selectedDay = getDay(component);
   const selectedMonth = getMonth(component);
   const selectedYear = getYear(component);
@@ -24098,7 +24110,7 @@ function refresh(component) {
 }
 function onCalendarMonthYearItemClick(component, value) {
   let d;
-  if (dom$c.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
+  if (dom$d.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
     d = new Date(value);
   }
   else {
@@ -24120,7 +24132,7 @@ function onCalendarMonthYearItemClick(component, value) {
 }
 function onCalendarItemClick(component, value) {
   let d;
-  if (dom$c.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
+  if (dom$d.ketchup.dates.isValid(value, KupDatesFormats.ISO_DATE)) {
     d = new Date(value);
   }
   else {
@@ -24131,7 +24143,7 @@ function onCalendarItemClick(component, value) {
   refresh(component);
 }
-const dom$b = document.documentElement;
+const dom$c = document.documentElement;
 function prepareClock(component) {
   const el = component.rootElement;
   el.kupData = {};
@@ -24246,7 +24258,7 @@ function onKupBlur(component) {
 function createClock(component) {
   let selectedTime;
   if (getValue(component)) {
-    selectedTime = dom$b.ketchup.dates.toDate(getValue(component), isManageSeconds(component)
+    selectedTime = dom$c.ketchup.dates.toDate(getValue(component), isManageSeconds(component)
       ? KupDatesFormats.ISO_TIME
       : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS);
   }
@@ -24448,7 +24460,7 @@ function setClockTime(e, component) {
   e.target.classList.add('selected');
 }
-const dom$a = document.documentElement;
+const dom$b = document.documentElement;
 const premadeFormulas = [
   KupLanguageTotals.AVERAGE,
   KupLanguageTotals.DIFFERENCE,
@@ -24463,7 +24475,7 @@ function prepareColumnDropMenu(component) {
     const column = options.data.columns[index];
     if (column.visible !== false &&
       column.obj &&
-      dom$a.ketchup.objects.isNumber(column.obj)) {
+      dom$b.ketchup.objects.isNumber(column.obj)) {
       chipData.push({
         obj: column.obj,
         value: column.name,
@@ -24479,7 +24491,7 @@ function prepareColumnDropMenu(component) {
   if (options.enableFormula) {
     combobox = prepareCombobox(options, numericalColumnsExist);
     if (numericalColumnsExist) {
-      button = (h("kup-button", { "onKup-button-click": () => applyFormula(component), label: dom$a.ketchup.language.translate(KupLanguageTotals.CALCULATE), styling: FButtonStyling.OUTLINED }));
+      button = (h("kup-button", { "onKup-button-click": () => applyFormula(component), label: dom$b.ketchup.language.translate(KupLanguageTotals.CALCULATE), styling: FButtonStyling.OUTLINED }));
       chipSet = (h("div", { class: "sub-chip" },
         h("kup-chip", { data: chipData, "onKup-chip-click": (e) => typeColumn(e, component) })));
     }
@@ -24492,35 +24504,35 @@ function prepareList(options) {
     listData.push({
       icon: 'library_add',
       id: KupLanguageGeneric.MERGE,
-      value: dom$a.ketchup.language.translate(KupLanguageGeneric.MERGE),
+      value: dom$b.ketchup.language.translate(KupLanguageGeneric.MERGE),
     });
   }
   if (options.enableMove) {
     listData.push({
       icon: 'swap_horiz',
       id: KupLanguageGeneric.MOVE,
-      value: dom$a.ketchup.language.translate(KupLanguageGeneric.MOVE),
+      value: dom$b.ketchup.language.translate(KupLanguageGeneric.MOVE),
     });
   }
   return listData.length > 0 ? (h("kup-list", { data: listData, showIcons: true, "onkup-list-click": (e) => listClick(e, options) })) : null;
 }
 function prepareCombobox(options, numericalColumnsExist) {
   const comboListData = [];
-  const numeric = dom$a.ketchup.objects.isNumber(options.receivingColumn.obj) &&
-    dom$a.ketchup.objects.isNumber(options.starterColumn.obj);
+  const numeric = dom$b.ketchup.objects.isNumber(options.receivingColumn.obj) &&
+    dom$b.ketchup.objects.isNumber(options.starterColumn.obj);
   if (numeric) {
     comboListData.push({
       id: KupLanguageTotals.AVERAGE,
-      value: dom$a.ketchup.language.translate(KupLanguageTotals.AVERAGE),
+      value: dom$b.ketchup.language.translate(KupLanguageTotals.AVERAGE),
     }, {
       id: KupLanguageTotals.DIFFERENCE,
-      value: dom$a.ketchup.language.translate(KupLanguageTotals.DIFFERENCE),
+      value: dom$b.ketchup.language.translate(KupLanguageTotals.DIFFERENCE),
     }, {
       id: KupLanguageTotals.PRODUCT,
-      value: dom$a.ketchup.language.translate(KupLanguageTotals.PRODUCT),
+      value: dom$b.ketchup.language.translate(KupLanguageTotals.PRODUCT),
     }, {
       id: KupLanguageTotals.SUM,
-      value: dom$a.ketchup.language.translate(KupLanguageTotals.SUM),
+      value: dom$b.ketchup.language.translate(KupLanguageTotals.SUM),
     }, {
       id: `([${options.starterColumn.name}]/[${options.receivingColumn.name}])*100`,
       value: `[${options.starterColumn.name}] / [${options.receivingColumn.name}] * 100`,
@@ -24532,7 +24544,7 @@ function prepareCombobox(options, numericalColumnsExist) {
   else {
     comboListData.push({
       id: KupLanguageColumn.NO_FORMULA,
-      value: dom$a.ketchup.language.translate(KupLanguageColumn.NO_FORMULA),
+      value: dom$b.ketchup.language.translate(KupLanguageColumn.NO_FORMULA),
     });
   }
   const comboData = {
@@ -24542,11 +24554,11 @@ function prepareCombobox(options, numericalColumnsExist) {
     },
     'kup-text-field': {
       helper: !numericalColumnsExist
-        ? dom$a.ketchup.language.translate(KupLanguageColumn.NON_NUMERICAL_IN_TABLE)
+        ? dom$b.ketchup.language.translate(KupLanguageColumn.NON_NUMERICAL_IN_TABLE)
         : numeric
           ? `i.e.: [${options.receivingColumn.name}] - [${options.starterColumn.name}] + 1`
-          : dom$a.ketchup.language.translate(KupLanguageColumn.NON_NUMERICAL),
-      label: dom$a.ketchup.language.translate(KupLanguageTotals.FORMULA),
+          : dom$b.ketchup.language.translate(KupLanguageColumn.NON_NUMERICAL),
+      label: dom$b.ketchup.language.translate(KupLanguageTotals.FORMULA),
       outlined: true,
     },
   };
@@ -24584,7 +24596,7 @@ async function applyFormula(component) {
   if (combobox) {
     const value = (await combobox.getValue());
     if (premadeFormulas.includes(value)) {
-      dom$a.ketchup.data.column.new(options.data, KupDataNewColumnTypes.MATH, {
+      dom$b.ketchup.data.column.new(options.data, KupDataNewColumnTypes.MATH, {
         columns: [
           options.receivingColumn.name,
           options.starterColumn.name,
@@ -24596,7 +24608,7 @@ async function applyFormula(component) {
       }
     }
     else {
-      const result = dom$a.ketchup.data.column.new(options.data, KupDataNewColumnTypes.MATH, {
+      const result = dom$b.ketchup.data.column.new(options.data, KupDataNewColumnTypes.MATH, {
         operation: value,
       });
       if (typeof result === 'string' || result instanceof String) {
@@ -24611,18 +24623,18 @@ async function applyFormula(component) {
   }
 }
-const dom$9 = document.documentElement;
+const dom$a = document.documentElement;
 function prepareMessageBox(component) {
   const options = component.data.options;
   const buttonsExist = !!(options.cancelCb || options.confirmCb);
   return (h("div", { class: "message-box" },
     options.text ? h("div", { class: "text" }, options.text) : null,
     buttonsExist ? (h("div", { class: "button-wrapper" },
-      options.cancelCb ? (h(FButton, { icon: "clear", label: dom$9.ketchup.language.translate(KupLanguageGeneric.ABORT), onClick: options.cancelCb, styling: FButtonStyling.FLAT })) : null,
-      options.confirmCb ? (h(FButton, { icon: "check", label: dom$9.ketchup.language.translate(KupLanguageGeneric.CONFIRM), onClick: options.confirmCb })) : null)) : null));
+      options.cancelCb ? (h(FButton, { icon: "clear", label: dom$a.ketchup.language.translate(KupLanguageGeneric.ABORT), onClick: options.cancelCb, styling: FButtonStyling.FLAT })) : null,
+      options.confirmCb ? (h(FButton, { icon: "check", label: dom$a.ketchup.language.translate(KupLanguageGeneric.CONFIRM), onClick: options.confirmCb })) : null)) : null));
 }
-const dom$8 = document.documentElement;
+const dom$9 = document.documentElement;
 function prepareNumeric(component) {
   const el = component.rootElement;
   if (!el.kupData)
@@ -24644,7 +24656,7 @@ function prepareNumeric(component) {
         el.kupData.value = obj.k;
       else
         el.kupData.value = options.initialValue.toString();
-      el.kupData.localeValue = dom$8.ketchup.math.numbers.toLocaleString(el.kupData.value);
+      el.kupData.localeValue = dom$9.ketchup.math.numbers.toLocaleString(el.kupData.value);
     }
     options.resetStatus = false;
   }
@@ -24719,7 +24731,7 @@ function setSign(component) {
     return;
   strVal = '-' + strVal;
   el.kupData.value = strVal;
-  el.kupData.localeValue = dom$8.ketchup.math.numbers.toLocaleString(strVal);
+  el.kupData.localeValue = dom$9.ketchup.math.numbers.toLocaleString(strVal);
   component.refresh();
 }
 function setValue(component, value) {
@@ -24756,7 +24768,7 @@ function setValue(component, value) {
     return;
   strVal += value;
   el.kupData.value = strVal;
-  el.kupData.localeValue = dom$8.ketchup.math.numbers.toLocaleString(strVal);
+  el.kupData.localeValue = dom$9.ketchup.math.numbers.toLocaleString(strVal);
   component.refresh();
 }
 function clearValue(component) {
@@ -24766,7 +24778,7 @@ function clearValue(component) {
   component.refresh();
 }
 function getDecimalChar() {
-  return (0.1).toLocaleString(dom$8.ketchup.math.locale).substring(1, 2);
+  return (0.1).toLocaleString(dom$9.ketchup.math.locale).substring(1, 2);
 }
 function saveValue(component) {
   const el = component.rootElement;
@@ -25135,7 +25147,7 @@ const collapsibleLayouts = /*#__PURE__*/Object.freeze({
     create2: create2$4
 });
-const dom$7 = document.documentElement;
+const dom$8 = document.documentElement;
 /**
  * 1st dialog card layout, used to display information in string format.
  * @param {KupCard} component - Card component.
@@ -25229,8 +25241,8 @@ function create4$2(component) {
   return (h("div", { class: `dialog-layout-${component.layoutNumber} dialog-element` },
     textArray[0] ? dialogHeader(textArray[0]) : dialogHeader(''),
     datatableArray[0] && buttonArray[0] && buttonArray[1] ? (h("div", { class: "section-1" },
-      h("kup-button", Object.assign({}, buttonArray[0], { id: KupCardIds.PREVIOUS_ROW, "onkup-button-click": () => prevButton(component), title: dom$7.ketchup.language.translate(KupLanguageRow.PREVIOUS) })),
-      h("kup-button", Object.assign({}, buttonArray[1], { id: KupCardIds.NEXT_ROW, "onkup-button-click": () => nextButton(component), title: dom$7.ketchup.language.translate(KupLanguageRow.NEXT) })))) : null,
+      h("kup-button", Object.assign({}, buttonArray[0], { id: KupCardIds.PREVIOUS_ROW, "onkup-button-click": () => prevButton(component), title: dom$8.ketchup.language.translate(KupLanguageRow.PREVIOUS) })),
+      h("kup-button", Object.assign({}, buttonArray[1], { id: KupCardIds.NEXT_ROW, "onkup-button-click": () => nextButton(component), title: dom$8.ketchup.language.translate(KupLanguageRow.NEXT) })))) : null,
     datatableArray[0] ? (h("div", { class: "section-2" },
       h("kup-data-table", Object.assign({ id: "datatable1" }, datatableArray[0])))) : null));
 }
@@ -25415,27 +25427,28 @@ const freeLayouts = /*#__PURE__*/Object.freeze({
     create2: create2$2
 });
+const dom$7 = document.documentElement;
 /**
  * 1st scalable card layout, column of 2 texts.
  * @param {KupCard} component - Card component.
  * @returns {VNode} 1st scalable layout virtual node.
  */
 function create1$1(component) {
+  //Image color
+  const colorArray = component.data['color']
+    ? component.data['color']
+    : [];
   //Title, subtitle
   let textIndex = 0;
   const textArray = component.data['text']
     ? component.data['text']
     : [];
-  //Dynamic CSS variables
-  let CSSVariables = {
-    ['--kup_card_multiplier']: '1',
-  };
-  return (h("div", { class: `scalable-layout-${component.layoutNumber} scalable-card`, style: CSSVariables },
+  return (h("div", { class: `scalable-layout-${component.layoutNumber} scalable-card` },
     h("div", { class: "scalable-element" },
       h("div", { class: "descr" },
-        h("div", null, textArray[textIndex] ? textArray[textIndex] : '')),
+        h("div", { style: colorArray[0] ? { color: colorArray[0] } : undefined }, textArray[textIndex] ? textArray[textIndex] : '')),
       h("div", { class: "value" },
-        h("div", null, textArray[++textIndex] ? textArray[textIndex] : '')))));
+        h("div", { style: colorArray[1] ? { color: colorArray[1] } : undefined }, textArray[++textIndex] ? textArray[textIndex] : '')))));
 }
 /**
  * 2nd scalable card layout, used to display numerical values.
@@ -25452,27 +25465,26 @@ function create2$1(component) {
     ? component.data['image']
     : [];
   //Value, decimal value, measurement unit
-  let textIndex = 0;
   const textArray = component.data['text']
     ? component.data['text']
     : [];
-  //Dynamic CSS variables
-  let CSSVariables = {
-    ['--kup_card_multiplier']: '1',
-  };
-  return (h("div", { class: `scalable-layout-${component.layoutNumber} scalable-card`, style: CSSVariables },
+  return (h("div", { class: `scalable-layout-${component.layoutNumber} scalable-card` },
     h("div", { class: "scalable-element" },
       h("div", { class: "icon" }, imageArray[0] ? (h(FImage, Object.assign({ color: colorArray[0]
           ? colorArray[0]
           : `var(${KupThemeColorValues.PRIMARY})`, id: "image1" }, imageArray[0], { sizeX: "1.25em", sizeY: "1.25em" }))) : null),
       h("div", { class: "value-int" },
-        h("div", null,
-          textArray[textIndex] ? textArray[textIndex] : '',
-          ",")),
-      h("div", { class: "value-dec" },
-        h("div", null, textArray[++textIndex] ? textArray[textIndex] : '')),
+        h("div", { style: colorArray[1] ? { color: colorArray[1] } : undefined },
+          textArray[0] ? textArray[0] : '',
+          textArray[1]
+            ? dom$7.ketchup.math.decimalSeparator()
+            : '')),
+      textArray[1] ? (h("div", { class: "value-dec" },
+        h("div", { style: colorArray[1]
+            ? { color: colorArray[1] }
+            : undefined }, textArray[1]))) : null,
       h("div", { class: "unit" },
-        h("div", null, textArray[++textIndex] ? textArray[textIndex] : '')))));
+        h("div", { style: colorArray[1] ? { color: colorArray[1] } : undefined }, textArray[2] ? textArray[2] : '')))));
 }
 /**
  * 3rd scalable card layout, column of 2 texts.
@@ -25480,21 +25492,21 @@ function create2$1(component) {
  * @returns {VNode} 3rd scalable layout virtual node.
  */
 function create3$1(component) {
+  //Image color
+  const colorArray = component.data['color']
+    ? component.data['color']
+    : [];
   //Title, subtitle
   let textIndex = 0;
   const textArray = component.data['text']
     ? component.data['text']
     : [];
-  //Dynamic CSS variables
-  let CSSVariables = {
-    ['--kup_card_multiplier']: '1',
-  };
-  return (h("div", { class: `scalable-layout-${component.layoutNumber} scalable-card`, style: CSSVariables },
+  return (h("div", { class: `scalable-layout-${component.layoutNumber} scalable-card` },
     h("div", { class: "scalable-element" },
       h("div", { class: "value" },
-        h("div", null, textArray[textIndex] ? textArray[textIndex] : '')),
+        h("div", { style: colorArray[0] ? { color: colorArray[0] } : undefined }, textArray[textIndex] ? textArray[textIndex] : '')),
       h("div", { class: "descr" },
-        h("div", null, textArray[++textIndex] ? textArray[textIndex] : '')))));
+        h("div", { style: colorArray[1] ? { color: colorArray[1] } : undefined }, textArray[++textIndex] ? textArray[textIndex] : '')))));
 }
 /**
  * 4th scalable card layout, used to display numerical values with subtitle.
@@ -25511,34 +25523,34 @@ function create4$1(component) {
     ? component.data['image']
     : [];
   //Value, decimal value, measurement unit, subtitle
-  let textIndex = 0;
   const textArray = component.data['text']
     ? component.data['text']
     : [];
-  //Dynamic CSS variables
-  let CSSVariables = {
-    [`--color-0`]: colorArray[0]
-      ? colorArray[0]
-      : `var(${KupThemeColorValues.PRIMARY})`,
-    ['--kup_card_multiplier']: '1',
-  };
-  return (h("div", { class: `scalable-layout-${component.layoutNumber} scalable-card`, style: CSSVariables },
+  return (h("div", { class: `scalable-layout-${component.layoutNumber} scalable-card` },
     h("div", { class: "scalable-element" },
       h("div", { class: "icon" }, imageArray[0] ? (h(FImage, Object.assign({ color: colorArray[0]
           ? colorArray[0]
           : `var(${KupThemeColorValues.PRIMARY})`, id: "image1" }, imageArray[0], { sizeX: "1.25em", sizeY: "1.25em" }))) : null),
       h("div", { class: "value-and-unit" },
         h("div", { class: "value-int" },
-          h("div", null,
-            textArray[textIndex] ? textArray[textIndex] : '',
-            ",")),
-        h("div", { class: "value-dec" },
-          h("div", null, textArray[++textIndex] ? textArray[textIndex] : '')),
+          h("div", { style: colorArray[1]
+              ? { color: colorArray[1] }
+              : undefined },
+            textArray[0] ? textArray[0] : '',
+            textArray[1]
+              ? dom$7.ketchup.math.decimalSeparator()
+              : '')),
+        textArray[1] ? (h("div", { class: "value-dec" },
+          h("div", { style: colorArray[1]
+              ? { color: colorArray[1] }
+              : undefined }, textArray[1]))) : null,
         h("div", { class: "unit" },
-          h("div", null, textArray[++textIndex] ? textArray[textIndex] : ''))),
+          h("div", { style: colorArray[1]
+              ? { color: colorArray[1] }
+              : undefined }, textArray[2] ? textArray[2] : ''))),
       h("div", { class: "empty-placeholder" }),
       h("div", { class: "descr" },
-        h("div", null, textArray[++textIndex] ? textArray[textIndex] : '')))));
+        h("div", { style: colorArray[2] ? { color: colorArray[2] } : undefined }, textArray[3] ? textArray[3] : '')))));
 }
 /**
  * 5th scalable card layout, icon with title and subtitle.
@@ -25559,17 +25571,17 @@ function create5$1(component) {
   const textArray = component.data['text']
     ? component.data['text']
     : [];
-  //Dynamic CSS variables
-  let CSSVariables = {
-    ['--kup_card_multiplier']: '1',
-  };
-  return (h("div", { class: `scalable-layout-${component.layoutNumber} scalable-card`, style: CSSVariables },
+  return (h("div", { class: `scalable-layout-${component.layoutNumber} scalable-card` },
     h("div", { class: "scalable-element" },
       h("div", { class: "text-wrapper" },
         h("div", { class: "descr" },
-          h("div", null, textArray[textIndex] ? textArray[textIndex] : '')),
+          h("div", { style: colorArray[1]
+              ? { color: colorArray[1] }
+              : undefined }, textArray[textIndex] ? textArray[textIndex] : '')),
         h("div", { class: "value" },
-          h("div", null, textArray[++textIndex] ? textArray[textIndex] : ''))),
+          h("div", { style: colorArray[2]
+              ? { color: colorArray[2] }
+              : undefined }, textArray[++textIndex] ? textArray[textIndex] : ''))),
       h("div", { class: "icon" }, imageArray[0] ? (h(FImage, Object.assign({ color: colorArray[0]
           ? colorArray[0]
           : `var(${KupThemeColorValues.PRIMARY})`, id: "image1" }, imageArray[0], { sizeX: "1em", sizeY: "1em" }))) : null))));
@@ -25593,20 +25605,20 @@ function create6$1(component) {
   const textArray = component.data['text']
     ? component.data['text']
     : [];
-  //Dynamic CSS variables
-  let CSSVariables = {
-    ['--kup_card_multiplier']: '1',
-  };
-  return (h("div", { class: `scalable-layout-${component.layoutNumber} scalable-card`, style: CSSVariables },
+  return (h("div", { class: `scalable-layout-${component.layoutNumber} scalable-card` },
     h("div", { class: "scalable-element" },
       h("div", { class: "icon" }, imageArray[0] ? (h(FImage, Object.assign({ color: colorArray[0]
           ? colorArray[0]
           : `var(${KupThemeColorValues.PRIMARY})`, id: "image1" }, imageArray[0], { sizeX: "1em", sizeY: "1em" }))) : null),
       h("div", { class: "text-wrapper" },
         h("div", { class: "value" },
-          h("div", null, textArray[textIndex] ? textArray[textIndex] : '')),
+          h("div", { style: colorArray[1]
+              ? { color: colorArray[1] }
+              : undefined }, textArray[textIndex] ? textArray[textIndex] : '')),
         h("div", { class: "descr" },
-          h("div", null, textArray[++textIndex] ? textArray[textIndex] : ''))))));
+          h("div", { style: colorArray[2]
+              ? { color: colorArray[2] }
+              : undefined }, textArray[++textIndex] ? textArray[textIndex] : ''))))));
 }
 /**
  * 7th scalable card layout, icon with title and subtitle.
@@ -25627,17 +25639,17 @@ function create7$1(component) {
   const textArray = component.data['text']
     ? component.data['text']
     : [];
-  //Dynamic CSS variables
-  let CSSVariables = {
-    ['--kup_card_multiplier']: '1',
-  };
-  return (h("div", { class: `scalable-layout-${component.layoutNumber} scalable-card`, style: CSSVariables },
+  return (h("div", { class: `scalable-layout-${component.layoutNumber} scalable-card` },
     h("div", { class: "scalable-element" },
       h("div", { class: "text-wrapper" },
         h("div", { class: "value" },
-          h("div", null, textArray[textIndex] ? textArray[textIndex] : '')),
+          h("div", { style: colorArray[1]
+              ? { color: colorArray[1] }
+              : undefined }, textArray[textIndex] ? textArray[textIndex] : '')),
         h("div", { class: "descr" },
-          h("div", null, textArray[++textIndex] ? textArray[textIndex] : ''))),
+          h("div", { style: colorArray[2]
+              ? { color: colorArray[2] }
+              : undefined }, textArray[++textIndex] ? textArray[textIndex] : ''))),
       h("div", { class: "icon" }, imageArray[0] ? (h(FImage, Object.assign({ color: colorArray[0]
           ? colorArray[0]
           : `var(${KupThemeColorValues.PRIMARY})`, id: "image1" }, imageArray[0], { sizeX: "1em", sizeY: "1em" }))) : null))));
@@ -25661,19 +25673,15 @@ function create8$1(component) {
   const textArray = component.data['text']
     ? component.data['text']
     : [];
-  //Dynamic CSS variables
-  let CSSVariables = {
-    ['--kup_card_multiplier']: '1',
-  };
-  return (h("div", { class: `scalable-layout-${component.layoutNumber} scalable-card`, style: CSSVariables },
+  return (h("div", { class: `scalable-layout-${component.layoutNumber} scalable-card` },
     h("div", { class: "scalable-element" },
       h("div", { class: "icon" }, imageArray[0] ? (h(FImage, Object.assign({ color: colorArray[0]
           ? colorArray[0]
           : `var(${KupThemeColorValues.PRIMARY})`, id: "image1" }, imageArray[0], { sizeX: "1em", sizeY: "1em" }))) : null),
       h("div", { class: "value" },
-        h("div", null, textArray[textIndex] ? textArray[textIndex] : '')),
+        h("div", { style: colorArray[1] ? { color: colorArray[1] } : undefined }, textArray[textIndex] ? textArray[textIndex] : '')),
       h("div", { class: "descr" },
-        h("div", null, textArray[++textIndex] ? textArray[textIndex] : '')))));
+        h("div", { style: colorArray[2] ? { color: colorArray[2] } : undefined }, textArray[++textIndex] ? textArray[textIndex] : '')))));
 }
 /**
  * 9th scalable card layout, tile view.
@@ -25716,14 +25724,10 @@ function create9$1(component) {
     ['--color-1']: componentBg,
     ['--color-2']: textFg,
   };
-  const CSSVariablesChild = {
-    ['--kup_card_multiplier']: '1',
-    ['box-shadow']: 'none',
-  };
   return (h("div", { class: `scalable-layout-${component.layoutNumber}`, style: CSSVariables },
     h("div", { class: "section-1" }),
     h("div", { class: "section-2" },
-      h("div", { class: "scalable-card", style: CSSVariablesChild },
+      h("div", { class: "scalable-card" },
         h("div", { class: "text scalable-element" },
           h("div", { class: "value" }, mainText),
           h("div", { class: "descr" }, subText))),
@@ -40146,8 +40150,8 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
           for (let index = 0; index < this.data.columns.length; index++) {
             const column = this.data.columns[index];
             cells[column.name] = {
-              data: column.cellData,
-              slotData: column.cellSlotData,
+              data: column.cellData ? JSON.parse(JSON.stringify(column.cellData)) : undefined,
+              slotData: column.cellSlotData ? JSON.parse(JSON.stringify(column.cellSlotData)) : undefined,
               isEditable: column.isKey ||
                 column.isEditable,
               obj: Object.assign({}, column.obj),
@@ -44902,7 +44906,7 @@ function defineCustomElement$5() {
   } });
 }
-const kupCardCss = ".box-layout-1{background-color:var(--kup-background-color);color:var(--kup-text-color);font-size:var(--kup-font-size);padding:0.5em}.box-layout-1 table{width:100%}.box-layout-1 .label{overflow:hidden;padding:0.5em;text-overflow:ellipsis;width:50%}.box-layout-1 .value{font-weight:bold;padding:0.5em}.box-layout-2{background-color:var(--kup-background-color);color:var(--kup-text-color);font-size:var(--kup-font-size);padding:0.5em}.box-layout-2 table{width:100%}.box-layout-2 .label{max-width:50%;overflow:hidden;padding:0.5em;text-overflow:ellipsis;white-space:nowrap}.box-layout-2 .value{padding:0.5em;font-weight:bold}.box-layout-3{background-color:var(--kup-background-color);color:var(--kup-text-color);font-size:var(--kup-font-size);padding:0.5em}.box-layout-3 .container{display:flex;justify-content:space-between;overflow:hidden;width:100%}.box-layout-3 .flex-container{align-items:center;display:flex;justify-content:center;width:100%}.box-layout-3 .flex-container:first-child{justify-content:flex-start}.box-layout-3 .flex-container:last-child{justify-content:flex-end}.box-layout-3 .label{overflow:hidden;padding:0.5em;text-overflow:ellipsis;white-space:nowrap}.box-layout-3 .value{padding:0.5em;font-weight:bold}.box-layout-3 .f-cell .f-cell__text{white-space:nowrap}.box-layout-4{background-color:var(--kup-background-color);color:var(--kup-text-color);display:flex;font-size:var(--kup-font-size);height:100%;padding:0.5em}.box-layout-4 .container{margin:auto;width:100%}.box-layout-4 .image{border-radius:50%;height:64px;margin:auto;width:64px}.box-layout-4 .value{font-weight:bold;padding-top:0.5em}.box-layout-4 .f-cell.c-centered .f-cell__content img,.box-layout-4 .f-cell.c-centered .f-cell__content .f-image{margin:0}.box-layout-5{background-color:var(--kup-background-color);color:var(--kup-text-color);display:flex;font-size:var(--kup-font-size);height:100%;padding:1em 0.5em}.box-layout-5 .container{display:flex;height:100%;margin:auto;width:100%}.box-layout-5 .image{display:flex;height:100%;margin:auto;width:50%}.box-layout-5 .label,.box-layout-5 .value{padding:0.5em}.box-layout-5 .label{overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.box-layout-5 .value{font-weight:bold}.box-layout-5 .table{box-sizing:border-box;padding:1.25em}.box-layout-5 .table,.box-layout-5 table{width:100%}.box-layout-6{background-color:var(--kup-background-color);color:var(--kup-text-color);display:flex;font-size:var(--kup-font-size);height:100%;padding:1em 0.5em}.box-layout-6 .container{display:flex;height:100%;margin:auto;width:100%}.box-layout-6 .image{display:flex;height:100%;margin:auto;width:50%}.box-layout-6 .label{padding-bottom:0.25em}.box-layout-6 .value{font-weight:bold;padding-bottom:1.25em}.box-layout-6 tr:last-child .value{padding-bottom:0}.box-layout-6 .table{box-sizing:border-box;display:flex;height:max-content;margin:auto;padding:1.25em}.box-layout-6 .table,.box-layout-6 table{width:100%}.box-layout-7{background-color:var(--kup-background-color);color:var(--kup-text-color);display:flex;font-size:var(--kup-font-size);height:100%;padding:1em 0.5em}.box-layout-7 .container{height:100%;margin:auto;width:100%}.box-layout-7 .image{width:100%}.box-layout-7 .label,.box-layout-7 .value{padding:0.25em}.box-layout-7 .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box-layout-7 .value{font-weight:bold}.box-layout-7 .table{box-sizing:border-box;padding:1.25em;padding-bottom:0}.box-layout-7 .table,.box-layout-7 table{width:100%}.box-layout-8{background-color:var(--kup-background-color);color:var(--kup-text-color);display:flex;font-size:var(--kup-font-size);height:100%;padding:1em 0.5em}.box-layout-8 .container{height:100%;margin:auto;width:100%}.box-layout-8 .image{width:100%}.box-layout-8 .label{overflow:hidden;padding-bottom:0.25em;text-overflow:ellipsis;white-space:nowrap}.box-layout-8 .value{font-weight:bold;padding-bottom:1.25em}.box-layout-8 tr:last-child .value{padding-bottom:0}.box-layout-8 .table{box-sizing:border-box;padding:1.25em;padding-bottom:0}.box-layout-8 .table,.box-layout-8 table{width:100%}.built-in-layout-1{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto;padding:0.5em}.built-in-layout-1 .section-1{box-sizing:border-box;height:5em;overflow:auto;padding-bottom:1em;width:100%}.built-in-layout-1 .section-1 .sub-1{display:flex;flex-direction:row;justify-content:center}.built-in-layout-1 .section-2{height:calc(100% - 60px);overflow:auto;width:100%}.built-in-layout-1 .prev-page{margin-left:auto}.built-in-layout-1 .change-view-button{margin:auto;width:12em;text-align:center}.built-in-layout-1 #change-view-button button{text-transform:capitalize}.built-in-layout-1 .next-page{margin-right:auto}.built-in-layout-1 .calendar{border-collapse:collapse;width:100%}.built-in-layout-1 thead{border-bottom:1px solid var(--kup-border-color)}.built-in-layout-1 .item-text{color:rgba(var(--kup-text-color-rgb), 0.5)}.built-in-layout-1 .item{text-align:center}.built-in-layout-1 .item:not(.selected) .item-number:hover{background-color:var(--kup-hover-background-color)}.built-in-layout-1 .item.selected .item-number,.built-in-layout-1 .item.selected .item-number:hover{background-color:rgba(var(--kup-primary-color-rgb), 0.175)}.built-in-layout-1 .item-number{border-radius:50%;cursor:pointer;display:flex;justify-content:center;line-height:2.5em;margin:auto;width:2.5em;transition:background-color 0.25s;text-transform:capitalize}.built-in-layout-2{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.built-in-layout-2 .clock{box-shadow:var(--kup-box-shadow);width:300px;height:450px;background-color:var(--kup-background-color);position:relative;font-family:var(--kup-font-family)}.built-in-layout-2 .top{background-color:var(--kup-primary-color);color:var(--kup-text-on-primary-color);height:100px;line-height:100px;font-size:50px;text-align:center}.built-in-layout-2 .top span{cursor:pointer;opacity:0.75;transition:0.25s ease-in-out}.built-in-layout-2 .top .visible{opacity:1}.built-in-layout-2 .circle{user-select:none;background-color:rgba(var(--kup-text-color-rgb), 0.1);width:250px;height:250px;border-radius:1000px;position:relative;top:25px;left:25px;box-sizing:border-box;display:none}.built-in-layout-2 .circle.visible{display:block}.built-in-layout-2 .mid{position:absolute;left:calc(50% - 0px);top:calc(50% - 0px);width:2px;height:2px;border-radius:10px;background-color:var(--kup-text-color)}.built-in-layout-2 .hour{position:absolute;height:40px;line-height:40px;width:40px;border-radius:40px;text-align:center}.built-in-layout-2 .hour.selected{z-index:2}.built-in-layout-2 .hour.selected::after{content:\"\";z-index:-1;background-color:rgba(var(--kup-primary-color-rgb), 0.5);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.built-in-layout-2 .hour2{z-index:2;position:absolute;height:30px;line-height:30px;width:30px;border-radius:40px;text-align:center;font-size:14px}.built-in-layout-2 .hour2.selected::after{content:\"\";background-color:rgba(var(--kup-primary-color-rgb), 0.5);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:64px;right:50%;z-index:-1}.built-in-layout-2 .unit{position:absolute;height:20px;line-height:20px;width:20px;border-radius:40px;text-align:center;font-size:12px}.built-in-layout-2 .unit.selected::after{content:\"\";background-color:rgba(var(--kup-primary-color-rgb), 0.5);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.built-in-layout-2 .hour,.built-in-layout-2 .hour2,.built-in-layout-2 .unit{cursor:pointer;transition:background-color 0.25s}.built-in-layout-2 .hour:hover,.built-in-layout-2 .hour2:hover,.built-in-layout-2 .unit:hover{background-color:rgba(var(--kup-primary-color-rgb), 0.275)}.built-in-layout-2 .hour.selected,.built-in-layout-2 .hour2.selected,.built-in-layout-2 .unit.selected{background-color:var(--kup-primary-color);color:var(--kup-text-on-primary-color)}.built-in-layout-2 .actions{color:var(--kup-primary-color);font-weight:bold;font-size:20px;display:flex;justify-content:flex-end;position:absolute;width:100%;box-sizing:border-box;bottom:10px}.built-in-layout-2 .action{display:inline-block;width:100px;text-align:center;height:37.5px;line-height:37.5px;margin-right:10px;cursor:pointer;border-radius:2px}.built-in-layout-2 .clock .actions .action:hover{background-color:rgba(0, 0, 0, 0.1)}.built-in-layout-2 .clock .actions .action:visible{background-color:rgba(0, 0, 0, 0.3)}.built-in-layout-2 .hour:nth-child(12):after{transform:rotate(330deg)}.built-in-layout-2 .hour:nth-child(11):after{transform:rotate(300deg)}.built-in-layout-2 .hour:nth-child(10):after{transform:rotate(270deg)}.built-in-layout-2 .hour:nth-child(9):after{transform:rotate(240deg)}.built-in-layout-2 .hour:nth-child(8):after{transform:rotate(210deg)}.built-in-layout-2 .hour:nth-child(7):after{transform:rotate(180deg)}.built-in-layout-2 .hour:nth-child(6):after{transform:rotate(150deg)}.built-in-layout-2 .hour:nth-child(5):after{transform:rotate(120deg)}.built-in-layout-2 .hour:nth-child(4):after{transform:rotate(90deg)}.built-in-layout-2 .hour:nth-child(3):after{transform:rotate(60deg)}.built-in-layout-2 .hour:nth-child(2):after{transform:rotate(30deg)}.built-in-layout-2 .hour:nth-child(1):after{transform:rotate(0deg)}.built-in-layout-2 .hour2:nth-child(24):after{transform:rotate(690deg)}.built-in-layout-2 .hour2:nth-child(23):after{transform:rotate(660deg)}.built-in-layout-2 .hour2:nth-child(22):after{transform:rotate(630deg)}.built-in-layout-2 .hour2:nth-child(21):after{transform:rotate(600deg)}.built-in-layout-2 .hour2:nth-child(20):after{transform:rotate(570deg)}.built-in-layout-2 .hour2:nth-child(19):after{transform:rotate(540deg)}.built-in-layout-2 .hour2:nth-child(18):after{transform:rotate(510deg)}.built-in-layout-2 .hour2:nth-child(17):after{transform:rotate(480deg)}.built-in-layout-2 .hour2:nth-child(16):after{transform:rotate(450deg)}.built-in-layout-2 .hour2:nth-child(15):after{transform:rotate(420deg)}.built-in-layout-2 .hour2:nth-child(14):after{transform:rotate(390deg)}.built-in-layout-2 .hour2:nth-child(13):after{transform:rotate(360deg)}.built-in-layout-2 .unit:nth-child(60):after{transform:rotate(354deg)}.built-in-layout-2 .unit:nth-child(59):after{transform:rotate(348deg)}.built-in-layout-2 .unit:nth-child(58):after{transform:rotate(342deg)}.built-in-layout-2 .unit:nth-child(57):after{transform:rotate(336deg)}.built-in-layout-2 .unit:nth-child(56):after{transform:rotate(330deg)}.built-in-layout-2 .unit:nth-child(55):after{transform:rotate(324deg)}.built-in-layout-2 .unit:nth-child(54):after{transform:rotate(318deg)}.built-in-layout-2 .unit:nth-child(53):after{transform:rotate(312deg)}.built-in-layout-2 .unit:nth-child(52):after{transform:rotate(306deg)}.built-in-layout-2 .unit:nth-child(51):after{transform:rotate(300deg)}.built-in-layout-2 .unit:nth-child(50):after{transform:rotate(294deg)}.built-in-layout-2 .unit:nth-child(49):after{transform:rotate(288deg)}.built-in-layout-2 .unit:nth-child(48):after{transform:rotate(282deg)}.built-in-layout-2 .unit:nth-child(47):after{transform:rotate(276deg)}.built-in-layout-2 .unit:nth-child(46):after{transform:rotate(270deg)}.built-in-layout-2 .unit:nth-child(45):after{transform:rotate(264deg)}.built-in-layout-2 .unit:nth-child(44):after{transform:rotate(258deg)}.built-in-layout-2 .unit:nth-child(43):after{transform:rotate(252deg)}.built-in-layout-2 .unit:nth-child(42):after{transform:rotate(246deg)}.built-in-layout-2 .unit:nth-child(41):after{transform:rotate(240deg)}.built-in-layout-2 .unit:nth-child(40):after{transform:rotate(234deg)}.built-in-layout-2 .unit:nth-child(39):after{transform:rotate(228deg)}.built-in-layout-2 .unit:nth-child(38):after{transform:rotate(222deg)}.built-in-layout-2 .unit:nth-child(37):after{transform:rotate(216deg)}.built-in-layout-2 .unit:nth-child(36):after{transform:rotate(210deg)}.built-in-layout-2 .unit:nth-child(35):after{transform:rotate(204deg)}.built-in-layout-2 .unit:nth-child(34):after{transform:rotate(198deg)}.built-in-layout-2 .unit:nth-child(33):after{transform:rotate(192deg)}.built-in-layout-2 .unit:nth-child(32):after{transform:rotate(186deg)}.built-in-layout-2 .unit:nth-child(31):after{transform:rotate(180deg)}.built-in-layout-2 .unit:nth-child(30):after{transform:rotate(174deg)}.built-in-layout-2 .unit:nth-child(29):after{transform:rotate(168deg)}.built-in-layout-2 .unit:nth-child(28):after{transform:rotate(162deg)}.built-in-layout-2 .unit:nth-child(27):after{transform:rotate(156deg)}.built-in-layout-2 .unit:nth-child(26):after{transform:rotate(150deg)}.built-in-layout-2 .unit:nth-child(25):after{transform:rotate(144deg)}.built-in-layout-2 .unit:nth-child(24):after{transform:rotate(138deg)}.built-in-layout-2 .unit:nth-child(23):after{transform:rotate(132deg)}.built-in-layout-2 .unit:nth-child(22):after{transform:rotate(126deg)}.built-in-layout-2 .unit:nth-child(21):after{transform:rotate(120deg)}.built-in-layout-2 .unit:nth-child(20):after{transform:rotate(114deg)}.built-in-layout-2 .unit:nth-child(19):after{transform:rotate(108deg)}.built-in-layout-2 .unit:nth-child(18):after{transform:rotate(102deg)}.built-in-layout-2 .unit:nth-child(17):after{transform:rotate(96deg)}.built-in-layout-2 .unit:nth-child(16):after{transform:rotate(90deg)}.built-in-layout-2 .unit:nth-child(15):after{transform:rotate(84deg)}.built-in-layout-2 .unit:nth-child(14):after{transform:rotate(78deg)}.built-in-layout-2 .unit:nth-child(13):after{transform:rotate(72deg)}.built-in-layout-2 .unit:nth-child(12):after{transform:rotate(66deg)}.built-in-layout-2 .unit:nth-child(11):after{transform:rotate(60deg)}.built-in-layout-2 .unit:nth-child(10):after{transform:rotate(54deg)}.built-in-layout-2 .unit:nth-child(9):after{transform:rotate(48deg)}.built-in-layout-2 .unit:nth-child(8):after{transform:rotate(42deg)}.built-in-layout-2 .unit:nth-child(7):after{transform:rotate(36deg)}.built-in-layout-2 .unit:nth-child(6):after{transform:rotate(30deg)}.built-in-layout-2 .unit:nth-child(5):after{transform:rotate(24deg)}.built-in-layout-2 .unit:nth-child(4):after{transform:rotate(18deg)}.built-in-layout-2 .unit:nth-child(3):after{transform:rotate(12deg)}.built-in-layout-2 .unit:nth-child(2):after{transform:rotate(6deg)}.built-in-layout-2 .unit:nth-child(1):after{transform:rotate(0deg)}.built-in-layout-3{background:var(--kup-background-color);box-shadow:rgba(128, 128, 128, 0.1) 0px 2px 1px -1px, rgba(128, 128, 128, 0.1) 0px 1px 1px 0px, rgba(128, 128, 128, 0.6) 0px 1px 3px 0px;box-sizing:border-box;overflow:auto}.built-in-layout-3 kup-button,.built-in-layout-3 kup-combobox{margin:0 auto 0.75em auto}.built-in-layout-3 kup-combobox{width:95%}.built-in-layout-3 .sub-chip{border-top:1px solid var(--kup-border-color);max-height:33vh;overflow:auto;width:100%}.built-in-layout-4{background:var(--kup-background-color);box-shadow:rgba(128, 128, 128, 0.1) 0px 2px 1px -1px, rgba(128, 128, 128, 0.1) 0px 1px 1px 0px, rgba(128, 128, 128, 0.6) 0px 1px 3px 0px;box-sizing:border-box}.built-in-layout-4 .picker_arrow{position:absolute;z-index:-1}.built-in-layout-4 .picker_wrapper.popup{position:absolute;z-index:2;margin:1.5em}.built-in-layout-4 .picker_wrapper.popup,.built-in-layout-4 .picker_wrapper.popup .picker_arrow::before,.built-in-layout-4 .picker_wrapper.popup .picker_arrow::after{background:var(--kup-background-color);box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.4)}.built-in-layout-4 .picker_wrapper.popup .picker_arrow{width:3em;height:3em;margin:0}.built-in-layout-4 .picker_wrapper.popup .picker_arrow::before,.built-in-layout-4 .picker_wrapper.popup .picker_arrow::after{content:\"\";display:block;position:absolute;top:0;left:0;z-index:-99}.built-in-layout-4 .picker_wrapper.popup .picker_arrow::before{width:100%;height:100%;transform:skew(45deg);transform-origin:0 100%}.built-in-layout-4 .picker_wrapper.popup .picker_arrow::after{width:150%;height:150%;box-shadow:none}.built-in-layout-4 .popup.popup_top{bottom:100%;left:0}.built-in-layout-4 .popup.popup_top .picker_arrow{bottom:0;left:0;transform:rotate(-90deg)}.built-in-layout-4 .popup.popup_bottom{top:100%;left:0}.built-in-layout-4 .popup.popup_bottom .picker_arrow{top:0;left:0;transform:rotate(90deg) scale(1, -1)}.built-in-layout-4 .popup.popup_left{top:0;right:100%}.built-in-layout-4 .popup.popup_left .picker_arrow{top:0;right:0;transform:scale(-1, 1)}.built-in-layout-4 .popup.popup_right{top:0;left:100%}.built-in-layout-4 .popup.popup_right .picker_arrow{top:0;left:0}.built-in-layout-4 .picker_wrapper.no_alpha .picker_alpha{display:none}.built-in-layout-4 .picker_wrapper.no_editor .picker_editor{position:absolute;z-index:-1;opacity:0}.built-in-layout-4 .picker_wrapper.no_cancel .picker_cancel{display:none}.built-in-layout-4 .layout_default.picker_wrapper{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;font-size:10px;width:25em;padding:0.5em}.built-in-layout-4 .layout_default.picker_wrapper input,.built-in-layout-4 .layout_default.picker_wrapper button{font-size:1em}.built-in-layout-4 .layout_default.picker_wrapper>*{margin:0.5em}.built-in-layout-4 .layout_default.picker_wrapper::before{content:\"\";display:block;width:100%;height:0;order:1}.built-in-layout-4 .layout_default .picker_slider,.built-in-layout-4 .layout_default .picker_selector{padding:1em}.built-in-layout-4 .layout_default .picker_hue{width:100%}.built-in-layout-4 .layout_default .picker_sl{flex:1 1 auto}.built-in-layout-4 .layout_default .picker_sl::before{content:\"\";display:block;padding-bottom:100%}.built-in-layout-4 .layout_default .picker_editor{order:1;width:6.5em}.built-in-layout-4 .layout_default .picker_editor input{width:100%;height:100%}.built-in-layout-4 .layout_default .picker_sample{order:1;flex:1 1 auto}.built-in-layout-4 .layout_default .picker_done,.built-in-layout-4 .layout_default .picker_cancel{order:1}.built-in-layout-4 .picker_wrapper{box-sizing:border-box;background:var(--kup-background-color);box-shadow:0 0 0 1px var(--kup-border-color);cursor:default;font-family:sans-serif;color:#444;pointer-events:auto}.built-in-layout-4 .picker_wrapper:focus{outline:none}.built-in-layout-4 .picker_wrapper button,.built-in-layout-4 .picker_wrapper input{box-sizing:border-box;border:none;box-shadow:0 0 0 1px var(--kup-border-color);outline:none}.built-in-layout-4 .picker_wrapper button:focus,.built-in-layout-4 .picker_wrapper button:active,.built-in-layout-4 .picker_wrapper input:focus,.built-in-layout-4 .picker_wrapper input:active{box-shadow:0 0 2px 1px var(--kup-border-color)}.built-in-layout-4 .picker_wrapper button{padding:0.4em 0.6em;cursor:pointer;background-color:whitesmoke;background-image:linear-gradient(0deg, gainsboro, transparent)}.built-in-layout-4 .picker_wrapper button:active{background-image:linear-gradient(0deg, transparent, gainsboro)}.built-in-layout-4 .picker_selector{position:absolute;z-index:1;display:block;transform:translate(-50%, -50%);border:2px solid white;border-radius:100%;box-shadow:0 0 3px 1px #67b9ff;background:currentColor;cursor:pointer}.built-in-layout-4 .picker_slider .picker_selector{border-radius:2px}.built-in-layout-4 .picker_hue{position:relative;background-image:linear-gradient(90deg, red, yellow, lime, cyan, blue, magenta, red);box-shadow:0 0 0 1px var(--kup-border-color)}.built-in-layout-4 .picker_sl{position:relative;box-shadow:0 0 0 1px var(--kup-border-color);background-image:linear-gradient(180deg, white, rgba(255, 255, 255, 0) 50%), linear-gradient(0deg, black, rgba(0, 0, 0, 0) 50%), linear-gradient(90deg, #808080, rgba(128, 128, 128, 0))}.built-in-layout-4 .picker_alpha,.built-in-layout-4 .picker_sample{position:relative;background:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2'%3E%3Cpath d='M1,0H0V1H2V2H1' fill='lightgrey'/%3E%3C/svg%3E\") left top/contain white;box-shadow:0 0 0 1px var(--kup-border-color)}.built-in-layout-4 .picker_alpha .picker_selector,.built-in-layout-4 .picker_sample .picker_selector{background:none}.built-in-layout-4 .picker_editor input{font-family:monospace;padding:0.2em 0.4em}.built-in-layout-4 .picker_sample::before{content:\"\";position:absolute;display:block;width:100%;height:100%;background:currentColor}.built-in-layout-4 .picker_done,.built-in-layout-4 .picker_arrow{display:none}.built-in-layout-4 .layout_default.picker_wrapper{bottom:unset;font-size:var(--kup-font-size);left:unset;padding:0.25em;right:unset;top:unset;width:100%}.built-in-layout-4 .layout_default .picker_editor input{background:none;color:var(--kup-text-color);font-family:var(--kup-font-family);font-size:var(--kup-font-size)}.built-in-layout-4 .picker_wrapper.popup{box-shadow:var(--kup-box-shadow);margin:0;outline:none}.built-in-layout-5{background:var(--kup-background-color);box-shadow:var(--kup-box-shadow);box-sizing:border-box;overflow:auto;padding:0.5em}.built-in-layout-5>table{width:100%}.built-in-layout-5>table>tr>td>div.value{text-align:right;color:var(--kup-primary-color);border-bottom:1px solid var(--kup-border-color);min-height:1.5em}.built-in-layout-5>table>tr>td>.f-button{display:flex;justify-content:center}.built-in-layout-5>table>tr>td>div.number{border-radius:50%;cursor:pointer;display:flex;justify-content:center;line-height:2.5em;margin:auto;width:2.5em;transition:background-color 0.25s;text-transform:capitalize}.built-in-layout-5>table>tr>td>div.number:hover{background-color:var(--kup-hover-background-color)}.built-in-layout-6{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto;padding:2em}.built-in-layout-6 .text{padding-bottom:1.5em;text-align:center}.built-in-layout-6 .button-wrapper{display:flex;justify-content:center}.built-in-layout-6 .f-button{padding:0 0.5em}.collapsible-layout-1{color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.collapsible-layout-1 .section-1{background-color:var(--color-0);display:flex;flex:0 0 10%;max-width:10%}.collapsible-layout-1 .section-2{box-sizing:border-box;height:100%;display:flex;flex:0 0 90%;flex-direction:column;max-width:90%}.collapsible-layout-1 .section-2 .sub-1{min-height:1.5em;display:flex;padding:0.6rem 0.8em 0;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.collapsible-layout-1 .section-2 .sub-1 div{font-size:1em}.collapsible-layout-1 .section-2 .sub-1 .left{text-align:left;width:80%}.collapsible-layout-1 .section-2 .sub-1 .right{text-align:right;width:20%}.collapsible-layout-1 .section-2 .sub-2{text-align:left;padding:0.6em 0.8em;font-size:0.875em}.collapsible-layout-2{color:var(--kup-text-color);box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;border-radius:4px;display:flex;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.collapsible-layout-2 .section-1{box-sizing:border-box;height:100%;display:flex;flex-direction:column;max-width:100%;width:100%}.collapsible-layout-2 .section-1 .sub-1{text-align:left;padding:0.6em 0.8em 0;font-size:1em;font-weight:bold;max-width:75%}.collapsible-layout-2 .section-1 .sub-2{text-align:left;padding:0.6em 0.8em;max-width:75%}.collapsible-layout-2 .section-1 .sub-2 div{font-size:0.875em}.collapsible-layout-2 .section-1 .sub-3{color:var(--color-0);text-align:center;position:absolute;top:1em;right:1em;max-width:25%;text-overflow:ellipsis;overflow:hidden;max-height:calc(24px + 2.25em);padding:0 1em}.collapsible-layout-2 .section-1 .sub-3 kup-image{margin:auto}.collapsible-layout-2 .section-1 .sub-3 div{font-size:1.25em}.collapsible-card .collapsible-trigger{display:none;position:absolute;bottom:0;left:0;height:50px;width:100%}.collapsible-card .collapsible-trigger kup-button{margin:auto;width:48px}.collapsible-card .collapsible-wrapper{overflow:auto}.collapsible-card.collapsible-active{padding-bottom:50px}.collapsible-card.collapsible-active .collapsible-trigger{display:block}.dialog-layout-1{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);color:var(--kup-text-color);display:flex;flex-direction:column;height:100%;width:100%;overflow:auto}.dialog-layout-1 .section-1{display:grid;grid-gap:0.5em;grid-template-columns:repeat(2, auto);grid-template-rows:repeat(auto-fill, 1.25em);height:100%;padding:0.5em;overflow:auto;touch-action:none}.dialog-layout-1 .section-1 .text{min-width:max-content}.dialog-layout-1 .section-1 .text:not(.label){font-weight:bold}.dialog-layout-2{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;width:100%}.dialog-layout-2 .section-1{text-align:center;touch-action:none;padding-bottom:1em}.dialog-layout-2 .section-1 .text{padding-top:0.75em}.dialog-layout-2 .section-1 .text:not(.label){font-weight:bold}.dialog-layout-2 .section-2{border-top:1px solid var(--kup-border-color);display:grid;grid-gap:0.5em;grid-template-columns:repeat(2, auto);grid-template-rows:repeat(auto-fill, 1.25em);height:100%;padding:0.5em;overflow:auto;touch-action:none}.dialog-layout-2 .section-2 .text{min-width:max-content}.dialog-layout-2 .section-2 .text:not(.label){font-weight:bold}.dialog-layout-3{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;overflow:visible;flex-direction:column;height:100%;position:relative;width:100%}.dialog-layout-3 kup-button{margin-left:0}.dialog-layout-3 .section-1{background-color:var(--kup-background-color);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;box-shadow:0px 1px 3px 0px var(--kup-text-color);height:52px;width:100%;text-align:right;touch-action:none}.dialog-layout-3 .section-1 kup-button{margin-right:0.25em}.dialog-layout-3 .section-2{height:100%;width:100%;overflow:auto;max-height:50vh}.dialog-layout-3 ::slotted(.text){color:var(--kup-text-color);font-family:var(--kup-font-family-monospace);white-space:nowrap;border-bottom:1px solid var(--kup-border-color);line-height:1.75em}.dialog-layout-4{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;width:100%}.dialog-layout-4 .section-1{display:flex;justify-content:space-evenly}.dialog-layout-4 .section-2{height:100%;overflow:auto;padding:0.25em;touch-action:none}.dialog-layout-5{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;width:100%}.dialog-layout-5 .section-1{display:flex;justify-content:space-evenly}.dialog-layout-5 .section-2{height:100%;overflow:auto}.dialog-layout-6{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;max-height:95vh;max-width:95vw;width:100%}.dialog-layout-6 .section-1{display:flex;height:100%;justify-content:space-evenly;overflow:auto}.dialog-layout-6 kup-data-table{width:100%}#drag-handle{-ms-touch-action:none;touch-action:none}#drag-handle:not(.header-bar){display:flex;height:100%}#drag-handle:not(.header-bar) .f-image{margin:auto}#drag-handle.header-bar{background-color:var(--kup-title-background-color);color:var(--kup-title-color);display:flex;flex-direction:row;height:2em;position:relative;width:100%}#drag-handle.header-bar .dialog-title{font-weight:bold;line-height:2em;padding-left:0.5em;padding-right:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#drag-handle.header-bar #dialog-close{cursor:pointer;margin-right:0;transition:opacity 0.25s;position:absolute;right:0;background:var(--kup-title-background-color)}#drag-handle.header-bar #dialog-close:hover{opacity:0.5}.free-layout-1{background:var(--kup-background-color);box-shadow:var(--kup-box-shadow);box-sizing:border-box;overflow:auto;padding:1em}.free-layout-2{background:var(--kup-background-color);box-shadow:var(--kup-box-shadow);box-sizing:border-box;overflow:auto}.scalable-layout-1 .descr{font-size:70%;width:100%}.scalable-layout-1 .value{font-size:220%}.scalable-layout-2 #image1 img{object-fit:contain}.scalable-layout-2 .scalable-element{display:grid;grid-template-columns:1fr 1fr 0.5fr 0.5fr}.scalable-layout-2 .icon{margin:auto;font-size:150%;margin-right:5%}.scalable-layout-2 .value-int{font-size:250%}.scalable-layout-2 .value-dec,.scalable-layout-2 .unit{font-size:130%;margin-top:auto;margin-bottom:10%}.scalable-layout-2 .value-dec{margin-left:2%}.scalable-layout-2 .unit{margin-left:4%}.scalable-layout-3 .descr{font-size:70%;width:100%}.scalable-layout-3 .value{font-size:220%}.scalable-layout-4 #image1 img{object-fit:contain}.scalable-layout-4 .scalable-element{display:grid;grid-template-columns:1fr 5fr}.scalable-layout-4 .icon{font-size:150%;margin:auto 5% auto auto}.scalable-layout-4 .value-and-unit{display:flex;color:var(--color-0)}.scalable-layout-4 .value-and-unit .value-int{font-size:250%}.scalable-layout-4 .value-and-unit .value-dec,.scalable-layout-4 .value-and-unit .unit{font-size:130%;margin-top:auto;margin-bottom:10%}.scalable-layout-4 .value-and-unit .value-dec{margin-left:2%}.scalable-layout-4 .value-and-unit .unit{margin-left:4%}.scalable-layout-4 .descr{margin-left:4%;text-align:left;font-size:80%;width:100%;min-width:max-content}.scalable-layout-5 #image1 img{object-fit:contain}.scalable-layout-5 .scalable-element{display:flex}.scalable-layout-5 .text-wrapper{margin-right:10px}.scalable-layout-5 .icon{font-size:150%;margin:auto;margin-bottom:0.35em}.scalable-layout-5 .value{font-size:200%}.scalable-layout-5 .descr{text-align:right;font-size:65%;width:100%;min-width:max-content;position:relative;bottom:-10%}.scalable-layout-6 #image1 img{object-fit:contain}.scalable-layout-6 .scalable-element{display:flex;justify-content:space-between}.scalable-layout-6 .text-wrapper{margin-left:1em}.scalable-layout-6 .icon{font-size:150%;margin:auto}.scalable-layout-6 .value{font-size:220%;text-align:right}.scalable-layout-6 .descr{font-size:80%;text-align:right;width:100%;min-width:max-content}.scalable-layout-7 #image1 img{object-fit:contain}.scalable-layout-7 .scalable-element{display:flex}.scalable-layout-7 .text-wrapper{margin-right:0.5em}.scalable-layout-7 .icon{font-size:150%;margin:auto;margin-top:0.35em}.scalable-layout-7 .value{font-size:200%}.scalable-layout-7 .descr{text-align:right;font-size:65%;width:100%;min-width:max-content;position:relative;bottom:10%}.scalable-layout-8 #image1 img{object-fit:contain}.scalable-layout-8 .scalable-element{align-items:center;display:grid;grid-template-columns:0.25fr 1.25fr 0.25fr}.scalable-layout-8 .icon{margin-right:4%;font-size:75%}.scalable-layout-8 .value{margin:0 10%;font-size:250%}.scalable-layout-8 .descr{font-size:60%;text-align:left}.scalable-layout-9{background-color:var(--color-1);color:var(--color-2);height:100%;display:flex;justify-content:unset;overflow:auto;box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);border-radius:4px}.scalable-layout-9 .section-1{background-color:var(--color-0);width:20%;height:100%}.scalable-layout-9 .section-2{width:100%;height:100%;display:flex;flex-direction:column}.scalable-layout-9 .text{display:flex;justify-content:center;flex-direction:column}.scalable-layout-9 .descr{font-size:80%}.scalable-layout-9 .value{font-size:220%}.scalable-layout-9 .buttons{height:max-content;margin-bottom:2%}.scalable-layout-9 .f-button{float:right}.scalable-card{align-items:center;box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);border-radius:4px;display:flex;font-size:calc(var(--kup-font-size) * var(--kup_card_multiplier));height:100%;justify-content:center;position:relative;text-align:center;word-break:normal;width:100%}.standard-layout-1{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-1 kup-button{margin-right:0}.standard-layout-1 #image1 img{object-fit:cover}.standard-layout-1.has-actions{padding-bottom:52px}.standard-layout-1.has-actions .section-2 .sub-2.description{padding-bottom:0}.standard-layout-1 .section-1{height:60%;width:100%}.standard-layout-1 .section-2{height:40%;width:100%;overflow:auto}.standard-layout-1 .section-2 .sub-2.title{color:var(--kup-text-color);padding:0 1em;padding-top:1em;text-align:left}.standard-layout-1 .section-2 .sub-2.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-1 .section-2 .sub-2.subtitle{opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-1 .section-2 .sub-2.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-1 .section-2 .sub-2.description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-1 .section-2 .sub-2.description div{font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em}.standard-layout-1 .section-3{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-1 .section-3 kup-button{margin-left:0.25em}.standard-layout-2{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-2 kup-button{margin-right:0}.standard-layout-2 #image1 img{object-fit:cover}.standard-layout-2.has-actions{padding-bottom:52px}.standard-layout-2.has-actions .section-3 .sub-3.description{padding-bottom:0}.standard-layout-2 .section-1{width:100%}.standard-layout-2 .section-1 .sub-1.title{color:var(--kup-text-color);padding:0 1em;padding-top:1em;text-align:left}.standard-layout-2 .section-1 .sub-1.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-2 .section-1 .sub-1.subtitle{opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-2 .section-1 .sub-1.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-2 .section-2{height:75%;width:100%}.standard-layout-2 .section-3{width:100%;overflow:auto}.standard-layout-2 .section-3 .sub-3.description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;opacity:0.6;padding:0 1em 8px;padding-top:1em;text-align:left}.standard-layout-2 .section-3 .sub-3.description div{font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em}.standard-layout-2 .section-4{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-2 .section-4 kup-button{margin-left:0.25em}.standard-layout-3{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-3 kup-button{margin-right:0}.standard-layout-3 #image1 img{object-fit:cover}.standard-layout-3.has-actions{padding-bottom:52px}.standard-layout-3.has-actions .section-2 .sub-2.description{padding-bottom:0}.standard-layout-3 .section-1{height:75%;width:100%}.standard-layout-3 .section-1 .media{position:relative;height:100%;width:100%}.standard-layout-3 .section-1 .text-on-media{position:absolute;bottom:0;left:0}.standard-layout-3 .section-1 .sub-1.title{color:white;padding:0 1em;padding-top:1em;text-align:left}.standard-layout-3 .section-1 .sub-1.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-3 .section-1 .sub-1.subtitle{color:white;opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-3 .section-1 .sub-1.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-3 .section-2{width:100%;overflow:auto}.standard-layout-3 .section-2 .sub-2.description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;opacity:0.6;padding:0 1em 8px;padding-top:1em;text-align:left}.standard-layout-3 .section-2 .sub-2.description div{font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em}.standard-layout-3 .section-3{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-3 .section-3 kup-button{margin-left:0.25em}.standard-layout-4{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-4 kup-button{margin-right:0}.standard-layout-4 #image1 img{object-fit:cover}.standard-layout-4.has-actions{padding-bottom:52px}.standard-layout-4.has-actions .section-3 .sub-3.description{padding-bottom:0}.standard-layout-4 .section-1{display:flex;height:100%;width:100%}.standard-layout-4 .section-1 .sub-1.image{width:33%}.standard-layout-4 .section-1 .sub-1.text{width:77%}.standard-layout-4 .section-1 .sub-1.title{color:var(--kup-text-color);padding:0 1em;padding-top:1em;text-align:left}.standard-layout-4 .section-1 .sub-1.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-4 .section-1 .sub-1.subtitle{opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-4 .section-1 .sub-1.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-4 .section-2{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-4 .section-2 kup-button{margin-left:0.25em}.standard-layout-5{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);height:100%;overflow:hidden;width:100%}.standard-layout-5 .section-1{background-color:var(--color-0);height:3%}.standard-layout-5 .section-2{display:flex;height:53%}.standard-layout-5 .section-3{display:flex;height:24%}.standard-layout-5 .section-4{display:flex;height:20%;background-color:var(--color-1)}.standard-layout-5 .sub-2{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.standard-layout-5 .sub-2.icon{min-height:20px;flex:0 0 10%;max-width:10%}.standard-layout-5 .sub-2.icon #image1{box-sizing:border-box;margin:auto;padding:0 20%}.standard-layout-5 .sub-2.icon #image1 img{object-fit:contain}.standard-layout-5 .sub-2.text{flex:0 0 70%;max-width:70%;margin:auto;height:100%;flex-wrap:nowrap;padding:1em;text-align:left}.standard-layout-5 .sub-2.image{box-sizing:border-box;flex:0 0 20%;padding:1.5vh 0;max-width:20%}.standard-layout-5 .sub-2.image #image2{box-sizing:border-box;margin:auto;padding:0 10%}.standard-layout-5 .sub-2.image #image2 img{object-fit:contain}.standard-layout-5 .sub-2 .desc-text{overflow:auto}.standard-layout-5 .sub-2 .alt-text{color:var(--kup-primary-color)}.standard-layout-5 .sub-3{box-sizing:border-box}.standard-layout-5 .sub-3.progress-bar{margin:auto;padding:0 5%;vertical-align:2px;width:80%}.standard-layout-5 .sub-3.button{margin:auto;text-align:center;width:20%}.standard-layout-5 .sub-3 kup-button{margin:auto}.standard-layout-5 .sub-4{box-sizing:border-box;margin:auto}.standard-layout-5 .sub-4.text{width:50%;font-size:0.875em}.standard-layout-5 .sub-4 div{padding:0 5%}.standard-layout-5 .sub-4 .alt-text{color:var(--color-0);font-size:1em}.standard-layout-5 .alt-text{font-weight:bold}@media screen and (max-width: 767px){.standard-layout-5 .sub-2.image{display:none}.standard-layout-5 .sub-2.icon{flex-basis:30%;max-width:30%}}.standard-layout-6{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;height:100%;overflow:hidden;width:100%}.standard-layout-6 .section-1{background-color:var(--color-0);display:flex;flex:0 0 10%;max-width:10%}.standard-layout-6 .section-1 .alt-text{color:var(--kup_card_dynamic_color_0);height:100%;text-align:center;writing-mode:vertical-lr;margin:auto;font-size:1.25em}.standard-layout-6 .section-2{box-sizing:border-box;height:100%;display:flex;flex:0 0 90%;flex-direction:column;max-width:90%}.standard-layout-6 .section-2 .sub-2{margin:auto;text-align:center}.standard-layout-6 .section-2 .sub-2 kup-progress-bar{margin-bottom:1em}.standard-layout-6 kup-button{position:absolute;bottom:2%;right:2%}.standard-layout-7{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.standard-layout-7 #image1 img{margin:auto;object-fit:contain}.standard-layout-7 .section-1{background-color:var(--color-0);height:5%;width:100%}.standard-layout-7 .section-2{height:80%;width:100%;text-align:center;padding:25px 25%;box-sizing:border-box}.standard-layout-7 .section-2 .sub-2{margin:auto}.standard-layout-7 .section-2 .sub-2.image{box-sizing:border-box;height:65%}.standard-layout-7 .section-2 .sub-2.text{font-size:1.4em;letter-spacing:1.2px;padding-top:1em;height:35%}.standard-layout-7 .section-3{display:flex;height:15%;width:100%}.standard-layout-7 .section-3 .alt-text{margin:auto;opacity:0.75;width:50%}.standard-layout-7 .section-3 .alt-text:nth-child(1){margin-left:1em;text-align:left}.standard-layout-7 .section-3 .alt-text:nth-child(2){margin-right:1em;text-align:right}.standard-layout-8{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-8 .background{background-color:var(--color-0);content:\"\";height:100%;width:100%;opacity:0.1;pointer-events:none;position:absolute;top:0;left:0;z-index:1}.standard-layout-8 .section-1{box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;overflow:auto;height:auto}.standard-layout-8 .section-1 .sub-1{text-align:left;padding:0.6em 0.8em 0;font-size:1em;font-weight:bold;max-width:75%}.standard-layout-8 .section-1 .sub-2{text-align:left;padding:0.6em 0.8em;font-size:0.875em;max-width:75%}.standard-layout-8 .section-1 .sub-3{color:var(--color-0);font-weight:bold;text-align:center;font-size:1.2em;position:absolute;top:1em;right:1em;max-width:25%;text-overflow:ellipsis;max-height:calc(24px + 2.25em);padding:0 1em;overflow:hidden}.standard-layout-8 .section-1 .sub-3 kup-image{margin:auto}.standard-layout-8 .section-2{display:flex;height:auto;overflow:auto}.standard-layout-9{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-9 #image1 img{object-fit:contain}.standard-layout-9 .section-1{margin-top:auto;margin-right:18px;margin-bottom:auto;white-space:nowrap}.standard-layout-9 .section-2{display:flex;height:100%;margin-top:auto;margin-bottom:auto;width:100%;overflow:hidden}.standard-layout-9 .sub-2{display:flex;flex-direction:row}.standard-layout-9 .text{text-align:left}.standard-layout-9 .text-wrapper{display:flex;flex-direction:column}.standard-layout-9 .icon{margin:auto;padding:0 1.25em}.standard-layout-9 .description{font-size:1.5em;letter-spacing:1px;padding-left:1.25em;padding-top:0.25em}.standard-layout-9 .title{font-size:2.75em;font-weight:bold}.standard-layout-9 .subtitle{font-size:1.5em;opacity:0.75}.standard-layout-10{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-10 #image1 img{object-fit:contain}.standard-layout-10 .section-1{display:flex;height:100%;margin-top:auto;margin-bottom:auto;width:100%;overflow:hidden}.standard-layout-10 .section-2{margin-top:auto;margin-left:18px;margin-bottom:auto;white-space:nowrap}.standard-layout-10 .sub-2{display:flex;flex-direction:row-reverse}.standard-layout-10 .text{text-align:right}.standard-layout-10 .text-wrapper{display:flex;flex-direction:column}.standard-layout-10 .icon{margin:auto;padding:0 1.25em}.standard-layout-10 .description{font-size:1.5em;letter-spacing:1px;padding-right:1.25em;padding-top:0.25em}.standard-layout-10 .title{font-size:2.75em;font-weight:bold}.standard-layout-10 .subtitle{font-size:1.5em;opacity:0.75}.standard-layout-11{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-11 #image1 img{object-fit:contain}.standard-layout-11 .section-1{display:flex;height:100%;margin-top:auto;margin-bottom:auto;min-width:6em;max-width:6em;overflow:hidden;transition:0.25s ease-in}.standard-layout-11 .section-2{display:flex;height:100%;margin-top:auto;margin-bottom:auto;width:100%;overflow:hidden}.standard-layout-11 .sub-1{background-color:var(--color-0);height:100%;text-align:center;writing-mode:vertical-lr;min-width:6em;display:flex;transition:width 0.25s ease-in}.standard-layout-11 .sub-1 div{font-size:1.25em}.standard-layout-11 .sub-2{display:flex;flex-direction:row}.standard-layout-11 .text:not(.description){text-align:left}.standard-layout-11 .text-wrapper{display:flex;flex-direction:column}.standard-layout-11 .icon{margin:auto;padding:0 1.25em}.standard-layout-11 .description{font-size:1.5em;letter-spacing:1px;margin:auto;color:var(--kup_card_dynamic_color_0)}.standard-layout-11 .title{font-size:2.75em;font-weight:bold;margin-top:auto}.standard-layout-11 .subtitle{font-size:1.5em;opacity:0.75;margin-bottom:auto}.standard-layout-12{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);color:var(--kup-text-color);min-width:200px;min-width:-moz-max-content;min-width:-webkit-max-content;}.standard-layout-12 .section-1{display:inline-flex;border-bottom:1px solid var(--kup-border-color);width:100%}.standard-layout-12 .section-1 kup-button{margin:0}.standard-layout-12 .section-2{display:flex;flex-direction:column}.standard-layout-12 .section-2.has-content{border-bottom:1px solid var(--kup-border-color);padding:0.5em 0.5em}.standard-layout-12 .section-2 kup-date-picker:first-of-type,.standard-layout-12 .section-2 kup-time-picker:first-of-type{margin-bottom:0.5em}.standard-layout-12 .section-3{backface-visibility:hidden;display:flex;flex-direction:column;max-height:20vh;overflow:auto}.standard-layout-12 .section-3 kup-checkbox{margin-left:0;margin-right:auto}.standard-layout-13{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;position:relative;width:100%}.standard-layout-13 kup-button{margin-left:0}.standard-layout-13 .section-1{background-color:var(--kup-background-color);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;box-shadow:0px 1px 3px 0px var(--kup-text-color);height:52px;width:100%;text-align:right}.standard-layout-13 .section-1 kup-button{margin-right:0.25em}.standard-layout-13 .section-2{height:100%;width:100%;overflow:auto;max-height:50vh}.standard-layout-13 .text{color:var(--kup-text-color);font-family:var(--kup-font-family-monospace);white-space:nowrap;border-bottom:1px solid var(--kup-border-color);line-height:1.75em}.standard-layout-14{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);color:var(--kup-text-color);min-width:200px;min-width:-moz-max-content;min-width:-webkit-max-content;}.standard-layout-14 .section-1{--kup-button-font-size:0.75em;box-sizing:border-box;display:flex;padding:1em}.standard-layout-14 .section-1 .sub-1{width:100%}.standard-layout-14 .section-1 .sub-spinner{height:88px;width:88px;margin:0 10px}.standard-layout-14 .section-1 .f-image{margin:0 0.5em 0 0}.standard-layout-14 .section-1 .title{align-items:flex-end;display:flex;font-size:1.25em;font-weight:600;margin-bottom:0.5em;padding:0 0.25em 0.25em;text-align:left}.standard-layout-14 .section-1 .title .label{cursor:pointer;padding-right:0.25em;padding-top:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standard-layout-14 .section-1 .title .label:hover{text-decoration:underline}.standard-layout-14 .section-1 .info{display:flex;padding:0 0.25em 0.25em;width:100%}.standard-layout-14 .section-1 .info .label{color:rgba(var(--kup-text-color-rgb), 0.75);margin-right:0.75em;min-width:max-content;width:auto}.standard-layout-14 .section-1 .info .value{font-weight:600;width:100%}.standard-layout-14 .sub-button{display:inline-flex;width:100%}.standard-layout-14 .sub-button kup-button{margin:0}.standard-layout-14 .sub-checkbox{backface-visibility:hidden;display:flex;flex-direction:column;max-height:20vh;overflow:auto}.standard-layout-14 .sub-checkbox kup-checkbox{margin-left:0;margin-right:auto}.standard-layout-14 .sub-formula{padding:0.5em}.standard-layout-14 .sub-chip{max-width:25vw;overflow:auto;box-shadow:0 3px 2px -2px var(--kup-border-color)}.standard-layout-14 .sub-field{display:flex;flex-direction:column}.standard-layout-14 .sub-field.has-content{border-bottom:1px solid var(--kup-border-color);padding:0.5em 0.5em}.standard-layout-14 .sub-field kup-date-picker:first-of-type,.standard-layout-14 .sub-field kup-time-picker:first-of-type{margin-bottom:0.5em}.standard-layout-14 .sub-spinner{height:100px}.standard-layout-14 .sub-autocomplete{padding-top:1em}.standard-layout-14 .sub-autocomplete kup-autocomplete{margin:auto;padding:0.5em 0;width:max-content}.standard-layout-14 .sub-switch{display:flex;justify-content:space-evenly;padding:2em}.standard-layout-14 .sub-tree{max-height:25vh;overflow:auto}.standard-layout-14 #apply{display:none;margin:auto}.standard-layout-14 #apply.visible{display:block}.standard-layout-14 #open-in-new,.standard-layout-14 #search,.standard-layout-14 #new{margin:0 0 0.5em 0}.standard-layout-15{background:var(--kup-background-color);border-radius:3px;box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);color:var(--kup-text-color);display:block;font-size:var(--kup-font-size);outline:none}.standard-layout-15 .section-1{--kup-button-font-size:0.75em;box-sizing:border-box;display:flex;padding:1em}.standard-layout-15 .section-1 .sub-1{width:100%}.standard-layout-15 .section-1 .sub-spinner{height:88px;width:88px;margin:0 10px}.standard-layout-15 .section-1 .f-image{margin:0 0.5em 0 0}.standard-layout-15 .section-1 .title{align-items:flex-end;display:flex;font-size:1.25em;font-weight:600;margin-bottom:0.5em;padding:0 0.25em 0.25em;text-align:left}.standard-layout-15 .section-1 .title .label{cursor:pointer;padding-right:0.25em;padding-top:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standard-layout-15 .section-1 .title .label:hover{text-decoration:underline}.standard-layout-15 .section-1 .info{display:flex;padding:0 0.25em 0.25em;width:100%}.standard-layout-15 .section-1 .info .label{color:rgba(var(--kup-text-color-rgb), 0.75);margin-right:0.75em;min-width:max-content;width:auto}.standard-layout-15 .section-1 .info .value{font-weight:600;width:100%}.standard-layout-15 .section-2{border-top:1px solid var(--kup-border-color);box-sizing:border-box;height:180px;opacity:1;overflow:auto;transition:height 250ms ease-out, opacity 250ms ease-out}.standard-layout-15 .section-2 .info{box-sizing:border-box;height:100%;overflow:auto;padding:1.25em}.standard-layout-15 .section-2 .detail-row{align-items:center;display:flex;justify-content:space-between}.standard-layout-15 .section-2 .detail-row:not(:last-child){margin-bottom:6px}.standard-layout-15 .section-2 .detail-row__label{color:rgba(var(--kup-text-color-rgb), 0.5);margin-top:0.175em;max-width:320px;padding-right:1.25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standard-layout-15 .section-2 .detail-row__value{color:var(--kup-text-color);font-size:105%;font-weight:600;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standard-layout-15 .section-2 kup-tree{text-align:left}.standard-layout-15 .section-3{border-top:1px solid var(--kup-border-color);display:flex;justify-content:flex-end;padding:6px;padding-top:2px;padding-bottom:2px}.standard-layout-15 .section-3 kup-button{margin:auto 0}.standard-layout-15 #open-in-new,.standard-layout-15 #search,.standard-layout-15 #new{margin:0 0 0.5em 0}:host{--kup_card_backdrop:var(--kup-card-backdrop, rgba(0, 0, 0, 0.32));--kup_card_ripple_color:var(\n    --kup-card-ripple-color,\n    var(--kup-primary-color)\n  );display:block;font-size:var(--kup-font-size);height:var(--kup_card_height);min-height:var(--kup_card_height);min-width:var(--kup_card_width);outline:none;position:relative;width:var(--kup_card_width)}:host([is-menu]){display:none;animation:fade-in 0.25s ease-out}:host([menu-visible]){box-shadow:var(--kup-box-shadow);display:block}#kup-component{height:100%;width:100%}.mdc-ripple-surface{cursor:pointer;flex-direction:column;display:flex;height:100%;position:relative}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_card_ripple_color)}.card-view{animation:fade-in 0.25s ease-out;display:none;height:100%;width:100%}.card-view.visible{display:block}";
+const kupCardCss = ".box-layout-1{background-color:var(--kup-background-color);color:var(--kup-text-color);font-size:var(--kup-font-size);padding:0.5em}.box-layout-1 table{width:100%}.box-layout-1 .label{overflow:hidden;padding:0.5em;text-overflow:ellipsis;width:50%}.box-layout-1 .value{font-weight:bold;padding:0.5em}.box-layout-2{background-color:var(--kup-background-color);color:var(--kup-text-color);font-size:var(--kup-font-size);padding:0.5em}.box-layout-2 table{width:100%}.box-layout-2 .label{max-width:50%;overflow:hidden;padding:0.5em;text-overflow:ellipsis;white-space:nowrap}.box-layout-2 .value{padding:0.5em;font-weight:bold}.box-layout-3{background-color:var(--kup-background-color);color:var(--kup-text-color);font-size:var(--kup-font-size);padding:0.5em}.box-layout-3 .container{display:flex;justify-content:space-between;overflow:hidden;width:100%}.box-layout-3 .flex-container{align-items:center;display:flex;justify-content:center;width:100%}.box-layout-3 .flex-container:first-child{justify-content:flex-start}.box-layout-3 .flex-container:last-child{justify-content:flex-end}.box-layout-3 .label{overflow:hidden;padding:0.5em;text-overflow:ellipsis;white-space:nowrap}.box-layout-3 .value{padding:0.5em;font-weight:bold}.box-layout-3 .f-cell .f-cell__text{white-space:nowrap}.box-layout-4{background-color:var(--kup-background-color);color:var(--kup-text-color);display:flex;font-size:var(--kup-font-size);height:100%;padding:0.5em}.box-layout-4 .container{margin:auto;width:100%}.box-layout-4 .image{border-radius:50%;height:64px;margin:auto;width:64px}.box-layout-4 .value{font-weight:bold;padding-top:0.5em}.box-layout-4 .f-cell.c-centered .f-cell__content img,.box-layout-4 .f-cell.c-centered .f-cell__content .f-image{margin:0}.box-layout-5{background-color:var(--kup-background-color);color:var(--kup-text-color);display:flex;font-size:var(--kup-font-size);height:100%;padding:1em 0.5em}.box-layout-5 .container{display:flex;height:100%;margin:auto;width:100%}.box-layout-5 .image{display:flex;height:100%;margin:auto;width:50%}.box-layout-5 .label,.box-layout-5 .value{padding:0.5em}.box-layout-5 .label{overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.box-layout-5 .value{font-weight:bold}.box-layout-5 .table{box-sizing:border-box;padding:1.25em}.box-layout-5 .table,.box-layout-5 table{width:100%}.box-layout-6{background-color:var(--kup-background-color);color:var(--kup-text-color);display:flex;font-size:var(--kup-font-size);height:100%;padding:1em 0.5em}.box-layout-6 .container{display:flex;height:100%;margin:auto;width:100%}.box-layout-6 .image{display:flex;height:100%;margin:auto;width:50%}.box-layout-6 .label{padding-bottom:0.25em}.box-layout-6 .value{font-weight:bold;padding-bottom:1.25em}.box-layout-6 tr:last-child .value{padding-bottom:0}.box-layout-6 .table{box-sizing:border-box;display:flex;height:max-content;margin:auto;padding:1.25em}.box-layout-6 .table,.box-layout-6 table{width:100%}.box-layout-7{background-color:var(--kup-background-color);color:var(--kup-text-color);display:flex;font-size:var(--kup-font-size);height:100%;padding:1em 0.5em}.box-layout-7 .container{height:100%;margin:auto;width:100%}.box-layout-7 .image{width:100%}.box-layout-7 .label,.box-layout-7 .value{padding:0.25em}.box-layout-7 .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box-layout-7 .value{font-weight:bold}.box-layout-7 .table{box-sizing:border-box;padding:1.25em;padding-bottom:0}.box-layout-7 .table,.box-layout-7 table{width:100%}.box-layout-8{background-color:var(--kup-background-color);color:var(--kup-text-color);display:flex;font-size:var(--kup-font-size);height:100%;padding:1em 0.5em}.box-layout-8 .container{height:100%;margin:auto;width:100%}.box-layout-8 .image{width:100%}.box-layout-8 .label{overflow:hidden;padding-bottom:0.25em;text-overflow:ellipsis;white-space:nowrap}.box-layout-8 .value{font-weight:bold;padding-bottom:1.25em}.box-layout-8 tr:last-child .value{padding-bottom:0}.box-layout-8 .table{box-sizing:border-box;padding:1.25em;padding-bottom:0}.box-layout-8 .table,.box-layout-8 table{width:100%}.built-in-layout-1{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto;padding:0.5em}.built-in-layout-1 .section-1{box-sizing:border-box;height:5em;overflow:auto;padding-bottom:1em;width:100%}.built-in-layout-1 .section-1 .sub-1{display:flex;flex-direction:row;justify-content:center}.built-in-layout-1 .section-2{height:calc(100% - 60px);overflow:auto;width:100%}.built-in-layout-1 .prev-page{margin-left:auto}.built-in-layout-1 .change-view-button{margin:auto;width:12em;text-align:center}.built-in-layout-1 #change-view-button button{text-transform:capitalize}.built-in-layout-1 .next-page{margin-right:auto}.built-in-layout-1 .calendar{border-collapse:collapse;width:100%}.built-in-layout-1 thead{border-bottom:1px solid var(--kup-border-color)}.built-in-layout-1 .item-text{color:rgba(var(--kup-text-color-rgb), 0.5)}.built-in-layout-1 .item{text-align:center}.built-in-layout-1 .item:not(.selected) .item-number:hover{background-color:var(--kup-hover-background-color)}.built-in-layout-1 .item.selected .item-number,.built-in-layout-1 .item.selected .item-number:hover{background-color:rgba(var(--kup-primary-color-rgb), 0.175)}.built-in-layout-1 .item-number{border-radius:50%;cursor:pointer;display:flex;justify-content:center;line-height:2.5em;margin:auto;width:2.5em;transition:background-color 0.25s;text-transform:capitalize}.built-in-layout-2{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.built-in-layout-2 .clock{box-shadow:var(--kup-box-shadow);width:300px;height:450px;background-color:var(--kup-background-color);position:relative;font-family:var(--kup-font-family)}.built-in-layout-2 .top{background-color:var(--kup-primary-color);color:var(--kup-text-on-primary-color);height:100px;line-height:100px;font-size:50px;text-align:center}.built-in-layout-2 .top span{cursor:pointer;opacity:0.75;transition:0.25s ease-in-out}.built-in-layout-2 .top .visible{opacity:1}.built-in-layout-2 .circle{user-select:none;background-color:rgba(var(--kup-text-color-rgb), 0.1);width:250px;height:250px;border-radius:1000px;position:relative;top:25px;left:25px;box-sizing:border-box;display:none}.built-in-layout-2 .circle.visible{display:block}.built-in-layout-2 .mid{position:absolute;left:calc(50% - 0px);top:calc(50% - 0px);width:2px;height:2px;border-radius:10px;background-color:var(--kup-text-color)}.built-in-layout-2 .hour{position:absolute;height:40px;line-height:40px;width:40px;border-radius:40px;text-align:center}.built-in-layout-2 .hour.selected{z-index:2}.built-in-layout-2 .hour.selected::after{content:\"\";z-index:-1;background-color:rgba(var(--kup-primary-color-rgb), 0.5);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.built-in-layout-2 .hour2{z-index:2;position:absolute;height:30px;line-height:30px;width:30px;border-radius:40px;text-align:center;font-size:14px}.built-in-layout-2 .hour2.selected::after{content:\"\";background-color:rgba(var(--kup-primary-color-rgb), 0.5);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:64px;right:50%;z-index:-1}.built-in-layout-2 .unit{position:absolute;height:20px;line-height:20px;width:20px;border-radius:40px;text-align:center;font-size:12px}.built-in-layout-2 .unit.selected::after{content:\"\";background-color:rgba(var(--kup-primary-color-rgb), 0.5);height:1px;width:100%;position:absolute;transform:rotate(-90deg);transform-origin:100% 0%;top:50%;width:101px;right:50%}.built-in-layout-2 .hour,.built-in-layout-2 .hour2,.built-in-layout-2 .unit{cursor:pointer;transition:background-color 0.25s}.built-in-layout-2 .hour:hover,.built-in-layout-2 .hour2:hover,.built-in-layout-2 .unit:hover{background-color:rgba(var(--kup-primary-color-rgb), 0.275)}.built-in-layout-2 .hour.selected,.built-in-layout-2 .hour2.selected,.built-in-layout-2 .unit.selected{background-color:var(--kup-primary-color);color:var(--kup-text-on-primary-color)}.built-in-layout-2 .actions{color:var(--kup-primary-color);font-weight:bold;font-size:20px;display:flex;justify-content:flex-end;position:absolute;width:100%;box-sizing:border-box;bottom:10px}.built-in-layout-2 .action{display:inline-block;width:100px;text-align:center;height:37.5px;line-height:37.5px;margin-right:10px;cursor:pointer;border-radius:2px}.built-in-layout-2 .clock .actions .action:hover{background-color:rgba(0, 0, 0, 0.1)}.built-in-layout-2 .clock .actions .action:visible{background-color:rgba(0, 0, 0, 0.3)}.built-in-layout-2 .hour:nth-child(12):after{transform:rotate(330deg)}.built-in-layout-2 .hour:nth-child(11):after{transform:rotate(300deg)}.built-in-layout-2 .hour:nth-child(10):after{transform:rotate(270deg)}.built-in-layout-2 .hour:nth-child(9):after{transform:rotate(240deg)}.built-in-layout-2 .hour:nth-child(8):after{transform:rotate(210deg)}.built-in-layout-2 .hour:nth-child(7):after{transform:rotate(180deg)}.built-in-layout-2 .hour:nth-child(6):after{transform:rotate(150deg)}.built-in-layout-2 .hour:nth-child(5):after{transform:rotate(120deg)}.built-in-layout-2 .hour:nth-child(4):after{transform:rotate(90deg)}.built-in-layout-2 .hour:nth-child(3):after{transform:rotate(60deg)}.built-in-layout-2 .hour:nth-child(2):after{transform:rotate(30deg)}.built-in-layout-2 .hour:nth-child(1):after{transform:rotate(0deg)}.built-in-layout-2 .hour2:nth-child(24):after{transform:rotate(690deg)}.built-in-layout-2 .hour2:nth-child(23):after{transform:rotate(660deg)}.built-in-layout-2 .hour2:nth-child(22):after{transform:rotate(630deg)}.built-in-layout-2 .hour2:nth-child(21):after{transform:rotate(600deg)}.built-in-layout-2 .hour2:nth-child(20):after{transform:rotate(570deg)}.built-in-layout-2 .hour2:nth-child(19):after{transform:rotate(540deg)}.built-in-layout-2 .hour2:nth-child(18):after{transform:rotate(510deg)}.built-in-layout-2 .hour2:nth-child(17):after{transform:rotate(480deg)}.built-in-layout-2 .hour2:nth-child(16):after{transform:rotate(450deg)}.built-in-layout-2 .hour2:nth-child(15):after{transform:rotate(420deg)}.built-in-layout-2 .hour2:nth-child(14):after{transform:rotate(390deg)}.built-in-layout-2 .hour2:nth-child(13):after{transform:rotate(360deg)}.built-in-layout-2 .unit:nth-child(60):after{transform:rotate(354deg)}.built-in-layout-2 .unit:nth-child(59):after{transform:rotate(348deg)}.built-in-layout-2 .unit:nth-child(58):after{transform:rotate(342deg)}.built-in-layout-2 .unit:nth-child(57):after{transform:rotate(336deg)}.built-in-layout-2 .unit:nth-child(56):after{transform:rotate(330deg)}.built-in-layout-2 .unit:nth-child(55):after{transform:rotate(324deg)}.built-in-layout-2 .unit:nth-child(54):after{transform:rotate(318deg)}.built-in-layout-2 .unit:nth-child(53):after{transform:rotate(312deg)}.built-in-layout-2 .unit:nth-child(52):after{transform:rotate(306deg)}.built-in-layout-2 .unit:nth-child(51):after{transform:rotate(300deg)}.built-in-layout-2 .unit:nth-child(50):after{transform:rotate(294deg)}.built-in-layout-2 .unit:nth-child(49):after{transform:rotate(288deg)}.built-in-layout-2 .unit:nth-child(48):after{transform:rotate(282deg)}.built-in-layout-2 .unit:nth-child(47):after{transform:rotate(276deg)}.built-in-layout-2 .unit:nth-child(46):after{transform:rotate(270deg)}.built-in-layout-2 .unit:nth-child(45):after{transform:rotate(264deg)}.built-in-layout-2 .unit:nth-child(44):after{transform:rotate(258deg)}.built-in-layout-2 .unit:nth-child(43):after{transform:rotate(252deg)}.built-in-layout-2 .unit:nth-child(42):after{transform:rotate(246deg)}.built-in-layout-2 .unit:nth-child(41):after{transform:rotate(240deg)}.built-in-layout-2 .unit:nth-child(40):after{transform:rotate(234deg)}.built-in-layout-2 .unit:nth-child(39):after{transform:rotate(228deg)}.built-in-layout-2 .unit:nth-child(38):after{transform:rotate(222deg)}.built-in-layout-2 .unit:nth-child(37):after{transform:rotate(216deg)}.built-in-layout-2 .unit:nth-child(36):after{transform:rotate(210deg)}.built-in-layout-2 .unit:nth-child(35):after{transform:rotate(204deg)}.built-in-layout-2 .unit:nth-child(34):after{transform:rotate(198deg)}.built-in-layout-2 .unit:nth-child(33):after{transform:rotate(192deg)}.built-in-layout-2 .unit:nth-child(32):after{transform:rotate(186deg)}.built-in-layout-2 .unit:nth-child(31):after{transform:rotate(180deg)}.built-in-layout-2 .unit:nth-child(30):after{transform:rotate(174deg)}.built-in-layout-2 .unit:nth-child(29):after{transform:rotate(168deg)}.built-in-layout-2 .unit:nth-child(28):after{transform:rotate(162deg)}.built-in-layout-2 .unit:nth-child(27):after{transform:rotate(156deg)}.built-in-layout-2 .unit:nth-child(26):after{transform:rotate(150deg)}.built-in-layout-2 .unit:nth-child(25):after{transform:rotate(144deg)}.built-in-layout-2 .unit:nth-child(24):after{transform:rotate(138deg)}.built-in-layout-2 .unit:nth-child(23):after{transform:rotate(132deg)}.built-in-layout-2 .unit:nth-child(22):after{transform:rotate(126deg)}.built-in-layout-2 .unit:nth-child(21):after{transform:rotate(120deg)}.built-in-layout-2 .unit:nth-child(20):after{transform:rotate(114deg)}.built-in-layout-2 .unit:nth-child(19):after{transform:rotate(108deg)}.built-in-layout-2 .unit:nth-child(18):after{transform:rotate(102deg)}.built-in-layout-2 .unit:nth-child(17):after{transform:rotate(96deg)}.built-in-layout-2 .unit:nth-child(16):after{transform:rotate(90deg)}.built-in-layout-2 .unit:nth-child(15):after{transform:rotate(84deg)}.built-in-layout-2 .unit:nth-child(14):after{transform:rotate(78deg)}.built-in-layout-2 .unit:nth-child(13):after{transform:rotate(72deg)}.built-in-layout-2 .unit:nth-child(12):after{transform:rotate(66deg)}.built-in-layout-2 .unit:nth-child(11):after{transform:rotate(60deg)}.built-in-layout-2 .unit:nth-child(10):after{transform:rotate(54deg)}.built-in-layout-2 .unit:nth-child(9):after{transform:rotate(48deg)}.built-in-layout-2 .unit:nth-child(8):after{transform:rotate(42deg)}.built-in-layout-2 .unit:nth-child(7):after{transform:rotate(36deg)}.built-in-layout-2 .unit:nth-child(6):after{transform:rotate(30deg)}.built-in-layout-2 .unit:nth-child(5):after{transform:rotate(24deg)}.built-in-layout-2 .unit:nth-child(4):after{transform:rotate(18deg)}.built-in-layout-2 .unit:nth-child(3):after{transform:rotate(12deg)}.built-in-layout-2 .unit:nth-child(2):after{transform:rotate(6deg)}.built-in-layout-2 .unit:nth-child(1):after{transform:rotate(0deg)}.built-in-layout-3{background:var(--kup-background-color);box-shadow:rgba(128, 128, 128, 0.1) 0px 2px 1px -1px, rgba(128, 128, 128, 0.1) 0px 1px 1px 0px, rgba(128, 128, 128, 0.6) 0px 1px 3px 0px;box-sizing:border-box;overflow:auto}.built-in-layout-3 kup-button,.built-in-layout-3 kup-combobox{margin:0 auto 0.75em auto}.built-in-layout-3 kup-combobox{width:95%}.built-in-layout-3 .sub-chip{border-top:1px solid var(--kup-border-color);max-height:33vh;overflow:auto;width:100%}.built-in-layout-4{background:var(--kup-background-color);box-shadow:rgba(128, 128, 128, 0.1) 0px 2px 1px -1px, rgba(128, 128, 128, 0.1) 0px 1px 1px 0px, rgba(128, 128, 128, 0.6) 0px 1px 3px 0px;box-sizing:border-box}.built-in-layout-4 .picker_arrow{position:absolute;z-index:-1}.built-in-layout-4 .picker_wrapper.popup{position:absolute;z-index:2;margin:1.5em}.built-in-layout-4 .picker_wrapper.popup,.built-in-layout-4 .picker_wrapper.popup .picker_arrow::before,.built-in-layout-4 .picker_wrapper.popup .picker_arrow::after{background:var(--kup-background-color);box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.4)}.built-in-layout-4 .picker_wrapper.popup .picker_arrow{width:3em;height:3em;margin:0}.built-in-layout-4 .picker_wrapper.popup .picker_arrow::before,.built-in-layout-4 .picker_wrapper.popup .picker_arrow::after{content:\"\";display:block;position:absolute;top:0;left:0;z-index:-99}.built-in-layout-4 .picker_wrapper.popup .picker_arrow::before{width:100%;height:100%;transform:skew(45deg);transform-origin:0 100%}.built-in-layout-4 .picker_wrapper.popup .picker_arrow::after{width:150%;height:150%;box-shadow:none}.built-in-layout-4 .popup.popup_top{bottom:100%;left:0}.built-in-layout-4 .popup.popup_top .picker_arrow{bottom:0;left:0;transform:rotate(-90deg)}.built-in-layout-4 .popup.popup_bottom{top:100%;left:0}.built-in-layout-4 .popup.popup_bottom .picker_arrow{top:0;left:0;transform:rotate(90deg) scale(1, -1)}.built-in-layout-4 .popup.popup_left{top:0;right:100%}.built-in-layout-4 .popup.popup_left .picker_arrow{top:0;right:0;transform:scale(-1, 1)}.built-in-layout-4 .popup.popup_right{top:0;left:100%}.built-in-layout-4 .popup.popup_right .picker_arrow{top:0;left:0}.built-in-layout-4 .picker_wrapper.no_alpha .picker_alpha{display:none}.built-in-layout-4 .picker_wrapper.no_editor .picker_editor{position:absolute;z-index:-1;opacity:0}.built-in-layout-4 .picker_wrapper.no_cancel .picker_cancel{display:none}.built-in-layout-4 .layout_default.picker_wrapper{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;font-size:10px;width:25em;padding:0.5em}.built-in-layout-4 .layout_default.picker_wrapper input,.built-in-layout-4 .layout_default.picker_wrapper button{font-size:1em}.built-in-layout-4 .layout_default.picker_wrapper>*{margin:0.5em}.built-in-layout-4 .layout_default.picker_wrapper::before{content:\"\";display:block;width:100%;height:0;order:1}.built-in-layout-4 .layout_default .picker_slider,.built-in-layout-4 .layout_default .picker_selector{padding:1em}.built-in-layout-4 .layout_default .picker_hue{width:100%}.built-in-layout-4 .layout_default .picker_sl{flex:1 1 auto}.built-in-layout-4 .layout_default .picker_sl::before{content:\"\";display:block;padding-bottom:100%}.built-in-layout-4 .layout_default .picker_editor{order:1;width:6.5em}.built-in-layout-4 .layout_default .picker_editor input{width:100%;height:100%}.built-in-layout-4 .layout_default .picker_sample{order:1;flex:1 1 auto}.built-in-layout-4 .layout_default .picker_done,.built-in-layout-4 .layout_default .picker_cancel{order:1}.built-in-layout-4 .picker_wrapper{box-sizing:border-box;background:var(--kup-background-color);box-shadow:0 0 0 1px var(--kup-border-color);cursor:default;font-family:sans-serif;color:#444;pointer-events:auto}.built-in-layout-4 .picker_wrapper:focus{outline:none}.built-in-layout-4 .picker_wrapper button,.built-in-layout-4 .picker_wrapper input{box-sizing:border-box;border:none;box-shadow:0 0 0 1px var(--kup-border-color);outline:none}.built-in-layout-4 .picker_wrapper button:focus,.built-in-layout-4 .picker_wrapper button:active,.built-in-layout-4 .picker_wrapper input:focus,.built-in-layout-4 .picker_wrapper input:active{box-shadow:0 0 2px 1px var(--kup-border-color)}.built-in-layout-4 .picker_wrapper button{padding:0.4em 0.6em;cursor:pointer;background-color:whitesmoke;background-image:linear-gradient(0deg, gainsboro, transparent)}.built-in-layout-4 .picker_wrapper button:active{background-image:linear-gradient(0deg, transparent, gainsboro)}.built-in-layout-4 .picker_selector{position:absolute;z-index:1;display:block;transform:translate(-50%, -50%);border:2px solid white;border-radius:100%;box-shadow:0 0 3px 1px #67b9ff;background:currentColor;cursor:pointer}.built-in-layout-4 .picker_slider .picker_selector{border-radius:2px}.built-in-layout-4 .picker_hue{position:relative;background-image:linear-gradient(90deg, red, yellow, lime, cyan, blue, magenta, red);box-shadow:0 0 0 1px var(--kup-border-color)}.built-in-layout-4 .picker_sl{position:relative;box-shadow:0 0 0 1px var(--kup-border-color);background-image:linear-gradient(180deg, white, rgba(255, 255, 255, 0) 50%), linear-gradient(0deg, black, rgba(0, 0, 0, 0) 50%), linear-gradient(90deg, #808080, rgba(128, 128, 128, 0))}.built-in-layout-4 .picker_alpha,.built-in-layout-4 .picker_sample{position:relative;background:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2'%3E%3Cpath d='M1,0H0V1H2V2H1' fill='lightgrey'/%3E%3C/svg%3E\") left top/contain white;box-shadow:0 0 0 1px var(--kup-border-color)}.built-in-layout-4 .picker_alpha .picker_selector,.built-in-layout-4 .picker_sample .picker_selector{background:none}.built-in-layout-4 .picker_editor input{font-family:monospace;padding:0.2em 0.4em}.built-in-layout-4 .picker_sample::before{content:\"\";position:absolute;display:block;width:100%;height:100%;background:currentColor}.built-in-layout-4 .picker_done,.built-in-layout-4 .picker_arrow{display:none}.built-in-layout-4 .layout_default.picker_wrapper{bottom:unset;font-size:var(--kup-font-size);left:unset;padding:0.25em;right:unset;top:unset;width:100%}.built-in-layout-4 .layout_default .picker_editor input{background:none;color:var(--kup-text-color);font-family:var(--kup-font-family);font-size:var(--kup-font-size)}.built-in-layout-4 .picker_wrapper.popup{box-shadow:var(--kup-box-shadow);margin:0;outline:none}.built-in-layout-5{background:var(--kup-background-color);box-shadow:var(--kup-box-shadow);box-sizing:border-box;overflow:auto;padding:0.5em}.built-in-layout-5>table{width:100%}.built-in-layout-5>table>tr>td>div.value{text-align:right;color:var(--kup-primary-color);border-bottom:1px solid var(--kup-border-color);min-height:1.5em}.built-in-layout-5>table>tr>td>.f-button{display:flex;justify-content:center}.built-in-layout-5>table>tr>td>div.number{border-radius:50%;cursor:pointer;display:flex;justify-content:center;line-height:2.5em;margin:auto;width:2.5em;transition:background-color 0.25s;text-transform:capitalize}.built-in-layout-5>table>tr>td>div.number:hover{background-color:var(--kup-hover-background-color)}.built-in-layout-6{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto;padding:2em}.built-in-layout-6 .text{padding-bottom:1.5em;text-align:center}.built-in-layout-6 .button-wrapper{display:flex;justify-content:center}.built-in-layout-6 .f-button{padding:0 0.5em}.collapsible-layout-1{color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.collapsible-layout-1 .section-1{background-color:var(--color-0);display:flex;flex:0 0 10%;max-width:10%}.collapsible-layout-1 .section-2{box-sizing:border-box;height:100%;display:flex;flex:0 0 90%;flex-direction:column;max-width:90%}.collapsible-layout-1 .section-2 .sub-1{min-height:1.5em;display:flex;padding:0.6rem 0.8em 0;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.collapsible-layout-1 .section-2 .sub-1 div{font-size:1em}.collapsible-layout-1 .section-2 .sub-1 .left{text-align:left;width:80%}.collapsible-layout-1 .section-2 .sub-1 .right{text-align:right;width:20%}.collapsible-layout-1 .section-2 .sub-2{text-align:left;padding:0.6em 0.8em;font-size:0.875em}.collapsible-layout-2{color:var(--kup-text-color);box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;border-radius:4px;display:flex;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.collapsible-layout-2 .section-1{box-sizing:border-box;height:100%;display:flex;flex-direction:column;max-width:100%;width:100%}.collapsible-layout-2 .section-1 .sub-1{text-align:left;padding:0.6em 0.8em 0;font-size:1em;font-weight:bold;max-width:75%}.collapsible-layout-2 .section-1 .sub-2{text-align:left;padding:0.6em 0.8em;max-width:75%}.collapsible-layout-2 .section-1 .sub-2 div{font-size:0.875em}.collapsible-layout-2 .section-1 .sub-3{color:var(--color-0);text-align:center;position:absolute;top:1em;right:1em;max-width:25%;text-overflow:ellipsis;overflow:hidden;max-height:calc(24px + 2.25em);padding:0 1em}.collapsible-layout-2 .section-1 .sub-3 kup-image{margin:auto}.collapsible-layout-2 .section-1 .sub-3 div{font-size:1.25em}.collapsible-card .collapsible-trigger{display:none;position:absolute;bottom:0;left:0;height:50px;width:100%}.collapsible-card .collapsible-trigger kup-button{margin:auto;width:48px}.collapsible-card .collapsible-wrapper{overflow:auto}.collapsible-card.collapsible-active{padding-bottom:50px}.collapsible-card.collapsible-active .collapsible-trigger{display:block}.dialog-layout-1{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);color:var(--kup-text-color);display:flex;flex-direction:column;height:100%;width:100%;overflow:auto}.dialog-layout-1 .section-1{display:grid;grid-gap:0.5em;grid-template-columns:repeat(2, auto);grid-template-rows:repeat(auto-fill, 1.25em);height:100%;padding:0.5em;overflow:auto;touch-action:none}.dialog-layout-1 .section-1 .text{min-width:max-content}.dialog-layout-1 .section-1 .text:not(.label){font-weight:bold}.dialog-layout-2{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;width:100%}.dialog-layout-2 .section-1{text-align:center;touch-action:none;padding-bottom:1em}.dialog-layout-2 .section-1 .text{padding-top:0.75em}.dialog-layout-2 .section-1 .text:not(.label){font-weight:bold}.dialog-layout-2 .section-2{border-top:1px solid var(--kup-border-color);display:grid;grid-gap:0.5em;grid-template-columns:repeat(2, auto);grid-template-rows:repeat(auto-fill, 1.25em);height:100%;padding:0.5em;overflow:auto;touch-action:none}.dialog-layout-2 .section-2 .text{min-width:max-content}.dialog-layout-2 .section-2 .text:not(.label){font-weight:bold}.dialog-layout-3{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;overflow:visible;flex-direction:column;height:100%;position:relative;width:100%}.dialog-layout-3 kup-button{margin-left:0}.dialog-layout-3 .section-1{background-color:var(--kup-background-color);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;box-shadow:0px 1px 3px 0px var(--kup-text-color);height:52px;width:100%;text-align:right;touch-action:none}.dialog-layout-3 .section-1 kup-button{margin-right:0.25em}.dialog-layout-3 .section-2{height:100%;width:100%;overflow:auto;max-height:50vh}.dialog-layout-3 ::slotted(.text){color:var(--kup-text-color);font-family:var(--kup-font-family-monospace);white-space:nowrap;border-bottom:1px solid var(--kup-border-color);line-height:1.75em}.dialog-layout-4{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;width:100%}.dialog-layout-4 .section-1{display:flex;justify-content:space-evenly}.dialog-layout-4 .section-2{height:100%;overflow:auto;padding:0.25em;touch-action:none}.dialog-layout-5{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;width:100%}.dialog-layout-5 .section-1{display:flex;justify-content:space-evenly}.dialog-layout-5 .section-2{height:100%;overflow:auto}.dialog-layout-6{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;max-height:95vh;max-width:95vw;width:100%}.dialog-layout-6 .section-1{display:flex;height:100%;justify-content:space-evenly;overflow:auto}.dialog-layout-6 kup-data-table{width:100%}#drag-handle{-ms-touch-action:none;touch-action:none}#drag-handle:not(.header-bar){display:flex;height:100%}#drag-handle:not(.header-bar) .f-image{margin:auto}#drag-handle.header-bar{background-color:var(--kup-title-background-color);color:var(--kup-title-color);display:flex;flex-direction:row;height:2em;position:relative;width:100%}#drag-handle.header-bar .dialog-title{font-weight:bold;line-height:2em;padding-left:0.5em;padding-right:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#drag-handle.header-bar #dialog-close{cursor:pointer;margin-right:0;transition:opacity 0.25s;position:absolute;right:0;background:var(--kup-title-background-color)}#drag-handle.header-bar #dialog-close:hover{opacity:0.5}.free-layout-1{background:var(--kup-background-color);box-shadow:var(--kup-box-shadow);box-sizing:border-box;overflow:auto;padding:1em}.free-layout-2{background:var(--kup-background-color);box-shadow:var(--kup-box-shadow);box-sizing:border-box;overflow:auto}.scalable-layout-1 .descr{font-size:70%;width:100%}.scalable-layout-1 .value{font-size:220%}.scalable-layout-2 #image1 img{object-fit:contain}.scalable-layout-2 .scalable-element{display:grid;grid-template-columns:0.25fr 1fr 0.5fr 0.5fr}.scalable-layout-2 .icon{margin:auto;font-size:150%;margin-right:5%}.scalable-layout-2 .value-int{font-size:250%}.scalable-layout-2 .value-dec,.scalable-layout-2 .unit{font-size:130%;margin-top:auto;margin-bottom:10%}.scalable-layout-2 .value-dec{margin-left:2%}.scalable-layout-2 .unit{margin-left:4%}.scalable-layout-3 .descr{font-size:70%;width:100%}.scalable-layout-3 .value{font-size:220%}.scalable-layout-4 #image1 img{object-fit:contain}.scalable-layout-4 .scalable-element{display:grid;grid-template-columns:1fr 5fr}.scalable-layout-4 .icon{font-size:150%;margin:auto 5% auto auto}.scalable-layout-4 .value-and-unit{display:flex;color:var(--color-0)}.scalable-layout-4 .value-and-unit .value-int{font-size:250%}.scalable-layout-4 .value-and-unit .value-dec,.scalable-layout-4 .value-and-unit .unit{font-size:130%;margin-top:auto;margin-bottom:10%}.scalable-layout-4 .value-and-unit .value-dec{margin-left:2%}.scalable-layout-4 .value-and-unit .unit{margin-left:4%}.scalable-layout-4 .descr{margin-left:4%;text-align:left;font-size:80%;width:100%;min-width:max-content}.scalable-layout-5 #image1 img{object-fit:contain}.scalable-layout-5 .scalable-element{display:flex}.scalable-layout-5 .text-wrapper{margin-right:10px}.scalable-layout-5 .icon{font-size:150%;margin:auto;margin-bottom:0.35em}.scalable-layout-5 .value{font-size:200%}.scalable-layout-5 .descr{text-align:right;font-size:65%;width:100%;min-width:max-content;position:relative}.scalable-layout-6 #image1 img{object-fit:contain}.scalable-layout-6 .scalable-element{display:flex;justify-content:space-between}.scalable-layout-6 .text-wrapper{margin-left:1em}.scalable-layout-6 .icon{font-size:150%;margin:auto}.scalable-layout-6 .value{font-size:220%;text-align:right}.scalable-layout-6 .descr{font-size:80%;text-align:right;width:100%;min-width:max-content}.scalable-layout-7 #image1 img{object-fit:contain}.scalable-layout-7 .scalable-element{display:flex}.scalable-layout-7 .text-wrapper{margin-right:0.5em}.scalable-layout-7 .icon{font-size:150%;margin:auto;margin-top:0.35em}.scalable-layout-7 .value{font-size:200%;text-align:right}.scalable-layout-7 .descr{text-align:right;font-size:65%;width:100%;min-width:max-content;position:relative}.scalable-layout-8 #image1 img{object-fit:contain}.scalable-layout-8 .scalable-element{align-items:center;display:grid;grid-template-columns:0.25fr 1.25fr 0.25fr}.scalable-layout-8 .icon{margin-right:4%;font-size:75%}.scalable-layout-8 .value{margin:0 8px;font-size:250%}.scalable-layout-8 .descr{font-size:60%;text-align:left}.scalable-layout-9{background-color:var(--color-1);color:var(--color-2);height:100%;display:flex;justify-content:unset;overflow:auto;border-radius:4px}.scalable-layout-9 .section-1{background-color:var(--color-0);width:20%;height:100%}.scalable-layout-9 .section-2{width:100%;height:100%;display:flex;flex-direction:column}.scalable-layout-9 .text{display:flex;justify-content:center;flex-direction:column}.scalable-layout-9 .descr{font-size:80%}.scalable-layout-9 .value{font-size:220%}.scalable-layout-9 .buttons{height:max-content;margin-bottom:2%}.scalable-layout-9 .f-button{float:right}.scalable-card{align-items:center;box-shadow:var(--kup_card_scalable_box_shadow);border-radius:4px;display:flex;font-size:var(--kup_card_scalable_static_font_size, calc(var(--kup_card_scalable_starting_font_size) * var(--kup_card_scalable_multiplier, 1)));height:100%;justify-content:center;position:relative;text-align:center;word-break:normal;width:100%}.standard-layout-1{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-1 kup-button{margin-right:0}.standard-layout-1 #image1 img{object-fit:cover}.standard-layout-1.has-actions{padding-bottom:52px}.standard-layout-1.has-actions .section-2 .sub-2.description{padding-bottom:0}.standard-layout-1 .section-1{height:60%;width:100%}.standard-layout-1 .section-2{height:40%;width:100%;overflow:auto}.standard-layout-1 .section-2 .sub-2.title{color:var(--kup-text-color);padding:0 1em;padding-top:1em;text-align:left}.standard-layout-1 .section-2 .sub-2.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-1 .section-2 .sub-2.subtitle{opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-1 .section-2 .sub-2.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-1 .section-2 .sub-2.description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-1 .section-2 .sub-2.description div{font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em}.standard-layout-1 .section-3{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-1 .section-3 kup-button{margin-left:0.25em}.standard-layout-2{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-2 kup-button{margin-right:0}.standard-layout-2 #image1 img{object-fit:cover}.standard-layout-2.has-actions{padding-bottom:52px}.standard-layout-2.has-actions .section-3 .sub-3.description{padding-bottom:0}.standard-layout-2 .section-1{width:100%}.standard-layout-2 .section-1 .sub-1.title{color:var(--kup-text-color);padding:0 1em;padding-top:1em;text-align:left}.standard-layout-2 .section-1 .sub-1.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-2 .section-1 .sub-1.subtitle{opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-2 .section-1 .sub-1.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-2 .section-2{height:75%;width:100%}.standard-layout-2 .section-3{width:100%;overflow:auto}.standard-layout-2 .section-3 .sub-3.description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;opacity:0.6;padding:0 1em 8px;padding-top:1em;text-align:left}.standard-layout-2 .section-3 .sub-3.description div{font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em}.standard-layout-2 .section-4{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-2 .section-4 kup-button{margin-left:0.25em}.standard-layout-3{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-3 kup-button{margin-right:0}.standard-layout-3 #image1 img{object-fit:cover}.standard-layout-3.has-actions{padding-bottom:52px}.standard-layout-3.has-actions .section-2 .sub-2.description{padding-bottom:0}.standard-layout-3 .section-1{height:75%;width:100%}.standard-layout-3 .section-1 .media{position:relative;height:100%;width:100%}.standard-layout-3 .section-1 .text-on-media{position:absolute;bottom:0;left:0}.standard-layout-3 .section-1 .sub-1.title{color:white;padding:0 1em;padding-top:1em;text-align:left}.standard-layout-3 .section-1 .sub-1.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-3 .section-1 .sub-1.subtitle{color:white;opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-3 .section-1 .sub-1.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-3 .section-2{width:100%;overflow:auto}.standard-layout-3 .section-2 .sub-2.description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;opacity:0.6;padding:0 1em 8px;padding-top:1em;text-align:left}.standard-layout-3 .section-2 .sub-2.description div{font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em}.standard-layout-3 .section-3{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-3 .section-3 kup-button{margin-left:0.25em}.standard-layout-4{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);display:flex;flex-direction:column;height:100%;position:relative;width:100%;overflow:auto}.standard-layout-4 kup-button{margin-right:0}.standard-layout-4 #image1 img{object-fit:cover}.standard-layout-4.has-actions{padding-bottom:52px}.standard-layout-4.has-actions .section-3 .sub-3.description{padding-bottom:0}.standard-layout-4 .section-1{display:flex;height:100%;width:100%}.standard-layout-4 .section-1 .sub-1.image{width:33%}.standard-layout-4 .section-1 .sub-1.text{width:77%}.standard-layout-4 .section-1 .sub-1.title{color:var(--kup-text-color);padding:0 1em;padding-top:1em;text-align:left}.standard-layout-4 .section-1 .sub-1.title div{font-size:1.25em;font-weight:500;letter-spacing:0.0125em}.standard-layout-4 .section-1 .sub-1.subtitle{opacity:0.6;padding:0 1em;padding-bottom:1em;text-align:left}.standard-layout-4 .section-1 .sub-1.subtitle div{font-size:0.875em;font-weight:500;letter-spacing:0.0071428571em;line-height:1.375em}.standard-layout-4 .section-2{display:flex;justify-content:flex-end;align-items:center;box-sizing:border-box;position:absolute;left:0;bottom:0;padding:2px 1em;height:52px;width:100%;text-align:right}.standard-layout-4 .section-2 kup-button{margin-left:0.25em}.standard-layout-5{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);height:100%;overflow:hidden;width:100%}.standard-layout-5 .section-1{background-color:var(--color-0);height:3%}.standard-layout-5 .section-2{display:flex;height:53%}.standard-layout-5 .section-3{display:flex;height:24%}.standard-layout-5 .section-4{display:flex;height:20%;background-color:var(--color-1)}.standard-layout-5 .sub-2{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.standard-layout-5 .sub-2.icon{min-height:20px;flex:0 0 10%;max-width:10%}.standard-layout-5 .sub-2.icon #image1{box-sizing:border-box;margin:auto;padding:0 20%}.standard-layout-5 .sub-2.icon #image1 img{object-fit:contain}.standard-layout-5 .sub-2.text{flex:0 0 70%;max-width:70%;margin:auto;height:100%;flex-wrap:nowrap;padding:1em;text-align:left}.standard-layout-5 .sub-2.image{box-sizing:border-box;flex:0 0 20%;padding:1.5vh 0;max-width:20%}.standard-layout-5 .sub-2.image #image2{box-sizing:border-box;margin:auto;padding:0 10%}.standard-layout-5 .sub-2.image #image2 img{object-fit:contain}.standard-layout-5 .sub-2 .desc-text{overflow:auto}.standard-layout-5 .sub-2 .alt-text{color:var(--kup-primary-color)}.standard-layout-5 .sub-3{box-sizing:border-box}.standard-layout-5 .sub-3.progress-bar{margin:auto;padding:0 5%;vertical-align:2px;width:80%}.standard-layout-5 .sub-3.button{margin:auto;text-align:center;width:20%}.standard-layout-5 .sub-3 kup-button{margin:auto}.standard-layout-5 .sub-4{box-sizing:border-box;margin:auto}.standard-layout-5 .sub-4.text{width:50%;font-size:0.875em}.standard-layout-5 .sub-4 div{padding:0 5%}.standard-layout-5 .sub-4 .alt-text{color:var(--color-0);font-size:1em}.standard-layout-5 .alt-text{font-weight:bold}@media screen and (max-width: 767px){.standard-layout-5 .sub-2.image{display:none}.standard-layout-5 .sub-2.icon{flex-basis:30%;max-width:30%}}.standard-layout-6{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;height:100%;overflow:hidden;width:100%}.standard-layout-6 .section-1{background-color:var(--color-0);display:flex;flex:0 0 10%;max-width:10%}.standard-layout-6 .section-1 .alt-text{color:var(--kup_card_dynamic_color_0);height:100%;text-align:center;writing-mode:vertical-lr;margin:auto;font-size:1.25em}.standard-layout-6 .section-2{box-sizing:border-box;height:100%;display:flex;flex:0 0 90%;flex-direction:column;max-width:90%}.standard-layout-6 .section-2 .sub-2{margin:auto;text-align:center}.standard-layout-6 .section-2 .sub-2 kup-progress-bar{margin-bottom:1em}.standard-layout-6 kup-button{position:absolute;bottom:2%;right:2%}.standard-layout-7{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.standard-layout-7 #image1 img{margin:auto;object-fit:contain}.standard-layout-7 .section-1{background-color:var(--color-0);height:5%;width:100%}.standard-layout-7 .section-2{height:80%;width:100%;text-align:center;padding:25px 25%;box-sizing:border-box}.standard-layout-7 .section-2 .sub-2{margin:auto}.standard-layout-7 .section-2 .sub-2.image{box-sizing:border-box;height:65%}.standard-layout-7 .section-2 .sub-2.text{font-size:1.4em;letter-spacing:1.2px;padding-top:1em;height:35%}.standard-layout-7 .section-3{display:flex;height:15%;width:100%}.standard-layout-7 .section-3 .alt-text{margin:auto;opacity:0.75;width:50%}.standard-layout-7 .section-3 .alt-text:nth-child(1){margin-left:1em;text-align:left}.standard-layout-7 .section-3 .alt-text:nth-child(2){margin-right:1em;text-align:right}.standard-layout-8{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-8 .background{background-color:var(--color-0);content:\"\";height:100%;width:100%;opacity:0.1;pointer-events:none;position:absolute;top:0;left:0;z-index:1}.standard-layout-8 .section-1{box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;overflow:auto;height:auto}.standard-layout-8 .section-1 .sub-1{text-align:left;padding:0.6em 0.8em 0;font-size:1em;font-weight:bold;max-width:75%}.standard-layout-8 .section-1 .sub-2{text-align:left;padding:0.6em 0.8em;font-size:0.875em;max-width:75%}.standard-layout-8 .section-1 .sub-3{color:var(--color-0);font-weight:bold;text-align:center;font-size:1.2em;position:absolute;top:1em;right:1em;max-width:25%;text-overflow:ellipsis;max-height:calc(24px + 2.25em);padding:0 1em;overflow:hidden}.standard-layout-8 .section-1 .sub-3 kup-image{margin:auto}.standard-layout-8 .section-2{display:flex;height:auto;overflow:auto}.standard-layout-9{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-9 #image1 img{object-fit:contain}.standard-layout-9 .section-1{margin-top:auto;margin-right:18px;margin-bottom:auto;white-space:nowrap}.standard-layout-9 .section-2{display:flex;height:100%;margin-top:auto;margin-bottom:auto;width:100%;overflow:hidden}.standard-layout-9 .sub-2{display:flex;flex-direction:row}.standard-layout-9 .text{text-align:left}.standard-layout-9 .text-wrapper{display:flex;flex-direction:column}.standard-layout-9 .icon{margin:auto;padding:0 1.25em}.standard-layout-9 .description{font-size:1.5em;letter-spacing:1px;padding-left:1.25em;padding-top:0.25em}.standard-layout-9 .title{font-size:2.75em;font-weight:bold}.standard-layout-9 .subtitle{font-size:1.5em;opacity:0.75}.standard-layout-10{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-10 #image1 img{object-fit:contain}.standard-layout-10 .section-1{display:flex;height:100%;margin-top:auto;margin-bottom:auto;width:100%;overflow:hidden}.standard-layout-10 .section-2{margin-top:auto;margin-left:18px;margin-bottom:auto;white-space:nowrap}.standard-layout-10 .sub-2{display:flex;flex-direction:row-reverse}.standard-layout-10 .text{text-align:right}.standard-layout-10 .text-wrapper{display:flex;flex-direction:column}.standard-layout-10 .icon{margin:auto;padding:0 1.25em}.standard-layout-10 .description{font-size:1.5em;letter-spacing:1px;padding-right:1.25em;padding-top:0.25em}.standard-layout-10 .title{font-size:2.75em;font-weight:bold}.standard-layout-10 .subtitle{font-size:1.5em;opacity:0.75}.standard-layout-11{background-color:var(--kup-background-color);color:var(--kup-text-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%;box-sizing:border-box;position:relative}.standard-layout-11 #image1 img{object-fit:contain}.standard-layout-11 .section-1{display:flex;height:100%;margin-top:auto;margin-bottom:auto;min-width:6em;max-width:6em;overflow:hidden;transition:0.25s ease-in}.standard-layout-11 .section-2{display:flex;height:100%;margin-top:auto;margin-bottom:auto;width:100%;overflow:hidden}.standard-layout-11 .sub-1{background-color:var(--color-0);height:100%;text-align:center;writing-mode:vertical-lr;min-width:6em;display:flex;transition:width 0.25s ease-in}.standard-layout-11 .sub-1 div{font-size:1.25em}.standard-layout-11 .sub-2{display:flex;flex-direction:row}.standard-layout-11 .text:not(.description){text-align:left}.standard-layout-11 .text-wrapper{display:flex;flex-direction:column}.standard-layout-11 .icon{margin:auto;padding:0 1.25em}.standard-layout-11 .description{font-size:1.5em;letter-spacing:1px;margin:auto;color:var(--kup_card_dynamic_color_0)}.standard-layout-11 .title{font-size:2.75em;font-weight:bold;margin-top:auto}.standard-layout-11 .subtitle{font-size:1.5em;opacity:0.75;margin-bottom:auto}.standard-layout-12{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);color:var(--kup-text-color);min-width:200px;min-width:-moz-max-content;min-width:-webkit-max-content;}.standard-layout-12 .section-1{display:inline-flex;border-bottom:1px solid var(--kup-border-color);width:100%}.standard-layout-12 .section-1 kup-button{margin:0}.standard-layout-12 .section-2{display:flex;flex-direction:column}.standard-layout-12 .section-2.has-content{border-bottom:1px solid var(--kup-border-color);padding:0.5em 0.5em}.standard-layout-12 .section-2 kup-date-picker:first-of-type,.standard-layout-12 .section-2 kup-time-picker:first-of-type{margin-bottom:0.5em}.standard-layout-12 .section-3{backface-visibility:hidden;display:flex;flex-direction:column;max-height:20vh;overflow:auto}.standard-layout-12 .section-3 kup-checkbox{margin-left:0;margin-right:auto}.standard-layout-13{background-color:var(--kup-background-color);border-radius:4px;box-sizing:border-box;box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);display:flex;flex-direction:column;height:100%;position:relative;width:100%}.standard-layout-13 kup-button{margin-left:0}.standard-layout-13 .section-1{background-color:var(--kup-background-color);display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;box-shadow:0px 1px 3px 0px var(--kup-text-color);height:52px;width:100%;text-align:right}.standard-layout-13 .section-1 kup-button{margin-right:0.25em}.standard-layout-13 .section-2{height:100%;width:100%;overflow:auto;max-height:50vh}.standard-layout-13 .text{color:var(--kup-text-color);font-family:var(--kup-font-family-monospace);white-space:nowrap;border-bottom:1px solid var(--kup-border-color);line-height:1.75em}.standard-layout-14{background-color:var(--kup-background-color);box-shadow:0 2px 1px -1px rgba(128, 128, 128, 0.1), 0 1px 1px 0 rgba(128, 128, 128, 0.1), 0 1px 3px 0 rgba(128, 128, 128, 0.6);color:var(--kup-text-color);min-width:200px;min-width:-moz-max-content;min-width:-webkit-max-content;}.standard-layout-14 .section-1{--kup-button-font-size:0.75em;box-sizing:border-box;display:flex;padding:1em}.standard-layout-14 .section-1 .sub-1{width:100%}.standard-layout-14 .section-1 .sub-spinner{height:88px;width:88px;margin:0 10px}.standard-layout-14 .section-1 .f-image{margin:0 0.5em 0 0}.standard-layout-14 .section-1 .title{align-items:flex-end;display:flex;font-size:1.25em;font-weight:600;margin-bottom:0.5em;padding:0 0.25em 0.25em;text-align:left}.standard-layout-14 .section-1 .title .label{cursor:pointer;padding-right:0.25em;padding-top:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standard-layout-14 .section-1 .title .label:hover{text-decoration:underline}.standard-layout-14 .section-1 .info{display:flex;padding:0 0.25em 0.25em;width:100%}.standard-layout-14 .section-1 .info .label{color:rgba(var(--kup-text-color-rgb), 0.75);margin-right:0.75em;min-width:max-content;width:auto}.standard-layout-14 .section-1 .info .value{font-weight:600;width:100%}.standard-layout-14 .sub-button{display:inline-flex;width:100%}.standard-layout-14 .sub-button kup-button{margin:0}.standard-layout-14 .sub-checkbox{backface-visibility:hidden;display:flex;flex-direction:column;max-height:20vh;overflow:auto}.standard-layout-14 .sub-checkbox kup-checkbox{margin-left:0;margin-right:auto}.standard-layout-14 .sub-formula{padding:0.5em}.standard-layout-14 .sub-chip{max-width:25vw;overflow:auto;box-shadow:0 3px 2px -2px var(--kup-border-color)}.standard-layout-14 .sub-field{display:flex;flex-direction:column}.standard-layout-14 .sub-field.has-content{border-bottom:1px solid var(--kup-border-color);padding:0.5em 0.5em}.standard-layout-14 .sub-field kup-date-picker:first-of-type,.standard-layout-14 .sub-field kup-time-picker:first-of-type{margin-bottom:0.5em}.standard-layout-14 .sub-spinner{height:100px}.standard-layout-14 .sub-autocomplete{padding-top:1em}.standard-layout-14 .sub-autocomplete kup-autocomplete{margin:auto;padding:0.5em 0;width:max-content}.standard-layout-14 .sub-switch{display:flex;justify-content:space-evenly;padding:2em}.standard-layout-14 .sub-tree{max-height:25vh;overflow:auto}.standard-layout-14 #apply{display:none;margin:auto}.standard-layout-14 #apply.visible{display:block}.standard-layout-14 #open-in-new,.standard-layout-14 #search,.standard-layout-14 #new{margin:0 0 0.5em 0}.standard-layout-15{background:var(--kup-background-color);border-radius:3px;box-shadow:0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);color:var(--kup-text-color);display:block;font-size:var(--kup-font-size);outline:none}.standard-layout-15 .section-1{--kup-button-font-size:0.75em;box-sizing:border-box;display:flex;padding:1em}.standard-layout-15 .section-1 .sub-1{width:100%}.standard-layout-15 .section-1 .sub-spinner{height:88px;width:88px;margin:0 10px}.standard-layout-15 .section-1 .f-image{margin:0 0.5em 0 0}.standard-layout-15 .section-1 .title{align-items:flex-end;display:flex;font-size:1.25em;font-weight:600;margin-bottom:0.5em;padding:0 0.25em 0.25em;text-align:left}.standard-layout-15 .section-1 .title .label{cursor:pointer;padding-right:0.25em;padding-top:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standard-layout-15 .section-1 .title .label:hover{text-decoration:underline}.standard-layout-15 .section-1 .info{display:flex;padding:0 0.25em 0.25em;width:100%}.standard-layout-15 .section-1 .info .label{color:rgba(var(--kup-text-color-rgb), 0.75);margin-right:0.75em;min-width:max-content;width:auto}.standard-layout-15 .section-1 .info .value{font-weight:600;width:100%}.standard-layout-15 .section-2{border-top:1px solid var(--kup-border-color);box-sizing:border-box;height:180px;opacity:1;overflow:auto;transition:height 250ms ease-out, opacity 250ms ease-out}.standard-layout-15 .section-2 .info{box-sizing:border-box;height:100%;overflow:auto;padding:1.25em}.standard-layout-15 .section-2 .detail-row{align-items:center;display:flex;justify-content:space-between}.standard-layout-15 .section-2 .detail-row:not(:last-child){margin-bottom:6px}.standard-layout-15 .section-2 .detail-row__label{color:rgba(var(--kup-text-color-rgb), 0.5);margin-top:0.175em;max-width:320px;padding-right:1.25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standard-layout-15 .section-2 .detail-row__value{color:var(--kup-text-color);font-size:105%;font-weight:600;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standard-layout-15 .section-2 kup-tree{text-align:left}.standard-layout-15 .section-3{border-top:1px solid var(--kup-border-color);display:flex;justify-content:flex-end;padding:6px;padding-top:2px;padding-bottom:2px}.standard-layout-15 .section-3 kup-button{margin:auto 0}.standard-layout-15 #open-in-new,.standard-layout-15 #search,.standard-layout-15 #new{margin:0 0 0.5em 0}:host{--kup_card_backdrop:var(--kup-card-backdrop, rgba(0, 0, 0, 0.32));--kup_card_ripple_color:var(\n    --kup-card-ripple-color,\n    var(--kup-primary-color)\n  );--kup_card_scalable_box_shadow:var(\n    --kup-card-scalable-box-shadow,\n    0 2px 1px -1px rgba(0, 0, 0, 0.2),\n    0 1px 1px 0 rgba(0, 0, 0, 0.14),\n    0 1px 3px 0 rgba(0, 0, 0, 0.12)\n  );--kup_card_scalable_starting_font_size:var(\n    --kup-card-scalable-starting-font-size,\n    3em\n  );--kup_card_scalable_static_font_size:var(\n    --kup-card-scalable-static-font-size\n  );display:block;font-size:var(--kup-font-size);height:var(--kup_card_height);min-height:var(--kup_card_height);min-width:var(--kup_card_width);outline:none;position:relative;width:var(--kup_card_width)}:host([is-menu]){display:none;animation:fade-in 0.25s ease-out}:host([menu-visible]){box-shadow:var(--kup-box-shadow);display:block}#kup-component{height:100%;width:100%}.mdc-ripple-surface{cursor:pointer;flex-direction:column;display:flex;height:100%;position:relative}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_card_ripple_color)}.card-view{animation:fade-in 0.25s ease-out;display:none;height:100%;width:100%}.card-view.visible{display:block}";
 const KupCard = /*@__PURE__*/ proxyCustomElement(class KupCard extends HTMLElement$1 {
   constructor() {
@@ -45217,17 +45221,16 @@ const KupCard = /*@__PURE__*/ proxyCustomElement(class KupCard extends HTMLEleme
   }
   /**
    * This method is invoked by the layout manager when the layout family is scalable.
-   * The content of the card (.scalable-element) will be resized to fit the wrapper (.scalable-card).
-   * The scaling is performed by using a CSS variable (--kup_card_multiplier) which will impact the card's font-size.
+   * The content of the card (.scalable-element) will be resized to fit the wrapper (kup-card).
+   * The scaling is performed by using a CSS variable (--kup_card_scalable_multiplier) which will impact the card's font-size.
    * When there is empty space, the multiplier will be increased, as will the content.
    * Viceversa, when the content exceeds the boundaries, the multiplier will be decreased.
    */
-  scalable() {
+  async scalable() {
     this.scalingActive = true;
     const root = this.rootElement.shadowRoot;
     const el = root.querySelector('.scalable-element');
-    const card = root.querySelector('.scalable-card');
-    const multiplierStep = 0.1;
+    const card = this.rootElement;
     /**
      * cardHeight sets the maximum height of the content, when exceeded the multiplier will be reduced (90%).
      */
@@ -45237,37 +45240,41 @@ const KupCard = /*@__PURE__*/ proxyCustomElement(class KupCard extends HTMLEleme
      */
     const cardWidthLow = (85 / 100) * card.clientWidth;
     const cardWidthHigh = (95 / 100) * card.clientWidth;
-    let tooManyAttempts = 2000;
-    let multiplier = parseFloat(card.style.getPropertyValue('--kup_card_multiplier'));
-    if (multiplier < 0.1) {
-      multiplier = 1;
-    }
+    const multiplierStep = 0.1;
+    let tooManyAttempts = 75;
+    let multiplier = 1;
+    let redrawCount = 0;
+    const redraw = async () => {
+      card.style.setProperty('--kup_card_scalable_multiplier', multiplier.toFixed(1) + '');
+      this.kupManager.debug.logMessage(this, 'Redrawing scalable card (' + ++redrawCount + ').', KupDebugCategory.INFO);
+    };
+    const roundMultiplier = (m) => {
+      return parseFloat(m.toFixed(1));
+    };
+    card.style.opacity = '0';
+    card.style.transition = 'opacity 125ms ease-in';
     /**
      * Cycle to adjust the width.
      */
+    await redraw();
     while ((el.clientWidth < cardWidthLow || el.clientWidth > cardWidthHigh) &&
       tooManyAttempts > 0 &&
       multiplier > multiplierStep) {
       tooManyAttempts--;
-      if (el.clientWidth < cardWidthLow) {
-        multiplier = multiplier + multiplierStep;
-        card.style.setProperty('--kup_card_multiplier', multiplier + '');
+      if (el.clientWidth < cardWidthLow &&
+        el.clientHeight <= cardHeight) {
+        multiplier = roundMultiplier(multiplier + multiplierStep);
+        await redraw();
       }
       else if (el.clientWidth > cardWidthHigh) {
-        multiplier = multiplier - multiplierStep;
-        card.style.setProperty('--kup_card_multiplier', multiplier + '');
+        multiplier = roundMultiplier(multiplier - multiplierStep);
+        await redraw();
       }
       else {
         tooManyAttempts = 0;
       }
     }
-    /**
-     * Cycle to adjust the height, in case it exceeds its boundaries after having adjusted width.
-     */
-    while (el.clientHeight > cardHeight && multiplier > multiplierStep) {
-      multiplier = multiplier - multiplierStep;
-      card.style.setProperty('--kup_card_multiplier', multiplier + '');
-    }
+    card.style.opacity = '1';
     this.scalingActive = false;
   }
   /*-------------------------------------------------*/
@@ -46972,4 +46979,4 @@ function defineCustomElement() {
   } });
 }
-export { KupLanguageSearch 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, pageChange as Q, rowsPerPageChange as R, KupLanguageGeneric as S, FCell as T, KupDebugCategory as U, FChip as V, KupPointerEventTypes as W, KupDragEffect as X, kupDraggableCellAttr as Y, KupDropEventTypes as Z, FTextFieldMDC as _, KupThemeIconValues as a, FPaginator as a0, FPaginatorMode as a1, SortMode as a2, KupButton as a3, KupButtonList as a4, KupDatesLocales as a5, FButton as a6, FChipType as a7, KupCard as a8, FCellPadding as a9, KupDatesFormats as aA, KupProgressBar as aB, KupRadio as aC, KupRating as aD, KupSpinner as aE, KupSwitch as aF, KupTabBar as aG, KupTextField as aH, KupTimePicker as aI, KupTree as aJ, KupChart as aa, KupCheckbox as ab, KupChip as ac, KupColorPicker as ad, KupCombobox as ae, getCellValueForDisplay as af, KupLanguageDashboard as ag, FTextField as ah, FCheckbox as ai, KupDataTable as aj, KupDatePicker as ak, KupDialog as al, KupDropdownButton as am, KupDataNewColumnTypes as an, FButtonStyling as ao, KupForm as ap, KupGauge as aq, KupImage as ar, KupList as as, kupDropEvent as at, kupDraggableColumnAttr as au, kupDraggableRowAttr as av, KupDynamicPositionPlacement as aw, KupCardFamily as ax, createCommonjsModule as ay, commonjsGlobal 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 { KupLanguageSearch 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, pageChange as Q, rowsPerPageChange as R, KupLanguageGeneric as S, FCell as T, KupDebugCategory as U, FChip as V, KupPointerEventTypes as W, KupDragEffect as X, kupDraggableCellAttr as Y, KupDropEventTypes as Z, FTextFieldMDC as _, KupThemeIconValues as a, FPaginator as a0, FPaginatorMode as a1, SortMode as a2, KupButton as a3, KupButtonList as a4, KupDatesLocales as a5, FButton as a6, FChipType as a7, KupCard as a8, KupCardFamily as a9, KupDatesFormats as aA, KupProgressBar as aB, KupRadio as aC, KupRating as aD, KupSpinner as aE, KupSwitch as aF, KupTabBar as aG, KupTextField as aH, KupTimePicker as aI, KupTree as aJ, getCellValueForDisplay as aa, FCellPadding as ab, KupChart as ac, KupCheckbox as ad, KupChip as ae, KupColorPicker as af, KupCombobox as ag, KupLanguageDashboard as ah, FTextField as ai, FCheckbox as aj, KupDataTable as ak, KupDatePicker as al, KupDialog as am, KupDropdownButton as an, KupDataNewColumnTypes as ao, FButtonStyling as ap, KupForm as aq, KupGauge as ar, KupImage as as, KupList as at, kupDropEvent as au, kupDraggableColumnAttr as av, kupDraggableRowAttr as aw, KupDynamicPositionPlacement as ax, createCommonjsModule as ay, commonjsGlobal 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 };