{"version":3,"sources":["webpack:///./src/views/BlogArticle.vue?b585","webpack:///./src/views/BlogArticle.vue","webpack:///src/views/BlogArticle.vue","webpack:///./src/views/BlogArticle.vue?1671","webpack:///./src/views/BlogArticle.vue?026b","webpack:///./src/assets/Teamwork.png"],"names":["render","_vm","this","_c","_self","dataLoaded","staticClass","style","backgroundImage","headerImage","attrs","_m","_e","_v","_s","localize","blogArticle","attributes","title","$t","authors","length","_l","author","index","slug","name","contentCategories","data","dateFormat","articleDate","articleBlocks","staticRenderFns","components","ArticlePageBuilder","ContentCategories","cmsPage","apollo","query","blogArticleQuery","variables","$route","params","fetchPolicy","notifyOnNetworkStatusChange","update","blogArticles","metaInfo","meta","metaTitle","push","vmid","content","metaDescription","metaImage","computed","_this$blogArticle$att","Date","dateOverride","createdAt","getImageUrl","url","require","_this$blogArticle$att2","config","globalPageTitle","_this$blogArticle$att3","excerpt","titleImage","map","_author$name2","team_member","_author$name","hasProfilePage","component","module","exports"],"mappings":"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","file":"js/chunk-94bcc67a.695dd93d.js","sourcesContent":["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!./BlogArticle.vue?vue&type=style&index=0&id=1808970c&prod&lang=scss\"","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\"}},[_vm._m(0)]):_vm._e(),(_vm.dataLoaded)?_c('div',{staticClass:\"article\"},[_c('div',{staticClass:\"blog-header\"},[_c('h1',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.localize(_vm.blogArticle.attributes.title)))]),_c('div',{staticClass:\"authors\"},[_vm._v(\" \"+_vm._s(_vm.$t(_vm.authors.length > 1 ? 'authors' : 'author'))+\": \"),_vm._l((_vm.authors),function(author,index){return _c('span',[(author.slug)?_c('router-link',{attrs:{\"to\":`/team/${author.slug}`}},[_vm._v(_vm._s(author.name))]):_c('span',[_vm._v(_vm._s(author.name))]),(index + 1 < _vm.authors.length)?_c('span',[_vm._v(\", \")]):_vm._e()],1)})],2),_c('ContentCategories',{attrs:{\"articleEntity\":\"blog\",\"categories\":_vm.blogArticle.attributes.contentCategories.data}}),_c('p',{staticClass:\"date\"},[_vm._v(_vm._s(_vm.dateFormat(_vm.articleDate)))])],1),_c('ArticlePageBuilder',{attrs:{\"cmsBlocks\":_vm.blogArticle.attributes.articleBlocks}})],1):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"context shadow\"},[_c('h1',[_vm._v(\"Blog\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <!-- TODO: Header Image Optimization -->\n        <div v-if=\"dataLoaded\" id=\"article-header\" class=\"entry-short\"\n            v-bind:style=\"{ backgroundImage: 'url(' + headerImage + ')' }\">\n            <div class=\"context shadow\">\n                <h1>Blog</h1>\n            </div>\n        </div>\n        <div v-if=\"dataLoaded\" class=\"article\">\n            <div class=\"blog-header\">\n                <h1 class=\"title\">{{ localize(blogArticle.attributes.title) }}</h1>\n\n                <div class=\"authors\">\n                    {{ $t(authors.length > 1 ? 'authors' : 'author') }}:\n                    <span v-for=\"(author, index) of authors\">\n                        <router-link :to=\"`/team/${author.slug}`\" v-if=\"author.slug\">{{ author.name }}</router-link>\n                        <span v-else>{{ author.name }}</span>\n                        <span v-if=\"index + 1 < authors.length\">, </span>\n                    </span>\n                </div>\n\n                <ContentCategories articleEntity=\"blog\" :categories=\"blogArticle.attributes.contentCategories.data\" />\n\n                <p class=\"date\">{{ dateFormat(articleDate) }}</p>\n            </div>\n\n            <ArticlePageBuilder :cmsBlocks=\"blogArticle.attributes.articleBlocks\" />\n        </div>\n    </div>\n</template>\n\n<script>\nimport { blogArticleQuery } from '@/queries'\nimport { config } from '@/config'\nimport { dateFormat } from '@/helper'\n\nexport default {\n    name: 'BlogArticle',\n\n    components: {\n        ArticlePageBuilder: () => import('@/components/ArticlePageBuilder'),\n        ContentCategories: () => import('@/components/PageBuilder/ContentCategories.vue')\n    },\n\n    data() {\n        return {\n            cmsPage: null,\n            dateFormat: dateFormat\n        }\n    },\n\n    apollo: {\n        blogArticle: {\n            query: blogArticleQuery,\n            variables() {\n                return {\n                    title: this.$route.params.title\n                }\n            },\n            fetchPolicy: 'network-only',\n            notifyOnNetworkStatusChange: true,\n            update: data => data.blogArticles.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.blogArticle != null\n        },\n\n        articleDate() {\n            return new Date(this.blogArticle.attributes.dateOverride ?? this.blogArticle.attributes.createdAt);\n        },\n\n        headerImage() {\n            return this.blogArticle.attributes.headerImage ?\n                this.getImageUrl(this.localize(this.blogArticle.attributes.headerImage).data.attributes.url) :\n                require('@/assets/Teamwork.png')\n        },\n\n        metaTitle() {\n            if (this.blogArticle) {\n                var title = this.localize(this.blogArticle.attributes.metaTitle ?? this.blogArticle.attributes.title);\n                return config.globalPageTitle + ' - ' + title\n            } else {\n                return null\n            }\n        },\n\n        metaDescription() {\n            return this.blogArticle ? this.localize(this.blogArticle.attributes.metaDescription ?? this.blogArticle.attributes.excerpt) : null;\n        },\n\n        metaImage() {\n            if (this.blogArticle) {\n                return this.blogArticle.attributes.metaImage ? this.blogArticle.attributes.metaImage.data.attributes.url : this.localize(this.blogArticle.attributes.titleImage).data.attributes.url\n            } else {\n                return null\n            }\n        },\n\n        authors() {\n            if (this.blogArticle && this.blogArticle.attributes.authors.length > 0) {\n                return this.blogArticle.attributes.authors.map(author => {\n                    const { data: team_member } = author.team_member;\n\n                    if (team_member && team_member.attributes.name) {\n                        return {\n                            name: author.name ?? team_member.attributes.name,\n                            slug: team_member.attributes.hasProfilePage ? team_member.attributes.slug : null\n                        }\n                    }\n\n                    return {\n                        name: author.name ?? null,\n                        slug: null\n                    };\n                });\n            }\n\n            return null\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: 74px;\n\n        @include breakpoint('tablet') {\n            font-size: 62px;\n        }\n\n        @include breakpoint('mobile') {\n            font-size: 48px;\n        }\n    }\n}\n\n.article {\n    max-width: 900px;\n    margin: 0 auto;\n    padding: 40px 20px;\n    padding-bottom: 70px;\n\n    .blog-header {\n        padding: 0 getSpacing('padding-default-horizontal', 'desktop');\n\n        @include breakpoint('tablet') {\n            padding: 0 getSpacing('padding-default-horizontal', 'tablet');\n        }\n\n        @include breakpoint('mobile') {\n            padding: 0 0;\n        }\n\n        .title {\n            font-size: 30px;\n            text-align: start;\n            margin-bottom: 10px;\n        }\n\n        .date {\n            text-align: start;\n            margin-bottom: 24px;\n            font-weight: thin;\n            font-size: 16px;\n        }\n\n        .authors {\n            margin-bottom:10px;\n        }\n    }\n\n    .excerpt {\n        text-align: start;\n        font-weight: 600;\n        margin-bottom: 24px;\n    }\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!./BlogArticle.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!./BlogArticle.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BlogArticle.vue?vue&type=template&id=1808970c\"\nimport script from \"./BlogArticle.vue?vue&type=script&lang=js\"\nexport * from \"./BlogArticle.vue?vue&type=script&lang=js\"\nimport style0 from \"./BlogArticle.vue?vue&type=style&index=0&id=1808970c&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\";"],"sourceRoot":""}