{"version":3,"file":"double_col_carousel-DGpquxaN.js","sources":["../../../app/javascript/entrypoints/js/carousels/double_col_carousel.js"],"sourcesContent":["import Swiper from \"swiper/bundle\";\n// import Swiper and modules styles\nimport 'swiper/css';\nimport 'swiper/css/navigation';\nimport 'swiper/css/pagination';\nimport gsap from 'gsap';\n\nexport default class DoubleColCarousel {\n    constructor(el) {\n        this.swiper = null;\n        this.carousel = el;\n    }\n\n    init() {\n        this.initSwiper(this.carousel)\n    }\n\n    initSwiper(carousel) {\n        this.swiper = new Swiper(carousel, {\n            direction: \"horizontal\",\n            watchSlidesProgress: true,\n\n            loop: true,\n            speed: 1000,\n            autoplay: {\n                delay: 15000,\n                disableOnInteraction: false\n            },\n            slidesPerView: 1,\n            keyboard: {\n                enabled: true,\n                onlyInViewport: false,\n            },\n            pagination: {\n                el: '.story__pagination',\n                renderBullet: function (index, className) {\n                    return '<div class=\"' + className + '\"> <div class=\"swiper-pagination-progress\"></div> </div>';\n                }\n            },\n            breakpoints: {\n                1024: {\n                    enabled: false\n                }\n            },\n            on: {\n                autoplayTimeLeft(swiper, time, progress) {\n                    let currentSlide = carousel.querySelectorAll('.swiper-slide')[swiper.activeIndex]\n                    let currentBullet = carousel.querySelectorAll('.swiper-pagination-progress')[swiper.realIndex]\n                    let fullTime = currentSlide.dataset.swiperAutoplay ? parseInt(currentSlide.dataset.swiperAutoplay) : swiper.params.autoplay.delay;\n\n                    let percentage = Math.min(Math.max(parseFloat(((fullTime - time) * 100 / fullTime).toFixed(1)), 0), 100) + '%';\n\n                    gsap.set(currentBullet, { width: percentage });\n                },\n                transitionEnd(swiper) {\n                    let allBullets = carousel.querySelectorAll('.swiper-pagination-progress');\n                    let bulletsBefore = Array.prototype.slice.call(allBullets, 0, swiper.realIndex);\n                    let bulletsAfter = Array.prototype.slice.call(allBullets, swiper.realIndex, allBullets.length);\n                    if (bulletsBefore.length) { gsap.set(bulletsBefore, { width: '100%' }) }\n                    if (bulletsAfter.length) { gsap.set(bulletsAfter, { width: '0%' }) }\n\n                    let activeSlide = carousel.querySelectorAll('.swiper-slide')[swiper.realIndex];\n                    if (activeSlide.querySelector('video')) {\n                        activeSlide.querySelector('video').currentTime = 0;\n                    }\n                },\n            }\n        });\n    }\n\n\n}"],"names":["DoubleColCarousel","el","carousel","Swiper","index","className","swiper","time","progress","currentSlide","currentBullet","fullTime","percentage","gsap","allBullets","bulletsBefore","bulletsAfter","activeSlide"],"mappings":"sHAOe,MAAMA,CAAkB,CACnC,YAAYC,EAAI,CACZ,KAAK,OAAS,KACd,KAAK,SAAWA,CACnB,CAED,MAAO,CACH,KAAK,WAAW,KAAK,QAAQ,CAChC,CAED,WAAWC,EAAU,CACjB,KAAK,OAAS,IAAIC,EAAOD,EAAU,CAC/B,UAAW,aACX,oBAAqB,GAErB,KAAM,GACN,MAAO,IACP,SAAU,CACN,MAAO,KACP,qBAAsB,EACzB,EACD,cAAe,EACf,SAAU,CACN,QAAS,GACT,eAAgB,EACnB,EACD,WAAY,CACR,GAAI,qBACJ,aAAc,SAAUE,EAAOC,EAAW,CACtC,MAAO,eAAiBA,EAAY,0DACvC,CACJ,EACD,YAAa,CACT,KAAM,CACF,QAAS,EACZ,CACJ,EACD,GAAI,CACA,iBAAiBC,EAAQC,EAAMC,EAAU,CACrC,IAAIC,EAAeP,EAAS,iBAAiB,eAAe,EAAEI,EAAO,WAAW,EAC5EI,EAAgBR,EAAS,iBAAiB,6BAA6B,EAAEI,EAAO,SAAS,EACzFK,EAAWF,EAAa,QAAQ,eAAiB,SAASA,EAAa,QAAQ,cAAc,EAAIH,EAAO,OAAO,SAAS,MAExHM,EAAa,KAAK,IAAI,KAAK,IAAI,aAAaD,EAAWJ,GAAQ,IAAMI,GAAU,QAAQ,CAAC,CAAC,EAAG,CAAC,EAAG,GAAG,EAAI,IAE3GE,EAAK,IAAIH,EAAe,CAAE,MAAOE,CAAY,CAAA,CAChD,EACD,cAAcN,EAAQ,CAClB,IAAIQ,EAAaZ,EAAS,iBAAiB,6BAA6B,EACpEa,EAAgB,MAAM,UAAU,MAAM,KAAKD,EAAY,EAAGR,EAAO,SAAS,EAC1EU,EAAe,MAAM,UAAU,MAAM,KAAKF,EAAYR,EAAO,UAAWQ,EAAW,MAAM,EACzFC,EAAc,QAAUF,EAAK,IAAIE,EAAe,CAAE,MAAO,MAAM,CAAE,EACjEC,EAAa,QAAUH,EAAK,IAAIG,EAAc,CAAE,MAAO,IAAI,CAAE,EAEjE,IAAIC,EAAcf,EAAS,iBAAiB,eAAe,EAAEI,EAAO,SAAS,EACzEW,EAAY,cAAc,OAAO,IACjCA,EAAY,cAAc,OAAO,EAAE,YAAc,EAExD,CACJ,CACb,CAAS,CACJ,CAGL"}