@ptcwebops/ptcw-design 6.0.7 → 6.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/blog-detail-content_2.cjs.entry.js +1 -1
- package/dist/cjs/blog-detail-layout.cjs.entry.js +1 -1
- package/dist/cjs/blogs-search-section.cjs.entry.js +1 -1
- package/dist/cjs/homepage-jumbotron.cjs.entry.js +1 -1
- package/dist/cjs/homepage-toggled-content.cjs.entry.js +1 -1
- package/dist/cjs/icon-asset_10.cjs.entry.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/most-popular-news.cjs.entry.js +1 -1
- package/dist/cjs/my-component.cjs.entry.js +1 -1
- package/dist/cjs/ptc-accordion-item.cjs.entry.js +14 -5
- package/dist/cjs/ptc-background-video.cjs.entry.js +9 -1
- package/dist/cjs/ptc-button.cjs.entry.js +1 -1
- package/dist/cjs/ptc-collapse-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-form-checkbox_2.cjs.entry.js +1 -1
- package/dist/cjs/ptc-homepage-image-feature.cjs.entry.js +1 -1
- package/dist/cjs/ptc-homepage-video-background.cjs.entry.js +1 -1
- package/dist/cjs/ptc-link.cjs.entry.js +1 -1
- package/dist/cjs/ptc-media-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-multi-select_2.cjs.entry.js +1 -1
- package/dist/cjs/ptc-para.cjs.entry.js +1 -1
- package/dist/cjs/ptc-pricing-packaging-table.cjs.entry.js +1 -1
- package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +1 -1
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/cjs/{utils-290a8f9a.js → utils-67780697.js} +46 -0
- package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.js +14 -5
- package/dist/collection/components/ptc-background-video/ptc-background-video.js +11 -2
- package/dist/collection/components/ptc-title/ptc-title.js +1 -1
- package/dist/collection/utils/utils.js +44 -0
- package/dist/custom-elements/index.js +67 -8
- package/dist/esm/blog-detail-content_2.entry.js +1 -1
- package/dist/esm/blog-detail-layout.entry.js +1 -1
- package/dist/esm/blogs-search-section.entry.js +1 -1
- package/dist/esm/homepage-jumbotron.entry.js +1 -1
- package/dist/esm/homepage-toggled-content.entry.js +1 -1
- package/dist/esm/icon-asset_10.entry.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/most-popular-news.entry.js +1 -1
- package/dist/esm/my-component.entry.js +1 -1
- package/dist/esm/ptc-accordion-item.entry.js +14 -5
- package/dist/esm/ptc-background-video.entry.js +9 -1
- package/dist/esm/ptc-button.entry.js +1 -1
- package/dist/esm/ptc-collapse-list.entry.js +1 -1
- package/dist/esm/ptc-form-checkbox_2.entry.js +1 -1
- package/dist/esm/ptc-homepage-image-feature.entry.js +1 -1
- package/dist/esm/ptc-homepage-video-background.entry.js +1 -1
- package/dist/esm/ptc-link.entry.js +1 -1
- package/dist/esm/ptc-media-card.entry.js +1 -1
- package/dist/esm/ptc-multi-select_2.entry.js +1 -1
- package/dist/esm/ptc-para.entry.js +1 -1
- package/dist/esm/ptc-pricing-packaging-table.entry.js +1 -1
- package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/esm/{utils-05c5b1ac.js → utils-7b5c29b1.js} +45 -1
- package/dist/ptcw-design/{p-c2a171a7.entry.js → p-16f983c4.entry.js} +1 -1
- package/dist/ptcw-design/{p-595d3ad5.entry.js → p-18e02494.entry.js} +1 -1
- package/dist/ptcw-design/{p-71feca68.entry.js → p-190c704d.entry.js} +1 -1
- package/dist/ptcw-design/{p-11315f18.entry.js → p-2aec612d.entry.js} +1 -1
- package/dist/ptcw-design/{p-53cd14ba.entry.js → p-54fa12be.entry.js} +1 -1
- package/dist/ptcw-design/{p-072dd199.entry.js → p-5ed8a694.entry.js} +1 -1
- package/dist/ptcw-design/{p-50605d7c.entry.js → p-5fd77623.entry.js} +1 -1
- package/dist/ptcw-design/{p-cb4d8811.entry.js → p-68acba70.entry.js} +1 -1
- package/dist/ptcw-design/{p-eddff1f7.entry.js → p-6b746f9d.entry.js} +1 -1
- package/dist/ptcw-design/p-6d684d90.entry.js +1 -0
- package/dist/ptcw-design/{p-149d27a6.entry.js → p-71c6b528.entry.js} +1 -1
- package/dist/ptcw-design/{p-8039fa0d.entry.js → p-769aa1c3.entry.js} +1 -1
- package/dist/ptcw-design/{p-4ddea466.entry.js → p-7792cf79.entry.js} +1 -1
- package/dist/ptcw-design/{p-1e9f07cf.js → p-78a23ab3.js} +1 -1
- package/dist/ptcw-design/p-7b0da78a.entry.js +1 -0
- package/dist/ptcw-design/{p-93e6395f.entry.js → p-91b73561.entry.js} +1 -1
- package/dist/ptcw-design/{p-3f3713cd.entry.js → p-9fad6b65.entry.js} +1 -1
- package/dist/ptcw-design/{p-397276af.entry.js → p-c3c7b93b.entry.js} +1 -1
- package/dist/ptcw-design/{p-c0304917.entry.js → p-c3ce27b3.entry.js} +1 -1
- package/dist/ptcw-design/{p-3b93096b.entry.js → p-c5d050dd.entry.js} +1 -1
- package/dist/ptcw-design/{p-7698c568.entry.js → p-c792e926.entry.js} +1 -1
- package/dist/ptcw-design/{p-3e90100b.entry.js → p-f8af6267.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.d.ts +1 -0
- package/dist/types/components/ptc-background-video/ptc-background-video.d.ts +2 -0
- package/dist/types/utils/utils.d.ts +2 -0
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-2462aece.entry.js +0 -1
- package/dist/ptcw-design/p-79883a07.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,a as i}from"./p-944c5be8.js";import{a as o}from"./p-1e9f07cf.js";const n=class{constructor(e){t(this,e),this.colors=["hp-blue","hp-red","hp-gray","hp-green","hp-orange"],this.activeTab=0,this.dropdownOpen=!1,this.tileElements=[]}componentWillLoad(){this.updateTileElements(this.activeTab),this.sliderSettings={IsMouseDown:!1,PreventAnchor:!1,Timeout:void 0,StartX:0,ScrollLeft:0}}componentDidLoad(){this.slider=this.el.shadowRoot.querySelector(".card-section")}componentDidRender(){o("homepage-clickable-tab",this.el)}handleTabSelected(t){this.activeTab=t,this.dropdownOpen=!1,this.updateTileElements(t)}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}getTabs(){return Array.from(this.el.querySelectorAll('[slot^="tab-label"]')).map(((t,e)=>({label:t.textContent,index:e})))}updateTileElements(t){this.tileElements=Array.from(this.el.querySelectorAll(`[slot^="tab-tile-${t}"]`))}onSliderScroll(){0===this.slider.scrollLeft&&this.slider.classList.contains("scroll-st")?this.slider.classList.remove("scroll-st"):0===this.slider.scrollLeft||this.slider.classList.contains("scroll-st")||this.slider.classList.add("scroll-st"),this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth&&this.slider.classList.contains("scroll-ed")?this.slider.classList.remove("scroll-ed"):this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth||this.slider.classList.contains("scroll-ed")||this.slider.classList.add("scroll-ed")}onSliderMouseDown(t,e){t.preventDefault(),this.sliderSettings.IsMouseDown=!0,e.classList.add("active"),this.sliderSettings.StartX=t.pageX-e.offsetLeft,this.sliderSettings.ScrollLeft=e.scrollLeft,this.sliderSettings.PreventAnchor=!1,this.sliderSettings.Timeout=setTimeout((()=>{this.sliderSettings.PreventAnchor=!0}),80)}onSliderMouseExit(t,e){t.preventDefault(),clearTimeout(this.sliderSettings.Timeout),this.sliderSettings.IsMouseDown=!1,e.classList.remove("active")}onSliderMouseDrag(t,e){this.sliderSettings.IsMouseDown&&(t.preventDefault(),e.scrollLeft=this.sliderSettings.ScrollLeft-(t.pageX-e.offsetLeft-this.sliderSettings.StartX))}onCardMouseDown(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.add("active")}}onCardMouseUp(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.remove("active")}}render(){const t=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 8.5L7.34315 2.71178L1.68629 8.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),i=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 2.5L7.34315 8.28822L1.68629 2.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),o=this.getTabs();return e("div",{class:"wrapper"},e("div",{class:"header"},e("h2",null,e("slot",{name:"title"})),e("p",null,e("slot",{name:"description"}))),e("div",{class:"tabs"},e("div",{class:"tabs-desktop"},o.map((t=>e("homepage-clickable-tab",{label:t.label,active:this.activeTab===t.index,activeColor:this.colors[t.index],onClick:()=>this.handleTabSelected(t.index)})))),e("div",{class:"tabs-mobile"},e("button",{class:`dropdown-button ${this.colors[this.activeTab]} ${this.dropdownOpen?"opened":""}`,onClick:()=>this.toggleDropdown()},o[this.activeTab].label,e("span",{class:"arrow"},this.dropdownOpen?t:i)),this.dropdownOpen&&e("div",{class:"dropdown-menu"},o.map((t=>e("div",{class:"dropdown-item "+(t.index===this.activeTab?"active-tab":""),onClick:()=>this.handleTabSelected(t.index)},e("slot",{name:`tab-label-${t.index}`}))))))),e("div",{class:"content"},o.map(((t,i)=>e("div",{class:"tab-content "+(this.activeTab===i?"active-tab":"")},e("slot",{name:`tab-image-${i}`}),e("div",{class:"content-detail"},e("div",{hidden:!0},t.label),e("h2",null,e("slot",{name:`tab-title-${i}`})),e("p",null,e("slot",{name:`tab-content-${i}`})),e("slot",{name:`tab-button-${i}`}),this.activeTab===i&&this.tileElements.length>0?e("div",Object.assign({class:"info-card-wrapper card-section"},this.getSliderBindings()),this.tileElements.map(((t,i)=>e("div",{class:`swiper-slide card-link card-link-${i+1}`,"tab-index":i+1,key:i,innerHTML:t.outerHTML,onMouseDown:t=>this.onCardMouseDown(t),onMouseUp:t=>this.onCardMouseUp(t),onMouseLeave:t=>this.onCardMouseUp(t),onTouchEnd:t=>{console.log("yes"),this.onCardMouseUp(t)}})))):null))))))}getSliderBindings(){return{onMouseDown:t=>{this.onSliderMouseDown(t,this.slider)},onMouseUp:t=>{this.onSliderMouseExit(t,this.slider)},onMouseLeave:t=>{this.onSliderMouseExit(t,this.slider)},onMouseMove:t=>{this.onSliderMouseDrag(t,this.slider)}}}get el(){return i(this)}};n.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}::slotted(.title){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:20px !important;font-style:normal !important;font-weight:700 !important;line-height:30px !important;margin-top:0px !important;margin-bottom:16px !important}@media screen and (min-width: 768px){::slotted(.title){font-size:24px !important}}::slotted(.description){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:18px !important;font-style:normal !important;font-weight:400 !important;line-height:27px !important;margin-top:0px !important;margin-bottom:0px !important}::slotted(.tab-slot-image){width:auto;object-fit:contain;margin-bottom:32px}@media screen and (min-width: 480px){::slotted(.tab-slot-image){height:500px}}@media screen and (min-width: 992px){::slotted(.tab-slot-image){margin-bottom:unset;height:auto;max-width:580px;width:50%}}.header{text-align:center;margin-bottom:20px;max-width:720px}.header h2{margin-top:0px !important;margin-bottom:16px !important}.tabs{display:flex;justify-content:center;margin-bottom:40px;position:relative;z-index:99}@media screen and (min-width: 992px){.tabs{margin-bottom:64px}}.tabs-desktop{display:flex;gap:24px;flex:1}.tabs-desktop homepage-clickable-tab{flex:1 1 122px}.tabs-mobile{display:none;position:relative}.dropdown-button{color:white;padding:24px;border:none;border-radius:var(--ptc-border-radius-standard);cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);text-align:left}.dropdown-button.opened{border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px}.dropdown-button.hp-blue{background:linear-gradient(180deg, #197BC0 0%, #4795CD 100%)}.dropdown-button.hp-green{background:linear-gradient(180deg, #00890B 0%, #33A13C 100%)}.dropdown-button.hp-red{background:linear-gradient(180deg, #D33E3E 0%, #DC6565 100%)}.dropdown-button.hp-gray{background:linear-gradient(180deg, #617480 0%, #819099 100%)}.dropdown-button.hp-orange{background:linear-gradient(180deg, #C37729 0%, #CF9254 100%)}.dropdown-button .arrow{margin-left:24px}.dropdown-menu{position:absolute;width:100%;background-color:var(--color-white);color:var(--color-gray-10);display:flex;flex-direction:column;border-radius:0px 0px var(--ptc-border-radius-standard) var(--ptc-border-radius-standard);border-top:0px;box-shadow:var(--ptc-shadow-medium)}.dropdown-menu .dropdown-item{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-regular)}.dropdown-menu .dropdown-item.active-tab ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold) !important}.dropdown-item{padding:24px 24px 0px 24px;cursor:pointer}.dropdown-item:last-of-type{padding-bottom:24px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold)}@media (max-width: 992px){.tabs-desktop{display:none}.tabs-mobile{display:block;width:100%}}.content{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.tab-content{display:none;opacity:0;flex-direction:column;width:100%;animation:fadeIn var(--ptc-transition-medium) ease-in-out forwards}.tab-content.active-tab{display:flex;opacity:1}@media only screen and (min-width: 992px){.tab-content{flex-wrap:nowrap;flex-direction:row;width:100%;justify-content:center;align-items:center;gap:56px}}.tab-content img{max-width:100%;width:100%;height:auto;margin-bottom:20px}@media only screen and (min-width: 992px){.tab-content img{width:580px;height:733px;flex-shrink:0}}.content-detail{text-align:left}@media only screen and (min-width: 992px){.content-detail{flex-grow:1;word-break:break-word}}.content-detail p,.content-detail h2{margin-block-start:unset;margin-block-end:unset}.content-detail h2{margin-bottom:16px}.content-detail p{margin-bottom:32px}.info-card-wrapper{margin-top:48px;display:flex;justify-content:center;align-items:center;width:calc(100% + 24px)}@media screen and (min-width: 992px){.info-card-wrapper{width:100%;margin-top:72px}}.card-section{display:flex;position:relative;flex-wrap:nowrap;flex-shrink:0;-ms-overflow-style:none;scrollbar-width:none;transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);justify-content:flex-start}.card-section::-webkit-scrollbar{display:none}.card-section .card-link{display:inline-flex;position:relative;text-decoration:none;z-index:10;align-items:center;gap:16px;margin-right:24px}.card-section .card-link .link-text{display:block;inline-size:190px;white-space:break-spaces}.card-section:before{position:absolute;width:32px;background:linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);top:16px;right:0;bottom:0;z-index:12}.card-section.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed{box-shadow:inset -2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3)}@media only screen and (min-width: 1200px){.card-section{align-items:flex-start;justify-content:flex-start;align-content:flex-start}.card-section.scroll-st,.card-section.scroll-ed,.card-section.scroll-ed.scroll-st{box-shadow:unset}.card-section .card-link{flex:unset}.card-section .card-link:first-child{margin-left:0}.card-section .card-link:last-child{margin-right:0}}.card-section{overflow:inherit;overflow-x:scroll;overflow-y:hidden;animation-duration:0ms;animation-delay:1000ms;animation-fill-mode:forwards}@media only screen and (min-width: 1200px){.card-section{overflow-x:scroll}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}";export{n as homepage_toggled_content}
|
|
1
|
+
import{r as t,h as e,a as i}from"./p-944c5be8.js";import{a as o}from"./p-78a23ab3.js";const n=class{constructor(e){t(this,e),this.colors=["hp-blue","hp-red","hp-gray","hp-green","hp-orange"],this.activeTab=0,this.dropdownOpen=!1,this.tileElements=[]}componentWillLoad(){this.updateTileElements(this.activeTab),this.sliderSettings={IsMouseDown:!1,PreventAnchor:!1,Timeout:void 0,StartX:0,ScrollLeft:0}}componentDidLoad(){this.slider=this.el.shadowRoot.querySelector(".card-section")}componentDidRender(){o("homepage-clickable-tab",this.el)}handleTabSelected(t){this.activeTab=t,this.dropdownOpen=!1,this.updateTileElements(t)}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}getTabs(){return Array.from(this.el.querySelectorAll('[slot^="tab-label"]')).map(((t,e)=>({label:t.textContent,index:e})))}updateTileElements(t){this.tileElements=Array.from(this.el.querySelectorAll(`[slot^="tab-tile-${t}"]`))}onSliderScroll(){0===this.slider.scrollLeft&&this.slider.classList.contains("scroll-st")?this.slider.classList.remove("scroll-st"):0===this.slider.scrollLeft||this.slider.classList.contains("scroll-st")||this.slider.classList.add("scroll-st"),this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth&&this.slider.classList.contains("scroll-ed")?this.slider.classList.remove("scroll-ed"):this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth||this.slider.classList.contains("scroll-ed")||this.slider.classList.add("scroll-ed")}onSliderMouseDown(t,e){t.preventDefault(),this.sliderSettings.IsMouseDown=!0,e.classList.add("active"),this.sliderSettings.StartX=t.pageX-e.offsetLeft,this.sliderSettings.ScrollLeft=e.scrollLeft,this.sliderSettings.PreventAnchor=!1,this.sliderSettings.Timeout=setTimeout((()=>{this.sliderSettings.PreventAnchor=!0}),80)}onSliderMouseExit(t,e){t.preventDefault(),clearTimeout(this.sliderSettings.Timeout),this.sliderSettings.IsMouseDown=!1,e.classList.remove("active")}onSliderMouseDrag(t,e){this.sliderSettings.IsMouseDown&&(t.preventDefault(),e.scrollLeft=this.sliderSettings.ScrollLeft-(t.pageX-e.offsetLeft-this.sliderSettings.StartX))}onCardMouseDown(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.add("active")}}onCardMouseUp(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.remove("active")}}render(){const t=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 8.5L7.34315 2.71178L1.68629 8.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),i=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 2.5L7.34315 8.28822L1.68629 2.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),o=this.getTabs();return e("div",{class:"wrapper"},e("div",{class:"header"},e("h2",null,e("slot",{name:"title"})),e("p",null,e("slot",{name:"description"}))),e("div",{class:"tabs"},e("div",{class:"tabs-desktop"},o.map((t=>e("homepage-clickable-tab",{label:t.label,active:this.activeTab===t.index,activeColor:this.colors[t.index],onClick:()=>this.handleTabSelected(t.index)})))),e("div",{class:"tabs-mobile"},e("button",{class:`dropdown-button ${this.colors[this.activeTab]} ${this.dropdownOpen?"opened":""}`,onClick:()=>this.toggleDropdown()},o[this.activeTab].label,e("span",{class:"arrow"},this.dropdownOpen?t:i)),this.dropdownOpen&&e("div",{class:"dropdown-menu"},o.map((t=>e("div",{class:"dropdown-item "+(t.index===this.activeTab?"active-tab":""),onClick:()=>this.handleTabSelected(t.index)},e("slot",{name:`tab-label-${t.index}`}))))))),e("div",{class:"content"},o.map(((t,i)=>e("div",{class:"tab-content "+(this.activeTab===i?"active-tab":"")},e("slot",{name:`tab-image-${i}`}),e("div",{class:"content-detail"},e("div",{hidden:!0},t.label),e("h2",null,e("slot",{name:`tab-title-${i}`})),e("p",null,e("slot",{name:`tab-content-${i}`})),e("slot",{name:`tab-button-${i}`}),this.activeTab===i&&this.tileElements.length>0?e("div",Object.assign({class:"info-card-wrapper card-section"},this.getSliderBindings()),this.tileElements.map(((t,i)=>e("div",{class:`swiper-slide card-link card-link-${i+1}`,"tab-index":i+1,key:i,innerHTML:t.outerHTML,onMouseDown:t=>this.onCardMouseDown(t),onMouseUp:t=>this.onCardMouseUp(t),onMouseLeave:t=>this.onCardMouseUp(t),onTouchEnd:t=>{console.log("yes"),this.onCardMouseUp(t)}})))):null))))))}getSliderBindings(){return{onMouseDown:t=>{this.onSliderMouseDown(t,this.slider)},onMouseUp:t=>{this.onSliderMouseExit(t,this.slider)},onMouseLeave:t=>{this.onSliderMouseExit(t,this.slider)},onMouseMove:t=>{this.onSliderMouseDrag(t,this.slider)}}}get el(){return i(this)}};n.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}::slotted(.title){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:20px !important;font-style:normal !important;font-weight:700 !important;line-height:30px !important;margin-top:0px !important;margin-bottom:16px !important}@media screen and (min-width: 768px){::slotted(.title){font-size:24px !important}}::slotted(.description){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:18px !important;font-style:normal !important;font-weight:400 !important;line-height:27px !important;margin-top:0px !important;margin-bottom:0px !important}::slotted(.tab-slot-image){width:auto;object-fit:contain;margin-bottom:32px}@media screen and (min-width: 480px){::slotted(.tab-slot-image){height:500px}}@media screen and (min-width: 992px){::slotted(.tab-slot-image){margin-bottom:unset;height:auto;max-width:580px;width:50%}}.header{text-align:center;margin-bottom:20px;max-width:720px}.header h2{margin-top:0px !important;margin-bottom:16px !important}.tabs{display:flex;justify-content:center;margin-bottom:40px;position:relative;z-index:99}@media screen and (min-width: 992px){.tabs{margin-bottom:64px}}.tabs-desktop{display:flex;gap:24px;flex:1}.tabs-desktop homepage-clickable-tab{flex:1 1 122px}.tabs-mobile{display:none;position:relative}.dropdown-button{color:white;padding:24px;border:none;border-radius:var(--ptc-border-radius-standard);cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);text-align:left}.dropdown-button.opened{border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px}.dropdown-button.hp-blue{background:linear-gradient(180deg, #197BC0 0%, #4795CD 100%)}.dropdown-button.hp-green{background:linear-gradient(180deg, #00890B 0%, #33A13C 100%)}.dropdown-button.hp-red{background:linear-gradient(180deg, #D33E3E 0%, #DC6565 100%)}.dropdown-button.hp-gray{background:linear-gradient(180deg, #617480 0%, #819099 100%)}.dropdown-button.hp-orange{background:linear-gradient(180deg, #C37729 0%, #CF9254 100%)}.dropdown-button .arrow{margin-left:24px}.dropdown-menu{position:absolute;width:100%;background-color:var(--color-white);color:var(--color-gray-10);display:flex;flex-direction:column;border-radius:0px 0px var(--ptc-border-radius-standard) var(--ptc-border-radius-standard);border-top:0px;box-shadow:var(--ptc-shadow-medium)}.dropdown-menu .dropdown-item{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-regular)}.dropdown-menu .dropdown-item.active-tab ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold) !important}.dropdown-item{padding:24px 24px 0px 24px;cursor:pointer}.dropdown-item:last-of-type{padding-bottom:24px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold)}@media (max-width: 992px){.tabs-desktop{display:none}.tabs-mobile{display:block;width:100%}}.content{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.tab-content{display:none;opacity:0;flex-direction:column;width:100%;animation:fadeIn var(--ptc-transition-medium) ease-in-out forwards}.tab-content.active-tab{display:flex;opacity:1}@media only screen and (min-width: 992px){.tab-content{flex-wrap:nowrap;flex-direction:row;width:100%;justify-content:center;align-items:center;gap:56px}}.tab-content img{max-width:100%;width:100%;height:auto;margin-bottom:20px}@media only screen and (min-width: 992px){.tab-content img{width:580px;height:733px;flex-shrink:0}}.content-detail{text-align:left}@media only screen and (min-width: 992px){.content-detail{flex-grow:1;word-break:break-word}}.content-detail p,.content-detail h2{margin-block-start:unset;margin-block-end:unset}.content-detail h2{margin-bottom:16px}.content-detail p{margin-bottom:32px}.info-card-wrapper{margin-top:48px;display:flex;justify-content:center;align-items:center;width:calc(100% + 24px)}@media screen and (min-width: 992px){.info-card-wrapper{width:100%;margin-top:72px}}.card-section{display:flex;position:relative;flex-wrap:nowrap;flex-shrink:0;-ms-overflow-style:none;scrollbar-width:none;transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);justify-content:flex-start}.card-section::-webkit-scrollbar{display:none}.card-section .card-link{display:inline-flex;position:relative;text-decoration:none;z-index:10;align-items:center;gap:16px;margin-right:24px}.card-section .card-link .link-text{display:block;inline-size:190px;white-space:break-spaces}.card-section:before{position:absolute;width:32px;background:linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);top:16px;right:0;bottom:0;z-index:12}.card-section.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed{box-shadow:inset -2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3)}@media only screen and (min-width: 1200px){.card-section{align-items:flex-start;justify-content:flex-start;align-content:flex-start}.card-section.scroll-st,.card-section.scroll-ed,.card-section.scroll-ed.scroll-st{box-shadow:unset}.card-section .card-link{flex:unset}.card-section .card-link:first-child{margin-left:0}.card-section .card-link:last-child{margin-right:0}}.card-section{overflow:inherit;overflow-x:scroll;overflow-y:hidden;animation-duration:0ms;animation-delay:1000ms;animation-fill-mode:forwards}@media only screen and (min-width: 1200px){.card-section{overflow-x:scroll}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}";export{n as homepage_toggled_content}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,H as o,a as i}from"./p-944c5be8.js";import{g as n}from"./p-1e9f07cf.js";const r=class{constructor(e){t(this,e),this.disabled=!1,this.external=!1,this.href=void 0,this.target="_self",this.linkTitle=void 0,this.theme="simple",this.fontSize="medium",this.fontWeight=void 0,this.linkArea=void 0,this.seoCompatibilityMode=!1,this.styles=void 0,this.trackerId=void 0}seoCompRender(){const t=this.getCssClassMap(),[i,r]=n(this.el,"a"),a=r&&r.innerHTML;return this.el==r&&(this.el.innerHTML=""),e(o,null,this.styles&&e("style",null,this.styles),e("div",{id:this.trackerId,class:"tracker-div"},e(i,{class:t,innerHTML:a,href:this.href,target:this.external?"_blank":this.target,title:this.linkTitle,tabindex:"0"},e("slot",null))))}standardRender(){const t=this.getCssClassMap();return e(o,null,this.styles&&e("style",null,this.styles),e("div",{id:this.trackerId,class:"tracker-div"},e("a",{class:t,href:this.href,target:this.external?"_blank":this.target,title:this.linkTitle,tabindex:"0"},e("slot",null))))}render(){return this.seoCompatibilityMode?this.seoCompRender():this.standardRender()}getCssClassMap(){let t=this.theme;return["simple","underline","nav-title","primary-nav-link","nav-title-link","nav-card-link","secondary-nav-link","footer-nav-link","copyright-link","product-link","d-green-underline","d-white-underline","global","utility-nav-link"].indexOf(t)<0&&(t="simple"),{"ptc-link":!0,[t]:!0,disabled:this.disabled,[this.fontSize]:!0,[this.linkArea]:!!this.linkArea,[this.fontWeight]:!!this.fontWeight}}get el(){return i(this)}};r.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}.disabled{pointer-events:none;cursor:default;text-decoration:none}.ptc-link{display:inline-block;color:var(--color-gray-10);font-weight:var(--ptc-font-weight-extrabold);position:relative;line-height:var(--ptc-line-height-densest);outline:none;text-decoration:none;transition:color var(--ptc-transition-fast) var(--ptc-ease-inout)}.ptc-link:active{transition:none}.ptc-link:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.simple{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--color-green-06);text-decoration-thickness:2px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.simple:hover{color:var(--color-green-06);transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.simple:active{transition:none}.simple:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important}.global{font-style:var(--ptc-letter-spacing-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out)}.global:visited{color:var(--color-blue-10)}.global:active,.global:visited:active{color:var(--color-blue-09);transition:none}.global:hover,.global:visited:hover{color:var(--color-blue-08)}.global.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.product-link{font-weight:var(--ptc-font-weight-extrabold);text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--color-green-06);text-decoration-thickness:2px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.product-link:hover{color:var(--color-green-06);transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.product-link:active{transition:none}.underline{border-bottom:2px solid var(--color-green-06)}.underline:hover{color:#00890B;border-bottom:2px solid #00890B}.underline:active{transition:none}.small{font-size:var(--ptc-font-size-xx-small)}.medium{font-size:var(--ptc-font-size-x-small)}.medium-large{font-size:var(--ptc-font-size-small)}.large{font-size:var(--ptc-font-size-medium)}.nav-title:focus,.nav-title-link:focus,.nav-card-link:focus,.primary-nav-link:focus,.secondary-nav-link:focus,.footer-nav-link:focus,.copyright-link:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.nav-title:active,.nav-title-link:active,.nav-card-link:active,.primary-nav-link:active,.secondary-nav-link:active,.footer-nav-link:active,.copyright-link:active{transition:none}.nav-title{box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin-bottom:var(--ptc-element-spacing-02);text-align:left}.primary-nav-link{background-color:transparent;box-sizing:border-box;color:var(--color-gray-01);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin:var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-06);position:relative;text-decoration:none;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.primary-nav-link:hover{border-radius:var(--ptc-border-radius-standard);background-color:var(--color-gray-12);text-decoration:none;outline:none}.primary-nav-link:active{transition:none}.nav-title-link{background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);list-style:none;text-align:left;text-decoration-color:var(--color-white);text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;display:inline-block}.nav-title-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06)}.nav-title-link:active{transition:none}.nav-card-link{background-color:transparent;box-sizing:border-box;color:var(--color-white);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);list-style:none;text-align:left;text-decoration:none;text-decoration-color:var(--color-white);transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);display:inline-block;font-size:var(--ptc-font-size-small)}@media only screen and (min-width: 1200px){.nav-card-link{font-size:var(--ptc-font-size-xxx-small)}}.nav-card-link:hover{color:var(--color-white);text-decoration:underline var(--color-green-06) solid 1px;text-underline-offset:2px}.nav-card-link:active{transition:none}.secondary-nav-link{display:inline-block;background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-style:normal;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);list-style:none;margin-bottom:var(--ptc-element-spacing-03);text-align:left;text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;white-space:nowrap}.secondary-nav-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06);border-radius:0;text-decoration:none}.secondary-nav-link:active{transition:none}.footer-nav-link{color:var(--color-white);transition:border var(--ptc-transition-medium) var(--ptc-ease-inout), color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1px solid transparent;outline:none;text-decoration:none;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);text-align:left;font-size:var(--ptc-font-size-x-small)}.footer-nav-link:hover{outline:none;text-decoration:none;border-bottom:0.1rem solid var(--color-green-06);color:var(--color-green-06)}.footer-nav-link:active{transition:none}.copyright-link{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-normal);line-height:var(--ptc-line-height-loose);display:inline-block}.d-green-underline{color:var(--color-white);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);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)}.d-green-underline:hover{color:var(--color-green-06)}.d-green-underline:active{transition:none}.d-white-underline{color:var(--color-white);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-white);text-underline-offset:5px}.link-area-cover-parent{position:static}.link-area-cover-parent::after{content:"";position:absolute;width:100%;height:100%;inset:0;z-index:2}.standard-link,.blog-link{font-weight:800;line-height:1;display:flex;align-items:center;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)}.standard-link:hover,.blog-link:hover{color:var(--color-green-06)}.standard-link:active,.blog-link:active{transition:none}.w-thin{font-weight:var(--ptc-font-weight-thin)}.w-regular{font-weight:var(--ptc-font-weight-regular)}.w-medium{font-weight:var(--ptc-font-weight-medium)}.w-semibold{font-weight:var(--ptc-font-weight-semibold)}.w-bold{font-weight:var(--ptc-font-weight-bold)}.w-extrabold{font-weight:var(--ptc-font-weight-extrabold)}.w-black{font-weight:var(--ptc-font-weight-black)}.utility-nav-link{background-color:transparent;box-sizing:border-box;color:var(--color-gray-13);font-stretch:100%;font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-densest);list-style:none;text-align:left;text-decoration:none;text-decoration-color:var(--color-green-06);transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);display:inline-block;font-size:var(--ptc-font-size-x-small)}.utility-nav-link:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--color-green-06);text-decoration-thickness:2px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.utility-nav-link:active{transition:none}.tracker-div{display:inline}';export{r as ptc_link}
|
|
1
|
+
import{r as t,h as e,H as o,a as i}from"./p-944c5be8.js";import{g as n}from"./p-78a23ab3.js";const r=class{constructor(e){t(this,e),this.disabled=!1,this.external=!1,this.href=void 0,this.target="_self",this.linkTitle=void 0,this.theme="simple",this.fontSize="medium",this.fontWeight=void 0,this.linkArea=void 0,this.seoCompatibilityMode=!1,this.styles=void 0,this.trackerId=void 0}seoCompRender(){const t=this.getCssClassMap(),[i,r]=n(this.el,"a"),a=r&&r.innerHTML;return this.el==r&&(this.el.innerHTML=""),e(o,null,this.styles&&e("style",null,this.styles),e("div",{id:this.trackerId,class:"tracker-div"},e(i,{class:t,innerHTML:a,href:this.href,target:this.external?"_blank":this.target,title:this.linkTitle,tabindex:"0"},e("slot",null))))}standardRender(){const t=this.getCssClassMap();return e(o,null,this.styles&&e("style",null,this.styles),e("div",{id:this.trackerId,class:"tracker-div"},e("a",{class:t,href:this.href,target:this.external?"_blank":this.target,title:this.linkTitle,tabindex:"0"},e("slot",null))))}render(){return this.seoCompatibilityMode?this.seoCompRender():this.standardRender()}getCssClassMap(){let t=this.theme;return["simple","underline","nav-title","primary-nav-link","nav-title-link","nav-card-link","secondary-nav-link","footer-nav-link","copyright-link","product-link","d-green-underline","d-white-underline","global","utility-nav-link"].indexOf(t)<0&&(t="simple"),{"ptc-link":!0,[t]:!0,disabled:this.disabled,[this.fontSize]:!0,[this.linkArea]:!!this.linkArea,[this.fontWeight]:!!this.fontWeight}}get el(){return i(this)}};r.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}.disabled{pointer-events:none;cursor:default;text-decoration:none}.ptc-link{display:inline-block;color:var(--color-gray-10);font-weight:var(--ptc-font-weight-extrabold);position:relative;line-height:var(--ptc-line-height-densest);outline:none;text-decoration:none;transition:color var(--ptc-transition-fast) var(--ptc-ease-inout)}.ptc-link:active{transition:none}.ptc-link:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.simple{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--color-green-06);text-decoration-thickness:2px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.simple:hover{color:var(--color-green-06);transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.simple:active{transition:none}.simple:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important}.global{font-style:var(--ptc-letter-spacing-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out)}.global:visited{color:var(--color-blue-10)}.global:active,.global:visited:active{color:var(--color-blue-09);transition:none}.global:hover,.global:visited:hover{color:var(--color-blue-08)}.global.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.product-link{font-weight:var(--ptc-font-weight-extrabold);text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--color-green-06);text-decoration-thickness:2px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.product-link:hover{color:var(--color-green-06);transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.product-link:active{transition:none}.underline{border-bottom:2px solid var(--color-green-06)}.underline:hover{color:#00890B;border-bottom:2px solid #00890B}.underline:active{transition:none}.small{font-size:var(--ptc-font-size-xx-small)}.medium{font-size:var(--ptc-font-size-x-small)}.medium-large{font-size:var(--ptc-font-size-small)}.large{font-size:var(--ptc-font-size-medium)}.nav-title:focus,.nav-title-link:focus,.nav-card-link:focus,.primary-nav-link:focus,.secondary-nav-link:focus,.footer-nav-link:focus,.copyright-link:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.nav-title:active,.nav-title-link:active,.nav-card-link:active,.primary-nav-link:active,.secondary-nav-link:active,.footer-nav-link:active,.copyright-link:active{transition:none}.nav-title{box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin-bottom:var(--ptc-element-spacing-02);text-align:left}.primary-nav-link{background-color:transparent;box-sizing:border-box;color:var(--color-gray-01);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin:var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-06);position:relative;text-decoration:none;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.primary-nav-link:hover{border-radius:var(--ptc-border-radius-standard);background-color:var(--color-gray-12);text-decoration:none;outline:none}.primary-nav-link:active{transition:none}.nav-title-link{background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);list-style:none;text-align:left;text-decoration-color:var(--color-white);text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;display:inline-block}.nav-title-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06)}.nav-title-link:active{transition:none}.nav-card-link{background-color:transparent;box-sizing:border-box;color:var(--color-white);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);list-style:none;text-align:left;text-decoration:none;text-decoration-color:var(--color-white);transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);display:inline-block;font-size:var(--ptc-font-size-small)}@media only screen and (min-width: 1200px){.nav-card-link{font-size:var(--ptc-font-size-xxx-small)}}.nav-card-link:hover{color:var(--color-white);text-decoration:underline var(--color-green-06) solid 1px;text-underline-offset:2px}.nav-card-link:active{transition:none}.secondary-nav-link{display:inline-block;background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-style:normal;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);list-style:none;margin-bottom:var(--ptc-element-spacing-03);text-align:left;text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;white-space:nowrap}.secondary-nav-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06);border-radius:0;text-decoration:none}.secondary-nav-link:active{transition:none}.footer-nav-link{color:var(--color-white);transition:border var(--ptc-transition-medium) var(--ptc-ease-inout), color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1px solid transparent;outline:none;text-decoration:none;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);text-align:left;font-size:var(--ptc-font-size-x-small)}.footer-nav-link:hover{outline:none;text-decoration:none;border-bottom:0.1rem solid var(--color-green-06);color:var(--color-green-06)}.footer-nav-link:active{transition:none}.copyright-link{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-normal);line-height:var(--ptc-line-height-loose);display:inline-block}.d-green-underline{color:var(--color-white);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);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)}.d-green-underline:hover{color:var(--color-green-06)}.d-green-underline:active{transition:none}.d-white-underline{color:var(--color-white);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-white);text-underline-offset:5px}.link-area-cover-parent{position:static}.link-area-cover-parent::after{content:"";position:absolute;width:100%;height:100%;inset:0;z-index:2}.standard-link,.blog-link{font-weight:800;line-height:1;display:flex;align-items:center;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)}.standard-link:hover,.blog-link:hover{color:var(--color-green-06)}.standard-link:active,.blog-link:active{transition:none}.w-thin{font-weight:var(--ptc-font-weight-thin)}.w-regular{font-weight:var(--ptc-font-weight-regular)}.w-medium{font-weight:var(--ptc-font-weight-medium)}.w-semibold{font-weight:var(--ptc-font-weight-semibold)}.w-bold{font-weight:var(--ptc-font-weight-bold)}.w-extrabold{font-weight:var(--ptc-font-weight-extrabold)}.w-black{font-weight:var(--ptc-font-weight-black)}.utility-nav-link{background-color:transparent;box-sizing:border-box;color:var(--color-gray-13);font-stretch:100%;font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-densest);list-style:none;text-align:left;text-decoration:none;text-decoration-color:var(--color-green-06);transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);display:inline-block;font-size:var(--ptc-font-size-x-small)}.utility-nav-link:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--color-green-06);text-decoration-thickness:2px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.utility-nav-link:active{transition:none}.tracker-div{display:inline}';export{r as ptc_link}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as a,H as e,a as p}from"./p-944c5be8.js";import{a as l}from"./p-
|
|
1
|
+
import{r as t,h as a,H as e,a as p}from"./p-944c5be8.js";import{a as l}from"./p-78a23ab3.js";const i=class{constructor(a){t(this,a),this.topTitle=void 0}componentDidRender(){l(".js-card-bottom",this.el)}render(){return a(e,null,a("div",{class:"most-popular-wrapper"},a("slot",{name:"seo-content"}),a("ptc-title",{type:"h2","text-align":"center","title-size":"large","title-color":"white",upperline:"no-upperline","title-display":"block","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7",class:"most-popular-title"},this.topTitle),a("div",{class:"most-popular-cards"},a("div",{class:"most-popular-card"},a("ptc-card-wrapper",{id:"most-popular-1","card-type":"most-popular","card-link":"https://www.ptc.com/","is-loading":"false","link-target":"_blank","link-title":"Link title on hover",class:"most-pupular-card"},a("ptc-badge",{type:"svg","svg-code":'<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="17.5" cy="17.5" r="17.5" fill="#006E09"/>\n<path d="M22.224 20.0959V22.9999H12.48V20.0959H15.888V12.8239C15.744 13.0159 15.512 13.2159 15.192 13.4239C14.888 13.6159 14.552 13.7999 14.184 13.9759C13.816 14.1519 13.432 14.2959 13.032 14.4079C12.648 14.5199 12.304 14.5759 12 14.5759V11.5759C12.288 11.5759 12.64 11.4879 13.056 11.3119C13.472 11.1199 13.88 10.8959 14.28 10.6399C14.68 10.3839 15.024 10.1359 15.312 9.8959C15.616 9.6399 15.808 9.4399 15.888 9.2959H19.176V20.0959H22.224Z" fill="white"/>\n</svg>\n'}),a("ptc-card-content",null,a("ptc-picture",{alt:"image-test","is-full-height":!0,"is-full-width":!0,src:"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"})),a("ptc-card-bottom",{"card-type":"most-popular",class:"js-card-bottom"},a("ptc-para",{"para-line-h":"--ptc-line-height-denser","font-size":"x-small","font-weight":"w-7","para-color":"primary-grey","para-margin":"margin-top-3","seo-compatibility-mode":!0},a("p",null,"PTC Q2 FY’23 Earnings Presentation"))))),a("div",{class:"most-popular-card"},a("ptc-card-wrapper",{id:"most-popular-2","card-type":"most-popular","card-link":"https://www.ptc.com/","is-loading":"false","link-target":"_blank","link-title":"Link title on hover",class:"most-pupular-card"},a("ptc-badge",{type:"svg","svg-code":'<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="17.5" cy="17.5" r="17.5" fill="#006E09"/>\n<path d="M12 23.0002C12 22.2802 12.056 21.6322 12.168 21.0562C12.28 20.4642 12.472 19.9202 12.744 19.4242C13.032 18.9282 13.416 18.4642 13.896 18.0322C14.392 17.6002 15.016 17.1762 15.768 16.7602C16.424 16.4082 17 16.1042 17.496 15.8482C18.008 15.5762 18.432 15.3282 18.768 15.1042C19.104 14.8802 19.36 14.6562 19.536 14.4322C19.712 14.1922 19.8 13.9202 19.8 13.6162C19.8 13.1362 19.608 12.7282 19.224 12.3922C18.84 12.0402 18.288 11.8642 17.568 11.8642C17.184 11.8642 16.832 11.9202 16.512 12.0322C16.192 12.1282 15.888 12.2642 15.6 12.4402C15.328 12.6162 15.072 12.8162 14.832 13.0402C14.608 13.2482 14.4 13.4722 14.208 13.7122L12.144 11.3362C12.352 11.1122 12.648 10.8722 13.032 10.6162C13.416 10.3442 13.864 10.0962 14.376 9.87215C14.904 9.63215 15.48 9.44015 16.104 9.29615C16.744 9.13615 17.424 9.05615 18.144 9.05615C18.96 9.05615 19.688 9.16015 20.328 9.36815C20.968 9.56015 21.504 9.84015 21.936 10.2082C22.384 10.5602 22.72 10.9922 22.944 11.5042C23.184 12.0002 23.304 12.5442 23.304 13.1362C23.304 13.6962 23.2 14.1922 22.992 14.6242C22.784 15.0562 22.52 15.4402 22.2 15.7762C21.88 16.1122 21.528 16.4082 21.144 16.6642C20.776 16.9042 20.416 17.1202 20.064 17.3122C19.776 17.4722 19.448 17.6562 19.08 17.8642C18.712 18.0722 18.344 18.3042 17.976 18.5602C17.624 18.8002 17.296 19.0562 16.992 19.3282C16.688 19.5842 16.456 19.8402 16.296 20.0962H23.568V23.0002H12Z" fill="white"/>\n</svg>\n'}),a("ptc-card-content",null,a("ptc-picture",{alt:"image-test","is-full-height":!0,"is-full-width":!0,src:"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"})),a("ptc-card-bottom",{"card-type":"most-popular",class:"js-card-bottom"},a("ptc-para",{"para-line-h":"--ptc-line-height-denser","font-size":"x-small","font-weight":"w-7","para-color":"primary-grey","para-margin":"margin-top-3","seo-compatibility-mode":!0},a("p",null,"PTC Announces Availability of Creo 9"))))),a("div",{class:"most-popular-card"},a("ptc-card-wrapper",{id:"most-popular-3","card-type":"most-popular","card-link":"https://www.ptc.com/","is-loading":"false","link-target":"_blank","link-title":"Link title on hover",class:"most-pupular-card"},a("ptc-badge",{type:"svg","svg-code":'<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="17.5" cy="17.5" r="17.5" fill="#006E09"/>\n<path d="M20.472 16.3358C21.464 16.5118 22.264 16.9918 22.872 17.7758C23.496 18.5438 23.808 19.4878 23.808 20.6078C23.808 21.3598 23.656 22.0398 23.352 22.6478C23.064 23.2558 22.648 23.7678 22.104 24.1838C21.576 24.6158 20.928 24.9438 20.16 25.1678C19.392 25.4078 18.528 25.5278 17.568 25.5278C16.352 25.5278 15.272 25.3278 14.328 24.9278C13.4 24.5438 12.624 23.9758 12 23.2238L13.824 20.9438C14.24 21.4718 14.736 21.8798 15.312 22.1678C15.888 22.4558 16.608 22.5998 17.472 22.5998C18.448 22.5998 19.192 22.4078 19.704 22.0238C20.216 21.6398 20.472 21.0478 20.472 20.2478C20.472 19.4158 20.176 18.7758 19.584 18.3278C18.992 17.8798 18.096 17.6558 16.896 17.6558H16.224V15.2558H16.968C17.96 15.2558 18.728 15.0398 19.272 14.6078C19.816 14.1598 20.088 13.5918 20.088 12.9038C20.088 12.2478 19.864 11.7598 19.416 11.4398C18.968 11.1198 18.384 10.9598 17.664 10.9598C16.928 10.9598 16.264 11.1278 15.672 11.4638C15.096 11.7998 14.624 12.2718 14.256 12.8798L12.24 10.6238C12.48 10.2558 12.8 9.92778 13.2 9.63978C13.6 9.33578 14.048 9.07978 14.544 8.87178C15.056 8.64778 15.608 8.47978 16.2 8.36778C16.792 8.23978 17.4 8.17578 18.024 8.17578C18.84 8.17578 19.584 8.27978 20.256 8.48778C20.928 8.69578 21.504 8.98378 21.984 9.35178C22.48 9.71978 22.856 10.1678 23.112 10.6958C23.384 11.2078 23.52 11.7838 23.52 12.4238C23.52 12.9038 23.448 13.3598 23.304 13.7918C23.16 14.2238 22.952 14.6158 22.68 14.9678C22.408 15.3198 22.08 15.6158 21.696 15.8558C21.328 16.0958 20.92 16.2558 20.472 16.3358Z" fill="white"/>\n</svg>\n'}),a("ptc-card-content",null,a("ptc-picture",{alt:"image-test","is-full-height":!0,"is-full-width":!0,src:"https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data"})),a("ptc-card-bottom",{"card-type":"most-popular",class:"js-card-bottom"},a("ptc-para",{"para-line-h":"--ptc-line-height-denser","font-size":"x-small","font-weight":"w-7","para-color":"primary-grey","para-margin":"margin-top-3","seo-compatibility-mode":!0},a("p",null,"PTC Completes Acquisition of Intland Software"))))))))}get el(){return p(this)}};i.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}}.most-popular-wrapper{border:1px solid #eee;display:flex;flex-flow:column nowrap;background-color:var(--color-gray-02)}::slotted([slot=seo-content]){display:none}.most-popular-title{border-radius:4px 4px 0px 0px;background-color:var(--color-gray-12);padding:var(--ptc-element-spacing-05) 0px}.most-popular-cards{display:flex;flex-flow:column nowrap;max-width:100%;padding:12px}.most-popular-card ptc-card-wrapper{border-radius:4px;background:#FFF;box-shadow:var(--ptc-shadow-x-small)}.most-popular-card ptc-card-wrapper:hover{box-shadow:var(--ptc-shadow-small)}@media screen and (min-width: 768px){.most-popular-title{display:none}.most-popular-cards{display:flex;flex-flow:row nowrap}}@media screen and (min-width: 992px){.most-popular-title{display:block}.most-popular-cards{display:flex;flex-flow:column nowrap;max-width:246px;padding:12px 0;margin:0 auto}}";export{i as most_popular_news}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as n,a}from"./p-944c5be8.js";import{V as o}from"./p-18a5a338.js";import{h as c}from"./p-
|
|
1
|
+
import{r as t,c as i,h as e,H as n,a}from"./p-944c5be8.js";import{V as o}from"./p-18a5a338.js";import{h as c}from"./p-78a23ab3.js";import{_ as r,a as l,M as d,n as s,h,o as p,m,i as f,f as x,e as u,k as g,j as b,l as _}from"./p-c1513c3f.js";
|
|
2
2
|
/**
|
|
3
3
|
* @license
|
|
4
4
|
* Copyright 2016 Google Inc.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as o,H as i,a as r}from"./p-944c5be8.js";import{e as t}from"./p-1e9f07cf.js";import{S as s}from"./p-6914b70c.js";const a=class{constructor(o){e(this,o),this.tileCount=0,this.bgVideoSrc="",this.bgSrc="",this.jumbotron="dark",this.isIframe=!1,this.playBtnText="play",this.pauseBtnText="pause",this.activeTab=0,this.activeBgVideoSrc=void 0,this.activeMainTitle=void 0,this.activeSubTitle=void 0,this.activeButton=void 0,this.tileElements=[],this.isTransitioning=void 0,this.mediaTag="VIDEO"}handleWindowResize(){t("ptc-info-tile",this.el)}componentWillLoad(){this.updateDefaultContent()}componentDidLoad(){this.initSlider()}componentDidRender(){t("ptc-info-tile",this.el)}initSlider(){this.swiperContainerRef&&(this.mySwiper=new s(this.swiperContainerRef,{slidesPerView:"auto",initialSlide:0,spaceBetween:0,loop:!1,pagination:{el:".swiper-pagination",clickable:!0},breakpoints:{768:{initialSlide:0,slidesPerView:"auto",spaceBetween:0},1200:{initialSlide:1,slidesPerView:3,spaceBetween:0}}}),console.log("running swiper"))}destroySlider(){this.mySwiper&&this.mySwiper.destroy(!0,!0)}handleTileClick(e){this.activeTab=e,this.updateActiveContent(),this.updateTileElements(),this.destroySlider(),this.initSlider()}updateDefaultContent(){this.activeTab=0,this.updateActiveContent(),this.updateTileElements()}updateActiveContent(){const e=this.el.querySelector(`[slot="bg-video-src-${this.activeTab}"]`),o=this.el.querySelector(`[slot="main-title-${this.activeTab}"]`),i=this.el.querySelector(`[slot="sub-title-${this.activeTab}"]`),r=this.el.querySelector(`[slot="j-cta-${this.activeTab}"]`);this.activeBgVideoSrc=e?e.getAttribute("src"):"",this.activeMainTitle=o?o.innerHTML:"",this.activeSubTitle=i?i.innerHTML:"",this.activeButton=r?r.innerHTML:"",this.mediaTag=e.tagName}updateTileElements(){const e=Array.from(this.el.querySelectorAll(`[slot^="jumbotron-tile-${this.activeTab}"]`));this.tileElements=e}onItemSelected(e){this.isTransitioning=!0,setTimeout((()=>{this.handleTileClick(e.detail),this.isTransitioning=!1}),250)}render(){return o(i,null,o("ptc-jumbotron",Object.assign({styles:".parent{min-height:600px; max-height:850px;}","jumbotron-type":"VIDEO"===this.mediaTag?"dark-video":"dark"},!!this.activeBgVideoSrc&&{bgVideoSrc:this.activeBgVideoSrc},!this.bgVideoSrc&&!!this.bgSrc&&{bgSrc:this.bgSrc},{"is-iframe":this.isIframe,"is-homepage":"true","is-transitioning":this.isTransitioning,"sub-title":"","play-button-title":this.playBtnText,"pause-button-title":this.pauseBtnText,"button-location":"allbp-bottom-right","button-tab-index":"true"}),o("slot",{name:"breadcrumb"}),o("h1",{slot:"main-title",class:"hp-h1"},this.activeMainTitle),o("p",{slot:"hp-sub-title",class:"hp-sub-title"},this.activeSubTitle),o("div",{slot:"j-cta",innerHTML:this.activeButton})),o("div",{class:"swiper-container",ref:e=>this.swiperContainerRef=e},o("div",{class:"swiper-wrapper"},this.tileElements.map(((e,i)=>o("div",{class:"swiper-slide",key:i,innerHTML:e.outerHTML})))),o("div",{class:"swiper-pagination"})))}get el(){return r(this)}};a.style="@font-face{font-family:'swiper-icons';src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}.sc-homepage-jumbotron:root{--swiper-theme-color:#007aff}.swiper.sc-homepage-jumbotron,swiper-container.sc-homepage-jumbotron{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{flex-direction:column}.swiper-wrapper.sc-homepage-jumbotron{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron,.swiper-wrapper.sc-homepage-jumbotron{transform:translate3d(0px, 0, 0)}.swiper-horizontal.sc-homepage-jumbotron{touch-action:pan-y}.swiper-vertical.sc-homepage-jumbotron{touch-action:pan-x}.swiper-slide.sc-homepage-jumbotron,swiper-slide.sc-homepage-jumbotron{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank.sc-homepage-jumbotron{visibility:hidden}.swiper-autoheight.sc-homepage-jumbotron,.swiper-autoheight.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{height:auto}.swiper-autoheight.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron{perspective:1200px}.swiper-3d.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron{transform-style:preserve-3d}.swiper-3d.sc-homepage-jumbotron{perspective:1200px}.swiper-3d.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-cube-shadow.sc-homepage-jumbotron{transform-style:preserve-3d}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow.sc-homepage-jumbotron{background:rgba(0, 0, 0, 0.15)}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::-webkit-scrollbar{display:none}.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron{scroll-snap-align:none}.swiper-centered.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::before{content:'';flex-shrink:0;order:9999}.swiper-centered.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader.sc-homepage-jumbotron{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper.sc-homepage-jumbotron:not(.swiper-watch-progress) .swiper-lazy-preloader.sc-homepage-jumbotron,swiper-container.sc-homepage-jumbotron:not(.swiper-watch-progress) .swiper-lazy-preloader.sc-homepage-jumbotron,.swiper-watch-progress.sc-homepage-jumbotron .swiper-slide-visible.sc-homepage-jumbotron .swiper-lazy-preloader.sc-homepage-jumbotron{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white.sc-homepage-jumbotron{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black.sc-homepage-jumbotron{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron::after{width:1px;height:var(--swiper-virtual-size)}.sc-homepage-jumbotron:root{--swiper-navigation-size:44px}.swiper-button-prev.sc-homepage-jumbotron,.swiper-button-next.sc-homepage-jumbotron{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled.sc-homepage-jumbotron,.swiper-button-next.swiper-button-disabled.sc-homepage-jumbotron{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden.sc-homepage-jumbotron,.swiper-button-next.swiper-button-hidden.sc-homepage-jumbotron{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled.sc-homepage-jumbotron .swiper-button-prev.sc-homepage-jumbotron,.swiper-navigation-disabled.sc-homepage-jumbotron .swiper-button-next.sc-homepage-jumbotron{display:none !important}.swiper-button-prev.sc-homepage-jumbotron:after,.swiper-button-next.sc-homepage-jumbotron:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev.sc-homepage-jumbotron,.swiper-rtl.sc-homepage-jumbotron .swiper-button-next.sc-homepage-jumbotron{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev.sc-homepage-jumbotron:after,.swiper-rtl.sc-homepage-jumbotron .swiper-button-next.sc-homepage-jumbotron:after{content:'prev'}.swiper-button-next.sc-homepage-jumbotron,.swiper-rtl.sc-homepage-jumbotron .swiper-button-prev.sc-homepage-jumbotron{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next.sc-homepage-jumbotron:after,.swiper-rtl.sc-homepage-jumbotron .swiper-button-prev.sc-homepage-jumbotron:after{content:'next'}.swiper-button-lock.sc-homepage-jumbotron{display:none}.swiper-pagination.sc-homepage-jumbotron{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden.sc-homepage-jumbotron{opacity:0}.swiper-pagination-disabled.sc-homepage-jumbotron>.swiper-pagination.sc-homepage-jumbotron,.swiper-pagination.swiper-pagination-disabled.sc-homepage-jumbotron{display:none !important}.swiper-pagination-fraction.sc-homepage-jumbotron,.swiper-pagination-custom.sc-homepage-jumbotron,.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron,.swiper-pagination-bullets.swiper-pagination-horizontal.sc-homepage-jumbotron{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active.sc-homepage-jumbotron{transform:scale(1)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-main.sc-homepage-jumbotron{transform:scale(1)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-prev.sc-homepage-jumbotron{transform:scale(0.66)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-prev-prev.sc-homepage-jumbotron{transform:scale(0.33)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-next.sc-homepage-jumbotron{transform:scale(0.66)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-next-next.sc-homepage-jumbotron{transform:scale(0.33)}.swiper-pagination-bullet.sc-homepage-jumbotron{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet.sc-homepage-jumbotron{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{cursor:pointer}.swiper-pagination-bullet.sc-homepage-jumbotron:only-child{display:none !important}.swiper-pagination-bullet-active.sc-homepage-jumbotron{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.sc-homepage-jumbotron{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-horizontal.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl.sc-homepage-jumbotron>.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-horizontal.swiper-rtl.sc-homepage-jumbotron-h .swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{transition:200ms transform, 200ms right}.swiper-pagination-fraction.sc-homepage-jumbotron{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar.sc-homepage-jumbotron{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar.sc-homepage-jumbotron .swiper-pagination-progressbar-fill.sc-homepage-jumbotron{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl.sc-homepage-jumbotron .swiper-pagination-progressbar.sc-homepage-jumbotron .swiper-pagination-progressbar-fill.sc-homepage-jumbotron{transform-origin:right top}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-progressbar.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-horizontal.sc-homepage-jumbotron,.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-progressbar.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-vertical.sc-homepage-jumbotron,.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock.sc-homepage-jumbotron{display:none}.swiper-scrollbar.sc-homepage-jumbotron{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled.sc-homepage-jumbotron>.swiper-scrollbar.sc-homepage-jumbotron,.swiper-scrollbar.swiper-scrollbar-disabled.sc-homepage-jumbotron{display:none !important}.swiper-horizontal.sc-homepage-jumbotron>.swiper-scrollbar.sc-homepage-jumbotron,.swiper-scrollbar.swiper-scrollbar-horizontal.sc-homepage-jumbotron{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical.sc-homepage-jumbotron>.swiper-scrollbar.sc-homepage-jumbotron,.swiper-scrollbar.swiper-scrollbar-vertical.sc-homepage-jumbotron{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag.sc-homepage-jumbotron{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag.sc-homepage-jumbotron{cursor:move}.swiper-scrollbar-lock.sc-homepage-jumbotron{display:none}.swiper-zoom-container.sc-homepage-jumbotron{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container.sc-homepage-jumbotron>img.sc-homepage-jumbotron,.swiper-zoom-container.sc-homepage-jumbotron>svg.sc-homepage-jumbotron,.swiper-zoom-container.sc-homepage-jumbotron>canvas.sc-homepage-jumbotron{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed.sc-homepage-jumbotron{cursor:move;touch-action:none}.swiper.sc-homepage-jumbotron .swiper-notification.sc-homepage-jumbotron,swiper-container.sc-homepage-jumbotron .swiper-notification.sc-homepage-jumbotron{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{transition-timing-function:ease-out;margin:0 auto}.swiper-grid.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{flex-wrap:wrap}.swiper-grid-column.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transition-timing-function:ease-out}.swiper-fade.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none;transition-property:opacity}.swiper-fade.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none}.swiper-fade.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-fade.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron{pointer-events:auto}.swiper-cube.sc-homepage-jumbotron{overflow:visible}.swiper-cube.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none}.swiper-cube.swiper-rtl.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transform-origin:100% 0}.swiper-cube.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron{pointer-events:auto}.swiper-cube.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-next.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-prev.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-next.sc-homepage-jumbotron+.swiper-slide.sc-homepage-jumbotron{pointer-events:auto;visibility:visible}.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube.sc-homepage-jumbotron .swiper-cube-shadow.sc-homepage-jumbotron{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube.sc-homepage-jumbotron .swiper-cube-shadow.sc-homepage-jumbotron:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip.sc-homepage-jumbotron{overflow:visible}.swiper-flip.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none}.swiper-flip.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron{pointer-events:auto}.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform, opacity, height}.swiper-cards.sc-homepage-jumbotron{overflow:visible}.swiper-cards.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}h1.sc-homepage-jumbotron,h2.sc-homepage-jumbotron,h3.sc-homepage-jumbotron,h4.sc-homepage-jumbotron,h5.sc-homepage-jumbotron,h6.sc-homepage-jumbotron,p.sc-homepage-jumbotron,ul.sc-homepage-jumbotron,li.sc-homepage-jumbotron,ptc-subnav.sc-homepage-jumbotron,ptc-tab-list.sc-homepage-jumbotron,ptc-link.sc-homepage-jumbotron,ptc-square-card.sc-homepage-jumbotron,.hyphenate-text.sc-homepage-jumbotron,ptc-footer.sc-homepage-jumbotron{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-homepage-jumbotron,h2.sc-homepage-jumbotron,h3.sc-homepage-jumbotron,h4.sc-homepage-jumbotron,h5.sc-homepage-jumbotron,h6.sc-homepage-jumbotron,p.sc-homepage-jumbotron,ul.sc-homepage-jumbotron,li.sc-homepage-jumbotron,ptc-subnav.sc-homepage-jumbotron,ptc-tab-list.sc-homepage-jumbotron,ptc-link.sc-homepage-jumbotron,ptc-square-card.sc-homepage-jumbotron,.hyphenate-text.sc-homepage-jumbotron,ptc-footer.sc-homepage-jumbotron{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.sc-homepage-jumbotron-h{display:block;width:100%;min-height:86vh;height:auto;position:relative;overflow:hidden}.hp-sub-title.sc-homepage-jumbotron{color:var(--color-white);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-p);margin-bottom:var(--ptc-element-spacing-07)}.hp-h1.sc-homepage-jumbotron{color:var(--color-white);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xxxx-large);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);margin-block-end:0px;margin-block-start:0px;margin-bottom:var(--ptc-element-spacing-04)}.swiper-container.sc-homepage-jumbotron{position:relative;z-index:999;width:100%;height:100%;transform:translateY(-24px);top:0px;padding-right:24px;padding-left:24px;margin:0 auto;max-width:100%}.swiper-slide.sc-homepage-jumbotron{display:flex;width:unset;justify-content:flex-start;align-items:center;margin-right:24px}.swiper-slide.sc-homepage-jumbotron:last-of-type{margin-right:0px}@media screen and (min-width: 992px){.swiper-container.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron{justify-content:space-between}.swiper-slide.sc-homepage-jumbotron{flex:1;margin-right:24px}.swiper-slide.sc-homepage-jumbotron:last-of-type{margin-right:0px}}@media screen and (min-width: 1200px){.swiper-container.sc-homepage-jumbotron{max-width:1136px;padding-left:0;padding-right:0}.swiper-slide.sc-homepage-jumbotron{margin-right:32px}}@media screen and (min-width: 1440px){.swiper-container.sc-homepage-jumbotron{max-width:1200px;padding-left:0;padding-right:0}.swiper-slide.sc-homepage-jumbotron{margin-right:40px}}.swiper-button-next.sc-homepage-jumbotron,.swiper-button-prev.sc-homepage-jumbotron{color:transparent}";export{a as homepage_jumbotron}
|
|
1
|
+
import{r as e,h as o,H as i,a as r}from"./p-944c5be8.js";import{e as t}from"./p-78a23ab3.js";import{S as s}from"./p-6914b70c.js";const a=class{constructor(o){e(this,o),this.tileCount=0,this.bgVideoSrc="",this.bgSrc="",this.jumbotron="dark",this.isIframe=!1,this.playBtnText="play",this.pauseBtnText="pause",this.activeTab=0,this.activeBgVideoSrc=void 0,this.activeMainTitle=void 0,this.activeSubTitle=void 0,this.activeButton=void 0,this.tileElements=[],this.isTransitioning=void 0,this.mediaTag="VIDEO"}handleWindowResize(){t("ptc-info-tile",this.el)}componentWillLoad(){this.updateDefaultContent()}componentDidLoad(){this.initSlider()}componentDidRender(){t("ptc-info-tile",this.el)}initSlider(){this.swiperContainerRef&&(this.mySwiper=new s(this.swiperContainerRef,{slidesPerView:"auto",initialSlide:0,spaceBetween:0,loop:!1,pagination:{el:".swiper-pagination",clickable:!0},breakpoints:{768:{initialSlide:0,slidesPerView:"auto",spaceBetween:0},1200:{initialSlide:1,slidesPerView:3,spaceBetween:0}}}),console.log("running swiper"))}destroySlider(){this.mySwiper&&this.mySwiper.destroy(!0,!0)}handleTileClick(e){this.activeTab=e,this.updateActiveContent(),this.updateTileElements(),this.destroySlider(),this.initSlider()}updateDefaultContent(){this.activeTab=0,this.updateActiveContent(),this.updateTileElements()}updateActiveContent(){const e=this.el.querySelector(`[slot="bg-video-src-${this.activeTab}"]`),o=this.el.querySelector(`[slot="main-title-${this.activeTab}"]`),i=this.el.querySelector(`[slot="sub-title-${this.activeTab}"]`),r=this.el.querySelector(`[slot="j-cta-${this.activeTab}"]`);this.activeBgVideoSrc=e?e.getAttribute("src"):"",this.activeMainTitle=o?o.innerHTML:"",this.activeSubTitle=i?i.innerHTML:"",this.activeButton=r?r.innerHTML:"",this.mediaTag=e.tagName}updateTileElements(){const e=Array.from(this.el.querySelectorAll(`[slot^="jumbotron-tile-${this.activeTab}"]`));this.tileElements=e}onItemSelected(e){this.isTransitioning=!0,setTimeout((()=>{this.handleTileClick(e.detail),this.isTransitioning=!1}),250)}render(){return o(i,null,o("ptc-jumbotron",Object.assign({styles:".parent{min-height:600px; max-height:850px;}","jumbotron-type":"VIDEO"===this.mediaTag?"dark-video":"dark"},!!this.activeBgVideoSrc&&{bgVideoSrc:this.activeBgVideoSrc},!this.bgVideoSrc&&!!this.bgSrc&&{bgSrc:this.bgSrc},{"is-iframe":this.isIframe,"is-homepage":"true","is-transitioning":this.isTransitioning,"sub-title":"","play-button-title":this.playBtnText,"pause-button-title":this.pauseBtnText,"button-location":"allbp-bottom-right","button-tab-index":"true"}),o("slot",{name:"breadcrumb"}),o("h1",{slot:"main-title",class:"hp-h1"},this.activeMainTitle),o("p",{slot:"hp-sub-title",class:"hp-sub-title"},this.activeSubTitle),o("div",{slot:"j-cta",innerHTML:this.activeButton})),o("div",{class:"swiper-container",ref:e=>this.swiperContainerRef=e},o("div",{class:"swiper-wrapper"},this.tileElements.map(((e,i)=>o("div",{class:"swiper-slide",key:i,innerHTML:e.outerHTML})))),o("div",{class:"swiper-pagination"})))}get el(){return r(this)}};a.style="@font-face{font-family:'swiper-icons';src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}.sc-homepage-jumbotron:root{--swiper-theme-color:#007aff}.swiper.sc-homepage-jumbotron,swiper-container.sc-homepage-jumbotron{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{flex-direction:column}.swiper-wrapper.sc-homepage-jumbotron{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron,.swiper-wrapper.sc-homepage-jumbotron{transform:translate3d(0px, 0, 0)}.swiper-horizontal.sc-homepage-jumbotron{touch-action:pan-y}.swiper-vertical.sc-homepage-jumbotron{touch-action:pan-x}.swiper-slide.sc-homepage-jumbotron,swiper-slide.sc-homepage-jumbotron{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank.sc-homepage-jumbotron{visibility:hidden}.swiper-autoheight.sc-homepage-jumbotron,.swiper-autoheight.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{height:auto}.swiper-autoheight.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron{perspective:1200px}.swiper-3d.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron{transform-style:preserve-3d}.swiper-3d.sc-homepage-jumbotron{perspective:1200px}.swiper-3d.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-cube-shadow.sc-homepage-jumbotron{transform-style:preserve-3d}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow.sc-homepage-jumbotron{background:rgba(0, 0, 0, 0.15)}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::-webkit-scrollbar{display:none}.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron{scroll-snap-align:none}.swiper-centered.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::before{content:'';flex-shrink:0;order:9999}.swiper-centered.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron>.swiper-slide.sc-homepage-jumbotron:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader.sc-homepage-jumbotron{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper.sc-homepage-jumbotron:not(.swiper-watch-progress) .swiper-lazy-preloader.sc-homepage-jumbotron,swiper-container.sc-homepage-jumbotron:not(.swiper-watch-progress) .swiper-lazy-preloader.sc-homepage-jumbotron,.swiper-watch-progress.sc-homepage-jumbotron .swiper-slide-visible.sc-homepage-jumbotron .swiper-lazy-preloader.sc-homepage-jumbotron{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white.sc-homepage-jumbotron{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black.sc-homepage-jumbotron{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron::after{width:1px;height:var(--swiper-virtual-size)}.sc-homepage-jumbotron:root{--swiper-navigation-size:44px}.swiper-button-prev.sc-homepage-jumbotron,.swiper-button-next.sc-homepage-jumbotron{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled.sc-homepage-jumbotron,.swiper-button-next.swiper-button-disabled.sc-homepage-jumbotron{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden.sc-homepage-jumbotron,.swiper-button-next.swiper-button-hidden.sc-homepage-jumbotron{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled.sc-homepage-jumbotron .swiper-button-prev.sc-homepage-jumbotron,.swiper-navigation-disabled.sc-homepage-jumbotron .swiper-button-next.sc-homepage-jumbotron{display:none !important}.swiper-button-prev.sc-homepage-jumbotron:after,.swiper-button-next.sc-homepage-jumbotron:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev.sc-homepage-jumbotron,.swiper-rtl.sc-homepage-jumbotron .swiper-button-next.sc-homepage-jumbotron{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-prev.sc-homepage-jumbotron:after,.swiper-rtl.sc-homepage-jumbotron .swiper-button-next.sc-homepage-jumbotron:after{content:'prev'}.swiper-button-next.sc-homepage-jumbotron,.swiper-rtl.sc-homepage-jumbotron .swiper-button-prev.sc-homepage-jumbotron{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next.sc-homepage-jumbotron:after,.swiper-rtl.sc-homepage-jumbotron .swiper-button-prev.sc-homepage-jumbotron:after{content:'next'}.swiper-button-lock.sc-homepage-jumbotron{display:none}.swiper-pagination.sc-homepage-jumbotron{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden.sc-homepage-jumbotron{opacity:0}.swiper-pagination-disabled.sc-homepage-jumbotron>.swiper-pagination.sc-homepage-jumbotron,.swiper-pagination.swiper-pagination-disabled.sc-homepage-jumbotron{display:none !important}.swiper-pagination-fraction.sc-homepage-jumbotron,.swiper-pagination-custom.sc-homepage-jumbotron,.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron,.swiper-pagination-bullets.swiper-pagination-horizontal.sc-homepage-jumbotron{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active.sc-homepage-jumbotron{transform:scale(1)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-main.sc-homepage-jumbotron{transform:scale(1)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-prev.sc-homepage-jumbotron{transform:scale(0.66)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-prev-prev.sc-homepage-jumbotron{transform:scale(0.33)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-next.sc-homepage-jumbotron{transform:scale(0.66)}.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet-active-next-next.sc-homepage-jumbotron{transform:scale(0.33)}.swiper-pagination-bullet.sc-homepage-jumbotron{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet.sc-homepage-jumbotron{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{cursor:pointer}.swiper-pagination-bullet.sc-homepage-jumbotron:only-child{display:none !important}.swiper-pagination-bullet-active.sc-homepage-jumbotron{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.sc-homepage-jumbotron{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-horizontal.swiper-pagination-bullets.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl.sc-homepage-jumbotron>.swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron,.swiper-horizontal.swiper-rtl.sc-homepage-jumbotron-h .swiper-pagination-bullets-dynamic.sc-homepage-jumbotron .swiper-pagination-bullet.sc-homepage-jumbotron{transition:200ms transform, 200ms right}.swiper-pagination-fraction.sc-homepage-jumbotron{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar.sc-homepage-jumbotron{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar.sc-homepage-jumbotron .swiper-pagination-progressbar-fill.sc-homepage-jumbotron{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl.sc-homepage-jumbotron .swiper-pagination-progressbar.sc-homepage-jumbotron .swiper-pagination-progressbar-fill.sc-homepage-jumbotron{transform-origin:right top}.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-progressbar.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-horizontal.sc-homepage-jumbotron,.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical.sc-homepage-jumbotron>.swiper-pagination-progressbar.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-vertical.sc-homepage-jumbotron,.swiper-horizontal.sc-homepage-jumbotron>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite.sc-homepage-jumbotron{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock.sc-homepage-jumbotron{display:none}.swiper-scrollbar.sc-homepage-jumbotron{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled.sc-homepage-jumbotron>.swiper-scrollbar.sc-homepage-jumbotron,.swiper-scrollbar.swiper-scrollbar-disabled.sc-homepage-jumbotron{display:none !important}.swiper-horizontal.sc-homepage-jumbotron>.swiper-scrollbar.sc-homepage-jumbotron,.swiper-scrollbar.swiper-scrollbar-horizontal.sc-homepage-jumbotron{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical.sc-homepage-jumbotron>.swiper-scrollbar.sc-homepage-jumbotron,.swiper-scrollbar.swiper-scrollbar-vertical.sc-homepage-jumbotron{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag.sc-homepage-jumbotron{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag.sc-homepage-jumbotron{cursor:move}.swiper-scrollbar-lock.sc-homepage-jumbotron{display:none}.swiper-zoom-container.sc-homepage-jumbotron{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container.sc-homepage-jumbotron>img.sc-homepage-jumbotron,.swiper-zoom-container.sc-homepage-jumbotron>svg.sc-homepage-jumbotron,.swiper-zoom-container.sc-homepage-jumbotron>canvas.sc-homepage-jumbotron{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed.sc-homepage-jumbotron{cursor:move;touch-action:none}.swiper.sc-homepage-jumbotron .swiper-notification.sc-homepage-jumbotron,swiper-container.sc-homepage-jumbotron .swiper-notification.sc-homepage-jumbotron{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{transition-timing-function:ease-out;margin:0 auto}.swiper-grid.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{flex-wrap:wrap}.swiper-grid-column.sc-homepage-jumbotron>.swiper-wrapper.sc-homepage-jumbotron{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transition-timing-function:ease-out}.swiper-fade.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none;transition-property:opacity}.swiper-fade.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none}.swiper-fade.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-fade.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron{pointer-events:auto}.swiper-cube.sc-homepage-jumbotron{overflow:visible}.swiper-cube.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none}.swiper-cube.swiper-rtl.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transform-origin:100% 0}.swiper-cube.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron{pointer-events:auto}.swiper-cube.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-next.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-prev.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-next.sc-homepage-jumbotron+.swiper-slide.sc-homepage-jumbotron{pointer-events:auto;visibility:visible}.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-cube.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube.sc-homepage-jumbotron .swiper-cube-shadow.sc-homepage-jumbotron{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube.sc-homepage-jumbotron .swiper-cube-shadow.sc-homepage-jumbotron:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip.sc-homepage-jumbotron{overflow:visible}.swiper-flip.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{pointer-events:none}.swiper-flip.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron .swiper-slide-active.sc-homepage-jumbotron{pointer-events:auto}.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-top.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-bottom.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-left.sc-homepage-jumbotron,.swiper-flip.sc-homepage-jumbotron .swiper-slide-shadow-right.sc-homepage-jumbotron{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform, opacity, height}.swiper-cards.sc-homepage-jumbotron{overflow:visible}.swiper-cards.sc-homepage-jumbotron .swiper-slide.sc-homepage-jumbotron{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}h1.sc-homepage-jumbotron,h2.sc-homepage-jumbotron,h3.sc-homepage-jumbotron,h4.sc-homepage-jumbotron,h5.sc-homepage-jumbotron,h6.sc-homepage-jumbotron,p.sc-homepage-jumbotron,ul.sc-homepage-jumbotron,li.sc-homepage-jumbotron,ptc-subnav.sc-homepage-jumbotron,ptc-tab-list.sc-homepage-jumbotron,ptc-link.sc-homepage-jumbotron,ptc-square-card.sc-homepage-jumbotron,.hyphenate-text.sc-homepage-jumbotron,ptc-footer.sc-homepage-jumbotron{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-homepage-jumbotron,h2.sc-homepage-jumbotron,h3.sc-homepage-jumbotron,h4.sc-homepage-jumbotron,h5.sc-homepage-jumbotron,h6.sc-homepage-jumbotron,p.sc-homepage-jumbotron,ul.sc-homepage-jumbotron,li.sc-homepage-jumbotron,ptc-subnav.sc-homepage-jumbotron,ptc-tab-list.sc-homepage-jumbotron,ptc-link.sc-homepage-jumbotron,ptc-square-card.sc-homepage-jumbotron,.hyphenate-text.sc-homepage-jumbotron,ptc-footer.sc-homepage-jumbotron{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.sc-homepage-jumbotron-h{display:block;width:100%;min-height:86vh;height:auto;position:relative;overflow:hidden}.hp-sub-title.sc-homepage-jumbotron{color:var(--color-white);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-p);margin-bottom:var(--ptc-element-spacing-07)}.hp-h1.sc-homepage-jumbotron{color:var(--color-white);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xxxx-large);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);margin-block-end:0px;margin-block-start:0px;margin-bottom:var(--ptc-element-spacing-04)}.swiper-container.sc-homepage-jumbotron{position:relative;z-index:999;width:100%;height:100%;transform:translateY(-24px);top:0px;padding-right:24px;padding-left:24px;margin:0 auto;max-width:100%}.swiper-slide.sc-homepage-jumbotron{display:flex;width:unset;justify-content:flex-start;align-items:center;margin-right:24px}.swiper-slide.sc-homepage-jumbotron:last-of-type{margin-right:0px}@media screen and (min-width: 992px){.swiper-container.sc-homepage-jumbotron .swiper-wrapper.sc-homepage-jumbotron{justify-content:space-between}.swiper-slide.sc-homepage-jumbotron{flex:1;margin-right:24px}.swiper-slide.sc-homepage-jumbotron:last-of-type{margin-right:0px}}@media screen and (min-width: 1200px){.swiper-container.sc-homepage-jumbotron{max-width:1136px;padding-left:0;padding-right:0}.swiper-slide.sc-homepage-jumbotron{margin-right:32px}}@media screen and (min-width: 1440px){.swiper-container.sc-homepage-jumbotron{max-width:1200px;padding-left:0;padding-right:0}.swiper-slide.sc-homepage-jumbotron{margin-right:40px}}.swiper-button-next.sc-homepage-jumbotron,.swiper-button-prev.sc-homepage-jumbotron{color:transparent}";export{a as homepage_jumbotron}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as n,h as i,H as t,a}from"./p-944c5be8.js";import{o as e}from"./p-1e9f07cf.js";const r=class{constructor(i){n(this,i),this.videoSrc=void 0,this.posterSrc=void 0,this.overlay=!0,this.playButtonTitle=void 0,this.pauseButtonTitle=void 0,this.playButtonTrackerId=void 0,this.buttonLocation="bottom-right",this.links=void 0}componentWillLoad(){this.sliderSettings={IsMouseDown:!1,PreventAnchor:!1,Timeout:void 0,StartX:0,ScrollLeft:0},this.readLinkItems()}componentDidLoad(){this.slider=this.el.shadowRoot.querySelector(".card-section"),e(this.el,".card-section",!0)}readLinkItems(){this.links=[],this.el.querySelectorAll(".card-cta-links > a").forEach((n=>{n&&this.links.length<4&&this.links.push(n)}))}openLink(n){n&&n.click()}onSliderScroll(){0===this.slider.scrollLeft&&this.slider.classList.contains("scroll-st")?this.slider.classList.remove("scroll-st"):0===this.slider.scrollLeft||this.slider.classList.contains("scroll-st")||this.slider.classList.add("scroll-st"),this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth&&this.slider.classList.contains("scroll-ed")?this.slider.classList.remove("scroll-ed"):this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth||this.slider.classList.contains("scroll-ed")||this.slider.classList.add("scroll-ed")}onLinkClick(n){window.innerWidth>1199||(n&&this.sliderSettings.PreventAnchor&&n.preventDefault(),this.sliderSettings.PreventAnchor=!1,clearTimeout(this.sliderSettings.Timeout))}onSliderMouseDown(n,i){n.preventDefault(),this.sliderSettings.IsMouseDown=!0,i.classList.add("active"),this.sliderSettings.StartX=n.pageX-i.offsetLeft,this.sliderSettings.ScrollLeft=i.scrollLeft,this.sliderSettings.PreventAnchor=!1}onSliderMouseExit(n,i){n.preventDefault(),clearTimeout(this.sliderSettings.Timeout),this.sliderSettings.IsMouseDown=!1,i.classList.remove("active")}onSliderMouseDrag(n,i){this.sliderSettings.Timeout=setTimeout((()=>{this.sliderSettings.PreventAnchor=!0}),80),this.sliderSettings.IsMouseDown&&(n.preventDefault(),i.scrollLeft=this.sliderSettings.ScrollLeft-(n.pageX-i.offsetLeft-this.sliderSettings.StartX))}onCardMouseDown(n){if(n&&n.currentTarget){let i=n.currentTarget;i&&i.classList.add("active")}}onCardMouseUp(n){if(n&&n.currentTarget){let i=n.currentTarget;i&&(i.classList.remove("active"),this.sliderSettings.IsMouseDown&&(clearTimeout(this.sliderSettings.Timeout),this.sliderSettings.IsMouseDown=!1))}}componentDidRender(){let n=this;this.el.shadowRoot.querySelectorAll(".card-link").forEach((i=>{i.querySelector("a").addEventListener("click",(i=>{n.onLinkClick(i)})),i.addEventListener("mousedown",(i=>{n.onCardMouseDown(i)})),i.addEventListener("mouseup",(i=>{n.onCardMouseUp(i)})),i.addEventListener("mouseleave",(i=>{n.onCardMouseUp(i)})),i.addEventListener("touchend",(i=>{n.onCardMouseUp(i)}))}))}render(){return i(t,null,i("ptc-background-video",Object.assign({},this.getBackgroundVideoSettings(),{"overlay-type":"dark","tracker-id":this.playButtonTrackerId}),i("div",{class:"ptc-container"},i("div",{class:"primary-content-wrapper"},i("slot",{name:"primary-content"})),i("div",{class:"card-links"},i("div",{class:"secondary-content-wrapper"},i("slot",{name:"secondary-content"})),i("div",Object.assign({class:"card-section"},this.getSliderBindings()),this.links&&this.links.map(((n,t)=>{const a=n.getAttribute("data-tracker-id"),e=n.getAttribute("data-icon"),r=n.getAttribute("target"),s=n.getAttribute("title"),o=n.textContent;if(o)return i("div",{id:a,class:`card-link card-link-${t+1}`,"tab-index":t+1},i("div",{class:"bgb"}),i("div",{class:"bgh"}),i("div",{class:"bgp"}),i("a",{href:n.href,target:r,title:s,class:"link-cover"}),e&&i("icon-asset",{type:"ptc",size:"large",color:"white",name:e}),i("span",{class:"link-text hyphenate-text"},o.trim()))})))))))}getBackgroundVideoSettings(){return{videoSrc:this.videoSrc,posterSrc:this.posterSrc,pauseButtonTitle:this.pauseButtonTitle,playButtonTitle:this.playButtonTitle,buttonLocation:this.buttonLocation,overlay:this.overlay,class:"bg-video"}}getSliderBindings(){return{onMouseDown:n=>{this.onSliderMouseDown(n,this.slider)},onMouseUp:n=>{this.onSliderMouseExit(n,this.slider)},onMouseLeave:n=>{this.onSliderMouseExit(n,this.slider)},onMouseMove:n=>{this.onSliderMouseDrag(n,this.slider)}}}get el(){return a(this)}};r.style="h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n word-break: break-word;\n hyphens: manual;\n -webkit-hyphens: manual;\n -moz-hyphens: manual;\n -ms-hyphens: manual;\n}\n@supports (hyphenate-limit-chars: 12 3 3) {\n h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n /* For Safari */\n -webkit-hyphenate-limit-after: 3;\n /* For Safari */\n hyphenate-limit-chars: 12 3 3;\n hyphenate-limit-lines: 2;\n hyphenate-limit-last: always;\n hyphenate-limit-zone: 6%;\n -webkit-hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n -webkit-hyphenate-limit-after: 3;\n -webkit-hyphenate-limit-chars: 12 3 3;\n -webkit-hyphenate-limit-lines: 2;\n -moz-hyphens: auto;\n -moz-hyphenate-limit-chars: 12 3 3;\n -moz-hyphenate-limit-lines: 2;\n -ms-hyphens: auto;\n -ms-hyphenate-limit-chars: 12 3 3;\n -ms-hyphenate-limit-lines: 2;\n }\n}\n\n:host {\n display: block;\n position: relative;\n overflow: hidden;\n}\n\na {\n text-decoration: none !important;\n color: inherit !important;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n word-break: break-word;\n hyphens: manual;\n -webkit-hyphens: manual;\n -moz-hyphens: manual;\n -ms-hyphens: manual;\n}\n@supports (hyphenate-limit-chars: 12 3 3) {\n h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n /* For Safari */\n -webkit-hyphenate-limit-after: 3;\n /* For Safari */\n hyphenate-limit-chars: 12 3 3;\n hyphenate-limit-lines: 2;\n hyphenate-limit-last: always;\n hyphenate-limit-zone: 6%;\n -webkit-hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n -webkit-hyphenate-limit-after: 3;\n -webkit-hyphenate-limit-chars: 12 3 3;\n -webkit-hyphenate-limit-lines: 2;\n -moz-hyphens: auto;\n -moz-hyphenate-limit-chars: 12 3 3;\n -moz-hyphenate-limit-lines: 2;\n -ms-hyphens: auto;\n -ms-hyphenate-limit-chars: 12 3 3;\n -ms-hyphenate-limit-lines: 2;\n }\n}\n\n.ptc-container {\n padding-right: 24px;\n padding-left: 24px;\n margin-right: auto;\n margin-left: auto;\n}\n\n@media only screen and (min-width: 1200px) {\n .ptc-container {\n padding-left: 0;\n padding-right: 0;\n max-width: 1136px;\n }\n}\n@media only screen and (min-width: 1440px) {\n .ptc-container {\n padding-left: 0;\n padding-right: 0;\n max-width: 1200px;\n }\n}\n.ptc-container-lg {\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto;\n}\n\n@media only screen and (min-width: 480px) {\n .ptc-container-lg {\n padding-left: var(--ptc-layout-spacing-03);\n padding-right: var(--ptc-layout-spacing-03);\n }\n}\n@media only screen and (min-width: 768px) {\n .ptc-container-lg {\n padding-left: var(--ptc-layout-spacing-04);\n padding-right: var(--ptc-layout-spacing-04);\n }\n}\n@media only screen and (min-width: 992px) {\n .ptc-container-lg {\n padding-left: var(--ptc-element-spacing-08);\n padding-right: var(--ptc-element-spacing-08);\n }\n}\n@media only screen and (min-width: 1980px) {\n .ptc-container-lg {\n padding-left: 0;\n padding-right: 0;\n max-width: 1900px;\n }\n}\n.ptc-container-fluid {\n width: 100%;\n}\n\n.primary-content-wrapper {\n max-width: 720px;\n padding: 120px 0;\n}\n@media only screen and (min-width: 992px) {\n .primary-content-wrapper {\n padding: 160px 0;\n }\n}\n@media only screen and (min-width: 1440px) {\n .primary-content-wrapper {\n padding: 160px 0;\n }\n}\n\n.bg-video {\n width: 100%;\n}\n\n.ptc-container {\n position: relative;\n z-index: 20;\n min-height: 587px;\n}\n\n.card-links {\n margin: 0;\n padding-bottom: 72px;\n}\n@media only screen and (min-width: 992px) {\n .card-links {\n padding-bottom: 88px;\n }\n}\n.card-links .secondary-content-wrapper {\n margin: 0;\n max-width: 720px;\n}\n.card-links .card-section {\n display: flex;\n position: relative;\n flex-wrap: nowrap;\n flex-shrink: 0;\n margin: 20px -24px 0;\n white-space: nowrap;\n -ms-overflow-style: none;\n scrollbar-width: none;\n transition: box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);\n}\n.card-links .card-section::-webkit-scrollbar {\n display: none;\n}\n.card-links .card-section .card-link {\n cursor: pointer;\n display: inline-flex;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n z-index: 7;\n align-items: center;\n gap: 16px;\n flex: 0 0 224px;\n align-self: stretch;\n border-radius: 4px 4px 0px 0px;\n border-bottom: 2px solid var(--color-blue-07);\n background: transparent;\n backdrop-filter: blur(12px);\n padding: 24px;\n word-wrap: normal;\n color: var(--color-white);\n font-family: var(--ptc-font-latin);\n font-size: var(--ptc-font-size-small);\n font-style: var(--ptc-font-style-normal);\n font-weight: var(--ptc-font-weight-bold);\n line-height: var(--ptc-line-height-p);\n margin: 0 12px;\n}\n.card-links .card-section .card-link:first-child {\n margin-left: 24px;\n}\n.card-links .card-section .card-link:last-child {\n margin-right: 24px;\n}\n.card-links .card-section .card-link icon-asset {\n z-index: 10;\n}\n.card-links .card-section .card-link .link-text {\n display: block;\n inline-size: 190px;\n white-space: break-spaces;\n z-index: 10;\n font-size: var(--ptc-font-size-small);\n}\n@media only screen and (min-width: 992px) {\n .card-links .card-section .card-link .link-text {\n font-size: var(--ptc-font-size-medium);\n }\n}\n.card-links .card-section .card-link .bgb,\n.card-links .card-section .card-link .bgh,\n.card-links .card-section .card-link .bgp {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 8;\n opacity: 0;\n}\n.card-links .card-section .card-link .link-cover {\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 11;\n width: 99%;\n height: 99%;\n border-radius: var(--ptc-border-radius-standard);\n border: 2px solid transparent;\n}\n.card-links .card-section .card-link .bgb,\n.card-links .card-section .card-link .bgh {\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-out);\n backdrop-filter: blur(6px);\n -webkit-backdrop-filter: blur(6px);\n}\n.card-links .card-section .card-link .bgb {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.07) 100.13%);\n opacity: 1;\n}\n.card-links .card-section .card-link .bgh {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.17) 100.13%);\n}\n.card-links .card-section .card-link .bgp {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.12) 100.13%);\n}\n.card-links .card-section .card-link:hover .bgb,\n.card-links .card-section .card-link:hover .bgp {\n opacity: 0;\n}\n.card-links .card-section .card-link:hover .bgh {\n opacity: 1;\n}\n.card-links .card-section .card-link:active .bgb,\n.card-links .card-section .card-link:active .bgh, .card-links .card-section .card-link.active .bgb,\n.card-links .card-section .card-link.active .bgh {\n display: none;\n opacity: 0;\n}\n.card-links .card-section .card-link:active .bgp, .card-links .card-section .card-link.active .bgp {\n opacity: 1;\n}\n.card-links .card-section .card-link:focus-visible, .card-links .card-section .card-link:focus, .card-links .card-section .card-link:focus-within {\n border-radius: var(--ptc-border-radius-standard);\n outline: 5px solid var(--keyboard-nav-outline);\n border-bottom-color: white;\n}\n.card-links .card-section .card-link:focus-visible .link-cover, .card-links .card-section .card-link:focus .link-cover, .card-links .card-section .card-link:focus-within .link-cover {\n border-color: white;\n}\n.card-links .card-section:before {\n position: absolute;\n width: 32px;\n background: linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);\n top: 16px;\n right: 0;\n bottom: 0;\n z-index: 12;\n}\n.card-links .card-section.scroll-st {\n box-shadow: inset 2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n.card-links .card-section.scroll-ed {\n box-shadow: inset -2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n.card-links .card-section.scroll-ed.scroll-st {\n box-shadow: inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n@media only screen and (min-width: 1200px) {\n .card-links .card-section {\n margin: 20px 0 0;\n align-items: flex-start;\n justify-content: flex-start;\n align-content: flex-start;\n }\n .card-links .card-section.scroll-st, .card-links .card-section.scroll-ed, .card-links .card-section.scroll-ed.scroll-st {\n box-shadow: unset;\n }\n .card-links .card-section .card-link {\n flex: unset;\n }\n .card-links .card-section .card-link:first-child {\n margin-left: 0;\n }\n .card-links .card-section .card-link:last-child {\n margin-right: 0;\n }\n}\n@media only screen and (min-width: 1440px) {\n .card-links .card-section {\n margin: 20px 0 0;\n }\n}\n\n.card-section {\n overflow-x: visible;\n overflow-y: visible;\n animation-duration: 0ms;\n animation-delay: 1000ms;\n animation-fill-mode: forwards;\n}\n@media only screen and (min-width: 1200px) {\n .card-section {\n overflow-x: visible;\n }\n}\n.card-section .card-link {\n animation-duration: 750ms;\n animation-delay: 0ms;\n animation-fill-mode: forwards;\n opacity: 0;\n transform: translate3d(0, 30%, 0);\n}\n.card-section .card-link.card-link-1 {\n animation-delay: 0ms;\n}\n.card-section .card-link.card-link-2 {\n animation-delay: 250ms;\n}\n.card-section .card-link.card-link-3 {\n animation-delay: 500ms;\n}\n.card-section .card-link.card-link-4 {\n animation-delay: 750ms;\n}\n.card-section.in-view {\n animation-name: fadeUpInContainer;\n}\n@media only screen and (min-width: 1200px) {\n .card-section.in-view {\n overflow: visible !important;\n }\n}\n.card-section.in-view .card-link {\n animation-name: fadeUpIn;\n}\n\n@keyframes fadeUpIn {\n 0% {\n opacity: 0;\n transform: translate3d(0, 30%, 0);\n }\n 100% {\n opacity: 1;\n transform: translateZ(0);\n }\n}\n@keyframes fadeUpInContainer {\n 0% {\n overflow: visible;\n overflow-y: visible;\n overflow-x: visible;\n @media only screen and (min-width: 1200px) {\n overflow-x: visible;\n }\n }\n 100% {\n overflow: inherit;\n overflow-y: hidden;\n overflow-x: scroll;\n @media only screen and (min-width: 1200px) {\n overflow-x: hidden;\n }\n }\n}";export{r as ptc_homepage_video_background}
|
|
1
|
+
import{r as n,h as i,H as t,a}from"./p-944c5be8.js";import{o as e}from"./p-78a23ab3.js";const r=class{constructor(i){n(this,i),this.videoSrc=void 0,this.posterSrc=void 0,this.overlay=!0,this.playButtonTitle=void 0,this.pauseButtonTitle=void 0,this.playButtonTrackerId=void 0,this.buttonLocation="bottom-right",this.links=void 0}componentWillLoad(){this.sliderSettings={IsMouseDown:!1,PreventAnchor:!1,Timeout:void 0,StartX:0,ScrollLeft:0},this.readLinkItems()}componentDidLoad(){this.slider=this.el.shadowRoot.querySelector(".card-section"),e(this.el,".card-section",!0)}readLinkItems(){this.links=[],this.el.querySelectorAll(".card-cta-links > a").forEach((n=>{n&&this.links.length<4&&this.links.push(n)}))}openLink(n){n&&n.click()}onSliderScroll(){0===this.slider.scrollLeft&&this.slider.classList.contains("scroll-st")?this.slider.classList.remove("scroll-st"):0===this.slider.scrollLeft||this.slider.classList.contains("scroll-st")||this.slider.classList.add("scroll-st"),this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth&&this.slider.classList.contains("scroll-ed")?this.slider.classList.remove("scroll-ed"):this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth||this.slider.classList.contains("scroll-ed")||this.slider.classList.add("scroll-ed")}onLinkClick(n){window.innerWidth>1199||(n&&this.sliderSettings.PreventAnchor&&n.preventDefault(),this.sliderSettings.PreventAnchor=!1,clearTimeout(this.sliderSettings.Timeout))}onSliderMouseDown(n,i){n.preventDefault(),this.sliderSettings.IsMouseDown=!0,i.classList.add("active"),this.sliderSettings.StartX=n.pageX-i.offsetLeft,this.sliderSettings.ScrollLeft=i.scrollLeft,this.sliderSettings.PreventAnchor=!1}onSliderMouseExit(n,i){n.preventDefault(),clearTimeout(this.sliderSettings.Timeout),this.sliderSettings.IsMouseDown=!1,i.classList.remove("active")}onSliderMouseDrag(n,i){this.sliderSettings.Timeout=setTimeout((()=>{this.sliderSettings.PreventAnchor=!0}),80),this.sliderSettings.IsMouseDown&&(n.preventDefault(),i.scrollLeft=this.sliderSettings.ScrollLeft-(n.pageX-i.offsetLeft-this.sliderSettings.StartX))}onCardMouseDown(n){if(n&&n.currentTarget){let i=n.currentTarget;i&&i.classList.add("active")}}onCardMouseUp(n){if(n&&n.currentTarget){let i=n.currentTarget;i&&(i.classList.remove("active"),this.sliderSettings.IsMouseDown&&(clearTimeout(this.sliderSettings.Timeout),this.sliderSettings.IsMouseDown=!1))}}componentDidRender(){let n=this;this.el.shadowRoot.querySelectorAll(".card-link").forEach((i=>{i.querySelector("a").addEventListener("click",(i=>{n.onLinkClick(i)})),i.addEventListener("mousedown",(i=>{n.onCardMouseDown(i)})),i.addEventListener("mouseup",(i=>{n.onCardMouseUp(i)})),i.addEventListener("mouseleave",(i=>{n.onCardMouseUp(i)})),i.addEventListener("touchend",(i=>{n.onCardMouseUp(i)}))}))}render(){return i(t,null,i("ptc-background-video",Object.assign({},this.getBackgroundVideoSettings(),{"overlay-type":"dark","tracker-id":this.playButtonTrackerId}),i("div",{class:"ptc-container"},i("div",{class:"primary-content-wrapper"},i("slot",{name:"primary-content"})),i("div",{class:"card-links"},i("div",{class:"secondary-content-wrapper"},i("slot",{name:"secondary-content"})),i("div",Object.assign({class:"card-section"},this.getSliderBindings()),this.links&&this.links.map(((n,t)=>{const a=n.getAttribute("data-tracker-id"),e=n.getAttribute("data-icon"),r=n.getAttribute("target"),s=n.getAttribute("title"),o=n.textContent;if(o)return i("div",{id:a,class:`card-link card-link-${t+1}`,"tab-index":t+1},i("div",{class:"bgb"}),i("div",{class:"bgh"}),i("div",{class:"bgp"}),i("a",{href:n.href,target:r,title:s,class:"link-cover"}),e&&i("icon-asset",{type:"ptc",size:"large",color:"white",name:e}),i("span",{class:"link-text hyphenate-text"},o.trim()))})))))))}getBackgroundVideoSettings(){return{videoSrc:this.videoSrc,posterSrc:this.posterSrc,pauseButtonTitle:this.pauseButtonTitle,playButtonTitle:this.playButtonTitle,buttonLocation:this.buttonLocation,overlay:this.overlay,class:"bg-video"}}getSliderBindings(){return{onMouseDown:n=>{this.onSliderMouseDown(n,this.slider)},onMouseUp:n=>{this.onSliderMouseExit(n,this.slider)},onMouseLeave:n=>{this.onSliderMouseExit(n,this.slider)},onMouseMove:n=>{this.onSliderMouseDrag(n,this.slider)}}}get el(){return a(this)}};r.style="h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n word-break: break-word;\n hyphens: manual;\n -webkit-hyphens: manual;\n -moz-hyphens: manual;\n -ms-hyphens: manual;\n}\n@supports (hyphenate-limit-chars: 12 3 3) {\n h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n /* For Safari */\n -webkit-hyphenate-limit-after: 3;\n /* For Safari */\n hyphenate-limit-chars: 12 3 3;\n hyphenate-limit-lines: 2;\n hyphenate-limit-last: always;\n hyphenate-limit-zone: 6%;\n -webkit-hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n -webkit-hyphenate-limit-after: 3;\n -webkit-hyphenate-limit-chars: 12 3 3;\n -webkit-hyphenate-limit-lines: 2;\n -moz-hyphens: auto;\n -moz-hyphenate-limit-chars: 12 3 3;\n -moz-hyphenate-limit-lines: 2;\n -ms-hyphens: auto;\n -ms-hyphenate-limit-chars: 12 3 3;\n -ms-hyphenate-limit-lines: 2;\n }\n}\n\n:host {\n display: block;\n position: relative;\n overflow: hidden;\n}\n\na {\n text-decoration: none !important;\n color: inherit !important;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n word-break: break-word;\n hyphens: manual;\n -webkit-hyphens: manual;\n -moz-hyphens: manual;\n -ms-hyphens: manual;\n}\n@supports (hyphenate-limit-chars: 12 3 3) {\n h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n /* For Safari */\n -webkit-hyphenate-limit-after: 3;\n /* For Safari */\n hyphenate-limit-chars: 12 3 3;\n hyphenate-limit-lines: 2;\n hyphenate-limit-last: always;\n hyphenate-limit-zone: 6%;\n -webkit-hyphens: auto;\n -webkit-hyphenate-limit-before: 3;\n -webkit-hyphenate-limit-after: 3;\n -webkit-hyphenate-limit-chars: 12 3 3;\n -webkit-hyphenate-limit-lines: 2;\n -moz-hyphens: auto;\n -moz-hyphenate-limit-chars: 12 3 3;\n -moz-hyphenate-limit-lines: 2;\n -ms-hyphens: auto;\n -ms-hyphenate-limit-chars: 12 3 3;\n -ms-hyphenate-limit-lines: 2;\n }\n}\n\n.ptc-container {\n padding-right: 24px;\n padding-left: 24px;\n margin-right: auto;\n margin-left: auto;\n}\n\n@media only screen and (min-width: 1200px) {\n .ptc-container {\n padding-left: 0;\n padding-right: 0;\n max-width: 1136px;\n }\n}\n@media only screen and (min-width: 1440px) {\n .ptc-container {\n padding-left: 0;\n padding-right: 0;\n max-width: 1200px;\n }\n}\n.ptc-container-lg {\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto;\n}\n\n@media only screen and (min-width: 480px) {\n .ptc-container-lg {\n padding-left: var(--ptc-layout-spacing-03);\n padding-right: var(--ptc-layout-spacing-03);\n }\n}\n@media only screen and (min-width: 768px) {\n .ptc-container-lg {\n padding-left: var(--ptc-layout-spacing-04);\n padding-right: var(--ptc-layout-spacing-04);\n }\n}\n@media only screen and (min-width: 992px) {\n .ptc-container-lg {\n padding-left: var(--ptc-element-spacing-08);\n padding-right: var(--ptc-element-spacing-08);\n }\n}\n@media only screen and (min-width: 1980px) {\n .ptc-container-lg {\n padding-left: 0;\n padding-right: 0;\n max-width: 1900px;\n }\n}\n.ptc-container-fluid {\n width: 100%;\n}\n\n.primary-content-wrapper {\n max-width: 720px;\n padding: 120px 0;\n}\n@media only screen and (min-width: 992px) {\n .primary-content-wrapper {\n padding: 160px 0;\n }\n}\n@media only screen and (min-width: 1440px) {\n .primary-content-wrapper {\n padding: 160px 0;\n }\n}\n\n.bg-video {\n width: 100%;\n}\n\n.ptc-container {\n position: relative;\n z-index: 20;\n min-height: 587px;\n}\n\n.card-links {\n margin: 0;\n padding-bottom: 72px;\n}\n@media only screen and (min-width: 992px) {\n .card-links {\n padding-bottom: 88px;\n }\n}\n.card-links .secondary-content-wrapper {\n margin: 0;\n max-width: 720px;\n}\n.card-links .card-section {\n display: flex;\n position: relative;\n flex-wrap: nowrap;\n flex-shrink: 0;\n margin: 20px -24px 0;\n white-space: nowrap;\n -ms-overflow-style: none;\n scrollbar-width: none;\n transition: box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);\n}\n.card-links .card-section::-webkit-scrollbar {\n display: none;\n}\n.card-links .card-section .card-link {\n cursor: pointer;\n display: inline-flex;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n z-index: 7;\n align-items: center;\n gap: 16px;\n flex: 0 0 224px;\n align-self: stretch;\n border-radius: 4px 4px 0px 0px;\n border-bottom: 2px solid var(--color-blue-07);\n background: transparent;\n backdrop-filter: blur(12px);\n padding: 24px;\n word-wrap: normal;\n color: var(--color-white);\n font-family: var(--ptc-font-latin);\n font-size: var(--ptc-font-size-small);\n font-style: var(--ptc-font-style-normal);\n font-weight: var(--ptc-font-weight-bold);\n line-height: var(--ptc-line-height-p);\n margin: 0 12px;\n}\n.card-links .card-section .card-link:first-child {\n margin-left: 24px;\n}\n.card-links .card-section .card-link:last-child {\n margin-right: 24px;\n}\n.card-links .card-section .card-link icon-asset {\n z-index: 10;\n}\n.card-links .card-section .card-link .link-text {\n display: block;\n inline-size: 190px;\n white-space: break-spaces;\n z-index: 10;\n font-size: var(--ptc-font-size-small);\n}\n@media only screen and (min-width: 992px) {\n .card-links .card-section .card-link .link-text {\n font-size: var(--ptc-font-size-medium);\n }\n}\n.card-links .card-section .card-link .bgb,\n.card-links .card-section .card-link .bgh,\n.card-links .card-section .card-link .bgp {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 8;\n opacity: 0;\n}\n.card-links .card-section .card-link .link-cover {\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 11;\n width: 99%;\n height: 99%;\n border-radius: var(--ptc-border-radius-standard);\n border: 2px solid transparent;\n}\n.card-links .card-section .card-link .bgb,\n.card-links .card-section .card-link .bgh {\n transition: opacity var(--ptc-transition-medium) var(--ptc-ease-out);\n backdrop-filter: blur(6px);\n -webkit-backdrop-filter: blur(6px);\n}\n.card-links .card-section .card-link .bgb {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.07) 100.13%);\n opacity: 1;\n}\n.card-links .card-section .card-link .bgh {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.17) 100.13%);\n}\n.card-links .card-section .card-link .bgp {\n background: linear-gradient(85deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.12) 100.13%);\n}\n.card-links .card-section .card-link:hover .bgb,\n.card-links .card-section .card-link:hover .bgp {\n opacity: 0;\n}\n.card-links .card-section .card-link:hover .bgh {\n opacity: 1;\n}\n.card-links .card-section .card-link:active .bgb,\n.card-links .card-section .card-link:active .bgh, .card-links .card-section .card-link.active .bgb,\n.card-links .card-section .card-link.active .bgh {\n display: none;\n opacity: 0;\n}\n.card-links .card-section .card-link:active .bgp, .card-links .card-section .card-link.active .bgp {\n opacity: 1;\n}\n.card-links .card-section .card-link:focus-visible, .card-links .card-section .card-link:focus, .card-links .card-section .card-link:focus-within {\n border-radius: var(--ptc-border-radius-standard);\n outline: 5px solid var(--keyboard-nav-outline);\n border-bottom-color: white;\n}\n.card-links .card-section .card-link:focus-visible .link-cover, .card-links .card-section .card-link:focus .link-cover, .card-links .card-section .card-link:focus-within .link-cover {\n border-color: white;\n}\n.card-links .card-section:before {\n position: absolute;\n width: 32px;\n background: linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);\n top: 16px;\n right: 0;\n bottom: 0;\n z-index: 12;\n}\n.card-links .card-section.scroll-st {\n box-shadow: inset 2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n.card-links .card-section.scroll-ed {\n box-shadow: inset -2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n.card-links .card-section.scroll-ed.scroll-st {\n box-shadow: inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n@media only screen and (min-width: 1200px) {\n .card-links .card-section {\n margin: 20px 0 0;\n align-items: flex-start;\n justify-content: flex-start;\n align-content: flex-start;\n }\n .card-links .card-section.scroll-st, .card-links .card-section.scroll-ed, .card-links .card-section.scroll-ed.scroll-st {\n box-shadow: unset;\n }\n .card-links .card-section .card-link {\n flex: unset;\n }\n .card-links .card-section .card-link:first-child {\n margin-left: 0;\n }\n .card-links .card-section .card-link:last-child {\n margin-right: 0;\n }\n}\n@media only screen and (min-width: 1440px) {\n .card-links .card-section {\n margin: 20px 0 0;\n }\n}\n\n.card-section {\n overflow-x: visible;\n overflow-y: visible;\n animation-duration: 0ms;\n animation-delay: 1000ms;\n animation-fill-mode: forwards;\n}\n@media only screen and (min-width: 1200px) {\n .card-section {\n overflow-x: visible;\n }\n}\n.card-section .card-link {\n animation-duration: 750ms;\n animation-delay: 0ms;\n animation-fill-mode: forwards;\n opacity: 0;\n transform: translate3d(0, 30%, 0);\n}\n.card-section .card-link.card-link-1 {\n animation-delay: 0ms;\n}\n.card-section .card-link.card-link-2 {\n animation-delay: 250ms;\n}\n.card-section .card-link.card-link-3 {\n animation-delay: 500ms;\n}\n.card-section .card-link.card-link-4 {\n animation-delay: 750ms;\n}\n.card-section.in-view {\n animation-name: fadeUpInContainer;\n}\n@media only screen and (min-width: 1200px) {\n .card-section.in-view {\n overflow: visible !important;\n }\n}\n.card-section.in-view .card-link {\n animation-name: fadeUpIn;\n}\n\n@keyframes fadeUpIn {\n 0% {\n opacity: 0;\n transform: translate3d(0, 30%, 0);\n }\n 100% {\n opacity: 1;\n transform: translateZ(0);\n }\n}\n@keyframes fadeUpInContainer {\n 0% {\n overflow: visible;\n overflow-y: visible;\n overflow-x: visible;\n @media only screen and (min-width: 1200px) {\n overflow-x: visible;\n }\n }\n 100% {\n overflow: inherit;\n overflow-y: hidden;\n overflow-x: scroll;\n @media only screen and (min-width: 1200px) {\n overflow-x: hidden;\n }\n }\n}";export{r as ptc_homepage_video_background}
|