@ptcwebops/ptcw-design 0.4.9 → 0.5.1

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

@@ -1,231 +1,231 @@
-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';
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    let TagType;
-    switch (this.type) {
-      case 'h1':
-        TagType = 'h1';
-        break;
-      case 'h3':
-        TagType = 'h3';
-        break;
-      default:
-        TagType = 'h2';
-    }
-    return (h(Host, null,
-      this.styles && h("style", null, this.styles),
-      h("div", { class: classMap },
-        h(TagType, null,
-          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.titleLHeight]: !!this.titleLHeight ? true : false
-    };
-  }
-  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'",
-        "resolved": "\"h1\" | \"h2\" | \"h3\"",
-        "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
-    },
-    "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' | 'font-size-15' | 'font-size-50'",
-        "resolved": "\"font-size-15\" | \"font-size-50\" | \"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
-    },
-    "titleLHeight": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'lh-59' | 'lh-28' | 'lh-23'",
-        "resolved": "\"lh-23\" | \"lh-28\" | \"lh-59\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Title line height"
-      },
-      "attribute": "title-l-height",
-      "reflect": false
-    },
-    "styles": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "styles",
-      "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';
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    let TagType;
+    switch (this.type) {
+      case 'h1':
+        TagType = 'h1';
+        break;
+      case 'h3':
+        TagType = 'h3';
+        break;
+      default:
+        TagType = 'h2';
+    }
+    return (h(Host, null,
+      this.styles && h("style", null, this.styles),
+      h("div", { class: classMap },
+        h(TagType, null,
+          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.titleLHeight]: !!this.titleLHeight ? true : false
+    };
+  }
+  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'",
+        "resolved": "\"h1\" | \"h2\" | \"h3\"",
+        "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
+    },
+    "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' | 'font-size-15' | 'font-size-50'",
+        "resolved": "\"font-size-15\" | \"font-size-50\" | \"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
+    },
+    "titleLHeight": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'lh-59' | 'lh-28' | 'lh-23'",
+        "resolved": "\"lh-23\" | \"lh-28\" | \"lh-59\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Title line height"
+      },
+      "attribute": "title-l-height",
+      "reflect": false
+    },
+    "styles": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "styles",
+      "reflect": false
+    }
+  }; }
+}

package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js

@@ -1,40 +1,40 @@
-import { Component, Prop, Host, h } from '@stencil/core';
-export class PtcTwoColumnMedia {
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h(Host, { class: classMap },
-      h("slot", null)));
-  }
-  getCssClassMap() {
-    return {
-      [this.componentType]: this.componentType ? true : false
-    };
-  }
-  static get is() { return "ptc-two-column-media"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ptc-two-column-media.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ptc-two-column-media.css"]
-  }; }
-  static get properties() { return {
-    "componentType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'two-column-media' | 'two-column-media-icon-list' | 'two-column-text'",
-        "resolved": "\"two-column-media\" | \"two-column-media-icon-list\" | \"two-column-text\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Card Type\r\nSpecify Card Type,"
-      },
-      "attribute": "component-type",
-      "reflect": false
-    }
-  }; }
-}
+import { Component, Prop, Host, h } from '@stencil/core';
+export class PtcTwoColumnMedia {
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, { class: classMap },
+      h("slot", null)));
+  }
+  getCssClassMap() {
+    return {
+      [this.componentType]: this.componentType ? true : false
+    };
+  }
+  static get is() { return "ptc-two-column-media"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["ptc-two-column-media.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ptc-two-column-media.css"]
+  }; }
+  static get properties() { return {
+    "componentType": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'two-column-media' | 'two-column-media-icon-list' | 'two-column-text'",
+        "resolved": "\"two-column-media\" | \"two-column-media-icon-list\" | \"two-column-text\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Card Type\nSpecify Card Type,"
+      },
+      "attribute": "component-type",
+      "reflect": false
+    }
+  }; }
+}

package/dist/collection/index.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/collection/media/svg-imgs/Back-arrow.svg

@@ -1,11 +1,11 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 311 512">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #fff;
-        fill-rule: evenodd;
-      }
-    </style>
-  </defs>
-  <path class="cls-1" d="M251.762,512L311,452.638,114.774,256,311,59.362,251.762,0,0,252.29Z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 311 512">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M251.762,512L311,452.638,114.774,256,311,59.362,251.762,0,0,252.29Z"/>
+</svg>

package/dist/collection/media/svg-imgs/close.svg

@@ -1,11 +1,11 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 42 41.485">
-    <g id="Group_1042" data-name="Group 1042" transform="rotate(180 108.25 87.993)">
-        <path id="Line_446" d="M0 0v39.486" class="cls-1" data-name="Line 446"></path>
-        <path id="Line_447" d="M0 0h40" class="cls-1" data-name="Line 447"></path>
-        <path id="Line_448" d="M0 33.592V0" class="cls-1" data-name="Line 448"></path>
-        <path id="Line_449" d="M23.994 0H0" class="cls-1" data-name="Line 449"></path>
-        <path id="Line_450" d="M0 0l17.596 17.596" class="cls-2" data-name="Line 450" transform="translate(187.229 147.226)"></path>
-        <path id="Line_451" d="M0 7.198L7.199 0" class="cls-2" data-name="Line 451" transform="translate(197.55 147.312)"></path>
-        <path id="Path_114" d="M0 7.2L7.2 0" class="cls-2" data-name="Path 114" transform="translate(187.313 157.549)"></path>
-    </g>
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 42 41.485">
+    <g id="Group_1042" data-name="Group 1042" transform="rotate(180 108.25 87.993)">
+        <path id="Line_446" d="M0 0v39.486" class="cls-1" data-name="Line 446"></path>
+        <path id="Line_447" d="M0 0h40" class="cls-1" data-name="Line 447"></path>
+        <path id="Line_448" d="M0 33.592V0" class="cls-1" data-name="Line 448"></path>
+        <path id="Line_449" d="M23.994 0H0" class="cls-1" data-name="Line 449"></path>
+        <path id="Line_450" d="M0 0l17.596 17.596" class="cls-2" data-name="Line 450" transform="translate(187.229 147.226)"></path>
+        <path id="Line_451" d="M0 7.198L7.199 0" class="cls-2" data-name="Line 451" transform="translate(197.55 147.312)"></path>
+        <path id="Path_114" d="M0 7.2L7.2 0" class="cls-2" data-name="Path 114" transform="translate(187.313 157.549)"></path>
+    </g>
 </svg>

package/dist/collection/media/svg-imgs/slider-arrow-left.svg

@@ -1,18 +1,18 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g filter="url(#filter0_d_494_37)">
-<circle cx="24" cy="22" r="20" fill="white"/>
-<path d="M23.1444 16L23.1444 20.5762L31 20.5762L31 23.4239L23.1444 23.4239L23.1444 28L17 21.9669L23.1444 16Z" class="arrow"/>
-</g>
-<defs>
-<filter id="filter0_d_494_37" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="2"/>
-<feGaussianBlur stdDeviation="2"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_494_37"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_494_37" result="shape"/>
-</filter>
-</defs>
-</svg>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_494_37)">
+<circle cx="24" cy="22" r="20" fill="white"/>
+<path d="M23.1444 16L23.1444 20.5762L31 20.5762L31 23.4239L23.1444 23.4239L23.1444 28L17 21.9669L23.1444 16Z" class="arrow"/>
+</g>
+<defs>
+<filter id="filter0_d_494_37" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_494_37"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_494_37" result="shape"/>
+</filter>
+</defs>
+</svg>