{"version":3,"file":"lq199jH3.js","sources":["../../../../components/News/NewsCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PropType } from 'vue'\n\n/* Types */\nimport { SlugNews } from '@/types/api/api-v3/news'\n\nconst props = defineProps({\n  news: {\n    type: Object as PropType<SlugNews>,\n    required: true,\n  },\n  isLight: {\n    type: Boolean,\n    required: false,\n  },\n  isFull: {\n    type: Boolean,\n    required: false,\n  },\n  withImage: {\n    type: Boolean,\n    required: false,\n  },\n})\n\nconst newsCardClasses = computed(() => {\n  return {\n    'news-card--light': props.isLight,\n    'news-card--full': props.isFull,\n  }\n})\n\nconst iShowImage = computed(() => Boolean(props.withImage && props.news.image))\n</script>\n\n<template>\n  <div class=\"news-card\" :class=\"newsCardClasses\">\n    <nuxt-img v-if=\"iShowImage\" class=\"news-card__image\" :src=\"news.image\" />\n\n    <div class=\"news-card__date\">{{ news.date }}</div>\n\n    <div class=\"news-card__title\">{{ news.title }}</div>\n\n    <div v-if=\"isFull\" class=\"news-card__content\" v-html=\"news.content\"></div>\n    <div v-else class=\"news-card__description\">{{ news.short_text }}</div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n.news-card {\n  max-width: 282px;\n  height: max-content;\n  padding: 20px;\n  color: $text-black;\n  word-break: break-word;\n  background-color: #fff;\n  border-radius: 20px;\n\n  &__image {\n    width: 100%;\n    height: 147px;\n    margin-bottom: 24px;\n    object-fit: cover;\n    border-radius: 20px;\n  }\n\n  &__date {\n    font-size: 12px;\n    font-weight: 400;\n    color: $unactive-grey;\n  }\n\n  &__title {\n    margin-top: 15px;\n    font-size: 16px;\n    font-weight: 800;\n    line-height: 19px;\n  }\n\n  &__description {\n    margin-top: 5px;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 16px;\n  }\n\n  @include media('<desktop-mini') {\n    &__image {\n      height: 128px;\n    }\n  }\n\n  @include media('<tablet') {\n    width: 100%;\n    max-width: unset;\n\n    &__image {\n      height: 131px;\n    }\n  }\n\n  &--light {\n    box-shadow: 0 6px 30px rgba(50, 52, 72, 0.1);\n\n    .news-card__date {\n      font-weight: 600;\n    }\n\n    .news-card__title {\n      margin-top: 10px;\n      font-size: 16px;\n      font-weight: 800;\n      line-height: 19px;\n    }\n\n    .news-card__description {\n      margin-top: 20px;\n      font-weight: 500;\n    }\n  }\n\n  &--full {\n    width: 100%;\n    max-width: 788px;\n    padding: 40px;\n    background-color: #fff;\n    box-shadow: none;\n\n    .news-card__image {\n      height: 374px;\n      margin-bottom: 40px;\n      border-radius: 40px;\n    }\n\n    .news-card__date {\n      font-size: 14px;\n      font-weight: 600;\n    }\n\n    .news-card__title {\n      margin-top: 10px;\n      font-size: 22px;\n      font-weight: 800;\n      line-height: 19px;\n    }\n\n    .news-card__content {\n      margin-top: 30px;\n\n      :deep {\n        font-size: 14px;\n        font-weight: 500;\n        line-height: 20px;\n\n        a {\n          font-weight: 600;\n        }\n      }\n    }\n\n    @include media('<desktop-mini') {\n      max-width: unset;\n\n      .news-card__image {\n        height: 242px;\n      }\n    }\n\n    @include media('<tablet') {\n      padding: 20px;\n\n      .news-card__image {\n        height: 131px;\n        border-radius: 20px;\n      }\n\n      .news-card__date {\n        font-size: 12px;\n      }\n\n      .news-card__title {\n        font-size: 16px;\n      }\n\n      .news-card__content {\n        margin-top: 20px;\n      }\n    }\n  }\n\n  &--full.news-card--light {\n    max-width: 955px;\n    padding: 0;\n    background-color: inherit;\n\n    @include media('<desktop-mini') {\n      max-width: unset;\n    }\n  }\n}\n</style>\n"],"names":["props","__props","newsCardClasses","computed","iShowImage"],"mappings":";;otBAMA,MAAMA,EAAQC,EAmBRC,EAAkBC,EAAS,KACxB,CACL,mBAAoBH,EAAM,QAC1B,kBAAmBA,EAAM,MAAA,EAE5B,EAEKI,EAAaD,EAAS,IAAM,GAAQH,EAAM,WAAaA,EAAM,KAAK,MAAM","debug_id":"acbb8a2e-6a59-55ec-885c-e17383256ce9"}