{"version":3,"file":"Src_Scripts_components_open-garden-activities-slider_js.83637dcc1fac75690891.js","sources":["webpack://haveselskabet/./Src/Scripts/components/open-garden-activities-slider.js"],"sourcesContent":["import Swiper, { Scrollbar } from 'swiper/core';\nSwiper.use([Scrollbar]);\n\nexport default class OpenGardenActivitiesSlider {\n constructor(elm, args) {\n if (elm.querySelectorAll('.swiper-slide').length == 0) return;\n const breakpoint = window.matchMedia('(min-width:768px)');\n let swiper;\n let options = {\n loop: false,\n slidesPerView: 2.4,\n spaceBetween: 15,\n breakpoints: {\n 768: {\n slidesPerView: 4,\n spaceBetween: 30,\n }\n },\n scrollbar: {\n el: elm.querySelector('.swiper-scrollbar'),\n draggable: true,\n }\n };\n\n if (!breakpoint.matches) {\n enableSwiper();\n }\n\n // keep an eye on viewport size changes\n breakpoint.addListener(breakpointChecker);\n // kickstart\n breakpointChecker();\n\n function breakpointChecker() {\n // if larger viewport and multi-row layout needed\n if (breakpoint.matches === true) {\n // clean up old instances and inline styles when available\n if (swiper !== undefined) swiper.destroy(true, true);\n // or/and do nothing\n return;\n // else if a small viewport and single column layout needed\n } else if (breakpoint.matches === false) {\n // fire small viewport version of swiper\n return enableSwiper();\n }\n };\n\n function enableSwiper() {\n import('swiper').then(slider => swiper = new slider.Swiper(elm, options));\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;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;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;;A;;A","sourceRoot":""}