@ptcwebops/ptcw-design 6.2.5-beta → 6.2.5

package/dist/ptcw-design/{p-eec2f3da.entry.js → p-e38ed0e3.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,g as i}from"./p-ac75c7ad.js";import{a as o}from"./p-77b1221e.js";const n=class{constructor(e){t(this,e),this.colors=["hp-blue","hp-red","hp-gray","hp-green","hp-orange"],this.activeTab=0,this.dropdownOpen=!1,this.tileElements=[]}componentWillLoad(){this.updateTileElements(this.activeTab),this.sliderSettings={IsMouseDown:!1,PreventAnchor:!1,Timeout:void 0,StartX:0,ScrollLeft:0}}componentDidLoad(){this.slider=this.el.shadowRoot.querySelector(".card-section")}componentDidRender(){o("homepage-clickable-tab",this.el)}handleTabSelected(t){this.activeTab=t,this.dropdownOpen=!1,this.updateTileElements(t)}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}getTabs(){return Array.from(this.el.querySelectorAll('[slot^="tab-label"]')).map(((t,e)=>({label:t.textContent,index:e})))}updateTileElements(t){this.tileElements=Array.from(this.el.querySelectorAll(`[slot^="tab-tile-${t}"]`))}onSliderScroll(){0===this.slider.scrollLeft&&this.slider.classList.contains("scroll-st")?this.slider.classList.remove("scroll-st"):0===this.slider.scrollLeft||this.slider.classList.contains("scroll-st")||this.slider.classList.add("scroll-st"),this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth&&this.slider.classList.contains("scroll-ed")?this.slider.classList.remove("scroll-ed"):this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth||this.slider.classList.contains("scroll-ed")||this.slider.classList.add("scroll-ed")}onSliderMouseDown(t,e){t.preventDefault(),this.sliderSettings.IsMouseDown=!0,e.classList.add("active"),this.sliderSettings.StartX=t.pageX-e.offsetLeft,this.sliderSettings.ScrollLeft=e.scrollLeft,this.sliderSettings.PreventAnchor=!1,this.sliderSettings.Timeout=setTimeout((()=>{this.sliderSettings.PreventAnchor=!0}),80)}onSliderMouseExit(t,e){t.preventDefault(),clearTimeout(this.sliderSettings.Timeout),this.sliderSettings.IsMouseDown=!1,e.classList.remove("active")}onSliderMouseDrag(t,e){this.sliderSettings.IsMouseDown&&(t.preventDefault(),e.scrollLeft=this.sliderSettings.ScrollLeft-(t.pageX-e.offsetLeft-this.sliderSettings.StartX))}onCardMouseDown(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.add("active")}}onCardMouseUp(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.remove("active")}}render(){const t=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 8.5L7.34315 2.71178L1.68629 8.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),i=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 2.5L7.34315 8.28822L1.68629 2.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),o=this.getTabs();return e("div",{class:"wrapper"},e("div",{class:"header"},e("h2",null,e("slot",{name:"title"})),e("p",null,e("slot",{name:"description"}))),e("div",{class:"tabs"},e("div",{class:"tabs-desktop"},o.map((t=>e("homepage-clickable-tab",{label:t.label,active:this.activeTab===t.index,activeColor:this.colors[t.index],onClick:()=>this.handleTabSelected(t.index)})))),e("div",{class:"tabs-mobile"},e("button",{class:`dropdown-button ${this.colors[this.activeTab]} ${this.dropdownOpen?"opened":""}`,onClick:()=>this.toggleDropdown()},o[this.activeTab].label,e("span",{class:"arrow"},this.dropdownOpen?t:i)),this.dropdownOpen&&e("div",{class:"dropdown-menu"},o.map((t=>e("div",{class:"dropdown-item "+(t.index===this.activeTab?"active-tab":""),onClick:()=>this.handleTabSelected(t.index)},e("slot",{name:`tab-label-${t.index}`}))))))),e("div",{class:"content"},o.map(((t,i)=>e("div",{class:"tab-content "+(this.activeTab===i?"active-tab":"")},e("slot",{name:`tab-image-${i}`}),e("div",{class:"content-detail"},e("div",{hidden:!0},t.label),e("h2",null,e("slot",{name:`tab-title-${i}`})),e("p",null,e("slot",{name:`tab-content-${i}`})),e("slot",{name:`tab-button-${i}`}),this.activeTab===i&&this.tileElements.length>0?e("div",Object.assign({class:"info-card-wrapper card-section"},this.getSliderBindings()),this.tileElements.map(((t,i)=>e("div",{class:`swiper-slide card-link card-link-${i+1}`,"tab-index":i+1,key:i,innerHTML:t.outerHTML,onMouseDown:t=>this.onCardMouseDown(t),onMouseUp:t=>this.onCardMouseUp(t),onMouseLeave:t=>this.onCardMouseUp(t),onTouchEnd:t=>{this.onCardMouseUp(t)}})))):null))))))}getSliderBindings(){return{onMouseDown:t=>{this.onSliderMouseDown(t,this.slider)},onMouseUp:t=>{this.onSliderMouseExit(t,this.slider)},onMouseLeave:t=>{this.onSliderMouseExit(t,this.slider)},onMouseMove:t=>{this.onSliderMouseDrag(t,this.slider)}}}get el(){return i(this)}};n.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}::slotted(.title){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:20px !important;font-style:normal !important;font-weight:700 !important;line-height:30px !important;margin-top:0px !important;margin-bottom:16px !important}@media screen and (min-width: 768px){::slotted(.title){font-size:24px !important}}::slotted(.description){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:18px !important;font-style:normal !important;font-weight:400 !important;line-height:27px !important;margin-top:0px !important;margin-bottom:0px !important}::slotted(.tab-slot-image){width:auto;object-fit:contain;margin-bottom:32px}@media screen and (min-width: 480px){::slotted(.tab-slot-image){height:500px}}@media screen and (min-width: 992px){::slotted(.tab-slot-image){margin-bottom:unset;height:auto;max-width:580px;width:50%}}.header{text-align:center;margin-bottom:20px;max-width:720px}.header h2{margin-top:0px !important;margin-bottom:16px !important}.tabs{display:flex;justify-content:center;margin-bottom:40px;position:relative;z-index:99}@media screen and (min-width: 992px){.tabs{margin-bottom:64px}}.tabs-desktop{display:flex;gap:24px;flex:1}.tabs-desktop homepage-clickable-tab{flex:1 1 122px}.tabs-mobile{display:none;position:relative}.dropdown-button{color:white;padding:24px;border:none;border-radius:var(--ptc-border-radius-standard);cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);text-align:left}.dropdown-button.opened{border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px}.dropdown-button.hp-blue{background:linear-gradient(180deg, #197BC0 0%, #4795CD 100%)}.dropdown-button.hp-green{background:linear-gradient(180deg, #00890B 0%, #33A13C 100%)}.dropdown-button.hp-red{background:linear-gradient(180deg, #D33E3E 0%, #DC6565 100%)}.dropdown-button.hp-gray{background:linear-gradient(180deg, #617480 0%, #819099 100%)}.dropdown-button.hp-orange{background:linear-gradient(180deg, #C37729 0%, #CF9254 100%)}.dropdown-button .arrow{margin-left:24px}.dropdown-menu{position:absolute;width:100%;background-color:var(--color-white);color:var(--color-gray-10);display:flex;flex-direction:column;border-radius:0px 0px var(--ptc-border-radius-standard) var(--ptc-border-radius-standard);border-top:0px;box-shadow:var(--ptc-shadow-medium)}.dropdown-menu .dropdown-item{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-regular)}.dropdown-menu .dropdown-item.active-tab ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold) !important}.dropdown-item{padding:24px 24px 0px 24px;cursor:pointer}.dropdown-item:last-of-type{padding-bottom:24px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold)}@media (max-width: 992px){.tabs-desktop{display:none}.tabs-mobile{display:block;width:100%}}.content{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.tab-content{display:none;opacity:0;flex-direction:column;width:100%;animation:fadeIn var(--ptc-transition-medium) ease-in-out forwards}.tab-content.active-tab{display:flex;opacity:1}@media only screen and (min-width: 992px){.tab-content{flex-wrap:nowrap;flex-direction:row;width:100%;justify-content:center;align-items:center;gap:56px}}.tab-content img{max-width:100%;width:100%;height:auto;margin-bottom:20px}@media only screen and (min-width: 992px){.tab-content img{width:580px;height:733px;flex-shrink:0}}.content-detail{text-align:left}@media only screen and (min-width: 992px){.content-detail{flex-grow:1;word-break:break-word}}.content-detail p,.content-detail h2{margin-block-start:unset;margin-block-end:unset}.content-detail h2{margin-bottom:16px}.content-detail p{margin-bottom:32px}.info-card-wrapper{margin-top:48px;display:flex;justify-content:center;align-items:center;width:calc(100% + 24px)}@media screen and (min-width: 992px){.info-card-wrapper{width:100%;margin-top:72px}}.card-section{display:flex;position:relative;flex-wrap:nowrap;flex-shrink:0;-ms-overflow-style:none;scrollbar-width:none;transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);justify-content:flex-start}.card-section::-webkit-scrollbar{display:none}.card-section .card-link{display:inline-flex;position:relative;text-decoration:none;z-index:10;align-items:center;gap:16px;margin-right:24px}.card-section .card-link .link-text{display:block;inline-size:190px;white-space:break-spaces}.card-section:before{position:absolute;width:32px;background:linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);top:16px;right:0;bottom:0;z-index:12}.card-section.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed{box-shadow:inset -2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3)}@media only screen and (min-width: 1200px){.card-section{align-items:flex-start;justify-content:flex-start;align-content:flex-start}.card-section.scroll-st,.card-section.scroll-ed,.card-section.scroll-ed.scroll-st{box-shadow:unset}.card-section .card-link{flex:unset}.card-section .card-link:first-child{margin-left:0}.card-section .card-link:last-child{margin-right:0}}.card-section{overflow:inherit;overflow-x:scroll;overflow-y:hidden;animation-duration:0ms;animation-delay:1000ms;animation-fill-mode:forwards}@media only screen and (min-width: 1200px){.card-section{overflow-x:scroll}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}";export{n as homepage_toggled_content}
+import{r as t,h as e,g as i}from"./p-ac75c7ad.js";import{a as o}from"./p-841b807d.js";const n=class{constructor(e){t(this,e),this.colors=["hp-blue","hp-red","hp-gray","hp-green","hp-orange"],this.activeTab=0,this.dropdownOpen=!1,this.tileElements=[]}componentWillLoad(){this.updateTileElements(this.activeTab),this.sliderSettings={IsMouseDown:!1,PreventAnchor:!1,Timeout:void 0,StartX:0,ScrollLeft:0}}componentDidLoad(){this.slider=this.el.shadowRoot.querySelector(".card-section")}componentDidRender(){o("homepage-clickable-tab",this.el)}handleTabSelected(t){this.activeTab=t,this.dropdownOpen=!1,this.updateTileElements(t)}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}getTabs(){return Array.from(this.el.querySelectorAll('[slot^="tab-label"]')).map(((t,e)=>({label:t.textContent,index:e})))}updateTileElements(t){this.tileElements=Array.from(this.el.querySelectorAll(`[slot^="tab-tile-${t}"]`))}onSliderScroll(){0===this.slider.scrollLeft&&this.slider.classList.contains("scroll-st")?this.slider.classList.remove("scroll-st"):0===this.slider.scrollLeft||this.slider.classList.contains("scroll-st")||this.slider.classList.add("scroll-st"),this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth&&this.slider.classList.contains("scroll-ed")?this.slider.classList.remove("scroll-ed"):this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth||this.slider.classList.contains("scroll-ed")||this.slider.classList.add("scroll-ed")}onSliderMouseDown(t,e){t.preventDefault(),this.sliderSettings.IsMouseDown=!0,e.classList.add("active"),this.sliderSettings.StartX=t.pageX-e.offsetLeft,this.sliderSettings.ScrollLeft=e.scrollLeft,this.sliderSettings.PreventAnchor=!1,this.sliderSettings.Timeout=setTimeout((()=>{this.sliderSettings.PreventAnchor=!0}),80)}onSliderMouseExit(t,e){t.preventDefault(),clearTimeout(this.sliderSettings.Timeout),this.sliderSettings.IsMouseDown=!1,e.classList.remove("active")}onSliderMouseDrag(t,e){this.sliderSettings.IsMouseDown&&(t.preventDefault(),e.scrollLeft=this.sliderSettings.ScrollLeft-(t.pageX-e.offsetLeft-this.sliderSettings.StartX))}onCardMouseDown(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.add("active")}}onCardMouseUp(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.remove("active")}}render(){const t=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 8.5L7.34315 2.71178L1.68629 8.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),i=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 2.5L7.34315 8.28822L1.68629 2.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),o=this.getTabs();return e("div",{class:"wrapper"},e("div",{class:"header"},e("h2",null,e("slot",{name:"title"})),e("p",null,e("slot",{name:"description"}))),e("div",{class:"tabs"},e("div",{class:"tabs-desktop"},o.map((t=>e("homepage-clickable-tab",{label:t.label,active:this.activeTab===t.index,activeColor:this.colors[t.index],onClick:()=>this.handleTabSelected(t.index)})))),e("div",{class:"tabs-mobile"},e("button",{class:`dropdown-button ${this.colors[this.activeTab]} ${this.dropdownOpen?"opened":""}`,onClick:()=>this.toggleDropdown()},o[this.activeTab].label,e("span",{class:"arrow"},this.dropdownOpen?t:i)),this.dropdownOpen&&e("div",{class:"dropdown-menu"},o.map((t=>e("div",{class:"dropdown-item "+(t.index===this.activeTab?"active-tab":""),onClick:()=>this.handleTabSelected(t.index)},e("slot",{name:`tab-label-${t.index}`}))))))),e("div",{class:"content"},o.map(((t,i)=>e("div",{class:"tab-content "+(this.activeTab===i?"active-tab":"")},e("slot",{name:`tab-image-${i}`}),e("div",{class:"content-detail"},e("div",{hidden:!0},t.label),e("h2",null,e("slot",{name:`tab-title-${i}`})),e("p",null,e("slot",{name:`tab-content-${i}`})),e("slot",{name:`tab-button-${i}`}),this.activeTab===i&&this.tileElements.length>0?e("div",Object.assign({class:"info-card-wrapper card-section"},this.getSliderBindings()),this.tileElements.map(((t,i)=>e("div",{class:`swiper-slide card-link card-link-${i+1}`,"tab-index":i+1,key:i,innerHTML:t.outerHTML,onMouseDown:t=>this.onCardMouseDown(t),onMouseUp:t=>this.onCardMouseUp(t),onMouseLeave:t=>this.onCardMouseUp(t),onTouchEnd:t=>{this.onCardMouseUp(t)}})))):null))))))}getSliderBindings(){return{onMouseDown:t=>{this.onSliderMouseDown(t,this.slider)},onMouseUp:t=>{this.onSliderMouseExit(t,this.slider)},onMouseLeave:t=>{this.onSliderMouseExit(t,this.slider)},onMouseMove:t=>{this.onSliderMouseDrag(t,this.slider)}}}get el(){return i(this)}};n.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}::slotted(.title){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:20px !important;font-style:normal !important;font-weight:700 !important;line-height:30px !important;margin-top:0px !important;margin-bottom:16px !important}@media screen and (min-width: 768px){::slotted(.title){font-size:24px !important}}::slotted(.description){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:18px !important;font-style:normal !important;font-weight:400 !important;line-height:27px !important;margin-top:0px !important;margin-bottom:0px !important}::slotted(.tab-slot-image){width:auto;object-fit:contain;margin-bottom:32px}@media screen and (min-width: 480px){::slotted(.tab-slot-image){height:500px}}@media screen and (min-width: 992px){::slotted(.tab-slot-image){margin-bottom:unset;height:auto;max-width:580px;width:50%}}.header{text-align:center;margin-bottom:20px;max-width:720px}.header h2{margin-top:0px !important;margin-bottom:16px !important}.tabs{display:flex;justify-content:center;margin-bottom:40px;position:relative;z-index:99}@media screen and (min-width: 992px){.tabs{margin-bottom:64px}}.tabs-desktop{display:flex;gap:24px;flex:1}.tabs-desktop homepage-clickable-tab{flex:1 1 122px}.tabs-mobile{display:none;position:relative}.dropdown-button{color:white;padding:24px;border:none;border-radius:var(--ptc-border-radius-standard);cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);text-align:left}.dropdown-button.opened{border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px}.dropdown-button.hp-blue{background:linear-gradient(180deg, #197BC0 0%, #4795CD 100%)}.dropdown-button.hp-green{background:linear-gradient(180deg, #00890B 0%, #33A13C 100%)}.dropdown-button.hp-red{background:linear-gradient(180deg, #D33E3E 0%, #DC6565 100%)}.dropdown-button.hp-gray{background:linear-gradient(180deg, #617480 0%, #819099 100%)}.dropdown-button.hp-orange{background:linear-gradient(180deg, #C37729 0%, #CF9254 100%)}.dropdown-button .arrow{margin-left:24px}.dropdown-menu{position:absolute;width:100%;background-color:var(--color-white);color:var(--color-gray-10);display:flex;flex-direction:column;border-radius:0px 0px var(--ptc-border-radius-standard) var(--ptc-border-radius-standard);border-top:0px;box-shadow:var(--ptc-shadow-medium)}.dropdown-menu .dropdown-item{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-regular)}.dropdown-menu .dropdown-item.active-tab ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold) !important}.dropdown-item{padding:24px 24px 0px 24px;cursor:pointer}.dropdown-item:last-of-type{padding-bottom:24px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold)}@media (max-width: 992px){.tabs-desktop{display:none}.tabs-mobile{display:block;width:100%}}.content{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.tab-content{display:none;opacity:0;flex-direction:column;width:100%;animation:fadeIn var(--ptc-transition-medium) ease-in-out forwards}.tab-content.active-tab{display:flex;opacity:1}@media only screen and (min-width: 992px){.tab-content{flex-wrap:nowrap;flex-direction:row;width:100%;justify-content:center;align-items:center;gap:56px}}.tab-content img{max-width:100%;width:100%;height:auto;margin-bottom:20px}@media only screen and (min-width: 992px){.tab-content img{width:580px;height:733px;flex-shrink:0}}.content-detail{text-align:left}@media only screen and (min-width: 992px){.content-detail{flex-grow:1;word-break:break-word}}.content-detail p,.content-detail h2{margin-block-start:unset;margin-block-end:unset}.content-detail h2{margin-bottom:16px}.content-detail p{margin-bottom:32px}.info-card-wrapper{margin-top:48px;display:flex;justify-content:center;align-items:center;width:calc(100% + 24px)}@media screen and (min-width: 992px){.info-card-wrapper{width:100%;margin-top:72px}}.card-section{display:flex;position:relative;flex-wrap:nowrap;flex-shrink:0;-ms-overflow-style:none;scrollbar-width:none;transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);justify-content:flex-start}.card-section::-webkit-scrollbar{display:none}.card-section .card-link{display:inline-flex;position:relative;text-decoration:none;z-index:10;align-items:center;gap:16px;margin-right:24px}.card-section .card-link .link-text{display:block;inline-size:190px;white-space:break-spaces}.card-section:before{position:absolute;width:32px;background:linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);top:16px;right:0;bottom:0;z-index:12}.card-section.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed{box-shadow:inset -2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3)}@media only screen and (min-width: 1200px){.card-section{align-items:flex-start;justify-content:flex-start;align-content:flex-start}.card-section.scroll-st,.card-section.scroll-ed,.card-section.scroll-ed.scroll-st{box-shadow:unset}.card-section .card-link{flex:unset}.card-section .card-link:first-child{margin-left:0}.card-section .card-link:last-child{margin-right:0}}.card-section{overflow:inherit;overflow-x:scroll;overflow-y:hidden;animation-duration:0ms;animation-delay:1000ms;animation-fill-mode:forwards}@media only screen and (min-width: 1200px){.card-section{overflow-x:scroll}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}";export{n as homepage_toggled_content}

package/dist/ptcw-design/p-e7937ac1.entry.js

@@ -0,0 +1 @@
+import{r as t,h as e,H as i}from"./p-ac75c7ad.js";const a=class{constructor(e){t(this,e),this.cardHref=void 0,this.target=void 0,this.trackerId=void 0}render(){return e(i,null,e("div",{id:this.trackerId,class:"tracker-div mf-listen"},e("a",{href:this.cardHref,target:this.target},e("div",null,e("span",{class:"card-icon"},e("slot",null)),e("div",{class:"card-title"},e("slot",{name:"card-title"}))))))}};a.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;height:100%}:host .tracker-div{display:inline}@supports (hyphenate-limit-chars: 10 3 3){:host{hyphenate-limit-chars:10 4 4}}:host a{display:block;padding:20px;background-color:var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);align-items:center;text-decoration:none;text-align:center;box-sizing:border-box;height:100%;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}@media only screen and (min-width: 992px){:host a{padding:var(--ptc-layout-spacing-03)}}:host a>div{display:flex;width:100%;height:100%;flex-direction:column;text-align:center;justify-content:center;align-items:center}@media only screen and (min-width: 480px){:host a>div{flex-direction:row;text-align:left;justify-content:left}}:host a:hover{background-color:var(--color-gray-08)}:host a:active{transition:none;background-color:var(--color-gray-09)}:host a span{display:block}:host .card-icon{width:2rem;height:2rem;margin:auto;margin-bottom:1rem;margin-top:0}@media only screen and (min-width: 480px){:host .card-icon{margin:0 var(--ptc-element-spacing-04) 0 0}}:host .card-title{font-weight:var(--ptc-font-weight-extrabold);color:var(--color-white)}";export{a as ptc_icon_card}

