@ptcwebops/ptcw-design 1.2.3 → 1.2.5

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

@@ -0,0 +1 @@
+import{r as t,h as s,H as o,g as e,c as a}from"./p-9dd25c18.js";import{a as r}from"./p-50e52c88.js";const i=class{constructor(s){t(this,s),this.maxWidth=void 0,this.breakpoint=768,this.contentAlign="center"}componentDidLoad(){this.handleResize(),window.addEventListener("resize",this.handleResize.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}render(){const t=this.getCssClassMap();return s(o,{class:t},s("slot",null))}getCssClassMap(){return{[this.contentAlign]:!0}}handleResize(){this.el&&(this.el.style.maxWidth=window.innerWidth>=this.breakpoint?`${this.maxWidth}px`:"initial")}get el(){return e(this)}};i.style=":host{display:block}:host(.left){margin:auto auto auto 0}:host(.right){margin:auto 0 auto auto}:host(.center){margin:0 auto}";const l=class{constructor(s){t(this,s),this.videoSrc=void 0,this.posterSrc=void 0,this.overlay=!0,this.type="default"}render(){return s(o,{class:this.type},s("video",{src:this.videoSrc,poster:this.posterSrc,autoplay:!0,loop:!0,muted:!0,playsinline:!0}),this.overlay?s("div",{class:"video-overlay"}):"","default"==this.type?s("slot",null):"")}};l.style=":host{display:block;position:relative}:host video{position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100;object-fit:cover}:host .video-overlay{z-index:1;display:block;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0.8;background-image:linear-gradient(270deg, rgba(30, 38, 38, 0) 26%, #1e2626)}:host(.legacy){display:block;position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100}:host(.legacy) video{object-fit:cover;position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden}";const n=class{constructor(s){t(this,s),this.sizeXs="510x340",this.sizeSm="1240x496",this.sizeMd="1366x500",this.sizeLg="1920x1080",this.imgUrl=void 0,this.imageType="smart-bg",this.borderRadius="",this.loadMode="lazy-bg"}WindowResize(){this.setResponsiveBg()}render(){const t=this.getCssClassMap();return s(o,null,s("div",{class:t,"data-xs":`${this.imgUrl}:${this.sizeXs}`,"data-sm":`${this.imgUrl}:${this.sizeSm}`,"data-md":`${this.imgUrl}:${this.sizeMd}`,"data-lg":`${this.imgUrl}:${this.sizeLg}`},"smart-bg"==this.imageType?s("slot",null):null))}componentDidLoad(){this.addIntersectionObserver(),this.setResponsiveBg()}componentWillUpdate(){this.addIntersectionObserver(),this.setResponsiveBg()}setResponsiveBg(){let t,s,o=(this.el||document).querySelectorAll(r.selector),e=this.getCurrentBreakPoints();for(var a=0,i=o.length;a<i;a++)t=o[a],s=t.getAttribute("data-"+e),null!==s?t.style.backgroundImage="url('"+s+"')":"object"==typeof console&&console.warn("Data attribute: data-"+e+" not found on element:\n\n"+t.outerHTML+"\n\n\n")}addIntersectionObserver(){if(this.imgUrl){if("IntersectionObserver"in window){let t=(this.el||document).querySelectorAll(".lazy-bg"),s=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){const o=t.target;o.classList.remove("lazy-bg"),s.unobserve(o)}}))}));t.forEach((t=>{s.observe(t)}))}}else console.log("no image!")}getCssClassMap(){return{[this.imageType]:!0,"ptc-img":!0,[this.borderRadius]:!0,[this.loadMode]:!0}}getCurrentBreakPoints(){let t,s=window.document,o=s.createElement("div");s.body.appendChild(o);for(let e=r.envs.length-1;e>=0;e--)if(t=r.envs[e],o.className="hidden-"+t,null===o.offsetParent)return s.body.removeChild(o),t;return s.body.removeChild(o),this.getFallbackBreakpoint()}getFallbackBreakpoint(){return window.matchMedia("(min-width: 992px)").matches?"lg":window.matchMedia("(min-width: 768px)").matches?"md":window.matchMedia("(min-width: 576px)").matches?"sm":"xs"}get el(){return e(this)}};n.style=".smart-bg{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.smart-img{position:absolute;display:block;width:100%;height:100%;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.lazy-bg{background-image:none !important;background-color:var(--color-gray-03)}@media only screen and (min-width: 768px){.hidden-xs{display:none !important}}@media (min-width: 768px) and (max-width: 991px){.hidden-sm{display:none !important}}@media (min-width: 992px) and (max-width: 1199px){.hidden-md{display:none !important}}@media only screen and (min-width: 768px){.hidden-lg{display:none !important}}";const d=class{constructor(s){t(this,s),this.closed=a(this,"closed",7),this.opened=a(this,"opened",7),this.iframeUrl=void 0,this.size="sm",this.show=!1,this.overlay=!0,this.fixed=!1,this.closeOnBlur=!1,this.rounded=!1,this.showHeaderFooter=!1,this.overlayHeight=void 0,this.borderRadius="standard | large | pill | circle",this.isBioModal=!1,this.bodyOverflowSetting=void 0}fireOnClosed(t){this.closed.emit(t)}fireOnOpened(t){this.opened.emit(t)}componentWillLoad(){let t=document.querySelector("body");this.bodyOverflowSetting={overflowY:t.style.overflowY,overflowX:t.style.overflowX}}componentWillRender(){let t=document.querySelector("body");t&&(this.show?(t.style.overflowY="scroll",t.style.overflowX="hidden"):(t.style.overflowY=this.bodyOverflowSetting.overflowY,t.style.overflowX=this.bodyOverflowSetting.overflowX))}componentDidLoad(){this.show&&this.fireOnOpened(this),this.showHeaderFooter&&this.handleScroll()}componentDidUpdate(){this.show?this.fireOnOpened(this):this.fireOnClosed(this)}resizeIframe(t){let s=t.target;setTimeout((()=>{try{s.contentDocument?s.height=`${s.contentDocument.body.scrollHeight}px`:(s.height="616px",s.removeAttribute("scrolling"))}catch(t){console.log(t),s.height="616px",s.removeAttribute("scrolling")}s.classList.add("ready")}),50)}handleScroll(){let t=this.el.shadowRoot.querySelector(".shadow-scroller");if(t){let a=t.querySelector(".modal-body");var s=a.scrollHeight,o=a.scrollTop,e=a.offsetHeight;a.clientHeight<s&&(o>0?t.classList.add("scroll-top"):t.classList.remove("scroll-top"),e+o<s?t.classList.add("scroll-bottom"):t.classList.remove("scroll-bottom"))}}close(){this.show=!1}render(){let t,e,a=this.iframeUrl?"frame":"html",r=s("div",{class:"close"},s("a",{href:"#",onClick:t=>{t.preventDefault(),this.close()}},this.isBioModal?s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"42",height:"41.485",viewBox:"0 0 42 41.485"},s("g",{"data-name":"Group 1042",transform:"rotate(180 108.25 87.993)"},s("path",{d:"M0 0v39.486",class:"cls-1","data-name":"Line 446"}),s("path",{d:"M0 0h40",class:"cls-1","data-name":"Line 447"}),s("path",{d:"M0 33.592V0",class:"cls-1","data-name":"Line 448"}),s("path",{d:"M23.994 0H0",class:"cls-1","data-name":"Line 449"}),s("path",{d:"M0 0l17.596 17.596",class:"cls-2","data-name":"Line 450",transform:"translate(187.229 147.226)"}),s("path",{d:"M0 7.198L7.199 0",class:"cls-2","data-name":"Line 451",transform:"translate(197.55 147.312)"}),s("path",{d:"M0 7.2L7.2 0",class:"cls-2","data-name":"Path 114",transform:"translate(187.313 157.549)"}))):s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none"},s("path",{d:"M1 1L13 13",stroke:"black"}),s("path",{d:"M13 1L1 13",stroke:"black"}))));return t=this.iframeUrl?s("iframe",{src:this.iframeUrl,frameBorder:0,allowFullScreen:!1,height:"100%",width:"100%",scrolling:"no",onLoad:this.resizeIframe}):s("slot",this.showHeaderFooter?{name:"body"}:null),this.overlay&&(e=s("div",this.closeOnBlur?{class:"overlay",onClick:()=>this.close()}:{class:"overlay"})),s(o,{class:`${this.isBioModal?"bio-modal":""} ${this.borderRadius}`},s("div",{class:`wrapper ${this.show?"show":"hide"} ${this.fixed?"fixed":""} `},e,s("div",{class:`modal-popup ${this.size} ${a} ${this.rounded?"rounded":""} ${this.showHeaderFooter?"shadow-scroller":""} `},this.showHeaderFooter?[s("div",{class:"modal-header"},s("slot",{name:"header"}),r),s("div",{class:"modal-body",onScroll:()=>this.handleScroll()},t),s("div",{class:"modal-footer"},s("slot",{name:"footer"}))]:[r,s("div",{class:"modal-body"},t)])))}get el(){return e(this)}};d.style=":host{display:block}.wrapper{position:absolute;width:100vw;height:100%;top:0;left:0;z-index:3000;display:none}.wrapper.fixed{position:fixed}.wrapper .modal-popup{margin:7.5rem auto 1rem;background-color:var(--color-white);box-shadow:var(--ptc-shadow-large);max-width:22.5625rem;width:80%;display:flex;flex-direction:column;align-items:flex-end;align-content:flex-end;z-index:3020;transform:translateY(-100%)}@media only screen and (min-width: 992px){.wrapper .modal-popup{max-width:29.125rem}}.wrapper .modal-popup.md{max-width:44.125rem}.wrapper .modal-popup.lg{max-width:56.25rem}.wrapper .modal-popup.xl{max-width:64.0625rem}.wrapper .modal-popup .modal-body{width:100%}.wrapper .modal-popup .modal-body iframe{opacity:0;overflow:hidden;width:100%;border:0;transition:opacity var(--ptc-ease-inout) var(--ptc-transition-medium)}.wrapper .modal-popup .modal-body iframe.ready{opacity:1}.wrapper .modal-popup .modal-body.frame{overflow:hidden}.wrapper .modal-popup .modal-body.html{overflow:hidden}.wrapper .modal-popup .close{margin-right:var(--ptc-element-spacing-03);margin-top:var(--ptc-element-spacing-03)}.wrapper .modal-popup.shadow-scroller{max-height:756px}.wrapper .modal-popup.shadow-scroller .modal-header{transition:box-shadow ease-in-out 250ms;position:relative;min-height:57px;border-bottom:1px solid var(--color-gray-02);width:100%}.wrapper .modal-popup.shadow-scroller .modal-header .close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);margin:0}.wrapper .modal-popup.shadow-scroller .modal-body{min-height:200px;overflow-x:hidden;overflow-y:auto}.wrapper .modal-popup.shadow-scroller .modal-footer{transition:box-shadow ease-in-out 250ms;width:100%;min-height:72px;border-top:1px solid var(--color-gray-02);padding-top:1rem}.wrapper .modal-popup.shadow-scroller.scroll-top .modal-header{box-shadow:0px 4px 12px rgba(0, 0, 0, 0.12)}.wrapper .modal-popup.shadow-scroller.scroll-bottom .modal-footer{box-shadow:0px -8px 12px rgba(0, 0, 0, 0.12)}.wrapper.show{display:flex;align-items:flex-start}.wrapper.show .modal-popup{transform:translateY(0)}.wrapper.show .modal-popup.rounded{border-radius:var(--ptc-border-radius-standard)}.overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:3010;display:block;background-color:rgba(0, 0, 0, 0.6)}:host(.standard) .modal-popup{border-radius:var(--ptc-border-radius-standard)}:host(.large) .modal-popup{border-radius:var(--ptc-border-radius-large)}:host(.pill) .modal-popup{border-radius:var(--ptc-border-radius-pill)}:host(.circle) .modal-popup{border-radius:var(--ptc-border-radius-circle)}:host(.bio-modal) .modal-popup{padding:30px 15px 30px 0;max-width:1200px}@media only screen and (min-width: 1440px){:host(.bio-modal) .modal-popup{max-width:1400px}}:host(.bio-modal) .close{position:absolute;margin:0;right:15px;top:30px}:host(.bio-modal) .close svg .cls-1,:host(.bio-modal) .close svg .cls-2{fill:none;stroke-width:2px}:host(.bio-modal) .close svg .cls-1{stroke:#1c2439;stroke-linecap:square}:host(.bio-modal) .close svg .cls-2{stroke:#74c34d}:host(.bio-modal) .close svg path{transition:all ease-in-out 250ms}:host(.bio-modal) .close svg .cls-1:nth-child(1){transform:translate(175.5px, 135.5px)}:host(.bio-modal) .close svg .cls-1:nth-child(2){transform:translate(175.5px, 174.985px)}:host(.bio-modal) .close svg .cls-1:nth-child(3){transform:translate(215.5px, 141.393px)}:host(.bio-modal) .close svg .cls-1:nth-child(4){transform:translate(175.5px, 135.5px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(1){transform:translate(175.5px, 162px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(2){transform:translate(149px, 174.985px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(3){transform:translate(215.5px, 174px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(4){transform:translate(152.5px, 135.5px)}";const p=class{constructor(s){t(this,s),this.svgName="close",this.display="block",this.zIndex=void 0,this.styles=void 0}render(){const t=this.getCssClassMap();return s(o,Object.assign({class:t},void 0!==this.zIndex?{style:{zIndex:this.zIndex}}:null),this.styles&&s("style",null,this.styles),this.svgName&&"close"===this.svgName?s("div",{class:"svg-close",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 42 41.485">\n    <g id="Group_1042" data-name="Group 1042" transform="rotate(180 108.25 87.993)">\n        <path id="Line_446" d="M0 0v39.486" class="cls-1" data-name="Line 446"></path>\n        <path id="Line_447" d="M0 0h40" class="cls-1" data-name="Line 447"></path>\n        <path id="Line_448" d="M0 33.592V0" class="cls-1" data-name="Line 448"></path>\n        <path id="Line_449" d="M23.994 0H0" class="cls-1" data-name="Line 449"></path>\n        <path id="Line_450" d="M0 0l17.596 17.596" class="cls-2" data-name="Line 450" transform="translate(187.229 147.226)"></path>\n        <path id="Line_451" d="M0 7.198L7.199 0" class="cls-2" data-name="Line 451" transform="translate(197.55 147.312)"></path>\n        <path id="Path_114" d="M0 7.2L7.2 0" class="cls-2" data-name="Path 114" transform="translate(187.313 157.549)"></path>\n    </g>\n</svg>'}):null,this.svgName&&"slider-left"===this.svgName?s("div",{class:"slider-left",innerHTML:'<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_d_494_37)">\n<circle cx="24" cy="22" r="20" fill="white"/>\n<path d="M23.1444 16L23.1444 20.5762L31 20.5762L31 23.4239L23.1444 23.4239L23.1444 28L17 21.9669L23.1444 16Z" class="arrow"/>\n</g>\n<defs>\n<filter id="filter0_d_494_37" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feOffset dy="2"/>\n<feGaussianBlur stdDeviation="2"/>\n<feComposite in2="hardAlpha" operator="out"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_494_37"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_494_37" result="shape"/>\n</filter>\n</defs>\n</svg>\n'}):null,this.svgName&&"slider-right"===this.svgName?s("div",{class:"slider-right",innerHTML:'<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_d_494_34)">\n<circle cx="24" cy="22" r="20" fill="white"/>\n<path d="M24.8556 16L24.8556 20.5762L17 20.5762L17 23.4239L24.8556 23.4239L24.8556 28L31 21.9669L24.8556 16Z" class="arrow"/>\n</g>\n<defs>\n<filter id="filter0_d_494_34" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feOffset dy="2"/>\n<feGaussianBlur stdDeviation="2"/>\n<feComposite in2="hardAlpha" operator="out"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_494_34"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_494_34" result="shape"/>\n</filter>\n</defs>\n</svg>\n'}):null,this.svgName&&"back-arrow"===this.svgName?s("div",{class:"back-arrow",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 311 512">\n  <defs>\n    <style>\n      .cls-1 {\n        fill: #fff;\n        fill-rule: evenodd;\n      }\n    </style>\n  </defs>\n  <path class="cls-1" d="M251.762,512L311,452.638,114.774,256,311,59.362,251.762,0,0,252.29Z"/>\n</svg>\n'}):null,this.svgName&&"play"===this.svgName?s("div",{class:"play",innerHTML:'<svg width="84" height="84" viewBox="0 0 84 84" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_d_241_171)">\n<circle cx="42" cy="38" r="36" fill="#1F2024"/>\n<circle cx="42" cy="38" r="35" stroke="#33A13C" stroke-width="2"/>\n</g>\n<path d="M58 38L34 51.8564L34 24.1436L58 38Z" fill="white"/>\n<defs>\n<filter id="filter0_d_241_171" x="0" y="0" width="84" height="84" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feMorphology radius="2" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_241_171"/>\n<feOffset dy="4"/>\n<feGaussianBlur stdDeviation="2"/>\n<feComposite in2="hardAlpha" operator="out"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0.231373 0 0 0 0 0.270588 0 0 0 0 0.313726 0 0 0 0.1 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_241_171"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_241_171" result="shape"/>\n</filter>\n</defs>\n</svg>\n'}):null)}getCssClassMap(){return{[this.display]:!0}}};p.style=":host{cursor:pointer}:host(.block){display:block}:host(.inline){display:inline}:host(.inline-block){display:inline-block}:host(.flex){display:flex}:host(:focus-visible){outline:none}:host(.backarrow){margin:8px 8px 0px -2px}:focus-visible{outline:none}.svg-close svg .cls-1,.svg-close svg .cls-2{fill:none;stroke-width:2px}.svg-close svg .cls-1{stroke:var(--color-gray-10);stroke-linecap:square}.svg-close svg .cls-2{stroke:var(--color-gray-10)}.svg-close svg path{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}.svg-close svg .cls-1:first-child{-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close svg .cls-1:nth-child(2){-webkit-transform:translate(175.5px, 174.985px);-ms-transform:translate(175.5px, 174.985px);transform:translate(175.5px, 174.985px)}.svg-close svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 141.393px);-ms-transform:translate(215.5px, 141.393px);transform:translate(215.5px, 141.393px)}.svg-close svg .cls-1:nth-child(4){-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close:hover svg .cls-1:first-child{-webkit-transform:translate(175.5px, 162px);-ms-transform:translate(175.5px, 162px);transform:translate(175.5px, 162px)}.svg-close:hover svg .cls-1:nth-child(2){-webkit-transform:translate(149px, 174.985px);-ms-transform:translate(149px, 174.985px);transform:translate(149px, 174.985px)}.svg-close:hover svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 174px);-ms-transform:translate(215.5px, 174px);transform:translate(215.5px, 174px)}.svg-close:hover svg .cls-1:nth-child(4){-webkit-transform:translate(152.5px, 135.5px);-ms-transform:translate(152.5px, 135.5px);transform:translate(152.5px, 135.5px)}.svg-close.svg-close-white .cls-1{stroke:var(--color-white)}.slider-left,.slider-right{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}.slider-left svg .arrow,.slider-right svg .arrow{fill:var(--color-gray-10)}.slider-left:hover svg .arrow,.slider-right:hover svg .arrow{fill:var(--color-green-06)}.back-arrow{display:inline-block;fill:none;stroke-width:30px;stroke:var(--color-gray-10);stroke-linecap:square;height:10px;width:20px;position:relative;top:1px;text-align:center}@media only screen and (max-width: 1024px) and (min-width: 576px){:host(.back-arrow){margin:8px 8px 16px -2px}}";export{i as max_width_container,l as ptc_background_video,n as ptc_img,d as ptc_modal,p as ptc_svg_btn}

package/dist/ptcw-design/{p-55d7245e.entry.js → p-da23d3d7.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as a,g as e}from"./p-9dd25c18.js";const n=class{constructor(i){t(this,i),this.position=void 0,this.removeTopMargin=!1,this.color="white",this.styles=void 0}render(){const t=this.getCssClassMap();return i(a,{class:t},this.styles&&i("style",null,this.styles),i("list-item",{listType:"breadcrumb",flushBefore:!0,"link-href":"https://www.ptc.com"},i("icon-asset",{type:"ptc",size:"medium",name:"icon-home",color:this.color})),i("slot",null))}getCssClassMap(){return{[this.position]:!(!this.position||void 0===this.position),"remove-top-margin":!!this.removeTopMargin}}};n.style=":host{display:block;margin-top:var(--ptc-element-spacing-05)}::slotted(*){transform:translate(-2px, -2px)}:host(.left){display:flex;justify-content:flex-start}:host(.center){display:flex;justify-content:center}:host(.right){display:flex;justify-content:flex-end}:host(.remove-top-margin){margin-top:0px !important}";const r=class{constructor(i){t(this,i),this.jumbotronType="light",this.popupVideo=void 0,this.mainTitle="Lorem Ipsum Dolor Sit Amet Consectetur",this.subTitle="Lorem Ipsum Dolor Sit Amet Consectetur Adipiscing Lorem Ipsum Dolor Sit Amet Consectetur Adipisci Lorem Ipsum Dolor Sit Amet",this.pngSrc=void 0,this.gifSrc=void 0,this.bgVideoSrc=void 0,this.bgSrc=void 0,this.contentBackground=void 0,this.contentColor=void 0,this.textAlign="left",this.isMobile=void 0}handleResize(){this.getContentBackground()}connectedCallback(){this.getContentBackground()}componentDidLoad(){if(this.popupVideo){const t=this.el.shadowRoot.querySelector("#j-modal-btn"),i=this.el.shadowRoot.querySelector("#j-modal");console.log("selected btn: "+t+"; selected Modal: "+i),t.addEventListener("click",(()=>{i.show=!0}))}}render(){console.log("render");const t=this.getCssClassMap();let e;switch(this.jumbotronType){case"png":e=i("div",{class:"mobile-media-image"},i("ptc-picture",{src:this.pngSrc}));break;case"gif":e=i("div",{class:"mobile-media-image gif-bg"},i("img",{src:this.gifSrc}));break;case"dark-video":case"light-video":e=i("ptc-background-video",{class:"video-ratio",overlay:!1,"video-src":this.bgVideoSrc});break;default:e=i("ptc-img",{"img-url":this.bgSrc})}return i(a,{class:t},i("div",{class:"parent"},i("div",{class:"div1 image-container "+("text"===this.jumbotronType?"hidden":"")},e),i("div",{class:"div2 content-container"},i("div",{class:"bg-overlay",style:{background:this.contentBackground}}),i("div",{class:"ptc-container content-layout"},i("max-width-container",{"max-width":"578",breakpoint:992,"content-align":"text"===this.jumbotronType?"center":this.textAlign},i("slot",{name:"breadcrumb"}),i("ptc-spacer",{breakpoint:"small",size:"small"}),i("ptc-spacer",{breakpoint:"x-small",size:"medium"}),i("ptc-title",{type:"h1",upperline:"no-upperline","title-size":"xxxx-large","title-height":"densest","title-weight":"w-8","title-margin":"margin-flush","text-align":"text"===this.jumbotronType?"center":"left"},i("ptc-tooltip",{"text-lines":"3",description:this.mainTitle,position:"right",styles:`.ellipsis-by-line-boxing{color: ${this.contentColor};}`})),i("ptc-spacer",{breakpoint:"small",size:"small"}),i("ptc-spacer",{breakpoint:"x-small",size:"medium"}),i("ptc-para",{"font-size":"text"===this.jumbotronType&&this.isMobile?"x-small":"small","font-weight":"text"===this.jumbotronType&&this.isMobile?"w-7":"w-4","para-margin":"margin-bottom-6","para-color":"white","para-line-h":"line-height-p","para-align":"text"===this.jumbotronType?"center":"left"},i("ptc-tooltip",{"text-lines":"8",description:this.subTitle,position:"right",styles:`.ellipsis-by-line-boxing{color: ${this.contentColor};}`})),i("div",{class:"u-flex u-flex-wrap gap-adjustment"+("text"===this.jumbotronType?" text-adjustment":"")},i("slot",{name:"j-cta"}))),this.popupVideo?[i("ptc-modal",{id:"j-modal",show:!1,size:"lg","iframe-url":this.popupVideo}),i("ptc-svg-btn",{id:"j-modal-btn","svg-name":"play",display:"block","z-index":2})]:null,"png"===this.jumbotronType?i("div",{class:"desktop-media-image"},i("ptc-picture",{"is-full-width":!0,src:this.pngSrc})):null,"gif"===this.jumbotronType?i("div",{class:"desktop-media-image desk-gif-adjustment"},i("img",{src:this.gifSrc})):null))))}getCssClassMap(){return{}}getContentBackground(){if(window.innerWidth<992){switch(this.jumbotronType){case"light":case"light-video":this.contentBackground="#F3F3F3",this.contentColor="var(--color-gray-10)";break;case"dark":case"dark-video":this.contentBackground="var(--color-gray-09)",this.contentColor="var(--color-gray-01)";break;default:this.contentBackground="transparent",this.contentColor="var(--color-gray-10)"}this.isMobile=!0}else{switch(this.jumbotronType){case"light":case"light-video":this.contentBackground="linear-gradient(90.19deg, rgba(255, 255, 255, 0.9) 62.55%, rgba(228, 231, 233, 0) 99.86%)",this.contentColor="var(--color-gray-10)";break;case"dark":case"dark-video":this.contentBackground="linear-gradient(90deg, rgba(0, 0, 0, 0.63) 52.42%, rgba(40, 47, 53, 0) 100%)",this.contentColor="var(--color-gray-01)";break;case"gif":this.contentBackground="#F3F3F3",this.contentColor="var(--color-gray-10)";break;default:this.contentBackground="transparent",this.contentColor="var(--color-gray-10)"}this.isMobile=!1}}get el(){return e(this)}};r.style=".ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid{width:100%}.u-para-sm{font-size:var(--ptc-font-size-small) !important}.u-para-md{font-size:var(--ptc-font-size-medium) !important}.u-para-lg{font-size:var(--ptc-font-size-large) !important}.u-para-xl{font-size:var(--ptc-font-size-x-large) !important}.u-para-xxl{font-size:var(--ptc-font-size-xx-large) !important}.u-para-xxxl{font-size:var(--ptc-font-size-xxx-large) !important}@media only screen and (min-width: 768px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.05vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.05vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.05vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.05vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.05vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.05vw) !important}}@media only screen and (min-width: 992px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.1vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.1vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.1vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.1vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.1vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.1vw) !important}}@media only screen and (min-width: 1200px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.15vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.15vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.15vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.15vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.15vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.15vw) !important}}@media only screen and (min-width: 1440px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.2vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.2vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.2vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.2vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.2vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.2vw) !important}}@media only screen and (min-width: 1600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.25vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.25vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.25vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.25vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.25vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.25vw) !important}}@media only screen and (min-width: 1980px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.3vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.3vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.3vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.3vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.3vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.3vw) !important}}@media only screen and (min-width: 2600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.35vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.35vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.35vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.35vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.35vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.35vw) !important}}.u-para-body{font-size:var(--ptc-font-size-medium) !important}.u-color-white{color:var(--color-white) !important}.u-uppercase{text-transform:uppercase !important}.u-margin-flush{margin:0 !important}.u-marginTop-flush{margin-top:0 !important}.u-marginLeft-flush{margin-left:0 !important}.u-marginRight-flush{margin-right:0 !important}.u-marginBottom-flush{margin-bottom:0 !important}.u-padding-flush{padding:0 !important}.u-paddingTop-flush{padding-top:0 !important}.u-paddingLeft-flush{padding-left:0 !important}.u-paddingRight-flush{padding-right:0 !important}.u-paddingBottom-flush{padding-bottom:0 !important}.u-margin-xs{margin:var(--ptc-element-spacing-01) !important}.u-marginTop-xs{margin-top:var(--ptc-element-spacing-01) !important}.u-marginLeft-xs{margin-left:var(--ptc-element-spacing-01) !important}.u-marginRight-xs{margin-right:var(--ptc-element-spacing-01) !important}.u-marginBottom-xs{margin-bottom:var(--ptc-element-spacing-01) !important}.u-margin-sm{margin:var(--ptc-element-spacing-02) !important}.u-marginTop-sm{margin-top:var(--ptc-element-spacing-02) !important}.u-marginLeft-sm{margin-left:var(--ptc-element-spacing-02) !important}.u-marginRight-sm{margin-right:var(--ptc-element-spacing-02) !important}.u-marginBottom-sm{margin-bottom:var(--ptc-element-spacing-02) !important}.u-margin-md{margin:var(--ptc-element-spacing-03) !important}.u-marginTop-md{margin-top:var(--ptc-element-spacing-03) !important}.u-marginLeft-md{margin-left:var(--ptc-element-spacing-03) !important}.u-marginRight-md{margin-right:var(--ptc-element-spacing-03) !important}.u-marginBottom-md{margin-bottom:var(--ptc-element-spacing-03) !important}.u-margin-lg{margin:var(--ptc-element-spacing-04) !important}.u-marginTop-lg{margin-top:var(--ptc-element-spacing-04) !important}.u-marginLeft-lg{margin-left:var(--ptc-element-spacing-04) !important}.u-marginRight-lg{margin-right:var(--ptc-element-spacing-04) !important}.u-marginBottom-lg{margin-bottom:var(--ptc-element-spacing-04) !important}.u-margin-xl{margin:var(--ptc-element-spacing-05) !important}.u-marginTop-xl{margin-top:var(--ptc-element-spacing-05) !important}.u-marginLeft-xl{margin-left:var(--ptc-element-spacing-05) !important}.u-marginRight-xl{margin-right:var(--ptc-element-spacing-05) !important}.u-marginBottom-xl{margin-bottom:var(--ptc-element-spacing-05) !important}.u-margin-xxl{margin:var(--ptc-element-spacing-06) !important}.u-marginTop-xxl{margin-top:var(--ptc-element-spacing-06) !important}.u-marginLeft-xxl{margin-left:var(--ptc-element-spacing-06) !important}.u-marginRight-xxl{margin-right:var(--ptc-element-spacing-06) !important}.u-marginBottom-xxl{margin-bottom:var(--ptc-element-spacing-06) !important}.u-textAlign-ctr{text-align:center !important}.u-textAlign-right{text-align:right !important}.u-textAlign-left{text-align:left !important}.u-textWhite{color:var(--color-white) !important}.u-textGreen1{color:var(--color-green-07) !important}.u-textGreen2{color:var(--color-green-06) !important}.u-text-nowrap{white-space:nowrap}.u-text-bold{font-weight:var(--ptc-font-weight-bold)}.u-text-thin{font-weight:var(--ptc-font-weight-thin)}.u-textStyle-normal{font-style:normal !important}.u-no-scroll{overflow:hidden}.u-background-reset{background-color:transparent !important}.u-white-overylay{background:rgba(242, 242, 242, 0.9)}.u-cursor-pointer{cursor:pointer}.u-clear{clear:both}@media only screen and (min-width: 768px){.u-hero-width{width:525px}.u-margin-center{margin:0 auto}.u-justify-self-end{justify-self:flex-end}}.u-hero-pushup{transform:translateY(-120px)}@media only screen and (min-width: 768px){.u-hero-pushup{transform:translateY(-144px)}}@media only screen and (min-width: 768px){.grid-order-1-md{order:1}.grid-order-2-md{order:2}.grid-order-3-md{order:3}}.standard-list{list-style:none;margin-left:0;margin-bottom:20px;padding:0}.is-spaced-between{justify-content:space-between}.grid-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-large-col-gap-md{column-gap:3rem}}.grid-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-large-col-gap-sm{column-gap:3rem}}.grid-x-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-x-large-col-gap-md{column-gap:4rem}}.grid-x-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-x-large-col-gap-sm{column-gap:4rem}}.grid-medium-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-medium-col-gap-md{column-gap:2rem}}.grid-medium-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-medium-col-gap-sm{column-gap:2rem}}.is-float-left{float:left}.is-float-right{float:right}.is-mobile{display:block}.is-desktop{display:none}@media only screen and (min-width: 992px){.is-mobile{display:none}.is-desktop{display:block}}.ptc-section{padding-top:2rem;padding-bottom:2rem}@media only screen and (min-width: 992px){.ptc-section{padding-top:3rem;padding-bottom:3rem}}.ptc-section-standard{padding-top:3rem;padding-bottom:3rem}.ptc-section-half{padding-top:1.5rem;padding-bottom:1.5rem}.u-flex{display:flex}@media only screen and (min-width: 480px){.u-flex-xs{display:flex}}@media only screen and (min-width: 768px){.u-flex-sm{display:flex}}@media only screen and (min-width: 992px){.u-flex-md{display:flex}}@media only screen and (min-width: 1200px){.u-flex-lg{display:flex}}@media only screen and (min-width: 1440px){.u-flex-xl{display:flex}}@media only screen and (min-width: 1600px){.u-flex-xxl{display:flex}}@media only screen and (min-width: 1980px){.u-flex-2k{display:flex}}@media only screen and (min-width: 2600px){.u-flex-4k{display:flex}}.u-align-center{margin:auto;align-self:center}.u-align-left{margin-right:auto;align-self:center}.u-align-right{margin-left:auto;align-self:center}.u-align-x-center{margin-right:auto;margin-left:auto}.u-align-x-left{margin-right:auto}.u-align-x-right{margin-left:auto}.u-align-y-center{align-self:center}.u-align-y-top{align-self:flex-start}.u-align-y-bottom{align-self:flex-end}.is-flex-column{flex-direction:column}.flex-align-items{align-items:flex-end}.u-flex-nowrap{flex-wrap:nowrap}.u-flex-wrap{flex-wrap:wrap}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.fef-two-column-two-media .has-col-gap-lg{grid-column-gap:var(--spacing-md)}@media only screen and (min-width: 992px){.fef-two-column-two-media .has-col-gap-lg{grid-column-gap:var(--spacing-lg)}}.fef-two-column-two-media .is-col-6-md{padding-bottom:3rem}.fef-two-column-two-media .is-col-6-md:last-child{padding-bottom:0rem}@media only screen and (min-width: 768px){.fef-two-column-two-media .is-col-6-md{padding-bottom:0rem}}ptc-icon-list.icon-top-align-list a{text-decoration:none;transition:color 0.3s ease;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-font-size-x-large);border-bottom:0.094rem solid var(--color-green-06);color:var(--color-gray-10)}ptc-icon-list.icon-top-align-list a:hover{color:var(--color-green-06)}@media only screen and (min-width: 768px){.is-grid.grid-large-col-gap-xs-0{row-gap:0}}.max-content{max-width:90%;margin:auto}@media only screen and (min-width: 480px){.max-content{max-width:80%}}.product-tab ptc-title h3{font-size:20px !important;font-weight:900}@media only screen and (min-width: 1200px){.product-tab ptc-title h3{font-size:15px !important;font-weight:800}}.product-tab .is-grid{grid-column-gap:20px;grid-row-gap:12px}:host{display:block}.parent{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-column-gap:0px;grid-row-gap:0px;position:unset}.div1{grid-area:1/1/2/2;min-height:300px}.div1.hidden{display:none}.mobile-media-image{display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 992px){.mobile-media-image{display:none}}.gif-bg{background-color:#F3F3F3}.video-ratio{position:relative;overflow:hidden;height:0;padding-bottom:100%}@media only screen and (min-width: 768px){.video-ratio{padding-bottom:75%}}@media only screen and (min-width: 992px){.video-ratio{padding-bottom:59.37%;max-height:500px}}@media only screen and (min-width: 1200px){.video-ratio{padding-bottom:39.67%}}@media only screen and (min-width: 1440px){.video-ratio{padding-bottom:33%}}.div2{grid-area:2/1/3/2;position:relative}.bg-overlay{position:absolute;width:100%;height:100%;top:0;left:0}.content-layout{display:flex;flex-direction:column}@media only screen and (min-width: 992px){.content-layout{flex-direction:row}}.gap-adjustment{gap:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-07)}.text-adjustment{justify-content:flex-start}@media only screen and (min-width: 992px){.text-adjustment{justify-content:center}}.desktop-media-image{width:40%;display:none}@media only screen and (min-width: 992px){.desktop-media-image{display:block}}.desk-gif-adjustment{z-index:3}@media only screen and (min-width: 992px){.parent{grid-template-columns:1fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;min-height:500px;position:relative}.div1{grid-area:1/1/2/2;min-height:unset}.div2{grid-area:1/1/2/2;align-self:center;position:unset}}ptc-svg-btn{position:absolute;left:50%;bottom:150%;transform:translate(-50%, 50%)}@media only screen and (min-width: 992px){ptc-svg-btn{left:70%;bottom:50%;transform:translate(0%, 50%)}}";export{n as ptc_breadcrumb,r as ptc_jumbotron}
+import{r as t,h as i,H as a,g as e}from"./p-9dd25c18.js";const n=class{constructor(i){t(this,i),this.position=void 0,this.removeTopMargin=!1,this.color="white",this.styles=void 0}render(){const t=this.getCssClassMap();return i(a,{class:t},this.styles&&i("style",null,this.styles),i("list-item",{listType:"breadcrumb",flushBefore:!0,"link-href":"https://www.ptc.com"},i("icon-asset",{type:"ptc",size:"medium",name:"icon-home",color:this.color})),i("slot",null))}getCssClassMap(){return{[this.position]:!(!this.position||void 0===this.position),"remove-top-margin":!!this.removeTopMargin}}};n.style=":host{display:block;margin-top:var(--ptc-element-spacing-05)}::slotted(*){transform:translate(-2px, -2px)}:host(.left){display:flex;justify-content:flex-start}:host(.center){display:flex;justify-content:center}:host(.right){display:flex;justify-content:flex-end}:host(.remove-top-margin){margin-top:0px !important}";const r=class{constructor(i){t(this,i),this.jumbotronType="light",this.popupVideo=void 0,this.mainTitle="Lorem Ipsum Dolor Sit Amet Consectetur",this.subTitle="Lorem Ipsum Dolor Sit Amet Consectetur Adipiscing Lorem Ipsum Dolor Sit Amet Consectetur Adipisci Lorem Ipsum Dolor Sit Amet",this.pngSrc=void 0,this.gifSrc=void 0,this.bgVideoSrc=void 0,this.bgSrc=void 0,this.contentBackground=void 0,this.contentColor=void 0,this.textAlign="left",this.isMobile=void 0}handleResize(){this.getContentBackground()}connectedCallback(){this.getContentBackground()}componentDidLoad(){if(this.popupVideo){const t=this.el.shadowRoot.querySelector("#j-modal-btn"),i=this.el.shadowRoot.querySelector("#j-modal");console.log("selected btn: "+t+"; selected Modal: "+i),t.addEventListener("click",(()=>{i.show=!0}))}}render(){console.log("render");const t=this.getCssClassMap();let e;switch(this.jumbotronType){case"png":e=i("div",{class:"mobile-media-image"},i("ptc-picture",{src:this.pngSrc}));break;case"gif":e=i("div",{class:"mobile-media-image gif-bg"},i("img",{src:this.gifSrc}));break;case"dark-video":case"light-video":e=i("ptc-background-video",{class:"video-ratio",overlay:!1,"video-src":this.bgVideoSrc});break;default:e=i("ptc-img",{"img-url":this.bgSrc})}return i(a,{class:t},i("div",{class:"parent"},i("div",{class:"div1 image-container "+("text"===this.jumbotronType?"hidden":"")},e),i("div",{class:"div2 content-container"},i("div",{class:"bg-overlay",style:{background:this.contentBackground}}),i("div",{class:"ptc-container content-layout"},i("max-width-container",{"max-width":"578",breakpoint:992,"content-align":"text"===this.jumbotronType?"center":this.textAlign},i("slot",{name:"breadcrumb"}),i("ptc-spacer",{breakpoint:"small",size:"small"}),i("ptc-spacer",{breakpoint:"x-small",size:"medium"}),i("ptc-title",{type:"h1",upperline:"no-upperline","title-size":"xxxx-large","title-height":"densest","title-weight":"w-8","title-margin":"margin-flush","text-align":"text"===this.jumbotronType?"center":"left"},i("ptc-tooltip",{"text-lines":"3",description:this.mainTitle,position:"right",styles:`.ellipsis-by-line-boxing{color: ${this.contentColor};}`})),i("ptc-spacer",{breakpoint:"small",size:"small"}),i("ptc-spacer",{breakpoint:"x-small",size:"medium"}),i("ptc-para",{"font-size":"text"===this.jumbotronType&&this.isMobile?"x-small":"small","font-weight":"text"===this.jumbotronType&&this.isMobile?"w-7":"w-4","para-margin":"margin-bottom-6","para-color":"white","para-line-h":"line-height-p","para-align":"text"===this.jumbotronType?"center":"left"},i("ptc-tooltip",{"text-lines":"8",description:this.subTitle,position:"right",styles:`.ellipsis-by-line-boxing{color: ${this.contentColor};}`})),i("div",{class:"u-flex u-flex-wrap gap-adjustment"+("text"===this.jumbotronType?" text-adjustment":"")},i("slot",{name:"j-cta"}))),this.popupVideo?[i("ptc-modal",{id:"j-modal",show:!1,size:"lg","iframe-url":this.popupVideo}),i("ptc-svg-btn",{id:"j-modal-btn","svg-name":"play",display:"block","z-index":2})]:null,"png"===this.jumbotronType?i("div",{class:"desktop-media-image"},i("ptc-picture",{"is-full-width":!0,src:this.pngSrc})):null,"gif"===this.jumbotronType?i("div",{class:"desktop-media-image desk-gif-adjustment"},i("img",{src:this.gifSrc})):null))))}getCssClassMap(){return{}}getContentBackground(){if(window.innerWidth<992){switch(this.jumbotronType){case"light":case"light-video":this.contentBackground="#F3F3F3",this.contentColor="var(--color-gray-10)";break;case"dark":case"dark-video":this.contentBackground="var(--color-gray-09)",this.contentColor="var(--color-gray-01)";break;default:this.contentBackground="transparent",this.contentColor="var(--color-gray-10)"}this.isMobile=!0}else{switch(this.jumbotronType){case"light":case"light-video":this.contentBackground="linear-gradient(90.19deg, rgba(255, 255, 255, 0.9) 62.55%, rgba(228, 231, 233, 0) 99.86%)",this.contentColor="var(--color-gray-10)";break;case"dark":case"dark-video":this.contentBackground="linear-gradient(90deg, rgba(0, 0, 0, 0.63) 52.42%, rgba(40, 47, 53, 0) 100%)",this.contentColor="var(--color-gray-01)";break;case"gif":this.contentBackground="#F3F3F3",this.contentColor="var(--color-gray-10)";break;default:this.contentBackground="transparent",this.contentColor="var(--color-gray-10)"}this.isMobile=!1}}get el(){return e(this)}};r.style=".ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid{width:100%}.u-para-sm{font-size:var(--ptc-font-size-small) !important}.u-para-md{font-size:var(--ptc-font-size-medium) !important}.u-para-lg{font-size:var(--ptc-font-size-large) !important}.u-para-xl{font-size:var(--ptc-font-size-x-large) !important}.u-para-xxl{font-size:var(--ptc-font-size-xx-large) !important}.u-para-xxxl{font-size:var(--ptc-font-size-xxx-large) !important}@media only screen and (min-width: 768px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.05vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.05vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.05vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.05vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.05vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.05vw) !important}}@media only screen and (min-width: 992px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.1vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.1vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.1vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.1vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.1vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.1vw) !important}}@media only screen and (min-width: 1200px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.15vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.15vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.15vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.15vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.15vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.15vw) !important}}@media only screen and (min-width: 1440px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.2vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.2vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.2vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.2vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.2vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.2vw) !important}}@media only screen and (min-width: 1600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.25vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.25vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.25vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.25vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.25vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.25vw) !important}}@media only screen and (min-width: 1980px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.3vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.3vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.3vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.3vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.3vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.3vw) !important}}@media only screen and (min-width: 2600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.35vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.35vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.35vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.35vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.35vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.35vw) !important}}.u-para-body{font-size:var(--ptc-font-size-medium) !important}.u-color-white{color:var(--color-white) !important}.u-uppercase{text-transform:uppercase !important}.u-margin-flush{margin:0 !important}.u-marginTop-flush{margin-top:0 !important}.u-marginLeft-flush{margin-left:0 !important}.u-marginRight-flush{margin-right:0 !important}.u-marginBottom-flush{margin-bottom:0 !important}.u-padding-flush{padding:0 !important}.u-paddingTop-flush{padding-top:0 !important}.u-paddingLeft-flush{padding-left:0 !important}.u-paddingRight-flush{padding-right:0 !important}.u-paddingBottom-flush{padding-bottom:0 !important}.u-margin-xs{margin:var(--ptc-element-spacing-01) !important}.u-marginTop-xs{margin-top:var(--ptc-element-spacing-01) !important}.u-marginLeft-xs{margin-left:var(--ptc-element-spacing-01) !important}.u-marginRight-xs{margin-right:var(--ptc-element-spacing-01) !important}.u-marginBottom-xs{margin-bottom:var(--ptc-element-spacing-01) !important}.u-margin-sm{margin:var(--ptc-element-spacing-02) !important}.u-marginTop-sm{margin-top:var(--ptc-element-spacing-02) !important}.u-marginLeft-sm{margin-left:var(--ptc-element-spacing-02) !important}.u-marginRight-sm{margin-right:var(--ptc-element-spacing-02) !important}.u-marginBottom-sm{margin-bottom:var(--ptc-element-spacing-02) !important}.u-margin-md{margin:var(--ptc-element-spacing-03) !important}.u-marginTop-md{margin-top:var(--ptc-element-spacing-03) !important}.u-marginLeft-md{margin-left:var(--ptc-element-spacing-03) !important}.u-marginRight-md{margin-right:var(--ptc-element-spacing-03) !important}.u-marginBottom-md{margin-bottom:var(--ptc-element-spacing-03) !important}.u-margin-lg{margin:var(--ptc-element-spacing-04) !important}.u-marginTop-lg{margin-top:var(--ptc-element-spacing-04) !important}.u-marginLeft-lg{margin-left:var(--ptc-element-spacing-04) !important}.u-marginRight-lg{margin-right:var(--ptc-element-spacing-04) !important}.u-marginBottom-lg{margin-bottom:var(--ptc-element-spacing-04) !important}.u-margin-xl{margin:var(--ptc-element-spacing-05) !important}.u-marginTop-xl{margin-top:var(--ptc-element-spacing-05) !important}.u-marginLeft-xl{margin-left:var(--ptc-element-spacing-05) !important}.u-marginRight-xl{margin-right:var(--ptc-element-spacing-05) !important}.u-marginBottom-xl{margin-bottom:var(--ptc-element-spacing-05) !important}.u-margin-xxl{margin:var(--ptc-element-spacing-06) !important}.u-marginTop-xxl{margin-top:var(--ptc-element-spacing-06) !important}.u-marginLeft-xxl{margin-left:var(--ptc-element-spacing-06) !important}.u-marginRight-xxl{margin-right:var(--ptc-element-spacing-06) !important}.u-marginBottom-xxl{margin-bottom:var(--ptc-element-spacing-06) !important}.u-textAlign-ctr{text-align:center !important}.u-textAlign-right{text-align:right !important}.u-textAlign-left{text-align:left !important}.u-textWhite{color:var(--color-white) !important}.u-textGreen1{color:var(--color-green-07) !important}.u-textGreen2{color:var(--color-green-06) !important}.u-text-nowrap{white-space:nowrap}.u-text-bold{font-weight:var(--ptc-font-weight-bold)}.u-text-thin{font-weight:var(--ptc-font-weight-thin)}.u-textStyle-normal{font-style:normal !important}.u-no-scroll{overflow:hidden}.u-background-reset{background-color:transparent !important}.u-white-overylay{background:rgba(242, 242, 242, 0.9)}.u-cursor-pointer{cursor:pointer}.u-clear{clear:both}@media only screen and (min-width: 768px){.u-hero-width{width:525px}.u-margin-center{margin:0 auto}.u-justify-self-end{justify-self:flex-end}}.u-hero-pushup{transform:translateY(-120px)}@media only screen and (min-width: 768px){.u-hero-pushup{transform:translateY(-144px)}}@media only screen and (min-width: 768px){.grid-order-1-md{order:1}.grid-order-2-md{order:2}.grid-order-3-md{order:3}}.standard-list{list-style:none;margin-left:0;margin-bottom:20px;padding:0}.is-spaced-between{justify-content:space-between}.grid-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-large-col-gap-md{column-gap:3rem}}.grid-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-large-col-gap-sm{column-gap:3rem}}.grid-x-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-x-large-col-gap-md{column-gap:4rem}}.grid-x-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-x-large-col-gap-sm{column-gap:4rem}}.grid-medium-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-medium-col-gap-md{column-gap:2rem}}.grid-medium-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-medium-col-gap-sm{column-gap:2rem}}.is-float-left{float:left}.is-float-right{float:right}.is-mobile{display:block}.is-desktop{display:none}@media only screen and (min-width: 992px){.is-mobile{display:none}.is-desktop{display:block}}.ptc-section{padding-top:2rem;padding-bottom:2rem}@media only screen and (min-width: 992px){.ptc-section{padding-top:3rem;padding-bottom:3rem}}.ptc-section-standard{padding-top:3rem;padding-bottom:3rem}.ptc-section-half{padding-top:1.5rem;padding-bottom:1.5rem}.u-flex{display:flex}@media only screen and (min-width: 480px){.u-flex-xs{display:flex}}@media only screen and (min-width: 768px){.u-flex-sm{display:flex}}@media only screen and (min-width: 992px){.u-flex-md{display:flex}}@media only screen and (min-width: 1200px){.u-flex-lg{display:flex}}@media only screen and (min-width: 1440px){.u-flex-xl{display:flex}}@media only screen and (min-width: 1600px){.u-flex-xxl{display:flex}}@media only screen and (min-width: 1980px){.u-flex-2k{display:flex}}@media only screen and (min-width: 2600px){.u-flex-4k{display:flex}}.u-align-center{margin:auto;align-self:center}.u-align-left{margin-right:auto;align-self:center}.u-align-right{margin-left:auto;align-self:center}.u-align-x-center{margin-right:auto;margin-left:auto}.u-align-x-left{margin-right:auto}.u-align-x-right{margin-left:auto}.u-align-y-center{align-self:center}.u-align-y-top{align-self:flex-start}.u-align-y-bottom{align-self:flex-end}.is-flex-column{flex-direction:column}.flex-align-items{align-items:flex-end}.u-flex-nowrap{flex-wrap:nowrap}.u-flex-wrap{flex-wrap:wrap}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.fef-two-column-two-media .has-col-gap-lg{grid-column-gap:var(--spacing-md)}@media only screen and (min-width: 992px){.fef-two-column-two-media .has-col-gap-lg{grid-column-gap:var(--spacing-lg)}}.fef-two-column-two-media .is-col-6-md{padding-bottom:3rem}.fef-two-column-two-media .is-col-6-md:last-child{padding-bottom:0rem}@media only screen and (min-width: 768px){.fef-two-column-two-media .is-col-6-md{padding-bottom:0rem}}ptc-icon-list.icon-top-align-list a{text-decoration:none;transition:color 0.3s ease;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-font-size-x-large);border-bottom:0.094rem solid var(--color-green-06);color:var(--color-gray-10)}ptc-icon-list.icon-top-align-list a:hover{color:var(--color-green-06)}@media only screen and (min-width: 768px){.is-grid.grid-large-col-gap-xs-0{row-gap:0}}.max-content{max-width:90%;margin:auto}@media only screen and (min-width: 480px){.max-content{max-width:80%}}.product-tab ptc-title h3{font-size:20px !important;font-weight:900}@media only screen and (min-width: 1200px){.product-tab ptc-title h3{font-size:15px !important;font-weight:800}}.product-tab .is-grid{grid-column-gap:20px;grid-row-gap:12px}ptc-bio-card .bio-modal-open-content{color:var(--color-gray-10);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-denser)}ptc-bio-card .bio-modal-open-content h3{letter-spacing:0.08rem;margin-bottom:2px;font-size:var(--ptc-font-size-small)}ptc-bio-card .bio-modal-open-content ul{margin-top:0}ptc-bio-card .bio-modal-open-content ul li{line-height:var(--ptc-line-height-p)}ptc-bio-card .bio-modal-open-content ul li a{text-decoration:none;color:var(--color-green-06);transition:color 0.3s ease}ptc-bio-card .bio-modal-open-content ul li a:hover{color:var(--color-gray-10);transition:color 0.3s ease}ptc-bio-card .bio-modal-open-content .btn-blackgrey{background-color:var(--color-gray-10);display:inline-block;border-style:solid;border-width:1px;white-space:normal;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer;padding:14px 20px;border:2px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-standard);color:var(--color-white);font-weight:700}ptc-bio-card .bio-modal-open-content .btn-blackgrey:hover{background-color:var(--color-gray-09);border-color:var(--color-gray-08)}ptc-bio-card .bio-modal-open-content .btn-blackgrey svg{display:none}ptc-bio-card .bio-modal-open-content hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}:host{display:block}.parent{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-column-gap:0px;grid-row-gap:0px;position:unset}.div1{grid-area:1/1/2/2;min-height:300px}.div1.hidden{display:none}.mobile-media-image{display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 992px){.mobile-media-image{display:none}}.gif-bg{background-color:#F3F3F3}.video-ratio{position:relative;overflow:hidden;height:0;padding-bottom:100%}@media only screen and (min-width: 768px){.video-ratio{padding-bottom:75%}}@media only screen and (min-width: 992px){.video-ratio{padding-bottom:59.37%;max-height:500px}}@media only screen and (min-width: 1200px){.video-ratio{padding-bottom:39.67%}}@media only screen and (min-width: 1440px){.video-ratio{padding-bottom:33%}}.div2{grid-area:2/1/3/2;position:relative}.bg-overlay{position:absolute;width:100%;height:100%;top:0;left:0}.content-layout{display:flex;flex-direction:column}@media only screen and (min-width: 992px){.content-layout{flex-direction:row}}.gap-adjustment{gap:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-07)}.text-adjustment{justify-content:flex-start}@media only screen and (min-width: 992px){.text-adjustment{justify-content:center}}.desktop-media-image{width:40%;display:none}@media only screen and (min-width: 992px){.desktop-media-image{display:block}}.desk-gif-adjustment{z-index:3}@media only screen and (min-width: 992px){.parent{grid-template-columns:1fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;min-height:500px;position:relative}.div1{grid-area:1/1/2/2;min-height:unset}.div2{grid-area:1/1/2/2;align-self:center;position:unset}}ptc-svg-btn{position:absolute;left:50%;bottom:150%;transform:translate(-50%, 50%)}@media only screen and (min-width: 992px){ptc-svg-btn{left:70%;bottom:50%;transform:translate(0%, 50%)}}";export{n as ptc_breadcrumb,r as ptc_jumbotron}

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

@@ -0,0 +1 @@
+import{r as t,c as i,h as e}from"./p-9dd25c18.js";const s=class{constructor(e){t(this,e),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.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.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.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",{href:"#",class:1==this.clickedPageNumber?"previous-button disabled":"previous-button",onClick:this.handleClickPrev},e("icon-asset",{type:"ptc",name:"chevron-down",size:"xxx-small"})),s&&this.clickedPageNumber>i?[e("a",{href:"#","data-url":"first","data-page":1,class:"standard-filter-item",onClick:t=>this.handlePageSkip(t,1)},1),e("span",{class:"standard-filter-dots"},"...")]:null,this.pageNumbers.map((t=>e("a",{href:"#","data-url":t.id,"data-page":t.dataPage,class:t.isActive?"standard-filter-item active":"standard-filter-item",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","data-page":t,class:"standard-filter-item",onClick:i=>this.handlePageSkip(i,t)},t)]:null,e("a",{href:"#",class:this.clickedPageNumber==t?"next-button disabled":"next-button",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:"#","data-url":t.id,"data-page":t.dataPage,class:t.isActive?"events-filter-item active":"events-filter-item",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(),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.clickedPageNumber>3&&this.clickedPageNumber<this.getPageCount()-1?2:4):3}};s.style=":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-12);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;outline:3px solid var(--color-blue-07);outline-offset:2px}.standard-filter .standard-filter-item:active{background-color:var(--color-gray-05);text-decoration:none}.standard-filter .standard-filter-item.active{background-color:var(--color-gray-12);color:var(--color-white)}.standard-filter .standard-filter-item.active:hover{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{background-color:var(--color-gray-05);text-decoration:none}.standard-filter .next-button:focus,.standard-filter .previous-button:focus{text-decoration:none;outline:3px solid var(--color-blue-07);outline-offset:2px}.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{s as ptc_pagenation}