{"version":3,"sources":["webpack:///./src/pages/Projects.vue","webpack:///./src/components/ProjectGallery.vue","webpack:///./src/components/ProjectGallery.vue?e3de","webpack:///./src/pages/Projects.vue?d9bf","webpack:///./src/components/ProjectGallery.vue?1b45"],"names":["class","filter","selectedCat","categories","item","index","key","previews","preview","category","to","id","src","imgSrc","alt","name","el","data","methods","selection","this","shuffle","_","groupBy","filterCategories","Set","map","mounted","__exports__","components","Header","Offcanvas","ProjectGallery","Footer","render"],"mappings":"4IACOA,MAAM,wB,2MAAX,eAeM,MAfN,EAeM,CAbA,eAA2B,GAE3B,eAAiB,GAGjB,eAAuB,GAGvB,eAAiC,GAGjC,eAAiB,K,oDCZhBA,MAAM,kB,GAEFA,MAAM,a,EAGP,eAEM,OAFDA,MAAM,qBAAmB,CAC1B,eAAuC,MAAnCA,MAAM,SAAQ,sB,MAKjBA,MAAM,e,GACHA,MAAM,a,iBAWbA,MAAM,oC,GAGFA,MAAM,+B,GACFA,MAAM,0B,GAMMA,MAAM,kB,GACFA,MAAM,kB,mBAGNA,MAAM,mB,GACHA,MAAM,S,GAGPA,MAAM,Y,oFAzCzC,eAuDM,MAvDN,EAuDM,CArDF,eAmBM,MAnBN,EAmBM,CAhBF,EAMA,eAOM,MAPN,EAOM,CANF,eAKK,KALL,EAKK,CAJD,eAA4E,MAAvE,QAAK,+BAAE,EAAAC,OAAM,SAAUD,MAAK,uBAAsB,QAAX,EAAAE,eAAwB,MAAG,I,mBACvE,eAEK,2BAFuB,EAAAC,YAAU,SAA1BC,EAAMC,G,wBAAlB,eAEK,MAFoCC,IAAKD,EAAQ,QAAK,mBAAE,EAAAJ,OAAOG,IAAQJ,MAAK,uBAAW,EAAAE,cAAgBE,K,eACtGA,GAAI,S,YAQtB,eA8BM,MA9BN,EA8BM,CA3BF,eAwBM,MAxBN,EAwBM,CAvBF,eAsBM,MAtBN,EAsBM,E,mBApBF,eAkBM,2BAlBiB,EAAAG,UAAQ,SAAnBC,G,wBAAZ,eAkBM,OAlB4BF,IAAKE,EAASR,MAAM,wC,CAGvC,EAAAE,cAAgBM,EAAQC,UAAuB,QAAX,EAAAP,a,iBAA/C,eAYM,O,MAZiEF,MAAK,0BAAeQ,EAAQC,W,CAC/F,eAUM,MAVN,EAUM,CATF,eAEM,MAFN,EAEM,CADF,eAAwG,GAA1FC,GAAE,mBAAcF,EAAQG,K,yBAAM,iBAA8C,CAA9C,eAA8C,OAAxCC,IAAKJ,EAAQK,OAASC,IAAKN,EAAQM,K,kCAEzF,eAKM,MALN,EAKM,CAJF,eAEK,KAFL,EAEK,CADD,eAA0E,GAA5DJ,GAAE,mBAAcF,EAAQG,K,yBAAM,iBAAgB,C,8BAAdH,EAAQO,MAAI,O,oBAE9D,eAA4C,IAA5C,EAA4C,eAAtBP,EAAQC,UAAQ,Q,6DAmB3D,G,kDAAA,CACXO,GAAI,OACJC,KAFW,WAGP,MAAM,CACFV,SAAU,CACN,CACII,GAAI,EACJE,OAAQ,gCACRC,IAAK,gBACLC,KAAM,oBACNN,SAAU,cAEd,CACIE,GAAI,EACJE,OAAQ,gCACRC,IAAK,gBACLC,KAAM,iBACNN,SAAU,YAEd,CACIE,GAAI,EACJE,OAAQ,gCACRC,IAAK,gBACLC,KAAM,6BACNN,SAAU,cAEd,CACIE,GAAI,EACJE,OAAQ,gCACRC,IAAK,gBACLC,KAAM,cACNN,SAAU,UAEd,CACIE,GAAI,EACJE,OAAQ,gCACRC,IAAK,gBACLC,KAAM,gBACNN,SAAU,UAEd,CACIE,GAAI,EACJE,OAAQ,gCACRC,IAAK,gBACLC,KAAM,6BACNN,SAAU,YAEd,CACIE,GAAI,EACJE,OAAQ,gCACRC,IAAK,gBACLC,KAAM,oBACNN,SAAU,cAEd,CACIE,GAAI,EACJE,OAAQ,gCACRC,IAAK,gBACLC,KAAM,yBACNN,SAAU,YAEd,CACIE,GAAI,EACJE,OAAQ,gCACRC,IAAK,gBACLC,KAAM,6BACNN,SAAU,eAGlBP,YAAa,MACbC,WAAY,KAGpBe,QAAS,CACLjB,OADK,SACEkB,GACHC,KAAKlB,YAAciB,GAEvBE,QAAS,WACLD,KAAKb,SAAWe,EAAED,QAAQD,KAAKb,UAAUgB,QAAQ,aAErDC,iBAAkB,WACdJ,KAAKjB,WAAL,eAAsB,IAAIsB,IAAIL,KAAKb,SAASmB,KAAI,SAAAtB,GAAG,OAAKA,EAAKK,gBAGrEkB,QApFW,WAqFPP,KAAKI,sB,iCC5Ib,MAAMI,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,KAErD,Q,YFiBE,GACbC,WAAY,CACVC,SAAA,KACAC,YAAA,KACAC,iBACAC,SAAA,OG1BN,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,gB,kCCPf,W","file":"js/chunk-19964bb7.74f27a8f.js","sourcesContent":["<template>\n  <div class=\"main-wrapper dark-bg\">\n\n        <router-view></router-view>\n        <!-- Navbar section -->\n        <Header></Header>\n\n        <!-- Offcanvas section -->\n        <Offcanvas></Offcanvas>\n\n        <!-- ProjectGallery Section -->\n        <ProjectGallery></ProjectGallery>\n\n        <!-- Footer section -->\n        <Footer></Footer>\n\n  </div>\n</template>\n\n<script>\n\n  import Header from '@/components/Header'\n  import Offcanvas from '@/components/Offcanvas'\n  import ProjectGallery from '@/components/ProjectGallery'\n  import Footer from '@/components/Footer'\n\n  export default {\n    components: {\n      Header,\n      Offcanvas,\n      ProjectGallery,\n      Footer\n    }\n  }\n</script>\n","<template>\n    <!-- Project Start -->\n    <div class=\"section pb-10\">\n\n        <div class=\"container\">\n            \n            <!-- Page Banner Title Start -->\n            <div class=\"page-banner-title\">\n                <h2 class=\"title\"> Latest Projects</h2>\n            </div>\n            <!-- Page Banner Title End -->\n\n            <!-- Filter  Section Start -->\n            <div class=\"filter-menu\">\n                <ul class=\"menu-list\">\n                    <li @click=\"filter('all')\" :class=\"{active: selectedCat === 'all'}\">All</li>\n                    <li v-for=\"(item, index) in categories\" :key=\"index\" @click=\"filter(item)\" :class=\"{active: selectedCat === item}\">\n                        {{item}}\n                    </li>\n                </ul>\n            </div>\n            <!-- Filter  Section End -->\n\n        </div>\n        \n        <div class=\"custom-container container-fluid\">\n\n            <!-- Project Section Start -->\n            <div class=\"project-section mt-n4 mb-10\">\n                <div class=\"project-responsive row\">\n\n                    <div v-for=\"preview in previews\" :key=\"preview\" class=\"singleproject-view col-xl-4 col-md-6\">\n\n                        <!-- Single Project Start -->\n                        <div v-if=\"selectedCat === preview.category || selectedCat === 'all'\" :class=\"'preview ' + preview.category\">\n                            <div class=\"single-project\">\n                                <div class=\"project-images\">\n                                    <router-link :to=\"`/project/${preview.id}`\"><img :src=\"preview.imgSrc\" :alt=\"preview.alt\"></router-link>\n                                </div>\n                                <div class=\"project-content\">\n                                    <h4 class=\"title\">\n                                        <router-link :to=\"`/project/${preview.id}`\">{{preview.name}}</router-link>\n                                    </h4>\n                                    <p class=\"category\">{{preview.category}}</p>\n                                </div>\n                            </div>\n                        </div>\n                        <!-- Single Project End -->\n\n                    </div>\n\n                </div>\n            </div>\n            <!-- Project Section End -->\n\n        </div>\n\n    </div>\n    <!-- Project End -->\n</template>\n\n<script>\nexport default {\n    el: '#app',\n    data () {\n        return{\n            previews: [\n                {\n                    id: 1,\n                    imgSrc: \"/images/project/project-1.jpg\",\n                    alt: 'Project Image',\n                    name: 'Figma Free UI Kit',\n                    category: 'Web Design'\n                },\n                {\n                    id: 2,\n                    imgSrc: \"/images/project/project-2.jpg\",\n                    alt: 'Project Image',\n                    name: 'AZA Social App',\n                    category: 'Branding'\n                },\n                {\n                    id: 3,\n                    imgSrc: \"/images/project/project-3.jpg\",\n                    alt: 'Project Image',\n                    name: 'Allen Carter Business Card',\n                    category: 'Mobile App'\n                },\n                {\n                    id: 4,\n                    imgSrc: \"/images/project/project-4.jpg\",\n                    alt: 'Project Image',\n                    name: 'CBD Gummies',\n                    category: 'Motion'\n                },\n                {\n                    id: 5,\n                    imgSrc: \"/images/project/project-5.jpg\",\n                    alt: 'Project Image',\n                    name: 'THINK Rebrand',\n                    category: 'Motion'\n                },\n                {\n                    id: 6,\n                    imgSrc: \"/images/project/project-6.jpg\",\n                    alt: 'Project Image',\n                    name: 'Allen Carter Business Card',\n                    category: 'Branding'\n                },\n                {\n                    id: 7,\n                    imgSrc: \"/images/project/project-7.jpg\",\n                    alt: 'Project Image',\n                    name: 'B&OPlay Headphone',\n                    category: 'Web Design'\n                },\n                {\n                    id: 8,\n                    imgSrc: \"/images/project/project-8.jpg\",\n                    alt: 'Project Image',\n                    name: 'Nordic Interior Studio',\n                    category: 'Branding'\n                },\n                {\n                    id: 9,\n                    imgSrc: \"/images/project/project-9.jpg\",\n                    alt: 'Project Image',\n                    name: 'Allen Carter Business Card',\n                    category: 'Web Design'\n                }\n            ],\n            selectedCat: 'all',\n            categories: []\n        }\n    },\n    methods: {\n        filter(selection) {\n            this.selectedCat = selection;\n        },\n        shuffle: function () {\n            this.previews = _.shuffle(this.previews).groupBy('category')\n        },\n        filterCategories: function(){\n            this.categories = [...new Set(this.previews.map(item => item.category))];\n        }\n    },\n    mounted(){\n        this.filterCategories();\n    }\n}\n</script>\n\n<style lang=\"scss\">\n        .singleproject-view:empty {\n            display: none;\n        };\n        .preview {\n            opacity: 0;\n            animation: appear .5s ease-in-out forwards;\n        };\n        @keyframes appear {\n            to {width: 100%; opacity: 1;}\n        }\n\n</style>\n","import { render } from \"./ProjectGallery.vue?vue&type=template&id=4388b301\"\nimport script from \"./ProjectGallery.vue?vue&type=script&lang=js\"\nexport * from \"./ProjectGallery.vue?vue&type=script&lang=js\"\n\nimport \"./ProjectGallery.vue?vue&type=style&index=0&id=4388b301&lang=scss\"\n\nimport exportComponent from \"/opt/buildhome/repo/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./Projects.vue?vue&type=template&id=b2f32858\"\nimport script from \"./Projects.vue?vue&type=script&lang=js\"\nexport * from \"./Projects.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/opt/buildhome/repo/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","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/cli-service/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/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./ProjectGallery.vue?vue&type=style&index=0&id=4388b301&lang=scss\""],"sourceRoot":""}