https://www.vrijbuiter.nl/_nuxt/D43aPjki.js

1import{f as X,U as o,ar as Y,y as c,as as Z,ab as N,aI as ee,c as z,o as w,n as d,l as s,L as F,q as g,a as te,at as E,M as K,k as h,b as U,j as ae,V as q,ds as I}from"./CqhAP6hN.js";import{c as ne}from"./C6KL3OBF.js";function C(...n){return n.filter(Boolean).join(" ")}const se=["disabled"],ue=["value","max","min","step","disabled","placeholder","onKeydown"],ie=["disabled"],re=X({__name:"InputNumber",props:{value:{type:Number,default:0},step:{type:Number,default:1},min:{type:Number,default:-1/0},max:{type:Number,default:1/0},readonly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:""},hasValue:{type:Boolean,default:!0},rounded:{type:Boolean,default:!0},decreaseDisabled:{type:Boolean,default:!1},increaseDisabled:{type:Boolean,default:!1},precision:{type:Number,default:void 0,validator:n=>n>=0&&n===Number.parseInt(`${n}`,10)},minInputWidth:{type:String,default:()=>o._ui.inputNumber.default.minInputWidth},padded:{type:Boolean,default:!0},minusIcon:{type:String,default:()=>o._ui.inputNumber.default.minusIcon},plusIcon:{type:String,default:()=>o._ui.inputNumber.default.plusIcon},initCheck:{type:Boolean,default:!0},size:{type:String,default:()=>o._ui.inputNumber.default.size,validator(n){return Object.keys(o._ui.inputNumber.size).includes(n)}},color:{type:String,default:()=>o._ui.inputNumber.default.color,validator(n){return[...o.ui.colors,...Object.keys(o._ui.inputNumber.color)].includes(n)}},variant:{type:String,default:()=>o._ui.inputNumber.default.variant,validator(n){return[...Object.keys(o._ui.inputNumber.variant),...Object.values(o._ui.inputNumber.color).flatMap(k=>Object.keys(k))].includes(n)}},ui:{type:Object,default:()=>o._ui.inputNumber}},emits:["update:value","input","focus","blur","decrease","increase"],setup(n,{expose:k,emit:L}){const e=n,S=Y(),u=c(()=>Z({},e.ui,S._ui.inputNumber)),R=c(()=>{var a,l,i,p,A;const t=((l=(a=u.value.color)==null?void 0:a[e.color])==null?void 0:l[e.variant])||((i=u.value.variant)==null?void 0:i[e.variant]);return C(u.value.base,(p=u.value.size)==null?void 0:p[e.size],t==null?void 0:t.replaceAll("{color}",e.color),e.padded?(A=u.value.padding)==null?void 0:A[e.size]:"p-0",e.rounded&&u.value.rounded,e.disabled?u.value.disabled:"bg-white")}),T=c(()=>{var t;return C(u.value.input,e.minInputWidth,G.value?"text-red-500":"text-black",(t=u.value.size)==null?void 0:t[e.size])}),m=c(()=>{var t,a;return C((t=u.value.icon)==null?void 0:t.wrapper,(a=u.value.icon)==null?void 0:a.padding[e.size])}),b=c(()=>{var t,a;return C(S.ui.colors.includes(e.color)&&((t=u.value.icon)==null?void 0:t.color.replaceAll("{color}",e.color)),(a=u.value.icon)==null?void 0:a.size[e.size])}),f=L,v=N(),r=N(),V=c(()=>!e.hasValue&&e.placeholder?"":r.value.toFixed(D.value)),G=c(()=>e.value>e.max||e.value<e.min),O=c(()=>e.disabled||e.decreaseDisabled||e.value-e.step<e.min),j=c(()=>e.disabled||e.increaseDisabled||e.value+e.step>e.max),D=c(()=>{const t=e.precision,a=P(e.value),l=P(e.step);return t!==void 0?(l>t&&console.warn("[BaseInputNumber] > precision should not be less than the decimal places of step"),t):Math.max(a,l)}),P=t=>{if(t===void 0)return 0;const a=t.toString(),l=a.indexOf(".");let i=0;return l!==-1&&(i=a.length-l-1),i},H=t=>{const a=Math.pow(10,D.value);return parseFloat(`${Math.round(t*a)/a}`)},_=(t,a,l)=>{const i=t%a;if(i===0)return t;{const p=t-i+a;return p>l?t-i:p}},M=N(!1),W=()=>{M.value||(r.value=_(r.value,e.step,e.max),M.value=!0)},y=t=>{isNaN(t)||(t=ne(e.min,e.max,t),t!==r.value&&(r.value=_(t,e.step,e.max),f("update:value",r.value)),v.value&&(v.value.value=V.value))},B=()=>{W();const t=new I(r.value),a=new I(e.step);y(t.minus(a).toNumber()),f("decrease")},x=()=>{W();const t=new I(r.value),a=new I(e.step);y(t.plus(a).toNumber()),f("increase")},J=t=>{var i;const a=(i=t.target)==null?void 0:i.value,l=a===""?0:Number(a);isNaN(l)||y(l)},Q=t=>{var i;const a=(i=t.target)==null?void 0:i.value,l=a===""?0:Number(a);f("input",l)},$=N(!1);return ee(()=>e.value,t=>{r.value=H(t),!$.value&&e.initCheck&&(y(r.value),$.value=!0)},{immediate:!0}),k({inputEl:v}),(t,a)=>{const l=ae;return w(),z("div",{class:d(s(R))},[e.minusIcon?F(t.$slots,"minus",E(K({key:0},{onDecrease:B,iconWrapperClass:s(m),ui:s(u),iconClass:s(b)})),()=>

1[n.readonly?g("",!0):(w(),z("button",{key:0,type:"button","aria-label":"decrease button",class:d([s(m),s(u).icon&&{[s(u).icon.disabled]:s(O)}]),disabled:s(O),onClick:h(B,["stop","prevent"])},[U(l,{name:e.minusIcon,class:d(s(b))},null,8,["name","class"])],10,se))]):g("",!0),te("input",{ref_key:"inputEl",ref:v,type:"number","aria-label":"product quantity",class:d(s(T)),value:s(V),max:n.max,min:n.min,step:n.step,disabled:n.disabled||n.readonly,placeholder:n.placeholder,onBlur:a[0]||(a[0]=i=>t.$emit("blur",i)),onFocus:a[1]||(a[1]=i=>t.$emit("focus",i)),onChange:J,onInput:Q,onKeydown:[q(h(x,["prevent"]),["up"]),q(h(B,["prevent"]),["down"])]},null,42,ue),e.plusIcon?F(t.$slots,"plus",E(K({key:1},{onIncrease:x,iconWrapperClass:s(m),ui:s(u),iconClass:s(b)})),()=>[n.readonly?g("",!0):(w(),z("button",{key:0,type:"button","aria-label":"increase button",class:d([s(m),s(u).icon&&{[s(u).icon.disabled]:s(j)}]),disabled:s(j),onClick:h(x,["stop","prevent"])},[U(l,{name:e.plusIcon,class:d(s(b))},null,8,["name","class"])],10,ie))]):g("",!0)],2)}}});export{re as _};