proto-table-wc 0.0.324 → 0.0.327

package/dist/collection/components/proto-table/proto-table.js

@@ -1,4 +1,4 @@
-import { Component, h, Prop, State } from '@stencil/core';
+import { h } from '@stencil/core';
 import { iconPaths } from './iconPaths';
 const iconAliases = {
   'right': 'show',
@@ -19,11 +19,7 @@ export class ProtoTable {
     this.clicks = 0;
     this.protoIcon = (name, hex = undefined, size = 24) => {
       const path = iconPaths[name];
-      return (h("svg", { width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-labelledby": "title" },
-        h("title", null, aliasFor(name)),
-        h("g", { fill: hex },
-          h("path", { d: path })),
-        h("path", { d: "M0 0h24v24H0z", fill: "none" })));
+      return (h("svg", { width: size, height: size, viewBox: "0 0 24 24", role: "img", "aria-labelledby": "title" }, h("title", null, aliasFor(name)), h("g", { fill: hex }, h("path", { d: path })), h("path", { d: "M0 0h24v24H0z", fill: "none" })));
     };
     this.handleCellClick = (index, row) => {
       return () => {
@@ -58,92 +54,92 @@ export class ProtoTable {
       return (h("div", { class: "header" }, fields.map(({ label }, index) => {
         const cellClass = index === this.sort ? 'headerCell sort' : 'headerCell';
         const ikon = iconFor(index);
-        return (h("div", { class: cellClass, onClick: this.handleSortClick(index) },
-          protoIcon(ikon),
-          h("span", null, label)));
+        return (h("div", { class: cellClass, onClick: this.handleSortClick(index) }, protoIcon(ikon), h("span", null, label)));
       })));
     };
     this.row = (data, row) => {
       const { fields, protoIcon } = this;
       const rowClass = this.expanded === row ? 'row expanded' : 'row';
-      return (h("div", { class: "rowContainer" },
-        h("div", { class: rowClass }, fields.map(({ prop }, index) => {
-          const cellClass = index === this.sort ? 'cell sort' : 'cell';
-          return (h("div", { class: cellClass, onClick: this.handleCellClick(index, row) },
-            index === 0 && this.details ? protoIcon(this.expanded === row ? 'down' : 'right') : protoIcon('pad'),
-            data[prop]));
-        })),
-        this.details && this.expanded === row && this.details(data)));
+      return (h("div", { class: "rowContainer" }, h("div", { class: rowClass }, fields.map(({ prop }, index) => {
+        const cellClass = index === this.sort ? 'cell sort' : 'cell';
+        return (h("div", { class: cellClass, onClick: this.handleCellClick(index, row) }, index === 0 && this.details ? protoIcon(this.expanded === row ? 'down' : 'right') : protoIcon('pad'), data[prop]));
+      })), this.details && this.expanded === row && this.details(data)));
     };
   }
   render() {
     const items = this.data || [];
-    return (h("div", { class: "table" },
-      this.header(),
-      items.map((item, index) => this.row(item, index))));
+    return (h("div", { class: "table" }, this.header(), items.map((item, index) => this.row(item, index))));
   }
   static get is() { return "proto-table"; }
-  static get originalStyleUrls() { return {
-    "$": ["proto-table.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["proto-table.css"]
-  }; }
-  static get properties() { return {
-    "data": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "any[]",
-        "resolved": "any[]",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "[]"
-    },
-    "details": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "details",
-      "reflect": false,
-      "defaultValue": "undefined"
-    },
-    "fields": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "any[]",
-        "resolved": "any[]",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["proto-table.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["proto-table.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "data": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "any[]",
+          "resolved": "any[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "[]"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "details": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "details",
+        "reflect": false,
+        "defaultValue": "undefined"
       },
-      "defaultValue": "[]"
-    }
-  }; }
-  static get states() { return {
-    "expanded": {},
-    "sort": {},
-    "clicks": {}
-  }; }
+      "fields": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "any[]",
+          "resolved": "any[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "[]"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "expanded": {},
+      "sort": {},
+      "clicks": {}
+    };
+  }
 }

package/dist/esm/demo-table_2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-c660fbbf.js';
+import { r as registerInstance, h } from './index-db21c56b.js';
 
 const demoTableCss = ".detailWrapper{font-weight:100;font-size:13px;display:flex;flex-direction:column;justify-items:start;padding:5px;padding-left:30px}";