@sme.up/ketchup 8.0.2 → 8.2.0

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

@@ -1,327 +1,327 @@
-import { h } from '@stencil/core';
-import { getCellValueForDisplay } from '../../utils/cell-utils';
-import { kupManagerInstance, } from '../../managers/kup-manager/kup-manager';
-export class KupDashList {
-  constructor() {
-    /*-------------------------------------------------*/
-    /*       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 is() { return "kup-dash-list"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["kup-dash-list.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["kup-dash-list.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "layout": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "layout",
-        "reflect": false,
-        "defaultValue": "'1'"
-      },
-      "fontsize": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "fontsize",
-        "reflect": false,
-        "defaultValue": "''"
-      },
-      "active": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "active",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "columnsNumber": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "columns-number",
-        "reflect": false,
-        "defaultValue": "1"
-      },
-      "fullWidth": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "full-width",
-        "reflect": false,
-        "defaultValue": "true"
-      },
-      "horizontal": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "horizontal",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "iconColor": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "Array<any>",
-          "resolved": "any[]",
-          "references": {
-            "Array": {
-              "location": "global"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "[]"
-      },
-      "valueColor": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "Array<any>",
-          "resolved": "any[]",
-          "references": {
-            "Array": {
-              "location": "global"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "[]"
-      },
-      "textColor": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "Array<any>",
-          "resolved": "any[]",
-          "references": {
-            "Array": {
-              "location": "global"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "[]"
-      },
-      "data": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "KupDataDataset",
-          "resolved": "KupDataDataset",
-          "references": {
-            "KupDataDataset": {
-              "location": "import",
-              "path": "../../managers/kup-data/kup-data-declarations"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        }
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "dashClick",
-        "name": "kup-dash-click",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "{\r\n        idx: number;\r\n    }",
-          "resolved": "{ idx: number; }",
-          "references": {}
-        }
-      }];
-  }
-}
+import { h } from '@stencil/core';
+import { getCellValueForDisplay } from '../../utils/cell-utils';
+import { kupManagerInstance, } from '../../managers/kup-manager/kup-manager';
+export class KupDashList {
+  constructor() {
+    /*-------------------------------------------------*/
+    /*       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 is() { return "kup-dash-list"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["kup-dash-list.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["kup-dash-list.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "layout": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "layout",
+        "reflect": false,
+        "defaultValue": "'1'"
+      },
+      "fontsize": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "fontsize",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "active": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "active",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "columnsNumber": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "columns-number",
+        "reflect": false,
+        "defaultValue": "1"
+      },
+      "fullWidth": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "full-width",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "horizontal": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "horizontal",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "iconColor": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Array<any>",
+          "resolved": "any[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "[]"
+      },
+      "valueColor": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Array<any>",
+          "resolved": "any[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "[]"
+      },
+      "textColor": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Array<any>",
+          "resolved": "any[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "[]"
+      },
+      "data": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "KupDataDataset",
+          "resolved": "KupDataDataset",
+          "references": {
+            "KupDataDataset": {
+              "location": "import",
+              "path": "../../managers/kup-data/kup-data-declarations"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "dashClick",
+        "name": "kup-dash-click",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{\r\n        idx: number;\r\n    }",
+          "resolved": "{ idx: number; }",
+          "references": {}
+        }
+      }];
+  }
+}