FileMaster
Search
Toggle Dark Mode
Home
/
.
/
wp-content
/
plugins
/
surecart
/
dist
/
components
/
surecart
Edit File: p-d7f6a300.entry.js
import{r as t,c as o,h as n,F as r,a as i}from"./p-e97fde0a.js";import{i as e}from"./p-b0d8cd6e.js";import{g as s}from"./p-624938e7.js";import{s as a}from"./p-830ab1a3.js";const c=':host{display:inline-block;width:auto;cursor:pointer;--primary-color:var(--sc-color-primary-text);--primary-background:var(--sc-color-primary-500)}:host([full]){display:block}::slotted(*){pointer-events:none}.button{box-sizing:border-box;z-index:10;display:inline-flex;align-items:stretch;justify-content:center;width:100%;border-style:solid;border-width:var(--sc-input-border-width);font-family:var(--sc-input-font-family);font-weight:var(--sc-font-weight-semibold);text-decoration:none;user-select:none;white-space:nowrap;vertical-align:middle;padding:0;transition:var(--sc-input-transition, var(--sc-transition-medium)) background-color, var(--sc-input-transition, var(--sc-transition-medium)) color, var(--sc-input-transition, var(--sc-transition-medium)) border, var(--sc-input-transition, var(--sc-transition-medium)) box-shadow, var(--sc-input-transition, var(--sc-transition-medium)) opacity;cursor:inherit}.button::-moz-focus-inner{border:0}.button:focus{outline:none}.button:focus-visible{box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-focus-ring-color-primary)}.button.button--disabled{cursor:not-allowed}.button.button--disabled *{pointer-events:none}.button.button--disabled .button__label,.button.button--disabled .button__suffix,.button.button--disabled .button__prefix{opacity:0.5}.button ::slotted(.sc--icon){pointer-events:none}.button__prefix,.button__suffix{flex:0 0 auto;display:flex;align-items:center}.button__label{display:flex;align-items:center}.button__label ::slotted(sc-icon){vertical-align:-2px}.button:not(.button--text):not(.button--link){box-shadow:var(--sc-shadow-small)}.button.button--standard.button--default{background-color:var(--sc-button-default-background-color, var(--sc-color-white));border-color:var(--sc-button-default-border-color, var(--sc-color-gray-300));color:var(--sc-button-default-color, var(--sc-color-gray-600))}.button.button--standard.button--default:hover:not(.button--disabled){background-color:var(--sc-button-default-hover-background-color, var(--sc-color-white));border-color:var(--sc-button-default-focus-border-color, var(--primary-background));color:var(--primary-background)}.button.button--standard.button--default:focus:not(.button--disabled){background-color:var(--sc-button-default-focus-background-color, var(--sc-color-white));border-color:var(--sc-button-default-focus-border-color, var(--sc-color-white));color:var(--primary-background);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-focus-ring-color-primary)}.button.button--standard.button--default:active:not(.button--disabled){background-color:var(--sc-button-default-active-background-color, var(--sc-color-white));border-color:var(--sc-button-default-active-border-color, var(--sc-color-white));color:var(--primary-background)}.button.button--standard.button--primary{background-color:var(--primary-background);border-color:var(--primary-background);color:var(--primary-color)}.button.button--standard.button--primary:hover:not(.button--disabled){opacity:0.8}.button.button--standard.button--primary:focus:not(.button--disabled){opacity:0.8;color:var(--primary-color);border-color:var(--sc-color-white);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-focus-ring-color-primary)}.button.button--standard.button--primary:active:not(.button--disabled){background-color:var(--primary-background);border-color:var(--sc-color-white);color:var(--primary-color)}.button.button--standard.button--success{background-color:var(--sc-color-success-500);border-color:var(--sc-color-success-500);color:var(--sc-color-success-text)}.button.button--standard.button--success:hover:not(.button--disabled){background-color:var(--sc-color-success-400);border-color:var(--sc-color-success-400);color:var(--sc-color-success-text)}.button.button--standard.button--success:focus:not(.button--disabled){background-color:var(--sc-color-success-400);border-color:var(--sc-color-success-400);color:var(--sc-color-success-text);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-focus-ring-color-success)}.button.button--standard.button--success:active:not(.button--disabled){background-color:var(--sc-color-success-500);border-color:var(--sc-color-success-500);color:var(--sc-color-success-text)}.button.button--standard.button--info{background-color:var(--sc-color-info-500);border-color:var(--sc-color-info-500);color:var(--sc-color-info-text)}.button.button--standard.button--info:hover:not(.button--disabled){background-color:var(--sc-color-info-400);border-color:var(--sc-color-info-400);color:var(--sc-color-info-text)}.button.button--standard.button--info:focus:not(.button--disabled){background-color:var(--sc-color-info-400);border-color:var(--sc-color-info-400);color:var(--sc-color-info-text);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-focus-ring-color-info)}.button.button--standard.button--info:active:not(.button--disabled){background-color:var(--sc-color-info-500);border-color:var(--sc-color-info-500);color:var(--sc-color-info-text)}.button.button--standard.button--warning{background-color:var(--sc-color-warning-500);border-color:var(--sc-color-warning-500);color:var(--sc-color-warning-text)}.button.button--standard.button--warning:hover:not(.button--disabled){background-color:var(--sc-color-warning-400);border-color:var(--sc-color-warning-400);color:var(--sc-color-warning-text)}.button.button--standard.button--warning:focus:not(.button--disabled){background-color:var(--sc-color-warning-400);border-color:var(--sc-color-warning-400);color:var(--sc-color-warning-text);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-focus-ring-color-warning)}.button.button--standard.button--warning:active:not(.button--disabled){background-color:var(--sc-color-warning-500);border-color:var(--sc-color-warning-500);color:var(--sc-color-warning-text)}.button.button--standard.button--danger{background-color:var(--sc-color-danger-500);border-color:var(--sc-color-danger-500);color:var(--sc-color-danger-text)}.button.button--standard.button--danger:hover:not(.button--disabled){background-color:var(--sc-color-danger-400);border-color:var(--sc-color-danger-400);color:var(--sc-color-danger-text)}.button.button--standard.button--danger:focus:not(.button--disabled){background-color:var(--sc-color-danger-400);border-color:var(--sc-color-danger-400);color:var(--sc-color-danger-text);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-focus-ring-color-danger)}.button.button--standard.button--danger:active:not(.button--disabled){background-color:var(--sc-color-danger-500);border-color:var(--sc-color-danger-500);color:var(--sc-color-danger-text)}.button--outline{background:none;border:solid 1px}.button--outline.button--default{border-color:var(--sc-color-gray-300);color:var(--sc-color-gray-700)}.button--outline.button--default:hover:not(.button--disabled){border-color:var(--primary-background);background-color:var(--primary-background);color:var(--sc-color-white)}.button--outline.button--default:focus:not(.button--disabled){border-color:var(--primary-background);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--primary-background)/var(--sc-focus-ring-alpha)}.button--outline.button--default:active:not(.button--disabled){opacity:0.8;color:var(--sc-color-white)}.button--outline.button--primary{border-color:var(--primary-background);color:var(--primary-background)}.button--outline.button--primary:hover:not(.button--disabled){background-color:var(--primary-background);opacity:0.8;color:var(--sc-color-white)}.button--outline.button--primary:focus:not(.button--disabled){border-color:var(--primary-background);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--primary-background)/var(--sc-focus-ring-alpha)}.button--outline.button--primary:active:not(.button--disabled){border-color:var(--primary-background);background-color:var(--primary-background);opacity:0.9;color:var(--sc-color-white)}.button--outline.button--success{border-color:var(--sc-color-success-500);color:var(--sc-color-success-500)}.button--outline.button--success:hover:not(.button--disabled){background-color:var(--sc-color-success-500);color:var(--sc-color-white)}.button--outline.button--success:focus:not(.button--disabled){border-color:var(--sc-color-success-500);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-color-success-500)/var(--sc-focus-ring-alpha)}.button--outline.button--success:active:not(.button--disabled){border-color:var(--sc-color-success-700);background-color:var(--sc-color-success-700);color:var(--sc-color-white)}.button--outline.button--info{border-color:var(--sc-color-gray-500);color:var(--sc-color-gray-500)}.button--outline.button--info:hover:not(.button--disabled){background-color:var(--sc-color-gray-500);color:var(--sc-color-white)}.button--outline.button--info:focus:not(.button--disabled){border-color:var(--sc-color-gray-500);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-color-gray-500)/var(--sc-focus-ring-alpha)}.button--outline.button--info:active:not(.button--disabled){border-color:var(--sc-color-gray-700);background-color:var(--sc-color-gray-700);color:var(--sc-color-white)}.button--outline.button--warning{border-color:var(--sc-color-warning-500);color:var(--sc-color-warning-500)}.button--outline.button--warning:hover:not(.button--disabled){background-color:var(--sc-color-warning-500);color:var(--sc-color-white)}.button--outline.button--warning:focus:not(.button--disabled){border-color:var(--sc-color-warning-500);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-color-warning-500)/var(--sc-focus-ring-alpha)}.button--outline.button--warning:active:not(.button--disabled){border-color:var(--sc-color-warning-700);background-color:var(--sc-color-warning-700);color:var(--sc-color-white)}.button--outline.button--danger{border-color:var(--sc-color-danger-500);color:var(--sc-color-danger-500)}.button--outline.button--danger:hover:not(.button--disabled){background-color:var(--sc-color-danger-500);color:var(--sc-color-white)}.button--outline.button--danger:focus:not(.button--disabled){border-color:var(--sc-color-danger-500);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-color-danger-500)/var(--sc-focus-ring-alpha)}.button--outline.button--danger:active:not(.button--disabled){border-color:var(--sc-color-danger-700);background-color:var(--sc-color-danger-700);color:var(--sc-color-white)}.button--text{background-color:transparent;border-color:transparent;color:inherit}.button--text:hover:not(.button--disabled){background-color:transparent;border-color:transparent;color:var(--sc-color-gray-600)}.button--text:focus:not(.button--disabled){background-color:transparent;border-color:transparent;box-shadow:0}.button--text:active:not(.button--disabled){background-color:transparent;border-color:transparent;box-shadow:0}.button--text.button--caret.button--has-label{padding-right:var(--sc-spacing-xx-small)}.button--text.button--caret.button--has-label .button__label{padding:0 var(--sc-spacing-xx-small) !important}.button--link{background-color:transparent;border-color:transparent;box-shadow:none;color:var(--sc-button-link-color, var(--primary-background));transition:opacity var(--sc-input-transition, var(--sc-transition-medium)) ease;text-decoration:var(--sc-button-link-text-decoration, none)}.button--link.button--has-label.button--small .button__label,.button--link.button--has-label.button--medium .button__label,.button--link.button--has-label.button--large .button__label{padding:0}.button--link:hover:not(.button--disabled){background-color:transparent;border-color:transparent;opacity:0.75}.button--link:focus:not(.button--disabled){background-color:transparent;border-color:transparent}.button--link:active:not(.button--disabled){background-color:transparent;border-color:transparent}.button--link.button--has-prefix:not(.button--text).button--small,.button--link.button--has-prefix:not(.button--text).button--medium,.button--link.button--has-prefix:not(.button--text).button--large{padding-left:0}.button--link.button--has-prefix:not(.button--text).button--small .button__label,.button--link.button--has-prefix:not(.button--text).button--medium .button__label,.button--link.button--has-prefix:not(.button--text).button--large .button__label{padding-left:var(--sc-spacing-xx-small)}.button--link.button--has-suffix:not(.button--text).button--small,.button--link.button--has-suffix:not(.button--text).button--medium,.button--link.button--has-suffix:not(.button--text).button--large{padding-right:0}.button--link.button--has-suffix:not(.button--text).button--small .button__label,.button--link.button--has-suffix:not(.button--text).button--medium .button__label,.button--link.button--has-suffix:not(.button--text).button--large .button__label{padding-right:var(--sc-spacing-xx-small)}.button--small{font-size:var(--sc-button-font-size-small);height:var(--sc-input-height-small);line-height:calc(var(--sc-input-height-small) - var(--sc-input-border-width) * 2);border-radius:var(--button-border-radius, var(--sc-input-border-radius-small))}.button--medium{font-size:var(--sc-button-font-size-medium);height:var(--sc-input-height-medium);line-height:calc(var(--sc-input-height-medium) - var(--sc-input-border-width) * 2);border-radius:var(--button-border-radius, var(--sc-input-border-radius-medium))}.button--large{font-size:var(--sc-button-font-size-large);height:var(--sc-input-height-large);line-height:calc(var(--sc-input-height-large) - var(--sc-input-border-width) * 2);border-radius:var(--button-border-radius, var(--sc-input-border-radius-large))}.button--full{display:block}.button--pill.button--small{border-radius:var(--sc-input-height-small)}.button--pill.button--medium{border-radius:var(--sc-input-height-medium)}.button--pill.button--large{border-radius:var(--sc-input-height-large)}.button--circle{padding-left:0;padding-right:0}.button--circle.button--small{width:var(--sc-input-height-small);border-radius:50%}.button--circle.button--medium{width:var(--sc-input-height-medium);border-radius:50%}.button--circle.button--large{width:var(--sc-input-height-large);border-radius:50%}.button--circle .button__prefix,.button--circle .button__suffix,.button--circle .button__caret{display:none}.button--caret .button__suffix{display:none}.button--caret .button__caret{display:flex;align-items:center}.button--caret .button__caret svg{width:1em;height:1em}.button--busy{position:relative;cursor:wait}.button--busy .button__prefix,.button--busy .button__label,.button--busy .button__suffix,.button--busy .button__caret{visibility:hidden}.button--busy *{pointer-events:none}.button--loading{position:relative;cursor:wait}.button--loading .button__prefix,.button--loading .button__label,.button--loading .button__suffix,.button--loading .button__caret{visibility:hidden}sc-spinner::part(base){--indicator-color:currentColor;--spinner-size:12px;position:absolute;top:calc(50% - var(--spinner-size) + var(--spinner-size) / 4);left:calc(50% - var(--spinner-size) + var(--spinner-size) / 4)}.button ::slotted(sc-badge){position:absolute;top:0;right:0;transform:translateY(-50%) translateX(50%);pointer-events:none}.button--has-label.button--small .button__label{padding:0 var(--sc-spacing-small)}.button--has-label.button--medium .button__label{padding:0 var(--sc-spacing-medium)}.button--has-label.button--large .button__label{padding:0 var(--sc-spacing-large)}.button--has-prefix:not(.button--text).button--small{padding-left:var(--sc-spacing-x-small)}.button--has-prefix:not(.button--text).button--small .button__label{padding-left:var(--sc-spacing-x-small)}.button--has-prefix:not(.button--text).button--medium{padding-left:var(--sc-spacing-small)}.button--has-prefix:not(.button--text).button--medium .button__label{padding-left:var(--sc-spacing-small)}.button--has-prefix:not(.button--text).button--large{padding-left:var(--sc-spacing-small)}.button--has-prefix:not(.button--text).button--large .button__label{padding-left:var(--sc-spacing-small)}.button--has-suffix.button--small,.button--caret.button--small{padding-right:var(--sc-spacing-x-small)}.button--has-suffix.button--small .button__label,.button--caret.button--small .button__label{padding-right:var(--sc-spacing-x-small)}.button--has-suffix.button--medium,.button--caret.button--medium{padding-right:var(--sc-spacing-small)}.button--has-suffix.button--medium .button__label,.button--caret.button--medium .button__label{padding-right:var(--sc-spacing-small)}.button--has-suffix.button--large,.button--caret.button--large{padding-right:var(--sc-spacing-small)}.button--has-suffix.button--large .button__label,.button--caret.button--large .button__label{padding-right:var(--sc-spacing-small)}:host(.sc-button-group__button--first) .button{border-top-right-radius:0;border-bottom-right-radius:0}:host(.sc-button-group__button--inner) .button{border-radius:0}:host(.sc-button-group__button--last) .button{border-top-left-radius:0;border-bottom-left-radius:0}:host(.sc-button-group__button:not(.sc-button-group__button--first)){margin-left:calc(-1 * var(--sc-input-border-width))}:host(.sc-button-group__button:not(.sc-button-group__button--focus,.sc-button-group__button--first,[type=default]):not(:hover,:active,:focus)) .button:after{content:"";position:absolute;top:0;left:0;bottom:0;border-left:solid 1px rgba(255, 255, 255, 0.2666666667);mix-blend-mode:lighten}:host(.sc-button-group__button--hover){z-index:1}:host(.sc-button-group__button--focus){z-index:2}@keyframes busy-animation{0%{background-position:200px 0}}.button--is-rtl.button--has-prefix.button--small,.button--is-rtl.button--has-prefix.button--medium,.button--is-rtl.button--has-prefix.button--large{padding-left:0}.button--is-rtl.button--has-prefix.button--small .button__label,.button--is-rtl.button--has-prefix.button--medium .button__label,.button--is-rtl.button--has-prefix.button--large .button__label{padding-left:0;padding-right:var(--sc-spacing-xx-small)}.button--is-rtl.button--has-suffix.button--small,.button--is-rtl.button--has-suffix.button--medium,.button--is-rtl.button--has-suffix.button--large{padding-right:0}.button--is-rtl.button--has-suffix.button--small .button__label,.button--is-rtl.button--has-suffix.button--medium .button__label,.button--is-rtl.button--has-suffix.button--large .button__label{padding-right:0;padding-left:var(--sc-spacing-xx-small)}';const l=c;const u=class{constructor(n){t(this,n);this.scBlur=o(this,"scBlur",7);this.scFocus=o(this,"scFocus",7);this.hasFocus=false;this.hasLabel=false;this.hasPrefix=false;this.hasSuffix=false;this.type="default";this.size="medium";this.caret=false;this.full=false;this.disabled=false;this.loading=false;this.outline=false;this.busy=false;this.pill=false;this.circle=false;this.submit=false;this.name=undefined;this.value=undefined;this.href=undefined;this.target=undefined;this.download=undefined;this.autofocus=undefined}componentWillLoad(){this.handleSlotChange()}click(){this.button.click()}focus(t){this.button.focus(t)}blur(){this.button.blur()}handleSlotChange(){this.hasLabel=!!this.button.children;this.hasPrefix=!!this.button.querySelector('[slot="prefix"]');this.hasSuffix=!!this.button.querySelector('[slot="suffix"]')}handleBlur(){this.hasFocus=false;this.scBlur.emit()}handleFocus(){this.hasFocus=true;this.scFocus.emit()}handleClick(t){if(this.disabled||this.loading||this.busy){t.preventDefault();t.stopPropagation()}if(this.submit){this.submitForm()}}submitForm(){var t,o;const n=((o=(t=this.button.closest("sc-form"))===null||t===void 0?void 0:t.shadowRoot)===null||o===void 0?void 0:o.querySelector("form"))||this.button.closest("form");const r=document.createElement("button");if(n){r.type="submit";r.style.position="absolute";r.style.width="0";r.style.height="0";r.style.clip="rect(0 0 0 0)";r.style.clipPath="inset(50%)";r.style.overflow="hidden";r.style.whiteSpace="nowrap";n.append(r);r.click();r.remove()}}render(){const t=this.href?"a":"button";const o=n(r,{key:"f0e493a2b00c3857b55ae6575aee5ad1dc079fb9"},n("span",{key:"962cb41036480a3b6a723f29b48a73521663c74a",part:"prefix",class:"button__prefix"},n("slot",{key:"9e9291a72526ba7fb8b49f60d79c8988afe7779c",onSlotchange:()=>this.handleSlotChange(),name:"prefix"})),n("span",{key:"cb8f58f683f3a6c69c994e00b31f2765deda0c23",part:"label",class:"button__label"},n("slot",{key:"8821a525a64f5d40eae9c5689865238a2d4ca9b7",onSlotchange:()=>this.handleSlotChange()})),n("span",{key:"9066d6d55b091d91fd6534d6b9b0933d2a6552da",part:"suffix",class:"button__suffix"},n("slot",{key:"e09f653f2489c58da66b1e1f23acfc468f92117f",onSlotchange:()=>this.handleSlotChange(),name:"suffix"})),this.caret?n("span",{part:"caret",class:"button__caret"},n("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},n("polyline",{points:"6 9 12 15 18 9"}))):"",this.loading||this.busy?n("sc-spinner",{exportparts:"base:spinner"}):"");return n(t,{key:"b78bce976c0d0708f1b5cb52df3cf796fa0d98b0",part:"base",class:{button:true,[`button--${this.type}`]:!!this.type,[`button--${this.size}`]:true,"button--caret":this.caret,"button--circle":this.circle,"button--disabled":this.disabled,"button--focused":this.hasFocus,"button--loading":this.loading,"button--busy":this.busy,"button--pill":this.pill,"button--standard":!this.outline,"button--outline":this.outline,"button--has-label":this.hasLabel,"button--has-prefix":this.hasPrefix,"button--has-suffix":this.hasSuffix,"button--is-rtl":e()},href:this.href,target:this.target,download:this.download,autoFocus:this.autofocus,rel:this.target?"noreferrer noopener":undefined,role:"button","aria-disabled":this.disabled?"true":"false","aria-busy":this.busy||this.loading?"true":"false",tabindex:this.disabled?"-1":"0",disabled:this.disabled||this.busy,type:this.submit?"submit":"button",name:this.name,value:this.value,onBlur:()=>this.handleBlur(),onFocus:()=>this.handleFocus(),onClick:t=>this.handleClick(t)},o)}get button(){return i(this)}};u.style=l;const b=new Map;const d=t=>{if(b.has(t)){return b.get(t)}else{const o=fetch(t).then((async t=>{if(t.ok){const o=document.createElement("div");o.innerHTML=await t.text();const n=o.firstElementChild;return{ok:t.ok,status:t.status,svg:n&&n.tagName.toLowerCase()==="svg"?n.outerHTML:""}}else{return{ok:t.ok,status:t.status,svg:null}}}));b.set(t,o);return o}};const h=":host{--width:1em;--height:1em;display:inline-block;width:var(--width);height:var(--height);contain:strict;box-sizing:content-box !important}.icon,svg{display:block;height:100%;width:100%;stroke-width:var(--sc-icon-stroke-width, 2px)}";const p=h;const f={"chevron-down":wp.i18n.__("Open","surecart"),"chevron-up":wp.i18n.__("Close","surecart"),"chevron-right":wp.i18n.__("Next","surecart"),"chevron-left":wp.i18n.__("Previous","surecart"),"arrow-right":wp.i18n.__("Next","surecart"),"arrow-left":wp.i18n.__("Previous","surecart"),"arrow-down":wp.i18n.__("Down","surecart"),"arrow-up":wp.i18n.__("Up","surecart"),"alert-circle":wp.i18n.__("Alert","surecart")};const v=new DOMParser;const g=class{constructor(n){t(this,n);this.scLoad=o(this,"scLoad",7);this.svg="";this.name=undefined;this.src=undefined;this.label=undefined;this.library="default"}redraw(){this.setIcon()}componentWillLoad(){this.setIcon()}getLabel(){let t="";if(this.label){t=(f===null||f===void 0?void 0:f[this.label])||this.label}else if(this.name){t=((f===null||f===void 0?void 0:f[this.name])||this.name).replace(/-/g," ")}else if(this.src){t=this.src.replace(/.*\//,"").replace(/-/g," ").replace(/\.svg/i,"")}return t}async setIcon(){const t=s(this.library);const o=this.getUrl();if(o){try{const n=await d(o);if(o!==this.getUrl()){return}else if(n.ok){const o=v.parseFromString(n.svg,"text/html");const r=o.body.querySelector("svg");if(r){if(t&&t.mutator){t.mutator(r)}this.svg=r.outerHTML;this.svg=this.svg.replace("<svg",'<svg part="svg" ');this.scLoad.emit()}else{this.svg="";console.error({status:n===null||n===void 0?void 0:n.status})}}else{this.svg="";console.error({status:n===null||n===void 0?void 0:n.status})}}catch{console.error({status:-1})}}else if(this.svg){this.svg=""}}getUrl(){const t=s(this.library);if(this.name&&t){return t.resolver(this.name)}else{return this.src}}render(){return n("div",{key:"e8e2c542f799b88c7b44b9b58348cda334a5be72",part:"base",class:"icon",role:"img","aria-label":this.getLabel(),innerHTML:this.svg})}static get assetsDirs(){return["icon-assets"]}static get watchers(){return{name:["setIcon"],src:["setIcon"],library:["setIcon"]}}};g.style=p;const m=":host {\n display: block;\n font-family: var(--sc-font-sans);\n --sc-product-line-item-line-gap: 6px;\n}\n\n.item {\n box-sizing: border-box;\n margin: 0px;\n min-width: 0px;\n display: flex;\n gap: var(--sc-spacing-large);\n justify-content: space-between;\n align-items: stretch;\n width: 100%;\n border-bottom: none;\n container-type: inline-size;\n}\n.item__text-container {\n box-sizing: border-box;\n margin: 0px;\n min-width: 0px;\n display: flex;\n flex-direction: column;\n gap: var(--sc-product-line-item-line-gap);\n justify-content: space-between;\n align-items: stretch;\n width: 100%;\n border-bottom: none;\n}\n.item__row {\n display: flex;\n gap: 18px;\n justify-content: space-between;\n align-items: stretch;\n width: 100%;\n}\n.item__row.stick-bottom {\n margin-top: auto;\n}\n.item__scratch-price {\n text-decoration: line-through;\n font-size: var(--sc-font-size-small);\n line-height: 1;\n color: var(--sc-input-help-text-color);\n white-space: nowrap;\n}\n.item__remove-container {\n display: flex;\n gap: 6px;\n align-items: center;\n line-height: 1;\n cursor: pointer;\n color: var(--sc-input-help-text-color);\n font-size: var(--sc-input-help-text-font-size-medium);\n}\n.item__add-review sc-button {\n --sc-input-border-radius-small: var(--sc-input-border-radius-medium);\n}\n.item--has-review {\n border-bottom: solid 1px var(--sc-input-border-color, var(--sc-input-border));\n padding-top: var(--sc-spacing-small);\n padding-bottom: var(--sc-spacing-large);\n}\n:host(:first-of-type) .item--has-review {\n padding-top: 0;\n}\n\n.item__text {\n box-sizing: border-box;\n margin: 0px;\n min-width: 0px;\n display: flex;\n gap: 6px;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n flex: 1 1 0%;\n}\n\n.item__text-details {\n display: grid;\n gap: var(--sc-product-line-item-line-gap);\n}\n\n.item__title {\n box-sizing: border-box;\n min-width: 0px;\n margin: 0;\n color: var(--sc-line-item-title-color, var(--sc-input-label-color));\n font-size: var(--sc-font-size-medium);\n font-weight: var(--sc-font-weight-semibold);\n line-height: 1;\n cursor: pointer;\n display: -webkit-box;\n display: -moz-box;\n -webkit-box-orient: vertical;\n -moz-box-orient: vertical;\n -webkit-line-clamp: 3;\n -moz-box-lines: 3;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.item__suffix {\n flex: 1;\n box-sizing: border-box;\n margin: 0px;\n min-width: 0px;\n display: flex;\n flex-direction: column;\n -webkit-box-pack: start;\n justify-content: space-between;\n align-items: flex-end;\n min-width: 100px;\n margin-left: auto;\n align-self: center;\n}\n\n.product-line-item__removable .item__suffix {\n align-self: flex-start;\n}\n\n.product-line-item__editable .item__suffix {\n align-self: flex-start;\n}\n\n.product-line-item__purchasable-status {\n font-size: var(--sc-font-size-x-small);\n color: var(--sc-input-error-text-color);\n}\n\n.item__price {\n text-align: right;\n max-width: 100%;\n display: grid;\n gap: var(--sc-product-line-item-line-gap);\n}\n\n.item__description {\n color: var(--sc-price-label-color, var(--sc-input-help-text-color));\n font-size: var(--sc-price-label-font-size, var(--sc-input-help-text-font-size-medium));\n line-height: 1;\n display: flex;\n flex-wrap: wrap;\n flex-direction: column;\n gap: var(--sc-product-line-item-line-gap);\n text-wrap: pretty;\n}\n.item__description:last-child {\n align-items: flex-end;\n text-align: right;\n}\n\n.item__image-placeholder {\n width: var(--sc-product-line-item-image-size, 65px);\n height: var(--sc-product-line-item-image-size, 65px);\n background-color: var(--sc-input-border-color, var(--sc-input-border));\n border-radius: 4px;\n flex: 0 0 var(--sc-product-line-item-image-size, 65px);\n}\n\n.item__image,\n.attachment-thumbnail {\n width: var(--sc-product-line-item-image-size, 65px);\n height: var(--sc-product-line-item-image-size, 65px);\n object-fit: cover;\n border-radius: 4px;\n border: solid 1px var(--sc-input-border-color, var(--sc-input-border));\n display: block;\n box-shadow: var(--sc-input-box-shadow);\n align-self: flex-start;\n}\n\n@container (max-width: 380px) {\n .item__image,\n .item__image-placeholder {\n display: var(--sc-product-line-item-mobile-image-display, none);\n }\n}\n.product__description {\n display: flex;\n gap: 0.5em;\n align-items: center;\n}\n\n.price {\n font-size: var(--sc-font-size-medium);\n font-weight: var(--sc-font-weight-semibold);\n color: var(--sc-input-label-color);\n line-height: 1;\n white-space: nowrap;\n display: flex;\n gap: 4px;\n align-items: baseline;\n}\n\n.price__description {\n font-size: var(--sc-font-size-small);\n line-height: 1;\n color: var(--sc-input-help-text-color);\n text-align: right;\n white-space: nowrap;\n}\n\n.item--is-rtl.price {\n text-align: right;\n}\n.item--is-rtl .item__price {\n text-align: left;\n}\n\n.base {\n display: grid;\n gap: var(--sc-spacing-x-small);\n}\n\n.fee__description {\n color: var(--sc-input-help-text-color);\n}\n\nsc-quantity-select::part(base) {\n box-shadow: none;\n background-color: transparent;\n}\n\nsc-quantity-select::part(base):not(:focus-within) {\n border-color: transparent;\n}\n\nsc-quantity-select::part(input),\nsc-quantity-select::part(plus),\nsc-quantity-select::part(minus) {\n background-color: transparent;\n}";const _=m;const x=class{constructor(n){t(this,n);this.scUpdateQuantity=o(this,"scUpdateQuantity",3);this.scRemove=o(this,"scRemove",3);this.image=undefined;this.name=undefined;this.amount=undefined;this.scratch=undefined;this.displayAmount=undefined;this.scratchDisplayAmount=undefined;this.fees=undefined;this.price=undefined;this.variant="";this.quantity=undefined;this.interval=undefined;this.trial=undefined;this.removable=undefined;this.editable=true;this.max=undefined;this.sku="";this.purchasableStatus=undefined;this.note=undefined;this.reviewButtonLink=""}render(){var t,o,r;const i=((t=this.image)===null||t===void 0?void 0:t.type)==="fallback";return n("div",{key:"b553bdad8ea2fa2ffcf30e66f8d8b2961057b748",class:"base",part:"base"},n("div",{key:"4db7b4d52efa257554c6a7084bb9e6b0f7afbedf",part:"product-line-item",class:{item:true,"item--has-image":!!((o=this.image)===null||o===void 0?void 0:o.src),"item--has-review":!!this.reviewButtonLink,"item--is-rtl":e(),"product-line-item__editable":this.editable,"product-line-item__removable":this.removable}},!!((r=this.image)===null||r===void 0?void 0:r.src)?n("img",{...this.image,part:i?"placeholder__image":"image",class:i?"item__image-placeholder":"item__image"}):n("div",{class:"item__image-placeholder",part:"placeholder__image"}),n("div",{key:"1e80f070fbd4b4a790b5e5bbe7e10970df98a37a",class:"item__text-container"},n("div",{key:"058ce0255d082dce2b5745105aaa9aeb80d67163",class:"item__row"},n("div",{key:"5f5ed2d71bf2ab9cf550e4858f969e4ff5bf34d4",class:"item__title",part:"title"},n("slot",{key:"0966d5db9de5899fb532123113dea8b485c9b7d4",name:"title"},this.name)),n("div",{key:"1fb17ec773cfb542ceb20edd3940124127e78166",class:"price",part:"price__amount"},!!this.scratch&&this.scratch!==this.amount&&n("span",{key:"e78a07196374f382a907e5ae441ccd77034bec4a",class:"item__scratch-price"},this.scratch),this.amount,n("div",{key:"cfedec68e693098dedf06e932d2e0b49be4337a0",class:"price__description",part:"price__description"},this.interval))),n("div",{key:"79e895fb3c1961c95993300661e9039ee3565de8",class:"item__row"},n("div",{key:"767ec97d9c70d3818d948e3482817996b4bf85e6",class:"item__description",part:"description"},this.variant&&n("div",{key:"a02b7732daef7ba8945218526ee719c8271473b3"},this.variant),this.price&&n("div",{key:"4fc7cca615f5e29d7289fe84ba078a16ec3b3457"},this.price),this.sku&&n("div",{key:"721b27dd68368252e569da7b06ec530cf6b11e8e"},wp.i18n.__("SKU:","surecart")," ",this.sku),!!this.purchasableStatus&&n("div",{key:"af1ce39138e90283884d29ea34b8c78c5cf059db"},this.purchasableStatus),!!this.note&&n("sc-product-line-item-note",{key:"9083d146210e97b476e45bd5ce193218db5afdcc",note:this.note})),n("div",{key:"6d2aa2308d93412c7829b3349009570bf85b2ef6",class:"item__description",part:"trial-fees"},!!this.trial&&n("div",{key:"c305ec881ca6aea1cda272670b2b58dd68ef1252"},this.trial),(this.fees||[]).map((t=>n("div",null,t===null||t===void 0?void 0:t.display_amount," ",t===null||t===void 0?void 0:t.description))))),n("div",{key:"053fea0393d722833008539aa6fce9a69000cd69",class:"item__row stick-bottom"},this.editable?n("sc-quantity-select",{max:this.max||Infinity,exportparts:"base:quantity, minus:quantity__minus, minus-icon:quantity__minus-icon, plus:quantity__plus, plus-icon:quantity__plus-icon, input:quantity__input",clickEl:this.el,quantity:this.quantity,size:"small",onScChange:t=>t.detail&&this.scUpdateQuantity.emit(t.detail),"aria-label":wp.i18n.sprintf(wp.i18n.__("Change Quantity - %1$s %2$s","surecart"),this.name,this.price),productName:this.name}):n("span",{class:"item__description",part:"static-quantity"},wp.i18n.__("Qty:","surecart")," ",this.quantity),!!this.reviewButtonLink&&n("div",{key:"8f975b73d27cec4726fc1bbf5c7801c2b740701a",class:"item__add-review"},n("sc-button",{key:"901682bbd48896cc06ef1b02e85bcfb2bb932b71",size:"small",href:this.reviewButtonLink,target:"_blank"},wp.i18n.__("Review Product","surecart"))),!!this.removable&&n("div",{key:"0cee91503109d0dc4a461703106030249c867f75",class:"item__remove-container",onClick:()=>this.scRemove.emit(),onKeyDown:t=>{if(t.key==="Enter"){this.scRemove.emit()}},"aria-label":wp.i18n.sprintf(wp.i18n.__("Remove Item - %1$s %2$s","surecart"),this.name,this.amount),tabIndex:0},n("sc-icon",{key:"adb433dbad2c5b0b23a876527aeb745e8060bab4",exportparts:"base:remove-icon__base",class:"item__remove",name:"x"}),n("span",{key:"48410c607f3e561a8192af2f62010121bc0ea0dd",class:"item__remove-text"},wp.i18n.__("Remove","surecart")))))))}get el(){return i(this)}};x.style=_;const w=".line-item-note{display:flex;align-items:flex-start;gap:0.25em;min-height:1.5em}.line-item-note--clickable{cursor:pointer}.line-item-note__text{line-height:1.4;flex:1;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:1;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;transition:all 0.2s}.line-item-note--is-expanded .line-item-note__text{display:block;line-clamp:unset;-webkit-line-clamp:unset;overflow:visible;text-overflow:unset}.line-item-note__toggle{background:none;border:none;color:var(--sc-color-gray-500);cursor:pointer;padding:0;align-self:flex-start;transition:opacity 0.2s ease;border-radius:var(--sc-border-radius-small)}.line-item-note__toggle:hover{opacity:0.8}.line-item-note__toggle:focus-visible{outline:2px solid var(--sc-color-primary-500);outline-offset:2px}.line-item-note__toggle:focus{outline:2px solid var(--sc-color-primary-500);outline-offset:2px}";const y=w;const k=class{constructor(o){t(this,o);this.note=undefined;this.expanded=false;this.isOverflowing=false}componentDidLoad(){this.setupObservers();this.checkOverflow()}disconnectedCallback(){this.cleanupObservers()}setupObservers(){if(!this.noteEl)return;if(typeof ResizeObserver!=="undefined"){this.resizeObserver=new ResizeObserver((()=>{this.checkOverflow()}));this.resizeObserver.observe(this.noteEl)}if(typeof MutationObserver!=="undefined"){this.mutationObserver=new MutationObserver((()=>{this.checkOverflow()}));this.mutationObserver.observe(this.noteEl,{characterData:true,subtree:true,childList:true})}}cleanupObservers(){if(this.resizeObserver){this.resizeObserver.disconnect();this.resizeObserver=undefined}if(this.mutationObserver){this.mutationObserver.disconnect();this.mutationObserver=undefined}}checkOverflow(){if(!this.noteEl)return;this.isOverflowing=this.noteEl.scrollHeight>this.noteEl.clientHeight}toggle(){this.expanded=!this.expanded}render(){if(!this.note)return null;return n("div",{class:"base",part:"base"},n("div",{class:{"line-item-note":true,"line-item-note--is-expanded":this.expanded,"line-item-note--clickable":this.isOverflowing||this.expanded},tabIndex:this.isOverflowing||this.expanded?0:undefined,onClick:()=>(this.isOverflowing||this.expanded)&&this.toggle()},n("div",{ref:t=>this.noteEl=t,class:"line-item-note__text"},this.note),(this.isOverflowing||this.expanded)&&n("button",{class:"line-item-note__toggle",type:"button",onClick:t=>{t.stopPropagation();this.toggle()},title:this.expanded?wp.i18n.__("Collapse note","surecart"):wp.i18n.__("Expand note","surecart")},n("slot",{name:"icon"},n("sc-icon",{name:this.expanded?"chevron-up":"chevron-down",style:{width:"16px",height:"16px"}})))))}get el(){return i(this)}};k.style=y;const q=":host{--focus-ring:0 0 0 var(--sc-focus-ring-width) var(--sc-focus-ring-color-primary);--border-radius:var(--sc-quantity-border-radius, var(--sc-input-border-radius-small));display:inline-block}.input__control{text-align:center;line-height:1;border:none;flex:1;max-width:var(--sc-quantity-input-max-width, 35px);background-color:var(--sc-input-control-background-color, var(--sc-color-white));color:var(--sc-input-control-color, var(--sc-color-black));-moz-appearance:textfield}.input__control::-webkit-outer-spin-button,.input__control::-webkit-inner-spin-button{-webkit-appearance:none}.input__control::-webkit-search-decoration,.input__control::-webkit-search-cancel-button,.input__control::-webkit-search-results-button,.input__control::-webkit-search-results-decoration{-webkit-appearance:none}.input__control:-webkit-autofill,.input__control:-webkit-autofill:hover,.input__control:-webkit-autofill:focus,.input__control:-webkit-autofill:active{box-shadow:0 0 0 var(--sc-input-height-large) var(--sc-input-background-color-hover) inset !important;-webkit-text-fill-color:var(--sc-input-color)}.input__control::placeholder{color:var(--sc-input-placeholder-color);user-select:none}.input__control:focus{outline:none}.quantity--trigger{cursor:pointer;white-space:nowrap}.quantity{position:relative;display:inline-block;width:var(--sc-quantity-select-width, 100px);height:var(--sc-quantity-control-height, var(--sc-input-height-small));display:flex;align-items:stretch;font-family:var(--sc-input-font-family);font-weight:var(--sc-input-font-weight);letter-spacing:var(--sc-input-letter-spacing);background-color:var(--sc-input-background-color);border:var(--sc-input-border);border-radius:var(--border-radius);vertical-align:middle;box-shadow:var(--sc-input-box-shadow);transition:var(--sc-input-transition, var(--sc-transition-medium)) color, var(--sc-input-transition, var(--sc-transition-medium)) border, var(--sc-input-transition, var(--sc-transition-medium)) box-shadow}.quantity:hover:not(.quantity--disabled){background-color:var(--sc-input-background-color-hover);border-color:var(--sc-input-border-color-hover)}.quantity:hover:not(.quantity--disabled) .quantity__control{color:var(--sc-input-color-hover)}.quantity.quantity--focused:not(.quantity--disabled){background-color:var(--sc-input-background-color-focus);border-color:var(--sc-input-border-color-focus);box-shadow:var(--focus-ring)}.quantity.quantity--focused:not(.quantity--disabled) .quantity__control{color:var(--sc-input-color-focus)}.quantity.quantity--disabled{background-color:var(--sc-input-background-color-disabled);border-color:var(--sc-input-border-color-disabled);opacity:0.5;cursor:not-allowed}.quantity.quantity--disabled .input__control{color:var(--sc-input-color-disabled)}.quantity.quantity--disabled .input__control::placeholder{color:var(--sc-input-placeholder-color-disabled)}.button__decrease,.button__increase{display:inline-block;text-align:center;vertical-align:middle;line-height:0;height:auto;top:1px;bottom:1px;width:32px;background:var(--sc-input-background-color);color:var(--sc-input-help-text-color);cursor:pointer;font-size:13px;user-select:none;border-width:0;padding:0}.button__decrease:hover:not(.button--disabled) .quantity__control,.button__increase:hover:not(.button--disabled) .quantity__control{color:var(--sc-input-color-hover)}.button__decrease.button--disabled,.button__increase.button--disabled{background-color:var(--sc-input-background-color-disabled);border-color:var(--sc-input-border-color-disabled);opacity:0.5;cursor:not-allowed}.quantity--small{width:var(--sc-quantity-select-width-small, 76px);height:var(--sc-quantity-control-height-small, 26px)}.quantity--small .button__decrease,.quantity--small .button__increase{width:24px;border:none}.quantity--small .input__control{max-width:24px}.button__decrease{left:1px;border-radius:var(--border-radius) 0 0 var(--border-radius);border-right:var(--sc-input-border)}.button__increase{right:1px;border-radius:0 var(--border-radius) var(--border-radius) 0;border-left:var(--sc-input-border)}.quantity--is-rtl .button__decrease{right:1px;border-left:var(--sc-input-border);border-right:0}.quantity--is-rtl .button__increase{left:1px;border-right:var(--sc-input-border);border-left:0}";const z=q;const C=class{constructor(n){t(this,n);this.scChange=o(this,"scChange",7);this.scInput=o(this,"scInput",7);this.scFocus=o(this,"scFocus",7);this.scBlur=o(this,"scBlur",7);this.clickEl=undefined;this.disabled=undefined;this.max=Infinity;this.min=1;this.quantity=0;this.productName="Product";this.size="medium";this.hasFocus=undefined}decrease(){if(this.disabled)return;this.quantity=Math.max(this.quantity-1,this.min);a(wp.i18n.sprintf(wp.i18n.__("Decreased %1$s quantity by one","surecart"),this.productName),"assertive");this.scChange.emit(this.quantity);this.scInput.emit(this.quantity)}increase(){if(this.disabled)return;this.quantity=Math.min(this.quantity+1,this.max);a(wp.i18n.sprintf(wp.i18n.__("Increased %1$s quantity by one","surecart"),this.productName),"assertive");this.scChange.emit(this.quantity);this.scInput.emit(this.quantity)}handleBlur(){this.hasFocus=false;this.scBlur.emit()}handleFocus(){this.hasFocus=true;this.scFocus.emit()}handleChange(){this.quantity=parseInt(this.input.value)>this.max?this.max:parseInt(this.input.value);a(wp.i18n.sprintf(wp.i18n.__("Quantity of %1$s changed to %2$s","surecart"),this.productName,this.quantity),"assertive");this.scChange.emit(this.quantity)}handleInput(){this.quantity=parseInt(this.input.value);this.scInput.emit(this.quantity)}render(){return n("div",{key:"254fc8d6f6b07a17c2d17b4f5f49029083ba5457",part:"base",class:{quantity:true,"quantity--focused":this.hasFocus,"quantity--disabled":this.disabled,"quantity--is-rtl":e(),"quantity--small":this.size==="small"}},n("button",{key:"0040075c45dcfb0488347279a3dcc265fa3b9a03",part:"minus","aria-label":wp.i18n.sprintf(wp.i18n.__("Decrease %1$s quantity by one","surecart"),this.productName),"aria-disabled":this.disabled||this.quantity<=this.min&&this.min>1,class:{button__decrease:true,"button--disabled":this.quantity<=this.min&&this.min>1},onClick:()=>this.quantity>this.min&&this.decrease(),disabled:this.disabled||this.quantity<=this.min&&this.min>1},n("sc-icon",{key:"428df49ee55410c18b1fb27fb35e14f789ec1f6f",name:"minus",exportparts:"base:minus__icon"})),n("input",{key:"5b71f18120afe493052fbfd03c774335f6743b10",part:"input",class:"input__control",ref:t=>this.input=t,step:"1",type:"number",max:this.max,min:this.min,value:this.quantity,disabled:this.disabled,autocomplete:"off",role:"spinbutton","aria-valuemax":this.max,"aria-valuemin":this.min,"aria-valuenow":this.quantity,"aria-disabled":this.disabled,onChange:()=>this.handleChange(),onInput:()=>this.handleInput(),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur(),"aria-label":wp.i18n.sprintf(wp.i18n.__("Quantity input for %1$s product","surecart"),this.productName)}),n("button",{key:"bbecc4b9d2317bae91c3847728317e375954dea5",part:"plus","aria-label":wp.i18n.sprintf(wp.i18n.__("Increase %1$s quantity by one","surecart"),this.productName),class:{button__increase:true,"button--disabled":this.quantity>=this.max},onClick:()=>this.quantity<this.max&&this.increase(),"aria-disabled":this.disabled||this.quantity>=this.max,disabled:this.disabled||this.quantity>=this.max},n("sc-icon",{key:"ee11c13ffa098f0a1cb938aeca2771d9210c56db",name:"plus",exportparts:"base:plus__icon"})))}get el(){return i(this)}};C.style=z;const I=":host{--track-color:#0d131e20;--indicator-color:var(--sc-color-primary-500);--stroke-width:2px;--spinner-size:1em;display:inline-block}.spinner{display:inline-block;width:var(--spinner-size);height:var(--spinner-size);border-radius:50%;border:solid var(--stroke-width) var(--track-color);border-top-color:var(--indicator-color);border-right-color:var(--indicator-color);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";const $=I;const j=class{constructor(o){t(this,o)}render(){return n("span",{key:"58ca56a8a372f2b504d38c9401fb3f7d27d215b0",part:"base",class:"spinner","aria-busy":"true","aria-live":"polite"})}};j.style=$;export{u as sc_button,g as sc_icon,x as sc_product_line_item,k as sc_product_line_item_note,C as sc_quantity_select,j as sc_spinner}; //# sourceMappingURL=p-d7f6a300.entry.js.map
Save
Back