@ptcwebops/ptcw-design 5.7.2 → 5.7.4

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

@@ -1 +0,0 @@
-import{r as t,a as e,h as i,H as a,g as s}from"./p-ac75c7ad.js";const n=class{constructor(i){t(this,i),this.dotSvg=e("./media/nav-active-dotslick.svg"),this.cardType="sequential",this.cardTitle="Card Title Goes Here",this.cardImgSrc=void 0,this.cardImgAlt=void 0,this.cardScreen="desktop",this.isExpanded=void 0,this.overlayExists=!0,this.styles=void 0}getDesktopCard(){return"desktop"===this.cardScreen&&this.isExpanded?[i("div",{class:"card card-dt-open"},i("ptc-card-content",{"card-type":"card-dynamic"},i("div",{class:"card-title"},i("h3",null,this.cardTitle)),i("div",{class:"card-content"},i("slot",null))),i("ptc-picture",{alt:this.cardImgAlt,src:this.cardImgSrc,"is-full-width":"true","is-full-height":"true","image-alignment":"center"}))]:"desktop"!==this.cardScreen||this.isExpanded?null:[i("div",{class:"card card-dt-closed"},i("ptc-picture",{alt:this.cardImgAlt,src:this.cardImgSrc,"image-position":"relative","is-full-width":!0,height:"424"},i("ptc-overlay",this.overlayExists?{"filter-color":"solid-black-1"}:{"filter-color":"solid-black-2"})),i("div",{class:"closed-content","card-type":"card-dynamic"},i("div",{class:"card-title"},i("h2",null,this.cardTitle))))]}componentDidLoad(){this.el.addEventListener("mouseenter",(()=>this.overlayExists=!1)),this.el.addEventListener("mouseleave",(()=>this.overlayExists=!0))}render(){const t=this.getCssClassMap();return i(a,{class:t},this.styles&&i("style",null,this.styles),i("div",{class:"card-wrapper"},"mobile"==this.cardScreen?i("div",{class:"card card-mobile"},i("ptc-picture",{height:"287","is-full-width":!0,alt:this.cardImgAlt,src:this.cardImgSrc}),i("ptc-card-content",{"card-type":"card-dynamic",styles:":host(.card-dynamic){height: auto;}"},i("div",{class:"card-title"},i("h3",null,this.cardTitle)),i("div",{class:"card-content"},i("slot",null)))):this.getDesktopCard()),"desktop"===this.cardScreen&&i("div",{hidden:!0},i("svg",null,i("use",{href:`${this.dotSvg}`}))))}getCssClassMap(){return{[this.cardType]:!0}}static get assetsDirs(){return["media"]}get el(){return s(this)}};n.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host(.sequential) .card-wrapper{position:relative;cursor:pointer}:host(.sequential) .card{background-color:var(--color-gray-12);overflow:hidden}:host(.sequential) .card-mobile,:host(.sequential) .card-dt-open{display:block}:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{display:flex;flex-basis:38%;justify-content:flex-start;align-items:center;padding:var(--ptc-element-spacing-06)}@media only screen and (min-width: 1200px){:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{height:unset;flex:0 0 310px}}:host(.sequential) .card-mobile ptc-picture,:host(.sequential) .card-dt-open ptc-picture{flex:1 1 auto}:host(.sequential) .card-mobile .card-title h3,:host(.sequential) .card-dt-open .card-title h3{color:var(--color-white);font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal)}@media only screen and (min-width: 768px){:host(.sequential) .card-mobile .card-title h3,:host(.sequential) .card-dt-open .card-title h3{font-size:var(--ptc-font-size-large)}}:host(.sequential) .card-mobile .card-content,:host(.sequential) .card-dt-open .card-content{margin-top:var(--ptc-element-spacing-03)}:host(.sequential) .card-mobile{max-width:320px;min-width:226px;position:relative}@media only screen and (min-width: 480px){:host(.sequential) .card-mobile{max-width:350px}}:host(.sequential) .card-mobile::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:5px;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-out);background-color:transparent}:host(.sequential) .card-mobile ptc-card-content{align-items:flex-start}:host(.sequential) .card-dt-closed{width:135px;height:424px;position:relative}:host(.sequential) .card-dt-closed .closed-content{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center}:host(.sequential) .card-dt-closed .card-title{text-align:center}:host(.sequential) .card-dt-closed .card-title h2{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal);padding-left:var(--ptc-element-spacing-02);padding-right:var(--ptc-element-spacing-02)}@media only screen and (min-width: 1440px){:host(.sequential) .card-dt-closed .card-title h2{font-size:var(--ptc-font-size-small)}}:host(.sequential) .card-dt-open{border-top:5px solid var(--color-green-05);display:flex;max-width:790px;height:480px;transition:width var(--ptc-transition-x-fast) var(--ptc-ease-out)}@media only screen and (min-width: 1440px){:host(.sequential) .card-dt-open{max-width:825px}}:host(.sequential):host(.active) .card-mobile::before{background-color:var(--color-green-05)}';export{n as ptc_dynamic_card}

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

@@ -1 +0,0 @@
-import{r as t,h as e,H as i,g as a}from"./p-ac75c7ad.js";const o=class{constructor(e){t(this,e),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"}async updateReadmoreStatus(){setTimeout((()=>{this.addBtnTruncated()}),100)}addBtnTruncated(){this.el.shadowRoot.querySelectorAll(".read-more-text").forEach((t=>{t.classList[t.scrollHeight>t.clientHeight?"add":"remove"]("truncated")}))}enableAddTruncatedClass(t){const e=document.querySelectorAll(t);for(const t of Array.from(e))t&&t.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"),this.enableAddTruncatedClass("ptc-product-card")}handleClick(t){this.addBtnTruncated(),this.checked=t.target.checked;const e=this.el.shadowRoot.querySelector(".read-more-cta-label");e.innerHTML=this.checked?`<span> ${this.lessText?this.lessText:""} </span>`:`<span> ${this.moreText?this.moreText:""}</span>`,this.checked?e.classList.add("show-less-cta"):e.classList.remove("show-less-cta")}render(){const t=this.getCssClassMap();return e(i,{class:this.display},e("div",{class:t},e("input",{type:"checkbox",id:"expanded",onClick:t=>this.handleClick(t)}),this.visibleLines||this.visibleLinesCustom?e("p",{class:`read-more-text ${this.visibleLines}`,style:{WebkitLineClamp:`${this.visibleLinesCustom}`}},e("slot",null)):null,e("label",{htmlFor:"expanded",role:"button",class:this.zIndex+" "+this.readMorePosition+" read-more-cta-label"},e("span",null,this.moreText))))}getCssClassMap(){return{box:!0,[this.color]:!0,[this.size]:!0,"add-icon":this.isIcon}}get el(){return a(this)}};o.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}.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-hyperlink);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-hyperlink)}: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}