{"version":3,"file":"_nuxt/twCAdqf2.js","sources":["../../../../components/Product/ProductModal.vue","../../../../components/Main/MainCategoryFactoid.vue","../../../../composables/useProductModal.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PropType } from 'vue'\n\n/* Types */\nimport { ProductDialog } from '@/types/api/api-v3/product'\n\n/* Components */\nconst ProductDialogContent = defineAsyncComponent(\n  () => import('@/components/Product/ProductDialogContent.vue'),\n)\n\nconst props = defineProps({\n  productDialog: {\n    type: Object as PropType<ProductDialog>,\n    required: true,\n  },\n})\n\nconst emit = defineEmits(['closeDialogProduct'])\n\nconst { isMobile } = useDevice()\n\nconst closeDialogProduct = () => {\n  emit('closeDialogProduct')\n}\n</script>\n\n<template>\n  <client-only>\n    <v-dialog\n      v-if=\"props.productDialog.visible && props.productDialog.currentProduct\"\n      v-bind=\"$attrs\"\n      ref=\"dialog\"\n      :model-value=\"props.productDialog.visible\"\n      :max-width=\"'794'\"\n      :fullscreen=\"isMobile\"\n      @update:model-value=\"closeDialogProduct\"\n      @keydown.esc=\"closeDialogProduct\"\n    >\n      <product-dialog-content\n        :product=\"props.productDialog.currentProduct\"\n        :products=\"props.productDialog.productList\"\n        @close-dialog-product=\"closeDialogProduct\"\n      />\n    </v-dialog>\n  </client-only>\n</template>\n","<script setup lang=\"ts\">\nimport { PropType } from 'vue'\n\nimport { Factoid } from '@/types/api/api-v3/slider'\n\nconst props = defineProps({\n  factoid: {\n    type: Object as PropType<Factoid>,\n    required: true,\n  },\n  isCategoryPage: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n})\n</script>\n\n<template>\n  <nuxt-link :to=\"props.factoid.url\" class=\"factoid\">\n    <nuxt-img\n      :src=\"props.factoid.image\"\n      width=\"270\"\n      height=\"410\"\n      format=\"webp\"\n      alt=\"\"\n      class=\"factoid__image\"\n    />\n    <div class=\"factoid__text\">\n      <span class=\"factoid__title\">{{ props.factoid.title }}</span>\n      <div\n        v-if=\"props.factoid.description && isCategoryPage\"\n        class=\"factoid__desc\"\n      >\n        {{ props.factoid.description }}\n      </div>\n    </div>\n  </nuxt-link>\n</template>\n\n<style lang=\"scss\" scoped>\n.factoid {\n  position: relative;\n  display: block;\n  width: 270px;\n  height: 100%;\n  max-height: 410px;\n  cursor: pointer;\n  @include media('>=tablet', '<=desktop-mini') {\n    height: 100%;\n    min-height: 327px;\n  }\n  @include media('<=tablet') {\n    width: 100%;\n    height: 90%;\n    min-height: 240px;\n  }\n  @include media('<=portrait-phone') {\n    height: 90%;\n    min-height: 240px;\n  }\n\n  &__image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 30px;\n  }\n\n  &__text {\n    position: absolute;\n    top: 0;\n    left: 0;\n    display: flex;\n    flex-direction: column;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    width: 100%;\n    height: 100%;\n    padding: 40px 36px;\n    @include media('>=tablet', '<=desktop-mini') {\n      padding: 30px 25px;\n    }\n    @include media('<=tablet') {\n      padding: 24px 20px;\n    }\n  }\n\n  &__title {\n    display: block;\n    max-width: 200px;\n    margin: 0;\n    font-size: 26px;\n    font-weight: 900;\n    line-height: 31px;\n    color: $white;\n    @include media('>=tablet', '<=desktop-mini') {\n      font-size: 20px;\n    }\n    @include media('<=tablet') {\n      font-size: 16px;\n      line-height: 19px;\n    }\n  }\n\n  &__desc {\n    margin-top: 5px;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 17px;\n    color: $white;\n    @include media('<=desktop-mini') {\n      font-size: 12px;\n    }\n  }\n}\n</style>\n","import { ProductDialog } from '@/types/api/api-v3/product'\n\nexport const useProductModal = () => {\n  const productDialog = ref<ProductDialog>({\n    currentProduct: null,\n    productList: [],\n    visible: false,\n  })\n\n  const openDialogProduct = (productDialogData: ProductDialog) => {\n    productDialog.value = productDialogData\n  }\n\n  const closeDialogProduct = () => {\n    productDialog.value = {\n      currentProduct: null,\n      productList: [],\n      visible: false,\n    }\n  }\n\n  return {\n    productDialog,\n    openDialogProduct,\n    closeDialogProduct,\n  }\n}\n"],"names":["ProductDialogContent","defineAsyncComponent","__vitePreload","props","__props","emit","__emit","isMobile","useDevice","closeDialogProduct","useProductModal","productDialog","ref","productDialogData"],"mappings":";;;;;;;;wtBAOA,MAAMA,EAAuBC,EAC3B,IAAMC,EAAA,WAAO,eAA+C,4IAGxDC,EAAQC,EAORC,EAAOC,EAEP,CAAE,SAAAC,GAAaC,IAEfC,EAAqB,IAAM,CAC/BJ,EAAK,oBAAoB,ktBClB3B,MAAMF,EAAQC,wZCHDM,EAAkB,IAAM,CACnC,MAAMC,EAAgBC,EAAmB,CACvC,eAAgB,KAChB,YAAa,CAAC,EACd,QAAS,GACV,EAcM,OACL,cAAAD,EACA,kBAdyBE,GAAqC,CAC9DF,EAAc,MAAQE,CAAA,EActB,mBAXyB,IAAM,CAC/BF,EAAc,MAAQ,CACpB,eAAgB,KAChB,YAAa,CAAC,EACd,QAAS,GACX,CAMA,CAEJ","debug_id":"c688f819-9742-537b-ab3a-c01a2ace48c1"}