WGDashboard/src/static/app/dist/assets/peerSearchBar-CsJaxASj.js

import{_ as m,q as f,G as b,W as h,r as g,a2 as v,K as y,I as _,o as x,j as w,f as S,w as B,a as e,m as T,y as C,b as P,k}from"./index-B-jc5mKC.js";import{L as q}from"./localeText-DmTH4uVF.js";const L={class:"fixed-bottom w-100 bottom-0 z-2",style:{"z-index":"1"}},R={class:"container-fluid"},V={class:"row g-0"},j={class:"col-md-9 col-lg-10 d-flex justify-content-center py-2"},z={class:"rounded-3 p-2 border shadow searchPeersContainer bg-body-tertiary"},D={class:"d-flex gap-1 align-items-center px-2"},G=["placeholder"],I={__name:"peerSearchBar",emits:["close"],setup(K,{emit:l}){const i=f(()=>b("Search Peers..."));let o;const r=h(),t=g(r.searchString),c=()=>{o?(clearTimeout(o),o=setTimeout(()=>{r.searchString=t.value},300)):o=setTimeout(()=>{r.searchString=t.value},300)},d=l,u=v("searchBar"),n=y(),p=_();return n.query.peer&&(t.value=n.query.peer,p.replace({query:null})),x(()=>{u.value.focus()}),(M,s)=>(S(),w(k,{name:"slideUp",appear:"",type:"animation",style:{"animation-delay":"1s"}},{default:B(()=>[e("div",L,[e("div",R,[e("div",V,[s[5]||(s[5]=e("div",{class:"col-md-3 col-lg-2"},null,-1)),e("div",j,[e("div",z,[e("div",D,[s[4]||(s[4]=e("h6",{class:"mb-0 me-2"},[e("label",{for:"searchPeers"},[e("i",{class:"bi bi-search"})])],-1)),T(e("input",{ref:"searchBar",class:"flex-grow-1 form-control rounded-3 bg-secondary-subtle border-1 border-secondary-subtle",placeholder:i.value,id:"searchPeers",onKeyup:s[0]||(s[0]=a=>c()),"onUpdate:modelValue":s[1]||(s[1]=a=>t.value=a)},null,40,G),[[C,t.value]]),e("button",{onClick:s[2]||(s[2]=a=>d("close")),style:{"white-space":"nowrap"},class:"btn bg-secondary-subtle text-secondary-emphasis border-secondary-subtle rounded-3 d-flex align-items-center"},[e("span",null,[s[3]||(s[3]=e("i",{class:"bi bi-x-circle-fill me-2"},null,-1)),P(q,{t:"Done"})])])])])])])])])]),_:1}))}},W=m(I,[["__scopeId","data-v-e976c90a"]]);export{W as default};