@ptcwebops/ptcw-design 3.3.9 → 3.4.0

package/dist/ptcw-design/{p-34f6cb85.entry.js → p-818ef281.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as a,g as e}from"./p-00a1336a.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;justify-content:space-between;width:100%}}: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,a as e}from"./p-a7fdc2eb.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;justify-content:space-between;width:100%}}: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}