{"version":3,"file":"Db2CYa9Q.js","sources":["../../../../src/components/p-catalog/p-catalog-category-parent.vue","../../../../src/assets/svgs/materials.svg","../../../../src/assets/svgs/delivery.svg","../../../../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__\"","<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\n              class=\"pb-4 lg:hidden\"\n            ></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","$get","useAxios","popularProducts","isLoading","__temp","__restore","_withAsyncContext","useAsyncData","categoriesList","useCategoryStore","head","computed","POSITIVE_LOGO","useHead"],"mappings":"4wBA2CA,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,0uBCtDeI,EAAA,GAAA,IAAA,IAAA,yBAAA,YAAA,GAAA,EAAA,KCAAC,EAAA,GAAA,IAAA,IAAA,wBAAA,YAAA,GAAA,EAAA,s3ICCf,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,8rBCkCA,MAAMQ,EAAiBC,EAAgB,EAEjCf,EAAUD,EAAI,EAAK,EAEnBiB,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,EAAQH,CAAI"}