{"version":3,"sources":["webpack:///./app/components/m/image-slider-text/index.js"],"names":["$","each","index","element","Swiper","querySelector","slidesPerView","spaceBetween","watchOverflow","loop","pagination","el","clickable","navigation","nextEl","prevEl","on","init","swiper","bullets","querySelectorAll","handleAccessibilityAttributes","forEach","bullet","setAttribute","slideIndex","numSlides","length","addEventListener","event","key","slideTo","slideChangeTransitionEnd","activeSlide","slides","activeIndex","lazyImage","classList","add","contains"],"mappings":";;;;;;;;;;;AAAA;AAAA;AAAsD;AAEtDA,CAAC,CAAC,oBAAoB,CAAC,CAACC,IAAI,CAAC,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC/C;EACA,OAAO,IAAIC,wEAAM,CAACD,OAAO,CAACE,aAAa,CAAC,+BAA+B,CAAC,EAAE;IACxEC,aAAa,EAAE,CAAC;IAChBC,YAAY,EAAE,CAAC;IACfC,aAAa,EAAE,IAAI;IACnBC,IAAI,EAAE,IAAI;IACVC,UAAU,EAAE;MACVC,EAAE,EAAER,OAAO,CAACE,aAAa,CAAC,oBAAoB,CAAC;MAC/CO,SAAS,EAAE;IACb,CAAC;IACDC,UAAU,EAAE;MACVC,MAAM,EAAEX,OAAO,CAACE,aAAa,CAAC,qBAAqB,CAAC;MACpDU,MAAM,EAAEZ,OAAO,CAACE,aAAa,CAAC,qBAAqB;IACrD,CAAC;IACDW,EAAE,EAAE;MACFC,IAAI,EAAE,SAAAA,CAAA,EAAY;QAChB,MAAMC,MAAM,GAAG,IAAI;QACnB,MAAMR,UAAU,GAAGP,OAAO,CAACE,aAAa,CAAC,oBAAoB,CAAC;QAC9D;QACA,MAAMc,OAAO,GAAGT,UAAU,CAACU,gBAAgB,CAAC,2BAA2B,CAAC;QAExEC,6BAA6B,EAAE;QAE/BF,OAAO,CAACG,OAAO,CAAC,CAACC,MAAM,EAAErB,KAAK,KAAK;UACjCqB,MAAM,CAACC,YAAY,CAAC,UAAU,EAAE,CAAC,CAAC;UAClCD,MAAM,CAACC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;UAErC,MAAMC,UAAU,GAAGvB,KAAK,GAAG,CAAC;UAC5B,MAAMwB,SAAS,GAAGP,OAAO,CAACQ,MAAM;UAChCJ,MAAM,CAACC,YAAY,CAAC,YAAY,EAAEC,UAAU,GAAG,GAAG,GAAGC,SAAS,CAAC;;UAE/D;UACAH,MAAM,CAACK,gBAAgB,CAAC,SAAS,EAAGC,KAAK,IAAK;YAC5C,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,EAAE;cAC9CZ,MAAM,CAACa,OAAO,CAAC7B,KAAK,CAAC;YACvB;UACF,CAAC,CAAC;QACJ,CAAC,CAAC;QAEFgB,MAAM,CAACF,EAAE,CAAC,aAAa,EAAEK,6BAA6B,CAAC;MACzD,CAAC;MAEDW,wBAAwB,EAAE,SAAAA,CAAA,EAAY;QACpC,MAAMC,WAAW,GAAG,IAAI,CAACC,MAAM,CAAC,IAAI,CAACC,WAAW,CAAC;QACjD,MAAMC,SAAS,GAAGH,WAAW,CAAC5B,aAAa,CAAC,cAAc,CAAC;;QAE3D;QACA,IAAI+B,SAAS,EAAE;UACbA,SAAS,CAACC,SAAS,CAACC,GAAG,CAAC,UAAU,CAAC;QACrC;MACF;IACF;EACF,CAAC,CAAC;EAEF,SAASjB,6BAA6BA,CAAA,EAAG;IACvC,MAAMF,OAAO,GAAGhB,OAAO,CAACiB,gBAAgB,CAAC,2BAA2B,CAAC;IAErED,OAAO,CAACG,OAAO,CAAEC,MAAM,IAAK;MAC1B,IAAIA,MAAM,CAACc,SAAS,CAACE,QAAQ,CAAC,iCAAiC,CAAC,EAAE;QAChEhB,MAAM,CAACC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;MAC9C,CAAC,MAAM;QACLD,MAAM,CAACC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC;MAC/C;IACF,CAAC,CAAC;EACJ;AACF,CAAC,CAAC,C","file":"image-slider-text.chunk.js","sourcesContent":["import Swiper from 'swiper/swiper-bundle.esm.browser';\r\n\r\n$('.image-slider-text').each((index, element) => {\r\n  // calculate number of slides so that all slides can be seen on desktop\r\n  return new Swiper(element.querySelector('.image-slider-text__container'), {\r\n    slidesPerView: 1,\r\n    spaceBetween: 0,\r\n    watchOverflow: true,\r\n    loop: true,\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 swiper = this;\r\n        const pagination = element.querySelector('.swiper-pagination');\r\n        // add tabindex to swiper-pagination-bullets for keyboard navigation\r\n        const bullets = pagination.querySelectorAll('.swiper-pagination-bullet');\r\n\r\n        handleAccessibilityAttributes();\r\n\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              swiper.slideTo(index);\r\n            }\r\n          });\r\n        });\r\n\r\n        swiper.on('slideChange', handleAccessibilityAttributes);\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  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});\r\n"],"sourceRoot":""}