https://www.pintys.com/_nuxt/Dr5bKkpz.js

1import{_ as g}from"./CXZKTMAi.js";import{u as S}from"./D-oNCUU9.js";import{u as v}from"./BuX78t8Q.js";import{a0 as V,as as B,g as i,o as b,d as w,W as n,n as y,i as C,av as m,I,t as $,z as u,r as k}from"./BipNxojO.js";const R=V({__name:"SearchBox",props:m({placeholder:{default:"Search here..."},autofocus:{type:Boolean,default:!1},showLoadingIndicator:{type:Boolean,default:!1},shouldShowLoadingIndicator:{type:Boolean,default:!1},ignoreCompositionEvents:{type:Boolean,default:!1},submitTitle:{default:"Search"},resetTitle:{default:"Clear"}},{modelValue:{},modelModifiers:{}}),emits:m(["input","update:modelValue","focus","blur","reset"],["update:modelValue"]),setup(t,{emit:c}){const{state:a}=S("searchBox"),f=v("SearchBox"),d=B(t,"modelValue"),l=c,p=k(),r=I({get(){return d.value||a.value.query||""},set(e){e!==a.value.query&&a.value.refine(e),d.value&&(l("input",e),l("update:modelValue",e))}});return(e,o)=>{const h=g;return i(a)?(b(),w("div",{key:0,class:y(i(f)())},[n(e.$slots,"default",{currentRefinement:r.value,isSearchStalled:i(a).isSearchStalled,refine:i(a).refine},()=>[$(h,{ref_key:"searchInput",ref:p,modelValue:r.value,"onUpdate:modelValue":o[0]||(o[0]=s=>r.value=s),placeholder:t.placeholder,autofocus:t.autofocus,"show-loading-indicator":t.showLoadingIndicator,"should-show-loading-indicator":i(a).isSearchStalled,"ignore-composition-events":t.ignoreCompositionEvents,"submit-title":t.submitTitle,"reset-title":t.resetTitle,onFocus:o[1]||(o[1]=s=>l("focus",s)),onBlur:o[2]||(o[2]=s=>l("blur",s)),onReset:o[3]||(o[3]=s=>l("reset"))},{"loading-indicator":u(()=>[n(e.$slots,"loading-indicator")]),"submit-icon":u(()=>[n(e.$slots,"submit-icon")]),"reset-icon":u(()=>[n(e.$slots,"reset-icon")]),_:3},8,["modelValue","placeholder","autofocus","show-loading-indicator","should-show-loading-indicator","ignore-composition-events","submit-title","reset-title"])])],2)):C("",!0)}}});export{R as _};