{"version":3,"file":"gallery.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,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA,aAAa;AACb,SAAS;AACT;AACA;AACA;AACA,SAAS;AACT,KAAK;AACL;AACA,CAAC,I","sources":["webpack://nv-base-template/./src/js/features/gallery.js"],"sourcesContent":["/**\r\n * Gallery\r\n * @description : Gallery slider with thumbnail menu\r\n */\r\n\r\n(function () {\r\n\r\n var galleryEls = Array.from(document.querySelectorAll('.js-gallery'));\r\n\r\n galleryEls.forEach(function (galleryEl) {\r\n var swiperEl = galleryEl.querySelector('.js-gallery__swiper');\r\n var slideEls = Array.from(galleryEl.querySelectorAll('.js-gallery__slide'));\r\n\r\n var thumbListEl = galleryEl.querySelector('.js-gallery__thumb-list');\r\n var thumbButtonEls = Array.from(galleryEl.querySelectorAll('.js-gallery__thumb-button'));\r\n var showMoreButtonEl = galleryEl.querySelector('.js-gallery__more-button');\r\n\r\n var swiper = new Swiper(swiperEl, {\r\n loop: 'true',\r\n spaceBetween: 20,\r\n navigation: {\r\n nextEl: galleryEl.querySelector('.js-gallery__swiper-next'),\r\n prevEl: galleryEl.querySelector('.js-gallery__swiper-prev'),\r\n }\r\n });\r\n\r\n thumbButtonEls.forEach(function (thumbButtonEl) {\r\n var key = thumbButtonEl.getAttribute('data-key');\r\n var slideEl = slideEls.filter(function (slideEl) {\r\n return slideEl.getAttribute('data-key') == key;\r\n })[0];\r\n thumbButtonEl.addEventListener('click', function () {\r\n swiper.slideToLoop(parseInt(slideEl.getAttribute('data-swiper-slide-index')));\r\n });\r\n });\r\n\r\n showMoreButtonEl.addEventListener('click', function () {\r\n thumbListEl.classList.remove('is-limited');\r\n });\r\n });\r\n \r\n})();"],"names":[],"sourceRoot":""}