{"version":3,"file":"CYLAce7S.js","sources":["../../../../components/News/NewsCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { SlugNews } from '@/types/api/api-v3/news'\n\ntype Props = {\n  news: SlugNews\n  isLight?: boolean\n  isFull?: boolean\n  withImage?: boolean\n}\n\nconst props = defineProps<Props>()\n\nconst newsCardClasses = computed(() => {\n  return {\n    'news-card--light': props.isLight,\n    'news-card--full': props.isFull,\n  }\n})\n\nconst isShowImage = computed(() => Boolean(props.withImage && props.news.image))\n\nconst date = computed(() => {\n  if (!props.news.date) return ''\n\n  return new Date(props.news.date).toLocaleDateString('ru-RU', {\n    day: 'numeric',\n    month: 'numeric',\n    year: 'numeric',\n  })\n})\n</script>\n\n<template>\n  <div class=\"news-card\" :class=\"newsCardClasses\">\n    <nuxt-img v-if=\"isShowImage\" class=\"news-card__image\" :src=\"news.image\" />\n\n    <div class=\"news-card__date\">{{ 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: var(--ui-text-primary);\n  word-break: break-word;\n  background-color: var(--ui-white);\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: var(--ui-text-secondary);\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: var(--ui-card-shadow);\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: var(--ui-white);\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","isShowImage","date"],"mappings":";;upBAUA,MAAMA,EAAQC,EAERC,EAAkBC,EAAS,KACxB,CACL,mBAAoBH,EAAM,QAC1B,kBAAmBA,EAAM,MAC3B,EACD,EAEKI,EAAcD,EAAS,IAAM,GAAQH,EAAM,WAAaA,EAAM,KAAK,MAAM,EAEzEK,EAAOF,EAAS,IACfH,EAAM,KAAK,KAET,IAAI,KAAKA,EAAM,KAAK,IAAI,EAAE,mBAAmB,QAAS,CAC3D,IAAK,UACL,MAAO,UACP,KAAM,SAAA,CACP,EAN4B,EAO9B","debug_id":"31a384e8-9163-5701-89aa-3f853b262dbd"}