{"version":3,"file":"Src_Scripts_components_media-swiper_js.927943db722ad3a365bd.js","sources":["webpack://haveselskabet/./Src/Scripts/components/media-swiper.js"],"sourcesContent":["import Swiper, { Navigation, Scrollbar, Thumbs } from 'swiper/core';\nSwiper.use([Navigation]);\nSwiper.use([Thumbs]);\nSwiper.use([Scrollbar]);\n\nexport default class MediaSwiper {\n    constructor(elm, args) {\n        if (elm.querySelectorAll('.swiper-slide').length == 0) return;\n\n        this.elm = elm;\n        this.options = {\n            observer: true,\n            observeParents: true,\n            loadPrevNext: true,\n            parallax: true,\n            loop: false,\n            slidesPerView: 1,\n            navigation: {\n                nextEl: elm.querySelector('.swiper-button-media-next'),\n                prevEl: elm.querySelector('.swiper-button-media-prev'),\n            },\n        };\n\n        if (args.style == 1 || args.style == 3) {\n            Swiper.use([Scrollbar]);\n            this.options.scrollbar = {\n                el: elm.querySelector('.swiper-scrollbar'),\n                draggable: true,\n            };\n        }\n\n        if (args.style == 2 || args.style == 4) {\n            this.options.allowTouchMove = false;\n            this.options.spaceBetween = 4;\n        }\n\n        if (args.style == 3) {\n            this.options.spaceBetween = 20;\n        }\n\n        if (args.thumbs) {\n            this.options.thumbs = {\n                swiper: args.thumbs\n            }\n        }\n\n        this.swiper = import('swiper').then(slider => new slider.Swiper(this.elm, this.options));\n\n        elm.swiperElm = this.swiper;\n        // Hide arrows is there is only one image\n        const slides = elm.querySelectorAll('.swiper-slide');\n        const arrowContainer = elm.querySelector('.swiper-arrow-wrapper');\n\n        if (arrowContainer && slides.length < 2) {\n            arrowContainer.style.display = \"none\";\n        }\n    }\n\n    update() {\n        this.swiper.update();\n    }\n\n    destroy() {\n        this.swiper.destroy();\n    }\n\n\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAGA;AAAA;;A;;A","sourceRoot":""}