@ptcwebops/ptcw-design 6.3.37 → 6.3.38

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

@@ -10,9 +10,9 @@ const Tabs = class {
   }
   componentWillLoad() {
     // Grab tabs from this component
-    this.tabs = Array.from(this.el.querySelectorAll('ptc-tab'));
+    this.tabs = Array.from(this.el.querySelectorAll("ptc-tab"));
     if (this.tabs.length === 0) {
-      throw new Error('[ptc-tabs] Must have at least one tab');
+      throw new Error("[ptc-tabs] Must have at least one tab");
     }
   }
   async openTab(index) {
@@ -33,18 +33,18 @@ const Tabs = class {
     const classMap = this.getCssClassMap();
     return (h("div", { class: classMap }, this.tabs.map((tab, index) => {
       const tabClassMap = {
-        'tab-button': true,
-        active: tab.active
+        "tab-button": true,
+        active: tab.active,
       };
       return [
         // assigned properties
-        h("div", { role: "tab", class: tabClassMap, onClick: () => this.openTab(index) }, tab.label, tab.price, h("div", { class: classMap }, h("span", { class: "left-text" }, h("slot", { name: "right-text" })), h("span", { class: "right-text" }, h("slot", { name: "right-text" }))))
+        h("div", { role: "tab", class: tabClassMap, onClick: () => this.openTab(index) }, tab.label, tab.price, h("div", { class: classMap }, h("span", { class: "left-text" }, h("slot", { name: "right-text" })), h("span", { class: "right-text" }, h("slot", { name: "right-text" })))),
       ];
     })));
   }
   getCssClassMap() {
     return {
-      'tabs-list': true
+      "tabs-list": true,
     };
   }
   get el() { return getElement(this); }

package/dist/esm/ptc-text-copy-with-background.entry.js

@@ -5,11 +5,11 @@ const ptcTextCopyWithBackgroundCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-t
 const PtcTextCopyWithBackground = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.type = 'text-copy-with-background';
+    this.type = "text-copy-with-background";
     this.backgroundImage = undefined;
     this.ImageAltText = undefined;
     this.topSlitBackgroundColor = undefined;
-    this.slitPosition = 'top-right';
+    this.slitPosition = "top-right";
     this.isBackgroundBlur = false;
     this.overlay = true;
     this.disableLightLinks = false;
@@ -18,13 +18,13 @@ const PtcTextCopyWithBackground = class {
   componentDidLoad() {
     var _a;
     // Run logic only if type is 'hero-footer-cta'
-    if (this.hostEle.getAttribute('type') === 'hero-footer-cta') {
-      const centerWell = document.querySelector('.center-well');
+    if (this.hostEle.getAttribute("type") === "hero-footer-cta") {
+      const centerWell = document.querySelector(".center-well");
       if (centerWell) {
-        const sectionCount = centerWell.querySelectorAll(':scope > section').length;
+        const sectionCount = centerWell.querySelectorAll(":scope > section").length;
         // Add class only if more than one <section> inside .center-well
         if (sectionCount > 1) {
-          (_a = this.hostEle.parentElement) === null || _a === void 0 ? void 0 : _a.classList.add('text-copy-footer-cta');
+          (_a = this.hostEle.parentElement) === null || _a === void 0 ? void 0 : _a.classList.add("text-copy-footer-cta");
         }
       }
     }
@@ -32,15 +32,10 @@ const PtcTextCopyWithBackground = class {
   render() {
     const classMap = this.getCssClassMap();
     const slitFill = this.getSlitFillColor();
-    return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "tcb-top-slit", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179", style: { fill: slitFill } }, h("path", { id: "Path_8770", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "tcb-top-slit-cls-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })), this.backgroundImage ?
-      h("div", { class: "" }, h("img", { class: "copy-bg-image", alt: this.ImageAltText, src: this.backgroundImage }), this.isBackgroundBlur &&
-        h("img", { class: "copy-bg-image bg-img-filter", alt: this.ImageAltText, src: this.backgroundImage }))
-      : null, this.overlay &&
-      h("div", { class: "copy-bg-overlay-layer" }), h("div", { class: "content-wrap" }, this.type == "case-studies" &&
-      h("div", { class: "ptc-container" }, h("div", { class: "card-wrap" }, h("div", { class: "card-animated-border" }), h("div", { class: "card-content" }, h("div", { class: "card-layout" }, h("slot", { name: 'card-content' }))))), h("slot", null))));
+    return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "tcb-top-slit", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179", style: { fill: slitFill } }, h("path", { id: "Path_8770", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "tcb-top-slit-cls-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })), this.backgroundImage ? (h("div", { class: "" }, h("img", { class: "copy-bg-image", alt: this.ImageAltText, src: this.backgroundImage }), this.isBackgroundBlur && (h("img", { class: "copy-bg-image bg-img-filter", alt: this.ImageAltText, src: this.backgroundImage })))) : null, this.overlay && h("div", { class: "copy-bg-overlay-layer" }), h("div", { class: "content-wrap" }, this.type == "case-studies" && (h("div", { class: "ptc-container" }, h("div", { class: "card-wrap" }, h("div", { class: "card-animated-border" }), h("div", { class: "card-content" }, h("div", { class: "card-layout" }, h("slot", { name: "card-content" })))))), h("slot", null))));
   }
   getSlitFillColor() {
-    let slitFill = '#fff';
+    let slitFill = "#fff";
     if (this.topSlitBackgroundColor == "auto") {
       let style = getComputedStyle(document.body);
       if (style && style.backgroundColor) {
@@ -56,8 +51,9 @@ const PtcTextCopyWithBackground = class {
     return {
       [this.type]: true,
       [this.slitPosition]: true,
-      ['light-links']: this.overlay && !this.disableLightLinks,
-      ['bg-image-absent']: !this.backgroundImage && this.type == "text-copy-with-background"
+      ["light-links"]: this.overlay && !this.disableLightLinks,
+      ["bg-image-absent"]: !this.backgroundImage &&
+        this.type == "text-copy-with-background",
     };
   }
   get hostEle() { return getElement(this); }

package/dist/esm/ptc-theater-video-modal.entry.js

@@ -22,13 +22,13 @@ const PtcTheaterVideoModal = class {
     this.modalType = this.cards[this.currentCardIndex].modalType;
     this.showModal = true;
     setTimeout(() => {
-      const closebtn = this.hostEl.querySelector('.vm-close');
+      const closebtn = this.hostEl.querySelector(".vm-close");
       closebtn === null || closebtn === void 0 ? void 0 : closebtn.focus();
-      const modalDescWrap = this.hostEl.querySelector('.video-modal-description');
+      const modalDescWrap = this.hostEl.querySelector(".video-modal-description");
       if (modalDescWrap) {
         modalDescWrap.scrollHeight > modalDescWrap.clientHeight
-          ? modalDescWrap.setAttribute('tabindex', '0')
-          : modalDescWrap.removeAttribute('tabindex');
+          ? modalDescWrap.setAttribute("tabindex", "0")
+          : modalDescWrap.removeAttribute("tabindex");
       }
     }, 200);
     setTimeout(() => {
@@ -42,7 +42,7 @@ const PtcTheaterVideoModal = class {
         onDeactivate: () => {
           this.closeCardModal();
           this.trap.deactivate();
-        }
+        },
       });
       this.trap.activate();
     }, 200);
@@ -51,7 +51,7 @@ const PtcTheaterVideoModal = class {
     this.showModal = false;
     this.cards = [];
     setTimeout(() => {
-      let focusDiv = this.focusCardElement.querySelector('.img-wrap');
+      let focusDiv = this.focusCardElement.querySelector(".img-wrap");
       focusDiv === null || focusDiv === void 0 ? void 0 : focusDiv.focus();
     }, 200);
   }
@@ -82,25 +82,33 @@ const PtcTheaterVideoModal = class {
   }
   updateVideoPlayer(vId) {
     // debugger
-    globalThis.videojs.getPlayer('bcPlayer').ready(function () {
+    globalThis.videojs.getPlayer("bcPlayer").ready(function () {
       const myPlayer = this;
       if (vId) {
         myPlayer.catalog.getVideo(vId, function (error, video) {
           myPlayer.catalog.load(video);
-          console.log('Video Modal' + error);
+          console.log("Video Modal" + error);
         });
       }
     });
   }
   render() {
     return (h(Host, null, h("slot", null), this.showModal &&
-      (this.modalType != 'only-video' ? (h("div", { class: "modal", ref: el => (this.modalPopUpRef = el) }, h("div", { class: "modal-container ptc-container" }, h("div", { class: "vm-close-container" }, h("div", { onClick: () => this.closeCardModal(), class: 'vm-close mf-listen', tabIndex: 0, onKeyDown: (e) => {
-          if (e.key === 'Enter')
+      (this.modalType != "only-video" ? (h("div", { class: "modal", ref: (el) => (this.modalPopUpRef = el) }, h("div", { class: "modal-container ptc-container" }, h("div", { class: "vm-close-container" }, h("div", { onClick: () => this.closeCardModal(), class: "vm-close mf-listen", tabIndex: 0, onKeyDown: (e) => {
+          if (e.key === "Enter")
             this.closeCardModal();
-        } }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, h("g", { "clip-path": "url(#clip0_214_927)" }, h("path", { d: "M18 2.8125L15.1875 0L9 6.1875L2.8125 0L0 2.8125L6.1875 9L0 15.1875L2.8125 18L9 11.8125L15.1875 18L18 15.1875L11.8125 9L18 2.8125Z", fill: "white" })), h("defs", null, h("clipPath", { id: "clip0_214_927" }, h("rect", { width: "18", height: "18", fill: "white" })))))), h("div", { class: "is-grid has-col-gap-xl has-row-gap-lg" }, h("div", { class: 'is-col is-col-7-lg' }, h("div", { class: "v-modal-left" }, h("div", { class: 'v-nav' }, h("button", { onClick: () => this.showPrevCard(), disabled: this.currentCardIndex === 0 }, "Previous Video"), h("div", { class: 'v-number' }, ' ', this.currentCardIndex + 1, " of ", this.cards.length), h("button", { onClick: () => this.showNextCard(), disabled: this.currentCardIndex === this.cards.length - 1 }, "Next Video")), h("div", { class: 'aspect-ratio-container ' }, h("div", { class: 'video-container' }, h("video-js", { id: "bcPlayer", "data-account": "1532789042001", "data-player": "HknUe20R", "data-embed": "default", "data-video-id": this.cards[this.currentCardIndex].videoId, controls: "", "data-application-id": "", class: `dpm-vj-${this.currentCardIndex}   video-js    vjs-fills` }))), h("div", { class: "card-description-content" }, h("ptc-title", { type: "h3", "title-size": "large", "title-color": "white", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", styles: ".is-standard{margin-top:14px !important}" }, this.cards[this.currentCardIndex].title), h("ptc-para", { "font-size": "medium", "font-weight": "w-4", "para-color": "white", "para-margin": "margin-3", "para-line-h": "line-height-p", innerHTML: this.cards[this.currentCardIndex].cardDescription })))), h("div", { class: 'is-col is-col-5-lg' }, h("div", { class: "video-modal-description" }, h("div", { innerHTML: this.cards[this.currentCardIndex].descriptionModal }))))))) : (h("div", { class: "modal modal-only-video", ref: el => (this.modalPopUpRef = el) }, h("div", { class: "modal-wrapper" }, h("div", { onClick: () => this.closeCardModal(), class: 'vm-close mf-listen', tabIndex: 0, onKeyDown: (e) => {
-          if (e.key === 'Enter')
+        } }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, h("g", { "clip-path": "url(#clip0_214_927)" }, h("path", { d: "M18 2.8125L15.1875 0L9 6.1875L2.8125 0L0 2.8125L6.1875 9L0 15.1875L2.8125 18L9 11.8125L15.1875 18L18 15.1875L11.8125 9L18 2.8125Z", fill: "white" })), h("defs", null, h("clipPath", { id: "clip0_214_927" }, h("rect", { width: "18", height: "18", fill: "white" })))))), h("div", { class: "is-grid has-col-gap-xl has-row-gap-lg" }, h("div", { class: "is-col is-col-7-lg" }, h("div", { class: "v-modal-left" }, h("div", { class: "v-nav" }, h("button", { onClick: () => this.showPrevCard(), disabled: this
+          .currentCardIndex ===
+          0 }, "Previous Video"), h("div", { class: "v-number" }, " ", this.currentCardIndex +
+        1, " ", "of ", this.cards.length), h("button", { onClick: () => this.showNextCard(), disabled: this
+          .currentCardIndex ===
+          this.cards.length - 1 }, "Next Video")), h("div", { class: "aspect-ratio-container " }, h("div", { class: "video-container" }, h("video-js", { id: "bcPlayer", "data-account": "1532789042001", "data-player": "HknUe20R", "data-embed": "default", "data-video-id": this.cards[this
+          .currentCardIndex].videoId, controls: "", "data-application-id": "", class: `dpm-vj-${this.currentCardIndex}   video-js    vjs-fills` }))), h("div", { class: "card-description-content" }, h("ptc-title", { type: "h3", "title-size": "large", "title-color": "white", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", styles: ".is-standard{margin-top:14px !important}" }, this.cards[this
+        .currentCardIndex].title), h("ptc-para", { "font-size": "medium", "font-weight": "w-4", "para-color": "white", "para-margin": "margin-3", "para-line-h": "line-height-p", innerHTML: this.cards[this
+          .currentCardIndex].cardDescription })))), h("div", { class: "is-col is-col-5-lg" }, h("div", { class: "video-modal-description" }, h("div", { innerHTML: this.cards[this.currentCardIndex].descriptionModal }))))))) : (h("div", { class: "modal modal-only-video", ref: (el) => (this.modalPopUpRef = el) }, h("div", { class: "modal-wrapper" }, h("div", { onClick: () => this.closeCardModal(), class: "vm-close mf-listen", tabIndex: 0, onKeyDown: (e) => {
+          if (e.key === "Enter")
             this.closeCardModal();
-        } }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, h("g", { "clip-path": "url(#clip0_214_927)" }, h("path", { d: "M18 2.8125L15.1875 0L9 6.1875L2.8125 0L0 2.8125L6.1875 9L0 15.1875L2.8125 18L9 11.8125L15.1875 18L18 15.1875L11.8125 9L18 2.8125Z", fill: "white" })), h("defs", null, h("clipPath", { id: "clip0_214_927" }, h("rect", { width: "18", height: "18", fill: "white" }))))), h("div", { class: 'aspect-ratio-container ' }, h("div", { class: 'video-container' }, h("video-js", { id: "bcPlayer", "data-account": "1532789042001", "data-player": "HknUe20R", "data-embed": "default", "data-video-id": this.cards[this.currentCardIndex].videoId, controls: "", "data-application-id": "", class: `dpm-vj-${this.currentCardIndex}   video-js    vjs-fills` })))))))));
+        } }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, h("g", { "clip-path": "url(#clip0_214_927)" }, h("path", { d: "M18 2.8125L15.1875 0L9 6.1875L2.8125 0L0 2.8125L6.1875 9L0 15.1875L2.8125 18L9 11.8125L15.1875 18L18 15.1875L11.8125 9L18 2.8125Z", fill: "white" })), h("defs", null, h("clipPath", { id: "clip0_214_927" }, h("rect", { width: "18", height: "18", fill: "white" }))))), h("div", { class: "aspect-ratio-container " }, h("div", { class: "video-container" }, h("video-js", { id: "bcPlayer", "data-account": "1532789042001", "data-player": "HknUe20R", "data-embed": "default", "data-video-id": this.cards[this.currentCardIndex].videoId, controls: "", "data-application-id": "", class: `dpm-vj-${this.currentCardIndex}   video-js    vjs-fills` })))))))));
   }
   get hostEl() { 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,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.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,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.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;