{"version":3,"file":"Src_Scripts_components_related-articles-swiper_js.f3b7d5d70fb846ccc9f3.js","sources":["webpack://haveselskabet/./Src/Scripts/components/related-articles-swiper.js"],"sourcesContent":["import Swiper, { Navigation, Scrollbar } from 'swiper/core';\nSwiper.use([Navigation]);\n\nexport default class RelatedArticlesSwiper {\n    constructor(elm, args) {\n        if (elm.querySelectorAll('.swiper-slide').length == 0) return;\n\n        this.elm = elm;\n        this.options = {\n            loop: false,\n            slidesPerView: 1.15,\n            spaceBetween: 15,\n            navigation: {\n                nextEl: '.swiper-button-next',\n                prevEl: '.swiper-button-prev',\n            },\n            breakpoints: {\n                768: {\n                    slidesPerView: 3,\n                    spaceBetween: 30,\n                },\n                1100: {\n                    slidesPerView: 4,\n                    spaceBetween: 30,\n                },\n            }\n        };\n\n        Swiper.use([Scrollbar]);\n        this.options.scrollbar = {\n            draggable: true,\n            el: elm.querySelector('.swiper-scrollbar'),\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;AAEA;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":""}