1import{r as t,h as i,a as e,c as r,H as o}from"./p-9add63ef.js";import{i as n}from"./p-b0d8cd6e.js";import{F as s}from"./p-8b323bfb.js";const a=":host{display:block}.form-control{font-family:var(--sc-font-sans);font-size:var(--sc-font-size-medium);font-weight:var(--sc-font-weight-normal);display:flex;flex-direction:column;gap:var(--sc-input-label-margin)}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control--has-label .form-control__label{display:inline-block;color:var(--sc-input-label-color);font-weight:var(--sc-input-label-font-weight);text-transform:var(--sc-input-label-text-transform, none);letter-spacing:var(--sc-input-label-letter-spacing, 0)}.form-control--has-label.form-control--small .form-control__label{font-size:var(--sc-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--sc-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--sc-input-label-font-size-large)}::slotted(.control--errors){margin-top:var(--sc-spacing-small);color:var(--sc-color-danger-500)}::slotted([slot=label-end]){float:right}.form-control--is-required .required{color:var(--sc-color-danger-500)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--sc-input-help-text-color)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--sc-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--sc-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--sc-input-help-text-font-size-large)}.form-control--has-error .form-control__error-text{display:block;color:var(--sc-input-error-text-color)}.form-control--has-error.form-control--small .form-control__error-text{font-size:var(--sc-input-error-text-font-size-small)}.form-control--has-error.form-control--medium .form-control__error-text{font-size:var(--sc-input-error-text-font-size-medium)}.form-control--has-error.form-control--large .form-control__error-text{font-size:var(--sc-input-error-text-font-size-large)}.form-control--has-error ::part(base){border-color:rgb(var(--sl-color-danger-500))}.form-control--is-rtl.form-control--has-label .form-control__label{text-align:right}";const l=a;const c=class{constructor(i){t(this,i);this.size="medium";this.name=undefined;this.showLabel=true;this.label=undefined;this.labelId=undefined;this.inputId=undefined;this.required=false;this.help=undefined;this.helpId=undefined}render(){return i("div",{key:"7bb713351f948e1ebd114e6a1cec86cf30a795df",part:"form-control",class:{"form-control":true,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-label":!!this.label&&this.showLabel,"form-control--has-help-text":!!this.help,"form-control--is-required":!!this.required,"form-control--is-rtl":n()}},i("label",{key:"892d13d540a9ba42e5ce5b114aa9f89e9c1e199a",part:"label",id:this.labelId,class:"form-control__label",htmlFor:this.inputId,"aria-hidden":!!this.label?"false":"true"},i("slot",{key:"706e2b720ad58df2e120cf27fc4f0b2c6d1411f6",name:"label"},this.label),i("slot",{key:"4a7584fc1e82803a8f480ab7d19fed9fc196ed74",name:"label-end"}),!!this.required&&i("span",{key:"81df298a4e3207d6aee93b995c869cdcdcccaf78","aria-hidden":"true",class:"required"}," ","*"),i("sc-visually-hidden",{key:"2289356ecfdfba58e684ba4d9e27295a74427fea"},!!this.required?wp.i18n.__("required","surecart"):"")),i("div",{key:"ed9964fe20fd165e5b7c8cf4d446950ab48456a5",part:"input",class:"form-control__input"},i("slot",{key:"8d2eaa86605a6c19ec6bfab80b9f2e1f5884c86c"})),this.help&&i("div",{key:"49060f794f8b6595fba0bfb13ddc3ed790d4baad",part:"help-text",id:this.helpId,class:"form-control__help-text"},i("slot",{key:"5a9686b7f1788b8bd58e9fb460dbcc6d8e17ce4d",name:"help-text"},this.help)))}get el(){return e(this)}};c.style=l;const u=":host{--focus-ring:0 0 0 var(--sc-focus-ring-width) var(--sc-focus-ring-color-primary);display:block;position:relative}
1.input__control[type=number]{-moz-appearance:textfield}.input__control::-webkit-outer-spin-button,.input__control::-webkit-inner-spin-button{-webkit-appearance:none}.input{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:start;position:relative;width:100%;box-sizing:border-box;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:solid 1px var(--sc-input-border-color, var(--sc-input-border));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;cursor:var(--sc-input-cursor, text)}.input:hover:not(.input--disabled){background-color:var(--sc-input-background-color-hover);border-color:var(--sc-input-border-color-hover);z-index:7}.input:hover:not(.input--disabled) .input__control{color:var(--sc-input-color-hover)}.input.input--focused:not(.input--disabled){background-color:var(--sc-input-background-color-focus);border-color:var(--sc-input-border-color-focus);box-shadow:var(--focus-ring);z-index:8}.input.input--focused:not(.input--disabled) .input__control{color:var(--sc-input-color-focus)}.input.input--disabled{background-color:var(--sc-input-background-color-disabled);border-color:var(--sc-input-border-color-disabled);opacity:0.5;cursor:not-allowed}.input.input--disabled .input__control{color:var(--sc-input-color-disabled)}.input.input--disabled .input__control::placeholder{color:var(--sc-input-placeholder-color-disabled)}.input__control{flex:1 1 auto;font-family:inherit;font-size:inherit;font-weight:inherit;min-width:0;height:100%;color:var(--sc-input-color);border:none;background:none;box-shadow:none;padding:0;margin:0;cursor:inherit;-webkit-appearance:none;box-sizing:border-box;width:100%}.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}.input__prefix,.input__suffix{display:inline-flex;flex:0 0 auto;align-items:center;color:var(--sc-input-color);cursor:default}.input__prefix ::slotted(sc-icon),.input__suffix ::slotted(sc-icon){color:var(--sc-input-icon-color)}.input--small{border-radius:var(--sc-input-border-radius-small);font-size:var(--sc-input-font-size-small);height:var(--sc-input-height-small)}.input--small .input__control{height:calc(var(--sc-input-height-small) - var(--sc-input-border-width) * 2);padding:0 var(--sc-input-spacing-small)}.input--small .input__clear,.input--small .input__password-toggle{margin-right:var(--sc-input-spacing-small)}.input--small .input__prefix ::slotted(*){margin-left:var(--sc-input-spacing-small)}.input--small .input__suffix ::slotted(*){margin-right:var(--sc-input-spacing-small)}.input--small .input__suffix ::slotted(sc-dropdown){margin:0}.input--medium{border-radius:var(--sc-input-border-radius-medium);font-size:var(--sc-input-font-size-medium);height:var(--sc-input-height-medium)}.input--medium .input__control{height:calc(var(--sc-input-height-medium) - var(--sc-input-border-width) * 2);padding:0 var(--sc-input-spacing-medium)}.input--medium .input__clear,.input--medium .input__password-toggle{margin-right:var(--sc-input-spacing-medium)}.input--medium .input__prefix ::slotted(*){margin-left:var(--sc-input-spacing-medium) !important}.input--medium .input__suffix ::slotted(:not(sc-button[size=medium]):not(sc-button[size=small])){margin-right:var(--sc-input-spacing-medium) !important}.input--medium .input__suffix ::slotted(sc-tag),.input--medium .input__suffix ::slotted(sc-button[size=small]){line-height:1;margin-right:var(--sc-input-spacing-small) !important}.input--medium .input__suffix ::slotted(sc-dropdown){margin:3px}.input--large{border-radius:var(--sc-input-border-radius-large);font-size:var(--sc-input-font-size-large);height:var(--sc-input-height-large)}
1.input--large .input__control{height:calc(var(--sc-input-height-large) - var(--sc-input-border-width) * 2);padding:0 var(--sc-input-spacing-large)}.input--large .input__clear,.input--large .input__password-toggle{margin-right:var(--sc-input-spacing-large)}.input--large .input__prefix ::slotted(*){margin-left:var(--sc-input-spacing-large)}.input--large .input__suffix ::slotted(*){margin-right:var(--sc-input-spacing-large)}.input--large .input__suffix ::slotted(sc-dropdown){margin:3px}.input--pill.input--small{border-radius:var(--sc-input-height-small)}.input--pill.input--medium{border-radius:var(--sc-input-height-medium)}.input--pill.input--large{border-radius:var(--sc-input-height-large)}.input__clear,.input__password-toggle{display:inline-flex;align-items:center;font-size:inherit;color:var(--sc-input-icon-color);border:none;background:none;padding:0;transition:var(--sc-input-transition, var(--sc-transition-medium)) color;cursor:pointer}.input__clear:hover,.input__password-toggle:hover{color:var(--sc-input-icon-color-hover)}.input__clear:focus,.input__password-toggle:focus{outline:none}.input--empty .input__clear{visibility:hidden}.input--squared{border-radius:0}.input--squared-top{border-top-left-radius:0;border-top-right-radius:0}.input--squared-bottom{border-bottom-left-radius:0;border-bottom-right-radius:0}.input--squared-left{border-top-left-radius:0;border-bottom-left-radius:0}.input--squared-right{border-top-right-radius:0;border-bottom-right-radius:0}";const d=u;let p=0;const h=class{constructor(i){t(this,i);this.scChange=r(this,"scChange",7);this.scClear=r(this,"scClear",7);this.scInput=r(this,"scInput",7);this.scFocus=r(this,"scFocus",7);this.scBlur=r(this,"scBlur",7);this.inputId=`input-${++p}`;this.helpId=`input-help-text-${p}`;this.labelId=`input-label-${p}`;this.squared=undefined;this.squaredBottom=undefined;this.squaredTop=undefined;this.squaredLeft=undefined;this.squaredRight=undefined;this.hidden=false;this.type="text";this.size="medium";this.name=undefined;this.value="";this.pill=false;this.label=undefined;this.showLabel=true;this.help="";this.clearable=false;this.togglePassword=false;this.placeholder=undefined;this.disabled=false;this.readonly=false;this.minlength=undefined;this.maxlength=undefined;this.min=undefined;this.max=undefined;this.step=undefined;this.pattern=undefined;this.customValidity=undefined;this.required=false;this.invalid=false;this.autocorrect=undefined;this.autocomplete=undefined;this.autofocus=undefined;this.spellcheck=undefined;this.inputmode=undefined;this.hasFocus=undefined;this.isPasswordVisible=false}async reportValidity(){return this.input.reportValidity()}validPattern(){if(!this.pattern){return undefined}const t="unicodeSets"in RegExp.prototype?"v":"u";try{return new RegExp(`^(?:${this.pattern})$`,t).source?this.pattern:undefined}catch{return undefined}}async triggerFocus(t){return this.input.focus(t)}async setCustomValidity(t){this.input.setCustomValidity(t);this.invalid=!this.input.checkValidity()}async triggerBlur(){return this.input.blur()}handleWheel(){var t;if(this.type==="number"){(t=this.input)===null||t===void 0?void 0:t.blur()}}select(){return this.input.select()}handleBlur(){this.hasFocus=false;this.scBlur.emit()}handleFocus(){this.hasFocus=true;this.scFocus.emit()}handleChange(){this.value=this.input.value;this.scChange.emit()}handleInput(){this.value=this.input.value;this.input.setCustomValidity("");this.scInput.emit()}handleInvalid(){if(this.customValidity&&this.input.validity.patternMismatch){this.input.setCustomValidity(this.customValidity)}else{this.input.setCustomValidity("")}}handleClearClick(t){this.value="";this.scClear.emit();this.scInput.emit();this.scChange.emit();this.input.focus();t.stopPropagation()}handlePasswordToggle(){this.isPasswordVisible=!this.isPasswordVisible}handleFocusChange(){setTimeout((()=>{this.hasFocus&&this.input?this.input.focus():this.input.blur()}),0)}handleValueChange(){if(this.input){this.invalid=!this.input.checkValidity()}}componentDidLoad(){this.formController=new s(this.el).addFormData();this.handleFocusChange()}disconnectedCallback(){var t;(t=this.formController)===null||t===void 0?void 0:t.removeFormData()}render(){var t;return i(o,{key:"5ba37e5fdbcb1d306b08bed0dff07eee201bf6b1",hidden:this.hidden},i("sc-form-control",{key:"767b5d15f4899d6464fa9ebe374cd0b34544744c",exportparts:"label, help-text, form-control",size:this.size,required:this.required,label:this.label,showLabel:this.showLabel,help:this.help,inputId:this.inputId,helpId:this.helpId,labelId:this.labelId,name:this.name},i("slot",{key:"f463cfc6df2c86de6386b2d53db59019f9cadfb5",name:"label-end",slot:"label-end"}),i("div",{key:"20eb7359df8053b6c58967d5fc98146eef4752ec",part:"base",class:{input:true,"input--small":this.size==="small","input--medium":this.size==="medium","input--large":this.size==="large","input--focused":this.hasFocus,"input--invalid":this.invalid,"input--disabled":this.disabled,"input--squared":this.squared,"input--squared-bottom":this.squaredBottom,"input--squared-top":this.squaredTop,"input--squared-left":this.squaredLeft,"input--squared-right":this.squaredRight}},i("span",{key:"7b2d230024003bfaf1ef3fb5a29f00f23ce49eb8",part:"prefix",class:"input__prefix"},i("slot",{key:"a02146747207f9d773651b4a20c1e9d31ccd79d6",name:"prefix"})),i("slot",{key:"d3b3d7db1ee2c7b5ff043339c2c63ac9a3467496"},i("input",{key:"5a0296c3c28cdfc08bd0be96959993e1a587a75e",part:"input",id:this.inputId,class:"input__c
1ontrol",ref:t=>this.input=t,type:this.type==="password"&&this.isPasswordVisible?"text":this.type,name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:this.placeholder,minlength:this.minlength,maxlength:this.maxlength,min:this.min,max:this.max,step:this.step,autocomplete:this.autocomplete,autocorrect:this.autocorrect,autofocus:this.autofocus,spellcheck:this.spellcheck,pattern:this.validPattern(),inputmode:this.inputmode,"aria-label":this.label,"aria-labelledby":this.labelId,"aria-invalid":this.invalid?true:false,value:this.value,onChange:()=>this.handleChange(),onInput:()=>this.handleInput(),onInvalid:()=>this.handleInvalid(),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur(),onKeyDown:t=>{if(!["Enter","ArrowRight","ArrowLeft","ArrowUp","ArrowDown","Tab"].includes(t.key)){t.stopPropagation()}}})),i("span",{key:"18163f9a8f50530e3c6aa4aecea343a0f64c4174",part:"suffix",class:"input__suffix"},i("slot",{key:"740b725640e5f07da3da5d7803aeea66e8a62e7a",name:"suffix"})),this.clearable&&((t=this.value)===null||t===void 0?void 0:t.length)>0&&i("button",{key:"3e1cd2a87295504a415ee0fb6e6fbca30fe3025f",part:"clear-button",class:"input__clear",type:"button",onClick:t=>this.handleClearClick(t),tabindex:"-1"},i("slot",{key:"546d71669b96204c8a9fd8a91b1daa7a81d1a4ff",name:"clear-icon"},i("svg",{key:"e37b19b1218a3b6e5bbdccaacc055798ef7b7761",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"feather feather-x"},i("line",{key:"b9d25095c6a161dc3a57f8247beb9c2087657fec",x1:"18",y1:"6",x2:"6",y2:"18"}),i("line",{key:"d0e41d457695081d127544e5a5c64cc2b4c59d79",x1:"6",y1:"6",x2:"18",y2:"18"})))))))}get el(){return e(this)}static get watchers(){return{hasFocus:["handleFocusChange"],value:["handleValueChange"]}}};h.style=d;export{c as sc_form_control,h as sc_input}; 2//# sourceMappingURL=p-9af202e6.entry.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.