{"version":3,"sources":["webpack://@verndale/toolkit/./src/js/modules/campaign-carousel.js"],"names":[],"mappings":"wKAIA,SAAW,CAAC,KAAY,IAAU,CAAC,EAEnC,MAAM,SAAyB,KAAU,CACvC,eAAgB,CACd,KAAK,IAAM,CACT,SAAU,KAAK,GAAG,cAAc,6BAA6B,EAC7D,MAAO,KAAK,GAAG,cAAc,0BAA0B,EACvD,QAAS,KAAK,GAAG,iBAAiB,eAAe,EACjD,iBAAkB,KAAK,GAAG,cAAc,SAAS,EACjD,cAAe,KAAK,GAAG,iBAAiB,eAAe,EACvD,kBAAmB,KAAK,GAAG,cAAc,oBAAoB,EAC7D,kBAAmB,KAAK,GAAG,cAAc,qBAAqB,EAC9D,kBAAmB,KAAK,GAAG,cAAc,qBAAqB,CAChE,EAEA,KAAK,UAAU,EACf,KAAK,WAAW,CAClB,CAEA,cAAe,CACb,OAAO,iBAAiB,SAAU,KAAK,UAAU,KAAK,IAAI,CAAC,CAC7D,CAEA,WAAY,CACV,KAAK,SAAW,OAAO,WACrB,eAAe,sBAA+B,MAChD,EAAE,OACJ,CAEA,uBAAuB,EAAQ,CAC7B,EAAO,QAAQ,GAAW,CACxB,CACI,EAAM,UAAU,SAAS,qBAAqB,GAC9C,CAAC,EAAM,UAAU,SAAS,mBAAmB,GAC/C,KAAK,SAEL,EAAM,cAAc,SAAS,EAAE,MAAM,WAAa,SAElD,EAAM,cAAc,SAAS,EAAE,MAAM,WAAa,UAEhD,EAAM,UAAU,SAAS,qBAAqB,GAChD,GAAM,cAAc,SAAS,EAAE,MAAM,WAAa,UAEtD,CAAC,CACH,CAEA,YAAa,CACX,KAAK,OAAS,GAAI,MAAO,KAAK,IAAI,iBAAkB,CAClD,KAAM,GACN,eAAgB,GAChB,oBAAqB,GACrB,UAAW,aACX,OAAQ,GACR,cAAe,EACf,YAAa,EACV,uBAA+B,CAC9B,eAAgB,GAChB,eAAgB,GAChB,eAAgB,EAChB,cAAe,EACf,aAAc,EACd,WAAY,CACV,KAAM,SACR,CACF,CACF,EACA,WAAY,CACV,GAAI,KAAK,IAAI,kBACb,KAAM,UACR,EACA,WAAY,CACV,OAAQ,KAAK,IAAI,kBACjB,OAAQ,KAAK,IAAI,iBACnB,CACF,CAAC,CACH,CACF,CAEA,UAAe,C","file":"scripts/4051.849e57458395539e247d.js","sourcesContent":["import { Component } from '@verndale/core';\nimport Swiper, { Navigation, Pagination } from 'swiper';\nimport { BREAKPOINTS } from '../utils';\n\nSwiper.use([Navigation, Pagination]);\n\nclass CampaignCarousel extends Component {\n  setupDefaults() {\n    this.dom = {\n      $heading: this.el.querySelector('.campaign-carousel__heading'),\n      $link: this.el.querySelector('.campaign-carousel__link'),\n      $slides: this.el.querySelectorAll('.swiper-slide'),\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.checkSize();\n    this.initSwiper();\n  }\n\n  addListeners() {\n    window.addEventListener('resize', this.checkSize.bind(this));\n  }\n\n  checkSize() {\n    this.isMobile = window.matchMedia(\n      `(max-width: ${BREAKPOINTS.TABLET_LANDSCAPE - 1}px)`\n    ).matches;\n  }\n\n  disableNonActiveSlides(slides) {\n    slides.forEach((slide) => {\n      if (\n        (!slide.className.includes('swiper-slide-active') &&\n          !slide.className.includes('swiper-slide-next')) ||\n        this.isMobile\n      ) {\n        slide.querySelector('article').style.visibility = 'hidden';\n      } else {\n        slide.querySelector('article').style.visibility = 'visible';\n      }\n      if (slide.className.includes('swiper-slide-active')) {\n        slide.querySelector('article').style.visibility = 'visible';\n      }\n    });\n  }\n\n  initSwiper() {\n    this.swiper = new Swiper(this.dom.$swiperContainer, {\n      a11y: true,\n      centeredSlides: true,\n      watchSlidesProgress: true,\n      direction: 'horizontal',\n      rewind: true,\n      slidesPerView: 1,\n      breakpoints: {\n        [BREAKPOINTS.TABLET_LANDSCAPE]: {\n          allowTouchMove: false,\n          centeredSlides: false,\n          slidesPerGroup: 1,\n          slidesPerView: 1,\n          spaceBetween: 0,\n          pagination: {\n            type: 'bullets'\n          }\n        }\n      },\n      pagination: {\n        el: this.dom.$swiperPagination,\n        type: 'fraction'\n      },\n      navigation: {\n        nextEl: this.dom.$swiperNextButton,\n        prevEl: this.dom.$swiperPrevButton\n      }\n    });\n  }\n}\n\nexport default CampaignCarousel;\n"],"sourceRoot":""}