{"version":3,"mappings":"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","names":["ctx","useNuxtApp","search","ref","mainStore","useMainStore","getCommonHeaders","computed","provider","domain","sortedRegions","_b","_a","filteredRegions","a","b","obj","item","regionsWithCities","el","regions","cities","e","__temp","__restore","_withAsyncContext","useFetch","key","data","useHead"],"ignoreList":[],"sources":["../../../../pages/partners/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 ctx = useNuxtApp()\nconst search = ref('')\nconst mainStore = useMainStore()\nconst getCommonHeaders = computed(() => mainStore.getCommonHeaders)\nconst provider = computed(() => mainStore.getDomainConfig)\nconst domain = computed(() => mainStore.getDomain)\n\nconst sortedRegions = computed(() => {\n  return filteredRegions.value?.slice()\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) => {\n        return {\n          ...el,\n          cities: (el.short_name + '. ' + el.name)\n            .toLowerCase()\n            .includes(search.value.toLowerCase())\n            ? el.cities\n            : el.cities.filter(el =>\n              (el.short_name + '. ' + el.name)\n                .toLowerCase()\n                .includes(search.value.toLowerCase()),\n            ),\n        }\n      })\n      .filter(el => el.cities?.length)\n  else return regionsWithCities.value.filter(el => el.cities.length)\n})\n\nconst regionsWithCities = computed(() => {\n  if (regions.value && cities.value) {\n    const res = regions.value.map((el) => {\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/B5Z2PBSe.js"}