@ptcwebops/ptcw-design 0.7.7 → 0.7.9

package/dist/collection/components/ptc-card-plm/ptc-card-plm.js

@@ -1,104 +1,104 @@
-import { Host, h } from '@stencil/core';
-export class PtcCardPlm {
-  constructor() {
-    this.cardType = undefined;
-    this.cardLink = undefined;
-    this.linkTitle = undefined;
-    this.linkTarget = '_self';
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    const Tag = !!this.cardLink ? 'a' : 'div';
-    return (h(Host, { class: classMap }, h(Tag, Object.assign({}, (!!this.cardLink ? { href: this.cardLink } : {}), (!!this.linkTarget && !!this.cardLink ? { target: this.linkTarget } : {}), (!!this.cardLink ? { title: this.linkTitle ? this.linkTitle : this.cardLink } : {})), h("slot", null))));
-  }
-  getCssClassMap() {
-    return {
-      [this.cardType]: this.cardType ? true : false
-    };
-  }
-  static get is() { return "ptc-card-plm"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-card-plm.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-card-plm.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "cardType": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'card-video'| 'card-tall' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro'| 'card-2up'",
-          "resolved": "\"card-2up\" | \"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-video-intro\" | \"card-wide\" | \"speed-bump\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "card-type",
-        "reflect": false
-      },
-      "cardLink": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "card-link",
-        "reflect": false
-      },
-      "linkTitle": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "link-title",
-        "reflect": false
-      },
-      "linkTarget": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "link-target",
-        "reflect": false,
-        "defaultValue": "'_self'"
-      }
-    };
-  }
-}
+import { Host, h } from '@stencil/core';
+export class PtcCardPlm {
+  constructor() {
+    this.cardType = undefined;
+    this.cardLink = undefined;
+    this.linkTitle = undefined;
+    this.linkTarget = '_self';
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    const Tag = !!this.cardLink ? 'a' : 'div';
+    return (h(Host, { class: classMap }, h(Tag, Object.assign({}, (!!this.cardLink ? { href: this.cardLink } : {}), (!!this.linkTarget && !!this.cardLink ? { target: this.linkTarget } : {}), (!!this.cardLink ? { title: this.linkTitle ? this.linkTitle : this.cardLink } : {})), h("slot", null))));
+  }
+  getCssClassMap() {
+    return {
+      [this.cardType]: this.cardType ? true : false
+    };
+  }
+  static get is() { return "ptc-card-plm"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-card-plm.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-card-plm.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "cardType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'card-video'| 'card-tall' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro'| 'card-2up'",
+          "resolved": "\"card-2up\" | \"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-video-intro\" | \"card-wide\" | \"speed-bump\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "card-type",
+        "reflect": false
+      },
+      "cardLink": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "card-link",
+        "reflect": false
+      },
+      "linkTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "link-title",
+        "reflect": false
+      },
+      "linkTarget": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "link-target",
+        "reflect": false,
+        "defaultValue": "'_self'"
+      }
+    };
+  }
+}

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

@@ -1,118 +1,118 @@
-import { h, Host } from '@stencil/core';
-export class PtcCheckbox {
-  constructor() {
-    this.handleClick = (e) => {
-      let input = this.host.shadowRoot.querySelector('input');
-      if (this.checked == 'unchecked') {
-        this.checked = 'checked';
-      }
-      else {
-        this.checked = 'unchecked';
-      }
-      let parameter = {
-        event: e,
-        sender: input,
-        value: this.value,
-        checked: this.checked
-      };
-      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" }))))));
-  }
-  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": ""
-        },
-        "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"; }
-}
+import { h, Host } from '@stencil/core';
+export class PtcCheckbox {
+  constructor() {
+    this.handleClick = (e) => {
+      let input = this.host.shadowRoot.querySelector('input');
+      if (this.checked == 'unchecked') {
+        this.checked = 'checked';
+      }
+      else {
+        this.checked = 'unchecked';
+      }
+      let parameter = {
+        event: e,
+        sender: input,
+        value: this.value,
+        checked: this.checked
+      };
+      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" }))))));
+  }
+  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": ""
+        },
+        "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"; }
+}