{"version":3,"sources":["webpack:///./src/pages/news/index.vue?d901","webpack:///./src/assets/images/news/img1.png","webpack:///./src/components/icons/IconChevronDoubleRight.vue","webpack:///./src/components/icons/IconChevronDoubleRight.vue?c9cf","webpack:///./src/components/news/NewsCard.vue?ae37","webpack:///./src/pages/news/index.vue","webpack:///./src/components/news/NewsCard.vue","webpack:///./src/components/news/NewsCard.vue?4651","webpack:///./src/components/news/NewsCardShimmer.vue","webpack:///./src/components/news/NewsCardShimmer.vue?ef14","webpack:///./src/pages/news/index.vue?1431","webpack:///./src/components/shared/BreadCrumb.vue","webpack:///./src/components/shared/BreadCrumb.vue?5b9f"],"names":["module","exports","xmlns","fill","viewBox","stroke-width","stroke","class","stroke-linecap","stroke-linejoin","d","script","render","style","backgroundStyle","items","breadCrumbItems","$router","go","$apollo","queries","news","loading","page","first","story","index","key","getNews","item","showViewMoreButton","loadMore","src","getImage","alt","title","to","id","getEntityImage","newsDate","name","props","computed","this","thumbnail","entity","logo","parsedDate","Date","news_date","toLocaleDateString","day","month","year","replace","__scopeId","itemPerPage","components","NewsCard","NewsCardShimmer","IconBack","BreadCrumb","label","path","data","paginatorInfo","hasMorePages","apollo","query","methods","fetchMore","variables","updateQuery","previousResult","fetchMoreResult","newNews","newPaginatorInfo","__typename","length","IconChevronDoubleRight","type","Array","required"],"mappings":"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","file":"js/chunk-f65abe18.a42c100d.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/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-v16/dist/index.js??ref--0-1!./index.vue?vue&type=style&index=0&id=7d58dddb&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/img1.5a80e3ed.png\";","<template>\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" class=\"\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5\" />\n    </svg>\n</template>","import { render } from \"./IconChevronDoubleRight.vue?vue&type=template&id=8c99fc1c\"\nconst script = {}\nscript.render = render\n\nexport default script","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/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-v16/dist/index.js??ref--0-1!./NewsCard.vue?vue&type=style&index=0&id=ca65caee&lang=scss&scoped=true\"","<template>\n  <section class=\"h-full w-full flex flex-col\">\n      <div :style=\"backgroundStyle\" class=\"ht-auto sm:ht-300 md:ht-350 lg:ht-400 xl:ht-500 2xl:ht-600 w-full bg-cover bg-no-repeat bg-center relative bg-image\">\n      </div>\n      <div class=\"w-full mt-8 px-8\">\n        <div class=\"container mx-auto\">\n          <bread-crumb :items=\"breadCrumbItems\"></bread-crumb>\n        </div>\n      </div>\n      <div class=\"px-8 my-8\">\n          <div class=\"container mx-auto\">\n              <div class=\"bg-1 text-white px-4 py-2 text-2xl font-bold flex items-center\">\n                <icon-back @click.stop=\"$router.go(-1)\" class=\"zoom-in\"></icon-back>\n                <h1 class=\"ml-2\">Latest News</h1>\n              </div>\n              <div v-if=\"$apollo.queries.news.loading && page == 1\" class=\"mt-8\">\n                  <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-8\">\n                      <news-card-shimmer v-for=\"(story, index) in first\" :key=\"index\"></news-card-shimmer>\n                  </div>\n              </div>\n              <div v-else class=\"mt-8\">\n                  <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-8\">\n                      <news-card v-for=\"(news, index) in getNews\" :key=\"index\" :item=\"news\"></news-card>\n                  </div>\n                  <div v-if=\"showViewMoreButton\" class=\"flex justify-center mt-8\">\n                    <div @click=\"loadMore\" class=\"border border-primary text-white hover:text-primary view-all bg-primary hover:bg-white transition-all duration-200 px-4 py-2 cursor-pointer\">View More</div>\n                  </div>\n              </div>\n              <div class=\"w-full flex justify-end mt-8\">\n                    <back-button></back-button>\n                </div>\n          </div>\n      </div>\n  </section>\n</template>\n\n<script>\nimport gql from 'graphql-tag';\nimport NewsCard from \"../../components/news/NewsCard.vue\";\nimport NewsCardShimmer from \"../../components/news/NewsCardShimmer.vue\";\nimport IconBack from \"../../components/icons/IconBack.vue\";\nimport backgroundImage from '../../assets/images/news/img1.png';\nimport BreadCrumb from  \"../../components/shared/BreadCrumb.vue\";\n\nconst itemPerPage = 12;\n\nexport default {\n    name: \"news\",\n    components: { \n        NewsCard,\n        NewsCardShimmer,\n        IconBack,\n        BreadCrumb,\n    },\n    data() {\n        return {\n            news: [],\n            first: itemPerPage,\n            page: 1,\n            breadCrumbItems: [\n                { label: 'Home', path: '/' },\n                { label: 'Latest News' },\n            ],\n        };\n    },\n    computed: {\n      backgroundStyle () {\n        return {\n          'background-image': `url(${backgroundImage})`\n        }\n      },\n      getNews() {\n        return this.news.data;\n      },\n      showViewMoreButton() {\n        return this.news.paginatorInfo.hasMorePages;\n      },\n    },\n    apollo: {\n        news () {\n            return {\n                query: gql`query GetLatestNews($first: Int!, $page: Int!) {\n                    news(first: $first, page: $page) {\n                        data {\n                            description\n                            id\n                            thumbnail\n                            title\n                            news_date\n                            entity {\n                                logo\n                                entity\n                            }\n                        }\n                        paginatorInfo {\n                            count\n                            currentPage\n                            firstItem\n                            hasMorePages\n                            lastItem\n                            lastPage\n                            perPage\n                            total\n                        }\n                    }\n                }`,\n                variables () {\n                    return {\n                        first: itemPerPage,\n                        page: 1,\n                    }\n                },\n                // fetchPolicy: 'cache-and-network'\n            }\n        },\n    },\n    methods: {\n      loadMore() {\n        this.page += 1;\n        this.$apollo.queries.news.fetchMore({\n          variables: {\n            first: this.first,\n            page: this.page,\n          },\n\n          updateQuery: (previousResult, { fetchMoreResult }) => {\n\n            const newNews = fetchMoreResult.news.data;\n            const newPaginatorInfo = fetchMoreResult.news.paginatorInfo;\n\n            return {\n              news: {\n                __typename: previousResult.news.__typename,\n                data: [...previousResult.news.data, ...newNews],\n                paginatorInfo: newPaginatorInfo,\n              }\n            }\n            \n          }\n        })\n      },\n    },\n\n}\n</script>\n<style lang=\"scss\" scoped>\n.bg-1 {\n  background: linear-gradient(90deg, rgba(34,42,57,1) 0%, rgba(10,66,117,1) 100%);\n}\n@responsive {\n    .ht-auto {\n        height: auto;\n    }\n    .ht-600 {\n        height: 600px;\n    }\n    .ht-500 {\n        height: 500px;\n    }\n    .ht-400 {\n        height: 400px;\n    }\n    .ht-350 {\n        height: 350px;\n    }\n    .ht-300 {\n        height: 300px;\n    }\n}\n.bg-image::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n}\n.text-shadow {\n  text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;\n}\n</style>","<template>\n  <div class=\"h-full w-full flex flex-col bg-white shadow-lg news-card\">\n      <div class=\"w-full relative overflow-hidden\">\n        <img class=\"h-56 w-full object-cover\" :src=\"getImage\" :alt=\"item.title\" />\n        <router-link :to=\"`/news/${item.id}`\" class=\"read-more absolute bottom-0 right-0 left-0 text-center text-white bg-primary overflow-hidden px-4 py-2\">\n            Read More\n        </router-link>\n      </div>\n    <div class=\"flex-auto p-4 flex flex-col\">\n      <h1 class=\"text-primaryLight\">{{ item.title }}</h1>\n      <div class=\"flex-auto flex flex-col justify-end mt-4\">\n        <div class=\"w-full flex justify-between items-end\">\n          <img\n            class=\"h-8\"\n            :src=\"getEntityImage\"\n            alt=\"item.entity.entity\"\n          />\n          <p class=\"text-sm text-slate-500\">{{ newsDate }}</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n    name: \"news-card\",\n    props: [\"item\"],\n    computed: {\n        getImage() {\n            return process.env.VUE_APP_PUBLIC_URL + this.item.thumbnail;\n        },\n        getEntityImage() {\n            return process.env.VUE_APP_PUBLIC_URL + this.item.entity.logo;\n        },\n        newsDate() {\n            const parsedDate = new Date(this.item.news_date);\n            return parsedDate.toLocaleDateString('en-GB', {\n                day: '2-digit',\n                month: '2-digit',\n                year: 'numeric',\n            }).replace(/\\//g, '-');\n        },\n    },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.read-more {\n  max-height: 0;\n  opacity: 0;\n  transition: max-height 1s ease-out, opacity 0.1s ease-out;\n}\n.news-card:hover .read-more {\n  max-height: 100%;\n  opacity: 1;\n}\n.news-card img {\n  transition: transform 0.5s ease-out;\n}\n.news-card:hover img {\n  transform: scale(1.05);\n}\n</style>","import { render } from \"./NewsCard.vue?vue&type=template&id=ca65caee&scoped=true\"\nimport script from \"./NewsCard.vue?vue&type=script&lang=js\"\nexport * from \"./NewsCard.vue?vue&type=script&lang=js\"\n\nimport \"./NewsCard.vue?vue&type=style&index=0&id=ca65caee&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-ca65caee\"\n\nexport default script","<template>\n    <div class=\"h-full w-full flex flex-col bg-white shadow-lg\">\n        <div class=\"h-56 bg-indigo-300 animate-pulse\"></div>\n        <div class=\"flex-auto p-4 flex flex-col\">\n            <h1 class=\"bg-primaryLight h-8 animate-pulse\"></h1>\n            <div class=\"flex-auto flex flex-col justify-end mt-4\">\n                <p class=\"text-sm bg-slate-500 h-4 w-1/3 animate-pulse\"></p>\n            </div>\n        </div>\n    </div>\n</template>","import { render } from \"./NewsCardShimmer.vue?vue&type=template&id=6dff95b4\"\nconst script = {}\nscript.render = render\n\nexport default script","import { render } from \"./index.vue?vue&type=template&id=7d58dddb&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=7d58dddb&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-7d58dddb\"\n\nexport default script","<template>\n    <div class=\"w-full flex items-center\">\n        <div class=\"flex items-center\" v-for=\"(item, index) in items\" :key=\"index\">\n            <router-link v-if=\"item.path\" :to=\"item.path\" class=\"text-primaryLight hover:text-purple-pink cursor-pointer\">{{ item.label }}</router-link>\n            <span v-else class=\"text-purple-pink\">{{ item.label }}</span>\n            <span v-if=\"index < items.length - 1\" class=\"mx-2\">\n                <icon-chevron-double-right class=\"h-6 w-6 text-secondaryLight\"></icon-chevron-double-right>\n            </span>\n        </div>\n    </div>\n</template>\n\n<script>\nimport IconChevronDoubleRight from '../icons/IconChevronDoubleRight.vue';\nexport default {\n    name: \"bread-crumb\",\n    components: {\n        IconChevronDoubleRight,\n    },\n    props: {\n        items: {\n            type: Array,\n            required: true,\n        },\n    },\n};\n</script>","import { render } from \"./BreadCrumb.vue?vue&type=template&id=f23b7472\"\nimport script from \"./BreadCrumb.vue?vue&type=script&lang=js\"\nexport * from \"./BreadCrumb.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}