smoothly 0.3.4 → 0.3.6

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

@@ -1,4 +1,4 @@
-import { Component, Element, Event, h, Prop, State } from "@stencil/core";
+import { h } from "@stencil/core";
 import * as translation from "./translation";
 export class SmoothlyCheckbox {
   constructor() {
@@ -23,119 +23,129 @@ export class SmoothlyCheckbox {
   }
   static get is() { return "smoothly-checkbox"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get properties() { return {
-    "selectAll": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "select-all",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"tiny\" | \"small\" | \"medium\" | \"large\"",
-        "resolved": "\"large\" | \"medium\" | \"small\" | \"tiny\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "\"small\""
-    },
-    "intermediate": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "intermediate",
-      "reflect": true
-    },
-    "selected": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "selectAll": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "select-all",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "selected",
-      "reflect": true
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"tiny\" | \"small\" | \"medium\" | \"large\"",
+          "resolved": "\"large\" | \"medium\" | \"small\" | \"tiny\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "\"small\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "intermediate": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "intermediate",
+        "reflect": true
       },
-      "attribute": "disabled",
-      "reflect": true
-    }
-  }; }
-  static get states() { return {
-    "t": {}
-  }; }
-  static get events() { return [{
-      "method": "checked",
-      "name": "checked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "selected": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "selected",
+        "reflect": true
       },
-      "complexType": {
-        "original": "{ selected: boolean }",
-        "resolved": "{ selected: boolean; }",
-        "references": {}
+      "disabled": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": true
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "t": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "checked",
+        "name": "checked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{ selected: boolean }",
+          "resolved": "{ selected: boolean; }",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "element"; }
 }

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

@@ -1,4 +1,4 @@
-import { Component, h, Listen, Prop } from "@stencil/core";
+import { h } from "@stencil/core";
 import { Trigger } from "../../model";
 export class SmoothlyDialog {
   constructor() {
@@ -18,104 +18,108 @@ export class SmoothlyDialog {
   }
   render() {
     return [
-      h("header", null,
-        this.closable ? (h("smoothly-trigger", { fill: "clear", name: "close" },
-          h("smoothly-icon", { name: "close-circle", fill: "solid", color: this.color }))) : ([]),
-        this.header ? h("h1", null, this.header) : h("slot", { name: "header" })),
-      h("main", null,
-        h("slot", null)),
+      h("header", null, this.closable ? (h("smoothly-trigger", { fill: "clear", name: "close" }, h("smoothly-icon", { name: "close-circle", fill: "solid", color: this.color }))) : ([]), this.header ? h("h1", null, this.header) : h("slot", { name: "header" })),
+      h("main", null, h("slot", null)),
     ];
   }
   static get is() { return "smoothly-dialog"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get properties() { return {
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "Color | undefined",
-        "resolved": "\"danger\" | \"dark\" | \"default\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | undefined",
-        "references": {
-          "Color": {
-            "location": "import",
-            "path": "../../model"
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Color | undefined",
+          "resolved": "\"danger\" | \"dark\" | \"default\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | undefined",
+          "references": {
+            "Color": {
+              "location": "import",
+              "path": "../../model"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color",
+        "reflect": true
       },
-      "attribute": "color",
-      "reflect": true
-    },
-    "open": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "open": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "open",
+        "reflect": true,
+        "defaultValue": "true"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "closable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "closable",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "attribute": "open",
-      "reflect": true,
-      "defaultValue": "true"
-    },
-    "closable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "closable",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "header": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | undefined",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "header",
-      "reflect": true
-    }
-  }; }
-  static get listeners() { return [{
-      "name": "trigger",
-      "method": "TriggerListener",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+      "header": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | undefined",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "header",
+        "reflect": true
+      }
+    };
+  }
+  static get listeners() {
+    return [{
+        "name": "trigger",
+        "method": "TriggerListener",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/components/dialog-demo/index.js

@@ -1,8 +1,7 @@
-import { Component, h } from "@stencil/core";
+import { h } from "@stencil/core";
 export class SmoothlyDialogDemo {
   render() {
-    return (h("smoothly-dialog", { color: "default", style: { "margin-top": "6vh" }, closable: true },
-      h("smoothly-frame", { url: "https://www.wikipedia.org/", name: "parent", style: { height: "80vh" } })));
+    return (h("smoothly-dialog", { color: "default", style: { "margin-top": "6vh" }, closable: true }, h("smoothly-frame", { url: "https://www.wikipedia.org/", name: "parent", style: { height: "80vh" } })));
   }
   static get is() { return "smoothly-dialog-demo"; }
 }