@ptcwebops/ptcw-design 0.7.6 → 0.7.7

package/dist/collection/components/ptc-checkbox/ptc-checkbox.js

@@ -1,7 +1,6 @@
-import { Component, h, Host, Prop, Event, Element } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class PtcCheckbox {
   constructor() {
-    this.checked = 'unchecked';
     this.handleClick = (e) => {
       let input = this.host.shadowRoot.querySelector('input');
       if (this.checked == 'unchecked') {
@@ -18,97 +17,102 @@ export class PtcCheckbox {
       };
       this.checkedChanged.emit(parameter);
     };
+    this.checked = 'unchecked';
+    this.value = undefined;
+    this.inputName = undefined;
   }
   componentDidLoad() {
     let input = this.host.shadowRoot.querySelector('input');
     input.checked = this.checked == 'checked';
   }
   render() {
-    return (h(Host, null,
-      h("label", { class: "ptc-checkbox" },
-        h("slot", null),
-        h("input", { type: "checkbox", checked: this.checked == "checked", name: this.inputName, value: this.value, onChange: (e) => this.handleClick(e) }),
-        h("span", { class: "check" },
-          h("span", { class: "mark" },
-            h("icon-asset", { type: "ptc", color: "white", size: "xx-small", name: "checkmark" }))))));
+    return (h(Host, null, h("label", { class: "ptc-checkbox" }, h("slot", null), h("input", { type: "checkbox", checked: this.checked == "checked", name: this.inputName, value: this.value, onChange: (e) => this.handleClick(e) }), h("span", { class: "check" }, h("span", { class: "mark" }, h("icon-asset", { type: "ptc", color: "white", size: "xx-small", name: "checkmark" }))))));
   }
   static get is() { return "ptc-checkbox"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-checkbox.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-checkbox.css"]
-  }; }
-  static get properties() { return {
-    "checked": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "'checked' | 'unchecked'",
-        "resolved": "\"checked\" | \"unchecked\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "checked",
-      "reflect": false,
-      "defaultValue": "'unchecked'"
-    },
-    "value": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "value",
-      "reflect": false
-    },
-    "inputName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-checkbox.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-checkbox.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "checked": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "'checked' | 'unchecked'",
+          "resolved": "\"checked\" | \"unchecked\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "checked",
+        "reflect": false,
+        "defaultValue": "'unchecked'"
       },
-      "attribute": "input-name",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "checkedChanged",
-      "name": "checkedChanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "value": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "value",
+        "reflect": false
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "inputName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "input-name",
+        "reflect": false
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "checkedChanged",
+        "name": "checkedChanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "host"; }
 }