smoothly 0.3.4 → 0.3.6

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

@@ -1,4 +1,4 @@
-import { Component, Element, h, Listen, Prop, Watch } from "@stencil/core";
+import { h } from "@stencil/core";
 export class SmoothlyAccordion {
   constructor() {
     this.items = [];
@@ -39,59 +39,69 @@ export class SmoothlyAccordion {
   }
   static get is() { return "smoothly-accordion"; }
   static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get properties() { return {
-    "value": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "value",
-      "reflect": false
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["style.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "value": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "value",
+        "reflect": false
+      }
+    };
+  }
   static get elementRef() { return "me"; }
-  static get watchers() { return [{
-      "propName": "value",
-      "methodName": "valueChanged"
-    }]; }
-  static get listeners() { return [{
-      "name": "smoothlyOpen",
-      "method": "handleOpenClose",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "smoothlyClose",
-      "method": "handleOpenClose",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "smoothlyAccordionItemDidLoad",
-      "method": "onAccordionItemDidLoad",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "smoothlyAccordionItemDidUnload",
-      "method": "onAccordionItemDidUnload",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "value",
+        "methodName": "valueChanged"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "smoothlyOpen",
+        "method": "handleOpenClose",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "smoothlyClose",
+        "method": "handleOpenClose",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "smoothlyAccordionItemDidLoad",
+        "method": "onAccordionItemDidLoad",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "smoothlyAccordionItemDidUnload",
+        "method": "onAccordionItemDidUnload",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

package/dist/collection/components/accordion-item/index.js

@@ -1,4 +1,4 @@
-import { Component, Element, Event, h, Prop, Watch } from "@stencil/core";
+import { h } from "@stencil/core";
 export class SmoothlyAccordionItem {
   openChanged(isChecked) {
     this.open = isChecked;
@@ -28,141 +28,143 @@ export class SmoothlyAccordionItem {
     this.smoothlyAccordionItemDidUnload.emit();
   }
   render() {
-    return (h("details", { open: this.open },
-      h("summary", null,
-        this.open ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
-          h("path", { d: "M256 48C141.6 48 48 141.6 48 256s93.6 208 208 208 208-93.6 208-208S370.4 48 256 48zm-42.7 318.9L106.7 260.3l29.9-29.9 76.8 76.8 162.1-162.1 29.9 29.9-192.1 191.9z" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
-          h("path", { d: "M256 48C141.601 48 48 141.601 48 256s93.601 208 208 208 208-93.601 208-208S370.399 48 256 48zm0 374.399c-91.518 0-166.399-74.882-166.399-166.399S164.482 89.6 256 89.6 422.4 164.482 422.4 256 347.518 422.399 256 422.399z" }))),
-        this.name,
-        typeof this.brand == "string" ? (h("span", { class: this.brand.toLowerCase() }, this.brand)) : Array.isArray(this.brand) ? (this.brand.map(b => h("span", { class: b.toLowerCase() }, b))) : ([])),
-      h("fieldset", { disabled: !this.open, name: this.name },
-        h("slot", null))));
+    return (h("details", { open: this.open }, h("summary", null, this.open ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, h("path", { d: "M256 48C141.6 48 48 141.6 48 256s93.6 208 208 208 208-93.6 208-208S370.4 48 256 48zm-42.7 318.9L106.7 260.3l29.9-29.9 76.8 76.8 162.1-162.1 29.9 29.9-192.1 191.9z" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, h("path", { d: "M256 48C141.601 48 48 141.601 48 256s93.601 208 208 208 208-93.601 208-208S370.399 48 256 48zm0 374.399c-91.518 0-166.399-74.882-166.399-166.399S164.482 89.6 256 89.6 422.4 164.482 422.4 256 347.518 422.399 256 422.399z" }))), this.name, typeof this.brand == "string" ? (h("span", { class: this.brand.toLowerCase() }, this.brand)) : Array.isArray(this.brand) ? (this.brand.map(b => h("span", { class: b.toLowerCase() }, b))) : ([])), h("fieldset", { disabled: !this.open, name: this.name }, h("slot", null))));
   }
   static get is() { return "smoothly-accordion-item"; }
   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
-    },
-    "brand": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | string[]",
-        "resolved": "string | string[] | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "brand",
-      "reflect": false
-    },
-    "open": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "open",
-      "reflect": true
-    }
-  }; }
-  static get events() { return [{
-      "method": "smoothlyAccordionItemDidLoad",
-      "name": "smoothlyAccordionItemDidLoad",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "smoothlyAccordionItemDidUnload",
-      "name": "smoothlyAccordionItemDidUnload",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "smoothlyOpen",
-      "name": "smoothlyOpen",
-      "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 {
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "name",
+        "reflect": false
       },
-      "complexType": {
-        "original": "{ name: string; open: boolean }",
-        "resolved": "{ name: string; open: boolean; }",
-        "references": {}
-      }
-    }, {
-      "method": "smoothlyClose",
-      "name": "smoothlyClose",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "brand": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | string[]",
+          "resolved": "string | string[] | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "brand",
+        "reflect": false
       },
-      "complexType": {
-        "original": "{ name: string; open: boolean }",
-        "resolved": "{ name: string; open: boolean; }",
-        "references": {}
+      "open": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "open",
+        "reflect": true
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "smoothlyAccordionItemDidLoad",
+        "name": "smoothlyAccordionItemDidLoad",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "smoothlyAccordionItemDidUnload",
+        "name": "smoothlyAccordionItemDidUnload",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "smoothlyOpen",
+        "name": "smoothlyOpen",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{ name: string; open: boolean }",
+          "resolved": "{ name: string; open: boolean; }",
+          "references": {}
+        }
+      }, {
+        "method": "smoothlyClose",
+        "name": "smoothlyClose",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{ name: string; open: boolean }",
+          "resolved": "{ name: string; open: boolean; }",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "me"; }
-  static get watchers() { return [{
-      "propName": "open",
-      "methodName": "openChanged"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "open",
+        "methodName": "openChanged"
+      }];
+  }
 }

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

@@ -1,38 +1,43 @@
-import { Component, h, Prop } from "@stencil/core";
+import { h } from "@stencil/core";
 export class SmoothlyApp {
   render() {
-    return (h("smoothly-notifier", null,
-      h("slot", null)));
+    return (h("smoothly-notifier", null, h("slot", null)));
   }
   static get is() { return "smoothly-app"; }
-  static get originalStyleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["style.css"]
-  }; }
-  static get properties() { return {
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "Color",
-        "resolved": "\"danger\" | \"dark\" | \"default\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\"",
-        "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",
+          "resolved": "\"danger\" | \"dark\" | \"default\" | \"light\" | \"medium\" | \"primary\" | \"secondary\" | \"success\" | \"tertiary\" | \"warning\"",
+          "references": {
+            "Color": {
+              "location": "import",
+              "path": "../../model"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "color",
-      "reflect": false
-    }
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color",
+        "reflect": false
+      }
+    };
+  }
 }

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

