{"version":3,"sources":["webpack:///./src/views/news.vue","webpack:///./src/views/news.vue?3542","webpack:///./src/views/news.vue?f88f","webpack:///./src/components/elements/NewsItem.vue?0317","webpack:///./src/components/elements/NewsItem.vue","webpack:///./src/components/elements/NewsItem.vue?e6e1"],"names":["class","_createElementVNode","_createElementBlock","_hoisted_1","_hoisted_2","_ctx","news","_hoisted_3","_Fragment","_renderList","oneNews","index","_createBlock","_component_router_link","key","to","id","style","_oneNews$attributes","_oneNews$attributes2","_oneNews$attributes3","_oneNews$attributes4","_createVNode","_component_news_item","title","attributes","text","description","date","publish_date","image","preview","data","url","onClick","_cache","args","$options","showMore","components","NewsItem","page","computed","mapGetters","methods","mapActions","fetchNews","this","created","__exports__","render","src","$props","alt","_toDisplayString","innerHTML","_hoisted_5","props","default","type","String","Number"],"mappings":"8PACOA,MAAM,Q,QACTC,gCAAyC,MAArCD,MAAM,eAAc,gBAAY,I,SAC/BA,MAAM,a,0JAFbE,gCAsBM,MAtBNC,EAsBM,CArBJC,EAC6BC,EAAAC,M,yBAA7BJ,gCAgBM,MAhBNK,EAgBM,E,2BAfNL,gCAccM,cAAA,KAAAC,wBAbeJ,EAAAC,KAAI,CAAvBI,EAASC,K,yBADnBC,yBAccC,EAAA,CAZXC,IAAKH,EACNX,MAAM,aACLe,GAAE,SAAcL,EAAQM,GACzBC,MAAA,4B,8BAEA,SAAAC,EAAAC,EAAAC,EAAAC,EAAA,MAME,CANFC,yBAMEC,EAAA,CALCC,MAAc,OAAPd,QAAO,IAAPA,GAAmB,QAAZQ,EAAPR,EAASe,kBAAU,IAAAP,OAAA,EAAnBA,EAAqBM,MAC5BE,KAAa,OAAPhB,QAAO,IAAPA,GAAmB,QAAZS,EAAPT,EAASe,kBAAU,IAAAN,OAAA,EAAnBA,EAAqBQ,YAC3BC,KAAa,OAAPlB,QAAO,IAAPA,GAAmB,QAAZU,EAAPV,EAASe,kBAAU,IAAAL,OAAA,EAAnBA,EAAqBS,aAC3BC,MAAK,+BAAyC,OAAPpB,QAAO,IAAPA,GAAmB,QAAZW,EAAPX,EAASe,kBAAU,IAAAJ,GAAc,QAAdA,EAAnBA,EAAqBU,QAAQC,YAAI,IAAAX,GAAY,QAAZA,EAAjCA,EAAmCI,kBAAU,IAAAJ,OAAA,EAA7CA,EAA+CY,KACtFjB,GAAIN,EAAQM,I,oHAIjBf,gCAES,UAFDD,MAAM,eAAgBkC,QAAKC,EAAA,KAAAA,EAAA,OAAAC,IAAEC,EAAAC,UAAAD,EAAAC,YAAAF,KAAU,oB,4BASlC,GACbG,WAAY,CACRC,iBAEJR,OACE,MAAO,CACLS,KAAM,IAGVC,SAAU,IACLC,eAAW,CACZrC,KAAM,mBAGVsC,QAAS,IACJC,eAAW,CACZP,SAAU,iBACVQ,UAAW,mBAEbR,WACES,KAAKN,MAAQ,EACbM,KAAKD,UAAUC,KAAKN,QAGxBO,UACED,KAAKD,c,iCC/CX,MAAMG,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,kCCTf,W,kCCAA,W,2DCCOlD,MAAM,Y,aAEJA,MAAM,mB,mBAENA,MAAM,kB,wDAJbE,gCAKM,MALNC,EAKM,CAJJF,gCAAiD,OAA3CkD,IAAKC,EAAAtB,MAAOuB,IAAI,GAAGrD,MAAM,mB,UAC/BC,gCAA8C,MAA9CM,EAA8C+C,6BAAdF,EAAA5B,OAAK,GACrCvB,gCAA4C,KAAzCsD,UAAQH,EAAA1B,KAAM1B,MAAM,kB,UACvBC,gCAA4C,MAA5CuD,EAA4CF,6BAAbF,EAAAxB,MAAI,KAKtB,OACb6B,MAAO,CACLjC,MAAO,CACLkC,QAAS,GACTC,KAAMC,QAERlC,KAAM,CACJgC,QAAS,GACTC,KAAMC,QAERhC,KAAM,CACJ8B,QAAS,GACTC,KAAMC,QAER9B,MAAO,CACL4B,QAAS,GACTC,KAAMC,QAER5C,GAAI,CACF0C,QAAS,EACTC,KAAME,U,iCCvBd,MAAMZ,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,U","file":"js/chunk-5fb8503b.3b0f1e5b.js","sourcesContent":["<template>\n  <div class=\"news\">\n    <h2 class=\"news__title\">Наши новости</h2>\n    <div class=\"news__box\" v-if=\"news\">\n    <router-link\n      v-for=\"(oneNews, index) in news\"\n      :key=\"index\"\n      class=\"news__link\"\n      :to=\"('/news/' + oneNews.id)\"\n      style=\"text-decoration: none;\"\n    >\n      <news-item\n        :title='oneNews?.attributes?.title'\n        :text='oneNews?.attributes?.description'\n        :date='oneNews?.attributes?.publish_date'\n        :image='\"https://berezka64.ru/server\" + oneNews?.attributes?.preview.data?.attributes?.url'\n        :id='oneNews.id'\n      />\n    </router-link>\n    </div>\n    <button class=\"news__button\" @click=\"showMore\">\n      показать еще\n    </button>\n  </div>\n</template>\n\n<script>\nimport { mapGetters, mapActions } from 'vuex'\nimport NewsItem from '@/components/elements/NewsItem'\n  export default {\n    components: {\n        NewsItem\n    },\n    data () {\n      return {\n        page: 1\n      }\n    },\n    computed: {\n      ...mapGetters({\n        news: 'news/GET_NEWS'\n      })\n    },\n    methods: {\n      ...mapActions({\n        showMore: 'news/fetchNews',\n        fetchNews: 'news/fetchNews'\n      }),\n      showMore () {\n        this.page += 1\n        this.fetchNews(this.page)\n      }\n    },\n    created () {\n      this.fetchNews()\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .news {\n    padding: 58px 0 0;\n    max-width: 1080px;\n    margin: 0 auto;\n    @media screen and (max-width: 1300px) {\n      max-width: 620px;\n    }\n    @media screen and (max-width: 680px) {\n      padding: 120px 0 0;\n      max-width: 300px;\n    }\n\n    &__title {\n      font-family: RF Dewi Expanded;\n      font-size: 64px;\n      font-weight: 900;\n      line-height: 77px;\n      text-transform: uppercase;\n      @media screen and (max-width: 1300px) {\n        font-size: 46px;\n        line-height: 55px;\n      }\n      @media screen and (max-width: 680px) {\n        font-size: 24px;\n        line-height: 29px;\n      }\n\n    }\n    &__box {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-start;\n    }\n    &__link {\n      display: block;\n      margin: 25px 14px;\n      @media screen and (max-width: 1300px) {\n        margin: 25px 0;\n      }\n    }\n    &__button {\n      font-family: RF Dewi Expanded;\n      font-size: 18px;\n      font-weight: 900;\n      line-height: 22px;\n      text-align: center;\n      display: block;\n      background-color: white;\n      border-radius: 50px;\n      border: 2px solid #000;\n      padding: 22px 40px;\n      margin: 40px auto 160px;\n    }\n  }\n</style>","import { render } from \"./news.vue?vue&type=template&id=dd2df386&scoped=true\"\nimport script from \"./news.vue?vue&type=script&lang=js\"\nexport * from \"./news.vue?vue&type=script&lang=js\"\n\nimport \"./news.vue?vue&type=style&index=0&id=dd2df386&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/ruslan/birch/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-dd2df386\"]])\n\nexport default __exports__","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./news.vue?vue&type=style&index=0&id=dd2df386&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./NewsItem.vue?vue&type=style&index=0&id=62a6bf7e&lang=scss&scoped=true\"","<template>\n  <div class=\"newsitem\">\n    <img :src=\"image\" alt=\"\" class=\"newsitem__image\">\n    <div class=\"newsitem__title\">{{ title }}</div>\n    <p v-html=\"text\" class=\"newsitem__text\"></p>\n    <div class=\"newsitem__date\">{{ date }}</div>\n  </div>\n</template>\n\n<script>\n  export default {\n    props: {\n      title: {\n        default: '',\n        type: String,\n      },\n      text: {\n        default: '',\n        type: String,\n      },\n      date: {\n        default: '',\n        type: String,\n      },\n      image: {\n        default: '',\n        type: String,\n      },\n      id: {\n        default: 0,\n        type: Number,\n      },\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .newsitem {\n    width: 330px;\n    height: 510px;\n    border: 1px solid #fd9bae;\n    border-radius: 10px;\n    position: relative;\n    color: black;\n\n    @media screen and (max-width: 1300px) {\n      width: 298px;\n      height: 490px;\n    }\n    &__image {\n      object-fit: cover;\n      object-position: center;\n      width: 100%;\n      height: 192px;\n      border-radius: 10px;\n    }\n    &__title {\n      margin: 25px 32px 0;\n      font-family: RF Dewi Expanded;\n      font-size: 16px;\n      font-weight: 900;\n      line-height: 19px;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n      overflow: hidden;\n      @media screen and (max-width: 1300px) {\n        margin: 18px 20px 0;\n      }\n    }\n    &__text {\n      margin: 18px 32px 0;\n      font-family: Montserrat;\n      font-size: 16px;\n      font-weight: 400;\n      line-height: 20px;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 8;\n      overflow: hidden;\n      @media screen and (max-width: 1300px) {\n        margin: 18px 20px 0;\n      }\n    }\n    &__date {\n      font-family: Montserrat;\n      font-size: 12px;\n      font-weight: 500;\n      line-height: 15px;\n      color: #6b6b6b;\n      position: absolute;\n      bottom: 28px;\n      left: 32px;\n      @media screen and (max-width: 1300px) {\n        left: 20px;\n      }\n    }\n  }\n</style>","import { render } from \"./NewsItem.vue?vue&type=template&id=62a6bf7e&scoped=true\"\nimport script from \"./NewsItem.vue?vue&type=script&lang=js\"\nexport * from \"./NewsItem.vue?vue&type=script&lang=js\"\n\nimport \"./NewsItem.vue?vue&type=style&index=0&id=62a6bf7e&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/ruslan/birch/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-62a6bf7e\"]])\n\nexport default __exports__"],"sourceRoot":""}