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

package/dist/esm/ptc-title.entry.js

@@ -7,36 +7,36 @@ const PtcTitle = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.isPlmHub = false;
-    this.type = 'h2';
+    this.type = "h2";
     this.textAlign = undefined;
-    this.upperline = 'dotted';
+    this.upperline = "dotted";
     this.titleShadow = undefined;
-    this.titleColor = 'gray';
+    this.titleColor = "gray";
     this.titleMargin = undefined;
     this.titleWeight = undefined;
     this.titleSize = undefined;
-    this.titleHeight = 'densest';
+    this.titleHeight = "densest";
     this.styles = undefined;
     this.ellipsisLineCutoff = undefined;
-    this.titleDisplay = 'inline-block';
+    this.titleDisplay = "inline-block";
     this.seoCompatibilityMode = false;
-    this.tooltipZIndex = 'auto';
-    this.tooltipPosition = 'bottom';
-    this.tooltipTheme = 'standard';
+    this.tooltipZIndex = "auto";
+    this.tooltipPosition = "bottom";
+    this.tooltipTheme = "standard";
     this.enableTooltip = false;
     this.maxChars = undefined;
     this.maxLines = undefined;
     this.hideTooltipOnMobile = false;
     this.ismob = undefined;
-    this.tooltipWidth = 'default';
+    this.tooltipWidth = "default";
   }
   // Tooltip Properties ends
   componentDidLoad() {
     if (this.hideTooltipOnMobile) {
-      this.el.classList.add('hide-tooltip-on-mobile');
+      this.el.classList.add("hide-tooltip-on-mobile");
     }
-    this.el.addEventListener('mouseenter', () => this.toggleTitleTooltip(true));
-    this.el.addEventListener('mouseleave', () => this.toggleTitleTooltip(false));
+    this.el.addEventListener("mouseenter", () => this.toggleTitleTooltip(true));
+    this.el.addEventListener("mouseleave", () => this.toggleTitleTooltip(false));
   }
   render() {
     if (this.seoCompatibilityMode) {
@@ -50,33 +50,38 @@ const PtcTitle = class {
     if (!this.enableTooltip)
       return;
     const trimmedContent = content.trim();
-    const shouldTruncate = (trimmedContent.length > this.maxChars) && !this.maxLines;
-    return shouldTruncate ? trimmedContent.slice(0, this.maxChars) + '...' : trimmedContent;
+    const shouldTruncate = trimmedContent.length > this.maxChars && !this.maxLines;
+    return shouldTruncate
+      ? trimmedContent.slice(0, this.maxChars) + "..."
+      : trimmedContent;
   }
   toggleTitleTooltip(show) {
     var _a;
-    const tooltipClass = 'tooltip-box';
+    const tooltipClass = "tooltip-box";
     const existingTooltip = this.el.querySelector(`.${tooltipClass}`);
-    const text = this.el.querySelectorAll('.line-clamp-title');
+    const text = this.el.querySelectorAll(".line-clamp-title");
     let maxLinesShowCheck = false;
     if (text) {
-      text.forEach(t => {
+      text.forEach((t) => {
         maxLinesShowCheck = t.scrollHeight > t.clientHeight;
       });
     }
-    const ifCharExceeds = this.tooltipText && (this.tooltipText.length > this.maxChars) && !this.maxLines;
+    const ifCharExceeds = this.tooltipText &&
+      this.tooltipText.length > this.maxChars &&
+      !this.maxLines;
     const ifLinesExceeds = this.maxLines && maxLinesShowCheck;
     if (show && this.enableTooltip) {
-      if ((!existingTooltip && ifCharExceeds) || (!existingTooltip && ifLinesExceeds)) {
-        const tooltipMarkup = document.createElement('div');
+      if ((!existingTooltip && ifCharExceeds) ||
+        (!existingTooltip && ifLinesExceeds)) {
+        const tooltipMarkup = document.createElement("div");
         tooltipMarkup.className = tooltipClass;
         tooltipMarkup.innerText = this.tooltipText;
         tooltipMarkup.style.zIndex = String(this.tooltipZIndex); // Ensures zIndex is a string
         tooltipMarkup.classList.add(this.tooltipPosition, this.tooltipTheme, this.tooltipWidth);
         if (this.hideTooltipOnMobile) {
-          tooltipMarkup.classList.add('hide-tooltip-mobile');
+          tooltipMarkup.classList.add("hide-tooltip-mobile");
         }
-        (_a = this.el.querySelector('div')) === null || _a === void 0 ? void 0 : _a.appendChild(tooltipMarkup);
+        (_a = this.el.querySelector("div")) === null || _a === void 0 ? void 0 : _a.appendChild(tooltipMarkup);
       }
     }
     else {
@@ -91,34 +96,36 @@ const PtcTitle = class {
     // added for tooltip
     this.tooltipText = html.trim();
     let eleText = firstChild && firstChild.innerText;
-    html = (this.enableTooltip) ? this.getSortedText(eleText) : html;
+    html = this.enableTooltip ? this.getSortedText(eleText) : html;
     if (this.el == firstChild) {
-      this.el.innerHTML = '';
+      this.el.innerHTML = "";
     }
-    return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, { innerHTML: html, style: cutOff, class: this.maxLines && this.maxLines > 0 ? 'line-clamp-title' : '' }))));
+    return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, { innerHTML: html, style: cutOff, class: this.maxLines && this.maxLines > 0
+        ? "line-clamp-title"
+        : "" }))));
   }
   standardRender() {
     const classMap = this.getCssClassMap();
     const cutOff = this.getLineCuttoff();
     let TagType;
     switch (this.type) {
-      case 'h1':
-        TagType = 'h1';
+      case "h1":
+        TagType = "h1";
         break;
-      case 'h3':
-        TagType = 'h3';
+      case "h3":
+        TagType = "h3";
         break;
-      case 'h4':
-        TagType = 'h4';
+      case "h4":
+        TagType = "h4";
         break;
-      case 'h5':
-        TagType = 'h5';
+      case "h5":
+        TagType = "h5";
         break;
-      case 'h6':
-        TagType = 'h6';
+      case "h6":
+        TagType = "h6";
         break;
       default:
-        TagType = 'h2';
+        TagType = "h2";
     }
     return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, { style: cutOff }, h("slot", null)))));
   }