@@ -1,75 +1,46 @@
-import { Component, h, Prop } from "@stencil/core";
+import { h } from "@stencil/core";
 import { redirect } from "../../index";
 import { App } from "../App";
 export class SmoothlyAppDemo {
   render() {
-    return (h(App, { label: "Smoothly Demo" },
-      h("a", { slot: "nav-start", href: "display" }, "Display"),
-      h("a", { slot: "nav-start", href: "https://google.com" }, "External"),
-      h("smoothly-room", { path: "" },
-        h("smoothly-input", { type: "text" }, "Default"),
-        h("div", { style: { padding: "1em", maxWidth: "12em" } },
-          h("smoothly-button", { fill: "solid", color: "danger", link: "https://google.com" }, "open"),
-          h("smoothly-button", { fill: "solid", color: "danger", link: "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf", download: true }, "download"),
-          h("smoothly-button", { fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"),
-          h("smoothly-button", { type: "link", fill: "clear", color: "danger", onClick: () => alert("clicked") }, "action link"))),
-      h("smoothly-room", { path: "input", label: "Input" },
-        h("smoothly-input-demo", null)),
-      h("smoothly-room", { path: "dialog", label: "Dialog" },
-        h("smoothly-dialog-demo", null)),
-      h("smoothly-room", { path: "display", label: "Display", icon: "eye-outline" },
-        h("smoothly-display-demo", null)),
-      h("smoothly-room", { path: "table", label: "Table" },
-        h("smoothly-table-demo", null)),
-      h("smoothly-room", { path: "select", label: "Select" },
-        h("smoothly-select-demo", null)),
-      h("smoothly-room", { path: "icon", label: "Icon" },
-        h("smoothly-icon-demo", null)),
-      h("smoothly-room", { path: "/redirect", label: "Redirect" },
-        h("smoothly-button", { style: { "max-width": "300px" }, onClick: () => {
-            redirect("/routing/pathParameter1");
-          } }, "Internal"),
-        h("smoothly-button", { style: { "max-width": "300px" }, onClick: () => {
-            redirect("https://google.com");
-          } }, "External")),
-      h("smoothly-room", { path: /^\/routing\/\w+\/?/, label: "No effect" },
-        h("h2", null, "Regex routing")),
-      h("smoothly-room", { path: "old", label: "Old", to: "select" }),
-      h("span", { slot: "header", style: { width: "100%", maxWidth: "500px" } },
-        h("smoothly-picker", { label: "All Animals Selected", style: { minWidth: "100px" }, labelSetting: "hide", "empty-menu-label": "Sorry, we're out of options.", "max-height": "58px", multiple: true, "select-none-name": "Select All", options: [
-            { name: "Big Dog", value: "dog", aliases: ["WOFF"] },
-            { name: "Cat Stevens", value: "cat", aliases: ["moew"], hint: "moew 🐈" },
-            { name: "Noble Pig", value: "pig", hint: "🐷" },
-            { name: "Turtle Wax", value: "turtle" },
-            { name: "Spider Man", value: "spider" },
-            { name: "Phoenix Order Long Wooord", value: "phoenix" },
-            { name: "Horse Back", value: "horse" },
-            { name: "Unicorn Horn", value: "unicorn" },
-            { name: "Talking Parrot Parrot", value: "parrot" },
-            { name: "Hidden Dragon", value: "dragon" },
-            { name: "Scary Kraken", value: "kraken" },
-          ] })),
-      h("smoothly-trigger", { slot: "header", type: "link", name: "logout" },
-        h("smoothly-icon", { toolTip: "Log out", name: "log-out", size: "medium" }))));
+    return (h(App, { label: "Smoothly Demo" }, h("a", { slot: "nav-start", href: "display" }, "Display"), h("a", { slot: "nav-start", href: "https://google.com" }, "External"), h("smoothly-room", { path: "" }, h("smoothly-input", { type: "text" }, "Default"), h("div", { style: { padding: "1em", maxWidth: "12em" } }, h("smoothly-button", { fill: "solid", color: "danger", link: "https://google.com" }, "open"), h("smoothly-button", { fill: "solid", color: "danger", link: "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf", download: true }, "download"), h("smoothly-button", { fill: "solid", color: "danger", onClick: () => alert("clicked") }, "action"), h("smoothly-button", { type: "link", fill: "clear", color: "danger", onClick: () => alert("clicked") }, "action link"))), h("smoothly-room", { path: "input", label: "Input" }, h("smoothly-input-demo", null)), h("smoothly-room", { path: "dialog", label: "Dialog" }, h("smoothly-dialog-demo", null)), h("smoothly-room", { path: "display", label: "Display", icon: "eye-outline" }, h("smoothly-display-demo", null)), h("smoothly-room", { path: "table", label: "Table" }, h("smoothly-table-demo", null)), h("smoothly-room", { path: "select", label: "Select" }, h("smoothly-select-demo", null)), h("smoothly-room", { path: "icon", label: "Icon" }, h("smoothly-icon-demo", null)), h("smoothly-room", { path: "/redirect", label: "Redirect" }, h("smoothly-button", { style: { "max-width": "300px" }, onClick: () => {
+        redirect("/routing/pathParameter1");
+      } }, "Internal"), h("smoothly-button", { style: { "max-width": "300px" }, onClick: () => {
+        redirect("https://google.com");
+      } }, "External")), h("smoothly-room", { path: /^\/routing\/\w+\/?/, label: "No effect" }, h("h2", null, "Regex routing")), h("smoothly-room", { path: "old", label: "Old", to: "select" }), h("span", { slot: "header", style: { width: "100%", maxWidth: "500px" } }, h("smoothly-picker", { label: "All Animals Selected", style: { minWidth: "100px" }, labelSetting: "hide", "empty-menu-label": "Sorry, we're out of options.", "max-height": "58px", multiple: true, "select-none-name": "Select All", options: [
+        { name: "Big Dog", value: "dog", aliases: ["WOFF"] },
+        { name: "Cat Stevens", value: "cat", aliases: ["moew"], hint: "moew 🐈" },
+        { name: "Noble Pig", value: "pig", hint: "🐷" },
+        { name: "Turtle Wax", value: "turtle" },
+        { name: "Spider Man", value: "spider" },
+        { name: "Phoenix Order Long Wooord", value: "phoenix" },
+        { name: "Horse Back", value: "horse" },
+        { name: "Unicorn Horn", value: "unicorn" },
+        { name: "Talking Parrot Parrot", value: "parrot" },
+        { name: "Hidden Dragon", value: "dragon" },
+        { name: "Scary Kraken", value: "kraken" },
+      ] })), h("smoothly-trigger", { slot: "header", type: "link", name: "logout" }, h("smoothly-icon", { toolTip: "Log out", name: "log-out", size: "medium" }))));
   }
   static get is() { return "smoothly-app-demo"; }
-  static get properties() { return {
-    "baseUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "base-url",
-      "reflect": false
-    }
-  }; }
+  static get properties() {
+    return {
+      "baseUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "base-url",
+        "reflect": false
+      }
+    };
+  }
 }