smoothly 0.3.5 → 0.3.6

package/dist/collection/components/tab/index.js

@@ -1,4 +1,4 @@
-import { Component, Event, h, Host, Listen, Prop, Watch } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 export class SmoothlyTab {
   openChanged() {
     if (this.expansionElement) {
@@ -15,84 +15,93 @@ export class SmoothlyTab {
     }
   }
   render() {
-    return (h(Host, null,
-      h("label", null, this.label),
-      h("div", { ref: e => (this.expansionElement = e), class: !this.open ? "hide" : "" },
-        h("slot", null))));
+    return (h(Host, null, h("label", null, this.label), h("div", { ref: e => (this.expansionElement = e), class: !this.open ? "hide" : "" }, h("slot", null))));
   }
   static get is() { return "smoothly-tab"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get properties() { return {
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "label",
-      "reflect": false
-    },
-    "open": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "open",
-      "reflect": true
-    }
-  }; }
-  static get events() { return [{
-      "method": "expansionOpen",
-      "name": "expansionOpen",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "label",
+        "reflect": false
       },
-      "complexType": {
-        "original": "HTMLElement",
-        "resolved": "HTMLElement",
-        "references": {
-          "HTMLElement": {
-            "location": "global"
+      "open": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "open",
+        "reflect": true
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "expansionOpen",
+        "name": "expansionOpen",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "HTMLElement",
+          "resolved": "HTMLElement",
+          "references": {
+            "HTMLElement": {
+              "location": "global"
+            }
           }
         }
-      }
-    }]; }
-  static get watchers() { return [{
-      "propName": "open",
-      "methodName": "openChanged"
-    }]; }
-  static get listeners() { return [{
-      "name": "click",
-      "method": "onClick",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+      }];
+  }
+  static get watchers() {
+    return [{
+        "propName": "open",
+        "methodName": "openChanged"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "click",
+        "method": "onClick",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/components/tab-switch/index.js

@@ -1,4 +1,4 @@
-import { Component, Element, h, Host, Listen, State, Watch } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 export class SmoothlyTabSwitch {
   openChanged(event) {
     event.stopPropagation();
@@ -11,30 +11,39 @@ export class SmoothlyTabSwitch {
       old.open = false;
   }
   render() {
-    return (h(Host, null,
-      h("slot", null)));
+    return (h(Host, null, h("slot", null)));
   }
   static get is() { return "smoothly-tab-switch"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get states() { return {
-    "selectedElement": {}
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get states() {
+    return {
+      "selectedElement": {}
+    };
+  }
   static get elementRef() { return "element"; }
-  static get watchers() { return [{
-      "propName": "selectedElement",
-      "methodName": "onSelectedChange"
-    }]; }
-  static get listeners() { return [{
-      "name": "expansionOpen",
-      "method": "openChanged",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "selectedElement",
+        "methodName": "onSelectedChange"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "expansionOpen",
+        "method": "openChanged",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/components/table/cell/index.js

@@ -1,15 +1,18 @@
-import { Component, h, Host } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 export class TableCell {
   render() {
-    return (h(Host, null,
-      h("slot", null)));
+    return (h(Host, null, h("slot", null)));
   }
   static get is() { return "smoothly-table-cell"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["style.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
 }

package/dist/collection/components/table/demo/index.js

@@ -1,67 +1,21 @@
-import { Component, h } from "@stencil/core";
+import { h } from "@stencil/core";
 export class TableDemo {
   render() {
     return [
-      h("smoothly-table", null,
-        h("smoothly-table-row", null,
-          h("smoothly-table-header", null, "Header A"),
-          h("smoothly-table-header", null, "Header B"),
-          h("smoothly-table-header", null, "Header C"),
-          h("smoothly-table-header", null, "Header D")),
-        h("smoothly-table-row", null,
-          h("smoothly-table-expandable-cell", null,
-            "normal row (exp.cell)",
-            h("div", { slot: "detail" }, "expandable cell 1 content")),
-          h("smoothly-table-expandable-cell", null,
-            "expandable cell",
-            h("div", { slot: "detail" }, "expandable cell 2 content")),
-          h("smoothly-table-expandable-cell", null,
-            "expandable cell",
-            h("div", { slot: "detail" }, "expandable cell 3 content")),
-          h("smoothly-table-expandable-cell", null,
-            "expandable cell",
-            h("div", { slot: "detail" }, "expandable cell 4 content"))),
-        h("smoothly-table-row", null,
-          h("smoothly-table-cell", null, "normal row (nor.cell)\""),
-          h("smoothly-table-cell", null, "normal cell"),
-          h("smoothly-table-expandable-cell", null,
-            "expandable cell",
-            h("div", { slot: "detail" }, "expandable cell details.")),
-          h("smoothly-table-expandable-cell", null,
-            "expandable cell",
-            h("div", { slot: "detail" }, "expandable cell details."))),
-        h("smoothly-table-expandable-row", null,
-          h("smoothly-table-cell", null, "expandable row (nor.cell)"),
-          h("smoothly-table-cell", null, "Normal cell"),
-          h("smoothly-table-cell", null, "normal cell"),
-          h("smoothly-table-cell", null, "Normal cell"),
-          h("div", { slot: "detail" }, "expandable row content"))),
-      h("smoothly-table", null,
-        h("smoothly-table-row", null,
-          h("smoothly-table-header", null, "Header A")),
-        h("smoothly-table-expandable-row", null,
-          h("smoothly-table-cell", null, "A Content"),
-          h("div", { slot: "detail" },
-            h("smoothly-tab-switch", null,
-              h("smoothly-tab", { label: "innertable 1", open: true },
-                h("smoothly-table", null,
-                  h("smoothly-table-row", null,
-                    h("smoothly-table-header", null, "Header B")),
-                  h("smoothly-table-expandable-row", null, "B Content"))),
-              h("smoothly-tab", { label: "innertable 2" },
-                h("smoothly-table", null,
-                  h("smoothly-table-row", null,
-                    h("smoothly-table-header", null, "Header C")),
-                  h("smoothly-table-expandable-row", null,
-                    h("smoothly-table-cell", null, "C Content")))))))),
+      h("smoothly-table", null, h("smoothly-table-row", null, h("smoothly-table-header", null, "Header A"), h("smoothly-table-header", null, "Header B"), h("smoothly-table-header", null, "Header C"), h("smoothly-table-header", null, "Header D")), h("smoothly-table-row", null, h("smoothly-table-expandable-cell", null, "normal row (exp.cell)", h("div", { slot: "detail" }, "expandable cell 1 content")), h("smoothly-table-expandable-cell", null, "expandable cell", h("div", { slot: "detail" }, "expandable cell 2 content")), h("smoothly-table-expandable-cell", null, "expandable cell", h("div", { slot: "detail" }, "expandable cell 3 content")), h("smoothly-table-expandable-cell", null, "expandable cell", h("div", { slot: "detail" }, "expandable cell 4 content"))), h("smoothly-table-row", null, h("smoothly-table-cell", null, "normal row (nor.cell)\""), h("smoothly-table-cell", null, "normal cell"), h("smoothly-table-expandable-cell", null, "expandable cell", h("div", { slot: "detail" }, "expandable cell details.")), h("smoothly-table-expandable-cell", null, "expandable cell", h("div", { slot: "detail" }, "expandable cell details."))), h("smoothly-table-expandable-row", null, h("smoothly-table-cell", null, "expandable row (nor.cell)"), h("smoothly-table-cell", null, "Normal cell"), h("smoothly-table-cell", null, "normal cell"), h("smoothly-table-cell", null, "Normal cell"), h("div", { slot: "detail" }, "expandable row content"))),
+      h("smoothly-table", null, h("smoothly-table-row", null, h("smoothly-table-header", null, "Header A")), h("smoothly-table-expandable-row", null, h("smoothly-table-cell", null, "A Content"), h("div", { slot: "detail" }, h("smoothly-tab-switch", null, h("smoothly-tab", { label: "innertable 1", open: true }, h("smoothly-table", null, h("smoothly-table-row", null, h("smoothly-table-header", null, "Header B")), h("smoothly-table-expandable-row", null, "B Content"))), h("smoothly-tab", { label: "innertable 2" }, h("smoothly-table", null, h("smoothly-table-row", null, h("smoothly-table-header", null, "Header C")), h("smoothly-table-expandable-row", null, h("smoothly-table-cell", null, "C Content")))))))),
     ];
   }
   static get is() { return "smoothly-table-demo"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["style.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
 }

package/dist/collection/components/table/expandable/cell/index.js

@@ -1,4 +1,4 @@
-import { Component, Element, Event, h, Host, Listen, Prop, Watch } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 export class TableExpandableCell {
   constructor() {
     this.align = "left";
@@ -23,105 +23,110 @@ export class TableExpandableCell {
     }
   }
   render() {
-    return (h(Host, { style: { textAlign: this.align } },
-      h("aside", null,
-        h("smoothly-icon", { name: "chevron-forward", size: "tiny" }),
-        h("slot", null)),
-      h("tr", { ref: e => (this.expansionElement = e) },
-        h("td", { colSpan: 999, class: !this.open ? "hide" : "" },
-          h("div", { class: "slot-detail" },
-            h("slot", { name: "detail" }))))));
+    return (h(Host, { style: { textAlign: this.align } }, h("aside", null, h("smoothly-icon", { name: "chevron-forward", size: "tiny" }), h("slot", null)), h("tr", { ref: e => (this.expansionElement = e) }, h("td", { colSpan: 999, class: !this.open ? "hide" : "" }, h("div", { class: "slot-detail" }, h("slot", { name: "detail" }))))));
   }
   static get is() { return "smoothly-table-expandable-cell"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get properties() { return {
-    "align": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"left\" | \"center\" | \"right\"",
-        "resolved": "\"center\" | \"left\" | \"right\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "align",
-      "reflect": false,
-      "defaultValue": "\"left\""
-    },
-    "open": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "open",
-      "reflect": true
-    }
-  }; }
-  static get events() { return [{
-      "method": "expansionOpen",
-      "name": "expansionOpen",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "align": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"left\" | \"center\" | \"right\"",
+          "resolved": "\"center\" | \"left\" | \"right\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "align",
+        "reflect": false,
+        "defaultValue": "\"left\""
       },
-      "complexType": {
-        "original": "HTMLElement",
-        "resolved": "HTMLElement",
-        "references": {
-          "HTMLElement": {
-            "location": "global"
+      "open": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "open",
+        "reflect": true
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "expansionOpen",
+        "name": "expansionOpen",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "HTMLElement",
+          "resolved": "HTMLElement",
+          "references": {
+            "HTMLElement": {
+              "location": "global"
+            }
           }
         }
-      }
-    }, {
-      "method": "expansionLoad",
-      "name": "expansionLoad",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }]; }
+      }, {
+        "method": "expansionLoad",
+        "name": "expansionLoad",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "element"; }
-  static get watchers() { return [{
-      "propName": "open",
-      "methodName": "openChanged"
-    }]; }
-  static get listeners() { return [{
-      "name": "click",
-      "method": "onClick",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "open",
+        "methodName": "openChanged"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "click",
+        "method": "onClick",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }