@ptcwebops/ptcw-design 6.2.19-beta → 6.2.20-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{component-6a178a16.js → component-4dd13907.js} +1 -1
- package/dist/cjs/event-jumbotron-example_15.cjs.entry.js +1394 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-card-bottom.cjs.entry.js +67 -0
- package/dist/cjs/ptc-data-lookup.cjs.entry.js +1 -1
- package/dist/cjs/ptc-form-checkbox_4.cjs.entry.js +1 -1
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/custom-elements/index.js +1 -1
- package/dist/esm/blog-detail-content_2.entry.js +1 -1
- package/dist/esm/blog-detail-layout.entry.js +1 -1
- package/dist/esm/blogs-search-section.entry.js +1 -1
- package/dist/esm/{component-80f298b4.js → component-9c921cc6.js} +1 -1
- package/dist/esm/event-jumbotron-example_15.entry.js +1376 -0
- package/dist/esm/homepage-jumbotron.entry.js +1 -1
- package/dist/esm/homepage-toggled-content.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/most-popular-news.entry.js +1 -1
- package/dist/esm/my-component.entry.js +1 -1
- package/dist/esm/ptc-accordion-item.entry.js +1 -1
- package/dist/esm/ptc-background-video.entry.js +1 -1
- package/dist/esm/ptc-card-bottom.entry.js +63 -0
- package/dist/esm/ptc-collapse-list.entry.js +1 -1
- package/dist/esm/ptc-data-lookup.entry.js +1 -1
- package/dist/esm/ptc-form-checkbox_4.entry.js +2 -2
- package/dist/esm/ptc-homepage-image-feature.entry.js +1 -1
- package/dist/esm/ptc-homepage-video-background.entry.js +1 -1
- package/dist/esm/ptc-icon-card.entry.js +1 -1
- package/dist/esm/ptc-media-card.entry.js +1 -1
- package/dist/esm/ptc-pricing-packaging-table.entry.js +1 -1
- package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
- package/dist/esm/ptc-social-icons-footer.entry.js +1 -1
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/esm/{utils-63eab4bd.js → utils-ff65c75b.js} +1 -1
- package/dist/ptcw-design/{p-fc0348a7.entry.js → p-0fdfd4ad.entry.js} +1 -1
- package/dist/ptcw-design/{p-d2825140.entry.js → p-11e0edaf.entry.js} +1 -1
- package/dist/ptcw-design/{p-c01ea76f.entry.js → p-1b257420.entry.js} +1 -1
- package/dist/ptcw-design/{p-4ee98a3e.entry.js → p-2c6fc745.entry.js} +1 -1
- package/dist/ptcw-design/{p-fd394e84.entry.js → p-36007a57.entry.js} +1 -1
- package/dist/ptcw-design/p-43b4b4e2.entry.js +1 -0
- package/dist/ptcw-design/{p-cbee4653.entry.js → p-6d3326da.entry.js} +1 -1
- package/dist/ptcw-design/{p-6f5fecae.entry.js → p-7a9611b4.entry.js} +1 -1
- package/dist/ptcw-design/{p-eec2f3da.entry.js → p-808ec62a.entry.js} +1 -1
- package/dist/ptcw-design/{p-77b1221e.js → p-8872161f.js} +1 -1
- package/dist/ptcw-design/p-9fe0c27d.entry.js +1 -0
- package/dist/ptcw-design/{p-291072b4.entry.js → p-a3b57ede.entry.js} +1 -1
- package/dist/ptcw-design/{p-17f6e145.entry.js → p-ae970a60.entry.js} +1 -1
- package/dist/ptcw-design/{p-821f0ff9.entry.js → p-c37a3bd2.entry.js} +1 -1
- package/dist/ptcw-design/{p-d3229458.entry.js → p-c66b8926.entry.js} +1 -1
- package/dist/ptcw-design/{p-6a3caf2b.entry.js → p-c95f423e.entry.js} +1 -1
- package/dist/ptcw-design/{p-627103d8.entry.js → p-d10cb999.entry.js} +1 -1
- package/dist/ptcw-design/{p-48c33817.entry.js → p-d9abe7e8.entry.js} +1 -1
- package/dist/ptcw-design/{p-e577ad62.entry.js → p-da82dc93.entry.js} +1 -1
- package/dist/ptcw-design/{p-16e70f20.entry.js → p-e0b873d0.entry.js} +1 -1
- package/dist/ptcw-design/{p-49e54079.entry.js → p-e3f8e5d5.entry.js} +1 -1
- package/dist/ptcw-design/{p-28be539b.entry.js → p-e4000363.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/event-jumbotron-example.cjs.entry.js +0 -146
- package/dist/cjs/icon-asset.cjs.entry.js +0 -65
- package/dist/cjs/list-item.cjs.entry.js +0 -48
- package/dist/cjs/ptc-breadcrumb.cjs.entry.js +0 -47
- package/dist/cjs/ptc-button.cjs.entry.js +0 -87
- package/dist/cjs/ptc-card-bottom_2.cjs.entry.js +0 -155
- package/dist/cjs/ptc-card-content.cjs.entry.js +0 -76
- package/dist/cjs/ptc-close-icon_2.cjs.entry.js +0 -239
- package/dist/cjs/ptc-img.cjs.entry.js +0 -133
- package/dist/cjs/ptc-link.cjs.entry.js +0 -87
- package/dist/cjs/ptc-para.cjs.entry.js +0 -127
- package/dist/cjs/ptc-scroll-button.cjs.entry.js +0 -136
- package/dist/cjs/ptc-spacer.cjs.entry.js +0 -38
- package/dist/cjs/ptc-title.cjs.entry.js +0 -152
- package/dist/esm/event-jumbotron-example.entry.js +0 -142
- package/dist/esm/icon-asset.entry.js +0 -61
- package/dist/esm/list-item.entry.js +0 -44
- package/dist/esm/ptc-breadcrumb.entry.js +0 -43
- package/dist/esm/ptc-button.entry.js +0 -83
- package/dist/esm/ptc-card-bottom_2.entry.js +0 -150
- package/dist/esm/ptc-card-content.entry.js +0 -72
- package/dist/esm/ptc-close-icon_2.entry.js +0 -234
- package/dist/esm/ptc-img.entry.js +0 -129
- package/dist/esm/ptc-link.entry.js +0 -83
- package/dist/esm/ptc-para.entry.js +0 -123
- package/dist/esm/ptc-scroll-button.entry.js +0 -132
- package/dist/esm/ptc-spacer.entry.js +0 -34
- package/dist/esm/ptc-title.entry.js +0 -148
- package/dist/ptcw-design/p-01075feb.entry.js +0 -1
- package/dist/ptcw-design/p-0c69ea52.entry.js +0 -1
- package/dist/ptcw-design/p-1070f8a3.entry.js +0 -1
- package/dist/ptcw-design/p-25a25451.entry.js +0 -1
- package/dist/ptcw-design/p-28371371.entry.js +0 -1
- package/dist/ptcw-design/p-7793babb.entry.js +0 -1
- package/dist/ptcw-design/p-7fe4d383.entry.js +0 -1
- package/dist/ptcw-design/p-92d22c78.entry.js +0 -1
- package/dist/ptcw-design/p-9e9ae28c.entry.js +0 -1
- package/dist/ptcw-design/p-b651c1cb.entry.js +0 -1
- package/dist/ptcw-design/p-b8ee8699.entry.js +0 -1
- package/dist/ptcw-design/p-bf18b622.entry.js +0 -1
- package/dist/ptcw-design/p-d0b980c0.entry.js +0 -1
- package/dist/ptcw-design/p-fb5fd29f.entry.js +0 -1
- /package/dist/ptcw-design/{p-672a349f.js → p-bcab66bf.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as l,g as i,F as a}from"./p-ac75c7ad.js";import{g as s,d as r}from"./p-77b1221e.js";const o=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`),"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.getHashKey()||this.refreshHorizontalPosition(),this.lastScrollTop=s<=0?0:s},this.handleHorizontalScroll=()=>{this.refreshHorizontalPosition(),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.handleAutoScrollOnFocus=(t,e="")=>{var l,i;let a,s,r=t.target;a=e?null===(i=null===(l=this.el)||void 0===l?void 0:l.shadowRoot)||void 0===i?void 0:i.querySelector(`div.table-cell[data-cell-slot="${e}"]`):r.parentElement,s=a?a.getBoundingClientRect():r.getBoundingClientRect();let o=this.el.shadowRoot.querySelector("#table-body"),h=this.el.shadowRoot.querySelector("#previous-scroll-button").getBoundingClientRect(),n=this.el.shadowRoot.querySelector("#next-scroll-button").getBoundingClientRect(),c=this.el.shadowRoot.querySelector("#table-header");c&&c.classList.contains("sticky")&&a.scrollIntoView({block:"center",inline:"nearest"}),s.left+.2*s.width<h.left&&(o.scrollLeft-=h.left-s.left),s.left+.8*s.width>n.right&&(o.scrollLeft+=s.right-n.right)},this.handleScrollButtonClick=(t,e)=>{"Enter"===t.key&&(-1===e?this.handleBackwardScroll():1===e&&this.handleForwardScroll())},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"),a=t.getAttribute("title");this.columnHeaderLinks.push({linkHref:e,linkText:l,linkTarget:i,linkTitle:a}),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("h4");e.setAttribute("class","row-header-h4"),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"),a=t.getAttribute("title");this.ctaButtons.push({linkHref:e,linkText:l,linkTarget:i,linkTitle:a}),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.moreText="More",this.LessText="Less",this.sectionId="",this.isDesktopView=void 0,this.hashKey=void 0,this.debouncedHashEnable=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}refreshHorizontalPosition(){let t=0,e=this.el.shadowRoot.querySelector("#table-header"),l=this.el.shadowRoot.querySelector("#table-body"),i=()=>{e.scrollLeft=l.scrollLeft,t++,t<5&&window.requestAnimationFrame(i)};window.requestAnimationFrame(i)}getHashKey(){let t=window;return this.hashKey||(this.hashKey=s()),t.ppptHashes||(t.ppptHashes={}),1==t.ppptHashes[this.hashKey]}setHashKey(t){let e=window;this.hashKey||(this.hashKey=s()),e.ppptHashes||(e.ppptHashes={}),e.ppptHashes[this.hashKey]=t}componentWillLoad(){this.setHashKey(!1),this.preProcessTableDescription(),this.preProcessDesktopHeaderFirstCell(),this.preProcessColumnHeaders(),this.preProcessHeaderLinks(),this.preProcessRowHeaders(),this.preProcessCtaButtons(),this.preProcessDisclaimers()}componentDidLoad(){let t=this;this.handleTableReset(),this.debouncedHashEnable=r((()=>{t.setHashKey(!1)}),2e3,this),window.addEventListener("scroll",(()=>this.handleVerticalScroll())),window.addEventListener("resize",(()=>this.handleTableReset())),window.addEventListener("popstate",(()=>{t.setHashKey(!0),this.debouncedHashEnable()})),setTimeout((()=>{this.handleTableReset()}),3100)}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",{"is-content-slotted":!0,"more-text":this.moreText,"less-text":this.LessText},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 mf-listen",id:"previous-scroll-button"},e("div",{class:"mf-listen",onClick:()=>this.handleBackwardScroll(),onKeyDown:t=>this.handleScrollButtonClick(t,-1),tabIndex:0,id:`previous-scroll-button-${this.sectionId}`},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"},this.moreText))),e("div",{class:"scroll-button mf-listen",id:"next-scroll-button"},e("div",{class:"mf-listen",onClick:()=>this.handleForwardScroll(),onKeyDown:t=>this.handleScrollButtonClick(t,1),tabIndex:0,id:`next-scroll-button-${this.sectionId}`},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"},this.moreText),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",{"dark-focus-state":!0,"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);}","link-title":this.columnHeaderLinks[t].linkTitle,onFocus:t=>this.handleAutoScrollOnFocus(t),"tracker-id":`column-header-${t+1}-link-${this.sectionId}`},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);}","link-title":this.columnHeaderLinks[t].linkTitle,"tab-nav":"-1"},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:"mf-listen 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":""),"data-cell-slot":`cell-r${t+1}-c${l+1}`,onFocusin:e=>this.handleAutoScrollOnFocus(e,`cell-r${t+1}-c${l+1}`)},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",{"tracker-id":`pricing-cta-${t}-${this.sectionId}`,type:"link",color:"ptc-tertiary","link-href":this.ctaButtons[t].linkHref,target:`${this.ctaButtons[t].linkTarget}`,"link-title":this.ctaButtons[t].linkTitle,onFocus:this.handleAutoScrollOnFocus},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)}};o.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}: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 .scroll-button div:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}: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{o as ptc_pricing_packaging_table}
|
|
1
|
+
import{r as t,h as e,H as l,g as i,F as a}from"./p-ac75c7ad.js";import{b as s,d as r}from"./p-8872161f.js";const o=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`),"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.getHashKey()||this.refreshHorizontalPosition(),this.lastScrollTop=s<=0?0:s},this.handleHorizontalScroll=()=>{this.refreshHorizontalPosition(),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.handleAutoScrollOnFocus=(t,e="")=>{var l,i;let a,s,r=t.target;a=e?null===(i=null===(l=this.el)||void 0===l?void 0:l.shadowRoot)||void 0===i?void 0:i.querySelector(`div.table-cell[data-cell-slot="${e}"]`):r.parentElement,s=a?a.getBoundingClientRect():r.getBoundingClientRect();let o=this.el.shadowRoot.querySelector("#table-body"),h=this.el.shadowRoot.querySelector("#previous-scroll-button").getBoundingClientRect(),n=this.el.shadowRoot.querySelector("#next-scroll-button").getBoundingClientRect(),c=this.el.shadowRoot.querySelector("#table-header");c&&c.classList.contains("sticky")&&a.scrollIntoView({block:"center",inline:"nearest"}),s.left+.2*s.width<h.left&&(o.scrollLeft-=h.left-s.left),s.left+.8*s.width>n.right&&(o.scrollLeft+=s.right-n.right)},this.handleScrollButtonClick=(t,e)=>{"Enter"===t.key&&(-1===e?this.handleBackwardScroll():1===e&&this.handleForwardScroll())},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"),a=t.getAttribute("title");this.columnHeaderLinks.push({linkHref:e,linkText:l,linkTarget:i,linkTitle:a}),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("h4");e.setAttribute("class","row-header-h4"),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"),a=t.getAttribute("title");this.ctaButtons.push({linkHref:e,linkText:l,linkTarget:i,linkTitle:a}),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.moreText="More",this.LessText="Less",this.sectionId="",this.isDesktopView=void 0,this.hashKey=void 0,this.debouncedHashEnable=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}refreshHorizontalPosition(){let t=0,e=this.el.shadowRoot.querySelector("#table-header"),l=this.el.shadowRoot.querySelector("#table-body"),i=()=>{e.scrollLeft=l.scrollLeft,t++,t<5&&window.requestAnimationFrame(i)};window.requestAnimationFrame(i)}getHashKey(){let t=window;return this.hashKey||(this.hashKey=s()),t.ppptHashes||(t.ppptHashes={}),1==t.ppptHashes[this.hashKey]}setHashKey(t){let e=window;this.hashKey||(this.hashKey=s()),e.ppptHashes||(e.ppptHashes={}),e.ppptHashes[this.hashKey]=t}componentWillLoad(){this.setHashKey(!1),this.preProcessTableDescription(),this.preProcessDesktopHeaderFirstCell(),this.preProcessColumnHeaders(),this.preProcessHeaderLinks(),this.preProcessRowHeaders(),this.preProcessCtaButtons(),this.preProcessDisclaimers()}componentDidLoad(){let t=this;this.handleTableReset(),this.debouncedHashEnable=r((()=>{t.setHashKey(!1)}),2e3,this),window.addEventListener("scroll",(()=>this.handleVerticalScroll())),window.addEventListener("resize",(()=>this.handleTableReset())),window.addEventListener("popstate",(()=>{t.setHashKey(!0),this.debouncedHashEnable()})),setTimeout((()=>{this.handleTableReset()}),3100)}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",{"is-content-slotted":!0,"more-text":this.moreText,"less-text":this.LessText},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 mf-listen",id:"previous-scroll-button"},e("div",{class:"mf-listen",onClick:()=>this.handleBackwardScroll(),onKeyDown:t=>this.handleScrollButtonClick(t,-1),tabIndex:0,id:`previous-scroll-button-${this.sectionId}`},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"},this.moreText))),e("div",{class:"scroll-button mf-listen",id:"next-scroll-button"},e("div",{class:"mf-listen",onClick:()=>this.handleForwardScroll(),onKeyDown:t=>this.handleScrollButtonClick(t,1),tabIndex:0,id:`next-scroll-button-${this.sectionId}`},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"},this.moreText),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",{"dark-focus-state":!0,"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);}","link-title":this.columnHeaderLinks[t].linkTitle,onFocus:t=>this.handleAutoScrollOnFocus(t),"tracker-id":`column-header-${t+1}-link-${this.sectionId}`},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);}","link-title":this.columnHeaderLinks[t].linkTitle,"tab-nav":"-1"},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:"mf-listen 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":""),"data-cell-slot":`cell-r${t+1}-c${l+1}`,onFocusin:e=>this.handleAutoScrollOnFocus(e,`cell-r${t+1}-c${l+1}`)},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",{"tracker-id":`pricing-cta-${t}-${this.sectionId}`,type:"link",color:"ptc-tertiary","link-href":this.ctaButtons[t].linkHref,target:`${this.ctaButtons[t].linkTarget}`,"link-title":this.ctaButtons[t].linkTitle,onFocus:this.handleAutoScrollOnFocus},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)}};o.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}: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 .scroll-button div:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}: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{o as ptc_pricing_packaging_table}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-ac75c7ad.js";import{a as o}from"./p-77b1221e.js";const n=class{constructor(e){t(this,e),this.colors=["hp-blue","hp-red","hp-gray","hp-green","hp-orange"],this.activeTab=0,this.dropdownOpen=!1,this.tileElements=[]}componentWillLoad(){this.updateTileElements(this.activeTab),this.sliderSettings={IsMouseDown:!1,PreventAnchor:!1,Timeout:void 0,StartX:0,ScrollLeft:0}}componentDidLoad(){this.slider=this.el.shadowRoot.querySelector(".card-section")}componentDidRender(){o("homepage-clickable-tab",this.el)}handleTabSelected(t){this.activeTab=t,this.dropdownOpen=!1,this.updateTileElements(t)}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}getTabs(){return Array.from(this.el.querySelectorAll('[slot^="tab-label"]')).map(((t,e)=>({label:t.textContent,index:e})))}updateTileElements(t){this.tileElements=Array.from(this.el.querySelectorAll(`[slot^="tab-tile-${t}"]`))}onSliderScroll(){0===this.slider.scrollLeft&&this.slider.classList.contains("scroll-st")?this.slider.classList.remove("scroll-st"):0===this.slider.scrollLeft||this.slider.classList.contains("scroll-st")||this.slider.classList.add("scroll-st"),this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth&&this.slider.classList.contains("scroll-ed")?this.slider.classList.remove("scroll-ed"):this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth||this.slider.classList.contains("scroll-ed")||this.slider.classList.add("scroll-ed")}onSliderMouseDown(t,e){t.preventDefault(),this.sliderSettings.IsMouseDown=!0,e.classList.add("active"),this.sliderSettings.StartX=t.pageX-e.offsetLeft,this.sliderSettings.ScrollLeft=e.scrollLeft,this.sliderSettings.PreventAnchor=!1,this.sliderSettings.Timeout=setTimeout((()=>{this.sliderSettings.PreventAnchor=!0}),80)}onSliderMouseExit(t,e){t.preventDefault(),clearTimeout(this.sliderSettings.Timeout),this.sliderSettings.IsMouseDown=!1,e.classList.remove("active")}onSliderMouseDrag(t,e){this.sliderSettings.IsMouseDown&&(t.preventDefault(),e.scrollLeft=this.sliderSettings.ScrollLeft-(t.pageX-e.offsetLeft-this.sliderSettings.StartX))}onCardMouseDown(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.add("active")}}onCardMouseUp(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.remove("active")}}render(){const t=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 8.5L7.34315 2.71178L1.68629 8.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),i=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 2.5L7.34315 8.28822L1.68629 2.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),o=this.getTabs();return e("div",{class:"wrapper"},e("div",{class:"header"},e("h2",null,e("slot",{name:"title"})),e("p",null,e("slot",{name:"description"}))),e("div",{class:"tabs"},e("div",{class:"tabs-desktop"},o.map((t=>e("homepage-clickable-tab",{label:t.label,active:this.activeTab===t.index,activeColor:this.colors[t.index],onClick:()=>this.handleTabSelected(t.index)})))),e("div",{class:"tabs-mobile"},e("button",{class:`dropdown-button ${this.colors[this.activeTab]} ${this.dropdownOpen?"opened":""}`,onClick:()=>this.toggleDropdown()},o[this.activeTab].label,e("span",{class:"arrow"},this.dropdownOpen?t:i)),this.dropdownOpen&&e("div",{class:"dropdown-menu"},o.map((t=>e("div",{class:"dropdown-item "+(t.index===this.activeTab?"active-tab":""),onClick:()=>this.handleTabSelected(t.index)},e("slot",{name:`tab-label-${t.index}`}))))))),e("div",{class:"content"},o.map(((t,i)=>e("div",{class:"tab-content "+(this.activeTab===i?"active-tab":"")},e("slot",{name:`tab-image-${i}`}),e("div",{class:"content-detail"},e("div",{hidden:!0},t.label),e("h2",null,e("slot",{name:`tab-title-${i}`})),e("p",null,e("slot",{name:`tab-content-${i}`})),e("slot",{name:`tab-button-${i}`}),this.activeTab===i&&this.tileElements.length>0?e("div",Object.assign({class:"info-card-wrapper card-section"},this.getSliderBindings()),this.tileElements.map(((t,i)=>e("div",{class:`swiper-slide card-link card-link-${i+1}`,"tab-index":i+1,key:i,innerHTML:t.outerHTML,onMouseDown:t=>this.onCardMouseDown(t),onMouseUp:t=>this.onCardMouseUp(t),onMouseLeave:t=>this.onCardMouseUp(t),onTouchEnd:t=>{this.onCardMouseUp(t)}})))):null))))))}getSliderBindings(){return{onMouseDown:t=>{this.onSliderMouseDown(t,this.slider)},onMouseUp:t=>{this.onSliderMouseExit(t,this.slider)},onMouseLeave:t=>{this.onSliderMouseExit(t,this.slider)},onMouseMove:t=>{this.onSliderMouseDrag(t,this.slider)}}}get el(){return i(this)}};n.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}::slotted(.title){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:20px !important;font-style:normal !important;font-weight:700 !important;line-height:30px !important;margin-top:0px !important;margin-bottom:16px !important}@media screen and (min-width: 768px){::slotted(.title){font-size:24px !important}}::slotted(.description){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:18px !important;font-style:normal !important;font-weight:400 !important;line-height:27px !important;margin-top:0px !important;margin-bottom:0px !important}::slotted(.tab-slot-image){width:auto;object-fit:contain;margin-bottom:32px}@media screen and (min-width: 480px){::slotted(.tab-slot-image){height:500px}}@media screen and (min-width: 992px){::slotted(.tab-slot-image){margin-bottom:unset;height:auto;max-width:580px;width:50%}}.header{text-align:center;margin-bottom:20px;max-width:720px}.header h2{margin-top:0px !important;margin-bottom:16px !important}.tabs{display:flex;justify-content:center;margin-bottom:40px;position:relative;z-index:99}@media screen and (min-width: 992px){.tabs{margin-bottom:64px}}.tabs-desktop{display:flex;gap:24px;flex:1}.tabs-desktop homepage-clickable-tab{flex:1 1 122px}.tabs-mobile{display:none;position:relative}.dropdown-button{color:white;padding:24px;border:none;border-radius:var(--ptc-border-radius-standard);cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);text-align:left}.dropdown-button.opened{border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px}.dropdown-button.hp-blue{background:linear-gradient(180deg, #197BC0 0%, #4795CD 100%)}.dropdown-button.hp-green{background:linear-gradient(180deg, #00890B 0%, #33A13C 100%)}.dropdown-button.hp-red{background:linear-gradient(180deg, #D33E3E 0%, #DC6565 100%)}.dropdown-button.hp-gray{background:linear-gradient(180deg, #617480 0%, #819099 100%)}.dropdown-button.hp-orange{background:linear-gradient(180deg, #C37729 0%, #CF9254 100%)}.dropdown-button .arrow{margin-left:24px}.dropdown-menu{position:absolute;width:100%;background-color:var(--color-white);color:var(--color-gray-10);display:flex;flex-direction:column;border-radius:0px 0px var(--ptc-border-radius-standard) var(--ptc-border-radius-standard);border-top:0px;box-shadow:var(--ptc-shadow-medium)}.dropdown-menu .dropdown-item{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-regular)}.dropdown-menu .dropdown-item.active-tab ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold) !important}.dropdown-item{padding:24px 24px 0px 24px;cursor:pointer}.dropdown-item:last-of-type{padding-bottom:24px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold)}@media (max-width: 992px){.tabs-desktop{display:none}.tabs-mobile{display:block;width:100%}}.content{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.tab-content{display:none;opacity:0;flex-direction:column;width:100%;animation:fadeIn var(--ptc-transition-medium) ease-in-out forwards}.tab-content.active-tab{display:flex;opacity:1}@media only screen and (min-width: 992px){.tab-content{flex-wrap:nowrap;flex-direction:row;width:100%;justify-content:center;align-items:center;gap:56px}}.tab-content img{max-width:100%;width:100%;height:auto;margin-bottom:20px}@media only screen and (min-width: 992px){.tab-content img{width:580px;height:733px;flex-shrink:0}}.content-detail{text-align:left}@media only screen and (min-width: 992px){.content-detail{flex-grow:1;word-break:break-word}}.content-detail p,.content-detail h2{margin-block-start:unset;margin-block-end:unset}.content-detail h2{margin-bottom:16px}.content-detail p{margin-bottom:32px}.info-card-wrapper{margin-top:48px;display:flex;justify-content:center;align-items:center;width:calc(100% + 24px)}@media screen and (min-width: 992px){.info-card-wrapper{width:100%;margin-top:72px}}.card-section{display:flex;position:relative;flex-wrap:nowrap;flex-shrink:0;-ms-overflow-style:none;scrollbar-width:none;transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);justify-content:flex-start}.card-section::-webkit-scrollbar{display:none}.card-section .card-link{display:inline-flex;position:relative;text-decoration:none;z-index:10;align-items:center;gap:16px;margin-right:24px}.card-section .card-link .link-text{display:block;inline-size:190px;white-space:break-spaces}.card-section:before{position:absolute;width:32px;background:linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);top:16px;right:0;bottom:0;z-index:12}.card-section.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed{box-shadow:inset -2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3)}@media only screen and (min-width: 1200px){.card-section{align-items:flex-start;justify-content:flex-start;align-content:flex-start}.card-section.scroll-st,.card-section.scroll-ed,.card-section.scroll-ed.scroll-st{box-shadow:unset}.card-section .card-link{flex:unset}.card-section .card-link:first-child{margin-left:0}.card-section .card-link:last-child{margin-right:0}}.card-section{overflow:inherit;overflow-x:scroll;overflow-y:hidden;animation-duration:0ms;animation-delay:1000ms;animation-fill-mode:forwards}@media only screen and (min-width: 1200px){.card-section{overflow-x:scroll}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}";export{n as homepage_toggled_content}
|
|
1
|
+
import{r as t,h as e,g as i}from"./p-ac75c7ad.js";import{a as o}from"./p-8872161f.js";const n=class{constructor(e){t(this,e),this.colors=["hp-blue","hp-red","hp-gray","hp-green","hp-orange"],this.activeTab=0,this.dropdownOpen=!1,this.tileElements=[]}componentWillLoad(){this.updateTileElements(this.activeTab),this.sliderSettings={IsMouseDown:!1,PreventAnchor:!1,Timeout:void 0,StartX:0,ScrollLeft:0}}componentDidLoad(){this.slider=this.el.shadowRoot.querySelector(".card-section")}componentDidRender(){o("homepage-clickable-tab",this.el)}handleTabSelected(t){this.activeTab=t,this.dropdownOpen=!1,this.updateTileElements(t)}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}getTabs(){return Array.from(this.el.querySelectorAll('[slot^="tab-label"]')).map(((t,e)=>({label:t.textContent,index:e})))}updateTileElements(t){this.tileElements=Array.from(this.el.querySelectorAll(`[slot^="tab-tile-${t}"]`))}onSliderScroll(){0===this.slider.scrollLeft&&this.slider.classList.contains("scroll-st")?this.slider.classList.remove("scroll-st"):0===this.slider.scrollLeft||this.slider.classList.contains("scroll-st")||this.slider.classList.add("scroll-st"),this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth&&this.slider.classList.contains("scroll-ed")?this.slider.classList.remove("scroll-ed"):this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth||this.slider.classList.contains("scroll-ed")||this.slider.classList.add("scroll-ed")}onSliderMouseDown(t,e){t.preventDefault(),this.sliderSettings.IsMouseDown=!0,e.classList.add("active"),this.sliderSettings.StartX=t.pageX-e.offsetLeft,this.sliderSettings.ScrollLeft=e.scrollLeft,this.sliderSettings.PreventAnchor=!1,this.sliderSettings.Timeout=setTimeout((()=>{this.sliderSettings.PreventAnchor=!0}),80)}onSliderMouseExit(t,e){t.preventDefault(),clearTimeout(this.sliderSettings.Timeout),this.sliderSettings.IsMouseDown=!1,e.classList.remove("active")}onSliderMouseDrag(t,e){this.sliderSettings.IsMouseDown&&(t.preventDefault(),e.scrollLeft=this.sliderSettings.ScrollLeft-(t.pageX-e.offsetLeft-this.sliderSettings.StartX))}onCardMouseDown(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.add("active")}}onCardMouseUp(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.remove("active")}}render(){const t=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 8.5L7.34315 2.71178L1.68629 8.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),i=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 2.5L7.34315 8.28822L1.68629 2.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),o=this.getTabs();return e("div",{class:"wrapper"},e("div",{class:"header"},e("h2",null,e("slot",{name:"title"})),e("p",null,e("slot",{name:"description"}))),e("div",{class:"tabs"},e("div",{class:"tabs-desktop"},o.map((t=>e("homepage-clickable-tab",{label:t.label,active:this.activeTab===t.index,activeColor:this.colors[t.index],onClick:()=>this.handleTabSelected(t.index)})))),e("div",{class:"tabs-mobile"},e("button",{class:`dropdown-button ${this.colors[this.activeTab]} ${this.dropdownOpen?"opened":""}`,onClick:()=>this.toggleDropdown()},o[this.activeTab].label,e("span",{class:"arrow"},this.dropdownOpen?t:i)),this.dropdownOpen&&e("div",{class:"dropdown-menu"},o.map((t=>e("div",{class:"dropdown-item "+(t.index===this.activeTab?"active-tab":""),onClick:()=>this.handleTabSelected(t.index)},e("slot",{name:`tab-label-${t.index}`}))))))),e("div",{class:"content"},o.map(((t,i)=>e("div",{class:"tab-content "+(this.activeTab===i?"active-tab":"")},e("slot",{name:`tab-image-${i}`}),e("div",{class:"content-detail"},e("div",{hidden:!0},t.label),e("h2",null,e("slot",{name:`tab-title-${i}`})),e("p",null,e("slot",{name:`tab-content-${i}`})),e("slot",{name:`tab-button-${i}`}),this.activeTab===i&&this.tileElements.length>0?e("div",Object.assign({class:"info-card-wrapper card-section"},this.getSliderBindings()),this.tileElements.map(((t,i)=>e("div",{class:`swiper-slide card-link card-link-${i+1}`,"tab-index":i+1,key:i,innerHTML:t.outerHTML,onMouseDown:t=>this.onCardMouseDown(t),onMouseUp:t=>this.onCardMouseUp(t),onMouseLeave:t=>this.onCardMouseUp(t),onTouchEnd:t=>{this.onCardMouseUp(t)}})))):null))))))}getSliderBindings(){return{onMouseDown:t=>{this.onSliderMouseDown(t,this.slider)},onMouseUp:t=>{this.onSliderMouseExit(t,this.slider)},onMouseLeave:t=>{this.onSliderMouseExit(t,this.slider)},onMouseMove:t=>{this.onSliderMouseDrag(t,this.slider)}}}get el(){return i(this)}};n.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}::slotted(.title){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:20px !important;font-style:normal !important;font-weight:700 !important;line-height:30px !important;margin-top:0px !important;margin-bottom:16px !important}@media screen and (min-width: 768px){::slotted(.title){font-size:24px !important}}::slotted(.description){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:18px !important;font-style:normal !important;font-weight:400 !important;line-height:27px !important;margin-top:0px !important;margin-bottom:0px !important}::slotted(.tab-slot-image){width:auto;object-fit:contain;margin-bottom:32px}@media screen and (min-width: 480px){::slotted(.tab-slot-image){height:500px}}@media screen and (min-width: 992px){::slotted(.tab-slot-image){margin-bottom:unset;height:auto;max-width:580px;width:50%}}.header{text-align:center;margin-bottom:20px;max-width:720px}.header h2{margin-top:0px !important;margin-bottom:16px !important}.tabs{display:flex;justify-content:center;margin-bottom:40px;position:relative;z-index:99}@media screen and (min-width: 992px){.tabs{margin-bottom:64px}}.tabs-desktop{display:flex;gap:24px;flex:1}.tabs-desktop homepage-clickable-tab{flex:1 1 122px}.tabs-mobile{display:none;position:relative}.dropdown-button{color:white;padding:24px;border:none;border-radius:var(--ptc-border-radius-standard);cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);text-align:left}.dropdown-button.opened{border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px}.dropdown-button.hp-blue{background:linear-gradient(180deg, #197BC0 0%, #4795CD 100%)}.dropdown-button.hp-green{background:linear-gradient(180deg, #00890B 0%, #33A13C 100%)}.dropdown-button.hp-red{background:linear-gradient(180deg, #D33E3E 0%, #DC6565 100%)}.dropdown-button.hp-gray{background:linear-gradient(180deg, #617480 0%, #819099 100%)}.dropdown-button.hp-orange{background:linear-gradient(180deg, #C37729 0%, #CF9254 100%)}.dropdown-button .arrow{margin-left:24px}.dropdown-menu{position:absolute;width:100%;background-color:var(--color-white);color:var(--color-gray-10);display:flex;flex-direction:column;border-radius:0px 0px var(--ptc-border-radius-standard) var(--ptc-border-radius-standard);border-top:0px;box-shadow:var(--ptc-shadow-medium)}.dropdown-menu .dropdown-item{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-regular)}.dropdown-menu .dropdown-item.active-tab ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold) !important}.dropdown-item{padding:24px 24px 0px 24px;cursor:pointer}.dropdown-item:last-of-type{padding-bottom:24px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold)}@media (max-width: 992px){.tabs-desktop{display:none}.tabs-mobile{display:block;width:100%}}.content{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.tab-content{display:none;opacity:0;flex-direction:column;width:100%;animation:fadeIn var(--ptc-transition-medium) ease-in-out forwards}.tab-content.active-tab{display:flex;opacity:1}@media only screen and (min-width: 992px){.tab-content{flex-wrap:nowrap;flex-direction:row;width:100%;justify-content:center;align-items:center;gap:56px}}.tab-content img{max-width:100%;width:100%;height:auto;margin-bottom:20px}@media only screen and (min-width: 992px){.tab-content img{width:580px;height:733px;flex-shrink:0}}.content-detail{text-align:left}@media only screen and (min-width: 992px){.content-detail{flex-grow:1;word-break:break-word}}.content-detail p,.content-detail h2{margin-block-start:unset;margin-block-end:unset}.content-detail h2{margin-bottom:16px}.content-detail p{margin-bottom:32px}.info-card-wrapper{margin-top:48px;display:flex;justify-content:center;align-items:center;width:calc(100% + 24px)}@media screen and (min-width: 992px){.info-card-wrapper{width:100%;margin-top:72px}}.card-section{display:flex;position:relative;flex-wrap:nowrap;flex-shrink:0;-ms-overflow-style:none;scrollbar-width:none;transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);justify-content:flex-start}.card-section::-webkit-scrollbar{display:none}.card-section .card-link{display:inline-flex;position:relative;text-decoration:none;z-index:10;align-items:center;gap:16px;margin-right:24px}.card-section .card-link .link-text{display:block;inline-size:190px;white-space:break-spaces}.card-section:before{position:absolute;width:32px;background:linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);top:16px;right:0;bottom:0;z-index:12}.card-section.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed{box-shadow:inset -2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3)}@media only screen and (min-width: 1200px){.card-section{align-items:flex-start;justify-content:flex-start;align-content:flex-start}.card-section.scroll-st,.card-section.scroll-ed,.card-section.scroll-ed.scroll-st{box-shadow:unset}.card-section .card-link{flex:unset}.card-section .card-link:first-child{margin-left:0}.card-section .card-link:last-child{margin-right:0}}.card-section{overflow:inherit;overflow-x:scroll;overflow-y:hidden;animation-duration:0ms;animation-delay:1000ms;animation-fill-mode:forwards}@media only screen and (min-width: 1200px){.card-section{overflow-x:scroll}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}";export{n as homepage_toggled_content}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function t(t,n,e){return(t||"")+(n?` ${n}`:"")+(e?` ${e}`:"")}function n(t,n,e){let o=n?t.querySelector(n):t,i={},s=t=>t.toLowerCase().replace(/(-\w)/g,(t=>t.replace(/-/,"").toUpperCase())),r=t=>{let n=!0;return/^\s*$/.test(t.textContent)&&(n=!1),n},c=(t,n)=>{let e=t.childNodes;if(e&&e.length>0){for(let t=0;t<e.length;t++){let o=e[t];if(1==o.nodeType){let t=s(o.nodeName);n[t]||(n[t]=[]),n[t].push({}),c(o,n[t][n[t].length-1])}else 3==o.nodeType&&r(o)&&(n.text=(n.text||"")+o.textContent)}for(const t in n)Array.isArray(n[t])&&1==n[t].length&&(n[t]=n[t][0])}if(t.attributes&&t.attributes.length>0)for(let e=0;e<t.attributes.length;e++)n[s(t.attributes[e].nodeName)]=t.attributes[e].nodeValue;"true"==t.getAttribute("html")&&(n.html=t.innerHTML)};return c(o,i),e?JSON.stringify(i):i}function e(){let t=()=>Math.floor(65536*(1+Math.random())).toString(16).substring(1);return t()+t()+"-"+t()+"-"+t()+"-"+t()+"-"+t()+t()+t()}function o(t,n,o){let i=e();return globalThis.debounceTimeouts||(globalThis.debounceTimeouts={}),function(e){var s=o||this,r=e;clearTimeout(globalThis.debounceTimeouts[i]),globalThis.debounceTimeouts[i]=setTimeout((function(){t(s,r)}),n)}}function i(t){if(void 0===t)throw new Error("filePath is not defined");const n=t.lastIndexOf(".");return-1===n?"":t.substring(n)}function s(){const t=window.location.pathname.split("/")[1];return["en","cn","tw","fr","de","it","ja","ko","es","pt"].includes(t)?t:"en"}function r(t,n="span"){if(t&&t.children&&1==t.children.length){let e=t.children[0],o=e.tagName.toLowerCase();return t.removeChild(e),"font"==o&&(o=n),[o,e]}return[n,t]}function c(t){t&&t.children&&1==t.children.length&&"complete"!=t.getAttribute("data-reset")&&(t.innerHTML=t.firstElementChild.innerHTML,t.setAttribute("data-reset","complete"))}function u(t,n){let e=n.querySelectorAll(t);console.log("element: "+e[0].tagName),e.forEach((t=>{t.style.removeProperty("height")}));let o=0;e.forEach((t=>{const n=t.offsetHeight;n>o&&t.classList.contains("hydrated")&&(o=n)})),o>0&&e.forEach((t=>{t.style.height=`${o}px`}))}function l(t,n){let e;if(n instanceof DocumentFragment)e=n.querySelectorAll(t);else{if(!n.shadowRoot)return void console.error("The provided element does not have a shadowRoot.");e=n.shadowRoot.querySelectorAll(t)}let o=0;e.forEach((t=>{const n=t.offsetHeight;n>o&&(o=n)})),e.forEach((t=>{t.style.height=`${o}px`}))}function a(t,n=5e3){const o=["click","scroll","mousemove","touchstart"],i=globalThis.window,s=e();return new Promise((e=>{let r=function(t){return t.HydrationKeys||(t.HydrationKeys={}),t.HydrationKeys}(i);r[s]=!1,o.forEach((function(o){i.addEventListener(o,(function(){r[s]||(r[s]=!0,e({sender:t,interactionType:o}))}),{once:!0}),setTimeout((()=>{r[s]||(r[s]=!0,e({sender:t,interactionType:o}))}),n)}))}))}function f(t,n,e=!1){const o=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting)return t.target.classList.add("in-view"),void(e&&o.unobserve(t.target));t.target.classList.remove("in-view")}))}));t.shadowRoot.querySelectorAll(n).forEach((t=>o.observe(t)))}function h(){let t=document.createElement("div");return t.setAttribute("hidden","until-found"),"until-found"===t.hidden}class d{constructor(t){this.dependencyPromiseResolve=()=>{},this.dependencyPromiseReject=()=>{},this.resolve=()=>this.dependencyPromiseResolve(!0),this.reject=()=>this.dependencyPromiseReject();const n=new Promise(((t,n)=>{this.dependencyPromiseResolve=t,this.dependencyPromiseReject=n}));t&&t.registerDependency(n)}}function m(t,n,e=".light-links,.background-grey-10,.background-plm-grey"){t&&null!=t.darkFocusState&&0==t.darkFocusState&&n.closest(e)&&(t.darkFocusState=!0)}export{m as C,n as M,d as P,l as a,
|
|
1
|
+
function t(t,n,e){return(t||"")+(n?` ${n}`:"")+(e?` ${e}`:"")}function n(t,n,e){let o=n?t.querySelector(n):t,i={},s=t=>t.toLowerCase().replace(/(-\w)/g,(t=>t.replace(/-/,"").toUpperCase())),r=t=>{let n=!0;return/^\s*$/.test(t.textContent)&&(n=!1),n},c=(t,n)=>{let e=t.childNodes;if(e&&e.length>0){for(let t=0;t<e.length;t++){let o=e[t];if(1==o.nodeType){let t=s(o.nodeName);n[t]||(n[t]=[]),n[t].push({}),c(o,n[t][n[t].length-1])}else 3==o.nodeType&&r(o)&&(n.text=(n.text||"")+o.textContent)}for(const t in n)Array.isArray(n[t])&&1==n[t].length&&(n[t]=n[t][0])}if(t.attributes&&t.attributes.length>0)for(let e=0;e<t.attributes.length;e++)n[s(t.attributes[e].nodeName)]=t.attributes[e].nodeValue;"true"==t.getAttribute("html")&&(n.html=t.innerHTML)};return c(o,i),e?JSON.stringify(i):i}function e(){let t=()=>Math.floor(65536*(1+Math.random())).toString(16).substring(1);return t()+t()+"-"+t()+"-"+t()+"-"+t()+"-"+t()+t()+t()}function o(t,n,o){let i=e();return globalThis.debounceTimeouts||(globalThis.debounceTimeouts={}),function(e){var s=o||this,r=e;clearTimeout(globalThis.debounceTimeouts[i]),globalThis.debounceTimeouts[i]=setTimeout((function(){t(s,r)}),n)}}function i(t){if(void 0===t)throw new Error("filePath is not defined");const n=t.lastIndexOf(".");return-1===n?"":t.substring(n)}function s(){const t=window.location.pathname.split("/")[1];return["en","cn","tw","fr","de","it","ja","ko","es","pt"].includes(t)?t:"en"}function r(t,n="span"){if(t&&t.children&&1==t.children.length){let e=t.children[0],o=e.tagName.toLowerCase();return t.removeChild(e),"font"==o&&(o=n),[o,e]}return[n,t]}function c(t){t&&t.children&&1==t.children.length&&"complete"!=t.getAttribute("data-reset")&&(t.innerHTML=t.firstElementChild.innerHTML,t.setAttribute("data-reset","complete"))}function u(t,n){let e=n.querySelectorAll(t);console.log("element: "+e[0].tagName),e.forEach((t=>{t.style.removeProperty("height")}));let o=0;e.forEach((t=>{const n=t.offsetHeight;n>o&&t.classList.contains("hydrated")&&(o=n)})),o>0&&e.forEach((t=>{t.style.height=`${o}px`}))}function l(t,n){let e;if(n instanceof DocumentFragment)e=n.querySelectorAll(t);else{if(!n.shadowRoot)return void console.error("The provided element does not have a shadowRoot.");e=n.shadowRoot.querySelectorAll(t)}let o=0;e.forEach((t=>{const n=t.offsetHeight;n>o&&(o=n)})),e.forEach((t=>{t.style.height=`${o}px`}))}function a(t,n=5e3){const o=["click","scroll","mousemove","touchstart"],i=globalThis.window,s=e();return new Promise((e=>{let r=function(t){return t.HydrationKeys||(t.HydrationKeys={}),t.HydrationKeys}(i);r[s]=!1,o.forEach((function(o){i.addEventListener(o,(function(){r[s]||(r[s]=!0,e({sender:t,interactionType:o}))}),{once:!0}),setTimeout((()=>{r[s]||(r[s]=!0,e({sender:t,interactionType:o}))}),n)}))}))}function f(t,n,e=!1){const o=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting)return t.target.classList.add("in-view"),void(e&&o.unobserve(t.target));t.target.classList.remove("in-view")}))}));t.shadowRoot.querySelectorAll(n).forEach((t=>o.observe(t)))}function h(){let t=document.createElement("div");return t.setAttribute("hidden","until-found"),"until-found"===t.hidden}class d{constructor(t){this.dependencyPromiseResolve=()=>{},this.dependencyPromiseReject=()=>{},this.resolve=()=>this.dependencyPromiseResolve(!0),this.reject=()=>this.dependencyPromiseReject();const n=new Promise(((t,n)=>{this.dependencyPromiseResolve=t,this.dependencyPromiseReject=n}));t&&t.registerDependency(n)}}function m(t,n,e=".light-links,.background-grey-10,.background-plm-grey"){t&&null!=t.darkFocusState&&0==t.darkFocusState&&n.closest(e)&&(t.darkFocusState=!0)}export{m as C,n as M,d as P,l as a,e as b,i as c,o as d,u as e,t as f,r as g,s as h,h as i,a as n,f as o,c as s}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as a,H as o,g as i}from"./p-ac75c7ad.js";const p=class{constructor(a){t(this,a),this.hoverEvent=e(this,"hoverEvent",7),this.leaveEvent=e(this,"leaveEvent",7),this.cardType=void 0,this.styles=void 0}hoverEventHandler(){this.hoverEvent.emit(),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||this.el.classList.contains("extra-tall")||(this.el.previousElementSibling.classList.add("mouse-hover"),this.el.classList.add("mouse-hover-card-bottom")),this.el.classList.contains("event-podcast")&&this.addClassOnDefaultSlot()}leaveEventHandler(){this.hoverEvent.emit(),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||this.el.classList.contains("extra-tall")||(this.el.previousElementSibling.classList.remove("mouse-hover"),this.el.classList.remove("mouse-hover-card-bottom")),this.el.classList.contains("event-podcast")&&this.removeClassOnDefaultSlot()}async addClassOnDefaultSlot(){const t=this.el.shadowRoot.querySelector("slot:not([name])");console.log("slot: "+t),t.assignedElements().forEach((t=>{!t.classList.contains("event-podcast")&&t.classList.add("event-podcast")}))}async removeClassOnDefaultSlot(){this.el.shadowRoot.querySelector("slot:not([name])").assignedElements().forEach((t=>{t.classList.contains("event-podcast")&&t.classList.remove("event-podcast")}))}render(){const t=this.getCssClassMap();return a(o,{part:"card-bottom",class:t,onMouseEnter:this.hoverEventHandler.bind(this),onMouseLeave:this.leaveEventHandler.bind(this)},this.styles&&a("style",null,this.styles),a("slot",{name:"slot-content"}),a("div",{class:"ptc-card-bottom-wrapper"},a("slot",null)))}getCssClassMap(){return{[this.cardType]:!!this.cardType}}get el(){return i(this)}};p.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host ::slotted([slot=seo-content]){display:none}:host(.card-tall) .ptc-card-bottom-wrapper,:host(.card-wide) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0 var(--ptc-element-spacing-07) var(--ptc-element-spacing-07) var(--ptc-element-spacing-06);z-index:2}:host(.card-2up) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0px 24px 24px 16px}:host(.card-playlist){flex:72% 2 1;align-self:center}:host(.mouse-hover-card-bottom) .ptc-card-bottom-wrapper{z-index:5;cursor:pointer}:host(.extra-tall){position:absolute;top:0;left:0}:host(.extra-tall) .ptc-card-bottom-wrapper{position:relative;top:0px;left:0px;bottom:0px;right:0px;display:flex;flex-direction:column;align-items:center;width:calc(100% - 64px);padding:var(--ptc-layout-spacing-05) var(--ptc-element-spacing-07);padding-bottom:calc(var(--ptc-layout-spacing-03) + var(--ptc-layout-spacing-05));z-index:2}@media only screen and (min-width: 768px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-bottom:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 1200px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:calc(var(--ptc-layout-spacing-04) + var(--ptc-layout-spacing-05))}}@media only screen and (min-width: 1440px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:calc(var(--ptc-layout-spacing-05) * 2)}}:host(.color-outlined) .ptc-card-bottom-wrapper{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:center;flex-direction:column;align-items:center;width:calc(100% - 80px);height:100%;padding:0px var(--ptc-element-spacing-08)}:host(.most-popular){padding:0 16px 14px 16px}@media only screen and (min-width: 768px){:host(.card-2up) .ptc-card-bottom-wrapper{padding:0 32px 32px 24px}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:20% 2 1;justify-content:flex-end}:host(.card-video-intro) .ptc-card-bottom-wrapper{display:flex;justify-content:flex-end}}@media only screen and (min-width: 1440px){:host(.card-2up) .ptc-card-bottom-wrapper{width:70%}}@media only screen and (min-width: 1980px){:host(.card-2up) .ptc-card-bottom-wrapper{width:60%}}";export{p as ptc_card_bottom}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-ac75c7ad.js";import{M as o}from"./p-672a349f.js";class n{constructor(t){this.params=t,this.url_vars={},this.visitor_elq_id=null,this.field_mappings=[],this.callback_queue=[],this.fields_populated=!1,this.user_elq_email="",this.user_elq_firstname="",this.user_elq_lastname="",this.params=Object.assign(Object.assign({},{elq_site_id:"",elq_visitor_lookup_key:"",elq_recipient_id_lookup_key:"",elq_contact_lookup_key:"",elq_subscription_lookup_key:"",elq_field_email_rec_id:"V_EmailRecipientID",elq_field_contact_email:"C_EmailAddress",elq_field_visitor_email:"V_Email_Address",elq_field_visitor_firstname:"V_First_Name",elq_field_visitor_lastname:"V_Last_Name",notme_link_id:"not-me-link-id",notme_fields_class:null,notme_message:"Not {name}? Click here.",notme_message_noname:"Not your details below? Click here."}),this.params),this.init()}init(){this.setEloquaSiteId(),this.async_load(),this.store_url_vars(),this.store_visitor_elq_id(),window.SetElqContent=this.eloqua_callback.bind(this)}setEloquaSiteId(){this.params.elq_site_id&&(n._elqQ.push(["elqSetSiteId",this.params.elq_site_id]),n._elqQ.push(["elqUseFirstPartyCookie","tracking.ptc.com"]),n._elqQ.push(["elqTrackPageView",window.location.href]))}fire_pageview(t){try{n._elqQ.push(void 0===t?["elqTrackPageView"]:["elqTrackPageView",t]),console.log("TRACKING: Eloqua pageview fired for URL: "+(t||"current page"))}catch(t){console.log("TRACKING: Could not fire Eloqua pageview: ",t)}}find_eloqua_contact(){console.log("CONTACT LOOKUP: Attempting to find Eloqua contact..."),this.callback_queue.push(this.handle_contact_lookup.bind(this)),null!==this.visitor_elq_id?this.lookup_visitor_by_recipient_id():this.lookup_contact_by_email()}add_field_mapping(t){this.field_mappings.push(t)}add_queue_action(t){this.callback_queue.push(t)}find_eloqua_subscription_info(){console.log("Subscription Lookup: running find_eloqua_subscription_info 1. push handle_visitor_lookup into callback queue, 2. push populateCheckboxes into callback queue..."),this.callback_queue.push(this.handle_visitor_lookup.bind(this)),this.callback_queue.push(this.populateCheckboxes.bind(this)),null!==this.visitor_elq_id?this.retry_visitor_by_cookie(5,1600):(console.log("visitor_elq_id is null."),this.lookup_visitor_by_cookie())}store_url_vars(){this.url_vars={},window.location.search.substring(1).split("&").forEach((t=>{let[e,i]=t.split("=");e=decodeURIComponent(e),i=decodeURIComponent(i),this.url_vars[e]=i})),console.log("URL variables stored:",this.url_vars)}store_visitor_elq_id(){console.log("INIT: Looking for visitor's Eloqua ID in URL...");const t=this.url_vars.elq;if(t){const e=t.toUpperCase().replace(/(.{8})(.{4})(.{4})(.{4})(.{12})/,"$1-$2-$3-$4-$5");this.visitor_elq_id=e,console.log(`INIT: ...visitor Eloqua ID found in URL: ${e}`)}else this.visitor_elq_id=null,console.log("INIT: ...no visitor Eloqua ID found in URL")}eloqua_callback(){console.log("LOOKUP: Eloqua lookup finished and calling setElqContent");let t=!0;for(;t&&this.callback_queue.length>0;){const e=this.callback_queue.shift();if(e){if(console.log("QUEUE: Executing action"),t=e(),!t){console.log("QUEUE: Action failed, re-adding to queue"),this.callback_queue.unshift(e);break}console.log("QUEUE: Action executed successfully, removed from queue")}}t&&null===this.visitor_elq_id&&"function"!=typeof window.GetElqGroupMembershipStatus&&(this.update_user_details(),this.populate_mapped_fields())}lookup_visitor_by_cookie(){""!=this.params.elq_visitor_lookup_key?(n._elqQ.push(["elqDataLookup",escape(this.params.elq_visitor_lookup_key),""]),console.log("LOOKUP: Visitor lookup sent using Eloqua cookie")):console.log("LOOKUP: A visitor lookup cannot be performed as no lookup key was defined")}retry_visitor_by_cookie(t=3,e=500){let i;console.log("running retry_visitor_by_cookie"),t>0?(this.lookup_visitor_by_cookie(),"function"!=typeof window.GetElqContentPersonalizationValue?(console.warn(`GetElqContentPersonalizationValue(V_Email_Address) is not available, retrying... (${t} attempts left)`),i=setTimeout((()=>{this.retry_visitor_by_cookie(t-1,e)}),e)):(console.info("found V_Email_Address!"),clearTimeout(i))):console.error("GetElqContentPersonalizationValue is still not available after 3 attempts")}lookup_visitor_by_recipient_id(){""!=this.params.elq_recipient_id_lookup_key?(n._elqQ.push(["elqDataLookup",escape(this.params.elq_recipient_id_lookup_key),"<"+this.params.elq_field_email_rec_id+">"+this.visitor_elq_id+"</"+this.params.elq_field_email_rec_id+">"]),console.log("LOOKUP: Visitor lookup sent using email recipient id: "+this.visitor_elq_id)):console.log("LOOKUP: A visitor lookup cannot be performed as no lookup key was defined")}lookup_contact_by_email(){""!=this.params.elq_contact_lookup_key?(n._elqQ.push(["elqDataLookup",escape(this.params.elq_contact_lookup_key),"<"+this.params.elq_field_contact_email+">"+this.user_elq_email+"</"+this.params.elq_field_contact_email+">"]),console.log("LOOKUP: Contact lookup sent using email address: "+this.user_elq_email)):console.log("LOOKUP: A Contact lookup cannot be performed as no lookup key was defined")}lookup_subscription_by_email(){this.params.elq_subscription_lookup_key?(n._elqQ.push(["elqDataLookup",escape(this.params.elq_subscription_lookup_key),`<${this.params.elq_field_contact_email}>${this.user_elq_email}</${this.params.elq_field_contact_email}>`]),console.log("LOOKUP: Subscription lookup sent using email address: "+this.user_elq_email)):console.log("LOOKUP: A Subscription lookup cannot be performed as no subscription lookup key or email was defined")}handle_visitor_lookup(){if("function"==typeof window.GetElqContentPersonalizationValue){const o=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email);if(o){console.log(`LOOKUP: Found contact email address: ${o}`),this.user_elq_email=o.trim(),this.lookup_subscription_by_email();var t=this.user_elq_email,e=new Date;e.setTime(e.getTime()+12096e5);var i="expires="+e.toUTCString();return document.cookie="elq-uid="+encodeURIComponent(t)+";"+i+";path=/;SameSite=Strict;Secure",!0}return!1}}handle_contact_lookup(){return""!=window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email)&&(console.log("LOOKUP: Found contact email address: "+window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email)),!0)}populate_mapped_fields(){console.log("MAPPING: Starting field mapping"),this.field_mappings.forEach((({elementId:t,elqFieldName:e})=>{const i=window.GetElqContentPersonalizationValue(e);if("contact-country"!==t){const e=document.getElementById(t);console.log("fieldValue ID of field mappings: "+i),e&&i&&(e.value=i,e.closest("ptc-textfield")?(e.closest("ptc-textfield").style.display="none",e.closest("ptc-textfield").inputValue=i):e.closest("ptc-select")&&(e.closest("ptc-select").style.display="none",e.closest("ptc-select").selectedValue=i),this.fields_populated=!0)}else{const e=document.getElementById(t),n=document.querySelector(".mdc-select"),s=new o(n);e&&i&&(e.textContent=i,e.closest("ptc-select").selectedValue=i,s.value=i),e.closest("ptc-select")&&(e.closest("ptc-select").style.display="none")}})),console.log("MAPPING: Finished "),this.fields_populated&&this.update_notme_link()}update_user_details(){console.log("displaying user info..."),""!==window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email)&&document.querySelectorAll('input[type=text], input[type=tel], input[name="phonenumber"], input[name="phonenumbertwo"], input[type=email], select, textarea, span.mdc-select__selected-text').forEach((t=>{if("SPAN"===t.tagName){const e=t,i=e.getAttribute("data-eloqua-name"),n=e.closest("ptc-select"),s=new o(n.querySelector(".mdc-select"));if(null!==i){const t=window.GetElqContentPersonalizationValue(i);""!==t&&t.length>0&&(e.textContent=t,n.selectedValue=t,s.value=t)}}else if(t.className.includes("intl-tel-input")){const e=t,i=e.getAttribute("data-eloqua-name");if(null!==i){const t=window.GetElqContentPersonalizationValue(i);""!==t&&t.length>0&&setTimeout((()=>{e.placeholder=t,e.value=t,e.closest("ptc-textfield").inputValue=t}),1e3)}}else{const e=t,i=e.getAttribute("data-eloqua-name");if(null!==i){const t=window.GetElqContentPersonalizationValue(i);""!==t&&t.length>0&&(e.value=t,e.closest("ptc-textfield").inputValue=t)}}})),""==this.user_elq_email&&""!=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email)&&(this.user_elq_email=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email)),""==this.user_elq_firstname&&""!=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname)&&(this.user_elq_firstname=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname)),""==this.user_elq_lastname&&""!=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname)&&(this.user_elq_lastname=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname))}populateCheckboxes(){"function"==typeof window.GetElqGroupMembershipStatus?(console.log("populating checkboxes..."),document.querySelector(".cookie-email").innerHTML=this.user_elq_email?this.user_elq_email:"email information is not available",document.querySelectorAll("input.groupId").forEach((t=>{const e=t.getAttribute("data-sub-groupid"),i=t.getAttribute("data-unsub-groupid"),o=window.GetElqGroupMembershipStatus(e),n=window.GetElqGroupMembershipStatus(i);null==o||void 0===o||o?t.checked=!0:n&&(t.checked=!1),this.fields_populated=!0})),this.fields_populated&&this.update_notme_link()):console.log("No result from group membership web look up, cannot display membership info")}disable_submit_button(){$("#btnSubmit").prop("disabled",!0)}update_notme_link(){const t=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname),e=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname),i=document.getElementById("not-me-additional-top"),o=document.getElementById("not-me-additional-bottom");if(i){let o=i.innerHTML;o=t&&e?o.replace("{name}",t+" "+e):this.params.notme_message_noname,i.innerHTML=o,i.style.display="block"}o&&(o.style.display="block");const n=document.getElementById(this.params.notme_link_id);n&&(n.style.display="block",n.onclick=this.remove_user_details.bind(this))}remove_user_details(t){t.preventDefault(),this.user_elq_email="",this.user_elq_firstname="",this.user_elq_lastname="";const e=document.getElementById("not-me-additional-top"),i=document.getElementById("not-me-additional-bottom");return e.style.display="none",i.style.display="none",this.refreshForm(),!1}refreshForm(){this.field_mappings.forEach((({elementId:t})=>{if("contact-country"!==t){const e=document.getElementById(t);e&&(console.log("element: "+e),e.value="",e.closest("ptc-textfield")?"true"!=e.closest("ptc-textfield").getAttribute("ignore-blind-submit")&&(e.closest("ptc-textfield").style.display=""):e.closest("ptc-select")?e.closest("ptc-select").style.display="none":e.closest("ptc-form-checkbox")&&"true"==e.closest("ptc-form-checkbox").getAttribute("ignore-blind-submit")&&(e.closest("ptc-form-checkbox").style.display="none"))}else{const e=document.getElementById(t);e&&(e.textContent=""),e.closest("ptc-select")&&(e.closest("ptc-select").style.display="")}})),this.clearEloquaCookie("elq-uid"),this.fields_populated=!1}clearEloquaCookie(t){document.cookie=t+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;",console.log("cookie cleared")}async_load(){const t="https://img.en25.com/i/elqCfg.min.js",e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src=t,e.onerror=t=>{console.log(`Error loading script: ${t}`)};const i=document.getElementsByTagName("script")[0];i&&i.parentNode?i.parentNode.insertBefore(e,i):document.head.appendChild(e),console.log(`Async loading of script ${t} initiated.`)}}n._elqQ=window._elqQ||[];const s=class{constructor(e){t(this,e),this.elqSiteId=void 0,this.elqVisitorLookupKey=void 0,this.elqRecipientIdLookupKey=void 0,this.elqContactLookupKey=void 0,this.elqSubscriptionLookupKey=void 0,this.elqFieldEmailRecId="V_EmailRecipientID",this.elqFieldContactEmail="C_EmailAddress",this.elqFieldVisitorEmail="V_Email_Address",this.elqFieldVisitorFirstname="C_FirstName",this.elqFieldVisitorLastname="C_LastName",this.notmeLinkId=void 0,this.notmeFieldsClass=void 0,this.notmeMessage=void 0,this.notmeMessageNoname=void 0,this.isBlindSubmit=!0,this.isInitialized=!1}componentWillLoad(){this.initializeElqLib(),this.isBlindSubmit&&this.populateBlindField()}componentDidLoad(){this.init_notme()}initializeElqLib(){this.elqLib=new n({elq_site_id:this.elqSiteId,elq_visitor_lookup_key:this.elqVisitorLookupKey,elq_recipient_id_lookup_key:this.elqRecipientIdLookupKey,elq_contact_lookup_key:this.elqContactLookupKey,elq_subscription_lookup_key:this.elqSubscriptionLookupKey,elq_field_email_rec_id:this.elqFieldEmailRecId,elq_field_contact_email:this.elqFieldContactEmail,elq_field_visitor_email:this.elqFieldVisitorEmail,elq_field_visitor_firstname:this.elqFieldVisitorFirstname,elq_field_visitor_lastname:this.elqFieldVisitorLastname,notme_link_id:this.notmeLinkId,notme_fields_class:this.notmeFieldsClass,notme_message:this.notmeMessage,notme_message_noname:this.notmeMessageNoname}),this.isInitialized=!0}populateBlindField(){this.elqLib.add_field_mapping({elementId:"contact-phone",elqFieldName:"C_BusPhone"}),this.elqLib.add_field_mapping({elementId:"contact-email",elqFieldName:"C_EmailAddress"}),this.elqLib.add_field_mapping({elementId:"contact-firstname",elqFieldName:"C_FirstName"}),this.elqLib.add_field_mapping({elementId:"contact-lastname",elqFieldName:"C_LastName"}),this.elqLib.add_field_mapping({elementId:"contact-country",elqFieldName:"C_Country"}),this.elqLib.add_field_mapping({elementId:"contact-phone",elqFieldName:"C_BusPhone"}),this.elqLib.add_field_mapping({elementId:"company",elqFieldName:"C_Company"}),this.elqLib.add_field_mapping({elementId:"contact-state",elqFieldName:"C_State_Prov"}),this.elqLib.add_field_mapping({elementId:"contact-zipcode",elqFieldName:"C_Zip_Postal"}),this.elqLib.add_field_mapping({elementId:"contact-job-category",elqFieldName:"C_Job_Role1"}),this.elqLib.add_field_mapping({elementId:"contact-job-function",elqFieldName:"C_Job_Function1"}),this.elqLib.add_field_mapping({elementId:"contact-jp-job-title",elqFieldName:"C_Title"})}getCookie(t){let e=null;if(document.cookie){const i=document.cookie.split(";");for(let o of i){const[i,n]=o.trim().split("=");if(i===t){e=decodeURIComponent(n);break}}}return e}init_notme(){const t=document.getElementById("not-me-additional-top"),e=document.getElementById("not-me-additional-bottom");console.log("top: "+t),t&&(t.style.display="none"),e&&(e.style.display="none")}async performDataLookup(){this.isInitialized&&(this.elqLib.user_elq_email=this.getCookie("elq-uid"),console.log("elqlib.user_elq_email: "+this.elqLib.user_elq_email),this.elqLib.find_eloqua_contact())}async performSubscriptionLookup(){this.isInitialized&&(this.elqLib.user_elq_email=this.getCookie("elq-uid"),this.elqLib.find_eloqua_subscription_info())}render(){return e("slot",null)}get el(){return i(this)}};s.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}#not-me-link-id{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-medium);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:normal;margin-bottom:var(--ptc-element-spacing-03);position:relative}#not-me-link-id a{color:var(--color-hyperlink);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-medium);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:normal;text-decoration-line:underline}.not-me-additional-text{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-medium);font-style:normal;font-weight:var(--ptc-font-weight-regular);line-height:normal;margin-bottom:var(--ptc-element-spacing-03)}.not-me-additional-text p{font-size:var(--ptc-font-size-medium)}.not-me-additional-text#not-me-additional-bottom{margin-bottom:unset;margin-top:var(--ptc-element-spacing-03)}.ptc-embedded-form>div{max-width:273px;overflow-wrap:break-word}.ptc-embedded-form .iti__country-name{color:var(--color-gray-12)}.ptc-embedded-form .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{color:var(--color-gray-12)}.ptc-embedded-form .mdc-menu-surface--open{z-index:99999}";export{s as ptc_data_lookup}
|
|
1
|
+
import{r as t,h as e,g as i}from"./p-ac75c7ad.js";import{M as o}from"./p-bcab66bf.js";class n{constructor(t){this.params=t,this.url_vars={},this.visitor_elq_id=null,this.field_mappings=[],this.callback_queue=[],this.fields_populated=!1,this.user_elq_email="",this.user_elq_firstname="",this.user_elq_lastname="",this.params=Object.assign(Object.assign({},{elq_site_id:"",elq_visitor_lookup_key:"",elq_recipient_id_lookup_key:"",elq_contact_lookup_key:"",elq_subscription_lookup_key:"",elq_field_email_rec_id:"V_EmailRecipientID",elq_field_contact_email:"C_EmailAddress",elq_field_visitor_email:"V_Email_Address",elq_field_visitor_firstname:"V_First_Name",elq_field_visitor_lastname:"V_Last_Name",notme_link_id:"not-me-link-id",notme_fields_class:null,notme_message:"Not {name}? Click here.",notme_message_noname:"Not your details below? Click here."}),this.params),this.init()}init(){this.setEloquaSiteId(),this.async_load(),this.store_url_vars(),this.store_visitor_elq_id(),window.SetElqContent=this.eloqua_callback.bind(this)}setEloquaSiteId(){this.params.elq_site_id&&(n._elqQ.push(["elqSetSiteId",this.params.elq_site_id]),n._elqQ.push(["elqUseFirstPartyCookie","tracking.ptc.com"]),n._elqQ.push(["elqTrackPageView",window.location.href]))}fire_pageview(t){try{n._elqQ.push(void 0===t?["elqTrackPageView"]:["elqTrackPageView",t]),console.log("TRACKING: Eloqua pageview fired for URL: "+(t||"current page"))}catch(t){console.log("TRACKING: Could not fire Eloqua pageview: ",t)}}find_eloqua_contact(){console.log("CONTACT LOOKUP: Attempting to find Eloqua contact..."),this.callback_queue.push(this.handle_contact_lookup.bind(this)),null!==this.visitor_elq_id?this.lookup_visitor_by_recipient_id():this.lookup_contact_by_email()}add_field_mapping(t){this.field_mappings.push(t)}add_queue_action(t){this.callback_queue.push(t)}find_eloqua_subscription_info(){console.log("Subscription Lookup: running find_eloqua_subscription_info 1. push handle_visitor_lookup into callback queue, 2. push populateCheckboxes into callback queue..."),this.callback_queue.push(this.handle_visitor_lookup.bind(this)),this.callback_queue.push(this.populateCheckboxes.bind(this)),null!==this.visitor_elq_id?this.retry_visitor_by_cookie(5,1600):(console.log("visitor_elq_id is null."),this.lookup_visitor_by_cookie())}store_url_vars(){this.url_vars={},window.location.search.substring(1).split("&").forEach((t=>{let[e,i]=t.split("=");e=decodeURIComponent(e),i=decodeURIComponent(i),this.url_vars[e]=i})),console.log("URL variables stored:",this.url_vars)}store_visitor_elq_id(){console.log("INIT: Looking for visitor's Eloqua ID in URL...");const t=this.url_vars.elq;if(t){const e=t.toUpperCase().replace(/(.{8})(.{4})(.{4})(.{4})(.{12})/,"$1-$2-$3-$4-$5");this.visitor_elq_id=e,console.log(`INIT: ...visitor Eloqua ID found in URL: ${e}`)}else this.visitor_elq_id=null,console.log("INIT: ...no visitor Eloqua ID found in URL")}eloqua_callback(){console.log("LOOKUP: Eloqua lookup finished and calling setElqContent");let t=!0;for(;t&&this.callback_queue.length>0;){const e=this.callback_queue.shift();if(e){if(console.log("QUEUE: Executing action"),t=e(),!t){console.log("QUEUE: Action failed, re-adding to queue"),this.callback_queue.unshift(e);break}console.log("QUEUE: Action executed successfully, removed from queue")}}t&&null===this.visitor_elq_id&&"function"!=typeof window.GetElqGroupMembershipStatus&&(this.update_user_details(),this.populate_mapped_fields())}lookup_visitor_by_cookie(){""!=this.params.elq_visitor_lookup_key?(n._elqQ.push(["elqDataLookup",escape(this.params.elq_visitor_lookup_key),""]),console.log("LOOKUP: Visitor lookup sent using Eloqua cookie")):console.log("LOOKUP: A visitor lookup cannot be performed as no lookup key was defined")}retry_visitor_by_cookie(t=3,e=500){let i;console.log("running retry_visitor_by_cookie"),t>0?(this.lookup_visitor_by_cookie(),"function"!=typeof window.GetElqContentPersonalizationValue?(console.warn(`GetElqContentPersonalizationValue(V_Email_Address) is not available, retrying... (${t} attempts left)`),i=setTimeout((()=>{this.retry_visitor_by_cookie(t-1,e)}),e)):(console.info("found V_Email_Address!"),clearTimeout(i))):console.error("GetElqContentPersonalizationValue is still not available after 3 attempts")}lookup_visitor_by_recipient_id(){""!=this.params.elq_recipient_id_lookup_key?(n._elqQ.push(["elqDataLookup",escape(this.params.elq_recipient_id_lookup_key),"<"+this.params.elq_field_email_rec_id+">"+this.visitor_elq_id+"</"+this.params.elq_field_email_rec_id+">"]),console.log("LOOKUP: Visitor lookup sent using email recipient id: "+this.visitor_elq_id)):console.log("LOOKUP: A visitor lookup cannot be performed as no lookup key was defined")}lookup_contact_by_email(){""!=this.params.elq_contact_lookup_key?(n._elqQ.push(["elqDataLookup",escape(this.params.elq_contact_lookup_key),"<"+this.params.elq_field_contact_email+">"+this.user_elq_email+"</"+this.params.elq_field_contact_email+">"]),console.log("LOOKUP: Contact lookup sent using email address: "+this.user_elq_email)):console.log("LOOKUP: A Contact lookup cannot be performed as no lookup key was defined")}lookup_subscription_by_email(){this.params.elq_subscription_lookup_key?(n._elqQ.push(["elqDataLookup",escape(this.params.elq_subscription_lookup_key),`<${this.params.elq_field_contact_email}>${this.user_elq_email}</${this.params.elq_field_contact_email}>`]),console.log("LOOKUP: Subscription lookup sent using email address: "+this.user_elq_email)):console.log("LOOKUP: A Subscription lookup cannot be performed as no subscription lookup key or email was defined")}handle_visitor_lookup(){if("function"==typeof window.GetElqContentPersonalizationValue){const o=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email);if(o){console.log(`LOOKUP: Found contact email address: ${o}`),this.user_elq_email=o.trim(),this.lookup_subscription_by_email();var t=this.user_elq_email,e=new Date;e.setTime(e.getTime()+12096e5);var i="expires="+e.toUTCString();return document.cookie="elq-uid="+encodeURIComponent(t)+";"+i+";path=/;SameSite=Strict;Secure",!0}return!1}}handle_contact_lookup(){return""!=window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email)&&(console.log("LOOKUP: Found contact email address: "+window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email)),!0)}populate_mapped_fields(){console.log("MAPPING: Starting field mapping"),this.field_mappings.forEach((({elementId:t,elqFieldName:e})=>{const i=window.GetElqContentPersonalizationValue(e);if("contact-country"!==t){const e=document.getElementById(t);console.log("fieldValue ID of field mappings: "+i),e&&i&&(e.value=i,e.closest("ptc-textfield")?(e.closest("ptc-textfield").style.display="none",e.closest("ptc-textfield").inputValue=i):e.closest("ptc-select")&&(e.closest("ptc-select").style.display="none",e.closest("ptc-select").selectedValue=i),this.fields_populated=!0)}else{const e=document.getElementById(t),n=document.querySelector(".mdc-select"),s=new o(n);e&&i&&(e.textContent=i,e.closest("ptc-select").selectedValue=i,s.value=i),e.closest("ptc-select")&&(e.closest("ptc-select").style.display="none")}})),console.log("MAPPING: Finished "),this.fields_populated&&this.update_notme_link()}update_user_details(){console.log("displaying user info..."),""!==window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email)&&document.querySelectorAll('input[type=text], input[type=tel], input[name="phonenumber"], input[name="phonenumbertwo"], input[type=email], select, textarea, span.mdc-select__selected-text').forEach((t=>{if("SPAN"===t.tagName){const e=t,i=e.getAttribute("data-eloqua-name"),n=e.closest("ptc-select"),s=new o(n.querySelector(".mdc-select"));if(null!==i){const t=window.GetElqContentPersonalizationValue(i);""!==t&&t.length>0&&(e.textContent=t,n.selectedValue=t,s.value=t)}}else if(t.className.includes("intl-tel-input")){const e=t,i=e.getAttribute("data-eloqua-name");if(null!==i){const t=window.GetElqContentPersonalizationValue(i);""!==t&&t.length>0&&setTimeout((()=>{e.placeholder=t,e.value=t,e.closest("ptc-textfield").inputValue=t}),1e3)}}else{const e=t,i=e.getAttribute("data-eloqua-name");if(null!==i){const t=window.GetElqContentPersonalizationValue(i);""!==t&&t.length>0&&(e.value=t,e.closest("ptc-textfield").inputValue=t)}}})),""==this.user_elq_email&&""!=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email)&&(this.user_elq_email=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email)),""==this.user_elq_firstname&&""!=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname)&&(this.user_elq_firstname=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname)),""==this.user_elq_lastname&&""!=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname)&&(this.user_elq_lastname=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname))}populateCheckboxes(){"function"==typeof window.GetElqGroupMembershipStatus?(console.log("populating checkboxes..."),document.querySelector(".cookie-email").innerHTML=this.user_elq_email?this.user_elq_email:"email information is not available",document.querySelectorAll("input.groupId").forEach((t=>{const e=t.getAttribute("data-sub-groupid"),i=t.getAttribute("data-unsub-groupid"),o=window.GetElqGroupMembershipStatus(e),n=window.GetElqGroupMembershipStatus(i);null==o||void 0===o||o?t.checked=!0:n&&(t.checked=!1),this.fields_populated=!0})),this.fields_populated&&this.update_notme_link()):console.log("No result from group membership web look up, cannot display membership info")}disable_submit_button(){$("#btnSubmit").prop("disabled",!0)}update_notme_link(){const t=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname),e=window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname),i=document.getElementById("not-me-additional-top"),o=document.getElementById("not-me-additional-bottom");if(i){let o=i.innerHTML;o=t&&e?o.replace("{name}",t+" "+e):this.params.notme_message_noname,i.innerHTML=o,i.style.display="block"}o&&(o.style.display="block");const n=document.getElementById(this.params.notme_link_id);n&&(n.style.display="block",n.onclick=this.remove_user_details.bind(this))}remove_user_details(t){t.preventDefault(),this.user_elq_email="",this.user_elq_firstname="",this.user_elq_lastname="";const e=document.getElementById("not-me-additional-top"),i=document.getElementById("not-me-additional-bottom");return e.style.display="none",i.style.display="none",this.refreshForm(),!1}refreshForm(){this.field_mappings.forEach((({elementId:t})=>{if("contact-country"!==t){const e=document.getElementById(t);e&&(console.log("element: "+e),e.value="",e.closest("ptc-textfield")?"true"!=e.closest("ptc-textfield").getAttribute("ignore-blind-submit")&&(e.closest("ptc-textfield").style.display=""):e.closest("ptc-select")?e.closest("ptc-select").style.display="none":e.closest("ptc-form-checkbox")&&"true"==e.closest("ptc-form-checkbox").getAttribute("ignore-blind-submit")&&(e.closest("ptc-form-checkbox").style.display="none"))}else{const e=document.getElementById(t);e&&(e.textContent=""),e.closest("ptc-select")&&(e.closest("ptc-select").style.display="")}})),this.clearEloquaCookie("elq-uid"),this.fields_populated=!1}clearEloquaCookie(t){document.cookie=t+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;",console.log("cookie cleared")}async_load(){const t="https://img.en25.com/i/elqCfg.min.js",e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src=t,e.onerror=t=>{console.log(`Error loading script: ${t}`)};const i=document.getElementsByTagName("script")[0];i&&i.parentNode?i.parentNode.insertBefore(e,i):document.head.appendChild(e),console.log(`Async loading of script ${t} initiated.`)}}n._elqQ=window._elqQ||[];const s=class{constructor(e){t(this,e),this.elqSiteId=void 0,this.elqVisitorLookupKey=void 0,this.elqRecipientIdLookupKey=void 0,this.elqContactLookupKey=void 0,this.elqSubscriptionLookupKey=void 0,this.elqFieldEmailRecId="V_EmailRecipientID",this.elqFieldContactEmail="C_EmailAddress",this.elqFieldVisitorEmail="V_Email_Address",this.elqFieldVisitorFirstname="C_FirstName",this.elqFieldVisitorLastname="C_LastName",this.notmeLinkId=void 0,this.notmeFieldsClass=void 0,this.notmeMessage=void 0,this.notmeMessageNoname=void 0,this.isBlindSubmit=!0,this.isInitialized=!1}componentWillLoad(){this.initializeElqLib(),this.isBlindSubmit&&this.populateBlindField()}componentDidLoad(){this.init_notme()}initializeElqLib(){this.elqLib=new n({elq_site_id:this.elqSiteId,elq_visitor_lookup_key:this.elqVisitorLookupKey,elq_recipient_id_lookup_key:this.elqRecipientIdLookupKey,elq_contact_lookup_key:this.elqContactLookupKey,elq_subscription_lookup_key:this.elqSubscriptionLookupKey,elq_field_email_rec_id:this.elqFieldEmailRecId,elq_field_contact_email:this.elqFieldContactEmail,elq_field_visitor_email:this.elqFieldVisitorEmail,elq_field_visitor_firstname:this.elqFieldVisitorFirstname,elq_field_visitor_lastname:this.elqFieldVisitorLastname,notme_link_id:this.notmeLinkId,notme_fields_class:this.notmeFieldsClass,notme_message:this.notmeMessage,notme_message_noname:this.notmeMessageNoname}),this.isInitialized=!0}populateBlindField(){this.elqLib.add_field_mapping({elementId:"contact-phone",elqFieldName:"C_BusPhone"}),this.elqLib.add_field_mapping({elementId:"contact-email",elqFieldName:"C_EmailAddress"}),this.elqLib.add_field_mapping({elementId:"contact-firstname",elqFieldName:"C_FirstName"}),this.elqLib.add_field_mapping({elementId:"contact-lastname",elqFieldName:"C_LastName"}),this.elqLib.add_field_mapping({elementId:"contact-country",elqFieldName:"C_Country"}),this.elqLib.add_field_mapping({elementId:"contact-phone",elqFieldName:"C_BusPhone"}),this.elqLib.add_field_mapping({elementId:"company",elqFieldName:"C_Company"}),this.elqLib.add_field_mapping({elementId:"contact-state",elqFieldName:"C_State_Prov"}),this.elqLib.add_field_mapping({elementId:"contact-zipcode",elqFieldName:"C_Zip_Postal"}),this.elqLib.add_field_mapping({elementId:"contact-job-category",elqFieldName:"C_Job_Role1"}),this.elqLib.add_field_mapping({elementId:"contact-job-function",elqFieldName:"C_Job_Function1"}),this.elqLib.add_field_mapping({elementId:"contact-jp-job-title",elqFieldName:"C_Title"})}getCookie(t){let e=null;if(document.cookie){const i=document.cookie.split(";");for(let o of i){const[i,n]=o.trim().split("=");if(i===t){e=decodeURIComponent(n);break}}}return e}init_notme(){const t=document.getElementById("not-me-additional-top"),e=document.getElementById("not-me-additional-bottom");console.log("top: "+t),t&&(t.style.display="none"),e&&(e.style.display="none")}async performDataLookup(){this.isInitialized&&(this.elqLib.user_elq_email=this.getCookie("elq-uid"),console.log("elqlib.user_elq_email: "+this.elqLib.user_elq_email),this.elqLib.find_eloqua_contact())}async performSubscriptionLookup(){this.isInitialized&&(this.elqLib.user_elq_email=this.getCookie("elq-uid"),this.elqLib.find_eloqua_subscription_info())}render(){return e("slot",null)}get el(){return i(this)}};s.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}#not-me-link-id{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-medium);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:normal;margin-bottom:var(--ptc-element-spacing-03);position:relative}#not-me-link-id a{color:var(--color-hyperlink);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-medium);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:normal;text-decoration-line:underline}.not-me-additional-text{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-medium);font-style:normal;font-weight:var(--ptc-font-weight-regular);line-height:normal;margin-bottom:var(--ptc-element-spacing-03)}.not-me-additional-text p{font-size:var(--ptc-font-size-medium)}.not-me-additional-text#not-me-additional-bottom{margin-bottom:unset;margin-top:var(--ptc-element-spacing-03)}.ptc-embedded-form>div{max-width:273px;overflow-wrap:break-word}.ptc-embedded-form .iti__country-name{color:var(--color-gray-12)}.ptc-embedded-form .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{color:var(--color-gray-12)}.ptc-embedded-form .mdc-menu-surface--open{z-index:99999}";export{s as ptc_data_lookup}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as i,g as a}from"./p-ac75c7ad.js";import{P as n}from"./p-
|
|
1
|
+
import{r as t,h as e,H as i,g as a}from"./p-ac75c7ad.js";import{P as n}from"./p-8872161f.js";const r=class{constructor(e){t(this,e),this.toggleStickyBarView=()=>{var t;const e=document.querySelector("ptc-jumbotron"),i=null===(t=this.hostEle)||void 0===t?void 0:t.querySelector("div#blog-header-sticky-bar");if(e&&i){let t=e.getBoundingClientRect().bottom;0===t?(i.style.opacity="1",i.style.zIndex="2"):t<0?t>=-10?i.style.opacity=""+-t/10:(i.style.opacity="1",i.style.zIndex="2"):(i.style.opacity="0",i.style.zIndex="0")}},this.connectedCallback=()=>{const t=document.querySelector("ptc-preloader-section");t&&(this.preloaderDependency=new n(t)),setTimeout((()=>{console.log("Blog detail layout resolving promise"),this.preloaderDependency.resolve()}),5e3)},this.componentWillLoad=()=>{window.addEventListener("scroll",(()=>{this.toggleStickyBarView()}))},this.disconnectedCallback=()=>{window.removeEventListener("scroll",(()=>{this.toggleStickyBarView()}))},this.preloaderDependency=void 0}render(){return e(i,null,e("div",{style:{position:"relative"},class:"ptc-section"},e((()=>e("div",{id:"blog-header-sticky-bar-container"},e("div",{id:"blog-header-sticky-bar"},e("div",{class:"ptc-container"},e("ptc-para",{"font-size":"small","font-weight":"w-8","para-color":"white","para-line-h":"line-height-densest","para-margin":"margin-flush"},e("ptc-readmore-v2",{"max-characters":"50","read-less-text":"","read-more-text":""},"The Key to Using AI to Enhance IoT Security")),e("div",{class:"button-container"},e("ptc-button",{type:"link",color:"ptc-quaternary","link-href":"https://www.ptc.com",target:"_blank","tab-nav":"-1"},"Request Free Trial"),e("ptc-button",{type:"link",color:"ptc-tertiary","link-href":"https://www.ptc.com",target:"_blank","tab-nav":"-1",styles:"\r\n\t\t\t\t\t\t\t\t\t.ptc-tertiary { \r\n\t\t\t\t\t\t\t\t\t\tborder: 2px solid var(--color-gray-08); \r\n\t\t\t\t\t\t\t\t\t\tmargin-left: var(--ptc-element-spacing-06);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t"},"Speaking of Service Podcast")))))),null),e("div",{class:"ptc-container"},e("blog-detail-content",null,e("div",null,e("slot",{name:"content"}))))))}get hostEle(){return a(this)}};r.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}#blog-header-sticky-bar-container{display:none}#blog-header-sticky-bar{display:none}@media (min-width: 992px){#blog-header-sticky-bar-container{display:block;position:absolute;top:0;left:0;height:100%;width:100%}#blog-header-sticky-bar{display:block;width:100%;height:85px;margin-bottom:180px;background-color:var(--color-gray-08);position:sticky;top:0;opacity:0}#blog-header-sticky-bar>div{height:100%;display:flex;align-items:center;justify-content:space-between}}@media (min-width: 1440px){#blog-header-sticky-bar{padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-07) var(--ptc-element-spacing-02) var(--ptc-element-spacing-07)}}";export{r as blog_detail_layout}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as o,H as i,g as r}from"./p-ac75c7ad.js";import{e as t}from"./p-77b1221e.js";import{S as s}from"./p-5292a000.js";const a=class{constructor(o){e(this,o),this.tileCount=0,this.bgVideoSrc="",this.bgSrc="",this.jumbotron="dark",this.isIframe=!1,this.playBtnText="play",this.pauseBtnText="pause",this.activeTab=0,this.activeBgVideoSrc=void 0,this.activeMainTitle=void 0,this.activeSubTitle=void 0,this.activeButton=void 0,this.tileElements=[],this.isTransitioning=void 0,this.mediaTag="VIDEO"}handleWindowResize(){t("ptc-info-tile",this.el)}componentWillLoad(){this.updateDefaultContent()}componentDidLoad(){this.initSlider()}componentDidRender(){t("ptc-info-tile",this.el)}initSlider(){this.swiperContainerRef&&(this.mySwiper=new s(this.swiperContainerRef,{slidesPerView:"auto",initialSlide:0,spaceBetween:0,loop:!1,pagination:{el:".swiper-pagination",clickable:!0},breakpoints:{768:{initialSlide:0,slidesPerView:"auto",spaceBetween:0},1200:{initialSlide:1,slidesPerView:3,spaceBetween:0}}}),console.log("running swiper"))}destroySlider(){this.mySwiper&&this.mySwiper.destroy(!0,!0)}handleTileClick(e){this.activeTab=e,this.updateActiveContent(),this.updateTileElements(),this.destroySlider(),this.initSlider()}updateDefaultContent(){this.activeTab=0,this.updateActiveContent(),this.updateTileElements()}updateActiveContent(){const e=this.el.querySelector(`[slot="bg-video-src-${this.activeTab}"]`),o=this.el.querySelector(`[slot="main-title-${this.activeTab}"]`),i=this.el.querySelector(`[slot="sub-title-${this.activeTab}"]`),r=this.el.querySelector(`[slot="j-cta-${this.activeTab}"]`);this.activeBgVideoSrc=e?e.getAttribute("src"):"",this.activeMainTitle=o?o.innerHTML:"",this.activeSubTitle=i?i.innerHTML:"",this.activeButton=r?r.innerHTML:"",this.mediaTag=e.tagName}updateTileElements(){const e=Array.from(this.el.querySelectorAll(`[slot^="jumbotron-tile-${this.activeTab}"]`));this.tileElements=e}onItemSelected(e){this.isTransitioning=!0,setTimeout((()=>{this.handleTileClick(e.detail),this.isTransitioning=!1}),250)}render(){return o(i,null,o("ptc-jumbotron",Object.assign({styles:".parent{min-height:600px; max-height:850px;}","jumbotron-type":"VIDEO"===this.mediaTag?"dark-video":"dark"},!!this.activeBgVideoSrc&&{bgVideoSrc:this.activeBgVideoSrc},!this.bgVideoSrc&&!!this.bgSrc&&{bgSrc:this.bgSrc},{"is-iframe":this.isIframe,"is-homepage":"true","is-transitioning":this.isTransitioning,"sub-title":"","play-button-title":this.playBtnText,"pause-button-title":this.pauseBtnText,"button-location":"allbp-bottom-right","button-tab-index":"true"}),o("slot",{name:"breadcrumb"}),o("h1",{slot:"main-title",class:"hp-h1"},this.activeMainTitle),o("p",{slot:"hp-sub-title",class:"hp-sub-title"},this.activeSubTitle),o("div",{slot:"j-cta",innerHTML:this.activeButton})),o("div",{class:"swiper-container",ref:e=>this.swiperContainerRef=e},o("div",{class:"swiper-wrapper"},this.tileElements.map(((e,i)=>o("div",{class:"swiper-slide",key:i,innerHTML:e.outerHTML})))),o("div",{class:"swiper-pagination"})))}get el(){return r(this)}};a.style="@font-face{font-family:'swiper-icons';src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}.sc-homepage-jumbotron:root{--swiper-theme-color:#007aff}.swiper.sc-homepage-jumbotron,swiper-container.sc-homepage-jumbotron{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{flex-direction:column}.swiper-wrapper.sc-homepage-jumbotron{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron,.swiper-wrapper.sc-homepage-jumbotron{transform:translate3d(0px, 0, 0)}.swiper-horizontal.sc-homepage-jumbotron{touch-action:pan-y}.swiper-vertical.sc-homepage-jumbotron{touch-action:pan-x}.swiper-slide.sc-homepage-jumbotron,swiper-slide.sc-homepage-jumbotron{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank.sc-homepage-jumbotron{visibility:hidden}.swiper-autoheight.sc-homepage-jumbotron,.swiper-autoheight.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{height:auto}.swiper-autoheight.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron{perspective:1200px}.swiper-3d.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron{transform-style:preserve-3d}.swiper-3d.sc-homepage-jumbotron{perspective:1200px}.swiper-3d.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-cube-shadow.sc-homepage-jumbotron{transform-style:preserve-3d}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow.sc-homepage-jumbotron{background:rgba(0, 0, 0, 0.15)}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::-webkit-scrollbar{display:none}.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron{scroll-snap-align:none}.swiper-centered.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::before{content:'';flex-shrink:0;order:9999}.swiper-centered.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader.sc-homepage-jumbotron{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper.sc-homepage-jumbotron:not(.swiper-watch-progress) .swiper-lazy-preloader.sc-homepage-jumbotron,swiper-container.sc-homepage-jumbotron:not(.swiper-watch-progress) .swiper-lazy-preloader.sc-homepage-jumbotron,.swiper-watch-progress.sc-homepage-jumbotron .swiper-slide-visible.sc-homepage-jumbotron .swiper-lazy-preloader.sc-homepage-jumbotron{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white.sc-homepage-jumbotron{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black.sc-homepage-jumbotron{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron::after{width:1px;height:var(--swiper-virtual-size)}.sc-homepage-jumbotron:root{--swiper-navigation-size:44px}.swiper-button-prev.sc-homepage-jumbotron,.swiper-button-next.sc-homepage-jumbotron{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled.sc-homepage-jumbotron,.swiper-button-next.swiper-button-disabled.sc-homepage-jumbotron{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden.sc-homepage-jumbotron,.swiper-button-next.swiper-button-hidden.sc-homepage-jumbotron{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled.sc-homepage-jumbotron .swiper-button-prev.sc-homepage-jumbotron,.swiper-navigation-disabled.sc-homepage-jumbotron .swiper-button-next.sc-homepage-jumbotron{display:none !important}.swiper-button-prev.sc-homepage-jumbotron:after,.swiper-button-next.sc-homepage-jumbotron:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev.sc-homepage-jumbotron,.swiper-rtl.sc-homepage-jumbotron .swiper-button-next.sc-homepage-jumbotron{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev.sc-homepage-jumbotron:after,.swiper-rtl.sc-homepage-jumbotron .swiper-button-next.sc-homepage-jumbotron:after{content:'prev'}.swiper-button-next.sc-homepage-jumbotron,.swiper-rtl.sc-homepage-jumbotron .swiper-button-prev.sc-homepage-jumbotron{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next.sc-homepage-jumbotron:after,.swiper-rtl.sc-homepage-jumbotron .swiper-button-prev.sc-homepage-jumbotron:after{content:'next'}.swiper-button-lock.sc-homepage-jumbotron{display:none}.swiper-pagination.sc-homepage-jumbotron{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden.sc-homepage-jumbotron{opacity:0}.swiper-pagination-disabled.sc-homepage-jumbotron>.swiper-pagination.sc-homepage-jumbotron,.swiper-pagination.swiper-pagination-disabled.sc-homepage-jumbotron{display:none !important}.swiper-pagination-fraction.sc-homepage-jumbotron,.swiper-pagination-custom.sc-homepage-jumbotron,.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron,.swiper-pagination-bullets.swiper-pagination-horizontal.sc-homepage-jumbotron{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active.sc-homepage-jumbotron{transform:scale(1)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-main.sc-homepage-jumbotron{transform:scale(1)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-prev.sc-homepage-jumbotron{transform:scale(0.66)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-prev-prev.sc-homepage-jumbotron{transform:scale(0.33)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-next.sc-homepage-jumbotron{transform:scale(0.66)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-next-next.sc-homepage-jumbotron{transform:scale(0.33)}.swiper-pagination-bullet.sc-homepage-jumbotron{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet.sc-homepage-jumbotron{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{cursor:pointer}.swiper-pagination-bullet.sc-homepage-jumbotron:only-child{display:none !important}.swiper-pagination-bullet-active.sc-homepage-jumbotron{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.sc-homepage-jumbotron{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-horizontal.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl.sc-homepage-jumbotron>.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-horizontal.swiper-rtl.sc-homepage-jumbotron-h .swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{transition:200ms transform, 200ms right}.swiper-pagination-fraction.sc-homepage-jumbotron{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar.sc-homepage-jumbotron{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar.sc-homepage-jumbotron .swiper-pagination-progressbar-fill.sc-homepage-jumbotron{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl.sc-homepage-jumbotron .swiper-pagination-progressbar.sc-homepage-jumbotron .swiper-pagination-progressbar-fill.sc-homepage-jumbotron{transform-origin:right top}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-progressbar.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-horizontal.sc-homepage-jumbotron,.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-progressbar.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-vertical.sc-homepage-jumbotron,.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock.sc-homepage-jumbotron{display:none}.swiper-scrollbar.sc-homepage-jumbotron{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled.sc-homepage-jumbotron>.swiper-scrollbar.sc-homepage-jumbotron,.swiper-scrollbar.swiper-scrollbar-disabled.sc-homepage-jumbotron{display:none !important}.swiper-horizontal.sc-homepage-jumbotron>.swiper-scrollbar.sc-homepage-jumbotron,.swiper-scrollbar.swiper-scrollbar-horizontal.sc-homepage-jumbotron{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical.sc-homepage-jumbotron>.swiper-scrollbar.sc-homepage-jumbotron,.swiper-scrollbar.swiper-scrollbar-vertical.sc-homepage-jumbotron{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag.sc-homepage-jumbotron{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag.sc-homepage-jumbotron{cursor:move}.swiper-scrollbar-lock.sc-homepage-jumbotron{display:none}.swiper-zoom-container.sc-homepage-jumbotron{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container.sc-homepage-jumbotron>img.sc-homepage-jumbotron,.swiper-zoom-container.sc-homepage-jumbotron>svg.sc-homepage-jumbotron,.swiper-zoom-container.sc-homepage-jumbotron>canvas.sc-homepage-jumbotron{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed.sc-homepage-jumbotron{cursor:move;touch-action:none}.swiper.sc-homepage-jumbotron .swiper-notification.sc-homepage-jumbotron,swiper-container.sc-homepage-jumbotron .swiper-notification.sc-homepage-jumbotron{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{transition-timing-function:ease-out;margin:0 auto}.swiper-grid.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{flex-wrap:wrap}.swiper-grid-column.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transition-timing-function:ease-out}.swiper-fade.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none;transition-property:opacity}.swiper-fade.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none}.swiper-fade.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-fade.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron{pointer-events:auto}.swiper-cube.sc-homepage-jumbotron{overflow:visible}.swiper-cube.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none}.swiper-cube.swiper-rtl.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transform-origin:100% 0}.swiper-cube.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron{pointer-events:auto}.swiper-cube.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-next.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-prev.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-next.sc-homepage-jumbotron+.swiper-slide.sc-homepage-jumbotron{pointer-events:auto;visibility:visible}.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube.sc-homepage-jumbotron .swiper-cube-shadow.sc-homepage-jumbotron{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube.sc-homepage-jumbotron .swiper-cube-shadow.sc-homepage-jumbotron:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip.sc-homepage-jumbotron{overflow:visible}.swiper-flip.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none}.swiper-flip.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron{pointer-events:auto}.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform, opacity, height}.swiper-cards.sc-homepage-jumbotron{overflow:visible}.swiper-cards.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}h1.sc-homepage-jumbotron,h2.sc-homepage-jumbotron,h3.sc-homepage-jumbotron,h4.sc-homepage-jumbotron,h5.sc-homepage-jumbotron,h6.sc-homepage-jumbotron,p.sc-homepage-jumbotron,ul.sc-homepage-jumbotron,li.sc-homepage-jumbotron,ptc-subnav.sc-homepage-jumbotron,ptc-tab-list.sc-homepage-jumbotron,ptc-link.sc-homepage-jumbotron,ptc-square-card.sc-homepage-jumbotron,.hyphenate-text.sc-homepage-jumbotron,ptc-footer.sc-homepage-jumbotron{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-homepage-jumbotron,h2.sc-homepage-jumbotron,h3.sc-homepage-jumbotron,h4.sc-homepage-jumbotron,h5.sc-homepage-jumbotron,h6.sc-homepage-jumbotron,p.sc-homepage-jumbotron,ul.sc-homepage-jumbotron,li.sc-homepage-jumbotron,ptc-subnav.sc-homepage-jumbotron,ptc-tab-list.sc-homepage-jumbotron,ptc-link.sc-homepage-jumbotron,ptc-square-card.sc-homepage-jumbotron,.hyphenate-text.sc-homepage-jumbotron,ptc-footer.sc-homepage-jumbotron{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.sc-homepage-jumbotron-h{display:block;width:100%;min-height:86vh;height:auto;position:relative;overflow:hidden}.hp-sub-title.sc-homepage-jumbotron{color:var(--color-white);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-p);margin-bottom:var(--ptc-element-spacing-07)}.hp-h1.sc-homepage-jumbotron{color:var(--color-white);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xxxx-large);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);margin-block-end:0px;margin-block-start:0px;margin-bottom:var(--ptc-element-spacing-04)}.swiper-container.sc-homepage-jumbotron{position:relative;z-index:999;width:100%;height:100%;transform:translateY(-24px);top:0px;padding-right:24px;padding-left:24px;margin:0 auto;max-width:100%}.swiper-slide.sc-homepage-jumbotron{display:flex;width:unset;justify-content:flex-start;align-items:center;margin-right:24px}.swiper-slide.sc-homepage-jumbotron:last-of-type{margin-right:0px}@media screen and (min-width: 992px){.swiper-container.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron{justify-content:space-between}.swiper-slide.sc-homepage-jumbotron{flex:1;margin-right:24px}.swiper-slide.sc-homepage-jumbotron:last-of-type{margin-right:0px}}@media screen and (min-width: 1200px){.swiper-container.sc-homepage-jumbotron{max-width:1136px;padding-left:0;padding-right:0}.swiper-slide.sc-homepage-jumbotron{margin-right:32px}}@media screen and (min-width: 1440px){.swiper-container.sc-homepage-jumbotron{max-width:1200px;padding-left:0;padding-right:0}.swiper-slide.sc-homepage-jumbotron{margin-right:40px}}.swiper-button-next.sc-homepage-jumbotron,.swiper-button-prev.sc-homepage-jumbotron{color:transparent}";export{a as homepage_jumbotron}
|
|
1
|
+
import{r as e,h as o,H as i,g as r}from"./p-ac75c7ad.js";import{e as t}from"./p-8872161f.js";import{S as s}from"./p-5292a000.js";const a=class{constructor(o){e(this,o),this.tileCount=0,this.bgVideoSrc="",this.bgSrc="",this.jumbotron="dark",this.isIframe=!1,this.playBtnText="play",this.pauseBtnText="pause",this.activeTab=0,this.activeBgVideoSrc=void 0,this.activeMainTitle=void 0,this.activeSubTitle=void 0,this.activeButton=void 0,this.tileElements=[],this.isTransitioning=void 0,this.mediaTag="VIDEO"}handleWindowResize(){t("ptc-info-tile",this.el)}componentWillLoad(){this.updateDefaultContent()}componentDidLoad(){this.initSlider()}componentDidRender(){t("ptc-info-tile",this.el)}initSlider(){this.swiperContainerRef&&(this.mySwiper=new s(this.swiperContainerRef,{slidesPerView:"auto",initialSlide:0,spaceBetween:0,loop:!1,pagination:{el:".swiper-pagination",clickable:!0},breakpoints:{768:{initialSlide:0,slidesPerView:"auto",spaceBetween:0},1200:{initialSlide:1,slidesPerView:3,spaceBetween:0}}}),console.log("running swiper"))}destroySlider(){this.mySwiper&&this.mySwiper.destroy(!0,!0)}handleTileClick(e){this.activeTab=e,this.updateActiveContent(),this.updateTileElements(),this.destroySlider(),this.initSlider()}updateDefaultContent(){this.activeTab=0,this.updateActiveContent(),this.updateTileElements()}updateActiveContent(){const e=this.el.querySelector(`[slot="bg-video-src-${this.activeTab}"]`),o=this.el.querySelector(`[slot="main-title-${this.activeTab}"]`),i=this.el.querySelector(`[slot="sub-title-${this.activeTab}"]`),r=this.el.querySelector(`[slot="j-cta-${this.activeTab}"]`);this.activeBgVideoSrc=e?e.getAttribute("src"):"",this.activeMainTitle=o?o.innerHTML:"",this.activeSubTitle=i?i.innerHTML:"",this.activeButton=r?r.innerHTML:"",this.mediaTag=e.tagName}updateTileElements(){const e=Array.from(this.el.querySelectorAll(`[slot^="jumbotron-tile-${this.activeTab}"]`));this.tileElements=e}onItemSelected(e){this.isTransitioning=!0,setTimeout((()=>{this.handleTileClick(e.detail),this.isTransitioning=!1}),250)}render(){return o(i,null,o("ptc-jumbotron",Object.assign({styles:".parent{min-height:600px; max-height:850px;}","jumbotron-type":"VIDEO"===this.mediaTag?"dark-video":"dark"},!!this.activeBgVideoSrc&&{bgVideoSrc:this.activeBgVideoSrc},!this.bgVideoSrc&&!!this.bgSrc&&{bgSrc:this.bgSrc},{"is-iframe":this.isIframe,"is-homepage":"true","is-transitioning":this.isTransitioning,"sub-title":"","play-button-title":this.playBtnText,"pause-button-title":this.pauseBtnText,"button-location":"allbp-bottom-right","button-tab-index":"true"}),o("slot",{name:"breadcrumb"}),o("h1",{slot:"main-title",class:"hp-h1"},this.activeMainTitle),o("p",{slot:"hp-sub-title",class:"hp-sub-title"},this.activeSubTitle),o("div",{slot:"j-cta",innerHTML:this.activeButton})),o("div",{class:"swiper-container",ref:e=>this.swiperContainerRef=e},o("div",{class:"swiper-wrapper"},this.tileElements.map(((e,i)=>o("div",{class:"swiper-slide",key:i,innerHTML:e.outerHTML})))),o("div",{class:"swiper-pagination"})))}get el(){return r(this)}};a.style="@font-face{font-family:'swiper-icons';src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}.sc-homepage-jumbotron:root{--swiper-theme-color:#007aff}.swiper.sc-homepage-jumbotron,swiper-container.sc-homepage-jumbotron{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{flex-direction:column}.swiper-wrapper.sc-homepage-jumbotron{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron,.swiper-wrapper.sc-homepage-jumbotron{transform:translate3d(0px, 0, 0)}.swiper-horizontal.sc-homepage-jumbotron{touch-action:pan-y}.swiper-vertical.sc-homepage-jumbotron{touch-action:pan-x}.swiper-slide.sc-homepage-jumbotron,swiper-slide.sc-homepage-jumbotron{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank.sc-homepage-jumbotron{visibility:hidden}.swiper-autoheight.sc-homepage-jumbotron,.swiper-autoheight.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{height:auto}.swiper-autoheight.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron{perspective:1200px}.swiper-3d.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron{transform-style:preserve-3d}.swiper-3d.sc-homepage-jumbotron{perspective:1200px}.swiper-3d.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-cube-shadow.sc-homepage-jumbotron{transform-style:preserve-3d}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow.sc-homepage-jumbotron{background:rgba(0, 0, 0, 0.15)}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::-webkit-scrollbar{display:none}.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron{scroll-snap-align:none}.swiper-centered.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::before{content:'';flex-shrink:0;order:9999}.swiper-centered.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader.sc-homepage-jumbotron{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper.sc-homepage-jumbotron:not(.swiper-watch-progress) .swiper-lazy-preloader.sc-homepage-jumbotron,swiper-container.sc-homepage-jumbotron:not(.swiper-watch-progress) .swiper-lazy-preloader.sc-homepage-jumbotron,.swiper-watch-progress.sc-homepage-jumbotron .swiper-slide-visible.sc-homepage-jumbotron .swiper-lazy-preloader.sc-homepage-jumbotron{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white.sc-homepage-jumbotron{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black.sc-homepage-jumbotron{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron::after{width:1px;height:var(--swiper-virtual-size)}.sc-homepage-jumbotron:root{--swiper-navigation-size:44px}.swiper-button-prev.sc-homepage-jumbotron,.swiper-button-next.sc-homepage-jumbotron{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled.sc-homepage-jumbotron,.swiper-button-next.swiper-button-disabled.sc-homepage-jumbotron{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden.sc-homepage-jumbotron,.swiper-button-next.swiper-button-hidden.sc-homepage-jumbotron{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled.sc-homepage-jumbotron .swiper-button-prev.sc-homepage-jumbotron,.swiper-navigation-disabled.sc-homepage-jumbotron .swiper-button-next.sc-homepage-jumbotron{display:none !important}.swiper-button-prev.sc-homepage-jumbotron:after,.swiper-button-next.sc-homepage-jumbotron:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev.sc-homepage-jumbotron,.swiper-rtl.sc-homepage-jumbotron .swiper-button-next.sc-homepage-jumbotron{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev.sc-homepage-jumbotron:after,.swiper-rtl.sc-homepage-jumbotron .swiper-button-next.sc-homepage-jumbotron:after{content:'prev'}.swiper-button-next.sc-homepage-jumbotron,.swiper-rtl.sc-homepage-jumbotron .swiper-button-prev.sc-homepage-jumbotron{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next.sc-homepage-jumbotron:after,.swiper-rtl.sc-homepage-jumbotron .swiper-button-prev.sc-homepage-jumbotron:after{content:'next'}.swiper-button-lock.sc-homepage-jumbotron{display:none}.swiper-pagination.sc-homepage-jumbotron{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden.sc-homepage-jumbotron{opacity:0}.swiper-pagination-disabled.sc-homepage-jumbotron>.swiper-pagination.sc-homepage-jumbotron,.swiper-pagination.swiper-pagination-disabled.sc-homepage-jumbotron{display:none !important}.swiper-pagination-fraction.sc-homepage-jumbotron,.swiper-pagination-custom.sc-homepage-jumbotron,.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron,.swiper-pagination-bullets.swiper-pagination-horizontal.sc-homepage-jumbotron{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active.sc-homepage-jumbotron{transform:scale(1)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-main.sc-homepage-jumbotron{transform:scale(1)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-prev.sc-homepage-jumbotron{transform:scale(0.66)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-prev-prev.sc-homepage-jumbotron{transform:scale(0.33)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-next.sc-homepage-jumbotron{transform:scale(0.66)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-next-next.sc-homepage-jumbotron{transform:scale(0.33)}.swiper-pagination-bullet.sc-homepage-jumbotron{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet.sc-homepage-jumbotron{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{cursor:pointer}.swiper-pagination-bullet.sc-homepage-jumbotron:only-child{display:none !important}.swiper-pagination-bullet-active.sc-homepage-jumbotron{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.sc-homepage-jumbotron{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-horizontal.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl.sc-homepage-jumbotron>.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-horizontal.swiper-rtl.sc-homepage-jumbotron-h .swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{transition:200ms transform, 200ms right}.swiper-pagination-fraction.sc-homepage-jumbotron{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar.sc-homepage-jumbotron{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar.sc-homepage-jumbotron .swiper-pagination-progressbar-fill.sc-homepage-jumbotron{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl.sc-homepage-jumbotron .swiper-pagination-progressbar.sc-homepage-jumbotron .swiper-pagination-progressbar-fill.sc-homepage-jumbotron{transform-origin:right top}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-progressbar.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-horizontal.sc-homepage-jumbotron,.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-progressbar.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-vertical.sc-homepage-jumbotron,.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock.sc-homepage-jumbotron{display:none}.swiper-scrollbar.sc-homepage-jumbotron{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled.sc-homepage-jumbotron>.swiper-scrollbar.sc-homepage-jumbotron,.swiper-scrollbar.swiper-scrollbar-disabled.sc-homepage-jumbotron{display:none !important}.swiper-horizontal.sc-homepage-jumbotron>.swiper-scrollbar.sc-homepage-jumbotron,.swiper-scrollbar.swiper-scrollbar-horizontal.sc-homepage-jumbotron{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical.sc-homepage-jumbotron>.swiper-scrollbar.sc-homepage-jumbotron,.swiper-scrollbar.swiper-scrollbar-vertical.sc-homepage-jumbotron{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag.sc-homepage-jumbotron{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag.sc-homepage-jumbotron{cursor:move}.swiper-scrollbar-lock.sc-homepage-jumbotron{display:none}.swiper-zoom-container.sc-homepage-jumbotron{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container.sc-homepage-jumbotron>img.sc-homepage-jumbotron,.swiper-zoom-container.sc-homepage-jumbotron>svg.sc-homepage-jumbotron,.swiper-zoom-container.sc-homepage-jumbotron>canvas.sc-homepage-jumbotron{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed.sc-homepage-jumbotron{cursor:move;touch-action:none}.swiper.sc-homepage-jumbotron .swiper-notification.sc-homepage-jumbotron,swiper-container.sc-homepage-jumbotron .swiper-notification.sc-homepage-jumbotron{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{transition-timing-function:ease-out;margin:0 auto}.swiper-grid.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{flex-wrap:wrap}.swiper-grid-column.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transition-timing-function:ease-out}.swiper-fade.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none;transition-property:opacity}.swiper-fade.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none}.swiper-fade.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-fade.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron{pointer-events:auto}.swiper-cube.sc-homepage-jumbotron{overflow:visible}.swiper-cube.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none}.swiper-cube.swiper-rtl.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transform-origin:100% 0}.swiper-cube.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron{pointer-events:auto}.swiper-cube.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-next.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-prev.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-next.sc-homepage-jumbotron+.swiper-slide.sc-homepage-jumbotron{pointer-events:auto;visibility:visible}.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube.sc-homepage-jumbotron .swiper-cube-shadow.sc-homepage-jumbotron{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube.sc-homepage-jumbotron .swiper-cube-shadow.sc-homepage-jumbotron:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip.sc-homepage-jumbotron{overflow:visible}.swiper-flip.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none}.swiper-flip.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron{pointer-events:auto}.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform, opacity, height}.swiper-cards.sc-homepage-jumbotron{overflow:visible}.swiper-cards.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}h1.sc-homepage-jumbotron,h2.sc-homepage-jumbotron,h3.sc-homepage-jumbotron,h4.sc-homepage-jumbotron,h5.sc-homepage-jumbotron,h6.sc-homepage-jumbotron,p.sc-homepage-jumbotron,ul.sc-homepage-jumbotron,li.sc-homepage-jumbotron,ptc-subnav.sc-homepage-jumbotron,ptc-tab-list.sc-homepage-jumbotron,ptc-link.sc-homepage-jumbotron,ptc-square-card.sc-homepage-jumbotron,.hyphenate-text.sc-homepage-jumbotron,ptc-footer.sc-homepage-jumbotron{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-homepage-jumbotron,h2.sc-homepage-jumbotron,h3.sc-homepage-jumbotron,h4.sc-homepage-jumbotron,h5.sc-homepage-jumbotron,h6.sc-homepage-jumbotron,p.sc-homepage-jumbotron,ul.sc-homepage-jumbotron,li.sc-homepage-jumbotron,ptc-subnav.sc-homepage-jumbotron,ptc-tab-list.sc-homepage-jumbotron,ptc-link.sc-homepage-jumbotron,ptc-square-card.sc-homepage-jumbotron,.hyphenate-text.sc-homepage-jumbotron,ptc-footer.sc-homepage-jumbotron{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.sc-homepage-jumbotron-h{display:block;width:100%;min-height:86vh;height:auto;position:relative;overflow:hidden}.hp-sub-title.sc-homepage-jumbotron{color:var(--color-white);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-p);margin-bottom:var(--ptc-element-spacing-07)}.hp-h1.sc-homepage-jumbotron{color:var(--color-white);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xxxx-large);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);margin-block-end:0px;margin-block-start:0px;margin-bottom:var(--ptc-element-spacing-04)}.swiper-container.sc-homepage-jumbotron{position:relative;z-index:999;width:100%;height:100%;transform:translateY(-24px);top:0px;padding-right:24px;padding-left:24px;margin:0 auto;max-width:100%}.swiper-slide.sc-homepage-jumbotron{display:flex;width:unset;justify-content:flex-start;align-items:center;margin-right:24px}.swiper-slide.sc-homepage-jumbotron:last-of-type{margin-right:0px}@media screen and (min-width: 992px){.swiper-container.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron{justify-content:space-between}.swiper-slide.sc-homepage-jumbotron{flex:1;margin-right:24px}.swiper-slide.sc-homepage-jumbotron:last-of-type{margin-right:0px}}@media screen and (min-width: 1200px){.swiper-container.sc-homepage-jumbotron{max-width:1136px;padding-left:0;padding-right:0}.swiper-slide.sc-homepage-jumbotron{margin-right:32px}}@media screen and (min-width: 1440px){.swiper-container.sc-homepage-jumbotron{max-width:1200px;padding-left:0;padding-right:0}.swiper-slide.sc-homepage-jumbotron{margin-right:40px}}.swiper-button-next.sc-homepage-jumbotron,.swiper-button-prev.sc-homepage-jumbotron{color:transparent}";export{a as homepage_jumbotron}
|