{"version":3,"sources":["webpack://@verndale/toolkit/./src/js/modules/image-slider.js"],"names":[],"mappings":"6JAGA,SAAW,CAAC,KAAY,KAAY,OAEpC,eAAqB,YAAU,CAC7B,eAAgB,CACd,KAAK,IAAM,CACT,gBAAiB,KAAK,GAAG,cAAc,2BACvC,MAAO,KAAK,GAAG,iBAAiB,eAChC,QAAS,KAAK,GAAG,iBAAiB,4BAGpC,KAAK,aACL,KAAK,0BACD,KAAK,IAAI,MAAM,OAAS,GAAG,KAAK,cAAc,EAAG,KAAK,IAAI,MAAM,QAGtE,cAAe,CACb,KAAK,IAAI,MAAM,QAAQ,GAAQ,CAC7B,KAAM,GAAa,EAAK,cAAc,uBAChC,EAAa,EAAK,cAAc,uBACtC,EAAW,iBAAiB,UAAW,GAAK,KAAK,SAAS,IAC1D,EAAW,iBAAiB,UAAW,GAAK,KAAK,SAAS,MAI9D,SAAS,EAAG,CACV,EAAM,UAAY,IACZ,GAAE,OAAO,UAAU,SAAS,sBAC9B,KAAK,OAAO,YACH,EAAE,OAAO,UAAU,SAAS,uBACrC,KAAK,OAAO,YAEd,KAAK,uBAIT,qBAAsB,CACpB,KAAM,GAAc,KAAK,GAAG,cAAc,wBACpC,EAAc,KAAK,OAAO,OAAO,OACvC,KAAK,cACH,OAAO,EAAY,QAAQ,kBAC3B,GAIJ,YAAa,CACX,KAAK,OAAS,GAAI,MAAO,KAAK,IAAI,gBAAiB,CACjD,SAAU,GACV,WAAY,GACZ,KAAM,GACN,WAAY,CACV,OAAQ,sBACR,OAAQ,uBAEV,GAAI,CACF,eAAgB,IAAM,CACpB,KAAK,uBAEP,eAAgB,IAAM,CACpB,KAAK,uBAEP,cAAe,IAAM,CACnB,KAAK,0BAMb,yBAA0B,CACxB,KAAK,IAAI,QAAQ,QAAQ,GAAU,CACjC,EAAO,MAAM,QAAU,SAI3B,cAAc,EAAa,EAAa,CACtC,KAAM,GAAuB,KAAK,GAAG,iBACnC,iCAEF,KAAK,0BAGL,KAFwB,IAAI,MAAM,GACP,iBAAiB,2BACpC,QAAQ,GAAU,CACxB,EAAO,MAAM,QAAU,UAGzB,EAAqB,QAAQ,GAAa,CACxC,EAAU,UAAY,GAAG,EAAc,OAAO,OAKpD,UAAe","file":"scripts/491.bundle.js","sourcesContent":["import { Component } from '@verndale/core';\nimport Swiper, { Navigation, Pagination, A11y } from 'swiper';\n\nSwiper.use([Navigation, Pagination, A11y]);\n\nclass Module extends Component {\n  setupDefaults() {\n    this.dom = {\n      swiperContainer: this.el.querySelector('.image-slider__carousel'),\n      cards: this.el.querySelectorAll('.image-card'),\n      buttons: this.el.querySelectorAll('.image-card__slider-btn')\n    };\n\n    this.initSlider();\n    this.makeButtonsNotFocusable();\n    if (this.dom.cards.length > 1) this.setPagination(0, this.dom.cards.length);\n  }\n\n  addListeners() {\n    this.dom.cards.forEach(card => {\n      const nextButton = card.querySelector('.swiper-button-next');\n      const prevButton = card.querySelector('.swiper-button-prev');\n      nextButton.addEventListener('keydown', e => this.keyPress(e));\n      prevButton.addEventListener('keydown', e => this.keyPress(e));\n    });\n  }\n\n  keyPress(e) {\n    if (e.keyCode === 13) {\n      if (e.target.classList.contains('swiper-button-next')) {\n        this.swiper.slideNext();\n      } else if (e.target.classList.contains('swiper-button-prev')) {\n        this.swiper.slidePrev();\n      }\n      this.setActivePagination();\n    }\n  }\n\n  setActivePagination() {\n    const activeSlide = this.el.querySelector('.swiper-slide-active');\n    const totalSlides = this.swiper.slides.length;\n    this.setPagination(\n      Number(activeSlide.dataset.swiperSlideIndex),\n      totalSlides\n    );\n  }\n\n  initSlider() {\n    this.swiper = new Swiper(this.dom.swiperContainer, {\n      keyboard: true,\n      autoHeight: false,\n      loop: true,\n      navigation: {\n        nextEl: '.swiper-button-next',\n        prevEl: '.swiper-button-prev'\n      },\n      on: {\n        navigationNext: () => {\n          this.setActivePagination();\n        },\n        navigationPrev: () => {\n          this.setActivePagination();\n        },\n        transitionEnd: () => {\n          this.setActivePagination();\n        }\n      }\n    });\n  }\n\n  makeButtonsNotFocusable() {\n    this.dom.buttons.forEach(button => {\n      button.style.display = 'none';\n    });\n  }\n\n  setPagination(activeSlide, totalSlides) {\n    const paginationContainers = this.el.querySelectorAll(\n      '.image-card__pagination-count'\n    );\n    this.makeButtonsNotFocusable();\n    const activeCard = this.dom.cards[activeSlide]\n    const buttons = activeCard.querySelectorAll('.image-card__slider-btn')\n    buttons.forEach(button => {\n      button.style.display = 'block';\n    })\n\n    paginationContainers.forEach(container => {\n      container.innerHTML = `${activeSlide + 1} / ${totalSlides}`;\n    });\n  }\n}\n\nexport default Module;\n"],"sourceRoot":""}