{"version":3,"sources":["webpack:///./src/views/Article.vue","webpack:///src/views/Article.vue","webpack:///./src/views/Article.vue?af2c","webpack:///./src/views/Article.vue?375e","webpack:///./src/assets/Teamwork.png","webpack:///./src/views/Article.vue?365a"],"names":["render","_vm","this","_c","_self","dataLoaded","staticClass","style","backgroundImage","headerImage","attrs","_v","_s","localize","newsArticle","attributes","title","dateFormat","articleDate","_e","excerpt","domProps","md","content","imageGallery","staticRenderFns","name","components","ImageGallery","data","apollo","query","newsArticleQuery","variables","$route","params","fetchPolicy","notifyOnNetworkStatusChange","update","newsArticles","metaInfo","meta","metaTitle","push","vmid","metaDescription","metaImage","computed","dateOverride","Date","createdAt","getImageUrl","url","require","config","globalPageTitle","titleImage","component","module","exports"],"mappings":"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","file":"js/chunk-6e0c39bc.5a73c26e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.dataLoaded)?_c('div',{staticClass:\"entry-short\",style:({ backgroundImage: 'url(' + _vm.headerImage + ')' }),attrs:{\"id\":\"article-header\"}},[_c('div',{staticClass:\"context shadow\"},[_c('h1',[_vm._v(_vm._s(_vm.localize(_vm.newsArticle.attributes.title)))]),_c('h3',[_vm._v(_vm._s(_vm.dateFormat(_vm.articleDate)))])])]):_vm._e(),(_vm.dataLoaded)?_c('div',{staticClass:\"article\"},[_c('p',{staticClass:\"large text-center\"},[_vm._v(\" \"+_vm._s(_vm.localize(_vm.newsArticle.attributes.excerpt))+\" \")]),_c('p',{staticClass:\"article-content\",domProps:{\"innerHTML\":_vm._s(_vm.md(_vm.localize(_vm.newsArticle.attributes.content)))}}),(_vm.newsArticle.attributes.imageGallery)?_c('ImageGallery',{attrs:{\"cmsBlock\":_vm.newsArticle.attributes.imageGallery}}):_vm._e()],1):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <!-- TODO: Header Image Optimization -->\n        <div v-if=\"dataLoaded\" id=\"article-header\" class=\"entry-short\" v-bind:style=\"{ backgroundImage: 'url(' + headerImage + ')' }\">\n            <div class=\"context shadow\">\n                <h1>{{ localize(newsArticle.attributes.title) }}</h1>\n                <h3>{{ dateFormat(articleDate) }}</h3>\n            </div>\n        </div>\n        <div v-if=\"dataLoaded\" class=\"article\">\n            <p class=\"large text-center\">\n                {{ localize(newsArticle.attributes.excerpt) }}\n            </p>\n            <p class=\"article-content\" v-html=\"md(localize(newsArticle.attributes.content))\"></p>\n            <ImageGallery v-if=\"newsArticle.attributes.imageGallery\" :cmsBlock=\"newsArticle.attributes.imageGallery\"/>\n        </div>\n    </div>\n</template>\n\n<script>\n    import { newsArticleQuery } from '@/queries'\n    import { config } from '@/config'\n    import { dateFormat } from '@/helper'\n\n    export default {\n        name: 'Article',\n\n        components: {\n            ImageGallery: () => import('@/components/PageBuilder/ImageGallery')\n        },\n\n        data() {\n            return {\n                newsArticle: null,\n                dateFormat: dateFormat\n            }\n        },\n\n        apollo: {\n            newsArticle: {\n                query: newsArticleQuery,\n                variables() {\n                    return {\n                        title: this.$route.params.title\n                    }\n                },\n                fetchPolicy: 'network-only',\n                notifyOnNetworkStatusChange: true,\n                update: data => data.newsArticles.data[0]\n            }\n        },\n\n        metaInfo() {\n            var meta = []\n\n            if(this.metaTitle){\n                meta.push({\n                    vmid: 'og:title',\n                    name: 'og:title',\n                    content: this.metaTitle\n                })\n            }\n            if(this.metaDescription){\n                meta.push({\n                    vmid: 'description',\n                    name: 'description',\n                    content: this.metaDescription\n                })\n                meta.push({\n                    vmid: 'og:description',\n                    name: 'og:description',\n                    content: this.metaDescription\n                })\n            }\n            if(this.metaImage){\n                meta.push({\n                    vmid: 'og:image',\n                    name: 'og:image',\n                    content: this.metaImage\n                })\n            }\n\n            return {\n                title: this.metaTitle,\n                meta: meta\n            }\n        },\n\n        computed: {\n            dataLoaded() {\n                return this.newsArticle != null\n            },\n\n            articleDate() {\n                return this.newsArticle.attributes.dateOverride ? new Date(this.newsArticle.attributes.dateOverride) : new Date(this.newsArticle.attributes.createdAt)\n            },\n\n            headerImage() {\n                return this.newsArticle.attributes.headerImage ?\n                    this.getImageUrl(this.localize(this.newsArticle.attributes.headerImage).data.attributes.url) :\n                    require('@/assets/Teamwork.png')\n            },\n\n            metaTitle() {\n                if(this.newsArticle){\n                    var title = this.newsArticle.attributes.metaTitle ? this.localize(this.newsArticle.attributes.metaTitle) : this.localize(this.newsArticle.attributes.title)\n                    return config.globalPageTitle + ' - ' + title\n                } else {\n                    return null\n                }\n            },\n\n            metaDescription() {\n                if(this.newsArticle){\n                    return this.newsArticle.attributes.metaDescription ?\n                        this.localize(this.newsArticle.attributes.metaDescription) : this.localize(this.newsArticle.attributes.excerpt)\n                } else {\n                    return null\n                }\n            },\n\n            metaImage() {\n                if(this.newsArticle) {\n                    return this.newsArticle.attributes.metaImage ? this.newsArticle.attributes.metaImage.data.attributes.url : this.localize(this.newsArticle.attributes.titleImage).data.attributes.url\n                } else {\n                    return null\n                }\n            }\n        }\n    }\n</script>\n\n<style lang=\"scss\">\n    #article-header {\n        background-size: cover;\n        height: 530px;\n\n        .context {\n            padding-left: 30px;\n            padding-right: 30px;\n        }\n\n        h1 {\n            font-size: 76px;\n\n            @include breakpoint('max-width') {\n                font-size: 48px;\n            }\n            @include breakpoint('tablet') {\n                font-size: 32px;\n            }\n        }\n    }\n\n    .article {\n        max-width: 1024px;\n        margin: 0 auto;\n        padding: 0 20px;\n        padding-bottom: 70px;\n\n        p {\n            font-size: 18px;\n            text-align: start;\n\n            &.large {\n                font-size: 30px;\n                text-align: center;\n            }\n        }\n\n        h4 {\n            font-size: 18px;\n        }\n    }\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Article.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Article.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Article.vue?vue&type=template&id=bf36c870\"\nimport script from \"./Article.vue?vue&type=script&lang=js\"\nexport * from \"./Article.vue?vue&type=script&lang=js\"\nimport style0 from \"./Article.vue?vue&type=style&index=0&id=bf36c870&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/Teamwork.b094da7f.png\";","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/lib/loaders/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/lib/index.js??vue-loader-options!./Article.vue?vue&type=style&index=0&id=bf36c870&prod&lang=scss\""],"sourceRoot":""}