@ptcwebops/ptcw-design 2.5.2 → 2.5.4

package/dist/ptcw-design/{p-e24f0892.entry.js → p-f6dfc55e.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as a,g as e}from"./p-dc4da4a5.js";const l=class{constructor(i){t(this,i),this.cardTitle=void 0,this.cardImage=void 0,this.cardImageAltText=void 0,this.cardDescription=void 0,this.cardCtaText=void 0,this.toggleCtaTitle=void 0,this.isOpen=!1,this.isSlotEmpty=void 0}togglePanel(){this.isOpen=!this.isOpen}render(){return i(a,null,i("div",{class:"card-wrap"},this.cardImage&&i("ptc-picture",{alt:"image-test",src:this.cardImage,"display-image":"inline-block",width:"38"}),i("div",{class:"content"},i("div",null,i("ptc-title",{type:"h3",upperline:"no-upperline","title-size":"medium","title-weight":"w-8","title-margin":"margin-flush","title-display":"block","title-height":"densest"},i("ptc-tooltip",{"text-display":"block","text-lines":"3","z-index":"z-999",description:this.cardTitle,position:"bottom",width:"full-width"})),i("ptc-spacer",{size:"x-small"}),i("ptc-spacer",{size:"xx-small",breakpoint:"x-small"}),i("ptc-para",{"font-size":"x-small","para-margin":"margin-flush","para-line-h":"line-height-p","para-z-index":"z-auto"},i("ptc-tooltip",{"text-display":"block","text-lines":"16","z-index":"z-999",description:this.cardDescription,position:"bottom",width:"full-width"}))),i("div",{class:"cta-wrap"},i("slot",{name:"cta"})))),this.toggleCtaTitle&&i("ptc-para",{class:"toggle-btn","font-size":"small","para-margin":"margin-flush","para-line-h":"line-height-p","para-z-index":"z-auto",onClick:()=>this.togglePanel()},i("span",{class:"toggleText"},this.toggleCtaTitle)),i("div",{class:"product-highlights-container"},i("slot",null)))}get hostElement(){return e(this)}};l.style=':host{display:block;background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);margin-bottom:var(--ptc-layout-spacing-03)}:host .card-wrap{display:flex;align-items:center}:host .card-wrap ptc-picture{display:none}@media only screen and (min-width: 768px){:host .card-wrap ptc-picture{display:block;margin-left:var(--ptc-element-spacing-06);min-width:38px;max-width:38px}}:host .card-wrap .content{padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-04) var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-04)}@media only screen and (min-width: 768px){:host .card-wrap .content{padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-03) 44px}}@media only screen and (min-width: 1200px){:host .card-wrap .content{display:flex;align-items:center}}:host .card-wrap .content .cta-wrap{margin-left:0;margin-top:24px;min-width:146px;text-align:left}@media only screen and (min-width: 1200px){:host .card-wrap .content .cta-wrap{margin-top:0px;margin-left:44px;text-align:right}}:host .toggle-btn{padding:16px;text-align:center;border-top:1px solid var(--color-gray-04);display:block;cursor:pointer}:host .toggle-btn svg{margin-right:var(--ptc-element-spacing-03);vertical-align:middle;margin-top:-2px}:host .toggle-btn .toggleText::before{content:"";display:inline-block;width:18px;height:18px;background-image:url(\'data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="18" height="18" rx="4" fill="%2300890B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.953 4.23535H8.04712V8.04712H4.23535V9.953H8.04712V13.7648H9.953V9.953H13.7648V8.04712H9.953V4.23535Z" fill="white"/></svg>\');margin-right:12px;vertical-align:middle;margin-top:-2px}:host .product-highlights-container{padding:0px 20px 16px 20px;display:none}:host(.has-opened) .toggleText::before{background-image:url(\'data:image/svg+xml,<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.632812" width="17.9798" height="18" rx="4" fill="%2300890B"/><g clip-path="url(%23clip0_220_1413)"><path d="M4.86328 7.98749V10.0125H14.382V7.98749H4.86328Z" fill="white"/></g><defs><clipPath id="clip0_220_1413"><rect width="9.51872" height="9.52941" fill="white" transform="translate(4.86328 4.23529)"/></clipPath></defs></svg>\')}:host(.has-opened) .product-highlights-container{display:block}';export{l as ptc_product_card}
+import{r as t,h as i,H as a,g as e}from"./p-ce0e4c5c.js";const l=class{constructor(i){t(this,i),this.cardTitle=void 0,this.cardImage=void 0,this.cardImageAltText=void 0,this.cardDescription=void 0,this.cardCtaText=void 0,this.toggleCtaTitle=void 0,this.isOpen=!1,this.isSlotEmpty=void 0}togglePanel(){this.isOpen=!this.isOpen}render(){return i(a,null,i("div",{class:"card-wrap"},this.cardImage&&i("ptc-picture",{alt:"image-test",src:this.cardImage,"display-image":"inline-block",width:"38"}),i("div",{class:"content"},i("div",null,i("ptc-title",{type:"h3",upperline:"no-upperline","title-size":"medium","title-weight":"w-8","title-margin":"margin-flush","title-display":"block","title-height":"densest"},i("ptc-tooltip",{"text-display":"block","text-lines":"3","z-index":"z-999",description:this.cardTitle,position:"bottom",width:"full-width"})),i("ptc-spacer",{size:"x-small"}),i("ptc-spacer",{size:"xx-small",breakpoint:"x-small"}),i("ptc-para",{"font-size":"x-small","para-margin":"margin-flush","para-line-h":"line-height-p","para-z-index":"z-auto"},i("ptc-tooltip",{"text-display":"block","text-lines":"16","z-index":"z-999",description:this.cardDescription,position:"bottom",width:"full-width"}))),i("div",{class:"cta-wrap"},i("slot",{name:"cta"})))),this.toggleCtaTitle&&i("ptc-para",{class:"toggle-btn","font-size":"small","para-margin":"margin-flush","para-line-h":"line-height-p","para-z-index":"z-auto",onClick:()=>this.togglePanel()},i("span",{class:"toggleText"},this.toggleCtaTitle)),i("div",{class:"product-highlights-container"},i("slot",null)))}get hostElement(){return e(this)}};l.style=':host{display:block;background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);margin-bottom:var(--ptc-layout-spacing-03)}:host .card-wrap{display:flex;align-items:center}:host .card-wrap ptc-picture{display:none}@media only screen and (min-width: 768px){:host .card-wrap ptc-picture{display:block;margin-left:var(--ptc-element-spacing-06);min-width:38px;max-width:38px}}:host .card-wrap .content{padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-04) var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-04)}@media only screen and (min-width: 768px){:host .card-wrap .content{padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-03) 44px}}@media only screen and (min-width: 1200px){:host .card-wrap .content{display:flex;align-items:center}}:host .card-wrap .content .cta-wrap{margin-left:0;margin-top:24px;min-width:146px;text-align:left}@media only screen and (min-width: 1200px){:host .card-wrap .content .cta-wrap{margin-top:0px;margin-left:44px;text-align:right}}:host .toggle-btn{padding:16px;text-align:center;border-top:1px solid var(--color-gray-04);display:block;cursor:pointer}:host .toggle-btn svg{margin-right:var(--ptc-element-spacing-03);vertical-align:middle;margin-top:-2px}:host .toggle-btn .toggleText::before{content:"";display:inline-block;width:18px;height:18px;background-image:url(\'data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="18" height="18" rx="4" fill="%2300890B"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.953 4.23535H8.04712V8.04712H4.23535V9.953H8.04712V13.7648H9.953V9.953H13.7648V8.04712H9.953V4.23535Z" fill="white"/></svg>\');margin-right:12px;vertical-align:middle;margin-top:-2px}:host .product-highlights-container{padding:0px 20px 16px 20px;display:none}:host(.has-opened) .toggleText::before{background-image:url(\'data:image/svg+xml,<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.632812" width="17.9798" height="18" rx="4" fill="%2300890B"/><g clip-path="url(%23clip0_220_1413)"><path d="M4.86328 7.98749V10.0125H14.382V7.98749H4.86328Z" fill="white"/></g><defs><clipPath id="clip0_220_1413"><rect width="9.51872" height="9.52941" fill="white" transform="translate(4.86328 4.23529)"/></clipPath></defs></svg>\')}:host(.has-opened) .product-highlights-container{display:block}';export{l as ptc_product_card}

