@sme.up/ketchup 5.0.0 → 5.1.1

package/dist/cjs/kup-autocomplete_27.cjs.entry.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ab119fad.js');
-const kupManager = require('./kup-manager-09c0c1fc.js');
-const fCell = require('./f-cell-93d984ad.js');
+const index = require('./index-8d7bb3be.js');
+const kupManager = require('./kup-manager-4227f0a2.js');
+const fCell = require('./f-cell-c6ad973a.js');
 const tslib_es6 = require('./tslib.es6-0ee02c67.js');
 const component = require('./component-d1496215.js');
-const utils = require('./utils-a60ab5fa.js');
+const utils = require('./utils-b9df398c.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
-const fImage = require('./f-image-21865ab7.js');
-const cellUtils = require('./cell-utils-720be0c8.js');
-const fChip = require('./f-chip-438213eb.js');
-const fButton = require('./f-button-dbf3cd3a.js');
+const fImage = require('./f-image-08a3d340.js');
+const cellUtils = require('./cell-utils-5b16c180.js');
+const fChip = require('./f-chip-bed86c4a.js');
+const fButton = require('./f-button-3b9f32af.js');
 const fButtonDeclarations = require('./f-button-declarations-b611587f.js');
 
 /**
@@ -2924,47 +2924,47 @@ var ItemsDisplayMode;
   ItemsDisplayMode["DESCRIPTION_AND_CODE"] = "both";
 })(ItemsDisplayMode || (ItemsDisplayMode = {}));
 
-function getValueOfItemByDisplayMode(item, mode, separator) {
+function getIdOfItemByDisplayMode(item, mode, separator) {
   if (mode == ItemsDisplayMode.CODE) {
-    return item.value;
+    return item.id;
   }
   if (mode == ItemsDisplayMode.DESCRIPTION) {
-    return item.text;
+    return item.value;
   }
   if (mode == ItemsDisplayMode.DESCRIPTION_AND_CODE) {
-    return item.value + separator + item.text;
+    return item.id + separator + item.value;
   }
-  return item.value;
+  return item.id;
 }
-function consistencyCheck(valueIn, listData, listEl, selectMode, displayMode, e) {
+function consistencyCheck(idIn, listData, listEl, selectMode, displayMode, e) {
   const validList = !!(listEl && listData && listData['data']);
-  let value = '';
+  let id = '';
   let displayedValue = '';
   let selected = null;
   if (e != null) {
     selected = e.detail.selected;
   }
-  if (selected == null && valueIn != null && validList) {
-    selected = getItemByDisplayMode(listData, valueIn, displayMode, true);
+  if (selected == null && idIn != null && validList) {
+    selected = getItemByDisplayMode(listData, idIn, displayMode, true);
     listEl.data = [...listData['data']];
   }
-  if (selected == null && valueIn == null && listData) {
+  if (selected == null && idIn == null && listData) {
     selected = getFirstItemSelected(listData);
   }
   if (selected == null) {
     selected = {
-      text: valueIn == null ? '' : valueIn,
-      value: valueIn == null ? '' : valueIn,
+      id: idIn == null ? '' : idIn,
+      value: idIn == null ? '' : idIn,
     };
   }
-  value = getValueOfItemByDisplayMode(selected, selectMode, ' - ');
-  displayedValue = getValueOfItemByDisplayMode(selected, displayMode, ' - ');
-  const trueValue = getValueOfItemByDisplayMode(selected, ItemsDisplayMode.CODE, ' - ');
+  id = getIdOfItemByDisplayMode(selected, selectMode, ' - ');
+  displayedValue = getIdOfItemByDisplayMode(selected, displayMode, ' - ');
+  const trueValue = getIdOfItemByDisplayMode(selected, ItemsDisplayMode.CODE, ' - ');
   return {
-    value: value,
+    value: id,
     displayedValue: displayedValue,
     exists: validList &&
-      listData['data'].find((x) => x.value === trueValue)
+      listData['data'].find((x) => x.id === trueValue)
       ? true
       : false,
   };
@@ -2979,7 +2979,7 @@ function getFirstItemSelected(listData) {
   }
   return null;
 }
-function getItemByValue(listData, value, setSelected) {
+function getItemById(listData, id, setSelected) {
   if (listData && listData['data']) {
     let found = false;
     let item = null;
@@ -2988,8 +2988,8 @@ function getItemByValue(listData, value, setSelected) {
         listData['data'][i].selected = false;
       }
       if (!found &&
-        listData['data'][i].value.toString().toLowerCase() ==
-          value.toString().toLowerCase()) {
+        listData['data'][i].id.toString().toLowerCase() ==
+          id.toString().toLowerCase()) {
         item = listData['data'][i];
         item.selected = true;
         found = true;
@@ -2999,8 +2999,8 @@ function getItemByValue(listData, value, setSelected) {
       return item;
     }
     for (let i = 0; i < listData['data'].length; i++) {
-      if (listData['data'][i].text.toString().toLowerCase() ==
-        value.toString().toLowerCase()) {
+      if (listData['data'][i].value.toString().toLowerCase() ==
+        id.toString().toLowerCase()) {
         item = listData['data'][i];
         item.selected = true;
         found = true;
@@ -3013,18 +3013,18 @@ function getItemByValue(listData, value, setSelected) {
   }
   return null;
 }
-function getItemByDisplayMode(listData, value, displayMode, setSelected) {
+function getItemByDisplayMode(listData, id, displayMode, setSelected) {
   if (listData && listData['data']) {
     let found = false;
     let item = null;
     for (let i = 0; i < listData['data'].length; i++) {
-      let displayedValue = getValueOfItemByDisplayMode(listData['data'][i], displayMode, ' - ');
+      let displayedValue = getIdOfItemByDisplayMode(listData['data'][i], displayMode, ' - ');
       if (setSelected == true) {
         listData['data'][i].selected = false;
       }
       if (!found &&
         displayedValue.toString().toLowerCase() ==
-          value.toString().toLowerCase()) {
+          id.toString().toLowerCase()) {
         item = listData['data'][i];
         item.selected = true;
         found = true;
@@ -3034,12 +3034,12 @@ function getItemByDisplayMode(listData, value, displayMode, setSelected) {
       return item;
     }
   }
-  return getItemByValue(listData, value, setSelected);
+  return getItemById(listData, id, setSelected);
 }
 
 const kupAutocompleteCss = ":host{display:block;width:max-content}.kup-icon{transition:transform 0.15s}.toggled .kup-icon.kup-dropdown-icon{transform:rotate(-180deg)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component,:host(.kup-full-height) .f-text-field,:host(.kup-full-height) .mdc-text-field{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";
 
-let KupAutocomplete = class {
+const KupAutocomplete = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupBlur = index.createEvent(this, "kup-autocomplete-blur", 6);
@@ -3196,7 +3196,7 @@ let KupAutocomplete = class {
     });
   }
   onKupItemClick(e) {
-    this.onKupChange(e.detail.selected.value);
+    this.onKupChange(e.detail.selected.id);
     this.closeList();
     if (this.textfieldEl) {
       this.textfieldEl.focus();
@@ -3342,12 +3342,12 @@ let KupAutocomplete = class {
   isListOpened() {
     return this.listEl.menuVisible == true;
   }
-  consistencyCheck(e, valueIn) {
+  consistencyCheck(e, idIn) {
     if (!this.doConsistencyCheck) {
       return;
     }
     this.doConsistencyCheck = false;
-    const ret = consistencyCheck(valueIn, this.data['kup-list'], this.listEl, this.selectMode, this.displayMode, e);
+    const ret = consistencyCheck(idIn, this.data['kup-list'], this.listEl, this.selectMode, this.displayMode, e);
     if (ret.exists || this.allowInconsistentValues) {
       this.value = ret.value;
       this.displayedValue = ret.displayedValue;
@@ -3356,9 +3356,9 @@ let KupAutocomplete = class {
       }
     }
     else {
-      this.displayedValue = valueIn;
+      this.displayedValue = idIn;
       if (this.listEl != null && !this.serverHandledFilter) {
-        this.listEl.filter = valueIn;
+        this.listEl.filter = idIn;
       }
     }
     return ret;
@@ -3434,7 +3434,7 @@ var KupBadgeProps;
 
 const kupBadgeCss = ":host{--kup_badge_border_radius:var(--kup-badge-border-radius, 30px);--kup_badge_font_family:var(--kup-badge-font-family, var(--kup-font-family));--kup_badge_font_size:var(--kup-badge-font-size, var(--kup-font-size));--kup_badge_min_size:var(--kup-badge-min-size, 1.5em);--kup_badge_padding:var(--kup-badge-padding, 0.25em);--kup_badge_primary_color:var(\n    --kup-badge-primary-color,\n    var(--kup-primary-color)\n  );--kup_badge_text_on_primary_color:var(\n    --kup-badge-text-on-primary-color,\n    var(--kup-text-on-primary-color)\n  );display:block;font-family:var(--kup_badge_font_family);font-size:var(--kup_badge_font_size);position:absolute;top:0;left:0;transform:translate(-50%, -50%)}#kup-component{background-color:var(--kup_badge_primary_color);border-radius:var(--kup_badge_border_radius);color:var(--kup_badge_text_on_primary_color);font-size:0.875em;min-height:var(--kup_badge_min_size);min-width:var(--kup_badge_min_size);padding:var(--kup_badge_padding);text-align:center}#kup-component .f-image{display:block;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);height:inherit;width:inherit}:host(.kup-top-right){top:0;right:0;bottom:unset;left:unset;transform:translate(50%, -50%)}:host(.kup-bottom-right){top:unset;right:0;bottom:0;left:unset;transform:translate(50%, 50%)}:host(.kup-bottom-left){top:unset;right:unset;bottom:0;left:0;transform:translate(-50%, 50%)}:host(.kup-danger){--kup-badge-primary-color:var(--kup-danger-color);--kup-badge-text-on-primary-color:white}:host(.kup-info){--kup-badge-primary-color:var(--kup-info-color);--kup-badge-text-on-primary-color:white}:host(.kup-secondary){--kup-badge-primary-color:var(--kup-secondary-color);--kup-badge-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-badge-primary-color:var(--kup-success-color);--kup-badge-text-on-primary-color:white}:host(.kup-warning){--kup-badge-primary-color:var(--kup-warning-color);--kup-badge-text-on-primary-color:white}";
 
-let KupBadge = class {
+const KupBadge = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupClick = index.createEvent(this, "kup-badge-click", 6);
@@ -4774,7 +4774,7 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
     return;
   }
   keys.forEach((key) => {
-    const currentTotalValue = groupRow.group.totals[key] || 0;
+    const currentTotalValue = dom$6.ketchup.math.numberify(groupRow.group.totals[key] || 0);
     const cell = addedRow.cells[key];
     if (cell) {
       let _isNumber = dom$6.ketchup.objects.isNumber(cell.obj);
@@ -4793,7 +4793,7 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
         case kupManager.TotalMode.DISTINCT:
           let cellValue;
           if (_isNumber) {
-            cellValue = kupManager.numeral(utils.stringToNumber(cell.value)).value();
+            cellValue = dom$6.ketchup.math.numberify(utils.stringToNumber(cell.value));
           }
           else {
             cellValue = cell.value;
@@ -4845,17 +4845,15 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
         case kupManager.TotalMode.SUM:
         case kupManager.TotalMode.AVERAGE:
           if (_isNumber) {
-            const cellValue = kupManager.numeral(utils.stringToNumber(cell.value));
-            groupRow.group.totals[key] = kupManager.numeral(cellValue)
-              .add(currentTotalValue)
-              .value();
+            const cellValue = dom$6.ketchup.math.numberify(utils.stringToNumber(cell.value));
+            groupRow.group.totals[key] =
+              cellValue + currentTotalValue;
             // updating parents
             let parent = groupRow.group.parent;
             while (parent != null) {
-              const currentParentSum = parent.group.totals[key] || 0;
-              parent.group.totals[key] = kupManager.numeral(cellValue)
-                .add(currentParentSum)
-                .value();
+              const currentParentSum = dom$6.ketchup.math.numberify(parent.group.totals[key] || 0);
+              parent.group.totals[key] =
+                cellValue + currentParentSum;
               parent = parent.group.parent;
             }
           }
@@ -4864,7 +4862,7 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
         case kupManager.TotalMode.MIN:
           if (_isNumber) {
             const currentTotalValue = groupRow.group.totals[key];
-            const cellValue = kupManager.numeral(utils.stringToNumber(cell.value)).value();
+            const cellValue = dom$6.ketchup.math.numberify(utils.stringToNumber(cell.value));
             if (currentTotalValue) {
               groupRow.group.totals[key] = Math.min(currentTotalValue, cellValue);
             }
@@ -4927,7 +4925,7 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
         case kupManager.TotalMode.MAX:
           if (_isNumber) {
             const currentTotalValue = groupRow.group.totals[key];
-            const cellValue = kupManager.numeral(utils.stringToNumber(cell.value)).value();
+            const cellValue = dom$6.ketchup.math.numberify(utils.stringToNumber(cell.value));
             if (currentTotalValue) {
               groupRow.group.totals[key] = Math.max(currentTotalValue, cellValue);
             }
@@ -5068,13 +5066,13 @@ function adjustGroupAverageOrFormula(row, type, toAdjustKeys, totals) {
   // adjust average/formulas
   toAdjustKeys.forEach((key) => {
     if (type == kupManager.TotalMode.AVERAGE) {
-      row.group.totals[key] = kupManager.numeral(row.group.totals[key])
-        .divide(numberOfLeaf)
-        .value();
+      row.group.totals[key] =
+        dom$6.ketchup.math.numberify(row.group.totals[key]) /
+          numberOfLeaf;
     }
     if (type == kupManager.TotalMode.MATH) {
       let formula = totals[key].substring(kupManager.TotalMode.MATH.length);
-      row.group.totals[key] = dom$6.ketchup.data.formulas.custom(formula, row.group.totals);
+      row.group.totals[key] = dom$6.ketchup.math.formulas.custom(formula, row.group.totals);
     }
   });
   return numberOfLeaf;
@@ -5104,7 +5102,8 @@ function normalizeRows(columns, rows) {
   }
 }
 function calcTotals(rows = [], totals = {}) {
-  if (utils.isEmpty(rows) || utils.isEmpty(totals)) {
+  if (dom$6.ketchup.objects.isEmptyJsObject(rows) ||
+    dom$6.ketchup.objects.isEmptyJsObject(totals)) {
     return {};
   }
   const keys = Object.keys(totals);
@@ -5126,7 +5125,7 @@ function calcTotals(rows = [], totals = {}) {
           if (totals[key] === kupManager.TotalMode.DISTINCT) {
             let cellValue;
             if (dom$6.ketchup.objects.isNumber(cell.obj)) {
-              cellValue = kupManager.numeral(utils.stringToNumber(cell.value)).value();
+              cellValue = dom$6.ketchup.math.numberify(utils.stringToNumber(cell.value));
             }
             else {
               cellValue = cell.value;
@@ -5143,32 +5142,32 @@ function calcTotals(rows = [], totals = {}) {
             }
           }
           else if (dom$6.ketchup.objects.isNumber(cell.obj)) {
-            const cellValue = kupManager.numeral(utils.stringToNumber(cell.value));
+            const cellValue = dom$6.ketchup.math.numberify(utils.stringToNumber(cell.value));
             let currentFooterValue = footerRow[key];
             switch (true) {
               // TODO DRY the MIN and MAX functions
               case totals[key] === kupManager.TotalMode.MIN:
                 if (currentFooterValue) {
-                  footerRow[key] = Math.min(currentFooterValue, cellValue.value());
+                  footerRow[key] = Math.min(currentFooterValue, cellValue);
                 }
                 else {
-                  footerRow[key] = cellValue.value();
+                  footerRow[key] = cellValue;
                 }
                 break;
               case totals[key] === kupManager.TotalMode.MAX:
                 if (currentFooterValue) {
-                  footerRow[key] = Math.max(currentFooterValue, cellValue.value());
+                  footerRow[key] = Math.max(currentFooterValue, cellValue);
                 }
                 else {
-                  footerRow[key] = cellValue.value();
+                  footerRow[key] = cellValue;
                 }
                 break;
               default:
                 // SUM
                 currentFooterValue = footerRow[key] || 0;
-                footerRow[key] = cellValue
-                  .add(currentFooterValue)
-                  .value();
+                footerRow[key] =
+                  cellValue +
+                    dom$6.ketchup.math.numberify(currentFooterValue);
             }
             // TODO DRY the MIN and MAX functions
           }
@@ -5222,18 +5221,19 @@ function calcTotals(rows = [], totals = {}) {
         case totals[key] === kupManager.TotalMode.AVERAGE:
           const sum = footerRow[key];
           if (sum && rows.length > 0) {
-            footerRow[key] = kupManager.numeral(sum)
-              .divide(rows.length)
-              .value();
+            footerRow[key] = sum / rows.length;
           }
           break;
         case totals[key] === kupManager.TotalMode.COUNT:
           footerRow[key] = rows.length;
           break;
         case totals[key].indexOf(kupManager.TotalMode.MATH) == 0:
-          footerRow[key] = dom$6.ketchup.data.formulas.custom(totals[key].substring(kupManager.TotalMode.MATH.length), footerRow);
+          footerRow[key] = dom$6.ketchup.math.formulas.custom(totals[key].substring(kupManager.TotalMode.MATH.length), footerRow);
           break;
       }
+      if (footerRow[key]) {
+        footerRow[key] = +footerRow[key].toFixed(2);
+      }
     }
   }
   return footerRow;
@@ -5442,9 +5442,9 @@ function getPageItems(props, maxNumberOfPage) {
   for (let i = 1; i <= maxNumberOfPage; i++) {
     const selected = i == props.currentPage;
     pageItems.push({
-      text: i.toString(),
-      value: i.toString(),
+      id: i.toString(),
       selected: selected,
+      value: i.toString(),
     });
   }
   return pageItems;
@@ -5458,17 +5458,17 @@ function getRowsItems(props) {
   while (i < props.max) {
     const selected = i == props.perPage;
     rowsPerPageItems.push({
-      text: i.toString(),
-      value: i.toString(),
+      id: i.toString(),
       selected: selected,
+      value: i.toString(),
     });
     i = i * 2;
   }
   const selected = props.max == props.perPage;
   rowsPerPageItems.push({
-    text: props.max.toString(),
-    value: props.max.toString(),
+    id: props.max.toString(),
     selected: selected,
+    value: props.max.toString(),
   });
   return rowsPerPageItems;
 }
@@ -5509,7 +5509,7 @@ function rowsPerPageChange(rowsNumber, max) {
 
 const kupBoxCss = ":host{--kup_box_background_color:var(\n    --kup-box-background-color,\n    var(--kup-background-color)\n  );--kup_box_color:var(--kup-box-color, var(--kup-text-color));--kup_box_font_family:var(--kup-box-font-family, var(--kup-font-family));--kup_box_font_size:var(--kup-box-font-size, var(--kup-font-size));--kup_box_grid_gap:var(--kup-box-grid-gap, 1em);--kup_box_hover_box_shadow:var(\n    --kup-box-hover-box-shadow,\n    0px 0px 7.5px 0px rgba(128, 128, 128, 0.5)\n  );--kup_box_primary_color_rgb:var(\n    --kup-box-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_box_transition:var(--kup-box-transition, 0.25s);display:block;font-family:var(--kup_box_font_family);font-size:var(--kup_box_font_size)}.box-component{background:var(--kup_box_background_color);transition:border var(--kup_box_transition) ease}.box-component[kup-drag-over]{position:relative;border:3px dashed var(--kup-border-color)}#box-container{display:grid;grid-gap:var(--kup_box_grid_gap);color:var(--kup_box_color);overflow:auto}#box-container.is-kanban .kanban-section{overflow:auto}#box-container.is-kanban .box-wrapper{padding-top:1em}#box-container.is-kanban .box-wrapper .box{overflow:auto}#box-container *{box-sizing:border-box}#box-container .box-wrapper{display:flex;align-items:center}#box-container .box-wrapper .box{flex-grow:1;cursor:pointer;position:relative;display:flex;transition:background-color var(--kup_box_transition) ease, box-shadow var(--kup_box_transition) ease, border var(--kup_box_transition) ease}#box-container .box-wrapper .box.draggable{touch-action:none;user-select:none}#box-container .box-wrapper .box.column{flex-direction:column}#box-container .box-wrapper .box:hover{box-shadow:var(--kup_box_hover_box_shadow)}#box-container .box-wrapper .box.selected{background-color:rgba(var(--kup_box_primary_color_rgb), 0.175)}#box-container .box-wrapper .box.selected .box-section.titled>h3{background-color:transparent}#box-container .box-wrapper .box[kup-draggable]{opacity:0.5}#box-container .box-wrapper .box[kup-drag-over]{border:3px dashed var(--kup-border-color);position:relative;z-index:2}#box-container .box-wrapper .box .box-section{display:flex;flex-direction:row;flex:1 1 1%;flex-wrap:wrap}#box-container .box-wrapper .box .box-section.column{flex-direction:column;justify-content:center;flex-wrap:unset}#box-container .box-wrapper .box .box-section.column>.box-section{flex:0 0 auto}#box-container .box-wrapper .box .box-section.grid{display:grid}#box-container .box-wrapper .box .box-section .box-object{min-height:16px}#box-container .box-wrapper .box .box-section .box-object img{height:auto}#box-container .box-wrapper .box .box-section.collapse-section .header{border-top:1px solid var(--kup-border-color);color:rgba(var(--kup-text-color-rgb), 0.75);display:flex;justify-content:space-around;width:100%}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content{margin:0.5em;display:flex;align-items:center}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image{transition:transform 0.15s}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image.toggled{transform:rotate(-180deg)}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .kup-icon.kup-dropdown-icon{margin:0;-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}#box-container .box-wrapper .box .box-section.collapse-section .content{display:none;width:100%}#box-container .box-wrapper .box .box-section.collapse-section.open .content{display:block}#box-container .box-wrapper .box .box-section.titled{border:1px solid var(--kup-border-color);padding-top:5px;position:relative;margin:10px}#box-container .box-wrapper .box .box-section.titled>h3{background:var(--kup-background-color);font-size:calc(var(--kup-font-size) * 1.15);position:absolute;margin:0px;padding:0 8px;top:-11px;left:5px;transition:background-color 0.25s ease}#box-container .box-wrapper .box .box-selection{position:absolute;top:0.5em;right:0.5em;z-index:1}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler{position:relative;width:24px;height:24px;margin-left:3px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler svg{cursor:pointer;opacity:0;fill:var(--kup-text-color);transition:opacity 500ms ease-out}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu{background:var(--kup-background-color);border:1px solid var(--kup-border-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);position:absolute;top:0;right:24px;display:none;z-index:10}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul{list-style-type:none;margin:0;padding:0}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li{cursor:pointer;white-space:nowrap;padding:0 12px;display:flex;align-items:center;line-height:30px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li:not(:last-child){border-bottom:1px solid var(--kup-border-color)}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu.open{display:block}#box-container .box-wrapper:hover .row-actions-wrapper .row-actions-toggler svg{opacity:1}#sort-panel,#global-filter{margin-bottom:1em}:host(.kup-center-aligned) #kup-component .box-section{text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell img{margin:auto}:host(.kup-right-aligned) #kup-component .box-section{text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell img{margin-left:auto;margin-right:0}:host(.kup-top-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-start}:host(.kup-bottom-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-end}:host(:not(.kup-borderless)) .box{border:1px solid var(--kup-border-color)}:host(.kup-flat-on-hover) #box-container .box-wrapper .box:hover{box-shadow:none}:host(.kup-shaped) .box{border-radius:10px}:host(.kup-round) .box{border-radius:25px}:host(.kup-dashed-sections) .box-section{border:2px dashed var(--kup-text-color)}:host(:not(.kup-paddingless)) #box-container .box{padding:3px}:host(:not(.kup-paddingless)) #box-container .box .box-section .box-object{padding:1px 4px}:host(:not(.kup-paddingless)) #box-container .box .box-section.last-child{margin:3px 4px}:host(.kup-danger){--kup-box-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-box-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-box-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-box-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-box-primary-color-rgb:var(--kup-warning-color-rgb)}";
 
-let KupBox = class {
+const KupBox = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupBoxClick = index.createEvent(this, "kup-box-click", 6);
@@ -5681,19 +5681,19 @@ let KupBox = class {
   persistState() {
     if (this.store && this.stateId) {
       let somethingChanged = false;
-      if (!utils.deepEqual(this.state.sortBy, this.sortBy)) {
+      if (!this.kupManager.objects.deepEqual(this.state.sortBy, this.sortBy)) {
         this.state.sortBy = this.sortBy;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
+      if (!this.kupManager.objects.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
         this.state.globalFilterValue = this.globalFilterValue;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.pageSelected, this.currentPage)) {
+      if (!this.kupManager.objects.deepEqual(this.state.pageSelected, this.currentPage)) {
         this.state.pageSelected = this.currentPage;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.rowsPerPage, this.currentRowsPerPage)) {
+      if (!this.kupManager.objects.deepEqual(this.state.rowsPerPage, this.currentRowsPerPage)) {
         this.state.rowsPerPage = this.currentRowsPerPage;
         somethingChanged = true;
       }
@@ -5701,7 +5701,7 @@ let KupBox = class {
         const prefix = currentIndex > 0 ? ';' : '';
         return accumulator + prefix + row.id;
       }, '');
-      if (!utils.deepEqual(this.state.selectedRowsState, selectedRowsState)) {
+      if (!this.kupManager.objects.deepEqual(this.state.selectedRowsState, selectedRowsState)) {
         this.state.selectedRowsState = selectedRowsState;
         somethingChanged = true;
       }
@@ -6661,13 +6661,13 @@ let KupBox = class {
       // creating items
       const visibleColumnsItems = this.visibleColumns.map((column) => {
         const item = {
-          text: column.title,
-          value: column.name,
+          value: column.title,
+          id: column.name,
           selected: column.name === this.sortBy,
         };
         return item;
       });
-      const items = [{ text: '', value: '' }, ...visibleColumnsItems];
+      const items = [{ value: '', id: '' }, ...visibleColumnsItems];
       let textfieldData = {
         label: this.kupManager.language.translate(kupManager.KupLanguageGeneric.SORT_BY),
         trailingIcon: true,
@@ -6773,7 +6773,7 @@ var KupButtonProps;
 
 const kupButtonCss = ":host{display:block;width:max-content}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}";
 
-let KupButton = class {
+const KupButton = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupBlur = index.createEvent(this, "kup-button-blur", 6);
@@ -7011,7 +7011,7 @@ var KupButtonListProps;
 
 const kupButtonListCss = ":host{--kup_buttonlist_grid_gap:var(--kup-buttonlist-grid-gap, 1em);--kup_buttonlist_selected_primary_color:var(\n    --kup-buttonlist-selected-primary-color,\n    var(--kup-secondary-color)\n  );--kup_buttonlist_selected_primary_color_h:var(\n    --kup-buttonlist-selected-primary-color-h,\n    var(--kup-secondary-color-h)\n  );--kup_buttonlist_selected_primary_color_s:var(\n    --kup-buttonlist-selected-primary-color-s,\n    var(--kup-secondary-color-s)\n  );--kup_buttonlist_selected_primary_color_l:var(\n    --kup-buttonlist-selected-primary-color-l,\n    var(--kup-secondary-color-l)\n  );--kup_buttonlist_selected_primary_color_rgb:var(\n    --kup-buttonlist-selected-primary-color-rgb,\n    var(--kup-secondary-color-rgb)\n  );--kup_buttonlist_selected_text_on_primary_color:var(\n    --kup-buttonlist-selected-text-on-primary-color,\n    var(--kup-text-on-secondary-color)\n  );display:block}.button-list--container{display:grid;grid-gap:var(--kup_buttonlist_grid_gap);grid-template-columns:var(--kup_buttonlist_grid_columns);width:max-content}.button-list--container.show-selection .selected{--kup-button-primary-color:var(--kup_buttonlist_selected_primary_color);--kup-button-primary-color-rgb:var(\n    --kup_buttonlist_selected_primary_color_rgb\n  );--kup-button-primary-color-h:var(\n    --kup_buttonlist_selected_primary_color_h\n  );--kup-button-primary-color-s:var(\n    --kup_buttonlist_selected_primary_color_s\n  );--kup-button-primary-color-l:var(\n    --kup_buttonlist_selected_primary_color_l\n  );--kup-button-text-on-primary-color:var(\n    --kup_buttonlist_selected_text_on_primary_color\n  )}:host(.kup-full-width){width:100%}:host(.kup-full-width) .button-list--container{width:100%}:host(.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}:host(.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}:host(.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)}:host(.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}:host(.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}";
 
-let KupButtonList = class {
+const KupButtonList = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupClick = index.createEvent(this, "kup-buttonlist-click", 6);
@@ -7089,7 +7089,7 @@ let KupButtonList = class {
     if (newData.columns) {
       this.kupManager.debug.logMessage(this, 'Detected KupDataDataset: converting rows to nodes.', kupManager.KupDebugCategory.WARNING);
       const data = this.data;
-      this.data = this.kupManager.data.datasetOperations.row.toNode(data);
+      this.data = this.kupManager.data.row.toNode(data);
     }
   }
   /*-------------------------------------------------*/
@@ -7223,10 +7223,10 @@ let KupButtonList = class {
     return data;
   }
   getKupListDataForChildren(children) {
-    let ris = [];
+    const ris = [];
     for (let i = 0; i < children.length; i++) {
-      let tn = children[i];
-      ris.push({ text: tn.value, icon: tn.icon, value: i.toString() });
+      const tn = children[i];
+      ris.push({ icon: tn.icon, id: i.toString(), value: tn.value });
     }
     return ris;
   }
@@ -7856,7 +7856,7 @@ function prepTimeArea(component) {
 function onKupClockItemClick(e, component, value) {
   if (e != null) {
     if (value == null) {
-      value = e.detail.selected.value;
+      value = e.detail.selected.id;
     }
   }
   setClockValueSelected(component, value);
@@ -8135,16 +8135,16 @@ function prepareList(options) {
   const listData = [];
   if (options.enableMerge) {
     listData.push({
-      text: dom$2.ketchup.language.translate(kupManager.KupLanguageGeneric.MERGE),
-      value: kupManager.KupLanguageGeneric.MERGE,
       icon: 'library_add',
+      id: kupManager.KupLanguageGeneric.MERGE,
+      value: dom$2.ketchup.language.translate(kupManager.KupLanguageGeneric.MERGE),
     });
   }
   if (options.enableMove) {
     listData.push({
-      text: dom$2.ketchup.language.translate(kupManager.KupLanguageGeneric.MOVE),
-      value: kupManager.KupLanguageGeneric.MOVE,
       icon: 'swap_horiz',
+      id: kupManager.KupLanguageGeneric.MOVE,
+      value: dom$2.ketchup.language.translate(kupManager.KupLanguageGeneric.MOVE),
     });
   }
   return listData.length > 0 ? (index.h("kup-list", { data: listData, showIcons: true, "onkup-list-click": (e) => listClick(e, options) })) : null;
@@ -8155,29 +8155,29 @@ function prepareCombobox(options, numericalColumnsExist) {
     dom$2.ketchup.objects.isNumber(options.starterColumn.obj);
   if (numeric) {
     comboListData.push({
-      text: dom$2.ketchup.language.translate(kupManager.KupLanguageTotals.AVERAGE),
-      value: kupManager.KupLanguageTotals.AVERAGE,
+      id: kupManager.KupLanguageTotals.AVERAGE,
+      value: dom$2.ketchup.language.translate(kupManager.KupLanguageTotals.AVERAGE),
     }, {
-      text: dom$2.ketchup.language.translate(kupManager.KupLanguageTotals.DIFFERENCE),
-      value: kupManager.KupLanguageTotals.DIFFERENCE,
+      id: kupManager.KupLanguageTotals.DIFFERENCE,
+      value: dom$2.ketchup.language.translate(kupManager.KupLanguageTotals.DIFFERENCE),
     }, {
-      text: dom$2.ketchup.language.translate(kupManager.KupLanguageTotals.PRODUCT),
-      value: kupManager.KupLanguageTotals.PRODUCT,
+      id: kupManager.KupLanguageTotals.PRODUCT,
+      value: dom$2.ketchup.language.translate(kupManager.KupLanguageTotals.PRODUCT),
     }, {
-      text: dom$2.ketchup.language.translate(kupManager.KupLanguageTotals.SUM),
-      value: kupManager.KupLanguageTotals.SUM,
+      id: kupManager.KupLanguageTotals.SUM,
+      value: dom$2.ketchup.language.translate(kupManager.KupLanguageTotals.SUM),
     }, {
-      text: `[${options.starterColumn.name}] / [${options.receivingColumn.name}] * 100`,
-      value: `([${options.starterColumn.name}]/[${options.receivingColumn.name}])*100`,
+      id: `([${options.starterColumn.name}]/[${options.receivingColumn.name}])*100`,
+      value: `[${options.starterColumn.name}] / [${options.receivingColumn.name}] * 100`,
     }, {
-      text: `[${options.receivingColumn.name}] / [${options.starterColumn.name}] * 100`,
-      value: `([${options.receivingColumn.name}]/[${options.starterColumn.name}])*100`,
+      id: `([${options.receivingColumn.name}]/[${options.starterColumn.name}])*100`,
+      value: `[${options.receivingColumn.name}] / [${options.starterColumn.name}] * 100`,
     });
   }
   else {
     comboListData.push({
-      text: dom$2.ketchup.language.translate(kupManager.KupLanguageColumn.NO_FORMULA),
-      value: kupManager.KupLanguageColumn.NO_FORMULA,
+      id: kupManager.KupLanguageColumn.NO_FORMULA,
+      value: dom$2.ketchup.language.translate(kupManager.KupLanguageColumn.NO_FORMULA),
     });
   }
   const comboData = {
@@ -8210,8 +8210,7 @@ function typeColumn(e, component) {
   });
 }
 function listClick(e, options) {
-  const value = e.detail.selected.value;
-  switch (value) {
+  switch (e.detail.selected.id) {
     case kupManager.KupLanguageGeneric.MERGE:
       if (options.mergeCb) {
         options.mergeCb();
@@ -8230,7 +8229,7 @@ async function applyFormula(component) {
   if (combobox) {
     const value = (await combobox.getValue());
     if (premadeFormulas.includes(value)) {
-      dom$2.ketchup.data.datasetOperations.column.new(options.data, kupManager.KupDataNewColumnTypes.MATH, {
+      dom$2.ketchup.data.column.new(options.data, kupManager.KupDataNewColumnTypes.MATH, {
         columns: [
           options.receivingColumn.name,
           options.starterColumn.name,
@@ -8242,7 +8241,7 @@ async function applyFormula(component) {
       }
     }
     else {
-      const result = dom$2.ketchup.data.datasetOperations.column.new(options.data, kupManager.KupDataNewColumnTypes.MATH, {
+      const result = dom$2.ketchup.data.column.new(options.data, kupManager.KupDataNewColumnTypes.MATH, {
         operation: value,
       });
       if (typeof result === 'string' || result instanceof String) {
@@ -10918,7 +10917,7 @@ var Picker = function () {
 
 const kupCardCss = ".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}.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-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{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{font-size:1.25em;margin-top:-0.5em;padding:0 0.25em 0.25em}.standard-layout-14 .section-1 .title .label{cursor:pointer;padding-right:0.25em}.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{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;display:inline-flex}.standard-layout-15{outline:none;display:block;font-size:var(--kup-font-size);background:var(--kup-background-color);color:var(--kup-text-color);box-shadow:var(--kup-box-shadow);border-radius:3px}.standard-layout-15 .section-1{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{font-size:1.25em;padding:0 0.25em 0.25em;text-align:left}.standard-layout-15 .section-1 .title .label{cursor:pointer;padding-right:0.25em}.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{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%;padding:1.25em}.standard-layout-15 .section-2 .detail-row{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}.standard-layout-15 .section-2 .detail-row__value{color:var(--kup-text-color);font-size:120%;max-width:320px}.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;display:inline-flex}:host{--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}";
 
-let KupCard = class {
+const KupCard = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupClick = index.createEvent(this, "kup-card-click", 6);
@@ -10991,7 +10990,7 @@ let KupCard = class {
     this.scalingActive = false;
     this.componentWrapper = null;
     this.colorPicker = null;
-    this.firstColorPickerChange = null;
+    this.firstColorPickerChange = true;
   }
   onKupClick(id, value) {
     this.kupClick.emit({
@@ -11164,7 +11163,6 @@ let KupCard = class {
           const color = colorPickerOptions
             ? colorPickerOptions.initialValue
             : null;
-          this.firstColorPickerChange = true;
           if (!this.colorPicker) {
             this.colorPicker = new Picker({
               alpha: false,
@@ -11515,7 +11513,7 @@ const convertRows = (data, columns, showMarks) => {
 
 const kupChartCss = ":host{display:block;margin:auto;position:relative}:host #kup-component{height:100%;width:100%;overflow:hidden}";
 
-let KupChart = class {
+const KupChart = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupChartClick = index.createEvent(this, "kup-chart-click", 6);
@@ -12043,7 +12041,7 @@ var KupCheckboxProps;
 
 const kupCheckboxCss = ":host{display:block;margin:auto}";
 
-let KupCheckbox = class {
+const KupCheckbox = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupBlur = index.createEvent(this, "kup-checkbox-blur", 6);
@@ -12230,7 +12228,7 @@ var KupChipProps;
 
 const kupChipCss = ":host{display:block}";
 
-let KupChip = class {
+const KupChip = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupBlur = index.createEvent(this, "kup-chip-blur", 6);
@@ -12275,7 +12273,7 @@ let KupChip = class {
     const isChoice = this.type.toLowerCase() === fChip.FChipType.CHOICE;
     const isFilter = this.type.toLowerCase() === fChip.FChipType.FILTER;
     if (isChoice) {
-      this.kupManager.data.datasetOperations.node.setProperties(this.data, { checked: false }, true, [chip]);
+      this.kupManager.data.node.setProperties(this.data, { checked: false }, true, [chip]);
     }
     if (isChoice || isFilter) {
       chip.checked = chip.checked ? false : true;
@@ -12298,7 +12296,7 @@ let KupChip = class {
     this.kupIconClick.emit({
       comp: this,
       id: this.rootElement.id,
-      chip: this.kupManager.data.datasetOperations.node.remove(this.data, chip),
+      chip: this.kupManager.data.node.remove(this.data, chip),
     });
     this.refresh();
   }
@@ -12312,7 +12310,7 @@ let KupChip = class {
     if (newData.columns) {
       this.kupManager.debug.logMessage(this, 'Detected KupDataDataset: converting rows to nodes.', kupManager.KupDebugCategory.WARNING);
       const data = this.data;
-      this.data = this.kupManager.data.datasetOperations.row.toNode(data);
+      this.data = this.kupManager.data.row.toNode(data);
     }
   }
   /*-------------------------------------------------*/
@@ -12405,7 +12403,7 @@ let KupChip = class {
       props.onExpansionClick.push((chip, e) => {
         chip.isExpanded = !chip.isExpanded ? true : false;
         if (e.ctrlKey && chip.children && chip.children.length > 0) {
-          this.kupManager.data.datasetOperations.node.setProperties(chip.children, { isExpanded: chip.isExpanded }, true);
+          this.kupManager.data.node.setProperties(chip.children, { isExpanded: chip.isExpanded }, true);
         }
         this.refresh();
       });
@@ -12442,7 +12440,7 @@ var KupColorPickerProps;
 
 const kupColorPickerCss = ":host{display:block;font-size:var(--kup-font-size)}#kup-component{transition:background-color 0.2s;width:max-content}#kup-component:hover{background-color:rgba(var(--kup-text-color-rgb), 0.1)}#kup-component .mdc-text-field:not(.mdc-text-field--disabled){cursor:pointer}#kup-component .mdc-text-field:not(.mdc-text-field--disabled) input{cursor:pointer}#kup-component .mdc-text-field .kup-icon.action{background-color:var(--kup_colorpicker_thumb_color, var(--kup-icon-color)) !important}#kup-component .thumb-icon .kup-icon{border:3px solid rgba(var(--kup-text-color-rgb), 0.575);border-radius:50%;box-sizing:border-box}.color-picker{outline:none;height:1.5em;width:1.5em;margin:0.25em;border-radius:50%;border:0.1em solid var(--kup-border-color);background-color:transparent;cursor:pointer}.color-picker:disabled{cursor:default}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";
 
-let KupColorPicker = class {
+const KupColorPicker = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupChange = index.createEvent(this, "kup-colorpicker-change", 6);
@@ -12753,7 +12751,7 @@ var __classPrivateFieldSet$1 = (undefined && undefined.__classPrivateFieldSet) |
   return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
 var _KupCombobox_instances, _KupCombobox_kupManager, _KupCombobox_elStyle, _KupCombobox_listEl, _KupCombobox_textfieldWrapper, _KupCombobox_textfieldEl, _KupCombobox_clickCb, _KupCombobox_openList, _KupCombobox_closeList, _KupCombobox_isListOpened, _KupCombobox_consistencyCheck, _KupCombobox_prepList;
-let KupCombobox = class {
+const KupCombobox = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupBlur = index.createEvent(this, "kup-combobox-blur", 6);
@@ -12886,7 +12884,7 @@ let KupCombobox = class {
     });
   }
   onKupItemClick(e) {
-    this.onKupChange(e.detail.selected.value);
+    this.onKupChange(e.detail.selected.id);
     __classPrivateFieldGet$1(this, _KupCombobox_instances, "m", _KupCombobox_closeList).call(this);
     if (__classPrivateFieldGet$1(this, _KupCombobox_textfieldEl, "f")) {
       __classPrivateFieldGet$1(this, _KupCombobox_textfieldEl, "f").focus();
@@ -13081,8 +13079,8 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
   __classPrivateFieldGet$1(this, _KupCombobox_kupManager, "f").removeClickCallback(__classPrivateFieldGet$1(this, _KupCombobox_clickCb, "f"));
 }, _KupCombobox_isListOpened = function _KupCombobox_isListOpened() {
   return __classPrivateFieldGet$1(this, _KupCombobox_listEl, "f").menuVisible == true;
-}, _KupCombobox_consistencyCheck = function _KupCombobox_consistencyCheck(e, valueIn, setValue) {
-  let ret = consistencyCheck(valueIn, this.data['kup-list'], __classPrivateFieldGet$1(this, _KupCombobox_listEl, "f"), this.selectMode, this.displayMode, e);
+}, _KupCombobox_consistencyCheck = function _KupCombobox_consistencyCheck(e, idIn, setValue) {
+  let ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet$1(this, _KupCombobox_listEl, "f"), this.selectMode, this.displayMode, e);
   if (ret.exists && setValue) {
     this.value = ret.value;
     this.displayedValue = ret.displayedValue;
@@ -13091,10 +13089,10 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
     }
   }
   else {
-    this.value = valueIn;
-    this.displayedValue = valueIn;
+    this.value = idIn;
+    this.displayedValue = idIn;
     if (__classPrivateFieldGet$1(this, _KupCombobox_listEl, "f") != null) {
-      __classPrivateFieldGet$1(this, _KupCombobox_listEl, "f").filter = valueIn;
+      __classPrivateFieldGet$1(this, _KupCombobox_listEl, "f").filter = idIn;
     }
   }
   return ret;
@@ -13469,7 +13467,7 @@ class KupColumnMenu {
     let props = [];
     if (comp.showFilters) {
       if (this.filtersColumnMenuInstance.isColumnFiltrableByInterval(column)) {
-        props.concat(this.prepIntervalTextfield(comp, column));
+        props = props.concat(this.prepIntervalTextfield(comp, column));
       }
       else if (dom.ketchup.objects.isStringObject(column.obj)) {
         let filterInitialValue = this.filtersColumnMenuInstance.getTextFilterValue(comp.filters, column.name);
@@ -13901,13 +13899,12 @@ class KupColumnMenu {
 
 const kupDataTableCss = ":host{--kup_datatable_background_color:var(\n    --kup-datatable-background-color,\n    var(--kup-background-color)\n  );--kup_datatable_border:var(\n    --kup-datatable-border,\n    1px solid var(--kup-border-color)\n  );--kup_datatable_color:var(--kup-datatable-color, var(--kup-text-color));--kup_datatable_font_family:var(\n    --kup-datatable-font-family,\n    var(--kup-font-family)\n  );--kup_datatable_font_family_monospace:var(\n    --kup-datatable-font-family-monospace,\n    var(--kup-font-family-monospace)\n  );--kup_datatable_font_size:var(\n    --kup-datatable-font-size,\n    var(--kup-font-size)\n  );--kup_datatable_th_border:var(\n    --kup-datatable-th-border,\n    1px solid var(--kup-border-color)\n  );--kup_datatable_th_resize_handle_width:var(\n    --kup-datatable-th-resize-handle-width,\n    3px\n  );display:block;font-family:var(--kup_datatable_font_family);font-size:var(--kup_datatable_font_size);position:relative}:host([kup-toolbar]) .settings-trigger{height:12px}:host([kup-toolbar]) .customize-panel{visibility:visible}:host([force-one-line]) .f-cell__text{white-space:nowrap}table{background-color:var(--kup_datatable_background_color);border-spacing:0;border-collapse:separate;color:var(--kup_datatable_color);min-width:intrinsic;min-width:-moz-max-content;min-width:-webkit-max-content;text-align:left;width:100%}table.auto-width{min-width:auto;width:0}table>tbody>tr.focus td:first-of-type,table>tbody>tr[kup-drag-over] td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup-secondary-color)}table>tbody>tr>td:first-of-type,table>tbody>tr>td.placeholder~td:not(.placeholder){border-left:var(--kup_datatable_border)}table>tbody>tr>td:last-of-type{border-right:var(--kup_datatable_border)}table>tbody>tr:last-of-type>td{border-bottom:var(--kup_datatable_border)}table.border-top>tbody>tr:first-of-type>td{border-top:var(--kup_datatable_border)}table.row-separation>tbody>tr>td{border-bottom:var(--kup_datatable_border)}table.column-separation>tbody>tr>td{border-right:var(--kup_datatable_border)}table.noGrid,table.noGrid td{border:none}table tfoot td{border-bottom:var(--kup_datatable_border);border-right:var(--kup_datatable_border);box-sizing:border-box;height:36px;text-align:right;font-weight:bold;padding:0.5em 0.3125em}table tfoot td:hover{background-color:var(--kup_datatable_background_color)}table tfoot td:first-of-type{border-left:var(--kup_datatable_border)}#global-filter{margin:0.5em 0px;min-width:140px;width:100%}.kup-icon:not(.f-image){background-color:var(--kup-title-color);margin:0 0.25em;height:1.25em;width:1.25em}.kup-icon:not(.f-image).kup-ascending-icon,.kup-icon:not(.f-image).kup-descending-icon,.kup-icon:not(.f-image).kup-key-icon,.kup-icon:not(.f-image).kup-filter-remove-icon{height:auto}.kup-icon:not(.f-image).kup-collapsed-icon,.kup-icon:not(.f-image).kup-expanded-icon{float:left}.kup-icon:not(.f-image).kup-filter-remove-icon,.kup-icon:not(.f-image).kup-key-icon{margin:0 0.25em}.below-wrapper{backface-visibility:hidden;height:auto;overflow:auto}.below-wrapper.custom-size{overflow:unset}.below-wrapper:not(.custom-size){overflow-x:auto}.density-dense tbody>tr.group td{padding-top:0.25em;padding-bottom:0.25em}.density-wide tbody>tr.group>td{padding-top:0.75em;padding-bottom:0.75em}.fontsize-small{font-size:calc(var(--kup_datatable_font_size) * 0.75);transition:font-size 0.1s}.fontsize-small .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1) !important}.fontsize-big{font-size:calc(var(--kup_datatable_font_size) * 1.25);transition:font-size 0.1s}.fontsize-big .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1.5) !important}th{background-color:var(--kup-title-background-color);border:var(--kup_datatable_th_border);border-left:0 none;border-bottom-width:2px;box-sizing:border-box;top:0;touch-action:none;transition:background-color 0.25s ease;user-select:none}th:first-of-type{border-left:var(--kup_datatable_th_border)}.header-cell__content{color:var(--kup-title-color);display:flex;justify-content:space-between;padding:0.5em 0.3125em;text-overflow:ellipsis;white-space:nowrap}.header-cell--centered .header-cell__content{justify-content:center}.header-cell--is-number .header-cell__content{justify-content:flex-end}.header-cell__title{overflow:hidden;text-overflow:ellipsis;user-select:none}.header-cell__icons{display:flex}.header-cell__drag-handler{background:rgba(var(--kup-title-color-rgb), 0.25);height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:var(--kup_datatable_th_resize_handle_width)}.header-cell__drag-handler:hover{background:rgba(var(--kup-title-color-rgb), 0.5)}.header-cell--sortable{cursor:pointer}.header-cell--is-icon{width:30px}tbody{cursor:auto}tbody td{height:0;padding:0}tbody td>*{border:none !important}tbody tr kup-button{max-width:max-content}tbody tr[kup-draggable]{opacity:0.5}tbody tr.selected td{background-color:rgba(var(--kup-primary-color-rgb), 0.175)}tbody tr:hover:not(.group):not(.selected) td{color:var(--kup-hover-color);background-color:var(--kup-hover-background-color)}tbody tr.group{background:var(--kup-title-background-color);border-top:var(--kup_datatable_border);color:var(--kup-title-color);font-weight:bold;cursor:pointer}tbody tr.group.group-label{border-bottom:none}tbody tr.group.group-total{border-top:none;line-height:0.5em}tbody tr.group>td{padding:0.5em 0}tbody tr.group>td .group-cell-content .indent{float:left;margin-left:0.25em}tbody tr.group>td .group-cell-content>span{display:inline-flex;outline:none;margin-left:0.25em}tbody tr.group>td.total{text-align:right;padding:0.5em 0.3125em}tbody tr.group>td.total.negative-number{color:var(--kup-danger-color)}tbody tr>td{box-sizing:border-box;transition:box-shadow 0.1s}tbody tr>td .row-expander{margin-right:0.5em}tbody tr>td .row-action{margin-right:0.2em}tbody tr [row-select-cell]{min-height:40px}tbody tr td[row-action-cell]{width:calc(3em * var(--kup_datatable_row_actions))}tbody tr td[row-action-cell] .f-image{cursor:pointer;margin-left:0.75em;display:inline-block;opacity:1;transition:0.25s ease-in-out}tbody tr td[row-action-cell] .f-image:hover{opacity:0.5}.above-wrapper{display:flex;width:100%}.kup-icon.overlay-action{display:none;position:absolute;top:0.5em;left:calc(50% - 0.625em)}th:hover .kup-icon.overlay-action{display:block}thead th{position:relative}th.obj:hover span:not(.overlay-action){opacity:0.5}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup_datatable_color)}.group-wrapper{--kup-chip-margin:0 4px}.totals-value{font-weight:bold}.settings-trigger{cursor:pointer;display:block;width:32px;height:0;border-top-left-radius:25px 30px;border-top-right-radius:25px 30px;background-color:var(--kup-border-color);transition:height 0.25s}.settings-trigger.toggled{background-color:var(--kup-primary-color)}.settings-trigger.toggled .f-image__icon{background:var(--kup-text-on-primary-color) !important}.indent{display:inline-block;height:1em;width:2em}.indent~kup-image,.indent~kup-button{margin:0;vertical-align:middle}.indent~kup-image{display:inline-block}.indent~kup-button,.indent~kup-checkbox{display:inline-block}.kup-icon.kup-ascending-icon{-webkit-mask:var(--kup-ascending-icon);mask:var(--kup-ascending-icon)}.kup-icon.kup-collapsed-icon{-webkit-mask:var(--kup-collapsed-icon);mask:var(--kup-collapsed-icon)}.kup-icon.kup-descending-icon{-webkit-mask:var(--kup-descending-icon);mask:var(--kup-descending-icon)}.kup-icon.kup-expanded-icon{-webkit-mask:var(--kup-expanded-icon);mask:var(--kup-expanded-icon)}.kup-icon.kup-filter-remove-icon{-webkit-mask:var(--kup-filter-remove-icon);mask:var(--kup-filter-remove-icon)}.kup-icon.kup-key-icon{-webkit-mask:var(--kup-key-icon);mask:var(--kup-key-icon)}.paginator-wrapper{display:flex;flex-flow:wrap;min-width:max-content}.paginator-tabs{width:100%}.paginator-tabs kup-paginator{display:inline-flex}.paginator-tabs kup-button{position:relative;height:100%;margin-left:0.25em;float:right}.paginator-tabs .load-more-button{margin:0.5em 0px 0px}sticky-header{display:none}.persistent-header~sticky-header{background:var(--kup-title-background-color);border-bottom:2px solid var(--kup-border-color);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);color:var(--kup-title-color);display:block;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:opacity 0.25s ease-in-out;z-index:10}.persistent-header~sticky-header.activated{opacity:1;pointer-events:all}.persistent-header~sticky-header[hidden]{display:none}.persistent-header~sticky-header tr-sticky{display:inline-flex}.persistent-header~sticky-header th-sticky{box-sizing:border-box;display:inline-flex;padding:0 0.3125em}.persistent-header~sticky-header th-sticky .header-cell__content{width:100%}.fixed-column,.fixed-row{background-color:var(--kup_datatable_background_color);color:var(--kup-text-color);position:sticky}thead .fixed-column,thead .fixed-row,tfoot .fixed-column,tfoot .fixed-row{z-index:10}table.custom-size th{position:sticky;top:0;z-index:10}table.custom-size th.fixed-column{z-index:11}tr:hover .fixed-row,tr:hover .fixed-column{color:var(--kup-hover-color);background-color:var(--kup-hover-background-color)}tr.selected .fixed-column,tr.selected .fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-primary-color-rgb), 0.175) 0%, rgba(var(--kup-primary-color-rgb), 0.175) 0.1%, rgba(var(--kup-primary-color-rgb), 0.175))}.fixed-row{top:0;z-index:4}.fixed-column{left:0;z-index:6}.fixed-column.fixed-row{z-index:8}thead tr .fixed-column,thead tr:hover:not(.group):not(.selected) .fixed-column{background-color:var(--kup-title-background-color);color:var(--kup-title-color)}tfoot tr:hover:not(.group):not(.selected) .fixed-row,tfoot tr:hover:not(.group):not(.selected) .fixed-column{color:var(--kup-text-color);background-color:var(--kup_datatable_background_color)}:host([drag-enabled]) tr{touch-action:none}th[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}th[kup-draggable]{cursor:grabbing !important;opacity:0.5}.droparea{animation:fade-in 0.25s ease-out;background:var(--kup_datatable_background_color);border-radius:8px;box-shadow:var(--kup-box-shadow);display:none;padding:1em 0.5em}.droparea--visible{display:flex}.droparea__groups{border:2px dashed var(--kup-text-color)}.droparea__remove{border:2px dashed var(--kup-danger-color)}.droparea__groups,.droparea__remove{background:var(--kup_datatable_background_color);box-shadow:var(--kup-box-shadow);display:block;height:50px;margin:0 0.5em;opacity:0.5;position:relative;transition:opacity 0.25s;width:50px}.droparea__groups .f-image,.droparea__remove .f-image{width:100%;position:absolute}.droparea__groups .f-image:first-of-type,.droparea__remove .f-image:first-of-type{opacity:1}.droparea__groups .f-image:last-of-type,.droparea__remove .f-image:last-of-type{opacity:0}.droparea__groups[kup-drag-over],.droparea__remove[kup-drag-over]{opacity:1}.droparea__groups[kup-drag-over] .f-image:first-of-type,.droparea__remove[kup-drag-over] .f-image:first-of-type{opacity:0}.droparea__groups[kup-drag-over] .f-image:last-of-type,.droparea__remove[kup-drag-over] .f-image:last-of-type{opacity:1}:host(.kup-cross-selection) #kup-component th.selected{box-shadow:inset 0px 4px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.075)}:host(.kup-cross-selection) #kup-component td.selected.fixed-column,:host(.kup-cross-selection) #kup-component td.selected.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td{background-color:rgba(var(--kup-text-color-rgb), 0.075)}:host(.kup-cross-selection) #kup-component tr.selected td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component tr.selected td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.15)}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column.selected,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row.selected{background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.15) 0%, rgba(var(--kup-text-color-rgb), 0.15) 0.1%, rgba(var(--kup-text-color-rgb), 0.15))}:host(.kup-layout-fixed) #kup-component table{table-layout:fixed;width:100%}tr.clickable{cursor:pointer}";
 
-let KupDataTable = class {
+const KupDataTable = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupDidUnload = index.createEvent(this, "kup-datatable-didunload", 6);
     this.kupDidLoad = index.createEvent(this, "kup-datatable-didload", 6);
     this.kupResetSelectedRows = index.createEvent(this, "kup-datatable-resetselectedrows", 6);
-    this.kupAutoRowSelect = index.createEvent(this, "kup-datatable-autorowselect", 6);
     this.kupRowSelected = index.createEvent(this, "kup-datatable-rowselected", 6);
     this.kupDataTableClick = index.createEvent(this, "kup-datatable-click", 6);
     this.kupDataTableContextMenu = index.createEvent(this, "kup-datatable-contextmenu", 6);
@@ -14151,6 +14148,7 @@ let KupDataTable = class {
     this.openedTotalMenu = null;
     this.openedCustomSettings = false;
     this.fontsize = 'medium';
+    this.initialized = false;
     this.rowsLength = 0;
     this.paginatedRowsLength = 0;
     /**
@@ -14265,8 +14263,6 @@ let KupDataTable = class {
         this.pageSelected = state.pageSelected;
         this.sortableColumnsMutateData =
           state.sortableColumnsMutateData;
-        this.selectRow = state.selectRow;
-        this.selectRowsById = state.selectRowsById;
         this.dragEnabled = state.dragEnabled;
         this.dropEnabled = state.dropEnabled;
         this.showFooter = state.showFooter;
@@ -14277,116 +14273,116 @@ let KupDataTable = class {
   persistState() {
     if (this.store && this.stateId) {
       let somethingChanged = false;
-      if (!utils.deepEqual(this.state.filters, this.filters)) {
+      if (!this.kupManager.objects.deepEqual(this.state.filters, this.filters)) {
         this.state.filters = Object.assign({}, this.filters);
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.groups, this.groups)) {
+      if (!this.kupManager.objects.deepEqual(this.state.groups, this.groups)) {
         this.state.groups = [...this.groups];
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.sort, this.sort)) {
+      if (!this.kupManager.objects.deepEqual(this.state.sort, this.sort)) {
         this.state.sort = [...this.sort];
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.expandGroups, this.expandGroups)) {
+      if (!this.kupManager.objects.deepEqual(this.state.expandGroups, this.expandGroups)) {
         this.state.expandGroups = this.expandGroups;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.groupLabelDisplay, this.groupLabelDisplay)) {
+      if (!this.kupManager.objects.deepEqual(this.state.groupLabelDisplay, this.groupLabelDisplay)) {
         this.state.groupLabelDisplay = this.groupLabelDisplay;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.density, this.density)) {
+      if (!this.kupManager.objects.deepEqual(this.state.density, this.density)) {
         this.state.density = this.density;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.enableExtraColumns, this.enableExtraColumns)) {
+      if (!this.kupManager.objects.deepEqual(this.state.enableExtraColumns, this.enableExtraColumns)) {
         this.state.enableExtraColumns = this.enableExtraColumns;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.enableSortableColumns, this.enableSortableColumns)) {
+      if (!this.kupManager.objects.deepEqual(this.state.enableSortableColumns, this.enableSortableColumns)) {
         this.state.enableSortableColumns = this.enableSortableColumns;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.forceOneLine, this.forceOneLine)) {
+      if (!this.kupManager.objects.deepEqual(this.state.forceOneLine, this.forceOneLine)) {
         this.state.forceOneLine = this.forceOneLine;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.globalFilter, this.globalFilter)) {
+      if (!this.kupManager.objects.deepEqual(this.state.globalFilter, this.globalFilter)) {
         this.state.globalFilter = this.globalFilter;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
+      if (!this.kupManager.objects.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
         this.state.globalFilterValue = this.globalFilterValue;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.headerIsPersistent, this.headerIsPersistent)) {
+      if (!this.kupManager.objects.deepEqual(this.state.headerIsPersistent, this.headerIsPersistent)) {
         this.state.headerIsPersistent = this.headerIsPersistent;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.lazyLoadRows, this.lazyLoadRows)) {
+      if (!this.kupManager.objects.deepEqual(this.state.lazyLoadRows, this.lazyLoadRows)) {
         this.state.lazyLoadRows = this.lazyLoadRows;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.loadMoreLimit, this.loadMoreLimit)) {
+      if (!this.kupManager.objects.deepEqual(this.state.loadMoreLimit, this.loadMoreLimit)) {
         this.state.loadMoreLimit = this.loadMoreLimit;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.selection, this.selection)) {
+      if (!this.kupManager.objects.deepEqual(this.state.selection, this.selection)) {
         this.state.selection = this.selection;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.rowsPerPage, this.currentRowsPerPage)) {
+      if (!this.kupManager.objects.deepEqual(this.state.rowsPerPage, this.currentRowsPerPage)) {
         this.state.rowsPerPage = this.currentRowsPerPage;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.showFilters, this.showFilters)) {
+      if (!this.kupManager.objects.deepEqual(this.state.showFilters, this.showFilters)) {
         this.state.showFilters = this.showFilters;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.showGroups, this.showGroups)) {
+      if (!this.kupManager.objects.deepEqual(this.state.showGroups, this.showGroups)) {
         this.state.showGroups = this.showGroups;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.showHeader, this.showHeader)) {
+      if (!this.kupManager.objects.deepEqual(this.state.showHeader, this.showHeader)) {
         this.state.showHeader = this.showHeader;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.showLoadMore, this.showLoadMore)) {
+      if (!this.kupManager.objects.deepEqual(this.state.showLoadMore, this.showLoadMore)) {
         this.state.showLoadMore = this.showLoadMore;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.sortEnabled, this.sortEnabled)) {
+      if (!this.kupManager.objects.deepEqual(this.state.sortEnabled, this.sortEnabled)) {
         this.state.sortEnabled = this.sortEnabled;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.sortableColumnsMutateData, this.sortableColumnsMutateData)) {
+      if (!this.kupManager.objects.deepEqual(this.state.sortableColumnsMutateData, this.sortableColumnsMutateData)) {
         this.state.sortableColumnsMutateData =
           this.sortableColumnsMutateData;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.pageSelected, this.currentPage)) {
+      if (!this.kupManager.objects.deepEqual(this.state.pageSelected, this.currentPage)) {
         this.state.pageSelected = this.currentPage;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.dragEnabled, this.dragEnabled)) {
+      if (!this.kupManager.objects.deepEqual(this.state.dragEnabled, this.dragEnabled)) {
         this.state.dragEnabled = this.dragEnabled;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.dropEnabled, this.dropEnabled)) {
+      if (!this.kupManager.objects.deepEqual(this.state.dropEnabled, this.dropEnabled)) {
         this.state.dropEnabled = this.dropEnabled;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.showFooter, this.showFooter)) {
+      if (!this.kupManager.objects.deepEqual(this.state.showFooter, this.showFooter)) {
         this.state.showFooter = this.showFooter;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.totals, this.totals)) {
+      if (!this.kupManager.objects.deepEqual(this.state.totals, this.totals)) {
         this.state.totals = Object.assign({}, this.totals);
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.selectRowsById, this.selectedRows.reduce((accumulator, row, currentIndex) => {
+      if (!this.kupManager.objects.deepEqual(this.state.selectRowsById, this.selectedRows.reduce((accumulator, row, currentIndex) => {
         const prefix = currentIndex > 0 ? ';' : '';
         return accumulator + prefix + row.id;
       }, ''))) {
@@ -14452,7 +14448,9 @@ let KupDataTable = class {
     }
   }
   recalculateData() {
-    this.calculateData();
+    if (this.initialized) {
+      this.calculateData();
+    }
   }
   /**
    * Closes any opened column menu.
@@ -14491,14 +14489,18 @@ let KupDataTable = class {
   async getProps(descriptions) {
     return utils.getProps(this, kupManager.KupDataTableProps, descriptions);
   }
+  /**
+   * This method will get the selected rows of the component.
+   */
+  async getSelectedRows() {
+    return this.selectedRows;
+  }
   /**
    * Hides the given column.
    * @param {KupDataColumn} column - Column to hide.
    */
   async hideColumn(column) {
-    this.kupManager.data.datasetOperations.column.hide(this.data, [
-      column.name,
-    ]);
+    this.kupManager.data.column.hide(this.data, [column.name]);
     this.kupColumnRemove.emit({
       comp: this,
       id: this.rootElement.id,
@@ -14513,7 +14515,7 @@ let KupDataTable = class {
    * @returns {string|KupDataColumn} Returns the new column created or a string containing the error message if something went wrong.
    */
   async newColumn(type, options) {
-    const result = this.kupManager.data.datasetOperations.column.new(this.data, type, options);
+    const result = this.kupManager.data.column.new(this.data, type, options);
     const error = !!(typeof result === 'string' || result instanceof String);
     if (!error) {
       this.refresh();
@@ -14615,15 +14617,20 @@ let KupDataTable = class {
   }
   /**
    * This method will set the selected rows of the component.
-   * @param {string} rowsById - String containing the ids separated by ";".
+   * @param {string|number[]} rowsIdentifiers - Array of ids (dataset) or indexes (rendered rows).
    * @param {boolean} emitEvent - The event will always be emitted unless emitEvent is set to false.
    */
-  async setSelectedRows(rowsById, emitEvent) {
+  async setSelectedRows(rowsIdentifiers, emitEvent) {
     this.selectedRows = [];
-    if (rowsById) {
-      this.selectedRows = this.renderedRows.filter((r) => {
-        return rowsById.split(';').indexOf(r.id) >= 0;
-      });
+    for (let index = 0; index < rowsIdentifiers.length; index++) {
+      const id = rowsIdentifiers[index];
+      if (typeof id === 'number') {
+        this.selectedRows.push(this.renderedRows[id]);
+      }
+      else {
+        const row = this.renderedRows.find((row) => row.id === id);
+        this.selectedRows.push(row);
+      }
     }
     if (emitEvent !== false) {
       this.kupRowSelected.emit({
@@ -14838,7 +14845,7 @@ let KupDataTable = class {
     if (column) {
       this.filters = {};
     }
-    return this.kupManager.data.datasetOperations.transpose(this.data, column);
+    return this.kupManager.data.transpose(this.data, column);
   }
   updateStickyHeaderSize() {
     const navBar = document.querySelectorAll('.header')[0];
@@ -15136,9 +15143,13 @@ let KupDataTable = class {
     }
     if (this.dropEnabled) {
       const dataCb = () => {
-        const receivingDetails = this.getEventDetails([
-          this.rootElement.shadowRoot.querySelector('td:hover'),
-        ]);
+        const cell = this.rootElement.shadowRoot.querySelector('td:hover');
+        if (!cell) {
+          this.kupManager.debug.logMessage(this, "Couldn't find cell hovered to retrieve dropzone informations!", kupManager.KupDebugCategory.WARNING);
+          return;
+        }
+        const path = this.getEventPath(cell);
+        const receivingDetails = this.getEventDetails(path);
         return {
           cell: receivingDetails.cell,
           column: receivingDetails.column,
@@ -15272,6 +15283,7 @@ let KupDataTable = class {
       CSS.supports('position', '-webkit-sticky') ||
         !!(window && window.safari);
     this.calculateData();
+    this.initialized = true;
   }
   componentWillRender() {
     this.kupManager.debug.logRender(this, false);
@@ -15311,29 +15323,14 @@ let KupDataTable = class {
     this.didLoadObservers();
     this.didLoadEventHandling();
     this.didLoadInteractables();
-    if (this.selectRowsById) {
-      this.setSelectedRows(this.selectRowsById);
-    }
-    else if (this.selectRow && this.selectRow > 0) {
-      if (this.selectRow <= this.renderedRows.length) {
-        this.selectedRows = [];
-        this.selectedRows.push(this.renderedRows[this.selectRow - 1]);
-        this.kupAutoRowSelect.emit({
-          comp: this,
-          id: this.rootElement.id,
-          selectedRow: this.selectedRows[0],
-        });
-      }
-    }
     this.lazyLoadCells = true;
     this.kupDidLoad.emit({ comp: this, id: this.rootElement.id });
     this.kupManager.resize.observe(this.rootElement);
     this.kupManager.debug.logLoad(this, true);
   }
   //======== Utility methods ========
-  getEventPath(e) {
+  getEventPath(currentEl) {
     let path = [];
-    let currentEl = e.target;
     while (currentEl &&
       currentEl !== this.rootElement &&
       currentEl !== document.body) {
@@ -15623,7 +15620,7 @@ let KupDataTable = class {
     };
   }
   clickHandler(e) {
-    const details = this.getEventDetails(this.getEventPath(e));
+    const details = this.getEventDetails(this.getEventPath(e.target));
     if (details.area === 'header') {
       if (details.th && details.column) {
         if (details.filterRemove) {
@@ -15662,7 +15659,7 @@ let KupDataTable = class {
     return details;
   }
   contextMenuHandler(e) {
-    const details = this.getEventDetails(this.getEventPath(e));
+    const details = this.getEventDetails(this.getEventPath(e.target));
     if (details.area === 'header') {
       if (details.th && details.column) {
         this.openColumnMenu(details.column.name);
@@ -15692,7 +15689,7 @@ let KupDataTable = class {
     return details;
   }
   dblClickHandler(e) {
-    const details = this.getEventDetails(this.getEventPath(e));
+    const details = this.getEventDetails(this.getEventPath(e.target));
     if (details.area === 'body') {
       if (this.selection == kupManager.SelectionMode.MULTIPLE) {
         this.resetSelectedRows();
@@ -16450,7 +16447,7 @@ let KupDataTable = class {
       // must do this
       // otherwise does not fire the watcher
       const totalsCopy = Object.assign({}, this.totals);
-      const value = event.detail.selected.value;
+      const value = event.detail.selected.id;
       if (value === kupManager.TotalLabel.CANC) {
         if (this.totals && this.totals[column.name]) {
           delete totalsCopy[column.name];
@@ -16552,47 +16549,39 @@ let KupDataTable = class {
       if (this.isOpenedTotalMenuForColumn(column.name)) {
         const listData = [
           {
-            text: translation[kupManager.TotalLabel.COUNT],
-            value: kupManager.TotalMode.COUNT,
-            selected: false,
+            id: kupManager.TotalMode.COUNT,
+            value: translation[kupManager.TotalLabel.COUNT],
           },
           {
-            text: translation[kupManager.TotalLabel.DISTINCT],
-            value: kupManager.TotalMode.DISTINCT,
-            selected: false,
+            id: kupManager.TotalMode.DISTINCT,
+            value: translation[kupManager.TotalLabel.DISTINCT],
           },
         ];
         if (this.kupManager.objects.isNumber(column.obj)) {
           // TODO Move these objects in declarations
           listData.push({
-            text: translation[kupManager.TotalLabel.SUM],
-            value: kupManager.TotalMode.SUM,
-            selected: false,
+            id: kupManager.TotalMode.SUM,
             separator: true,
+            value: translation[kupManager.TotalLabel.SUM],
           }, {
-            text: translation[kupManager.TotalLabel.AVERAGE],
-            value: kupManager.TotalMode.AVERAGE,
-            selected: false,
+            id: kupManager.TotalMode.AVERAGE,
+            value: translation[kupManager.TotalLabel.AVERAGE],
           }, {
-            text: translation[kupManager.TotalLabel.MIN],
-            value: kupManager.TotalMode.MIN,
-            selected: false,
+            id: kupManager.TotalMode.MIN,
+            value: translation[kupManager.TotalLabel.MIN],
           }, {
-            text: translation[kupManager.TotalLabel.MAX],
-            value: kupManager.TotalMode.MAX,
-            selected: false,
+            id: kupManager.TotalMode.MAX,
+            value: translation[kupManager.TotalLabel.MAX],
           });
         }
         else if (this.kupManager.objects.isDate(column.obj)) {
           listData.push({
-            text: translation[kupManager.TotalLabel.MIN],
-            value: kupManager.TotalMode.MIN,
-            selected: false,
+            id: kupManager.TotalMode.MIN,
             separator: true,
+            value: translation[kupManager.TotalLabel.MIN],
           }, {
-            text: translation[kupManager.TotalLabel.MAX],
-            value: kupManager.TotalMode.MAX,
-            selected: false,
+            id: kupManager.TotalMode.MAX,
+            value: translation[kupManager.TotalLabel.MAX],
           });
         }
         if (this.totals) {
@@ -16600,10 +16589,9 @@ let KupDataTable = class {
           if (selectedItem) {
             selectedItem.selected = true;
             listData.push({
-              text: translation[kupManager.TotalLabel.CANC],
-              value: kupManager.TotalLabel.CANC,
-              selected: false,
+              id: kupManager.TotalLabel.CANC,
               separator: true,
+              value: translation[kupManager.TotalLabel.CANC],
             });
           }
         }
@@ -17032,42 +17020,42 @@ let KupDataTable = class {
   createListData(codes, icons, selectedCode) {
     const listItems = [];
     for (let i = 0; i < codes.length; i++) {
-      let text = null;
+      let value = null;
       switch (codes[i]) {
         //This whole customization panel thingy must be purged, for now -- it's ugly
         case 'big':
-          text = kupManager.KupLanguageFontsize.BIG;
+          value = kupManager.KupLanguageFontsize.BIG;
           break;
         case 'Col':
-          text = kupManager.KupLanguageGrid.COLUMN;
+          value = kupManager.KupLanguageGrid.COLUMN;
           break;
         case 'Complete':
-          text = kupManager.KupLanguageGrid.COMPLETE;
+          value = kupManager.KupLanguageGrid.COMPLETE;
           break;
         case 'dense':
-          text = kupManager.KupLanguageDensity.DENSE;
+          value = kupManager.KupLanguageDensity.DENSE;
           break;
         case 'medium':
-          text = kupManager.KupLanguageDensity.MEDIUM;
+          value = kupManager.KupLanguageDensity.MEDIUM;
           break;
         case 'None':
-          text = kupManager.KupLanguageGrid.NONE;
+          value = kupManager.KupLanguageGrid.NONE;
           break;
         case 'small':
-          text = kupManager.KupLanguageFontsize.SMALL;
+          value = kupManager.KupLanguageFontsize.SMALL;
           break;
         case 'Row':
-          text = kupManager.KupLanguageGrid.ROW;
+          value = kupManager.KupLanguageGrid.ROW;
           break;
         case 'wide':
-          text = kupManager.KupLanguageDensity.WIDE;
+          value = kupManager.KupLanguageDensity.WIDE;
           break;
       }
       listItems[i] = {
-        text: this.kupManager.language.translate(text),
-        value: codes[i],
-        selected: selectedCode == codes[i],
         icon: icons[i],
+        id: codes[i],
+        selected: selectedCode == codes[i],
+        value: this.kupManager.language.translate(value),
       };
     }
     return listItems;
@@ -17358,7 +17346,7 @@ KupDataTable.style = kupDataTableCss;
 
 const kupDatePickerCss = ":host{display:block;font-size:var(--kup-font-size)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";
 
-let KupDatePicker = class {
+const KupDatePicker = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupBlur = index.createEvent(this, "kup-datepicker-blur", 6);
@@ -17784,9 +17772,9 @@ var KupDropdownButtonProps;
   KupDropdownButtonProps["dropdownOnly"] = "Default value is false. When set to true, the arrow dropdown button is the only button displayed.";
 })(KupDropdownButtonProps || (KupDropdownButtonProps = {}));
 
-const kupDropdownButtonCss = ":host{display:block;width:max-content}#kup-component{position:relative}.dropdown-button--wrapper{display:flex;flex-direction:row}.f-button.dropdown-button__primary-action .button{border-top-right-radius:0;border-bottom-right-radius:0}.f-button.dropdown-button__primary-action .button.button--outlined{border-right:none}.f-button.dropdown-button__dropdown-action.dropdown-only .button{border-top-left-radius:4px;border-bottom-left-radius:4px}.f-button.dropdown-button__dropdown-action .button{border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:var(--kup-primary-color) -2px 0px 2px -2px}.f-button.dropdown-button__dropdown-action .button .button__icon{transition:transform 80ms linear}.f-button.dropdown-button__dropdown-action .button.button--raised{box-shadow:0px 3px 1px -2px rgba(var(--kup-text-color-rgb), 0.125), 0px 2px 2px 0px rgba(var(--kup-text-color-rgb), 0.1), 0px 1px 5px 0px rgba(var(--kup-text-color-rgb), 0.075), var(--kup-text-on-primary-color) -2px 0px 2px -2px}.f-button.dropdown-button__dropdown-action .button.button--disabled{box-shadow:none}.f-button.dropdown-button__dropdown-action .button.button--outlined{border-left:none}.f-button.dropdown-button__dropdown-action .button.toggled .button__icon{transform:rotate(180deg)}:host(.kup-shaped) .dropdown-button__primary-action .button{border-top-left-radius:18px;border-bottom-left-radius:18px}:host(.kup-shaped) .dropdown-button__dropdown-action .button{border-top-right-radius:18px;border-bottom-right-radius:18px}:host(.kup-full-width){width:100%}:host(.kup-full-width) .dropdown-button__primary-action{width:100%}:host(.kup-full-width) .dropdown-button__primary-action .button{width:100%}:host(.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}:host(.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}:host(.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)}:host(.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}:host(.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}";
+const kupDropdownButtonCss = ":host{display:block;width:max-content}#kup-component{position:relative}.dropdown-button--wrapper{display:flex;flex-direction:row}.f-button.dropdown-button__primary-action .button{border-top-right-radius:0;border-bottom-right-radius:0}.f-button.dropdown-button__primary-action .button.button--outlined{border-right:none}.f-button.dropdown-button__dropdown-action.dropdown-only .button{border-top-left-radius:4px;border-bottom-left-radius:4px}.f-button.dropdown-button__dropdown-action .button{border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:var(--kup-primary-color) -2px 0px 2px -2px}.f-button.dropdown-button__dropdown-action .button .button__icon{transition:transform 80ms linear}.f-button.dropdown-button__dropdown-action .button.button--raised{box-shadow:0px 3px 1px -2px rgba(var(--kup-text-color-rgb), 0.125), 0px 2px 2px 0px rgba(var(--kup-text-color-rgb), 0.1), 0px 1px 5px 0px rgba(var(--kup-text-color-rgb), 0.075), var(--kup-text-on-primary-color) -2px 0px 2px -2px}.f-button.dropdown-button__dropdown-action .button.button--disabled{box-shadow:none}.f-button.dropdown-button__dropdown-action .button.toggled .button__icon{transform:rotate(180deg)}.f-button.dropdown-button__dropdown-action:not(.dropdown-only) .button--outlined:not(.dropdown-only){border-left:none}:host(.kup-shaped) .dropdown-button__primary-action .button{border-top-left-radius:18px;border-bottom-left-radius:18px}:host(.kup-shaped) .dropdown-button__dropdown-action .button{border-top-right-radius:18px;border-bottom-right-radius:18px}:host(.kup-full-width){width:100%}:host(.kup-full-width) .dropdown-button__primary-action{width:100%}:host(.kup-full-width) .dropdown-button__primary-action .button{width:100%}:host(.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}:host(.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}:host(.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)}:host(.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}:host(.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}";
 
-let KupDropdownButton = class {
+const KupDropdownButton = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupBlur = index.createEvent(this, "kup-dropdownbutton-blur", 6);
@@ -17797,7 +17785,7 @@ let KupDropdownButton = class {
     /*-------------------------------------------------*/
     /*                   S t a t e s                   */
     /*-------------------------------------------------*/
-    this.value = '';
+    this.id = '';
     /*-------------------------------------------------*/
     /*                    P r o p s                    */
     /*-------------------------------------------------*/
@@ -17931,7 +17919,7 @@ let KupDropdownButton = class {
     this.kupBlur.emit({
       comp: this,
       id: this.rootElement.id,
-      value: this.value,
+      value: this.id,
     });
   }
   onKupClick() {
@@ -17939,14 +17927,14 @@ let KupDropdownButton = class {
     this.kupClick.emit({
       comp: this,
       id: this.rootElement.id,
-      value: this.value,
+      value: this.id,
     });
   }
   onKupFocus() {
     this.kupFocus.emit({
       comp: this,
       id: this.rootElement.id,
-      value: this.value,
+      value: this.id,
     });
   }
   onDropDownClick() {
@@ -17963,12 +17951,12 @@ let KupDropdownButton = class {
     this.kupChange.emit({
       comp: this,
       id: this.rootElement.id,
-      value: this.value,
+      value: this.id,
     });
     this.kupItemClick.emit({
       comp: this,
       id: this.rootElement.id,
-      value: this.value,
+      value: this.id,
     });
   }
   /*-------------------------------------------------*/
@@ -17986,7 +17974,7 @@ let KupDropdownButton = class {
    * Returns the component's internal value.
    */
   async getValue() {
-    return this.value;
+    return this.id;
   }
   /**
    * This method is used to trigger a new render of the component.
@@ -18005,7 +17993,7 @@ let KupDropdownButton = class {
    * Sets the internal value of the component.
    */
   async setValue(value) {
-    this.value = value;
+    this.id = value;
   }
   /*-------------------------------------------------*/
   /*           P r i v a t e   M e t h o d s         */
@@ -18064,9 +18052,9 @@ let KupDropdownButton = class {
   /**
    * Checks the consistency of the list.
    */
-  consistencyCheck(e, valueIn) {
-    const ret = consistencyCheck(valueIn, this.data['kup-list'], this.listEl, this.selectMode, this.displayMode, e);
-    this.value = ret.value;
+  consistencyCheck(e, idIn) {
+    const ret = consistencyCheck(idIn, this.data['kup-list'], this.listEl, this.selectMode, this.displayMode, e);
+    this.id = ret.value;
   }
   /*-------------------------------------------------*/
   /*          L i f e c y c l e   H o o k s          */
@@ -18074,7 +18062,7 @@ let KupDropdownButton = class {
   componentWillLoad() {
     this.kupManager.debug.logLoad(this, false);
     this.kupManager.theme.register(this);
-    this.value = this.initialValue;
+    this.id = this.initialValue;
     if (!this.data) {
       this.data = {
         'kup-list': {},
@@ -18082,7 +18070,7 @@ let KupDropdownButton = class {
     }
   }
   componentDidLoad() {
-    this.consistencyCheck(undefined, this.value);
+    this.consistencyCheck(undefined, this.id);
     this.kupManager.debug.logLoad(this, true);
   }
   componentWillRender() {
@@ -18577,7 +18565,7 @@ function arc() {
 
 const kupGaugeCss = ":host{--kup_gauge_color:var(--kup-gauge-color, var(--kup-text-color));--kup_gauge_font_family:var(--kup-gauge-font-family, var(--kup-font-family));--kup_gauge_font_size:var(--kup-gauge-font-size, var(--kup-font-size));--kup_gauge_needle_color:var(\n    --kup-gauge-needle-color,\n    var(--kup-text-color)\n  );display:inline-block;font-family:var(--kup_gauge_font_family);font-size:var(--kup_gauge_font_size);height:100%;width:100%}.gauge{box-sizing:border-box;height:100%;overflow:visible;padding:10px}.gauge__container{height:100%;width:100%}.gauge__label-text{fill:var(--kup_gauge_color);text-align:center}.gauge__value-text{fill:var(--kup_gauge_color);color:var(--kup_gauge_color);text-align:center}.gauge__needle-base,.gauge__needle{fill:var(--kup_gauge_needle_color)}";
 
-let KupGauge = class {
+const KupGauge = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /*-------------------------------------------------*/
@@ -19382,7 +19370,7 @@ var KupImageProps;
 
 const kupImageCss = ":host{display:block;position:relative;transition:color 0.2s ease;margin:auto}:host #kup-component{margin:auto;position:relative;transition:color 0.2s ease;height:100%;width:100%}:host #feedback{width:32px;height:32px;position:absolute;top:calc(50% - 16px);left:calc(50% - 16px)}:host([is-canvas]) canvas{height:100%;width:100%}canvas{display:block;height:100%;width:100%}";
 
-let KupImage = class {
+const KupImage = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupClick = index.createEvent(this, "kup-image-click", 6);
@@ -19562,7 +19550,7 @@ let KupImage = class {
 };
 KupImage.style = kupImageCss;
 
-const kupListCss = ":host{--kup_list_background:var(\n    --kup-list-background,\n    var(--kup-background-color)\n  );--kup_list_color:var(--kup-list-color, var(--kup-text-color));--kup_list_font_family:var(--kup-list-font-family, var(--kup-font-family));--kup_list_font_size:var(--kup-list-font-size, var(--kup-font-size));--kup_list_font_weight:var(--kup-list-font-weight, 400);--kup_list_group_item_height:var(--kup-list-group-item-height, 3em);--kup_list_item_height:var(--kup-list-item-height, 2.5em);--kup_list_item_padding:var(--kup-list-item-padding, 0 0.75em);--kup_list_max_height_as_menu:var(--kup-list-max-height-as-menu, 33vh);--kup_list_primary_color:var(\n    --kup-list-primary-color,\n    var(--kup-primary-color)\n  );--kup_list_primary_color_rgb:var(\n    --kup-list-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_list_separator_color:var(\n    --kup-list-separator-color,\n    rgba(var(--kup-text-color-rgb), 0.25)\n  );--kup_list_transition:var(--kup-list-transition, 120ms);display:block;font-family:var(--kup_list_font_family);font-size:var(--kup_list_font_size);outline:none}.list{background:var(--kup_list_background);color:var(--kup_list_color);font-weight:var(--kup_list_font_weight);letter-spacing:0.009375em;line-height:1.5em;list-style-type:none;margin:0;padding:0.5em 0;text-decoration:inherit;text-transform:inherit}.list--empty{padding:0}.list .list-item{display:-ms-flexbox;display:flex;height:var(--kup_list_item_height);position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding:var(--kup_list_item_padding);overflow:hidden;outline:none;transition:background-color var(--kup_list_transition), color var(--kup_list_transition)}.list .list-item[role=checkbox],.list .list-item[role=radio]{height:var(--kup_list_group_item_height)}.list .list-item.list-item--activated,.list .list-item.list-item--activated .list-item__graphic,.list .list-item.list-item--selected,.list .list-item.list-item--selected .list-item__graphic{background-color:rgba(var(--kup_list_primary_color_rgb), 0.175);color:var(--kup_list_primary_color)}.list .list-item .list-item__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list .list-item .list-item__primary-text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:0;line-height:normal;margin-bottom:-1.5em;display:block}.list .list-item .list-item__primary-text:before{display:inline-block;width:0;height:1.5em;content:\"\";vertical-align:0}.list .list-item .list-item__primary-text:after{display:inline-block;width:0;height:2em;content:\"\";vertical-align:-2em}.list .list-item .list-item__secondary-text{-moz-osx-font-smoothing:grayscale;-o-text-overflow:ellipsis;-webkit-font-smoothing:antialiased;display:block;font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em;text-decoration:inherit;text-transform:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:0;line-height:normal;color:var(--kup_list_color);opacity:0.75}.list .list-item .kup-icon{margin:0;margin-right:0.75em}.list .list-item kup-checkbox{margin:0}.list .list-divider{background-color:var(--kup_list_separator_color);height:1px;padding:0;background-clip:content-box}.list.list--two-line .list-item{height:3.6em}.list.list--two-line .list-item__text{-ms-flex-item-align:start;align-self:flex-start}.list:not(.list--non-interactive)>:not(.list-item--disabled).list-item{cursor:pointer}.list:not(.list--non-interactive)>:not(.list-item--disabled).list-item label{cursor:pointer}.list:not(.list--non-interactive) .list-item:not(.list-item--selected):hover,.list:not(.list--non-interactive) .list-item:not(.list-item--selected).list-item--focused{background-color:var(--kup-hover-background-color);color:var(--kup-hover-color)}.list.text-hidden .list-item__text{display:none}.kup-menu{animation:fade-in 0.25s ease-out;background-color:var(--kup-background-color);box-shadow:var(--kup-box-shadow);color:var(--kup-text-color);display:none;max-height:var(--kup_list_max_height_as_menu);overflow:auto;position:relative;transform:none;transform-origin:unset;transition:height 0.2s;user-select:none;will-change:unset}.kup-menu.visible{display:block}.kup-menu .list-item__text{user-select:none}:host(.kup-danger){--kup-list-primary-color:var(--kup-danger-color);--kup-list-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-list-primary-color:var(--kup-info-color);--kup-list-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-list-primary-color:var(--kup-secondary-color);--kup-list-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-list-primary-color:var(--kup-success-color);--kup-list-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-list-primary-color:var(--kup-warning-color);--kup-list-primary-color-rgb:var(--kup-warning-color-rgb)}";
+const kupListCss = ":host{--kup_list_background:var(\n    --kup-list-background,\n    var(--kup-background-color)\n  );--kup_list_color:var(--kup-list-color, var(--kup-text-color));--kup_list_font_family:var(--kup-list-font-family, var(--kup-font-family));--kup_list_font_size:var(--kup-list-font-size, var(--kup-font-size));--kup_list_font_weight:var(--kup-list-font-weight, 400);--kup_list_group_item_height:var(--kup-list-group-item-height, 3em);--kup_list_item_height:var(--kup-list-item-height, 2.5em);--kup_list_item_padding_left:var(--kup-list-item-padding, 0.75em);--kup_list_item_padding_right:var(--kup-list-item-padding, 0.75em);--kup_list_max_height_as_menu:var(--kup-list-max-height-as-menu, 33vh);--kup_list_primary_color:var(\n    --kup-list-primary-color,\n    var(--kup-primary-color)\n  );--kup_list_primary_color_rgb:var(\n    --kup-list-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_list_separator_color:var(\n    --kup-list-separator-color,\n    rgba(var(--kup-text-color-rgb), 0.25)\n  );--kup_list_transition:var(--kup-list-transition, 120ms);display:block;font-family:var(--kup_list_font_family);font-size:var(--kup_list_font_size);outline:none}.list{background:var(--kup_list_background);color:var(--kup_list_color);font-weight:var(--kup_list_font_weight);letter-spacing:0.009375em;line-height:1.5em;list-style-type:none;margin:0;padding:0.5em 0;text-decoration:inherit;text-transform:inherit}.list--empty{padding:0}.list .list-item{display:-ms-flexbox;display:flex;height:var(--kup_list_item_height);position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding-left:var(--kup_list_item_padding_left);padding-right:calc( var(--kup_list_item_padding_left) + var(--kup_list_item_expand_padding, 0px) );overflow:hidden;outline:none;transition:background-color var(--kup_list_transition), color var(--kup_list_transition)}.list .list-item[role=checkbox],.list .list-item[role=radio]{height:var(--kup_list_group_item_height)}.list .list-item.list-item--activated,.list .list-item.list-item--activated .list-item__graphic,.list .list-item.list-item--selected,.list .list-item.list-item--selected .list-item__graphic{background-color:rgba(var(--kup_list_primary_color_rgb), 0.175);color:var(--kup_list_primary_color)}.list .list-item .list-item__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list .list-item .list-item__primary-text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:0;line-height:normal;margin-bottom:-1.5em;display:block}.list .list-item .list-item__primary-text:before{display:inline-block;width:0;height:1.5em;content:\"\";vertical-align:0}.list .list-item .list-item__primary-text:after{display:inline-block;width:0;height:2em;content:\"\";vertical-align:-2em}.list .list-item .list-item__secondary-text{-moz-osx-font-smoothing:grayscale;-o-text-overflow:ellipsis;-webkit-font-smoothing:antialiased;display:block;font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em;text-decoration:inherit;text-transform:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:0;line-height:normal;color:var(--kup_list_color);opacity:0.75}.list .list-item .kup-icon{margin:0;margin-right:0.75em}.list .list-item kup-checkbox{margin:0}.list .list-divider{background-color:var(--kup_list_separator_color);height:1px;padding:0;background-clip:content-box}.list.list--two-line .list-item{height:3.6em}.list.list--two-line .list-item__text{-ms-flex-item-align:start;align-self:flex-start}.list:not(.list--non-interactive)>:not(.list-item--disabled).list-item{cursor:pointer}.list:not(.list--non-interactive)>:not(.list-item--disabled).list-item label{cursor:pointer}.list:not(.list--non-interactive) .list-item:not(.list-item--selected):hover,.list:not(.list--non-interactive) .list-item:not(.list-item--selected).list-item--focused{background-color:var(--kup-hover-background-color);color:var(--kup-hover-color)}.list.text-hidden .list-item__text{display:none}.kup-menu{animation:fade-in 0.25s ease-out;background-color:var(--kup-background-color);box-shadow:var(--kup-box-shadow);color:var(--kup-text-color);display:none;max-height:var(--kup_list_max_height_as_menu);overflow:auto;position:relative;transform:none;transform-origin:unset;transition:height 0.2s;user-select:none;will-change:unset}.kup-menu.visible{display:block}.kup-menu .list-item__text{user-select:none}:host([nested-list]){--kup_list_item_expand_padding:1.5em;max-width:250px}:host([nested-list]) .kup-menu{max-height:unset;overflow:visible}:host([nested-list]) kup-list{display:none;left:100%;position:absolute;top:0}:host([nested-list]) .list-item{overflow:visible}:host([nested-list]) .list-item__expand-icon{position:absolute;right:0}:host([nested-list]) .list-item:hover kup-list{display:block}:host(.kup-paddingless) .list{padding:0}:host(.kup-danger){--kup-list-primary-color:var(--kup-danger-color);--kup-list-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-list-primary-color:var(--kup-info-color);--kup-list-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-list-primary-color:var(--kup-secondary-color);--kup-list-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-list-primary-color:var(--kup-success-color);--kup-list-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-list-primary-color:var(--kup-warning-color);--kup-list-primary-color-rgb:var(--kup-warning-color-rgb)}";
 
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
   if (kind === "a" && !f)
@@ -19580,8 +19568,8 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
     throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _KupList_instances, _KupList_kupManager, _KupList_radios, _KupList_listItems, _KupList_handleSelection, _KupList_renderListItem, _KupList_getIconTag, _KupList_isMultiSelection, _KupList_isCheckBoxRule, _KupList_isRadioButtonRule, _KupList_isListBoxRule, _KupList_checkRoleType, _KupList_itemCompliant;
-let KupList = class {
+var _KupList_instances, _KupList_kupManager, _KupList_radios, _KupList_listItems, _KupList_handleSelection, _KupList_isNested, _KupList_renderListItem, _KupList_getIconTag, _KupList_isMultiSelection, _KupList_isCheckBoxRule, _KupList_isRadioButtonRule, _KupList_isListBoxRule, _KupList_checkRoleType, _KupList_itemCompliant;
+const KupList = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupBlur = index.createEvent(this, "kup-list-blur", 6);
@@ -19728,7 +19716,7 @@ let KupList = class {
       this.focused === null ||
       this.focused === undefined) {
       if (this.selected.length === 1) {
-        const selectedItem = this.data.find((x) => x.value === this.selected[0]);
+        const selectedItem = this.data.find((x) => x.id === this.selected[0]);
         this.focused = this.data.indexOf(selectedItem) + 1;
       }
       else {
@@ -19751,7 +19739,7 @@ let KupList = class {
       this.focused === null ||
       this.focused === undefined) {
       if (this.selected.length === 1) {
-        const selectedItem = this.data.find((x) => x.value === this.selected[0]);
+        const selectedItem = this.data.find((x) => x.id === this.selected[0]);
         this.focused = this.data.indexOf(selectedItem) - 1;
       }
       else {
@@ -19806,7 +19794,7 @@ let KupList = class {
     for (let index = 0; index < this.data.length; index++) {
       const el = this.data[index];
       if (el.selected) {
-        this.selected.push(el.value);
+        this.selected.push(el.id);
       }
     }
   }
@@ -19869,25 +19857,25 @@ let KupList = class {
 _KupList_kupManager = new WeakMap(), _KupList_radios = new WeakMap(), _KupList_listItems = new WeakMap(), _KupList_instances = new WeakSet(), _KupList_handleSelection = function _KupList_handleSelection(index) {
   if (index !== null && index !== undefined && !isNaN(index)) {
     const listItems = this.rootElement.shadowRoot.querySelectorAll('.list-item');
-    const value = listItems[index].dataset.value;
-    const dataEl = this.data.find((x) => x.value === value);
+    const id = listItems[index].dataset.id;
+    const dataEl = this.data.find((x) => x.id === id);
     switch (this.roleType) {
       case KupListRole.GROUP:
-        if (this.selected.includes(value)) {
-          this.selected.splice(this.selected.indexOf(value), 1);
+        if (this.selected.includes(id)) {
+          this.selected.splice(this.selected.indexOf(id), 1);
         }
         else {
-          this.selected.push(value);
+          this.selected.push(id);
         }
         this.selected = new Array(...this.selected);
         break;
       default:
-        this.selected = new Array(value);
+        this.selected = new Array(id);
         break;
     }
     for (let index = 0; index < this.data.length; index++) {
       const item = this.data[index];
-      item.selected = this.selected.includes(item.value);
+      item.selected = this.selected.includes(item.id);
     }
     this.kupClick.emit({
       comp: this,
@@ -19895,10 +19883,20 @@ _KupList_kupManager = new WeakMap(), _KupList_radios = new WeakMap(), _KupList_l
       selected: dataEl,
     });
   }
+}, _KupList_isNested = function _KupList_isNested() {
+  return this.rootElement.hasAttribute('nested-list');
 }, _KupList_renderListItem = function _KupList_renderListItem(item, index$1) {
   if (item.selected != true) {
     item.selected = false;
   }
+  if (!item.id) {
+    item.id = item.value;
+  }
+  let nestedList = null;
+  if (item.children && item.children.length > 0) {
+    this.rootElement.setAttribute('nested-list', '');
+    nestedList = (index.h("kup-list", { class: "kup-paddingless", data: item.children, isMenu: true, menuVisible: true, "nested-list": true }));
+  }
   let imageTag = undefined;
   if (this.showIcons == true &&
     item.icon != null &&
@@ -19906,12 +19904,12 @@ _KupList_kupManager = new WeakMap(), _KupList_radios = new WeakMap(), _KupList_l
     imageTag = __classPrivateFieldGet(this, _KupList_instances, "m", _KupList_getIconTag).call(this, item.icon);
   }
   let primaryTextTag = [
-    getValueOfItemByDisplayMode(item, this.displayMode, ' - '),
+    getIdOfItemByDisplayMode(item, this.displayMode, ' - '),
   ];
   let secTextTag = [];
   if (this.twoLine && item.secondaryText && item.secondaryText != '') {
     primaryTextTag = [
-      index.h("span", { class: "list-item__primary-text" }, item.text),
+      index.h("span", { class: "list-item__primary-text" }, item.value),
     ];
     secTextTag = [
       index.h("span", { class: "list-item__secondary-text" }, item.secondaryText),
@@ -19919,7 +19917,9 @@ _KupList_kupManager = new WeakMap(), _KupList_radios = new WeakMap(), _KupList_l
   }
   let classAttr = 'list-item';
   let tabIndexAttr = item.selected == true ? '0' : '-1';
-  if (item.selected == true && __classPrivateFieldGet(this, _KupList_instances, "m", _KupList_isListBoxRule).call(this)) {
+  if (!__classPrivateFieldGet(this, _KupList_instances, "m", _KupList_isNested).call(this) &&
+    item.selected == true &&
+    __classPrivateFieldGet(this, _KupList_instances, "m", _KupList_isListBoxRule).call(this)) {
     classAttr += ' list-item--selected';
   }
   if (this.focused === index$1) {
@@ -19940,7 +19940,7 @@ _KupList_kupManager = new WeakMap(), _KupList_radios = new WeakMap(), _KupList_l
     ariaCheckedAttr = item.selected == true ? 'true' : 'false';
     let dataTmp = [
       {
-        value: item.value,
+        value: item.id,
         label: '',
         checked: item.selected == true ? true : false,
       },
@@ -19973,13 +19973,23 @@ _KupList_kupManager = new WeakMap(), _KupList_radios = new WeakMap(), _KupList_l
   }
   vNodes.push(index.h("li", { ref: (el) => {
       __classPrivateFieldGet(this, _KupList_listItems, "f").push(el);
-    }, class: classAttr, role: roleAttr, tabindex: tabIndexAttr, "data-value": item.value, "aria-selected": ariaSelectedAttr, "aria-checked": ariaCheckedAttr, onBlur: !this.selectable
+    }, class: classAttr, role: roleAttr, tabindex: tabIndexAttr, "data-id": item.id, "aria-selected": ariaSelectedAttr, "aria-checked": ariaCheckedAttr, onBlur: !this.selectable
       ? (e) => e.stopPropagation()
       : () => this.onKupBlur(), onFocus: !this.selectable
       ? (e) => e.stopPropagation()
       : () => this.onKupFocus(), onClick: !this.selectable
       ? (e) => e.stopPropagation()
-      : () => this.onKupClick(index$1) }, innerSpanTag));
+      : __classPrivateFieldGet(this, _KupList_instances, "m", _KupList_isNested).call(this)
+        ? (e) => {
+          e.stopPropagation();
+          this.onKupClick(index$1);
+        }
+        : () => this.onKupClick(index$1) }, innerSpanTag, nestedList
+    ? [
+      index.h(fImage.FImage, { resource: "chevron-right", sizeX: "1.5em", sizeY: "1.5em", wrapperClass: "list-item__expand-icon" }),
+      nestedList,
+    ]
+    : null));
   return vNodes;
 }, _KupList_getIconTag = function _KupList_getIconTag(icon) {
   const large = this.rootElement.classList.contains('kup-large');
@@ -20006,13 +20016,13 @@ _KupList_kupManager = new WeakMap(), _KupList_radios = new WeakMap(), _KupList_l
     return true;
   }
   if (this.displayMode == ItemsDisplayMode.CODE) {
-    return (item.value.toLowerCase().indexOf(this.filter.toLowerCase()) >= 0);
+    return (item.id.toLowerCase().indexOf(this.filter.toLowerCase()) >= 0);
   }
   if (this.displayMode == ItemsDisplayMode.DESCRIPTION) {
-    return (item.text.toLowerCase().indexOf(this.filter.toLowerCase()) >= 0);
+    return (item.value.toLowerCase().indexOf(this.filter.toLowerCase()) >= 0);
   }
-  return (item.value.toLowerCase().indexOf(this.filter.toLowerCase()) >= 0 ||
-    item.text.toLowerCase().indexOf(this.filter.toLowerCase()) >= 0);
+  return (item.id.toLowerCase().indexOf(this.filter.toLowerCase()) >= 0 ||
+    item.value.toLowerCase().indexOf(this.filter.toLowerCase()) >= 0);
 };
 KupList.style = kupListCss;
 
@@ -20033,7 +20043,7 @@ var KupProgressBarProps;
 
 const kupProgressBarCss = ":host{--kup_progressbar_border_radius:var(--kup-progressbar-border-radius, 4px);--kup_progressbar_font_family:var(\n    --kup-progressbar-font-family,\n    var(--kup-font-family)\n  );--kup_progressbar_font_size:var(\n    --kup-progressbar-font-size,\n    var(--kup-font-size)\n  );--kup_progressbar_height:var(--kup-progressbar-height, 1.25em);--kup_progressbar_primary_color:var(\n    --kup-progressbar-primary-color,\n    var(--kup-primary-color)\n  );--kup_progressbar_text_color:var(\n    --kup-progressbar-text-color,\n    var(--kup-text-color)\n  );--kup_progressbar_text_color_rgb:var(\n    --kup-progressbar-text-color-rgb,\n    var(--kup-text-color-rgb)\n  );--kup_progressbar_text_on_primary_color:var(\n    --kup-progressbar-text-on-primary-color,\n    var(--kup-text-on-primary-color)\n  );--kup_progressbar_track_color:var(\n    --kup-progressbar-track-color,\n    var(--kup-disabled-background-color)\n  );--kup_progressbar_width:var(--kup-progressbar-width, 100%);display:block;font-family:var(--kup_progressbar_font_family);font-size:var(--kup_progressbar_font_size);width:var(--kup_progressbar_width)}.progress-bar{background:var(--kup_progressbar_track_color);border-radius:var(--kup_progressbar_border_radius);overflow:hidden;position:relative;width:var(--kup_progressbar_width)}.progress-bar.text-color-on-primary .progress-bar-percentage{color:var(--kup_progressbar_text_on_primary_color)}.progress-bar.text-color-on-primary .progress-bar-percentage span{color:var(--kup_progressbar_text_on_primary_color)}.progress-bar-percentage{background:var(--kup_progressbar_primary_color);border-radius:var(--kup_progressbar_border_radius);color:var(--kup_progressbar_text_color);height:var(--kup_progressbar_height);padding:0.5em 0;text-align:center;transition:width 0.2s ease}.progress-bar-percentage span{color:var(--kup_progressbar_text_color);display:inline-block;font-size:1em;left:0;line-height:var(--kup_progressbar_height);position:absolute;width:var(--kup_progressbar_width)}.progress-bar-percentage .kup-icon{display:block;height:var(--kup_progressbar_height)}.progress-bar-percentage .kup-icon:not(.is-image){background-color:var(--kup_progressbar_text_on_primary_color)}.progress-bar-percentage .kup-icon img{width:auto;height:100%}:host([is-radial]){box-sizing:border-box;margin:auto}:host([is-radial]) #kup-component{display:flex;font-size:10em;margin:auto}:host([is-radial]) .pie-wrapper{height:1em;width:1em;float:left;margin:auto;position:relative}:host([is-radial]) .pie-wrapper:nth-child(3n+1){clear:both}:host([is-radial]) .pie-wrapper .pie{height:1em;width:1em;clip:rect(0, 1em, 1em, 0.5em);left:0;position:absolute;top:0}:host([is-radial]) .pie-wrapper .pie.has-value .half-circle{border-color:var(--kup_progressbar_primary_color)}:host([is-radial]) .pie-wrapper .pie.has-value .half-circle.left-side{transition:transform 0.2s ease}:host([is-radial]) .pie-wrapper .pie.has-value.is-less-than-half .right-side{display:none}:host([is-radial]) .pie-wrapper .pie.has-value.is-more-than-half{clip:rect(auto, auto, auto, auto)}:host([is-radial]) .pie-wrapper .pie.has-value.is-more-than-half .right-side{transform:rotate(180deg)}:host([is-radial]) .pie-wrapper .pie .half-circle{height:1em;width:1em;border:0.1em solid var(--kup_progressbar_track_color);border-radius:50%;clip:rect(0, 0.5em, 1em, 0);left:0;position:absolute;top:0}:host([is-radial]) .pie-wrapper .label{background:none;bottom:0.4em;color:var(--kup_progressbar_text_color);cursor:default;display:block;font-size:0.25em;left:0.4em;line-height:2.75em;position:absolute;right:0.4em;text-align:center;top:0.4em}:host([is-radial]) .pie-wrapper .label.kup-icon{display:block;height:1.25em;width:1.25em;object-fit:cover;margin:auto}:host([is-radial]) .pie-wrapper .label.kup-icon:not(.is-image){background-color:var(--kup_progressbar_primary_color)}:host([is-radial]) .pie-wrapper .label.kup-icon img{width:auto;height:100%}:host([is-radial]) .pie-wrapper .label .smaller{color:var(--kup_progressbar_text_color);opacity:0.8;font-size:0.45em;padding-bottom:20px;vertical-align:super}:host([is-radial]) .pie-wrapper .shadow{height:1em;width:1em;border:0.1em solid var(--kup_progressbar_track_color);border-radius:50%}:host([is-radial]) *,:host([is-radial]) *:before,:host([is-radial]) *:after{box-sizing:border-box}@keyframes running-stripes{0%{background-position:0 0}100%{background-position:3em 3em}}:host(.kup-animated) .progress-bar-percentage{animation:running-stripes 2s linear infinite}:host(.kup-padded) .progress-bar{padding:0.5em;width:calc(100% - 1em)}:host(.kup-slim) #kup-component .progress-bar{border-radius:9px}:host(.kup-slim) #kup-component .progress-bar .progress-bar-percentage{border-radius:9px;padding:0}:host(.kup-slim) #kup-component .pie-wrapper .pie .half-circle{border-width:0.05em}:host(.kup-slim) #kup-component .pie-wrapper .shadow{border-width:0.05em}:host(.kup-striped) .progress-bar-percentage{background-image:linear-gradient(-45deg, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 25%, transparent 25%, transparent 50%, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 50%, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 75%, transparent 75%, transparent);background-size:3em 3em}:host(.kup-danger){--kup-progressbar-primary-color:var(--kup-danger-color);--kup-progressbar-text-on-primary-color:white}:host(.kup-info){--kup-progressbar-primary-color:var(--kup-info-color);--kup-progressbar-text-on-primary-color:white}:host(.kup-secondary){--kup-progressbar-primary-color:var(--kup-secondary-color);--kup-progressbar-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-progressbar-primary-color:var(--kup-success-color);--kup-progressbar-text-on-primary-color:white}:host(.kup-warning){--kup-progressbar-primary-color:var(--kup-warning-color);--kup-progressbar-text-on-primary-color:white}";
 
-let KupProgressBar = class {
+const KupProgressBar = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /*-------------------------------------------------*/
@@ -20236,7 +20246,7 @@ var KupRadioProps;
 
 const kupRadioCss = ":host{--kup_radio_font_family:var(--kup-radio-font-family, var(--kup-font-family));--kup_radio_font_size:var(--kup-radio-font-size, var(--kup-font-size));--kup_radio_font_weight:var(--kup-radio-font-weight, 400);--kup_radio_outer_circle_color:var(\n    --kup-radio-outer-circle-color,\n    rgba(var(--kup-text-color-rgb), 0.5)\n  );--kup_radio_primary_color:var(\n    --kup-radio-primary-color,\n    var(--kup-primary-color)\n  );--kup_radio_primary_color_rgb:var(\n    --kup-radio-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_radio_text_color:var(--kup-radio-text-color, var(--kup-text-color));display:block;font-family:var(--kup_radio_font_family);font-size:var(--kup_radio_font_size)}.form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:0.875em;line-height:2em;font-weight:var(--kup_radio_font_weight);letter-spacing:0.0178571429em;display:inline-flex;align-items:center;vertical-align:middle}.form-field label{color:var(--kup_radio_text_color);margin-left:0px;margin-right:auto;padding-left:4px;padding-right:0px;order:0}.form-field.form-field--align-end label{margin-left:auto;margin-right:0px;padding-left:0px;padding-right:4px;order:-1 !important}.radio-wrapper.radio-wrapper--grid{display:grid;grid-gap:1em;grid-template-columns:var(--kup_radio_columns)}.radio-wrapper .radio{border-radius:50%;padding:10px;position:relative;flex:0 0 auto;box-sizing:content-box;width:20px;height:20px;cursor:pointer;will-change:opacity, transform, border-color, color;will-change:transform, opacity}.radio-wrapper .radio:hover{background-color:rgba(var(--kup_radio_primary_color_rgb), 0.125)}.radio-wrapper .radio .radio__native-control{position:absolute;margin:0px;padding:0px;opacity:0;cursor:inherit;z-index:1;top:0px;right:0px;left:0px;width:40px;height:40px}.radio-wrapper .radio .radio__background{display:inline-block;position:relative;box-sizing:border-box;width:20px;height:20px;transition:opacity 120ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 120ms cubic-bezier(0, 0, 0.2, 1) 0ms}.radio-wrapper .radio .radio__background .radio__outer-circle{border-color:var(--kup_radio_outer_circle_color);position:absolute;top:0px;left:0px;box-sizing:border-box;width:100%;height:100%;border-width:2px;border-style:solid;border-radius:50%;transition:border-color 120ms cubic-bezier(0.4, 0, 0.6, 1) 0ms}.radio-wrapper .radio .radio__background .radio__inner-circle{position:absolute;top:0px;left:0px;box-sizing:border-box;width:100%;height:100%;transform:scale(0, 0);border-width:10px;border-style:solid;border-radius:50%;transition:transform 120ms cubic-bezier(0.4, 0, 0.6, 1) 0ms, border-color 120ms cubic-bezier(0.4, 0, 0.6, 1) 0ms}.radio-wrapper .radio.radio--checked .radio__outer-circle{border-color:var(--kup_radio_primary_color)}.radio-wrapper .radio.radio--checked .radio__inner-circle{border-color:var(--kup_radio_primary_color);transform:scale(0.5);transition:transform 120ms cubic-bezier(0, 0, 0.2, 1) 0ms, border-color 120ms cubic-bezier(0, 0, 0.2, 1) 0ms}.radio-wrapper .radio.radio--disabled{pointer-events:none}.radio-wrapper .radio.radio--disabled+label{pointer-events:none}.radio-wrapper .radio.radio--disabled .radio__outer-circle{border-color:var(--kup_radio_outer_circle_color)}.radio-wrapper .radio.radio--disabled .radio__inner-circle{border-color:var(--kup_radio_outer_circle_color)}:host(.kup-danger){--kup-radio-primary-color:var(--kup-danger-color);--kup-radio-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-radio-primary-color:var(--kup-info-color);--kup-radio-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-radio-primary-color:var(--kup-secondary-color);--kup-radio-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-radio-primary-color:var(--kup-success-color);--kup-radio-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-radio-primary-color:var(--kup-warning-color);--kup-radio-primary-color-rgb:var(--kup-warning-color-rgb)}";
 
-let KupRadio = class {
+const KupRadio = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupBlur = index.createEvent(this, "kup-radio-blur", 6);
@@ -20404,7 +20414,7 @@ var KupRatingProps;
 
 const kupRatingCss = ":host{--kup_rating_color:var(--kup-rating-color, orange);--kup_rating_font_size:var(--kup-rating-font-size, 30px);display:block}.rating{color:var(--kup_rating_color);cursor:pointer;font-size:var(--kup_rating_font_size)}";
 
-let KupRating = class {
+const KupRating = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupRatingClick = index.createEvent(this, "kup-rating-click", 6);
@@ -20559,7 +20569,7 @@ var KupSpinnerProps;
 
 const kupSpinnerCss = ":host{--kup_spinner_border_color:var(\n    --kup-spinner-border-color,\n    var(--kup-border-color)\n  );display:block}#loading-wrapper-master{background:transparent;opacity:0;overflow:hidden;transition:opacity 0.8s ease-in, background-color 1s ease-in;transform:translatez(0)}#loading-wrapper-master.spinner-version>#loading-wrapper-master-spinner{width:100%;height:100%;position:relative}#loading-wrapper-master.spinner-version>#loading-wrapper-master-spinner div{margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;transition:top 0.25s ease-in-out, opacity 0.25s ease-in-out}:host([active]) #loading-wrapper-master{opacity:1}:host([active]) #loading-wrapper-master.spinner-version>#loading-wrapper-master-spinner{opacity:1;overflow:hidden}:host([active]) #loading-wrapper-master.bar-version>#loading-wrapper-master-bar{opacity:1}:host([active]) #loading-wrapper-master.bar-version>#loading-wrapper-master-bar div.spinner-bar-v2{animation:sk-spinner-bar-v2 20s;background-color:var(--kup-spinner-color);left:-1%}:host([active]) #loading-wrapper-master.loading-wrapper-big-wait{background:rgba(128, 128, 128, 0.25)}:host([active]) #loading-wrapper-master.loading-wrapper-big-wait>#loading-wrapper-master-spinner{font-size:10px}:host([full-screen]) #loading-wrapper-master{top:0;left:0;bottom:0;right:0;pointer-events:none;position:fixed;width:100%;z-index:9999}:host([full-screen]) #loading-wrapper-master div,:host([full-screen]) #loading-wrapper-master.spinner-version #loading-wrapper-master-spinner{position:fixed;transition:opacity 1.25s ease-in, background-color 1s ease-in, top 0.5s ease-in}.spinner-v1{border-top:1em solid var(--kup_spinner_border_color);border-right:1em solid var(--kup_spinner_border_color);border-bottom:1em solid var(--kup_spinner_border_color);border-left:1em solid var(--kup-spinner-color);transform:translatez(0);animation:sk-spinner-v1 1.1s infinite linear}.spinner-v1,.spinner-v1:after{border-radius:50%;width:7em;height:7em}@keyframes sk-spinner-v1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-v2,.spinner-v2:before,.spinner-v2:after{border-radius:50%;width:2em;height:2em;animation-fill-mode:both;animation:sk-spinner-v2 1.4s infinite ease-in-out;transform:translatez(0)}.spinner-v2{backface-visibility:hidden;color:var(--kup-spinner-color);font-size:1em;transform:translateY(-2.5em);animation-delay:-0.16s}.spinner-v2:before,.spinner-v2:after{content:\"\";position:absolute;top:0}.spinner-v2:before{left:-4em;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.spinner-v2:after{left:4em}@keyframes sk-spinner-v2{0%,80%,100%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}.spinner-v3{color:var(--kup-spinner-color);font-size:6em;width:1em;height:1em;border-radius:50%;transform:translatez(0);animation:sk-spinner-v3 1.7s infinite ease, sk-spinner-v3-1 1.7s infinite ease}@keyframes sk-spinner-v3{0%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}5%,95%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}10%,59%{box-shadow:0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em}20%{box-shadow:0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em}38%{box-shadow:0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em}100%{box-shadow:0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em}}@keyframes sk-spinner-v3-1{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-v4{color:var(--kup-spinner-color);width:1em;height:1em;border-radius:50%;animation:sk-spinner-v4 1.3s infinite linear;transform:translatez(0)}@keyframes sk-spinner-v4{0%,100%{box-shadow:0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em}75%{box-shadow:0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0}87.5%{box-shadow:0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em}}.spinner-v5{margin-top:-0.8em;width:9em;height:9em;border-radius:50%;background:linear-gradient(to right, var(--kup-spinner-color) 10%, rgba(255, 255, 255, 0) 42%);animation:sk-spinner-v5 1.4s infinite linear;transform:translatez(0)}.spinner-v5:before{width:50%;height:50%;background:var(--kup-spinner-color);border-radius:100% 0 0 0;position:absolute;top:0;left:0;content:\"\"}.spinner-v5:after{background:var(--kup_spinner_border_color);width:75%;height:75%;border-radius:50%;content:\"\";margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}@keyframes sk-spinner-v5{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.spinner-v6,.spinner-v6:before,.spinner-v6:after{background:var(--kup-spinner-color);animation:sk-spinner-v6 1s infinite ease-in-out;width:1em;height:4em}.spinner-v6{color:var(--kup-spinner-color);margin-top:2em;transform:translatez(0);animation-delay:-0.16s}.spinner-v6:before,.spinner-v6:after{position:absolute;top:0;content:\"\"}.spinner-v6:before{left:-1.5em;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.spinner-v6:after{left:1.5em}@keyframes sk-spinner-v6{0%,80%,100%{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}.spinner-v7{width:6em;height:6em;position:relative;animation:sk-spinner-v7 2.5s infinite linear both}.sk-spinner-v7-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:sk-spinner-v7-dot 2s infinite ease-in-out both}.sk-spinner-v7-dot:before{content:\"\";display:block;width:25%;height:25%;background-color:var(--kup-spinner-color);border-radius:100%;animation:sk-spinner-v7-dot-before 2s infinite ease-in-out both}.sk-spinner-v7-dot:nth-child(1){animation-delay:-1.1s}.sk-spinner-v7-dot:nth-child(2){animation-delay:-1s}.sk-spinner-v7-dot:nth-child(3){animation-delay:-0.9s}.sk-spinner-v7-dot:nth-child(4){animation-delay:-0.8s}.sk-spinner-v7-dot:nth-child(5){animation-delay:-0.7s}.sk-spinner-v7-dot:nth-child(6){animation-delay:-0.6s}.sk-spinner-v7-dot:nth-child(1):before{animation-delay:-1.1s}.sk-spinner-v7-dot:nth-child(2):before{animation-delay:-1s}.sk-spinner-v7-dot:nth-child(3):before{animation-delay:-0.9s}.sk-spinner-v7-dot:nth-child(4):before{animation-delay:-0.8s}.sk-spinner-v7-dot:nth-child(5):before{animation-delay:-0.7s}.sk-spinner-v7-dot:nth-child(6):before{animation-delay:-0.6s}@keyframes sk-spinner-v7{100%{transform:rotate(360deg)}}@keyframes sk-spinner-v7-dot{80%,100%{transform:rotate(360deg)}}@keyframes sk-spinner-v7-dot-before{50%{transform:scale(0.4)}100%,0%{transform:scale(1)}}.spinner-v8{width:8em;height:8em;background-color:var(--kup-spinner-color);animation:sk-spinner-v8 1.2s infinite ease-in-out}@keyframes sk-spinner-v8{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.spinner-v9{width:8em;height:8em;position:relative}.sk-spinner-v9-bounce1,.sk-spinner-v9-bounce2{width:100%;height:100%;border-radius:50%;background-color:var(--kup-spinner-color);opacity:0.6;position:absolute;top:0;left:0;animation:sk-spinner-v9 2s infinite ease-in-out}.sk-spinner-v9-bounce2{animation-delay:-1s}@keyframes sk-spinner-v9{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.spinner-v10{width:8em;height:8em;position:relative}.sk-spinner-v10-cube1,.sk-spinner-v10-cube2{backface-visibility:hidden;background-color:var(--kup-spinner-color);width:2em;height:2em;position:absolute;top:0;left:0;bottom:unset !important;right:unset !important;animation:sk-spinner-v10 1.8s infinite ease-in-out}.sk-spinner-v10-cube2{animation-delay:-0.9s}@keyframes sk-spinner-v10{25%{transform:translateX(5em) rotate(-90deg) scale(0.5)}50%{transform:translateX(5em) translateY(5em) rotate(-179deg)}50.1%{transform:translateX(5em) translateY(5em) rotate(-180deg)}75%{transform:translateX(0px) translateY(5em) rotate(-270deg) scale(0.5)}100%{transform:rotate(-360deg)}}.spinner-v11{width:8em;height:8em;background-color:var(--kup-spinner-color);border-radius:100%;animation:sk-spinner-v11 1s infinite ease-in-out}@keyframes sk-spinner-v11{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}.spinner-v12{width:8em;height:8em;position:relative;text-align:center;animation:sk-spinner-v12 2s infinite linear}.sk-spinner-v12-dot1,.sk-spinner-v12-dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0 !important;left:unset !important;bottom:unset !important;right:unset !important;background-color:var(--kup-spinner-color);border-radius:100%;animation:sk-spinner-v12-1 2s infinite ease-in-out}.sk-spinner-v12-dot2{top:auto !important;bottom:0 !important;left:unset !important;right:unset !important;animation-delay:-1s}@keyframes sk-spinner-v12{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@keyframes sk-spinner-v12-1{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.spinner-v13{width:7em;height:7em}.spinner-v13 .sk-spinner-v13-cube{backface-visibility:hidden;background-color:var(--kup-spinner-color);float:left;height:33%;width:33%;position:relative !important;animation:sk-spinner-v13 1.3s infinite ease-in-out;outline:1px solid transparent}.spinner-v13 .sk-spinner-v13-cube1{animation-delay:0.2s}.spinner-v13 .sk-spinner-v13-cube2{animation-delay:0.3s}.spinner-v13 .sk-spinner-v13-cube3{animation-delay:0.4s}.spinner-v13 .sk-spinner-v13-cube4{animation-delay:0.1s}.spinner-v13 .sk-spinner-v13-cube5{animation-delay:0.2s}.spinner-v13 .sk-spinner-v13-cube6{animation-delay:0.3s}.spinner-v13 .sk-spinner-v13-cube7{animation-delay:0s}.spinner-v13 .sk-spinner-v13-cube8{animation-delay:0.1s}.spinner-v13 .sk-spinner-v13-cube9{animation-delay:0.2s}@keyframes sk-spinner-v13{0%,70%,100%{transform:scale3D(1, 1, 1)}35%{transform:scale3D(0, 0, 1)}}.spinner-v14{width:8em;height:8em;position:relative}.spinner-v14 .sk-spinner-v14-circle{width:100%;height:100%;position:absolute;left:0;top:0}.spinner-v14 .sk-spinner-v14-circle:before{content:\"\";display:block;margin:0 auto;width:15%;height:15%;background-color:var(--kup-spinner-color);border-radius:100%;-webkit-animation:sk-spinner-v14-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-spinner-v14-circleFadeDelay 1.2s infinite ease-in-out both}.spinner-v14 .sk-spinner-v14-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.spinner-v14 .sk-spinner-v14-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.spinner-v14 .sk-spinner-v14-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.spinner-v14 .sk-spinner-v14-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.spinner-v14 .sk-spinner-v14-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.spinner-v14 .sk-spinner-v14-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.spinner-v14 .sk-spinner-v14-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.spinner-v14 .sk-spinner-v14-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.spinner-v14 .sk-spinner-v14-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.spinner-v14 .sk-spinner-v14-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.spinner-v14 .sk-spinner-v14-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.spinner-v14 .sk-spinner-v14-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner-v14 .sk-spinner-v14-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner-v14 .sk-spinner-v14-circle4:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.spinner-v14 .sk-spinner-v14-circle5:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.spinner-v14 .sk-spinner-v14-circle6:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.spinner-v14 .sk-spinner-v14-circle7:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.spinner-v14 .sk-spinner-v14-circle8:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.spinner-v14 .sk-spinner-v14-circle9:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.spinner-v14 .sk-spinner-v14-circle10:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.spinner-v14 .sk-spinner-v14-circle11:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.spinner-v14 .sk-spinner-v14-circle12:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@keyframes sk-spinner-v14-circleFadeDelay{0%,39%,100%{opacity:0}40%{opacity:1}}.spinner-bar-v1{height:1em;width:100%;position:absolute;overflow:hidden;transform:translatez(0)}.spinner-bar-v1:before{display:block;position:absolute;content:\"\";width:25%;height:1em;animation:sk-spinner-bar-v1 5s linear infinite;transform:translatez(0)}@keyframes sk-spinner-bar-v1{from{left:-25%;background:var(--kup-spinner-color);background:linear-gradient(to left, var(--kup-spinner-color) 0, rgba(255, 255, 255, 0) 100%)}50%{left:100%}to{left:-25%;background:var(--kup-spinner-color);background:linear-gradient(to right, var(--kup-spinner-color) 0, rgba(255, 255, 255, 0) 100%)}}.spinner-bar-v2{box-shadow:-1px 0px 2px 2px var(--kup-spinner-color);height:calc(1em - 2px);position:absolute;overflow:hidden;animation-timing-function:cubic-bezier(0.19, 0.78, 0.19, 0.78);transform:translatez(0);animation:none;width:100%}@keyframes sk-spinner-bar-v2{from{left:-100%}to{left:-1%}}:host(.kup-unclickable) #loading-wrapper-master{cursor:wait;pointer-events:all}";
 
-let KupSpinner = class {
+const KupSpinner = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupSpinnerReady = index.createEvent(this, "kup-spinner-ready", 6);
@@ -20800,7 +20810,7 @@ var KupSwitchProps;
 
 const kupSwitchCss = ":host{display:block}";
 
-let KupSwitch = class {
+const KupSwitch = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupBlur = index.createEvent(this, "kup-switch-blur", 6);
@@ -20971,9 +20981,9 @@ var KupTabBarProps;
   KupTabBarProps["ripple"] = "When enabled displays Material's ripple effect on item headers.";
 })(KupTabBarProps || (KupTabBarProps = {}));
 
-const kupTabBarCss = ":host{--kup_tabbar_font_family:var(\n    --kup-tabbar-font-family,\n    var(--kup-font-family)\n  );--kup_tabbar_font_size:var(--kup-tabbar-font-size, var(--kup-font-size));--kup_tabbar_font_weight:var(--kup-tabbar-font-weight, 500);--kup_tabbar_height:var(--kup-tabbar-height, 36px);--kup_tabbar_primary_color:var(\n    --kup-tabbar-primary-color,\n    var(--kup-primary-color)\n  );--kup_tabbar_primary_color_rgb:var(\n    --kup-tabbar-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_tabbar_tab_padding:var(--kup-tabbar-tab-padding, 0 24px);display:block;font-family:var(--kup_tabbar_font_family);font-size:var(--kup_tabbar_font_size)}.tab-bar{width:100%}.tab-bar .tab-scroller{height:var(--kup_tabbar_height);overflow-y:hidden}.tab-bar .tab-scroller .tab-scroller__scroll-area{display:flex;overflow-x:hidden;overflow:auto}.tab-bar .tab-scroller .tab-scroller__scroll-area .tab-scroller__scroll-content{position:relative;display:flex;flex:1 0 auto;transform:none;will-change:transform}.tab-bar .tab-scroller .tab{-webkit-font-smoothing:antialiased;padding:var(--kup_tabbar_tab_padding);min-width:90px;position:relative;display:flex;flex:1 0 auto;justify-content:center;box-sizing:border-box;margin:0px;border:none;outline:none;background:none;text-align:center;white-space:nowrap;cursor:pointer;appearance:none;z-index:1;height:var(--kup_tabbar_height);font-size:0.875em;font-weight:var(--kup_tabbar_font_weight);letter-spacing:0.0892857143em;text-transform:uppercase}.tab-bar .tab-scroller .tab .tab__icon+.tab__text-label{padding-left:8px;padding-right:0px}.tab-bar .tab-scroller .tab:hover{background-color:rgba(var(--kup_tabbar_primary_color_rgb), 0.075)}.tab-bar .tab-scroller .tab__content{position:relative;display:flex;align-items:center;justify-content:center;height:inherit;pointer-events:none}.tab-bar .tab-scroller .tab__content .tab__icon{transition:color 150ms linear 0s;width:24px;height:24px;font-size:24px;z-index:2}.tab-bar .tab-scroller .tab__content .tab__icon.kup-icon{background-color:var(--kup_tabbar_primary_color);height:24px;width:24px}.tab-bar .tab-scroller .tab__content .tab__text-label{transition:color 150ms linear 0s;display:inline-block;line-height:1;z-index:2;color:var(--kup_tabbar_primary_color)}.tab-bar .tab-scroller .tab-indicator{display:flex;position:absolute;top:0px;left:0px;justify-content:center;width:100%;height:100%;pointer-events:none;z-index:1}.tab-bar .tab-scroller .tab-indicator.tab-indicator--active .tab-indicator__content{opacity:1}.tab-bar .tab-scroller .tab-indicator .tab-indicator__content{border-color:var(--kup_tabbar_primary_color);transform-origin:left center;opacity:0}.tab-bar .tab-scroller .tab-indicator .tab-indicator__content.tab-indicator__content--underline{align-self:flex-end;box-sizing:border-box;width:100%;border-top-style:solid;border-top-width:2px;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.tab-bar .tab-scroller.tab--active .tab__icon{transition-delay:100ms}.tab-bar .tab-scroller.tab--active .tab__text-label{transition-delay:100ms}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_tabbar_primary_color)}";
+const kupTabBarCss = ":host{--kup_tabbar_font_family:var(\n    --kup-tabbar-font-family,\n    var(--kup-font-family)\n  );--kup_tabbar_font_size:var(--kup-tabbar-font-size, var(--kup-font-size));--kup_tabbar_font_weight:var(--kup-tabbar-font-weight, 500);--kup_tabbar_height:var(--kup-tabbar-height, 36px);--kup_tabbar_primary_color:var(\n    --kup-tabbar-primary-color,\n    var(--kup-primary-color)\n  );--kup_tabbar_primary_color_rgb:var(\n    --kup-tabbar-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_tabbar_tab_padding:var(--kup-tabbar-tab-padding, 0 24px);display:block;font-size:var(--kup_tabbar_font_size)}.tab-bar{width:100%}.tab-bar .tab-scroller{height:var(--kup_tabbar_height);overflow-y:hidden}.tab-bar .tab-scroller .tab-scroller__scroll-area{display:flex;overflow-x:hidden;overflow:auto}.tab-bar .tab-scroller .tab-scroller__scroll-area .tab-scroller__scroll-content{position:relative;display:flex;flex:1 0 auto;transform:none;will-change:transform}.tab-bar .tab-scroller .tab{-webkit-font-smoothing:antialiased;padding:var(--kup_tabbar_tab_padding);min-width:90px;position:relative;display:flex;flex:1 0 auto;justify-content:center;box-sizing:border-box;margin:0px;border:none;outline:none;background:none;text-align:center;white-space:nowrap;cursor:pointer;appearance:none;z-index:1;height:var(--kup_tabbar_height);font-family:var(--kup_tabbar_font_family);font-size:0.875em;font-weight:var(--kup_tabbar_font_weight);letter-spacing:0.0892857143em;text-transform:uppercase}.tab-bar .tab-scroller .tab .tab__icon+.tab__text-label{padding-left:8px;padding-right:0px}.tab-bar .tab-scroller .tab:hover{background-color:rgba(var(--kup_tabbar_primary_color_rgb), 0.075)}.tab-bar .tab-scroller .tab__content{position:relative;display:flex;align-items:center;justify-content:center;height:inherit;pointer-events:none}.tab-bar .tab-scroller .tab__content .tab__icon{transition:color 150ms linear 0s;width:24px;height:24px;font-size:24px;z-index:2}.tab-bar .tab-scroller .tab__content .tab__icon.kup-icon{background-color:var(--kup_tabbar_primary_color);height:24px;width:24px}.tab-bar .tab-scroller .tab__content .tab__text-label{transition:color 150ms linear 0s;display:inline-block;line-height:1;z-index:2;color:var(--kup_tabbar_primary_color)}.tab-bar .tab-scroller .tab-indicator{display:flex;position:absolute;top:0px;left:0px;justify-content:center;width:100%;height:100%;pointer-events:none;z-index:1}.tab-bar .tab-scroller .tab-indicator.tab-indicator--active .tab-indicator__content{opacity:1}.tab-bar .tab-scroller .tab-indicator .tab-indicator__content{border-color:var(--kup_tabbar_primary_color);transform-origin:left center;opacity:0}.tab-bar .tab-scroller .tab-indicator .tab-indicator__content.tab-indicator__content--underline{align-self:flex-end;box-sizing:border-box;width:100%;border-top-style:solid;border-top-width:2px;transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.tab-bar .tab-scroller.tab--active .tab__icon{transition-delay:100ms}.tab-bar .tab-scroller.tab--active .tab__text-label{transition-delay:100ms}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_tabbar_primary_color)}";
 
-let KupTabBar = class {
+const KupTabBar = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupBlur = index.createEvent(this, "kup-tabbar-blur", 6);
@@ -21189,7 +21199,7 @@ var KupTextFieldProps;
 
 const kupTextFieldCss = ":host{display:block;font-size:var(--kup-font-size)}:host([full-width]){width:100%}:host([full-width]) #kup-component{width:100%}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component,:host(.kup-full-height) .f-text-field,:host(.kup-full-height) .mdc-text-field{height:100%}:host(.kup-shaped) #kup-component .mdc-text-field.mdc-text-field--filled{border-radius:16px 16px 0 0}:host(.kup-shaped) #kup-component .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{border-radius:28px 0 0 28px;width:28px}:host(.kup-shaped) #kup-component .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-radius:0 28px 28px 0;width:28px}";
 
-let KupTextField = class {
+const KupTextField = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupBlur = index.createEvent(this, "kup-textfield-blur", 6);
@@ -21551,7 +21561,7 @@ var KupTimePickerProps;
 
 const kupTimePickerCss = ":host{display:block;font-size:var(--kup-font-size);width:max-content}#time-picker-div{display:none;outline:none;position:absolute;z-index:1}#time-picker-div.visible{display:block}.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)}.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}.top span{cursor:pointer;opacity:0.75;transition:0.25s ease-in-out}.top .active{opacity:1}.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}.circle.active{display:block}.mid{position:absolute;left:calc(50% - 0px);top:calc(50% - 0px);width:2px;height:2px;border-radius:10px;background-color:var(--kup-text-color)}.hour{position:absolute;height:40px;line-height:40px;width:40px;border-radius:40px;text-align:center}.hour.selected{z-index: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%}.hour2{z-index:2;position:absolute;height:30px;line-height:30px;width:30px;border-radius:40px;text-align:center;font-size:14px}.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}.unit{position:absolute;height:20px;line-height:20px;width:20px;border-radius:40px;text-align:center;font-size:12px}.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%}.hour,.hour2,.unit{cursor:pointer;transition:background-color 0.25s}.hour:hover,.hour2:hover,.unit:hover{background-color:rgba(var(--kup-primary-color-rgb), 0.275)}.hour.selected,.hour2.selected,.unit.selected{background-color:var(--kup-primary-color);color:var(--kup-text-on-primary-color)}.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}.action{display:inline-block;width:100px;text-align:center;height:37.5px;line-height:37.5px;margin-right:10px;cursor:pointer;border-radius:2px}.clock .actions .action:hover{background-color:rgba(0, 0, 0, 0.1)}.clock .actions .action:active{background-color:rgba(0, 0, 0, 0.3)}.hour:nth-child(12):after{transform:rotate(330deg)}.hour:nth-child(11):after{transform:rotate(300deg)}.hour:nth-child(10):after{transform:rotate(270deg)}.hour:nth-child(9):after{transform:rotate(240deg)}.hour:nth-child(8):after{transform:rotate(210deg)}.hour:nth-child(7):after{transform:rotate(180deg)}.hour:nth-child(6):after{transform:rotate(150deg)}.hour:nth-child(5):after{transform:rotate(120deg)}.hour:nth-child(4):after{transform:rotate(90deg)}.hour:nth-child(3):after{transform:rotate(60deg)}.hour:nth-child(2):after{transform:rotate(30deg)}.hour:nth-child(1):after{transform:rotate(0deg)}.hour2:nth-child(24):after{transform:rotate(690deg)}.hour2:nth-child(23):after{transform:rotate(660deg)}.hour2:nth-child(22):after{transform:rotate(630deg)}.hour2:nth-child(21):after{transform:rotate(600deg)}.hour2:nth-child(20):after{transform:rotate(570deg)}.hour2:nth-child(19):after{transform:rotate(540deg)}.hour2:nth-child(18):after{transform:rotate(510deg)}.hour2:nth-child(17):after{transform:rotate(480deg)}.hour2:nth-child(16):after{transform:rotate(450deg)}.hour2:nth-child(15):after{transform:rotate(420deg)}.hour2:nth-child(14):after{transform:rotate(390deg)}.hour2:nth-child(13):after{transform:rotate(360deg)}.unit:nth-child(60):after{transform:rotate(354deg)}.unit:nth-child(59):after{transform:rotate(348deg)}.unit:nth-child(58):after{transform:rotate(342deg)}.unit:nth-child(57):after{transform:rotate(336deg)}.unit:nth-child(56):after{transform:rotate(330deg)}.unit:nth-child(55):after{transform:rotate(324deg)}.unit:nth-child(54):after{transform:rotate(318deg)}.unit:nth-child(53):after{transform:rotate(312deg)}.unit:nth-child(52):after{transform:rotate(306deg)}.unit:nth-child(51):after{transform:rotate(300deg)}.unit:nth-child(50):after{transform:rotate(294deg)}.unit:nth-child(49):after{transform:rotate(288deg)}.unit:nth-child(48):after{transform:rotate(282deg)}.unit:nth-child(47):after{transform:rotate(276deg)}.unit:nth-child(46):after{transform:rotate(270deg)}.unit:nth-child(45):after{transform:rotate(264deg)}.unit:nth-child(44):after{transform:rotate(258deg)}.unit:nth-child(43):after{transform:rotate(252deg)}.unit:nth-child(42):after{transform:rotate(246deg)}.unit:nth-child(41):after{transform:rotate(240deg)}.unit:nth-child(40):after{transform:rotate(234deg)}.unit:nth-child(39):after{transform:rotate(228deg)}.unit:nth-child(38):after{transform:rotate(222deg)}.unit:nth-child(37):after{transform:rotate(216deg)}.unit:nth-child(36):after{transform:rotate(210deg)}.unit:nth-child(35):after{transform:rotate(204deg)}.unit:nth-child(34):after{transform:rotate(198deg)}.unit:nth-child(33):after{transform:rotate(192deg)}.unit:nth-child(32):after{transform:rotate(186deg)}.unit:nth-child(31):after{transform:rotate(180deg)}.unit:nth-child(30):after{transform:rotate(174deg)}.unit:nth-child(29):after{transform:rotate(168deg)}.unit:nth-child(28):after{transform:rotate(162deg)}.unit:nth-child(27):after{transform:rotate(156deg)}.unit:nth-child(26):after{transform:rotate(150deg)}.unit:nth-child(25):after{transform:rotate(144deg)}.unit:nth-child(24):after{transform:rotate(138deg)}.unit:nth-child(23):after{transform:rotate(132deg)}.unit:nth-child(22):after{transform:rotate(126deg)}.unit:nth-child(21):after{transform:rotate(120deg)}.unit:nth-child(20):after{transform:rotate(114deg)}.unit:nth-child(19):after{transform:rotate(108deg)}.unit:nth-child(18):after{transform:rotate(102deg)}.unit:nth-child(17):after{transform:rotate(96deg)}.unit:nth-child(16):after{transform:rotate(90deg)}.unit:nth-child(15):after{transform:rotate(84deg)}.unit:nth-child(14):after{transform:rotate(78deg)}.unit:nth-child(13):after{transform:rotate(72deg)}.unit:nth-child(12):after{transform:rotate(66deg)}.unit:nth-child(11):after{transform:rotate(60deg)}.unit:nth-child(10):after{transform:rotate(54deg)}.unit:nth-child(9):after{transform:rotate(48deg)}.unit:nth-child(8):after{transform:rotate(42deg)}.unit:nth-child(7):after{transform:rotate(36deg)}.unit:nth-child(6):after{transform:rotate(30deg)}.unit:nth-child(5):after{transform:rotate(24deg)}.unit:nth-child(4):after{transform:rotate(18deg)}.unit:nth-child(3):after{transform:rotate(12deg)}.unit:nth-child(2):after{transform:rotate(6deg)}.unit:nth-child(1):after{transform:rotate(0deg)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb);--kup-list-primary-color:var(--kup-danger-color);--kup-list-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb);--kup-list-primary-color:var(--kup-info-color);--kup-list-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-list-primary-color:var(--kup-secondary-color);--kup-list-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb);--kup-list-primary-color:var(--kup-success-color);--kup-list-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb);--kup-list-primary-color:var(--kup-warning-color);--kup-list-primary-color-rgb:var(--kup-warning-color-rgb)}";
 
-let KupTimePicker = class {
+const KupTimePicker = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupBlur = index.createEvent(this, "kup-timepicker-blur", 6);
@@ -21630,7 +21640,7 @@ let KupTimePicker = class {
   onKupTimePickerItemClick(e, value) {
     if (e != null) {
       if (value == null) {
-        value = e.detail.selected.value;
+        value = e.detail.selected.id;
       }
     }
     this.setPickerValueSelected(value);
@@ -21918,11 +21928,14 @@ let KupTimePicker = class {
         } }));
     }
     else {
-      return (index.h("kup-list", { ref: (el) => (this.pickerKupEl = el), data: this.createTimeListData(this.value), "is-menu": true, "onkup-list-click": (e) => this.onKupTimePickerItemClick(e, e.detail.selected.value), id: this.rootElement.id + '_list' }));
+      return (index.h("kup-list", { ref: (el) => (this.pickerKupEl = el), data: this.createTimeListData(this.value), "is-menu": true, "onkup-list-click": (e) => this.onKupTimePickerItemClick(e, e.detail.selected.id), id: this.rootElement.id + '_list' }));
     }
   }
   createTimeListData(value) {
-    let listData = [];
+    const date = new Date();
+    const listData = [];
+    const totalDayMinutes = 24 * 60;
+    const itemsCount = totalDayMinutes / this.timeMinutesStep;
     let selectedTime;
     if (value == null || value.trim() == '') {
       selectedTime = new Date();
@@ -21932,9 +21945,6 @@ let KupTimePicker = class {
         ? kupManager.KupDatesFormats.ISO_TIME
         : kupManager.KupDatesFormats.ISO_TIME_WITHOUT_SECONDS);
     }
-    let totalDayMinutes = 24 * 60;
-    let itemsCount = totalDayMinutes / this.timeMinutesStep;
-    let date = new Date();
     date.setHours(0, 0, 0);
     for (let i = 0; i < itemsCount; i++) {
       let selected = false;
@@ -21942,14 +21952,14 @@ let KupTimePicker = class {
         date.getMinutes() == selectedTime.getMinutes()) {
         selected = true;
       }
-      let text = utils.formatTime(date, this.manageSeconds);
-      let value = utils.formattedStringToCustomUnformattedStringTime(text, this.manageSeconds
+      const value = utils.formatTime(date, this.manageSeconds);
+      const id = utils.formattedStringToCustomUnformattedStringTime(value, this.manageSeconds
         ? kupManager.KupDatesFormats.ISO_TIME
         : kupManager.KupDatesFormats.ISO_TIME_WITHOUT_SECONDS, this.manageSeconds);
       let item = {
-        text: text,
-        value: value,
+        id: id,
         selected: selected,
+        value: value,
       };
       listData[listData.length] = item;
       date.setMinutes(date.getMinutes() + this.timeMinutesStep);
@@ -22037,7 +22047,7 @@ var ViewMode;
 
 const kupTooltipCss = ":host{outline:none}:host #wrapper{display:block;font-size:var(--kup-font-size)}:host #wrapper #tooltip{background:var(--kup-background-color);color:var(--kup-text-color);box-shadow:var(--kup-box-shadow);border-radius:3px;min-width:350px;max-width:700px;writing-mode:horizontal-tb}:host #wrapper #tooltip #main-content{padding:10px 20px;display:flex}:host #wrapper #tooltip #main-content .left{width:75px;margin-right:15px}:host #wrapper #tooltip #main-content .title{display:inline-block;max-width:440px}:host #wrapper #tooltip #main-content .title:hover{text-decoration:underline;cursor:pointer}:host #wrapper #tooltip #main-content .right{display:flex;flex-direction:column;justify-content:space-between}:host #wrapper #tooltip #main-content .right kup-button{display:inline-block}:host #wrapper #tooltip #main-content.layout2{justify-content:center;align-items:center}:host #wrapper #tooltip #main-content.layout3{flex-direction:column}:host #wrapper #tooltip #main-content.layout3>div:not(:last-child){margin-bottom:6px}:host #wrapper #tooltip #main-content h3,:host #wrapper #tooltip #main-content h4{margin:0}:host #wrapper #tooltip #main-content .label{color:rgba(var(--kup-text-color-rgb), 0.5);display:inline-block;max-width:270px;vertical-align:0.1em}:host #wrapper #tooltip #main-content .value{color:var(--kup-text-color);display:inline-block;font-size:120%;margin-left:0.325em;max-width:270px}:host #wrapper #tooltip #detail{transition:height 250ms ease-out, opacity 250ms ease-out}:host #wrapper #tooltip #detail:not(.visible){height:0;opacity:0}:host #wrapper #tooltip #detail.visible{border-top:1px solid var(--kup-border-color);box-sizing:border-box;padding:20px;height:180px;overflow:auto;opacity:1}:host #wrapper #tooltip #detail.cellopt{padding:5px 0}:host #wrapper #tooltip #detail.detail-loaded{height:180px;min-height:180px}:host #wrapper #tooltip #detail .detail-row{display:flex;justify-content:space-between}:host #wrapper #tooltip #detail .detail-row:not(:last-child){margin-bottom:6px}:host #wrapper #tooltip #detail .detail-row__label{color:rgba(var(--kup-text-color-rgb), 0.5);margin-top:0.175em;max-width:320px}:host #wrapper #tooltip #detail .detail-row__value{color:var(--kup-text-color);font-size:120%;max-width:320px}:host #wrapper #tooltip #detail-actions{border-top:1px solid var(--kup-border-color);padding:6px;padding-top:2px;padding-bottom:2px;display:flex;justify-content:flex-end}:host #wrapper #tooltip #detail-actions[hidden]{display:none}:host #wrapper #tooltip .detail-actions__box{cursor:pointer}.image-container{display:block;height:75px;width:75px;padding-top:8px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}kup-list{--kup-list-font-size:10px;--kup-list-item-height:2em;--kup-list-item-padding:0 1em;border-top:1px solid var(--kup-border-color);max-height:15vh;overflow-y:auto}kup-box{--kup-box-font-size:10px;max-height:25vh;overflow-y:auto;padding:1em}";
 
-let KupTooltip = class {
+const KupTooltip = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupTooltipLoadData = index.createEvent(this, "kup-tooltip-loaddata", 6);
@@ -22804,7 +22814,7 @@ class FiltersTreeItems extends FiltersRows {
 
 const kupTreeCss = ":host{--kup_tree_border:var(--kup-tree-border, 1px solid var(--kup-border-color));--kup_tree_color:var(--kup-tree-color, var(--kup-text-color));--kup_tree_color_rgb:var(--kup-tree-color-rgb, var(--kup-text-color-rgb));--kup_tree_font_family:var(--kup-tree-font-family, var(--kup-font-family));--kup_tree_font_family_monospace:var(\n    --kup-tree-font-family-monospace,\n    var(--kup-font-family-monospace)\n  );--kup_tree_font_size:var(--kup-tree-font-size, var(--kup-font-size));--kup_tree_hover_color:var(--kup-tree-hover-color, var(--kup-hover-color));--kup_tree_hover_background_color:var(\n    --kup-tree-hover-background-color,\n    var(--kup-hover-background-color)\n  );--kup_tree_icon_color:var(--kup-tree-icon-color, var(--kup-icon-color));--kup_tree_primary_color:var(\n    --kup-tree-primary-color,\n    var(--kup-primary-color)\n  );--kup_tree_primary_color_rgb:var(\n    --kup-tree-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_tree_text_on_primary_color:var(\n    --kup-tree-text-on-primary-color,\n    var(--kup-text-on-primary-color)\n  );display:block;font-family:var(--kup_tree_font_family);font-size:var(--kup_tree_font_size)}:host([prevent-x-scroll]) .wrapper{overflow-x:hidden}#kup-component{color:var(--kup_tree_color)}.density-dense .wrapper .kup-tree td:not(.grid-cell),.density-dense .wrapper .kup-tree th{padding:0 0.5em}.density-dense .wrapper .kup-tree td:not(.grid-cell) .kup-tree__icon~.cell-content,.density-dense .wrapper .kup-tree td:not(.grid-cell) .kup-tree__icon+.cell-content,.density-dense .wrapper .kup-tree th .kup-tree__icon~.cell-content,.density-dense .wrapper .kup-tree th .kup-tree__icon+.cell-content{vertical-align:0.4em}.density-wide .wrapper .kup-tree td:not(.grid-cell),.density-wide .wrapper .kup-tree th{padding:0.75em 0.5em}.wrapper{overflow-x:auto}.wrapper #global-filter{margin-bottom:1em}.wrapper .kup-tree{border-collapse:collapse;width:max-content}.wrapper .kup-tree thead{display:none}.wrapper .kup-tree thead.header--is-visible{display:table-header-group}.wrapper .kup-tree thead.header--is-visible th{padding:0.8em 0.5em;font-size:1.1em}.wrapper .kup-tree thead th{text-align:left}.wrapper .kup-tree tr,.wrapper .kup-tree td{font-size:1em;line-height:1em}.wrapper .kup-tree tr.mdc-ripple-surface,.wrapper .kup-tree td.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.wrapper .kup-tree tr.mdc-ripple-surface:before,.wrapper .kup-tree tr.mdc-ripple-surface:after,.wrapper .kup-tree td.mdc-ripple-surface:before,.wrapper .kup-tree td.mdc-ripple-surface:after{background-color:var(--kup_tree_primary_color)}.wrapper .kup-tree tr .kup-tree__icon~.cell-content,.wrapper .kup-tree tr .kup-tree__icon+.cell-content,.wrapper .kup-tree td .kup-tree__icon~.cell-content,.wrapper .kup-tree td .kup-tree__icon+.cell-content{display:inline-block;vertical-align:0.3em}.wrapper .kup-tree td:not(.grid-cell),.wrapper .kup-tree th{padding:0.4em 0.5em}.wrapper .kup-tree td{padding:0;white-space:nowrap}.wrapper .kup-tree__indent{display:inline-block;width:calc(1.5em * var(--kup_tree_node_depth, 0))}.wrapper .kup-tree__icon{display:inline-block;margin-right:0.4em;height:1.5em;min-width:1.5em;width:1.5em}.wrapper .kup-tree__node__expander{transition:transform 0.1s}.wrapper .kup-tree__node{cursor:default}.wrapper .kup-tree__node.with-dyn:not(.kup-tree__node--disabled){cursor:pointer}.wrapper .kup-tree__node:not(.kup-tree__node--disabled) .wrapper .kup-tree__node__expander{cursor:pointer}.wrapper .kup-tree__node:not(.kup-tree__node--disabled) .kup-icon.kup-tree__node__expander{cursor:pointer}.wrapper .kup-tree__node--disabled{opacity:0.4}.wrapper .kup-tree__node--disabled__expander{pointer-events:none}.wrapper .kup-tree__node .kup-icon:not(.is-image){background-color:var(--kup_tree_icon_color)}.wrapper .kup-tree__node .kup-icon.kup-tree__node__expander:not(.is-image){background-color:var(--kup_tree_color)}.wrapper .kup-tree__node .kup-icon.is-image img{display:block;height:auto;width:100%}.wrapper .kup-tree__node:hover:not(.kup-tree__node--disabled):not(.kup-tree__node--selected) td{background-color:var(--kup_tree_hover_background_color);color:var(--kup_tree_hover_color)}.wrapper .kup-tree__node:hover:not(.kup-tree__node--disabled):not(.kup-tree__node--selected) td .kup-icon{background-color:var(--kup_tree_hover_color)}.wrapper .kup-tree__node--selected:not(.kup-tree__node--disabled) td{background-color:rgba(var(--kup_tree_primary_color_rgb), 0.175);color:var(--kup_tree_color)}.wrapper .kup-tree[data-show-columns] .kup-tree__node{border-bottom:solid 1px var(--kup-border-color)}.first-node .cell-content{font-weight:bold}.cell-content--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--kup_tree_content_width, auto)}.cell-content--highlighted{color:var(--kup_tree_text_on_primary_color);background-color:var(--kup_tree_primary_color)}.kup-icon.kup-filter-remove-icon:not(.f-image){background-color:var(--kup_tree_color);margin:0 0.25em;height:1em;width:1em;cursor:pointer;float:right;margin:0 0.25em;opacity:0.5}.grid-cell{height:0}tfoot td{border-bottom:var(--kup_tree_border);border-right:var(--kup_tree_border);box-sizing:border-box;height:36px;text-align:right;font-weight:bold;padding:0.5em 0.3125em}tfoot td:hover{background-color:var(--kup-background-color)}tfoot td:first-of-type{border:none;border-right:var(--kup_tree_border)}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup_tree_color)}.totals-value{font-weight:bold}:host([as-accordion]) .wrapper .kup-tree thead{display:table-header-group}:host([as-accordion]) .wrapper .kup-tree thead tr{border-left:var(--kup_tree_border);border-right:var(--kup_tree_border)}:host([as-accordion]) .density-dense .first-node:not(.grid-cell){padding:0.5em 1em}:host([as-accordion]) .density-medium .first-node:not(.grid-cell){padding:1em 1.5em}:host([as-accordion]) .density-wide .first-node:not(.grid-cell){padding:1.75em 1.75em}:host([as-accordion]) .kup-tree__node--first{border:none;box-sizing:border-box;display:block}:host([as-accordion]) .kup-tree__node--first:hover,:host([as-accordion]) .kup-tree__node--first[data-is-expanded]{background-color:var(--kup_tree_hover_background_color)}:host([as-accordion]) .kup-tree__node--first:hover .cell-content,:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .cell-content{color:var(--kup_tree_hover_color)}:host([as-accordion]) .kup-tree__node--first:hover .kup-icon,:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .kup-icon{background-color:var(--kup_tree_hover_color)}:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .first-node{border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .kup-dropdown-icon{transform:rotate(180deg)}:host([as-accordion]) .kup-tree__node--first:first-of-type .first-node{border-top-left-radius:4px;border-top-right-radius:4px;border-top:var(--kup_tree_border)}:host([as-accordion]) .kup-tree__node--first:last-of-type .first-node{border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host([as-accordion]) .kup-tree__node--first .first-node{align-items:center;border-bottom:var(--kup_tree_border);border-left:var(--kup_tree_border);border-right:var(--kup_tree_border);box-sizing:border-box;color:var(--kup_tree_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;text-align:left;transition:background-color 80ms, color 80ms;width:100%}:host([as-accordion]) .kup-tree__node--first .kup-tree__icon{margin-left:0;margin-right:0.5em;min-width:1.5em}:host([as-accordion]) .kup-tree__node--first .cell-content{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}:host([as-accordion]) .kup-tree__node--first .kup-dropdown-icon{background-color:var(--kup_tree_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform 0.1s}:host([as-accordion]) .kup-tree__node:not(.kup-tree__node--first)+.kup-tree__node--first{border-top:var(--kup_tree_border);border-top-left-radius:4px;border-top-right-radius:4px}.kup-menu{animation:fade-in 0.25s ease-out;background-color:var(--kup-background-color);box-shadow:var(--kup-box-shadow);color:var(--kup-text-color);display:none;max-height:33vh;overflow:auto;position:relative;transform:none;transform-origin:unset;transition:height 0.2s;will-change:unset}.kup-menu.visible{display:block}.kup-icon.kup-collapsed-icon{-webkit-mask:var(--kup-collapsed-icon);mask:var(--kup-collapsed-icon)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}.kup-icon.kup-expanded-icon{-webkit-mask:var(--kup-expanded-icon);mask:var(--kup-expanded-icon)}.kup-icon.kup-filter-remove-icon{-webkit-mask:var(--kup-filter-remove-icon);mask:var(--kup-filter-remove-icon)}:host(.kup-borderless) .first-node{border:none !important}:host(.kup-borderless) .kup-tree__node:not(.kup-tree__node--first)+.kup-tree__node--first{border:none !important}:host(.kup-full-width){min-width:100%}:host(.kup-full-width) table.kup-tree{min-width:100%}:host(.kup-layout-fixed) #kup-component table{table-layout:fixed;width:100%}:host(.kup-shaped) td.mdc-ripple-surface{border-radius:0 66px 66px 0}tr.clickable{cursor:pointer}";
 
-let KupTree = class {
+const KupTree = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.kupTreeNodeCollapse = index.createEvent(this, "kup-tree-nodecollapse", 6);
@@ -22978,7 +22988,6 @@ let KupTree = class {
      * Reference to the column menu card.
      */
     this.columnMenuCard = null;
-    this.selectedColumn = '';
     this.clickTimeout = [];
     this.sizedColumns = undefined;
     this.filtersColumnMenuInstance = new FiltersColumnMenu();
@@ -23008,31 +23017,31 @@ let KupTree = class {
   persistState() {
     if (this.store && this.stateId) {
       let somethingChanged = false;
-      if (!utils.deepEqual(this.state.filters, this.filters)) {
+      if (!this.kupManager.objects.deepEqual(this.state.filters, this.filters)) {
         this.state.filters = Object.assign({}, this.filters);
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.density, this.density)) {
+      if (!this.kupManager.objects.deepEqual(this.state.density, this.density)) {
         this.state.density = this.density;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.showFilters, this.showFilters)) {
+      if (!this.kupManager.objects.deepEqual(this.state.showFilters, this.showFilters)) {
         this.state.showFilters = this.showFilters;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.showFooter, this.showFooter)) {
+      if (!this.kupManager.objects.deepEqual(this.state.showFooter, this.showFooter)) {
         this.state.showFooter = this.showFooter;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.totals, this.totals)) {
+      if (!this.kupManager.objects.deepEqual(this.state.totals, this.totals)) {
         this.state.totals = Object.assign({}, this.totals);
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.globalFilter, this.globalFilter)) {
+      if (!this.kupManager.objects.deepEqual(this.state.globalFilter, this.globalFilter)) {
         this.state.globalFilter = this.globalFilter;
         somethingChanged = true;
       }
-      if (!utils.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
+      if (!this.kupManager.objects.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
         this.state.globalFilterValue = this.globalFilterValue;
         somethingChanged = true;
       }
@@ -23144,9 +23153,7 @@ let KupTree = class {
    * @param {KupDataColumn} column - Column to hide.
    */
   async hideColumn(column) {
-    this.kupManager.data.datasetOperations.column.hide(this.columns, [
-      column.name,
-    ]);
+    this.kupManager.data.column.hide(this.columns, [column.name]);
     this.kupColumnRemove.emit({
       comp: this,
       id: this.rootElement.id,
@@ -23356,8 +23363,48 @@ let KupTree = class {
     this.closeTotalMenu();
     this.openTotalMenu(column);
   }
-  getEventDetails(el) {
-    const isHeader = !!el.closest('thead'), isBody = !!el.closest('tbody'), isFooter = !!el.closest('tfoot'), td = el.closest('td'), th = el.closest('th'), tr = el.closest('tr'), filterRemove = el.closest('th .filter-remove');
+  getEventDetails(path) {
+    let isHeader, isBody, isFooter, td, th, tr, filterRemove;
+    if (path) {
+      for (let i = path.length - 1; i >= 0; i--) {
+        let p = path[i];
+        if (!p.tagName) {
+          continue;
+        }
+        switch (p.tagName.toUpperCase()) {
+          case 'THEAD': {
+            isHeader = true;
+            break;
+          }
+          case 'TBODY': {
+            isBody = true;
+            break;
+          }
+          case 'TFOOT': {
+            isFooter = true;
+            break;
+          }
+          case 'TD': {
+            td = p;
+            break;
+          }
+          case 'TH': {
+            th = p;
+            break;
+          }
+          case 'TR': {
+            tr = p;
+            break;
+          }
+          default: {
+            if (p.classList.contains(kupManager.KupThemeIconValues.FILTER_REMOVE.replace('--', ''))) {
+              filterRemove = p;
+            }
+            break;
+          }
+        }
+      }
+    }
     let cell = null, column = null, row = null;
     if (isBody) {
       if (td) {
@@ -23396,7 +23443,7 @@ let KupTree = class {
   }
   contextMenuHandler(e) {
     e.preventDefault();
-    const details = this.getEventDetails(e.target);
+    const details = this.getEventDetails(this.getEventPath(e.target));
     if (details.area === 'header') {
       if (details.th && details.column) {
         this.openColumnMenu(details.column.name);
@@ -23419,6 +23466,12 @@ let KupTree = class {
       KupTreeExpansionMode.DROPDOWN ||
       (this.expansionMode.toLowerCase() === KupTreeExpansionMode.NODE &&
         !treeNodeData.expandable)) {
+      const td = e
+        ? this.getEventPath(e.target).find((el) => {
+          if (el.tagName === 'TD')
+            return el;
+        })
+        : null;
       // If this TreeNode is not disabled, then it can be selected and an event is emitted
       if (treeNodeData && !treeNodeData.disabled) {
         if (this.autoSelectionNodeMode)
@@ -23432,11 +23485,10 @@ let KupTree = class {
             .split(',')
             .map((treeNodeIndex) => parseInt(treeNodeIndex)),
           treeNode: treeNodeData,
-          columnName: this.selectedColumn,
+          columnName: td ? td.dataset.column : null,
           auto: auto,
         });
       }
-      this.selectedColumn = '';
     }
     // If KupTreeExpansionMode.NODE then click is a collapse/expand click
     if (this.expansionMode.toLowerCase() === KupTreeExpansionMode.NODE) {
@@ -23529,6 +23581,18 @@ let KupTree = class {
       }
     }
   }
+  getEventPath(currentEl) {
+    const path = [];
+    while (currentEl &&
+      currentEl !== this.rootElement &&
+      currentEl !== document.body) {
+      path.push(currentEl);
+      currentEl = currentEl.parentNode
+        ? currentEl.parentNode
+        : currentEl.host;
+    }
+    return path;
+  }
   hasTotals() {
     return this.totals && Object.keys(this.totals).length > 0;
   }
@@ -23600,8 +23664,7 @@ let KupTree = class {
         this.kupManager.debug.logMessage(this, 'Detected KupDataDataset: setting up tree as grid.', kupManager.KupDebugCategory.WARNING);
         const data = this.data;
         this.columns = data.columns;
-        this.data =
-          this.kupManager.data.datasetOperations.row.toNode(data);
+        this.data = this.kupManager.data.row.toNode(data);
         this.showColumns = true;
         this.showHeader = true;
       }
@@ -23809,13 +23872,20 @@ let KupTree = class {
     }
     // When can be expanded OR selected
     if (!treeNodeData.disabled) {
-      treeNodeOptions['onClick'] = () => {
-        this.clickTimeout.push(setTimeout((e) => this.hdlTreeNodeClick(e, treeNodeData, treeNodePath, false), 300));
+      treeNodeOptions['onClick'] = (e) => {
+        // Note: event must be cloned
+        // otherwise inside setTimeout will be exiting the Shadow DOM scope(causing loss of information, including target).
+        const clone = {};
+        for (const key in e) {
+          clone[key] = e[key];
+        }
+        this.clickTimeout.push(setTimeout(() => this.hdlTreeNodeClick(clone, treeNodeData, treeNodePath, false), 300));
       };
     }
     // When a tree node is displayed as a table
     let treeNodeCells = null;
     let visibleCols = this.getVisibleColumns();
+    const _hasTooltip = !this.kupManager.objects.isEmptyKupObj(treeNodeData.obj);
     if (this.showColumns && visibleCols && visibleCols.length) {
       treeNodeCells = [];
       // Renders all the cells
@@ -23835,14 +23905,13 @@ let KupTree = class {
             row: treeNodeData,
             setSizes: true,
           };
-          treeNodeCells.push(index.h("td", { class: `grid-cell` }, index.h(fCell.FCell, Object.assign({}, cellProps))));
+          treeNodeCells.push(index.h("td", Object.assign({ class: `grid-cell`, "data-column": column.name, "data-cell": cell }, this.getToolTipEventHandlers(treeNodeData, cell, _hasTooltip)), index.h(fCell.FCell, Object.assign({}, cellProps))));
         }
         else {
           treeNodeCells.push(index.h("td", { class: `grid-cell` }));
         }
       }
     }
-    const _hasTooltip = !this.kupManager.objects.isEmptyKupObj(treeNodeData.obj);
     let title = undefined;
     if (_hasTooltip && this.kupManager.debug.isDebug()) {
       title =
@@ -23874,7 +23943,7 @@ let KupTree = class {
           'is-obj': !this.kupManager.objects.isEmptyKupObj(treeNodeData.obj),
         }, style: treeNodeData.style || null, title: title, onDblClick: () => {
           this.onKupTreeNodeDblClick(treeNodeData, treeNodePath);
-        } }, this.getToolTipEventHandlers(treeNodeData, cell, _hasTooltip)), this.asAccordion && !treeNodeDepth
+        } }, this.getToolTipEventHandlers(treeNodeData, cell, _hasTooltip), { "data-row": treeNodeData }), this.asAccordion && !treeNodeDepth
         ? [
           treeNodeIcon,
           content,
@@ -23889,7 +23958,7 @@ let KupTree = class {
         'kup-tree__node--first': treeNodeDepth ? false : true,
         'kup-tree__node--selected': !treeNodeData.disabled &&
           treeNodePath === this.selectedNodeString,
-      }, "data-tree-path": treeNodePath }, treeNodeOptions), treeNodeCell, treeNodeCells));
+      }, "data-tree-path": treeNodePath }, treeNodeOptions, { "data-row": treeNodeData }), treeNodeCell, treeNodeCells));
   }
   closeTotalMenu() {
     this.openedTotalMenu = null;
@@ -23905,7 +23974,7 @@ let KupTree = class {
       // must do this
       // otherwise does not fire the watcher
       const totalsCopy = Object.assign({}, this.totals);
-      const value = event.detail.selected.value;
+      const value = event.detail.selected.id;
       if (value === kupManager.TotalLabel.CANC) {
         if (this.totals && this.totals[column.name]) {
           delete totalsCopy[column.name];
@@ -23966,46 +24035,36 @@ let KupTree = class {
       if (this.isOpenedTotalMenuForColumn(column.name)) {
         let listData = [
           {
-            text: translation[kupManager.TotalLabel.COUNT],
-            value: kupManager.TotalMode.COUNT,
-            selected: false,
+            id: kupManager.TotalMode.COUNT,
+            value: translation[kupManager.TotalLabel.COUNT],
           },
           {
-            text: translation[kupManager.TotalLabel.DISTINCT],
-            value: kupManager.TotalMode.DISTINCT,
-            selected: false,
+            id: kupManager.TotalMode.DISTINCT,
+            value: translation[kupManager.TotalLabel.DISTINCT],
           },
         ];
         if (this.kupManager.objects.isNumber(column.obj)) {
-          // TODO Move these objects in declarations
           listData.push({
-            text: translation[kupManager.TotalLabel.SUM],
-            value: kupManager.TotalMode.SUM,
-            selected: false,
+            id: kupManager.TotalMode.SUM,
+            value: translation[kupManager.TotalLabel.SUM],
           }, {
-            text: translation[kupManager.TotalLabel.AVERAGE],
-            value: kupManager.TotalMode.AVERAGE,
-            selected: false,
+            id: kupManager.TotalMode.AVERAGE,
+            value: translation[kupManager.TotalLabel.AVERAGE],
           }, {
-            text: translation[kupManager.TotalLabel.MIN],
-            value: kupManager.TotalMode.MIN,
-            selected: false,
+            id: kupManager.TotalMode.MIN,
+            value: translation[kupManager.TotalLabel.MIN],
           }, {
-            text: translation[kupManager.TotalLabel.MAX],
-            value: kupManager.TotalMode.MAX,
-            selected: false,
+            id: kupManager.TotalMode.MAX,
+            value: translation[kupManager.TotalLabel.MAX],
           });
         }
-        // TODO replace this with find which is a better approach
-        // Note that this is not supported in older IE
-        let selectedItem = listData.find((item) => item.text === menuLabel);
+        let selectedItem = listData.find((item) => item.value === menuLabel);
         if (selectedItem) {
           selectedItem.selected = true;
           listData.push({
-            text: translation[kupManager.TotalLabel.CANC],
-            value: kupManager.TotalLabel.CANC,
-            selected: false,
+            id: kupManager.TotalLabel.CANC,
             separator: true,
+            value: translation[kupManager.TotalLabel.CANC],
           });
         }
         totalMenu = (index.h("kup-list", { class: `total-menu`, data: listData, id: "totals-menu", "is-menu": true, keyboardNavigation: true, "menu-visible": true, "onkup-list-click": (event) => this.onTotalsChange(event, column) }));