{"version":3,"file":"HeroCarousel.1c16e409090eb3a9c51e.js","mappings":"oMACWA,MAAM,iB,GACRC,IAAI,gBAAgBD,MAAM,iC,GACtBA,MAAM,uC,GAGXE,EAAAA,EAAAA,IAAqC,OAAhCF,MAAM,qBAAmB,S,GAC9BE,EAAAA,EAAAA,IAA4C,UAApCF,MAAM,sBAAoB,S,GAClCE,EAAAA,EAAAA,IAA4C,UAApCF,MAAM,sBAAoB,S,wBAS1C,SACEG,KAAM,gBACNC,KAAMA,KAAA,CACJC,SAAU,KACVC,gBAAiB,CACfC,QAAS,CAACC,EAAAA,GAAYC,EAAAA,GAAYC,EAAAA,GAAUC,EAAAA,IAC5CC,WAAY,qBACZC,cAAe,EACfC,eAAe,EAEfC,WAAY,CACVC,GAAI,qBACJC,WAAW,GAEbC,WAAY,CACVC,OAAQ,sBACRC,OAAQ,uBAEVC,SAAU,CACRC,MAAO,KAETC,MAAO,IACPC,aAAc,EACdC,OAAQ,OACRC,WAAW,EACXC,MAAM,KAGVC,QAAS,CACP,kBAAMC,GACFC,KAAKzB,SAAW,IAAI0B,EAAAA,EAChBD,KAAKE,MAAM,iBACXF,KAAKxB,gBAEb,GAEF2B,OAAAA,GACEH,KAAKD,cACP,GClDF,MAEA,GAFiC,E,QAAA,GAAgB,EAAQ,CAAC,CAAC,S,wCDJzDK,EAAAA,EAAAA,IASU,UATVC,EASU,EARRjC,EAAAA,EAAAA,IAOM,MAPNkC,EAOM,EANFlC,EAAAA,EAAAA,IAEM,MAFNmC,EAEM,EADJC,EAAAA,EAAAA,IAAaC,EAAAC,OAAA,aAEfC,EACAC,EACAC,GAA4C,M","sources":["webpack://chesterfield-theatres-frontend/./src/js/vuejs/components/HeroCarousel.vue","webpack://chesterfield-theatres-frontend/./src/js/vuejs/components/HeroCarousel.vue?6752"],"sourcesContent":["<template>\r\n  <section class=\"hero-carousel\">\r\n    <div ref=\"hero-carousel\" class=\"swiper hero-carousel__wrapper\">\r\n        <div class=\"swiper-wrapper hero-carousel__track\">\r\n          <slot></slot>\r\n        </div>\r\n        <div class=\"swiper-pagination\"></div>\r\n        <button class=\"swiper-button-next\"></button>\r\n        <button class=\"swiper-button-prev\"></button>\r\n    </div>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport Swiper from 'swiper';\r\nimport { Navigation, Pagination, Autoplay, EffectFade } from 'swiper/modules';\r\n\r\nexport default {\r\n  name: 'hero-carousel',\r\n  data: () => ({\r\n    carousel: null,\r\n    carouselOptions: {\r\n      modules: [Navigation, Pagination, Autoplay, EffectFade],\r\n      slideClass: \"swiper-wrapper > *\",\r\n      slidesPerView: 1,\r\n      watchOverflow: true,\r\n      // autoHeight: true,\r\n      pagination: {\r\n        el: '.swiper-pagination',\r\n        clickable: true,\r\n      },\r\n      navigation: {\r\n        nextEl: '.swiper-button-next',\r\n        prevEl: '.swiper-button-prev'\r\n      },\r\n      autoplay: {\r\n        delay: 5000,\r\n      },\r\n      speed: 600,\r\n      spaceBetween: 0,\r\n      effect: \"fade\",\r\n      crossFade: true,\r\n      loop: true\r\n    }\r\n  }),\r\n  methods: {\r\n    async initCarousel() {        \r\n        this.carousel = new Swiper(\r\n            this.$refs[\"hero-carousel\"],\r\n            this.carouselOptions\r\n        );  \r\n    }\r\n  },\r\n  mounted() {\r\n    this.initCarousel();\r\n  }\r\n};\r\n</script>","import { render } from \"./HeroCarousel.vue?vue&type=template&id=61448299\"\nimport script from \"./HeroCarousel.vue?vue&type=script&lang=js\"\nexport * from \"./HeroCarousel.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"names":["class","ref","_createElementVNode","name","data","carousel","carouselOptions","modules","Navigation","Pagination","Autoplay","EffectFade","slideClass","slidesPerView","watchOverflow","pagination","el","clickable","navigation","nextEl","prevEl","autoplay","delay","speed","spaceBetween","effect","crossFade","loop","methods","initCarousel","this","Swiper","$refs","mounted","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","_renderSlot","_ctx","$slots","_hoisted_4","_hoisted_5","_hoisted_6"],"sourceRoot":""}