import{u as P,b as g}from"./vendor-vue-runtime-dom-B2rky8vu.js";import{u as F}from"./useAppearanceTypography-BBl5RU11.js";import{d as V,e as l,w as c,f as I,i as L,x as r,B as z}from"./vendor-vue-runtime-core-DwK6Ry68.js";import{u as n,t as A,r as D}from"./vendor-vue-reactivity-CheHbvBM.js";import{a as E}from"./vendor-vue-shared-DrzsEcag.js";import"./useAppearanceStore-IzenP-G4.js";import"./vendor-pinia-BSPefQhS.js";import"./vendor-axios-xsH4HHeE.js";import"./vendor-vue3-toastify-DBGjcIyK.js";const K=["id","aria-labelledby"],H=V({__name:"Buttons",props:{field:{},value:{},inputId:{},ariaLabelledby:{}},emits:["input","focus","focusout","blur","keypress","increment","decrement"],setup(d,{emit:p}){P(s=>({"005721b1":n(v),"7263adf2":n(C),"72309ddd":n(k),"714caf8f":n(b),"7a54b1be":n(m),"2c0f95a4":n(f),"623d4a43":n(y)}));const{borderColor:b,formFieldsColor:m,textColor:f,accentColor:v,errorColor:y,borderWidth:C,borderStyle:k}=F(),i=d,{field:u}=A(i),a=D(i.value),e=p,q=()=>e("increment"),B=()=>e("decrement"),w=l(()=>u.value.separation),x=l(()=>u.value.buttonsPosition==="right"?"ccb-quantity-buttons--right":"ccb-quantity-buttons--both");return c(a,s=>{e("input",{target:{value:s}})}),c(()=>i.value,s=>{a.value=s}),(s,t)=>(L(),I("div",{class:E(["ccb-field__input-wrapper ccb-quantity-buttons",[{"ccb-quantity-buttons--separation":w.value},x.value]])},[r("div",{class:"ccb-quantity-buttons__item down",onClick:B},t[5]||(t[5]=[r("i",{class:"ccb-icon-Path-3518"},null,-1)])),z(r("input",{type:"text",id:s.inputId,"aria-labelledby":s.ariaLabelledby,"onUpdate:modelValue":t[0]||(t[0]=o=>a.value=o),onFocus:t[1]||(t[1]=o=>e("focus",o)),onFocusout:t[2]||(t[2]=o=>e("focusout",o)),onBlur:t[3]||(t[3]=o=>e("blur",o)),onKeypress:t[4]||(t[4]=o=>e("keypress",o))},null,40,K),[[g,a.value]]),r("div",{class:"ccb-quantity-buttons__item up",onClick:q},t[6]||(t[6]=[r("i",{class:"ccb-icon-Path-3493"},null,-1)]))],2))}});export{H as default};
//# sourceMappingURL=Buttons-DU3HFcaH.js.map
