FileMaster

Edit File: p-511cd5e6.entry.js

import{r as e,c as i,h as o,H as c,a as t}from"./p-e97fde0a.js";import{F as s}from"./p-8b323bfb.js";import{i as r}from"./p-b0d8cd6e.js";const a=":host{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;min-width:0;align-self:stretch;--mobile-size:100px}[hidden]{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.choice{background:var(--sc-choice-background-color);font-family:var(--sc-input-font-family);font-size:var(--sc-input-font-size-medium);font-weight:var(--sc-input-font-weight);user-select:none;border:var(--sc-choice-border);border-radius:var(--sc-choice-border-radius, var(--sc-input-border-radius-large));box-shadow:var(--sc-choice-box-shadow);cursor:pointer;padding:var(--sc-choice-padding, 1.3em 1.1em);position:relative;text-decoration:none;color:var(--sc-input-color);height:100%;transition:background-color 150ms ease, border-color 150ms ease, color 150ms ease, box-shadow 150ms ease}.choice--is-rtl{text-align:right}.choice__content{cursor:pointer;display:flex;gap:0.75em;align-items:center}.choice--checked{border-color:var(--sc-color-primary-500);box-shadow:0 0 0 1px var(--sc-color-primary-500);z-index:1}.choice__title{display:inline-block;font-weight:var(--sc-input-label-font-weight);font-size:var(--sc-input-label-font-size-medium)}.choice--size-small{padding:0.75em 0.9em}.choice--size-large{padding:1.3em 1.1em}.choice__icon{display:inline-flex;width:var(--sc-radio-size);height:var(--sc-radio-size)}.choice__icon svg{width:100%;height:100%}.choice__control{flex:0 0 auto;position:relative;display:inline-flex;align-items:center;justify-content:center;border:solid var(--sc-input-border-width) var(--sc-input-border-color);background-color:var(--sc-input-background-color);color:transparent;transition:var(--sc-input-transition, var(--sc-transition-medium)) border-color, 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)) box-shadow}.choice__control.choice__radio{width:var(--sc-radio-size);height:var(--sc-radio-size);border-radius:50%}.choice__control.choice__checkbox{width:var(--sc-toggle-size);height:var(--sc-toggle-size);border-radius:4px}.choice__control input[type=radio],.choice__control input[type=checkbox]{position:absolute;opacity:0;padding:0;margin:0;pointer-events:none}.choice:not(.choice--checked):not(.choice--disabled) .choice__control:hover{border-color:var(--sc-input-border-color-hover);background-color:var(--sc-input-background-color-hover)}.choice.choice--focused:not(.choice--checked):not(.choice--disabled) .choice__control{border-color:var(--var-sc-checked-focus-border-color, var(--sc-input-background-color));background-color:var(--sc-input-background-color-focus);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-color-primary-500)}.choice.choice--focused:not(.choice--checked):not(.choice--disabled){outline-style:solid;outline-color:var(--sc-color-primary-500);outline-width:var(--sc-focus-ring-width);outline-offset:2px}.choice--checked .choice__control{color:var(--var-sc-checked-color, var(--sc-input-background-color));border-color:var(--sc-color-primary-500);background-color:var(--sc-color-primary-500)}.choice.choice--checked:not(.choice--disabled) .choice__control:hover{border-color:var(--var-sc-checked-hover-radio-border-color, var(--sc-input-background-color));background-color:var(--sc-color-primary-500)}.choice.choice--checked:not(.choice--disabled).choice--focused .choice__control{border-color:var(--var-sc-checked-focus-radio-border-color, var(--sc-input-background-color));background-color:var(--sc-color-primary-500);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-focus-ring-color-primary)}.choice--disabled{opacity:0.5;cursor:not-allowed}.choice:not(.choice--checked) svg circle{opacity:0}.choice__label{width:100%;line-height:1;user-select:none}.choice--layout-columns .choice__label{display:flex;justify-content:space-between;flex-wrap:wrap;gap:0.5em}.choice--layout-columns .choice__price{text-align:right;margin:0;display:flex;gap:var(--sc-spacing-xx-small)}.choice__description{display:inline-block;color:var(--sc-color-gray-500);font-size:var(--sc-font-size-medium)}.choice__label-text{display:block;display:flex;flex-direction:column;gap:0.2em;flex:1}.choice__price{display:block}";const n=a;let h=0;const d=class{constructor(o){e(this,o);this.scBlur=i(this,"scBlur",7);this.scChange=i(this,"scChange",7);this.scFocus=i(this,"scFocus",7);this.inputId=`choice-${++h}`;this.labelId=`choice-label-${h}`;this.hasFocus=false;this.isStacked=false;this.name=undefined;this.size="medium";this.value=undefined;this.type="radio";this.disabled=false;this.checked=false;this.required=false;this.invalid=false;this.showLabel=true;this.showPrice=true;this.showControl=true;this.hasDefaultSlot=undefined;this.hasPrice=undefined;this.hasPer=undefined;this.hasDescription=undefined}async triggerClick(){this.input.click()}async triggerFocus(){this.input.focus()}async reportValidity(){this.invalid=!this.input.checkValidity();if(this.required){const e=this.getAllChoices();if(!e.some((e=>e.checked))){this.input.setCustomValidity(this.type==="radio"?wp.i18n.__("Please choose one.","surecart"):wp.i18n.__("Please choose at least one.","surecart"));this.invalid=!this.input.checkValidity()}else{this.input.setCustomValidity("");this.invalid=!this.input.checkValidity()}}return this.input.reportValidity()}handleCheckedChange(){this.input.setCustomValidity("");if(this.type==="radio"&&this.checked){this.getSiblingChoices().map((e=>e.checked=false))}this.input.checked=this.checked}handleBlur(){this.hasFocus=false;this.scBlur.emit()}handleFocus(){this.hasFocus=true;this.scFocus.emit()}async setCustomValidity(e){this.input.setCustomValidity(e);this.invalid=!this.input.checkValidity()}getAllChoices(){const e=this.el.closest("sc-choices")||this.el.parentElement;if(!e){return[]}return[...e.querySelectorAll("sc-choice")]}getSiblingChoices(){return this.getAllChoices().filter((e=>e!==this.el))}handleKeyDown(e){if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(e.key)){const i=this.getAllChoices().filter((e=>!e.disabled));const o=["ArrowUp","ArrowLeft"].includes(e.key)?-1:1;let c=i.indexOf(this.el)+o;if(c<0)c=i.length-1;if(c>i.length-1)c=0;i[c].triggerFocus();i[c].checked=true;e.preventDefault()}if("Enter"===e.key||" "===e.key){this.handleClickEvent()}}handleMouseDown(e){e.preventDefault();this.input.focus()}componentDidLoad(){this.handleResize();this.formController=new s(this.el,{value:e=>e.checked?e.value:undefined}).addFormData()}disconnectedCallback(){var e;(e=this.formController)===null||e===void 0?void 0:e.removeFormData()}handleResize(){if(!(window===null||window===void 0?void 0:window.ResizeObserver)){return}const e=new window.ResizeObserver((e=>{for(let i of e){if(i.contentBoxSize){const e=Array.isArray(i.contentBoxSize)?i.contentBoxSize[0]:i.contentBoxSize;setTimeout((()=>this.isStacked=(e===null||e===void 0?void 0:e.inlineSize)<350),0)}}}));e.observe(this.el)}handleSlotChange(){this.hasPrice=!!this.el.querySelector('[slot="price"]');this.hasPer=!!this.el.querySelector('[slot="per"]');this.hasDescription=!!this.el.querySelector('[slot="description"]');this.hasDefaultSlot=!!this.el.querySelector('[slot="default"]')}handleClickEvent(){if(this.type==="checkbox"){this.checked=!this.checked;this.scChange.emit(this.input.checked)}else if(!this.checked){this.checked=true;this.scChange.emit(this.input.checked)}}render(){return o(c,{key:"5ea6760d09e7f589d003195a670595375e4488bc",tabindex:"0",onFocus:()=>this.input.focus()},o("div",{key:"9e3fbd0299e0ab887c878db3bbc00473450bfa1e",part:"base",class:{choice:true,"choice--checked":this.checked,"choice--disabled":this.disabled,"choice--focused":this.hasFocus,"choice--layout-columns":!this.isStacked,"choice--is-rtl":r(),[`choice--size-${this.size}`]:true},onKeyDown:e=>this.handleKeyDown(e),onMouseDown:e=>this.handleMouseDown(e)},o("slot",{key:"1418a839e8dbef41b9fa879453446a6abbe4453e",name:"header"}),o("label",{key:"487270b0663200658b63859a897b888d9cc60d56",class:"choice__content",part:"content",htmlFor:this.inputId},o("span",{key:"294600da75c98915da9b794aaebd69cbf062d3ce",part:"control",class:{choice__control:true,choice__checkbox:this.type==="checkbox",choice__radio:this.type==="radio"},hidden:!this.showControl},o("span",{key:"4fa29e1d66b88f2f1f63090bd6041c1251ee6927",part:"checked-icon",class:"choice__icon"},this.type==="checkbox"?o("svg",{viewBox:"0 0 16 16"},o("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd","stroke-linecap":"round"},o("g",{stroke:"currentColor","stroke-width":"2"},o("g",{transform:"translate(3.428571, 3.428571)"},o("path",{d:"M0,5.71428571 L3.42857143,9.14285714"}),o("path",{d:"M9.14285714,0 L3.42857143,9.14285714"}))))):o("svg",{viewBox:"0 0 16 16"},o("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},o("g",{fill:"currentColor"},o("circle",{cx:"8",cy:"8",r:"3.42857143"}))))),o("input",{key:"1beef3180da76099a0ab09c4ee59e1d1fcd4e138",id:this.inputId,ref:e=>this.input=e,type:this.type,name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,"aria-checked":this.checked?"true":"false","aria-disabled":this.disabled?"true":"false","aria-labelledby":this.labelId,tabindex:"0",onBlur:()=>this.handleBlur(),onFocus:()=>this.handleFocus(),onChange:()=>this.handleClickEvent()})),o("span",{key:"0574e1e9439d80b912124732728854a2c2a1ceef",part:"label",id:this.labelId,class:"choice__label"},o("span",{key:"c3bad25d36ad3da331ebd0ecd41f3d365744363e",class:"choice__label-text",hidden:!this.showLabel},o("span",{key:"193b005a1663989a14fa4d3fc95c5e60f1535ea2",class:"choice__title",part:"title"},o("slot",{key:"99417f7c2d1d4abe05b4909b73791873ee11d256",onSlotchange:()=>this.handleSlotChange()})),o("span",{key:"d22ee22af03cedeacc560a65afe7aa035bb4a328",class:"choice__description description",part:"description",hidden:!this.hasDescription},o("slot",{key:"3ef6a0a0dca0cb0df6f0c2d9be4fe544f8bb9b8f",name:"description",onSlotchange:()=>this.handleSlotChange()}))),o("span",{key:"319b02be758a0b7a1200a5f55c303061cff5ce58",class:"choice__price",hidden:!this.showPrice||!this.hasPrice&&!this.hasPer},o("span",{key:"c5fff3330bba3514b6ff84473e8760665580e105",class:"choice__title"},o("slot",{key:"86e4e82e5e93f9f18385fe8cb04b5ccb29802279",name:"price",onSlotchange:()=>this.handleSlotChange()}))," ",o("span",{key:"7a01f4e67aacfb84c795f390628abe447c7a6003",class:"choice__description"},o("slot",{key:"2411595ecfa5677b3edcf697595146717da07499",name:"per",onSlotchange:()=>this.handleSlotChange()}))))),o("slot",{key:"698d5ca8f6d4249dbf5bd107afa16cca51a4ab96",name:"footer"})))}get el(){return t(this)}static get watchers(){return{checked:["handleCheckedChange"]}}};d.style=n;export{d as sc_choice};
//# sourceMappingURL=p-511cd5e6.entry.js.map

Back