@sme.up/ketchup 8.3.3 → 9.1.0

package/dist/components/kup-dash-list.js

@@ -1,288 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { k as kupManagerInstance, af as getCellValueForDisplay, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$e, q as defineCustomElement$f, r as defineCustomElement$g, t as defineCustomElement$h, u as defineCustomElement$i, v as defineCustomElement$j, w as defineCustomElement$l, x as defineCustomElement$m, y as defineCustomElement$n, z as defineCustomElement$o, A as defineCustomElement$p, B as defineCustomElement$q, C as defineCustomElement$r, D as defineCustomElement$s, E as defineCustomElement$t, G as defineCustomElement$u } from './kup-autocomplete2.js';
-import { d as defineCustomElement$k } from './kup-dash2.js';
-import { d as defineCustomElement$d } from './kup-grid2.js';
-
-const kupDashListCss = ".horizontal{display:inline-block;min-width:300px;max-width:100%;overflow:visible;white-space:nowrap;border:solid;border-width:1px;margin:2px}";
-
-const KupDashList$1 = /*@__PURE__*/ proxyCustomElement(class KupDashList extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.dashClick = createEvent(this, "kup-dash-click", 7);
-    /*-------------------------------------------------*/
-    /*       I n t e r n a l   V a r i a b l e s       */
-    /*-------------------------------------------------*/
-    /**
-     * Instance of the KupManager class.
-     */
-    this.kupManager = kupManagerInstance();
-    this.layout = '1';
-    this.fontsize = '';
-    this.active = false;
-    this.columnsNumber = 1;
-    this.fullWidth = true;
-    this.horizontal = false;
-    this.iconColor = [];
-    this.valueColor = [];
-    this.textColor = [];
-    this.data = undefined;
-  }
-  render() {
-    let rows = [];
-    var count = 0;
-    this.data.rows.forEach((r) => {
-      let icon = '';
-      let unit = '';
-      let descr = '';
-      let value = '';
-      let valueInt = '';
-      let valueDec = '';
-      let iconColor = {
-        color: this.iconColor[count]
-          ? this.kupManager.theme.colorCheck(this.iconColor[count])
-            .hexColor
-          : null,
-      };
-      let textColor = {
-        color: this.textColor[count]
-          ? this.kupManager.theme.colorCheck(this.textColor[count])
-            .hexColor
-          : null,
-      };
-      let valueColor = {
-        color: this.valueColor[count]
-          ? this.kupManager.theme.colorCheck(this.valueColor[count])
-            .hexColor
-          : null,
-      };
-      if (this.data.columns[0]) {
-        icon = (h("div", { slot: "icon" }, h("icon", { class: r.cells[this.data.columns[0].name].obj.k, style: iconColor })));
-      }
-      else {
-        icon = h("div", { slot: "icon" });
-      }
-      if (this.data.columns[1]) {
-        unit = (h("div", { slot: "unit", style: valueColor }, r.cells[this.data.columns[1].name].obj.k, ' '));
-      }
-      else {
-        unit = h("div", { slot: "unit" });
-      }
-      if (this.data.columns[2]) {
-        descr = (h("div", { slot: "descr", style: textColor }, r.cells[this.data.columns[2].name].obj.k));
-      }
-      else {
-        descr = h("div", { slot: "descr" });
-      }
-      if (this.data.columns[3]) {
-        let col = this.data.columns[3];
-        col.obj = r.cells[this.data.columns[3].name].obj;
-        let newValue = getCellValueForDisplay(col, r.cells[this.data.columns[3].name]);
-        value = (h("div", { slot: "value", style: valueColor }, newValue));
-      }
-      else {
-        value = h("div", { slot: "value" });
-      }
-      if (this.data.columns[5]) {
-        let col = this.data.columns[5];
-        col.obj = r.cells[this.data.columns[5].name].obj;
-        let newValue = getCellValueForDisplay(col, r.cells[this.data.columns[5].name]);
-        if (this.data.columns[6] &&
-          r.cells[this.data.columns[6].name].obj.k) {
-          newValue =
-            newValue + this.kupManager.math.decimalSeparator();
-        }
-        valueInt = (h("div", { slot: "value-int", style: valueColor }, newValue));
-      }
-      else {
-        valueInt = h("div", { slot: "value-int" });
-      }
-      if (this.data.columns[6]) {
-        valueDec = (h("div", { slot: "value-dec", style: valueColor }, r.cells[this.data.columns[6].name].obj.k));
-      }
-      else {
-        valueDec = h("div", { slot: "value-dec" });
-      }
-      const row = (h("kup-dash", { layout: this.layout, fontsize: this.fontsize, index: count, active: this.active, slot: String(count) }, icon, unit, descr, value, valueInt, valueDec));
-      rows.push(row);
-      count++;
-    });
-    return (h("div", null, h("link", { href: "https://cdn.materialdesignicons.com/4.5.95/css/materialdesignicons.min.css", rel: "stylesheet", type: "text/css" }), h("kup-grid", { columns: this.columnsNumber, singleLine: this.horizontal, class: `${this.fullWidth ? 'kup-full-width' : ''}` }, rows)));
-  }
-  static get style() { return kupDashListCss; }
-}, [1, "kup-dash-list", {
-    "layout": [1],
-    "fontsize": [1],
-    "active": [4],
-    "columnsNumber": [2, "columns-number"],
-    "fullWidth": [4, "full-width"],
-    "horizontal": [4],
-    "iconColor": [16],
-    "valueColor": [16],
-    "textColor": [16],
-    "data": [16]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["kup-dash-list", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-dash", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-form", "kup-gauge", "kup-grid", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
-  components.forEach(tagName => { switch (tagName) {
-    case "kup-dash-list":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, KupDashList$1);
-      }
-      break;
-    case "kup-autocomplete":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$u();
-      }
-      break;
-    case "kup-badge":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$t();
-      }
-      break;
-    case "kup-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$s();
-      }
-      break;
-    case "kup-button-list":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$r();
-      }
-      break;
-    case "kup-card":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$q();
-      }
-      break;
-    case "kup-chart":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$p();
-      }
-      break;
-    case "kup-checkbox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$o();
-      }
-      break;
-    case "kup-chip":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$n();
-      }
-      break;
-    case "kup-color-picker":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$m();
-      }
-      break;
-    case "kup-combobox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$l();
-      }
-      break;
-    case "kup-dash":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$k();
-      }
-      break;
-    case "kup-data-table":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$j();
-      }
-      break;
-    case "kup-date-picker":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$i();
-      }
-      break;
-    case "kup-dialog":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$h();
-      }
-      break;
-    case "kup-dropdown-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$g();
-      }
-      break;
-    case "kup-form":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$f();
-      }
-      break;
-    case "kup-gauge":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$e();
-      }
-      break;
-    case "kup-grid":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$d();
-      }
-      break;
-    case "kup-image":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$c();
-      }
-      break;
-    case "kup-list":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$b();
-      }
-      break;
-    case "kup-progress-bar":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$a();
-      }
-      break;
-    case "kup-radio":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$9();
-      }
-      break;
-    case "kup-rating":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "kup-spinner":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "kup-switch":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "kup-tab-bar":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "kup-text-field":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "kup-time-picker":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "kup-tree":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const KupDashList = KupDashList$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { KupDashList, defineCustomElement };