package/dist/ptcw-design/{p-bae3e7df.entry.js → p-f97fc3fd.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,H as i,g as a}from"./p-dc4da4a5.js";const o=class{constructor(t){e(this,t),this.moreText="read more",this.lessText=void 0,this.readMorePosition="right",this.display="inline",this.visibleLines="line2",this.visibleLinesCustom=void 0,this.zIndex="z-auto",this.checked=!1,this.size="small",this.isIcon=!1,this.color="blue"}addBtnTruncated(){this.el.shadowRoot.querySelectorAll(".read-more-text").forEach((e=>{e.classList[e.scrollHeight>e.clientHeight?"add":"remove"]("truncated")}))}enableAddTruncatedClass(e){const t=document.querySelectorAll(e);for(const e of Array.from(t))e&&e.addEventListener("click",(()=>{setTimeout((()=>{this.addBtnTruncated()}),100)}))}componentDidLoad(){this.addBtnTruncated(),document.addEventListener("readystatechange",(()=>{"complete"===document.readyState&&this.addBtnTruncated()})),this.enableAddTruncatedClass("tab-header"),this.enableAddTruncatedClass("ptc-ellipsis-dropdown")}handleClick(e){this.addBtnTruncated(),this.checked=e.target.checked;const t=this.el.shadowRoot.querySelector(".read-more-cta-label");t.innerHTML=this.checked?`<span> ${this.lessText?this.lessText:""} </span>`:`<span> ${this.moreText?this.moreText:""}</span>`,this.checked?t.classList.add("show-less-cta"):t.classList.remove("show-less-cta")}render(){const e=this.getCssClassMap();return t(i,{class:this.display},t("div",{class:e},t("input",{type:"checkbox",id:"expanded",onClick:e=>this.handleClick(e)}),this.visibleLines||this.visibleLinesCustom?t("p",{class:`read-more-text ${this.visibleLines}`,style:{WebkitLineClamp:`${this.visibleLinesCustom}`}},t("slot",null)):null,t("label",{htmlFor:"expanded",role:"button",class:this.zIndex+" "+this.readMorePosition+" read-more-cta-label"},t("span",null,this.moreText))),console.log("rendering readmore"))}getCssClassMap(){return{box:!0,[this.color]:!0,[this.size]:!0,"add-icon":this.isIcon}}get el(){return a(this)}};o.style=":host{display:block}.box input{opacity:0;position:absolute;pointer-events:none}.box .read-more-text{display:-webkit-box;-webkit-box-orient:vertical;margin:0;overflow:hidden;word-wrap:break-word}.box .line1{-webkit-line-clamp:1}.box .line2{-webkit-line-clamp:2}.box .line3{-webkit-line-clamp:3}.box .line4{-webkit-line-clamp:4}.box .line5{-webkit-line-clamp:5}.box .line10{-webkit-line-clamp:10}.box input~label{display:block;position:relative;cursor:pointer;right:0;margin-top:var(--ptc-element-spacing-02);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);text-decoration-line:underline;color:var(--color-blue-07);text-align:right;margin-right:var(--ptc-element-spacing-07)}.box input~label.left{text-align:left}.box input~label.right{text-align:right}.box input~label.center{text-align:center;margin-right:0}.box .z-auto{z-index:auto}.box .z-1{z-index:1}.box .z-2{z-index:2}.box .z-3{z-index:3}.box .z-999{z-index:999}.box input:checked+.read-more-text{-webkit-line-clamp:unset !important}.box .read-more-text:not(.truncated)~label{display:none}.box .show-less-cta{display:block !important}:host .box.add-icon .read-more-cta-label span{display:inline-block;position:relative;padding-right:var(--ptc-element-spacing-03)}:host .box.add-icon .read-more-cta-label span::after{content:\"\";background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2300890B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E\");width:10px;height:7px;background-size:cover;position:absolute;right:-5px;bottom:7px}:host .box.add-icon .read-more-cta-label.show-less-cta span::after{transform:rotate(180deg)}:host .box.blue .read-more-cta-label{color:var(--color-blue-07)}:host .box.gray .read-more-cta-label{color:var(--color-gray-10)}:host .box.green .read-more-cta-label{color:var(--color-green-07)}:host .box.initial .read-more-cta-label{color:initial}:host .box.small .read-more-cta-label{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}:host .box.medium .read-more-cta-label{font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p)}:host .box.large .read-more-cta-label{font-size:var(--ptc-font-size-large);line-height:var(--ptc-line-height-p)}:host .box.large.add-icon .read-more-cta-label span{padding-right:var(--ptc-element-spacing-04)}:host .box.large.add-icon .read-more-cta-label span::after{width:15px;height:10px}";export{o as ptc_readmore}
+import{r as e,h as t,H as i,g as o}from"./p-ce0e4c5c.js";const a=class{constructor(t){e(this,t),this.moreText="read more",this.lessText=void 0,this.readMorePosition="right",this.display="inline",this.visibleLines="line2",this.visibleLinesCustom=void 0,this.zIndex="z-auto",this.checked=!1,this.size="small",this.isIcon=!1,this.color="blue"}addBtnTruncated(){this.el.shadowRoot.querySelectorAll(".read-more-text").forEach((e=>{e.classList[e.scrollHeight>e.clientHeight?"add":"remove"]("truncated")}))}enableAddTruncatedClass(e){const t=document.querySelectorAll(e);for(const e of Array.from(t))e&&e.addEventListener("click",(()=>{setTimeout((()=>{this.addBtnTruncated()}),100)}))}componentDidLoad(){this.addBtnTruncated(),document.addEventListener("readystatechange",(()=>{"complete"===document.readyState&&this.addBtnTruncated()})),this.enableAddTruncatedClass("tab-header"),this.enableAddTruncatedClass("ptc-ellipsis-dropdown")}handleClick(e){this.addBtnTruncated(),this.checked=e.target.checked;const t=this.el.shadowRoot.querySelector(".read-more-cta-label");t.innerHTML=this.checked?`<span> ${this.lessText?this.lessText:""} </span>`:`<span> ${this.moreText?this.moreText:""}</span>`,this.checked?t.classList.add("show-less-cta"):t.classList.remove("show-less-cta")}render(){const e=this.getCssClassMap();return t(i,{class:this.display},t("div",{class:e},t("input",{type:"checkbox",id:"expanded",onClick:e=>this.handleClick(e)}),this.visibleLines||this.visibleLinesCustom?t("p",{class:`read-more-text ${this.visibleLines}`,style:{WebkitLineClamp:`${this.visibleLinesCustom}`}},t("slot",null)):null,t("label",{htmlFor:"expanded",role:"button",class:this.zIndex+" "+this.readMorePosition+" read-more-cta-label"},t("span",null,this.moreText))),console.log("rendering readmore"))}getCssClassMap(){return{box:!0,[this.color]:!0,[this.size]:!0,"add-icon":this.isIcon}}get el(){return o(this)}};a.style=":host{display:block}.box input{opacity:0;position:absolute;pointer-events:none}.box .read-more-text{display:-webkit-box;-webkit-box-orient:vertical;margin:0;overflow:hidden;word-wrap:break-word}.box .line1{-webkit-line-clamp:1}.box .line2{-webkit-line-clamp:2}.box .line3{-webkit-line-clamp:3}.box .line4{-webkit-line-clamp:4}.box .line5{-webkit-line-clamp:5}.box .line10{-webkit-line-clamp:10}.box input~label{display:block;position:relative;cursor:pointer;right:0;margin-top:var(--ptc-element-spacing-02);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);text-decoration-line:underline;color:var(--color-blue-07);text-align:right;margin-right:var(--ptc-element-spacing-07)}.box input~label.left{text-align:left}.box input~label.right{text-align:right}.box input~label.center{text-align:center;margin-right:0}.box .z-auto{z-index:auto}.box .z-1{z-index:1}.box .z-2{z-index:2}.box .z-3{z-index:3}.box .z-999{z-index:999}.box input:checked+.read-more-text{-webkit-line-clamp:unset !important}.box .read-more-text:not(.truncated)~label{display:none}.box .show-less-cta{display:block !important}:host .box.add-icon .read-more-cta-label span{display:inline-block;position:relative;padding-right:var(--ptc-element-spacing-03)}:host .box.add-icon .read-more-cta-label span::after{content:\"\";background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2300890B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E\");width:10px;height:7px;background-size:cover;position:absolute;right:-5px;bottom:7px}:host .box.add-icon .read-more-cta-label.show-less-cta span::after{transform:rotate(180deg)}:host .box.blue .read-more-cta-label{color:var(--color-blue-07)}:host .box.gray .read-more-cta-label{color:var(--color-gray-10)}:host .box.green .read-more-cta-label{color:var(--color-green-07)}:host .box.initial .read-more-cta-label{color:initial}:host .box.small .read-more-cta-label{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest)}:host .box.medium .read-more-cta-label{font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p)}:host .box.large .read-more-cta-label{font-size:var(--ptc-font-size-large);line-height:var(--ptc-line-height-p)}:host .box.large.add-icon .read-more-cta-label span{padding-right:var(--ptc-element-spacing-04)}:host .box.large.add-icon .read-more-cta-label span::after{width:15px;height:10px}";export{a as ptc_readmore}