package/dist/ptcw-design/p-e9a7475b.entry.js

@@ -0,0 +1 @@
+import{r as t,c as o,h as e,H as i,g as r}from"./p-ac75c7ad.js";const a=class{constructor(e){t(this,e),this.readMoreTrigger=o(this,"readMoreTrigger",7),this.displayText=o(this,"displayText",7),this.maxCharacters=100,this.readMoreText="Read More",this.readLessText="Read Less",this.maxLines=void 0,this.contentStyles=void 0,this.trackerId="",this.expanded=!1,this.fullText="",this.truncated=!1}componentWillLoad(){requestAnimationFrame((()=>{let t=this.el.shadowRoot.querySelector("slot");this.processText(t)}))}slotChangeHandler(t){this.processText(t.target)}parseStyles(t){return t.split(";").reduce(((t,o)=>{const[e,i]=o.split(":").map((t=>t.trim()));return e&&i&&(t[e]=i),console.log("styleObj: "+t),t}),{})}processText(t){if(t){const o=t.assignedNodes({flatten:!0});this.fullText=o.map((t=>t.textContent)).join("").trim(),this.maxLines?this.truncateByLines():this.fullText.length>this.maxCharacters&&(this.truncated=!0)}this.displayText.emit(this.truncated)}truncateByLines(){const t=document.createElement("p");t.style.visibility="hidden",t.style.position="fixed",t.innerText=this.fullText,document.body.appendChild(t);const o=parseFloat(window.getComputedStyle(t).lineHeight);console.log("lineHeight: "+o);const e=o*this.maxLines;t.style.maxHeight=`${e}px`,t.style.overflow="hidden",t.scrollHeight>e&&(this.truncated=!0),document.body.removeChild(t)}getContent(){if(this.expanded)return this.fullText;if(this.maxLines){const t=document.createElement("p");t.style.visibility="hidden",t.style.position="fixed",t.innerText=this.fullText,document.body.appendChild(t);const o=parseFloat(window.getComputedStyle(t).lineHeight),e=o*this.maxLines;console.log("lineHeight: "+o),t.style.maxHeight=`${e}px`,t.style.overflow="hidden";let i="";for(let o=0;o<this.fullText.length;o++)if(t.innerText=this.fullText.slice(0,o)+"...",t.scrollHeight>e){i=this.fullText.slice(0,o-1)+"...";break}return document.body.removeChild(t),i}return this.fullText.substring(0,this.maxCharacters)+"..."}getLabel(){return this.expanded?this.readLessText:this.readMoreText}toggleExpand(){this.expanded=!this.expanded,this.readMoreTrigger.emit(this.expanded)}handleKeyDown(t){"Enter"===t.key&&this.toggleExpand()}render(){return e(i,null,this.contentStyles&&e("style",null,this.contentStyles),e("p",{class:"description"},this.truncated?this.getContent():e("slot",null)),this.truncated?e("label",{class:"label mf-listen",onClick:()=>this.toggleExpand(),id:this.trackerId,tabindex:"0",onKeyDown:t=>this.handleKeyDown(t)},this.getLabel()):null)}get el(){return r(this)}};a.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}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a),.background-plm-grey a.light-link{color:var(--color-blue-04)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}:host{display:block}:host .description{display:inline}:host .label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .label::before{content:"";padding-left:8px}:host .label:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}';export{a as ptc_readmore_v3}

