{"version":3,"file":"relatedArticlesCarousel-o-d5k981.js","sources":["../../../../../src/scripts/modules/relatedArticlesCarousel.ts"],"sourcesContent":["import { Component } from '@verndale/core';\nimport Splide from '@splidejs/splide';\nimport '@splidejs/splide/dist/css/splide-core.min.css';\n\nclass RelatedArticlesCarousel extends Component {\n  public relatedArticlesCarousel: Splide;\n\n  constructor(el: HTMLElement) {\n    super(el);\n    this.relatedArticlesCarousel = {} as Splide;\n    this.initSplide();\n  }\n\n  setupDefaults() {\n    this.dom = {\n      el: this.el,\n      pagination: this.el.querySelector<HTMLElement>(\n        '.related-articles-carousel__slider-pagination'\n      ),\n      slides: this.el.querySelectorAll<HTMLElement>('.splide__slide'),\n      prevButton: this.el.querySelector<HTMLElement>('.btn-previous-slide'),\n      nextButton: this.el.querySelector<HTMLElement>('.btn-next-slide')\n    };\n    this.initSplide();\n  }\n\n  addListeners() {\n    this.relatedArticlesCarousel.on('move', this.updatePagination.bind(this));\n  }\n\n  initSplide() {\n    this.relatedArticlesCarousel = new Splide(this.el as HTMLElement, {\n      type: 'slide',\n      perPage: 4,\n      focus: (this.dom.slides as NodeList).length > 4 ?  0 : undefined,\n      trimSpace: (this.dom.slides as NodeList).length > 4 ?  false : true,\n      perMove: 1,\n      gap: 48,\n      pagination: false,\n      arrows: (this.dom.slides as NodeList).length > 4 ?  true : false,\n      breakpoints: {\n        768: {\n          perPage: 1,\n          gap: 16,\n          arrows: true,\n        },\n        1280: {\n          perPage: 3,\n          gap: 24,\n          arrows: (this.dom.slides as NodeList).length > 3 ?  true : false,\n        }\n      },\n      reducedMotion: {\n        speed: 0,\n        rewindSpeed: 0,\n      },\n    }).mount();\n\n    this.updatePagination(0);\n  }\n\n  updatePagination(index: number) {\n    if (this.dom.pagination) {\n      const totalSlides = this.relatedArticlesCarousel.Components.Slides.getLength();\n      const totalPages = Math.ceil(totalSlides / this.relatedArticlesCarousel.options.perMove!);\n      const currentPage = Math.ceil(index / this.relatedArticlesCarousel.options.perMove!) + 1;\n      (this.dom.pagination as HTMLElement).textContent = `${currentPage} / ${totalPages}`;\n    }\n  }\n}\n\nexport default RelatedArticlesCarousel;\n"],"names":["RelatedArticlesCarousel","Component","el","__publicField","Splide","index","totalSlides","totalPages","currentPage"],"mappings":"mQAIA,MAAMA,UAAgCC,CAAU,CAG9C,YAAYC,EAAiB,CAC3B,MAAMA,CAAE,EAHHC,EAAA,gCAIL,KAAK,wBAA0B,GAC/B,KAAK,WAAW,CAClB,CAEA,eAAgB,CACd,KAAK,IAAM,CACT,GAAI,KAAK,GACT,WAAY,KAAK,GAAG,cAClB,+CACF,EACA,OAAQ,KAAK,GAAG,iBAA8B,gBAAgB,EAC9D,WAAY,KAAK,GAAG,cAA2B,qBAAqB,EACpE,WAAY,KAAK,GAAG,cAA2B,iBAAiB,CAAA,EAElE,KAAK,WAAW,CAClB,CAEA,cAAe,CACb,KAAK,wBAAwB,GAAG,OAAQ,KAAK,iBAAiB,KAAK,IAAI,CAAC,CAC1E,CAEA,YAAa,CACX,KAAK,wBAA0B,IAAIC,EAAO,KAAK,GAAmB,CAChE,KAAM,QACN,QAAS,EACT,MAAQ,KAAK,IAAI,OAAoB,OAAS,EAAK,EAAI,OACvD,UAAY,OAAK,IAAI,OAAoB,OAAS,GAClD,QAAS,EACT,IAAK,GACL,WAAY,GACZ,OAAS,KAAK,IAAI,OAAoB,OAAS,EAC/C,YAAa,CACX,IAAK,CACH,QAAS,EACT,IAAK,GACL,OAAQ,EACV,EACA,KAAM,CACJ,QAAS,EACT,IAAK,GACL,OAAS,KAAK,IAAI,OAAoB,OAAS,CACjD,CACF,EACA,cAAe,CACb,MAAO,EACP,YAAa,CACf,CAAA,CACD,EAAE,MAAM,EAET,KAAK,iBAAiB,CAAC,CACzB,CAEA,iBAAiBC,EAAe,CAC1B,GAAA,KAAK,IAAI,WAAY,CACvB,MAAMC,EAAc,KAAK,wBAAwB,WAAW,OAAO,YAC7DC,EAAa,KAAK,KAAKD,EAAc,KAAK,wBAAwB,QAAQ,OAAQ,EAClFE,EAAc,KAAK,KAAKH,EAAQ,KAAK,wBAAwB,QAAQ,OAAQ,EAAI,EACtF,KAAK,IAAI,WAA2B,YAAc,GAAGG,CAAW,MAAMD,CAAU,EACnF,CACF,CACF"}