@ptcwebops/ptcw-design 3.7.0 → 3.7.2

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

@@ -1,121 +1,121 @@
-import { Host, h } from '@stencil/core';
-export class PtcBreadcrumb {
-  constructor() {
-    this.position = undefined;
-    this.removeTopMargin = false;
-    this.color = 'white';
-    this.styles = undefined;
-  }
-  componentWillLoad() {
-    this.listItems = this.hostElement.querySelectorAll('list-item');
-  }
-  componentDidLoad() {
-    if (this.listItems) {
-      this.hostElement.querySelectorAll('list-item').forEach((item) => {
-        item.remove();
-      });
-    }
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("nav", { "aria-label": "Breadcrumb" }, h("ol", { class: "ptc-breadcrumb-ol" }, h("li", { class: 'home-link' }, h("a", { href: "/", "aria-label": "Home Link" }, h("icon-asset", { type: "ptc", size: "medium", name: "icon-home", color: this.color }))), Array.from(this.listItems).map((item, index, array) => {
-      const textContent = item.textContent.trim();
-      const href = item.getAttribute('link-href');
-      return (h("li", { key: index }, index < array.length - 1 ? (h("a", { href: href, target: '_self' }, textContent)) : (textContent), h("span", { class: "visually-hidden" }, "/")));
-    })))));
-  }
-  getCssClassMap() {
-    return {
-      [this.position]: !!this.position && this.position !== undefined ? true : false,
-      ['remove-top-margin']: this.removeTopMargin ? true : false,
-      [this.color]: true
-    };
-  }
-  static get is() { return "ptc-breadcrumb"; }
-  static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-breadcrumb.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-breadcrumb.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "position": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'left' | 'center' | 'right'",
-          "resolved": "\"center\" | \"left\" | \"right\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "breadcrumb position"
-        },
-        "attribute": "position",
-        "reflect": false
-      },
-      "removeTopMargin": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "remove topMargin"
-        },
-        "attribute": "remove-top-margin",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "color": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'black' | 'white' | 'ptc-green' | 'gray' | 'light-gray' | 'primary-gray' | 'default' | 'inherit'",
-          "resolved": "\"black\" | \"default\" | \"gray\" | \"inherit\" | \"light-gray\" | \"primary-gray\" | \"ptc-green\" | \"white\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Theme Color"
-        },
-        "attribute": "color",
-        "reflect": false,
-        "defaultValue": "'white'"
-      },
-      "styles": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "(optional) Injected CSS styles"
-        },
-        "attribute": "styles",
-        "reflect": false
-      }
-    };
-  }
-  static get elementRef() { return "hostElement"; }
-}
+import { Host, h } from '@stencil/core';
+export class PtcBreadcrumb {
+  constructor() {
+    this.position = undefined;
+    this.removeTopMargin = false;
+    this.color = 'white';
+    this.styles = undefined;
+  }
+  componentWillLoad() {
+    this.listItems = this.hostElement.querySelectorAll('list-item');
+  }
+  componentDidLoad() {
+    if (this.listItems) {
+      this.hostElement.querySelectorAll('list-item').forEach((item) => {
+        item.remove();
+      });
+    }
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("nav", { "aria-label": "Breadcrumb" }, h("ol", { class: "ptc-breadcrumb-ol" }, h("li", { class: 'home-link' }, h("a", { href: "/", "aria-label": "Home Link" }, h("icon-asset", { type: "ptc", size: "medium", name: "icon-home", color: this.color }))), Array.from(this.listItems).map((item, index, array) => {
+      const textContent = item.textContent.trim();
+      const href = item.getAttribute('link-href');
+      return (h("li", { key: index }, index < array.length - 1 ? (h("a", { href: href, target: '_self' }, textContent)) : (textContent), h("span", { class: "visually-hidden" }, "/")));
+    })))));
+  }
+  getCssClassMap() {
+    return {
+      [this.position]: !!this.position && this.position !== undefined ? true : false,
+      ['remove-top-margin']: this.removeTopMargin ? true : false,
+      [this.color]: true
+    };
+  }
+  static get is() { return "ptc-breadcrumb"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-breadcrumb.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-breadcrumb.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "position": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'left' | 'center' | 'right'",
+          "resolved": "\"center\" | \"left\" | \"right\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "breadcrumb position"
+        },
+        "attribute": "position",
+        "reflect": false
+      },
+      "removeTopMargin": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "remove topMargin"
+        },
+        "attribute": "remove-top-margin",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'black' | 'white' | 'ptc-green' | 'gray' | 'light-gray' | 'primary-gray' | 'default' | 'inherit'",
+          "resolved": "\"black\" | \"default\" | \"gray\" | \"inherit\" | \"light-gray\" | \"primary-gray\" | \"ptc-green\" | \"white\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Theme Color"
+        },
+        "attribute": "color",
+        "reflect": false,
+        "defaultValue": "'white'"
+      },
+      "styles": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "(optional) Injected CSS styles"
+        },
+        "attribute": "styles",
+        "reflect": false
+      }
+    };
+  }
+  static get elementRef() { return "hostElement"; }
+}

package/dist/collection/components/ptc-brightcov-video/ptc-brightcov-video.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-brightcov-video/ptc-brightcov-video.js

