{"version":3,"file":"DQ5_wFPM.js","sources":["../../../../components/Main/Category/MainCategoryCard.vue","../../../../components/Main/MainCategoryListMobile.vue","../../../../components/Main/MainCategoryList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Category } from '@/types/api/api-v3/category'\n\ntype Props = {\n  category: Category\n}\n\nconst props = defineProps<Props>()\n\nconst isErrorImage = ref(false)\n\nconst productImage = computed(() => {\n  if (isErrorImage.value || !props.category.image) {\n    return './no-image-category.svg'\n  }\n\n  return props.category.image\n})\n</script>\n\n<template>\n  <nuxt-link\n    class=\"main-category-card\"\n    :to=\"category.path\"\n    itemprop=\"url\"\n    :prefetch=\"false\"\n    active-class=\"main-category-card--active\"\n  >\n    <div itemprop=\"name\" class=\"main-category-card__title\">\n      {{ category.name }}\n    </div>\n\n    <nuxt-img\n      :alt=\"category.slug\"\n      :src=\"productImage\"\n      itemprop=\"image\"\n      class=\"main-category-card__image\"\n      @error=\"isErrorImage = true\"\n    />\n  </nuxt-link>\n</template>\n\n<style lang=\"scss\" scoped>\n.main-category-card {\n  position: relative;\n  display: block;\n  height: 157px;\n  overflow: hidden;\n  background-color: var(--ui-grey);\n  border-radius: 16px;\n  transition: background-color 0.2s ease-in;\n\n  @include media('>=desktop-mini') {\n    height: 112px;\n  }\n\n  &:hover:not(.main-category-card--active) {\n    background-color: var(--ui-grey--hover);\n  }\n\n  &__title {\n    position: relative;\n    z-index: 1;\n    padding: 12px 8px 0;\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 18px;\n    color: var(--ui-text-primary);\n    transition: color 0.2s ease-in;\n\n    @include media('>=desktop-mini') {\n      font-size: 12px;\n      line-height: 14px;\n    }\n  }\n\n  &__image {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    object-fit: contain;\n    object-position: bottom right;\n  }\n\n  &--active {\n    background-color: var(--ui-peach);\n\n    .main-category-card__title {\n      color: var(--ui-primary);\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport type { Category } from '@/types/api/api-v3/category'\n\nimport MainCategoryCard from '@/components/Main/Category/MainCategoryCard.vue'\nimport MainCategoryLink from '@/components/Main/Category/MainCategoryLink.vue'\n\ntype Props = {\n  simpleCategories: Category[]\n  isCategoryPage?: boolean\n}\n\ndefineProps<Props>()\n\nconst sale = ref<Category>({\n  icon: '/main-category-sale.webp',\n  image: '/main-category-sale.webp',\n  is_filter: false,\n  is_japan: false,\n  name: 'Акции',\n  path: '/sales/',\n  slug: 'sales',\n})\n</script>\n\n<template>\n  <nav\n    class=\"category-list\"\n    itemscope\n    itemtype=\"http://schema.org/SiteNavigationElement\"\n  >\n    <!-- Список категорий для страницы отдельной категории  -->\n    <the-slider\n      v-if=\"isCategoryPage\"\n      class=\"category-list__slider\"\n      overlay=\"sm\"\n      :space-between=\"8\"\n      :slide-width=\"60\"\n      :ripple=\"false\"\n      :snap=\"false\"\n      is-different-width\n    >\n      <!-- Захардкоженная категория акции на фронте-->\n      <main-category-link :category=\"sale\" />\n\n      <main-category-link\n        v-for=\"(category, index) in simpleCategories\"\n        :key=\"index\"\n        :category=\"category\"\n      />\n    </the-slider>\n\n    <!-- Список категорий для главной страницы  -->\n    <section v-else class=\"category-list__cards\">\n      <!-- Захардкоженная категория акции на фронте-->\n      <main-category-card class=\"category-list__card\" :category=\"sale\" />\n\n      <main-category-card\n        v-for=\"(category, index) in simpleCategories\"\n        :key=\"index\"\n        :category=\"category\"\n        class=\"category-list__card\"\n      />\n    </section>\n  </nav>\n</template>\n\n<style lang=\"scss\" scoped>\n.category-list {\n  overflow: hidden;\n\n  &__slider {\n    padding: 0 8px;\n  }\n\n  &__cards {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 10px;\n\n    @include media('>=portrait-phone') {\n      grid-template-columns: repeat(4, 1fr);\n      gap: 16px;\n    }\n\n    @include media('>=tablet') {\n      grid-template-columns: repeat(5, 1fr);\n    }\n\n    @include media('>=desktop-mini') {\n      grid-template-columns: repeat(6, 1fr);\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { Success } from '@/api/results'\nimport { AsyncDataKey } from '@/types/main'\n\nimport MainCategoryListDesktop from '@/components/Main/MainCategoryListDesktop.vue'\nimport MainCategoryListMobile from '@/components/Main/MainCategoryListMobile.vue'\n\ntype Props = {\n  isCategoryPage?: boolean\n}\n\ndefineProps<Props>()\n\nconst { data: simpleCategories } = await useAsyncData(\n  AsyncDataKey.SIMLE_CATEGORIES,\n  async (nuxtApp) => {\n    const result = await nuxtApp?.$apiService.category.fetchSimpleCategories()\n\n    if (result instanceof Success) {\n      return result.data\n    }\n\n    return []\n  },\n  {\n    lazy: true,\n  },\n)\n\nconst { isDesktop } = useDevice()\n</script>\n\n<template>\n  <div class=\"category\">\n    <div\n      v-if=\"simpleCategories\"\n      class=\"category__list\"\n      :class=\"{ 'category__list--page': isCategoryPage }\"\n    >\n      <main-category-list-desktop\n        v-if=\"isDesktop\"\n        id=\"desktop-category\"\n        :simple-categories=\"simpleCategories\"\n      />\n\n      <main-category-list-mobile\n        v-else\n        :simple-categories=\"simpleCategories\"\n        :is-category-page=\"isCategoryPage\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.category__list {\n  min-height: 112px;\n  padding: 30px 0 0;\n\n  @include media('<=desktop-mini') {\n    padding: 27px 24px;\n  }\n  @include media('<=tablet') {\n    padding: 20px 0 27px;\n  }\n  &--page {\n    min-height: inherit;\n    padding: 15px 0;\n    border-bottom: 1px solid #f1f4f9;\n  }\n}\n</style>\n"],"names":["props","__props","isErrorImage","ref","productImage","computed","sale","simpleCategories","__temp","__restore","_withAsyncContext","useAsyncData","AsyncDataKey","nuxtApp","result","Success","isDesktop","useDevice"],"mappings":";;utBAOA,MAAMA,EAAQC,EAERC,EAAeC,EAAI,EAAK,EAExBC,EAAeC,EAAS,IACxBH,EAAa,OAAS,CAACF,EAAM,SAAS,MACjC,0BAGFA,EAAM,SAAS,KACvB,89CCJD,MAAMM,EAAOH,EAAc,CACzB,KAAM,2BACN,MAAO,2BACP,UAAW,GACX,SAAU,GACV,KAAM,QACN,KAAM,UACN,KAAM,OAAA,CACP,8uBCRK,KAAA,CAAE,KAAMI,IAA2B,CAAAC,EAAAC,CAAA,EAAAC,EAAA,SAAAC,EACvCC,EAAa,iBACb,MAAOC,GAAY,CACjB,MAAMC,EAAS,MAAMD,GAAA,YAAAA,EAAS,YAAY,SAAS,yBAEnD,OAAIC,aAAkBC,EACbD,EAAO,KAGT,CAAC,CACV,EACA,CACE,KAAM,EAAA,CAEV,CAAA,mBAEM,CAAE,UAAAE,CAAU,EAAIC,EAAU","debug_id":"78990777-acdd-516c-b1d5-4a673cbaa218"}