{"version":3,"sources":["webpack:///./app/components/m/stage-slider-mag/index.js"],"names":["$","each","index","element","numSlides","querySelectorAll","length","classList","add","s","Swiper","querySelector","slidesPerView","spaceBetween","watchOverflow","loop","modules","Autoplay","Pagination","Navigation","autoplay","delay","disableOnInteraction","pagination","el","clickable","navigation","nextEl","prevEl","on","init","wrapper","playIcon","pauseIcon","addEventListener","start","style","display","focus","event","key","stop","bullets","forEach","bullet","setAttribute","slideIndex","slideTo","slideChangeTransitionEnd","activeSlide","slides","activeIndex","lazyImage","destroy","handleAccessibilityAttributes","contains"],"mappings":"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","file":"stage-slider-mag.chunk.js","sourcesContent":["import { Swiper, Autoplay, Pagination, Navigation } from 'swiper';\r\n\r\n$('.stage-slider-mag').each((index, element) => {\r\n  // get number of slides\r\n  const numSlides = element.querySelectorAll('.swiper-slide').length;\r\n\r\n  // add class to target single-slide\r\n  // mode via css rules\r\n  if (numSlides === 1) {\r\n    element.classList.add('stage-slider-mag__single-slide');\r\n  }\r\n\r\n  // calculate number of slides so that all slides can be seen on desktop\r\n  const s = new Swiper(element.querySelector('.stage-slider-mag__container'), {\r\n    slidesPerView: 1,\r\n    spaceBetween: 0,\r\n    watchOverflow: true,\r\n    loop: numSlides > 1,\r\n    modules: [Autoplay, Pagination, Navigation],\r\n    autoplay: {\r\n      delay: 5000,\r\n      disableOnInteraction: false,\r\n    },\r\n    pagination: {\r\n      el: element.querySelector('.swiper-pagination'),\r\n      clickable: true,\r\n    },\r\n    navigation: {\r\n      nextEl: element.querySelector('.swiper-button-next'),\r\n      prevEl: element.querySelector('.swiper-button-prev'),\r\n    },\r\n    on: {\r\n      init: function () {\r\n        const pagination = element.querySelector('.swiper-pagination');\r\n        const wrapper = element.querySelector('.pagination-wrapper');\r\n\r\n        const playIcon = wrapper.querySelector('.play-icon');\r\n        const pauseIcon = wrapper.querySelector('.pause-icon');\r\n\r\n        // Add event listeners\r\n        playIcon.addEventListener('click', () => {\r\n          s.autoplay.start();\r\n          playIcon.style.display = 'none';\r\n          pauseIcon.style.display = 'block';\r\n          pauseIcon.focus();\r\n        });\r\n\r\n        playIcon.addEventListener('keydown', (event) => {\r\n          if (event.key === 'Enter' || event.key === ' ') {\r\n            s.autoplay.start();\r\n            playIcon.style.display = 'none';\r\n            pauseIcon.style.display = 'block';\r\n            pauseIcon.focus();\r\n          }\r\n        });\r\n\r\n        pauseIcon.addEventListener('click', () => {\r\n          s.autoplay.stop();\r\n          playIcon.style.display = 'block';\r\n          pauseIcon.style.display = 'none';\r\n          playIcon.focus();\r\n        });\r\n\r\n        pauseIcon.addEventListener('keydown', (event) => {\r\n          if (event.key === 'Enter' || event.key === ' ') {\r\n            s.autoplay.stop();\r\n            playIcon.style.display = 'block';\r\n            pauseIcon.style.display = 'none';\r\n            playIcon.focus();\r\n          }\r\n        });\r\n\r\n        // Initially, show pause icon and hide play icon\r\n        if (numSlides > 1) {\r\n          pauseIcon.style.display = 'block';\r\n        } else {\r\n          pauseIcon.style.display = 'none';\r\n        }\r\n        playIcon.style.display = 'none';\r\n\r\n        // add tabindex to swiper-pagination-bullets for keyboard navigation\r\n        const bullets = pagination.querySelectorAll('.swiper-pagination-bullet');\r\n        bullets.forEach((bullet, index) => {\r\n          bullet.setAttribute('tabindex', 0);\r\n          bullet.setAttribute('role', 'button');\r\n\r\n          const slideIndex = index + 1;\r\n          const numSlides = bullets.length;\r\n          bullet.setAttribute('aria-label', slideIndex + '/' + numSlides);\r\n\r\n          // add event listener for bullets keyboard navigation\r\n          bullet.addEventListener('keydown', (event) => {\r\n            if (event.key === 'Enter' || event.key === ' ') {\r\n              s.slideTo(index + 1);\r\n            }\r\n          });\r\n        });\r\n      },\r\n      slideChangeTransitionEnd: function () {\r\n        const activeSlide = this.slides[this.activeIndex];\r\n        const lazyImage = activeSlide.querySelector('.lazyloading');\r\n\r\n        // Manually trigger lazy loading\r\n        if (lazyImage) {\r\n          lazyImage.classList.add('lazyload');\r\n        }\r\n      },\r\n    },\r\n  });\r\n\r\n  // destroy/disable slider if only one\r\n  // slide are available\r\n  if (numSlides <= 1) {\r\n    s.destroy();\r\n  }\r\n\r\n  function handleAccessibilityAttributes() {\r\n    const bullets = element.querySelectorAll('.swiper-pagination-bullet');\r\n\r\n    bullets.forEach((bullet) => {\r\n      if (bullet.classList.contains('swiper-pagination-bullet-active')) {\r\n        bullet.setAttribute('aria-selected', 'true');\r\n      } else {\r\n        bullet.setAttribute('aria-selected', 'false');\r\n      }\r\n    });\r\n  }\r\n  handleAccessibilityAttributes();\r\n\r\n  s.on('slideChange', handleAccessibilityAttributes);\r\n\r\n  return s;\r\n});\r\n"],"sourceRoot":""}