{"version":3,"mappings":"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","names":["search","ref","ctx","useNuxtApp","domain","computed","mainStore","useMainStore","getCommonHeaders","provider","sortedRegions","_a","filteredRegions","a","b","obj","item","regionsWithCities","el","regions","cities","e","__temp","__restore","_withAsyncContext","useFetch","key","data","_b","useHead"],"ignoreList":[],"sources":["../../../../pages/partnersNew/locations/index.vue"],"sourcesContent":["<template>\n  <article class=\"p-locations container\">\n    <h1 class=\"headline-4\">\n      Выберите регион и город\n    </h1>\n    <div class=\"fsearch p-locations__search\">\n      <input\n        v-model=\"search\"\n        autocomplete=\"honorific-suffix\"\n        autocorrect=\"off\"\n        autocapitalize=\"off\"\n        spellcheck=\"false\"\n        type=\"text\"\n        placeholder=\"Введите адрес\"\n      >\n    </div>\n    <div\n      v-if=\"sortedRegions\"\n      class=\"p-locations__wrap\"\n    >\n      <ul\n        v-for=\"(obj, index) in Object.entries(sortedRegions)\"\n        :key=\"obj[0] + index\"\n      >\n        {{\n          obj[0].toUpperCase()\n        }}\n        <LazyLocationsRegion\n          v-for=\"region in obj[1].filter((el, i) => i < 6)\"\n          :key=\"region.fias_id\"\n          :region=\"region\"\n        />\n      </ul>\n    </div>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport { useMainStore } from '~/store/main/main.store'\n\nconst search = ref('')\nconst ctx = useNuxtApp()\nconst domain = computed(() => mainStore.getDomain)\nconst mainStore = useMainStore()\nconst getCommonHeaders = computed(() => mainStore.getCommonHeaders)\nconst provider = computed(() => mainStore.getDomainConfig)\n\nconst sortedRegions = computed(() => {\n  return filteredRegions.value\n    ?.sort((a, b) => a.name.localeCompare(b.name))\n    .reduce((obj, item) => {\n      obj[item.name[0].toLowerCase()] = obj[item.name[0].toLowerCase()] || []\n      obj[item.name[0].toLowerCase()].push(item)\n      return obj\n    }, {})\n})\n\nconst filteredRegions = computed(() => {\n  if (search.value)\n    return regionsWithCities.value\n      ?.map((el: any) => {\n        return {\n          ...el,\n          // @ts-expect-error\n          cities: (el.short_name + '. ' + el.name)\n            .toLowerCase()\n            .includes(search.value.toLowerCase())\n            ? el.cities\n            : el.cities.filter((el: any) =>\n              (el.short_name + '. ' + el.name)\n                .toLowerCase()\n                .includes(search.value.toLowerCase()),\n            ),\n        }\n      })\n      .filter((el: any) => el.cities?.length)\n  // @ts-expect-error\n  else return regionsWithCities.value.filter((el: any) => el.cities.length)\n})\n\nconst regionsWithCities = computed(() => {\n  if (regions.value && cities.value) {\n    const res = regions.value.map((el: any) => {\n      return {\n        ...el,\n        cities: cities.value?.filter(e => e.region_fias_id === el.fias_id),\n      }\n    })\n    return res\n  }\n  else return []\n})\n\nconst [{ data: cities }, { data: regions }] = await Promise.all([\n  useFetch(`https://${domain.value}/api/locations/address-objects/children/`, {\n    query: {\n      city_type: 'city',\n      sort: 'NAME',\n      level: 'city',\n      limit: 5000,\n      with_region_fias_ids: true,\n      optimized: true,\n      providers: provider.value?.provider.id,\n    },\n    headers: {\n      ...getCommonHeaders.value,\n    },\n    getCachedData(key) {\n      const data = ctx.payload.data[key] || ctx.static.data[key]\n      if (!data) {\n        return\n      }\n      return data\n    },\n  }),\n  useFetch(`https://${domain.value}/api/locations/address-objects/children/`, {\n    query: {\n      city_type: 'city',\n      sort: 'NAME',\n      level: 'region',\n      limit: 5000,\n      optimized: true,\n      providers: provider.value?.provider.id,\n    },\n    headers: {\n      ...getCommonHeaders.value,\n    },\n    getCachedData(key) {\n      const data = ctx.payload.data[key] || ctx.static.data[key]\n      if (!data) {\n        return\n      }\n      return data\n    },\n  }),\n])\n\nuseHead(() => ({\n  title: () => `Города присутствия ${provider.value?.provider.name}`,\n  meta: [\n    {\n      hid: 'description',\n      name: 'description',\n      content: () => `Города присутствия ${provider.value?.provider.name}`,\n    },\n    {\n      hid: 'og:title',\n      property: 'og:title',\n      content: () => `Города присутствия ${provider.value?.provider.name}`,\n    },\n    {\n      hid: 'og:image',\n      property: 'og:image',\n      content: provider.value\n        ? `https://${provider.value?.domain}/android-icon-192x192.png`\n        : 'https://dominternet.ru/android-icon-192x192.png',\n    },\n    {\n      hid: 'og:description',\n      property: 'og:description',\n      content: () => `Города присутствия ${provider.value?.provider.name}`,\n    },\n  ],\n}))\n</script>\n\n<style scoped lang=\"scss\">\n.p-locations {\n  padding-top: 28px;\n  padding-bottom: 28px;\n\n  h1 {\n    margin-bottom: 16px;\n  }\n\n  &__search {\n    margin-bottom: 32px;\n  }\n\n  &__wrap {\n    display: flex;\n    flex-wrap: wrap;\n    margin-right: -(16px);\n\n    & > ul {\n      flex: 0 0 25%;\n      padding-right: 16px;\n      margin-bottom: 48px;\n      font-weight: 700;\n\n      & > li:first-child {\n        margin-top: 16px;\n      }\n\n      &:deep(li) {\n        font-weight: 400;\n\n        span {\n          cursor: pointer;\n        }\n\n        .el-icon-arrow-down {\n          margin-left: 4px;\n          font-size: fontSize(label);\n        }\n      }\n\n      &:deep(a),\n      &:deep(button) {\n        text-decoration: none;\n        color: color(black);\n        transition: color 0.3s;\n\n        &:hover {\n          color: color(primary);\n        }\n      }\n\n      @media (max-width: getBreakpoint(desktop)) {\n        flex: 0 0 33.33%;\n      }\n      @media (max-width: getBreakpoint(tablet)) {\n        flex: 0 0 50%;\n      }\n      @media (max-width: getBreakpoint(tablet)) {\n        flex: 0 0 50%;\n      }\n      @media (max-width: getBreakpoint(mobile-xl)) {\n        flex: 0 0 100%;\n      }\n    }\n  }\n}\n</style>\n"],"file":"_nuxt/CJyvpfn_.js"}