{"version":3,"mappings":";k9BA8EA,MAAMA,EAAQC,EAeRC,EAAYC,IACZC,EAAcC,EAAS,IAAMH,EAAU,OAAO,EAC9CI,EAAWD,EAAS,IAAMH,EAAU,WAAW,EAC/CK,EAAO,IAAI,KAAK,EAAE,YAAY,EAC9BC,EAAYH,EAAS,IAAM,CACzB,MAAAI,MAAY,KACZC,EAAO,IAAI,KAAKD,CAAK,EAC3B,OAAAC,EAAK,QAAQD,EAAM,QAAQ,EAAI,CAAC,EAEzBC,CAAA,CACR,EACKC,EAAkBC,GAAa,OAEjC,QAAAC,EAAAb,EAAM,UAAN,YAAAa,EAAe,KAAWC,KAAG,SAAS,KAAOF,EAAS,SAAS,MAC5D,QAGDG,EAAYV,EAAS,IAClBW,EAAK,MAAM,QAAWF,EAAG,QAAUd,EAAM,OAAO,CACxD,EACKgB,EAAOC,EAAI,CACf,CACE,MAAO,kBACP,SACE,mHACF,MAAO,MACT,EACA,CACE,MAAO,mBACP,SAAU,gEACV,MAAO,iBACT,EACA,CACE,MAAO,eACP,SACE,4FACF,MAAO,cACT,EACA,CACE,MAAO,gBACP,SAAU,oDACV,MAAO,UACT,EACA,CACE,MAAO,oBACP,SACE,mHACF,MAAO,gBACT,EACA,CACE,MAAO,2BACP,SACE,iFACF,MAAO,mBACT,EACA,CACE,MAAO,sBACP,SACE,yFACF,MAAO,kBACT,EACA,CACE,MAAO,oBACP,SACE,2EACF,MAAO,cACT,EACD","names":["props","__props","cityStore","useCities","currentCity","computed","houseUrl","year","yesterday","today","yest","selectProvider","provider","_a","el","substring","btns","ref"],"ignoreList":[],"sources":["../../../../components/rating-page/RatingWrapperNew.vue"],"sourcesContent":["<template>\n  <section\n    v-if=\"providers\"\n    itemscope\n    itemtype=\"http://schema.org/ItemList\"\n    class=\"r-top container\"\n  >\n    <template v-if=\"providers.length > 1\">\n      <h2 class=\"r-top__title headline-1\">\n        {{ title || `ТОП-${providers.length > 10 ? 10 : providers.length} провайдеров ${houseUrl ? \"в вашем доме\" : `домашнего интернета ${year}`}` }}\n      </h2>\n      <p class=\"r-top__subtitle title-2 gray-b--text\">\n        Рейтинг формируется на основе реальных отзывов и оценок действующих\n        абонентов{{\n          currentCity?.morph_name && currentCity?.morph_name[\"Р\"] && $route.name !== 'rating'\n            ? ' ' + currentCity?.morph_name[\"Р\"]\n            : \"\"\n        }}. Данные обновлены\n        {{\n          yesterday.toLocaleDateString(\"ru-RU\", {\n            year: \"numeric\",\n            month: \"numeric\",\n            day: \"numeric\",\n          })\n        }}\n      </p>\n      <div\n        class=\"r-top__filter d-flex\"\n        data-test=\"filters-rating\"\n      >\n        <button\n          v-for=\"btn in btns\"\n          :key=\"btn.value\"\n          class=\"r-top__filter-btn subhead-3 text-no-wrap\"\n          :class=\"{ active: btn.value === sorting }\"\n          @click=\"$emit('changeSorting', btn.value)\"\n        >\n          {{ btn.title }}\n        </button>\n      </div>\n    </template>\n    <p class=\"r-top__subfilter gray-b--text subhead-3\">\n      <img\n        loading=\"lazy\"\n        src=\"@/assets/images/svg/info.svg\"\n        alt=\"info\"\n      >{{\n        providers.length === 1\n          ? \"Для подключения доступен один провайдер\"\n          : substring\n            ? substring.subtitle\n            : \"\"\n      }}\n    </p>\n    <div class=\"r-top__wrap d-flex relative\">\n      <template v-if=\"loading\">\n        <LazyRatingPageRatingCardFake\n          v-for=\"provider in providers.filter((el, i) => i < 10)\"\n          :key=\"'fake' + provider.provider.id\"\n        />\n      </template>\n      <LazyRatingPageRatingCardNew\n        v-for=\"(provider, index) in providers.filter((el, i) => i < 10)\"\n        v-else\n        :key=\"provider.provider.id + 'index' + index\"\n        :sorting=\"sorting\"\n        :city-agg=\"selectProvider(provider)\"\n        :cards-from-house=\"cardsFromHouse\"\n        :provider=\"provider\"\n        :loc=\"index + 1\"\n      />\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useCities } from '~/store/cites/cities.store'\n\nconst props = defineProps({\n  providers: {\n    type: Array,\n  },\n  title: {},\n  cityAgg: {\n    type: Array,\n  },\n  loading: {},\n  sorting: {},\n  cardsFromHouse: {\n    type: Boolean,\n  },\n})\n\nconst cityStore = useCities()\nconst currentCity = computed(() => cityStore.getCity)\nconst houseUrl = computed(() => cityStore.getHouseUrl)\nconst year = new Date().getFullYear()\nconst yesterday = computed(() => {\n  const today = new Date()\n  const yest = new Date(today)\n  yest.setDate(today.getDate() - 1)\n\n  return yest\n})\nconst selectProvider = (provider) => {\n  return (\n    props.cityAgg?.find(el => el.provider.id === provider.provider.id)\n    || undefined\n  )\n}\nconst substring = computed(() => {\n  return btns.value.find(el => el.value === props.sorting)\n})\nconst btns = ref([\n  {\n    title: 'Сводный рейтинг',\n    subtitle:\n      'На основе средней оценки пользователей с учётом зоны покрытия, качества оборудования, тарифов и акций провайдера',\n    value: undefined,\n  },\n  {\n    title: 'Срок подключения',\n    subtitle: 'Среднее время между заявкой и подключением интернета абоненту',\n    value: 'CONNECTION_TIME',\n  },\n  {\n    title: 'Общая оценка',\n    subtitle:\n      'На основе пользовательской оценки сервиса, подключения, скорости и стабильности интернета',\n    value: 'RATING_FINAL',\n  },\n  {\n    title: 'Зона покрытия',\n    subtitle: 'Провайдеры с максимальной зоной покрытия в городе',\n    value: 'COVERAGE',\n  },\n  {\n    title: 'Прекрасный сервис',\n    subtitle:\n      'Рейтинг провайдеров с лучшим обслуживанием клиентов и отличной техподдержкой по версии пользователей ДомИнтернет',\n    value: 'RATING_SERVICE',\n  },\n  {\n    title: 'Качественное подключение',\n    subtitle:\n      'ТОП-10 на основе пользовательской оценки качества работ установщиков интернета',\n    value: 'RATING_CONNECTION',\n  },\n  {\n    title: 'Стабильный интернет',\n    subtitle:\n      'Рейтинг провайдеров с самым стабильным сигналом по оценке пользователей нашего сервиса',\n    value: 'RATING_STABILITY',\n  },\n  {\n    title: 'Отличная скорость',\n    subtitle:\n      'ТОП-10 компаний с отличной скоростью по мнению пользователей ДомИнтернет',\n    value: 'RATING_SPEED',\n  },\n])\n</script>\n\n<style scoped lang=\"scss\">\n.r-top {\n  margin-bottom: 40px;\n  &__wrap {\n    flex-direction: column-reverse;\n  }\n\n  &__title {\n    margin-bottom: 4px;\n  }\n\n  &__subtitle {\n    margin-bottom: 24px;\n  }\n\n  &__subfilter {\n    margin-bottom: 16px;\n    padding-left: 28px;\n    position: relative;\n    img {\n      position: absolute;\n      left: 0;\n      top: -3px;\n      width: 24px;\n      height: 24px;\n      opacity: .7;\n    }\n  }\n  &__filter {\n    margin-bottom: 12px;\n    &::-webkit-scrollbar {\n      width: 0;\n      height: 0;\n    }\n    overflow-x: auto;\n    margin-right: calc((100vw - 1220px) / -2);\n    flex-wrap: wrap;\n    @media (max-width: getBreakpoint(desktop)) {\n      width: 100vw;\n      flex-wrap: nowrap;\n      margin-right: min(calc(100vw - 1220px) / -2, -20px);\n      padding-right: max(calc(100vw - 1220px) / 2, 20px);\n      margin-left: min(calc(100vw - 1220px) / -2, -20px);\n      padding-left: max(calc(100vw - 1220px) / 2, 20px);\n    }\n    @media (max-width: getBreakpoint(tablet)) {\n      margin-left: -16px;\n      margin-right: -16px;\n      padding-left: 16px;\n      padding-right: 16px;\n    }\n    @media (max-width: getBreakpoint(mobile-md)) {\n      margin-left: -8px;\n      margin-right: -8px;\n      padding-left: 8px;\n      padding-right: 8px;\n    }\n    &-btn {\n      margin-right: 4px;\n      margin-bottom: 4px;\n      padding: 7px 12px;\n      border-radius: 28px;\n      border: 1px solid color(gray-darker);\n      background: color(white);\n      &.active {\n        border: 1px solid transparent;\n        background: color(primary);\n        color: color(white);\n      }\n    }\n  }\n}\n</style>\n"],"file":"_nuxt/UqlYZuNM.js"}