{"version":3,"sources":["webpack:///./src/views/PensionNews.vue?01db","webpack:///./src/views/PensionNews.vue","webpack:///src/views/PensionNews.vue","webpack:///./src/views/PensionNews.vue?17a3","webpack:///./src/views/PensionNews.vue?e6be"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","fundOrScheme","trusteeWording","directives","name","rawName","attrs","_l","newsArray","news","key","id","on","$event","linkTo","concat","type","indexOf","_k","keyCode","undefined","image","title","_e","snippet","staticRenderFns","mixins","data","metaInfo","$store","state","clientConfig","schemeName","computed","_this","getters","map","newsItem","replace","html","component"],"mappings":"wIAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,KAAK,CAACE,YAAY,+BAA+B,CAACJ,EAAIK,GAAG,UAAUH,EAAG,IAAI,CAACF,EAAIK,GAAG,mHAAmHL,EAAIM,GAAGN,EAAIO,cAAc,SAASP,EAAIM,GAAGN,EAAIQ,gBAAgB,oFAAoFN,EAAG,MAAM,CAACO,WAAW,CAAC,CAACC,KAAK,UAAUC,QAAQ,cAAcP,YAAY,MAAMQ,MAAM,CAAC,sBAAsB,OAAO,gBAAgB,cAAc,mBAAmB,SAASZ,EAAIa,GAAIb,EAAIc,WAAW,SAASC,GAAM,OAAOb,EAAG,MAAM,CAACO,WAAW,CAAC,CAACC,KAAK,eAAeC,QAAQ,mBAAmBK,IAAID,EAAKE,GAAGb,YAAY,iCAAiC,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmBQ,MAAM,CAAC,SAAW,IAAI,KAAO,OAAO,eAAe,SAASM,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOnB,EAAIoB,OAAO,iBAADC,OAAkBN,EAAKE,KAAM,IAAO,MAAQ,CAAC,SAASE,GAAQ,OAAIA,EAAOG,KAAKC,QAAQ,QAAQvB,EAAIwB,GAAGL,EAAOM,QAAQ,QAAQ,GAAGN,EAAOH,IAAI,SAAgB,KAAYhB,EAAIoB,OAAO,iBAADC,OAAkBN,EAAKE,KAAM,IAAO,SAASE,GAAQ,OAAIA,EAAOG,KAAKC,QAAQ,QAAQvB,EAAIwB,GAAGL,EAAOM,QAAQ,QAAQ,GAAGN,EAAOH,IAAI,CAAC,IAAI,aAAoB,KAAYhB,EAAIoB,OAAO,iBAADC,OAAkBN,EAAKE,KAAM,OAAU,MAAiBS,IAAfX,EAAKY,OAAqC,KAAdZ,EAAKY,MAAazB,EAAG,MAAM,CAACE,YAAY,YAAYQ,MAAM,CAAC,IAAMG,EAAKY,MAAM,IAAK,aAAAN,OAAcN,EAAKa,UAAW5B,EAAI6B,KAAK3B,EAAG,KAAK,CAACE,YAAY,sBAAsB,CAACJ,EAAIK,GAAGL,EAAIM,GAAGS,EAAKa,UAAU1B,EAAG,IAAI,CAACF,EAAIK,GAAGL,EAAIM,GAAGS,EAAKe,mBAAkB,QAE9pDC,EAAkB,G,wBCoCP,GACfC,OAAA,CAAAZ,QACAa,KAAA,WACA,UAEAC,SAAA,WACA,OACAN,MAAA,iBAAAP,OAAA,KAAAc,OAAAC,MAAAC,aAAAC,cAGAC,SAAA,CACAzB,UAAA,eAAA0B,EAAA,KAEA,YAAAL,OAAAM,QAAA,mBAAAC,KAAA,SAAAC,GAGA,OAFAA,EAAAb,QAAAa,EAAAb,QAAAc,QAAA,sBAAAJ,EAAAhC,gBACAmC,EAAAE,KAAAF,EAAAE,KAAAD,QAAA,sBAAAJ,EAAAhC,gBACAmC,MAGApC,aAAA,WACA,YAAA4B,OAAAC,MAAAC,aAAA9B,cAEAC,eAAA,WACA,YAAA2B,OAAAC,MAAAC,aAAA7B,kBC7DoV,I,wBCQhVsC,EAAY,eACd,EACA/C,EACAgC,GACA,EACA,KACA,WACA,MAIa,aAAAe,E","file":"js/PensionNews.0b46e0da.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PensionNews.vue?vue&type=style&index=0&id=7b8b5b32&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pageWrapper\"},[_c('div',{staticClass:\"pension-news container\"},[_c('div',{staticClass:\"text-center mt-4 mb-4\"},[_c('h1',{staticClass:\"heading-with-underline mb-4\"},[_vm._v(\"News\")]),_c('p',[_vm._v(\"The articles provided are for general information purposes and do not necessarily impact your benefits from the \"+_vm._s(_vm.fundOrScheme)+\". The \"+_vm._s(_vm.trusteeWording)+\" cannot guarantee that the contents of these articles is correct/up-to-date.\")])]),_c('div',{directives:[{name:\"masonry\",rawName:\"v-masonry\"}],staticClass:\"row\",attrs:{\"transition-duration\":\"0.3s\",\"item-selector\":\".news-outer\",\"horizontal-order\":\"true\"}},_vm._l((_vm.newsArray),function(news){return _c('div',{directives:[{name:\"masonry-tile\",rawName:\"v-masonry-tile\"}],key:news.id,staticClass:\"news-outer clickable col-md-4\"},[_c('div',{staticClass:\"news p-4 rounded\",attrs:{\"tabindex\":\"0\",\"role\":\"link\",\"aria-pressed\":\"false\"},on:{\"click\":function($event){return _vm.linkTo(`/pension-news/${news.id}`, true)},\"keyup\":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.linkTo(`/pension-news/${news.id}`, true)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"space\",32,$event.key,[\" \",\"Spacebar\"]))return null;return _vm.linkTo(`/pension-news/${news.id}`, true)}]}},[(news.image !== undefined && news.image!== '')?_c('img',{staticClass:\"mainImage\",attrs:{\"src\":news.image,\"alt\":`Image for ${news.title}`}}):_vm._e(),_c('h1',{staticClass:\"title h5 mb-3 mt-2\"},[_vm._v(_vm._s(news.title))]),_c('p',[_vm._v(_vm._s(news.snippet))])])])}),0)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"pageWrapper\">\r\n\r\n        <div class=\"pension-news container\">\r\n            <div class=\"text-center mt-4 mb-4\">\r\n                <h1 class=\"heading-with-underline mb-4\">News</h1>\r\n                <p>The articles provided are for general information purposes and do not necessarily impact your benefits from the {{fundOrScheme}}. The {{trusteeWording}} cannot guarantee that the contents of these articles is correct/up-to-date.</p>\r\n            </div>\r\n            <div class=\"row\" v-masonry transition-duration=\"0.3s\" item-selector=\".news-outer\" horizontal-order=\"true\">\r\n                <div\r\n                    class=\"news-outer clickable col-md-4\"\r\n                    v-masonry-tile\r\n                    v-for=\"news in newsArray\"\r\n                    :key=\"news.id\"\r\n                >\r\n                    <div class=\"news p-4 rounded\"\r\n                    @click=\"linkTo(`/pension-news/${news.id}`, true)\"\r\n                    @keyup.enter=\"linkTo(`/pension-news/${news.id}`, true)\"\r\n                    @keyup.space=\"linkTo(`/pension-news/${news.id}`, true)\"\r\n                    tabindex=\"0\"\r\n                    role=\"link\"\r\n                    aria-pressed=\"false\">\r\n                        <img class=\"mainImage\" :src=\"news.image\" v-if=\"news.image !== undefined && news.image!== ''\" :alt=\"`Image for ${news.title}`\"/>\r\n                        <h1 class=\"title h5 mb-3 mt-2\">{{news.title}}</h1>\r\n                        <p>{{news.snippet}}</p>\r\n                        <!-- <div class=\"tags\">\r\n                            <span class=\"tag\" v-for=\"tag in news.tags\" :key=\"tag\">{{tag}}</span>\r\n                        </div> -->\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { linkTo } from '@/assets/mixins/mixins';\r\n\r\nexport default {\r\n    mixins: [linkTo],\r\n    data () {\r\n        return {};\r\n    },\r\n    metaInfo () {\r\n        return {\r\n            title: `Latest news - ${this.$store.state.clientConfig.schemeName}`,\r\n        };\r\n    },\r\n    computed: {\r\n        newsArray () {\r\n            // replace <<trusteeWording>> with trustee wording\r\n            return this.$store.getters['news/sortedNews'].map((newsItem) => {\r\n                newsItem.snippet = newsItem.snippet.replace(/<<trusteeWording>>/g, this.trusteeWording);\r\n                newsItem.html = newsItem.html.replace(/<<trusteeWording>>/g, this.trusteeWording);\r\n                return newsItem;\r\n            });\r\n        },\r\n        fundOrScheme () {\r\n            return this.$store.state.clientConfig.fundOrScheme;\r\n        },\r\n        trusteeWording () {\r\n            return this.$store.state.clientConfig.trusteeWording;\r\n        },\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.pageWrapper{\r\n  background-color: $sectionColor1;;\r\n}\r\n.news {\r\n    background: #ffffff;\r\n    margin-bottom: 20px;\r\n    transition: $generalTransition;\r\n    .mainImage{\r\n        width: calc(100% + 3rem);\r\n    margin-top: -1.5rem;\r\n    margin-left: -1.5rem;\r\n    margin-right: -1.5rem;\r\n    border-radius: 6px 6px 0 0;\r\n    margin-bottom: 10px;\r\n}\r\n    &:hover, &:focus {\r\n        transform: translateY(-3px);\r\n        box-shadow: $boxShadow;\r\n        .title {\r\n            text-decoration: underline;\r\n        }\r\n    }\r\n    .news-date {\r\n        font-size: 12px;\r\n        font-style: italic;\r\n    }\r\n    .news-link {\r\n        color: var(--primaryColour);\r\n    }\r\n    .tags {\r\n        .tag {\r\n            font-size: 12px;\r\n            border: 2px solid var(--secondaryColour);\r\n            border-radius: 6px;\r\n            padding: 2px 5px;\r\n            display: inline-block;\r\n            margin-bottom: 5px;\r\n            margin-right: 5px;\r\n            cursor: pointer;\r\n        }\r\n    }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PensionNews.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PensionNews.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PensionNews.vue?vue&type=template&id=7b8b5b32&scoped=true\"\nimport script from \"./PensionNews.vue?vue&type=script&lang=js\"\nexport * from \"./PensionNews.vue?vue&type=script&lang=js\"\nimport style0 from \"./PensionNews.vue?vue&type=style&index=0&id=7b8b5b32&prod&lang=scss&scoped=true\"\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  \"7b8b5b32\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}