import{b as v}from"./vendor-vue-runtime-dom-B2rky8vu.js";import{d as y,e as l,w as r,f as k,i as q,x as s,B}from"./vendor-vue-runtime-core-DwK6Ry68.js";import{t as w,r as C}from"./vendor-vue-reactivity-CheHbvBM.js";import{a as P}from"./vendor-vue-shared-DrzsEcag.js";const g=["id","aria-labelledby"],V=y({__name:"Buttons",props:{field:{},value:{},inputId:{},ariaLabelledby:{}},emits:["input","focus","focusout","blur","keypress","increment","decrement"],setup(c,{emit:p}){const u=c,{field:a}=w(u),i=C(u.value),n=p,b=()=>n("increment"),d=()=>n("decrement"),m=l(()=>a.value.separation),f=l(()=>a.value.buttonsPosition==="right"?"ccb-quantity-buttons--right":"ccb-quantity-buttons--both");return r(i,o=>{n("input",{target:{value:o}})}),r(()=>u.value,o=>{i.value=o}),(o,t)=>(q(),k("div",{class:P(["ccb-field__input-wrapper ccb-quantity-buttons",[{"ccb-quantity-buttons--separation":m.value},f.value]])},[s("div",{class:"ccb-quantity-buttons__item down",onClick:d},t[5]||(t[5]=[s("i",{class:"ccb-icon-Path-3518"},null,-1)])),B(s("input",{type:"text",id:o.inputId,"aria-labelledby":o.ariaLabelledby,"onUpdate:modelValue":t[0]||(t[0]=e=>i.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,g),[[v,i.value]]),s("div",{class:"ccb-quantity-buttons__item up",onClick:b},t[6]||(t[6]=[s("i",{class:"ccb-icon-Path-3493"},null,-1)]))],2))}});export{V as default};
//# sourceMappingURL=Buttons-CCBGrlwO.js.map
