smoothly 0.3.5 → 0.3.6

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

@@ -1,4 +1,4 @@
-import { Component, Event, h, Host, Prop, State } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 export class SmoothlyPopup {
   constructor() {
     this.visible = false;
@@ -21,77 +21,81 @@ export class SmoothlyPopup {
     this.popup.emit(this.visible);
   }
   render() {
-    return (h(Host, { style: Object.assign({}, this.cssVariables) },
-      h("content", { class: "pointer", onClick: () => this.onClick() },
-        h("slot", null)),
-      h("div", { class: "background", onClick: () => this.onClick() }),
-      h("div", { class: "arrow", onClick: () => this.onClick() }),
-      h("aside", { ref: el => (this.aside = el) },
-        h("slot", { name: "popup" }))));
+    return (h(Host, { style: Object.assign({}, this.cssVariables) }, h("content", { class: "pointer", onClick: () => this.onClick() }, h("slot", null)), h("div", { class: "background", onClick: () => this.onClick() }), h("div", { class: "arrow", onClick: () => this.onClick() }), h("aside", { ref: el => (this.aside = el) }, h("slot", { name: "popup" }))));
   }
   static get is() { return "smoothly-popup"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get properties() { return {
-    "visible": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "visible",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "direction": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "\"up\" | \"down\"",
-        "resolved": "\"down\" | \"up\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "direction",
-      "reflect": true,
-      "defaultValue": "\"down\""
-    }
-  }; }
-  static get states() { return {
-    "cssVariables": {}
-  }; }
-  static get events() { return [{
-      "method": "popup",
-      "name": "popup",
-      "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 {
+      "visible": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "visible",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "direction": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "\"up\" | \"down\"",
+          "resolved": "\"down\" | \"up\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "direction",
+        "reflect": true,
+        "defaultValue": "\"down\""
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "cssVariables": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "popup",
+        "name": "popup",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }];
+  }
 }

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

@@ -1,34 +1,39 @@
-import { Component, h, Host, Prop } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 export class SmoothlyQuiet {
   render() {
-    return (h(Host, { color: this.color },
-      h("slot", null)));
+    return (h(Host, { color: this.color }, h("slot", null)));
   }
   static get is() { return "smoothly-quiet"; }
   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": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "color",
-      "reflect": false
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color",
+        "reflect": false
+      }
+    };
+  }
 }

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

@@ -1,4 +1,4 @@
-import { Component, Event, h, Prop } from "@stencil/core";
+import { h } from "@stencil/core";
 export class SmoothlyRadio {
   async onInput(e) {
     if (e.target && e.target.value && (this.checked = e.target.checked))
@@ -8,102 +8,109 @@ export class SmoothlyRadio {
   render() {
     return [
       h("input", { type: "radio", name: this.name, id: this.value, tabindex: this.tabIndex, checked: this.checked, value: this.value, onChange: e => this.onInput(e) }),
-      h("label", { htmlFor: this.value },
-        h("slot", null)),
+      h("label", { htmlFor: this.value }, h("slot", null)),
     ];
   }
   static get is() { return "smoothly-radio"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get properties() { return {
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "name",
-      "reflect": false
-    },
-    "value": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "value",
-      "reflect": false
-    },
-    "checked": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "checked",
-      "reflect": true
-    },
-    "tabIndex": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "name",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "value": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "value",
+        "reflect": false
       },
-      "attribute": "tab-index",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "smoothlySelected",
-      "name": "smoothlySelected",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "checked": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "checked",
+        "reflect": true
       },
-      "complexType": {
-        "original": "{ name: string; value: string }",
-        "resolved": "{ name: string; value: string; }",
-        "references": {}
+      "tabIndex": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "tab-index",
+        "reflect": false
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "smoothlySelected",
+        "name": "smoothlySelected",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{ name: string; value: string }",
+          "resolved": "{ name: string; value: string; }",
+          "references": {}
+        }
+      }];
+  }
 }

package/dist/collection/components/radio-button/index.js

@@ -1,4 +1,4 @@
-import { Component, Event, h, Host, Listen, Prop } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 export class SmoothlyRadioButton {
   constructor() {
     this.decoration = "radio";
@@ -13,92 +13,101 @@ export class SmoothlyRadioButton {
     }
   }
   render() {
-    return (h(Host, null,
-      h("slot", null)));
+    return (h(Host, null, h("slot", null)));
   }
   static get is() { return "smoothly-radio-button"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get properties() { return {
-    "value": {
-      "type": "any",
-      "mutable": true,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "value",
-      "reflect": false
-    },
-    "deselectable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "deselectable",
-      "reflect": true
-    },
-    "decoration": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"button\" | \"radio\"",
-        "resolved": "\"button\" | \"radio\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "value": {
+        "type": "any",
+        "mutable": true,
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "value",
+        "reflect": false
       },
-      "attribute": "decoration",
-      "reflect": true,
-      "defaultValue": "\"radio\""
-    }
-  }; }
-  static get events() { return [{
-      "method": "radioButtonSelected",
-      "name": "radioButtonSelected",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "deselectable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "deselectable",
+        "reflect": true
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "decoration": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"button\" | \"radio\"",
+          "resolved": "\"button\" | \"radio\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "decoration",
+        "reflect": true,
+        "defaultValue": "\"radio\""
       }
-    }]; }
-  static get listeners() { return [{
-      "name": "radioItemSelectInternal",
-      "method": "radioSelectHandler",
-      "target": undefined,
-      "capture": true,
-      "passive": false
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "radioButtonSelected",
+        "name": "radioButtonSelected",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "radioItemSelectInternal",
+        "method": "radioSelectHandler",
+        "target": undefined,
+        "capture": true,
+        "passive": false
+      }];
+  }
 }