{"version":3,"sources":["webpack:///./src/js/modules/ms-news-carousel-block.ts"],"names":["Swiper","Module","this","$swiperContainer","el","querySelector","$swiperSlides","querySelectorAll","$swiperPagination","$swiperNextButton","$swiperPrevButton","length","dom","that","a11y","prevSlideMessage","nextSlideMessage","rewind","direction","spaceBetween","watchOverflow","enabled","roundLengths","breakpoints","320","slidesPerView","672","1056","on","init","sw","slideChange","navigation","nextEl","prevEl","watchSlidesProgress","Component"],"mappings":"slDAGAA,QAAW,CAAC,EAAD,EAAXA,M,IAEMC,E,yZACJ,WACEC,KAAA,IAAW,CACTC,iBAAkBD,KAAKE,GAAGC,cADjB,WAETC,cAAeJ,KAAKE,GAAGG,iBAFd,iBAGTC,kBAAmBN,KAAKE,GAAGC,cAHlB,sBAITI,kBAAmBP,KAAKE,GAAGC,cAJlB,uBAKTK,kBAAmBR,KAAKE,GAAGC,cAAc,wBAG3CH,KAAA,e,wBAGF,WACE,IAAQS,EAAWT,KAAKU,IAAxB,qBACMC,EAAN,KAEAX,KAAA,OAAc,IAAI,EAAJ,EAAWA,KAAKU,IAAhB,iBAAsC,CAClDE,KAAM,CACJC,iBADI,iBAEJC,iBAAkB,cAEpBC,QALkD,EAMlDC,UANkD,aAOlDC,aAPkD,GAQlDC,eARkD,EASlDC,QAASV,EATyC,EAUlDW,cAVkD,EAWlDC,YAAa,CACXC,IAAK,CACHC,cAAe,GAEjBC,IAAK,CACHD,cAAe,GAEjBE,KAAM,CACJF,cAAe,IAInBG,GAAI,CACFC,KADE,YAEAhB,4CACEiB,cADFjB,oBAIFkB,YANE,YAOAlB,4CACEiB,cADFjB,qBAMJmB,WAAY,CACVC,OAAQ/B,KAAKU,IADH,kBAEVsB,OAAQhC,KAAKU,IAAIF,mBAEnByB,qBAAqB,S,iFAzDNC,aA8DrB","file":"94.bundle.js?v=280c32be089b5cd70e0d","sourcesContent":["import { Component } from '@verndale/core';\nimport Swiper, { Navigation, Pagination } from 'swiper';\n\nSwiper.use([Navigation, Pagination]);\n\nclass Module extends Component {\n  setupDefaults() {\n    this.dom = {\n      $swiperContainer: this.el.querySelector('.swiper'),\n      $swiperSlides: this.el.querySelectorAll('.swiper-slide'),\n      $swiperPagination: this.el.querySelector('.swiper-pagination'),\n      $swiperNextButton: this.el.querySelector('.swiper-button-next'),\n      $swiperPrevButton: this.el.querySelector('.swiper-button-prev')\n    };\n\n    this.initSwiper();\n  }\n\n  initSwiper() {\n    const { length } = this.dom.$swiperSlides;\n    const that = this;\n\n    this.swiper = new Swiper(this.dom.$swiperContainer, {\n      a11y: {\n        prevSlideMessage: 'Previous slide',\n        nextSlideMessage: 'Next slide'\n      },\n      rewind: false,\n      direction: 'horizontal',\n      spaceBetween: 30,\n      watchOverflow: true,\n      enabled: length > 1,\n      roundLengths: false,\n      breakpoints: {\n        320: {\n          slidesPerView: 1\n        },\n        672: {\n          slidesPerView: 2\n        },\n        1056: {\n          slidesPerView: 3\n        }\n      },\n      // Custom pagination per specs, total length should be shown\n      on: {\n        init(sw) {\n          that.dom.$swiperPagination.innerHTML = `${\n            sw.activeIndex + 1\n          } / ${length}`;\n        },\n        slideChange(sw) {\n          that.dom.$swiperPagination.innerHTML = `${\n            sw.activeIndex + 1\n          } / ${length}`;\n        }\n      },\n\n      navigation: {\n        nextEl: this.dom.$swiperNextButton,\n        prevEl: this.dom.$swiperPrevButton\n      },\n      watchSlidesProgress: true\n    });\n  }\n}\n\nexport default Module;\n"],"sourceRoot":""}