import{_ as o,o as d,s as i,N as s}from"./entry.4a1e3e7a.js";const r={props:{type:{type:String,default:"text"},autocomplete:{type:String,default:"on"},size:{type:String,default:"medium",validator:e=>["medium","small","large"].includes(e)},color:{type:String,default:"gray",validator:e=>["gray","white"].includes(e)},invalid:{type:Boolean,default:!1},modelValue:{type:String,default:""}},data(){return{untouched:!0}},watch:{modelValue(e){e===null&&(this.untouched=!0)}},methods:{onInput(e){this.$emit("update:modelValue",e.target.value)},firstTouch(){this.untouched=!1}}},c=["value","type","autocomplete"];function p(e,u,t,m,a,l){return d(),i("input",{value:t.modelValue,type:t.type,autocomplete:t.autocomplete,class:s(["cs-input",`cs-input-${t.size}`,`cs-input-${t.color}`,!t.modelValue&&"cs-input--empty",t.invalid&&"cs-input--invalid",a.untouched&&"cs-input--untouched"]),onInput:u[0]||(u[0]=(...n)=>l.onInput&&l.onInput(...n)),onFocus:u[1]||(u[1]=(...n)=>l.firstTouch&&l.firstTouch(...n)),onKeyup:u[2]||(u[2]=n=>e.$emit("keyup",n))},null,42,c)}const f=o(r,[["render",p],["__scopeId","data-v-d228da23"]]);export{f as _};