{"version":3,"sources":["webpack:///./src/assets/images/success_stories/img1.png","webpack:///./src/pages/success-stories/index.vue?97e8","webpack:///./src/components/success-stories/StoryCard.vue?655c","webpack:///./src/components/success-stories/StoryCardShimmer.vue","webpack:///./src/components/success-stories/StoryCardShimmer.vue?eb21","webpack:///./src/components/icons/IconChevronDoubleRight.vue","webpack:///./src/components/icons/IconChevronDoubleRight.vue?c9cf","webpack:///./src/pages/success-stories/index.vue","webpack:///./src/pages/success-stories/index.vue?a509","webpack:///./src/components/success-stories/StoryCard.vue","webpack:///./src/components/success-stories/StoryCard.vue?f4cf","webpack:///./src/components/shared/BreadCrumb.vue","webpack:///./src/components/shared/BreadCrumb.vue?5b9f"],"names":["module","exports","class","script","render","xmlns","fill","viewBox","stroke-width","stroke","stroke-linecap","stroke-linejoin","d","style","backgroundStyle","items","breadCrumbItems","$router","go","$apollo","queries","successStories","loading","page","first","story","index","key","getSuccessStories","item","is-read-more","showViewMoreButton","loadMore","itemPerPage","name","components","StoryCard","StoryCardShimmer","IconBack","BreadCrumb","label","path","computed","this","data","paginatorInfo","hasMorePages","apollo","query","methods","fetchMore","variables","updateQuery","previousResult","fetchMoreResult","newSuccessStories","newPaginatorInfo","__typename","__scopeId","src","getImage","alt","title","description","getEntityImage","entity","isReadMore","to","id","props","IconRightArrow","thumbnail","logo","length","IconChevronDoubleRight","type","Array","required"],"mappings":"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","file":"js/chunk-60610266.af406ace.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/img1.b7432449.png\";","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=43397fa9&lang=scss&scoped=true\"","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!./StoryCard.vue?vue&type=style&index=0&id=25d69d12&lang=scss&scoped=true\"","<template>\n    <div class=\"h-full w-full flex flex-col sm:flex-row shadow-2xl border rounded-lg\">\n        <div class=\"xl:h-72 2xl:h-56 w-full sm:w-72 flex-shrink-0\">\n            <div class=\"h-full w-full bg-indigo-300 animate-pulse rounded-tl-lg rounded-tr-lg sm:rounded-tr-none rounded-bl-none sm:rounded-bl-lg\"></div>\n        </div>\n        <div class=\"flex-grow bg-white p-4 flex flex-col justify-between leading-normal rounded-bl-lg sm:rounded-bl-none rounded-br-lg rounded-tr-none sm:rounded-tr-lg\">\n            <div class=\"mb-6 xl:mb-8\">\n                <div class=\"h-8 bg-gray-600 animate-pulse mb-8\"></div>\n                <p class=\"h-4 bg-gray-300 animate-pulse mb-4\"></p>\n                <p class=\"h-4 bg-gray-300 animate-pulse mb-4\"></p>\n                <p class=\"h-4 bg-gray-300 animate-pulse\"></p>\n            </div>\n            <div class=\"flex justify-start items-center\">\n                <div class=\"flex-shrink-0 mr-2 sm:mr-4\">\n                    <div class=\"w-8 sm:w-10 h-8 sm:h-10 rounded-full bg-indigo-300 animate-pulse\"></div>\n                </div>\n                <div class=\"flex-grow flex flex-col\">\n                    <div class=\"bg-gray-400 animate-pulse h-2 w-1/4 mb-2\"></div>\n                    <div class=\"bg-gray-300 animate-pulse h-2 w-1/5\"></div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>","import { render } from \"./StoryCardShimmer.vue?vue&type=template&id=78b452d9\"\nconst script = {}\nscript.render = render\n\nexport default script","<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","<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\">Alumni Success Stories</h1>\n              </div>\n              <div v-if=\"$apollo.queries.successStories.loading && page == 1\">\n                <story-card-shimmer class=\"mt-8\" v-for=\"(story, index) in first\" :key=\"index\"></story-card-shimmer>\n              </div>\n              <div v-else>\n                <story-card class=\"mt-8\" v-for=\"(story, index) in getSuccessStories\" :key=\"index\" :item=\"story\" :is-read-more=\"true\"></story-card>\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 StoryCard from \"../../components/success-stories/StoryCard.vue\";\nimport StoryCardShimmer from \"../../components/success-stories/StoryCardShimmer.vue\";\nimport IconBack from \"../../components/icons/IconBack.vue\";\nimport backgroundImage from '../../assets/images/success_stories/img1.png';\nimport BreadCrumb from  \"../../components/shared/BreadCrumb.vue\";\n\nconst itemPerPage = 10;\n\nexport default {\n    name: \"success-stories\",\n    components: { \n        StoryCard,\n        StoryCardShimmer,\n        IconBack,\n        BreadCrumb,\n    },\n    data() {\n        return {\n            successStories: [],\n            first: itemPerPage,\n            page: 1,\n            breadCrumbItems: [\n                { label: 'Home', path: '/' },\n                { label: 'Success Stories' },\n            ],\n        };\n    },\n    computed: {\n      backgroundStyle () {\n        return {\n          'background-image': `url(${backgroundImage})`\n        }\n      },\n      getSuccessStories() {\n        return this.successStories.data;\n      },\n      showViewMoreButton() {\n        return this.successStories.paginatorInfo.hasMorePages;\n      },\n    },\n    apollo: {\n        successStories () {\n            return {\n                query: gql`query GetPageSuccessStories($first: Int!, $page: Int!) {\n                    successStories(first: $first, page: $page) {\n                        data {\n                            name\n                            description\n                            id\n                            thumbnail\n                            title\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.successStories.fetchMore({\n          variables: {\n            first: this.first,\n            page: this.page,\n          },\n\n          updateQuery: (previousResult, { fetchMoreResult }) => {\n\n            const newSuccessStories = fetchMoreResult.successStories.data;\n            const newPaginatorInfo = fetchMoreResult.successStories.paginatorInfo;\n\n            return {\n              successStories: {\n                __typename: previousResult.successStories.__typename,\n                data: [...previousResult.successStories.data, ...newSuccessStories],\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>","import { render } from \"./index.vue?vue&type=template&id=43397fa9&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=43397fa9&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-43397fa9\"\n\nexport default script","<template>\n    <div class=\"h-full w-full flex flex-col sm:flex-row shadow-2xl border rounded-lg\">\n        <div class=\"xl:h-72 2xl:min-h-56 w-full sm:w-72 flex-shrink-0\">\n            <img class=\"h-full w-full object-contain bg-indigo-50 rounded-tl-lg rounded-tr-lg sm:rounded-tr-none rounded-bl-none sm:rounded-bl-lg\" :src=\"getImage\" alt=\"thumbnail\">\n        </div>\n        <div class=\"bg-white p-4 flex flex-col justify-between leading-normal rounded-bl-lg sm:rounded-bl-none rounded-br-lg rounded-tr-none sm:rounded-tr-lg\">\n            <div class=\"mb-6 xl:mb-8\">\n                <div class=\"text-gray-900 font-bold text-base sm:text-lg xl:text-xl mb-2\" v-html=\"item.title\"></div>\n                <p class=\"text-gray-700 text-sm sm:text-base\" v-html=\"item.description\"></p>\n            </div>\n            <div class=\"flex justify-between items-center\">\n                <div class=\"flex items-center\">\n                    <img class=\"w-8 sm:w-10 h-8 sm:h-10 rounded-full mr-2 sm:mr-4 object-contain border\" :src=\"getEntityImage\" alt=\"thumbnail\">\n                    <div class=\"text-xs sm:text-sm\">\n                        <p class=\"text-gray-900 leading-none uppercase\">{{ item.name }}</p>\n                        <p class=\"text-gray-600\">{{ item.entity.entity }}</p>\n                    </div>\n                </div>\n                <div>\n                <router-link v-if=\"isReadMore\" :to=\"`/success-stories/${item.id}`\" class=\"h-full w-full flex justify-center items-center cursor-pointer border border-primary text-white hover:text-primary view-all bg-primary hover:bg-white transition-all duration-200 px-4 py-2\">\n                    <div class=\"leading-none mr-1 text\">Read more</div>\n                    <icon-right-arrow class=\"w-5 h-5 icon transition-all duration-200 ease-bounce\"></icon-right-arrow>\n                </router-link>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport IconRightArrow from \"../icons/IconRightArrow.vue\";\nexport default {\n    name: \"story-card\",\n    props: [\"item\", \"isReadMore\"],\n    components: {\n        IconRightArrow,\n    },\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    },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.view-all {\n  &:hover {\n    .text {\n      font-weight: 600;\n    }\n    .icon {\n      transform: translateX(0.25rem);\n    }\n  }\n}\n.ease-bounce {\n    transition-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1.3);\n}\n</style>","import { render } from \"./StoryCard.vue?vue&type=template&id=25d69d12&scoped=true\"\nimport script from \"./StoryCard.vue?vue&type=script&lang=js\"\nexport * from \"./StoryCard.vue?vue&type=script&lang=js\"\n\nimport \"./StoryCard.vue?vue&type=style&index=0&id=25d69d12&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-25d69d12\"\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":""}