import{_ as p,W as m,r as u,a0 as f,L as h,K as _,o as v,a1 as g,c as x,d as S,f as y,a as s,m as b,y as B,q as w,G as T}from"./index-BCgxBvDt.js";const q={key:0,class:"fixed-bottom w-100 bottom-0 z-2 p-3",style:{"z-index":"1"}},C={class:"d-flex flex-column searchPeersContainer ms-auto p-2 rounded-5",style:{width:"300px"}},P={class:"rounded-5 border border-white p-2 d-flex align-items-center gap-1 w-100"},R=["placeholder"],k={__name:"peerSearchBar",props:["ConfigurationInfo"],emits:["close"],setup(V,{emit:z}){const l=w(()=>T("Search Peers..."));let r;const t=m(),e=u(t.searchString),d=()=>{r?(clearTimeout(r),r=setTimeout(()=>{t.searchString=e.value},300)):r=setTimeout(()=>{t.searchString=e.value},300)};f("searchBar");const a=h(),i=_();a.query.peer&&(e.value=a.query.peer,i.replace({query:null}));const n=u(!0);return v(()=>{document.querySelector("#searchPeers").focus()}),g(()=>{n.value=!1}),(G,o)=>n.value?(y(),x("div",q,[s("div",C,[s("div",P,[b(s("input",{ref:"searchBar",class:"flex-grow-1 form-control form-control-sm rounded-5 bg-transparent border-0 border-secondary-subtle",placeholder:l.value,id:"searchPeers",onKeyup:o[0]||(o[0]=c=>d()),"onUpdate:modelValue":o[1]||(o[1]=c=>e.value=c)},null,40,R),[[B,e.value]])])])])):S("",!0)}},K=p(k,[["__scopeId","data-v-576347d8"]]);export{K as default};
