@ptcwebops/ptcw-design 3.7.0 → 3.7.2

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

@@ -1,176 +1,176 @@
-import { Host, h } from '@stencil/core';
-export class PtcNews {
-  constructor() {
-    this.newsTag = undefined;
-    this.newsTitle = undefined;
-    this.newsSecondaryTitle = undefined;
-    this.newsDate = undefined;
-    this.newsSummary = undefined;
-    this.newsImage = undefined;
-    this.newsImageAlt = undefined;
-    this.newsDownloadUrl = undefined;
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "news-container" }, this.newsTag && h("span", { class: "news-tag" }, this.newsTag), this.newsTitle && h("ptc-title", { type: 'h1', upperline: "no-upperline", "title-margin": "margin-5", class: "news-title" }, this.newsTitle), this.newsSecondaryTitle && h("h2", { class: "news-secondary-title", innerHTML: this.newsSecondaryTitle }), this.newsDate && h("span", { class: "news-date" }, this.newsDate), this.newsSummary && h("h2", { class: "news-summary", innerHTML: this.newsSummary }), this.getArticleImage(), h("div", { class: "news-content" }, h("slot", { name: "share-icons" }), h("slot", null)))));
-  }
-  getArticleImage() {
-    if (this.newsImage && this.newsDownloadUrl) {
-      return (h("ptc-image-download-strip", { "download-url": this.newsDownloadUrl }, h("ptc-picture", { alt: this.newsImageAlt, src: this.newsImage, "is-full-width": "true" })));
-    }
-    else if (this.newsImage && !this.newsDownloadUrl) {
-      return (h("ptc-picture", { alt: this.newsImageAlt, src: this.newsImage, "is-full-width": "true" }));
-    }
-  }
-  static get is() { return "ptc-news"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-news.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-news.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "newsTag": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "News tag"
-        },
-        "attribute": "news-tag",
-        "reflect": false
-      },
-      "newsTitle": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "News Title"
-        },
-        "attribute": "news-title",
-        "reflect": false
-      },
-      "newsSecondaryTitle": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "News Secondary Title"
-        },
-        "attribute": "news-secondary-title",
-        "reflect": false
-      },
-      "newsDate": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "News Date"
-        },
-        "attribute": "news-date",
-        "reflect": false
-      },
-      "newsSummary": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "News summary"
-        },
-        "attribute": "news-summary",
-        "reflect": false
-      },
-      "newsImage": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "News Image"
-        },
-        "attribute": "news-image",
-        "reflect": false
-      },
-      "newsImageAlt": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "News Image"
-        },
-        "attribute": "news-image-alt",
-        "reflect": false
-      },
-      "newsDownloadUrl": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "News download url"
-        },
-        "attribute": "news-download-url",
-        "reflect": false
-      }
-    };
-  }
-}
+import { Host, h } from '@stencil/core';
+export class PtcNews {
+  constructor() {
+    this.newsTag = undefined;
+    this.newsTitle = undefined;
+    this.newsSecondaryTitle = undefined;
+    this.newsDate = undefined;
+    this.newsSummary = undefined;
+    this.newsImage = undefined;
+    this.newsImageAlt = undefined;
+    this.newsDownloadUrl = undefined;
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "news-container" }, this.newsTag && h("span", { class: "news-tag" }, this.newsTag), this.newsTitle && h("ptc-title", { type: 'h1', upperline: "no-upperline", "title-margin": "margin-5", class: "news-title" }, this.newsTitle), this.newsSecondaryTitle && h("h2", { class: "news-secondary-title", innerHTML: this.newsSecondaryTitle }), this.newsDate && h("span", { class: "news-date" }, this.newsDate), this.newsSummary && h("h2", { class: "news-summary", innerHTML: this.newsSummary }), this.getArticleImage(), h("div", { class: "news-content" }, h("slot", { name: "share-icons" }), h("slot", null)))));
+  }
+  getArticleImage() {
+    if (this.newsImage && this.newsDownloadUrl) {
+      return (h("ptc-image-download-strip", { "download-url": this.newsDownloadUrl }, h("ptc-picture", { alt: this.newsImageAlt, src: this.newsImage, "is-full-width": "true" })));
+    }
+    else if (this.newsImage && !this.newsDownloadUrl) {
+      return (h("ptc-picture", { alt: this.newsImageAlt, src: this.newsImage, "is-full-width": "true" }));
+    }
+  }
+  static get is() { return "ptc-news"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-news.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-news.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "newsTag": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "News tag"
+        },
+        "attribute": "news-tag",
+        "reflect": false
+      },
+      "newsTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "News Title"
+        },
+        "attribute": "news-title",
+        "reflect": false
+      },
+      "newsSecondaryTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "News Secondary Title"
+        },
+        "attribute": "news-secondary-title",
+        "reflect": false
+      },
+      "newsDate": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "News Date"
+        },
+        "attribute": "news-date",
+        "reflect": false
+      },
+      "newsSummary": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "News summary"
+        },
+        "attribute": "news-summary",
+        "reflect": false
+      },
+      "newsImage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "News Image"
+        },
+        "attribute": "news-image",
+        "reflect": false
+      },
+      "newsImageAlt": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "News Image"
+        },
+        "attribute": "news-image-alt",
+        "reflect": false
+      },
+      "newsDownloadUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "News download url"
+        },
+        "attribute": "news-download-url",
+        "reflect": false
+      }
+    };
+  }
+}

package/dist/collection/components/ptc-overlay/ptc-overlay.css

