npm - @ptcwebops/ptcw-design - Versions diffs - 5.2.2 → 5.2.4 - Mend

@ptcwebops/ptcw-design 5.2.2 → 5.2.4

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.

Files changed (87) hide show

package/dist/ptcw-design/{p-839821e0.entry.js → p-e4675432.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as t,h as i,H as e,g as a}from"./p-ac75c7ad.js";const n=class{constructor(i){t(this,i),this.jumbotronType="light",this.hasPopupVideo=!1,this.mainTitle="Lorem Ipsum Dolor Sit Amet Consectetur",this.subTitle="Lorem Ipsum Dolor Sit Amet Consectetur Adipiscing Lorem Ipsum Dolor Sit Amet Consectetur Adipisci Lorem Ipsum Dolor Sit Amet",this.pngSrc=void 0,this.pngImgStyles="",this.gifSrc=void 0,this.bgVideoSrc=void 0,this.bgSrc=void 0,this.isIframe=!1,this.isHomepage=!1,this.playButtonTitle=void 0,this.pauseButtonTitle=void 0,this.buttonLocation=void 0,this.buttonTabIndex=!1,this.contentBackground=void 0,this.contentColor=void 0,this.textAlign="left",this.isMobile=void 0,this.isTransitioning=void 0,this.blogAuthorImage="",this.blogAuthorImageAlt="",this.blogAuthorName="",this.blogAuthorQueryHref="",this.blogAuthorQueryTarget="",this.styles=void 0,this.hasCtaSlot=void 0}componentWillLoad(){this.hasCtaSlot=!!this.el.querySelector('[slot="j-cta"]')}handleResize(){this.getContentBackground()}connectedCallback(){this.getContentBackground()}componentDidLoad(){}render(){const t=this.getCssClassMap();let a;switch(this.jumbotronType){case"png":a=i("div",{class:"mobile-media-image"},i("div",{class:"media-image-wrapper"},i("ptc-picture",{src:this.pngSrc}),this.hasPopupVideo&&this.isMobile?i("slot",{name:"video"}):null));break;case"blog":a=i("div",{class:"mobile-media-image"},i("div",{class:"media-image-wrapper"},i("ptc-picture",{"is-full-width":!0,src:this.pngSrc,styles:"img {height: 100%;}"})));break;case"gif":a=i("div",{class:"mobile-media-image gif-bg"},i("img",{src:this.gifSrc}));break;case"dark-video":case"light-video":a=i("ptc-background-video",{class:"video-ratio",overlay:!1,"video-src":this.bgVideoSrc,isIframe:this.isIframe,"play-button-title":this.playButtonTitle,"pause-button-title":this.pauseButtonTitle,"button-location":this.buttonLocation,"button-tab-index":"true"}," ",this.hasPopupVideo&&this.isMobile?i("div",{class:"mobile-modal-play-btn"}," ",i("slot",{name:"video"})):null);break;case"dark":case"light":a=i("div",{class:"dl-img-wrap"},i("ptc-img",{"img-url":this.bgSrc,styles:".smart-bg{background-position:right !important;}"}),this.hasPopupVideo&&this.isMobile?i("div",{class:"mobile-modal-play-btn"}," ",i("slot",{name:"video"})):null);break;default:a=i("ptc-img",{"img-url":this.bgSrc,styles:".smart-bg{background-position:right !important;}"})}return i(e,{class:t},this.styles&&i("style",null,this.styles),i("div",{class:{parent:!0,"light-links":"dark"===this.jumbotronType\|\|"dark-video"===this.jumbotronType,"hp-adjustments":this.isHomepage,transitioning:this.isTransitioning}},i("div",{class:"div1 image-container "+("text"===this.jumbotronType?"hidden":"")},a),i("div",{class:"div2 content-container"},i("div",{class:"bg-overlay",style:{background:this.contentBackground}}),i("div",{class:{"ptc-container":!0,"content-layout":!0,"hp-container":this.isHomepage,"blog-container":"blog"===this.jumbotronType}},i("max-width-container",{"max-width-p":"60",breakpoint:992,"content-align":"text"===this.jumbotronType?"center":this.textAlign,styles:":host{z-index: 999}"},i("slot",{name:"breadcrumb"}),i("span",{class:"main-content-items"},i("ptc-spacer",{breakpoint:"small",size:"small"}),i("ptc-spacer",{breakpoint:"x-small",size:"medium"}),i("slot",{name:"main-title"}),i("slot",{name:"hp-sub-title"}),("text"!==this.jumbotronType\|\|"text"===this.jumbotronType&&this.subTitle)&&!this.isHomepage&&i("div",null,i("ptc-spacer",{breakpoint:"small",size:"small"}),i("ptc-spacer",{breakpoint:"x-small",size:"medium"})),!this.isHomepage&&i("ptc-para",{styles:`p{color: ${this.contentColor}!important;}`,"font-size":"text"===this.jumbotronType&&this.isMobile?"x-small":"small","font-weight":"w-4","para-margin":"text"===this.jumbotronType?"margin-flush":"margin-bottom-6","para-color":"white","para-line-h":"line-height-p","para-align":"text"===this.jumbotronType?"center":"left","seo-compatibility-mode":!0},i("p",{innerHTML:this.subTitle,style:{margin:"0"}}),"blog"===this.jumbotronType&&i("div",null,i("ptc-spacer",{breakpoint:"x-small",size:"medium"}),i("ptc-spacer",{breakpoint:"small",size:"small"}),i("div",{id:"header-blog-author",slot:"blog-author"},i("div",{class:"image"},i("img",{alt:this.blogAuthorImageAlt,src:this.blogAuthorImage})),i("ptc-para",{"font-size":"small","font-weight":"w-4","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},i("a",{class:"blog-author-name",tabindex:"0",href:this.blogAuthorQueryHref,target:this.blogAuthorQueryTarget},this.blogAuthorName))))),this.hasCtaSlot&&i("div",{class:"u-flex u-flex-wrap gap-adjustment"+("text"===this.jumbotronType?" text-adjustment":"")},i("slot",{name:"j-cta"})))),this.hasPopupVideo&&"png"!==this.jumbotronType?i("slot",{name:"video"}):null,"png"===this.jumbotronType?i("div",{class:"desktop-media-image"},i("div",{class:"media-image-wrapper"},i("ptc-picture",{"is-full-width":!0,src:this.pngSrc,styles:`img {${this.pngImgStyles}}`}),this.hasPopupVideo?i("slot",{name:"video"}):null)):null,"gif"===this.jumbotronType?i("div",{class:"desktop-media-image desk-gif-adjustment"},i("img",{src:this.gifSrc})):null,"blog"===this.jumbotronType?i("div",{class:"desktop-media-image"},i("div",{class:"media-image-wrapper"},i("ptc-picture",{"is-full-width":!0,src:this.pngSrc,styles:"img {height: 100%;}"}))):null))))}getCssClassMap(){return{"text-jumbotron":"text"===this.jumbotronType,"png-jumbotron":"png"===this.jumbotronType,"blog-jumbotron":"blog"===this.jumbotronType,"gif-jumbotron":"gif"===this.jumbotronType,"dark-video-jumbotron light-links":"dark-video"===this.jumbotronType,"light-video-jumbotron":"light-video"===this.jumbotronType,"dark-jumbotron light-links":"dark"===this.jumbotronType,"light-jumbotron":"light"===this.jumbotronType}}getContentBackground(){if(window.innerWidth<992){switch(this.jumbotronType){case"light":case"light-video":case"png":this.contentBackground="var(--color-white)",this.contentColor="var(--color-gray-10)";break;case"dark":case"dark-video":this.contentBackground="var(--color-gray-09)",this.contentColor="var(--color-gray-01)";break;case"blog":this.contentBackground="white",this.contentColor="var(--color-gray-10)";break;default:this.contentBackground="transparent",this.contentColor="var(--color-gray-10)"}this.isMobile=!0}else{switch(this.jumbotronType){case"light":case"light-video":case"png":this.contentBackground="linear-gradient(90.19deg, rgba(255, 255, 255, 0.9) 62.55%, rgba(228, 231, 233, 0) 99.86%)",this.contentColor="var(--color-gray-10)";break;case"dark":case"dark-video":this.contentBackground="linear-gradient(90deg, rgba(0, 0, 0, 0.63) 52.42%, rgba(40, 47, 53, 0) 100%)",this.contentColor="var(--color-gray-01)";break;case"gif":this.contentBackground="#F3F3F3",this.contentColor="var(--color-gray-10)";break;case"blog":this.contentBackground="white",this.contentColor="var(--color-gray-10)";break;default:this.contentBackground="transparent",this.contentColor="var(--color-gray-10)"}this.isMobile=!1}}get el(){return a(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}}.ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid{width:100%}.u-para-sm{font-size:var(--ptc-font-size-small) !important}.u-para-md{font-size:var(--ptc-font-size-medium) !important}.u-para-lg{font-size:var(--ptc-font-size-large) !important}.u-para-xl{font-size:var(--ptc-font-size-x-large) !important}.u-para-xxl{font-size:var(--ptc-font-size-xx-large) !important}.u-para-xxxl{font-size:var(--ptc-font-size-xxx-large) !important}@media only screen and (min-width: 768px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.05vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.05vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.05vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.05vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.05vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.05vw) !important}}@media only screen and (min-width: 992px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.1vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.1vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.1vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.1vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.1vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.1vw) !important}}@media only screen and (min-width: 1200px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.15vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.15vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.15vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.15vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.15vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.15vw) !important}}@media only screen and (min-width: 1440px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.2vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.2vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.2vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.2vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.2vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.2vw) !important}}@media only screen and (min-width: 1600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.25vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.25vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.25vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.25vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.25vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.25vw) !important}}@media only screen and (min-width: 1980px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.3vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.3vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.3vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.3vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.3vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.3vw) !important}}@media only screen and (min-width: 2600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.35vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.35vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.35vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.35vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.35vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.35vw) !important}}.u-para-body{font-size:var(--ptc-font-size-medium) !important}.u-color-white{color:var(--color-white) !important}.u-uppercase{text-transform:uppercase !important}.u-margin-flush{margin:0 !important}.u-marginTop-flush{margin-top:0 !important}.u-marginLeft-flush{margin-left:0 !important}.u-marginRight-flush{margin-right:0 !important}.u-marginBottom-flush{margin-bottom:0 !important}.u-padding-flush{padding:0 !important}.u-paddingTop-flush{padding-top:0 !important}.u-paddingLeft-flush{padding-left:0 !important}.u-paddingRight-flush{padding-right:0 !important}.u-paddingBottom-flush{padding-bottom:0 !important}.u-margin-xs{margin:var(--ptc-element-spacing-01) !important}.u-marginTop-xs{margin-top:var(--ptc-element-spacing-01) !important}.u-marginLeft-xs{margin-left:var(--ptc-element-spacing-01) !important}.u-marginRight-xs{margin-right:var(--ptc-element-spacing-01) !important}.u-marginBottom-xs{margin-bottom:var(--ptc-element-spacing-01) !important}.u-margin-sm{margin:var(--ptc-element-spacing-02) !important}.u-marginTop-sm{margin-top:var(--ptc-element-spacing-02) !important}.u-marginLeft-sm{margin-left:var(--ptc-element-spacing-02) !important}.u-marginRight-sm{margin-right:var(--ptc-element-spacing-02) !important}.u-marginBottom-sm{margin-bottom:var(--ptc-element-spacing-02) !important}.u-margin-md{margin:var(--ptc-element-spacing-03) !important}.u-marginTop-md{margin-top:var(--ptc-element-spacing-03) !important}.u-marginLeft-md{margin-left:var(--ptc-element-spacing-03) !important}.u-marginRight-md{margin-right:var(--ptc-element-spacing-03) !important}.u-marginBottom-md{margin-bottom:var(--ptc-element-spacing-03) !important}.u-margin-lg{margin:var(--ptc-element-spacing-04) !important}.u-marginTop-lg{margin-top:var(--ptc-element-spacing-04) !important}.u-marginLeft-lg{margin-left:var(--ptc-element-spacing-04) !important}.u-marginRight-lg{margin-right:var(--ptc-element-spacing-04) !important}.u-marginBottom-lg{margin-bottom:var(--ptc-element-spacing-04) !important}.u-margin-xl{margin:var(--ptc-element-spacing-05) !important}.u-marginTop-xl{margin-top:var(--ptc-element-spacing-05) !important}.u-marginLeft-xl{margin-left:var(--ptc-element-spacing-05) !important}.u-marginRight-xl{margin-right:var(--ptc-element-spacing-05) !important}.u-marginBottom-xl{margin-bottom:var(--ptc-element-spacing-05) !important}.u-margin-xxl{margin:var(--ptc-element-spacing-06) !important}.u-marginTop-xxl{margin-top:var(--ptc-element-spacing-06) !important}.u-marginLeft-xxl{margin-left:var(--ptc-element-spacing-06) !important}.u-marginRight-xxl{margin-right:var(--ptc-element-spacing-06) !important}.u-marginBottom-xxl{margin-bottom:var(--ptc-element-spacing-06) !important}.u-margin-xxxl{margin:var(--ptc-element-spacing-07) !important}.u-marginTop-xxxl{margin-top:var(--ptc-element-spacing-07) !important}.u-marginLeft-xxxl{margin-left:var(--ptc-element-spacing-07) !important}.u-marginRight-xxxl{margin-right:var(--ptc-element-spacing-07) !important}.u-marginBottom-xxxl{margin-bottom:var(--ptc-element-spacing-07) !important}.u-margin-4xl{margin:var(--ptc-element-spacing-08) !important}.u-marginTop-4xl{margin-top:var(--ptc-element-spacing-08) !important}.u-marginLeft-4xl{margin-left:var(--ptc-element-spacing-08) !important}.u-marginRight-4xl{margin-right:var(--ptc-element-spacing-08) !important}.u-marginBottom-4xl{margin-bottom:var(--ptc-element-spacing-08) !important}.u-textAlign-ctr{text-align:center !important}.u-textAlign-right{text-align:right !important}.u-textAlign-left{text-align:left !important}.u-textWhite{color:var(--color-white) !important}.u-textGreen1{color:var(--color-green-07) !important}.u-textGreen2{color:var(--color-green-06) !important}.u-text-nowrap{white-space:nowrap}.u-text-medium{font-weight:var(--ptc-font-weight-medium)}.u-text-semibold{font-weight:var(--ptc-font-weight-semibold)}.u-text-bold{font-weight:var(--ptc-font-weight-bold)}.u-text-thin{font-weight:var(--ptc-font-weight-thin)}.u-textStyle-normal{font-style:normal !important}.u-no-scroll{overflow:hidden}.u-background-white{background-color:var(--color-white)}.u-background-reset{background-color:transparent !important}.u-white-overylay{background:rgba(242, 242, 242, 0.9)}.u-cursor-pointer{cursor:pointer}.u-clear{clear:both}.u-border-radius-standard{border-radius:var(--ptc-border-radius-standard)}.u-border-radius-large{border-radius:var(--ptc-border-radius-large)}.u-border-radius-pill{border-radius:var(--ptc-border-radius-pill)}.u-border-radius-circle{border-radius:var(--ptc-border-radius-circle)}.u-border-none{border:none}.u-shadow-x-small{box-shadow:var(--ptc-shadow-x-small)}.u-shadow-small{box-shadow:var(--ptc-shadow-small)}.u-shadow-medium{box-shadow:var(--ptc-shadow-medium)}.u-shadow-large{box-shadow:var(--ptc-shadow-large)}.u-shadow-x-large{box-shadow:var(--ptc-shadow-x-large)}@media only screen and (min-width: 768px){.u-hero-width{width:525px}.u-margin-center{margin:0 auto}.u-justify-self-end{justify-self:flex-end}}.u-hero-pushup{transform:translateY(-120px)}@media only screen and (min-width: 768px){.u-hero-pushup{transform:translateY(-144px)}}@media only screen and (min-width: 768px){.grid-order-1-md{order:1}.grid-order-2-md{order:2}.grid-order-3-md{order:3}}@media only screen and (min-width: 992px){.grid-order-1-lg{order:1}.grid-order-2-lg{order:2}.grid-order-3-lg{order:3}}.standard-list{list-style:none;margin-left:0;margin-bottom:20px;padding:0}.is-spaced-between{justify-content:space-between}.h-100{height:100%}.grid-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-large-col-gap-md{column-gap:3rem}}.grid-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-large-col-gap-sm{column-gap:3rem}}.grid-x-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-x-large-col-gap-md{column-gap:4rem}}.grid-x-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-x-large-col-gap-sm{column-gap:4rem}}.grid-medium-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-medium-col-gap-md{column-gap:2rem}}.grid-medium-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-medium-col-gap-sm{column-gap:2rem}}.is-float-left{float:left}.is-float-right{float:right}.is-mobile{display:block}.is-desktop{display:none}@media only screen and (min-width: 992px){.is-mobile{display:none}.is-desktop{display:block}}.ptc-section{padding-top:3rem;padding-bottom:3rem}.ptc-section-standard{padding-top:3rem;padding-bottom:3rem}.ptc-section-half{padding-top:1.5rem;padding-bottom:1.5rem}.ptc-section-large{padding-top:2.25rem;padding-bottom:2.25rem}@media only screen and (min-width: 992px){.ptc-section-large{padding-top:3.5rem;padding-bottom:3.5rem}}.ptc-section-hp{padding-bottom:calc(2.25rem - 32px)}@media only screen and (min-width: 992px){.ptc-section-hp{padding-bottom:calc(3.5rem - 32px)}}.u-flex{display:flex}@media only screen and (min-width: 480px){.u-flex-xs{display:flex}}@media only screen and (min-width: 768px){.u-flex-sm{display:flex}}@media only screen and (min-width: 992px){.u-flex-md{display:flex}}@media only screen and (min-width: 1200px){.u-flex-lg{display:flex}}@media only screen and (min-width: 1440px){.u-flex-xl{display:flex}}@media only screen and (min-width: 1600px){.u-flex-xxl{display:flex}}@media only screen and (min-width: 1980px){.u-flex-2k{display:flex}}@media only screen and (min-width: 2600px){.u-flex-4k{display:flex}}.u-align-center{margin:auto;align-self:center}.u-align-left{margin-right:auto;align-self:center}.u-align-right{margin-left:auto;align-self:center}.u-align-x-center{margin-right:auto;margin-left:auto}.u-align-x-left{margin-right:auto}.u-align-x-right{margin-left:auto}.u-align-y-center{align-self:center}.u-align-y-top{align-self:flex-start}.u-align-y-bottom{align-self:flex-end}.is-flex-column{flex-direction:column}.flex-align-items{align-items:flex-end}.flex-align-items-center{align-items:center}.u-flex-nowrap{flex-wrap:nowrap}.u-flex-wrap{flex-wrap:wrap}.u-align-self-start{align-self:start}.u-align-self-center{align-self:center}.u-align-self-stretch{align-self:stretch}.u-justify-self-start{justify-self:start}.u-justify-self-center{justify-self:center}.u-justify-self-stretch{justify-self:stretch}.u-flex-justify-center{justify-content:center}.u-flex-justify-flexend{justify-content:flex-end}.u-section-heading-wrapper{max-width:768px;margin-left:auto;margin-right:auto}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}@media only screen and (min-width: 768px){.is-grid.grid-large-col-gap-xs-0{row-gap:0}}.max-content{max-width:90%;margin:auto}@media only screen and (min-width: 480px){.max-content{max-width:80%}}.u-justify-space-between{justify-content:space-between}.all-product-banner{padding:50px 0 44px 0px}@media only screen and (min-width: 992px){.all-product-banner{padding:50px 0 72px 0px;display:flex;min-height:300px;justify-content:center;align-items:center}}.all-product-gradient{background:linear-gradient(180deg, #f3f3f3 2.6%, rgba(225, 241, 226, 0.2) 40.63%, #f3f3f3 82.29%), linear-gradient(0deg, #f3f3f3, #f3f3f3)}.menu-right ptc-nav-submenu{position:relative}.media-thumb-feature{display:block}@media only screen and (min-width: 992px){.media-thumb-feature{display:flex;justify-content:space-between}}.media-thumb-feature .media-thumb{width:100%;margin-bottom:2rem}@media only screen and (min-width: 992px){.media-thumb-feature .media-thumb{width:340px;flex:0 0 340px}}.media-thumb-feature .media-thumb>ptc-picture:not(:last-of-type),.media-thumb-feature .media-thumb>img:not(:last-of-type){margin-bottom:1.5rem}.media-thumb-feature .media-feature{width:100%;margin-bottom:2rem}@media only screen and (min-width: 992px){.media-thumb-feature .media-feature{width:auto;flex:1 1 auto}}.partner-card-desc h5.description{font-family:var(--ptc-font-latin);color:var(--color-gray-10);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-medium);margin:0 0 10px 0}.partner-card-desc .tags{margin-bottom:0.75rem}.partner-card-desc .tags .tag:not(:first-child){border-left:2px solid var(--color-green-07);padding:0 8px}.partner-card-desc .tags .tag:first-child{padding:0 8px 0 0}.partner-card-desc .tags .tag{color:var(--color-gray-10);display:inline;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-loose);margin:0 0 10px 0;padding:0 8px}.u-3-col-grid{width:100%;display:flex;flex-wrap:wrap;grid-row-gap:1rem;grid-column-gap:1rem}.u-3-col-grid .u-3-col{width:100%}@media only screen and (min-width: 768px){.u-3-col-grid .u-3-col{width:calc(50% - 10.66666666px)}}@media only screen and (min-width: 992px){.u-3-col-grid .u-3-col{width:calc(33.3333333333% - 10.66666666px)}}.u-3-col-grid.u-col-space-lg{grid-row-gap:2rem;grid-column-gap:2rem}.u-3-col-grid.u-col-space-lg .u-3-col{width:100%}@media only screen and (min-width: 768px){.u-3-col-grid.u-col-space-lg .u-3-col{width:calc(50% - 21.3333333px)}}@media only screen and (min-width: 992px){.u-3-col-grid.u-col-space-lg .u-3-col{width:calc(33.3333333333% - 21.3333333px)}}.u-display-none{display:none}ptc-preloader-section.min-height{min-height:150vh}@media only screen and (min-width: 1200px){.ms-mobile-select{display:none}}.ms-mobile-select.ms-show{position:fixed}.light-font{color:var(--color-white)}.light-font *{color:var(--color-white)}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a),.background-plm-grey a.light-link{color:var(--color-blue-04)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}:host{display:block}@media only screen and (min-width: 992px){:host(:not(.png-jumbotron):not(.text-jumbotron):not(.gif-jumbotron):not(.blog-jumbotron)) .content-container{padding-top:20px;padding-bottom:16px}}.parent{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-column-gap:0px;grid-row-gap:0px;position:relative;z-index:1}.hp-adjustments{background-color:var(--color-black)}.hp-adjustments .div1{grid-area:1/1/3/2;min-height:300px}.hp-adjustments .div1.hidden{display:none}.hp-adjustments .div2{display:flex}.hp-adjustments .bg-overlay{background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%) !important}@media only screen and (min-width: 992px){.hp-adjustments .div1{grid-area:1/1/2/2;min-height:unset}.hp-adjustments .bg-overlay{background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(90deg, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) !important}}.hp-adjustments .div1,.hp-adjustments .main-content-items{transition:opacity ease-out 250ms;opacity:1}.hp-adjustments.transitioning .div1,.hp-adjustments.transitioning .main-content-items{opacity:0}@media screen and (min-width: 992.01px){.hp-adjustments{height:90vh}}.div1{grid-area:1/1/2/2;min-height:300px}.div1.hidden{display:none}.mobile-media-image{display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 992px){.mobile-media-image{display:none}}.gif-bg{background-color:#F3F3F3}.gif-bg img{width:100%;height:auto}@media only screen and (min-width: 768px){.gif-bg img{width:auto}}.video-ratio{position:relative;overflow:hidden;height:100%}.div2{grid-area:2/1/3/2;position:relative}.bg-overlay{position:absolute;width:100%;height:100%;top:0;left:0}.content-layout{display:flex;flex-direction:column}@media only screen and (min-width: 992px){.content-layout{flex-direction:row}}.content-layout.hp-container{width:100%;margin-top:120px;margin-bottom:120px}@media screen and (min-width: 768px) and (max-width: 992px){.content-layout.hp-container{max-width:720px;margin-left:unset;margin-top:160px;margin-bottom:160px}}@media only screen and (min-width: 1200px){.content-layout.hp-container{width:1136px}}@media only screen and (min-width: 1440px){.content-layout.hp-container{width:1200px}}.content-layout.hp-container .gap-adjustment{margin-bottom:unset}.content-layout.blog-container{padding-bottom:48px}@media only screen and (min-width: 768px){.content-layout.blog-container{padding-bottom:100px}}@media only screen and (min-width: 992px){.content-layout.blog-container{gap:43px;padding-top:75px}.content-layout.blog-container max-width-container{width:50%}.content-layout.blog-container div.desktop-media-image{width:50%}}.content-layout.blog-container .gap-adjustment{gap:var(--ptc-element-spacing-07);margin-bottom:unset}.gap-adjustment{gap:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-07)}@media only screen and (min-width: 992px){.gap-adjustment{gap:var(--ptc-element-spacing-07)}}.text-adjustment{justify-content:center}.desktop-media-image{width:40%;display:none}@media only screen and (min-width: 992px){.desktop-media-image{display:block}}.desk-gif-adjustment{z-index:3;display:none;justify-content:center;align-items:center}@media only screen and (min-width: 992px){.desk-gif-adjustment{display:flex}}.desk-gif-adjustment img{width:100%}@media only screen and (min-width: 992px){.parent{grid-template-columns:1fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;min-height:500px;position:relative}.div1{grid-area:1/1/2/2;min-height:unset}.div2{grid-area:1/1/2/2;align-self:center;position:unset}}:host(.text-jumbotron) .parent{min-height:120px;padding:48px 0 24px 0}:host(.text-jumbotron) .parent .text-adjustment{margin-bottom:0;margin-top:20px}:host(.png-jumbotron) .desktop-media-image,:host(.png-jumbotron) .mobile-media-image{position:relative}:host(.png-jumbotron) .desktop-media-image .media-image-wrapper,:host(.png-jumbotron) .mobile-media-image .media-image-wrapper{height:100%;width:100%;display:flex;align-items:center;justify-content:center}:host(.png-jumbotron) ::slotted(ptc-svg-btn){position:absolute;left:50% !important;top:50% !important;transform:translate(-50%, -50%) !important}@media only screen and (min-width: 992px){:host(.png-jumbotron) max-width-container{box-sizing:border-box;padding-right:2rem}}:host(.blog-jumbotron) #header-blog-author{display:flex;align-items:center;gap:12px;margin-bottom:var(--ptc-layout-spacing-04)}:host(.blog-jumbotron) #header-blog-author .image{width:48px;height:48px;border-radius:var(--ptc-border-radius-circle)}:host(.blog-jumbotron) #header-blog-author .image img{width:100%;height:100%;border-radius:var(--ptc-border-radius-circle);object-fit:cover;object-position:center}:host(.blog-jumbotron) .blog-author-name{color:inherit;text-decoration:none;font-size:inherit;font-weight:inherit}:host(.blog-jumbotron) .blog-author-name:hover{color:inherit;cursor:pointer;text-decoration-line:underline;text-decoration-style:solid;text-decoration-color:var(--color-green-07);text-decoration-thickness:2px;text-underline-offset:4px}:host(.blog-jumbotron) .blog-author-name:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid #003dd6}:host(.blog-jumbotron) .image-container{background:white}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .image-container{display:none}}:host(.blog-jumbotron) .desktop-media-image,:host(.blog-jumbotron) .mobile-media-image{position:relative}:host(.blog-jumbotron) .desktop-media-image .media-image-wrapper,:host(.blog-jumbotron) .mobile-media-image .media-image-wrapper{height:100%;max-height:360px;width:100%;display:flex;align-items:center;justify-content:center}:host(.blog-jumbotron) .desktop-media-image .media-image-wrapper ptc-picture,:host(.blog-jumbotron) .mobile-media-image .media-image-wrapper ptc-picture{width:100%;border-radius:var(--ptc-border-radius-standard)}:host(.blog-jumbotron) .desktop-media-image{display:none}:host(.blog-jumbotron) .desktop-media-image ptc-picture{height:100%;max-height:360px}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .desktop-media-image{display:flex;align-items:center}}:host(.blog-jumbotron) .mobile-media-image{margin:75px 24px 32px 24px;display:flex}:host(.blog-jumbotron) .mobile-media-image ptc-picture{height:360px}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .mobile-media-image{display:none}}.dl-img-wrap{position:relative;width:100%;height:100%}:host(.dark-video-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.light-video-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.light-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.dark-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn){left:50% !important;top:50% !important;transform:translate(-50%, -50%) !important}ptc-info-tile:focus-visible{outline:3px solid var(--color-blue-07);outline-offset:2px}";export{n as ptc_jumbotron}
1	+ import{r as t,h as i,H as e,g as a}from"./p-ac75c7ad.js";const n=class{constructor(i){t(this,i),this.jumbotronType="light",this.hasPopupVideo=!1,this.mainTitle="Lorem Ipsum Dolor Sit Amet Consectetur",this.subTitle="Lorem Ipsum Dolor Sit Amet Consectetur Adipiscing Lorem Ipsum Dolor Sit Amet Consectetur Adipisci Lorem Ipsum Dolor Sit Amet",this.pngSrc=void 0,this.pngImgStyles="",this.gifSrc=void 0,this.bgVideoSrc=void 0,this.bgSrc=void 0,this.isIframe=!1,this.isHomepage=!1,this.playButtonTitle=void 0,this.pauseButtonTitle=void 0,this.buttonLocation=void 0,this.buttonTabIndex=!1,this.contentBackground=void 0,this.contentColor=void 0,this.textAlign="left",this.isMobile=void 0,this.isTransitioning=void 0,this.blogAuthorImage="",this.blogAuthorImageAlt="",this.blogAuthorName="",this.blogAuthorQueryHref="",this.blogAuthorQueryTarget="",this.styles=void 0,this.hasCtaSlot=void 0}componentWillLoad(){this.hasCtaSlot=!!this.el.querySelector('[slot="j-cta"]')}handleResize(){this.getContentBackground()}connectedCallback(){this.getContentBackground()}componentDidLoad(){}render(){const t=this.getCssClassMap();let a;switch(this.jumbotronType){case"png":a=i("div",{class:"mobile-media-image"},i("div",{class:"media-image-wrapper"},i("ptc-picture",{src:this.pngSrc}),this.hasPopupVideo&&this.isMobile?i("slot",{name:"video"}):null));break;case"blog":a=i("div",{class:"mobile-media-image"},i("div",{class:"media-image-wrapper"},i("ptc-picture",{"is-full-width":!0,src:this.pngSrc,styles:"img {height: 100%;}"})));break;case"gif":a=i("div",{class:"mobile-media-image gif-bg"},i("img",{src:this.gifSrc}));break;case"dark-video":case"light-video":a=i("ptc-background-video",{class:"video-ratio",overlay:!1,"video-src":this.bgVideoSrc,isIframe:this.isIframe,"play-button-title":this.playButtonTitle,"pause-button-title":this.pauseButtonTitle,"button-location":this.buttonLocation,"button-tab-index":"true"}," ",this.hasPopupVideo&&this.isMobile?i("div",{class:"mobile-modal-play-btn"}," ",i("slot",{name:"video"})):null);break;case"dark":case"light":a=i("div",{class:"dl-img-wrap"},i("ptc-img",{"img-url":this.bgSrc,styles:".smart-bg{background-position:right !important;}"}),this.hasPopupVideo&&this.isMobile?i("div",{class:"mobile-modal-play-btn"}," ",i("slot",{name:"video"})):null);break;default:a=i("ptc-img",{"img-url":this.bgSrc,styles:".smart-bg{background-position:right !important;}"})}return i(e,{class:t},this.styles&&i("style",null,this.styles),i("div",{class:{parent:!0,"light-links":"dark"===this.jumbotronType\|\|"dark-video"===this.jumbotronType,"hp-adjustments":this.isHomepage,transitioning:this.isTransitioning}},i("div",{class:"div1 image-container "+("text"===this.jumbotronType?"hidden":"")},a),i("div",{class:"div2 content-container"},i("div",{class:"bg-overlay",style:{background:this.contentBackground}}),i("div",{class:{"ptc-container":!0,"content-layout":!0,"hp-container":this.isHomepage,"blog-container":"blog"===this.jumbotronType}},i("max-width-container",{"max-width-p":"60",breakpoint:992,"content-align":"text"===this.jumbotronType?"center":this.textAlign,styles:":host{z-index: 999}"},i("slot",{name:"breadcrumb"}),i("span",{class:"main-content-items"},i("ptc-spacer",{breakpoint:"small",size:"small"}),i("ptc-spacer",{breakpoint:"x-small",size:"medium"}),i("slot",{name:"main-title"}),i("slot",{name:"hp-sub-title"}),("text"!==this.jumbotronType\|\|"text"===this.jumbotronType&&this.subTitle)&&!this.isHomepage&&i("div",null,i("ptc-spacer",{breakpoint:"small",size:"small"}),i("ptc-spacer",{breakpoint:"x-small",size:"medium"})),!this.isHomepage&&i("ptc-para",{styles:`p{color: ${this.contentColor}!important;}`,"font-size":"text"===this.jumbotronType&&this.isMobile?"x-small":"small","font-weight":"w-4","para-margin":"text"===this.jumbotronType?"margin-flush":"margin-bottom-6","para-color":"white","para-line-h":"line-height-p","para-align":"text"===this.jumbotronType?"center":"left","seo-compatibility-mode":!0},i("p",{innerHTML:this.subTitle,style:{margin:"0"}}),"blog"===this.jumbotronType&&i("div",null,i("ptc-spacer",{breakpoint:"x-small",size:"medium"}),i("ptc-spacer",{breakpoint:"small",size:"small"}),i("div",{id:"header-blog-author",slot:"blog-author"},i("div",{class:"image"},i("img",{alt:this.blogAuthorImageAlt,src:this.blogAuthorImage})),i("ptc-para",{"font-size":"small","font-weight":"w-4","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},i("a",{class:"blog-author-name",tabindex:"0",href:this.blogAuthorQueryHref,target:this.blogAuthorQueryTarget},this.blogAuthorName))))),this.hasCtaSlot&&i("div",{class:"u-flex u-flex-wrap gap-adjustment"+("text"===this.jumbotronType?" text-adjustment":"")},i("slot",{name:"j-cta"})))),this.hasPopupVideo&&"png"!==this.jumbotronType?i("slot",{name:"video"}):null,"png"===this.jumbotronType?i("div",{class:"desktop-media-image"},i("div",{class:"media-image-wrapper"},i("ptc-picture",{"is-full-width":!0,src:this.pngSrc,styles:`img {${this.pngImgStyles}}`}),this.hasPopupVideo?i("slot",{name:"video"}):null)):null,"gif"===this.jumbotronType?i("div",{class:"desktop-media-image desk-gif-adjustment"},i("img",{src:this.gifSrc})):null,"blog"===this.jumbotronType?i("div",{class:"desktop-media-image"},i("div",{class:"media-image-wrapper"},i("ptc-picture",{"is-full-width":!0,src:this.pngSrc,styles:"img {height: 100%;}"}))):null))))}getCssClassMap(){return{"text-jumbotron":"text"===this.jumbotronType,"png-jumbotron":"png"===this.jumbotronType,"blog-jumbotron":"blog"===this.jumbotronType,"gif-jumbotron":"gif"===this.jumbotronType,"dark-video-jumbotron light-links":"dark-video"===this.jumbotronType,"light-video-jumbotron":"light-video"===this.jumbotronType,"dark-jumbotron light-links":"dark"===this.jumbotronType,"light-jumbotron":"light"===this.jumbotronType}}getContentBackground(){if(window.innerWidth<992){switch(this.jumbotronType){case"light":case"light-video":case"png":this.contentBackground="var(--color-white)",this.contentColor="var(--color-gray-10)";break;case"dark":case"dark-video":this.contentBackground="var(--color-gray-09)",this.contentColor="var(--color-gray-01)";break;case"blog":this.contentBackground="white",this.contentColor="var(--color-gray-10)";break;default:this.contentBackground="transparent",this.contentColor="var(--color-gray-10)"}this.isMobile=!0}else{switch(this.jumbotronType){case"light":case"light-video":case"png":this.contentBackground="linear-gradient(90.19deg, rgba(255, 255, 255, 0.9) 62.55%, rgba(228, 231, 233, 0) 99.86%)",this.contentColor="var(--color-gray-10)";break;case"dark":case"dark-video":this.contentBackground="linear-gradient(90deg, rgba(0, 0, 0, 0.63) 52.42%, rgba(40, 47, 53, 0) 100%)",this.contentColor="var(--color-gray-01)";break;case"gif":this.contentBackground="#F3F3F3",this.contentColor="var(--color-gray-10)";break;case"blog":this.contentBackground="white",this.contentColor="var(--color-gray-10)";break;default:this.contentBackground="transparent",this.contentColor="var(--color-gray-10)"}this.isMobile=!1}}get el(){return a(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}}.ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid{width:100%}.u-para-sm{font-size:var(--ptc-font-size-small) !important}.u-para-md{font-size:var(--ptc-font-size-medium) !important}.u-para-lg{font-size:var(--ptc-font-size-large) !important}.u-para-xl{font-size:var(--ptc-font-size-x-large) !important}.u-para-xxl{font-size:var(--ptc-font-size-xx-large) !important}.u-para-xxxl{font-size:var(--ptc-font-size-xxx-large) !important}@media only screen and (min-width: 768px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.05vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.05vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.05vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.05vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.05vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.05vw) !important}}@media only screen and (min-width: 992px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.1vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.1vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.1vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.1vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.1vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.1vw) !important}}@media only screen and (min-width: 1200px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.15vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.15vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.15vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.15vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.15vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.15vw) !important}}@media only screen and (min-width: 1440px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.2vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.2vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.2vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.2vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.2vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.2vw) !important}}@media only screen and (min-width: 1600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.25vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.25vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.25vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.25vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.25vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.25vw) !important}}@media only screen and (min-width: 1980px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.3vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.3vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.3vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.3vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.3vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.3vw) !important}}@media only screen and (min-width: 2600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.35vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.35vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.35vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.35vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.35vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.35vw) !important}}.u-para-body{font-size:var(--ptc-font-size-medium) !important}.u-color-white{color:var(--color-white) !important}.u-uppercase{text-transform:uppercase !important}.u-margin-flush{margin:0 !important}.u-marginTop-flush{margin-top:0 !important}.u-marginLeft-flush{margin-left:0 !important}.u-marginRight-flush{margin-right:0 !important}.u-marginBottom-flush{margin-bottom:0 !important}.u-padding-flush{padding:0 !important}.u-paddingTop-flush{padding-top:0 !important}.u-paddingLeft-flush{padding-left:0 !important}.u-paddingRight-flush{padding-right:0 !important}.u-paddingBottom-flush{padding-bottom:0 !important}.u-margin-xs{margin:var(--ptc-element-spacing-01) !important}.u-marginTop-xs{margin-top:var(--ptc-element-spacing-01) !important}.u-marginLeft-xs{margin-left:var(--ptc-element-spacing-01) !important}.u-marginRight-xs{margin-right:var(--ptc-element-spacing-01) !important}.u-marginBottom-xs{margin-bottom:var(--ptc-element-spacing-01) !important}.u-margin-sm{margin:var(--ptc-element-spacing-02) !important}.u-marginTop-sm{margin-top:var(--ptc-element-spacing-02) !important}.u-marginLeft-sm{margin-left:var(--ptc-element-spacing-02) !important}.u-marginRight-sm{margin-right:var(--ptc-element-spacing-02) !important}.u-marginBottom-sm{margin-bottom:var(--ptc-element-spacing-02) !important}.u-margin-md{margin:var(--ptc-element-spacing-03) !important}.u-marginTop-md{margin-top:var(--ptc-element-spacing-03) !important}.u-marginLeft-md{margin-left:var(--ptc-element-spacing-03) !important}.u-marginRight-md{margin-right:var(--ptc-element-spacing-03) !important}.u-marginBottom-md{margin-bottom:var(--ptc-element-spacing-03) !important}.u-margin-lg{margin:var(--ptc-element-spacing-04) !important}.u-marginTop-lg{margin-top:var(--ptc-element-spacing-04) !important}.u-marginLeft-lg{margin-left:var(--ptc-element-spacing-04) !important}.u-marginRight-lg{margin-right:var(--ptc-element-spacing-04) !important}.u-marginBottom-lg{margin-bottom:var(--ptc-element-spacing-04) !important}.u-margin-xl{margin:var(--ptc-element-spacing-05) !important}.u-marginTop-xl{margin-top:var(--ptc-element-spacing-05) !important}.u-marginLeft-xl{margin-left:var(--ptc-element-spacing-05) !important}.u-marginRight-xl{margin-right:var(--ptc-element-spacing-05) !important}.u-marginBottom-xl{margin-bottom:var(--ptc-element-spacing-05) !important}.u-margin-xxl{margin:var(--ptc-element-spacing-06) !important}.u-marginTop-xxl{margin-top:var(--ptc-element-spacing-06) !important}.u-marginLeft-xxl{margin-left:var(--ptc-element-spacing-06) !important}.u-marginRight-xxl{margin-right:var(--ptc-element-spacing-06) !important}.u-marginBottom-xxl{margin-bottom:var(--ptc-element-spacing-06) !important}.u-margin-xxxl{margin:var(--ptc-element-spacing-07) !important}.u-marginTop-xxxl{margin-top:var(--ptc-element-spacing-07) !important}.u-marginLeft-xxxl{margin-left:var(--ptc-element-spacing-07) !important}.u-marginRight-xxxl{margin-right:var(--ptc-element-spacing-07) !important}.u-marginBottom-xxxl{margin-bottom:var(--ptc-element-spacing-07) !important}.u-margin-4xl{margin:var(--ptc-element-spacing-08) !important}.u-marginTop-4xl{margin-top:var(--ptc-element-spacing-08) !important}.u-marginLeft-4xl{margin-left:var(--ptc-element-spacing-08) !important}.u-marginRight-4xl{margin-right:var(--ptc-element-spacing-08) !important}.u-marginBottom-4xl{margin-bottom:var(--ptc-element-spacing-08) !important}.u-textAlign-ctr{text-align:center !important}.u-textAlign-right{text-align:right !important}.u-textAlign-left{text-align:left !important}.u-textWhite{color:var(--color-white) !important}.u-textGreen1{color:var(--color-green-07) !important}.u-textGreen2{color:var(--color-green-06) !important}.u-text-nowrap{white-space:nowrap}.u-text-medium{font-weight:var(--ptc-font-weight-medium)}.u-text-semibold{font-weight:var(--ptc-font-weight-semibold)}.u-text-bold{font-weight:var(--ptc-font-weight-bold)}.u-text-thin{font-weight:var(--ptc-font-weight-thin)}.u-textStyle-normal{font-style:normal !important}.u-no-scroll{overflow:hidden}.u-background-white{background-color:var(--color-white)}.u-background-reset{background-color:transparent !important}.u-white-overylay{background:rgba(242, 242, 242, 0.9)}.u-cursor-pointer{cursor:pointer}.u-clear{clear:both}.u-border-radius-standard{border-radius:var(--ptc-border-radius-standard)}.u-border-radius-large{border-radius:var(--ptc-border-radius-large)}.u-border-radius-pill{border-radius:var(--ptc-border-radius-pill)}.u-border-radius-circle{border-radius:var(--ptc-border-radius-circle)}.u-border-none{border:none}.u-shadow-x-small{box-shadow:var(--ptc-shadow-x-small)}.u-shadow-small{box-shadow:var(--ptc-shadow-small)}.u-shadow-medium{box-shadow:var(--ptc-shadow-medium)}.u-shadow-large{box-shadow:var(--ptc-shadow-large)}.u-shadow-x-large{box-shadow:var(--ptc-shadow-x-large)}@media only screen and (min-width: 768px){.u-hero-width{width:525px}.u-margin-center{margin:0 auto}.u-justify-self-end{justify-self:flex-end}}.u-hero-pushup{transform:translateY(-120px)}@media only screen and (min-width: 768px){.u-hero-pushup{transform:translateY(-144px)}}@media only screen and (min-width: 768px){.grid-order-1-md{order:1}.grid-order-2-md{order:2}.grid-order-3-md{order:3}}@media only screen and (min-width: 992px){.grid-order-1-lg{order:1}.grid-order-2-lg{order:2}.grid-order-3-lg{order:3}}.standard-list{list-style:none;margin-left:0;margin-bottom:20px;padding:0}.is-spaced-between{justify-content:space-between}.h-100{height:100%}.grid-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-large-col-gap-md{column-gap:3rem}}.grid-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-large-col-gap-sm{column-gap:3rem}}.grid-x-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-x-large-col-gap-md{column-gap:4rem}}.grid-x-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-x-large-col-gap-sm{column-gap:4rem}}.grid-medium-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-medium-col-gap-md{column-gap:2rem}}.grid-medium-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-medium-col-gap-sm{column-gap:2rem}}.is-float-left{float:left}.is-float-right{float:right}.is-mobile{display:block}.is-desktop{display:none}@media only screen and (min-width: 992px){.is-mobile{display:none}.is-desktop{display:block}}.ptc-section{padding-top:3rem;padding-bottom:3rem}.ptc-section-standard{padding-top:3rem;padding-bottom:3rem}.ptc-section-half{padding-top:1.5rem;padding-bottom:1.5rem}.ptc-section-large{padding-top:2.25rem;padding-bottom:2.25rem}@media only screen and (min-width: 992px){.ptc-section-large{padding-top:3.5rem;padding-bottom:3.5rem}}.ptc-section-hp{padding-bottom:calc(2.25rem - 32px)}@media only screen and (min-width: 992px){.ptc-section-hp{padding-bottom:calc(3.5rem - 32px)}}.u-flex{display:flex}@media only screen and (min-width: 480px){.u-flex-xs{display:flex}}@media only screen and (min-width: 768px){.u-flex-sm{display:flex}}@media only screen and (min-width: 992px){.u-flex-md{display:flex}}@media only screen and (min-width: 1200px){.u-flex-lg{display:flex}}@media only screen and (min-width: 1440px){.u-flex-xl{display:flex}}@media only screen and (min-width: 1600px){.u-flex-xxl{display:flex}}@media only screen and (min-width: 1980px){.u-flex-2k{display:flex}}@media only screen and (min-width: 2600px){.u-flex-4k{display:flex}}.u-align-center{margin:auto;align-self:center}.u-align-left{margin-right:auto;align-self:center}.u-align-right{margin-left:auto;align-self:center}.u-align-x-center{margin-right:auto;margin-left:auto}.u-align-x-left{margin-right:auto}.u-align-x-right{margin-left:auto}.u-align-y-center{align-self:center}.u-align-y-top{align-self:flex-start}.u-align-y-bottom{align-self:flex-end}.is-flex-column{flex-direction:column}.flex-align-items{align-items:flex-end}.flex-align-items-center{align-items:center}.u-flex-nowrap{flex-wrap:nowrap}.u-flex-wrap{flex-wrap:wrap}.u-align-self-start{align-self:start}.u-align-self-center{align-self:center}.u-align-self-stretch{align-self:stretch}.u-justify-self-start{justify-self:start}.u-justify-self-center{justify-self:center}.u-justify-self-stretch{justify-self:stretch}.u-flex-justify-center{justify-content:center}.u-flex-justify-flexend{justify-content:flex-end}.u-section-heading-wrapper{max-width:768px;margin-left:auto;margin-right:auto}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}@media only screen and (min-width: 768px){.is-grid.grid-large-col-gap-xs-0{row-gap:0}}.max-content{max-width:90%;margin:auto}@media only screen and (min-width: 480px){.max-content{max-width:80%}}.u-justify-space-between{justify-content:space-between}.all-product-banner{padding:50px 0 44px 0px}@media only screen and (min-width: 992px){.all-product-banner{padding:50px 0 72px 0px;display:flex;min-height:300px;justify-content:center;align-items:center}}.all-product-gradient{background:linear-gradient(180deg, #f3f3f3 2.6%, rgba(225, 241, 226, 0.2) 40.63%, #f3f3f3 82.29%), linear-gradient(0deg, #f3f3f3, #f3f3f3)}.menu-right ptc-nav-submenu{position:relative}.media-thumb-feature{display:block}@media only screen and (min-width: 992px){.media-thumb-feature{display:flex;justify-content:space-between}}.media-thumb-feature .media-thumb{width:100%;margin-bottom:2rem}@media only screen and (min-width: 992px){.media-thumb-feature .media-thumb{width:340px;flex:0 0 340px}}.media-thumb-feature .media-thumb>ptc-picture:not(:last-of-type),.media-thumb-feature .media-thumb>img:not(:last-of-type){margin-bottom:1.5rem}.media-thumb-feature .media-feature{width:100%;margin-bottom:2rem}@media only screen and (min-width: 992px){.media-thumb-feature .media-feature{width:auto;flex:1 1 auto}}.partner-card-desc h5.description{font-family:var(--ptc-font-latin);color:var(--color-gray-10);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-medium);margin:0 0 10px 0}.partner-card-desc .tags{margin-bottom:0.75rem}.partner-card-desc .tags .tag:not(:first-child){border-left:2px solid var(--color-green-07);padding:0 8px}.partner-card-desc .tags .tag:first-child{padding:0 8px 0 0}.partner-card-desc .tags .tag{color:var(--color-gray-10);display:inline;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-loose);margin:0 0 10px 0;padding:0 8px}.u-3-col-grid{width:100%;display:flex;flex-wrap:wrap;grid-row-gap:1rem;grid-column-gap:1rem}.u-3-col-grid .u-3-col{width:100%}@media only screen and (min-width: 768px){.u-3-col-grid .u-3-col{width:calc(50% - 10.66666666px)}}@media only screen and (min-width: 992px){.u-3-col-grid .u-3-col{width:calc(33.333333333333% - 10.66666666px)}}.u-3-col-grid.u-col-space-lg{grid-row-gap:2rem;grid-column-gap:2rem}.u-3-col-grid.u-col-space-lg .u-3-col{width:100%}@media only screen and (min-width: 768px){.u-3-col-grid.u-col-space-lg .u-3-col{width:calc(50% - 21.3333333px)}}@media only screen and (min-width: 992px){.u-3-col-grid.u-col-space-lg .u-3-col{width:calc(33.333333333333% - 21.3333333px)}}.u-display-none{display:none}ptc-preloader-section.min-height{min-height:150vh}@media only screen and (min-width: 1200px){.ms-mobile-select{display:none}}.ms-mobile-select.ms-show{position:fixed}.light-font{color:var(--color-white)}.light-font *{color:var(--color-white)}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a),.background-plm-grey a.light-link{color:var(--color-blue-04)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}:host{display:block}@media only screen and (min-width: 992px){:host(:not(.png-jumbotron):not(.text-jumbotron):not(.gif-jumbotron):not(.blog-jumbotron)) .content-container{padding-top:20px;padding-bottom:16px}}.parent{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-column-gap:0px;grid-row-gap:0px;position:relative;z-index:1}.hp-adjustments{background-color:var(--color-black)}.hp-adjustments .div1{grid-area:1/1/3/2;min-height:300px}.hp-adjustments .div1.hidden{display:none}.hp-adjustments .div2{display:flex}.hp-adjustments .bg-overlay{background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%) !important}@media only screen and (min-width: 992px){.hp-adjustments .div1{grid-area:1/1/2/2;min-height:unset}.hp-adjustments .bg-overlay{background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(90deg, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) !important}}.hp-adjustments .div1,.hp-adjustments .main-content-items{transition:opacity ease-out 250ms;opacity:1}.hp-adjustments.transitioning .div1,.hp-adjustments.transitioning .main-content-items{opacity:0}@media screen and (min-width: 992.01px){.hp-adjustments{height:90vh}}.div1{grid-area:1/1/2/2;min-height:300px}.div1.hidden{display:none}.mobile-media-image{display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 992px){.mobile-media-image{display:none}}.gif-bg{background-color:#F3F3F3}.gif-bg img{width:100%;height:auto}@media only screen and (min-width: 768px){.gif-bg img{width:auto}}.video-ratio{position:relative;overflow:hidden;height:100%}.div2{grid-area:2/1/3/2;position:relative}.bg-overlay{position:absolute;width:100%;height:100%;top:0;left:0}.content-layout{display:flex;flex-direction:column}@media only screen and (min-width: 992px){.content-layout{flex-direction:row}}.content-layout.hp-container{width:100%;margin-top:120px;margin-bottom:120px}@media screen and (min-width: 768px) and (max-width: 992px){.content-layout.hp-container{max-width:720px;margin-left:unset;margin-top:160px;margin-bottom:160px}}@media only screen and (min-width: 1200px){.content-layout.hp-container{width:1136px}}@media only screen and (min-width: 1440px){.content-layout.hp-container{width:1200px}}.content-layout.hp-container .gap-adjustment{margin-bottom:unset}.content-layout.blog-container{padding-bottom:48px}@media only screen and (min-width: 768px){.content-layout.blog-container{padding-bottom:100px}}@media only screen and (min-width: 992px){.content-layout.blog-container{gap:43px;padding-top:75px}.content-layout.blog-container max-width-container{width:50%}.content-layout.blog-container div.desktop-media-image{width:50%}}.content-layout.blog-container .gap-adjustment{gap:var(--ptc-element-spacing-07);margin-bottom:unset}.gap-adjustment{gap:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-07)}@media only screen and (min-width: 992px){.gap-adjustment{gap:var(--ptc-element-spacing-07)}}.text-adjustment{justify-content:center}.desktop-media-image{width:40%;display:none}@media only screen and (min-width: 992px){.desktop-media-image{display:block}}.desk-gif-adjustment{z-index:3;display:none;justify-content:center;align-items:center}@media only screen and (min-width: 992px){.desk-gif-adjustment{display:flex}}.desk-gif-adjustment img{width:100%}@media only screen and (min-width: 992px){.parent{grid-template-columns:1fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;min-height:500px;position:relative}.div1{grid-area:1/1/2/2;min-height:unset}.div2{grid-area:1/1/2/2;align-self:center;position:unset}}:host(.text-jumbotron) .parent{min-height:120px;padding:48px 0 24px 0}:host(.text-jumbotron) .parent .text-adjustment{margin-bottom:0;margin-top:20px}:host(.png-jumbotron) .desktop-media-image,:host(.png-jumbotron) .mobile-media-image{position:relative}:host(.png-jumbotron) .desktop-media-image .media-image-wrapper,:host(.png-jumbotron) .mobile-media-image .media-image-wrapper{height:100%;width:100%;display:flex;align-items:center;justify-content:center}:host(.png-jumbotron) ::slotted(ptc-svg-btn){position:absolute;left:50% !important;top:50% !important;transform:translate(-50%, -50%) !important}@media only screen and (min-width: 992px){:host(.png-jumbotron) max-width-container{box-sizing:border-box;padding-right:2rem}}:host(.blog-jumbotron) #header-blog-author{display:flex;align-items:center;gap:12px;margin-bottom:var(--ptc-layout-spacing-04)}:host(.blog-jumbotron) #header-blog-author .image{width:48px;height:48px;border-radius:var(--ptc-border-radius-circle)}:host(.blog-jumbotron) #header-blog-author .image img{width:100%;height:100%;border-radius:var(--ptc-border-radius-circle);object-fit:cover;object-position:center}:host(.blog-jumbotron) .blog-author-name{color:inherit;text-decoration:none;font-size:inherit;font-weight:inherit}:host(.blog-jumbotron) .blog-author-name:hover{color:inherit;cursor:pointer;text-decoration-line:underline;text-decoration-style:solid;text-decoration-color:var(--color-green-07);text-decoration-thickness:2px;text-underline-offset:4px}:host(.blog-jumbotron) .blog-author-name:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid #003dd6}:host(.blog-jumbotron) .image-container{background:white}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .image-container{display:none}}:host(.blog-jumbotron) .desktop-media-image,:host(.blog-jumbotron) .mobile-media-image{position:relative}:host(.blog-jumbotron) .desktop-media-image .media-image-wrapper,:host(.blog-jumbotron) .mobile-media-image .media-image-wrapper{height:100%;max-height:360px;width:100%;display:flex;align-items:center;justify-content:center}:host(.blog-jumbotron) .desktop-media-image .media-image-wrapper ptc-picture,:host(.blog-jumbotron) .mobile-media-image .media-image-wrapper ptc-picture{width:100%;border-radius:var(--ptc-border-radius-standard)}:host(.blog-jumbotron) .desktop-media-image{display:none}:host(.blog-jumbotron) .desktop-media-image ptc-picture{height:100%;max-height:360px}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .desktop-media-image{display:flex;align-items:center}}:host(.blog-jumbotron) .mobile-media-image{margin:75px 24px 32px 24px;display:flex}:host(.blog-jumbotron) .mobile-media-image ptc-picture{height:360px}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .mobile-media-image{display:none}}.dl-img-wrap{position:relative;width:100%;height:100%}:host(.dark-video-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.light-video-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.light-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.dark-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn){left:50% !important;top:50% !important;transform:translate(-50%, -50%) !important}ptc-info-tile:focus-visible{outline:3px solid var(--color-blue-07);outline-offset:2px}";export{n as ptc_jumbotron}

package/dist/ptcw-design/p-e732466f.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as t,c as i,h as s}from"./p-ac75c7ad.js";var e=Object.defineProperty,h=(t,i,s)=>(((t,i,s)=>{i in t?e(t,i,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[i]=s})(t,"symbol"!=typeof i?i+"":i,s),s);const o=class{constructor(t){h(this,"mobileSelect"),h(this,"trigger"),h(this,"wheelList"),h(this,"sliderList"),h(this,"wheelsContain"),h(this,"panel"),h(this,"ensureBtn"),h(this,"cancelBtn"),h(this,"grayLayer"),h(this,"popUp"),h(this,"initPosition"),h(this,"initColWidth"),h(this,"wheelsData"),h(this,"displayJson"),h(this,"curValue"),h(this,"curIndexArr"),h(this,"isCascade"),h(this,"isJsonType"),h(this,"startY"),h(this,"moveEndY"),h(this,"moveY"),h(this,"preMoveY"),h(this,"offsetY"),h(this,"offsetSum"),h(this,"oversizeBorder"),h(this,"enableClickStatus"),h(this,"optionHeight"),h(this,"curDistance"),h(this,"cascadeJsonData"),h(this,"eventHandleMap"),h(this,"initDeepCount"),h(this,"config"),!o.checkRequiredConfig(t)||(this.config=Object.assign({},o.defaultConfig,t),this.wheelsData=t.wheels,this.isJsonType=!1,this.cascadeJsonData=[],this.displayJson=[],this.curValue=[],this.curIndexArr=[],this.isCascade=!1,this.offsetY=0,this.offsetSum=0,this.curDistance=[],this.enableClickStatus=!1,this.optionHeight=0,this.initPosition=t.position||[],this.initColWidth=t.colWidth||[],this.init())}init(){if(!this.checkTriggerAvailable())return;const{config:t}=this;if(this.isJsonType=o.checkDataType(this.wheelsData),this.renderComponent(this.wheelsData),this.wheelList=this.mobileSelect.getElementsByClassName("ms-wheel"),this.sliderList=this.mobileSelect.getElementsByClassName("ms-select-container"),this.panel=this.mobileSelect.querySelector(".ms-panel"),this.wheelsContain=this.mobileSelect.querySelector(".ms-wheels"),this.ensureBtn=this.mobileSelect.querySelector(".ms-ensure"),this.cancelBtn=this.mobileSelect.querySelector(".ms-cancel"),this.grayLayer=this.mobileSelect.querySelector(".ms-gray-layer"),this.popUp=this.mobileSelect.querySelector(".ms-content"),this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight,t.initValue&&this.setTriggerInnerText(t.initValue),this.setStyle(t),this.isCascade=this.checkCascade(),this.isCascade&&this.initCascade(),t.initValue&&(this.initPosition=this.getPositionByInitValue()),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.isCascade?this.initPosition.forEach(((t,i)=>{this.checkRange(i,this.initPosition)})):this.setCurDistance(this.initPosition),this.eventHandleMap={cancelBtn:{event:"click",fn:()=>{var t,i,s,e;this.hide(),null==(i=(t=this.config).cancel)||i.call(t,this.curIndexArr,this.curValue,this),null==(e=(s=this.config).onCancel)||e.call(s,this.curValue,this.curIndexArr,this)}},ensureBtn:{event:"click",fn:()=>{var t,i,s,e;this.hide(),this.optionHeight||(this.optionHeight=this.mobileSelect.querySelector("li").offsetHeight),this.setTriggerInnerText(this.getConnectedString()),this.curIndexArr=this.getIndexArr(),this.curValue=this.getCurValue(),null==(i=(t=this.config).callback)||i.call(t,this.curIndexArr,this.curValue,this),null==(e=(s=this.config).onChange)||e.call(s,this.curValue,this.curIndexArr,this)}},trigger:{event:"click",fn:()=>{this.show()}},grayLayer:{event:"click",fn:()=>this.hide()},popUp:{event:"click",fn:t=>t.stopPropagation()},panel:{event:["touchstart","touchend","touchmove"],fn:t=>this.touch(t)}},!navigator.userAgent.toLowerCase().match(/ipad|iphone os|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/)&&(this.eventHandleMap.panel.event=["mousedown","mousemove","mouseup"]),this.registerEvents("add"),this.fixRowStyle(),t.autoFocus&&this.show()}static checkDataType(t){var i,s;return"object"==typeof(null==(s=null==(i=t[0])?void 0:i.data)?void 0:s[0])}static checkRequiredConfig(t){const i=o.REQUIRED_PARAMS;if(!t){const t=i.map((t=>`'${t}'`));return o.log("error",`missing required param ${t.join(" and ")}.`),!1}for(let s=0;s<i.length;s++){const e=i[s];if(!t[e])return o.log("error",`missing required param '${e}'.`),!1}return!0}static log(t,i){var s;null==(s=console[t])||s.call(console,`[mobile-select]: ${i}`)}checkTriggerAvailable(){const{config:t}=this;return this.trigger=t.trigger instanceof HTMLElement?t.trigger:document.querySelector(t.trigger),!!this.trigger||(o.log("error","trigger HTMLElement does not found on your document."),!1)}getPositionByInitValue(){var t;const{keyMap:i,connector:s,initValue:e}=this.config,h=(null==e?void 0:e.split(s))||[];if(this.isJsonType){let s=null==(t=this.wheelsData[0])?void 0:t.data;return h.reduce(((t,e)=>{var h;const o=null==s?void 0:s.findIndex((t=>t[i.value]==e));return t.push(o<0?0:o),s=null==(h=s[o])?void 0:h[i.childs],t}),[])}return h.reduce(((t,i,s)=>{var e,h;const o=null==(h=null==(e=this.wheelsData[s])?void 0:e.data)?void 0:h.findIndex((t=>t==i));return t.push(o<0?0:o),t}),[])}getConnectedString(){let t="";for(let i=0;i<this.wheelList.length;i++)t+=i==this.wheelList.length-1?this.getInnerText(i):this.getInnerText(i)+this.config.connector;return t}setTriggerInnerText(t){this.config.triggerDisplayValue&&(this.trigger.textContent=t)}setValue(t){if(!t||!t.length)return;if(this.isJsonType&&"object"!=typeof t[0]||!this.isJsonType&&"object"==typeof t[0])return void o.log("error",`The setValue() input format should be same with getValue(), like: ${JSON.stringify(this.getValue())}`);const{keyMap:i}=this.config;t.forEach(((t,s)=>{var e;const h=this.isCascade?this.displayJson[s]:null==(e=this.wheelsData[s])?void 0:e.data,o=null==h?void 0:h.findIndex((s=>this.isJsonType?t[i.id]==s[i.id]||t[i.value]==s[i.value]:t==s));this.locatePosition(s,o)})),this.setTriggerInnerText(this.getConnectedString())}setTitle(t){this.mobileSelect.querySelector(".ms-title").innerHTML=t}setStyle(t){if(t.ensureBtnColor&&(this.ensureBtn.style.color=t.ensureBtnColor),t.cancelBtnColor&&(this.cancelBtn.style.color=t.cancelBtnColor),t.titleColor&&(this.mobileSelect.querySelector(".ms-title").style.color=t.titleColor),t.textColor&&(this.panel=this.mobileSelect.querySelector(".ms-panel"),this.panel.style.color=t.textColor),t.titleBgColor&&(this.mobileSelect.querySelector(".ms-btn-bar").style.backgroundColor=t.titleBgColor),t.bgColor){this.panel=this.mobileSelect.querySelector(".ms-panel");const i=this.mobileSelect.querySelector(".ms-shadow-mask");this.panel.style.backgroundColor=t.bgColor,i.style.background="linear-gradient(to bottom, "+t.bgColor+", rgba(255, 255, 255, 0), "+t.bgColor+")"}"number"==typeof t.maskOpacity&&(this.mobileSelect.querySelector(".ms-gray-layer").style.background="rgba(0, 0, 0, "+t.maskOpacity+")")}show(){var t,i,s;this.mobileSelect.classList.add("ms-show"),null==(t=document.querySelector("body"))||t.classList.add("ms-show"),"function"==typeof this.config.onShow&&(null==(s=(i=this.config).onShow)||s.call(i,this.curValue,this.curIndexArr,this))}hide(){var t,i,s;this.mobileSelect.classList.remove("ms-show"),null==(t=document.querySelector("body"))||t.classList.remove("ms-show"),"function"==typeof this.config.onHide&&(null==(s=(i=this.config).onHide)||s.call(i,this.curValue,this.curIndexArr,this))}registerEvents(t){for(const[i,s]of Object.entries(this.eventHandleMap))"string"==typeof s.event?this[i][`${t}EventListener`](s.event,s.fn,{passive:!1}):s.event.forEach((e=>{this[i][`${t}EventListener`](e,s.fn,{passive:!1})}))}destroy(){var t,i;this.registerEvents("remove"),null==(i=null==(t=this.mobileSelect)?void 0:t.parentNode)||i.removeChild(this.mobileSelect)}getOptionsHtmlStr(t){const{keyMap:i}=this.config;let s="";if(this.isJsonType)for(let e=0;e<t.length;e++)s+=`<li data-id="${t[e][i.id]}">${t[e][i.value]}</li>`;else for(let i=0;i<t.length;i++)s+="<li>"+t[i]+"</li>";return s}renderComponent(t){this.mobileSelect=document.createElement("div"),this.mobileSelect.className="ms-mobile-select",this.mobileSelect.innerHTML=`<div class="ms-gray-layer"></div>\n <div class="ms-content">\n <div class="ms-btn-bar">\n <div class="ms-fix-width">\n <div class="ms-cancel">${this.config.cancelBtnText}</div>\n <div class="ms-title">${this.config.title||""}</div>\n <div class="ms-ensure">${this.config.ensureBtnText}</div>\n </div>\n </div>\n <div class="ms-panel">\n <div class="ms-fix-width">\n <div class="ms-wheels"></div>\n <div class="ms-select-line"></div>\n <div class="ms-shadow-mask"></div>\n </div>\n </div>`,document.body.appendChild(this.mobileSelect);let i="";for(let s=0;s<t.length;s++)i+=`<div class="ms-wheel" data-index="${s}"><ul class="ms-select-container">`,i+=this.getOptionsHtmlStr(t[s].data),i+="</ul></div>";this.mobileSelect.querySelector(".ms-wheels").innerHTML=i}reRenderWheels(){const t=this.wheelList.length-this.displayJson.length;if(t>0)for(let i=0;i<t;i++)this.wheelsContain.removeChild(this.wheelList[this.wheelList.length-1]);for(let t=0;t<this.displayJson.length;t++)if(this.wheelList[t])this.sliderList[t].innerHTML=this.getOptionsHtmlStr(this.displayJson[t]);else{const i=document.createElement("div");i.className="ms-wheel",i.innerHTML=`<ul class="ms-select-container">${this.getOptionsHtmlStr(this.displayJson[t])}</ul>`,i.setAttribute("data-index",t.toString()),this.wheelsContain.appendChild(i)}}checkCascade(){var t;const{keyMap:i}=this.config;if(this.isJsonType){const s=this.wheelsData[0].data;for(let e=0;e<s.length;e++)if(i.childs in s[e]&&(null==(t=s[e][i.childs])?void 0:t.length)>0)return this.cascadeJsonData=this.wheelsData[0].data,!0}return!1}initCascade(){this.displayJson.push(this.cascadeJsonData),this.initPosition.length>0?(this.initDeepCount=0,this.initCheckArrDeep(this.cascadeJsonData[this.initPosition[0]])):this.checkArrDeep(this.cascadeJsonData[0]),this.reRenderWheels()}initCheckArrDeep(t){if(t){const{keyMap:i}=this.config;if(i.childs in t&&t[i.childs].length>0){this.displayJson.push(t[i.childs]),this.initDeepCount++;const s=t[i.childs][this.initPosition[this.initDeepCount]];s?this.initCheckArrDeep(s):this.checkArrDeep(t[i.childs][0])}}}checkArrDeep(t){if(!t)return;const{keyMap:i}=this.config;i.childs in t&&t[i.childs].length>0&&(this.displayJson.push(t[i.childs]),this.checkArrDeep(t[i.childs][0]))}checkRange(t,i){var s;const e=this.displayJson.length-1-t,{keyMap:h}=this.config;for(let t=0;t<e;t++)this.displayJson.pop();let o;for(let e=0;e<=t;e++)o=0==e?this.cascadeJsonData[i[0]]:null==(s=null==o?void 0:o[h.childs])?void 0:s[i[e]];this.checkArrDeep(o),this.reRenderWheels(),this.fixRowStyle(),this.setCurDistance(this.resetPosition(t,i))}resetPosition(t,i){const s=[...i];let e;if(this.sliderList.length>i.length){e=this.sliderList.length-i.length;for(let t=0;t<e;t++)s.push(0)}else if(this.sliderList.length<i.length){e=i.length-this.sliderList.length;for(let t=0;t<e;t++)s.pop()}for(let i=t+1;i<s.length;i++)s[i]=0;return s}updateWheels(t){if(this.isCascade){if(this.cascadeJsonData=t,this.displayJson=[],this.initCascade(),this.initPosition.length<this.sliderList.length){const t=this.sliderList.length-this.initPosition.length;for(let i=0;i<t;i++)this.initPosition.push(0)}this.setCurDistance(this.initPosition),this.fixRowStyle()}}updateWheel(t,i){if(this.isCascade)return void o.log("error","'updateWheel()' not support cascade json data, please use 'updateWheels()' instead to update the whole data source");let s="";s+=this.getOptionsHtmlStr(i),this.wheelsData[t]=this.isJsonType?{data:i}:i,this.sliderList[t].innerHTML=s}fixRowStyle(){if(this.initColWidth.length&&this.initColWidth.length===this.wheelList.length){const t=this.initColWidth.reduce(((t,i)=>t+i),0);return void this.initColWidth.forEach(((i,s)=>{this.wheelList[s].style.width=(i/t*100).toFixed(2)+"%"}))}const t=(100/this.wheelList.length).toFixed(2);for(let i=0;i<this.wheelList.length;i++)this.wheelList[i].style.width=t+"%"}getIndex(t){return Math.round((2*this.optionHeight-t)/this.optionHeight)}getIndexArr(){const t=[];for(let i=0;i<this.curDistance.length;i++)t.push(this.getIndex(this.curDistance[i]));return t}getCurValue(){const t=[],i=this.getIndexArr(),{keyMap:s}=this.config;if(this.isCascade)for(let e=0;e<this.wheelList.length;e++){const h=this.displayJson[e][i[e]];h&&t.push({[s.id]:h[s.id],[s.value]:h[s.value]})}else if(this.isJsonType)for(let i=0;i<this.curDistance.length;i++)t.push(this.wheelsData[i].data[this.getIndex(this.curDistance[i])]);else for(let i=0;i<this.curDistance.length;i++)t.push(this.getInnerText(i));return t}getValue(){return this.getCurValue()}calcDistance(t){return 2*this.optionHeight-t*this.optionHeight}setCurDistance(t){const i=[];for(let s=0;s<this.sliderList.length;s++)i.push(this.calcDistance(t[s])),this.movePosition(this.sliderList[s],i[s]);this.curDistance=i}fixPosition(t){return-(this.getIndex(t)-2)*this.optionHeight}movePosition(t,i){t.style.transform="translate3d(0,"+i+"px, 0)"}locatePosition(t,i){void 0===t||void 0===i||i<0||(this.curDistance[t]=this.calcDistance(i),this.movePosition(this.sliderList[t],this.curDistance[t]),this.isCascade&&this.checkRange(t,this.getIndexArr()))}updateCurDistance(t,i){this.curDistance[i]=parseInt(t.style.transform.split(",")[1])}getInnerText(t){var i;const s=this.sliderList[t].getElementsByTagName("li").length;let e=this.getIndex(this.curDistance[t]);return e>=s?e=s-1:e<0&&(e=0),(null==(i=this.sliderList[t].getElementsByTagName("li")[e])?void 0:i.textContent)||""}touch(t){let i=TouchEvent();var s,e,h,o,n,l,r,a;const c=(t.composedPath&&t.composedPath()).find((t=>{var i;return null==(i=t.classList)?void 0:i.contains("ms-wheel")}));if(!c)return;const p=c.firstChild,d=parseInt(c.getAttribute("data-index")||"0");switch(t.type){case"touchstart":case"mousedown":p.style.transition="none 0s ease-out",this.startY=Math.floor(t instanceof i?t.touches[0].clientY:t.clientY),this.preMoveY=this.startY,"mousedown"===t.type&&(this.enableClickStatus=!0);break;case"touchmove":case"mousemove":if(t.preventDefault(),"mousemove"===t.type&&!this.enableClickStatus)break;this.moveY=Math.floor(t instanceof i?t.touches[0].clientY:t.clientY),this.offsetY=(this.moveY-this.preMoveY)*this.config.scrollSpeed,this.updateCurDistance(p,d),this.curDistance[d]=this.curDistance[d]+this.offsetY,this.movePosition(p,this.curDistance[d]),this.preMoveY=this.moveY;break;case"touchend":case"mouseup":if(p.style.transition="transform 0.18s ease-out",this.moveEndY=Math.floor(t instanceof TouchEvent?t.changedTouches[0].clientY:t.clientY),this.offsetSum=this.moveEndY-this.startY,this.oversizeBorder=-(p.getElementsByTagName("li").length-3)*this.optionHeight,0==this.offsetSum){const t=Math.floor((window.innerHeight-this.moveEndY)/40);if(2!=t){const i=this.curDistance[d]+(t-2)*this.optionHeight;i<=2*this.optionHeight&&i>=this.oversizeBorder&&(this.curDistance[d]=i,this.movePosition(p,this.curDistance[d]),null==(e=(s=this.config).transitionEnd)||e.call(s,this.getIndexArr(),this.getCurValue(),this),null==(o=(h=this.config).onTransitionEnd)||o.call(h,this.getCurValue(),this.getIndexArr(),this))}}else this.updateCurDistance(p,d),this.curDistance[d]=this.fixPosition(this.curDistance[d]),this.curDistance[d]>2*this.optionHeight?this.curDistance[d]=2*this.optionHeight:this.curDistance[d]<this.oversizeBorder&&(this.curDistance[d]=this.oversizeBorder),this.movePosition(p,this.curDistance[d]),null==(l=(n=this.config).transitionEnd)||l.call(n,this.getIndexArr(),this.getCurValue(),this),null==(a=(r=this.config).onTransitionEnd)||a.call(r,this.getCurValue(),this.getIndexArr(),this);"mouseup"===t.type&&(this.enableClickStatus=!1),this.isCascade&&this.checkRange(d,this.getIndexArr())}}};let n=o;h(n,"defaultConfig",{keyMap:{id:"id",value:"value",childs:"childs"},position:[],colWidth:[],title:"",connector:" ",ensureBtnText:"确认",cancelBtnText:"取消",triggerDisplayValue:!0,scrollSpeed:1}),h(n,"REQUIRED_PARAMS",["trigger","wheels"]);class l{}const r=class{constructor(s){t(this,s),this.selectionChanged=i(this,"selectionChanged",7),this.triggerName=void 0,this.selectedText=void 0,this.wheelData=void 0,this.selectedId="",this.ensureBtnText="Confirm",this.cancelBtnText="Cancel",this.listTitle=void 0,this.notFoundPopupProceedButton=void 0}componentWillLoad(){this.notFoundPopupProceedButton=document.querySelector("#translation-popup-button"),this.notFoundPopupProceedButton&&this.notFoundPopupProceedButton.addEventListener("click",(()=>{let t=document.querySelector("footer-nav");if(t){let i=t.getAttribute("ms-selected-text"),s=document.querySelector("footer-nav #lang-ddl");s&&i&&(s.innerHTML=i)}}))}wrapperClick(t){if(t&&(t.preventDefault(),t.target.id!=this.triggerName)){let i=t.currentTarget.querySelector(`#${this.triggerName}`);i&&i.click()}}render(){return s("div",{class:"mobile-select-wrapper"},s("div",{onClick:t=>{this.wrapperClick(t)}},s("span",{id:this.triggerName},this.selectedText),s("icon-asset",{type:"ptc",size:"x-small",name:"lang-drop-arrow",color:"white","is-mobile-select":"true","injected-style":"svg.ismobileselect{transform:translateX(10px); width: 13px !important;height: 10px !important;}"})))}componentDidRender(){let t=this,i=0;new n({trigger:`#${this.triggerName}`,title:`${this.listTitle?this.listTitle:""}`,wheels:this.wheelData?[{data:this.wheelData}]:[{data:["test1","test2"]}],position:[0],ensureBtnText:this.ensureBtnText,cancelBtnText:this.cancelBtnText,ensureBtnColor:"var(--color-gray-12)",cancelBtnColor:"var(--color-gray-12)",titleColor:"var(--color-gray-12)",onShow:function(s,e,h){if(t.selectedId)try{const s=t.getMobileSelectedItem(h);h.locatePosition(0,s.index),i=s.index}catch(t){console.log(t)}},callback:function(i,s,e){if(this.selectionChanged.emit({sender:e,index:i&&i.length>0?i[0]:-1,data:s&&s.length>0?s[0]:void 0}),s&&s[0]&&"#"!=s[0].id)window.location.href=s[0].id;else if(!i||isNaN(i[0])){const i=t.getMobileSelectedItem(e);e.locatePosition(0,i.index),e.setValue(this.wheelData[i.index]),e.setTriggerInnerText(i.value),e.show()}}.bind(this)}).locatePosition(0,i)}getMobileSelectedItem(t){let i=new l;return i.id=this.selectedId,t.mobileSelect.querySelectorAll("[data-id]").forEach(((t,s)=>{if(t.getAttribute("data-id")==i.id)return i.index=s,void(i.value=t.textContent)})),i}};r.style='.ms-mobile-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s, z-index 0.4s;transition:opacity 0.4s, z-index 0.4s;transform:translate(0, 0)}.ms-mobile-select *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.ms-mobile-select .ms-gray-layer{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.7);z-index:888;display:block}.ms-mobile-select .ms-content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition:all 0.4s;transition:all 0.4s;bottom:-350px;left:0;background:white}.ms-mobile-select .ms-fix-width{width:90%;margin:0 auto;position:relative}.ms-mobile-select .ms-fix-width:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-btn-bar{border-bottom:1px solid #dcdcdc;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.ms-mobile-select .ms-cancel,.ms-mobile-select .ms-ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-cancel{left:0;color:#666}.ms-mobile-select .ms-ensure{right:0;color:#1e83d3}.ms-mobile-select .ms-title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ms-mobile-select .ms-panel:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ms-mobile-select .ms-wheels{width:100%;height:200px;overflow:hidden}.ms-mobile-select .ms-wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.ms-mobile-select .ms-select-container{display:block;text-align:center}.ms-mobile-select .ms-select-container li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.ms-mobile-select .ms-select-line{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}.ms-mobile-select .ms-shadow-mask{position:absolute;top:0;width:100%;height:200px;background:linear-gradient(to bottom, #fffffff5, #ffffffcc 25%, #ffffff00 49%, #ffffff00 51%, #ffffffcc 75%, #fffffff5);opacity:0.9;pointer-events:none}.ms-mobile-select.ms-show{opacity:1;z-index:10000;visibility:visible}.ms-mobile-select.ms-show .ms-content{bottom:0}.ms-default-trigger{min-height:1em;color:#888}body.ms-show{overflow-y:hidden}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}}.mobile-select-wrapper{display:block}.mobile-select-wrapper div{display:inline;margin-right:var(--ptc-element-spacing-03);width:100%;font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);color:var(--color-white);height:18px}.mobileSelect .content{top:auto}.mobileSelect .content .btnBar{border-color:var(--color-gray-10)}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .title{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .cancel{transform:translateY(12.5px);width:125px}.mobileSelect .content .panel .wheel .selectContainer li{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);height:45px}ptc-responsive-wrapper.xsmall .mobile-select-wrapper,ptc-responsive-wrapper.small .mobile-select-wrapper{display:block}ptc-responsive-wrapper.medium .mobile-select-wrapper,ptc-responsive-wrapper.large .mobile-select-wrapper,ptc-responsive-wrapper.xlarge .mobile-select-wrapper,ptc-responsive-wrapper.xxlarge .mobile-select-wrapper,ptc-responsive-wrapper.large2k .mobile-select-wrapper,ptc-responsive-wrapper.large4k .mobile-select-wrapper{display:none}';export{r as ptc_mobile_select}