@ptcwebops/ptcw-design 2.9.2 → 2.9.3

package/dist/cjs/ptc-pricing-packaging-table.cjs.entry.js

@@ -182,6 +182,87 @@ const PtcPricingPackagingTable = class {
       this.handleScrollButtonsVisibility();
       this.handleFillEmptySpace();
     };
+    this.preProcessTableDescription = () => {
+      let tableDescription = this.el.querySelector('[slot="table-description"]');
+      if (tableDescription) {
+        this.tableDescription = tableDescription;
+      }
+    };
+    this.preProcessdesktopHeaderFirstCell = () => {
+      let desktopHeaderFirstCellSlot = this.el.querySelector('[slot="desktop-header-first-cell"]');
+      let desktopHeaderFirstCellText = desktopHeaderFirstCellSlot.innerHTML;
+      this.el.insertAdjacentHTML('afterbegin', `<span slot="placeholder-desktop-header-first-cell">${desktopHeaderFirstCellText}</span>`);
+    };
+    this.preProcessColumnHeaders = () => {
+      let columnHeaders = this.el.querySelectorAll('[slot^="column-header"]');
+      for (let i = 0; i < this.dataCols; i++) {
+        let slotValue = columnHeaders[i].getAttribute('slot');
+        let headerText = columnHeaders[i].innerHTML;
+        this.el.insertAdjacentHTML('afterbegin', `<span slot="placeholder-${slotValue}">${headerText}</span>`);
+      }
+    };
+    this.preProcessHeaderLinks = () => {
+      let headerLink;
+      for (let i = 0; i < this.dataCols; i++) {
+        headerLink = this.el.querySelector(`[slot^="header-link-${i + 1}"]`);
+        if (headerLink) {
+          let linkHref = headerLink.getAttribute('href');
+          let linkText = headerLink.innerHTML;
+          let linkTarget = headerLink.getAttribute('target');
+          this.columnHeaderLinks.push({ linkHref, linkText, linkTarget });
+          headerLink.remove();
+        }
+        else {
+          this.columnHeaderLinks.push(null);
+        }
+      }
+    };
+    this.preProcessRowHeaders = () => {
+      let rowHeader;
+      for (let i = 0; i < this.dataRows; i++) {
+        rowHeader = this.el.querySelector(`[slot^="row-header-${i + 1}"]`);
+        let tableRowHeaderP = rowHeader.querySelectorAll('.table-row-header-p');
+        for (let i = 0; i < tableRowHeaderP.length; i++) {
+          let ptcPara = document.createElement('ptc-para');
+          ptcPara.setAttribute("font-size", "small");
+          ptcPara.setAttribute("font-weight", "w-6");
+          ptcPara.setAttribute("para-align", "left");
+          ptcPara.setAttribute("para-color", "primary-grey");
+          ptcPara.setAttribute("para-line-h", "line-height-p");
+          ptcPara.setAttribute("para-margin", "margin-flush");
+          ptcPara.innerHTML = tableRowHeaderP[i].innerHTML;
+          tableRowHeaderP[i].replaceWith(ptcPara);
+        }
+        let slotValue = rowHeader.getAttribute('slot');
+        let headerContent = rowHeader.innerHTML;
+        this.el.insertAdjacentHTML('afterbegin', `<div slot="desktop-${slotValue}">${headerContent}</div><div slot="mobile-${slotValue}">${headerContent}</div>`);
+        rowHeader.remove();
+      }
+    };
+    this.preProcessCtaButtons = () => {
+      let ctaButton;
+      this.showCtaButtonsRow = false;
+      for (let i = 0; i < this.dataCols; i++) {
+        ctaButton = this.el.querySelector(`[slot^="cta-button-${i + 1}"]`);
+        if (ctaButton) {
+          let linkHref = ctaButton.getAttribute('href');
+          let linkText = ctaButton.innerHTML;
+          let linkTarget = ctaButton.getAttribute('target');
+          this.ctaButtons.push({ linkHref, linkText, linkTarget });
+          ctaButton.remove();
+          this.showCtaButtonsRow = true;
+        }
+        else {
+          this.ctaButtons.push(null);
+        }
+      }
+    };
+    this.preProcessDisclaimers = () => {
+      let disclaimers = this.el.querySelectorAll('[slot^="disclaimer"]');
+      for (let i = 0; i < this.disclaimerCount; i++) {
+        this.disclaimers.push(disclaimers[i].innerHTML);
+      }
+    };
     this.pageWithSubnav = false;
     this.tableTitle = undefined;
     this.tableSubTitle = "";