package/dist/components/kup-dash.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface KupDash extends Components.KupDash, HTMLElement {}
-export const KupDash: {
-  prototype: KupDash;
-  new (): KupDash;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/kup-dash.js

@@ -1,6 +0,0 @@
-import { K as KupDash$1, d as defineCustomElement$1 } from './kup-dash2.js';
-
-const KupDash = KupDash$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { KupDash, defineCustomElement };

package/dist/components/kup-dash2.js

@@ -1,228 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { k as kupManagerInstance, d as defineCustomElement$1, b as defineCustomElement$2, e as defineCustomElement$3, f as defineCustomElement$4, h as defineCustomElement$5, i as defineCustomElement$6, j as defineCustomElement$7, l as defineCustomElement$8, m as defineCustomElement$9, n as defineCustomElement$a, o as defineCustomElement$b, p as defineCustomElement$c, q as defineCustomElement$d, r as defineCustomElement$e, t as defineCustomElement$f, u as defineCustomElement$g, v as defineCustomElement$h, w as defineCustomElement$i, x as defineCustomElement$j, y as defineCustomElement$k, z as defineCustomElement$l, A as defineCustomElement$m, B as defineCustomElement$n, C as defineCustomElement$o, D as defineCustomElement$p, E as defineCustomElement$q, G as defineCustomElement$r } from './kup-autocomplete2.js';
-
-const kupDashCss = "#dash{color:var(--kup-text-color);font-size:2vw;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;position:relative;word-break:normal}#dash.with-dyn{cursor:pointer}#dash #content .icon{margin:auto;font-size:90%}#dash #content.layout-1,#dash #content.layout-3{text-align:center}#dash #content.layout-1 .descr,#dash #content.layout-3 .descr{font-size:70%;width:100%}#dash #content.layout-1 .value,#dash #content.layout-3 .value{font-size:220%}#dash #content.layout-2>div{display:flex}#dash #content.layout-2>div .icon{margin:auto;font-size:150%;margin-right:5%}#dash #content.layout-2>div .value-int{font-size:250%}#dash #content.layout-2>div .value-dec,#dash #content.layout-2>div .unit{font-size:130%;margin-top:auto;margin-bottom:7%}#dash #content.layout-2>div .value-dec{margin-left:2%}#dash #content.layout-2>div .unit{margin-left:4%}#dash #content.layout-4>div{display:grid;grid-template-columns:2fr 5fr}#dash #content.layout-4>div .icon{margin:auto;font-size:150%;margin-right:5%}#dash #content.layout-4>div .value-and-unit{display:flex}#dash #content.layout-4>div .value-and-unit .value-int{font-size:250%}#dash #content.layout-4>div .value-and-unit .value-dec,#dash #content.layout-4>div .value-and-unit .unit{font-size:130%;margin-top:auto;margin-bottom:7%}#dash #content.layout-4>div .value-and-unit .value-dec{margin-left:2%}#dash #content.layout-4>div .value-and-unit .unit{margin-left:4%}#dash #content.layout-4>div .descr{margin-left:4%;text-align:left;font-size:80%;width:100%;min-width:max-content}#dash #content.layout-5>div,#dash #content.layout-7>div{display:flex}#dash #content.layout-5>div .icon,#dash #content.layout-7>div .icon{font-size:150%;margin:auto;margin-left:10%}#dash #content.layout-5>div .value,#dash #content.layout-7>div .value{font-size:200%}#dash #content.layout-5>div .descr,#dash #content.layout-7>div .descr{text-align:right;font-size:65%;width:100%;min-width:max-content}#dash #content.layout-6>div{display:flex;justify-content:space-between}#dash #content.layout-6>div .icon{font-size:150%;margin-right:10%}#dash #content.layout-6>div .value{font-size:220%;text-align:right}#dash #content.layout-6>div .descr{font-size:80%;text-align:right;width:100%;min-width:max-content}#dash #content.layout-8>div{display:flex;align-items:center}#dash #content.layout-8>div .icon{margin-right:4%;font-size:75%}#dash #content.layout-8>div .value{margin:0 10%;font-size:250%}#dash #content.layout-8>div .descr{font-size:60%;text-align:left}";
-
-const KupDash = /*@__PURE__*/ proxyCustomElement(class KupDash extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.dashClick = createEvent(this, "kup-dash-click", 6);
-    /**
-     * Instance of the KupManager class.
-     */
-    this.kupManager = kupManagerInstance();
-    this.active = false;
-    this.fontsize = '';
-    this.layout = '1';
-    this.index = 0;
-  }
-  onDshClickHandler() {
-    this.dashClick.emit({
-      id: this.index,
-    });
-  }
-  //---- Lifecycle hooks ----
-  componentWillLoad() {
-    this.kupManager.debug.logLoad(this, false);
-  }
-  componentDidLoad() {
-    this.kupManager.debug.logLoad(this, true);
-  }
-  componentWillRender() {
-    this.kupManager.debug.logRender(this, false);
-  }
-  componentDidRender() {
-    this.kupManager.debug.logRender(this, true);
-  }
-  render() {
-    let content = null;
-    switch (this.layout) {
-      case '2':
-        content = (h("div", null, h("div", { class: "icon" }, h("slot", { name: "icon" })), h("div", { class: "value-int" }, h("slot", { name: "value-int" })), h("div", { class: "value-dec" }, h("slot", { name: "value-dec" })), h("div", { class: "unit" }, h("slot", { name: "unit" }))));
-        break;
-      case '3':
-        content = (h("div", null, h("div", { class: "value" }, h("slot", { name: "value" })), h("div", { class: "descr" }, h("slot", { name: "descr" }))));
-        break;
-      case '4':
-        content = (h("div", null, h("div", { class: "icon" }, h("slot", { name: "icon" })), h("div", { class: "value-and-unit" }, h("div", { class: "value-int" }, h("slot", { name: "value-int" })), h("div", { class: "value-dec" }, h("slot", { name: "value-dec" })), h("div", { class: "unit" }, h("slot", { name: "unit" }))), h("div", null), h("div", { class: "descr" }, h("slot", { name: "descr" }))));
-        break;
-      case '5':
-        content = (h("div", null, h("div", null, h("div", { class: "descr" }, h("slot", { name: "descr" })), h("div", { class: "value" }, h("slot", { name: "value" }))), h("div", { class: "icon" }, h("slot", { name: "icon" }))));
-        break;
-      case '6':
-        content = (h("div", null, h("div", { class: "icon" }, h("slot", { name: "icon" })), h("div", null, h("div", { class: "value" }, h("slot", { name: "value" })), h("div", { class: "descr" }, h("slot", { name: "descr" })))));
-        break;
-      case '7':
-        content = (h("div", null, h("div", null, h("div", { class: "value" }, h("slot", { name: "value" })), h("div", { class: "descr" }, h("slot", { name: "descr" }))), h("div", { class: "icon" }, h("slot", { name: "icon" }))));
-        break;
-      case '8':
-        content = (h("div", null, h("div", { class: "icon" }, h("slot", { name: "icon" })), h("div", { class: "value" }, h("slot", { name: "value" })), h("div", { class: "descr" }, h("slot", { name: "descr" }))));
-        break;
-      default:
-        // layout 1
-        content = (h("div", null, h("div", { class: "descr" }, h("slot", { name: "descr" })), h("div", { class: "value" }, h("slot", { name: "value" }))));
-        break;
-    }
-    const style = { fontSize: this.fontsize };
-    return (h("div", { id: "dash", class: `${this.active ? 'with-dyn' : ''}`, style: style, onClick: () => this.onDshClickHandler() }, h("div", { id: "content", class: `layout-${this.layout} ` }, content)));
-  }
-  get rootElement() { return this; }
-  static get style() { return kupDashCss; }
-}, [1, "kup-dash", {
-    "active": [4],
-    "fontsize": [1],
-    "layout": [1],
-    "index": [2]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["kup-dash", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-form", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
-  components.forEach(tagName => { switch (tagName) {
-    case "kup-dash":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, KupDash);
-      }
-      break;
-    case "kup-autocomplete":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$r();
-      }
-      break;
-    case "kup-badge":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$q();
-      }
-      break;
-    case "kup-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$p();
-      }
-      break;
-    case "kup-button-list":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$o();
-      }
-      break;
-    case "kup-card":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$n();
-      }
-      break;
-    case "kup-chart":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$m();
-      }
-      break;
-    case "kup-checkbox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$l();
-      }
-      break;
-    case "kup-chip":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$k();
-      }
-      break;
-    case "kup-color-picker":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$j();
-      }
-      break;
-    case "kup-combobox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$i();
-      }
-      break;
-    case "kup-data-table":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$h();
-      }
-      break;
-    case "kup-date-picker":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$g();
-      }
-      break;
-    case "kup-dialog":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$f();
-      }
-      break;
-    case "kup-dropdown-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$e();
-      }
-      break;
-    case "kup-form":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$d();
-      }
-      break;
-    case "kup-gauge":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$c();
-      }
-      break;
-    case "kup-image":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$b();
-      }
-      break;
-    case "kup-list":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$a();
-      }
-      break;
-    case "kup-progress-bar":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$9();
-      }
-      break;
-    case "kup-radio":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "kup-rating":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "kup-spinner":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "kup-switch":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "kup-tab-bar":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "kup-text-field":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "kup-time-picker":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "kup-tree":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-
-export { KupDash as K, defineCustomElement as d };

