{"version":3,"file":"card-slider.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,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA,qBAAqB;AACrB;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,KAAK;AACL,CAAC,I","sources":["webpack://nv-base-template/./src/js/card-slider.js"],"sourcesContent":["/**\r\n * Card Slider\r\n * @description : Swiper for the related show cards etc..\r\n */\r\n\r\n(function () {\r\n\r\n var cardSliderEls = document.querySelectorAll('.js-card-slider');\r\n\r\n cardSliderEls.forEach(function (cardSliderEl) {\r\n\r\n var isLargeFormat = cardSliderEl.classList.contains('js-card-slider--lg-format');\r\n\r\n var swiperEl = cardSliderEl.querySelector('.js-card-slider__swiper');\r\n\r\n if (swiperEl) {\r\n var scrollbarEl = cardSliderEl.querySelector('.js-card-slider__scrollbar');\r\n new Swiper(swiperEl, {\r\n spaceBetween: 22,\r\n slidesPerView: 1.5,\r\n direction: 'horizontal',\r\n loop: false,\r\n watchSlidesVisibility: true,\r\n scrollbar: {\r\n el: scrollbarEl,\r\n draggable: true,\r\n dragClass: 'js-card-slider__scrollbar-drag',\r\n dragSize: 100,\r\n },\r\n breakpoints: {\r\n [window.breakpoints['sm']]: {\r\n freeMode: true,\r\n freeModeMomentumRatio: 0.3,\r\n scrollbar: {\r\n dragSize: 200\r\n },\r\n slidesPerView: isLargeFormat ? 1.5 : 2\r\n },\r\n [window.breakpoints['md']]: {\r\n scrollbar: {\r\n dragSize: 400\r\n },\r\n spaceBetween: 26,\r\n slidesPerView: isLargeFormat ? 2 : 2.5\r\n },\r\n [window.breakpoints['lg']]: {\r\n spaceBetween: 34,\r\n slidesPerView: isLargeFormat ? 3 : 4\r\n },\r\n [window.breakpoints['xl']]: {\r\n spaceBetween: 46,\r\n slidesPerView: isLargeFormat ? 3.5 : 4.5\r\n }\r\n }\r\n });\r\n }\r\n\r\n });\r\n})();"],"names":[],"sourceRoot":""}