{"version":3,"file":"hero_carousel-KI6TPQhL.js","sources":["../../../app/javascript/entrypoints/js/carousels/hero_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 HeroCarousel {\n    constructor(el) {\n        this.carousel = el;\n        this.swiper = null;\n    }\n\n    init() {\n\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: 7000,\n                disableOnInteraction: true,\n            },\n            slidesPerView: 1,\n            navigation: {\n                nextEl: \".carousel-button-next\",\n                prevEl: \".carousel-button-prev\",\n            },\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\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}\n\n\n"],"names":["HeroCarousel","el","carousel","Swiper","index","className","swiper","time","progress","currentSlide","currentBullet","fullTime","percentage","gsap","allBullets","bulletsBefore","bulletsAfter"],"mappings":"sHAOe,MAAMA,CAAa,CAC9B,YAAYC,EAAI,CACZ,KAAK,SAAWA,EAChB,KAAK,OAAS,IACjB,CAED,MAAO,CAEH,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,IACP,qBAAsB,EACzB,EACD,cAAe,EACf,WAAY,CACR,OAAQ,wBACR,OAAQ,uBACX,EACD,SAAU,CACN,QAAS,GACT,eAAgB,EACnB,EACD,WAAY,CACR,GAAI,qBACJ,aAAc,SAAUE,EAAOC,EAAW,CACtC,MAAO,eAAiBA,EAAY,0DACvC,CACJ,EAED,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,CAMpE,CACJ,CACb,CAAS,CACJ,CAGL"}