@@ -126,20 +133,22 @@ const PtcTitle = class {
     return {
       [this.textAlign]: !!this.textAlign ? true : false,
       [this.upperline]: true,
-      [this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
+      [this.isPlmHub ? "is-plm-hub" : "is-standard"]: true,
       [this.titleMargin]: !!this.titleMargin ? true : false,
       [this.titleShadow]: !!this.titleShadow ? true : false,
       [this.titleWeight]: !!this.titleWeight ? true : false,
       [this.titleSize]: !!this.titleSize ? true : false,
       [this.titleHeight]: !!this.titleHeight ? true : false,
       [this.titleColor]: !!this.titleColor ? true : false,
-      ['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
+      ["ellipsis-boxing"]: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
       [this.titleDisplay]: !!this.titleDisplay ? true : false,
     };
   }
   getLineCuttoff() {
-    const lineClamp = this.ellipsisLineCutoff > 0 ? this.ellipsisLineCutoff : this.maxLines;
-    return lineClamp > 0 ? { '-webkit-line-clamp': `${lineClamp}` } : {};
+    const lineClamp = this.ellipsisLineCutoff > 0
+      ? this.ellipsisLineCutoff
+      : this.maxLines;
+    return lineClamp > 0 ? { "-webkit-line-clamp": `${lineClamp}` } : {};
   }
   get el() { return getElement(this); }
 };

package/dist/esm/ptc-tooltip-v2.entry.js

@@ -1,26 +1,26 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-c83db688.js';
 
-const ptcTooltipV2Css = "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}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{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{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{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{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{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{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{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{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{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host(.block){display:block}:host(.inline-block){display:inline-block}:host(.inline){display:inline}.tooltip-container{display:inherit;position:relative}.tooltip-text{width:100%}.description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.tooltip-content{display:none;position:absolute;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:2px;width:auto;height:fit-content;text-align:left;text-shadow:none;white-space:normal}@media only screen and (min-width: 480px){.tooltip-content{width:273px}}.tooltip-content::after{content:\" \";position:absolute;top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip-content.bottom{transform:translate(50%, 12px)}.tooltip-content.top{transform:translate(-50%, 0%);top:-70%;left:50%}.tooltip-content.top::after{top:auto;bottom:0;left:50%;transform:translate(-50%, 100%);border-top:8px solid var(--color-gray-09);border-bottom:unset}.tooltip-content.left{transform:translate(95%, 12px)}.tooltip-content.left::after{left:5%}.tooltip-content.right{bottom:-12px;transform:translateY(100%);right:0px}.tooltip-container.with-tip:hover .tooltip-content{display:block}@media (max-width: 767px){.hide-on-mobile .tooltip-content{display:none !important}}";
+const ptcTooltipV2Css = "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}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{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{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{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{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{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{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{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{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{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host(.block){display:block}:host(.inline-block){display:inline-block}:host(.inline){display:inline}.tooltip-container{display:inherit;position:relative}.tooltip-text{width:100%}.description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.tooltip-content{display:none;position:absolute;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:2px;width:auto;height:fit-content;text-align:left;text-shadow:none;white-space:normal}@media only screen and (min-width: 480px){.tooltip-content{width:273px}}.tooltip-content::after{content:\" \";position:absolute;top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip-content.bottom{transform:translate(50%, 12px)}.tooltip-content.top{transform:translate(-50%, 0%);top:-70%;left:50%}.tooltip-content.top::after{top:auto;bottom:0;left:50%;transform:translate(-50%, 100%);border-top:8px solid var(--color-gray-09);border-bottom:unset}.tooltip-content.left{transform:translate(95%, 12px)}.tooltip-content.left::after{left:5%}.tooltip-content.right{bottom:-12px;transform:translateY(100%);right:0px}.tooltip-container.with-tip:hover .tooltip-content{display:block}@media (max-width: 767px){.hide-on-mobile .tooltip-content{display:none !important}}";
 
 const PtcTooltipV2 = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.elementDisplay = 'block';
+    this.elementDisplay = "block";
     this.maxLength = 45;
     this.maxLines = undefined;
     this.zIndex = 1000;
-    this.width = 'default';
-    this.position = 'bottom';
+    this.width = "default";
+    this.position = "bottom";
     this.hideOnMobile = false;
-    this.fullText = '';
-    this.displayText = '';
+    this.fullText = "";
+    this.displayText = "";
     this.showTip = false;
     this.styles = undefined;
   }
   slotChangeHandler(event) {
     const slot = event.target;
     const nodes = slot.assignedNodes({ flatten: true });
-    this.fullText = nodes.map(node => node.textContent).join('');
+    this.fullText = nodes.map((node) => node.textContent).join("");
     this.processText();
   }
   componentWillLoad() {
@@ -31,37 +31,43 @@ const PtcTooltipV2 = class {
   }
   processText(initial = false) {
     if (initial) {
-      const slot = this.el.shadowRoot.querySelector('slot');
+      const slot = this.el.shadowRoot.querySelector("slot");
       if (slot) {
         const nodes = slot.assignedNodes({ flatten: true });
         this.fullText = nodes
-          .map(node => node.textContent)
-          .join('')
+          .map((node) => node.textContent)
+          .join("")
           .trim();
       }
     }
     this.displayText = this.fullText;
-    if (this.fullText.length > this.maxLength && this.maxLines === undefined) {
-      const trimmedText = this.fullText.substring(0, this.maxLength).trim();
-      const lastSpace = trimmedText.lastIndexOf(' ');
-      this.displayText = trimmedText.substring(0, lastSpace) + '...';
+    if (this.fullText.length > this.maxLength &&
+      this.maxLines === undefined) {
+      const trimmedText = this.fullText
+        .substring(0, this.maxLength)
+        .trim();
+      const lastSpace = trimmedText.lastIndexOf(" ");
+      this.displayText = trimmedText.substring(0, lastSpace) + "...";
       this.showTip = true;
     }
   }
   render() {
     const style = {
       zIndex: this.zIndex.toString(),
-      width: this.width === 'full-width' ? '100%' : 'auto',
-      overflow: 'hidden',
-      display: this.maxLines ? '-webkit-box !important' : 'inherit',
-      WebkitBoxOrient: 'vertical',
-      WebkitLineClamp: this.maxLines ? this.maxLines.toString() : 'none',
+      width: this.width === "full-width" ? "100%" : "auto",
+      overflow: "hidden",
+      display: this.maxLines ? "-webkit-box !important" : "inherit",
+      WebkitBoxOrient: "vertical",
+      WebkitLineClamp: this.maxLines ? this.maxLines.toString() : "none",
     };
     const tooltipClass = {
-      'tooltip-container': true,
-      'with-tip': this.showTip, // Conditionally applying the 'with-tip' class
+      "tooltip-container": true,
+      "with-tip": this.showTip, // Conditionally applying the 'with-tip' class
     };
-    return (h(Host, { class: this.elementDisplay }, this.styles && h("style", null, this.styles), h("div", { class: tooltipClass, style: { zIndex: this.zIndex.toString(), width: this.width === 'full-width' ? '100%' : 'auto' } }, h("div", { class: "tooltip-text", style: style }, this.displayText), h("div", { class: `tooltip-content ${this.position}` }, h("slot", null)))));
+    return (h(Host, { class: this.elementDisplay }, this.styles && h("style", null, this.styles), h("div", { class: tooltipClass, style: {
+        zIndex: this.zIndex.toString(),
+        width: this.width === "full-width" ? "100%" : "auto",
+      } }, h("div", { class: "tooltip-text", style: style }, this.displayText), h("div", { class: `tooltip-content ${this.position}` }, h("slot", null)))));
   }
   get el() { return getElement(this); }
 };

package/dist/esm/ptc-tooltip-v3.entry.js

@@ -5,18 +5,18 @@ const ptcTooltipV3Css = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-l
 const PtcTooltipV3 = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.fullContentstring = '';
+    this.fullContentstring = "";
     this.maxChars = undefined;
     this.maxLines = undefined;
     this.showTooltip = false;
-    this.truncatedContent = '';
+    this.truncatedContent = "";
     this.htmlTagType = undefined;
     this.maxCharEnable = false;
     this.maxLinesEnable = false;
-    this.zIndex = 'auto';
-    this.position = 'bottom';
-    this.theme = 'standard';
-    this.width = 'default';
+    this.zIndex = "auto";
+    this.position = "bottom";
+    this.theme = "standard";
+    this.width = "default";
     this.styles = undefined;
     this.hideOnMobile = false;
     this.isSmallScreen = undefined;
@@ -38,33 +38,36 @@ const PtcTooltipV3 = class {
     this.isSmallScreen = window.innerWidth < 768;
     this.hideIfMobile = this.hideOnMobile && this.isSmallScreen;
     const content = this.el.innerText || this.el.textContent;
-    this.maxCharEnable = this.maxChars && (content.length > this.maxChars);
+    this.maxCharEnable = this.maxChars && content.length > this.maxChars;
     this.maxLinesEnable = this.maxLines && this.maxLines > 0;
     this.fullContentstring = content;
     this.getSortedText(content);
   }
   getSortedText(content) {
     const trimmedContent = content.trim();
-    this.truncatedContent = (this.maxCharEnable && !this.maxLinesEnable && !this.hideIfMobile) ? trimmedContent.slice(0, this.maxChars) + '...' : trimmedContent;
+    this.truncatedContent =
+      this.maxCharEnable && !this.maxLinesEnable && !this.hideIfMobile
+        ? trimmedContent.slice(0, this.maxChars) + "..."
+        : trimmedContent;
   }
   checkMaxLines() {
     const appRoot = this.el;
-    const text = appRoot.querySelectorAll('.trunc-text');
-    text.forEach(t => {
+    const text = appRoot.querySelectorAll(".trunc-text");
+    text.forEach((t) => {
       this.maxLinesShowCheck = t.scrollHeight > t.clientHeight;
     });
   }
   componentDidLoad() {
     this.updateContentMarkup();
     // Hide the slot and element from the DOM
-    const slotElement = this.el.querySelector('.slot-wrap');
+    const slotElement = this.el.querySelector(".slot-wrap");
     if (slotElement) {
       slotElement.remove();
     }
     this.checkMaxLines();
   }
   updateContentMarkup() {
-    const truncDiv = this.el.querySelector('.trunc-text');
+    const truncDiv = this.el.querySelector(".trunc-text");
     if (truncDiv) {
       if (this.htmlTagType) {
         let tagHtml = `<${this.htmlTagType}>${this.truncatedContent}</${this.htmlTagType}>`;
@@ -79,26 +82,28 @@ const PtcTooltipV3 = class {
     this.showTooltip = show;
   }
   renderTooltip() {
-    return (((this.maxCharEnable && this.showTooltip) || (this.maxLinesEnable && this.showTooltip && this.maxLinesShowCheck)) ? (h("div", { class: `tooltip-box ${this.position} ${this.width}`, style: { 'z-index': this.zIndex }, ref: el => (this.tooltipBox = el) }, this.fullContentstring)) : '');
+    return (this.maxCharEnable && this.showTooltip) ||
+      (this.maxLinesEnable &&
+        this.showTooltip &&
+        this.maxLinesShowCheck) ? (h("div", { class: `tooltip-box ${this.position} ${this.width}`, style: { "z-index": this.zIndex }, ref: (el) => (this.tooltipBox = el) }, this.fullContentstring)) : ("");
   }
   render() {
     const classMap = this.getCssClassMap();
     const clampStyle = this.getLineCuttoff();
-    return (h(Host, null, h("div", { class: "tooltip-container", onMouseEnter: () => this.toggleTooltip(true), onMouseLeave: () => this.toggleTooltip(false) }, h("div", { class: classMap, style: clampStyle }), h("div", { class: 'slot-wrap' }, h("slot", null)), !this.hideIfMobile &&
-      this.renderTooltip())));
+    return (h(Host, null, h("div", { class: "tooltip-container", onMouseEnter: () => this.toggleTooltip(true), onMouseLeave: () => this.toggleTooltip(false) }, h("div", { class: classMap, style: clampStyle }), h("div", { class: "slot-wrap" }, h("slot", null)), !this.hideIfMobile && this.renderTooltip())));
   }
   getCssClassMap() {
     return {
-      'trunc-text': true,
-      'line-clamp': this.maxLinesEnable,
-      'hide-on-mobile': this.hideOnMobile
+      "trunc-text": true,
+      "line-clamp": this.maxLinesEnable,
+      "hide-on-mobile": this.hideOnMobile,
     };
   }
   getLineCuttoff() {
     let result;
     if (this.maxLinesEnable) {
       result = {
-        ['-webkit-line-clamp']: `${this.maxLines}`,
+        ["-webkit-line-clamp"]: `${this.maxLines}`,
       };
     }
     return result;

package/dist/esm/ptc-tooltip.entry.js

@@ -5,25 +5,25 @@ const ptcTooltipCss = "h1.sc-ptc-tooltip,h2.sc-ptc-tooltip,h3.sc-ptc-tooltip,h4.
 const PtcTooltip = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.textDisplay = 'inline';
+    this.textDisplay = "inline";
     this.maxLength = 45;
     this.textLines = undefined;
-    this.description = 'This is a tooltip text placeholder';
-    this.zIndex = 'z-auto';
-    this.position = 'bottom';
+    this.description = "This is a tooltip text placeholder";
+    this.zIndex = "z-auto";
+    this.position = "bottom";
     this.styles = undefined;
-    this.mode = 'text-only';
-    this.theme = 'standard';
-    this.width = 'default';
+    this.mode = "text-only";
+    this.theme = "standard";
+    this.width = "default";
     this.hideOnMobile = false;
     this.isSmallScreen = undefined;
     this.noOverflow = false;
   }
   addTruncatedClass() {
     const appRoot = this.el;
-    const text = appRoot.querySelectorAll('.ellipsis-by-line-boxing');
-    text.forEach(t => {
-      t.classList[t.scrollHeight > t.clientHeight ? 'add' : 'remove']('truncated');
+    const text = appRoot.querySelectorAll(".ellipsis-by-line-boxing");
+    text.forEach((t) => {
+      t.classList[t.scrollHeight > t.clientHeight ? "add" : "remove"]("truncated");
     });
   }
   windowResize() {
@@ -38,7 +38,7 @@ const PtcTooltip = class {
     for (const element of Array.from(allTabHeaders)) {
       let tabHeader = element;
       if (tabHeader) {
-        tabHeader.addEventListener('click', () => {
+        tabHeader.addEventListener("click", () => {
           setTimeout(() => {
             this.addTruncatedClass();
           }, 100);
@@ -54,18 +54,18 @@ const PtcTooltip = class {
     setTimeout(() => {
       this.addTruncatedClass();
     }, 1000);
-    this.enableAddTruncatedClass('tab-header');
-    this.enableAddTruncatedClass('ptc-ellipsis-dropdown');
-    this.enableAddTruncatedClass('ptc-product-card');
-    document.addEventListener('readystatechange', () => {
-      if (document.readyState === 'complete') {
+    this.enableAddTruncatedClass("tab-header");
+    this.enableAddTruncatedClass("ptc-ellipsis-dropdown");
+    this.enableAddTruncatedClass("ptc-product-card");
+    document.addEventListener("readystatechange", () => {
+      if (document.readyState === "complete") {
         this.addTruncatedClass();
       }
     });
   }
   render() {
-    if (this.mode == 'wrapper') {
-      return (h(Host, { class: this.textDisplay }, this.styles && h("style", null, this.styles), h("div", { class: "wrapper-content" }, h("div", { class: "slot-content" }, h("slot", null)), h("div", { class: `tooltip ${this.position} ${this.theme}` }, h("slot", { name: "description" }), this.description && h("span", { innerHTML: this.description })))));
+    if (this.mode == "wrapper") {
+      return (h(Host, { class: this.textDisplay }, this.styles && h("style", null, this.styles), h("div", { class: "wrapper-content" }, h("div", { class: "slot-content" }, h("slot", null)), h("div", { class: `tooltip ${this.position} ${this.theme}` }, h("slot", { name: "description" }), this.description && (h("span", { innerHTML: this.description }))))));
     }
     else {
       const classMap = this.getCssClassMap();
@@ -74,24 +74,30 @@ const PtcTooltip = class {
       if (this.description.length > this.maxLength) {
         //const lastSpace = truncatedText.lastIndexOf(' ');
         //truncatedText = truncatedText.substring(0, lastSpace);
-        truncatedText += '... ';
+        truncatedText += "... ";
       }
-      return (h(Host, { class: { [this.textDisplay]: true, [this.width]: true, 'no-overflow': this.noOverflow } }, this.styles && h("style", null, this.styles), this.hideOnMobile && this.isSmallScreen ? (h("div", null, this.description)) : (h("div", { class: "text-content" }, this.textLines > 0 && !!this.textLines ? (h("div", { class: "ellipsis-by-line-boxing", style: cutOff, innerHTML: this.description })) : (h("div", { class: classMap }, truncatedText)), h("div", { class: `tooltip ${this.position} ${this.theme}`, innerHTML: this.description })))));
+      return (h(Host, { class: {
+          [this.textDisplay]: true,
+          [this.width]: true,
+          "no-overflow": this.noOverflow,
+        } }, this.styles && h("style", null, this.styles), this.hideOnMobile && this.isSmallScreen ? (h("div", null, this.description)) : (h("div", { class: "text-content" }, this.textLines > 0 && !!this.textLines ? (h("div", { class: "ellipsis-by-line-boxing", style: cutOff, innerHTML: this.description })) : (h("div", { class: classMap }, truncatedText)), h("div", { class: `tooltip ${this.position} ${this.theme}`, innerHTML: this.description })))));
     }
   }
   getCssClassMap() {
     return {
       // ['ellipsis-by-line-boxing']: this.textLines && this.textLines > 0,
-      ['text-ellipsis']: true,
+      ["text-ellipsis"]: true,
       [this.zIndex]: this.description.length > this.maxLength ? true : false,
-      ['truncated']: this.description.length > this.maxLength && !this.textLines ? true : false,
+      ["truncated"]: this.description.length > this.maxLength && !this.textLines
+        ? true
+        : false,
     };
   }
   getLineCuttoff() {
     let result;
     if (this.textLines && this.textLines > 0) {
       result = {
-        ['-webkit-line-clamp']: `${this.textLines}`,
+        ["-webkit-line-clamp"]: `${this.textLines}`,
       };
     }
     return result;

package/dist/esm/ptc-two-column-media.entry.js

@@ -13,7 +13,7 @@ const PtcTwoColumnMedia = class {
   }
   getCssClassMap() {
     return {
-      [this.componentType]: this.componentType ? true : false
+      [this.componentType]: this.componentType ? true : false,
     };
   }
 };

package/dist/esm/ptc-value-led-card.entry.js

@@ -9,7 +9,7 @@ const PtcValueLedCard = class {
     this.cardUpNext = undefined;
   }
   render() {
-    return (h(Host, null, h("ptc-picture", { alt: "image", "border-radius": "radius-standard", "display-image": "block", "image-position": "relative", "is-full-height": "true", "is-full-width": "true", "object-fit": "cover", src: this.cardImage, styles: "" }), h("div", { class: "card-content" }, h("span", { class: 'tag' }, this.cardUpNext), h("slot", { name: "card-title" }), h("ptc-spacer", { size: "x-small" }), h("slot", null))));
+    return (h(Host, null, h("ptc-picture", { alt: "image", "border-radius": "radius-standard", "display-image": "block", "image-position": "relative", "is-full-height": "true", "is-full-width": "true", "object-fit": "cover", src: this.cardImage, styles: "" }), h("div", { class: "card-content" }, h("span", { class: "tag" }, this.cardUpNext), h("slot", { name: "card-title" }), h("ptc-spacer", { size: "x-small" }), h("slot", null))));
   }
 };
 PtcValueLedCard.style = ptcValueLedCardCss;

package/dist/esm/ptc-value-led-content.entry.js

@@ -8,8 +8,7 @@ const PtcValueLedContent = class {
     this.contentTag = undefined;
   }
   render() {
-    return (h(Host, null, this.contentTag &&
-      h("div", { class: 'content-tag' }, this.contentTag), h("div", { class: "vl-content-title" }, h("slot", { name: "vl-content-title" })), h("slot", null)));
+    return (h(Host, null, this.contentTag && (h("div", { class: "content-tag" }, this.contentTag)), h("div", { class: "vl-content-title" }, h("slot", { name: "vl-content-title" })), h("slot", null)));
   }
 };
 PtcValueLedContent.style = ptcValueLedContentCss;

package/dist/esm/ptc-value-led-intro.entry.js

@@ -8,7 +8,7 @@ const PtcValueLedIntro = class {
     this.contentTag = undefined;
   }
   render() {
-    return (h(Host, null, h("div", { class: 'content-tag' }, this.contentTag), h("slot", null)));
+    return (h(Host, null, h("div", { class: "content-tag" }, this.contentTag), h("slot", null)));
   }
 };
 PtcValueLedIntro.style = ptcValueLedIntroCss;