smoothly 0.3.5 → 0.3.7

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

@@ -1,4 +1,4 @@
-import { Component, h, Host, Prop } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 export class SmoothlySpinner {
   constructor() {
     this.size = "large";
@@ -8,53 +8,57 @@ export class SmoothlySpinner {
     return (h(Host, { style: {
         "--color": `var(--spinner-color)`,
         "--size": this.size == "large" ? "5em" : this.size == "medium" ? "3em" : "1.2em",
-      } },
-      h("svg", { class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" },
-        h("circle", { class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
+      } }, h("svg", { class: "spinner", viewBox: `0 0 ${60 + strokeWidth} ${60 + strokeWidth}`, xmlns: "http://www.w3.org/2000/svg" }, h("circle", { class: "path", fill: "none", "stroke-width": strokeWidth, "stroke-linecap": "round", cx: `${30 + strokeWidth / 2}`, cy: `${30 + strokeWidth / 2}`, r: "30" }))));
   }
   static get is() { return "smoothly-spinner"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["style.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get properties() { return {
-    "active": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "active",
-      "reflect": true
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"small\" | \"medium\" | \"large\"",
-        "resolved": "\"large\" | \"medium\" | \"small\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "active": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "active",
+        "reflect": true
       },
-      "attribute": "size",
-      "reflect": true,
-      "defaultValue": "\"large\""
-    }
-  }; }
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"small\" | \"medium\" | \"large\"",
+          "resolved": "\"large\" | \"medium\" | \"small\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": true,
+        "defaultValue": "\"large\""
+      }
+    };
+  }
 }

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

@@ -1,4 +1,4 @@
-import { Component, Event, h, Listen, Method, Prop } from "@stencil/core";
+import { h } from "@stencil/core";
 import { Data } from "./Data";
 export class SmoothlySubmit {
   constructor() {
@@ -40,184 +40,195 @@ export class SmoothlySubmit {
   render() {
     return [
       h("smoothly-spinner", { active: this.processing }),
-      h("button", { type: "submit", disabled: this.disabled || this.processing, ref: (element) => (this.button = element) },
-        h("slot", null)),
+      h("button", { type: "submit", disabled: this.disabled || this.processing, ref: (element) => (this.button = element) }, h("slot", null)),
     ];
   }
   static get is() { return "smoothly-submit"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get properties() { return {
-    "processing": {
-      "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 {
+      "processing": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "processing",
+        "reflect": true
       },
-      "attribute": "processing",
-      "reflect": true
-    },
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "Color",
-        "resolved": "\"danger\" | \"dark\" | \"default\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | undefined",
-        "references": {
-          "Color": {
-            "location": "import",
-            "path": "../../model"
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Color",
+          "resolved": "\"danger\" | \"dark\" | \"default\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\" | undefined",
+          "references": {
+            "Color": {
+              "location": "import",
+              "path": "../../model"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color",
+        "reflect": true
       },
-      "attribute": "color",
-      "reflect": true
-    },
-    "expand": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "Expand",
-        "resolved": "\"block\" | \"full\" | undefined",
-        "references": {
-          "Expand": {
-            "location": "import",
-            "path": "../../model"
+      "expand": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Expand",
+          "resolved": "\"block\" | \"full\" | undefined",
+          "references": {
+            "Expand": {
+              "location": "import",
+              "path": "../../model"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "expand",
+        "reflect": true
       },
-      "attribute": "expand",
-      "reflect": true
-    },
-    "fill": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "Fill",
-        "resolved": "\"clear\" | \"default\" | \"outline\" | \"solid\" | undefined",
-        "references": {
-          "Fill": {
-            "location": "import",
-            "path": "../../model"
+      "fill": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Fill",
+          "resolved": "\"clear\" | \"default\" | \"outline\" | \"solid\" | undefined",
+          "references": {
+            "Fill": {
+              "location": "import",
+              "path": "../../model"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "fill",
-      "reflect": true
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disabled",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "prevent": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "fill",
+        "reflect": true
       },
-      "attribute": "prevent",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "submitEvent",
-      "name": "submit",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "complexType": {
-        "original": "Data",
-        "resolved": "{ [name: string]: string | Data; }",
-        "references": {
-          "Data": {
-            "location": "import",
-            "path": "./Data"
-          }
-        }
+      "prevent": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "prevent",
+        "reflect": false
       }
-    }]; }
-  static get methods() { return {
-    "submit": {
-      "complexType": {
-        "signature": "() => Promise<boolean>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+    };
+  }
+  static get events() {
+    return [{
+        "method": "submitEvent",
+        "name": "submit",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "Data",
+          "resolved": "{ [name: string]: string | Data; }",
+          "references": {
+            "Data": {
+              "location": "import",
+              "path": "./Data"
+            }
           }
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "submit": {
+        "complexType": {
+          "signature": "() => Promise<boolean>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<boolean>"
         },
-        "return": "Promise<boolean>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
-    }
-  }; }
-  static get listeners() { return [{
-      "name": "click",
-      "method": "handleSubmit",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+    };
+  }
+  static get listeners() {
+    return [{
+        "name": "click",
+        "method": "handleSubmit",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }
 function hasNameAndValue(element) {
   return (typeof element.name == "string" && typeof element.value == "string");

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

@@ -1,4 +1,4 @@
-import { Component, h, Host, Prop } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 export class SmoothlySvg {
   constructor() {
     this.defaultSizes = {
@@ -25,68 +25,73 @@ export class SmoothlySvg {
         "--size-height": height,
         "--size-width": width,
         "--color": this.color,
-      } },
-      h("object", { height: height, width: width, type: "image/svg+xml", data: this.url })));
+      } }, h("object", { height: height, width: width, type: "image/svg+xml", data: this.url })));
   }
   static get is() { return "smoothly-svg"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get properties() { return {
-    "url": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": true,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "url",
-      "reflect": true
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"large\" | \"medium\" | \"small\" | \"tiny\" | { height: string; width: string }",
-        "resolved": "\"large\" | \"medium\" | \"small\" | \"tiny\" | undefined | { height: string; width: string; }",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": true
-    },
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "url": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "url",
+        "reflect": true
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"large\" | \"medium\" | \"small\" | \"tiny\" | { height: string; width: string }",
+          "resolved": "\"large\" | \"medium\" | \"small\" | \"tiny\" | undefined | { height: string; width: string; }",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": true
       },
-      "attribute": "color",
-      "reflect": false
-    }
-  }; }
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color",
+        "reflect": false
+      }
+    };
+  }
 }