{"version":3,"file":"products_carousel-CW5dubqc.js","sources":["../../../app/javascript/entrypoints/js/carousels/products_carousel.js"],"sourcesContent":["import Swiper from \"swiper/bundle\";\n// import Swiper and modules styles\nimport 'swiper/css';\nimport 'swiper/css/navigation';\nimport 'swiper/css/pagination';\n\n\nexport default class ProductsCarousel {\n    constructor(el) {\n        this.carousel = el;\n        this.swiper = null;\n    }\n\n    init() {\n        this.initSwiper(this.carousel)\n    }\n\n    initSwiper(carousel) {\n        this.swiper = new Swiper(carousel, {\n            direction: \"horizontal\",\n            spaceBetween: 5,\n            speed: 700,\n            slidesPerView: 'auto',\n            loop: true,\n            navigation: {\n                nextEl: \".carousel-button-next\",\n                prevEl: \".carousel-button-prev\",\n            },\n            keyboard: {\n                enabled: true,\n                onlyInViewport: false,\n            },\n            breakpoints: {\n                1024: {\n                    slidesPerView: 4,\n                }\n            }\n        });\n    }\n\n\n}\n\n\n"],"names":["ProductsCarousel","el","carousel","Swiper"],"mappings":"8EAOe,MAAMA,CAAiB,CAClC,YAAYC,EAAI,CACZ,KAAK,SAAWA,EAChB,KAAK,OAAS,IACjB,CAED,MAAO,CACH,KAAK,WAAW,KAAK,QAAQ,CAChC,CAED,WAAWC,EAAU,CACjB,KAAK,OAAS,IAAIC,EAAOD,EAAU,CAC/B,UAAW,aACX,aAAc,EACd,MAAO,IACP,cAAe,OACf,KAAM,GACN,WAAY,CACR,OAAQ,wBACR,OAAQ,uBACX,EACD,SAAU,CACN,QAAS,GACT,eAAgB,EACnB,EACD,YAAa,CACT,KAAM,CACF,cAAe,CAClB,CACJ,CACb,CAAS,CACJ,CAGL"}