import _ from"./D629kJ3o.js";import y from"./CPU6CqO2.js";import{W as S,r as g,b,o as v,e as V,i as q,q as n,x,h as o,a3 as B}from"#entry";const w={class:"relative | search-box"},U={__name:"BaseSearchField",props:{placeholder:{type:String,required:!1,default:"Search"},modelValue:{type:String,default:""},theme:{type:String,required:!1,default:"light"},iconStyle:{type:[String,Object],required:!1,default:()=>({fill:"#b5b5b5"})}},emits:["inputChanged","update:modelValue"],setup(c,{expose:u,emit:m}){const a=S(),t=c,l=m,r=g(null),e=b({term:t.modelValue});v(()=>{a.query.term&&(e.term=decodeURI(a.query.term))});const i=()=>{l("inputChanged",e.term),l("update:modelValue",e.term)};return u({focus:()=>{r.value.focus()}}),(p,s)=>{const d=_,f=y;return q(),V("div",w,[n(d,{ref_key:"inputRef",ref:r,modelValue:o(e).term,"onUpdate:modelValue":[s[0]||(s[0]=h=>o(e).term=h),i],label:"search","input-class":"search","label-class":"sr-only",type:"search",placeholder:p.$t(t.placeholder),theme:t.theme},null,8,["modelValue","placeholder","theme"]),x(n(f,{file:"icon-search",alt:"Search",class:"absolute h-5 w-5 md:h-8 md:w-8 top-0 right-0 mt-1 mr-4 pt-2 sm:pt-4 pl-1 md:pl-0",style:{"pointer-events":"none"},"svg-style":t.iconStyle},null,8,["svg-style"]),[[B,!o(e).term]])])}}};export{U as _};