import{a as y,C as f,k,b as l,O as r,m as q,g as B,p as o,M as C,U as g,I as w}from"./convert-case-to-camel-case.utils-DDUpNI96.js";const P=["id","aria-labelledby"],x=y({__name:"Buttons",props:{field:{},value:{},inputId:{},ariaLabelledby:{}},emits:["input","focus","focusout","blur","keypress","increment","decrement"],setup(c,{emit:b}){const a=c,{field:i}=f(a),u=k(a.value),n=b,p=()=>n("increment"),d=()=>n("decrement"),m=l(()=>i.value.separation),v=l(()=>i.value.buttonsPosition==="right"?"ccb-quantity-buttons--right":"ccb-quantity-buttons--both");return r(u,s=>{n("input",{target:{value:s}})}),r(()=>a.value,s=>{u.value=s}),(s,t)=>(B(),q("div",{class:w(["ccb-field__input-wrapper ccb-quantity-buttons",[{"ccb-quantity-buttons--separation":m.value},v.value]])},[o("div",{class:"ccb-quantity-buttons__item down",onClick:d},t[5]||(t[5]=[o("i",{class:"ccb-icon-Path-3518"},null,-1)])),C(o("input",{type:"text",id:s.inputId,"aria-labelledby":s.ariaLabelledby,"onUpdate:modelValue":t[0]||(t[0]=e=>u.value=e),onFocus:t[1]||(t[1]=e=>n("focus",e)),onFocusout:t[2]||(t[2]=e=>n("focusout",e)),onBlur:t[3]||(t[3]=e=>n("blur",e)),onKeypress:t[4]||(t[4]=e=>n("keypress",e))},null,40,P),[[g,u.value]]),o("div",{class:"ccb-quantity-buttons__item up",onClick:p},t[6]||(t[6]=[o("i",{class:"ccb-icon-Path-3493"},null,-1)]))],2))}});export{x as default};
//# sourceMappingURL=Buttons-oaTxsYPm.js.map
