{"version":3,"sources":["webpack:///./src/views/NewsArticle/NewsArticles.vue","webpack:///./src/views/NewsArticle/NewsArticles.vue?86b6","webpack:///./src/views/NewsArticle/NewsArticles.vue?39af","webpack:///./src/views/NewsArticle/NewsArticles.vue?2500","webpack:///./src/assets/no_webinars.svg","webpack:///./src/views/NewsArticle/NewsArticles.vue?96d3","webpack:///./src/views/NewsArticle/NewsArticles.vue?f066","webpack:///./src/views/NewsArticle/NewsArticles.vue?c64e","webpack:///./src/views/NewsArticle/NewsArticles.vue?1354"],"names":[],"mappings":"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","file":"js/7.js","sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Vue, Component } from \"vue-property-decorator\";\nimport { ComponentOptions } from \"vue/types/options\";\n\nimport { take } from \"rxjs/operators\";\n\nimport CityDarkBGComponent from \"@/components/core/backgrounds/CityDarkBG.vue\";\nimport MediaCarouselComponent from \"@/components/media/carousel/MediaCarousel.vue\";\nimport SlideGroupComponent from \"@/components/media/slide-group/SlideGroup.vue\";\nimport CarouselPageSkeletonLoader from \"@/components/media/carousel/CarouselPageSkeletonLoader.vue\";\n\nimport { DCSLanguageService, NewsArticleService, MetaService } from \"@/services\";\nimport { NewsArticle } from \"@/types/news-article.interface\";\n\nimport VueMarkdown from \"vue-markdown\";\nimport ShareButtonComponent from \"@/components/products/buttons/ShareButton.vue\";\n\nconst metaInfo: ComponentOptions[\"metaInfo\"] = {\n title: \"What's new in Dow Building Science?\",\n meta: [\n {\n vmid: \"description\",\n name: \"description\",\n content:\n \"Catch up on the latest announcements from Dow Building Science.\",\n },\n ],\n};\n\nexport const metaInfoMixin = {\n metaInfo,\n};\n\n@Component({\n mixins: [metaInfoMixin],\n components: {\n CarouselPageSkeletonLoader,\n CityDarkBGComponent,\n MediaCarouselComponent,\n SlideGroupComponent,\n VueMarkdown,\n ShareButtonComponent\n },\n})\nexport default class NewsArticles extends Vue {\n public DCSLanguageService = new DCSLanguageService();\n\n private newsService = new NewsArticleService();\n private metaService = new MetaService();\n\n featuredNewsArticle: NewsArticle | null | undefined = null;\n newsArticles: NewsArticle[] = [];\n\n hasNoNews = false;\n isLoading = true;\n isExpanded = false;\n\n newsSelected(index: number): void {\n this.isExpanded = false;\n this.featuredNewsArticle = this.newsArticles[index];\n }\n\n expandArticle(readMore: boolean): void {\n if (readMore) {\n this.isExpanded = true;\n } else {\n this.isExpanded = false;\n }\n }\n\n private created(): void {\n this.metaService.updateMetaDescription(\"Catch up on the latest announcements from Dow Building Science.\");\n this.metaService.updateMetaTitle(\"What's new in Dow Building Science?\");\n\n this.newsService\n .getNewsArticles()\n .pipe(take(1))\n .subscribe((news: NewsArticle[]) => {\n this.newsArticles = news.sort((a, b) =>\n (a.isFeatured === b.isFeatured)? 0 : a.isFeatured? -1 : 1\n );\n this.featuredNewsArticle = news[0] ?? null;\n if (this.newsArticles.length == 0) \n this.hasNoNews = true;\n this.isLoading = false;\n });\n }\n}\n","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"carousel\" },\n [\n _c(\"div\", { staticClass: \"title\" }, [\n _c(\"h1\", { staticClass: \"white--text\" }, [\n _vm._v(\n \" \" + _vm._s(_vm.DCSLanguageService.translate(\"NewsTitle\")) + \" \"\n )\n ])\n ]),\n _vm.featuredNewsArticle\n ? _c(\"div\", { staticClass: \"text-media-container\" }, [\n _c(\"div\", { staticClass: \"text-container\" }, [\n _c(\"div\", { staticClass: \"title-container\" }, [\n _c(\"h2\", [\n _vm._v(\" \" + _vm._s(_vm.featuredNewsArticle.title) + \" \")\n ]),\n _vm.featuredNewsArticle.externalArticleLink\n ? _c(\n \"div\",\n [\n _c(\"ShareButtonComponent\", {\n attrs: {\n \"share-link\":\n _vm.featuredNewsArticle.externalArticleLink,\n color: \"white\"\n }\n })\n ],\n 1\n )\n : _vm._e()\n ]),\n _c(\"hr\"),\n _c(\"div\", { staticClass: \"text-description\" }, [\n !_vm.isExpanded\n ? _c(\n \"span\",\n [\n _c(\"vue-markdown\", {\n staticClass: \"show-less\",\n attrs: { source: _vm.featuredNewsArticle.description }\n })\n ],\n 1\n )\n : _vm._e(),\n _vm.featuredNewsArticle.description.length > 1500\n ? _c(\"div\", [\n _c(\"i\", [\n !_vm.isExpanded\n ? _c(\n \"a\",\n {\n staticClass: \"read-more\",\n on: {\n click: function($event) {\n return _vm.expandArticle(true)\n }\n }\n },\n [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.DCSLanguageService.translate(\"ReadOn\")\n ) +\n \"... \"\n )\n ]\n )\n : _vm._e()\n ])\n ])\n : _vm._e(),\n _vm.isExpanded\n ? _c(\n \"span\",\n [\n _c(\"vue-markdown\", {\n staticClass: \"show-more\",\n attrs: { source: _vm.featuredNewsArticle.description }\n })\n ],\n 1\n )\n : _vm._e()\n ]),\n _c(\"i\", [\n _vm.isExpanded\n ? _c(\n \"a\",\n {\n staticClass: \"read-more\",\n on: {\n click: function($event) {\n return _vm.expandArticle(false)\n }\n }\n },\n [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.DCSLanguageService.translate(\"ReadLess\")\n ) +\n \"... \"\n )\n ]\n )\n : _vm._e()\n ])\n ]),\n _c(\n \"div\",\n { staticClass: \"media-container\" },\n [\n _c(\"MediaCarouselComponent\", {\n attrs: { media: _vm.featuredNewsArticle.media }\n })\n ],\n 1\n )\n ])\n : _vm._e(),\n _c(\n \"div\",\n { staticClass: \"slide-group-container\" },\n [\n _vm.newsArticles.length\n ? _c(\"SlideGroupComponent\", {\n attrs: { \"carousel-items\": _vm.newsArticles },\n on: { \"item-select\": _vm.newsSelected }\n })\n : _vm._e()\n ],\n 1\n ),\n _vm.hasNoNews\n ? _c(\"div\", { staticClass: \"display-image\" }, [\n _c(\"img\", {\n staticClass: \"display-image\",\n attrs: { src: require(\"@/assets/no_webinars.svg\") }\n }),\n _c(\"h2\", [\n _vm._v(\n \" \" + _vm._s(_vm.DCSLanguageService.translate(\"NoNews\")) + \" \"\n )\n ])\n ])\n : _vm._e(),\n _vm.isLoading ? _c(\"CarouselPageSkeletonLoader\") : _vm._e(),\n _c(\"CityDarkBGComponent\", {\n attrs: { \"modifier-class\": \"dark-bg--fixed\" }\n })\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \"/**\\n This file will be automatically compiled from vue-cli and included before applied styles for Vuetify.\\n\\n *** If you're making variable changes for the app itself, please use the /theme/variables file. ***\\n*/\\n.display-image[data-v-44abde76] {\\n display: block;\\n margin-left: 25%;\\n margin-right: auto;\\n margin-top: 4%;\\n width: 50%;\\n padding-bottom: 5%;\\n}\\n.display-image h2[data-v-44abde76] {\\n font: normal normal bold 30px/40px Roboto;\\n color: white;\\n display: flex;\\n flex-direction: row;\\n justify-content: center;\\n margin-left: 3%;\\n}\\n.read-more[data-v-44abde76] {\\n color: #2E6A8E;\\n font-weight: bold;\\n}\\n.show-less[data-v-44abde76] {\\n height: 20rem;\\n overflow: hidden;\\n}\\n.title-container[data-v-44abde76] {\\n display: flex;\\n justify-content: space-between;\\n}\\n.text-description[data-v-44abde76] {\\n text-align: justify;\\n}\\n.carousel[data-v-44abde76] {\\n margin: 0 auto;\\n max-width: 1920px;\\n padding-top: 7em;\\n}\\n.carousel .title[data-v-44abde76] {\\n display: flex;\\n flex-direction: row;\\n justify-content: center;\\n}\\n.carousel .title h1[data-v-44abde76] {\\n font: normal normal bold 34px/40px Roboto;\\n color: white;\\n text-align: center;\\n}\\n.carousel .text-media-container[data-v-44abde76] {\\n display: flex;\\n flex-direction: row;\\n align-items: center;\\n justify-content: space-between;\\n gap: 4em;\\n padding: 2em 4em;\\n color: white;\\n}\\n.carousel .text-container[data-v-44abde76] {\\n display: flex;\\n flex-direction: column;\\n gap: 10px;\\n width: 50%;\\n}\\n.carousel .text-container h2[data-v-44abde76] {\\n font: normal normal normal 34px/40px Roboto;\\n}\\n.carousel .media-container[data-v-44abde76] {\\n width: 50%;\\n}\\n@media (max-width: 960px) {\\n.carousel .text-container[data-v-44abde76] {\\n width: 100%;\\n}\\n.carousel .text-media-container[data-v-44abde76] {\\n flex-direction: column-reverse;\\n gap: 2em;\\n padding: 2em;\\n}\\n.carousel .media-container[data-v-44abde76] {\\n width: 100%;\\n}\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// style-loader: Adds some css to the DOM by adding a