@sme.up/ketchup 6.6.0 → 6.8.0

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

@@ -1,27 +1,15 @@
-import { Component, Element, Event, h, Prop, } from '@stencil/core';
+import { h, } from '@stencil/core';
 import { kupManagerInstance, } from '../../managers/kup-manager/kup-manager';
 export class KupDash {
   constructor() {
     /**
-     * The component can be clicked.
+     * Instance of the KupManager class.
      */
+    this.kupManager = kupManagerInstance();
     this.active = false;
-    /**
-     * Sets the font size of the component.
-     */
     this.fontsize = '';
-    /**
-     * Sets the layout of the component.
-     */
     this.layout = '1';
-    /**
-     * No idea what this is about.
-     */
     this.index = 0;
-    /**
-     * Instance of the KupManager class.
-     */
-    this.kupManager = kupManagerInstance();
   }
   onDshClickHandler() {
     this.dashClick.emit({
@@ -45,187 +33,139 @@ export class KupDash {
     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" }))));
+        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" }))));
+        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" }))));
+        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" }))));
+        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" })))));
+        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" }))));
+        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" }))));
+        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" }))));
+        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)));
+    return (h("div", { id: "dash", class: `${this.active ? 'with-dyn' : ''}`, style: style, onClick: () => this.onDshClickHandler() }, h("div", { id: "content", class: `layout-${this.layout} ` }, content)));
   }
   static get is() { return "kup-dash"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["kup-dash.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["kup-dash.css"]
-  }; }
-  static get properties() { return {
-    "active": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The component can be clicked."
-      },
-      "attribute": "active",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "fontsize": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Sets the font size of the component."
-      },
-      "attribute": "fontsize",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "layout": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Sets the layout of the component."
-      },
-      "attribute": "layout",
-      "reflect": false,
-      "defaultValue": "'1'"
-    },
-    "index": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["kup-dash.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["kup-dash.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "active": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The component can be clicked."
+        },
+        "attribute": "active",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "No idea what this is about."
+      "fontsize": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Sets the font size of the component."
+        },
+        "attribute": "fontsize",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "attribute": "index",
-      "reflect": false,
-      "defaultValue": "0"
-    }
-  }; }
-  static get events() { return [{
-      "method": "dashClick",
-      "name": "kup-dash-click",
-      "bubbles": true,
-      "cancelable": false,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "layout": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Sets the layout of the component."
+        },
+        "attribute": "layout",
+        "reflect": false,
+        "defaultValue": "'1'"
       },
-      "complexType": {
-        "original": "{\r\n        id: number;\r\n    }",
-        "resolved": "{ id: number; }",
-        "references": {}
+      "index": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "No idea what this is about."
+        },
+        "attribute": "index",
+        "reflect": false,
+        "defaultValue": "0"
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "dashClick",
+        "name": "kup-dash-click",
+        "bubbles": true,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{\r\n        id: number;\r\n    }",
+          "resolved": "{ id: number; }",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "rootElement"; }
 }