{"version":3,"file":"media-carousel.js","mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+C,aAAa;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA,aAAa;AACb;AACA;AACA;AACA,KAAK;AACL,CAAC,I","sources":["webpack://nv-base-template/./src/js/media-carousel.js"],"sourcesContent":["/**\r\n * MEDIA CAROUSEL\r\n * @description : Swiper for media (image/video) carousels\r\n */\r\n\r\n(function () {\r\n\r\n    var mediaCarouselEls = document.querySelectorAll('.js-media-carousel');\r\n\r\n    mediaCarouselEls.forEach(function (mediaCarouselEl) {\r\n\r\n        var autoplayEnabled = mediaCarouselEl.classList.contains('js-media-carousel--autoplay');\r\n\r\n        var swiperEl = mediaCarouselEl.querySelector('.js-media-carousel__swiper');\r\n        var slideEls = mediaCarouselEl.querySelectorAll('.js-media-carousel__slide');\r\n\r\n        var containsMap = Boolean(swiperEl.querySelector('.js-map'));\r\n\r\n        if (swiperEl && slideEls.length > 1) {\r\n            var paginationEl = mediaCarouselEl.querySelector('.js-media-carousel__pagination');\r\n\r\n            var prevButtonEl = mediaCarouselEl.querySelector('.js-media-carousel__prev');\r\n            var nextButtonEl = mediaCarouselEl.querySelector('.js-media-carousel__next');\r\n\r\n            var swiper = new Swiper(swiperEl, {\r\n                spaceBetween: 8,\r\n                slidesPerView: 1,\r\n                direction: 'horizontal',\r\n                loop: !containsMap,\r\n                autoplay: autoplayEnabled ? ({ delay: 6000 }) : false,\r\n                slidesPerView: 1,\r\n                direction: 'horizontal',\r\n                speed: 500,\r\n                pagination: {\r\n                    el: paginationEl,\r\n                    type: 'bullets',\r\n                    clickable: true,\r\n                    bulletClass: 'c-carousel-pagination__dot',\r\n                    bulletActiveClass: 'c-carousel-pagination__dot--active'\r\n                },\r\n                navigation: {\r\n                    nextEl: nextButtonEl,\r\n                    prevEl: prevButtonEl,\r\n                },\r\n                breakpoints: {\r\n                    [window.breakpoints['lg']]: {\r\n                        speed: 750\r\n                    }\r\n                }\r\n            });\r\n\r\n            swiper.on('slideChange', function () {\r\n                // Load all lazyloading images straight away once the first slide has passed.\r\n                var lazyLoadingMediaEls = swiperEl.querySelectorAll('[loading]');\r\n                if (lazyLoadingMediaEls.length) {\r\n                    lazyLoadingMediaEls.forEach(el => {\r\n                        el.removeAttribute('loading');\r\n                    });\r\n                }\r\n            });\r\n\r\n        }\r\n\r\n    });\r\n})();"],"names":[],"sourceRoot":""}