import{i as k,r as O,f as _,g as u,m as G,h as C,_ as x,j as P,k as U,l as T,n as ee,p as D,q as ae,s as le,v as ne,x as ie,y as h,o as B,c as w,a as W,z as te,A as j,B as z,b as $,C as q,D as ue,E as oe,F as de,G as se,H as re,I as N,w as ce,t as ge,J as ve}from"./Bk5rwRfz.js";import{u as fe}from"./B5aO02EC.js";const me=(e,i,f=!0)=>{const l=k("form-events",void 0),a=k("form-group",void 0),d=k("form-inputs",void 0);a&&(!f||e!=null&&e.legend?a.inputId.value=void 0:e!=null&&e.id&&(a.inputId.value=e==null?void 0:e.id),d&&(d.value[a.name.value]=a.inputId.value));const r=O(!1);function t(c,m){l&&l.emit({type:c,path:m})}function y(){t("blur",a==null?void 0:a.name.value),r.value=!0}function I(){t("change",a==null?void 0:a.name.value)}const o=_(()=>{(r.value||a!=null&&a.eagerValidation.value)&&t("input",a==null?void 0:a.name.value)},300);return{inputId:u(()=>(e==null?void 0:e.id)??(a==null?void 0:a.inputId.value)),name:u(()=>(e==null?void 0:e.name)??(a==null?void 0:a.name.value)),size:u(()=>{var m;const c=i.size[a==null?void 0:a.size.value]?a==null?void 0:a.size.value:null;return(e==null?void 0:e.size)??c??((m=i.default)==null?void 0:m.size)}),color:u(()=>{var c;return(c=a==null?void 0:a.error)!=null&&c.value?"red":e==null?void 0:e.color}),emitFormBlur:y,emitFormInput:o,emitFormChange:I}},s=G(C.ui.strategy,C.ui.input,P),ye=U({components:{UIcon:T},inheritAttrs:!1,props:{modelValue:{type:[String,Number],default:""},type:{type:String,default:"text"},id:{type:String,default:null},name:{type:String,default:null},placeholder:{type:String,default:null},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},autofocusDelay:{type:Number,default:100},icon:{type:String,default:null},loadingIcon:{type:String,default:()=>s.default.loadingIcon},leadingIcon:{type:String,default:null},trailingIcon:{type:String,default:null},trailing:{type:Boolean,default:!1},leading:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},padded:{type:Boolean,default:!0},size:{type:String,default:null,validator(e){return Object.keys(s.size).includes(e)}},color:{type:String,default:()=>s.default.color,validator(e){return[...C.ui.colors,...Object.keys(s.color)].includes(e)}},variant:{type:String,default:()=>s.default.variant,validator(e){return[...Object.keys(s.variant),...Object.values(s.color).flatMap(i=>Object.keys(i))].includes(e)}},inputClass:{type:String,default:null},class:{type:[String,Object,Array],default:()=>""},ui:{type:Object,default:()=>({})},modelModifiers:{type:Object,default:()=>({})}},emits:["update:modelValue","blur","change"],setup(e,{emit:i,slots:f}){const{ui:l,attrs:a}=ee("input",D(e,"ui"),s,D(e,"class")),{size:d,rounded:r}=ae({ui:l,props:e}),{emitFormBlur:t,emitFormInput:y,size:I,color:o,inputId:c,name:m}=me(e,s),g=u(()=>d.value??I.value),b=O(le({},e.modelModifiers,{trim:!1,lazy:!1,number:!1})),F=O(null),E=()=>{var n;e.autofocus&&((n=F.value)==null||n.focus())},V=n=>{b.value.trim&&(n=n.trim()),(b.value.number||e.type==="number")&&(n=ue(n)),i("update:modelValue",n),y()},J=n=>{b.value.lazy||V(n.target.value)},L=n=>{if(e.type==="file"){const v=n.target.files;i("change",v)}else{const v=n.target.value;i("change",v),b.value.lazy&&V(v),b.value.trim&&(n.target.value=v.trim())}},R=n=>{t(),i("blur",n)};ne(()=>{setTimeout(()=>{E()},e.autofocusDelay)});const H=u(()=>{var v,M;const n=((M=(v=l.value.color)==null?void 0:v[o.value])==null?void 0:M[e.variant])||l.value.variant[e.variant];return ie(h(l.value.base,l.value.form,r.value,l.value.placeholder,e.type==="file"&&l.value.file.base,l.value.size[g.value],e.padded?l.value.padding[g.value]:"p-0",n==null?void 0:n.replaceAll("{color}",o.value),(S.value||f.leading)&&l.value.leading.padding[g.value],(A.value||f.trailing)&&l.value.trailing.padding[g.value]),e.inputClass)}),S=u(()=>e.icon&&e.leading||e.icon&&!e.trailing||e.loading&&!e.trailing||e.leadingIcon),A=u(()=>e.icon&&e.trailing||e.loading&&e.trailing||e.trailingIcon),K=u(()=>e.loading?e.loadingIcon:e.leadingIcon||e.icon),Q=u(()=>e.loading&&!S.value?e.loadingIcon:e.trailingIcon||e.icon),X=u(()=>h(l.value.icon.leading.wrapper,l.value.icon.leading.pointer,l.value.icon.leading.padding[g.value])),Y=u(()=>h(l.value.icon.base,o.value&&C.ui.colors.includes(o.value)&&l.value.icon.color.replaceAll("{color}",o.value),l.value.icon.size[g.value],e.loading&&l.value.icon.loading)),Z=u(()=>h(l.value.icon.trailing.wrapper,l.value.icon.trailing.pointer,l.value.icon.trailing.padding[g.value])),p=u(()=>h(l.value.icon.base,o.value&&C.ui.colors.includes(o.value)&&l.value.icon.color.replaceAll("{color}",o.value),l.value.icon.size[g.value],e.loading&&!S.value&&l.value.icon.loading));return{ui:l,attrs:a,name:m,inputId:c,input:F,isLeading:S,isTrailing:A,inputClass:H,leadingIconName:K,leadingIconClass:Y,leadingWrapperIconClass:X,trailingIconName:Q,trailingIconClass:p,trailingWrapperIconClass:Z,onInput:J,onChange:L,onBlur:R}}}),Ie=["id","name","type","required","placeholder","disabled"];function be(e,i,f,l,a,d){const r=T;return B(),w("div",{class:z(e.type==="hidden"?"hidden":e.ui.wrapper)},[W("input",te({id:e.inputId,ref:"input",name:e.name,type:e.type,required:e.required,placeholder:e.placeholder,disabled:e.disabled,class:e.inputClass},e.type==="file"?e.attrs:{...e.attrs,value:e.modelValue},{onInput:i[0]||(i[0]=(...t)=>e.onInput&&e.onInput(...t)),onBlur:i[1]||(i[1]=(...t)=>e.onBlur&&e.onBlur(...t)),onChange:i[2]||(i[2]=(...t)=>e.onChange&&e.onChange(...t))}),null,16,Ie),j(e.$slots,"default"),e.isLeading&&e.leadingIconName||e.$slots.leading?(B(),w("span",{key:0,class:z(e.leadingWrapperIconClass)},[j(e.$slots,"leading",{disabled:e.disabled,loading:e.loading},()=>[$(r,{name:e.leadingIconName,class:z(e.leadingIconClass)},null,8,["name","class"])])],2)):q("",!0),e.isTrailing&&e.trailingIconName||e.$slots.trailing?(B(),w("span",{key:1,class:z(e.trailingWrapperIconClass)},[j(e.$slots,"trailing",{disabled:e.disabled,loading:e.loading},()=>[$(r,{name:e.trailingIconName,class:z(e.trailingIconClass)},null,8,["name","class"])])],2)):q("",!0)],2)}const he=x(ye,[["render",be]]),ze={class:"grid h-[100dvh] w-full place-items-center bg-white dark:bg-gray-900 transition-colors"},Ce={class:"bg-gray-100 dark:bg-gray-800 rounded-md py-1 px-1.5 text-gray-500 dark:text-gray-200 text-[9px]"},we=U({__name:"index",setup(e){const{metaSymbol:i}=oe(),{isOpen:f,open:l,close:a,command:d}=de();return fe({title:"API Onderwijs in",description:"Ontdek en probeer de verschillende API's van Stichting Onderwijs in"}),(r,t)=>{const y=he;return B(),w("div",ze,[se($(y,{modelValue:N(d),"onUpdate:modelValue":t[0]||(t[0]=I=>ve(d)?d.value=I:null),size:"xl",placeholder:"Naar welke API ben je op zoek?",class:"w-80 md:w-[32rem] max-w-full",ui:{base:"text-center text-sm md:text-base",size:{xl:"text-sm"},trailing:{padding:{xl:"pe-20 md:pe-12"}}},autofocus:""},{trailing:ce(()=>[W("span",Ce,ge(N(i))+" + S",1)]),_:1},8,["modelValue"]),[[re,!N(f)]])])}}});export{we as default};