import{_ as c}from"./index.9eeff355.js";import{_ as m,o as a,s,n as f,v as n,m as i,e as u,l as p,w as y,F as h,z as V,N as g}from"./entry.4a1e3e7a.js";const v={components:{Select:c},props:{description:{type:String,default:""},modelValue:{type:String,default:null},options:{type:Array,default:()=>[]},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},label:{type:String,default:null},selectId:{type:String,default:void 0},selectColor:{type:String,default:"gray"},selectTabindex:{type:String,default:void 0},selectSize:{type:String,default:void 0},messageSpace:{type:Boolean,default:!1}},data(){return{error:null}},computed:{localValue:{get(){var t;return this.modelValue!==null?this.modelValue:(t=this.options[0])==null?void 0:t.value},set(t){this.$emit("update:modelValue",t)}}},methods:{onInput(t){this.validate(t)},validate(t){!t&&this.required?(this.error=`${this.label} is required`,this.$refs.select.$refs.select.setCustomValidity(this.error)):(this.error=null,this.$refs.select.$refs.select.setCustomValidity(""))}}},b={class:"formselect-label"},S={key:0,class:"formselect-description"},x=["value","selected"],C={key:1,class:"error-message"};function I(t,o,e,q,d,r){const _=c;return a(),s("label",{class:g(["forminput-wrap",e.messageSpace&&"remove-margin-bottom"])},[f("span",b,n(e.label),1),i(),e.description?(a(),s("div",S,n(e.description),1)):u("",!0),i(),p(_,{id:e.selectId,ref:"select",modelValue:r.localValue,"onUpdate:modelValue":o[0]||(o[0]=l=>r.localValue=l),required:e.required,disabled:e.disabled,invalid:d.error!=null,color:e.selectColor,tabindex:e.selectTabindex,size:e.selectSize,onInput:r.onInput},{default:y(()=>[(a(!0),s(h,null,V(e.options,l=>(a(),s("option",{key:l.value,value:l.value,selected:l.value===r.localValue},n(l.label),9,x))),128))]),_:1},8,["id","modelValue","required","disabled","invalid","color","tabindex","size","onInput"]),i(),d.error?(a(),s("span",C,n(d.error),1)):u("",!0)],2)}const k=m(v,[["render",I],["__scopeId","data-v-33dc6289"]]);export{k as _};