{"version":3,"sources":["webpack:///./app/javascript/application/javascript/Swiper.vue?25a9","webpack:///./app/javascript/application/javascript/Swiper.vue?f54e","webpack:///app/javascript/application/javascript/Swiper.vue","webpack:///./app/javascript/application/javascript/Swiper.vue?5345","webpack:///./app/javascript/application/javascript/Swiper.vue"],"names":["component","_vm","this","_h","$createElement","_self","_c","_t"],"mappings":"iHAAA,Q,wCCAA,I,2CCUA,mBACA,eAEA,ICb4M,EDa5M,CACA,OACA,wDAGA,QALA,WAMA,aAGA,SACA,KADA,WAEA,WACA,0CAEA,mEAEA,uCACA,qCACA,qCACA,qCACA,qCACA,kDAEA,6CACA,gCACA,2BAEA,aACA,iBACA,iDACA,gBACA,0DACA,UACA,OAEA,YACA,6CACA,8CAGA,YACA,KACA,aACA,6DACA,oBACA,0BACA,kCACA,2BACA,kDAEA,2DAIA,aACA,KACA,iBAEA,KACA,iBAEA,KACA,iBAEA,MACA,oBAKA,wEACA,4E,gBE5EIA,EAAY,YACd,GHTW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAuC,OAAjBH,EAAII,MAAMC,IAAIH,GAAa,MAAM,CAACF,EAAIM,GAAG,YAAY,KACvG,IGWpB,EACA,KACA,KACA,MAIa,UAAAP,E","file":"js/12-5135d210fddfe0c8c6ae.chunk.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js??ref--3-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--3-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--3-3!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Swiper.vue?vue&type=style&index=0&lang=sass&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._t(\"default\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <slot />\n  </div>\n</template>\n\n<script>\nimport Swiper, { Navigation, Pagination, Autoplay } from 'swiper';\nimport 'swiper/swiper-bundle.css';\n\nSwiper.use([Navigation, Pagination]);\nSwiper.use([Autoplay]);\n\nexport default {\n  props: {\n    navigationLabels: { required: false, type: Array, default: null }\n  },\n\n  mounted() {\n    this.init();\n  },\n\n  methods: {\n    init() {\n      const self = this;\n      const node = this.$el.querySelector('[data-swiper]');\n\n      if (!node) throw 'Cannot find an element with \"[data-swiper]\" attribute';\n\n      const slidesPerView = node.dataset.swiperSlidesPerView || 1;\n      const slidesPerViewSm = node.dataset.swiperSlidesPerViewSm || slidesPerView;\n      const slidesPerViewMd = node.dataset.swiperSlidesPerViewMd || slidesPerViewSm;\n      const slidesPerViewLg = node.dataset.swiperSlidesPerViewLg || slidesPerViewMd;\n      const slidesPerViewXl = node.dataset.swiperSlidesPerViewXl || slidesPerViewLg;\n      const pagination = node.querySelector('[data-swiper-pagination]') || false;\n\n      const slideshow = node.querySelector('[data-swiper-slideshow]');\n      const infinityLoop = node.dataset.swiperLoop == 'false' ? false : true;\n      const autoPlay = node.dataset.swiperAutoplay;\n\n      const swiper = new Swiper(slideshow, {\n        watchOverflow: true,\n        autoplay: autoPlay === 'true' ? true : autoPlay ? { delay: parseInt(autoPlay, 10) } : false,\n        slidesPerView,\n        spaceBetween: parseInt(node.dataset.swiperSpaceBetween || 0, 10),\n        speed: 300,\n        loop: infinityLoop,\n\n        navigation: {\n          nextEl: node.querySelector('[data-swiper-next]'),\n          prevEl: node.querySelector('[data-swiper-prev]')\n        },\n\n        pagination: {\n          el: pagination,\n          clickable: true,\n          bulletClass: pagination ? pagination.dataset.itemClass : 'swiper-pagination-bullet',\n          bulletActiveClass: pagination\n            ? pagination.dataset.itemActiveClass\n            : 'swiper-pagination-bullet-active',\n          renderBullet: function(index, className) {\n            const content = self.navigationLabels ? self.navigationLabels[index] : '';\n\n            return `<span class=\"${className}\">${content}</span>`;\n          }\n        },\n\n        breakpoints: {\n          380: {\n            slidesPerView: slidesPerViewSm\n          },\n          576: {\n            slidesPerView: slidesPerViewMd\n          },\n          992: {\n            slidesPerView: slidesPerViewLg\n          },\n          1200: {\n            slidesPerView: slidesPerViewXl\n          }\n        }\n      });\n\n      slideshow.addEventListener('mouseenter', () => swiper.autoplay.stop());\n      slideshow.addEventListener('mouseleave', () => swiper.autoplay.start());\n    }\n  }\n};\n</script>\n\n<style lang=\"sass\">\n.swiper-slide.-auto-h {\n  height: unset;\n}\n</style>\n","import mod from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Swiper.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/babel-loader/lib/index.js??ref--7-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Swiper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Swiper.vue?vue&type=template&id=3b1ce939&\"\nimport script from \"./Swiper.vue?vue&type=script&lang=js&\"\nexport * from \"./Swiper.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Swiper.vue?vue&type=style&index=0&lang=sass&\"\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"],"sourceRoot":""}