tp/spa/vue/dist/assets/searchLine-3vDx-8Ye.js

import{u as h,o as a,c as o,b as r,F as u,e as c,t as d,g as m,w as p,v,h as f}from"./index-DccGIixi.js";import{_ as g}from"./footerB-DAi6c01a.js";const y={setup(){const{t:i}=h();return{t:i}},data(){return{searchQuery:"",isMenuVisible:!1,searchOptions:["Пляжи","Горы","Отели","Рестораны"]}},methods:{performSearch(){this.searchQuery.trim()&&this.$router.push({name:"results",query:{q:this.searchQuery}})},toggleMenu(){this.isMenuVisible=!this.isMenuVisible},selectOption(i){this.searchQuery=i,this.isMenuVisible=!1,this.performSearch()}}},M={class:"search-container"},S={class:"search-input-container"},V={key:0,class:"search-menu"},_=["onClick"],b=["placeholder"];function k(i,e,w,l,n,t){return a(),o("div",M,[r("div",S,[r("div",{class:"menu-icon",onClick:e[0]||(e[0]=(...s)=>t.toggleMenu&&t.toggleMenu(...s))},e[4]||(e[4]=[r("svg",{viewBox:"0 0 24 24",width:"24",height:"24"},[r("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z",fill:"currentColor"})],-1)])),n.isMenuVisible?(a(),o("div",V,[(a(!0),o(u,null,c(n.searchOptions,s=>(a(),o("div",{class:"menu-item",key:s,onClick:C=>t.selectOption(s)},d(s),9,_))),128))])):m("",!0),p(r("input",{"onUpdate:modelValue":e[1]||(e[1]=s=>n.searchQuery=s),onKeyup:e[2]||(e[2]=f((...s)=>t.performSearch&&t.performSearch(...s),["enter"])),class:"search-input",placeholder:l.t("messages.searchPlaceholder")},null,40,b),[[v,n.searchQuery]]),r("button",{onClick:e[3]||(e[3]=(...s)=>t.performSearch&&t.performSearch(...s)),class:"search-button"},e[5]||(e[5]=[r("svg",{viewBox:"0 0 24 24",width:"24",height:"24"},[r("path",{d:"M10 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm8-8a7.95 7.95 0 0 1-1.757 4.95l4.95 4.95-1.414 1.414-4.95-4.95A7.95 7.95 0 0 1 10 18z",fill:"currentColor"})],-1)]))])])}const z=g(y,[["render",k],["__scopeId","data-v-a8d17828"]]);export{z as S};