package/dist/ptcw-design/{p-9f014fd3.entry.js → p-fe85ac05.entry.js}

@@ -1 +1 @@
-import{r as t,c as a,h as e,H as o,g as i}from"./p-dc4da4a5.js";const r=class{constructor(e){t(this,e),this.hoverEvent=a(this,"hoverEvent",7),this.leaveEvent=a(this,"leaveEvent",7),this.cardType=void 0,this.styles=void 0}hoverEventHandler(){this.hoverEvent.emit(),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||this.el.classList.contains("extra-tall")||(this.el.previousElementSibling.classList.add("mouse-hover"),this.el.classList.add("mouse-hover-card-bottom"))}leaveEventHandler(){this.hoverEvent.emit(),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||this.el.classList.contains("extra-tall")||(this.el.previousElementSibling.classList.remove("mouse-hover"),this.el.classList.remove("mouse-hover-card-bottom"))}render(){const t=this.getCssClassMap();return e(o,{part:"card-bottom",class:t,onMouseEnter:this.hoverEventHandler.bind(this),onMouseLeave:this.leaveEventHandler.bind(this)},this.styles&&e("style",null,this.styles),e("div",{class:"ptc-card-bottom-wrapper"},e("slot",null)))}getCssClassMap(){return{[this.cardType]:!!this.cardType}}get el(){return i(this)}};r.style=":host{display:block}:host(.card-tall) .ptc-card-bottom-wrapper,:host(.card-wide) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0 var(--ptc-element-spacing-07) var(--ptc-element-spacing-07) var(--ptc-element-spacing-06);z-index:2}:host(.card-2up) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0px 24px 24px 16px}:host(.card-playlist){flex:72% 2 1;align-self:center}:host(.mouse-hover-card-bottom) .ptc-card-bottom-wrapper{z-index:5;cursor:pointer}:host(.extra-tall){position:absolute;top:0;left:0}:host(.extra-tall) .ptc-card-bottom-wrapper{position:relative;top:0px;left:0px;bottom:0px;right:0px;display:flex;flex-direction:column;align-items:center;width:calc(100% - 64px);padding:var(--ptc-layout-spacing-05) var(--ptc-element-spacing-07);padding-bottom:calc(var(--ptc-layout-spacing-03) + var(--ptc-layout-spacing-05));z-index:2}@media only screen and (min-width: 768px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-bottom:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 1200px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:calc(var(--ptc-layout-spacing-04) + var(--ptc-layout-spacing-05))}}@media only screen and (min-width: 1440px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:calc(var(--ptc-layout-spacing-05) * 2)}}:host(.color-outlined) .ptc-card-bottom-wrapper{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:center;flex-direction:column;align-items:center;width:calc(100% - 80px);height:100%;padding:0px var(--ptc-element-spacing-08)}@media only screen and (min-width: 768px){:host(.card-2up) .ptc-card-bottom-wrapper{padding:0 32px 32px 24px}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:20% 2 1;justify-content:flex-end}:host(.card-video-intro) .ptc-card-bottom-wrapper{display:flex;justify-content:flex-end}}@media only screen and (min-width: 1440px){:host(.card-2up) .ptc-card-bottom-wrapper{width:70%}}@media only screen and (min-width: 1980px){:host(.card-2up) .ptc-card-bottom-wrapper{width:60%}}";const s=class{constructor(e){t(this,e),this.hoverEvent=a(this,"hoverEvent",7),this.leaveEvent=a(this,"leaveEvent",7),this.cardType=void 0,this.cardLink=void 0,this.linkTitle=void 0,this.linkTarget="_self",this.isLoading=!1,this.styles=void 0}handleResize(){this.checkScreenSize()}hoverEventHandler(){this.el.classList.contains("extra-tall")&&(this.hoverEvent.emit(),this.el.classList.add("extraT-overlay")),this.el.classList.contains("color-outlined")&&(this.hoverEvent.emit(),this.el.querySelector("ptc-overlay").setOverlay("black-5"))}leaveEventHandler(){this.el.classList.contains("extra-tall")&&(this.hoverEvent.emit(),this.el.classList.remove("extraT-overlay")),this.el.classList.contains("color-outlined")&&(this.hoverEvent.emit(),this.el.querySelector("ptc-overlay").setOverlay("black-4"))}componentDidLoad(){this.checkScreenSize()}render(){const t=this.getCssClassMap(),a=this.cardLink?"a":"div";return e(o,Object.assign({class:t},this.isLoading?{}:{onMouseEnter:this.hoverEventHandler.bind(this)},this.isLoading?{}:{onMouseLeave:this.leaveEventHandler.bind(this)}),this.styles&&e("style",null,this.styles),e(a,Object.assign({},this.cardLink&&!this.isLoading?{href:this.cardLink}:{},this.linkTarget&&this.cardLink&&!this.isLoading?{target:this.linkTarget}:{},this.cardLink&&!this.isLoading?{title:this.linkTitle?this.linkTitle:this.cardLink}:{}),e("slot",null)))}getCssClassMap(){return{[this.cardType]:!!this.cardType}}getBtmContentHeight(){return this.el.querySelector("ptc-card-bottom").offsetHeight}checkScreenSize(){if("extra-tall"===this.cardType)if(window.innerWidth<768){const t=this.el.querySelector("ptc-card-content");t&&t.setHeight(this.getBtmContentHeight())}else{const t=this.el.querySelector("ptc-card-content");t&&t.removeInlineHeight()}}get el(){return i(this)}};s.style=':host{display:block}:host(.card-tall),:host(.card-wide),:host(.card-video),:host(.card-playlist),:host(.card-2up){position:relative}:host(.card-tall) a,:host(.card-wide) a,:host(.card-video) a,:host(.card-playlist) a,:host(.card-2up) a{text-decoration:none !important}:host(.card-tall) a:hover,:host(.card-wide) a:hover,:host(.card-video) a:hover,:host(.card-playlist) a:hover,:host(.card-2up) a:hover{text-decoration:none}:host(.card-tall) a:focus,:host(.card-wide) a:focus,:host(.card-video) a:focus,:host(.card-playlist) a:focus,:host(.card-2up) a:focus{outline:none;text-decoration:none}:host(.card-tall) a:focus-visible,:host(.card-wide) a:focus-visible,:host(.card-video) a:focus-visible,:host(.card-playlist) a:focus-visible,:host(.card-2up) a:focus-visible{outline:none;text-decoration:none}:host(.card-playlist) div,:host(.card-playlist) a{display:flex;text-decoration:none;outline:none}:host(.card-playlist) div:hover,:host(.card-playlist) a:hover{text-decoration:none;outline:none}:host(.card-video-intro){border-bottom-left-radius:var(--ptc-border-radius-large);border-bottom-right-radius:var(--ptc-border-radius-large)}:host(.card-video-intro) div{display:block}:host(.card-video-shadow){box-shadow:var(--ptc-shadow-x-small)}:host(.extra-tall){position:relative}:host(.extra-tall) a{position:relative;display:block;width:100%;height:100%;inset:0px}:host(.extra-tall) a::after{content:"";position:absolute;width:100%;height:100%;background:rgba(0, 0, 0, 0);bottom:0;left:0;border-radius:var(--ptc-border-radius-large);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.color-outlined){position:relative;border-radius:var(--ptc-border-radius-large)}:host(.card-video-p){padding:var(--ptc-element-spacing-05);padding-bottom:var(--ptc-element-spacing-06)}:host(.card-m-right){margin-right:var(--ptc-element-spacing-02)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-02)}:host(.extraT-overlay) a::after{background:rgba(0, 0, 0, 0.6)}@media only screen and (min-width: 768px){:host(.card-m-right){margin-right:var(--ptc-element-spacing-03)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-m-right){margin-right:var(--ptc-element-spacing-04)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro) div{display:flex}}:host(.result-box){width:505px;border:1px solid #6A6A6A;padding-top:56px;padding-bottom:56px;border-radius:var(--ptc-border-radius-large)}:host(.result-box) div{display:flex;justify-content:center;align-items:center;flex-direction:column}:host(.simple-card){border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);box-shadow:var(--ptc-shadow-small);padding:var(--ptc-layout-spacing-03)}:host(.simple-card) a{text-decoration:none}:host(.simple-card) a:hover{text-decoration:none}';const d=class{constructor(a){t(this,a),this.isLoading=!0,this.animated=!1,this.width="100%",this.borderRadius=void 0,this.topMargin="0px",this.btmMargin="0px"}render(){const t=this.borderRadius||getComputedStyle(document.documentElement).getPropertyValue("--ptc-border-radius-large");return e("div",{class:"content "+(this.animated&&this.isLoading?"animated":""),style:{width:this.width,marginTop:this.topMargin,marginBottom:this.btmMargin}},this.isLoading?e("div",{class:"placeholder",style:{borderRadius:t}}):e("slot",null))}get el(){return i(this)}};d.style=".content{display:flex;align-items:center;justify-content:center;height:100%;}.placeholder{width:100%;height:100%;min-height:1em;background:linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.08) 100%);background-size:400% 100%}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.animated .placeholder{animation:loading 2.5s ease-in-out infinite}";export{r as ptc_card_bottom,s as ptc_card_wrapper,d as ptc_skeleton}
+import{r as t,c as a,h as e,H as o,g as i}from"./p-ce0e4c5c.js";const r=class{constructor(e){t(this,e),this.hoverEvent=a(this,"hoverEvent",7),this.leaveEvent=a(this,"leaveEvent",7),this.cardType=void 0,this.styles=void 0}hoverEventHandler(){this.hoverEvent.emit(),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||this.el.classList.contains("extra-tall")||(this.el.previousElementSibling.classList.add("mouse-hover"),this.el.classList.add("mouse-hover-card-bottom"))}leaveEventHandler(){this.hoverEvent.emit(),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||this.el.classList.contains("extra-tall")||(this.el.previousElementSibling.classList.remove("mouse-hover"),this.el.classList.remove("mouse-hover-card-bottom"))}render(){const t=this.getCssClassMap();return e(o,{part:"card-bottom",class:t,onMouseEnter:this.hoverEventHandler.bind(this),onMouseLeave:this.leaveEventHandler.bind(this)},this.styles&&e("style",null,this.styles),e("div",{class:"ptc-card-bottom-wrapper"},e("slot",null)))}getCssClassMap(){return{[this.cardType]:!!this.cardType}}get el(){return i(this)}};r.style=":host{display:block}:host(.card-tall) .ptc-card-bottom-wrapper,:host(.card-wide) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0 var(--ptc-element-spacing-07) var(--ptc-element-spacing-07) var(--ptc-element-spacing-06);z-index:2}:host(.card-2up) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0px 24px 24px 16px}:host(.card-playlist){flex:72% 2 1;align-self:center}:host(.mouse-hover-card-bottom) .ptc-card-bottom-wrapper{z-index:5;cursor:pointer}:host(.extra-tall){position:absolute;top:0;left:0}:host(.extra-tall) .ptc-card-bottom-wrapper{position:relative;top:0px;left:0px;bottom:0px;right:0px;display:flex;flex-direction:column;align-items:center;width:calc(100% - 64px);padding:var(--ptc-layout-spacing-05) var(--ptc-element-spacing-07);padding-bottom:calc(var(--ptc-layout-spacing-03) + var(--ptc-layout-spacing-05));z-index:2}@media only screen and (min-width: 768px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-bottom:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 1200px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:calc(var(--ptc-layout-spacing-04) + var(--ptc-layout-spacing-05))}}@media only screen and (min-width: 1440px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:calc(var(--ptc-layout-spacing-05) * 2)}}:host(.color-outlined) .ptc-card-bottom-wrapper{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:center;flex-direction:column;align-items:center;width:calc(100% - 80px);height:100%;padding:0px var(--ptc-element-spacing-08)}@media only screen and (min-width: 768px){:host(.card-2up) .ptc-card-bottom-wrapper{padding:0 32px 32px 24px}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:20% 2 1;justify-content:flex-end}:host(.card-video-intro) .ptc-card-bottom-wrapper{display:flex;justify-content:flex-end}}@media only screen and (min-width: 1440px){:host(.card-2up) .ptc-card-bottom-wrapper{width:70%}}@media only screen and (min-width: 1980px){:host(.card-2up) .ptc-card-bottom-wrapper{width:60%}}";const s=class{constructor(e){t(this,e),this.hoverEvent=a(this,"hoverEvent",7),this.leaveEvent=a(this,"leaveEvent",7),this.cardType=void 0,this.cardLink=void 0,this.linkTitle=void 0,this.linkTarget="_self",this.isLoading=!1,this.styles=void 0}handleResize(){this.checkScreenSize()}hoverEventHandler(){this.el.classList.contains("extra-tall")&&(this.hoverEvent.emit(),this.el.classList.add("extraT-overlay")),this.el.classList.contains("color-outlined")&&(this.hoverEvent.emit(),this.el.querySelector("ptc-overlay").setOverlay("black-5"))}leaveEventHandler(){this.el.classList.contains("extra-tall")&&(this.hoverEvent.emit(),this.el.classList.remove("extraT-overlay")),this.el.classList.contains("color-outlined")&&(this.hoverEvent.emit(),this.el.querySelector("ptc-overlay").setOverlay("black-4"))}componentDidLoad(){this.checkScreenSize()}render(){const t=this.getCssClassMap(),a=this.cardLink?"a":"div";return e(o,Object.assign({class:t},this.isLoading?{}:{onMouseEnter:this.hoverEventHandler.bind(this)},this.isLoading?{}:{onMouseLeave:this.leaveEventHandler.bind(this)}),this.styles&&e("style",null,this.styles),e(a,Object.assign({},this.cardLink&&!this.isLoading?{href:this.cardLink}:{},this.linkTarget&&this.cardLink&&!this.isLoading?{target:this.linkTarget}:{},this.cardLink&&!this.isLoading?{title:this.linkTitle?this.linkTitle:this.cardLink}:{}),e("slot",null)))}getCssClassMap(){return{[this.cardType]:!!this.cardType}}getBtmContentHeight(){return this.el.querySelector("ptc-card-bottom").offsetHeight}checkScreenSize(){if("extra-tall"===this.cardType)if(window.innerWidth<768){const t=this.el.querySelector("ptc-card-content");t&&t.setHeight(this.getBtmContentHeight())}else{const t=this.el.querySelector("ptc-card-content");t&&t.removeInlineHeight()}}get el(){return i(this)}};s.style=':host{display:block}:host(.card-tall),:host(.card-wide),:host(.card-video),:host(.card-playlist),:host(.card-2up){position:relative}:host(.card-tall) a,:host(.card-wide) a,:host(.card-video) a,:host(.card-playlist) a,:host(.card-2up) a{text-decoration:none !important}:host(.card-tall) a:hover,:host(.card-wide) a:hover,:host(.card-video) a:hover,:host(.card-playlist) a:hover,:host(.card-2up) a:hover{text-decoration:none}:host(.card-tall) a:focus,:host(.card-wide) a:focus,:host(.card-video) a:focus,:host(.card-playlist) a:focus,:host(.card-2up) a:focus{outline:none;text-decoration:none}:host(.card-tall) a:focus-visible,:host(.card-wide) a:focus-visible,:host(.card-video) a:focus-visible,:host(.card-playlist) a:focus-visible,:host(.card-2up) a:focus-visible{outline:none;text-decoration:none}:host(.card-playlist) div,:host(.card-playlist) a{display:flex;text-decoration:none;outline:none}:host(.card-playlist) div:hover,:host(.card-playlist) a:hover{text-decoration:none;outline:none}:host(.card-video-intro){border-bottom-left-radius:var(--ptc-border-radius-large);border-bottom-right-radius:var(--ptc-border-radius-large)}:host(.card-video-intro) div{display:block}:host(.card-video-shadow){box-shadow:var(--ptc-shadow-x-small)}:host(.extra-tall){position:relative}:host(.extra-tall) a{position:relative;display:block;width:100%;height:100%;inset:0px}:host(.extra-tall) a::after{content:"";position:absolute;width:100%;height:100%;background:rgba(0, 0, 0, 0);bottom:0;left:0;border-radius:var(--ptc-border-radius-large);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.color-outlined){position:relative;border-radius:var(--ptc-border-radius-large)}:host(.card-video-p){padding:var(--ptc-element-spacing-05);padding-bottom:var(--ptc-element-spacing-06)}:host(.card-m-right){margin-right:var(--ptc-element-spacing-02)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-02)}:host(.extraT-overlay) a::after{background:rgba(0, 0, 0, 0.6)}@media only screen and (min-width: 768px){:host(.card-m-right){margin-right:var(--ptc-element-spacing-03)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-m-right){margin-right:var(--ptc-element-spacing-04)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro) div{display:flex}}:host(.result-box){width:505px;border:1px solid #6A6A6A;padding-top:56px;padding-bottom:56px;border-radius:var(--ptc-border-radius-large)}:host(.result-box) div{display:flex;justify-content:center;align-items:center;flex-direction:column}:host(.simple-card){border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);box-shadow:var(--ptc-shadow-small);padding:var(--ptc-layout-spacing-03)}:host(.simple-card) a{text-decoration:none}:host(.simple-card) a:hover{text-decoration:none}';const n=class{constructor(a){t(this,a),this.isLoading=!0,this.animated=!1,this.width="100%",this.borderRadius=void 0,this.topMargin="0px",this.btmMargin="0px"}render(){const t=this.borderRadius||getComputedStyle(document.documentElement).getPropertyValue("--ptc-border-radius-large");return e("div",{class:"content "+(this.animated&&this.isLoading?"animated":""),style:{width:this.width,marginTop:this.topMargin,marginBottom:this.btmMargin}},this.isLoading?e("div",{class:"placeholder",style:{borderRadius:t}}):e("slot",null))}get el(){return i(this)}};n.style=".content{display:flex;align-items:center;justify-content:center;height:100%;}.placeholder{width:100%;height:100%;min-height:1em;background:linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.08) 100%);background-size:400% 100%}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.animated .placeholder{animation:loading 2.5s ease-in-out infinite}";export{r as ptc_card_bottom,s as ptc_card_wrapper,n as ptc_skeleton}