@ptcwebops/ptcw-design 5.7.3 → 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}