@ptcwebops/ptcw-design 0.8.2 → 0.8.3

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

@@ -1,291 +1,291 @@
-import { Host, h } from '@stencil/core';
-export class PtcTitle {
-  constructor() {
-    this.isPlmHub = false;
-    this.type = 'h2';
-    this.textAlign = undefined;
-    this.upperline = 'dotted';
-    this.titleShadow = undefined;
-    this.titleColor = 'gray';
-    this.titleMargin = undefined;
-    this.titleWeight = undefined;
-    this.titleSize = undefined;
-    this.titleHeight = 'paragraph';
-    this.styles = undefined;
-    this.ellipsisLineCutoff = undefined;
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    const cutOff = this.getLineCuttoff();
-    let TagType;
-    switch (this.type) {
-      case 'h1':
-        TagType = 'h1';
-        break;
-      case 'h3':
-        TagType = 'h3';
-        break;
-      case 'h4':
-        TagType = 'h4';
-        break;
-      case 'h5':
-        TagType = 'h5';
-        break;
-      case 'h6':
-        TagType = 'h6';
-        break;
-      default:
-        TagType = 'h2';
-    }
-    ;
-    return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, { style: cutOff }, h("slot", null)))));
-  }
-  getCssClassMap() {
-    return {
-      [this.textAlign]: !!this.textAlign ? true : false,
-      [this.upperline]: true,
-      [this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
-      [this.titleMargin]: !!this.titleMargin ? true : false,
-      [this.titleShadow]: !!this.titleShadow ? true : false,
-      [this.titleWeight]: !!this.titleWeight ? true : false,
-      [this.titleSize]: !!this.titleSize ? true : false,
-      [this.titleHeight]: !!this.titleHeight ? true : false,
-      [this.titleColor]: !!this.titleColor ? true : false,
-      ['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0
-    };
-  }
-  getLineCuttoff() {
-    let result;
-    if (this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0) {
-      result = {
-        ['-webkit-line-clamp']: `${this.ellipsisLineCutoff}`
-      };
-    }
-    return result;
-  }
-  static get is() { return "ptc-title"; }
-  static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-title.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-title.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "isPlmHub": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Is this title using on the PLM Hub page"
-        },
-        "attribute": "is-plm-hub",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "type": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'",
-          "resolved": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Title Tag Type"
-        },
-        "attribute": "type",
-        "reflect": false,
-        "defaultValue": "'h2'"
-      },
-      "textAlign": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'left' | 'center' | 'right' | 'inherit'",
-          "resolved": "\"center\" | \"inherit\" | \"left\" | \"right\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Text Align"
-        },
-        "attribute": "text-align",
-        "reflect": false
-      },
-      "upperline": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'dotted' | 'solid' | 'no-upperline'",
-          "resolved": "\"dotted\" | \"no-upperline\" | \"solid\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Upperline Style"
-        },
-        "attribute": "upperline",
-        "reflect": false,
-        "defaultValue": "'dotted'"
-      },
-      "titleShadow": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'blue' | 'red' | 'green' | 'orange' | 'slate-grey'",
-          "resolved": "\"blue\" | \"green\" | \"orange\" | \"red\" | \"slate-grey\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Title Shadow"
-        },
-        "attribute": "title-shadow",
-        "reflect": false
-      },
-      "titleColor": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'black' | 'white' | 'gray'",
-          "resolved": "\"black\" | \"gray\" | \"white\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Title color"
-        },
-        "attribute": "title-color",
-        "reflect": false,
-        "defaultValue": "'gray'"
-      },
-      "titleMargin": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "| 'margin-flush'\r\n    | 'margin-top-3'\r\n    | 'margin-top-4'\r\n    | 'margin-top-5'\r\n    | 'margin-top-6'\r\n    | 'margin-bottom-3'\r\n    | 'margin-bottom-4'\r\n    | 'margin-bottom-5'\r\n    | 'margin-bottom-6'\r\n    | 'margin-3'\r\n    | 'margin-4'\r\n    | 'margin-5'\r\n    | 'margin-6'",
-          "resolved": "\"margin-3\" | \"margin-4\" | \"margin-5\" | \"margin-6\" | \"margin-bottom-3\" | \"margin-bottom-4\" | \"margin-bottom-5\" | \"margin-bottom-6\" | \"margin-flush\" | \"margin-top-3\" | \"margin-top-4\" | \"margin-top-5\" | \"margin-top-6\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Title Margin"
-        },
-        "attribute": "title-margin",
-        "reflect": false
-      },
-      "titleWeight": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9'",
-          "resolved": "\"w-3\" | \"w-4\" | \"w-5\" | \"w-6\" | \"w-7\" | \"w-8\" | \"w-9\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Title weight"
-        },
-        "attribute": "title-weight",
-        "reflect": false
-      },
-      "titleSize": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large'",
-          "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-small\" | \"xxx-large\" | \"xxxx-large\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Title size"
-        },
-        "attribute": "title-size",
-        "reflect": false
-      },
-      "titleHeight": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'densest' | 'denser' | 'dense' | 'normal' | 'loose' | 'looser' | 'paragraph'",
-          "resolved": "\"dense\" | \"denser\" | \"densest\" | \"loose\" | \"looser\" | \"normal\" | \"paragraph\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Title line height"
-        },
-        "attribute": "title-height",
-        "reflect": false,
-        "defaultValue": "'paragraph'"
-      },
-      "styles": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "styles",
-        "reflect": false
-      },
-      "ellipsisLineCutoff": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Line number to cut text off at and add ellipsis"
-        },
-        "attribute": "ellipsis-line-cutoff",
-        "reflect": false
-      }
-    };
-  }
-}
+import { Host, h } from '@stencil/core';
+export class PtcTitle {
+  constructor() {
+    this.isPlmHub = false;
+    this.type = 'h2';
+    this.textAlign = undefined;
+    this.upperline = 'dotted';
+    this.titleShadow = undefined;
+    this.titleColor = 'gray';
+    this.titleMargin = undefined;
+    this.titleWeight = undefined;
+    this.titleSize = undefined;
+    this.titleHeight = 'paragraph';
+    this.styles = undefined;
+    this.ellipsisLineCutoff = undefined;
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    const cutOff = this.getLineCuttoff();
+    let TagType;
+    switch (this.type) {
+      case 'h1':
+        TagType = 'h1';
+        break;
+      case 'h3':
+        TagType = 'h3';
+        break;
+      case 'h4':
+        TagType = 'h4';
+        break;
+      case 'h5':
+        TagType = 'h5';
+        break;
+      case 'h6':
+        TagType = 'h6';
+        break;
+      default:
+        TagType = 'h2';
+    }
+    ;
+    return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, { style: cutOff }, h("slot", null)))));
+  }
+  getCssClassMap() {
+    return {
+      [this.textAlign]: !!this.textAlign ? true : false,
+      [this.upperline]: true,
+      [this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
+      [this.titleMargin]: !!this.titleMargin ? true : false,
+      [this.titleShadow]: !!this.titleShadow ? true : false,
+      [this.titleWeight]: !!this.titleWeight ? true : false,
+      [this.titleSize]: !!this.titleSize ? true : false,
+      [this.titleHeight]: !!this.titleHeight ? true : false,
+      [this.titleColor]: !!this.titleColor ? true : false,
+      ['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0
+    };
+  }
+  getLineCuttoff() {
+    let result;
+    if (this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0) {
+      result = {
+        ['-webkit-line-clamp']: `${this.ellipsisLineCutoff}`
+      };
+    }
+    return result;
+  }
+  static get is() { return "ptc-title"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-title.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-title.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "isPlmHub": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Is this title using on the PLM Hub page"
+        },
+        "attribute": "is-plm-hub",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "type": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'",
+          "resolved": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Title Tag Type"
+        },
+        "attribute": "type",
+        "reflect": false,
+        "defaultValue": "'h2'"
+      },
+      "textAlign": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'left' | 'center' | 'right' | 'inherit'",
+          "resolved": "\"center\" | \"inherit\" | \"left\" | \"right\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Text Align"
+        },
+        "attribute": "text-align",
+        "reflect": false
+      },
+      "upperline": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'dotted' | 'solid' | 'no-upperline'",
+          "resolved": "\"dotted\" | \"no-upperline\" | \"solid\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Upperline Style"
+        },
+        "attribute": "upperline",
+        "reflect": false,
+        "defaultValue": "'dotted'"
+      },
+      "titleShadow": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'blue' | 'red' | 'green' | 'orange' | 'slate-grey'",
+          "resolved": "\"blue\" | \"green\" | \"orange\" | \"red\" | \"slate-grey\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Title Shadow"
+        },
+        "attribute": "title-shadow",
+        "reflect": false
+      },
+      "titleColor": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'black' | 'white' | 'gray'",
+          "resolved": "\"black\" | \"gray\" | \"white\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Title color"
+        },
+        "attribute": "title-color",
+        "reflect": false,
+        "defaultValue": "'gray'"
+      },
+      "titleMargin": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "| 'margin-flush'\n    | 'margin-top-3'\n    | 'margin-top-4'\n    | 'margin-top-5'\n    | 'margin-top-6'\n    | 'margin-bottom-3'\n    | 'margin-bottom-4'\n    | 'margin-bottom-5'\n    | 'margin-bottom-6'\n    | 'margin-3'\n    | 'margin-4'\n    | 'margin-5'\n    | 'margin-6'",
+          "resolved": "\"margin-3\" | \"margin-4\" | \"margin-5\" | \"margin-6\" | \"margin-bottom-3\" | \"margin-bottom-4\" | \"margin-bottom-5\" | \"margin-bottom-6\" | \"margin-flush\" | \"margin-top-3\" | \"margin-top-4\" | \"margin-top-5\" | \"margin-top-6\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Title Margin"
+        },
+        "attribute": "title-margin",
+        "reflect": false
+      },
+      "titleWeight": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9'",
+          "resolved": "\"w-3\" | \"w-4\" | \"w-5\" | \"w-6\" | \"w-7\" | \"w-8\" | \"w-9\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Title weight"
+        },
+        "attribute": "title-weight",
+        "reflect": false
+      },
+      "titleSize": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large'",
+          "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-small\" | \"xxx-large\" | \"xxxx-large\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Title size"
+        },
+        "attribute": "title-size",
+        "reflect": false
+      },
+      "titleHeight": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'densest' | 'denser' | 'dense' | 'normal' | 'loose' | 'looser' | 'paragraph'",
+          "resolved": "\"dense\" | \"denser\" | \"densest\" | \"loose\" | \"looser\" | \"normal\" | \"paragraph\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Title line height"
+        },
+        "attribute": "title-height",
+        "reflect": false,
+        "defaultValue": "'paragraph'"
+      },
+      "styles": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "styles",
+        "reflect": false
+      },
+      "ellipsisLineCutoff": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Line number to cut text off at and add ellipsis"
+        },
+        "attribute": "ellipsis-line-cutoff",
+        "reflect": false
+      }
+    };
+  }
+}