@@ -6,7 +6,10 @@ h5,
 h6,
 p,
 ul,
-li {
+li,
+ptc-subnav,
+ptc-tab-list,
+ptc-link {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -22,7 +25,10 @@ h5,
 h6,
 p,
 ul,
-li {
+li,
+ptc-subnav,
+ptc-tab-list,
+ptc-link {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

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

@@ -1,131 +1,131 @@
-import { Host, h } from '@stencil/core';
-export class PtcOverlay {
-  constructor() {
-    this.filterColor = undefined;
-    this.borderRadius = undefined;
-    this.overlayZIndex = 'z-index-auto';
-    this.styles = undefined;
-  }
-  async setOverlay(overlayName) {
-    this.filterColor = overlayName;
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return h(Host, { class: classMap });
-  }
-  getCssClassMap() {
-    return {
-      [this.filterColor]: !!this.filterColor ? true : false,
-      [this.borderRadius]: !!this.borderRadius ? true : false,
-      [this.overlayZIndex]: true,
-    };
-  }
-  static get is() { return "ptc-overlay"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-overlay.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-overlay.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "filterColor": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "| 'blue'\n    | 'red'\n    | 'orange'\n    | 'green'\n    | 'black-1'\n    | 'black-2'\n    | 'black-3'\n    | 'black-4'\n    | 'black-5'\n    | 'slate-grey'\n    | 'bright-blue'\n    | 'bright-red'\n    | 'bright-orange'\n    | 'bright-green'\n    | 'bright-slate-grey'\n    | 'solid-black-1'\n    | 'solid-black-2'\n    | string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Filter Color"
-        },
-        "attribute": "filter-color",
-        "reflect": false
-      },
-      "borderRadius": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'radius-standard' | 'radius-large'",
-          "resolved": "\"radius-large\" | \"radius-standard\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Overlay border shape"
-        },
-        "attribute": "border-radius",
-        "reflect": false
-      },
-      "overlayZIndex": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'z-index-auto' | 'z-index-n-2' | 'z-index-n-1' | 'z-index-p-1' | 'z-index-p-2'",
-          "resolved": "\"z-index-auto\" | \"z-index-n-1\" | \"z-index-n-2\" | \"z-index-p-1\" | \"z-index-p-2\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Overlay z-index"
-        },
-        "attribute": "overlay-z-index",
-        "reflect": false,
-        "defaultValue": "'z-index-auto'"
-      },
-      "styles": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Injected Styles"
-        },
-        "attribute": "styles",
-        "reflect": false
-      }
-    };
-  }
-  static get methods() {
-    return {
-      "setOverlay": {
-        "complexType": {
-          "signature": "(overlayName: string) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      }
-    };
-  }
-}
+import { Host, h } from '@stencil/core';
+export class PtcOverlay {
+  constructor() {
+    this.filterColor = undefined;
+    this.borderRadius = undefined;
+    this.overlayZIndex = 'z-index-auto';
+    this.styles = undefined;
+  }
+  async setOverlay(overlayName) {
+    this.filterColor = overlayName;
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return h(Host, { class: classMap });
+  }
+  getCssClassMap() {
+    return {
+      [this.filterColor]: !!this.filterColor ? true : false,
+      [this.borderRadius]: !!this.borderRadius ? true : false,
+      [this.overlayZIndex]: true,
+    };
+  }
+  static get is() { return "ptc-overlay"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-overlay.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-overlay.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "filterColor": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "| 'blue'\r\n    | 'red'\r\n    | 'orange'\r\n    | 'green'\r\n    | 'black-1'\r\n    | 'black-2'\r\n    | 'black-3'\r\n    | 'black-4'\r\n    | 'black-5'\r\n    | 'slate-grey'\r\n    | 'bright-blue'\r\n    | 'bright-red'\r\n    | 'bright-orange'\r\n    | 'bright-green'\r\n    | 'bright-slate-grey'\r\n    | 'solid-black-1'\r\n    | 'solid-black-2'\r\n    | string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Filter Color"
+        },
+        "attribute": "filter-color",
+        "reflect": false
+      },
+      "borderRadius": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'radius-standard' | 'radius-large'",
+          "resolved": "\"radius-large\" | \"radius-standard\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Overlay border shape"
+        },
+        "attribute": "border-radius",
+        "reflect": false
+      },
+      "overlayZIndex": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'z-index-auto' | 'z-index-n-2' | 'z-index-n-1' | 'z-index-p-1' | 'z-index-p-2'",
+          "resolved": "\"z-index-auto\" | \"z-index-n-1\" | \"z-index-n-2\" | \"z-index-p-1\" | \"z-index-p-2\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Overlay z-index"
+        },
+        "attribute": "overlay-z-index",
+        "reflect": false,
+        "defaultValue": "'z-index-auto'"
+      },
+      "styles": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Injected Styles"
+        },
+        "attribute": "styles",
+        "reflect": false
+      }
+    };
+  }
+  static get methods() {
+    return {
+      "setOverlay": {
+        "complexType": {
+          "signature": "(overlayName: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      }
+    };
+  }
+}

package/dist/collection/components/ptc-pagenation/ptc-pagenation.css

@@ -6,7 +6,10 @@ h5,
 h6,
 p,
 ul,
-li {
+li,
+ptc-subnav,
+ptc-tab-list,
+ptc-link {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -22,7 +25,10 @@ h5,
 h6,
 p,
 ul,
-li {
+li,
+ptc-subnav,
+ptc-tab-list,
+ptc-link {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */