@ptcwebops/ptcw-design 6.4.9 → 6.4.10-beta

package/dist/ptcw-design/{p-b154bbdb.entry.js → p-3ca1b46e.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,a as i}from"./p-944c5be8.js";import{a as o}from"./p-c7e948b2.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;-o-object-fit:contain;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-c7e948b2.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-a318a793.entry.js → p-3cb011c9.entry.js}

@@ -1 +1 @@
-import{r as t,h as s}from"./p-944c5be8.js";import{f as o}from"./p-c7e948b2.js";const i=class{constructor(s){t(this,s),this.first=void 0,this.middle=void 0,this.last=void 0}getText(){return o(this.first,this.middle,this.last)}render(){return s("div",null,"Hello, World! I'm ",this.getText())}};i.style=":host{display:block}";export{i as my_component}
+import{r as t,h as s}from"./p-ac75c7ad.js";import{f as o}from"./p-c7e948b2.js";const i=class{constructor(s){t(this,s),this.first=void 0,this.middle=void 0,this.last=void 0}getText(){return o(this.first,this.middle,this.last)}render(){return s("div",null,"Hello, World! I'm ",this.getText())}};i.style=":host{display:block}";export{i as my_component}

package/dist/ptcw-design/{p-d3c11c68.entry.js → p-3cfe0126.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as e,H as a,a as s}from"./p-944c5be8.js";import{b as n}from"./p-c7e948b2.js";const o=(t,i)=>!!t.querySelector(':scope > [slot="'+i+'"'),h=class{constructor(e){t(this,e),this.opened=i(this,"opened",7),this.opening=i(this,"opening",7),this.closed=i(this,"closed",7),this.closing=i(this,"closing",7),this.heading=null,this.headingTag="h3",this.autoHeight=!1,this.active=!1,this.theme="standard",this.trackerId=void 0,this.styles=void 0,this.hasHeadingSlot=!0,this.hasArrowSlot=!0}componentWillLoad(){this.hasHeadingSlot=o(this.el,"heading"),this.hasArrowSlot=o(this.el,"arrow"),this.allowHiddenUntil=n()}componentDidLoad(){this.autoHeight&&this.bodyEl.style.setProperty("--ptc-accordion-item-body-max-height",this.bodyEl.scrollHeight+2+"px"),this.onTransitionEnd(),this.bodyEl.addEventListener("transitionstart",(()=>{this.onTransitionStart()})),this.bodyEl.addEventListener("transitionend",(()=>{this.onTransitionEnd()})),this.hasHeadingSlot=o(this.el,"heading"),this.hasArrowSlot=o(this.el,"arrow")}onTransitionEnd(){this.active?(this.bodyEl.style.overflow="auto",this.opened.emit()):(this.bodyEl.style.overflow="hidden",this.allowHiddenUntil?this.bodyEl.setAttribute("hidden","until-found"):this.bodyEl.style.visibility="hidden",this.closed.emit())}onTransitionStart(){this.active?(this.allowHiddenUntil?this.bodyEl.removeAttribute("hidden"):this.bodyEl.style.visibility="visible",this.opening.emit()):this.closing.emit()}async toggle(){this.active?this.close():this.open()}async close(){this.active=!1}async open(){this.active=!0}beforeMatch(){this.open()}render(){const{active:t,autoHeight:i,theme:s,headingTag:n}=this,o=e("div",{class:"body-container",ref:t=>this.bodyEl=t,onBeforeMatch:()=>{this.beforeMatch()}},e("div",{class:"body"},e("slot",null)));return e(a,{class:{active:t,autoHeight:i},id:this.trackerId},this.styles&&e("style",null,this.styles),e("button",{class:{heading:!0,[s]:!0,"mf-listen":!0,"focus-status":!0},role:"button",onClick:()=>this.toggle(),id:this.trackerId},e("span",{class:"arrow"},this.hasArrowSlot?e("slot",{name:"arrow"}):e("svg",{focusable:"false",viewBox:"0 0 24 24","aria-hidden":"true"},e("path",{d:"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"}))),this.hasHeadingSlot?e("slot",{name:"heading"}):e(n,{class:"heading-text"},this.heading)),o)}get el(){return s(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}}:host{border-bottom:1px solid var(--color-gray-03);display:block}:host .heading{display:flex;align-items:center;justify-content:initial;width:100%;border:none;text-align:left;padding:var(--ptc-element-spacing-06);padding-left:0;cursor:pointer;transition:border-radius var(--ptc-transition-fast) ease var(--ptc-transition-fast);background-color:transparent}:host .heading .heading-text{color:var(--color-gray-10);margin:0;font-weight:var(--ptc-font-weight-bold);flex:1;font-size:var(--ptc-font-size-medium);font-family:var(--ptc-font-latin)}:host .heading .arrow{color:var(--color-green-06);margin-right:var(--ptc-element-spacing-05);transition:transform var(--ptc-transition-fast) ease-in-out}:host .heading .arrow svg{width:34px;height:34px}:host .heading .arrow svg path{fill:currentColor}@media only screen and (min-width: 768px){:host .heading .heading-text{font-size:var(--ptc-font-size-large)}}:host .body-container{overflow:hidden;max-height:0;transition:max-height var(--ptc-transition-fast) ease-in-out;scrollbar-width:none;}:host .body-container::-webkit-scrollbar{display:none;}:host .body-container .body{border-top-left-radius:0;border-top-right-radius:0;overflow:hidden;padding:var(--ptc-layout-spacing-02);padding-top:0}@media only screen and (min-width: 360px){:host .body-container .body{padding-left:24px;padding-right:0px;padding-bottom:32px}}@media only screen and (min-width: 480px){:host .body-container .body{padding-left:32px;padding-right:0px;padding-bottom:32px}}:host(.autoHeight) .body-container{overflow:hidden}:host(.active) .heading{border-bottom-left-radius:0;border-bottom-right-radius:0;transition:border-radius 0s ease}:host(.active) .heading .arrow{transform:rotate(180deg)}:host(.active) .body-container{max-height:var(--ptc-accordion-item-body-max-height)}.heading.minimalist .arrow{display:none}.heading.minimalist h3.heading-text{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){.heading.minimalist h3.heading-text{font-size:var(--ptc-font-size-large)}}.focus-status:focus-visible{outline:5px solid var(--keyboard-nav-outline);border-radius:var(--ptc-border-radius-standard) !important;outline-offset:-5px}.body ::slotted(a):focus,.body ::slotted(a):focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important}";export{h as ptc_accordion_item}
+import{r as t,c as i,h as e,H as a,g as s}from"./p-ac75c7ad.js";import{b as n}from"./p-c7e948b2.js";const o=(t,i)=>!!t.querySelector(':scope > [slot="'+i+'"'),h=class{constructor(e){t(this,e),this.opened=i(this,"opened",7),this.opening=i(this,"opening",7),this.closed=i(this,"closed",7),this.closing=i(this,"closing",7),this.heading=null,this.headingTag="h3",this.autoHeight=!1,this.active=!1,this.theme="standard",this.trackerId=void 0,this.styles=void 0,this.hasHeadingSlot=!0,this.hasArrowSlot=!0}componentWillLoad(){this.hasHeadingSlot=o(this.el,"heading"),this.hasArrowSlot=o(this.el,"arrow"),this.allowHiddenUntil=n()}componentDidLoad(){this.autoHeight&&this.bodyEl.style.setProperty("--ptc-accordion-item-body-max-height",this.bodyEl.scrollHeight+2+"px"),this.onTransitionEnd(),this.bodyEl.addEventListener("transitionstart",(()=>{this.onTransitionStart()})),this.bodyEl.addEventListener("transitionend",(()=>{this.onTransitionEnd()})),this.hasHeadingSlot=o(this.el,"heading"),this.hasArrowSlot=o(this.el,"arrow")}onTransitionEnd(){this.active?(this.bodyEl.style.overflow="auto",this.opened.emit()):(this.bodyEl.style.overflow="hidden",this.allowHiddenUntil?this.bodyEl.setAttribute("hidden","until-found"):this.bodyEl.style.visibility="hidden",this.closed.emit())}onTransitionStart(){this.active?(this.allowHiddenUntil?this.bodyEl.removeAttribute("hidden"):this.bodyEl.style.visibility="visible",this.opening.emit()):this.closing.emit()}async toggle(){this.active?this.close():this.open()}async close(){this.active=!1}async open(){this.active=!0}beforeMatch(){this.open()}render(){const{active:t,autoHeight:i,theme:s,headingTag:n}=this,o=e("div",{class:"body-container",ref:t=>this.bodyEl=t,onBeforeMatch:()=>{this.beforeMatch()}},e("div",{class:"body"},e("slot",null)));return e(a,{class:{active:t,autoHeight:i},id:this.trackerId},this.styles&&e("style",null,this.styles),e("button",{class:{heading:!0,[s]:!0,"mf-listen":!0,"focus-status":!0},role:"button",onClick:()=>this.toggle(),id:this.trackerId},e("span",{class:"arrow"},this.hasArrowSlot?e("slot",{name:"arrow"}):e("svg",{focusable:"false",viewBox:"0 0 24 24","aria-hidden":"true"},e("path",{d:"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"}))),this.hasHeadingSlot?e("slot",{name:"heading"}):e(n,{class:"heading-text"},this.heading)),o)}get el(){return s(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}}:host{border-bottom:1px solid var(--color-gray-03);display:block}:host .heading{display:flex;align-items:center;justify-content:initial;width:100%;border:none;text-align:left;padding:var(--ptc-element-spacing-06);padding-left:0;cursor:pointer;transition:border-radius var(--ptc-transition-fast) ease var(--ptc-transition-fast);background-color:transparent}:host .heading .heading-text{color:var(--color-gray-10);margin:0;font-weight:var(--ptc-font-weight-bold);flex:1;font-size:var(--ptc-font-size-medium);font-family:var(--ptc-font-latin)}:host .heading .arrow{color:var(--color-green-06);margin-right:var(--ptc-element-spacing-05);transition:transform var(--ptc-transition-fast) ease-in-out}:host .heading .arrow svg{width:34px;height:34px}:host .heading .arrow svg path{fill:currentColor}@media only screen and (min-width: 768px){:host .heading .heading-text{font-size:var(--ptc-font-size-large)}}:host .body-container{overflow:hidden;max-height:0;transition:max-height var(--ptc-transition-fast) ease-in-out;scrollbar-width:none;}:host .body-container::-webkit-scrollbar{display:none;}:host .body-container .body{border-top-left-radius:0;border-top-right-radius:0;overflow:hidden;padding:var(--ptc-layout-spacing-02);padding-top:0}@media only screen and (min-width: 360px){:host .body-container .body{padding-left:24px;padding-right:0px;padding-bottom:32px}}@media only screen and (min-width: 480px){:host .body-container .body{padding-left:32px;padding-right:0px;padding-bottom:32px}}:host(.autoHeight) .body-container{overflow:hidden}:host(.active) .heading{border-bottom-left-radius:0;border-bottom-right-radius:0;transition:border-radius 0s ease}:host(.active) .heading .arrow{transform:rotate(180deg)}:host(.active) .body-container{max-height:var(--ptc-accordion-item-body-max-height)}.heading.minimalist .arrow{display:none}.heading.minimalist h3.heading-text{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){.heading.minimalist h3.heading-text{font-size:var(--ptc-font-size-large)}}.focus-status:focus-visible{outline:5px solid var(--keyboard-nav-outline);border-radius:var(--ptc-border-radius-standard) !important;outline-offset:-5px}.body ::slotted(a):focus,.body ::slotted(a):focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important}";export{h as ptc_accordion_item}

package/dist/ptcw-design/p-3ddb6c50.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as e,H as s,g as a}from"./p-ac75c7ad.js";const r=class{constructor(e){t(this,e),this.clicked=i(this,"clicked",7),this.handleClick=()=>{this.clicked.emit(this)},this.handleKeyDown=t=>{"Enter"===t.key&&this.clicked.emit(this)},this.theme="bubble",this.iconColorMap=void 0,this.styles=void 0,this.trackerID=void 0}componentWillLoad(){this.iconColorMap={bubble:{hover:"black",standard:"light-gray"},standard:{hover:"ptc-green",standard:"black"}}}handleMouseEnter(){this.updateIconColor("hover")}handleMouseLeave(){this.updateIconColor("standard")}updateIconColor(t){let i=this.el.shadowRoot.querySelector("icon-asset");i&&this.iconColorMap[this.theme]&&i.setAttribute("color",this.iconColorMap[this.theme][t])}render(){const t=this.getCssClassMap();let i;switch(this.theme){case"bubble":i=e("icon-asset",{class:"cls",type:"ptc",color:"light-gray",name:"times",size:"micro"});break;case"standard":i=e("icon-asset",{class:"cls",type:"ptc",color:"black",name:"times",size:"xxx-small"})}return e(s,null,this.styles&&e("style",null,this.styles),e("span",{tabindex:"0",class:t,onClick:()=>this.handleClick(),onKeyPress:()=>this.handleClick(),onKeyDown:t=>this.handleKeyDown(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},e("slot",null),i))}getCssClassMap(){return{"ptc-filter-tag":!0,[this.theme]:!0}}get el(){return a(this)}};r.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.ptc-filter-tag{display:block;cursor:pointer;position:relative;margin:0.25rem}.ptc-filter-tag:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.ptc-filter-tag.bubble{margin:0 0.25rem;display:inline-block;color:var(--color-gray-12);font-family:Raleway;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:1.125rem;text-align:left;align-items:center;transition:border-color ease-out 250ms;border:1px solid var(--color-gray-05);border-radius:999px;padding:0.375rem 1.875rem 0.375rem 0.875rem;background:var(--color-white)}.ptc-filter-tag.bubble:hover{border:1px solid var(--color-gray-12)}.ptc-filter-tag.bubble .cls{display:block;position:absolute;top:0.35rem;right:0.8rem}.ptc-filter-tag.link,.ptc-filter-tag.link-lg{display:inline-block;font-family:Raleway;color:var(--color-gray-12);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:right;border-bottom:1px solid transparent;background:var(--color-white)}.ptc-filter-tag.link:hover,.ptc-filter-tag.link-lg:hover{text-decoration:underline}.ptc-filter-tag.link .cls,.ptc-filter-tag.link-lg .cls{display:none}.ptc-filter-tag.link-lg{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold)}.ptc-filter-tag.button{display:inline-block;background-color:var(--color-gray-12);border-radius:var(--ptc-border-radius-standard);padding:0.625rem 1rem;font-family:"Raleway";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-denser);color:var(--color-white);transition:border-color ease-out 250ms}.ptc-filter-tag.button:hover{background-color:var(--color-gray-10)}.ptc-filter-tag.button:active{transition:none;background-color:var(--color-black)}.ptc-filter-tag.button .cls{display:none}.ptc-filter-tag.standard{display:inline-flex;background:var(--color-gray-12);font-family:"Raleway";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-denser);color:var(--color-green-07);background-color:transparent}.ptc-filter-tag.standard .cls{display:block;margin-left:0.25rem}.ptc-filter-tag.standard:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}';const n=class{constructor(e){t(this,e),this.paginationItemKeydown=i(this,"paginationItemKeydown",7),this.pageClicked=i(this,"pageClicked",7),this.handleClick=t=>{t&&t.preventDefault();let i=this.getPageLength();this.clickedPageNumber<this.getPageCount()&&(this.clickedPageNumber+1<=this.maxPageNumber?this.handleClickPage(t,this.clickedPageNumber+1):(this.minPageNumber=this.minPageNumber+i,this.clickedPageNumber=this.clickedPageNumber+1,this.appendArray=!0,this.pageNumbers=[...this.pageNumbers],this.pageClicked.emit(this.clickedPageNumber)))},this.handleClickPrev=t=>{t&&t.preventDefault();let i=this.getPageLength();this.clickedPageNumber>1&&(this.clickedPageNumber-1>=this.minPageNumber?this.handleClickPage(t,this.clickedPageNumber-1):(this.minPageNumber=this.minPageNumber-i,this.minPageNumber<1&&(this.minPageNumber=1),this.clickedPageNumber=this.clickedPageNumber-1,this.appendArray=!0,this.pageNumbers=[...this.pageNumbers],this.pageClicked.emit(this.clickedPageNumber)))},this.getPageCount=()=>{let t=0;return 0!=this.totalCount&&(t=this.totalCount%this.numberOfItems==0?this.totalCount/this.numberOfItems:this.totalCount/this.numberOfItems+1),Math.floor(t)},this.getIndex=()=>{let t=this.getPageLength();if(this.appendArray){let i=this.getPageCount();"standard"==this.theme?this.isSmallScreen?this.getPageCount()<=5?(this.minPageNumber=1,this.maxPageNumber=this.getPageCount()):1==t?(this.minPageNumber=this.clickedPageNumber,this.maxPageNumber=this.clickedPageNumber):(this.clickedPageNumber<t&&(this.minPageNumber=1),this.clickedPageNumber<i-2?(this.maxPageNumber=this.minPageNumber+1,this.maxPageNumber>i&&(this.maxPageNumber=i)):this.maxPageNumber=i):this.getPageCount()<=6?(this.minPageNumber=1,this.maxPageNumber=this.getPageCount()):2==t?(this.minPageNumber=this.clickedPageNumber-1,this.maxPageNumber=this.clickedPageNumber+1):(this.clickedPageNumber<t&&(this.minPageNumber=1),this.clickedPageNumber<i-2?(this.maxPageNumber=this.minPageNumber+3,this.maxPageNumber>i&&(this.maxPageNumber=i)):this.maxPageNumber=i):this.maxPageNumber=i>=this.minPageNumber+t?this.minPageNumber+t:i,this.pageNumbers=[];for(let t=this.minPageNumber;t<=this.maxPageNumber;t++){let i=t+"Id",e=!1;t==this.clickedPageNumber&&(e=!0),t==this.getPageCount()&&(i="last"),this.pageNumbers=[...this.pageNumbers,{id:i,isActive:e,dataPage:t}]}}return this.pageNumbers},this.totalCount=void 0,this.numberOfItems=9,this.previousValue="Previous",this.lastValue="Next",this.pageNumbers=[],this.isSmallScreen=void 0,this.minPageNumber=1,this.maxPageNumber=4,this.clickedPageNumber=1,this.appendArray=!0,this.prevArrowImg="/dist/ptc/images/sidescroll-left-curved.svg",this.nextArrowImg="/dist/ptc/images/sidescroll-right-curved.svg",this.theme="events",this.styles=void 0}componentWillLoad(){this.verifiyScreenSize(),"standard"==this.theme?this.setupStandardPresets():this.setupEventPresets()}componentDidLoad(){const t=this.el.shadowRoot.querySelector(".standard-filter");t&&t.addEventListener("keydown",(t=>{"Enter"===t.key&&"A"===t.target.tagName&&this.paginationItemKeydown.emit()}))}setupStandardPresets(){this.clickedPageNumber<1||this.clickedPageNumber>this.getPageCount()&&(this.clickedPageNumber=this.getPageCount()),this.isSmallScreen?1==this.clickedPageNumber?(this.minPageNumber=1,this.maxPageNumber=this.maxPageNumber+1):(this.maxPageNumber=this.clickedPageNumber,this.minPageNumber=this.maxPageNumber-1):1==this.clickedPageNumber?(this.minPageNumber=1,this.maxPageNumber=this.maxPageNumber+3):(this.maxPageNumber=this.clickedPageNumber,this.minPageNumber=this.maxPageNumber-3)}setupEventPresets(){this.clickedPageNumber>1&&(this.clickedPageNumber>this.getPageCount()?(this.clickedPageNumber=this.getPageCount(),this.maxPageNumber=this.getPageCount(),this.minPageNumber=this.clickedPageNumber-2):(this.maxPageNumber=this.clickedPageNumber+1,this.minPageNumber=this.clickedPageNumber-1))}render(){let t=this.getPageCount(),i=this.getPageLength();if(this.pageNumbers=[...this.getIndex()],"standard"===this.theme){let s=t>6;return e("div",{class:"standard-filter"},this.styles&&e("style",null,this.styles),e("a",{id:"lastPageArrowId",href:"#",class:1==this.clickedPageNumber?"previous-button mf-listen disabled":"previous-button mf-listen",onClick:this.handleClickPrev},e("icon-asset",{type:"ptc",name:"chevron-down",size:"xxx-small"})),s&&this.clickedPageNumber>i?[e("a",{href:"#",id:"pagebtn1Id","data-url":"first","data-page":1,class:"standard-filter-item mf-listen",onClick:t=>this.handlePageSkip(t,1)},1),e("span",{class:"standard-filter-dots"},"...")]:null,this.pageNumbers.map((t=>e("a",{href:"#",id:"pagebtn"+t.dataPage+"id","data-url":t.id,"data-page":t.dataPage,class:t.isActive?"standard-filter-item  mf-listen active":"standard-filter-item mf-listen",onClick:i=>this.handleClickPage(i,t.dataPage)},t.dataPage))),s&&t>this.maxPageNumber?[e("span",{class:"standard-filter-dots"},"..."),e("a",{href:"#","data-url":"last",id:"pagebtn"+t+"id","data-page":t,class:"mf-listen standard-filter-item",onClick:i=>this.handlePageSkip(i,t)},t)]:null,e("a",{id:"nextPageArrowId",href:"#",class:this.clickedPageNumber==t?"next-button mf-listen disabled":"next-button mf-listen",onClick:this.handleClick},e("icon-asset",{type:"ptc",name:"chevron-down",size:"xxx-small"})))}return e("div",{class:"events-filter"},this.styles&&e("style",null,this.styles),e("span",{class:1==this.clickedPageNumber?"events-filter-item disabled prev-text":"events-filter-item prev-text"},this.previousValue),e("img",{src:this.prevArrowImg,onClick:this.handleClickPrev,class:1==this.clickedPageNumber?"pagenation-arrow prev-page events-disable-arrows":"pagenation-arrow prev-page"}),this.pageNumbers.map((t=>e("a",{href:"#",id:"pagebtn"+t.dataPage+"id","data-url":t.id,"data-page":t.dataPage,class:t.isActive?"events-filter-item mf-listen active":"events-filter-item mf-listen",onClick:i=>this.handleClickPage(i,t.dataPage)},t.dataPage))),t>this.maxPageNumber?e("span",{class:"events-filter-dots"},". . ."):null,e("img",{src:this.nextArrowImg,onClick:this.handleClick,class:this.clickedPageNumber==t?"pagenation-arrow last-page events-disable-arrows":"pagenation-arrow last-page"}),e("span",{class:this.clickedPageNumber==t?"events-filter-item disabled last-text":"events-filter-item last-text"},this.lastValue))}handlePageSkip(t,i){t&&t.preventDefault(),this.isSmallScreen?1==i?(this.minPageNumber=1,this.maxPageNumber=this.maxPageNumber+1):(this.maxPageNumber=i,this.minPageNumber=this.maxPageNumber-1):1==i?(this.minPageNumber=1,this.maxPageNumber=this.maxPageNumber+3):(this.maxPageNumber=i,this.minPageNumber=this.maxPageNumber-3),this.clickedPageNumber=i,this.appendArray=!0,this.pageClicked.emit(i)}handleClickPage(t,i){t&&t.preventDefault(),this.clickedPageNumber=i;let e=[];this.appendArray=!1,e=[...this.pageNumbers],e.map((t=>{t.isActive=t.dataPage==i})),this.pageNumbers=null,this.pageNumbers=[...e],this.pageClicked.emit(i)}getPageLength(){return"standard"==this.theme?(this.appendArray=!0,this.isSmallScreen?this.clickedPageNumber>2&&this.clickedPageNumber<this.getPageCount()-1?1:2:this.clickedPageNumber>3&&this.clickedPageNumber<this.getPageCount()-1?2:4):3}windowResize(){this.verifiyScreenSize()}verifiyScreenSize(){this.isSmallScreen=window.innerWidth<=479}get el(){return a(this)}};n.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}.events-filter{padding:20px 32px 20px 0;text-align:center}@media (min-width: 992px){.events-filter{padding:10px 40px 10px 0px}}.events-filter .pagenation-arrow{width:40px;height:40px;margin:0 15px;vertical-align:middle}.standard-filter{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-semibold);text-align:center}.standard-filter .standard-filter-item{height:2.5rem;width:2.5rem;display:inline-flex;align-items:center;justify-content:center;margin-right:0.5rem;transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:transparent;border-radius:var(--ptc-border-radius-standard);color:var(--color-gray-10);text-decoration:none}.standard-filter .standard-filter-item:hover{background-color:var(--color-gray-02);text-decoration:none}.standard-filter .standard-filter-item:focus{text-decoration:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.standard-filter .standard-filter-item:active{background-color:var(--color-gray-05);text-decoration:none;transition:none}.standard-filter .standard-filter-item.active{transition:none;background-color:var(--color-gray-12);color:var(--color-white)}.standard-filter .standard-filter-item.active:hover{transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium);background-color:var(--color-gray-12);cursor:default}.standard-filter .standard-filter-item[data-url=last]{margin-right:1.25rem}.standard-filter .next-button,.standard-filter .previous-button{font-size:var(--ptc-font-size-x-small);font-weight:normal;display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border:1px solid var(--color-gray-10);border-radius:calc(var(--ptc-border-radius-standard) / 2);transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), fill var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium)}.standard-filter .next-button:hover,.standard-filter .previous-button:hover{background-color:var(--color-gray-02);text-decoration:none}.standard-filter .next-button:active,.standard-filter .previous-button:active{transition:none;background-color:var(--color-gray-05);text-decoration:none}.standard-filter .next-button:focus,.standard-filter .previous-button:focus{text-decoration:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.standard-filter .next-button.disabled,.standard-filter .previous-button.disabled{cursor:default;border-color:var(--color-gray-04);color:var(--color-gray-04);fill:var(--color-gray-04)}.standard-filter .next-button.disabled:hover,.standard-filter .next-button.disabled:active,.standard-filter .previous-button.disabled:hover,.standard-filter .previous-button.disabled:active{background-color:transparent}.standard-filter .previous-button{margin-right:1.25rem}.standard-filter .previous-button icon-asset{transform:rotate(90deg);position:relative;right:2px}.standard-filter .next-button icon-asset{transform:rotate(-90deg);position:relative;left:1px}.standard-filter .standard-filter-dots{margin:0.125rem 0.5rem 0.125rem 0.125rem}@media (768px){.standard-filter .standard-filter-dots{margin:0.125rem 0.5rem 0.125rem 0.125rem}}.show-page{display:inline}.hide-page{display:none}.prev-text{display:none}.last-text{display:none}@media (min-width: 992px){.prev-text{display:inline}.last-text{display:inline}}.events-filter-item{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);font-stretch:normal;font-style:var(--ptc-font-style-normal);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;padding:6px;color:var(--color-gray-10);text-decoration:none}.events-filter .active{font-family:var(--ptc-font-latin);border-bottom:2px solid var(--color-green-13);font-weight:var(--ptc-font-weight-semibold)}.events-filter-item:hover,.events-filter-item:focus{text-decoration:none;outline:0;color:var(--color-green-14)}span.events-filter-item:hover,span.events-filter-item:focus{text-decoration:none;outline:0;color:var(--color-gray-10)}span.events-filter-item.disabled{color:var(--color-white-01)}.events-filter .disabled{color:var(--color-white-01)}.events-filter-dots{padding:0rem;font-weight:var(--ptc-font-weight-extrabold);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-stretch:normal;font-style:var(--ptc-font-style-normal);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;color:var(--color-gray-10);text-decoration:none}.events-disable-arrows{opacity:0.35}.events-enable-arrows{opacity:1}.events-small-dots{height:60px;margin-top:-25px}@media (min-width: 992px){.events-small-dots{height:80px;margin-top:-40px}}.last-page{transform:rotate(180deg)}";export{r as ptc_filter_tag,n as ptc_pagenation}