@@ -1,79 +1,79 @@
-import { h } from '@stencil/core';
-export class PtcBrightcovVideo {
-  constructor() {
-    this.videoId = undefined;
-  }
-  componentDidLoad() {
-    //  this.loadBrightcovePlayer();
-  }
-  // loadBrightcovePlayer() {
-  //   // Load the Brightcove Player library
-  //   const script = document.createElement('script');
-  //   script.src = 'https://players.brightcove.net/1532789042001/dNyUv9zZ6_default/index.min.js'; // Replace with your actual account and player IDs
-  //   script.async = true;
-  //   script.onerror = (error) => {
-  //     console.error('Error loading Brightcove Player:', error);
-  //   };
-  //   this.el.appendChild(script);
-  //   script.onload = () => this.initializeVideo();
-  //   const bcStyle = document.createElement('link');
-  //   bcStyle.href = 'https://players.brightcove.net/videojs-bc-playlist-ui/3/videojs-bc-playlist-ui.css';
-  //   bcStyle.onerror = (error) => {
-  //     console.error('Error loading Brightcove styles:', error);
-  //   };
-  //   this.el.appendChild(bcStyle);
-  //   bcStyle.onload = () => this.initializeVideo();
-  // }
-  // initializeVideo() {
-  //   console.log('Initializing video with ID:', this.videoId);
-  //   const videoContainer = this.el.querySelector('.video-container');
-  //   if (videoContainer && this.videoId) {
-  //     videoContainer.innerHTML = `<video-js
-  //       id="bcPlayer"
-  //       data-account="1532789042001"
-  //       data-player="dNyUv9zZ6_default"
-  //       data-embed="default"
-  //       data-video-id="${this.videoId}"
-  //       controls
-  //       class="vjs-fill"
-  //     ></video-js>`;
-  //   }
-  // }
-  render() {
-    return (h("div", { class: 'aspect-ratio-container' }, h("div", { class: "video-container" }, h("video-js", { id: "bcPlayer", "data-account": "1532789042001", "data-player": "dNyUv9zZ6", "data-embed": "default", "data-video-id": "6337173859112", controls: "", "data-application-id": "", class: "vjs-fill" }), h("script", { src: "https://players.brightcove.net/1532789042001/dNyUv9zZ6_default/index.min.js" }))));
-  }
-  static get is() { return "ptc-brightcov-video"; }
-  static get encapsulation() { return "scoped"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ptc-brightcov-video.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ptc-brightcov-video.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "videoId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "video-id",
-        "reflect": false
-      }
-    };
-  }
-  static get elementRef() { return "el"; }
-}
+import { h } from '@stencil/core';
+export class PtcBrightcovVideo {
+  constructor() {
+    this.videoId = undefined;
+  }
+  componentDidLoad() {
+    //  this.loadBrightcovePlayer();
+  }
+  // loadBrightcovePlayer() {
+  //   // Load the Brightcove Player library
+  //   const script = document.createElement('script');
+  //   script.src = 'https://players.brightcove.net/1532789042001/dNyUv9zZ6_default/index.min.js'; // Replace with your actual account and player IDs
+  //   script.async = true;
+  //   script.onerror = (error) => {
+  //     console.error('Error loading Brightcove Player:', error);
+  //   };
+  //   this.el.appendChild(script);
+  //   script.onload = () => this.initializeVideo();
+  //   const bcStyle = document.createElement('link');
+  //   bcStyle.href = 'https://players.brightcove.net/videojs-bc-playlist-ui/3/videojs-bc-playlist-ui.css';
+  //   bcStyle.onerror = (error) => {
+  //     console.error('Error loading Brightcove styles:', error);
+  //   };
+  //   this.el.appendChild(bcStyle);
+  //   bcStyle.onload = () => this.initializeVideo();
+  // }
+  // initializeVideo() {
+  //   console.log('Initializing video with ID:', this.videoId);
+  //   const videoContainer = this.el.querySelector('.video-container');
+  //   if (videoContainer && this.videoId) {
+  //     videoContainer.innerHTML = `<video-js
+  //       id="bcPlayer"
+  //       data-account="1532789042001"
+  //       data-player="dNyUv9zZ6_default"
+  //       data-embed="default"
+  //       data-video-id="${this.videoId}"
+  //       controls
+  //       class="vjs-fill"
+  //     ></video-js>`;
+  //   }
+  // }
+  render() {
+    return (h("div", { class: 'aspect-ratio-container' }, h("div", { class: "video-container" }, h("video-js", { id: "bcPlayer", "data-account": "1532789042001", "data-player": "dNyUv9zZ6", "data-embed": "default", "data-video-id": "6337173859112", controls: "", "data-application-id": "", class: "vjs-fill" }), h("script", { src: "https://players.brightcove.net/1532789042001/dNyUv9zZ6_default/index.min.js" }))));
+  }
+  static get is() { return "ptc-brightcov-video"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-brightcov-video.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-brightcov-video.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "videoId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "video-id",
+        "reflect": false
+      }
+    };
+  }
+  static get elementRef() { return "el"; }
+}

package/dist/collection/components/ptc-button/ptc-button.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 */