@@ -207,50 +288,13 @@ const PtcPricingPackagingTable = class {
     this.tableDescription = undefined;
   }
   componentWillLoad() {
-    let tableDescription = this.el.querySelector('[slot="table-description"]');
-    if (tableDescription) {
-      this.tableDescription = tableDescription;
-    }
-    let desktopHeaderFirstCellSlot = this.el.querySelector('[slot="desktop-header-first-cell"]');
-    let desktopHeaderFirstCellText = desktopHeaderFirstCellSlot.innerHTML;
-    this.el.insertAdjacentHTML('afterbegin', `<span slot="placeholder-desktop-header-first-cell">${desktopHeaderFirstCellText}</span>`);
-    let columnHeaders = this.el.querySelectorAll('[slot^="column-header"]');
-    for (let i = 0; i < this.dataCols; i++) {
-      let slotValue = columnHeaders[i].getAttribute('slot');
-      let headerText = columnHeaders[i].innerHTML;
-      this.el.insertAdjacentHTML('afterbegin', `<span slot="placeholder-${slotValue}">${headerText}</span>`);
-    }
-    let headerLinks = this.el.querySelectorAll('[slot^="header-link"]');
-    if (headerLinks.length > 0) {
-      for (let i = 0; i < this.dataCols; i++) {
-        let linkHref = headerLinks[i].getAttribute('href');
-        let linkText = headerLinks[i].innerHTML;
-        let linkTarget = headerLinks[i].getAttribute('target');
-        this.columnHeaderLinks.push({ linkHref, linkText, linkTarget });
-        headerLinks[i].remove();
-      }
-    }
-    let rowHeaders = this.el.querySelectorAll('[slot^="row-header"]');
-    for (let i = 0; i < this.dataRows; i++) {
-      let slotValue = rowHeaders[i].getAttribute('slot');
-      let headerText = rowHeaders[i].innerHTML;
-      this.el.insertAdjacentHTML('afterbegin', `<span slot="desktop-${slotValue}">${headerText}</span><span slot="mobile-${slotValue}">${headerText}</span>`);
-      rowHeaders[i].remove();
-    }
-    let ctaButtons = this.el.querySelectorAll('[slot^="cta-button"]');
-    this.showCtaButtonsRow = (ctaButtons.length !== 0);
-    for (let i = 0; i < this.dataCols; i++) {
-      this.ctaButtons.push({
-        linkHref: ctaButtons[i].getAttribute('href'),
-        linkText: ctaButtons[i].innerHTML,
-        linkTarget: ctaButtons[i].getAttribute('target')
-      });
-      ctaButtons[i].remove();
-    }
-    let disclaimers = this.el.querySelectorAll('[slot^="disclaimer"]');
-    for (let i = 0; i < this.disclaimerCount; i++) {
-      this.disclaimers.push(disclaimers[i].innerHTML);
-    }
+    this.preProcessTableDescription();
+    this.preProcessdesktopHeaderFirstCell();
+    this.preProcessColumnHeaders();
+    this.preProcessHeaderLinks();
+    this.preProcessRowHeaders();
+    this.preProcessCtaButtons();
+    this.preProcessDisclaimers();
   }
   componentDidLoad() {
     this.handleTableReset();
@@ -277,7 +321,7 @@ const PtcPricingPackagingTable = class {
       return index.h("div", { id: "table-header", class: this.headerType, onScroll: () => this.handleHorizontalScroll() }, index.h("div", { class: `desktop-header-first-cell` }, (this.isDesktopView) ?
         index.h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "left", "para-color": "white", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, index.h("slot", { name: "desktop-header-first-cell" }))
         : null, index.h("div", { class: "scroll-button", id: "previous-scroll-button" }, index.h("div", { onClick: () => this.handleBackwardScroll() }, index.h("icon-asset", { type: "solid", size: "medium", name: "chevron-left", color: "primary-gray" }), index.h("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, "More"))), index.h("div", { class: "scroll-button", id: "next-scroll-button" }, index.h("div", { onClick: () => this.handleForwardScroll() }, index.h("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, "More"), index.h("icon-asset", { type: "solid", size: "medium", name: "chevron-right", color: "primary-gray" })))), ([...Array(this.dataCols).keys()]).map(col => {
-        return index.h("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, index.h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, index.h("slot", { name: `column-header-${col + 1}` })), (this.columnHeaderLinks.length === this.dataCols) ? index.h(index.Fragment, null, index.h("ptc-spacer", { breakpoint: 'small', size: "small" }), index.h("ptc-spacer", { breakpoint: 'x-small', size: "medium" }), index.h("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}" }, this.isDesktopView ?
+        return index.h("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, index.h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, index.h("slot", { name: `column-header-${col + 1}` })), ((this.columnHeaderLinks.length === this.dataCols) && (this.columnHeaderLinks[col])) ? index.h(index.Fragment, null, index.h("ptc-spacer", { breakpoint: 'small', size: "small" }), index.h("ptc-spacer", { breakpoint: 'x-small', size: "medium" }), index.h("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}" }, this.isDesktopView ?
           index.h("ptc-tooltip", { class: (col === (this.dataCols - 1)) ? "last-column-tooltip" : "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.columnHeaderLinks[col].linkText, position: "top" })
           : this.columnHeaderLinks[col].linkText)) : null);
       }), index.h("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` }));
@@ -286,15 +330,15 @@ const PtcPricingPackagingTable = class {
       return index.h("div", { id: "table-header-placeholder", class: this.headerType }, index.h("div", { class: `desktop-header-first-cell` }, (this.isDesktopView) ?
         index.h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "left", "para-color": "white", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, index.h("slot", { name: "placeholder-desktop-header-first-cell" }))
         : null), ([...Array(this.dataCols).keys()]).map(col => {
-        return index.h("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, index.h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, index.h("slot", { name: `placeholder-column-header-${col + 1}` })), (this.columnHeaderLinks.length === this.dataCols) ? index.h(index.Fragment, null, index.h("ptc-spacer", { breakpoint: 'small', size: "small" }), index.h("ptc-spacer", { breakpoint: 'x-small', size: "medium" }), index.h("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}" }, this.isDesktopView ?
+        return index.h("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, index.h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, index.h("slot", { name: `placeholder-column-header-${col + 1}` })), ((this.columnHeaderLinks.length === this.dataCols) && (this.columnHeaderLinks[col])) ? index.h(index.Fragment, null, index.h("ptc-spacer", { breakpoint: 'small', size: "small" }), index.h("ptc-spacer", { breakpoint: 'x-small', size: "medium" }), index.h("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}" }, this.isDesktopView ?
           index.h("ptc-tooltip", { class: (col === (this.dataCols - 1)) ? "last-column-tooltip" : "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.columnHeaderLinks[col].linkText, position: "top" })
           : this.columnHeaderLinks[col].linkText)) : null);
       }), index.h("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` }));
     };
     const TableDataRows = () => {
       return ([...Array(this.dataRows).keys()]).map(row => {
-        return index.h(index.Fragment, null, index.h("div", { class: "mobile-sticky-row-header" }, index.h("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, index.h("slot", { name: `mobile-row-header-${row + 1}` }))), index.h("div", { class: `table-row ${(this.isDesktopView && (row % 2 != 0)) ? "desktop-alternate-row" : ""}` }, (this.isDesktopView) ?
-          index.h("div", { class: `desktop-sticky-row-header ${(this.isDesktopView && (row % 2 != 0)) ? "desktop-alternate-row" : ""}` }, index.h("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, index.h("slot", { name: `desktop-row-header-${row + 1}` }))) : null, ([...Array(this.dataCols).keys()]).map(col => {
+        return index.h(index.Fragment, null, index.h("div", { class: "mobile-sticky-row-header" }, index.h("slot", { name: `mobile-row-header-${row + 1}` })), index.h("div", { class: `table-row ${(this.isDesktopView && (row % 2 != 0)) ? "desktop-alternate-row" : ""}` }, (this.isDesktopView) ?
+          index.h("div", { class: `desktop-sticky-row-header ${(this.isDesktopView && (row % 2 != 0)) ? "desktop-alternate-row" : ""}` }, index.h("slot", { name: `desktop-row-header-${row + 1}` })) : null, ([...Array(this.dataCols).keys()]).map(col => {
           return index.h("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, index.h("slot", { name: `cell-r${row + 1}-c${col + 1}` }));
         }), index.h("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` })));
       });
@@ -304,9 +348,10 @@ const PtcPricingPackagingTable = class {
         index.h("div", { class: "table-cta-row" }, (this.isDesktopView) ?
           index.h("div", { class: "desktop-sticky-row-header" })
           : null, ([...Array(this.dataCols).keys()]).map(col => {
-          return index.h("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, index.h("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": this.ctaButtons[col].linkHref, target: `${this.ctaButtons[col].linkTarget}` }, this.isDesktopView ?
-            index.h("ptc-tooltip", { class: (col === (this.dataCols - 1)) ? "last-column-tooltip" : "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.ctaButtons[col].linkText, position: "top" })
-            : this.ctaButtons[col].linkText));
+          return index.h("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, (this.ctaButtons[col]) ?
+            index.h("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": this.ctaButtons[col].linkHref, target: `${this.ctaButtons[col].linkTarget}` }, this.isDesktopView ?
+              index.h("ptc-tooltip", { class: (col === (this.dataCols - 1)) ? "last-column-tooltip" : "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.ctaButtons[col].linkText, position: "top" })
+              : this.ctaButtons[col].linkText) : null);
         }), index.h("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` })) : null;
     };
     const TableDisclaimers = () => {

package/dist/collection/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.js

@@ -174,6 +174,87 @@ export class PtcPricingPackagingTable {
       this.handleScrollButtonsVisibility();
       this.handleFillEmptySpace();
     };
+    this.preProcessTableDescription = () => {
+      let tableDescription = this.el.querySelector('[slot="table-description"]');
+      if (tableDescription) {
+        this.tableDescription = tableDescription;
+      }
+    };
+    this.preProcessdesktopHeaderFirstCell = () => {
+      let desktopHeaderFirstCellSlot = this.el.querySelector('[slot="desktop-header-first-cell"]');
+      let desktopHeaderFirstCellText = desktopHeaderFirstCellSlot.innerHTML;
+      this.el.insertAdjacentHTML('afterbegin', `<span slot="placeholder-desktop-header-first-cell">${desktopHeaderFirstCellText}</span>`);
+    };
+    this.preProcessColumnHeaders = () => {
+      let columnHeaders = this.el.querySelectorAll('[slot^="column-header"]');
+      for (let i = 0; i < this.dataCols; i++) {
+        let slotValue = columnHeaders[i].getAttribute('slot');
+        let headerText = columnHeaders[i].innerHTML;
+        this.el.insertAdjacentHTML('afterbegin', `<span slot="placeholder-${slotValue}">${headerText}</span>`);
+      }
+    };
+    this.preProcessHeaderLinks = () => {
+      let headerLink;
+      for (let i = 0; i < this.dataCols; i++) {
+        headerLink = this.el.querySelector(`[slot^="header-link-${i + 1}"]`);
+        if (headerLink) {
+          let linkHref = headerLink.getAttribute('href');
+          let linkText = headerLink.innerHTML;
+          let linkTarget = headerLink.getAttribute('target');
+          this.columnHeaderLinks.push({ linkHref, linkText, linkTarget });
+          headerLink.remove();
+        }
+        else {
+          this.columnHeaderLinks.push(null);
+        }
+      }
+    };
+    this.preProcessRowHeaders = () => {
+      let rowHeader;
+      for (let i = 0; i < this.dataRows; i++) {
+        rowHeader = this.el.querySelector(`[slot^="row-header-${i + 1}"]`);
+        let tableRowHeaderP = rowHeader.querySelectorAll('.table-row-header-p');
+        for (let i = 0; i < tableRowHeaderP.length; i++) {
+          let ptcPara = document.createElement('ptc-para');
+          ptcPara.setAttribute("font-size", "small");
+          ptcPara.setAttribute("font-weight", "w-6");
+          ptcPara.setAttribute("para-align", "left");
+          ptcPara.setAttribute("para-color", "primary-grey");
+          ptcPara.setAttribute("para-line-h", "line-height-p");
+          ptcPara.setAttribute("para-margin", "margin-flush");
+          ptcPara.innerHTML = tableRowHeaderP[i].innerHTML;
+          tableRowHeaderP[i].replaceWith(ptcPara);
+        }
+        let slotValue = rowHeader.getAttribute('slot');
+        let headerContent = rowHeader.innerHTML;
+        this.el.insertAdjacentHTML('afterbegin', `<div slot="desktop-${slotValue}">${headerContent}</div><div slot="mobile-${slotValue}">${headerContent}</div>`);
+        rowHeader.remove();
+      }
+    };
+    this.preProcessCtaButtons = () => {
+      let ctaButton;
+      this.showCtaButtonsRow = false;
+      for (let i = 0; i < this.dataCols; i++) {
+        ctaButton = this.el.querySelector(`[slot^="cta-button-${i + 1}"]`);
+        if (ctaButton) {
+          let linkHref = ctaButton.getAttribute('href');
+          let linkText = ctaButton.innerHTML;
+          let linkTarget = ctaButton.getAttribute('target');
+          this.ctaButtons.push({ linkHref, linkText, linkTarget });
+          ctaButton.remove();
+          this.showCtaButtonsRow = true;
+        }
+        else {
+          this.ctaButtons.push(null);
+        }
+      }
+    };
+    this.preProcessDisclaimers = () => {
+      let disclaimers = this.el.querySelectorAll('[slot^="disclaimer"]');
+      for (let i = 0; i < this.disclaimerCount; i++) {
+        this.disclaimers.push(disclaimers[i].innerHTML);
+      }
+    };
     this.pageWithSubnav = false;
     this.tableTitle = undefined;
     this.tableSubTitle = "";
@@ -199,50 +280,13 @@ export class PtcPricingPackagingTable {
     this.tableDescription = undefined;
   }
   componentWillLoad() {
-    let tableDescription = this.el.querySelector('[slot="table-description"]');
-    if (tableDescription) {
-      this.tableDescription = tableDescription;
-    }
-    let desktopHeaderFirstCellSlot = this.el.querySelector('[slot="desktop-header-first-cell"]');
-    let desktopHeaderFirstCellText = desktopHeaderFirstCellSlot.innerHTML;
-    this.el.insertAdjacentHTML('afterbegin', `<span slot="placeholder-desktop-header-first-cell">${desktopHeaderFirstCellText}</span>`);
-    let columnHeaders = this.el.querySelectorAll('[slot^="column-header"]');
-    for (let i = 0; i < this.dataCols; i++) {
-      let slotValue = columnHeaders[i].getAttribute('slot');
-      let headerText = columnHeaders[i].innerHTML;
-      this.el.insertAdjacentHTML('afterbegin', `<span slot="placeholder-${slotValue}">${headerText}</span>`);
-    }
-    let headerLinks = this.el.querySelectorAll('[slot^="header-link"]');
-    if (headerLinks.length > 0) {
-      for (let i = 0; i < this.dataCols; i++) {
-        let linkHref = headerLinks[i].getAttribute('href');
-        let linkText = headerLinks[i].innerHTML;
-        let linkTarget = headerLinks[i].getAttribute('target');
-        this.columnHeaderLinks.push({ linkHref, linkText, linkTarget });
-        headerLinks[i].remove();
-      }
-    }
-    let rowHeaders = this.el.querySelectorAll('[slot^="row-header"]');
-    for (let i = 0; i < this.dataRows; i++) {
-      let slotValue = rowHeaders[i].getAttribute('slot');
-      let headerText = rowHeaders[i].innerHTML;
-      this.el.insertAdjacentHTML('afterbegin', `<span slot="desktop-${slotValue}">${headerText}</span><span slot="mobile-${slotValue}">${headerText}</span>`);
-      rowHeaders[i].remove();
-    }
-    let ctaButtons = this.el.querySelectorAll('[slot^="cta-button"]');
-    this.showCtaButtonsRow = (ctaButtons.length !== 0);
-    for (let i = 0; i < this.dataCols; i++) {
-      this.ctaButtons.push({
-        linkHref: ctaButtons[i].getAttribute('href'),
-        linkText: ctaButtons[i].innerHTML,
-        linkTarget: ctaButtons[i].getAttribute('target')
-      });
-      ctaButtons[i].remove();
-    }
-    let disclaimers = this.el.querySelectorAll('[slot^="disclaimer"]');
-    for (let i = 0; i < this.disclaimerCount; i++) {
-      this.disclaimers.push(disclaimers[i].innerHTML);
-    }
+    this.preProcessTableDescription();
+    this.preProcessdesktopHeaderFirstCell();
+    this.preProcessColumnHeaders();
+    this.preProcessHeaderLinks();
+    this.preProcessRowHeaders();
+    this.preProcessCtaButtons();
+    this.preProcessDisclaimers();
   }
   componentDidLoad() {
     this.handleTableReset();
@@ -269,7 +313,7 @@ export class PtcPricingPackagingTable {
       return h("div", { id: "table-header", class: this.headerType, onScroll: () => this.handleHorizontalScroll() }, h("div", { class: `desktop-header-first-cell` }, (this.isDesktopView) ?
         h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "left", "para-color": "white", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("slot", { name: "desktop-header-first-cell" }))
         : null, h("div", { class: "scroll-button", id: "previous-scroll-button" }, h("div", { onClick: () => this.handleBackwardScroll() }, h("icon-asset", { type: "solid", size: "medium", name: "chevron-left", color: "primary-gray" }), h("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, "More"))), h("div", { class: "scroll-button", id: "next-scroll-button" }, h("div", { onClick: () => this.handleForwardScroll() }, h("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, "More"), h("icon-asset", { type: "solid", size: "medium", name: "chevron-right", color: "primary-gray" })))), ([...Array(this.dataCols).keys()]).map(col => {
-        return h("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, h("slot", { name: `column-header-${col + 1}` })), (this.columnHeaderLinks.length === this.dataCols) ? h(Fragment, null, h("ptc-spacer", { breakpoint: 'small', size: "small" }), h("ptc-spacer", { breakpoint: 'x-small', size: "medium" }), h("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}" }, this.isDesktopView ?
+        return h("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, h("slot", { name: `column-header-${col + 1}` })), ((this.columnHeaderLinks.length === this.dataCols) && (this.columnHeaderLinks[col])) ? h(Fragment, null, h("ptc-spacer", { breakpoint: 'small', size: "small" }), h("ptc-spacer", { breakpoint: 'x-small', size: "medium" }), h("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}" }, this.isDesktopView ?
           h("ptc-tooltip", { class: (col === (this.dataCols - 1)) ? "last-column-tooltip" : "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.columnHeaderLinks[col].linkText, position: "top" })
           : this.columnHeaderLinks[col].linkText)) : null);
       }), h("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` }));
@@ -278,15 +322,15 @@ export class PtcPricingPackagingTable {
       return h("div", { id: "table-header-placeholder", class: this.headerType }, h("div", { class: `desktop-header-first-cell` }, (this.isDesktopView) ?
         h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "left", "para-color": "white", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("slot", { name: "placeholder-desktop-header-first-cell" }))
         : null), ([...Array(this.dataCols).keys()]).map(col => {
-        return h("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, h("slot", { name: `placeholder-column-header-${col + 1}` })), (this.columnHeaderLinks.length === this.dataCols) ? h(Fragment, null, h("ptc-spacer", { breakpoint: 'small', size: "small" }), h("ptc-spacer", { breakpoint: 'x-small', size: "medium" }), h("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}" }, this.isDesktopView ?
+        return h("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, h("slot", { name: `placeholder-column-header-${col + 1}` })), ((this.columnHeaderLinks.length === this.dataCols) && (this.columnHeaderLinks[col])) ? h(Fragment, null, h("ptc-spacer", { breakpoint: 'small', size: "small" }), h("ptc-spacer", { breakpoint: 'x-small', size: "medium" }), h("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}" }, this.isDesktopView ?
           h("ptc-tooltip", { class: (col === (this.dataCols - 1)) ? "last-column-tooltip" : "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.columnHeaderLinks[col].linkText, position: "top" })
           : this.columnHeaderLinks[col].linkText)) : null);
       }), h("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` }));
     };
     const TableDataRows = () => {
       return ([...Array(this.dataRows).keys()]).map(row => {
-        return h(Fragment, null, h("div", { class: "mobile-sticky-row-header" }, h("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("slot", { name: `mobile-row-header-${row + 1}` }))), h("div", { class: `table-row ${(this.isDesktopView && (row % 2 != 0)) ? "desktop-alternate-row" : ""}` }, (this.isDesktopView) ?
-          h("div", { class: `desktop-sticky-row-header ${(this.isDesktopView && (row % 2 != 0)) ? "desktop-alternate-row" : ""}` }, h("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("slot", { name: `desktop-row-header-${row + 1}` }))) : null, ([...Array(this.dataCols).keys()]).map(col => {
+        return h(Fragment, null, h("div", { class: "mobile-sticky-row-header" }, h("slot", { name: `mobile-row-header-${row + 1}` })), h("div", { class: `table-row ${(this.isDesktopView && (row % 2 != 0)) ? "desktop-alternate-row" : ""}` }, (this.isDesktopView) ?
+          h("div", { class: `desktop-sticky-row-header ${(this.isDesktopView && (row % 2 != 0)) ? "desktop-alternate-row" : ""}` }, h("slot", { name: `desktop-row-header-${row + 1}` })) : null, ([...Array(this.dataCols).keys()]).map(col => {
           return h("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, h("slot", { name: `cell-r${row + 1}-c${col + 1}` }));
         }), h("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` })));
       });
@@ -296,9 +340,10 @@ export class PtcPricingPackagingTable {
         h("div", { class: "table-cta-row" }, (this.isDesktopView) ?
           h("div", { class: "desktop-sticky-row-header" })
           : null, ([...Array(this.dataCols).keys()]).map(col => {
-          return h("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, h("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": this.ctaButtons[col].linkHref, target: `${this.ctaButtons[col].linkTarget}` }, this.isDesktopView ?
-            h("ptc-tooltip", { class: (col === (this.dataCols - 1)) ? "last-column-tooltip" : "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.ctaButtons[col].linkText, position: "top" })
-            : this.ctaButtons[col].linkText));
+          return h("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, (this.ctaButtons[col]) ?
+            h("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": this.ctaButtons[col].linkHref, target: `${this.ctaButtons[col].linkTarget}` }, this.isDesktopView ?
+              h("ptc-tooltip", { class: (col === (this.dataCols - 1)) ? "last-column-tooltip" : "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.ctaButtons[col].linkText, position: "top" })
+              : this.ctaButtons[col].linkText) : null);
         }), h("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` })) : null;
     };
     const TableDisclaimers = () => {

package/dist/custom-elements/index.js

@@ -13588,6 +13588,87 @@ const PtcPricingPackagingTable$1 = class extends HTMLElement$1 {
       this.handleScrollButtonsVisibility();
       this.handleFillEmptySpace();
     };
+    this.preProcessTableDescription = () => {
+      let tableDescription = this.el.querySelector('[slot="table-description"]');
+      if (tableDescription) {
+        this.tableDescription = tableDescription;
+      }
+    };
+    this.preProcessdesktopHeaderFirstCell = () => {
+      let desktopHeaderFirstCellSlot = this.el.querySelector('[slot="desktop-header-first-cell"]');
+      let desktopHeaderFirstCellText = desktopHeaderFirstCellSlot.innerHTML;
+      this.el.insertAdjacentHTML('afterbegin', `<span slot="placeholder-desktop-header-first-cell">${desktopHeaderFirstCellText}</span>`);
+    };
+    this.preProcessColumnHeaders = () => {
+      let columnHeaders = this.el.querySelectorAll('[slot^="column-header"]');
+      for (let i = 0; i < this.dataCols; i++) {
+        let slotValue = columnHeaders[i].getAttribute('slot');
+        let headerText = columnHeaders[i].innerHTML;
+        this.el.insertAdjacentHTML('afterbegin', `<span slot="placeholder-${slotValue}">${headerText}</span>`);
+      }
+    };
+    this.preProcessHeaderLinks = () => {
+      let headerLink;
+      for (let i = 0; i < this.dataCols; i++) {
+        headerLink = this.el.querySelector(`[slot^="header-link-${i + 1}"]`);
+        if (headerLink) {
+          let linkHref = headerLink.getAttribute('href');
+          let linkText = headerLink.innerHTML;
+          let linkTarget = headerLink.getAttribute('target');
+          this.columnHeaderLinks.push({ linkHref, linkText, linkTarget });
+          headerLink.remove();
+        }
+        else {
+          this.columnHeaderLinks.push(null);
+        }
+      }
+    };
+    this.preProcessRowHeaders = () => {
+      let rowHeader;
+      for (let i = 0; i < this.dataRows; i++) {
+        rowHeader = this.el.querySelector(`[slot^="row-header-${i + 1}"]`);
+        let tableRowHeaderP = rowHeader.querySelectorAll('.table-row-header-p');
+        for (let i = 0; i < tableRowHeaderP.length; i++) {
+          let ptcPara = document.createElement('ptc-para');
+          ptcPara.setAttribute("font-size", "small");
+          ptcPara.setAttribute("font-weight", "w-6");
+          ptcPara.setAttribute("para-align", "left");
+          ptcPara.setAttribute("para-color", "primary-grey");
+          ptcPara.setAttribute("para-line-h", "line-height-p");
+          ptcPara.setAttribute("para-margin", "margin-flush");
+          ptcPara.innerHTML = tableRowHeaderP[i].innerHTML;
+          tableRowHeaderP[i].replaceWith(ptcPara);
+        }
+        let slotValue = rowHeader.getAttribute('slot');
+        let headerContent = rowHeader.innerHTML;
+        this.el.insertAdjacentHTML('afterbegin', `<div slot="desktop-${slotValue}">${headerContent}</div><div slot="mobile-${slotValue}">${headerContent}</div>`);
+        rowHeader.remove();
+      }
+    };
+    this.preProcessCtaButtons = () => {
+      let ctaButton;
+      this.showCtaButtonsRow = false;
+      for (let i = 0; i < this.dataCols; i++) {
+        ctaButton = this.el.querySelector(`[slot^="cta-button-${i + 1}"]`);
+        if (ctaButton) {
+          let linkHref = ctaButton.getAttribute('href');
+          let linkText = ctaButton.innerHTML;
+          let linkTarget = ctaButton.getAttribute('target');
+          this.ctaButtons.push({ linkHref, linkText, linkTarget });
+          ctaButton.remove();
+          this.showCtaButtonsRow = true;
+        }
+        else {
+          this.ctaButtons.push(null);
+        }
+      }
+    };
+    this.preProcessDisclaimers = () => {
+      let disclaimers = this.el.querySelectorAll('[slot^="disclaimer"]');
+      for (let i = 0; i < this.disclaimerCount; i++) {
+        this.disclaimers.push(disclaimers[i].innerHTML);
+      }
+    };
     this.pageWithSubnav = false;
     this.tableTitle = undefined;
     this.tableSubTitle = "";
@@ -13613,50 +13694,13 @@ const PtcPricingPackagingTable$1 = class extends HTMLElement$1 {
     this.tableDescription = undefined;
   }
   componentWillLoad() {
-    let tableDescription = this.el.querySelector('[slot="table-description"]');
-    if (tableDescription) {
-      this.tableDescription = tableDescription;
-    }
-    let desktopHeaderFirstCellSlot = this.el.querySelector('[slot="desktop-header-first-cell"]');
-    let desktopHeaderFirstCellText = desktopHeaderFirstCellSlot.innerHTML;
-    this.el.insertAdjacentHTML('afterbegin', `<span slot="placeholder-desktop-header-first-cell">${desktopHeaderFirstCellText}</span>`);
-    let columnHeaders = this.el.querySelectorAll('[slot^="column-header"]');
-    for (let i = 0; i < this.dataCols; i++) {
-      let slotValue = columnHeaders[i].getAttribute('slot');
-      let headerText = columnHeaders[i].innerHTML;
-      this.el.insertAdjacentHTML('afterbegin', `<span slot="placeholder-${slotValue}">${headerText}</span>`);
-    }
-    let headerLinks = this.el.querySelectorAll('[slot^="header-link"]');
-    if (headerLinks.length > 0) {
-      for (let i = 0; i < this.dataCols; i++) {
-        let linkHref = headerLinks[i].getAttribute('href');
-        let linkText = headerLinks[i].innerHTML;
-        let linkTarget = headerLinks[i].getAttribute('target');
-        this.columnHeaderLinks.push({ linkHref, linkText, linkTarget });
-        headerLinks[i].remove();
-      }
-    }
-    let rowHeaders = this.el.querySelectorAll('[slot^="row-header"]');
-    for (let i = 0; i < this.dataRows; i++) {
-      let slotValue = rowHeaders[i].getAttribute('slot');
-      let headerText = rowHeaders[i].innerHTML;
-      this.el.insertAdjacentHTML('afterbegin', `<span slot="desktop-${slotValue}">${headerText}</span><span slot="mobile-${slotValue}">${headerText}</span>`);
-      rowHeaders[i].remove();
-    }
-    let ctaButtons = this.el.querySelectorAll('[slot^="cta-button"]');
-    this.showCtaButtonsRow = (ctaButtons.length !== 0);
-    for (let i = 0; i < this.dataCols; i++) {
-      this.ctaButtons.push({
-        linkHref: ctaButtons[i].getAttribute('href'),
-        linkText: ctaButtons[i].innerHTML,
-        linkTarget: ctaButtons[i].getAttribute('target')
-      });
-      ctaButtons[i].remove();
-    }
-    let disclaimers = this.el.querySelectorAll('[slot^="disclaimer"]');
-    for (let i = 0; i < this.disclaimerCount; i++) {
-      this.disclaimers.push(disclaimers[i].innerHTML);
-    }
+    this.preProcessTableDescription();
+    this.preProcessdesktopHeaderFirstCell();
+    this.preProcessColumnHeaders();
+    this.preProcessHeaderLinks();
+    this.preProcessRowHeaders();
+    this.preProcessCtaButtons();
+    this.preProcessDisclaimers();
   }
   componentDidLoad() {
     this.handleTableReset();
@@ -13683,7 +13727,7 @@ const PtcPricingPackagingTable$1 = class extends HTMLElement$1 {
       return h$1("div", { id: "table-header", class: this.headerType, onScroll: () => this.handleHorizontalScroll() }, h$1("div", { class: `desktop-header-first-cell` }, (this.isDesktopView) ?
         h$1("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "left", "para-color": "white", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h$1("slot", { name: "desktop-header-first-cell" }))
         : null, h$1("div", { class: "scroll-button", id: "previous-scroll-button" }, h$1("div", { onClick: () => this.handleBackwardScroll() }, h$1("icon-asset", { type: "solid", size: "medium", name: "chevron-left", color: "primary-gray" }), h$1("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, "More"))), h$1("div", { class: "scroll-button", id: "next-scroll-button" }, h$1("div", { onClick: () => this.handleForwardScroll() }, h$1("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, "More"), h$1("icon-asset", { type: "solid", size: "medium", name: "chevron-right", color: "primary-gray" })))), ([...Array(this.dataCols).keys()]).map(col => {
-        return h$1("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, h$1("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, h$1("slot", { name: `column-header-${col + 1}` })), (this.columnHeaderLinks.length === this.dataCols) ? h$1(Fragment, null, h$1("ptc-spacer", { breakpoint: 'small', size: "small" }), h$1("ptc-spacer", { breakpoint: 'x-small', size: "medium" }), h$1("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}" }, this.isDesktopView ?
+        return h$1("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, h$1("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, h$1("slot", { name: `column-header-${col + 1}` })), ((this.columnHeaderLinks.length === this.dataCols) && (this.columnHeaderLinks[col])) ? h$1(Fragment, null, h$1("ptc-spacer", { breakpoint: 'small', size: "small" }), h$1("ptc-spacer", { breakpoint: 'x-small', size: "medium" }), h$1("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}" }, this.isDesktopView ?
           h$1("ptc-tooltip", { class: (col === (this.dataCols - 1)) ? "last-column-tooltip" : "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.columnHeaderLinks[col].linkText, position: "top" })
           : this.columnHeaderLinks[col].linkText)) : null);
       }), h$1("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` }));
@@ -13692,15 +13736,15 @@ const PtcPricingPackagingTable$1 = class extends HTMLElement$1 {
       return h$1("div", { id: "table-header-placeholder", class: this.headerType }, h$1("div", { class: `desktop-header-first-cell` }, (this.isDesktopView) ?
         h$1("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "left", "para-color": "white", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h$1("slot", { name: "placeholder-desktop-header-first-cell" }))
         : null), ([...Array(this.dataCols).keys()]).map(col => {
-        return h$1("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, h$1("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, h$1("slot", { name: `placeholder-column-header-${col + 1}` })), (this.columnHeaderLinks.length === this.dataCols) ? h$1(Fragment, null, h$1("ptc-spacer", { breakpoint: 'small', size: "small" }), h$1("ptc-spacer", { breakpoint: 'x-small', size: "medium" }), h$1("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}" }, this.isDesktopView ?
+        return h$1("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, h$1("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, h$1("slot", { name: `placeholder-column-header-${col + 1}` })), ((this.columnHeaderLinks.length === this.dataCols) && (this.columnHeaderLinks[col])) ? h$1(Fragment, null, h$1("ptc-spacer", { breakpoint: 'small', size: "small" }), h$1("ptc-spacer", { breakpoint: 'x-small', size: "medium" }), h$1("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}" }, this.isDesktopView ?
           h$1("ptc-tooltip", { class: (col === (this.dataCols - 1)) ? "last-column-tooltip" : "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.columnHeaderLinks[col].linkText, position: "top" })
           : this.columnHeaderLinks[col].linkText)) : null);
       }), h$1("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` }));
     };
     const TableDataRows = () => {
       return ([...Array(this.dataRows).keys()]).map(row => {
-        return h$1(Fragment, null, h$1("div", { class: "mobile-sticky-row-header" }, h$1("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h$1("slot", { name: `mobile-row-header-${row + 1}` }))), h$1("div", { class: `table-row ${(this.isDesktopView && (row % 2 != 0)) ? "desktop-alternate-row" : ""}` }, (this.isDesktopView) ?
-          h$1("div", { class: `desktop-sticky-row-header ${(this.isDesktopView && (row % 2 != 0)) ? "desktop-alternate-row" : ""}` }, h$1("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h$1("slot", { name: `desktop-row-header-${row + 1}` }))) : null, ([...Array(this.dataCols).keys()]).map(col => {
+        return h$1(Fragment, null, h$1("div", { class: "mobile-sticky-row-header" }, h$1("slot", { name: `mobile-row-header-${row + 1}` })), h$1("div", { class: `table-row ${(this.isDesktopView && (row % 2 != 0)) ? "desktop-alternate-row" : ""}` }, (this.isDesktopView) ?
+          h$1("div", { class: `desktop-sticky-row-header ${(this.isDesktopView && (row % 2 != 0)) ? "desktop-alternate-row" : ""}` }, h$1("slot", { name: `desktop-row-header-${row + 1}` })) : null, ([...Array(this.dataCols).keys()]).map(col => {
           return h$1("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, h$1("slot", { name: `cell-r${row + 1}-c${col + 1}` }));
         }), h$1("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` })));
       });
@@ -13710,9 +13754,10 @@ const PtcPricingPackagingTable$1 = class extends HTMLElement$1 {
         h$1("div", { class: "table-cta-row" }, (this.isDesktopView) ?
           h$1("div", { class: "desktop-sticky-row-header" })
           : null, ([...Array(this.dataCols).keys()]).map(col => {
-          return h$1("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, h$1("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": this.ctaButtons[col].linkHref, target: `${this.ctaButtons[col].linkTarget}` }, this.isDesktopView ?
-            h$1("ptc-tooltip", { class: (col === (this.dataCols - 1)) ? "last-column-tooltip" : "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.ctaButtons[col].linkText, position: "top" })
-            : this.ctaButtons[col].linkText));
+          return h$1("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, (this.ctaButtons[col]) ?
+            h$1("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": this.ctaButtons[col].linkHref, target: `${this.ctaButtons[col].linkTarget}` }, this.isDesktopView ?
+              h$1("ptc-tooltip", { class: (col === (this.dataCols - 1)) ? "last-column-tooltip" : "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.ctaButtons[col].linkText, position: "top" })
+              : this.ctaButtons[col].linkText) : null);
         }), h$1("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` })) : null;
     };
     const TableDisclaimers = () => {

package/dist/esm/ptc-pricing-packaging-table.entry.js

@@ -178,6 +178,87 @@ const PtcPricingPackagingTable = class {
       this.handleScrollButtonsVisibility();
       this.handleFillEmptySpace();
     };
+    this.preProcessTableDescription = () => {
+      let tableDescription = this.el.querySelector('[slot="table-description"]');
+      if (tableDescription) {
+        this.tableDescription = tableDescription;
+      }
+    };
+    this.preProcessdesktopHeaderFirstCell = () => {
+      let desktopHeaderFirstCellSlot = this.el.querySelector('[slot="desktop-header-first-cell"]');
+      let desktopHeaderFirstCellText = desktopHeaderFirstCellSlot.innerHTML;
+      this.el.insertAdjacentHTML('afterbegin', `<span slot="placeholder-desktop-header-first-cell">${desktopHeaderFirstCellText}</span>`);
+    };
+    this.preProcessColumnHeaders = () => {
+      let columnHeaders = this.el.querySelectorAll('[slot^="column-header"]');
+      for (let i = 0; i < this.dataCols; i++) {
+        let slotValue = columnHeaders[i].getAttribute('slot');
+        let headerText = columnHeaders[i].innerHTML;
+        this.el.insertAdjacentHTML('afterbegin', `<span slot="placeholder-${slotValue}">${headerText}</span>`);
+      }
+    };
+    this.preProcessHeaderLinks = () => {
+      let headerLink;
+      for (let i = 0; i < this.dataCols; i++) {
+        headerLink = this.el.querySelector(`[slot^="header-link-${i + 1}"]`);
+        if (headerLink) {
+          let linkHref = headerLink.getAttribute('href');
+          let linkText = headerLink.innerHTML;
+          let linkTarget = headerLink.getAttribute('target');
+          this.columnHeaderLinks.push({ linkHref, linkText, linkTarget });
+          headerLink.remove();
+        }
+        else {
+          this.columnHeaderLinks.push(null);
+        }
+      }
+    };
+    this.preProcessRowHeaders = () => {
+      let rowHeader;
+      for (let i = 0; i < this.dataRows; i++) {
+        rowHeader = this.el.querySelector(`[slot^="row-header-${i + 1}"]`);
+        let tableRowHeaderP = rowHeader.querySelectorAll('.table-row-header-p');
+        for (let i = 0; i < tableRowHeaderP.length; i++) {
+          let ptcPara = document.createElement('ptc-para');
+          ptcPara.setAttribute("font-size", "small");
+          ptcPara.setAttribute("font-weight", "w-6");
+          ptcPara.setAttribute("para-align", "left");
+          ptcPara.setAttribute("para-color", "primary-grey");
+          ptcPara.setAttribute("para-line-h", "line-height-p");
+          ptcPara.setAttribute("para-margin", "margin-flush");
+          ptcPara.innerHTML = tableRowHeaderP[i].innerHTML;
+          tableRowHeaderP[i].replaceWith(ptcPara);
+        }
+        let slotValue = rowHeader.getAttribute('slot');
+        let headerContent = rowHeader.innerHTML;
+        this.el.insertAdjacentHTML('afterbegin', `<div slot="desktop-${slotValue}">${headerContent}</div><div slot="mobile-${slotValue}">${headerContent}</div>`);
+        rowHeader.remove();
+      }
+    };
+    this.preProcessCtaButtons = () => {
+      let ctaButton;
+      this.showCtaButtonsRow = false;
+      for (let i = 0; i < this.dataCols; i++) {
+        ctaButton = this.el.querySelector(`[slot^="cta-button-${i + 1}"]`);
+        if (ctaButton) {
+          let linkHref = ctaButton.getAttribute('href');
+          let linkText = ctaButton.innerHTML;
+          let linkTarget = ctaButton.getAttribute('target');
+          this.ctaButtons.push({ linkHref, linkText, linkTarget });
+          ctaButton.remove();
+          this.showCtaButtonsRow = true;
+        }
+        else {
+          this.ctaButtons.push(null);
+        }
+      }
+    };
+    this.preProcessDisclaimers = () => {
+      let disclaimers = this.el.querySelectorAll('[slot^="disclaimer"]');
+      for (let i = 0; i < this.disclaimerCount; i++) {
+        this.disclaimers.push(disclaimers[i].innerHTML);
+      }
+    };
     this.pageWithSubnav = false;
     this.tableTitle = undefined;
     this.tableSubTitle = "";
@@ -203,50 +284,13 @@ const PtcPricingPackagingTable = class {
     this.tableDescription = undefined;
   }
   componentWillLoad() {
-    let tableDescription = this.el.querySelector('[slot="table-description"]');
-    if (tableDescription) {
-      this.tableDescription = tableDescription;
-    }
-    let desktopHeaderFirstCellSlot = this.el.querySelector('[slot="desktop-header-first-cell"]');
-    let desktopHeaderFirstCellText = desktopHeaderFirstCellSlot.innerHTML;
-    this.el.insertAdjacentHTML('afterbegin', `<span slot="placeholder-desktop-header-first-cell">${desktopHeaderFirstCellText}</span>`);
-    let columnHeaders = this.el.querySelectorAll('[slot^="column-header"]');
-    for (let i = 0; i < this.dataCols; i++) {
-      let slotValue = columnHeaders[i].getAttribute('slot');
-      let headerText = columnHeaders[i].innerHTML;
-      this.el.insertAdjacentHTML('afterbegin', `<span slot="placeholder-${slotValue}">${headerText}</span>`);
-    }
-    let headerLinks = this.el.querySelectorAll('[slot^="header-link"]');
-    if (headerLinks.length > 0) {
-      for (let i = 0; i < this.dataCols; i++) {
-        let linkHref = headerLinks[i].getAttribute('href');
-        let linkText = headerLinks[i].innerHTML;
-        let linkTarget = headerLinks[i].getAttribute('target');
-        this.columnHeaderLinks.push({ linkHref, linkText, linkTarget });
-        headerLinks[i].remove();
-      }
-    }
-    let rowHeaders = this.el.querySelectorAll('[slot^="row-header"]');
-    for (let i = 0; i < this.dataRows; i++) {
-      let slotValue = rowHeaders[i].getAttribute('slot');
-      let headerText = rowHeaders[i].innerHTML;
-      this.el.insertAdjacentHTML('afterbegin', `<span slot="desktop-${slotValue}">${headerText}</span><span slot="mobile-${slotValue}">${headerText}</span>`);
-      rowHeaders[i].remove();
-    }
-    let ctaButtons = this.el.querySelectorAll('[slot^="cta-button"]');
-    this.showCtaButtonsRow = (ctaButtons.length !== 0);
-    for (let i = 0; i < this.dataCols; i++) {
-      this.ctaButtons.push({
-        linkHref: ctaButtons[i].getAttribute('href'),
-        linkText: ctaButtons[i].innerHTML,
-        linkTarget: ctaButtons[i].getAttribute('target')
-      });
-      ctaButtons[i].remove();
-    }
-    let disclaimers = this.el.querySelectorAll('[slot^="disclaimer"]');
-    for (let i = 0; i < this.disclaimerCount; i++) {
-      this.disclaimers.push(disclaimers[i].innerHTML);
-    }
+    this.preProcessTableDescription();
+    this.preProcessdesktopHeaderFirstCell();
+    this.preProcessColumnHeaders();
+    this.preProcessHeaderLinks();
+    this.preProcessRowHeaders();
+    this.preProcessCtaButtons();
+    this.preProcessDisclaimers();
   }
   componentDidLoad() {
     this.handleTableReset();
@@ -273,7 +317,7 @@ const PtcPricingPackagingTable = class {
       return h("div", { id: "table-header", class: this.headerType, onScroll: () => this.handleHorizontalScroll() }, h("div", { class: `desktop-header-first-cell` }, (this.isDesktopView) ?
         h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "left", "para-color": "white", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("slot", { name: "desktop-header-first-cell" }))
         : null, h("div", { class: "scroll-button", id: "previous-scroll-button" }, h("div", { onClick: () => this.handleBackwardScroll() }, h("icon-asset", { type: "solid", size: "medium", name: "chevron-left", color: "primary-gray" }), h("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, "More"))), h("div", { class: "scroll-button", id: "next-scroll-button" }, h("div", { onClick: () => this.handleForwardScroll() }, h("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "justify", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, "More"), h("icon-asset", { type: "solid", size: "medium", name: "chevron-right", color: "primary-gray" })))), ([...Array(this.dataCols).keys()]).map(col => {
-        return h("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, h("slot", { name: `column-header-${col + 1}` })), (this.columnHeaderLinks.length === this.dataCols) ? h(Fragment, null, h("ptc-spacer", { breakpoint: 'small', size: "small" }), h("ptc-spacer", { breakpoint: 'x-small', size: "medium" }), h("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}" }, this.isDesktopView ?
+        return h("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, h("slot", { name: `column-header-${col + 1}` })), ((this.columnHeaderLinks.length === this.dataCols) && (this.columnHeaderLinks[col])) ? h(Fragment, null, h("ptc-spacer", { breakpoint: 'small', size: "small" }), h("ptc-spacer", { breakpoint: 'x-small', size: "medium" }), h("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}" }, this.isDesktopView ?
           h("ptc-tooltip", { class: (col === (this.dataCols - 1)) ? "last-column-tooltip" : "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.columnHeaderLinks[col].linkText, position: "top" })
           : this.columnHeaderLinks[col].linkText)) : null);
       }), h("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` }));
@@ -282,15 +326,15 @@ const PtcPricingPackagingTable = class {
       return h("div", { id: "table-header-placeholder", class: this.headerType }, h("div", { class: `desktop-header-first-cell` }, (this.isDesktopView) ?
         h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "left", "para-color": "white", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("slot", { name: "placeholder-desktop-header-first-cell" }))
         : null), ([...Array(this.dataCols).keys()]).map(col => {
-        return h("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, h("slot", { name: `placeholder-column-header-${col + 1}` })), (this.columnHeaderLinks.length === this.dataCols) ? h(Fragment, null, h("ptc-spacer", { breakpoint: 'small', size: "small" }), h("ptc-spacer", { breakpoint: 'x-small', size: "medium" }), h("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}" }, this.isDesktopView ?
+        return h("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, h("ptc-para", { "font-size": "medium", "font-weight": "w-7", "para-align": "center", "para-color": "white", "para-line-h": "line-height-densest", "para-margin": "margin-flush", "para-z-index": "z-1" }, h("slot", { name: `placeholder-column-header-${col + 1}` })), ((this.columnHeaderLinks.length === this.dataCols) && (this.columnHeaderLinks[col])) ? h(Fragment, null, h("ptc-spacer", { breakpoint: 'small', size: "small" }), h("ptc-spacer", { breakpoint: 'x-small', size: "medium" }), h("ptc-link", { "font-size": "medium", "font-weight": "w-extrabold", href: `${this.columnHeaderLinks[col].linkHref}`, "link-area": "undefined", target: `${this.columnHeaderLinks[col].linkTarget}`, theme: "d-green-underline", styles: "a.ptc-link {line-height: var(--ptc-line-height-p);}" }, this.isDesktopView ?
           h("ptc-tooltip", { class: (col === (this.dataCols - 1)) ? "last-column-tooltip" : "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.columnHeaderLinks[col].linkText, position: "top" })
           : this.columnHeaderLinks[col].linkText)) : null);
       }), h("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` }));
     };
     const TableDataRows = () => {
       return ([...Array(this.dataRows).keys()]).map(row => {
-        return h(Fragment, null, h("div", { class: "mobile-sticky-row-header" }, h("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("slot", { name: `mobile-row-header-${row + 1}` }))), h("div", { class: `table-row ${(this.isDesktopView && (row % 2 != 0)) ? "desktop-alternate-row" : ""}` }, (this.isDesktopView) ?
-          h("div", { class: `desktop-sticky-row-header ${(this.isDesktopView && (row % 2 != 0)) ? "desktop-alternate-row" : ""}` }, h("ptc-para", { "font-size": "small", "font-weight": "w-6", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("slot", { name: `desktop-row-header-${row + 1}` }))) : null, ([...Array(this.dataCols).keys()]).map(col => {
+        return h(Fragment, null, h("div", { class: "mobile-sticky-row-header" }, h("slot", { name: `mobile-row-header-${row + 1}` })), h("div", { class: `table-row ${(this.isDesktopView && (row % 2 != 0)) ? "desktop-alternate-row" : ""}` }, (this.isDesktopView) ?
+          h("div", { class: `desktop-sticky-row-header ${(this.isDesktopView && (row % 2 != 0)) ? "desktop-alternate-row" : ""}` }, h("slot", { name: `desktop-row-header-${row + 1}` })) : null, ([...Array(this.dataCols).keys()]).map(col => {
           return h("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, h("slot", { name: `cell-r${row + 1}-c${col + 1}` }));
         }), h("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` })));
       });
@@ -300,9 +344,10 @@ const PtcPricingPackagingTable = class {
         h("div", { class: "table-cta-row" }, (this.isDesktopView) ?
           h("div", { class: "desktop-sticky-row-header" })
           : null, ([...Array(this.dataCols).keys()]).map(col => {
-          return h("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, h("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": this.ctaButtons[col].linkHref, target: `${this.ctaButtons[col].linkTarget}` }, this.isDesktopView ?
-            h("ptc-tooltip", { class: (col === (this.dataCols - 1)) ? "last-column-tooltip" : "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.ctaButtons[col].linkText, position: "top" })
-            : this.ctaButtons[col].linkText));
+          return h("div", { class: `table-cell ${(col + 1) === this.dataCols ? "table-last-cell" : ""}` }, (this.ctaButtons[col]) ?
+            h("ptc-button", { type: "link", color: "ptc-tertiary", "link-href": this.ctaButtons[col].linkHref, target: `${this.ctaButtons[col].linkTarget}` }, this.isDesktopView ?
+              h("ptc-tooltip", { class: (col === (this.dataCols - 1)) ? "last-column-tooltip" : "", "text-display": "inline", "max-length": "30", "z-index": "z-2", description: this.ctaButtons[col].linkText, position: "top" })
+              : this.ctaButtons[col].linkText) : null);
         }), h("div", { class: `table-filler-cell ${this.showFillerCells ? "show" : ""}` })) : null;
     };
     const TableDisclaimers = () => {

package/dist/ptcw-design/p-220f86c0.entry.js

@@ -0,0 +1 @@
+import{r as t,h as e,H as l,g as i,F as a}from"./p-00a1336a.js";const s=class{constructor(e){t(this,e),this.verticalScrollContentClipperHeightOptions={withSubNav:{desktop:104,mobile:80},withoutSubNav:{desktop:40,mobile:24}},this.handleVerticalScroll=()=>{let t=this.el.shadowRoot.querySelector("#vertical-scroll-content-clipper"),e=this.el.shadowRoot.querySelector("#table-container"),l=this.el.shadowRoot.querySelector("#table-body"),i=this.el.shadowRoot.querySelector("#table-header-placeholder"),a=this.el.shadowRoot.querySelector("#table-header");const s=window.scrollY||document.documentElement.scrollTop;s<this.lastScrollTop?(i.getBoundingClientRect().top>=this.stickyTopAt&&(this.headerType="normal",a.style.top="0px"),"sticky"===this.headerType&&e.getBoundingClientRect().bottom>a.getBoundingClientRect().bottom&&a.getBoundingClientRect().top<this.stickyTopAt&&(a.style.top=`${Math.min(e.getBoundingClientRect().bottom-a.clientHeight,this.stickyTopAt)}px`,t.style.top=a.getBoundingClientRect().top-t.clientHeight+"px")):s>this.lastScrollTop&&(i.getBoundingClientRect().top<this.stickyTopAt&&(this.headerType="sticky",a.style.top=`${this.stickyTopAt}px`,a.style.width=`${l.getBoundingClientRect().width}px`,a.scrollLeft=l.scrollLeft),"sticky"===this.headerType&&e.getBoundingClientRect().bottom<=a.getBoundingClientRect().bottom&&(a.style.top=e.getBoundingClientRect().bottom-a.clientHeight+"px",t.style.top=a.getBoundingClientRect().top-t.clientHeight+"px")),this.lastScrollTop=s<=0?0:s},this.handleHorizontalScroll=()=>{let t=this.el.shadowRoot.querySelector("#table-header"),e=this.el.shadowRoot.querySelector("#table-body");t.scrollLeft=e.scrollLeft,this.handleScrollButtonsVisibility()},this.handleScrollButtonsVisibility=()=>{let t=this.el.shadowRoot.querySelector("#table-body"),e=this.el.shadowRoot.querySelector("#previous-scroll-button"),l=this.el.shadowRoot.querySelector("#next-scroll-button"),i=this.el.shadowRoot.querySelector("#horizontal-scroll-shadow");0===t.scrollLeft?(e.style.visibility="hidden",i.style.visibility="hidden"):(e.style.visibility="visible",i.style.visibility="visible"),l.style.visibility=[-1,0,1].includes(Math.trunc(t.scrollWidth-t.scrollLeft)-Math.trunc(t.getBoundingClientRect().width))?"hidden":"visible"},this.handleForwardScroll=()=>{let t=0,e=this.el.shadowRoot.querySelector("#table-body"),l=setInterval((()=>{t+=this.scrollAmount,(t==this.scrollLimit||[-1,0,1].includes(Math.trunc(e.scrollWidth-e.scrollLeft)-Math.trunc(e.getBoundingClientRect().width)))&&clearInterval(l),e.scrollLeft+=t}),this.scrollTimeInterval)},this.handleBackwardScroll=()=>{let t=0,e=this.el.shadowRoot.querySelector("#pricing-table"),l=this.el.shadowRoot.querySelector("#table-body"),i=setInterval((()=>{t+=this.scrollAmount,(t==this.scrollLimit||e.getBoundingClientRect().left>=l.getBoundingClientRect().right)&&clearInterval(i),l.scrollLeft-=t}),this.scrollTimeInterval)},this.setFillerCellWidth=t=>{this.el.style.setProperty("--filler-cell-width",`${t}px`)},this.expandTableCells=()=>{let t=this.el.shadowRoot.querySelector("#pricing-table"),e=this.el.shadowRoot.querySelector(".desktop-header-first-cell"),l=(t.getBoundingClientRect().width-e.getBoundingClientRect().width)/this.dataCols;this.isDesktopView?(this.el.style.setProperty("--cell-width-xxs",`${this.cellWidthXXS}px`),this.el.style.setProperty("--cell-width-md",l-this.cellLeftRightPadding+"px")):(this.el.style.setProperty("--cell-width-xxs",l-this.cellLeftRightPadding+"px"),this.el.style.setProperty("--cell-width-md",`${this.cellWidthMD}px`))},this.handleFillEmptySpace=()=>{let t=this.el.shadowRoot.querySelector("#pricing-table");this.el.shadowRoot.querySelector("#table-header-placeholder").getBoundingClientRect().right<t.getBoundingClientRect().right&&(this.hasEmptySpace=!0,this.expandTableCells())},this.resetWidthVariables=()=>{this.el.style.setProperty("--cell-width-xxs",`${this.cellWidthXXS}px`),this.el.style.setProperty("--cell-width-md",`${this.cellWidthMD}px`)},this.handleTableReset=()=>{let t=this.el.shadowRoot.querySelector("#vertical-scroll-content-clipper"),e=this.el.shadowRoot.querySelector("#table-header"),l=this.el.shadowRoot.querySelector("#table-body"),i=this.el.shadowRoot.querySelector("#next-scroll-button"),a=this.el.shadowRoot.querySelector(".desktop-header-first-cell"),s=this.el.shadowRoot.querySelector("#horizontal-scroll-shadow");this.isDesktopView=window.innerWidth>=992,this.resetWidthVariables(),this.stickyTopAt=this.pageWithSubnav?this.isDesktopView?this.verticalScrollContentClipperHeightOptions.withSubNav.desktop:this.verticalScrollContentClipperHeightOptions.withSubNav.mobile:this.isDesktopView?this.verticalScrollContentClipperHeightOptions.withoutSubNav.desktop:this.verticalScrollContentClipperHeightOptions.withoutSubNav.mobile,this.el.style.setProperty("--sticky-stop-at",`${this.stickyTopAt}px`);const r=window.getComputedStyle(document.body,null).getPropertyValue("background-color");t.style.backgroundColor="rgba(0, 0, 0, 0)"===r?"white":r,t.style.width=`${l.getBoundingClientRect().width+20}px`,t.style.transform="translateX(-10px)",e.style.width=`${l.getBoundingClientRect().width}px`,e.scrollLeft=l.scrollLeft,i.style.left=`${l.getBoundingClientRect().width}px`,s.style.left=`${a.getBoundingClientRect().width}px`,this.handleScrollButtonsVisibility(),this.handleFillEmptySpace()},this.preProcessTableDescription=()=>{let t=this.el.querySelector('[slot="table-description"]');t&&(this.tableDescription=t)},this.preProcessdesktopHeaderFirstCell=()=>{let t=this.el.querySelector('[slot="desktop-header-first-cell"]');this.el.insertAdjacentHTML("afterbegin",`<span slot="placeholder-desktop-header-first-cell">${t.innerHTML}</span>`)},this.preProcessColumnHeaders=()=>{let t=this.el.querySelectorAll('[slot^="column-header"]');for(let e=0;e<this.dataCols;e++){let l=t[e].getAttribute("slot");this.el.insertAdjacentHTML("afterbegin",`<span slot="placeholder-${l}">${t[e].innerHTML}</span>`)}},this.preProcessHeaderLinks=()=>{let t;for(let e=0;e<this.dataCols;e++)if(t=this.el.querySelector(`[slot^="header-link-${e+1}"]`),t){let e=t.getAttribute("href"),l=t.innerHTML,i=t.getAttribute("target");this.columnHeaderLinks.push({linkHref:e,linkText:l,linkTarget:i}),t.remove()}else this.columnHeaderLinks.push(null)},this.preProcessRowHeaders=()=>{let t;for(let e=0;e<this.dataRows;e++){t=this.el.querySelector(`[slot^="row-header-${e+1}"]`);let l=t.querySelectorAll(".table-row-header-p");for(let t=0;t<l.length;t++){let e=document.createElement("ptc-para");e.setAttribute("font-size","small"),e.setAttribute("font-weight","w-6"),e.setAttribute("para-align","left"),e.setAttribute("para-color","primary-grey"),e.setAttribute("para-line-h","line-height-p"),e.setAttribute("para-margin","margin-flush"),e.innerHTML=l[t].innerHTML,l[t].replaceWith(e)}let i=t.getAttribute("slot"),a=t.innerHTML;this.el.insertAdjacentHTML("afterbegin",`<div slot="desktop-${i}">${a}</div><div slot="mobile-${i}">${a}</div>`),t.remove()}},this.preProcessCtaButtons=()=>{let t;this.showCtaButtonsRow=!1;for(let e=0;e<this.dataCols;e++)if(t=this.el.querySelector(`[slot^="cta-button-${e+1}"]`),t){let e=t.getAttribute("href"),l=t.innerHTML,i=t.getAttribute("target");this.ctaButtons.push({linkHref:e,linkText:l,linkTarget:i}),t.remove(),this.showCtaButtonsRow=!0}else this.ctaButtons.push(null)},this.preProcessDisclaimers=()=>{let t=this.el.querySelectorAll('[slot^="disclaimer"]');for(let e=0;e<this.disclaimerCount;e++)this.disclaimers.push(t[e].innerHTML)},this.pageWithSubnav=!1,this.tableTitle=void 0,this.tableSubTitle="",this.dataRows=void 0,this.dataCols=void 0,this.disclaimerCount=0,this.isDesktopView=void 0,this.cellWidthXXS=180,this.cellWidthMD=225,this.cellLeftRightPadding=48,this.headerType="normal",this.lastScrollTop=void 0,this.scrollTimeInterval=25,this.scrollAmount=5,this.scrollLimit=50,this.stickyTopAt=void 0,this.columnHeaderLinks=[],this.hasEmptySpace=!1,this.showFillerCells=!1,this.showCtaButtonsRow=void 0,this.ctaButtons=[],this.disclaimers=[],this.tableDescription=void 0}componentWillLoad(){this.preProcessTableDescription(),this.preProcessdesktopHeaderFirstCell(),this.preProcessColumnHeaders(),this.preProcessHeaderLinks(),this.preProcessRowHeaders(),this.preProcessCtaButtons(),this.preProcessDisclaimers()}componentDidLoad(){this.handleTableReset(),window.addEventListener("scroll",(()=>this.handleVerticalScroll())),window.addEventListener("resize",(()=>this.handleTableReset()))}render(){return e(l,null,e("div",{id:"pricing-table"},e((()=>this.tableTitle&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-title",{type:"h2","text-align":"center","title-size":"xx-large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-8"},this.tableTitle)),this.tableSubTitle?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"x-small"}),e("ptc-spacer",{breakpoint:"x-small",size:"small"})):this.tableDescription?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"})):null)),null),e((()=>this.tableSubTitle&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-title",{type:"h3","text-align":"center","title-size":"large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7"},this.tableSubTitle)),e("ptc-spacer",{breakpoint:"small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"large"}))),null),e((()=>this.tableDescription&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-para",{"font-size":"small","font-weight":"w-4","para-align":"center","para-line-h":"line-height-p","para-margin":"margin-flush"},this.tableDescription.innerText.length<=500?e("slot",{name:"table-description"}):e("ptc-readmore",{"more-text":"More","less-text":"Less"},e("slot",{name:"table-description"})))))),null),e("ptc-spacer",{breakpoint:"small",size:"xx-large"}),e("ptc-spacer",{breakpoint:"small",size:"xx-small"}),e("ptc-spacer",{breakpoint:"x-small",size:"xxx-large"}),e("ptc-spacer",{breakpoint:"x-small",size:"xx-small"}),e("div",{id:"vertical-scroll-content-clipper",class:this.headerType}),e("div",{id:"table-container"},e("div",{id:"horizontal-scroll-shadow"}),e("div",{id:"table-body",onScroll:()=>this.handleHorizontalScroll()},e((()=>e("div",{id:"table-header",class:this.headerType,onScroll:()=>this.handleHorizontalScroll()},e("div",{class:"desktop-header-first-cell"},this.isDesktopView?e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"left","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:"desktop-header-first-cell"})):null,e("div",{class:"scroll-button",id:"previous-scroll-button"},e("div",{onClick:()=>this.handleBackwardScroll()},e("icon-asset",{type:"solid",size:"medium",name:"chevron-left",color:"primary-gray"}),e("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},"More"))),e("div",{class:"scroll-button",id:"next-scroll-button"},e("div",{onClick:()=>this.handleForwardScroll()},e("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},"More"),e("icon-asset",{type:"solid",size:"medium",name:"chevron-right",color:"primary-gray"})))),[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"center","para-color":"white","para-line-h":"line-height-densest","para-margin":"margin-flush","para-z-index":"z-1"},e("slot",{name:`column-header-${t+1}`})),this.columnHeaderLinks.length===this.dataCols&&this.columnHeaderLinks[t]?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-link",{"font-size":"medium","font-weight":"w-extrabold",href:`${this.columnHeaderLinks[t].linkHref}`,"link-area":"undefined",target:`${this.columnHeaderLinks[t].linkTarget}`,theme:"d-green-underline",styles:"a.ptc-link {line-height: var(--ptc-line-height-p);}"},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.columnHeaderLinks[t].linkText,position:"top"}):this.columnHeaderLinks[t].linkText)):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")}))),null),e((()=>e("div",{id:"table-header-placeholder",class:this.headerType},e("div",{class:"desktop-header-first-cell"},this.isDesktopView?e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"left","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:"placeholder-desktop-header-first-cell"})):null),[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"center","para-color":"white","para-line-h":"line-height-densest","para-margin":"margin-flush","para-z-index":"z-1"},e("slot",{name:`placeholder-column-header-${t+1}`})),this.columnHeaderLinks.length===this.dataCols&&this.columnHeaderLinks[t]?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-link",{"font-size":"medium","font-weight":"w-extrabold",href:`${this.columnHeaderLinks[t].linkHref}`,"link-area":"undefined",target:`${this.columnHeaderLinks[t].linkTarget}`,theme:"d-green-underline",styles:"a.ptc-link {line-height: var(--ptc-line-height-p);}"},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.columnHeaderLinks[t].linkText,position:"top"}):this.columnHeaderLinks[t].linkText)):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")}))),null),e((()=>[...Array(this.dataRows).keys()].map((t=>e(a,null,e("div",{class:"mobile-sticky-row-header"},e("slot",{name:`mobile-row-header-${t+1}`})),e("div",{class:"table-row "+(this.isDesktopView&&t%2!=0?"desktop-alternate-row":"")},this.isDesktopView?e("div",{class:"desktop-sticky-row-header "+(this.isDesktopView&&t%2!=0?"desktop-alternate-row":"")},e("slot",{name:`desktop-row-header-${t+1}`})):null,[...Array(this.dataCols).keys()].map((l=>e("div",{class:"table-cell "+(l+1===this.dataCols?"table-last-cell":"")},e("slot",{name:`cell-r${t+1}-c${l+1}`})))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")})))))),null),e((()=>this.showCtaButtonsRow?e("div",{class:"table-cta-row"},this.isDesktopView?e("div",{class:"desktop-sticky-row-header"}):null,[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},this.ctaButtons[t]?e("ptc-button",{type:"link",color:"ptc-tertiary","link-href":this.ctaButtons[t].linkHref,target:`${this.ctaButtons[t].linkTarget}`},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.ctaButtons[t].linkText,position:"top"}):this.ctaButtons[t].linkText):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")})):null),null))),e((()=>this.disclaimerCount>0&&e(a,null,e("ptc-spacer",{breakpoint:"small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"large"}),this.disclaimers.map(((t,l)=>e(a,null,e("ptc-para",{"font-size":"xx-small","font-weight":"w-6","para-align":"center","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:`disclaimer-${l+1}`})),l!=this.disclaimerCount-1?e("ptc-spacer",{size:"xx-small"}):null))))),null)))}get el(){return i(this)}};s.style=":host{display:block}:host #pricing-table{position:relative;overflow-wrap:break-word}:host #vertical-scroll-content-clipper.normal{display:none}:host #vertical-scroll-content-clipper.sticky{display:block;z-index:20;position:fixed;top:0;width:100%;height:var(--sticky-stop-at, 50px)}:host #table-container{width:100%;overflow-x:auto;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);position:relative}:host #table-body{width:100%;overflow-x:scroll;position:relative}:host .scroll-button{display:flex;align-items:center;position:absolute;z-index:15;height:100%}:host .scroll-button#previous-scroll-button div{margin-right:var(--ptc-element-spacing-02);border-radius:0px var(--ptc-element-spacing-01) var(--ptc-element-spacing-01) 0px}:host .scroll-button#previous-scroll-button div ptc-para{margin-right:var(--ptc-element-spacing-04)}:host .scroll-button#next-scroll-button{transform:translateX(-100%)}:host .scroll-button#next-scroll-button div{margin-left:var(--ptc-element-spacing-02);border-radius:var(--ptc-element-spacing-01) 0px 0px var(--ptc-element-spacing-01)}:host .scroll-button#next-scroll-button div ptc-para{margin-left:var(--ptc-element-spacing-04)}:host .scroll-button div{display:inline-block;width:fit-content;height:36px;background-color:white;color:black;box-shadow:var(--ptc-shadow-x-medium);display:flex;justify-content:center;align-items:center}:host .scroll-button div icon-asset{display:flex;justify-content:center;align-items:center;width:36px;height:100%}:host .scroll-button div ptc-para{display:none;white-space:nowrap}:host .table-filler-cell{display:none;min-width:var(--filler-cell-width, 0px);max-width:var(--filler-cell-width, 0px);height:100%;box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-bottom:1px solid var(--color-gray-02)}:host .table-filler-cell.show{display:table-cell}:host #table-header{display:table-row;background:var(--color-gray-10);color:white;z-index:10}:host #table-header.normal{position:relative}:host #table-header.sticky{position:fixed;top:var(--sticky-stop-at, 50px);border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard);overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;box-shadow:0 16px 16px -16px grey}:host #table-header.sticky::-webkit-scrollbar{display:none}:host #table-header .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);text-align:center;display:table-cell;vertical-align:middle}:host #table-header .table-cell.table-last-cell{border-right:none}:host #table-header .table-cell ptc-link a.ptc-link{line-height:var(--ptc-line-height-p)}:host #table-header .table-filler-cell{border-bottom:none;border-left:1px solid var(--color-gray-07)}:host #table-header-placeholder.normal{position:absolute;top:0;display:table-row;opacity:0}:host #table-header-placeholder.sticky{position:relative;display:table-row;opacity:0;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}:host #table-header-placeholder .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);text-align:center;display:table-cell;vertical-align:middle}:host #table-header-placeholder .table-cell.table-last-cell{border-right:none}:host #table-header-placeholder .table-filler-cell{border-bottom:none;border-left:1px solid var(--color-gray-07)}:host .desktop-header-first-cell{display:table-cell;position:sticky;left:0;z-index:10}:host .mobile-sticky-row-header{display:block;position:sticky;left:0;background-color:var(--color-gray-01);border-bottom:1px solid var(--color-gray-02);padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}:host .table-row{display:table-row;background-color:white}:host .table-row .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);text-align:center;display:table-cell;vertical-align:middle}:host .table-row .table-cell.table-last-cell{border-right:none}:host .table-row .table-filler-cell{border-left:1px solid var(--color-gray-02)}:host .table-cta-row{display:table-row;background-color:white}:host .table-cta-row .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);text-align:center;display:table-cell;vertical-align:middle}:host .table-cta-row .table-cell.table-last-cell{border-right:none}:host .table-cta-row .table-filler-cell{border-left:1px solid var(--color-gray-02)}@media only screen and (min-width: 768px){:host .table-descriptor{max-width:768px;margin:auto}}@media only screen and (min-width: 992px){:host .scroll-button{height:100%;top:0}:host .scroll-button div ptc-para{display:none}:host .scroll-button div:hover{cursor:pointer}:host .scroll-button div:hover ptc-para{display:block}:host .scroll-button#previous-scroll-button{right:0;transform:translateX(100%)}:host #horizontal-scroll-shadow{display:block;position:absolute;top:0;left:0;height:100%;width:var(--ptc-element-spacing-06);background:linear-gradient(90deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);z-index:1}:host #table-header.sticky{box-shadow:none}:host #table-header .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host #table-header .last-column-tooltip .tooltip{right:4px}:host #table-header-placeholder .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host #table-header-placeholder .last-column-tooltip .tooltip{right:-4px}:host .desktop-sticky-row-header{min-width:var(--desktop-row-header-cell-width-md, 275px);max-width:var(--desktop-row-header-cell-width-md, 275px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);display:table-cell;vertical-align:middle;position:sticky;left:0;background-color:white;z-index:5}:host .desktop-sticky-row-header.desktop-alternate-row{background-color:var(--color-gray-01)}:host .desktop-header-first-cell{min-width:var(--desktop-row-header-cell-width-md, 275px);max-width:var(--desktop-row-header-cell-width-md, 275px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);display:table-cell;vertical-align:middle;position:sticky;left:0;z-index:10;background:var(--color-gray-10)}:host .table-row .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host .table-row.desktop-alternate-row{background-color:var(--color-gray-01)}:host .mobile-sticky-row-header{display:none}:host .table-cta-row{display:table-row}:host .table-cta-row .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host .table-cta-row .last-column-tooltip .tooltip{right:-4px}}";export{s as ptc_pricing_packaging_table}

package/dist/ptcw-design/ptcw-design.esm.js

@@ -1 +1 @@
-import{p as e,b as t}from"./p-00a1336a.js";export{s as setNonce}from"./p-00a1336a.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t(JSON.parse('[["p-33db658c",[[1,"bundle-jumbotron-example",{"jumbotron":[1],"isIframe":[4,"is-iframe"]}]]],["p-bdbb9aa2",[[1,"ptc-featured-list",{"isMobile":[32],"selectedTabGloble":[32]},[[9,"resize","handleResize"],[4,"flTabClicked","handleflTabClicked"]]]]],["p-003e61e7",[[1,"featured-list",{"isMobile":[32],"selectedTabGloble":[32]},[[9,"resize","handleResize"],[4,"flTabClicked","handleflTabClicked"]]]]],["p-4c1bc7f2",[[1,"ptc-filter-level-theater",{"selectedTab":[32],"lastSelectedTab":[32],"lastSelectedTabGroup":[32],"selectedTabGroup":[32]},[[4,"selectedFilterValues","handleSelectedFilterValues"]]]]],["p-58c140ab",[[1,"ptc-pricing-packaging-table",{"pageWithSubnav":[4,"page-with-subnav"],"tableTitle":[1,"table-title"],"tableSubTitle":[1,"table-sub-title"],"dataRows":[2,"data-rows"],"dataCols":[2,"data-cols"],"disclaimerCount":[2,"disclaimer-count"],"isDesktopView":[32],"cellWidthXXS":[32],"cellWidthMD":[32],"cellLeftRightPadding":[32],"headerType":[32],"lastScrollTop":[32],"scrollTimeInterval":[32],"scrollAmount":[32],"scrollLimit":[32],"stickyTopAt":[32],"columnHeaderLinks":[32],"hasEmptySpace":[32],"showFillerCells":[32],"showCtaButtonsRow":[32],"ctaButtons":[32],"disclaimers":[32],"tableDescription":[32]}]]],["p-4a865061",[[1,"ptc-pricing-table",{"pageWithSubnav":[4,"page-with-subnav"],"tableTitle":[1,"table-title"],"tableSubTitle":[1,"table-sub-title"],"tableDescription":[1,"table-description"],"dataRows":[2,"data-rows"],"dataCols":[2,"data-cols"],"disclaimerCount":[2,"disclaimer-count"],"scrollTopClipperHeight":[32],"desktopHeaderFirstCellWidth":[32],"targetElements":[32],"columnHeaderLinks":[32],"lastScrollTop":[32],"scrollTimeInterval":[32],"scrollAmount":[32],"scrollLimit":[32],"mobileHeaderRowColSpan":[32],"showCtaButtonsRow":[32],"ctaButtons":[32],"disclaimers":[32]}]]],["p-c20538ec",[[0,"ptc-form",{"formData":[32]}]]],["p-3cd9a53d",[[4,"ptc-pricing-add-on-section",{"cardCount":[2,"card-count"],"cardData":[32]}]]],["p-58e883bc",[[1,"sequential-bundle",{"isMobile":[32]},[[9,"resize","handleResize"]]]]],["p-6aa14f70",[[1,"author-listing-example",{"defaultAuthorImage":[1,"default-author-image"],"isLoading":[32],"loadedCardCount":[32],"cardsPerLoad":[32],"cardData":[32]},[[9,"scroll","handleScroll"]]]]],["p-43aa9e96",[[1,"bundle-example",{"isLoading":[32],"picWidth":[32],"picHeight":[32],"cardHeights":[32],"maxCardHeight":[32]},[[9,"resize","handleWindowResize"],[16,"squareHeightChanged","squareHeightChangedHandler"]]]]],["p-7057b757",[[1,"ptc-product-sidebar",{"suggestionList":[16],"searchTerm":[32],"suggestions":[32]},[[4,"dropdownTouched","handleDropdownTouched"],[0,"click","handleClick"],[4,"clearCtaClicked","handleclearCtaClicked"],[4,"selectedValues","handleSelectedValues"]]]]],["p-e54c51b3",[[1,"ptc-embedded-quiz",{"getQuizEndpoint":[1,"get-quiz-endpoint"],"quiz":[32],"slide":[32],"traversal":[32]}]]],["p-34f6cb85",[[1,"ptc-product-card",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"],"cardImageAltText":[1,"card-image-alt-text"],"cardDescription":[1,"card-description"],"cardCtaText":[1,"card-cta-text"],"toggleCtaTitle":[1,"toggle-cta-title"],"isSlotEmpty":[4,"is-slot-empty"],"isOpen":[32]}]]],["p-f00b4b73",[[1,"ptc-modal-quiz",{"totalQuestions":[2,"total-questions"],"modalId":[1,"modal-id"],"currentQuestion":[32],"currentSelectedPriority":[32],"selectedPriorityRadio":[32],"answers":[32],"traversal":[32]}]]],["p-92648b82",[[1,"ptc-news",{"newsTag":[1,"news-tag"],"newsTitle":[1,"news-title"],"newsSecondaryTitle":[1,"news-secondary-title"],"newsDate":[1,"news-date"],"newsSummary":[1,"news-summary"],"newsImage":[1,"news-image"],"newsImageAlt":[1,"news-image-alt"],"newsDownloadUrl":[1,"news-download-url"]}]]],["p-c9303172",[[1,"ptc-product-category",{"categoryTitle":[1,"category-title"],"categoryDescription":[1,"category-description"]}]]],["p-15cd377e",[[1,"ptc-product-highlight-card",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"],"cardImageAltText":[1,"card-image-alt-text"],"cardDescription":[1,"card-description"]}]]],["p-5b7db027",[[1,"ptc-announcement",{"barTitle":[1025,"bar-title"],"description":[1025],"linkText":[513,"link-text"],"linkTitle":[513,"link-title"],"visible":[1540],"linkUrl":[1537,"link-url"],"insideContainer":[4,"inside-container"],"target":[1025],"customMaxLines":[2,"custom-max-lines"],"moreText":[1,"more-text"],"windowSize":[32]},[[9,"resize","handleResize"]]]]],["p-3aa32e28",[[1,"ptc-collapse-list",{"header":[1],"listItems":[1040],"placeholderText":[1025,"placeholder-text"],"debounceUpdateDelay":[1026,"debounce-update-delay"],"data":[32],"searchText":[32],"selectedValue":[32],"selectedItems":[32],"hashMap":[32],"debouncedUpdatedEvent":[32],"refreshBuffer":[32],"removeSelectedItem":[64],"addSelectedItem":[64]}]]],["p-46d9058c",[[1,"ptc-product-list",null,[[4,"selectedResult","handleSearchResult"],[4,"clearsearch","handleSearchResult"],[4,"selectedValues","handleMultipleSearchResult"],[4,"emptyResult","handleEmptyResult"]]]]],["p-a7330910",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"],"contentAlignment":[1,"content-alignment"]}]]],["p-1a5a5341",[[1,"ptc-previous-url",{"href":[1],"text":[1],"styles":[1]}]]],["p-b4547b7f",[[1,"ptc-pricing-tabs",{"productTag":[1,"product-tag"],"header":[1],"tabLabel":[1,"tab-label"],"filterTag":[1,"filter-tag"],"styles":[1],"tabItems":[32],"isMobileViewPort":[32],"isDesktopViewPort":[32]},[[9,"resize","setIsMobileViewPort"]]]]],["p-0a7c799e",[[1,"ptc-bio-card",{"name":[1],"jobTitle":[1,"job-title"],"image":[1],"linkedin":[1],"twitter":[1],"showModal":[32]}]]],["p-9e8791c4",[[1,"ptc-checkbox",{"checked":[1025],"value":[1025],"disabled":[1028],"inputName":[1,"input-name"]}]]],["p-ca7250a3",[[1,"ptc-dropdown",{"theme":[1],"label":[1],"listItems":[16],"toggle":[32],"selectedItem":[32]},[[4,"click","offClick"]]]]],["p-211af9e1",[[1,"ptc-filter-tag",{"theme":[1],"iconColorMap":[32]}]]],["p-dafb152d",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["p-dff8c778",[[0,"ptc-mobile-select",{"triggerName":[1,"trigger-name"],"selectedText":[1,"selected-text"],"wheelData":[1040],"selectedId":[1,"selected-id"],"ensureBtnText":[1,"ensure-btn-text"],"cancelBtnText":[1,"cancel-btn-text"],"listTitle":[1,"list-title"]}]]],["p-eef785f3",[[1,"ptc-nav-submenu",{"label":[1],"iconAssetName":[1025,"icon-asset-name"],"iconSrc":[1,"icon-src"]}]]],["p-ccb6fcb7",[[1,"ptc-pagenation",{"totalCount":[2,"total-count"],"numberOfItems":[2,"number-of-items"],"previousValue":[1,"previous-value"],"lastValue":[1,"last-value"],"minPageNumber":[2,"min-page-number"],"maxPageNumber":[2,"max-page-number"],"clickedPageNumber":[2,"clicked-page-number"],"appendArray":[4,"append-array"],"prevArrowImg":[1,"prev-arrow-img"],"nextArrowImg":[1,"next-arrow-img"],"theme":[1],"styles":[1],"pageNumbers":[32],"isSmallScreen":[32]},[[9,"resize","windowResize"]]]]],["p-e40fc7a4",[[1,"ptc-podcast-card",{"heading":[1],"imageSrc":[1,"image-src"],"altText":[1,"alt-text"]}]]],["p-565bd4fa",[[1,"dynamic-box-bundle",{"topImgSrc":[1,"top-img-src"],"topImgAlt":[1,"top-img-alt"],"boxHeight":[2,"box-height"],"isHovering":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseout","handleMouseOut"]]]]],["p-c3e21c68",[[1,"ptc-accordion-item",{"heading":[1],"headingTag":[1,"heading-tag"],"autoHeight":[4,"auto-height"],"active":[1540],"theme":[1537],"hasHeadingSlot":[32],"hasArrowSlot":[32],"toggle":[64],"close":[64],"open":[64]}]]],["p-6faf3ced",[[0,"embedded-form",{"formData":[32],"isSubmitted":[32]}],[4,"ptc-data-lookup",{"elqSiteId":[1,"elq-site-id"],"elqVisitorLookupKey":[1,"elq-visitor-lookup-key"],"elqRecipientIdLookupKey":[1,"elq-recipient-id-lookup-key"],"elqContactLookupKey":[1,"elq-contact-lookup-key"],"elqFieldEmailRecId":[1,"elq-field-email-rec-id"],"elqFieldContactEmail":[1,"elq-field-contact-email"],"elqFieldVisitorEmail":[1,"elq-field-visitor-email"],"elqFieldVisitorFirstname":[1,"elq-field-visitor-firstname"],"elqFieldVisitorLastname":[1,"elq-field-visitor-lastname"],"notmeLinkId":[1,"notme-link-id"],"notmeFieldsClass":[1,"notme-fields-class"],"notmeMessage":[1,"notme-message"],"notmeMessageNoname":[1,"notme-message-noname"],"isInitialized":[32],"performDataLookup":[64]}],[4,"ptc-select",{"label":[1],"isRequired":[4,"is-required"],"helpertext":[1],"name":[1],"disabled":[4],"selectedValue":[1025,"selected-value"],"ptcDataEloquaName":[1,"ptc-data-eloqua-name"]}],[0,"ptc-form-checkbox",{"checkboxId":[1,"checkbox-id"],"label":[1],"required":[4],"isChecked":[1028,"is-checked"],"name":[1],"helpertext":[1],"hasError":[32],"validateCheckbox":[64]}],[0,"ptc-textfield",{"fieldId":[1,"field-id"],"type":[1],"required":[4],"ptcMaxLength":[2,"ptc-max-length"],"labelText":[1025,"label-text"],"helpertext":[1025],"disabled":[4],"name":[1],"ptcDataEloquaName":[1,"ptc-data-eloqua-name"],"inputValue":[1025,"input-value"]},[[0,"input","handleInput"],[2,"blur","inputBlurHandler"]]],[1,"max-width-container",{"maxWidthP":[2,"max-width-p"],"maxWidth":[2,"max-width"],"breakpoint":[2],"contentAlign":[1,"content-align"],"styles":[1]}],[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}],[1,"ptc-button",{"disabled":[516],"active":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1],"textAlign":[1,"text-align"]}],[6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleShadow":[1,"title-shadow"],"titleColor":[1,"title-color"],"titleMargin":[1,"title-margin"],"titleWeight":[1,"title-weight"],"titleSize":[1,"title-size"],"titleHeight":[1,"title-height"],"styles":[1],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"],"titleDisplay":[1,"title-display"]}]]],["p-cd8b434c",[[1,"sequential-bundle-example",{"isInteralCardsExpanded":[1040],"isMobile":[32],"expandedCardIndex":[32]},[[9,"resize","handleResize"]]]]],["p-ed2cc9da",[[1,"footer-form",{"formData":[32]}]]],["p-aa5af6a7",[[1,"innovator-toggle-container",{"sectionTitle":[1,"section-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["p-71a5a4b8",[[4,"ptc-tab-list",{"type":[1],"isMobile":[32],"selectedValue":[32]},[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["p-3bb91bc8",[[1,"ptc-related-card-rail",{"footerQuerySelector":[1,"footer-query-selector"],"closed":[32],"cardInView":[32],"data":[32],"screenBasedProps":[32]}]]],["p-94b48312",[[1,"ptc-square-card",{"number":[1],"arrowDirection":[1,"arrow-direction"]}]]],["p-dfec5f00",[[1,"ptc-sticky-title",{"barTitle":[1,"bar-title"],"logo":[1],"isSticky":[32]},[[9,"scroll","handleScroll"]]]]],["p-5698fc6b",[[6,"ptc-theater-video-modal",{"cards":[32],"showModal":[32],"currentCardIndex":[32],"filteredTagName":[32],"modalType":[32],"updateData":[64]}]]],["p-ede6a0f0",[[1,"ptc-value-prop-card",{"cardHref":[1,"card-href"],"target":[1],"rel":[1],"cardTitle":[1,"card-title"],"backgroundImage":[1,"background-image"]}]]],["p-5249434f",[[1,"ptc-icon-minimize",{"heading":[1025],"opened":[1028],"timeStamp":[32],"Refresh":[64]}]]],["p-1aec473a",[[1,"ptc-media-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"activeBackgroundImage":[1025,"active-background-image"],"hoverBackgroundImage":[1025,"hover-background-image"],"heading":[1025],"headingTransform":[1025,"heading-transform"],"category":[1025],"isHovered":[32]}]]],["p-f29c71fe",[[1,"ptc-quote",{"quoteType":[1025,"quote-type"],"quoteName":[1025,"quote-name"],"ctaText":[1,"cta-text"],"ctaUrl":[1,"cta-url"],"imgSrc":[1,"img-src"],"imgTitle":[1,"img-title"]}]]],["p-a64f1d6f",[[1,"ptc-search-field",{"textValue":[1,"text-value"],"placeholderLabel":[1,"placeholder-label"],"darkTheme":[4,"dark-theme"],"elevation":[1],"enableClear":[4,"enable-clear"],"styles":[1],"clearSearchValue":[64]}]]],["p-91a9844b",[[1,"ptc-slit-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"heading":[1],"content":[1],"styles":[1],"cardImage":[1,"card-image"]}]]],["p-03dd9737",[[1,"ptc-subnav-card",{"cardTitle":[1,"card-title"],"cardHref":[1,"card-href"],"cardImageSrc":[1,"card-image-src"],"cardImageAlt":[1,"card-image-alt"],"ctaText":[1,"cta-text"],"ctaIconAssetName":[1,"cta-icon-asset-name"]}]]],["p-13cd1ccc",[[0,"tab-header",{"name":[1],"tooltip":[1],"tabHeaderText":[1,"tab-header-text"],"isSelected":[32],"maxLength":[32],"getChild":[64]},[[9,"resize","handleWindowResize"]]]]],["p-40a6e32d",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["p-14a53b5a",[[1,"ptc-accordion",{"multiple":[4],"theme":[1]},[[0,"opened","openHandler"]]]]],["p-1286d2f5",[[1,"ptc-back-to-top",{"showButton":[32]},[[0,"click","handleClick"]]]]],["p-029b2e2f",[[2,"ptc-brightcov-video",{"videoId":[1,"video-id"]}]]],["p-521f8a44",[[1,"ptc-case-studies-slider"]]],["p-a32571b5",[[1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"],"spacing":[1],"styles":[1]}]]],["p-84e83224",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["p-8609c7b2",[[1,"ptc-icon-component",{"isMobile":[32]},[[9,"resize","handleResize"]]]]],["p-a2ed8861",[[1,"ptc-icon-list",{"listType":[1,"list-type"],"valueWithUnit":[1,"value-with-unit"],"valueText":[1,"value-text"],"listContent":[1,"list-content"],"isLastItem":[4,"is-last-item"]}]]],["p-2c5b80ad",[[1,"ptc-minimized-nav",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"],"navType":[1,"nav-type"]}]]],["p-ac96f617",[[1,"ptc-nav-card",{"cardType":[1025,"card-type"],"cardHref":[1025,"card-href"],"logoAlt":[1025,"logo-alt"],"target":[1025],"rel":[1025],"linkTitle":[1025,"link-title"],"cardLogo":[1025,"card-logo"],"heading":[1025],"description":[1025],"windowSize":[32]},[[9,"resize","handleResize"]]]]],["p-61e48f01",[[1,"ptc-nav-link",{"href":[1025],"isOutsideLink":[1028,"is-outside-link"],"titleText":[1025,"title-text"]},[[2,"click","handleClick"]]]]],["p-a6c6e898",[[1,"ptc-nav-pills"]]],["p-4ddf04cf",[[1,"ptc-nav-slider",{"sliderId":[1,"slider-id"]},[[0,"dropdownClickEvent","handledropdownClickEvent"]]]]],["p-ffede29b",[[1,"ptc-readmore-char",{"maxCharacters":[2,"max-characters"],"description":[1],"readMoreText":[1,"read-more-text"],"readLessText":[1,"read-less-text"],"expanded":[32]}]]],["p-b80358ed",[[1,"ptc-responsive-wrapper"]]],["p-945d22e4",[[1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}]]],["p-75d0ee9e",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"fontWeight":[1,"font-weight"],"styles":[1]}]]],["p-7f1dd267",[[1,"ptc-sticky-icons",null,[[9,"resize","handleResize"]]]]],["p-2ec1526d",[[1,"ptc-sticky-section",null,[[9,"scroll","handleScroll"]]]]],["p-18a51b46",[[1,"ptc-subnav",{"mobileTitle":[1,"mobile-title"],"navOpen":[32]},[[9,"scroll","handleScroll"],[0,"navLinkClicked","handleNavLinkClickedEvent"]]]]],["p-9691a9fe",[[1,"ptc-tab",{"optionClicked":[1540,"option-clicked"],"label":[1],"price":[1],"active":[4],"disabled":[516]}]]],["p-1afabe42",[[1,"ptc-tabs",{"tabs":[32],"openTab":[64]}]]],["p-5aebbb5d",[[1,"ptc-text-copy-with-background",{"type":[1],"backgroundImage":[1,"background-image"],"ImageAltText":[1,"image-alt-text"],"topSlitBackgroundColor":[1,"top-slit-background-color"],"slitPosition":[1,"slit-position"],"isBackgroundBlur":[4,"is-background-blur"],"overlay":[4],"styles":[1]}]]],["p-9f227e83",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["p-01f51476",[[4,"tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["p-568103b8",[[1,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"],"paraColor":[1,"para-color"],"paraLineH":[1,"para-line-h"],"paraMargin":[1,"para-margin"],"paraAlign":[1,"para-align"],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"],"paraZIndex":[1,"para-z-index"],"styles":[1]}]]],["p-e21c0fa1",[[1,"ptc-pricing-add-on-card",{"cardTitle":[1,"card-title"],"cardPricingText":[1,"card-pricing-text"],"cardCtaHref":[1,"card-cta-href"],"cardCtaText":[1,"card-cta-text"],"cardCtaTarget":[1,"card-cta-target"],"cardDisclaimer":[1,"card-disclaimer"]}]]],["p-2a6125a8",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"country":[1],"styles":[1],"ribbonText":[1,"ribbon-text"],"eventType":[1,"event-type"],"cardLogo":[1,"card-logo"],"titleLineCutOff":[2,"title-line-cut-off"],"maxChars":[2,"max-chars"],"maxLines":[2,"max-lines"],"cardOverflow":[1,"card-overflow"],"isCreoCard":[4,"is-creo-card"]}]]],["p-37fe2ada",[[4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["p-d4999019",[[1,"ptc-ellipsis-dropdown",{"dataItems":[16],"selectedTab":[1,"selected-tab"],"isDropdownOpen":[32],"isMobile":[32]},[[4,"click","offClick"],[9,"resize","handleResize"]]]]],["p-6159ccab",[[1,"ptc-image-download-strip",{"downloadUrl":[1,"download-url"]}]]],["p-a95fd3fc",[[1,"ptc-pricing-block",{"active":[4],"optionClicked":[1540,"option-clicked"]}]]],["p-8471b016",[[1,"ptc-product-dropdown",{"newOptions":[16],"selectedOptions":[16],"placeholder":[1],"internalOptions":[32],"isOpen":[32]},[[4,"clearsearch","handleSearchResult"],[4,"inputChanged","handleinputChanged"]]]]],["p-0eff6801",[[1,"ptc-progress-bar",{"scrollPercentage":[32]},[[9,"scroll","handleScroll"]]]]],["p-5a6614a3",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"],"display":[1],"zIndex":[1,"z-index"],"styles":[2]}]]],["p-9958701f",[[1,"ptc-jumbotron",{"jumbotronType":[1,"jumbotron-type"],"hasPopupVideo":[4,"has-popup-video"],"mainTitle":[1,"main-title"],"subTitle":[1,"sub-title"],"pngSrc":[1,"png-src"],"gifSrc":[1,"gif-src"],"bgVideoSrc":[1,"bg-video-src"],"bgSrc":[1,"bg-src"],"isIframe":[4,"is-iframe"],"playButtonTitle":[1,"play-button-title"],"pauseButtonTitle":[1,"pause-button-title"],"hasCtaSlot":[4,"has-cta-slot"],"contentBackground":[32],"contentColor":[32],"textAlign":[32],"isMobile":[32]},[[9,"resize","handleResize"]]],[1,"ptc-breadcrumb",{"position":[1],"removeTopMargin":[4,"remove-top-margin"],"color":[1],"styles":[1]}]]],["p-2803fa43",[[1,"ptc-dynamic-card",{"cardType":[1,"card-type"],"cardTitle":[1,"card-title"],"cardImgSrc":[1,"card-img-src"],"cardImgAlt":[1,"card-img-alt"],"cardScreen":[1,"card-screen"],"isExpanded":[4,"is-expanded"],"styles":[1],"overlayExists":[32]}]]],["p-8d2425b5",[[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"],"dataSize":[1,"data-size"],"formatOptions":[1,"format-options"]}]]],["p-6208dc3d",[[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"linkArea":[1,"link-area"],"styles":[1]}]]],["p-cd1627fd",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}],[1,"ptc-card-wrapper",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"],"isLoading":[4,"is-loading"],"styles":[1]},[[9,"resize","handleResize"]]],[1,"ptc-skeleton",{"isLoading":[4,"is-loading"],"animated":[4],"width":[1],"borderRadius":[1,"border-radius"],"topMargin":[1,"top-margin"],"btmMargin":[1,"btm-margin"]}]]],["p-66a121a7",[[1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"fixed":[1028],"closeOnBlur":[1028,"close-on-blur"],"rounded":[1028],"showHeaderFooter":[1028,"show-header-footer"],"borderRadius":[1025,"border-radius"],"isBioModal":[1028,"is-bio-modal"],"styles":[1],"overlayHeight":[32],"bodyOverflowSetting":[32]}]]],["p-aee89482",[[1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"iconColor":[1,"icon-color"],"iconHoverColor":[1,"icon-hover-color"],"iconSize":[1,"icon-size"],"isHover":[32]}],[1,"ptc-filter-dropdown",{"placeholder":[1],"selectedTag":[1,"selected-tag"],"internalOptions":[32],"selectedOptions":[32],"isOpen":[32]}],[6,"ptc-theater-video",{"cardTitle":[1,"card-title"],"cardDescription":[1,"card-description"],"thumbImg":[1,"thumb-img"],"cardNumber":[2,"card-number"],"videoId":[2,"video-id"],"vtagName":[1,"vtag-name"],"modalType":[1,"modal-type"]}],[1,"ptc-theater-video-playlist",{"cardElements":[8,"card-elements"],"currentCardIndex":[32],"filteredTagName":[32]},[[4,"filterCliked","handleFilterClick"],[4,"vCardClicked","handleVCardClickedEvent"]]]]],["p-ae99e19e",[[1,"ptc-background-video",{"videoSrc":[1,"video-src"],"posterSrc":[1,"poster-src"],"overlay":[4],"playButtonTitle":[1,"play-button-title"],"pauseButtonTitle":[1,"pause-button-title"],"type":[1],"isIframe":[4,"is-iframe"],"paused":[32]}]]],["p-5d3c3f35",[[1,"ptc-card-content",{"cardType":[1,"card-type"],"outlineColor":[1,"outline-color"],"styles":[1],"isLoading":[4,"is-loading"],"setHeight":[64],"removeInlineHeight":[64]}]]],["p-95405fac",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"],"color":[1],"styles":[1]}]]],["p-006da5ab",[[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1],"setOverlay":[64]}]]],["p-f7b3d970",[[6,"fl-tab-header",{"tabTitle":[1,"tab-title"],"nameKey":[1,"name-key"],"selected":[4],"initialHeader":[32]}],[1,"fl-tab-content",{"nameKey":[1,"name-key"],"selected":[4]}],[1,"fl-tab-image",{"nameKey":[1,"name-key"],"selected":[4]}]]],["p-7951252a",[[1,"ptc-readmore",{"moreText":[1025,"more-text"],"lessText":[1025,"less-text"],"readMorePosition":[1,"read-more-position"],"display":[1],"visibleLines":[1,"visible-lines"],"visibleLinesCustom":[2,"visible-lines-custom"],"zIndex":[1,"z-index"],"checked":[1028],"size":[1],"isIcon":[4,"is-icon"],"color":[1],"updateReadmoreStatus":[64]},[[9,"resize","updateReadmoreStatus"]]]]],["p-46e3abad",[[4,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"],"styles":[1]},[[9,"resize","WindowResize"]]]]],["p-2c6cce6c",[[1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"disableResize":[1028,"disable-resize"],"imagePosition":[1,"image-position"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1],"objectFit":[1,"object-fit"],"isFullHeight":[4,"is-full-height"],"isFullWidth":[4,"is-full-width"],"styles":[1],"imageAlignment":[1,"image-alignment"],"maxWidth":[1,"max-width"],"displayImage":[1,"display-image"],"oldSrc":[32]},[[9,"resize","WindowResize"]]]]],["p-88932cf7",[[6,"ptc-tooltip",{"textDisplay":[1,"text-display"],"maxLength":[2,"max-length"],"textLines":[2,"text-lines"],"description":[1],"zIndex":[1,"z-index"],"position":[1],"styles":[1],"mode":[1],"theme":[1],"width":[1],"hideOnMobile":[4,"hide-on-mobile"],"isSmallScreen":[1028,"is-small-screen"]},[[9,"resize","addTruncatedClass"],[9,"resize","windowResize"]]]]],["p-126a278b",[[2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"isMobileSelect":[4,"is-mobile-select"],"injectedStyle":[1,"injected-style"]}]]]]'),e)));
+import{p as e,b as t}from"./p-00a1336a.js";export{s as setNonce}from"./p-00a1336a.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t(JSON.parse('[["p-33db658c",[[1,"bundle-jumbotron-example",{"jumbotron":[1],"isIframe":[4,"is-iframe"]}]]],["p-bdbb9aa2",[[1,"ptc-featured-list",{"isMobile":[32],"selectedTabGloble":[32]},[[9,"resize","handleResize"],[4,"flTabClicked","handleflTabClicked"]]]]],["p-003e61e7",[[1,"featured-list",{"isMobile":[32],"selectedTabGloble":[32]},[[9,"resize","handleResize"],[4,"flTabClicked","handleflTabClicked"]]]]],["p-4c1bc7f2",[[1,"ptc-filter-level-theater",{"selectedTab":[32],"lastSelectedTab":[32],"lastSelectedTabGroup":[32],"selectedTabGroup":[32]},[[4,"selectedFilterValues","handleSelectedFilterValues"]]]]],["p-220f86c0",[[1,"ptc-pricing-packaging-table",{"pageWithSubnav":[4,"page-with-subnav"],"tableTitle":[1,"table-title"],"tableSubTitle":[1,"table-sub-title"],"dataRows":[2,"data-rows"],"dataCols":[2,"data-cols"],"disclaimerCount":[2,"disclaimer-count"],"isDesktopView":[32],"cellWidthXXS":[32],"cellWidthMD":[32],"cellLeftRightPadding":[32],"headerType":[32],"lastScrollTop":[32],"scrollTimeInterval":[32],"scrollAmount":[32],"scrollLimit":[32],"stickyTopAt":[32],"columnHeaderLinks":[32],"hasEmptySpace":[32],"showFillerCells":[32],"showCtaButtonsRow":[32],"ctaButtons":[32],"disclaimers":[32],"tableDescription":[32]}]]],["p-4a865061",[[1,"ptc-pricing-table",{"pageWithSubnav":[4,"page-with-subnav"],"tableTitle":[1,"table-title"],"tableSubTitle":[1,"table-sub-title"],"tableDescription":[1,"table-description"],"dataRows":[2,"data-rows"],"dataCols":[2,"data-cols"],"disclaimerCount":[2,"disclaimer-count"],"scrollTopClipperHeight":[32],"desktopHeaderFirstCellWidth":[32],"targetElements":[32],"columnHeaderLinks":[32],"lastScrollTop":[32],"scrollTimeInterval":[32],"scrollAmount":[32],"scrollLimit":[32],"mobileHeaderRowColSpan":[32],"showCtaButtonsRow":[32],"ctaButtons":[32],"disclaimers":[32]}]]],["p-c20538ec",[[0,"ptc-form",{"formData":[32]}]]],["p-3cd9a53d",[[4,"ptc-pricing-add-on-section",{"cardCount":[2,"card-count"],"cardData":[32]}]]],["p-58e883bc",[[1,"sequential-bundle",{"isMobile":[32]},[[9,"resize","handleResize"]]]]],["p-6aa14f70",[[1,"author-listing-example",{"defaultAuthorImage":[1,"default-author-image"],"isLoading":[32],"loadedCardCount":[32],"cardsPerLoad":[32],"cardData":[32]},[[9,"scroll","handleScroll"]]]]],["p-43aa9e96",[[1,"bundle-example",{"isLoading":[32],"picWidth":[32],"picHeight":[32],"cardHeights":[32],"maxCardHeight":[32]},[[9,"resize","handleWindowResize"],[16,"squareHeightChanged","squareHeightChangedHandler"]]]]],["p-7057b757",[[1,"ptc-product-sidebar",{"suggestionList":[16],"searchTerm":[32],"suggestions":[32]},[[4,"dropdownTouched","handleDropdownTouched"],[0,"click","handleClick"],[4,"clearCtaClicked","handleclearCtaClicked"],[4,"selectedValues","handleSelectedValues"]]]]],["p-e54c51b3",[[1,"ptc-embedded-quiz",{"getQuizEndpoint":[1,"get-quiz-endpoint"],"quiz":[32],"slide":[32],"traversal":[32]}]]],["p-34f6cb85",[[1,"ptc-product-card",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"],"cardImageAltText":[1,"card-image-alt-text"],"cardDescription":[1,"card-description"],"cardCtaText":[1,"card-cta-text"],"toggleCtaTitle":[1,"toggle-cta-title"],"isSlotEmpty":[4,"is-slot-empty"],"isOpen":[32]}]]],["p-f00b4b73",[[1,"ptc-modal-quiz",{"totalQuestions":[2,"total-questions"],"modalId":[1,"modal-id"],"currentQuestion":[32],"currentSelectedPriority":[32],"selectedPriorityRadio":[32],"answers":[32],"traversal":[32]}]]],["p-92648b82",[[1,"ptc-news",{"newsTag":[1,"news-tag"],"newsTitle":[1,"news-title"],"newsSecondaryTitle":[1,"news-secondary-title"],"newsDate":[1,"news-date"],"newsSummary":[1,"news-summary"],"newsImage":[1,"news-image"],"newsImageAlt":[1,"news-image-alt"],"newsDownloadUrl":[1,"news-download-url"]}]]],["p-c9303172",[[1,"ptc-product-category",{"categoryTitle":[1,"category-title"],"categoryDescription":[1,"category-description"]}]]],["p-15cd377e",[[1,"ptc-product-highlight-card",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"],"cardImageAltText":[1,"card-image-alt-text"],"cardDescription":[1,"card-description"]}]]],["p-5b7db027",[[1,"ptc-announcement",{"barTitle":[1025,"bar-title"],"description":[1025],"linkText":[513,"link-text"],"linkTitle":[513,"link-title"],"visible":[1540],"linkUrl":[1537,"link-url"],"insideContainer":[4,"inside-container"],"target":[1025],"customMaxLines":[2,"custom-max-lines"],"moreText":[1,"more-text"],"windowSize":[32]},[[9,"resize","handleResize"]]]]],["p-3aa32e28",[[1,"ptc-collapse-list",{"header":[1],"listItems":[1040],"placeholderText":[1025,"placeholder-text"],"debounceUpdateDelay":[1026,"debounce-update-delay"],"data":[32],"searchText":[32],"selectedValue":[32],"selectedItems":[32],"hashMap":[32],"debouncedUpdatedEvent":[32],"refreshBuffer":[32],"removeSelectedItem":[64],"addSelectedItem":[64]}]]],["p-46d9058c",[[1,"ptc-product-list",null,[[4,"selectedResult","handleSearchResult"],[4,"clearsearch","handleSearchResult"],[4,"selectedValues","handleMultipleSearchResult"],[4,"emptyResult","handleEmptyResult"]]]]],["p-a7330910",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"],"contentAlignment":[1,"content-alignment"]}]]],["p-1a5a5341",[[1,"ptc-previous-url",{"href":[1],"text":[1],"styles":[1]}]]],["p-b4547b7f",[[1,"ptc-pricing-tabs",{"productTag":[1,"product-tag"],"header":[1],"tabLabel":[1,"tab-label"],"filterTag":[1,"filter-tag"],"styles":[1],"tabItems":[32],"isMobileViewPort":[32],"isDesktopViewPort":[32]},[[9,"resize","setIsMobileViewPort"]]]]],["p-0a7c799e",[[1,"ptc-bio-card",{"name":[1],"jobTitle":[1,"job-title"],"image":[1],"linkedin":[1],"twitter":[1],"showModal":[32]}]]],["p-9e8791c4",[[1,"ptc-checkbox",{"checked":[1025],"value":[1025],"disabled":[1028],"inputName":[1,"input-name"]}]]],["p-ca7250a3",[[1,"ptc-dropdown",{"theme":[1],"label":[1],"listItems":[16],"toggle":[32],"selectedItem":[32]},[[4,"click","offClick"]]]]],["p-211af9e1",[[1,"ptc-filter-tag",{"theme":[1],"iconColorMap":[32]}]]],["p-dafb152d",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["p-dff8c778",[[0,"ptc-mobile-select",{"triggerName":[1,"trigger-name"],"selectedText":[1,"selected-text"],"wheelData":[1040],"selectedId":[1,"selected-id"],"ensureBtnText":[1,"ensure-btn-text"],"cancelBtnText":[1,"cancel-btn-text"],"listTitle":[1,"list-title"]}]]],["p-eef785f3",[[1,"ptc-nav-submenu",{"label":[1],"iconAssetName":[1025,"icon-asset-name"],"iconSrc":[1,"icon-src"]}]]],["p-ccb6fcb7",[[1,"ptc-pagenation",{"totalCount":[2,"total-count"],"numberOfItems":[2,"number-of-items"],"previousValue":[1,"previous-value"],"lastValue":[1,"last-value"],"minPageNumber":[2,"min-page-number"],"maxPageNumber":[2,"max-page-number"],"clickedPageNumber":[2,"clicked-page-number"],"appendArray":[4,"append-array"],"prevArrowImg":[1,"prev-arrow-img"],"nextArrowImg":[1,"next-arrow-img"],"theme":[1],"styles":[1],"pageNumbers":[32],"isSmallScreen":[32]},[[9,"resize","windowResize"]]]]],["p-e40fc7a4",[[1,"ptc-podcast-card",{"heading":[1],"imageSrc":[1,"image-src"],"altText":[1,"alt-text"]}]]],["p-565bd4fa",[[1,"dynamic-box-bundle",{"topImgSrc":[1,"top-img-src"],"topImgAlt":[1,"top-img-alt"],"boxHeight":[2,"box-height"],"isHovering":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseout","handleMouseOut"]]]]],["p-c3e21c68",[[1,"ptc-accordion-item",{"heading":[1],"headingTag":[1,"heading-tag"],"autoHeight":[4,"auto-height"],"active":[1540],"theme":[1537],"hasHeadingSlot":[32],"hasArrowSlot":[32],"toggle":[64],"close":[64],"open":[64]}]]],["p-6faf3ced",[[0,"embedded-form",{"formData":[32],"isSubmitted":[32]}],[4,"ptc-data-lookup",{"elqSiteId":[1,"elq-site-id"],"elqVisitorLookupKey":[1,"elq-visitor-lookup-key"],"elqRecipientIdLookupKey":[1,"elq-recipient-id-lookup-key"],"elqContactLookupKey":[1,"elq-contact-lookup-key"],"elqFieldEmailRecId":[1,"elq-field-email-rec-id"],"elqFieldContactEmail":[1,"elq-field-contact-email"],"elqFieldVisitorEmail":[1,"elq-field-visitor-email"],"elqFieldVisitorFirstname":[1,"elq-field-visitor-firstname"],"elqFieldVisitorLastname":[1,"elq-field-visitor-lastname"],"notmeLinkId":[1,"notme-link-id"],"notmeFieldsClass":[1,"notme-fields-class"],"notmeMessage":[1,"notme-message"],"notmeMessageNoname":[1,"notme-message-noname"],"isInitialized":[32],"performDataLookup":[64]}],[4,"ptc-select",{"label":[1],"isRequired":[4,"is-required"],"helpertext":[1],"name":[1],"disabled":[4],"selectedValue":[1025,"selected-value"],"ptcDataEloquaName":[1,"ptc-data-eloqua-name"]}],[0,"ptc-form-checkbox",{"checkboxId":[1,"checkbox-id"],"label":[1],"required":[4],"isChecked":[1028,"is-checked"],"name":[1],"helpertext":[1],"hasError":[32],"validateCheckbox":[64]}],[0,"ptc-textfield",{"fieldId":[1,"field-id"],"type":[1],"required":[4],"ptcMaxLength":[2,"ptc-max-length"],"labelText":[1025,"label-text"],"helpertext":[1025],"disabled":[4],"name":[1],"ptcDataEloquaName":[1,"ptc-data-eloqua-name"],"inputValue":[1025,"input-value"]},[[0,"input","handleInput"],[2,"blur","inputBlurHandler"]]],[1,"max-width-container",{"maxWidthP":[2,"max-width-p"],"maxWidth":[2,"max-width"],"breakpoint":[2],"contentAlign":[1,"content-align"],"styles":[1]}],[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}],[1,"ptc-button",{"disabled":[516],"active":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1],"textAlign":[1,"text-align"]}],[6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleShadow":[1,"title-shadow"],"titleColor":[1,"title-color"],"titleMargin":[1,"title-margin"],"titleWeight":[1,"title-weight"],"titleSize":[1,"title-size"],"titleHeight":[1,"title-height"],"styles":[1],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"],"titleDisplay":[1,"title-display"]}]]],["p-cd8b434c",[[1,"sequential-bundle-example",{"isInteralCardsExpanded":[1040],"isMobile":[32],"expandedCardIndex":[32]},[[9,"resize","handleResize"]]]]],["p-ed2cc9da",[[1,"footer-form",{"formData":[32]}]]],["p-aa5af6a7",[[1,"innovator-toggle-container",{"sectionTitle":[1,"section-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["p-71a5a4b8",[[4,"ptc-tab-list",{"type":[1],"isMobile":[32],"selectedValue":[32]},[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["p-3bb91bc8",[[1,"ptc-related-card-rail",{"footerQuerySelector":[1,"footer-query-selector"],"closed":[32],"cardInView":[32],"data":[32],"screenBasedProps":[32]}]]],["p-94b48312",[[1,"ptc-square-card",{"number":[1],"arrowDirection":[1,"arrow-direction"]}]]],["p-dfec5f00",[[1,"ptc-sticky-title",{"barTitle":[1,"bar-title"],"logo":[1],"isSticky":[32]},[[9,"scroll","handleScroll"]]]]],["p-5698fc6b",[[6,"ptc-theater-video-modal",{"cards":[32],"showModal":[32],"currentCardIndex":[32],"filteredTagName":[32],"modalType":[32],"updateData":[64]}]]],["p-ede6a0f0",[[1,"ptc-value-prop-card",{"cardHref":[1,"card-href"],"target":[1],"rel":[1],"cardTitle":[1,"card-title"],"backgroundImage":[1,"background-image"]}]]],["p-5249434f",[[1,"ptc-icon-minimize",{"heading":[1025],"opened":[1028],"timeStamp":[32],"Refresh":[64]}]]],["p-1aec473a",[[1,"ptc-media-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"activeBackgroundImage":[1025,"active-background-image"],"hoverBackgroundImage":[1025,"hover-background-image"],"heading":[1025],"headingTransform":[1025,"heading-transform"],"category":[1025],"isHovered":[32]}]]],["p-f29c71fe",[[1,"ptc-quote",{"quoteType":[1025,"quote-type"],"quoteName":[1025,"quote-name"],"ctaText":[1,"cta-text"],"ctaUrl":[1,"cta-url"],"imgSrc":[1,"img-src"],"imgTitle":[1,"img-title"]}]]],["p-a64f1d6f",[[1,"ptc-search-field",{"textValue":[1,"text-value"],"placeholderLabel":[1,"placeholder-label"],"darkTheme":[4,"dark-theme"],"elevation":[1],"enableClear":[4,"enable-clear"],"styles":[1],"clearSearchValue":[64]}]]],["p-91a9844b",[[1,"ptc-slit-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"heading":[1],"content":[1],"styles":[1],"cardImage":[1,"card-image"]}]]],["p-03dd9737",[[1,"ptc-subnav-card",{"cardTitle":[1,"card-title"],"cardHref":[1,"card-href"],"cardImageSrc":[1,"card-image-src"],"cardImageAlt":[1,"card-image-alt"],"ctaText":[1,"cta-text"],"ctaIconAssetName":[1,"cta-icon-asset-name"]}]]],["p-13cd1ccc",[[0,"tab-header",{"name":[1],"tooltip":[1],"tabHeaderText":[1,"tab-header-text"],"isSelected":[32],"maxLength":[32],"getChild":[64]},[[9,"resize","handleWindowResize"]]]]],["p-40a6e32d",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["p-14a53b5a",[[1,"ptc-accordion",{"multiple":[4],"theme":[1]},[[0,"opened","openHandler"]]]]],["p-1286d2f5",[[1,"ptc-back-to-top",{"showButton":[32]},[[0,"click","handleClick"]]]]],["p-029b2e2f",[[2,"ptc-brightcov-video",{"videoId":[1,"video-id"]}]]],["p-521f8a44",[[1,"ptc-case-studies-slider"]]],["p-a32571b5",[[1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"],"spacing":[1],"styles":[1]}]]],["p-84e83224",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["p-8609c7b2",[[1,"ptc-icon-component",{"isMobile":[32]},[[9,"resize","handleResize"]]]]],["p-a2ed8861",[[1,"ptc-icon-list",{"listType":[1,"list-type"],"valueWithUnit":[1,"value-with-unit"],"valueText":[1,"value-text"],"listContent":[1,"list-content"],"isLastItem":[4,"is-last-item"]}]]],["p-2c5b80ad",[[1,"ptc-minimized-nav",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"],"navType":[1,"nav-type"]}]]],["p-ac96f617",[[1,"ptc-nav-card",{"cardType":[1025,"card-type"],"cardHref":[1025,"card-href"],"logoAlt":[1025,"logo-alt"],"target":[1025],"rel":[1025],"linkTitle":[1025,"link-title"],"cardLogo":[1025,"card-logo"],"heading":[1025],"description":[1025],"windowSize":[32]},[[9,"resize","handleResize"]]]]],["p-61e48f01",[[1,"ptc-nav-link",{"href":[1025],"isOutsideLink":[1028,"is-outside-link"],"titleText":[1025,"title-text"]},[[2,"click","handleClick"]]]]],["p-a6c6e898",[[1,"ptc-nav-pills"]]],["p-4ddf04cf",[[1,"ptc-nav-slider",{"sliderId":[1,"slider-id"]},[[0,"dropdownClickEvent","handledropdownClickEvent"]]]]],["p-ffede29b",[[1,"ptc-readmore-char",{"maxCharacters":[2,"max-characters"],"description":[1],"readMoreText":[1,"read-more-text"],"readLessText":[1,"read-less-text"],"expanded":[32]}]]],["p-b80358ed",[[1,"ptc-responsive-wrapper"]]],["p-945d22e4",[[1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}]]],["p-75d0ee9e",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"fontWeight":[1,"font-weight"],"styles":[1]}]]],["p-7f1dd267",[[1,"ptc-sticky-icons",null,[[9,"resize","handleResize"]]]]],["p-2ec1526d",[[1,"ptc-sticky-section",null,[[9,"scroll","handleScroll"]]]]],["p-18a51b46",[[1,"ptc-subnav",{"mobileTitle":[1,"mobile-title"],"navOpen":[32]},[[9,"scroll","handleScroll"],[0,"navLinkClicked","handleNavLinkClickedEvent"]]]]],["p-9691a9fe",[[1,"ptc-tab",{"optionClicked":[1540,"option-clicked"],"label":[1],"price":[1],"active":[4],"disabled":[516]}]]],["p-1afabe42",[[1,"ptc-tabs",{"tabs":[32],"openTab":[64]}]]],["p-5aebbb5d",[[1,"ptc-text-copy-with-background",{"type":[1],"backgroundImage":[1,"background-image"],"ImageAltText":[1,"image-alt-text"],"topSlitBackgroundColor":[1,"top-slit-background-color"],"slitPosition":[1,"slit-position"],"isBackgroundBlur":[4,"is-background-blur"],"overlay":[4],"styles":[1]}]]],["p-9f227e83",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["p-01f51476",[[4,"tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["p-568103b8",[[1,"ptc-para",{"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"paraStyle":[1,"para-style"],"paraColor":[1,"para-color"],"paraLineH":[1,"para-line-h"],"paraMargin":[1,"para-margin"],"paraAlign":[1,"para-align"],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"],"paraZIndex":[1,"para-z-index"],"styles":[1]}]]],["p-e21c0fa1",[[1,"ptc-pricing-add-on-card",{"cardTitle":[1,"card-title"],"cardPricingText":[1,"card-pricing-text"],"cardCtaHref":[1,"card-cta-href"],"cardCtaText":[1,"card-cta-text"],"cardCtaTarget":[1,"card-cta-target"],"cardDisclaimer":[1,"card-disclaimer"]}]]],["p-2a6125a8",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"country":[1],"styles":[1],"ribbonText":[1,"ribbon-text"],"eventType":[1,"event-type"],"cardLogo":[1,"card-logo"],"titleLineCutOff":[2,"title-line-cut-off"],"maxChars":[2,"max-chars"],"maxLines":[2,"max-lines"],"cardOverflow":[1,"card-overflow"],"isCreoCard":[4,"is-creo-card"]}]]],["p-37fe2ada",[[4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["p-d4999019",[[1,"ptc-ellipsis-dropdown",{"dataItems":[16],"selectedTab":[1,"selected-tab"],"isDropdownOpen":[32],"isMobile":[32]},[[4,"click","offClick"],[9,"resize","handleResize"]]]]],["p-6159ccab",[[1,"ptc-image-download-strip",{"downloadUrl":[1,"download-url"]}]]],["p-a95fd3fc",[[1,"ptc-pricing-block",{"active":[4],"optionClicked":[1540,"option-clicked"]}]]],["p-8471b016",[[1,"ptc-product-dropdown",{"newOptions":[16],"selectedOptions":[16],"placeholder":[1],"internalOptions":[32],"isOpen":[32]},[[4,"clearsearch","handleSearchResult"],[4,"inputChanged","handleinputChanged"]]]]],["p-0eff6801",[[1,"ptc-progress-bar",{"scrollPercentage":[32]},[[9,"scroll","handleScroll"]]]]],["p-5a6614a3",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"],"display":[1],"zIndex":[1,"z-index"],"styles":[2]}]]],["p-9958701f",[[1,"ptc-jumbotron",{"jumbotronType":[1,"jumbotron-type"],"hasPopupVideo":[4,"has-popup-video"],"mainTitle":[1,"main-title"],"subTitle":[1,"sub-title"],"pngSrc":[1,"png-src"],"gifSrc":[1,"gif-src"],"bgVideoSrc":[1,"bg-video-src"],"bgSrc":[1,"bg-src"],"isIframe":[4,"is-iframe"],"playButtonTitle":[1,"play-button-title"],"pauseButtonTitle":[1,"pause-button-title"],"hasCtaSlot":[4,"has-cta-slot"],"contentBackground":[32],"contentColor":[32],"textAlign":[32],"isMobile":[32]},[[9,"resize","handleResize"]]],[1,"ptc-breadcrumb",{"position":[1],"removeTopMargin":[4,"remove-top-margin"],"color":[1],"styles":[1]}]]],["p-2803fa43",[[1,"ptc-dynamic-card",{"cardType":[1,"card-type"],"cardTitle":[1,"card-title"],"cardImgSrc":[1,"card-img-src"],"cardImgAlt":[1,"card-img-alt"],"cardScreen":[1,"card-screen"],"isExpanded":[4,"is-expanded"],"styles":[1],"overlayExists":[32]}]]],["p-8d2425b5",[[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"],"dataSize":[1,"data-size"],"formatOptions":[1,"format-options"]}]]],["p-6208dc3d",[[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"linkArea":[1,"link-area"],"styles":[1]}]]],["p-cd1627fd",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}],[1,"ptc-card-wrapper",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"],"isLoading":[4,"is-loading"],"styles":[1]},[[9,"resize","handleResize"]]],[1,"ptc-skeleton",{"isLoading":[4,"is-loading"],"animated":[4],"width":[1],"borderRadius":[1,"border-radius"],"topMargin":[1,"top-margin"],"btmMargin":[1,"btm-margin"]}]]],["p-66a121a7",[[1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"fixed":[1028],"closeOnBlur":[1028,"close-on-blur"],"rounded":[1028],"showHeaderFooter":[1028,"show-header-footer"],"borderRadius":[1025,"border-radius"],"isBioModal":[1028,"is-bio-modal"],"styles":[1],"overlayHeight":[32],"bodyOverflowSetting":[32]}]]],["p-aee89482",[[1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"iconColor":[1,"icon-color"],"iconHoverColor":[1,"icon-hover-color"],"iconSize":[1,"icon-size"],"isHover":[32]}],[1,"ptc-filter-dropdown",{"placeholder":[1],"selectedTag":[1,"selected-tag"],"internalOptions":[32],"selectedOptions":[32],"isOpen":[32]}],[6,"ptc-theater-video",{"cardTitle":[1,"card-title"],"cardDescription":[1,"card-description"],"thumbImg":[1,"thumb-img"],"cardNumber":[2,"card-number"],"videoId":[2,"video-id"],"vtagName":[1,"vtag-name"],"modalType":[1,"modal-type"]}],[1,"ptc-theater-video-playlist",{"cardElements":[8,"card-elements"],"currentCardIndex":[32],"filteredTagName":[32]},[[4,"filterCliked","handleFilterClick"],[4,"vCardClicked","handleVCardClickedEvent"]]]]],["p-ae99e19e",[[1,"ptc-background-video",{"videoSrc":[1,"video-src"],"posterSrc":[1,"poster-src"],"overlay":[4],"playButtonTitle":[1,"play-button-title"],"pauseButtonTitle":[1,"pause-button-title"],"type":[1],"isIframe":[4,"is-iframe"],"paused":[32]}]]],["p-5d3c3f35",[[1,"ptc-card-content",{"cardType":[1,"card-type"],"outlineColor":[1,"outline-color"],"styles":[1],"isLoading":[4,"is-loading"],"setHeight":[64],"removeInlineHeight":[64]}]]],["p-95405fac",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"],"color":[1],"styles":[1]}]]],["p-006da5ab",[[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1],"setOverlay":[64]}]]],["p-f7b3d970",[[6,"fl-tab-header",{"tabTitle":[1,"tab-title"],"nameKey":[1,"name-key"],"selected":[4],"initialHeader":[32]}],[1,"fl-tab-content",{"nameKey":[1,"name-key"],"selected":[4]}],[1,"fl-tab-image",{"nameKey":[1,"name-key"],"selected":[4]}]]],["p-7951252a",[[1,"ptc-readmore",{"moreText":[1025,"more-text"],"lessText":[1025,"less-text"],"readMorePosition":[1,"read-more-position"],"display":[1],"visibleLines":[1,"visible-lines"],"visibleLinesCustom":[2,"visible-lines-custom"],"zIndex":[1,"z-index"],"checked":[1028],"size":[1],"isIcon":[4,"is-icon"],"color":[1],"updateReadmoreStatus":[64]},[[9,"resize","updateReadmoreStatus"]]]]],["p-46e3abad",[[4,"ptc-img",{"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"imgUrl":[1,"img-url"],"imageType":[1,"image-type"],"borderRadius":[1,"border-radius"],"loadMode":[1,"load-mode"],"styles":[1]},[[9,"resize","WindowResize"]]]]],["p-2c6cce6c",[[1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"disableResize":[1028,"disable-resize"],"imagePosition":[1,"image-position"],"borderRadius":[1,"border-radius"],"height":[1],"width":[1],"objectFit":[1,"object-fit"],"isFullHeight":[4,"is-full-height"],"isFullWidth":[4,"is-full-width"],"styles":[1],"imageAlignment":[1,"image-alignment"],"maxWidth":[1,"max-width"],"displayImage":[1,"display-image"],"oldSrc":[32]},[[9,"resize","WindowResize"]]]]],["p-88932cf7",[[6,"ptc-tooltip",{"textDisplay":[1,"text-display"],"maxLength":[2,"max-length"],"textLines":[2,"text-lines"],"description":[1],"zIndex":[1,"z-index"],"position":[1],"styles":[1],"mode":[1],"theme":[1],"width":[1],"hideOnMobile":[4,"hide-on-mobile"],"isSmallScreen":[1028,"is-small-screen"]},[[9,"resize","addTruncatedClass"],[9,"resize","windowResize"]]]]],["p-126a278b",[[2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"isMobileSelect":[4,"is-mobile-select"],"injectedStyle":[1,"injected-style"]}]]]]'),e)));

package/dist/types/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.d.ts

@@ -72,6 +72,13 @@ export declare class PtcPricingPackagingTable {
   handleFillEmptySpace: () => void;
   resetWidthVariables: () => void;
   handleTableReset: () => void;
+  preProcessTableDescription: () => void;
+  preProcessdesktopHeaderFirstCell: () => void;
+  preProcessColumnHeaders: () => void;
+  preProcessHeaderLinks: () => void;
+  preProcessRowHeaders: () => void;
+  preProcessCtaButtons: () => void;
+  preProcessDisclaimers: () => void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   render(): any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ptcwebops/ptcw-design",
-  "version": "2.9.2",
+  "version": "2.9.3",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "./dist/index.js",

package/readme.md

@@ -1,6 +1,6 @@
 ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)
 
-# PTC Design 2.9.2
+# PTC Design 2.9.3
 
 The site is the place for documentation on PTC Design System
 

package/dist/ptcw-design/p-58c140ab.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,H as l,g as i,F as a}from"./p-00a1336a.js";const s=class{constructor(e){t(this,e),this.verticalScrollContentClipperHeightOptions={withSubNav:{desktop:104,mobile:80},withoutSubNav:{desktop:40,mobile:24}},this.handleVerticalScroll=()=>{let t=this.el.shadowRoot.querySelector("#vertical-scroll-content-clipper"),e=this.el.shadowRoot.querySelector("#table-container"),l=this.el.shadowRoot.querySelector("#table-body"),i=this.el.shadowRoot.querySelector("#table-header-placeholder"),a=this.el.shadowRoot.querySelector("#table-header");const s=window.scrollY||document.documentElement.scrollTop;s<this.lastScrollTop?(i.getBoundingClientRect().top>=this.stickyTopAt&&(this.headerType="normal",a.style.top="0px"),"sticky"===this.headerType&&e.getBoundingClientRect().bottom>a.getBoundingClientRect().bottom&&a.getBoundingClientRect().top<this.stickyTopAt&&(a.style.top=`${Math.min(e.getBoundingClientRect().bottom-a.clientHeight,this.stickyTopAt)}px`,t.style.top=a.getBoundingClientRect().top-t.clientHeight+"px")):s>this.lastScrollTop&&(i.getBoundingClientRect().top<this.stickyTopAt&&(this.headerType="sticky",a.style.top=`${this.stickyTopAt}px`,a.style.width=`${l.getBoundingClientRect().width}px`,a.scrollLeft=l.scrollLeft),"sticky"===this.headerType&&e.getBoundingClientRect().bottom<=a.getBoundingClientRect().bottom&&(a.style.top=e.getBoundingClientRect().bottom-a.clientHeight+"px",t.style.top=a.getBoundingClientRect().top-t.clientHeight+"px")),this.lastScrollTop=s<=0?0:s},this.handleHorizontalScroll=()=>{let t=this.el.shadowRoot.querySelector("#table-header"),e=this.el.shadowRoot.querySelector("#table-body");t.scrollLeft=e.scrollLeft,this.handleScrollButtonsVisibility()},this.handleScrollButtonsVisibility=()=>{let t=this.el.shadowRoot.querySelector("#table-body"),e=this.el.shadowRoot.querySelector("#previous-scroll-button"),l=this.el.shadowRoot.querySelector("#next-scroll-button"),i=this.el.shadowRoot.querySelector("#horizontal-scroll-shadow");0===t.scrollLeft?(e.style.visibility="hidden",i.style.visibility="hidden"):(e.style.visibility="visible",i.style.visibility="visible"),l.style.visibility=[-1,0,1].includes(Math.trunc(t.scrollWidth-t.scrollLeft)-Math.trunc(t.getBoundingClientRect().width))?"hidden":"visible"},this.handleForwardScroll=()=>{let t=0,e=this.el.shadowRoot.querySelector("#table-body"),l=setInterval((()=>{t+=this.scrollAmount,(t==this.scrollLimit||[-1,0,1].includes(Math.trunc(e.scrollWidth-e.scrollLeft)-Math.trunc(e.getBoundingClientRect().width)))&&clearInterval(l),e.scrollLeft+=t}),this.scrollTimeInterval)},this.handleBackwardScroll=()=>{let t=0,e=this.el.shadowRoot.querySelector("#pricing-table"),l=this.el.shadowRoot.querySelector("#table-body"),i=setInterval((()=>{t+=this.scrollAmount,(t==this.scrollLimit||e.getBoundingClientRect().left>=l.getBoundingClientRect().right)&&clearInterval(i),l.scrollLeft-=t}),this.scrollTimeInterval)},this.setFillerCellWidth=t=>{this.el.style.setProperty("--filler-cell-width",`${t}px`)},this.expandTableCells=()=>{let t=this.el.shadowRoot.querySelector("#pricing-table"),e=this.el.shadowRoot.querySelector(".desktop-header-first-cell"),l=(t.getBoundingClientRect().width-e.getBoundingClientRect().width)/this.dataCols;this.isDesktopView?(this.el.style.setProperty("--cell-width-xxs",`${this.cellWidthXXS}px`),this.el.style.setProperty("--cell-width-md",l-this.cellLeftRightPadding+"px")):(this.el.style.setProperty("--cell-width-xxs",l-this.cellLeftRightPadding+"px"),this.el.style.setProperty("--cell-width-md",`${this.cellWidthMD}px`))},this.handleFillEmptySpace=()=>{let t=this.el.shadowRoot.querySelector("#pricing-table");this.el.shadowRoot.querySelector("#table-header-placeholder").getBoundingClientRect().right<t.getBoundingClientRect().right&&(this.hasEmptySpace=!0,this.expandTableCells())},this.resetWidthVariables=()=>{this.el.style.setProperty("--cell-width-xxs",`${this.cellWidthXXS}px`),this.el.style.setProperty("--cell-width-md",`${this.cellWidthMD}px`)},this.handleTableReset=()=>{let t=this.el.shadowRoot.querySelector("#vertical-scroll-content-clipper"),e=this.el.shadowRoot.querySelector("#table-header"),l=this.el.shadowRoot.querySelector("#table-body"),i=this.el.shadowRoot.querySelector("#next-scroll-button"),a=this.el.shadowRoot.querySelector(".desktop-header-first-cell"),s=this.el.shadowRoot.querySelector("#horizontal-scroll-shadow");this.isDesktopView=window.innerWidth>=992,this.resetWidthVariables(),this.stickyTopAt=this.pageWithSubnav?this.isDesktopView?this.verticalScrollContentClipperHeightOptions.withSubNav.desktop:this.verticalScrollContentClipperHeightOptions.withSubNav.mobile:this.isDesktopView?this.verticalScrollContentClipperHeightOptions.withoutSubNav.desktop:this.verticalScrollContentClipperHeightOptions.withoutSubNav.mobile,this.el.style.setProperty("--sticky-stop-at",`${this.stickyTopAt}px`);const r=window.getComputedStyle(document.body,null).getPropertyValue("background-color");t.style.backgroundColor="rgba(0, 0, 0, 0)"===r?"white":r,t.style.width=`${l.getBoundingClientRect().width+20}px`,t.style.transform="translateX(-10px)",e.style.width=`${l.getBoundingClientRect().width}px`,e.scrollLeft=l.scrollLeft,i.style.left=`${l.getBoundingClientRect().width}px`,s.style.left=`${a.getBoundingClientRect().width}px`,this.handleScrollButtonsVisibility(),this.handleFillEmptySpace()},this.pageWithSubnav=!1,this.tableTitle=void 0,this.tableSubTitle="",this.dataRows=void 0,this.dataCols=void 0,this.disclaimerCount=0,this.isDesktopView=void 0,this.cellWidthXXS=180,this.cellWidthMD=225,this.cellLeftRightPadding=48,this.headerType="normal",this.lastScrollTop=void 0,this.scrollTimeInterval=25,this.scrollAmount=5,this.scrollLimit=50,this.stickyTopAt=void 0,this.columnHeaderLinks=[],this.hasEmptySpace=!1,this.showFillerCells=!1,this.showCtaButtonsRow=void 0,this.ctaButtons=[],this.disclaimers=[],this.tableDescription=void 0}componentWillLoad(){let t=this.el.querySelector('[slot="table-description"]');t&&(this.tableDescription=t);let e=this.el.querySelector('[slot="desktop-header-first-cell"]');this.el.insertAdjacentHTML("afterbegin",`<span slot="placeholder-desktop-header-first-cell">${e.innerHTML}</span>`);let l=this.el.querySelectorAll('[slot^="column-header"]');for(let t=0;t<this.dataCols;t++){let e=l[t].getAttribute("slot");this.el.insertAdjacentHTML("afterbegin",`<span slot="placeholder-${e}">${l[t].innerHTML}</span>`)}let i=this.el.querySelectorAll('[slot^="header-link"]');if(i.length>0)for(let t=0;t<this.dataCols;t++){let e=i[t].getAttribute("href"),l=i[t].innerHTML,a=i[t].getAttribute("target");this.columnHeaderLinks.push({linkHref:e,linkText:l,linkTarget:a}),i[t].remove()}let a=this.el.querySelectorAll('[slot^="row-header"]');for(let t=0;t<this.dataRows;t++){let e=a[t].getAttribute("slot"),l=a[t].innerHTML;this.el.insertAdjacentHTML("afterbegin",`<span slot="desktop-${e}">${l}</span><span slot="mobile-${e}">${l}</span>`),a[t].remove()}let s=this.el.querySelectorAll('[slot^="cta-button"]');this.showCtaButtonsRow=0!==s.length;for(let t=0;t<this.dataCols;t++)this.ctaButtons.push({linkHref:s[t].getAttribute("href"),linkText:s[t].innerHTML,linkTarget:s[t].getAttribute("target")}),s[t].remove();let r=this.el.querySelectorAll('[slot^="disclaimer"]');for(let t=0;t<this.disclaimerCount;t++)this.disclaimers.push(r[t].innerHTML)}componentDidLoad(){this.handleTableReset(),window.addEventListener("scroll",(()=>this.handleVerticalScroll())),window.addEventListener("resize",(()=>this.handleTableReset()))}render(){return e(l,null,e("div",{id:"pricing-table"},e((()=>this.tableTitle&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-title",{type:"h2","text-align":"center","title-size":"xx-large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-8"},this.tableTitle)),this.tableSubTitle?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"x-small"}),e("ptc-spacer",{breakpoint:"x-small",size:"small"})):this.tableDescription?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"})):null)),null),e((()=>this.tableSubTitle&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-title",{type:"h3","text-align":"center","title-size":"large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7"},this.tableSubTitle)),e("ptc-spacer",{breakpoint:"small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"large"}))),null),e((()=>this.tableDescription&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-para",{"font-size":"small","font-weight":"w-4","para-align":"center","para-line-h":"line-height-p","para-margin":"margin-flush"},this.tableDescription.innerText.length<=500?e("slot",{name:"table-description"}):e("ptc-readmore",{"more-text":"More","less-text":"Less"},e("slot",{name:"table-description"})))))),null),e("ptc-spacer",{breakpoint:"small",size:"xx-large"}),e("ptc-spacer",{breakpoint:"small",size:"xx-small"}),e("ptc-spacer",{breakpoint:"x-small",size:"xxx-large"}),e("ptc-spacer",{breakpoint:"x-small",size:"xx-small"}),e("div",{id:"vertical-scroll-content-clipper",class:this.headerType}),e("div",{id:"table-container"},e("div",{id:"horizontal-scroll-shadow"}),e("div",{id:"table-body",onScroll:()=>this.handleHorizontalScroll()},e((()=>e("div",{id:"table-header",class:this.headerType,onScroll:()=>this.handleHorizontalScroll()},e("div",{class:"desktop-header-first-cell"},this.isDesktopView?e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"left","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:"desktop-header-first-cell"})):null,e("div",{class:"scroll-button",id:"previous-scroll-button"},e("div",{onClick:()=>this.handleBackwardScroll()},e("icon-asset",{type:"solid",size:"medium",name:"chevron-left",color:"primary-gray"}),e("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},"More"))),e("div",{class:"scroll-button",id:"next-scroll-button"},e("div",{onClick:()=>this.handleForwardScroll()},e("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},"More"),e("icon-asset",{type:"solid",size:"medium",name:"chevron-right",color:"primary-gray"})))),[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"center","para-color":"white","para-line-h":"line-height-densest","para-margin":"margin-flush","para-z-index":"z-1"},e("slot",{name:`column-header-${t+1}`})),this.columnHeaderLinks.length===this.dataCols?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-link",{"font-size":"medium","font-weight":"w-extrabold",href:`${this.columnHeaderLinks[t].linkHref}`,"link-area":"undefined",target:`${this.columnHeaderLinks[t].linkTarget}`,theme:"d-green-underline",styles:"a.ptc-link {line-height: var(--ptc-line-height-p);}"},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.columnHeaderLinks[t].linkText,position:"top"}):this.columnHeaderLinks[t].linkText)):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")}))),null),e((()=>e("div",{id:"table-header-placeholder",class:this.headerType},e("div",{class:"desktop-header-first-cell"},this.isDesktopView?e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"left","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:"placeholder-desktop-header-first-cell"})):null),[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"center","para-color":"white","para-line-h":"line-height-densest","para-margin":"margin-flush","para-z-index":"z-1"},e("slot",{name:`placeholder-column-header-${t+1}`})),this.columnHeaderLinks.length===this.dataCols?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-link",{"font-size":"medium","font-weight":"w-extrabold",href:`${this.columnHeaderLinks[t].linkHref}`,"link-area":"undefined",target:`${this.columnHeaderLinks[t].linkTarget}`,theme:"d-green-underline",styles:"a.ptc-link {line-height: var(--ptc-line-height-p);}"},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.columnHeaderLinks[t].linkText,position:"top"}):this.columnHeaderLinks[t].linkText)):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")}))),null),e((()=>[...Array(this.dataRows).keys()].map((t=>e(a,null,e("div",{class:"mobile-sticky-row-header"},e("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:`mobile-row-header-${t+1}`}))),e("div",{class:"table-row "+(this.isDesktopView&&t%2!=0?"desktop-alternate-row":"")},this.isDesktopView?e("div",{class:"desktop-sticky-row-header "+(this.isDesktopView&&t%2!=0?"desktop-alternate-row":"")},e("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:`desktop-row-header-${t+1}`}))):null,[...Array(this.dataCols).keys()].map((l=>e("div",{class:"table-cell "+(l+1===this.dataCols?"table-last-cell":"")},e("slot",{name:`cell-r${t+1}-c${l+1}`})))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")})))))),null),e((()=>this.showCtaButtonsRow?e("div",{class:"table-cta-row"},this.isDesktopView?e("div",{class:"desktop-sticky-row-header"}):null,[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},e("ptc-button",{type:"link",color:"ptc-tertiary","link-href":this.ctaButtons[t].linkHref,target:`${this.ctaButtons[t].linkTarget}`},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.ctaButtons[t].linkText,position:"top"}):this.ctaButtons[t].linkText)))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")})):null),null))),e((()=>this.disclaimerCount>0&&e(a,null,e("ptc-spacer",{breakpoint:"small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"large"}),this.disclaimers.map(((t,l)=>e(a,null,e("ptc-para",{"font-size":"xx-small","font-weight":"w-6","para-align":"center","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:`disclaimer-${l+1}`})),l!=this.disclaimerCount-1?e("ptc-spacer",{size:"xx-small"}):null))))),null)))}get el(){return i(this)}};s.style=":host{display:block}:host #pricing-table{position:relative;overflow-wrap:break-word}:host #vertical-scroll-content-clipper.normal{display:none}:host #vertical-scroll-content-clipper.sticky{display:block;z-index:20;position:fixed;top:0;width:100%;height:var(--sticky-stop-at, 50px)}:host #table-container{width:100%;overflow-x:auto;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);position:relative}:host #table-body{width:100%;overflow-x:scroll;position:relative}:host .scroll-button{display:flex;align-items:center;position:absolute;z-index:15;height:100%}:host .scroll-button#previous-scroll-button div{margin-right:var(--ptc-element-spacing-02);border-radius:0px var(--ptc-element-spacing-01) var(--ptc-element-spacing-01) 0px}:host .scroll-button#previous-scroll-button div ptc-para{margin-right:var(--ptc-element-spacing-04)}:host .scroll-button#next-scroll-button{transform:translateX(-100%)}:host .scroll-button#next-scroll-button div{margin-left:var(--ptc-element-spacing-02);border-radius:var(--ptc-element-spacing-01) 0px 0px var(--ptc-element-spacing-01)}:host .scroll-button#next-scroll-button div ptc-para{margin-left:var(--ptc-element-spacing-04)}:host .scroll-button div{display:inline-block;width:fit-content;height:36px;background-color:white;color:black;box-shadow:var(--ptc-shadow-x-medium);display:flex;justify-content:center;align-items:center}:host .scroll-button div icon-asset{display:flex;justify-content:center;align-items:center;width:36px;height:100%}:host .scroll-button div ptc-para{display:none;white-space:nowrap}:host .table-filler-cell{display:none;min-width:var(--filler-cell-width, 0px);max-width:var(--filler-cell-width, 0px);height:100%;box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-bottom:1px solid var(--color-gray-02)}:host .table-filler-cell.show{display:table-cell}:host #table-header{display:table-row;background:var(--color-gray-10);color:white;z-index:10}:host #table-header.normal{position:relative}:host #table-header.sticky{position:fixed;top:var(--sticky-stop-at, 50px);border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard);overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;box-shadow:0 16px 16px -16px grey}:host #table-header.sticky::-webkit-scrollbar{display:none}:host #table-header .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);text-align:center;display:table-cell;vertical-align:middle}:host #table-header .table-cell.table-last-cell{border-right:none}:host #table-header .table-cell ptc-link a.ptc-link{line-height:var(--ptc-line-height-p)}:host #table-header .table-filler-cell{border-bottom:none;border-left:1px solid var(--color-gray-07)}:host #table-header-placeholder.normal{position:absolute;top:0;display:table-row;opacity:0}:host #table-header-placeholder.sticky{position:relative;display:table-row;opacity:0;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}:host #table-header-placeholder .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);text-align:center;display:table-cell;vertical-align:middle}:host #table-header-placeholder .table-cell.table-last-cell{border-right:none}:host #table-header-placeholder .table-filler-cell{border-bottom:none;border-left:1px solid var(--color-gray-07)}:host .desktop-header-first-cell{display:table-cell;position:sticky;left:0;z-index:10}:host .mobile-sticky-row-header{display:block;position:sticky;left:0;background-color:var(--color-gray-01);border-bottom:1px solid var(--color-gray-02);padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}:host .table-row{display:table-row;background-color:white}:host .table-row .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);text-align:center;display:table-cell;vertical-align:middle}:host .table-row .table-cell.table-last-cell{border-right:none}:host .table-row .table-filler-cell{border-left:1px solid var(--color-gray-02)}:host .table-cta-row{display:table-row;background-color:white}:host .table-cta-row .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);text-align:center;display:table-cell;vertical-align:middle}:host .table-cta-row .table-cell.table-last-cell{border-right:none}:host .table-cta-row .table-filler-cell{border-left:1px solid var(--color-gray-02)}@media only screen and (min-width: 768px){:host .table-descriptor{max-width:768px;margin:auto}}@media only screen and (min-width: 992px){:host .scroll-button{height:100%;top:0}:host .scroll-button div ptc-para{display:none}:host .scroll-button div:hover{cursor:pointer}:host .scroll-button div:hover ptc-para{display:block}:host .scroll-button#previous-scroll-button{right:0;transform:translateX(100%)}:host #horizontal-scroll-shadow{display:block;position:absolute;top:0;left:0;height:100%;width:var(--ptc-element-spacing-06);background:linear-gradient(90deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);z-index:1}:host #table-header.sticky{box-shadow:none}:host #table-header .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host #table-header .last-column-tooltip .tooltip{right:4px}:host #table-header-placeholder .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host #table-header-placeholder .last-column-tooltip .tooltip{right:-4px}:host .desktop-sticky-row-header{min-width:var(--desktop-row-header-cell-width-md, 275px);max-width:var(--desktop-row-header-cell-width-md, 275px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);display:table-cell;vertical-align:middle;position:sticky;left:0;background-color:white;z-index:5}:host .desktop-sticky-row-header.desktop-alternate-row{background-color:var(--color-gray-01)}:host .desktop-header-first-cell{min-width:var(--desktop-row-header-cell-width-md, 275px);max-width:var(--desktop-row-header-cell-width-md, 275px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);display:table-cell;vertical-align:middle;position:sticky;left:0;z-index:10;background:var(--color-gray-10)}:host .table-row .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host .table-row.desktop-alternate-row{background-color:var(--color-gray-01)}:host .mobile-sticky-row-header{display:none}:host .table-cta-row{display:table-row}:host .table-cta-row .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host .table-cta-row .last-column-tooltip .tooltip{right:-4px}}";export{s as ptc_pricing_packaging_table}