FileMaster

Edit File: sc-order-summary.js

import{proxyCustomElement,HTMLElement,createEvent,h}from"@stencil/core/internal/client";import{s as speak}from"./index2.js";import{s as state}from"./mutations2.js";import{f as formBusy,a as formLoading}from"./getters3.js";import{s as setDefaultAnimation,b as stopAnimations,g as getAnimation,a as animateTo,c as shimKeyframesHeightAuto}from"./animation-registry.js";import{d as defineCustomElement$4}from"./sc-line-item2.js";import{d as defineCustomElement$3}from"./sc-skeleton2.js";import{d as defineCustomElement$2}from"./sc-total2.js";const scOrderSummaryCss=":host{display:block;font-family:var(--sc-font-sans);font-size:var(--sc-checkout-font-size, 16px)}.collapse-link{display:flex;align-items:center;gap:0.35em}.summary__content--empty{display:none}.collapse-link__icon{width:18px;height:18px;color:var(--sc-order-collapse-link-icon-color, var(--sc-color-gray-500))}.item__product+.item__product{margin-top:20px}.empty{color:var(--sc-order-summary-color, var(--sc-color-gray-500))}.price{display:inline-block;opacity:0;visibility:hidden;transform:translateY(5px);transition:var(--sc-input-transition, var(--sc-transition-medium)) visibility ease, var(--sc-input-transition, var(--sc-transition-medium)) opacity ease, var(--sc-input-transition, var(--sc-transition-medium)) transform ease}.price--collapsed{opacity:1;visibility:visible;transform:translateY(0)}.summary{position:relative;user-select:none}.summary--collapsible{cursor:pointer}.summary .collapse-link__icon{transition:transform 0.25s ease-in-out}.summary .scratch-price{text-decoration:line-through;color:var(--sc-color-gray-500);font-size:var(--sc-font-size-small);margin-right:var(--sc-spacing-xx-small)}.summary--open .collapse-link__icon{transform:rotate(180deg)}::slotted(*){margin:4px 0 !important}::slotted(sc-divider){margin:20px 0 !important}sc-line-item~sc-line-item{margin-top:14px}.total-price{white-space:nowrap}",ScOrderSummaryStyle0=scOrderSummaryCss,ScOrderSummary$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.scShow=createEvent(this,"scShow",7),this.scHide=createEvent(this,"scHide",7),this.order=void 0,this.busy=void 0,this.orderSummaryText=wp.i18n.__("Summary","surecart"),this.invoiceSummaryText=wp.i18n.__("Invoice Summary","surecart"),this.collapsible=!1,this.collapsedOnMobile=!1,this.collapsedOnDesktop=void 0,this.collapsed=!1}isMobileScreen(){var e,t;const s=null===(e=document.body)||void 0===e?void 0:e.getClientRects();return(null==s?void 0:s.length)&&(null===(t=s[0])||void 0===t?void 0:t.width)<781}componentWillLoad(){this.isMobileScreen()?this.collapsed=this.collapsed||this.collapsedOnMobile:this.collapsed=this.collapsed||this.collapsedOnDesktop,this.handleOpenChange()}handleClick(e){e.preventDefault(),this.empty()&&!formBusy()||(this.collapsed=!this.collapsed)}empty(){var e,t,s,i;return!(null===(s=null===(t=null===(e=state.checkout)||void 0===e?void 0:e.line_items)||void 0===t?void 0:t.pagination)||void 0===s?void 0:s.count)||((null===(i=null==state?void 0:state.checkout)||void 0===i?void 0:i.live_mode)?"test"===(null==state?void 0:state.mode):"live"===(null==state?void 0:state.mode))}getSummaryText(){var e,t;return(null===(t=null===(e=state.checkout)||void 0===e?void 0:e.invoice)||void 0===t?void 0:t.id)?this.invoiceSummaryText||wp.i18n.__("Invoice Summary","surecart"):this.orderSummaryText||wp.i18n.__("Summary","surecart")}renderHeader(){var e,t,s,i,o,a,l,r;return!formBusy()&&!formLoading()||(null===(s=null===(t=null===(e=state.checkout)||void 0===e?void 0:e.line_items)||void 0===t?void 0:t.data)||void 0===s?void 0:s.length)?h("sc-line-item",{style:{"--price-size":"var(--sc-font-size-x-large)"}},h("span",{class:"collapse-link",slot:"title",onClick:e=>this.handleClick(e),tabIndex:0,"aria-label":wp.i18n.sprintf(wp.i18n.__("Order Summary %s","surecart"),this.collapsed?wp.i18n.__("collapsed","surecart"):wp.i18n.__("expanded","surecart")),onKeyDown:e=>{" "===e.key&&(this.handleClick(e),speak(wp.i18n.sprintf(wp.i18n.__("Order Summary %s","surecart"),this.collapsed?wp.i18n.__("collapsed","surecart"):wp.i18n.__("expanded","surecart")),"assertive"))}},this.getSummaryText(),h("svg",{xmlns:"http://www.w3.org/2000/svg",class:"collapse-link__icon",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},h("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M19 9l-7 7-7-7"}))),h("span",{slot:"description"},h("slot",{name:"description"})),(null===(i=state.checkout)||void 0===i?void 0:i.total_amount)!==(null===(o=state.checkout)||void 0===o?void 0:o.amount_due)?h("span",{slot:"price",class:{price:!0,"price--collapsed":this.collapsed}},null===(a=state.checkout)||void 0===a?void 0:a.amount_due_display_amount):h("span",{slot:"price",class:{price:!0,"price--collapsed":this.collapsed}},!!(null===(l=state.checkout)||void 0===l?void 0:l.total_savings_amount)&&h("span",{class:"total-price scratch-price"},null===(r=null==state?void 0:state.checkout)||void 0===r?void 0:r.total_scratch_display_amount),h("sc-total",{class:"total-price",total:"total"}))):h("sc-line-item",null,h("sc-skeleton",{slot:"title",style:{width:"120px",display:"inline-block"}}),h("sc-skeleton",{slot:"price",style:{width:"70px",display:"inline-block","--border-radius":"6px"}}),h("sc-skeleton",{slot:"currency",style:{width:"30px",display:"inline-block"}}))}async handleOpenChange(){if(this.collapsed){this.scHide.emit(),await stopAnimations(this.body),this.body.style.overflow="hidden";const{keyframes:e,options:t}=getAnimation(this.el,"summary.hide");await animateTo(this.body,shimKeyframesHeightAuto(e,this.body.scrollHeight),t),this.body.hidden=!0,this.body.style.height="auto",this.body.style.overflow="visible"}else{this.scShow.emit(),await stopAnimations(this.body),this.body.hidden=!1,this.body.style.overflow="hidden";const{keyframes:e,options:t}=getAnimation(this.el,"summary.show");await animateTo(this.body,shimKeyframesHeightAuto(e,this.body.scrollHeight),t),this.body.style.height="auto",this.body.style.overflow="visible"}}render(){return h("div",{key:"2e86017582637dc8f2936455580056a82622cc08",class:{summary:!0,"summary--open":!this.collapsed,"summary--collapsible":this.collapsible}},this.collapsible&&this.renderHeader(),h("div",{key:"7d0431c7f8846567adeeaf47ca07faa8de783181",ref:e=>this.body=e,class:{summary__content:!0,"summary__content--empty":this.empty()&&!formBusy()}},h("slot",{key:"4e6bfefa5a3d54f7bd11473c252c2c2778fa03d0"})),this.empty()&&!formBusy()&&h("p",{key:"f7b0916b5016e96e74ad602fd9fccd681a85d67a",class:"empty"},wp.i18n.__("Your cart is empty.","surecart")))}get el(){return this}static get watchers(){return{collapsed:["handleOpenChange"]}}static get style(){return ScOrderSummaryStyle0}},[1,"sc-order-summary",{order:[16],busy:[4],orderSummaryText:[1,"order-summary-text"],invoiceSummaryText:[1,"invoice-summary-text"],collapsible:[4],collapsedOnMobile:[4,"collapsed-on-mobile"],collapsedOnDesktop:[4,"collapsed-on-desktop"],collapsed:[1028]},void 0,{collapsed:["handleOpenChange"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["sc-order-summary","sc-line-item","sc-skeleton","sc-total"].forEach((e=>{switch(e){case"sc-order-summary":customElements.get(e)||customElements.define(e,ScOrderSummary$1);break;case"sc-line-item":customElements.get(e)||defineCustomElement$4();break;case"sc-skeleton":customElements.get(e)||defineCustomElement$3();break;case"sc-total":customElements.get(e)||defineCustomElement$2()}}))}setDefaultAnimation("summary.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"ease"}}),setDefaultAnimation("summary.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"ease"}});const ScOrderSummary=ScOrderSummary$1,defineCustomElement=defineCustomElement$1;export{ScOrderSummary,defineCustomElement};

Back