@ptcwebops/ptcw-design 5.3.5 → 5.3.7

package/dist/custom-elements/index.js

@@ -18916,7 +18916,7 @@ const PtcInfoTile$1 = class extends HTMLElement$1 {
   static get style() { return ptcInfoTileCss; }
 };
 
-const ptcInlineCtaCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .small-inline-cta-container{width:100%;height:max-content;display:grid;position:relative;align-items:center}:host .small-inline-cta-container .cta-bg{display:none}:host .small-inline-cta-container .cta-content{width:100%;display:flex;flex-direction:column;box-sizing:border-box;background-color:var(--color-gray-08);border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-05);box-sizing:border-box}:host .small-inline-cta-container .cta-content .cta-image{width:100%;height:200px}:host .small-inline-cta-container .cta-content .cta-body{width:100%;margin-top:var(--ptc-element-spacing-05);padding:0}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper{display:block;outline:none;text-decoration:none}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper:hover{outline:none;text-decoration:none}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid #003dd6}@media only screen and (min-width: 768px){:host .small-inline-cta-container{margin-top:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01));margin-bottom:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01))}:host .small-inline-cta-container .cta-bg{display:block;width:80%;height:calc(100% + 16px + 16px);position:absolute;right:0;z-index:-1;background-color:var(--color-gray-08);border-radius:var(--ptc-border-radius-standard)}:host .small-inline-cta-container .cta-content{flex-direction:row;align-items:center;background-color:transparent;border-radius:none;padding:0}:host .small-inline-cta-container .cta-content .cta-image{width:35%;height:164px}:host .small-inline-cta-container .cta-content .cta-body{width:65%;justify-self:right;display:flex;align-items:center;box-sizing:border-box;padding-right:var(--ptc-element-spacing-07);padding-left:var(--ptc-element-spacing-07);margin-top:0;margin-bottom:0}}:host .big-inline-cta-container{width:100%;height:max-content;display:grid;position:relative;align-items:center}:host .big-inline-cta-container .cta-bg{display:none}:host .big-inline-cta-container .cta-content{width:100%;display:flex;flex-direction:column;border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-05);box-sizing:border-box;background-color:var(--color-green-08)}:host .big-inline-cta-container .cta-content .cta-image{width:100%;height:300px}:host .big-inline-cta-container .cta-content .cta-body{width:100%;margin-top:var(--ptc-element-spacing-06)}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper{display:block;outline:none;text-decoration:none}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper:hover{outline:none;text-decoration:none}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid #003dd6}@media only screen and (min-width: 480px){:host .big-inline-cta-container .cta-content .cta-body{margin-top:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 768px){:host .big-inline-cta-container{margin-top:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01));margin-bottom:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01))}:host .big-inline-cta-container .cta-bg{display:block;width:80%;height:calc(100% + 24px + 24px);position:absolute;right:0;z-index:-1;border-radius:var(--ptc-border-radius-standard);background-color:var(--color-green-08)}:host .big-inline-cta-container .cta-content{flex-direction:row;align-items:center;border-radius:none;padding:0;background-color:transparent}:host .big-inline-cta-container .cta-content .cta-image{width:40%;height:400px;justify-self:left}:host .big-inline-cta-container .cta-content .cta-body{width:60%;justify-self:right;display:flex;align-items:center;box-sizing:border-box;padding-top:calc(var(--ptc-element-spacing-07) + var(--ptc-element-spacing-05));padding-right:var(--ptc-element-spacing-07);padding-bottom:calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04));padding-left:var(--ptc-element-spacing-07);margin-top:0}}:host .big-inline-cta-container.green .cta-content{background-color:var(--color-green-08)}@media only screen and (min-width: 768px){:host .big-inline-cta-container.green .cta-bg{background-color:var(--color-green-08)}:host .big-inline-cta-container.green .cta-content{background-color:transparent}}:host .big-inline-cta-container.blue .cta-content{background-color:var(--color-blue-08)}@media only screen and (min-width: 768px){:host .big-inline-cta-container.blue .cta-bg{background-color:var(--color-blue-08)}:host .big-inline-cta-container.blue .cta-content{background-color:transparent}}:host .big-inline-cta-container.gray .cta-content{background-color:var(--color-gray-08)}@media only screen and (min-width: 768px){:host .big-inline-cta-container.gray .cta-bg{background-color:var(--color-gray-08)}:host .big-inline-cta-container.gray .cta-content{background-color:transparent}}:host .bottom-inline-cta-container{background-color:#FFF;padding:var(--ptc-element-spacing-06);display:flex;gap:var(--ptc-element-spacing-06);flex-direction:column;border-radius:var(--ptc-border-radius-standard)}:host .bottom-inline-cta-container .cta-image{flex:none;height:230px}:host .bottom-inline-cta-container .link-wrapper{display:block;outline:none;text-decoration:none}:host .bottom-inline-cta-container .link-wrapper:hover{outline:none;text-decoration:none}:host .bottom-inline-cta-container .link-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid #003dd6}@media only screen and (min-width: 768px){:host .bottom-inline-cta-container{flex-direction:row}:host .bottom-inline-cta-container .cta-image{height:inherit;flex:1 50%;align-self:stretch}:host .bottom-inline-cta-container .cta-body{flex:1 50%}}";
+const ptcInlineCtaCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .small-inline-cta-container{width:100%;height:max-content;display:grid;position:relative;align-items:center}:host .small-inline-cta-container .cta-bg{display:none}:host .small-inline-cta-container .cta-content{width:100%;display:flex;flex-direction:column;box-sizing:border-box;background-color:var(--color-gray-08);border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-05);box-sizing:border-box}:host .small-inline-cta-container .cta-content .cta-image{width:100%;height:200px}:host .small-inline-cta-container .cta-content .cta-body{width:100%;margin-top:var(--ptc-element-spacing-05);padding:0}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper{display:block;outline:none;text-decoration:none}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper:hover{outline:none;text-decoration:none}:host .small-inline-cta-container .cta-content .cta-body .link-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid #003dd6}@media only screen and (min-width: 768px){:host .small-inline-cta-container{margin-top:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01));margin-bottom:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01))}:host .small-inline-cta-container .cta-bg{display:block;width:80%;height:calc(100% + 16px + 16px);position:absolute;right:0;z-index:-1;background-color:var(--color-gray-08);border-radius:var(--ptc-border-radius-standard)}:host .small-inline-cta-container .cta-content{flex-direction:row;align-items:center;background-color:transparent;border-radius:none;padding:0}:host .small-inline-cta-container .cta-content .cta-image{width:35%;height:164px}:host .small-inline-cta-container .cta-content .cta-body{width:65%;justify-self:right;display:flex;align-items:center;box-sizing:border-box;padding-right:var(--ptc-element-spacing-07);padding-left:var(--ptc-element-spacing-07);margin-top:0;margin-bottom:0}}:host .big-inline-cta-container{width:100%;height:max-content;display:grid;position:relative;align-items:center}:host .big-inline-cta-container .cta-bg{display:none}:host .big-inline-cta-container .cta-content{width:100%;display:flex;flex-direction:column;border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-05);box-sizing:border-box;background-color:var(--color-green-08)}:host .big-inline-cta-container .cta-content .cta-image{width:100%;height:300px}:host .big-inline-cta-container .cta-content .cta-body{width:100%;margin-top:var(--ptc-element-spacing-06)}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper{display:block;outline:none;text-decoration:none}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper:hover{outline:none;text-decoration:none}:host .big-inline-cta-container .cta-content .cta-body .link-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid #003dd6}@media only screen and (min-width: 480px){:host .big-inline-cta-container .cta-content .cta-body{margin-top:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 768px){:host .big-inline-cta-container{margin-top:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01));margin-bottom:calc(var(--ptc-element-spacing-06) + var(--ptc-element-spacing-01))}:host .big-inline-cta-container .cta-bg{display:block;width:80%;height:calc(100% + 24px + 24px);position:absolute;right:0;z-index:-1;border-radius:var(--ptc-border-radius-standard);background-color:var(--color-green-08)}:host .big-inline-cta-container .cta-content{flex-direction:row;align-items:center;border-radius:none;padding:0;background-color:transparent}:host .big-inline-cta-container .cta-content .cta-image{width:40%;height:400px;justify-self:left}:host .big-inline-cta-container .cta-content .cta-body{width:60%;justify-self:right;display:flex;align-items:center;box-sizing:border-box;padding-top:calc(var(--ptc-element-spacing-07) + var(--ptc-element-spacing-05));padding-right:var(--ptc-element-spacing-07);padding-bottom:calc(var(--ptc-element-spacing-08) + var(--ptc-element-spacing-04));padding-left:var(--ptc-element-spacing-07);margin-top:0}}:host .big-inline-cta-container.green .cta-content{background-color:var(--color-green-08)}@media only screen and (min-width: 768px){:host .big-inline-cta-container.green .cta-bg{background-color:var(--color-green-08)}:host .big-inline-cta-container.green .cta-content{background-color:transparent}}:host .big-inline-cta-container.blue .cta-content{background-color:var(--color-blue-08)}@media only screen and (min-width: 768px){:host .big-inline-cta-container.blue .cta-bg{background-color:var(--color-blue-08)}:host .big-inline-cta-container.blue .cta-content{background-color:transparent}}:host .big-inline-cta-container.gray .cta-content{background-color:var(--color-gray-08)}@media only screen and (min-width: 768px){:host .big-inline-cta-container.gray .cta-bg{background-color:var(--color-gray-08)}:host .big-inline-cta-container.gray .cta-content{background-color:transparent}}:host .bottom-inline-cta-container{background-color:#FFF;padding:var(--ptc-element-spacing-06);display:flex;gap:var(--ptc-element-spacing-06);flex-direction:column;border-radius:var(--ptc-border-radius-standard)}:host .bottom-inline-cta-container .cta-image{flex:none;height:230px}:host .bottom-inline-cta-container .link-wrapper{display:block;outline:none;text-decoration:none}:host .bottom-inline-cta-container .link-wrapper:hover{outline:none;text-decoration:none}:host .bottom-inline-cta-container .link-wrapper:focus-visible{padding:2px;border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid #003dd6}@media only screen and (min-width: 768px){:host .bottom-inline-cta-container{flex-direction:row;gap:0}:host .bottom-inline-cta-container .cta-image{height:inherit;width:50%;display:block;position:relative}:host .bottom-inline-cta-container .cta-image ptc-picture{position:absolute;top:0;right:12px;bottom:0;left:0}:host .bottom-inline-cta-container .cta-body{height:max-content;width:50%;display:block;padding-left:12px}}";
 
 const idxBgClassMapper = {
   0: "green",
@@ -19016,7 +19016,7 @@ const PtcInlineCta$1 = class extends HTMLElement$1 {
     };
     const Big = () => {
       var _a, _b, _c, _d, _e, _f, _g;
-      return h$1("div", { class: "big-inline-cta-container" }, h$1("div", { class: "cta-bg" }), h$1("div", { class: "cta-content" }, h$1("div", { class: "cta-image" }, !!((_a = this.image) === null || _a === void 0 ? void 0 : _a.src) && h$1("ptc-picture", { alt: (_b = this.image) === null || _b === void 0 ? void 0 : _b.alt, "display-image": "block", "image-alignment": "center", "image-position": "relative", "is-full-height": "true", "is-full-width": "true", "object-fit": "cover", src: (_c = this.image) === null || _c === void 0 ? void 0 : _c.src, styles: "\r\n\t\t\t\t\t\t\t\t:host {\r\n\t\t\t\t\t\t\t\t\theight: 100%;\r\n\r\n\t\t\t\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t" })), h$1("div", { class: "cta-body", id: this.trackerId }, h$1("a", { class: "cta-body-inner link-wrapper", href: (_d = this.cta) === null || _d === void 0 ? void 0 : _d.href, target: (_e = this.cta) === null || _e === void 0 ? void 0 : _e.target, tabindex: "0", "aria-label": "Inline CTA" }, !!this.heading && h$1("ptc-title", { "seo-compatibility-mode": true, type: "h3", "title-size": "large", "title-weight": "w-7", "title-color": "white", "title-height": "densest", "title-margin": "margin-flush", upperline: 'no-upperline', "is-plm-hub": false }, h$1("h3", null, this.truncate(this.heading, 70))), !!this.description && h$1(Fragment, null, h$1("ptc-spacer", { breakpoint: 'x-small', size: 'large' }), h$1("ptc-spacer", { breakpoint: 'small', size: 'medium' }), h$1("ptc-para", { "font-size": "small", "font-weight": "w-4", "para-color": "white", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.truncate(this.description, 200))), !!((_f = this.cta) === null || _f === void 0 ? void 0 : _f.href) && h$1(Fragment, null, h$1("ptc-spacer", { breakpoint: 'x-small', size: 'xx-large' }), h$1("ptc-spacer", { breakpoint: 'small', size: 'x-large' }), h$1("ptc-spacer", { breakpoint: 'x-small', size: 'x-small' }), h$1("ptc-spacer", { breakpoint: 'small', size: 'xx-small' }), h$1("ptc-button", { color: "ptc-tertiary", disabled: false, type: "button", styles: ".ptc-tertiary  {border: 2px solid #FFFFFF}", "tab-nav": "-1" }, (_g = this.cta) === null || _g === void 0 ? void 0 : _g.innerText))))));
+      return h$1("div", { class: "big-inline-cta-container" }, h$1("div", { class: "cta-bg" }), h$1("div", { class: "cta-content" }, h$1("div", { class: "cta-image" }, !!((_a = this.image) === null || _a === void 0 ? void 0 : _a.src) && h$1("ptc-picture", { alt: (_b = this.image) === null || _b === void 0 ? void 0 : _b.alt, "display-image": "block", "image-alignment": "center", "image-position": "relative", "is-full-height": "true", "is-full-width": "true", "object-fit": "cover", src: (_c = this.image) === null || _c === void 0 ? void 0 : _c.src, styles: "\r\n\t\t\t\t\t\t\t\t:host {\r\n\t\t\t\t\t\t\t\t\theight: 100%;\r\n\r\n\t\t\t\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\t\t\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t" })), h$1("div", { class: "cta-body", id: this.trackerId }, h$1("a", { class: "cta-body-inner link-wrapper", href: (_d = this.cta) === null || _d === void 0 ? void 0 : _d.href, target: (_e = this.cta) === null || _e === void 0 ? void 0 : _e.target, tabindex: "0", "aria-label": "Inline CTA" }, !!this.heading && h$1("ptc-title", { "seo-compatibility-mode": true, type: "h3", "title-size": "large", "title-weight": "w-7", "title-color": "white", "title-height": "densest", "title-margin": "margin-flush", upperline: 'no-upperline', "is-plm-hub": false }, h$1("h3", null, this.truncate(this.heading, 70))), !!this.description && h$1(Fragment, null, h$1("ptc-spacer", { breakpoint: 'x-small', size: 'large' }), h$1("ptc-spacer", { breakpoint: 'small', size: 'medium' }), h$1("ptc-para", { "font-size": "small", "font-weight": "w-4", "para-color": "white", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, this.truncate(this.description, 200))), !!((_f = this.cta) === null || _f === void 0 ? void 0 : _f.href) && h$1(Fragment, null, h$1("ptc-spacer", { breakpoint: 'x-small', size: 'xx-large' }), h$1("ptc-spacer", { breakpoint: 'small', size: 'x-large' }), h$1("ptc-spacer", { breakpoint: 'x-small', size: 'x-small' }), h$1("ptc-spacer", { breakpoint: 'small', size: 'xx-small' }), h$1("ptc-button", { color: "ptc-tertiary", disabled: false, type: "button", styles: ".ptc-tertiary  {border: 2px solid #FFFFFF !important}", "tab-nav": "-1" }, (_g = this.cta) === null || _g === void 0 ? void 0 : _g.innerText))))));
     };
     const Bottom = () => {
       var _a, _b, _c, _d, _e, _f, _g;
@@ -19336,12 +19336,14 @@ const PtcMediaCard$1 = class extends HTMLElement$1 {
     this.target = '_self';
     this.rel = undefined;
     this.activeBackgroundImage = undefined;
+    this.activeBackgroundImageAlt = undefined;
     this.hoverBackgroundImage = undefined;
     this.heading = undefined;
     this.headingTransform = 'none';
     this.category = undefined;
     this.ariaLabel = undefined;
     this.iconImage = undefined;
+    this.iconImageAlt = undefined;
     this.trackerId = undefined;
     this.isHovered = false;
   }
@@ -19375,7 +19377,7 @@ const PtcMediaCard$1 = class extends HTMLElement$1 {
       //   : null)}
       style: this.cardType != "case-study-icon" ?
         ((this.isHovered && this.hoverBackgroundImage) ? { backgroundImage: `url(${this.hoverBackgroundImage})` } : { backgroundImage: `url(${this.activeBackgroundImage})` }) : {} }, h$1("slot", { name: "seo-content" }), this.cardType != "case-study-icon" ?
-      (h$1(Tag, { class: 'anchor-wrap', target: this.target, href: this.cardHref, rel: this.rel, "aria-label": this.cardHref ? 'Read more about ' + this.ariaLabel : undefined }, isVideoUrl && (h$1("video", { muted: true, loop: true, playsinline: true, poster: this.activeBackgroundImage, ref: el => (this.videoEle = el), style: this.isHovered ? { display: 'block' } : { display: 'none' } }, h$1("source", { src: this.hoverBackgroundImage, type: "video/mp4" }, "Your browser does not support the video tag."))), this.cardType === "media-card" && h$1("ptc-overlay", { "filter-color": "black-2" }), this.cardType === "media-card" && this.getCardText())) : null, this.cardType === "case-study-icon" ? (h$1("div", { id: this.trackerId, class: "tracker-div" }, h$1("a", { class: "case-study-img-anchor", target: this.target, href: this.cardHref, rel: this.rel, "aria-label": this.cardHref ? 'Read more about ' + this.ariaLabel : undefined }, h$1("img", { class: "case-study-bg-img", src: this.activeBackgroundImage }), h$1("div", { class: "after" }), h$1("img", { class: "case-study-icon-img", src: this.iconImage }))))
+      (h$1(Tag, { class: 'anchor-wrap', target: this.target, href: this.cardHref, rel: this.rel, "aria-label": this.cardHref ? 'Read more about ' + this.ariaLabel : undefined }, isVideoUrl && (h$1("video", { muted: true, loop: true, playsinline: true, poster: this.activeBackgroundImage, ref: el => (this.videoEle = el), style: this.isHovered ? { display: 'block' } : { display: 'none' } }, h$1("source", { src: this.hoverBackgroundImage, type: "video/mp4" }, "Your browser does not support the video tag."))), this.cardType === "media-card" && h$1("ptc-overlay", { "filter-color": "black-2" }), this.cardType === "media-card" && this.getCardText())) : null, this.cardType === "case-study-icon" ? (h$1("div", { id: this.trackerId, class: "tracker-div" }, h$1("a", { class: "case-study-img-anchor", target: this.target, href: this.cardHref, rel: this.rel, "aria-label": this.cardHref ? 'Read more about ' + this.ariaLabel : undefined }, h$1("img", { class: "case-study-bg-img", src: this.activeBackgroundImage, alt: this.activeBackgroundImageAlt }), h$1("div", { class: "after" }), h$1("img", { class: "case-study-icon-img", src: this.iconImage, alt: this.iconImageAlt }))))
       : null));
   }
   getCssClassMap() {
@@ -23068,7 +23070,111 @@ const PtcReadmoreChar$1 = class extends HTMLElement$1 {
   static get style() { return ptcReadmoreCharCss; }
 };
 
-const ptcReadmoreV2Css = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .description{display:inline}:host .truncated-label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .truncated-label::before{content:\"\";padding-left:8px}";
+const ptcReadmoreNewCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .description{display:inline}:host .label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .label::before{content:\"\";padding-left:8px}";
+
+const PtcReadmoreNew$1 = class extends HTMLElement$1 {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.readMoreTrigger = createEvent(this, "readMoreTrigger", 7);
+    this.displayText = createEvent(this, "displayText", 7);
+    this.maxCharacters = 100;
+    this.readMoreText = "Read More";
+    this.readLessText = "Read Less";
+    this.maxLines = undefined;
+    this.expanded = false;
+    this.fullText = '';
+    this.truncated = false;
+  }
+  componentWillLoad() {
+    requestAnimationFrame(() => {
+      let slot = this.el.shadowRoot.querySelector('slot');
+      this.processText(slot);
+    });
+  }
+  slotChangeHandler(event) {
+    const slot = event.target;
+    this.processText(slot);
+  }
+  processText(slot) {
+    if (slot) {
+      const nodes = slot.assignedNodes({ flatten: true });
+      this.fullText = nodes
+        .map(node => node.textContent)
+        .join('')
+        .trim();
+      if (this.maxLines) {
+        this.truncateByLines();
+      }
+      else if (this.fullText.length > this.maxCharacters) {
+        this.truncated = true;
+      }
+    }
+    this.displayText.emit(this.truncated);
+  }
+  truncateByLines() {
+    const paragraph = document.createElement('p');
+    paragraph.style.visibility = 'hidden';
+    paragraph.style.position = 'fixed';
+    paragraph.innerText = this.fullText;
+    document.body.appendChild(paragraph);
+    const lineHeight = parseInt(window.getComputedStyle(paragraph).lineHeight, 10);
+    const maxHeight = lineHeight * this.maxLines;
+    paragraph.style.maxHeight = `${maxHeight}px`;
+    paragraph.style.overflow = 'hidden';
+    if (paragraph.scrollHeight > maxHeight) {
+      this.truncated = true;
+    }
+    document.body.removeChild(paragraph);
+  }
+  getContent() {
+    if (this.expanded) {
+      return this.fullText;
+    }
+    else if (this.maxLines) {
+      const paragraph = document.createElement('p');
+      paragraph.style.visibility = 'hidden';
+      paragraph.style.position = 'fixed';
+      paragraph.innerText = this.fullText;
+      document.body.appendChild(paragraph);
+      const lineHeight = parseInt(window.getComputedStyle(paragraph).lineHeight, 10);
+      const maxHeight = lineHeight * this.maxLines;
+      console.log("lineHeight: " + lineHeight);
+      paragraph.style.maxHeight = `${maxHeight}px`;
+      paragraph.style.overflow = 'hidden';
+      let truncatedText = '';
+      for (let i = 0; i < this.fullText.length; i++) {
+        paragraph.innerText = this.fullText.slice(0, i) + '...';
+        if (paragraph.scrollHeight > maxHeight) {
+          truncatedText = this.fullText.slice(0, i - 1) + '...';
+          break;
+        }
+      }
+      document.body.removeChild(paragraph);
+      return truncatedText;
+    }
+    else {
+      return this.fullText.substring(0, this.maxCharacters) + '...';
+    }
+  }
+  getLabel() {
+    return this.expanded ? this.readLessText : this.readMoreText;
+  }
+  toggleExpand() {
+    this.expanded = !this.expanded;
+    this.readMoreTrigger.emit(this.expanded);
+  }
+  render() {
+    return (h$1(Host, null, h$1("p", { class: "description" }, this.truncated ? this.getContent() : h$1("slot", null)), this.truncated ?
+      h$1("label", { class: "label", onClick: () => this.toggleExpand() }, this.getLabel())
+      : null));
+  }
+  get el() { return this; }
+  static get style() { return ptcReadmoreNewCss; }
+};
+
+const ptcReadmoreV2Css = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .description{display:inline}:host .truncated-label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .truncated-label::before{content:\"\";padding-left:var(--ptc-element-spacing-02)}";
 
 const PtcReadmoreV2$1 = class extends HTMLElement$1 {
   constructor() {
@@ -23130,6 +23236,109 @@ const PtcReadmoreV2$1 = class extends HTMLElement$1 {
   static get style() { return ptcReadmoreV2Css; }
 };
 
+const ptcReadmoreV3Css = ":host {\r\n  display: block;\r\n\r\n  .description{\r\n    display: inline;\r\n  }\r\n\r\n  .label{\r\n    cursor: pointer;\r\n    color: var(--color-hyperlink);\r\n    font-size: var(--ptc-font-size-small);\r\n    font-weight: var(--ptc-font-weight-bold);\r\n    text-decoration-line: underline;\r\n    line-height: var(--ptc-line-height-densest);\r\n\r\n    &::before{\r\n      content: '';\r\n      padding-left: 8px;\r\n    }\r\n  }\r\n}\r\n";
+
+const PtcReadmoreV3$1 = class extends HTMLElement$1 {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.readMoreTrigger = createEvent(this, "readMoreTrigger", 7);
+    this.displayText = createEvent(this, "displayText", 7);
+    this.maxCharacters = 100;
+    this.readMoreText = 'Read More';
+    this.readLessText = 'Read Less';
+    this.maxLines = undefined;
+    this.expanded = false;
+    this.fullText = '';
+    this.truncated = false;
+  }
+  componentWillLoad() {
+    requestAnimationFrame(() => {
+      let slot = this.el.shadowRoot.querySelector('slot');
+      this.processText(slot);
+    });
+  }
+  slotChangeHandler(event) {
+    const slot = event.target;
+    this.processText(slot);
+  }
+  processText(slot) {
+    if (slot) {
+      const nodes = slot.assignedNodes({ flatten: true });
+      this.fullText = nodes
+        .map(node => node.textContent)
+        .join('')
+        .trim();
+      if (this.maxLines) {
+        this.truncateByLines();
+      }
+      else if (this.fullText.length > this.maxCharacters) {
+        this.truncated = true;
+      }
+    }
+    this.displayText.emit(this.truncated);
+  }
+  truncateByLines() {
+    const paragraph = document.createElement('p');
+    paragraph.style.visibility = 'hidden';
+    paragraph.style.position = 'fixed';
+    paragraph.innerText = this.fullText;
+    document.body.appendChild(paragraph);
+    const lineHeight = parseFloat(window.getComputedStyle(paragraph).lineHeight);
+    console.log('lineHeight: ' + lineHeight);
+    const maxHeight = lineHeight * this.maxLines;
+    paragraph.style.maxHeight = `${maxHeight}px`;
+    paragraph.style.overflow = 'hidden';
+    if (paragraph.scrollHeight > maxHeight) {
+      this.truncated = true;
+    }
+    document.body.removeChild(paragraph);
+  }
+  getContent() {
+    if (this.expanded) {
+      return this.fullText;
+    }
+    else if (this.maxLines) {
+      const paragraph = document.createElement('p');
+      paragraph.style.visibility = 'hidden';
+      paragraph.style.position = 'fixed';
+      paragraph.innerText = this.fullText;
+      document.body.appendChild(paragraph);
+      const lineHeight = parseFloat(window.getComputedStyle(paragraph).lineHeight);
+      const maxHeight = lineHeight * this.maxLines;
+      console.log('lineHeight: ' + lineHeight);
+      paragraph.style.maxHeight = `${maxHeight}px`;
+      paragraph.style.overflow = 'hidden';
+      let truncatedText = '';
+      for (let i = 0; i < this.fullText.length; i++) {
+        paragraph.innerText = this.fullText.slice(0, i) + '...';
+        if (paragraph.scrollHeight > maxHeight) {
+          truncatedText = this.fullText.slice(0, i - 1) + '...';
+          break;
+        }
+      }
+      document.body.removeChild(paragraph);
+      return truncatedText;
+    }
+    else {
+      return this.fullText.substring(0, this.maxCharacters) + '...';
+    }
+  }
+  getLabel() {
+    return this.expanded ? this.readLessText : this.readMoreText;
+  }
+  toggleExpand() {
+    this.expanded = !this.expanded;
+    this.readMoreTrigger.emit(this.expanded);
+  }
+  render() {
+    return (h$1(Host, null, h$1("p", { class: "description" }, this.truncated ? this.getContent() : h$1("slot", null)), this.truncated ? (h$1("label", { class: "label", onClick: () => this.toggleExpand() }, this.getLabel())) : null));
+  }
+  get el() { return this; }
+  static get style() { return ptcReadmoreV3Css; }
+};
+
 const ptcRelatedCardRailCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;}:host .card-rail-container{position:fixed;bottom:132px;left:24px;width:calc(100vw - 48px);background:white;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-small);box-sizing:border-box;z-index:50}:host .card-rail-header{display:flex;justify-content:space-between;border-bottom:var(--color-gray-02) solid 1px}:host .card-rail-heading{margin:12px 0 12px 16px}:host .card-rail-close{padding:15px;cursor:pointer}:host .card-rail-content{display:flex;align-items:center}:host .card-rail-content icon-asset{position:absolute;z-index:55px;padding:13px;}:host .card-rail-content icon-asset#left-arrow{left:3px;cursor:pointer}:host .card-rail-content icon-asset#right-arrow{right:3px;cursor:pointer}:host .card-rail-content .content-container{margin:24px 50px 24px 50px;display:flex;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;}:host .card-rail-content .content-container::-webkit-scrollbar{display:none}:host .card-rail-content .content-container .content{width:100%;flex:1 0 100%;display:flex}:host .card-rail-content .content-container .content:hover{cursor:pointer}:host .card-rail-content .content-container .content .content-image{width:130px;height:73px;text-align:center}:host .card-rail-content .content-container .content .content-image img{width:100%;height:100%;object-fit:cover}:host .card-rail-content .content-container .content .content-text{flex:1;padding-left:12px}@media only screen and (min-width: 768px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:11px}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:11px}:host .card-rail-container .card-rail-content .content-container{margin:24px 66px 24px 66px;}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 50%}:host .card-rail-container .card-rail-content .content-container .content .content-text{padding-right:16px}}@media only screen and (min-width: 992px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:19px;}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:19px}:host .card-rail-container .card-rail-content .content-container{margin:24px 82px 24px 82px;}}@media only screen and (min-width: 1200px){:host .card-rail-container{left:134px;width:calc(100vw - 268px)}}@media only screen and (min-width: 1440px){:host .card-rail-container{left:32px;width:932px}}@media only screen and (min-width: 1600px){:host .card-rail-container{left:32px;width:1328px}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 33.33%}}";
 
 const PtcRelatedCardRail$1 = class extends HTMLElement$1 {
@@ -30003,7 +30212,7 @@ const PtcInlineCta = /*@__PURE__*/proxyCustomElement(PtcInlineCta$1, [1,"ptc-inl
 const PtcJumbotron = /*@__PURE__*/proxyCustomElement(PtcJumbotron$1, [1,"ptc-jumbotron",{"jumbotronType":[1,"jumbotron-type"],"hasPopupVideo":[4,"has-popup-video"],"mainTitle":[1,"main-title"],"subTitle":[1,"sub-title"],"pngSrc":[1,"png-src"],"pngImgStyles":[1,"png-img-styles"],"gifSrc":[1,"gif-src"],"bgVideoSrc":[1,"bg-video-src"],"bgSrc":[1,"bg-src"],"isIframe":[4,"is-iframe"],"isHomepage":[4,"is-homepage"],"playButtonTitle":[1,"play-button-title"],"pauseButtonTitle":[1,"pause-button-title"],"buttonLocation":[1,"button-location"],"buttonTabIndex":[4,"button-tab-index"],"isTransitioning":[4,"is-transitioning"],"blogAuthorImage":[1,"blog-author-image"],"blogAuthorImageAlt":[1,"blog-author-image-alt"],"blogAuthorName":[1,"blog-author-name"],"blogAuthorQueryHref":[1,"blog-author-query-href"],"blogAuthorQueryTarget":[1,"blog-author-query-target"],"styles":[1],"hasCtaSlot":[1028,"has-cta-slot"],"contentBackground":[32],"contentColor":[32],"textAlign":[32],"isMobile":[32]},[[9,"resize","handleResize"]]]);
 const PtcLink = /*@__PURE__*/proxyCustomElement(PtcLink$1, [1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"linkArea":[1,"link-area"],"seoCompatibilityMode":[4,"seo-compatibility-mode"],"styles":[1],"trackerId":[1,"tracker-id"]}]);
 const PtcList = /*@__PURE__*/proxyCustomElement(PtcList$1, [1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]);
-const PtcMediaCard = /*@__PURE__*/proxyCustomElement(PtcMediaCard$1, [1,"ptc-media-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"activeBackgroundImage":[1025,"active-background-image"],"hoverBackgroundImage":[1025,"hover-background-image"],"heading":[1025],"headingTransform":[1025,"heading-transform"],"category":[1025],"ariaLabel":[1,"aria-label"],"iconImage":[1025,"icon-image"],"trackerId":[1,"tracker-id"],"isHovered":[32]}]);
+const PtcMediaCard = /*@__PURE__*/proxyCustomElement(PtcMediaCard$1, [1,"ptc-media-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"activeBackgroundImage":[1025,"active-background-image"],"activeBackgroundImageAlt":[1025,"active-background-image-alt"],"hoverBackgroundImage":[1025,"hover-background-image"],"heading":[1025],"headingTransform":[1025,"heading-transform"],"category":[1025],"ariaLabel":[1,"aria-label"],"iconImage":[1025,"icon-image"],"iconImageAlt":[1025,"icon-image-alt"],"trackerId":[1,"tracker-id"],"isHovered":[32]}]);
 const PtcMinimizedNav = /*@__PURE__*/proxyCustomElement(PtcMinimizedNav$1, [1,"ptc-minimized-nav",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"],"navType":[1,"nav-type"]}]);
 const PtcMobileSelect = /*@__PURE__*/proxyCustomElement(PtcMobileSelect$1, [0,"ptc-mobile-select",{"triggerName":[1,"trigger-name"],"selectedText":[1,"selected-text"],"wheelData":[1040],"selectedId":[1,"selected-id"],"ensureBtnText":[1,"ensure-btn-text"],"cancelBtnText":[1,"cancel-btn-text"],"listTitle":[1,"list-title"],"notFoundPopupProceedButton":[8,"not-found-popup-proceed-button"]}]);
 const PtcModal = /*@__PURE__*/proxyCustomElement(PtcModal$1, [1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"customClass":[1025,"custom-class"],"show":[1028],"overlay":[1028],"fixed":[1028],"keepInViewport":[1028,"keep-in-viewport"],"closeOnBlur":[1028,"close-on-blur"],"rounded":[1028],"hideContainer":[1028,"hide-container"],"showHeaderFooter":[1028,"show-header-footer"],"borderRadius":[1025,"border-radius"],"isBioModal":[1028,"is-bio-modal"],"styles":[1],"overlayHeight":[32],"bodyOverflowSetting":[32]}]);
@@ -30043,7 +30252,9 @@ const PtcQuantityCounter = /*@__PURE__*/proxyCustomElement(PtcQuantityCounter$1,
 const PtcQuote = /*@__PURE__*/proxyCustomElement(PtcQuote$1, [1,"ptc-quote",{"quoteType":[1025,"quote-type"],"quoteName":[1025,"quote-name"],"ctaText":[1,"cta-text"],"ctaUrl":[1,"cta-url"],"imgSrc":[1,"img-src"],"imgTitle":[1,"img-title"],"quoteImage":[1,"quote-image"]}]);
 const PtcReadmore = /*@__PURE__*/proxyCustomElement(PtcReadmore$1, [1,"ptc-readmore",{"moreText":[1025,"more-text"],"lessText":[1025,"less-text"],"readMorePosition":[1,"read-more-position"],"display":[1],"visibleLines":[1,"visible-lines"],"visibleLinesCustom":[2,"visible-lines-custom"],"zIndex":[1,"z-index"],"checked":[1028],"size":[1],"isIcon":[4,"is-icon"],"color":[1]},[[9,"resize","updateReadmoreStatus"]]]);
 const PtcReadmoreChar = /*@__PURE__*/proxyCustomElement(PtcReadmoreChar$1, [1,"ptc-readmore-char",{"maxCharacters":[2,"max-characters"],"description":[1],"readMoreText":[1,"read-more-text"],"readLessText":[1,"read-less-text"],"expanded":[32]}]);
+const PtcReadmoreNew = /*@__PURE__*/proxyCustomElement(PtcReadmoreNew$1, [1,"ptc-readmore-new",{"maxCharacters":[2,"max-characters"],"readMoreText":[1,"read-more-text"],"readLessText":[1,"read-less-text"],"maxLines":[2,"max-lines"],"expanded":[32],"fullText":[32],"truncated":[32]},[[0,"slotchange","slotChangeHandler"]]]);
 const PtcReadmoreV2 = /*@__PURE__*/proxyCustomElement(PtcReadmoreV2$1, [1,"ptc-readmore-v2",{"maxCharacters":[2,"max-characters"],"readMoreText":[1,"read-more-text"],"readLessText":[1,"read-less-text"],"truncated":[32],"expanded":[32],"fullText":[32],"displayText":[32]},[[0,"slotchange","slotChangeHandler"]]]);
+const PtcReadmoreV3 = /*@__PURE__*/proxyCustomElement(PtcReadmoreV3$1, [1,"ptc-readmore-v3",{"maxCharacters":[2,"max-characters"],"readMoreText":[1,"read-more-text"],"readLessText":[1,"read-less-text"],"maxLines":[2,"max-lines"],"expanded":[32],"fullText":[32],"truncated":[32]},[[0,"slotchange","slotChangeHandler"]]]);
 const PtcRelatedCardRail = /*@__PURE__*/proxyCustomElement(PtcRelatedCardRail$1, [1,"ptc-related-card-rail",{"footerQuerySelector":[1,"footer-query-selector"],"closed":[32],"cardInView":[32],"data":[32],"screenBasedProps":[32]}]);
 const PtcResponsiveWrapper = /*@__PURE__*/proxyCustomElement(PtcResponsiveWrapper$1, [1,"ptc-responsive-wrapper"]);
 const PtcSearchField = /*@__PURE__*/proxyCustomElement(PtcSearchField$1, [1,"ptc-search-field",{"textValue":[1,"text-value"],"placeholderLabel":[1,"placeholder-label"],"darkTheme":[4,"dark-theme"],"isNews":[4,"is-news"],"elevation":[1],"enableClear":[4,"enable-clear"],"styles":[1]}]);
@@ -30210,7 +30421,9 @@ const defineCustomElements = (opts) => {
   PtcQuote,
   PtcReadmore,
   PtcReadmoreChar,
+  PtcReadmoreNew,
   PtcReadmoreV2,
+  PtcReadmoreV3,
   PtcRelatedCardRail,
   PtcResponsiveWrapper,
   PtcSearchField,
@@ -30265,4 +30478,4 @@ const defineCustomElements = (opts) => {
   }
 };
 
-export { AcademicFormTest, AuthorListingExample, BlogDetailContent, BlogDetailLayout, BlogsSearchSection, BundleExample, BundleJumbotronExample, DropdownItem, DynamicBoxBundle, EmbeddedForm, FeaturedList, FlTabContent, FlTabHeader, FlTabImage, FooterForm, HomepageClickableTab, HomepageJumbotron, HomepageToggledContent, IconAsset, InnovatorToggleContainer, JumbotronSubMenu, JumbotronSubMune, ListItem, MaxWidthContainer, MostPopularNews, MyComponent, NewsSearchResult, PtcAccordion, PtcAccordionItem, PtcAnnouncement, PtcBackToTop, PtcBackgroundVideo, PtcBadge, PtcBioCard, PtcBreadcrumb, PtcBrightcovVideo, PtcButton, PtcCard, PtcCardBottom, PtcCardContent, PtcCardWrapper, PtcCaseStudiesSlider, PtcCheckbox, PtcCheckboxGroup, PtcCloseIcon, PtcCollapseList, PtcContainer, PtcDataLookup, PtcDate, PtcDropdown, PtcDynamicCard, PtcEllipsisDropdown, PtcEmbeddedQuiz, PtcFeaturedList, PtcFilterDropdown, PtcFilterLevelTheater, PtcFilterTag, PtcFooter, PtcForm, PtcFormCheckbox, PtcFormRadioButton, PtcFormRadioGroup, PtcHero, PtcHeroFooterCta, PtcHomepageImageFeature, PtcHomepageVideoBackground, PtcIconCard, PtcIconComponent, PtcIconList, PtcIconMinimize, PtcImageDownloadStrip, PtcImg, PtcInfoTile, PtcInlineCta, PtcJumbotron, PtcLink, PtcList, PtcMediaCard, PtcMinimizedNav, PtcMobileSelect, PtcModal, PtcModalQuiz, PtcMultiSelect, PtcNavCard, PtcNavLink, PtcNavPills, PtcNavSkipToContent, PtcNavSlider, PtcNavSubmenu, PtcNavTile, PtcNews, PtcOfficeLocationCard, PtcOfficeLocations, PtcOverlay, PtcPagenation, PtcPara, PtcPicture, PtcPodcastCard, PtcPreferanceCenterForm, PtcPreloaderSection, PtcPreviousUrl, PtcPricingAddOnCard, PtcPricingAddOnSection, PtcPricingBlock, PtcPricingPackagingTable, PtcPricingTabs, PtcProductCard, PtcProductCategory, PtcProductDropdown, PtcProductHighlightCard, PtcProductList, PtcProductSidebar, PtcProgressBar, PtcQuantityCounter, PtcQuote, PtcReadmore, PtcReadmoreChar, PtcReadmoreV2, PtcRelatedCardRail, PtcResponsiveWrapper, PtcSearchField, PtcSelect, PtcSeoTitle, PtcShoppingCart, PtcShowcaseCard, PtcSkeleton, PtcSlitCard, PtcSocialIcons, PtcSocialIconsFooter, PtcSocialShare, PtcSpacer, PtcSpan, PtcSquareCard, PtcStickyIcons, PtcStickySection, PtcStickyTitle, PtcSubnav, PtcSubnavCard, PtcSvgBtn, PtcTab, PtcTabList, PtcTabs, PtcTextCopyWithBackground, PtcTextfield, PtcTheaterVideo, PtcTheaterVideoModal, PtcTheaterVideoPlaylist, PtcTitle, PtcTooltip, PtcTooltipV2, PtcTooltipV3, PtcTwoColumnMedia, PtcValueLedCard, PtcValueLedContent, PtcValueLedContentHighlight, PtcValueLedIntro, PtcValueLedLayout, PtcValueLedSpeedBump, PtcValuePropCard, PtcWhitePaper, SequentialBundle, SequentialBundleExample, TabContent, TabHeader, defineCustomElements };
+export { AcademicFormTest, AuthorListingExample, BlogDetailContent, BlogDetailLayout, BlogsSearchSection, BundleExample, BundleJumbotronExample, DropdownItem, DynamicBoxBundle, EmbeddedForm, FeaturedList, FlTabContent, FlTabHeader, FlTabImage, FooterForm, HomepageClickableTab, HomepageJumbotron, HomepageToggledContent, IconAsset, InnovatorToggleContainer, JumbotronSubMenu, JumbotronSubMune, ListItem, MaxWidthContainer, MostPopularNews, MyComponent, NewsSearchResult, PtcAccordion, PtcAccordionItem, PtcAnnouncement, PtcBackToTop, PtcBackgroundVideo, PtcBadge, PtcBioCard, PtcBreadcrumb, PtcBrightcovVideo, PtcButton, PtcCard, PtcCardBottom, PtcCardContent, PtcCardWrapper, PtcCaseStudiesSlider, PtcCheckbox, PtcCheckboxGroup, PtcCloseIcon, PtcCollapseList, PtcContainer, PtcDataLookup, PtcDate, PtcDropdown, PtcDynamicCard, PtcEllipsisDropdown, PtcEmbeddedQuiz, PtcFeaturedList, PtcFilterDropdown, PtcFilterLevelTheater, PtcFilterTag, PtcFooter, PtcForm, PtcFormCheckbox, PtcFormRadioButton, PtcFormRadioGroup, PtcHero, PtcHeroFooterCta, PtcHomepageImageFeature, PtcHomepageVideoBackground, PtcIconCard, PtcIconComponent, PtcIconList, PtcIconMinimize, PtcImageDownloadStrip, PtcImg, PtcInfoTile, PtcInlineCta, PtcJumbotron, PtcLink, PtcList, PtcMediaCard, PtcMinimizedNav, PtcMobileSelect, PtcModal, PtcModalQuiz, PtcMultiSelect, PtcNavCard, PtcNavLink, PtcNavPills, PtcNavSkipToContent, PtcNavSlider, PtcNavSubmenu, PtcNavTile, PtcNews, PtcOfficeLocationCard, PtcOfficeLocations, PtcOverlay, PtcPagenation, PtcPara, PtcPicture, PtcPodcastCard, PtcPreferanceCenterForm, PtcPreloaderSection, PtcPreviousUrl, PtcPricingAddOnCard, PtcPricingAddOnSection, PtcPricingBlock, PtcPricingPackagingTable, PtcPricingTabs, PtcProductCard, PtcProductCategory, PtcProductDropdown, PtcProductHighlightCard, PtcProductList, PtcProductSidebar, PtcProgressBar, PtcQuantityCounter, PtcQuote, PtcReadmore, PtcReadmoreChar, PtcReadmoreNew, PtcReadmoreV2, PtcReadmoreV3, PtcRelatedCardRail, PtcResponsiveWrapper, PtcSearchField, PtcSelect, PtcSeoTitle, PtcShoppingCart, PtcShowcaseCard, PtcSkeleton, PtcSlitCard, PtcSocialIcons, PtcSocialIconsFooter, PtcSocialShare, PtcSpacer, PtcSpan, PtcSquareCard, PtcStickyIcons, PtcStickySection, PtcStickyTitle, PtcSubnav, PtcSubnavCard, PtcSvgBtn, PtcTab, PtcTabList, PtcTabs, PtcTextCopyWithBackground, PtcTextfield, PtcTheaterVideo, PtcTheaterVideoModal, PtcTheaterVideoPlaylist, PtcTitle, PtcTooltip, PtcTooltipV2, PtcTooltipV3, PtcTwoColumnMedia, PtcValueLedCard, PtcValueLedContent, PtcValueLedContentHighlight, PtcValueLedIntro, PtcValueLedLayout, PtcValueLedSpeedBump, PtcValuePropCard, PtcWhitePaper, SequentialBundle, SequentialBundleExample, TabContent, TabHeader, defineCustomElements };

package/dist/esm/blog-detail-content_2.entry.js

@@ -191,7 +191,7 @@ const BlogDetailContent = class {
 };
 BlogDetailContent.style = blogDetailContentCss;
 
-const ptcReadmoreV2Css = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .description{display:inline}:host .truncated-label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .truncated-label::before{content:\"\";padding-left:8px}";
+const ptcReadmoreV2Css = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host .description{display:inline}:host .truncated-label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .truncated-label::before{content:\"\";padding-left:var(--ptc-element-spacing-02)}";
 
 const PtcReadmoreV2 = class {
   constructor(hostRef) {