package/dist/esm/kup-dash-list.entry.js

@@ -1,112 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-d413187a.js';
-import { k as kupManagerInstance, af as getCellValueForDisplay } from './kup-manager-a4153fb2.js';
-
-const kupDashListCss = ".horizontal{display:inline-block;min-width:300px;max-width:100%;overflow:visible;white-space:nowrap;border:solid;border-width:1px;margin:2px}";
-
-const KupDashList = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.dashClick = createEvent(this, "kup-dash-click", 7);
-    /*-------------------------------------------------*/
-    /*       I n t e r n a l   V a r i a b l e s       */
-    /*-------------------------------------------------*/
-    /**
-     * Instance of the KupManager class.
-     */
-    this.kupManager = kupManagerInstance();
-    this.layout = '1';
-    this.fontsize = '';
-    this.active = false;
-    this.columnsNumber = 1;
-    this.fullWidth = true;
-    this.horizontal = false;
-    this.iconColor = [];
-    this.valueColor = [];
-    this.textColor = [];
-    this.data = undefined;
-  }
-  render() {
-    let rows = [];
-    var count = 0;
-    this.data.rows.forEach((r) => {
-      let icon = '';
-      let unit = '';
-      let descr = '';
-      let value = '';
-      let valueInt = '';
-      let valueDec = '';
-      let iconColor = {
-        color: this.iconColor[count]
-          ? this.kupManager.theme.colorCheck(this.iconColor[count])
-            .hexColor
-          : null,
-      };
-      let textColor = {
-        color: this.textColor[count]
-          ? this.kupManager.theme.colorCheck(this.textColor[count])
-            .hexColor
-          : null,
-      };
-      let valueColor = {
-        color: this.valueColor[count]
-          ? this.kupManager.theme.colorCheck(this.valueColor[count])
-            .hexColor
-          : null,
-      };
-      if (this.data.columns[0]) {
-        icon = (h("div", { slot: "icon" }, h("icon", { class: r.cells[this.data.columns[0].name].obj.k, style: iconColor })));
-      }
-      else {
-        icon = h("div", { slot: "icon" });
-      }
-      if (this.data.columns[1]) {
-        unit = (h("div", { slot: "unit", style: valueColor }, r.cells[this.data.columns[1].name].obj.k, ' '));
-      }
-      else {
-        unit = h("div", { slot: "unit" });
-      }
-      if (this.data.columns[2]) {
-        descr = (h("div", { slot: "descr", style: textColor }, r.cells[this.data.columns[2].name].obj.k));
-      }
-      else {
-        descr = h("div", { slot: "descr" });
-      }
-      if (this.data.columns[3]) {
-        let col = this.data.columns[3];
-        col.obj = r.cells[this.data.columns[3].name].obj;
-        let newValue = getCellValueForDisplay(col, r.cells[this.data.columns[3].name]);
-        value = (h("div", { slot: "value", style: valueColor }, newValue));
-      }
-      else {
-        value = h("div", { slot: "value" });
-      }
-      if (this.data.columns[5]) {
-        let col = this.data.columns[5];
-        col.obj = r.cells[this.data.columns[5].name].obj;
-        let newValue = getCellValueForDisplay(col, r.cells[this.data.columns[5].name]);
-        if (this.data.columns[6] &&
-          r.cells[this.data.columns[6].name].obj.k) {
-          newValue =
-            newValue + this.kupManager.math.decimalSeparator();
-        }
-        valueInt = (h("div", { slot: "value-int", style: valueColor }, newValue));
-      }
-      else {
-        valueInt = h("div", { slot: "value-int" });
-      }
-      if (this.data.columns[6]) {
-        valueDec = (h("div", { slot: "value-dec", style: valueColor }, r.cells[this.data.columns[6].name].obj.k));
-      }
-      else {
-        valueDec = h("div", { slot: "value-dec" });
-      }
-      const row = (h("kup-dash", { layout: this.layout, fontsize: this.fontsize, index: count, active: this.active, slot: String(count) }, icon, unit, descr, value, valueInt, valueDec));
-      rows.push(row);
-      count++;
-    });
-    return (h("div", null, h("link", { href: "https://cdn.materialdesignicons.com/4.5.95/css/materialdesignicons.min.css", rel: "stylesheet", type: "text/css" }), h("kup-grid", { columns: this.columnsNumber, singleLine: this.horizontal, class: `${this.fullWidth ? 'kup-full-width' : ''}` }, rows)));
-  }
-};
-KupDashList.style = kupDashListCss;
-
-export { KupDashList as kup_dash_list };