{"version":3,"file":"Src_Scripts_components_product-swiper_js.aef1a4927da8e2580a35.js","sources":["webpack://haveselskabet/./Src/Scripts/components/product-swiper.js"],"sourcesContent":["import Swiper, { Navigation, Scrollbar } from 'swiper/core';\nSwiper.use([Navigation]);\n\nexport default class ProductSwiper {\n    constructor(elm, args) {\n        if (elm.querySelectorAll('.swiper-slide').length == 0) return;\n        this.elm = elm;\n        this.options = {\n            loop: false,\n            slidesPerView: 1.15,\n            spaceBetween: 15,\n            navigation: {\n                nextEl: elm.lastElementChild.querySelector('.swiper-button-next'),\n                prevEl: elm.lastElementChild.querySelector('.swiper-button-prev'),\n            },\n            breakpoints: {\n                750: {\n                    slidesPerView: 3,\n                    spaceBetween: 20,\n                },\n                992: {\n                    slidesPerView: 4,\n                    spaceBetween: 26, \n                }\n            }\n        };\n\n        Swiper.use([Scrollbar]);\n        this.options.scrollbar = {\n            el: elm.lastElementChild.querySelector('.swiper-scrollbar'),\n            draggable: true,\n        };\n\n        this.swiper = import('swiper').then(slider => new slider.Swiper(this.elm, this.options));\n    }\n\n    update() {\n        this.swiper.update();\n    }\n\n    destroy() {\n        this.swiper.destroy();\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;;A;;A","sourceRoot":""}