{"version":3,"file":"_nuxt/CBHSW7Za.js","sources":["../../../../components/Category/CategoryProductList.vue","../../../../components/Category/CategoryFiltersResetButton.vue","../../../../components/Category/CategoryFilter.vue","../../../../components/Icons/IconFilter.vue","../../../../components/Category/CategoryFilterWidget.vue","../../../../components/Category/CategoryFilterDialog.vue","../../../../components/Category/CategoryFilters.vue","../../../../components/Category/CategoryPage.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/* Composables */\nimport { useProductModal } from '@/composables/useProductModal'\n\n/* Stores */\nimport { useToggleStore } from '@/store/toggle/toggle'\n\n/* Types */\nimport { CategoryPage } from '@/types/api/api-v3/category'\nimport { Product } from '@/types/api/api-v3/product'\nimport { Factoid } from '@/types/api/api-v3/slider'\nimport { NAME_PARENT_COMPONENT } from '@/types/products'\n\n/* Components */\nimport MainCategoryFactoid from '@/components/Main/MainCategoryFactoid.vue'\nimport ProductCard from '@/components/Product/ProductCard/ProductCard.vue'\nimport ProductItem from '@/components/Product/ProductItem/ProductItem.vue'\n\ntype Props = {\n  currentCategory: CategoryPage\n  filteredProducts: Product[]\n  templateFactoid?: Factoid\n  isLoading?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  filteredProducts: () => [],\n  templateFactoid: null,\n})\n\nconst route = useRoute()\n\nconst { isDesktop, isTablet, isMobile } = useDevice()\n\nconst { newProductCardEnabled } = useToggleStore()\n\nconst factoidLength = computed(() => {\n  // Вычисляем число активных фактоидов(1 фактоид из списка\n  // на три продукта на странице\n  // также проверка на то чтобы всегда остовался 1 фактоид если фактоидов\n  // в изначальном списке больше 0\n  const productsLength = props.filteredProducts.length\n  let factoidsLength = props.currentCategory.factoids.length\n\n  if (factoidsLength !== 0) {\n    while (productsLength / factoidsLength < 3) {\n      factoidsLength--\n    }\n  }\n\n  if (factoidsLength === 0 && props.currentCategory.factoids.length !== 0) {\n    factoidsLength = 1\n  }\n\n  if (productsLength === 0) {\n    factoidsLength = 0\n  }\n\n  return factoidsLength\n})\n\nconst factoidStyles = computed(() => {\n  const styles: string[] = []\n  let row = 0\n  let column = 4\n  let gridStyle\n\n  // Стили для активных фактоидов\n  for (let i = 1; i <= factoidLength.value; i++) {\n    if (isDesktop || i === 1) {\n      row++\n    } else if (isTablet) {\n      row += 2\n    }\n\n    if (i % 2 === 0) {\n      isDesktop ? (column = 4) : (column = 2)\n\n      if (isMobile) {\n        row += 2\n      }\n    } else {\n      column = 1\n\n      if (isMobile && i !== 1) {\n        row += 3\n      }\n\n      if (isTablet && i !== 1) {\n        column = 2\n      }\n    }\n\n    gridStyle = 'grid-row:' + row + '; grid-column:' + column + ';'\n    styles.push(gridStyle)\n  }\n  return styles\n})\n\nconst factoidMap = computed(() => {\n  if (route.name === 'filter-category' || !props.currentCategory?.factoids) {\n    return []\n  }\n\n  return props.currentCategory.factoids.slice(0, factoidLength.value) || []\n})\n\nconst { productDialog, openDialogProduct, closeDialogProduct } =\n  useProductModal()\n\nconst onOpenDialogProduct = (product: Product) => {\n  openDialogProduct({\n    currentProduct: product,\n    productList: props.currentCategory.products,\n    visible: true,\n  })\n}\n\n// TODO: Удалить после того как все города перейдут на новый дизайн карточек\nconst factiodOldClass = computed(() => {\n  return newProductCardEnabled ? '' : 'category-products__factoid--old'\n})\n</script>\n\n<template>\n  <div class=\"category-products\">\n    <div\n      v-if=\"isDesktop\"\n      class=\"category-products__list\"\n      :class=\"{ 'category-products__list--old': !newProductCardEnabled }\"\n    >\n      <template v-if=\"newProductCardEnabled\">\n        <product-card\n          v-for=\"product in filteredProducts\"\n          :key=\"product.id\"\n          :product=\"product\"\n          :is-loading=\"isLoading\"\n          is-link-type\n          @on-open-dialog=\"onOpenDialogProduct\"\n        />\n      </template>\n\n      <template v-else>\n        <product-item\n          v-for=\"product in filteredProducts\"\n          :key=\"product.id\"\n          :product=\"product\"\n          :parent-component=\"NAME_PARENT_COMPONENT.MAIN_DESKTOP\"\n          @open-dialog-product=\"onOpenDialogProduct\"\n        />\n      </template>\n\n      <div\n        v-if=\"templateFactoid\"\n        class=\"category-products__factoid\"\n        :class=\"factiodOldClass\"\n        :style=\"factoidStyles[0]\"\n      >\n        <main-category-factoid :factoid=\"templateFactoid\" is-category-page />\n      </div>\n\n      <template v-else>\n        <div\n          v-for=\"(factoid, index) in factoidMap\"\n          :key=\"factoid.url\"\n          class=\"category-products__factoid\"\n          :class=\"factiodOldClass\"\n          :style=\"factoidStyles[index]\"\n        >\n          <main-category-factoid :factoid=\"factoid\" is-category-page />\n        </div>\n      </template>\n    </div>\n\n    <div v-else class=\"category-products__list\">\n      <template v-if=\"newProductCardEnabled\">\n        <product-card\n          v-for=\"product in filteredProducts\"\n          :key=\"product.id\"\n          :product=\"product\"\n          :is-loading=\"isLoading\"\n          is-link-type\n          @on-open-dialog=\"onOpenDialogProduct\"\n        />\n      </template>\n\n      <template v-else>\n        <product-item\n          v-for=\"product in filteredProducts\"\n          :key=\"product.id\"\n          :product=\"product\"\n          :parent-component=\"NAME_PARENT_COMPONENT.MAIN_MOBILE\"\n          @open-dialog-product=\"onOpenDialogProduct\"\n        />\n      </template>\n\n      <div\n        v-for=\"(factoid, index) in factoidMap\"\n        :key=\"factoid.url\"\n        class=\"category-products__factoid\"\n        :class=\"factiodOldClass\"\n        :style=\"factoidStyles[index]\"\n      >\n        <main-category-factoid :factoid=\"factoid\" is-category-page />\n      </div>\n    </div>\n\n    <product-modal\n      :product-dialog=\"productDialog\"\n      @close-dialog-product=\"closeDialogProduct\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.category-products {\n  &__list {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, 276px);\n    gap: 100px 32px;\n\n    // TODO: Удалить после того как все города перейдут на новый дизайн карточек\n    &--old {\n      grid-template-columns: repeat(auto-fit, 270px);\n      gap: 100px 36px;\n    }\n\n    @include media('<=portrait-phone', '>=phone') {\n      grid-template-columns: repeat(2, minmax(145px, 1fr));\n      gap: 10px;\n      padding: 25px 0 0;\n    }\n\n    @include media('<=tablet', '>=portrait-phone') {\n      grid-template-columns: repeat(2, minmax(120px, 225px));\n      gap: 10px;\n      padding: 25px 0 0;\n    }\n\n    // Границы ширины [от 768 до 1024]\n    @include media('>=tablet', '<=desktop-mini') {\n      grid-template-columns: repeat(3, minmax(217px, 1fr));\n      gap: 10px;\n      padding: 25px 0 0;\n    }\n  }\n\n  &__factoid {\n    grid-row: 1;\n    height: 100%;\n    min-height: 392px;\n\n    &--old {\n      :deep(.factoid) {\n        width: 100%;\n        height: 90%;\n        min-height: 240px;\n\n        @include media('>=tablet') {\n          width: 270px;\n          height: 100%;\n          max-height: 410px;\n        }\n      }\n    }\n\n    @include media('<=desktop-mini') {\n      min-height: auto;\n    }\n  }\n}\n</style>\n","<template>\n  <v-btn variant=\"text\" class=\"button\">\n    <nuxt-img\n      src=\"/close.svg\"\n      alt=\"сбросить фильтры\"\n      width=\"10\"\n      height=\"10\"\n      role=\"button\"\n    />\n    Сбросить фильтры\n  </v-btn>\n</template>\n\n<style lang=\"scss\" scoped>\n.button {\n  display: flex;\n  align-items: center;\n  height: 40px;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 16px;\n  color: #ff5044;\n  cursor: pointer;\n  border-radius: 100px;\n\n  img {\n    width: 10px;\n    height: 10px;\n    margin-right: 17px;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { PropType } from 'vue'\n\n/* Types */\nimport { Tag } from '@/types/api/api-v3/product'\n\nconst props = defineProps({\n  filter: {\n    type: Object as PropType<Tag>,\n    required: true,\n  },\n  isActiveFilter: {\n    type: Boolean,\n    required: true,\n  },\n  isPossibleFilter: {\n    type: Boolean,\n    required: true,\n  },\n  isFiltersActivated: {\n    type: Boolean,\n    required: true,\n  },\n})\n\nconst emit = defineEmits(['setActiveFilter', 'deactivateFilter'])\n\nconst isFilterDisabled = computed(\n  () =>\n    props.isFiltersActivated &&\n    !props.isActiveFilter &&\n    !props.isPossibleFilter,\n)\n\nconst toggleFilterState = (filter: Tag) => {\n  if (props.isActiveFilter) {\n    emit('deactivateFilter', filter)\n\n    return\n  }\n\n  emit('setActiveFilter', filter)\n}\n</script>\n\n<template>\n  <span :class=\"{ 'tag--active': isActiveFilter }\">\n    <v-chip\n      :disabled=\"isFilterDisabled\"\n      :ripple=\"false\"\n      link\n      class=\"tag\"\n      @click=\"toggleFilterState(filter)\"\n    >\n      {{ filter.name }}\n    </v-chip>\n  </span>\n</template>\n\n<style lang=\"scss\" scoped>\n.tag {\n  &--active {\n    :deep {\n      .v-chip {\n        color: #fff;\n        background: #ff5044 !important;\n      }\n    }\n  }\n}\n\n:deep(.v-chip) {\n  padding: 20px 20px !important;\n  font-size: 14px !important;\n  font-weight: 600 !important;\n  background: $button-background !important;\n  border-radius: 40px !important;\n}\n\n:deep(.v-chip__content::selection) {\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n:deep(.v-chip__overlay),\n:deep(.v-chip__underlay) {\n  display: none;\n}\n</style>\n","<script setup>\nconst props = defineProps({\n  active: {\n    type: Boolean,\n    required: false,\n    default: true,\n  },\n})\n</script>\n\n<template>\n  <svg\n    width=\"17\"\n    height=\"18\"\n    viewBox=\"0 0 17 18\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M13.0928 17.9707C12.5405 17.9707 12.0928 17.523 12.0928 16.9707L12.0928 10.67C12.0928 10.1177 12.5405 9.66998 13.0928 9.66998C13.6451 9.66998 14.0928 10.1177 14.0928 10.67L14.0928 16.9707C14.0928 17.523 13.6451 17.9707 13.0928 17.9707Z\"\n      :fill=\"props.active ? 'white' : 'black'\"\n    />\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M3.40039 8.85937C2.84811 8.85937 2.40039 8.41166 2.40039 7.85938L2.40039 1.55866C2.40039 1.00637 2.84811 0.558657 3.40039 0.558657C3.95267 0.558657 4.40039 1.00637 4.40039 1.55866L4.40039 7.85937C4.40039 8.41166 3.95268 8.85937 3.40039 8.85937Z\"\n      :fill=\"props.active ? 'white' : 'black'\"\n    />\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M3.34625 18C1.49156 18 -6.61201e-08 16.4873 -1.47008e-07 14.6369C-2.27895e-07 12.7864 1.49156 11.2737 3.34625 11.2737C5.20094 11.2737 6.69251 12.7864 6.69251 14.6369C6.69251 16.4873 5.20094 18 3.34625 18ZM2 14.6369C2 15.3963 2.60963 16 3.34625 16C4.08287 16 4.69251 15.3963 4.69251 14.6369C4.69251 13.8774 4.08287 13.2737 3.34625 13.2737C2.60963 13.2737 2 13.8774 2 14.6369Z\"\n      :fill=\"props.active ? 'white' : 'black'\"\n    />\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M13.0538 6.72656C11.1989 6.72656 9.70752 5.21369 9.70752 3.3626C9.70752 1.51166 11.1995 0.000274593 13.0538 0.000274512C14.908 0.000274431 16.4 1.51166 16.4 3.3626C16.4 5.21369 14.9087 6.72656 13.0538 6.72656ZM11.7075 3.3626C11.7075 4.12312 12.3174 4.72656 13.0538 4.72656C13.7902 4.72656 14.4 4.12312 14.4 3.3626C14.4 2.60358 13.7908 2.00027 13.0538 2.00027C12.3167 2.00027 11.7075 2.60358 11.7075 3.3626Z\"\n      :fill=\"props.active ? 'white' : 'black'\"\n    />\n  </svg>\n</template>\n","<script lang=\"ts\" setup>\nimport IconFilter from '@/components/Icons/IconFilter.vue'\n\nconst emit = defineEmits(['openFiltersDialog'])\n\ndefineProps({\n  isFiltersActivated: {\n    type: Boolean,\n    required: true,\n  },\n  selectedFiltersCount: {\n    type: Number,\n    required: true,\n  },\n})\n\nconst openFiltersDialog = () => emit('openFiltersDialog')\n</script>\n\n<template>\n  <div class=\"filter--widget\">\n    <v-badge\n      v-if=\"isFiltersActivated\"\n      color=\"#F44336\"\n      :content=\"selectedFiltersCount\"\n      offset-x=\"8\"\n      offset-y=\"8\"\n    >\n      <app-button\n        width=\"48\"\n        height=\"48\"\n        icon\n        class=\"button\"\n        @click=\"openFiltersDialog\"\n      >\n        <icon-filter />\n      </app-button>\n    </v-badge>\n\n    <app-button\n      v-else\n      width=\"48\"\n      height=\"48\"\n      icon\n      class=\"button\"\n      @click=\"openFiltersDialog\"\n    >\n      <icon-filter :active=\"false\" />\n    </app-button>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.filter--widget {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  z-index: 8;\n  padding: 25px;\n\n  .button {\n    background: $basket-success;\n    box-shadow: 0 4px 30px rgba(65, 58, 91, 0.3);\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nconst AppDialog = defineAsyncComponent(\n  () => import('@/components/App/AppDialog.vue'),\n)\n\ntype Props = {\n  isFiltersActivated: boolean\n  isFiltersDialogOpen: boolean\n}\n\ndefineProps<Props>()\n\nconst emit = defineEmits(['update:model-value'])\n\nconst { isMobile } = useDevice()\n\nconst setFiltersDialogState = (value: boolean) =>\n  emit('update:model-value', value)\n</script>\n\n<template>\n  <app-dialog\n    :model-value=\"isFiltersDialogOpen\"\n    :fullscreen=\"isMobile\"\n    @update:model-value=\"setFiltersDialogState\"\n  >\n    <template #title>\n      <h3>Фильтры</h3>\n    </template>\n\n    <template #body>\n      <div class=\"dialog\">\n        <div class=\"dialog__filters\">\n          <slot />\n        </div>\n\n        <app-button\n          class=\"dialog__button\"\n          @click=\"setFiltersDialogState(false)\"\n        >\n          Применить\n        </app-button>\n      </div>\n    </template>\n  </app-dialog>\n</template>\n\n<style scoped lang=\"scss\">\n.dialog {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  height: 100%;\n  padding-top: 10px;\n\n  &__button {\n    height: 50px;\n    font-weight: 700;\n    background: $primary;\n    border-radius: 10px;\n    box-shadow: 0 4px 20px rgba(255, 80, 0, 0.16);\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { Prop } from 'vue'\n\nimport CategoryFilter from '@/components/Category/CategoryFilter.vue'\nimport CategoryFilterWidget from '@/components/Category/CategoryFilterWidget.vue'\nimport CategoryFilterDialog from '@/components/Category/CategoryFilterDialog.vue'\n\nimport { Tag } from '@/types/api/api-v3/product'\n\nconst emit = defineEmits([\n  'resetAllFilters',\n  'setActiveFilter',\n  'deactivateFilter',\n])\ndefineProps({\n  filters: {\n    type: Array,\n    required: true,\n    default: () => [],\n  } as Prop<Tag[]>,\n  isFiltersActivated: {\n    type: Boolean,\n    required: true,\n  },\n  selectedFilters: {\n    type: Object,\n    required: true,\n  },\n  possibleFilters: {\n    type: Object,\n    required: true,\n  },\n})\n\nconst isFiltersDialogOpen = ref(false)\n\nconst { isMobile } = useDevice()\n\nconst resetAllFilters = () => emit('resetAllFilters')\n\nconst setActiveFilter = (filter: Tag) => emit('setActiveFilter', filter)\n\nconst deactivateFilter = (filter: Tag) => emit('deactivateFilter', filter)\n\nconst toggleFiltersDialogOpen = (value: boolean) =>\n  (isFiltersDialogOpen.value = value)\n</script>\n\n<template>\n  <template v-if=\"isMobile\">\n    <category-filter-widget\n      :is-filters-activated=\"isFiltersActivated\"\n      :selected-filters-count=\"Object.keys(selectedFilters).length\"\n      @open-filters-dialog=\"isFiltersDialogOpen = true\"\n    />\n\n    <category-filter-dialog\n      :is-filters-activated=\"isFiltersActivated\"\n      :is-filters-dialog-open=\"isFiltersDialogOpen\"\n      @update:model-value=\"toggleFiltersDialogOpen\"\n      @reset-all-filters=\"resetAllFilters\"\n    >\n      <div class=\"filters--wrapper\">\n        <category-filter\n          v-for=\"(filter, index) in filters\"\n          :key=\"index\"\n          :filter=\"filter\"\n          :is-active-filter=\"filter.slug in selectedFilters\"\n          :is-possible-filter=\"filter.slug in possibleFilters\"\n          :is-filters-activated=\"isFiltersActivated\"\n          @set-active-filter=\"setActiveFilter\"\n          @deactivate-filter=\"deactivateFilter\"\n        />\n\n        <category-filters-reset-button\n          v-if=\"isFiltersActivated\"\n          @click=\"resetAllFilters\"\n        />\n      </div>\n    </category-filter-dialog>\n  </template>\n\n  <div v-else class=\"filters--wrapper\">\n    <category-filter\n      v-for=\"(filter, index) in filters\"\n      :key=\"index\"\n      :filter=\"filter\"\n      :is-active-filter=\"filter.slug in selectedFilters\"\n      :is-possible-filter=\"filter.slug in possibleFilters\"\n      :is-filters-activated=\"isFiltersActivated\"\n      @set-active-filter=\"setActiveFilter\"\n      @deactivate-filter=\"deactivateFilter\"\n    />\n\n    <transition name=\"height\">\n      <category-filters-reset-button\n        v-if=\"isFiltersActivated\"\n        @click=\"resetAllFilters\"\n      />\n    </transition>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n@import '@/assets/styles/animations.scss';\n\n.filters--wrapper {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px 10px;\n  padding: 0 0 30px;\n}\n</style>\n","<script setup lang=\"ts\">\n/* Types */\nimport { Tag } from '@/types/api/api-v3/product'\nimport { CategoryPage } from '@/types/api/api-v3/category'\nimport { Factoid } from '@/types/api/api-v3/slider'\nimport { Product } from '@/types/api/api-v3/product'\n\n/* Components */\nimport CategoryProductList from '@/components/Category/CategoryProductList.vue'\nimport CategoryFilters from '@/components/Category/CategoryFilters.vue'\n\ntype Filters = Record<string, number>\n\ntype Props = {\n  currentCategory: CategoryPage\n  isFilterActive?: boolean\n  isLoading?: boolean\n  templateFactoid?: Factoid\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  isFilterActive: true,\n  templateFactoid: null,\n})\n\nconst { $metrics } = useNuxtApp()\n\nconst { replace } = useRouter()\nconst { query } = useRoute()\n\n// Флаг, для понимания, включен ли какой- либо фильтр\nconst isFiltersActivated = ref(false)\n// Список примененных фильтров\nconst selectedFilters = ref<Filters>({})\n// Список возможных фильтров на основе отфильтрованных товаров и примененных фильтров\nconst possibleFilters = ref<Filters>({})\n\nconst products = computed(() => {\n  return !isFiltersActivated.value\n    ? props?.currentCategory?.products\n    : filteredProducts.value\n})\n\nconst filteredProducts = computed(() => {\n  if (!isFiltersActivated.value) return\n\n  return getFilteredProducts(\n    props?.currentCategory?.products,\n    selectedFilters.value,\n  )\n})\n\n// Получение продуктов по примененным фильтрам\nconst getFilteredProducts = (products: Product[], filters: Filters) => {\n  // если нет активных фильтров возвращаем все продукты\n  if (!Object.keys(filters).length) return products\n\n  return products.filter((product: Product) => {\n    // если тегов нет, отбрасываем продукт\n    if (!product.tags.length) return false\n    // счетчик пересечений\n    let intersections = 0\n    // ищем пересечения\n    for (const tag of product.tags) {\n      if (filters[tag.slug]) intersections++\n    }\n\n    // Проверяем кол-во пересечений с кол-во активных фильтров\n    if (intersections === Object.keys(filters).length) return true\n\n    return false\n  })\n}\n\n// Поиск возможных фильтров, на основе текущих примененных фильтров и отфильтрованных продуктов\nconst getPossibleFilters = (\n  filteredProducts: Product[] | undefined,\n  selectedFilters: Filters,\n): Filters => {\n  if (!filteredProducts) return {}\n\n  const possibleFilters: Filters = {}\n  // Получаем массив всех тегов (включая дубликаты)\n  const productTags = filteredProducts.flatMap(({ tags }) => tags)\n\n  // Проходимся по тегам и сохраняем возможные фильтры, исключая дубликаты и текущие примененные фильтры\n  for (const tag of productTags) {\n    if (tag.slug in selectedFilters || tag.slug in possibleFilters) continue\n\n    possibleFilters[tag.slug] = 1\n  }\n\n  return possibleFilters\n}\n\nconst setActiveFilter = (filter: Tag | Partial<Tag>) => {\n  // Если нет slug-а у фильтра - выходим\n  if (!filter.slug) return\n\n  // Ставим флаг активированых фильтров\n  isFiltersActivated.value = true\n\n  // Складываем в объект ключом slug фильтра\n  selectedFilters.value[filter.slug] = 1\n\n  setPossibleFilters()\n\n  $metrics?.eventSendGoal({ ym: 'add_filter' })\n}\n\nconst deactivateFilter = (filter: Tag) => {\n  // Если нет slug-а у фильтра - выходим\n  if (!filter.slug) return\n\n  // Удаляем ключ у активных фильтров\n  delete selectedFilters.value[filter.slug]\n\n  // Если текущее состояние фильтров пустое - очищаем возможные фильтры\n  if (Object.keys(selectedFilters.value).length === 0) {\n    resetAllFilters()\n\n    return\n  }\n\n  setPossibleFilters()\n}\n\n/*\n  Расчитываем возможные фильтры (Возможными фильтрами называем те фильтры,\n  которые не являются активными, но все еще могут быть активированы, т.к попадают под пересечения фильтров продуктов)\n*/\nconst setPossibleFilters = () => {\n  possibleFilters.value = getPossibleFilters(\n    filteredProducts.value,\n    selectedFilters.value,\n  )\n}\n\nconst resetAllFilters = () => {\n  isFiltersActivated.value = false\n  selectedFilters.value = {}\n  possibleFilters.value = {}\n}\n\n/*\n  Проверем query на наличие переданных фильтров\n  Если есть - устанавливаем необходимые фильтры и очищаем query\n*/\nonMounted(() => {\n  if (Object.keys(query).length && query.slug) {\n    setActiveFilter({ slug: typeof query.slug === 'string' ? query.slug : '' })\n\n    replace({ query: {} })\n  }\n})\n</script>\n\n<template>\n  <category-filters\n    v-if=\"currentCategory.tags?.length && isFilterActive\"\n    :filters=\"currentCategory.tags\"\n    :is-filters-activated=\"isFiltersActivated\"\n    :selected-filters=\"selectedFilters\"\n    :possible-filters=\"possibleFilters\"\n    @set-active-filter=\"setActiveFilter\"\n    @deactivate-filter=\"deactivateFilter\"\n    @reset-all-filters=\"resetAllFilters\"\n  />\n\n  <category-product-list\n    :current-category=\"currentCategory\"\n    :filtered-products=\"products\"\n    :template-factoid=\"templateFactoid\"\n    :is-loading=\"isLoading\"\n  />\n</template>\n"],"names":["props","__props","route","useRoute","isDesktop","isTablet","isMobile","useDevice","newProductCardEnabled","useToggleStore","factoidLength","computed","productsLength","factoidsLength","factoidStyles","styles","row","column","gridStyle","i","factoidMap","_a","productDialog","openDialogProduct","closeDialogProduct","useProductModal","onOpenDialogProduct","product","factiodOldClass","_openBlock","_createBlock","_component_v_btn","_withCtx","_createVNode","_component_nuxt_img","emit","__emit","isFilterDisabled","toggleFilterState","filter","openFiltersDialog","AppDialog","defineAsyncComponent","__vitePreload","setFiltersDialogState","value","isFiltersDialogOpen","ref","resetAllFilters","setActiveFilter","deactivateFilter","toggleFiltersDialogOpen","$metrics","useNuxtApp","replace","useRouter","query","isFiltersActivated","selectedFilters","possibleFilters","products","filteredProducts","getFilteredProducts","filters","intersections","tag","getPossibleFilters","productTags","tags","setPossibleFilters","onMounted"],"mappings":";;;q9BAyBA,MAAMA,EAAQC,EAKRC,EAAQC,IAER,CAAE,UAAAC,EAAW,SAAAC,EAAU,SAAAC,GAAaC,EAAU,EAE9C,CAAE,sBAAAC,GAA0BC,IAE5BC,EAAgBC,EAAS,IAAM,CAK7B,MAAAC,EAAiBZ,EAAM,iBAAiB,OAC1C,IAAAa,EAAiBb,EAAM,gBAAgB,SAAS,OAEpD,GAAIa,IAAmB,EACd,KAAAD,EAAiBC,EAAiB,GACvCA,IAIJ,OAAIA,IAAmB,GAAKb,EAAM,gBAAgB,SAAS,SAAW,IACnDa,EAAA,GAGfD,IAAmB,IACJC,EAAA,GAGZA,CAAA,CACR,EAEKC,EAAgBH,EAAS,IAAM,CACnC,MAAMI,EAAmB,GACzB,IAAIC,EAAM,EACNC,EAAS,EACTC,EAGJ,QAASC,EAAI,EAAGA,GAAKT,EAAc,MAAOS,IACpCf,GAAae,IAAM,EACrBH,IACSX,IACFW,GAAA,GAGLG,EAAI,IAAM,GACCf,EAAAa,EAAS,EAAMA,EAAS,EAEjCX,IACKU,GAAA,KAGAC,EAAA,EAELX,GAAYa,IAAM,IACbH,GAAA,GAGLX,GAAYc,IAAM,IACXF,EAAA,IAIDC,EAAA,YAAcF,EAAM,iBAAmBC,EAAS,IAC5DF,EAAO,KAAKG,CAAS,EAEhB,OAAAH,CAAA,CACR,EAEKK,EAAaT,EAAS,IAAM,OAChC,OAAIT,EAAM,OAAS,mBAAqB,GAACmB,EAAArB,EAAM,kBAAN,MAAAqB,EAAuB,UACvD,GAGFrB,EAAM,gBAAgB,SAAS,MAAM,EAAGU,EAAc,KAAK,GAAK,EAAC,CACzE,EAEK,CAAE,cAAAY,EAAe,kBAAAC,EAAmB,mBAAAC,GACxCC,GAAgB,EAEZC,EAAuBC,GAAqB,CAC9BJ,EAAA,CAChB,eAAgBI,EAChB,YAAa3B,EAAM,gBAAgB,SACnC,QAAS,GACV,GAIG4B,EAAkBjB,EAAS,IACxBH,EAAwB,GAAK,iCACrC,umDCxHQ,OAAAqB,EAAc,EAAAC,EAAAC,EAAA,CAAC,QAAc,qBADtC,WAQMC,EAAA,KALAC,EAAgBC,EAAA,CAChB,IAAI,aACJ,IAAK,mBACL,WACA,OAAa,kBAPnB,yXCMA,MAAMlC,EAAQC,EAmBRkC,EAAOC,EAEPC,EAAmB1B,EACvB,IACEX,EAAM,oBACN,CAACA,EAAM,gBACP,CAACA,EAAM,kBAGLsC,EAAqBC,GAAgB,CACzC,GAAIvC,EAAM,eAAgB,CACxBmC,EAAK,mBAAoBI,CAAM,EAE/B,MACF,CAEAJ,EAAK,kBAAmBI,CAAM,qfCxChC,MAAMvC,EAAQC,u3DCEd,MAAMkC,EAAOC,EAaPI,EAAoB,IAAML,EAAK,mBAAmB,4pBCfxD,MAAMM,EAAYC,EAChB,IAAMC,EAAA,WAAO,eAAgC,sFAUzCR,EAAOC,EAEP,CAAE,SAAA9B,GAAaC,IAEfqC,EAAyBC,GAC7BV,EAAK,qBAAsBU,CAAK,+yBCRlC,MAAMV,EAAOC,EAyBPU,EAAsBC,EAAI,EAAK,EAE/B,CAAE,SAAAzC,GAAaC,IAEfyC,EAAkB,IAAMb,EAAK,iBAAiB,EAE9Cc,EAAmBV,GAAgBJ,EAAK,kBAAmBI,CAAM,EAEjEW,EAAoBX,GAAgBJ,EAAK,mBAAoBI,CAAM,EAEnEY,EAA2BN,GAC9BC,EAAoB,MAAQD,ghDCzB/B,MAAM7C,EAAQC,EAKR,CAAE,SAAAmD,GAAaC,KAEf,CAAE,QAAAC,GAAYC,KACd,CAAE,MAAAC,GAAUrD,IAGZsD,EAAqBV,EAAI,EAAK,EAE9BW,EAAkBX,EAAa,EAAE,EAEjCY,EAAkBZ,EAAa,EAAE,EAEjCa,EAAWjD,EAAS,IAAM,OAC9B,OAAQ8C,EAAmB,MAEvBI,EAAiB,OADjBxC,EAAArB,GAAA,YAAAA,EAAO,kBAAP,YAAAqB,EAAwB,QACP,CACtB,EAEKwC,EAAmBlD,EAAS,IAAM,OAClC,GAAC8C,EAAmB,MAEjB,OAAAK,GACLzC,EAAArB,GAAA,YAAAA,EAAO,kBAAP,YAAAqB,EAAwB,SACxBqC,EAAgB,MAClB,CACD,EAGKI,EAAsB,CAACF,EAAqBG,IAE3C,OAAO,KAAKA,CAAO,EAAE,OAEnBH,EAAS,OAAQjC,GAAqB,CAE3C,GAAI,CAACA,EAAQ,KAAK,OAAe,SAEjC,IAAIqC,EAAgB,EAET,UAAAC,KAAOtC,EAAQ,KACpBoC,EAAQE,EAAI,IAAI,GAAGD,IAIzB,OAAIA,IAAkB,OAAO,KAAKD,CAAO,EAAE,MAEpC,CACR,EAhBwCH,EAoBrCM,EAAqB,CACzBL,EACAH,IACY,CACR,IAACG,EAAkB,MAAO,GAE9B,MAAMF,EAA2B,GAE3BQ,EAAcN,EAAiB,QAAQ,CAAC,CAAE,KAAAO,CAAA,IAAWA,CAAI,EAG/D,UAAWH,KAAOE,EACZF,EAAI,QAAQP,GAAmBO,EAAI,QAAQN,IAE/CA,EAAgBM,EAAI,IAAI,EAAI,GAGvBN,QAAA,EAGHV,EAAmBV,GAA+B,CAEjDA,EAAO,OAGZkB,EAAmB,MAAQ,GAGXC,EAAA,MAAMnB,EAAO,IAAI,EAAI,EAElB8B,IAEnBjB,GAAA,MAAAA,EAAU,cAAc,CAAE,GAAI,YAAc,KAGxCF,EAAoBX,GAAgB,CAEpC,GAACA,EAAO,KAMZ,IAHO,OAAAmB,EAAgB,MAAMnB,EAAO,IAAI,EAGpC,OAAO,KAAKmB,EAAgB,KAAK,EAAE,SAAW,EAAG,CACnCV,IAEhB,MACF,CAEmBqB,IAAA,EAOfA,EAAqB,IAAM,CAC/BV,EAAgB,MAAQO,EACtBL,EAAiB,MACjBH,EAAgB,MAClB,EAGIV,EAAkB,IAAM,CAC5BS,EAAmB,MAAQ,GAC3BC,EAAgB,MAAQ,GACxBC,EAAgB,MAAQ,EAAC,EAO3B,OAAAW,GAAU,IAAM,CACV,OAAO,KAAKd,CAAK,EAAE,QAAUA,EAAM,OACrBP,EAAA,CAAE,KAAM,OAAOO,EAAM,MAAS,SAAWA,EAAM,KAAO,GAAI,EAE1EF,EAAQ,CAAE,MAAO,CAAC,EAAG,EACvB,CACD","debug_id":"42d43324-92fe-52c1-ba73-38adf4ad1633"}