import{d as m,h as a,o as s,a7 as _,C as l,i as o,s as r,E as b,t,D as h,L as v,m as g}from"./D3yeoG_9.js";const y={key:0,class:"tapp-selectbox__label"},k={key:0,"data-testid":"tapp-input-required"},V={class:"tapp-input__wrapper"},f=["name","value","disabled"],B={key:0,value:"",selected:""},T=["value"],C={key:1,class:"tapp-selectbox__error"},M={key:2,class:"tapp-selectbox__helper-text"},S=m({__name:"TappSelectbox",props:{disabled:{type:Boolean},errorMessage:{},helperText:{},label:{},modelValue:{},name:{},options:{},placeholder:{},required:{type:Boolean},valid:{type:Boolean}},emits:["update:modelValue","change"],setup(q,{emit:i}){const n=i,u=e=>{n("change",e),n("update:modelValue",e.target.value)};return(e,d)=>(s(),a("label",{class:_(["tapp-selectbox",{valid:e.valid,invalid:!!e.errorMessage,disabled:e.disabled}])},[e.label?(s(),a("div",y,[r(e.$slots,"label-prepend",{},void 0,!0),o("span",null,[b(t(e.label),1),e.required?(s(),a("span",k,"*")):l("",!0)]),r(e.$slots,"label-append",{},void 0,!0)])):l("",!0),o("div",V,[o("select",{name:e.name,class:"tapp-selectbox__select",value:e.modelValue,disabled:e.disabled,onChange:u},[r(e.$slots,"default",{},()=>[e.placeholder?(s(),a("option",B,t(e.placeholder),1)):l("",!0),(s(!0),a(h,null,v(e.options,(p,c)=>(s(),a("option",{key:c,value:p},t(p),9,T))),128))],!0)],40,f),d[0]||(d[0]=o("div",{class:"selected"},null,-1))]),e.errorMessage?(s(),a("span",C,t(e.errorMessage),1)):l("",!0),e.helperText?(s(),a("span",M,t(e.helperText),1)):l("",!0)],2))}}),$=Object.assign(g(S,[["__scopeId","data-v-2c29d6f5"]]),{__name:"TappSelectbox"});export{$ as _};
//# sourceMappingURL=B9X9h4qd.js.map