@ptcwebops/ptcw-design 6.3.65-beta → 6.3.68-beta

package/dist/collection/components/ptc-bio-card/ptc-bio-card.css

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */
@@ -77,39 +81,155 @@ a.disabled {
   cursor: not-allowed;
 }
 a:focus-visible {
-  outline: 5px solid #003DD6 !important;
+  outline: 5px solid #003dd6 !important;
   outline-offset: 0px !important;
   border-radius: var(--ptc-border-radius-standard);
 }
 
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .background-plm-grey a.light-link {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a),
+.light-links a.light-link,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a),
+.background-grey-10 a.light-link,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a),
+.background-plm-grey a.light-link {
   color: var(--color-blue-04);
   margin: -2px;
   border: 2px solid transparent;
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited,
+.light-links a.light-link:visited,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited,
+.background-grey-10 a.light-link:visited,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited,
+.background-plm-grey a.light-link:visited {
   color: var(--color-blue-06);
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited:active,
+.light-links a.light-link:active,
+.light-links a.light-link:visited:active,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):active,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited:active,
+.background-grey-10 a.light-link:active,
+.background-grey-10 a.light-link:visited:active,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):active,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited:active,
+.background-plm-grey a.light-link:active,
+.background-plm-grey a.light-link:visited:active {
   transition: none;
   color: var(--color-blue-07);
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited:hover,
+.light-links a.light-link:hover,
+.light-links a.light-link:visited:hover,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):hover,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited:hover,
+.background-grey-10 a.light-link:hover,
+.background-grey-10 a.light-link:visited:hover,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):hover,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited:hover,
+.background-plm-grey a.light-link:hover,
+.background-plm-grey a.light-link:visited:hover {
   color: var(--color-blue-05);
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a).disabled,
+.light-links a.light-link.disabled,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a).disabled,
+.background-grey-10 a.light-link.disabled,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a).disabled,
+.background-plm-grey a.light-link.disabled {
   color: var(--color-gray-04) !important;
   cursor: not-allowed;
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):focus-visible,
+.light-links a.light-link:focus-visible,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):focus-visible,
+.background-grey-10 a.light-link:focus-visible,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):focus-visible,
+.background-plm-grey a.light-link:focus-visible {
   border-radius: var(--ptc-border-radius-standard);
   border: 2px solid white;
   outline: 5px solid var(--keyboard-nav-outline);
 }
-.light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
+.light-links .podcast-cta-section a,
+.background-grey-10 .podcast-cta-section a,
+.background-plm-grey .podcast-cta-section a {
   border: 2px solid transparent;
 }
