@ptcwebops/ptcw-design 6.3.35-beta → 6.3.35

package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.css

@@ -82,26 +82,26 @@ a:focus-visible {
   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, .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, .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, .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, .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, .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, .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, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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, .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, .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, .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, .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, .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, .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);

package/dist/collection/components/ptc-white-paper/ptc-white-paper.css

@@ -5659,26 +5659,26 @@ a:focus-visible {
   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, .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, .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, .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, .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, .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, .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, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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, .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, .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, .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, .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, .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, .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);

package/dist/collection/components/ptc-white-paper/ptc-white-paper.js

@@ -84,22 +84,23 @@ export class PtcWhitePaper {
   }
   renderContent(item, index) {
     const components = Object.values(item);
-    return (h("div", { class: "content-wrapper", key: index }, components.map((comp, i) => {
-      var _a, _b;
-      let heading = this.el.querySelector(`[slot="heading-page${this.currentPage}-comp${i + 1}"]`);
-      let subHeading = this.el.querySelector(`[slot="subheading-page${this.currentPage}-comp${i + 1}"]`);
-      return h("div", { key: i }, (heading && heading.innerText && ((_a = heading.innerText) === null || _a === void 0 ? void 0 : _a.trim()) !== '') ? (this.currentPage == 1
-        ? (h("ptc-title", { type: "h1", upperline: comp.isStyledHeading ? 'dotted' : 'no-upperline', "title-height": "densest", "title-margin": "margin-flush" }, h("slot", { name: `heading-page${this.currentPage}-comp${i + 1}` }), h("ptc-spacer", { size: "large" })))
-        : (h("ptc-title", { type: "h2", upperline: comp.isStyledHeading ? 'dotted' : 'no-upperline', "title-height": "densest", "title-margin": "margin-flush" }, h("slot", { name: `heading-page${this.currentPage}-comp${i + 1}` }), h("ptc-spacer", { size: "large" })))) : "", (subHeading && subHeading.innerText && ((_b = subHeading.innerText) === null || _b === void 0 ? void 0 : _b.trim()) !== '') ? (h("div", { class: "sub-heading rich-content-text-editor" }, h("slot", { name: `subheading-page${this.currentPage}-comp${i + 1}` }))) : '', comp.componentType === 'two-column-with-text-media' && this.renderTwoColumnText(comp, i), comp.componentType === 'fullspan-media' && this.renderfullspanMedia(comp, i), comp.componentType === 'fullspan-text' && this.renderFullspanText(comp, i));
-    })));
+    return (h("div", { class: "content-wrapper", key: index }, components.map((comp, i) => (h("div", { key: i }, (comp.heading && comp.heading.trim() !== '') ? (this.currentPage == 1
+      ? (h("ptc-title", { type: "h1", upperline: comp.isStyledHeading ? 'dotted' : 'no-upperline', "title-height": "densest", "title-margin": "margin-flush" }, comp.heading, h("ptc-spacer", { size: "large" })))
+      : (h("ptc-title", { type: "h2", upperline: comp.isStyledHeading ? 'dotted' : 'no-upperline', "title-height": "densest", "title-margin": "margin-flush" }, comp.heading, h("ptc-spacer", { size: "large" })))) : "", (comp.subHeading && comp.subHeading.trim() !== '') ? (h("div", { class: "sub-heading rich-content-text-editor", innerHTML: comp.subHeading })) : '', comp.componentType === 'two-column-with-text-media' && this.renderTwoColumnText(comp, i), comp.componentType === 'fullspan-media' && this.renderfullspanMedia(comp, i), comp.componentType === 'fullspan-text' && this.renderFullspanText(comp, i))))));
   }
   renderTwoColumnText(comp, index) {
-    return (h("div", null, comp.leftColumnContent && (h("div", { class: "is-grid has-col-gap-xl has-row-gap-sm wp-component", key: index }, h("div", { class: "is-col-6-md" }, h("div", { class: "left-content", innerHTML: comp.leftColumnContent })), h("div", { class: "is-col-6-md" }, h("div", { class: "right-content", innerHTML: comp.rightColumnContent }))))));
+    //const pageNumber = this.currentPage;
+    //const componentNumber = index + 1;
+    return (h("div", null, h("div", { class: "is-grid has-col-gap-xl has-row-gap-sm wp-component", key: index }, h("div", { class: "is-col-6-md" }, h("div", { class: "left-content", innerHTML: comp.leftColumnContent })), h("div", { class: "is-col-6-md" }, h("div", { class: "right-content", innerHTML: comp.rightColumnContent })))));
   }
   renderfullspanMedia(comp, index) {
+    //const pageNumber = this.currentPage;
+    //const componentNumber = index + 1;
     return (h("div", { class: "wp-component wp-media", key: index }, comp.mainImage && (h("ptc-picture", { alt: comp.mainImageAlt, "display-image": "inline-block", "image-alignment": "center", "image-position": "relative", "object-fit": "cover", src: comp.mainImage })), comp.mainImageDescription && h("div", { class: "image-description", innerHTML: comp.mainImageDescription })));
   }
   renderFullspanText(comp, index) {
+    //const pageNumber = this.currentPage;
+    //const componentNumber = index + 1;
     const classes = {
       'wp-component': true,
       'wp-fullspan-text': true,

package/dist/collection/components/subnav/ptc-nav-link/ptc-nav-link.js

@@ -28,7 +28,7 @@ export class PtcNavLink {
     }
   }
   render() {
-    return (h(Host, null, h("div", { class: "tracker-div", id: this.trackerId }, h("a", { href: this.href, target: this.isOutsideLink ? '_blank' : '_self', title: this.titleText, onClick: event => {
+    return (h(Host, null, h("div", { class: "tracker-div" }, h("a", { id: this.trackerId, href: this.href, target: this.isOutsideLink ? '_blank' : '_self', title: this.titleText, onClick: event => {
         this.handleClick(event);
       } }, h("slot", null), !this.href.startsWith('#') && (h("svg", { class: "icon-arrow-right", xmlns: "http://www.w3.org/2000/svg", width: "14", height: "10", viewBox: "0 0 14 10", fill: "none" }, h("path", { d: "M8.84921 0.77792L8.81313 3.41153L0.51545 3.55584L0.515449 6.5863L8.81313 6.44199L8.81313 9.40029L13.1424 5.07107L8.84921 0.77792Z", fill: "#AEB8BD" })))))));
   }

package/dist/collection/global/global.js

@@ -0,0 +1,7 @@
+// src/global/global.ts
+import { ptcLogger } from '../utils/fef-logger';
+import { loadValidationMessages } from '../utils/validation-messages';
+globalThis.ptcLogger = ptcLogger;
+loadValidationMessages()
+  .then(() => { var _a; return (_a = ptcLogger === null || ptcLogger === void 0 ? void 0 : ptcLogger.info) === null || _a === void 0 ? void 0 : _a.call(ptcLogger, 'Validation messages loaded successfully'); })
+  .catch((err) => { var _a; return (_a = ptcLogger === null || ptcLogger === void 0 ? void 0 : ptcLogger.error) === null || _a === void 0 ? void 0 : _a.call(ptcLogger, 'Failed to load validation messages', err); });

package/dist/collection/stories/Breadcrumb2.stories.js

@@ -0,0 +1,62 @@
+import { html } from 'lit';
+
+export default {
+  title: 'New/ptc-breadcrumb-new',
+  tags: [ 'autodocs' ],
+  argTypes: {
+    position: {
+      description: ' breadcrumb position',
+      defaultValue: { summary: '' },
+      control: 'select',
+      options: [ 'left', 'center', 'right' ]
+    },
+    removeTopMargin: {
+      description: ' remove topMargin',
+      defaultValue: { summary: 'false' },
+      control: 'boolean'
+    },
+    color: {
+      description: ' Theme Color',
+      defaultValue: { summary: 'white' },
+      control: 'select',
+      options: [
+        'black',
+        'white',
+        'ptc-green',
+        'gray',
+        'light-gray',
+        'primary-gray',
+        'default',
+        'inherit'
+      ]
+    },
+    isDarkMode: {
+      description: ' Dark Mode for Tab Index',
+      defaultValue: { summary: 'false' },
+      control: 'boolean'
+    },
+    styles: {
+      description: ' (optional) Injected CSS styles ',
+      defaultValue: { summary: '' },
+      control: 'text'
+    }
+  }
+};
+const Template = (args) => {
+  return html`<ptc-breadcrumb
+	position=${args.position}
+	removeTopMargin=${args.removeTopMargin}
+	color=${args.color}
+	isDarkMode=${args.isDarkMode}
+	styles=${args.styles}
+>
+</ptc-breadcrumb>`;
+};
+export const Example = Template.bind({});
+Example.args = {
+  position: '',
+  removeTopMargin: 'false',
+  color: 'white',
+  isDarkMode: 'false',
+  styles: ''
+};

package/dist/collection/stories/BrightcovVideo.stories.js

@@ -0,0 +1,21 @@
+import { html } from 'lit';
+
+export default {
+  title: 'New/ptc-brightcov-video',
+  tags: [ 'autodocs' ],
+  argTypes: {
+    videoId: {
+      control: 'text',
+      description: '',
+      defaultValue: { summary: 'undefined' }
+    }
+  }
+};
+
+const Template = args => { return html `<ptc-brightcov-video
+	video-id=${args.videoId}
+></ptc-brightcov-video>`;}
+
+export const Example = Template.bind({});
+
+Example.args = { videoId: 'undefined' }

package/dist/collection/stories/Card.stories.js

@@ -14,42 +14,17 @@ export default {
       description: 'Card Link URL (Optional)',
       defaultValue: { summary: 'undefined' }
     },
-    // cardLogo: {
-    //   control: '',
-    //   description: 'Card Logo',
-    //   defaultValue: { summary: 'undefined' }
-    // },
     cardType: {
       control: 'select',
       options: ["hightlight-card", "horizontal-card", "listing-card"],
       description: 'Card Type Specify Card Type, default to simple card',
       defaultValue: { summary: 'custom-card' }
     },
-    // country: {
-    //   control: 'text',
-    //   description: 'Card Date',
-    //   defaultValue: { summary: 'undefined' }
-    // },
-    // eventType: {
-    //   control: '',
-    //   description: 'Event Type',
-    //   defaultValue: { summary: 'undefined' }
-    // },
     hasImage: {
       control: 'boolean',
       description: 'If this card has Image',
       defaultValue: { summary: 'false' }
     },
-    // hasLottie: {
-    //   control: '',
-    //   description: 'If this card has Lottie Image',
-    //   defaultValue: { summary: 'false' }
-    // },
-    // hasVideo: {
-    //   control: '',
-    //   description: 'If this card has Video',
-    //   defaultValue: { summary: 'false' }
-    // },
     heading: {
       control: 'text',
       description: 'Card heading',
@@ -61,144 +36,24 @@ export default {
       description: 'Card heading text transform',
       defaultValue: { summary: 'none' }
     },
-    // rel: {
-    //   control: '',
-    //   description: '(optional) Link card rel',
-    //   defaultValue: { summary: 'undefined' }
-    // },
     ribbonText: {
       control: 'text',
       description: 'Ribbon will show on listing card if this field has any value',
       defaultValue: { summary: 'undefined' }
     },
-    // styles: {
-    //   control: '',
-    //   description: '(optional) Injected CSS styles',
-    //   defaultValue: { summary: 'undefined' }
-    // },
     target: {
       control: '',
       description: '(optional) Link card target',
       defaultValue: { summary: '_self' }
     },
-    // titleLineCutOff: {
-    //   control: 'number',
-    //   description: 'Title Line Cut off',
-    //   defaultValue: { summary: 'undefined' }
-    // }
   }
 };
 
-// const Template = args => { return html `<ptc-card
-// 	card-date=${args.cardDate}
-// 	card-href=${args.cardHref}
-// 	card-logo=${args.cardLogo}
-// 	card-type=${args.cardType}
-// 	country=${args.country}
-// 	event-type=${args.eventType}
-// 	has-image=${args.hasImage}
-// 	has-lottie=${args.hasLottie}
-// 	has-video=${args.hasVideo}
-// 	heading=${args.heading}
-// 	heading-transform=${args.headingTransform}
-// 	rel=${args.rel}
-// 	ribbon-text=${args.ribbonText}
-// 	styles=${args.styles}
-// 	target=${args.target}
-// 	title-line-cut-off=${args.titleLineCutOff}
-// ></ptc-card>`;}
-
-// Example.args = {
-//   cardDate: 'undefined',
-//   cardHref: 'undefined',
-//   cardLogo: 'undefined',
-//   cardType: 'custom-card',
-//   country: 'undefined',
-//   eventType: 'undefined',
-//   hasImage: 'false',
-//   hasLottie: 'false',
-//   hasVideo: 'false',
-//   heading: 'undefined',
-//   headingTransform: 'none',
-//   rel: 'undefined',
-//   ribbonText: 'undefined',
-//   styles: 'undefined',
-//   target: '_self',
-//   titleLineCutOff: 'undefined',
-// }
-
-// ** Highlight Card **
-
-const HighlightCardTemplate = args => { return html `
-<div class="is-grid">
-<div class="is-col-8">
-  <ptc-card 
-    card-date=${args.cardDate}
-    card-href=${args.cardHref}
-    card-type=${args.cardType} 
-    has-image=${args.hasImage}
-    heading=${args.heading}
-    heading-transform=${args.headingTransform}
-    target=${args.target}
-  >
-    <ptc-img slot="slot-image" img-url="http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway" size-xs="600x450" size-sm="600x450" size-md="1108x658" size-lg="1108x658" image-type="smart-img" load-mode="lazy-bg"></ptc-img>
-    <ptc-span slot="slot-before-heading" styles="::part(part-ptc-span){font-size:18px!important}" span-style="tag-style" display="block">Augmented Reality</ptc-span>
-    <div slot="slot-description">
-      <ptc-para font-size="xx-small" font-weight="w-6" para-line-h="line-height-dense">
-        Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing. Lorem ipsum dolor sit amet, consectetur adipiscing.
-      </ptc-para>
-    </div>
-  </ptc-card>
-</div>
-</div>
-`;}
-
-export const HighlightCard = HighlightCardTemplate.bind({});
-
-HighlightCard.args = {
-  cardDate: '2022-1-2',
-  cardHref: 'http://www.ptc.com',
-  cardType: 'hightlight-card',
-  hasImage: true,
-  heading: 'Lorem ipsum dolor sit amet, consectetur adipiscing',
-  headingTransform: 'none',
-  target: '_blank',
-}
-
-// ** Horizontal Card **
-
-const HorizontalCardTemplate = args => { return html `
-<ptc-card 
-  card-href=${args.cardHref}
-  card-type=${args.cardType} 
-  has-image=${args.hasImage}
-  heading=${args.heading}
-  heading-transform=${args.headingTransform}
-  target=${args.target}
->
-<ptc-picture slot="slot-image" alt="image-test" is-full-width="true" src="https://www.ptc.com/-/media/Images/new-org/510x340/PLM/BOM-Management.jpg"></ptc-picture>
-<div class="" slot="slot-description">
-  <ptc-para font-size="xx-small" para-line-h="line-height-dense" para-margin="margin-flush">Get full digital associativity across engineering, supply chain, manufacturing, sales, and service.</ptc-para>
-</div>
-</ptc-card>
-`; }
-
-export const HorizontalCard = HorizontalCardTemplate.bind({});
-
-HorizontalCard.args = {
-  cardHref: 'https://www.ptc.com/en/technologies/plm/bill-of-materials',
-  cardType: 'horizontal-card',
-  hasImage: true,
-  heading: 'BOM management',
-  headingTransform: 'none',
-  target: '_blank',
-}
-
 // ** Listing Card **
 
 const ListingCardTemplate = args => { return html `
 <div class="is-grid">
-  <div class="is-col-3">
+  <div class="is-col-4">
     <ptc-card 
       card-date=${args.cardDate}
       card-href=${args.cardHref}
@@ -211,7 +66,7 @@ const ListingCardTemplate = args => { return html `
     >
       <ptc-img slot="slot-image" img-url="http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway" size-xs="600x450" size-sm="600x450" size-md="1108x658" size-lg="1108x658" image-type="smart-img" load-mode="lazy-bg"></ptc-img>
       <div slot="slot-description">
-          <ptc-para font-size="medium" font-weight="w-4" para-line-h="line-height-19">
+          <ptc-para font-size="x-small" font-weight="w-4" para-line-h="line-height-19">
           Join us for live presentations and hear about the latest updates for Creo, Windchill PLM, and Thingworx IOT and Augmented Reality. 
           </ptc-para>
       </div>
@@ -231,4 +86,4 @@ ListingCard.args = {
   headingTransform: 'none',
   ribbonText: 'eBook',
   target: '_blank',
-}
+}

package/dist/collection/stories/Checkbox.stories.js

@@ -1,53 +1,21 @@
-import { html } from 'lit';
-import {action} from '@storybook/addon-actions'
-
-export default {
-  title: 'Molecules/ptc-checkbox',
-  tags: [ 'autodocs' ],
-  argTypes: {
-    checked: {
-      control: 'select',
-      options: ["checked", "unchecked"],
-      description: 'Whether checkbox state is checked or not',
-      defaultValue: { summary: 'unchecked' }
-    },
-    disabled: {
-      control: 'boolean',
-      description: 'Whether checkbox is disabled or not',
-      defaultValue: { summary: 'undefined' }
-    },
-    inputName: {
-      control: 'text',
-      description: 'The name of the underlying form input',
-      defaultValue: { summary: 'undefined' }
-    },
-    value: {
-      control: 'text',
-      description: 'The name of the underlying form input',
-      defaultValue: { summary: 'undefined' }
-    },
-  },
-};
-
-const Template = args => { 
-  const handleClick = (e) => {
-    e.stopPropagation();
-    action('onClick')(e);
-  };
-
-  return html `<ptc-checkbox
-	checked=${args.checked}
-	disabled=${args.disabled}
-	input-name=${args.inputName}
-	value=${args.value}
-  @click=${handleClick}
->Checkbox item</ptc-checkbox>`;}
-
-export const Example = Template.bind({});
-
-Example.args = {
-  checked: 'unchecked',
-  disabled: 'false',
-  inputName: 'undefined',
-  value: 'undefined'
-}
+import { html } from 'lit';
+
+export default {
+  title: 'New/ptc-checkbox',
+  tags: [ 'autodocs' ],
+  argTypes: {
+    default: {
+      description: 'Default slot content',
+      control: 'text',
+      table: { category: 'slots' }
+    }
+  }
+};
+const Template = (args) => {
+  return html`<ptc-checkbox
+>
+	${args.default}
+</ptc-checkbox>`;
+};
+export const Example = Template.bind({});
+Example.args = { default: 'Lorem ipsum text' };

package/dist/collection/stories/CheckboxGroup.stories.js

@@ -0,0 +1,27 @@
+import { html } from 'lit';
+
+export default {
+  title: 'New/ptc-checkbox-group',
+  tags: [ 'autodocs' ],
+  argTypes: {
+    default: {
+      description: 'Default slot content',
+      control: 'text',
+      table: { category: 'slots' }
+    },
+    title: {
+      description: 'Slot: title',
+      control: 'text',
+      table: { category: 'slots' }
+    }
+  }
+};
+const Template = (args) => {
+  return html`<ptc-checkbox-group
+>
+	${args.default}
+	<span slot="title">${args.title}</span>
+</ptc-checkbox-group>`;
+};
+export const Example = Template.bind({});
+Example.args = { default: 'Lorem ipsum text', title: 'Lorem for title' };

package/dist/collection/stories/CloseIcon.stories.js

@@ -0,0 +1,10 @@
+import { html } from 'lit';
+
+export default { title: 'New/ptc-close-icon', tags: [ 'autodocs' ], argTypes: {} };
+const Template = (args) => {
+  return html`<ptc-close-icon
+>
+</ptc-close-icon>`;
+};
+export const Example = Template.bind({});
+Example.args = {};

package/dist/collection/stories/CollapseList.stories.js

@@ -0,0 +1,14 @@
+import { html } from 'lit';
+
+export default {
+  title: 'New/ptc-collapse-list',
+  tags: [ 'autodocs' ],
+  argTypes: {}
+};
+const Template = (args) => {
+  return html`<ptc-collapse-list
+>
+</ptc-collapse-list>`;
+};
+export const Example = Template.bind({});
+Example.args = {};

package/dist/collection/stories/Countdown.stories.js

@@ -0,0 +1,10 @@
+import { html } from 'lit';
+
+export default { title: 'New/ptc-countdown', tags: [ 'autodocs' ], argTypes: {} };
+const Template = (args) => {
+  return html`<ptc-countdown
+>
+</ptc-countdown>`;
+};
+export const Example = Template.bind({});
+Example.args = {};

package/dist/collection/stories/DataLookup.stories.js

@@ -0,0 +1,21 @@
+import { html } from 'lit';
+
+export default {
+  title: 'New/ptc-data-lookup',
+  tags: [ 'autodocs' ],
+  argTypes: {
+    default: {
+      description: 'Default slot content',
+      control: 'text',
+      table: { category: 'slots' }
+    }
+  }
+};
+const Template = (args) => {
+  return html`<ptc-data-lookup
+>
+	${args.default}
+</ptc-data-lookup>`;
+};
+export const Example = Template.bind({});
+Example.args = { default: 'Lorem ipsum text' };

package/dist/collection/stories/EllipsisDropdown.stories.js

@@ -0,0 +1,14 @@
+import { html } from 'lit';
+
+export default {
+  title: 'New/ptc-ellipsis-dropdown',
+  tags: [ 'autodocs' ],
+  argTypes: {}
+};
+const Template = (args) => {
+  return html`<ptc-ellipsis-dropdown
+>
+</ptc-ellipsis-dropdown>`;
+};
+export const Example = Template.bind({});
+Example.args = {};