import{d as I,u as F,r as _,a as $,j as B,s as N,aF as R,f as u,h as b,x as h,aG as S,g as e,v as V,aJ as L,aH as M,aI as T,z as d,i as z,A,t as D,o as l,aO as E,n as g,a4 as G,_ as K}from"./BxiWQxwE.js";const O={class:"search--bar"},U=["aria-label"],j=["aria-label","placeholder"],H=["aria-label"],J=["aria-label"],q=I({__name:"search",setup(P){const c=F(),a=_(""),n=_(),{$gtm:y,$messages:r}=$(),o=_(!1);B(()=>{var s,t;if(c.params.search&&((s=String(c.params.search??""))==null?void 0:s.toLowerCase())!=="recepten"){a.value=c.params.search;return}(t=n.value)==null||t.focus()});const k=()=>{var s;a.value="",(s=n.value)==null||s.focus()},p=async()=>{var s,t,i;o.value=!0,(s=a.value)!=null&&s.length?(w(),(t=n.value)==null||t.blur(),await g(`/meer/recepten/${a.value.toLowerCase()}`)):((i=n.value)==null||i.blur(),await g("/meer/recepten/recepten"))},w=()=>{y("recipes.recipe_search",{searchterm:a.value.toLowerCase(),searchlocation:"Overview"})};return N(()=>c.path,()=>o.value=!1),R(()=>o.value=!1),(s,t)=>{var v,m,f;const i=E,x=G;return l(),u("div",O,[b("form",{onSubmit:d(p,["prevent"])},[(v=e(a))!=null&&v.length?h("",!0):(l(),u("label",{key:0,"aria-label":e(r)("aria.searchRecipe"),class:"visually-hidden",for:"searchInputField"},V(e(r)("recipes.search.placeholder")),9,U)),S(b("input",{id:"searchInputField",ref_key:"searchInputField",ref:n,"onUpdate:modelValue":t[0]||(t[0]=C=>T(a)?a.value=C:null),type:"text","aria-label":e(r)("aria.searchRecipe"),placeholder:e(r)("recipes.search.placeholder"),onKeyup:M(p,["enter"])},null,40,j),[[L,e(a)]]),(m=e(a))!=null&&m.length?((f=e(a))==null?void 0:f.length)>0||e(o)?(l(),u("button",{key:2,type:"button",class:A({loading:e(o)}),"aria-label":e(r)("aria.clearInput"),onClick:d(k,["prevent"])},[e(o)?h("",!0):(l(),D(x,{key:0,class:"close"}))],10,J)):h("",!0):(l(),u("button",{key:1,type:"button","aria-label":e(r)("aria.searchTerm"),onClick:d(p,["prevent"])},[z(i)],8,H))],32)])}}}),W=K(q,[["__scopeId","data-v-2d9afa49"]]);export{W as default};