{"version":3,"sources":["webpack:///./src/views/Gallery.vue","webpack:///src/views/Gallery.vue","webpack:///./src/views/Gallery.vue?7c94","webpack:///./src/views/Gallery.vue?78a8","webpack:///./src/views/Gallery.vue?f83d","webpack:///./src/components/GalleryItems.vue","webpack:///src/components/GalleryItems.vue","webpack:///./src/components/GalleryItems.vue?49ad","webpack:///./src/components/GalleryItems.vue?7205","webpack:///./src/components/Fancybox.vue","webpack:///src/components/Fancybox.vue","webpack:///./src/components/Fancybox.vue?0549","webpack:///./src/components/Fancybox.vue?b502","webpack:///./src/components/GalleryItems.vue?4f87"],"names":["render","_vm","this","_c","_self","staticClass","attrs","_v","staticRenderFns","component","Carousel","infinite","Thumbs","_l","Array","count","fill","_","index","key","class","getClass","concat","path","ref","_t"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,UAAUA,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,uBAAuBH,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,KAAK,CAACE,YAAY,kBAAkB,CAACJ,EAAIM,GAAG,aAAaJ,EAAG,MAAM,CAACE,YAAY,iBAAiBC,MAAM,CAAC,IAAM,6BAA6B,IAAM,cAAcH,EAAG,eAAe,CAACG,MAAM,CAAC,KAAO,wBAAwB,MAAQ,OAAO,KAAKH,EAAG,WAAW,IAEteK,EAAkB,G,gDCoBtB,G,UAAA,CACA,eACA,YACA,cACA,cACA,cACA,qBAEA,UACA,MACA,gFACA,MACA,CACA,mBACA,QACA,qLAEA,CACA,gBACA,QACA,gHC1CgV,I,wBCQ5UC,EAAY,eACd,EACAT,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,6CCnBf,W,iFCAIT,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,WAAW,CAACG,MAAM,CAAC,QAAU,CACjGI,SAAU,CACRC,UAAU,GAEZC,QAAQ,KACN,CAACT,EAAG,MAAM,CAACE,YAAY,iBAAiBJ,EAAIY,GAAIC,MAAMb,EAAIc,OAAOC,KAAK,IAAI,SAASC,EAAEC,GAAO,OAAOf,EAAG,MAAM,CAACgB,IAAID,EAAME,MAAMnB,EAAIoB,SAASH,IAAQ,CAACf,EAAG,IAAI,CAACG,MAAM,CAAC,gBAAgB,UAAU,KAAM,GAAAgB,OAAIrB,EAAIsB,MAAID,OAAGJ,EAAQ,EAAC,UAAS,CAACf,EAAG,MAAM,CAACG,MAAM,CAAC,QAAU,OAAO,IAAK,GAAAgB,OAAIrB,EAAIsB,MAAID,OAAGJ,EAAQ,EAAC,QAAO,IAAM,iEAAgE,MAEhXV,EAAkB,G,wBCYtB,GACA,YACA,iBAEA,OACA,YACA,cAEA,SACA,qBACA,sBACA,kBACA,gBACA,aAEA,MClCqV,I,wBCQjVC,EAAY,eACd,EACAT,EACAQ,GACA,EACA,KACA,WACA,MAIa,OAAAC,E,2CCnBf,IAAIT,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACqB,IAAI,0BAA0B,CAACvB,EAAIwB,GAAG,YAAY,IAE3HjB,EAAkB,G,wBCEtB,G,UAAA,CACA,OACA,gBAEA,mBACA,qEACA,oBAGA,mBACA,oCACA,eAEA,qEACA,oBAGA,qBACA,oBCtBiV,I,YCO7UC,EAAY,eACd,EACAT,EACAQ,GACA,EACA,KACA,KACA,MAIa,OAAAC,E,oEClBf","file":"js/chunk-27b587ea.4ba136e8.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"main_comp\"},[_c('Header'),_c('Ticker',{attrs:{\"text\":'select suit model'}}),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"card-body\"},[_c('h2',{staticClass:\"mb-5 text-left\"},[_vm._v(\"Галерея\")]),_c('img',{staticClass:\"gallery-banner\",attrs:{\"src\":\"/images/gallery-banner.jpg\",\"alt\":\"skylerro\"}}),_c('GalleryItems',{attrs:{\"path\":\"/images/gallery/main/\",\"count\":76}})],1)]),_c('Footer')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"main_comp\">\n    <Header />\n    <Ticker :text=\"'select suit model'\" />\n    <div class=\"container\">\n      <div class=\"card-body\">\n        <h2 class=\"mb-5 text-left\">Галерея</h2>\n        <img src=\"/images/gallery-banner.jpg\" alt=\"skylerro\" class=\"gallery-banner\" />\n        <GalleryItems path=\"/images/gallery/main/\" :count=\"76\" />\n      </div>\n    </div>\n    <Footer />\n  </div>\n</template>\n\n<script>\nimport Header from \"../components/Header\";\nimport Footer from \"./../components/Footer\";\nimport Ticker from \"../components/Ticker\";\nimport GalleryItems from \"../components/GalleryItems\";\nimport VueMeta from \"vue-meta\";\n\nexport default {\n  name: \"Gallery\",\n  components: {\n    Header,\n    Footer,\n    Ticker,\n    GalleryItems,\n  },\n  metaInfo: {\n    title:\n      \"Галерея SkyleRro - Комбинезоны для парашютного и аэротрубного спорта в Москве\",\n    meta: [\n      {\n        name: \"description\",\n        content:\n          \"Галерея SkyleRro: лучшие комбинезоны для парашютного и аэротрубного спорта в действии. Фото наших работ и клиентов — любителей и профессионалов, включая чемпионов мира и России.\",\n      },\n      {\n        name: \"keywords\",\n        content:\n          \"галерея, SkyleRro, комбинезоны, парашютный спорт, аэротрубный спорт, фото, чемпионаты, спортивная одежда\",\n      },\n    ],\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"./../styles/common.css\";\n\n.card-body {\n  margin-bottom: 30px;\n}\n\n.gallery-banner {\n  max-width: 100%;\n  margin-bottom: 20px;\n}\n</style>\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=2ec8545e&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=2ec8545e&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  \"2ec8545e\",\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/dist/cjs.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=2ec8545e&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('Fancybox',{attrs:{\"options\":{\n  Carousel: {\n    infinite: false,\n  },\n  Thumbs: false,\n}}},[_c('div',{staticClass:\"gallery-items\"},_vm._l((Array(_vm.count).fill(0)),function(_,index){return _c('div',{key:index,class:_vm.getClass(index)},[_c('a',{attrs:{\"data-fancybox\":\"gallery\",\"href\":`${_vm.path}${index + 1}.jpg`}},[_c('img',{attrs:{\"loading\":\"lazy\",\"src\":`${_vm.path}${index + 1}.jpg`,\"alt\":\"Skylerro - костюмы для парашютного и трубного спорта\"}})])])}),0)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <Fancybox :options=\"{\n    Carousel: {\n      infinite: false,\n    },\n    Thumbs: false,\n  }\">\n    <div class=\"gallery-items\">\n      <div v-for=\"(_, index) in Array(count).fill(0)\" :key=\"index\" :class=\"getClass(index)\">\n        <a data-fancybox=\"gallery\" :href=\"`${path}${index + 1}.jpg`\">\n          <img loading=\"lazy\" :src=\"`${path}${index + 1}.jpg`\" alt=\"Skylerro - костюмы для парашютного и трубного спорта\" />\n        </a>\n      </div>\n    </div>\n  </Fancybox>\n</template>\n\n<script>\nimport Fancybox from './Fancybox.vue'\nexport default {\n  components: {\n    Fancybox\n  },\n  props: {\n    path: String,\n    count: Number\n  },\n  methods: {\n    getClass (index) {\n      if (index === 0 || index % 4 === 0) {\n        return 'four-grid-cells'\n      } else if (index % 3 === 0 || index === 10) {\n        return 'wide-image'\n      } else {\n        return ''\n      }\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.gallery-items {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  grid-auto-rows: 400px;\n  grid-auto-flow: dense;\n  gap: 6px;\n\n  div {\n    width: 100%;\n    height: 100%;\n  }\n\n  .four-grid-cells {\n    grid-row: span 2 / auto;\n    grid-column: span 2 / auto;\n  }\n\n  .wide-image {\n    grid-column: span 2 / auto;\n  }\n\n  a {\n    width: 100%;\n    height: 100%;\n    display: block;\n    position: relative;\n    background: #000000;\n\n    &:hover {\n      img {\n        opacity: 0.8;\n      }\n    }\n\n    img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n      transition: opacity .3s ease;\n    }\n  }\n}\n\n@media screen and (max-width: 768px) {\n  .gallery-items {\n    grid-template-columns: 1fr 1fr;\n    grid-auto-rows: auto;\n  }\n}\n\n@media screen and (max-width: 576px) {\n\n  .gallery-items {\n    grid-template-columns: 1fr;\n    grid-auto-rows: auto;\n\n    .four-grid-cells {\n      grid-row: auto;\n      grid-column: auto;\n    }\n\n    .wide-image {\n      grid-column: auto;\n    }\n  }\n\n}\n</style>\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!./GalleryItems.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!./GalleryItems.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./GalleryItems.vue?vue&type=template&id=06b00ad6&scoped=true\"\nimport script from \"./GalleryItems.vue?vue&type=script&lang=js\"\nexport * from \"./GalleryItems.vue?vue&type=script&lang=js\"\nimport style0 from \"./GalleryItems.vue?vue&type=style&index=0&id=06b00ad6&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  \"06b00ad6\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"container fb-container\"},[_vm._t(\"default\")],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { Fancybox } from \"@fancyapps/ui\";\nimport '@fancyapps/ui/dist/fancybox/fancybox.css';\n\nexport default {\n  props: {\n    options: Object,\n  },\n  mounted() {\n    Fancybox.bind(this.$refs.container, '[data-fancybox]', {\n      ...(this.options || {}),\n    });\n  },\n  updated() {\n    Fancybox.unbind(this.$refs.container);\n    Fancybox.close();\n\n    Fancybox.bind(this.$refs.container, '[data-fancybox]', {\n      ...(this.options || {}),\n    });\n  },\n  unmounted() {\n    Fancybox.destroy();\n  },\n};\n</script>\n\n<template>\n  <div ref=\"container fb-container\">\n    <slot></slot>\n  </div>\n</template>\n\n<style></style>\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!./Fancybox.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!./Fancybox.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Fancybox.vue?vue&type=template&id=6a10e93a\"\nimport script from \"./Fancybox.vue?vue&type=script&lang=js\"\nexport * from \"./Fancybox.vue?vue&type=script&lang=js\"\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  null,\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/dist/cjs.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!./GalleryItems.vue?vue&type=style&index=0&id=06b00ad6&prod&lang=scss&scoped=true\""],"sourceRoot":""}