@ptcwebops/ptcw-design 6.3.37 → 6.3.38

package/dist/cjs/ptc-tab-list.cjs.entry.js

@@ -22,87 +22,90 @@ const PtcTabList = class {
   }
   componentWillLoad() {
     this.isMobile = window.innerWidth < 768;
-    this.isMobileTabWithBanner = window.innerWidth < 992 || screen.width < 992;
+    this.isMobileTabWithBanner =
+      window.innerWidth < 992 || screen.width < 992;
   }
   componentDidLoad() {
     this.createGroup();
     this.calculateHeaderTabsRendering();
     /*const [group] = this.tabGroup;
     this.selectGroup(group);*/
-    this.ellipsisDropdown = this.host.querySelector('ptc-ellipsis-dropdown');
-    this.ellipsisDropdown.addEventListener('keydown', this.onKeydown.bind(this));
-    const tabsHeaderEl = Array.from(this.host.querySelectorAll('tab-header'));
+    this.ellipsisDropdown = this.host.querySelector("ptc-ellipsis-dropdown");
+    this.ellipsisDropdown.addEventListener("keydown", this.onKeydown.bind(this));
+    const tabsHeaderEl = Array.from(this.host.querySelectorAll("tab-header"));
     tabsHeaderEl.forEach((tab, i) => {
-      if ((tabsHeaderEl.length - this.dropdownItemsCount) == (i + 1)) {
+      if (tabsHeaderEl.length - this.dropdownItemsCount == i + 1) {
         this.lastVisibleTab = tab;
       }
     });
   }
   onSelectedTab(event) {
     let self = this;
-    this.tabGroup.forEach(group => {
-      event.detail.then(res => {
+    this.tabGroup.forEach((group) => {
+      event.detail.then((res) => {
         if (group.header.name === res.name) {
           self.selectGroup(group);
           // Set the selected tab's tabindex to 0
-          group.header.el.setAttribute('tabindex', '0');
+          group.header.el.setAttribute("tabindex", "0");
           // Focus the selected tab
           group.header.el.focus();
         }
         else {
           // Set other tabs' tabindex to -1
-          group.header.el.setAttribute('tabindex', '-1');
+          group.header.el.setAttribute("tabindex", "-1");
         }
       });
     });
   }
   calculateHeaderTabsRendering() {
-    let header = this.host.querySelector('.tabs-header');
-    let dropdown = this.host.querySelector('.ellipsis-btn');
+    let header = this.host.querySelector(".tabs-header");
+    let dropdown = this.host.querySelector(".ellipsis-btn");
     let tabs = header.children;
     let activateDropDown = false;
     let hiddenTabs = [];
     this.isMobile = window.innerWidth < 768;
-    this.isMobileTabWithBanner = window.innerWidth < 992 || screen.width < 992;
-    header.classList.remove('active');
+    this.isMobileTabWithBanner =
+      window.innerWidth < 992 || screen.width < 992;
+    header.classList.remove("active");
     for (let index = 0; index < tabs.length; index++) {
-      tabs[index].style.removeProperty('display');
+      tabs[index].style.removeProperty("display");
     }
     for (let index = tabs.length - 1; index >= 0; index--) {
       let tab = tabs[index];
-      let isSelectedTab = tab.getAttribute('name') === this.selectedValue;
-      if ((this.isMobile && this.type != 'tab-with-banner') || (this.isMobileTabWithBanner && this.type === 'tab-with-banner')) {
-        let text = tab.querySelector('.text-cont').textContent;
-        header.style.display = 'none';
+      let isSelectedTab = tab.getAttribute("name") === this.selectedValue;
+      if ((this.isMobile && this.type != "tab-with-banner") ||
+        (this.isMobileTabWithBanner && this.type === "tab-with-banner")) {
+        let text = tab.querySelector(".text-cont").textContent;
+        header.style.display = "none";
         activateDropDown = true;
         hiddenTabs.push({
-          value: tab.getAttribute('name'),
+          value: tab.getAttribute("name"),
           text: text,
-          isSelected: isSelectedTab
+          isSelected: isSelectedTab,
         });
       }
       else {
-        header.style.display = 'flex';
+        header.style.display = "flex";
         if (header.scrollWidth > header.clientWidth) {
-          tab.style.display = 'none';
-          let text = tab.querySelector('.text-cont').textContent;
+          tab.style.display = "none";
+          let text = tab.querySelector(".text-cont").textContent;
           activateDropDown = true;
           hiddenTabs.push({
-            value: tab.getAttribute('name'),
+            value: tab.getAttribute("name"),
             text: text,
-            isSelected: isSelectedTab
+            isSelected: isSelectedTab,
           });
         }
       }
     }
-    header.classList.add('active');
+    header.classList.add("active");
     if (activateDropDown) {
-      dropdown.classList.add('active');
+      dropdown.classList.add("active");
       dropdown.dataItems = hiddenTabs.reverse();
       this.dropdownItemsCount = dropdown.dataItems.length;
     }
     else {
-      dropdown.classList.remove('active');
+      dropdown.classList.remove("active");
       dropdown.dataItems = [];
     }
   }
@@ -114,8 +117,8 @@ const PtcTabList = class {
     let contentCount = 0;
     let headerData = [];
     let contentData = [];
-    const tabsHeaderEl = Array.from(this.host.querySelectorAll('tab-header'));
-    this.tabsHeader = tabsHeaderEl.map(el => el.getChild().then(res => {
+    const tabsHeaderEl = Array.from(this.host.querySelectorAll("tab-header"));
+    this.tabsHeader = tabsHeaderEl.map((el) => el.getChild().then((res) => {
       headerCount++;
       if (headerCount === tabsHeaderEl.length) {
         headerComplete = true;
@@ -123,8 +126,8 @@ const PtcTabList = class {
       headerData.push(Object.assign(Object.assign({}, res), { el }));
     }));
     this.tabsHeader = headerData;
-    const tabsContentEl = Array.from(this.host.querySelectorAll('tab-content'));
-    this.tabsContent = tabsContentEl.map(el => el.getChild().then(res => {
+    const tabsContentEl = Array.from(this.host.querySelectorAll("tab-content"));
+    this.tabsContent = tabsContentEl.map((el) => el.getChild().then((res) => {
       contentCount++;
       if (contentCount === tabsContentEl.length) {
         contentComplete = true;
@@ -135,11 +138,11 @@ const PtcTabList = class {
     let myInterval = setInterval(() => {
       if (headerComplete && contentComplete) {
         clearInterval(myInterval);
-        self.tabGroup = self.tabsHeader.map(header => {
-          const content = self.tabsContent.find(content => content.name === header.name);
+        self.tabGroup = self.tabsHeader.map((header) => {
+          const content = self.tabsContent.find((content) => content.name === header.name);
           return {
             header: header,
-            content: content
+            content: content,
           };
         });
         const group = self.tabGroup[0];
@@ -147,29 +150,30 @@ const PtcTabList = class {
       }
     }, 3100); // Increased time interval from 100 to 3100 to fix the preload skeleton issue
     tabsHeaderEl.forEach((header, index) => {
-      header.setAttribute('id', 'tab-' + (index + 1));
-      header.setAttribute('role', 'tab');
-      header.setAttribute('aria-selected', index === 0 ? 'true' : 'false');
-      header.setAttribute('tabindex', index === 0 ? '0' : '-1'); // Set tabindex based on index
-      header.setAttribute('aria-controls', 'tab-panel-' + (index + 1));
-      header.addEventListener('keydown', this.onKeydown.bind(this));
+      header.setAttribute("id", "tab-" + (index + 1));
+      header.setAttribute("role", "tab");
+      header.setAttribute("aria-selected", index === 0 ? "true" : "false");
+      header.setAttribute("tabindex", index === 0 ? "0" : "-1"); // Set tabindex based on index
+      header.setAttribute("aria-controls", "tab-panel-" + (index + 1));
+      header.addEventListener("keydown", this.onKeydown.bind(this));
       if (!this.firstTab) {
         this.firstTab = header;
       }
       this.lastTab = header;
     });
     tabsContentEl.forEach((panel, index) => {
-      panel.setAttribute('id', 'tabpanel-' + (index + 1));
-      panel.setAttribute('role', 'tabpanel');
-      panel.setAttribute('aria-labelledby', 'tab-' + (index + 1));
+      panel.setAttribute("id", "tabpanel-" + (index + 1));
+      panel.setAttribute("role", "tabpanel");
+      panel.setAttribute("aria-labelledby", "tab-" + (index + 1));
     });
   }
   moveFocusToTab(currentTab) {
     currentTab.focus();
   }
   moveFocusToPreviousTab(currentTab) {
-    if (currentTab === this.firstTab || currentTab == this.ellipsisDropdown) {
-      this.ellipsisDropdown.setAttribute('tabindex', '-1');
+    if (currentTab === this.firstTab ||
+      currentTab == this.ellipsisDropdown) {
+      this.ellipsisDropdown.setAttribute("tabindex", "-1");
       if (this.dropdownItemsCount == 0) {
         this.moveFocusToTab(this.lastTab);
       }
@@ -177,28 +181,28 @@ const PtcTabList = class {
         this.moveFocusToTab(this.lastVisibleTab);
       }
       else {
-        this.ellipsisDropdown.setAttribute('tabindex', '0');
+        this.ellipsisDropdown.setAttribute("tabindex", "0");
         this.ellipsisDropdown.focus();
       }
     }
     else {
-      const index = this.tabsHeader.findIndex(tab => tab.el === currentTab);
+      const index = this.tabsHeader.findIndex((tab) => tab.el === currentTab);
       this.moveFocusToTab(this.tabsHeader[index - 1].el);
     }
   }
   moveFocusToNextTab(currentTab) {
-    this.ellipsisDropdown.setAttribute('tabindex', '-1');
+    this.ellipsisDropdown.setAttribute("tabindex", "-1");
     if (currentTab === this.lastTab || currentTab === this.lastVisibleTab) {
       if (this.dropdownItemsCount == 0) {
         this.moveFocusToTab(this.firstTab);
       }
       else {
-        this.ellipsisDropdown.setAttribute('tabindex', '0');
+        this.ellipsisDropdown.setAttribute("tabindex", "0");
         this.ellipsisDropdown.focus();
       }
     }
     else {
-      const index = this.tabsHeader.findIndex(tab => tab.el === currentTab);
+      const index = this.tabsHeader.findIndex((tab) => tab.el === currentTab);
       this.moveFocusToTab(this.tabsHeader[index + 1].el);
     }
   }
@@ -206,15 +210,15 @@ const PtcTabList = class {
     const currentTab = event.currentTarget;
     let flag = false;
     switch (event.key) {
-      case 'ArrowLeft':
+      case "ArrowLeft":
         this.moveFocusToPreviousTab(currentTab);
         flag = true;
         break;
-      case 'ArrowRight':
+      case "ArrowRight":
         this.moveFocusToNextTab(currentTab);
         flag = true;
         break;
-      case 'Escape':
+      case "Escape":
         this.closeDropdown();
         flag = true;
         break;
@@ -226,7 +230,7 @@ const PtcTabList = class {
   }
   async toggleTabGroup(name) {
     let self = this;
-    this.tabGroup.forEach(group => {
+    this.tabGroup.forEach((group) => {
       if (group.header.name === name) {
         self.selectGroup(group);
       }
@@ -234,7 +238,7 @@ const PtcTabList = class {
   }
   selectGroup(group) {
     let self = this;
-    self.tabGroup.forEach(_ => {
+    self.tabGroup.forEach((_) => {
       _.header.unselect();
       _.content.unselect();
     });
@@ -255,7 +259,11 @@ const PtcTabList = class {
     }
   }
   render() {
-    return (index.h(index.Host, { class: this.type }, index.h("div", { class: "tabs-header-container" }, index.h("div", { class: "tabs-header" }, index.h("slot", { name: "header" })), index.h("ptc-ellipsis-dropdown", { "dropdown-type": this.type, class: this.type == 'tab-with-banner' ? "ellipsis-btn tab-with-banner" : "ellipsis-btn default", onItemSelected: (e) => { this.onDropdownItemSelected(e.detail); } })), index.h("div", { class: "tabs-content" }, index.h("slot", { name: "content" }))));
+    return (index.h(index.Host, { class: this.type }, index.h("div", { class: "tabs-header-container" }, index.h("div", { class: "tabs-header" }, index.h("slot", { name: "header" })), index.h("ptc-ellipsis-dropdown", { "dropdown-type": this.type, class: this.type == "tab-with-banner"
+        ? "ellipsis-btn tab-with-banner"
+        : "ellipsis-btn default", onItemSelected: (e) => {
+        this.onDropdownItemSelected(e.detail);
+      } })), index.h("div", { class: "tabs-content" }, index.h("slot", { name: "content" }))));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/ptc-tab.cjs.entry.js

@@ -21,8 +21,8 @@ const Tab = class {
   }
   getCssClassMap() {
     return {
-      ['ptc-pricing-block']: true,
-      ['active']: this.active ? true : false
+      ["ptc-pricing-block"]: true,
+      ["active"]: this.active ? true : false,
     };
   }
 };

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

@@ -14,9 +14,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) {
@@ -37,18 +37,18 @@ const Tabs = class {
     const classMap = this.getCssClassMap();
     return (index.h("div", { class: classMap }, this.tabs.map((tab, index$1) => {
       const tabClassMap = {
-        'tab-button': true,
-        active: tab.active
+        "tab-button": true,
+        active: tab.active,
       };
       return [
         // assigned properties
-        index.h("div", { role: "tab", class: tabClassMap, onClick: () => this.openTab(index$1) }, tab.label, tab.price, index.h("div", { class: classMap }, index.h("span", { class: "left-text" }, index.h("slot", { name: "right-text" })), index.h("span", { class: "right-text" }, index.h("slot", { name: "right-text" }))))
+        index.h("div", { role: "tab", class: tabClassMap, onClick: () => this.openTab(index$1) }, tab.label, tab.price, index.h("div", { class: classMap }, index.h("span", { class: "left-text" }, index.h("slot", { name: "right-text" })), index.h("span", { class: "right-text" }, index.h("slot", { name: "right-text" })))),
       ];
     })));
   }
   getCssClassMap() {
     return {
-      'tabs-list': true
+      "tabs-list": true,
     };
   }
   get el() { return index.getElement(this); }

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

@@ -9,11 +9,11 @@ const ptcTextCopyWithBackgroundCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-t
 const PtcTextCopyWithBackground = class {
   constructor(hostRef) {
     index.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;
@@ -22,13 +22,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");
         }
       }
     }
@@ -36,15 +36,10 @@ const PtcTextCopyWithBackground = class {
   render() {
     const classMap = this.getCssClassMap();
     const slitFill = this.getSlitFillColor();
-    return (index.h(index.Host, { class: classMap }, this.styles && index.h("style", null, this.styles), index.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 } }, index.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 ?
-      index.h("div", { class: "" }, index.h("img", { class: "copy-bg-image", alt: this.ImageAltText, src: this.backgroundImage }), this.isBackgroundBlur &&
-        index.h("img", { class: "copy-bg-image bg-img-filter", alt: this.ImageAltText, src: this.backgroundImage }))
-      : null, this.overlay &&
-      index.h("div", { class: "copy-bg-overlay-layer" }), index.h("div", { class: "content-wrap" }, this.type == "case-studies" &&
-      index.h("div", { class: "ptc-container" }, index.h("div", { class: "card-wrap" }, index.h("div", { class: "card-animated-border" }), index.h("div", { class: "card-content" }, index.h("div", { class: "card-layout" }, index.h("slot", { name: 'card-content' }))))), index.h("slot", null))));
+    return (index.h(index.Host, { class: classMap }, this.styles && index.h("style", null, this.styles), index.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 } }, index.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 ? (index.h("div", { class: "" }, index.h("img", { class: "copy-bg-image", alt: this.ImageAltText, src: this.backgroundImage }), this.isBackgroundBlur && (index.h("img", { class: "copy-bg-image bg-img-filter", alt: this.ImageAltText, src: this.backgroundImage })))) : null, this.overlay && index.h("div", { class: "copy-bg-overlay-layer" }), index.h("div", { class: "content-wrap" }, this.type == "case-studies" && (index.h("div", { class: "ptc-container" }, index.h("div", { class: "card-wrap" }, index.h("div", { class: "card-animated-border" }), index.h("div", { class: "card-content" }, index.h("div", { class: "card-layout" }, index.h("slot", { name: "card-content" })))))), index.h("slot", null))));
   }
   getSlitFillColor() {
-    let slitFill = '#fff';
+    let slitFill = "#fff";
     if (this.topSlitBackgroundColor == "auto") {
       let style = getComputedStyle(document.body);
       if (style && style.backgroundColor) {
@@ -60,8 +55,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 index.getElement(this); }

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

@@ -26,13 +26,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(() => {
@@ -46,7 +46,7 @@ const PtcTheaterVideoModal = class {
         onDeactivate: () => {
           this.closeCardModal();
           this.trap.deactivate();
-        }
+        },
       });
       this.trap.activate();
     }, 200);
@@ -55,7 +55,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);
   }
@@ -86,25 +86,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 (index.h(index.Host, null, index.h("slot", null), this.showModal &&
-      (this.modalType != 'only-video' ? (index.h("div", { class: "modal", ref: el => (this.modalPopUpRef = el) }, index.h("div", { class: "modal-container ptc-container" }, index.h("div", { class: "vm-close-container" }, index.h("div", { onClick: () => this.closeCardModal(), class: 'vm-close mf-listen', tabIndex: 0, onKeyDown: (e) => {
-          if (e.key === 'Enter')
+      (this.modalType != "only-video" ? (index.h("div", { class: "modal", ref: (el) => (this.modalPopUpRef = el) }, index.h("div", { class: "modal-container ptc-container" }, index.h("div", { class: "vm-close-container" }, index.h("div", { onClick: () => this.closeCardModal(), class: "vm-close mf-listen", tabIndex: 0, onKeyDown: (e) => {
+          if (e.key === "Enter")
             this.closeCardModal();
-        } }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, index.h("g", { "clip-path": "url(#clip0_214_927)" }, index.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" })), index.h("defs", null, index.h("clipPath", { id: "clip0_214_927" }, index.h("rect", { width: "18", height: "18", fill: "white" })))))), index.h("div", { class: "is-grid has-col-gap-xl has-row-gap-lg" }, index.h("div", { class: 'is-col is-col-7-lg' }, index.h("div", { class: "v-modal-left" }, index.h("div", { class: 'v-nav' }, index.h("button", { onClick: () => this.showPrevCard(), disabled: this.currentCardIndex === 0 }, "Previous Video"), index.h("div", { class: 'v-number' }, ' ', this.currentCardIndex + 1, " of ", this.cards.length), index.h("button", { onClick: () => this.showNextCard(), disabled: this.currentCardIndex === this.cards.length - 1 }, "Next Video")), index.h("div", { class: 'aspect-ratio-container ' }, index.h("div", { class: 'video-container' }, index.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` }))), index.h("div", { class: "card-description-content" }, index.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), index.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 })))), index.h("div", { class: 'is-col is-col-5-lg' }, index.h("div", { class: "video-modal-description" }, index.h("div", { innerHTML: this.cards[this.currentCardIndex].descriptionModal }))))))) : (index.h("div", { class: "modal modal-only-video", ref: el => (this.modalPopUpRef = el) }, index.h("div", { class: "modal-wrapper" }, index.h("div", { onClick: () => this.closeCardModal(), class: 'vm-close mf-listen', tabIndex: 0, onKeyDown: (e) => {
-          if (e.key === 'Enter')
+        } }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, index.h("g", { "clip-path": "url(#clip0_214_927)" }, index.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" })), index.h("defs", null, index.h("clipPath", { id: "clip0_214_927" }, index.h("rect", { width: "18", height: "18", fill: "white" })))))), index.h("div", { class: "is-grid has-col-gap-xl has-row-gap-lg" }, index.h("div", { class: "is-col is-col-7-lg" }, index.h("div", { class: "v-modal-left" }, index.h("div", { class: "v-nav" }, index.h("button", { onClick: () => this.showPrevCard(), disabled: this
+          .currentCardIndex ===
+          0 }, "Previous Video"), index.h("div", { class: "v-number" }, " ", this.currentCardIndex +
+        1, " ", "of ", this.cards.length), index.h("button", { onClick: () => this.showNextCard(), disabled: this
+          .currentCardIndex ===
+          this.cards.length - 1 }, "Next Video")), index.h("div", { class: "aspect-ratio-container " }, index.h("div", { class: "video-container" }, index.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` }))), index.h("div", { class: "card-description-content" }, index.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), index.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 })))), index.h("div", { class: "is-col is-col-5-lg" }, index.h("div", { class: "video-modal-description" }, index.h("div", { innerHTML: this.cards[this.currentCardIndex].descriptionModal }))))))) : (index.h("div", { class: "modal modal-only-video", ref: (el) => (this.modalPopUpRef = el) }, index.h("div", { class: "modal-wrapper" }, index.h("div", { onClick: () => this.closeCardModal(), class: "vm-close mf-listen", tabIndex: 0, onKeyDown: (e) => {
+          if (e.key === "Enter")
             this.closeCardModal();
-        } }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, index.h("g", { "clip-path": "url(#clip0_214_927)" }, index.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" })), index.h("defs", null, index.h("clipPath", { id: "clip0_214_927" }, index.h("rect", { width: "18", height: "18", fill: "white" }))))), index.h("div", { class: 'aspect-ratio-container ' }, index.h("div", { class: 'video-container' }, index.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` })))))))));
+        } }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, index.h("g", { "clip-path": "url(#clip0_214_927)" }, index.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" })), index.h("defs", null, index.h("clipPath", { id: "clip0_214_927" }, index.h("rect", { width: "18", height: "18", fill: "white" }))))), index.h("div", { class: "aspect-ratio-container " }, index.h("div", { class: "video-container" }, index.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 index.getElement(this); }
 };

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

@@ -4,27 +4,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-63ddc79c.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) {
     index.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() {
@@ -35,37 +35,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 (index.h(index.Host, { class: this.elementDisplay }, this.styles && index.h("style", null, this.styles), index.h("div", { class: tooltipClass, style: { zIndex: this.zIndex.toString(), width: this.width === 'full-width' ? '100%' : 'auto' } }, index.h("div", { class: "tooltip-text", style: style }, this.displayText), index.h("div", { class: `tooltip-content ${this.position}` }, index.h("slot", null)))));
+    return (index.h(index.Host, { class: this.elementDisplay }, this.styles && index.h("style", null, this.styles), index.h("div", { class: tooltipClass, style: {
+        zIndex: this.zIndex.toString(),
+        width: this.width === "full-width" ? "100%" : "auto",
+      } }, index.h("div", { class: "tooltip-text", style: style }, this.displayText), index.h("div", { class: `tooltip-content ${this.position}` }, index.h("slot", null)))));
   }
   get el() { return index.getElement(this); }
 };