{"version":3,"file":"stay-carousel-DuQmCa91.js","sources":["../../../../src/scripts/modules/stay-carousel.ts"],"sourcesContent":["import { Component } from '@verndale/core';\nimport Swiper from 'swiper';\nimport { Navigation, Pagination, A11y, Keyboard } from 'swiper/modules';\nimport '../../scss/modules/full-height-carousel.scss';\nimport 'swiper/css';\nimport { BREAKPOINTS } from '../helpers/helpers';\nimport { eventBus, initialBreakpoint } from '../helpers/resize';\n\nclass ScrollImageGrid extends Component {\n  private swiper: Swiper | null = null;\n  private slidesPerBreakpoint: { [key: string]: number };\n\n  constructor(el: HTMLElement) {\n    super(el);\n    this.slidesPerBreakpoint = {\n      mobile: 1,\n      tablet: 2,\n      tabletLandscape: 2,\n      desktop: 3,\n      wide: 3\n    };\n\n    if (!this.swiper) {\n      this.initSwiper(initialBreakpoint());\n    }\n  }\n\n  setupDefaults() {\n    this.dom = {\n      swiper: this.el.querySelector<HTMLDivElement>('.swiper'),\n      slides: this.el.querySelectorAll<HTMLDivElement>('.swiper-slide'),\n      pagination: this.el.querySelector<HTMLDivElement>('.swiper-pagination'),\n      next: this.el.querySelector<HTMLDivElement>('.swiper-button-next'),\n      prev: this.el.querySelector<HTMLDivElement>('.swiper-button-prev')\n    };\n  }\n\n  addListeners(): void {\n    eventBus.subscribe('breakpointChange', (breakpoint: string) => {\n      this.initSwiper(breakpoint);\n    });\n  }\n\n  checkIfCarouselNeeded(breakpoint: string) {\n    const slides = this.dom.slides as NodeListOf<HTMLElement>;\n    if (slides.length <= this.slidesPerBreakpoint[breakpoint]) {\n      if (this.swiper) {\n        this.swiper.destroy(true, true);\n        this.swiper = null;\n      }\n\n      this.el?.classList.add('stay-carousel__no-carousel');\n    }\n  }\n\n  initSwiper(breakpoint: string) {\n    this.el?.classList.remove('stay-carousel__no-carousel');\n    if (!this.swiper) {\n      this.swiper = new Swiper(this.dom.swiper as HTMLElement, {\n        modules: [Navigation, Pagination, A11y, Keyboard],\n        a11y: {\n          enabled: true\n        },\n        slidesPerView: 1,\n        spaceBetween: 16,\n        loop: true,\n        breakpoints: {\n          [BREAKPOINTS.tablet]: {\n            slidesPerView: 2,\n            spaceBetween: 16\n          },\n          [BREAKPOINTS.tabletLandscape]: {\n            slidesPerView: 3,\n            spaceBetween: 16\n          },\n          [BREAKPOINTS.wide]: {\n            slidesPerView: 3,\n            spaceBetween: 16\n          }\n        },\n        pagination: {\n          el: this.dom.pagination as HTMLElement,\n          type: 'fraction',\n          renderFraction: (currentClass, totalClass) => {\n            return `<span class=\"swiper-pagination-current\">${currentClass}</span>/<span class=\"swiper-pagination-total\">${totalClass}</span>`;\n          }\n        },\n        keyboard: {\n          enabled: true,\n          onlyInViewport: true\n        },\n        navigation: {\n          nextEl: this.dom.next as HTMLElement,\n          prevEl: this.dom.prev as HTMLElement\n        }\n      });\n    }\n    this.checkIfCarouselNeeded(breakpoint);\n  }\n}\n\nexport default ScrollImageGrid;\n"],"names":["ScrollImageGrid","Component","el","__publicField","initialBreakpoint","eventBus","breakpoint","_a","Swiper","Navigation","Pagination","A11y","Keyboard","BREAKPOINTS","currentClass","totalClass"],"mappings":"+YAQA,MAAMA,UAAwBC,CAAU,CAItC,YAAYC,EAAiB,CAC3B,MAAMA,CAAE,EAJFC,EAAA,cAAwB,MACxBA,EAAA,4BAIN,KAAK,oBAAsB,CACzB,OAAQ,EACR,OAAQ,EACR,gBAAiB,EACjB,QAAS,EACT,KAAM,CACR,EAEK,KAAK,QACH,KAAA,WAAWC,GAAmB,CACrC,CAGF,eAAgB,CACd,KAAK,IAAM,CACT,OAAQ,KAAK,GAAG,cAA8B,SAAS,EACvD,OAAQ,KAAK,GAAG,iBAAiC,eAAe,EAChE,WAAY,KAAK,GAAG,cAA8B,oBAAoB,EACtE,KAAM,KAAK,GAAG,cAA8B,qBAAqB,EACjE,KAAM,KAAK,GAAG,cAA8B,qBAAqB,CACnE,CAAA,CAGF,cAAqB,CACVC,EAAA,UAAU,mBAAqBC,GAAuB,CAC7D,KAAK,WAAWA,CAAU,CAAA,CAC3B,CAAA,CAGH,sBAAsBA,EAAoB,OACzB,KAAK,IAAI,OACb,QAAU,KAAK,oBAAoBA,CAAU,IAClD,KAAK,SACF,KAAA,OAAO,QAAQ,GAAM,EAAI,EAC9B,KAAK,OAAS,OAGXC,EAAA,KAAA,KAAA,MAAAA,EAAI,UAAU,IAAI,8BACzB,CAGF,WAAWD,EAAoB,QACxBC,EAAA,KAAA,KAAA,MAAAA,EAAI,UAAU,OAAO,8BACrB,KAAK,SACR,KAAK,OAAS,IAAIC,EAAO,KAAK,IAAI,OAAuB,CACvD,QAAS,CAACC,EAAYC,EAAYC,EAAMC,CAAQ,EAChD,KAAM,CACJ,QAAS,EACX,EACA,cAAe,EACf,aAAc,GACd,KAAM,GACN,YAAa,CACX,CAACC,EAAY,MAAM,EAAG,CACpB,cAAe,EACf,aAAc,EAChB,EACA,CAACA,EAAY,eAAe,EAAG,CAC7B,cAAe,EACf,aAAc,EAChB,EACA,CAACA,EAAY,IAAI,EAAG,CAClB,cAAe,EACf,aAAc,EAAA,CAElB,EACA,WAAY,CACV,GAAI,KAAK,IAAI,WACb,KAAM,WACN,eAAgB,CAACC,EAAcC,IACtB,2CAA2CD,CAAY,iDAAiDC,CAAU,SAE7H,EACA,SAAU,CACR,QAAS,GACT,eAAgB,EAClB,EACA,WAAY,CACV,OAAQ,KAAK,IAAI,KACjB,OAAQ,KAAK,IAAI,IAAA,CACnB,CACD,GAEH,KAAK,sBAAsBT,CAAU,CAAA,CAEzC"}