https://bo3.gg/_nuxt/CsfoDQSv.js

1import{o as _e,r as fe}from"./BNNRdYrd.js";import{B as m,E as I,Et as H,F as d,Gt as s,I as n,Jt as y,Kt as ve,M as pe,N as l,P as w,Pt as he,Q as ge,Qt as i,Rt as c,S as me,St as X,Tt as $,ft as R,ht as ye,it as we,jt as $e,m as ke,q as be,st as a,tt as Te,v as Se}from"./DcGtCD8U.js";import{T as Z,lt as Me,n as Ae,ut as Ee}from"./BeCnAv6l.js";import{Ms as L,nl as ee}from"./C0ES5k8B.js";import{I as xe}from"./Ce6h6zTZ.js";import{J as Ie,Jt as Re,Yt as Le,qt as De}from"./BCh8aLr1.js";import{n as Be}from"./4cbkXPIU.js";import{t as Pe}from"./8ZSKKsrW.js";import{t as Fe}from"./C7DTwewG.js";import{n as Ne}from"./7IfIYhjj.js";var ps=fe({default:()=>as});$e(),be();Se(),ve();var Ce=_e(xe()),Oe={class:"c-global-search-field c-dropdown c-global-search-field__dropdown"},Ve=["placeholder"],qe={key:0,class:"c-dropdown__wrapper"},Je={class:"c-dropdown__inner"},Ue={key:1,class:"c-global-search-field__result-section c-global-search-field__result-section--empty"},Ge={key:2,class:"c-global-search-field__result-section"},Ke={class:"details"},Qe={key:0},We={key:3,class:"c-global-search-field__result-section"},Ye={key:4,class:"c-global-search-field__result-section"},je={key:5,class:"c-global-search-field__result-section"},ze={class:"c-tags"},He={class:"c-tags__list"},Xe={class:"c-tags__item"},Ze={key:6,class:"c-global-search-field__result-section"},es={class:"c-tags"},ss={class:"c-tags__list"},ts={class:"c-tags__item"},ls=4,as={__name:"GlobalSearchField",props:{focused:{type:Boolean,default:!1},withTagsOnly:{type:Boolean,default:!1}},emits:["on-focus","on-blur"],setup(q,{emit:se}){const te=Me(),le=Ee(),J=De(),k=Ie(),F=q,U=se,p=Re(),{disciplineSlugPath:b}=Z(Le()),{searchTournaments:N,searchTeams:C,searchPlayers:O}=Z(p),V=c(null),T=c(null),v=c(null),h=c(!1),S=c(!0),M=c(null),o=c(-1),g=c(null),r=c([]),G=c(new Map),D=c({...L}),B=c({...L}),ae=pe(()=>O.value.results.length+C.value.results.length+N.value.results.length+D.value.results.length+B.value.results.length),A=(t,u,_)=>{_&&G.value.set(`${t}-${u}`,_)},oe=t=>G.value.get(t),K=()=>{if(v.value=T.value?.trim(),M.value||(M.value=t=>{t.key==="Escape"&&(Q(),V.value?.blur(),h.value=!1,window.removeEventListener("keydown",M.value))}),!v.value?.length){W();return}J.isMobileOrTablet||(o.value=0),h.value=!0,window.addEventListener("keydown",M.value)},ne=()=>{U("on-focus"),v.value&&!h.value&&K()},Q=()=>{U("on-blur")},re=()=>{K(),g.value&&g.value.cancel(),g.value=(0,Ce.default)(async()=>{await ce(),r.value=document.querySelectorAll(".c-dropdown__item")},350),g.value()},ue=({key:t})=>{const u={ArrowDown:o.value+1,ArrowUp:o.value-1}[t];if(u!==void 0&&r.value[u]){o.value=u;return}if(t==="Enter"){const _=r.value[o.value]?.id,P=oe(_);P?.to&&le.push(P.to)}},W=()=>{h.value=!1,S.value=!0,p.$patch({searchTournaments:{...L},searchTeams:{...L},searchPlayers:{...L}})},Y=()=>{v.value=null,T.value=null,W()},E=t=>{o.value=Array.from(r.value).findIndex(u=>u.id===t)},ce=async()=>{try{if(S.value=!0,v.value?.length){const t={limit:ls,search:v.value},u=F.withTagsOnly?[]:[p.getSearchPlayers(t),p.getSearchTeams(t),p.getSearchTournaments(t)],_=await Promise.all([p.getSearchTags({...t,section:ee.NEWS}),p.getSearchTags({...t,section:ee.ARTICLES}),...u]);D.value=_[0],B.value=_[1]}S.value=!1}catch(t){S.value=!1,console.log(t)}},ie=()=>{F.focused||(h.value=!1)};return X(()=>F.focused,t=>{t&&ge(()=>{V.value.focus()})}),X(te,()=>{Y()}),we(()=>{J.isMobileOrTablet||(o.value=0)}),Te(()=>{g.value&&g.value.cancel(),window.removeEventListener("keydown",M.value)}),(t,u)=>{const _=Pe,P=Fe,x=Ae,j=Be,z=Ne,de=ye("click-outside");return H((a(),n("div",Oe,[l("div",{class:y(["c-global-search-field__input",{focus:q.focused}])},[u[1]||(u[1]=l("i",{class:"o-icon o-icon--search"},null,-1)),H(l("input",{class:"disguised","onUpdate:modelValue":u[0]||(u[0]=e=>he(T)?T.value=e:null),ref_key:"inputElement",ref:V,placeholder:t.$t("components.search_field.placeholder"),onInput:re,onKeyup:ue,onFocus:ne,onBlur:Q},null,40,Ve),[[me,s(T)]]),s(v)?(a(),n("button",{key:0,class:"o-icon o-icon--close-2",type:"button",onClick:Y})):d("",!0)],2),m(ke,{name:"fade"},{default:$(()=>[s(h)?(a(),n("div",qe,[l("div",Je,[s(S)?(a(),w(_,{key:0,class:"c-loader--medium c-loader--flexible"})):d("",!0),s(ae)===0&&s(v)?(a(),n("div",Ue,[l("header",null,[l("p",null,i(t.$t("components.search_field.no_options")),1)])])):d("",!0),s(O).results.length?(a(),n("div",Ge,[l("header",null,[l("h5",null,i(t.$t("components.search_field.titles.players")),1)]),(a(!0),n(I,null,R(s(O).results,e=>(a(),w(x,{class:y(["c-dropdown__item",{focus:s(r)[s(o)]&&`player-${e.slug}`===s(r)[s(o)].id}]),ref_for:!0,ref:f=>A("player",e.slug,f),key:`player-${e.slug}`,id:`player-${e.slug}`,onMouseenter:()=>E(`player-${e.slug}`),to:s(k)(`${s(b)}/players/${e.slug}`)},{default:$(()=>[m(P,{"avatar-data":e,country:e.country},null,8,["avatar-data","country"]),l("div",Ke,[l("p",null,i(e.nickname)+" ",1),e.first_name||e.last_name?(a(),n("span",Qe,i(e.first_name)+" "+i(e.last_name),1)):d("",!0)])]),_:2},1032,["id","class","onMouseenter","to"]))),128))])):d("",!0),s(C).results.length?(a(),n("div",We,[l("header",null,[l("h5",null,i(t.$t("components.search_field.titles.teams")),1)]),(a(!0),n(I,null,R(s(C).results,e=>(a(),w(x,{class:y(["c-dropdown__item c-dropdown__item-team",{focus:s(r)[s(o)]&&`team-${e.slug}`===s(r)[s(o)].id}]),ref_for:!0,ref:f=>A("team",e.slug,f),key:`team-${e.slug}`,id:`team-${e.slug}`,onMouseenter:()=>E(`team-${e.slug}`),to:s(k)(`${s(b)}/teams/${e.slug}`)},{default:$(()=>[m(j,{url:e.image_url,title:e.name},null,8,["url","title"]),l("p",null,"  "+i(e.name),1)]),_:2},1032,["id","class","onMouseenter","to"]))),128))])):d("",!0),s(N).results.length?(a(),n("div",Ye,[l("header",null,[l("h5",null,i(t.$t("components.search_field.titles.tournaments")),1)]),(a(!0),n(I,null,R(s(N).results,e=>(a(),w(x,{class:y(["c-dropdown__item c-dropdown__item-tournament",{focus:s(r)[s(o)]&&`tournament-${e.slug}`===s(r)[s(o)].id}]),ref_for:!0,ref:f=>A("tournament",e.slug,f),key:`tournament-${e.slug}`,id:`tournament-${e.slug}`,onMouseenter:()=>E(`tournament-${e.slug}`),to:s(k)(`${s(b)}/tournaments/${e.slug}`)},{default:$(()=>[m(j,{url:e.image_url,title:e.name},null,8,["url","title"]),l("p",null,"  "+i(e.name),1)]),_:2},1032,["id","class","onMouseenter","to"]))),128))])):d("",!0),s(D).results.length?(a(),n("div",je,[l("header",null,[l("h5",null,i(t.$t("components.search_field.titles.news")),1)]),l("div",ze,[l("ul",He,[(a(!0),n(I,null,R(s(D).results,e=>(a(),n("li",Xe,[(a(),w(x,{class:y(["c-dropdown__item c-tags__item-inner",{focus:s(r)[s(o)]&&`news-${e.slug}`===s(r)[s(o)].id}]),ref_for:!0,ref:f=>A("news",e.slug,f),key:`news-${e.slug}`,id:`news-${e.slug}`,onMouseenter:()=>E(`news-${e.slug}`),to:s(k)(`${s(b)}/news?tags=${e.slug}`)},{default:$(()=>[m(z,{data:e},null,8,["data"])]),_:2},1032,["id","class","onMouseenter","to"]))]))),256))])])])):d("",!0),s(B).results.length?(a(),n("div",Ze,[l("header",null,[l("h5",null,i(t.$t("components.search_field.titles.articles")),1)]),l("div",es,[l("ul",ss,[(a(!0),n(I,null,R(s(B).results,e=>(a(),n("li",ts,[(a(),w(x,{class:y(["c-dropdown__item c-tags__item-inner",{focus:s(r)[s(o)]&&`articles-${e.slug}`===s(r)[s(o)].id}]),ref_for:!0,ref:f=>A("articles",e.slug,f),key:`articles-${e.slug}`,id:`articles-${e.slug}`,onMouseenter:()=>E(`articles-${e.slug}`),to:s(k)(`${s(b)}/articles?tags=${e.slug}`)},{default:$(()=>[m(z,{data:e},null,8,["data"])]),_:2},1032,["id","class","onMouseenter","to"]))]))),256))])])])):d("",!0)])])):d("",!0)]),_:1})])),[[de,ie]])}}};export{as as n,ps as t};