{"version":3,"file":"CsChElSY.js","sources":["../../../../src/components/p-catalog/p-catalog-category-parent.vue","../../../../src/assets/svgs/materials.svg","../../../../src/assets/svgs/delivery.svg","../../../../src/components/p-info-slider.vue","../../../../src/components/p-popular-products.vue","../../../../src/pages/index.vue"],"sourcesContent":["<template>\n  <section :class=\"isHover ? 'overlay-section active' : ''\"></section>\n  <section\n    class=\"grid grid-cols-12 pt-5\"\n    :class=\"\n      isHover\n        ? 'shadow-xl bg-white rounded-xl relative min-h-[580px] z-10'\n        : 'relative'\n    \"\n    @mouseleave=\"clearHover\"\n  >\n    <div class=\"col-start-1 col-end-4\">\n      <div\n        v-for=\"(item, idx) in categories\"\n        :key=\"idx\"\n        class=\"border-l-2 hover:border-secondary-400 relative z-50 hover:bg-secondary-25 rounded-r p-[10px] cursor-pointer \"\n        :class=\"!isHover ? 'border-primary-25' : 'border-white'\"\n        @mouseover=\"hoverCategory(idx)\"\n      >\n        <p-catalog-category :item=\"item\" />\n      </div>\n    </div>\n\n    <div class=\"col-start-4 col-end-13\">\n      <p-catalog-category-children\n        :categories=\"categories\"\n        :isActive=\"false\"\n        :activeCategoryIndex=\"activeCategoryIndex\"\n      ></p-catalog-category-children>\n    </div>\n  </section>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\n\nconst props = defineProps({\n  categories: {\n    type: Object,\n  },\n  isActive: Boolean,\n});\n\nconst activeCategoryIndex = ref(null);\nconst isHover = ref(false);\n\nfunction clearHover() {\n  isHover.value = false;\n  activeCategoryIndex.value = null;\n}\n\nfunction hoverCategory(idx) {\n  activeCategoryIndex.value = idx;\n  isHover.value = true;\n}\n</script>\n<style scoped>\n.overlay-section.active::after {\n  content: \"\";\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  pointer-events: auto;\n  background: rgba(0, 0, 0, 0.1);\n}\n</style>\n","export default \"__VITE_ASSET__KnLI0y9q__\"","export default \"__VITE_ASSET__DNyHZB3s__\"","<template>\n  <div class=\"\">\n    <div class=\"relative container\">\n      <p\n        class=\"px-4 xl:px-0 font-lato font-semibold text-xl lg:text-4xl text-primary-900\"\n      >\n        Информация\n      </p>\n      <div class=\"infoSwiper overflow-hidden px-4 pt-3 pb-5 lg:pt-5\">\n        <div class=\"swiper-wrapper\">\n          <div v-for=\"(item, index) in infoList\" class=\"swiper-slide !w-max\">\n            <nuxt-link :to=\"item.href\">\n              <div\n                class=\"py-3 px-5 w-fit flex flex-row items-center space-x-3 rounded-lg\"\n                style=\"box-shadow: 0px 0px 22px 0px #00000014\"\n              >\n                <component\n                  v-bind:is=\"item.icon\"\n                  class=\"w-4 h-4\"\n                  style=\"flex-shrink: 0\"\n                  color=\"#3A405A\"\n                ></component>\n\n                <p class=\"text-lg font-lato font-semibold text-primary-400\">\n                  {{ item.name }}\n                </p>\n              </div>\n            </nuxt-link>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { Swiper } from \"swiper\";\nimport \"swiper/css/bundle\";\nimport IconDelivery from \"./p-icon/p-icon-delivery.vue\";\nimport IconPhone from \"./p-icon/p-icon-phone.vue\";\nimport IconMenu from \"./p-icon/p-icon-menu.vue\";\n\nconst infoList = reactive([\n  {\n    name: \"Каталог\",\n    icon: IconMenu,\n    href: \"/catalog\",\n  },\n  {\n    name: \"Контакты\",\n    icon: IconPhone,\n    href: \"/contacts\",\n  },\n  {\n    name: \"Доставка\",\n    icon: IconDelivery,\n    href: \"/delivery\",\n  },\n]);\n\nonMounted(() => {\n  const swiper = new Swiper(\".infoSwiper\", {\n    // freeMode: true,\n    spaceBetween: 16,\n    // loop: true,\n    slidesPerView: \"auto\",\n    breakpoints: {\n      320: {\n        slidesPerView: 2.2,\n      },\n      640: {\n        slidesPerView: 3,\n      },\n      // 1024: {\n      //   slidesPerView: 3,\n      // },\n      // 1280: {\n      //   slidesPerView: 4,\n      // },\n    },\n  });\n\n  return { swiper };\n});\n</script>\n\n<style scoped>\n@media (min-width: 1200px) {\n  .container {\n    max-width: 1210px !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n  }\n}\n</style>\n","<script setup>\nconst { $get } = useAxios();\n\nconst { data: popularProducts, pending: isLoading } = await useAsyncData(\n  \"get popular products limit 4\",\n  () =>\n    $get(\n      `/api/v1/product?limit=4&filter=isPublished||$eq||true;isPopular||$eq||true&sort=publishedDate,DESC`\n    ),\n  { server: false }\n);\n</script>\n\n<template>\n  <div v-if=\"!isLoading\">\n    <div v-if=\"popularProducts && popularProducts.length\">\n      <div\n        class=\"container px-4 xl:px-0 flex flex-row space-x-2 items-end justify-between\"\n      >\n        <p class=\"font-lato font-semibold text-xl lg:text-4xl text-primary-900\">\n          Популярно\n        </p>\n        <nuxt-link\n          to=\"/popular\"\n          class=\"font-lato flex flex-row items-center text-secondary-200 space-x-1 text-sm\"\n        >\n          <p>Смотреть еще</p>\n          <p-icon-arrow\n            class=\"w-3 h-3 !-rotate-90 mt-0.5\"\n            color=\"#FFA267\"\n          ></p-icon-arrow\n        ></nuxt-link>\n      </div>\n      <ClientOnly>\n        <p-slider-product :products=\"popularProducts\"></p-slider-product>\n      </ClientOnly>\n    </div>\n  </div>\n  <div v-else class=\"container mb-4 px-4 xl:px-0\">\n    <p\n      class=\"font-lato font-semibold pb-5 text-xl lg:text-4xl text-primary-900\"\n    >\n      Популярно\n    </p>\n    <div\n      class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4\"\n    >\n      <p-card-sceleton class=\"\" />\n      <p-card-sceleton class=\"hidden sm:block\" />\n      <p-card-sceleton class=\"hidden lg:block\" />\n      <p-card-sceleton class=\"hidden xl:block\" />\n    </div>\n  </div>\n</template>\n","<template>\n  <div>\n    <nuxt-layout name=\"default\">\n      <section class=\"pt-4 lg:pt-0 overflow-x-hidden\">\n        <div class=\"container hidden lg:grid grid-cols-12 relative pb-4\">\n          <div\n            class=\"w-full h-full z-30 absolute col-start-1 col-end-13\"\n            @mouseover=\"isHover = true\"\n            @mouseleave=\"isHover = false\"\n          >\n            <p-catalog-category-parent\n              :categories=\"categoriesList.categories\"\n            />\n          </div>\n          <p-main-banner\n            class=\"relative col-start-4 col-end-13 pt-5\"\n            :class=\"[isHover ? 'z-0' : 'z-40']\"\n          />\n        </div>\n        <p-main-banner\n          class=\"hidden sm:block lg:hidden pb-4 container px-4 xl:px-0 relative z-0 pt-5 w-full\"\n        />\n        <p-main-banner-mobile\n          class=\"pb-4 container px-4 xl:px-0 sm:hidden px-4 xl:px-0\"\n        />\n        <ClientOnly>\n          <p-info-slider class=\"md:pb-2 lg:hidden\" />\n          <template #fallback>\n            <p-info-slider-sceleton class=\"pb-4 lg:hidden\"></p-info-slider-sceleton>\n          </template>\n        </ClientOnly>\n        <p-popular-products class=\"md:pb-2\" />\n        <p-selection-of-products class=\"md:pb-2\" />\n        <p-viewed-products class=\"pb-3 md:pb-17\" />\n      </section>\n    </nuxt-layout>\n  </div>\n</template>\n\n<script setup>\nimport POSITIVE_LOGO from \"@/assets/img/positive-logo.png\";\nimport { useCategoryStore } from \"~/stores/use-categories-store\";\nconst categoriesList = useCategoryStore();\n\nconst isHover = ref(false);\n\nconst head = computed(() => {\n  return {\n    title: `ООО \"Позитив\"`,\n    meta: [\n      {\n        hid: \"title\",\n        property: \"title\",\n        content: \"Интернет-магазин Позитив\",\n      },\n      {\n        hid: \"og:title\",\n        property: \"og:title\",\n        content: \"Интернет-магазин Позитив\",\n      },\n      {\n        hid: \"description\",\n        name: \"description\",\n        content:\n          \"Позитив - ваш выбор для дома и ремонта. Широкий ассортимент товаров: сантехника, стройматериалы, инструменты. Качество и доступные цены. Покупайте онлайн уже сегодня!\",\n      },\n      {\n        hid: \"og:description\",\n        property: \"og:description\",\n        content:\n          \"Позитив - ваш выбор для дома и ремонта. Широкий ассортимент товаров: сантехника, стройматериалы, инструменты. Качество и доступные цены. Покупайте онлайн уже сегодня!\",\n      },\n      { hid: \"url\", name: \"url\", content: \"https://positive.ooo\" },\n      { hid: \"og:url\", property: \"og:url\", content: \"https://positive.ooo\" },\n      {\n        hid: \"image\",\n        name: \"image\",\n        content: `${POSITIVE_LOGO}`,\n      },\n      {\n        name: \"og:image\",\n        property: \"og:image\",\n        content: `${POSITIVE_LOGO}`,\n      },\n    ],\n  };\n});\n\nuseHead(head);\n</script>\n"],"names":["activeCategoryIndex","ref","isHover","clearHover","hoverCategory","idx","BuildingMaterialsImage","Delivery","infoList","reactive","IconMenu","IconPhone","IconDelivery","onMounted","Swiper","$get","useAxios","popularProducts","isLoading","__temp","__restore","_withAsyncContext","useAsyncData","categoriesList","useCategoryStore","head","computed","POSITIVE_LOGO","useHead"],"mappings":"i6BA2CA,MAAMA,EAAsBC,EAAI,IAAI,EAC9BC,EAAUD,EAAI,EAAK,EAEzB,SAASE,GAAa,CACpBD,EAAQ,MAAQ,GAChBF,EAAoB,MAAQ,IAC9B,CAEA,SAASI,EAAcC,EAAK,CAC1BL,EAAoB,MAAQK,EAC5BH,EAAQ,MAAQ,EAClB,+uBCtDeI,EAAA,GAAA,IAAA,IAAA,yBAAA,YAAA,GAAA,EAAA,KCAAC,EAAA,GAAA,IAAA,IAAA,wBAAA,YAAA,GAAA,EAAA,25IC0Cf,MAAMC,EAAWC,EAAS,CACxB,CACE,KAAM,UACN,KAAMC,GACN,KAAM,UACP,EACD,CACE,KAAM,WACN,KAAMC,EACN,KAAM,WACP,EACD,CACE,KAAM,WACN,KAAMC,GACN,KAAM,WACP,CACH,CAAC,EAED,OAAAC,EAAU,KAsBD,CAAE,OArBM,IAAIC,EAAO,cAAe,CAEvC,aAAc,GAEd,cAAe,OACf,YAAa,CACX,IAAK,CACH,cAAe,GAChB,EACD,IAAK,CACH,cAAe,CAChB,CAOF,CACL,CAAG,CAEc,EAChB,0zCClFD,KAAM,CAAE,KAAAC,CAAI,EAAKC,IAEX,CAAE,KAAMC,EAAiB,QAASC,CAAW,GAAG,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAMC,EAC1D,+BACA,IACEP,EACE,oGACD,EACH,CAAE,OAAQ,EAAO,CACnB,CAAA,+rBCgCA,MAAMQ,EAAiBC,EAAgB,EAEjCtB,EAAUD,EAAI,EAAK,EAEnBwB,EAAOC,EAAS,KACb,CACL,MAAO,gBACP,KAAM,CACJ,CACE,IAAK,QACL,SAAU,QACV,QAAS,0BACV,EACD,CACE,IAAK,WACL,SAAU,WACV,QAAS,0BACV,EACD,CACE,IAAK,cACL,KAAM,cACN,QACE,wKACH,EACD,CACE,IAAK,iBACL,SAAU,iBACV,QACE,wKACH,EACD,CAAE,IAAK,MAAO,KAAM,MAAO,QAAS,sBAAwB,EAC5D,CAAE,IAAK,SAAU,SAAU,SAAU,QAAS,sBAAwB,EACtE,CACE,IAAK,QACL,KAAM,QACN,QAAS,GAAGC,CAAa,EAC1B,EACD,CACE,KAAM,WACN,SAAU,WACV,QAAS,GAAGA,CAAa,EAC1B,CACF,CACL,EACC,EAED,OAAAC,GAAQH,CAAI"}