package/dist/ptcw-design/{p-577dad08.entry.js → p-e9f12e0d.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as i,g as n}from"./p-ac75c7ad.js";const s=class{constructor(e){t(this,e),this.sliderId=`ptc-nav-slider-${Math.floor(1e6*Math.random())}`,this.leftBtnTrackerId=void 0,this.rightBtnTrackerId=void 0}componentDidLoad(){this.updateSlider(this);const{shadowRoot:t}=document.querySelector(`#${this.sliderId}`);t.querySelector(".box-wrap").addEventListener("scroll",this.updateSlider.bind(this)),setTimeout((()=>{this.updateSlider(this)}),3100)}handledropdownClickEvent(t){const e=t.target.querySelector(".nav-slider").id,i=t.target.querySelector(".nav-slider").shadowRoot.querySelector(".box-wrap"),n=document.querySelector(`#${e}`).shadowRoot.querySelector("#prevBtn"),s=document.querySelector(`#${e}`).shadowRoot.querySelector("#nextBtn");let o="ptc-nav-submenu"!=t.target.tagName.toLowerCase();console.log(t.target.tagName),this.updateArrows(i,n,s,o)}updateArrows(t,e,i,n){t.offsetWidth==t.scrollWidth?(e.style.visibility="hidden",i.style.visibility="hidden",n&&(e.closest(".btn-wrap-left").style.display="none")):t.scrollLeft+t.offsetWidth<=t.scrollWidth?(n&&(e.closest(".btn-wrap-left").style.display=""),t.scrollLeft>0?t.scrollLeft+t.offsetWidth==t.scrollWidth?(i.style.visibility="hidden",e.style.visibility="visible"):(e.style.visibility="visible",i.style.visibility="visible"):(e.style.visibility="hidden",i.style.visibility="visible")):(e.style.visibility="visible",i.style.visibility="hidden")}updateSlider(t){const e=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector(".box-wrap"),i=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector("#prevBtn"),n=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector("#nextBtn");if(void 0!==t&&t.target){let e=!t.target.closest(".dropdown-content");this.updateArrows(t.target,i,n,e)}else this.updateArrows(e,i,n,!1)}leftScroll(t){const e=document.querySelector(`#${t.sliderId}`).shadowRoot.querySelector(".box-wrap");e.scrollLeft>0&&e.scrollBy(-200,0)}rightScroll(t){const e=document.querySelector(`#${t.sliderId}`).shadowRoot.querySelector(".box-wrap");e.scrollLeft+e.offsetWidth<e.scrollWidth&&e.scrollBy(200,0)}render(){return e(i,{class:"nav-slider",id:this.sliderId},e("div",{class:"btn-wrap-left tracker-div",id:this.leftBtnTrackerId},e("button",{id:"prevBtn",class:"navArrows",onClick:()=>this.leftScroll(this),"aria-label":"Left scroll button"},e("svg",{width:"12",height:"12",viewBox:"0 0 12 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.166 13.2375L4.39723 7.5L10.166 1.7625L8.39004 0L0.832683 7.5L8.39004 15L10.166 13.2375Z",fill:"white"})))),e("div",{class:"box-wrap"},e("slot",null)),e("div",{class:"btn-wrap-right tracker-div",id:this.rightBtnTrackerId},e("button",{id:"nextBtn",class:"navArrows ",onClick:()=>this.rightScroll(this),"aria-label":"Right scroll button"},e("svg",{width:"12",height:"12",viewBox:"0 0 12 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0.833984 1.7625L6.60277 7.5L0.833984 13.2375L2.60996 15L10.1673 7.5L2.60996 0L0.833984 1.7625Z",fill:"white"})))))}get el(){return n(this)}};s.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}@media only screen and (min-width: 1200px){:host{max-width:746px;padding:0px 0px;display:flex;align-items:center;margin-left:-23px}:host .box-wrap{width:100%;height:auto;display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host .box-wrap::-webkit-scrollbar{display:none}}@media only screen and (min-width: 1440px){:host{margin-left:-46px}}:host .navArrows{cursor:pointer;display:inline-block}:host .navArrows svg{vertical-align:middle}:host .btn-wrap-left,:host .btn-wrap-right{display:none}@media only screen and (min-width: 1200px){:host .btn-wrap-left,:host .btn-wrap-right{display:inline-block;width:32px;height:32px;position:relative}}@media (max-width: 1199px){:host .btn-wrap-left,:host .btn-wrap-right{display:none !important}}:host button#prevBtn,:host button#nextBtn{background:transparent;border-radius:var(--ptc-border-radius-standard);border:2px solid transparent;margin:-2px;width:32px;height:32px}:host button#prevBtn:hover,:host button#nextBtn:hover{background:var(--color-gray-12)}:host button#prevBtn:focus-visible,:host button#nextBtn:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host .btn-wrap-left{margin-right:0}@media (min-width: 1250px){:host .btn-wrap-left{margin-right:14px}}:host .btn-wrap-right{margin-left:14px}:host .tracker-div{display:inline}";export{s as ptc_nav_slider}
+import{r as t,h as e,H as i,g as n}from"./p-ac75c7ad.js";const h=class{constructor(e){t(this,e),this.sliderId=`ptc-nav-slider-${Math.floor(1e6*Math.random())}`,this.leftBtnTrackerId=void 0,this.rightBtnTrackerId=void 0}componentDidLoad(){this.updateSlider(this);const{shadowRoot:t}=document.querySelector(`#${this.sliderId}`);t.querySelector(".box-wrap").addEventListener("scroll",this.updateSlider.bind(this)),setTimeout((()=>{this.updateSlider(this)}),3100)}handledropdownClickEvent(t){const e=t.target.querySelector(".nav-slider").id,i=t.target.querySelector(".nav-slider").shadowRoot.querySelector(".box-wrap"),n=document.querySelector(`#${e}`).shadowRoot.querySelector("#prevBtn"),h=document.querySelector(`#${e}`).shadowRoot.querySelector("#nextBtn");let a="ptc-nav-submenu"!=t.target.tagName.toLowerCase();console.log(t.target.tagName),this.updateArrows(i,n,h,a)}updateArrows(t,e,i,n){t.offsetWidth==t.scrollWidth?(e.style.visibility="hidden",i.style.visibility="hidden",n&&(e.closest(".btn-wrap-left").style.display="none")):t.scrollLeft+t.offsetWidth<=t.scrollWidth?(n&&(e.closest(".btn-wrap-left").style.display=""),t.scrollLeft>0?t.scrollLeft+t.offsetWidth==t.scrollWidth?(i.style.visibility="hidden",e.style.visibility="visible"):(e.style.visibility="visible",i.style.visibility="visible"):(e.style.visibility="hidden",i.style.visibility="visible")):(e.style.visibility="visible",i.style.visibility="hidden")}updateSlider(t){const e=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector(".box-wrap"),i=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector("#prevBtn"),n=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector("#nextBtn");if(void 0!==t&&t.target){let e=!t.target.closest(".dropdown-content");this.updateArrows(t.target,i,n,e)}else this.updateArrows(e,i,n,!1)}leftScroll(t){const e=document.querySelector(`#${t.sliderId}`).shadowRoot.querySelector(".box-wrap");e.scrollLeft>0&&e.scrollBy(-200,0)}rightScroll(t){const e=document.querySelector(`#${t.sliderId}`).shadowRoot.querySelector(".box-wrap");e.scrollLeft+e.offsetWidth<e.scrollWidth&&e.scrollBy(200,0)}render(){return e(i,{class:"nav-slider",id:this.sliderId},e("div",{class:"btn-wrap-left tracker-div",id:this.leftBtnTrackerId},e("button",{id:"prevBtn",class:"navArrows",onClick:()=>this.leftScroll(this),"aria-label":"Left scroll button"},e("svg",{width:"12",height:"12",viewBox:"0 0 12 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.166 13.2375L4.39723 7.5L10.166 1.7625L8.39004 0L0.832683 7.5L8.39004 15L10.166 13.2375Z",fill:"white"})))),e("div",{class:"box-wrap"},e("slot",null)),e("div",{class:"btn-wrap-right tracker-div",id:this.rightBtnTrackerId},e("button",{id:"nextBtn",class:"navArrows ",onClick:()=>this.rightScroll(this),"aria-label":"Right scroll button"},e("svg",{width:"12",height:"12",viewBox:"0 0 12 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0.833984 1.7625L6.60277 7.5L0.833984 13.2375L2.60996 15L10.1673 7.5L2.60996 0L0.833984 1.7625Z",fill:"white"})))))}get el(){return n(this)}};h.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}}@media only screen and (min-width: 1200px){:host{max-width:746px;padding:0px 0px;display:flex;align-items:center;margin-left:-23px}:host .box-wrap{width:100%;height:auto;display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host .box-wrap::-webkit-scrollbar{display:none}}@media only screen and (min-width: 1440px){:host{margin-left:-46px}}:host .navArrows{cursor:pointer;display:inline-block}:host .navArrows svg{vertical-align:middle}:host .btn-wrap-left,:host .btn-wrap-right{display:none}@media only screen and (min-width: 1200px){:host .btn-wrap-left,:host .btn-wrap-right{display:inline-block;width:32px;height:32px;position:relative}}@media (max-width: 1199px){:host .btn-wrap-left,:host .btn-wrap-right{display:none !important}}:host button#prevBtn,:host button#nextBtn{background:transparent;border-radius:var(--ptc-border-radius-standard);border:none;width:32px;height:32px}:host button#prevBtn:hover,:host button#nextBtn:hover{background:var(--color-gray-12)}:host .btn-wrap-left{margin-right:0}@media (min-width: 1250px){:host .btn-wrap-left{margin-right:14px}}:host .btn-wrap-right{margin-left:14px}:host .tracker-div{display:inline}";export{h as ptc_nav_slider}

package/dist/ptcw-design/{p-4ee98a3e.entry.js → p-eab1042e.entry.js}

@@ -1 +1 @@
-import{r as n,h as i,H as t,g as a}from"./p-ac75c7ad.js";import{o as e}from"./p-77b1221e.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.defer=!1,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,defer:this.defer,"poster-src":this.posterSrc}),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}
+import{r as n,h as i,H as t,g as a}from"./p-ac75c7ad.js";import{o as e}from"./p-841b807d.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.defer=!1,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,defer:this.defer,"poster-src":this.posterSrc}),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}