-.light-links .podcast-cta-section a:focus-visible, .background-grey-10 .podcast-cta-section a:focus-visible, .background-plm-grey .podcast-cta-section a:focus-visible {
+.light-links .podcast-cta-section a:focus-visible,
+.background-grey-10 .podcast-cta-section a:focus-visible,
+.background-plm-grey .podcast-cta-section a:focus-visible {
   border-radius: var(--ptc-border-radius-standard);
   border: 2px solid white;
   outline: 5px solid var(--keyboard-nav-outline);
@@ -428,7 +548,8 @@ a:focus-visible {
 :host .social-icon:hover .cls-2 {
   fill: var(--color-green-14);
 }
-:host .social-icon:hover .cls-4, :host .social-icon:hover .cls-x-1 {
+:host .social-icon:hover .cls-4,
+:host .social-icon:hover .cls-x-1 {
   fill: var(--color-green-14);
 }
 

package/dist/collection/components/ptc-bio-card/ptc-bio-card.js

@@ -1,4 +1,4 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class PtcBioCard {
   constructor() {
     this.showModal = false;
@@ -18,29 +18,33 @@ export class PtcBioCard {
     }
   }
   componentDidLoad() {
-    let PtcModal = this.el.shadowRoot.querySelector('#bio-modal');
+    let PtcModal = this.el.shadowRoot.querySelector("#bio-modal");
     if (PtcModal) {
-      PtcModal.addEventListener('closed', () => {
+      PtcModal.addEventListener("closed", () => {
         this.showModal = false;
       });
     }
     // Code for to stop opening the modal when clicked on social icons
-    const socialIcons = this.el.shadowRoot.querySelectorAll('.bio-card__social-links .social-icon');
+    const socialIcons = this.el.shadowRoot.querySelectorAll(".bio-card__social-links .social-icon");
     const stopClickPropagation = (e) => {
       e.stopPropagation();
     };
     const stopEnterKeyPropagation = (e) => {
-      if (e.key === 'Enter') {
+      if (e.key === "Enter") {
         e.stopPropagation();
       }
     };
-    socialIcons.forEach(icon => {
-      icon.addEventListener('click', stopClickPropagation);
-      icon.addEventListener('keydown', stopEnterKeyPropagation);
+    socialIcons.forEach((icon) => {
+      icon.addEventListener("click", stopClickPropagation);
+      icon.addEventListener("keydown", stopEnterKeyPropagation);
     });
   }
   render() {
-    return (h(Host, { type: "button", class: this.isModal ? 'card-with-modal' : '' }, h("div", { class: "bio-card mf-listen", onClick: (e) => { this.openModal(e); }, tabIndex: 0, onKeyDown: (e) => { e.key === 'Enter' ? this.openModal(e) : null; } }, h("slot", { name: "seo-content" }), h("div", { class: "bio-card__image" }, h("img", { src: this.image, alt: `${this.name} profile image` })), h("div", { class: "bio-card__content" }, h("div", null, h("h3", { class: "bio-card__name" }, this.name), h("p", { class: "bio-card__job-title" }, this.jobTitle)), (this.linkedin || this.twitter) && (h("div", { class: "bio-card__social-links" }, this.linkedin && (h("a", { href: this.linkedin, target: "_blank", class: "tw social-icon mf-listen", "aria-label": "linkedin", title: "linkedin" }, h("style", null, `.social-icon .cls-1 {  fill: url(#linear-gradient1-in);  } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("path", { d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (h("a", { href: this.twitter, target: "_blank", class: "tw social-icon mf-listen", "aria-label": "X", title: "X" }, h("style", null, `.social-icon .cls-1 {  fill: url(#linear-gradient0-tw);  } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("g", { transform: "translate(9.205 13.034) scale(0.13)", "data-name": "Group 3004" }, h("path", { class: "cls-x-1", d: "M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z", width: "15", height: "15" }), h("rect", { class: "cls-x-2" }))))))))), this.isModal && (h("ptc-modal", { id: "bio-modal", show: this.showModal, size: "lg", "border-radius": 'large', "is-bio-modal": true, fixed: true }, h("div", { class: "modal-wrap" }, h("div", { class: "bio-modal-left" }, h("div", { class: "bio-modal__image" }, h("img", { src: this.image, alt: `${this.name} profile image` })), (this.linkedin || this.twitter) && (h("div", { class: "bio-card__social-links" }, this.linkedin && (h("a", { href: this.linkedin, target: "_blank", class: "tw social-icon", "aria-label": "linkedin" }, h("style", null, `.social-icon .cls-1 {  fill: url(#linear-gradient1-in);  } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("path", { d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (h("a", { href: this.twitter, target: "_blank", class: "tw social-icon", "aria-label": "twitter" }, h("style", null, `.social-icon .cls-1 {  fill: url(#linear-gradient0-tw);  } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("g", { transform: "translate(9.205 13.034) scale(0.13)", "data-name": "Group 3004" }, h("path", { class: "cls-x-1", d: "M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z", width: "15", height: "15" }), h("rect", { class: "cls-x-2" })))))))), h("div", { class: "bio-modal-right" }, h("div", { class: "bio-modal-header" }, h("h2", { class: "bio-card__name" }, this.name), h("p", { class: "bio-card__job-title" }, this.jobTitle)), h("div", { class: "bio-modal-description" }, h("slot", null))))))));
+    return (h(Host, { type: "button", class: this.isModal ? "card-with-modal" : "" }, h("div", { class: "bio-card mf-listen", onClick: (e) => {
+        this.openModal(e);
+      }, tabIndex: 0, onKeyDown: (e) => {
+        e.key === "Enter" ? this.openModal(e) : null;
+      } }, h("slot", { name: "seo-content" }), h("div", { class: "bio-card__image" }, h("img", { src: this.image, alt: `${this.name} profile image` })), h("div", { class: "bio-card__content" }, h("div", null, h("h3", { class: "bio-card__name" }, this.name), h("p", { class: "bio-card__job-title" }, this.jobTitle)), (this.linkedin || this.twitter) && (h("div", { class: "bio-card__social-links" }, this.linkedin && (h("a", { href: this.linkedin, target: "_blank", class: "tw social-icon mf-listen", "aria-label": "linkedin", title: "linkedin" }, h("style", null, `.social-icon .cls-1 {  fill: url(#linear-gradient1-in);  } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("path", { d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (h("a", { href: this.twitter, target: "_blank", class: "tw social-icon mf-listen", "aria-label": "X", title: "X" }, h("style", null, `.social-icon .cls-1 {  fill: url(#linear-gradient0-tw);  } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("g", { transform: "translate(9.205 13.034) scale(0.13)", "data-name": "Group 3004" }, h("path", { class: "cls-x-1", d: "M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z", width: "15", height: "15" }), h("rect", { class: "cls-x-2" }))))))))), this.isModal && (h("ptc-modal", { id: "bio-modal", show: this.showModal, size: "lg", "border-radius": "large", "is-bio-modal": true, fixed: true }, h("div", { class: "modal-wrap" }, h("div", { class: "bio-modal-left" }, h("div", { class: "bio-modal__image" }, h("img", { src: this.image, alt: `${this.name} profile image` })), (this.linkedin || this.twitter) && (h("div", { class: "bio-card__social-links" }, this.linkedin && (h("a", { href: this.linkedin, target: "_blank", class: "tw social-icon", "aria-label": "linkedin" }, h("style", null, `.social-icon .cls-1 {  fill: url(#linear-gradient1-in);  } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("path", { d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (h("a", { href: this.twitter, target: "_blank", class: "tw social-icon", "aria-label": "twitter" }, h("style", null, `.social-icon .cls-1 {  fill: url(#linear-gradient0-tw);  } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("g", { transform: "translate(9.205 13.034) scale(0.13)", "data-name": "Group 3004" }, h("path", { class: "cls-x-1", d: "M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z", width: "15", height: "15" }), h("rect", { class: "cls-x-2" })))))))), h("div", { class: "bio-modal-right" }, h("div", { class: "bio-modal-header" }, h("h2", { class: "bio-card__name" }, this.name), h("p", { class: "bio-card__job-title" }, this.jobTitle)), h("div", { class: "bio-modal-description" }, h("slot", null))))))));
   }
   static get is() { return "ptc-bio-card"; }
   static get encapsulation() { return "shadow"; }

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

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

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

@@ -1,35 +1,41 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class PtcBreadcrumb {
   constructor() {
     this.position = undefined;
     this.removeTopMargin = false;
-    this.color = 'white';
+    this.color = "white";
     this.isDarkMode = false;
     this.styles = undefined;
   }
   componentWillLoad() {
-    this.listItems = this.hostElement.querySelectorAll('list-item');
+    this.listItems = this.hostElement.querySelectorAll("list-item");
   }
   componentDidLoad() {
     if (this.listItems) {
-      this.hostElement.querySelectorAll('list-item').forEach((item) => {
+      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 mf-listen', id: "homeLinkID" }, h("a", { href: "/", "aria-label": "Home Link", class: { ['breadcrumb-item-link']: true, ['dark-mode-link']: this.isDarkMode } }, h("icon-asset", { type: "ptc", size: "medium", name: "icon-home", color: this.color }))), Array.from(this.listItems).map((item, index, array) => {
+    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 mf-listen", id: "homeLinkID" }, h("a", { href: "/", "aria-label": "Home Link", class: {
+        ["breadcrumb-item-link"]: true,
+        ["dark-mode-link"]: this.isDarkMode,
+      } }, 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, class: "mf-listen", id: `breadcrumb` + index + `ID` }, index < array.length - 1 ? (h("a", { href: href, target: '_self', class: { ['breadcrumb-item-link']: true, ['dark-mode-link']: this.isDarkMode } }, textContent)) : (textContent), h("span", { class: "visually-hidden" }, "/")));
+      const href = item.getAttribute("link-href");
+      return (h("li", { key: index, class: "mf-listen", id: `breadcrumb` + index + `ID` }, index < array.length - 1 ? (h("a", { href: href, target: "_self", class: {
+          ["breadcrumb-item-link"]: true,
+          ["dark-mode-link"]: this.isDarkMode,
+        } }, 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
+      ["remove-top-margin"]: this.removeTopMargin ? true : false,
+      [this.color]: true,
     };
   }
   static get is() { return "ptc-breadcrumb"; }
@@ -50,7 +56,7 @@ export class PtcBreadcrumb {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'left' | 'center' | 'right'",
+          "original": "\"left\" | \"center\" | \"right\"",
           "resolved": "\"center\" | \"left\" | \"right\"",
           "references": {}
         },
@@ -85,7 +91,7 @@ export class PtcBreadcrumb {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'black' | 'white' | 'ptc-green' | 'gray' | 'light-gray' | 'primary-gray' | 'default' | 'inherit'",
+          "original": "| \"black\"\r\n\t\t| \"white\"\r\n\t\t| \"ptc-green\"\r\n\t\t| \"gray\"\r\n\t\t| \"light-gray\"\r\n\t\t| \"primary-gray\"\r\n\t\t| \"default\"\r\n\t\t| \"inherit\"",
           "resolved": "\"black\" | \"default\" | \"gray\" | \"inherit\" | \"light-gray\" | \"primary-gray\" | \"ptc-green\" | \"white\"",
           "references": {}
         },
@@ -97,7 +103,7 @@ export class PtcBreadcrumb {
         },
         "attribute": "color",
         "reflect": false,
-        "defaultValue": "'white'"
+        "defaultValue": "\"white\""
       },
       "isDarkMode": {
         "type": "boolean",

package/dist/collection/components/ptc-brightcov-video/ptc-brightcov-video.css

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-brightcov-video/ptc-brightcov-video.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export class PtcBrightcovVideo {
   constructor() {
     this.videoId = undefined;
@@ -7,7 +7,7 @@ export class PtcBrightcovVideo {
     //  this.loadBrightcovePlayer();
   }
   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" }))));
+    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"; }

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

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */
@@ -294,8 +298,8 @@ a.center {
 }
 .nav:focus-visible {
   border-radius: 4px !important;
-  border: 2px solid #FFF !important;
-  outline: 5px solid #003DD6 !important;
+  border: 2px solid #fff !important;
+  outline: 5px solid #003dd6 !important;
   background-color: transparent !important;
   outline-offset: 0px !important;
 }