{"version":3,"file":"relatedOfficesAndNewsSlider-CrgI9SqT.js","sources":["../../src/scripts/modules/relatedOfficesAndNewsSlider.ts"],"sourcesContent":["import { Component } from '@verndale/core';\nimport Swiper from 'swiper';\nimport { Navigation, Pagination } from 'swiper/modules';\nimport 'swiper/css/bundle';\n\nclass RelatedOfficesAndNewsSlider extends Component {\n  swiperInstance: Swiper | undefined = undefined;\n\n  setupDefaults() {\n    this.dom = {\n      $swiperContainer: this.el.querySelector<HTMLElement>('.swiper-container'),\n      $swiperNext: this.el.querySelector<HTMLElement>('.swiper-button-next'),\n      $swiperPrevious: this.el.querySelector<HTMLElement>('.swiper-button-prev'),\n      $swiperScroll: this.el.querySelector<HTMLElement>('.swiper-scrollbar'),\n      $controls: this.el.querySelector<HTMLElement>('.related-blogs-and-news-slider__controls'),\n      $cards: this.el.querySelectorAll<HTMLElement>('.generic-image-card')\n    };\n\n    this.initSlider();\n\n    if (this.dom.$controls && (this.dom.$cards as NodeList).length <= 2) {\n      (this.dom.$controls as HTMLElement).style.display = 'none';\n    }\n  }\n\n  initSlider() {\n    if (this.dom.$swiperContainer) {\n      this.swiperInstance = new Swiper(this.dom.$swiperContainer as HTMLElement, {\n        modules: [Navigation, Pagination],\n        slidesPerView: 1,\n        spaceBetween: 40,\n        keyboard: {\n          enabled: false\n        },\n        breakpoints: {\n          767: {\n            slidesPerView: 2,\n            spaceBetween: 40\n          },\n          1024: {\n            slidesPerView: 3,\n            spaceBetween: 40\n          }\n        },\n        // Navigation arrows\n        navigation: {\n          nextEl: this.dom.$swiperNext as HTMLElement,\n          prevEl: this.dom.$swiperPrevious as HTMLElement\n        },\n        pagination: {\n          el: this.dom.$swiperScroll as HTMLElement,\n          type: 'progressbar'\n        }\n      });\n    }\n  }\n}\n\nexport default RelatedOfficesAndNewsSlider;\n"],"names":["RelatedOfficesAndNewsSlider","Component","__publicField","Swiper","Navigation","Pagination"],"mappings":"qTAKA,MAAMA,UAAoCC,CAAU,CAApD,kCACEC,EAAA,uBAEA,eAAgB,CACd,KAAK,IAAM,CACT,iBAAkB,KAAK,GAAG,cAA2B,mBAAmB,EACxE,YAAa,KAAK,GAAG,cAA2B,qBAAqB,EACrE,gBAAiB,KAAK,GAAG,cAA2B,qBAAqB,EACzE,cAAe,KAAK,GAAG,cAA2B,mBAAmB,EACrE,UAAW,KAAK,GAAG,cAA2B,0CAA0C,EACxF,OAAQ,KAAK,GAAG,iBAA8B,qBAAqB,CAAA,EAGrE,KAAK,WAAW,EAEZ,KAAK,IAAI,WAAc,KAAK,IAAI,OAAoB,QAAU,IAC/D,KAAK,IAAI,UAA0B,MAAM,QAAU,OAExD,CAEA,YAAa,CACP,KAAK,IAAI,mBACX,KAAK,eAAiB,IAAIC,EAAO,KAAK,IAAI,iBAAiC,CACzE,QAAS,CAACC,EAAYC,CAAU,EAChC,cAAe,EACf,aAAc,GACd,SAAU,CACR,QAAS,EACX,EACA,YAAa,CACX,IAAK,CACH,cAAe,EACf,aAAc,EAChB,EACA,KAAM,CACJ,cAAe,EACf,aAAc,EAChB,CACF,EAEA,WAAY,CACV,OAAQ,KAAK,IAAI,YACjB,OAAQ,KAAK,IAAI,eACnB,EACA,WAAY,CACV,GAAI,KAAK,IAAI,cACb,KAAM,aACR,CAAA,CACD,EAEL,CACF"}