@ptcwebops/ptcw-design 0.7.5 → 0.7.6

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

@@ -1,297 +1,297 @@
-import { Component, Host, h, Prop } from '@stencil/core';
-export class PtcTitle {
-  constructor() {
-    /**
-     * Is this title using on the PLM Hub page
-     */
-    this.isPlmHub = false;
-    /**
-     * Title Tag Type
-     */
-    this.type = 'h2';
-    /**
-     * Upperline Style
-     */
-    this.upperline = 'dotted';
-    /**
-    * Title color
-    */
-    this.titleColor = 'gray';
-    /**
-     * Title line height
-     */
-    this.titleHeight = 'paragraph';
-  }
-  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
-    }
-  }; }
-}
+import { Component, Host, h, Prop } from '@stencil/core';
+export class PtcTitle {
+  constructor() {
+    /**
+     * Is this title using on the PLM Hub page
+     */
+    this.isPlmHub = false;
+    /**
+     * Title Tag Type
+     */
+    this.type = 'h2';
+    /**
+     * Upperline Style
+     */
+    this.upperline = 'dotted';
+    /**
+    * Title color
+    */
+    this.titleColor = 'gray';
+    /**
+     * Title line height
+     */
+    this.titleHeight = 'paragraph';
+  }
+  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
+    }
+  }; }
+}