{"version":3,"sources":["webpack:///./src/components/Profile/ProfileGallery.vue","webpack:///src/components/Profile/ProfileGallery.vue","webpack:///./src/components/Profile/ProfileGallery.vue?b7a3","webpack:///./src/components/Profile/ProfileGallery.vue?0e83","webpack:///./src/components/Profile/ProfileGallery.vue?e6ee","webpack:///./src/views/apps/Gallery.vue?5a49","webpack:///./src/views/apps/Gallery.vue","webpack:///src/views/apps/Gallery.vue","webpack:///./src/views/apps/Gallery.vue?1174","webpack:///./src/views/apps/Gallery.vue?3286"],"names":["render","_vm","this","_c","_self","staticClass","class","boxMargins","attrs","images","_l","i","key","staticRenderFns","name","props","data","component","_v","path","_m","mounted","components","ProfileGallery"],"mappings":"kHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,SAAS,CAACE,YAAY,cAAcC,MAAM,CAAC,CAAC,iBAAiBL,EAAIM,YAAYC,MAAM,CAAC,OAASP,EAAIQ,SAASR,EAAIS,GAAI,IAAI,SAASC,GAAG,OAAOR,EAAG,MAAM,CAACS,IAAID,EAAEH,MAAM,CAAC,IAAM,gCAAgCG,EAAE,OAAO,IAAM,sBAAqB,IAAI,IAE1VE,EAAkB,GCSP,GACfC,KAAA,iBACAC,MAAA,eACAC,OACA,OACAP,OAAA,MChBuW,I,wBCQnWQ,EAAY,eACd,EACAjB,EACAa,GACA,EACA,KACA,WACA,MAIa,OAAAI,E,6CCnBf,W,oFCAA,W,yCCAA,IAAIjB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,MAAM,CAACE,YAAY,0DAA0D,CAACF,EAAG,KAAK,CAACF,EAAIiB,GAAG,aAAaf,EAAG,gBAAgB,CAACK,MAAM,CAAC,UAAY,MAAM,CAACL,EAAG,qBAAqB,CAACK,MAAM,CAAC,GAAK,CAAEW,KAAM,OAAQ,CAAChB,EAAG,IAAI,CAACE,YAAY,2BAA2BF,EAAG,qBAAqB,CAACF,EAAIiB,GAAG,UAAUf,EAAG,qBAAqB,CAACF,EAAIiB,GAAG,cAAc,GAAGjB,EAAImB,GAAG,IAAI,GAAGjB,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,oBAAoB,MAE9hBU,EAAkB,CAAC,WAAY,IAAIZ,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,KAAK,CAACF,EAAIiB,GAAG,4BAA4Bf,EAAG,IAAI,CAACE,YAAY,aAAaG,MAAM,CAAC,KAAO,sBAAsB,OAAS,WAAW,CAACP,EAAIiB,GAAG,oB,YCmBrM,GACfJ,KAAA,UACAO,YAGAC,WAAA,CACAC,wBC3BgW,I,wBCQ5VN,EAAY,eACd,EACAjB,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAAI,E","file":"js/chunk-ff22b9ca.28d6d5a7.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"profile-gallery\"},[_c('viewer',{staticClass:\"images-list\",class:{['box-margins']:!!_vm.boxMargins},attrs:{\"images\":_vm.images}},_vm._l((50),function(i){return _c('img',{key:i,attrs:{\"src\":'/static/images/gallery/photo-'+i+'.jpg',\"alt\":\"gallery image\"}})}),0)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"profile-gallery\">\n\t\t<viewer :images=\"images\" class=\"images-list\" :class=\"{['box-margins']:!!boxMargins}\">\n\t\t\t<!--<img v-for=\"i in 50\" :key=\"i\" v-lazy=\"'/static/images/gallery/photo-'+i+'.jpg'\" alt=\"gallery image\">--> <!-- lazy load -->\n\t\t\t<img v-for=\"i in 50\" :key=\"i\" :src=\"'/static/images/gallery/photo-'+i+'.jpg'\" alt=\"gallery image\">\n\t\t</viewer>\n\t</div>\n</template>\n\n<script>\n\nexport default {\n\tname: 'ProfileGallery',\n\tprops: ['boxMargins'],\n\tdata() {\n\t\treturn {\n\t\t\timages: []\n\t\t}\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../assets/scss/_variables';\n\n.profile-gallery {\n\t/*.images-list {\n\t\tmargin: 0 -10px;\n\t\tmargin-top: -10px;\n\n\t\timg {\n\t\t\tcursor: pointer;\n\t\t\twidth: calc(50% - 20px);\n\t\t\tborder-radius: 10px;\n\t\t\tmax-width: 278px;\n\t\t\tfloat: left;\n\t\t\tbox-sizing: border-box;\n\t\t\tmargin: 10px;\n\t\t\tborder: 5px solid #fff;\n\t\t\tbox-shadow: 0px 7px 20px -7px rgba(0, 0, 0, 0.55);\n\t\t\ttransition: all .5s;\n\n\t\t\t&:hover {\n\t\t\t\tbox-shadow: none;\n\t\t\t\ttransform: translateY(3px);\n\t\t\t}\n\t\t}\n\t}*/\n\n\t.images-list {\n\t\toverflow: hidden;\n\t\tmargin: -1%;\n\t\t&.box-margins {\n\t\t\tmargin: 1%;\n\t\t}\n\n\t\timg {\n\t\t\tcursor: pointer;\n\t\t\twidth: 18%;\n\t\t\tborder-radius: 10px;\n\t\t\t//max-width: 278px;\n\t\t\tfloat: left;\n\t\t\tbox-sizing: border-box;\n\t\t\tmargin: 1%;\n\t\t\tborder: 5px solid #fff;\n\t\t\tbox-shadow: 0px 7px 20px -7px rgba(0, 0, 0, 0.55);\n\t\t\ttransition: all .5s;\n\n\t\t\t&:hover {\n\t\t\t\tbox-shadow: none;\n\t\t\t\ttransform: translateY(3px);\n\t\t\t}\n\t\t}\n\t}\n}\n\n@media (max-width: 768px) {\n\t.profile-gallery {\n\t\t.images-list {\n\t\t\tmargin: -1.5%;\n\t\t\t&.box-margins {\n\t\t\t\tmargin: 1.5%;\n\t\t\t}\n\n\n\t\t\timg {\n\t\t\t\twidth: 30.3%;\n\t\t\t\tmargin: 1.5%;\n\t\t\t}\n\t\t}\n\t}\n}\n@media (max-width: 480px) {\n\t.profile-gallery {\n\t\t.images-list {\n\t\t\tmargin: -2%;\n\t\t\t&.box-margins {\n\t\t\t\tmargin: 2%;\n\t\t\t}\n\n\t\t\timg {\n\t\t\t\twidth: 46%;\n\t\t\t\tmargin: 2%;\n\t\t\t}\n\t\t}\n\t}\n}\n@media (max-width: 360px) {\n\t.profile-gallery {\n\t\t.images-list {\n\t\t\tmargin: -2%;\n\t\t\t&.box-margins {\n\t\t\t\tmargin: 2%;\n\t\t\t}\n\n\t\t\timg {\n\t\t\t\twidth: 96%;\n\t\t\t\tmargin: 2%;\n\t\t\t}\n\t\t}\n\t}\n}\n</style>\n\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!./ProfileGallery.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!./ProfileGallery.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ProfileGallery.vue?vue&type=template&id=51a31cfa&scoped=true&\"\nimport script from \"./ProfileGallery.vue?vue&type=script&lang=js&\"\nexport * from \"./ProfileGallery.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ProfileGallery.vue?vue&type=style&index=0&id=51a31cfa&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  \"51a31cfa\",\n  null\n  \n)\n\nexport default component.exports","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!./ProfileGallery.vue?vue&type=style&index=0&id=51a31cfa&prod&lang=scss&scoped=true&\"","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!./Gallery.vue?vue&type=style&index=0&id=6acdc98b&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page-gallery scrollable only-y\"},[_c('div',{staticClass:\"page-header header-accent card-base card-shadow--small\"},[_c('h1',[_vm._v(\"Gallery\")]),_c('el-breadcrumb',{attrs:{\"separator\":\"/\"}},[_c('el-breadcrumb-item',{attrs:{\"to\":{ path: '/' }}},[_c('i',{staticClass:\"mdi mdi-home-outline\"})]),_c('el-breadcrumb-item',[_vm._v(\"Apps\")]),_c('el-breadcrumb-item',[_vm._v(\"Gallery\")])],1),_vm._m(0)],1),_c('div',{staticClass:\"photo-list\"},[_c('profile-gallery')],1)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('h4',[_vm._v(\"All pictures taken from \"),_c('a',{staticClass:\"white-text\",attrs:{\"href\":\"https://pexels.com/\",\"target\":\"_blank\"}},[_vm._v(\"pexels.com\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"page-gallery scrollable only-y\">\n\t\t<div class=\"page-header header-accent card-base card-shadow--small\">\n\t\t\t<h1>Gallery</h1>\n\t\t\t<el-breadcrumb separator=\"/\">\n\t\t\t\t<el-breadcrumb-item :to=\"{ path: '/' }\"><i class=\"mdi mdi-home-outline\"></i></el-breadcrumb-item>\n\t\t\t\t<el-breadcrumb-item>Apps</el-breadcrumb-item>\n\t\t\t\t<el-breadcrumb-item>Gallery</el-breadcrumb-item>\n\t\t\t</el-breadcrumb>\n\t\t\t<h4>All pictures taken from <a href=\"https://pexels.com/\" target=\"_blank\" class=\"white-text\">pexels.com</a></h4>\n\t\t</div>\n\n\t\t<div class=\"photo-list\">\n\t\t\t<profile-gallery></profile-gallery>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport ProfileGallery from '@/components/Profile/ProfileGallery'\n\nexport default {\n\tname: 'Gallery',\n\tmounted() {\n\t\t//console.log('Gallery mounted')\n\t},\n\tcomponents: {\n\t\tProfileGallery\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n/*.photo-list {\n\t//padding: 20px;\n}*/\n</style>\n\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!./Gallery.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!./Gallery.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Gallery.vue?vue&type=template&id=6acdc98b&scoped=true&\"\nimport script from \"./Gallery.vue?vue&type=script&lang=js&\"\nexport * from \"./Gallery.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Gallery.vue?vue&type=style&index=0&id=6acdc98b&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  \"6acdc98b\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}