{"version":3,"file":"Kyh_pMsj.js","sources":["../../../../../../libs/lib-ui/components/t-icon/t-icon-search.vue","../../../../src/components/ASearchInput.vue"],"sourcesContent":["<template>\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"23.811\"\n    height=\"23.811\"\n    viewBox=\"0 0 23.811 23.811\"\n  >\n    <g\n      id=\"Сгруппировать_7\"\n      data-name=\"Сгруппировать 7\"\n      transform=\"translate(-4.25 -4.25)\"\n    >\n      <path\n        id=\"Контур_85\"\n        data-name=\"Контур 85\"\n        d=\"M15.5,15.5,19,19\"\n        transform=\"translate(8 8)\"\n        fill=\"none\"\n        stroke=\"#0575DD\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"1.5\"\n      />\n      <path\n        id=\"Контур_86\"\n        data-name=\"Контур 86\"\n        d=\"M5,15A10,10,0,1,0,15,5,10,10,0,0,0,5,15Z\"\n        transform=\"translate(0 0)\"\n        fill=\"none\"\n        stroke=\"#0575DD\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        stroke-width=\"1.5\"\n      />\n    </g>\n  </svg>\n</template>\n","<script setup>\nconst searchValue = ref('')\nconst { $get } = useApi()\nconst route = useRoute()\n\nconst now = new Date()\n\nsearchValue.value = route.query['search-text'] ?? ''\n\nconst { data: recommendations } = await useAsyncData(\n  'get recommendations for search',\n  () =>\n    $get(\n      `/api/v1/recommendation?scheduleInfo.saleOpening_lte=${new Date(\n        new Date(now)\n      ).toISOString()}&scheduleInfo.saleEnding_gte=${new Date(\n        new Date(now)\n      ).toISOString()}&_limit=8`\n    ),\n  { default: () => [], lazy: true }\n)\n\nconst { data: activities, pending: isActivitiesLoading } = await useAsyncData(\n  `page search get activities by title - ${searchValue.value}`,\n  () => $get(`/api/v1/suggest-short?_text=${searchValue.value}`),\n  { watch: [searchValue], default: () => [], lazy: true }\n)\n\nconst queryActivities = computed(() => {\n  let result = ''\n  for (let i = 0; i < activities.value.length; i++) {\n    result += `activityId_in=${activities.value[i].activity.id}&`\n  }\n  return result\n})\n\nconst { data: listSearch, pending: isEventsLoading } = await useAsyncData(\n  `get events by activitiesId - ${queryActivities.value} и ${searchValue.value}`,\n  () =>\n    $get(\n      `/api/v1/event/get-the-nearest-events-of-activities-available-for-online?${\n        queryActivities.value\n      }&scheduleInfo.saleOpening_lte=${new Date(\n        new Date(now)\n      ).toISOString()}&scheduleInfo.saleEnding_gte=${new Date(\n        new Date(now)\n      ).toISOString()}&_limit=8`\n    ),\n  { watch: [queryActivities], default: () => [], lazy: true }\n)\n\nconst isSearch = ref(false)\nconst refSearchInput = ref(false)\n\nconst isOpenPopup = computed(() => route.path !== '/search')\n\nfunction focus() {\n  isSearch.value = true\n}\n\nonClickOutside(refSearchInput, () => {\n  isSearch.value = false\n})\n\nfunction blur() {\n  // isSearch.value = false\n}\n\nwatch(searchValue, async () => {\n  if (searchValue.value.length) {\n    await navigateTo({\n      path: route.path,\n      query: { ...route.query, 'search-text': searchValue.value }\n    })\n  } else {\n    const newRouteQuery = {}\n    for (const key in route.query) {\n      if (key !== 'search-text') {\n        newRouteQuery[key] = route.query[key]\n      }\n    }\n    await navigateTo({\n      path: route.path,\n      query: { ...newRouteQuery }\n    })\n  }\n})\n\nasync function seachByText() {\n  await navigateTo(`/search?search-text=${searchValue.value}`)\n}\n</script>\n\n<template>\n  <t-input\n    ref=\"refSearchInput\"\n    v-model=\"searchValue\"\n    rounded=\"full\"\n    style-input=\"gray\"\n    placeholder=\"События\"\n    style=\"-webkit-tap-highlight-color: rgba(0, 0, 0, 0)\"\n    @focus=\"focus\"\n    @blur=\"blur\"\n    @keydown.enter=\"seachByText\"\n  >\n    <template #suffix>\n      <t-icon-search class=\"w-4 h-4 fill-current\" />\n    </template>\n    <template #popup>\n      <div\n        v-if=\"isSearch && isOpenPopup\"\n        class=\"absolute z-80 w-full h-auto pt-3 -left-4 px-5 pb-5 bg-white rounded-md\"\n        style=\"box-shadow: 0px 2px 6px #2169d52f; top: calc(100% + 8px)\"\n      >\n        <div\n          v-if=\"recommendations.length && searchValue.length === 0\"\n          class=\"flex flex-col space-y-3\"\n        >\n          <label class=\"text-gray-200 text-sm fw-400\">Популярно сейчас</label>\n          <ul class=\"text-gray-900 text-sm fw-600 mt-3 space-y-3\">\n            <li v-for=\"(elem, index) in recommendations\" :key=\"index\">\n              <nuxt-link :to=\"`/activities/${elem.event.activity.id}`\" class=\"focus:outline-none\">\n                {{ elem.event.activity.title }}\n              </nuxt-link>\n            </li>\n          </ul>\n        </div>\n        <div v-else-if=\"searchValue.length > 0\">\n          <t-icon-preloader v-if=\"isLoading\" color=\"#0575DD\" />\n          <ul class=\"text-gray-900 text-sm fw-600 mt-3 space-y-3\" v-if=\"activities.length\">\n            <li v-for=\"(elem, index) in listSearch\" :key=\"index\">\n              <nuxt-link :to=\"`/activities/${elem.activity.id}?eventId=${elem.id}`\">\n                {{ elem.activity.title }}\n              </nuxt-link>\n            </li>\n          </ul>\n          <div class=\"text-primary-100 mt-3 text-sm fw-600\">\n            <nuxt-link :to=\"`/search?search-text=${searchValue}`\">\n              Все результаты по поиску \"{{ searchValue }}\"\n            </nuxt-link>\n          </div>\n        </div>\n      </div>\n    </template>\n  </t-input>\n</template>\n"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","searchValue","ref","$get","useApi","route","useRoute","now","recommendations","__temp","__restore","_withAsyncContext","useAsyncData","activities","isActivitiesLoading","queryActivities","computed","result","i","listSearch","isEventsLoading","isSearch","refSearchInput","isOpenPopup","focus","onClickOutside","blur","watch","navigateTo","newRouteQuery","key","seachByText"],"mappings":"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"}