{"version":3,"file":"Src_Scripts_components_knowledge-swiper_js.5b19a993ba07ba2a7243.js","sources":["webpack://Boerneraadet/./Src/Scripts/components/knowledge-swiper.js"],"sourcesContent":["import Swiper, { Navigation, Scrollbar } from 'swiper/core';\r\n\r\nexport default class knowledgeSwiper {\r\n\r\n    // This component must be on .swiper-container element for swiper to work\r\n\r\n    constructor(elm, args) {\r\n        Swiper.use([Navigation]);\r\n        Swiper.use([Scrollbar]);\r\n        this.elm = elm;\r\n    }\r\n\r\n    create() {\r\n\r\n        var slidesPerView = 3;\r\n\r\n        //var numItems = elm.querySelectorAll('.swiper-slide').length;\r\n        //var scrolllength = elm.querySelector('.swiper-scrollbar').offsetWidth;\r\n        //var dragSize = Math.floor(scrolllength / numItems) * slidesPerView;\r\n\r\n        this.options = {\r\n            loop: false,\r\n            watchSlidesProgress: true,\r\n            slidesPerView: 3,\r\n            slidesPerGroup: 1,\r\n            spaceBetween: 8,\r\n            scrollbar: {\r\n                el: '.swiper-scrollbar',\r\n                draggable: true,\r\n                //             dragSize: dragSize\r\n            }\r\n        };\r\n        this.swiper = new Swiper(this.elm, this.options);\r\n        var mySwiper = this.swiper;\r\n        return this.swiper;\r\n\r\n    }\r\n\r\n    update() {\r\n        this.swiper.update();\r\n    }\r\n\r\n    destroy() {\r\n        this.swiper.destroy();\r\n    }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AACA;;;;;AACA;AAEA;AAEA;AACA;AACA;AAAA;AACA;AAAA;AACA;AACA;AACA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAHA;AANA;AAYA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA3CA;AACA;A;;A;;A","sourceRoot":""}