https://www.2kerr.com/_nuxt/CxCKScg9.js

1import{_ as x}from"./-k18wo_3.js";import{v as V,aL as b,am as u,a9 as B,ac as S,p as U,l as r,t as k,aZ as C,aT as E,aD as t,a2 as T,P as $,ae as g,d as w}from"./BhcerquR.js";import{u as y}from"./CYfmk4hL.js";const D={class:"UISearchInput"},F={class:"search-wrapper flex align-center"},L={class:"icon-container"},M=["placeholder","aria-label"],N=V({__name:"Input",props:{modelValue:{type:String,default:""}},emits:["update:modelValue"],setup(i,{emit:p}){const d=i,{translate:m}=y(),f=b(),a=u(d.modelValue||""),l=m("Zoeken"),s=u(!1),_=p;function h(){_("update:modelValue",a.value)}function v(){a.value=""}let o;return B(()=>{o=f.afterEach((c,e)=>{c.path!=e.path&&v()})}),S(()=>{o&&o()}),(c,e)=>{const I=x;return g(),U("div",D,[r("div",F,[r("div",L,[k(I,{icon:"search",class:"search-icon"})]),C(r("input",{id:"search-input","onUpdate:modelValue":e[0]||(e[0]=n=>$(a)?a.value=n:null),type:"text",class:T(["search-input",{active:t(s)}]),placeholder:t(l),"aria-label":t(l),onFocus:e[1]||(e[1]=n=>s.value=!0),onBlur:e[2]||(e[2]=n=>s.value=!1),onInput:h},null,42,M),[[E,t(a)]])])])}}}),A=w(N,[["__scopeId","data-v-9136b263"]]);export{A as default};