@xplortech/apollo-core 1.0.0-beta.6 → 1.0.0-beta.8

package/dist/collection/components/xpl-button/xpl-button.js

@@ -1,17 +1,15 @@
-import { Component, Element, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class XplButton {
   constructor() {
-    /**
-     * @property {"default" | "sm" | "xs"} - button size
-     */
+    this.disabled = undefined;
+    this.link = undefined;
+    this.iconOnly = undefined;
+    this.fullWidth = undefined;
+    this.name = undefined;
     this.size = 'default';
-    /**
-     * @property {"primary" | "secondary" | "subtle"} - button variant
-     */
+    this.type = undefined;
+    this.value = undefined;
     this.variant = 'primary';
-    /**
-     * @property {"neutral" | "warning" | "success"} - button state (color) neutral=purple, success=green, warning=red
-     */
     this.state = 'neutral';
   }
   componentDidRender() {
@@ -50,202 +48,203 @@ export class XplButton {
      * Conditionally render either an <slot> or <button> element
      * depending on if there's an `link` or not
      */
-    this.link ? (h("slot", null)) : (h("button", { disabled: this.disabled, name: this.name, type: this.type, value: this.value },
-      h("slot", null)))));
+    this.link ? (h("slot", null)) : (h("button", { disabled: this.disabled, name: this.name, type: this.type, value: this.value }, h("slot", null)))));
   }
   static get is() { return "xpl-button"; }
-  static get properties() { return {
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "whether button should be disabled"
-      },
-      "attribute": "disabled",
-      "reflect": false
-    },
-    "link": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "whether button should yield a slot for a link tag"
-      },
-      "attribute": "link",
-      "reflect": false
-    },
-    "iconOnly": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "whether button should render icon only"
-      },
-      "attribute": "icon-only",
-      "reflect": false
-    },
-    "fullWidth": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "whether button should render with full width"
-      },
-      "attribute": "full-width",
-      "reflect": false
-    },
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "{string} - button name attribute",
-            "name": "property"
-          }],
-        "text": ""
-      },
-      "attribute": "name",
-      "reflect": false
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'default' | 'sm' | 'xs'",
-        "resolved": "\"default\" | \"sm\" | \"xs\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "{\"default\" | \"sm\" | \"xs\"} - button size",
-            "name": "property"
-          }],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "'default'"
-    },
-    "type": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'submit' | 'reset' | 'button'",
-        "resolved": "\"button\" | \"reset\" | \"submit\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "{\"submit\" | \"reset\" | \"button\"} - button type attribute",
-            "name": "property"
-          }],
-        "text": ""
-      },
-      "attribute": "type",
-      "reflect": false
-    },
-    "value": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "{string} - button value attribute",
-            "name": "property"
-          }],
-        "text": ""
-      },
-      "attribute": "value",
-      "reflect": false
-    },
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'primary' | 'secondary' | 'subtle'",
-        "resolved": "\"primary\" | \"secondary\" | \"subtle\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "{\"primary\" | \"secondary\" | \"subtle\"} - button variant",
-            "name": "property"
-          }],
-        "text": ""
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "'primary'"
-    },
-    "state": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'neutral' | 'warning' | 'success'",
-        "resolved": "\"neutral\" | \"success\" | \"warning\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "{\"neutral\" | \"warning\" | \"success\"} - button state (color) neutral=purple, success=green, warning=red",
-            "name": "property"
-          }],
-        "text": ""
-      },
-      "attribute": "state",
-      "reflect": false,
-      "defaultValue": "'neutral'"
-    }
-  }; }
+  static get properties() {
+    return {
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "whether button should be disabled"
+        },
+        "attribute": "disabled",
+        "reflect": false
+      },
+      "link": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "whether button should yield a slot for a link tag"
+        },
+        "attribute": "link",
+        "reflect": false
+      },
+      "iconOnly": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "whether button should render icon only"
+        },
+        "attribute": "icon-only",
+        "reflect": false
+      },
+      "fullWidth": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "whether button should render with full width"
+        },
+        "attribute": "full-width",
+        "reflect": false
+      },
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [{
+              "name": "property",
+              "text": "{string} - button name attribute"
+            }],
+          "text": ""
+        },
+        "attribute": "name",
+        "reflect": false
+      },
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'default' | 'sm' | 'xs'",
+          "resolved": "\"default\" | \"sm\" | \"xs\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "property",
+              "text": "{\"default\" | \"sm\" | \"xs\"} - button size"
+            }],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "'default'"
+      },
+      "type": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'submit' | 'reset' | 'button'",
+          "resolved": "\"button\" | \"reset\" | \"submit\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [{
+              "name": "property",
+              "text": "{\"submit\" | \"reset\" | \"button\"} - button type attribute"
+            }],
+          "text": ""
+        },
+        "attribute": "type",
+        "reflect": false
+      },
+      "value": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [{
+              "name": "property",
+              "text": "{string} - button value attribute"
+            }],
+          "text": ""
+        },
+        "attribute": "value",
+        "reflect": false
+      },
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'primary' | 'secondary' | 'subtle'",
+          "resolved": "\"primary\" | \"secondary\" | \"subtle\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "property",
+              "text": "{\"primary\" | \"secondary\" | \"subtle\"} - button variant"
+            }],
+          "text": ""
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "'primary'"
+      },
+      "state": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'neutral' | 'warning' | 'success'",
+          "resolved": "\"neutral\" | \"success\" | \"warning\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "property",
+              "text": "{\"neutral\" | \"warning\" | \"success\"} - button state (color) neutral=purple, success=green, warning=red"
+            }],
+          "text": ""
+        },
+        "attribute": "state",
+        "reflect": false,
+        "defaultValue": "'neutral'"
+      }
+    };
+  }
   static get elementRef() { return "el"; }
 }