{"version":3,"file":"recommended-slider.js","sources":["../../FrontEnd/PDP-FE/src/scripts/modules/recommended-slider.ts"],"sourcesContent":["import { Component } from '@verndale/core';\nimport Swiper from 'swiper';\nimport { Navigation, Keyboard, Pagination, Controller } from 'swiper/modules';\nimport 'swiper/css/bundle';\nimport '../../scss/modules/_recommended-for-you.scss';\n\nclass RecommendedSlider extends Component {\n  public recommendedSwiper: { slideTo?: (index: number) => void | undefined };\n\n  constructor(el: HTMLElement) {\n    super(el);\n    this.recommendedSwiper = {};\n    this.initSwiper();\n  }\n\n  setupDefaults() {\n    this.dom = {\n      el: this.el,\n      swiperContainer: this.el.querySelector<HTMLElement>('.swiper'),\n      swiperWrapper: this.el.querySelector<HTMLElement>('.swiper-wrapper'),\n      swiperItems: this.el.querySelectorAll<HTMLElement>('.recommended-card'),\n      nextArrow: this.el.querySelector<HTMLElement>('.swiper-button-next'),\n      prevArrow: this.el.querySelector<HTMLElement>('.swiper-button-prev')\n    };\n\n    this.initSwiper();\n  }\n\n  initSwiper() {\n    Swiper.use([Navigation, Keyboard, Pagination, Controller]);\n\n    if ((this.dom.swiperItems && (this.dom.swiperItems as NodeList).length > 4) || window.matchMedia('(max-width: 768px)').matches) {\n      this.recommendedSwiper = new Swiper(this.dom.swiperContainer as HTMLElement, {\n        navigation: {\n          nextEl: this.dom.nextArrow as HTMLElement,\n          prevEl: this.dom.prevArrow as HTMLElement\n        },\n        breakpoints: {\n          320: {\n            slidesPerView: 1.1,\n            spaceBetween: 16\n          },\n          768: {\n            slidesPerView: 3.7,\n            spaceBetween: 24\n          }\n        },\n        preventClicksPropagation: true,\n        preventInteractionOnTransition: true,\n      });\n    } else {\n      (this.dom.nextArrow as HTMLElement)?.classList.add('hidden');\n      (this.dom.prevArrow as HTMLElement)?.classList.add('hidden');\n      (this.dom.swiperWrapper as HTMLElement)?.classList.add('no-swiper');\n    }\n  }\n}\n\nexport default RecommendedSlider;\n"],"names":["RecommendedSlider","Component","el","__publicField","Swiper","Navigation","Keyboard","Pagination","Controller","_a","_b","_c"],"mappings":"2QAMA,MAAMA,UAA0BC,CAAU,CAGxC,YAAYC,EAAiB,CAC3B,MAAMA,CAAE,EAHHC,EAAA,0BAIL,KAAK,kBAAoB,GACzB,KAAK,WAAW,CAClB,CAEA,eAAgB,CACd,KAAK,IAAM,CACT,GAAI,KAAK,GACT,gBAAiB,KAAK,GAAG,cAA2B,SAAS,EAC7D,cAAe,KAAK,GAAG,cAA2B,iBAAiB,EACnE,YAAa,KAAK,GAAG,iBAA8B,mBAAmB,EACtE,UAAW,KAAK,GAAG,cAA2B,qBAAqB,EACnE,UAAW,KAAK,GAAG,cAA2B,qBAAqB,CAAA,EAGrE,KAAK,WAAW,CAClB,CAEA,YAAa,WACXC,EAAO,IAAI,CAACC,EAAYC,EAAUC,EAAYC,CAAU,CAAC,EAEpD,KAAK,IAAI,aAAgB,KAAK,IAAI,YAAyB,OAAS,GAAM,OAAO,WAAW,oBAAoB,EAAE,QACrH,KAAK,kBAAoB,IAAIJ,EAAO,KAAK,IAAI,gBAAgC,CAC3E,WAAY,CACV,OAAQ,KAAK,IAAI,UACjB,OAAQ,KAAK,IAAI,SACnB,EACA,YAAa,CACX,IAAK,CACH,cAAe,IACf,aAAc,EAChB,EACA,IAAK,CACH,cAAe,IACf,aAAc,EAChB,CACF,EACA,yBAA0B,GAC1B,+BAAgC,EAAA,CACjC,IAEAK,EAAA,KAAK,IAAI,YAAT,MAAAA,EAAoC,UAAU,IAAI,WAClDC,EAAA,KAAK,IAAI,YAAT,MAAAA,EAAoC,UAAU,IAAI,WAClDC,EAAA,KAAK,IAAI,gBAAT,MAAAA,EAAwC,UAAU,IAAI,aAE3D,CACF"}