@ptcwebops/ptcw-design 3.0.2 → 3.0.3

package/dist/ptcw-design/p-4a865061.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,F as e,H as l,g as o}from"./p-00a1336a.js";const s=class{constructor(i){t(this,i),this.scrollTopClipperHeightOptions={withSubNav:{desktop:"104px",mobile:"80px"},withoutSubNav:{desktop:"40px",mobile:"24px"}},this.verticalEdgePixelComparator=(t,i)=>t==i||t>=i-2&&t<=i+2?0:t<i-2?-1:t>i+2?1:void 0,this.handleHorizontalScroll=()=>{var t,i,e,l,o,s,a,n;if(this.targetElements=this.getTargetElements(),this.targetElements["sticky-header-container"].scrollLeft=null===(t=this.targetElements["table-container"])||void 0===t?void 0:t.scrollLeft,[-1,0].includes(this.verticalEdgePixelComparator(null===(i=this.targetElements["table-container"])||void 0===i?void 0:i.getBoundingClientRect().right,null===(e=this.targetElements.table)||void 0===e?void 0:e.getBoundingClientRect().right))&&(this.targetElements["normal-scroll-buttons-container"].style.left=`${(null===(l=this.targetElements["table-container"])||void 0===l?void 0:l.scrollLeft)+this.desktopHeaderFirstCellWidth}px`,this.targetElements["sticky-scroll-buttons-container"].style.left=`${(null===(o=this.targetElements["table-container"])||void 0===o?void 0:o.scrollLeft)+this.desktopHeaderFirstCellWidth}px`),this.targetElements["mobile-table-row-headers"].length>0)for(let t=0;t<this.dataRows;t++)this.targetElements["mobile-table-row-headers"][t].style.paddingLeft=`${null===(s=this.targetElements["table-container"])||void 0===s?void 0:s.scrollLeft}px`;[0,1].includes(this.verticalEdgePixelComparator(null===(a=this.targetElements["table-container"])||void 0===a?void 0:a.getBoundingClientRect().right,this.targetElements.table.getBoundingClientRect().right))?(this.targetElements["normal-next-scroll-button"].style.visibility="hidden","visible"===this.targetElements["sticky-header-container"].style.visibility&&(this.targetElements["sticky-next-scroll-button"].style.visibility="hidden")):(this.targetElements["normal-next-scroll-button"].style.visibility="visible","visible"===this.targetElements["sticky-header-container"].style.visibility&&(this.targetElements["sticky-next-scroll-button"].style.visibility="visible")),0===this.targetElements["table-container"].scrollLeft?(this.targetElements["horizontal-scroll-box-shadow"].style.left="0",this.targetElements["horizontal-scroll-box-shadow"].style.visibility="hidden",this.targetElements["normal-previous-scroll-button"].style.visibility="hidden","visible"===this.targetElements["sticky-header-container"].style.visibility&&(this.targetElements["sticky-previous-scroll-button"].style.visibility="hidden")):(this.targetElements["horizontal-scroll-box-shadow"].style.left=`${(null===(n=this.targetElements["table-container"])||void 0===n?void 0:n.scrollLeft)+this.desktopHeaderFirstCellWidth}px`,this.targetElements["horizontal-scroll-box-shadow"].style.visibility="visible",this.targetElements["normal-previous-scroll-button"].style.visibility="visible","visible"===this.targetElements["sticky-header-container"].style.visibility&&(this.targetElements["sticky-previous-scroll-button"].style.visibility="visible"))},this.handleVerticalScroll=()=>{this.targetElements=this.getTargetElements();const t=window.scrollY||document.documentElement.scrollTop;t<this.lastScrollTop?(this.targetElements["table-container"].getBoundingClientRect().bottom>0&&(this.targetElements["sticky-header-container"].getBoundingClientRect().top<0?(this.targetElements["vertical-scroll-content-clipper"].style.display="block",this.targetElements["sticky-scroll-buttons-container"].style.opacity="1",this.targetElements["sticky-header-container"].style.visibility="visible",this.targetElements["sticky-header-container"].style.top=this.targetElements["table-container"].getBoundingClientRect().bottom-this.targetElements["sticky-header-container"].getBoundingClientRect().height+"px"):this.targetElements["sticky-header-container"].style.top=this.scrollTopClipperHeight),this.targetElements["table-header"].getBoundingClientRect().top>this.targetElements["sticky-header-container"].getBoundingClientRect().top&&(this.targetElements["sticky-scroll-buttons-container"].style.opacity="0",this.targetElements["sticky-header-container"].style.visibility="hidden",this.targetElements["table-header"].style.visibility="visible",this.targetElements["vertical-scroll-content-clipper"].style.display="none")):t>this.lastScrollTop&&(this.targetElements["sticky-header-container"].getBoundingClientRect().bottom<=0?(this.targetElements["sticky-header-container"].style.top=-this.targetElements["sticky-header-container"].getBoundingClientRect().height+"px",this.targetElements["sticky-scroll-buttons-container"].style.opacity="0",this.targetElements["sticky-header-container"].style.visibility="hidden",this.targetElements["vertical-scroll-content-clipper"].style.display="none"):this.targetElements["table-header"].getBoundingClientRect().top<=this.targetElements["sticky-header-container"].getBoundingClientRect().top&&(this.targetElements["table-container"].getBoundingClientRect().bottom<=this.targetElements["sticky-header-container"].getBoundingClientRect().bottom?this.targetElements["sticky-header-container"].style.top=this.targetElements["table-container"].getBoundingClientRect().bottom-this.targetElements["sticky-header-container"].clientHeight+"px":(this.targetElements["vertical-scroll-content-clipper"].style.display="block",this.targetElements["sticky-scroll-buttons-container"].style.opacity="1",this.targetElements["sticky-header-container"].style.visibility="visible",this.targetElements["table-header"].style.visibility="hidden",this.targetElements["sticky-previous-scroll-button"].style.visibility=this.targetElements["normal-previous-scroll-button"].style.visibility,this.targetElements["sticky-next-scroll-button"].style.visibility=this.targetElements["normal-next-scroll-button"].style.visibility,"visible"===getComputedStyle(this.targetElements["sticky-next-scroll-button"]).visibility&&(this.targetElements["table-filler-sticky-header-cell"].style.boxSizing="content-box")))),this.lastScrollTop=t<=0?0:t},this.handleResize=()=>{this.targetElements["table-container"].scrollLeft=0,this.handleHorizontalScroll(),this.configureStickyHeader(),this.configureScrollButtonsContainers(),this.configureTableFillerCells()},this.pageWithSubnav=!1,this.tableTitle=void 0,this.tableSubTitle="",this.tableDescription="",this.dataRows=void 0,this.dataCols=void 0,this.disclaimerCount=0,this.scrollTopClipperHeight=void 0,this.desktopHeaderFirstCellWidth=0,this.targetElements={},this.columnHeaderLinks=[],this.lastScrollTop=void 0,this.scrollTimeInterval=35,this.scrollAmount=5,this.scrollLimit=50,this.mobileHeaderRowColSpan=this.dataCols,this.showCtaButtonsRow=void 0,this.ctaButtons=[],this.disclaimers=[]}getTargetElements(){let t=this.el.shadowRoot,i=null==t?void 0:t.querySelector("#vertical-scroll-content-clipper"),e=null==t?void 0:t.querySelector("#table-container"),l=null==e?void 0:e.querySelector("table"),o=null==e?void 0:e.querySelector("table thead"),s=null==e?void 0:e.querySelector(".desktop-header-first-cell"),a=null==e?void 0:e.querySelectorAll("th"),n=null==e?void 0:e.querySelector(".desktop-table-body"),r=null==e?void 0:e.querySelector(".mobile-table-body"),h=null==t?void 0:t.querySelector("#sticky-header-container"),c=null==h?void 0:h.querySelectorAll("th"),d=null==e?void 0:e.querySelector("#vertical-scroll-box-shadow"),p=null==h?void 0:h.querySelector(".table-filler-header-cell"),b=null==o?void 0:o.querySelector(".table-filler-header-cell"),u=null==l?void 0:l.querySelectorAll(".table-filler-body-cell"),v=null==l?void 0:l.querySelector(".table-filler-button-cell"),m=null==t?void 0:t.querySelectorAll(".mobile-table-row-header"),x=null==e?void 0:e.querySelector(".scroll-buttons-container"),g=null==h?void 0:h.querySelector(".scroll-buttons-container"),y=null==x?void 0:x.querySelector(".prev-button"),f=null==y?void 0:y.querySelector("ptc-para"),k=null==g?void 0:g.querySelector(".prev-button"),w=null==k?void 0:k.querySelector("ptc-para"),z=null==x?void 0:x.querySelector(".next-button"),$=null==z?void 0:z.querySelector("ptc-para"),S=null==g?void 0:g.querySelector(".next-button"),H=null==S?void 0:S.querySelector("ptc-para"),A=null==e?void 0:e.querySelector("#horizontal-scroll-box-shadow");return{"vertical-scroll-content-clipper":i,"pricing-table":t,"table-container":e,table:l,"table-header":o,"desktop-header-first-cell":s,"table-header-cells":a,"desktop-table-body":n,"mobile-table-body":r,"sticky-header-container":h,"sticky-header-cells":c,"vertical-scroll-box-shadow":d,"table-filler-sticky-header-cell":p,"table-filler-header-cell":b,"table-filler-body-cells":u,"table-filler-button-cell":v,"mobile-table-row-headers":m,"normal-scroll-buttons-container":x,"sticky-scroll-buttons-container":g,"normal-previous-scroll-button":y,"normal-previous-scroll-button-text":f,"sticky-previous-scroll-button":k,"sticky-previous-scroll-button-text":w,"normal-next-scroll-button":z,"normal-next-scroll-button-text":$,"sticky-next-scroll-button":S,"sticky-next-scroll-button-text":H,"horizontal-scroll-box-shadow":A}}configureScrollButtonsContainers(){this.targetElements=this.getTargetElements(),this.targetElements["normal-scroll-buttons-container"].style.width=`${this.targetElements["table-container"].clientWidth}px`,this.targetElements["normal-scroll-buttons-container"].style.height=`${this.targetElements["table-header"].clientHeight}px`,this.targetElements["sticky-scroll-buttons-container"].style.width=`${this.targetElements["table-container"].clientWidth}px`,this.targetElements["sticky-scroll-buttons-container"].style.height=`${this.targetElements["table-header"].clientHeight}px`,this.targetElements["desktop-header-first-cell"]&&(this.targetElements["normal-scroll-buttons-container"].style.width=this.targetElements["normal-scroll-buttons-container"].getBoundingClientRect().width-this.desktopHeaderFirstCellWidth+"px",this.targetElements["sticky-scroll-buttons-container"].style.width=this.targetElements["sticky-scroll-buttons-container"].getBoundingClientRect().width-this.desktopHeaderFirstCellWidth+"px"),0===this.targetElements["table-container"].scrollLeft?(this.targetElements["normal-previous-scroll-button"].style.visibility="hidden","visible"===this.targetElements["sticky-header-container"].style.visibility&&(this.targetElements["sticky-previous-scroll-button"].style.visibility="hidden")):(this.targetElements["normal-previous-scroll-button"].style.visibility="visible","visible"===this.targetElements["sticky-header-container"].style.visibility&&(this.targetElements["sticky-previous-scroll-button"].style.visibility="visible")),this.targetElements["table-container"].getBoundingClientRect().width>=this.targetElements.table.getBoundingClientRect().width?(this.targetElements["normal-next-scroll-button"].style.visibility="hidden","visible"===this.targetElements["sticky-header-container"].style.visibility&&(this.targetElements["sticky-next-scroll-button"].style.visibility="hidden")):(this.targetElements["normal-next-scroll-button"].style.visibility="visible","visible"===this.targetElements["sticky-header-container"].style.visibility&&(this.targetElements["sticky-next-scroll-button"].style.visibility="visible"))}configureStickyHeader(){var t,i,e,l,o,s;const a=this.getTargetElements();a["vertical-scroll-content-clipper"].style.width=`${a["table-container"].clientWidth+20}px`;const n=window.getComputedStyle(document.body,null).getPropertyValue("background-color");a["vertical-scroll-content-clipper"].style.backgroundColor="rgba(0, 0, 0, 0)"===n?"white":n,a["sticky-header-container"].style.width=`${a["table-container"].clientWidth}px`,this.scrollTopClipperHeight=this.pageWithSubnav?window.innerWidth>=1200?this.scrollTopClipperHeightOptions.withSubNav.desktop:this.scrollTopClipperHeightOptions.withSubNav.mobile:window.innerWidth>=1200?this.scrollTopClipperHeightOptions.withoutSubNav.desktop:this.scrollTopClipperHeightOptions.withoutSubNav.mobile,a["vertical-scroll-content-clipper"].style.height=this.scrollTopClipperHeight,a["sticky-header-container"].style.top=this.scrollTopClipperHeight;for(let t=0;t<a["table-header-cells"].length;t++)a["sticky-header-cells"][t].style.width=`${a["table-header-cells"][t].getBoundingClientRect().width}px`,a["table-header-cells"][t].classList.contains("desktop-header-first-cell")&&(this.desktopHeaderFirstCellWidth=a["table-header-cells"][t].getBoundingClientRect().width);if(a.table.clientWidth<=a["table-container"].clientWidth){if(a["desktop-table-body"])for(let e=0;e<a["sticky-header-cells"].length;e++)null===(i=null===(t=a["sticky-header-cells"][e])||void 0===t?void 0:t.classList)||void 0===i||i.add("border-box-header-cell")}else for(let t=0;t<a["sticky-header-cells"].length;t++)(null===(l=null===(e=a["sticky-header-cells"][t])||void 0===e?void 0:e.classList)||void 0===l?void 0:l.contains("border-box-header-cell"))&&(null===(s=null===(o=a["sticky-header-cells"][t])||void 0===o?void 0:o.classList)||void 0===s||s.remove("border-box-header-cell"))}configureTableFillerCells(){var t,i,e,l;if(this.targetElements=this.getTargetElements(),this.targetElements["table-filler-sticky-header-cell"].style.width=this.targetElements["table-filler-header-cell"].getBoundingClientRect().width,this.targetElements.table.getBoundingClientRect().width<this.targetElements["table-container"].getBoundingClientRect().width){this.targetElements["table-filler-sticky-header-cell"].style.display="table-cell",this.targetElements["table-filler-header-cell"].style.display="table-cell";for(let t=0;t<this.dataRows;t++)this.targetElements["table-filler-body-cells"][t].style.display="table-cell";this.targetElements["table-filler-button-cell"]&&(this.targetElements["table-filler-button-cell"].style.display="table-cell"),this.mobileHeaderRowColSpan=this.dataCols+1}else if(this.targetElements["table-filler-sticky-header-cell"].style.width="99%","hidden"===getComputedStyle(this.targetElements["sticky-next-scroll-button"]).visibility)for(let o=0;o<this.targetElements["sticky-header-cells"].length+1;o++)(null===(i=null===(t=this.targetElements["sticky-header-cells"][o])||void 0===t?void 0:t.classList)||void 0===i?void 0:i.contains("border-box-header-cell"))&&(null===(l=null===(e=this.targetElements["sticky-header-cells"][o])||void 0===e?void 0:e.classList)||void 0===l||l.remove("border-box-header-cell"))}handleStickyHeaderHorizontalScroll(){var t;this.targetElements["table-container"].scrollLeft=null===(t=this.targetElements["sticky-header-container"])||void 0===t?void 0:t.scrollLeft}handleScrollForwardHover(){"true"!==this.targetElements["normal-next-scroll-button"].getAttribute("data-clicked")&&(document.body.style.cursor="pointer",this.targetElements["normal-next-scroll-button-text"].style.display="block",this.targetElements["sticky-next-scroll-button-text"].style.display="block")}handleScrollForwardHoverOut(){"true"!==this.targetElements["normal-next-scroll-button"].getAttribute("data-clicked")&&(document.body.style.cursor="auto",this.targetElements["normal-next-scroll-button-text"].style.display="none",this.targetElements["sticky-next-scroll-button-text"].style.display="none")}handleScrollForward(){this.targetElements=this.getTargetElements(),document.body.style.cursor="pointer",this.targetElements["normal-next-scroll-button"].setAttribute("data-clicked","true"),this.targetElements["normal-next-scroll-button-text"].style.display="block",this.targetElements["sticky-next-scroll-button-text"].style.display="block";let t=0,i=setInterval((()=>{t+=this.scrollAmount;let e=this.targetElements["table-container"].getBoundingClientRect().right,l=this.targetElements.table.getBoundingClientRect().right;(t==this.scrollLimit||[0,1].includes(this.verticalEdgePixelComparator(e,l)))&&(clearInterval(i),this.targetElements["normal-next-scroll-button"].setAttribute("data-clicked","false"),this.targetElements["normal-next-scroll-button"].matches(":hover")||this.targetElements["sticky-next-scroll-button"].matches(":hover")||(document.body.style.cursor="auto",this.targetElements["normal-next-scroll-button-text"].style.display="none",this.targetElements["sticky-next-scroll-button-text"].style.display="none")),this.targetElements["table-container"].scrollLeft+=t}),this.scrollTimeInterval)}handleScrollBackwardHover(){document.body.style.cursor="pointer","true"!==this.targetElements["normal-previous-scroll-button"].getAttribute("data-clicked")&&(this.targetElements["normal-previous-scroll-button-text"].style.display="block",this.targetElements["sticky-previous-scroll-button-text"].style.display="block")}handleScrollBackwardHoverOut(){document.body.style.cursor="auto","true"!==this.targetElements["normal-previous-scroll-button"].getAttribute("data-clicked")&&(this.targetElements["normal-previous-scroll-button-text"].style.display="none",this.targetElements["sticky-previous-scroll-button-text"].style.display="none")}handleScrollBackward(){this.targetElements=this.getTargetElements(),document.body.style.cursor="pointer",this.targetElements["normal-previous-scroll-button"].setAttribute("data-clicked","true"),this.targetElements["normal-previous-scroll-button-text"].style.display="block",this.targetElements["sticky-previous-scroll-button-text"].style.display="block";let t=0,i=setInterval((()=>{t+=this.scrollAmount;let e=this.targetElements["table-container"].getBoundingClientRect().left,l=this.targetElements.table.getBoundingClientRect().left;if(t==this.scrollLimit||[-1,0].includes(this.verticalEdgePixelComparator(e,l)))return clearInterval(i),this.targetElements["normal-previous-scroll-button"].setAttribute("data-clicked","false"),void(this.targetElements["normal-previous-scroll-button"].matches(":hover")||this.targetElements["sticky-previous-scroll-button"].matches(":hover")||(document.body.style.cursor="auto",this.targetElements["normal-previous-scroll-button-text"].style.display="none",this.targetElements["sticky-previous-scroll-button-text"].style.display="none"));this.targetElements["table-container"].scrollLeft-=t}),this.scrollTimeInterval)}componentWillLoad(){let t=this.el.querySelector('[slot="desktop-header-first-cell"]'),i=t.innerHTML;this.el.insertAdjacentHTML("afterbegin",`<span slot="normal-desktop-header-first-cell">${i}</span><span slot="sticky-desktop-header-first-cell">${i}</span>`),t.remove();let e=this.el.querySelectorAll('[slot^="column-header"]');for(let t=0;t<this.dataCols;t++){let i=e[t].getAttribute("slot"),l=e[t].innerHTML;this.el.insertAdjacentHTML("afterbegin",`<span slot="normal-${i}">${l}</span><span slot="sticky-${i}">${l}</span>`),e[t].remove()}let l=this.el.querySelectorAll('[slot^="header-link"]');if(l.length>0)for(let t=0;t<this.dataCols;t++){let i=l[t].getAttribute("href");this.columnHeaderLinks.push({linkHref:i,linkText:l[t].innerHTML}),l[t].remove()}let o=this.el.querySelectorAll('[slot^="cta-button"]');this.showCtaButtonsRow=0!==o.length;for(let t=0;t<this.dataCols;t++)this.ctaButtons.push({linkHref:o[t].getAttribute("href"),linkText:o[t].innerHTML}),o[t].remove();let s=this.el.querySelectorAll('[slot^="disclaimer"]');for(let t=0;t<this.disclaimerCount;t++)this.disclaimers.push(s[t].innerHTML),s[t].remove()}componentDidLoad(){this.configureTableFillerCells(),this.configureStickyHeader(),this.configureScrollButtonsContainers(),window.addEventListener("scroll",this.handleVerticalScroll),window.addEventListener("resize",this.handleResize)}disconnectedCallback(){window.removeEventListener("scroll",this.handleVerticalScroll),window.removeEventListener("resize",this.handleResize)}render(){const t=()=>i("div",{class:"scroll-buttons-container"},i("div",{class:"scroll-buttons prev-button","data-clicked":"false",onClick:()=>this.handleScrollBackward(),onMouseOver:()=>this.handleScrollBackwardHover(),onMouseOut:()=>this.handleScrollBackwardHoverOut()},i("icon-asset",{type:"solid",size:"medium",name:"chevron-left",color:"primary-gray"}),i("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"},"See More")),i("div",{class:"scroll-buttons next-button","data-clicked":"false",onClick:()=>this.handleScrollForward(),onMouseOver:()=>this.handleScrollForwardHover(),onMouseOut:()=>this.handleScrollForwardHoverOut()},i("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"},"See More"),i("icon-asset",{type:"solid",size:"medium",name:"chevron-right",color:"primary-gray"}))),o=t=>i("thead",null,i("tr",null,i("th",{class:"desktop-header-first-cell"},i("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"},i("slot",{name:`${t}-desktop-header-first-cell`}))),[...Array(this.dataCols).keys()].map((l=>i("th",null,i("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"center","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},i("slot",{name:`${t}-column-header-${l+1}`})),this.columnHeaderLinks.length===this.dataCols?i(e,null,i("ptc-spacer",{breakpoint:"small",size:"small"}),i("ptc-spacer",{breakpoint:"x-small",size:"medium"}),i("ptc-link",{"font-size":"medium","font-weight":"w-extrabold",href:`${this.columnHeaderLinks[l].linkHref}`,"link-area":"undefined",target:"_blank",theme:"d-green-underline"},i("ptc-tooltip",{class:l===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.columnHeaderLinks[l].linkText,position:"top"}))):null))),i("th",{class:"table-filler-header-cell"})));return i(l,null,i("div",{id:"vertical-scroll-content-clipper"}),i("div",{id:"sticky-header-container",onScroll:()=>this.handleStickyHeaderHorizontalScroll()},t(),o("sticky")),i("ptc-spacer",{breakpoint:"small",size:"xxx-large"}),i("ptc-spacer",{breakpoint:"x-small",size:"xxxx-large"}),(()=>this.tableTitle&&i(e,null,i("div",{class:"table-descriptor"},i("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?i(e,null,i("ptc-spacer",{breakpoint:"small",size:"x-small"}),i("ptc-spacer",{breakpoint:"x-small",size:"small"})):this.tableDescription?i(e,null,i("ptc-spacer",{breakpoint:"small",size:"small"}),i("ptc-spacer",{breakpoint:"x-small",size:"medium"})):null))(),(()=>this.tableSubTitle&&i(e,null,i("div",{class:"table-descriptor"},i("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)),i("ptc-spacer",{breakpoint:"small",size:"medium"}),i("ptc-spacer",{breakpoint:"x-small",size:"large"})))(),(()=>this.tableDescription&&i(e,null,i("div",{class:"table-descriptor"},i("ptc-para",{"font-size":"small","font-weight":"w-4","para-align":"center","para-line-h":"line-height-p","para-margin":"margin-flush"},this.tableDescription.length<=500?this.tableDescription:i("ptc-readmore",{"more-text":"See more"},this.tableDescription)))))(),i("ptc-spacer",{breakpoint:"small",size:"xx-large"}),i("ptc-spacer",{breakpoint:"small",size:"xx-small"}),i("ptc-spacer",{breakpoint:"x-small",size:"xxx-large"}),i("ptc-spacer",{breakpoint:"x-small",size:"xx-small"}),i("div",{id:"table-container",onScroll:()=>this.handleHorizontalScroll()},t(),i("table",null,i("div",{id:"horizontal-scroll-box-shadow"}),o("normal"),window.innerWidth>=992?(()=>i("tbody",{class:"desktop-table-body"},[...Array(this.dataRows).keys()].map((t=>i("tr",null,i("td",{class:"first-column-cell"},i("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-1"},i("slot",{name:`row-header-${t+1}`}))),[...Array(this.dataCols).keys()].map((e=>i("td",null,i("slot",{name:`cell-r${t+1}-c${e+1}`})))),i("td",{class:"table-filler-body-cell"})))),this.showCtaButtonsRow?i("tr",{class:"table-button-row"},i("td",null),[...Array(this.dataCols).keys()].map((t=>i("td",null,i("ptc-button",{type:"link",color:"ptc-tertiary","link-href":this.ctaButtons[t].linkHref,target:"_blank"},i("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"}))))),i("td",{class:"table-filler-button-cell"})):null))():(()=>i("tbody",{class:"mobile-table-body"},[...Array(this.dataRows).keys()].map((t=>i(e,null,i("tr",null,i("td",{colSpan:this.mobileHeaderRowColSpan},i("div",{class:"mobile-table-row-header"},i("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-1"},i("slot",{name:`row-header-${t+1}`}))))),i("tr",null,[...Array(this.dataCols).keys()].map((e=>i("td",null,i("slot",{name:`cell-r${t+1}-c${e+1}`})))),i("td",{class:"table-filler-body-cell"}))))),this.showCtaButtonsRow?i("tr",{class:"table-button-row"},[...Array(this.dataCols).keys()].map((t=>i("td",null,i("ptc-button",{type:"link",color:"ptc-tertiary","link-href":this.ctaButtons[t].linkHref,target:"_blank"},this.ctaButtons[t].linkText)))),this.mobileHeaderRowColSpan>this.dataCols?i("td",{class:"table-filler-button-cell"}):null):null))())),(()=>this.disclaimerCount>0&&i(e,null,i("ptc-spacer",{breakpoint:"small",size:"medium"}),i("ptc-spacer",{breakpoint:"x-small",size:"large"}),this.disclaimers.map(((t,l)=>i(e,null,i("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"},t),l!=this.disclaimerCount-1?i("ptc-spacer",{size:"xx-small"}):null)))))(),i("ptc-spacer",{breakpoint:"small",size:"xxx-large"}),i("ptc-spacer",{breakpoint:"x-small",size:"xxxx-large"}))}get el(){return o(this)}};s.style=":host{display:block;position:relative}:host #vertical-scroll-content-clipper{position:fixed;top:0;left:0;right:0;margin:auto;background-color:white;z-index:25;display:none}:host .last-column-tooltip .tooltip{right:-48px}:host #sticky-header-container{position:fixed;z-index:20;background-color:white;overflow-x:scroll;overflow-y:visible;-ms-overflow-style:none;scrollbar-width:none;visibility:hidden;border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-large)}:host #sticky-header-container::-webkit-scrollbar{display:none}:host #sticky-header-container th{background:var(--color-gray-10);color:white;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);min-width:168px;max-width:180px;vertical-align:middle}:host #sticky-header-container th:not(:last-child){border-right:1px solid var(--color-gray-07)}:host #sticky-header-container th.desktop-header-first-cell{display:none}:host #sticky-header-container th.border-box-header-cell{box-sizing:border-box}:host #sticky-header-container th.table-filler-header-cell{width:99%;box-sizing:content-box}:host .scroll-buttons-container{position:absolute;top:0;right:0;display:flex;align-items:center;box-sizing:border-box}:host .scroll-buttons-container .scroll-buttons{z-index:15;position:absolute;display:inline-block;width:36px;width:fit-content;height:36px;background-color:white;box-shadow:var(--ptc-shadow-x-medium);display:flex;justify-content:center;align-items:center}:host .scroll-buttons-container .scroll-buttons icon-asset{z-index:15;display:flex;justify-content:center;align-items:center;width:36px;height:100%}:host .scroll-buttons-container .scroll-buttons.prev-button{z-index:15;left:0;border-radius:0px var(--ptc-element-spacing-01) var(--ptc-element-spacing-01) 0px}:host .scroll-buttons-container .scroll-buttons.prev-button ptc-para{z-index:15;margin-right:var(--ptc-element-spacing-04);display:none}:host .scroll-buttons-container .scroll-buttons.next-button{z-index:15;right:0;border-radius:var(--ptc-element-spacing-01) 0px 0px var(--ptc-element-spacing-01)}:host .scroll-buttons-container .scroll-buttons.next-button ptc-para{z-index:15;margin-left:var(--ptc-element-spacing-04);display:none}:host #table-container{border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);overflow-x:scroll;position:relative}:host #table-container #horizontal-scroll-box-shadow{display:none}:host #table-container table{border-spacing:0}:host #table-container th{background:var(--color-gray-10);color:white;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}:host #table-container th:not(:last-child){border-right:1px solid var(--color-gray-07)}:host #table-container th.desktop-header-first-cell{display:none}:host #table-container th.table-filler-header-cell{width:99%;display:none}:host #table-container tbody.mobile-table-body{display:contents;width:100%}:host #table-container tbody.desktop-table-body{display:none}:host #table-container tr{background-color:white;width:100%;overflow-x:scroll}:host #table-container tr:nth-child(odd){background-color:var(--color-gray-01)}:host #table-container tr:nth-child(even){background-color:white}:host #table-container tr.table-button-row{background-color:white}:host #table-container tr.table-button-row td{border-top:1px solid var(--color-gray-02)}:host #table-container tr.table-button-row td ptc-tooltip .text-ellipsis{font-size:var(--ptc-font-size-x-small)}:host #table-container td{text-align:center;min-width:168px;max-width:180px;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}:host #table-container td:not(:last-child){border-right:1px solid var(--color-gray-02)}:host #table-container td.table-filler-body-cell{width:99%;display:none}@media only screen and (min-width: 768px){:host .table-descriptor{width:768px;margin:auto}}@media only screen and (min-width: 992px){:host #sticky-header-container{box-shadow:none}:host #sticky-header-container th{max-width:275px}:host #sticky-header-container th.desktop-header-first-cell{display:table-cell;min-width:275px;box-sizing:content-box}:host #sticky-header-container th:first-of-type{position:-webkit-sticky;position:sticky;left:0;z-index:5}:host #sticky-header-container th.table-filler-header-cell{width:99%;display:none;max-width:fit-content;box-sizing:border-box}:host #table-container #horizontal-scroll-box-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:10;visibility:hidden}:host #table-container th{max-width:275px}:host #table-container th.desktop-header-first-cell{display:table-cell;min-width:275px}:host #table-container th:first-of-type{position:-webkit-sticky;position:sticky;left:0;z-index:5}:host #table-container th.table-filler-header-cell{width:99%;display:none}:host #table-container tbody.mobile-table-body{display:none}:host #table-container tbody.desktop-table-body{display:contents;width:100%}:host #table-container tr:nth-child(odd){background-color:white}:host #table-container tr:nth-child(even){background-color:var(--color-gray-01)}:host #table-container tr.table-button-row{background-color:white}:host #table-container tr.table-button-row td{border-top:1px solid var(--color-gray-02)}:host #table-container td{max-width:275px}:host #table-container td:first-of-type{position:-webkit-sticky;position:sticky;left:0;z-index:5;background:inherit;min-width:275px}:host #table-container td:not(:first-child){text-align:center}:host #table-container td.first-column-cell.scroll-shadow{box-shadow:var(--ptc-shadow-x-large)}:host #table-container td.first-column-cell.no-shadow{box-shadow:none}:host #table-container td.table-filler-body-cell{width:99%;display:none}:host #table-container td.table-filler-button-cell{width:99%;display:none}}";export{s as ptc_pricing_table}