{"version":3,"file":"slider-CLbko_Fn.js","sources":["../../Frontend/js/modules/slider.js"],"sourcesContent":["import Flickity from \"flickity\";\r\nimport globalContext from \"../const/globalContext\";\r\n\r\nexport default function fSlider() {\r\n    const sliders = document.querySelectorAll('.js-slider');\r\n\r\n    function createSlider(slider) {\r\n        const slides = slider.querySelector('.js-slider-slides');\r\n        const nextButton = slider.querySelector('.js-next-slide');\r\n        const prevButton = slider.querySelector('.js-prev-slide');\r\n        const nextButtonMobile = slider.querySelector('.js-next-slide-mobile');\r\n        const prevButtonMobile = slider.querySelector('.js-prev-slide-mobile');\r\n        let isMobile = false;\r\n\r\n        if(globalContext.iScreenWidth < globalContext.mobileBreakpoint){\r\n            isMobile = true;\r\n        }\r\n\r\n        window.addEventListener('resize', () => {\r\n            globalContext.iScreenWidth = window.innerWidth;\r\n\r\n            if(globalContext.iScreenWidth < globalContext.mobileBreakpoint){\r\n                isMobile = true;\r\n            }\r\n        });\r\n\r\n        const flkty = new Flickity(slides, {\r\n            cellAlign: 'left',\r\n            contain: true,\r\n            pageDots: false,\r\n            imagesLoaded: true,\r\n            lazyLoad: 2,\r\n            prevNextButtons: false,\r\n            wrapAround: false,\r\n            freeScroll: false,\r\n            draggable: isMobile\r\n        });\r\n\r\n        let currentSlide = flkty.selectedIndex + 1;\r\n\r\n        if (prevButton) {\r\n            prevButton.classList.add(\"disable-prev\");\r\n        }\r\n\r\n        if (prevButtonMobile) {\r\n            prevButtonMobile.style.display = 'none';\r\n        }\r\n\r\n        function fUpdateButtons() {\r\n            if(currentSlide === flkty.slides.length) {\r\n\r\n                if (nextButton) {\r\n                    nextButton.classList.add(\"disable-next\");\r\n                }\r\n\r\n                if (nextButtonMobile) {\r\n                    nextButtonMobile.style.display = 'none';\r\n                }\r\n            }\r\n            else if (currentSlide === 1) {\r\n                if (prevButton) {\r\n                    prevButton.classList.add(\"disable-prev\");\r\n                }\r\n\r\n                if (prevButtonMobile) {\r\n                    prevButtonMobile.style.display = 'none';\r\n                }\r\n            }\r\n            else if ((currentSlide > 1 || currentSlide < flkty.slides.length) && currentSlide !== flkty.slides.length) {\r\n                if (prevButton && nextButton) {\r\n                    prevButton.classList.remove(\"disable-prev\");\r\n                    nextButton.classList.remove(\"disable-next\");\r\n                }\r\n\r\n                if (nextButtonMobile) {\r\n                    nextButtonMobile.style.display = null;\r\n                }\r\n\r\n                if (prevButtonMobile) {\r\n                    prevButtonMobile.style.display = null;\r\n                }\r\n            }\r\n        }\r\n\r\n        function fShowNext() {\r\n            if(currentSlide !== flkty.slides.length) {\r\n                flkty.next();\r\n            } else {\r\n                flkty.previous();\r\n            }\r\n        }\r\n\r\n        function fShowPrevious() {\r\n            if(currentSlide !== 1) {\r\n                flkty.previous();\r\n            } else {\r\n                flkty.next();\r\n            }\r\n        }\r\n\r\n        if (nextButtonMobile) {\r\n            nextButtonMobile.addEventListener('click', fShowNext);\r\n        }\r\n        if (prevButtonMobile) {\r\n            prevButtonMobile.addEventListener('click', fShowPrevious);\r\n        }\r\n\r\n        if (prevButton) {\r\n            prevButton.addEventListener('click', fShowPrevious);\r\n        }\r\n\r\n        if (nextButton) {\r\n            nextButton.addEventListener('click', fShowNext);\r\n        }\r\n\r\n        flkty.on( 'change', function( index ) {\r\n            currentSlide = index + 1;\r\n\r\n            fUpdateButtons();\r\n        });\r\n    }\r\n\r\n    sliders.forEach((slider) => {\r\n        createSlider(slider);\r\n    });\r\n}\r\n"],"names":["fSlider","sliders","createSlider","slider","slides","nextButton","prevButton","nextButtonMobile","prevButtonMobile","isMobile","globalContext","flkty","Flickity","currentSlide","fUpdateButtons","fShowNext","fShowPrevious","index"],"mappings":"sHAGe,SAASA,GAAU,CAC9B,MAAMC,EAAU,SAAS,iBAAiB,YAAY,EAEtD,SAASC,EAAaC,EAAQ,CAC1B,MAAMC,EAASD,EAAO,cAAc,mBAAmB,EACjDE,EAAaF,EAAO,cAAc,gBAAgB,EAClDG,EAAaH,EAAO,cAAc,gBAAgB,EAClDI,EAAmBJ,EAAO,cAAc,uBAAuB,EAC/DK,EAAmBL,EAAO,cAAc,uBAAuB,EACrE,IAAIM,EAAW,GAEZC,EAAc,aAAeA,EAAc,mBAC1CD,EAAW,IAGf,OAAO,iBAAiB,SAAU,IAAM,CACpCC,EAAc,aAAe,OAAO,WAEjCA,EAAc,aAAeA,EAAc,mBAC1CD,EAAW,GAE3B,CAAS,EAED,MAAME,EAAQ,IAAIC,EAASR,EAAQ,CAC/B,UAAW,OACX,QAAS,GACT,SAAU,GACV,aAAc,GACd,SAAU,EACV,gBAAiB,GACjB,WAAY,GACZ,WAAY,GACZ,UAAWK,CACvB,CAAS,EAED,IAAII,EAAeF,EAAM,cAAgB,EAErCL,GACAA,EAAW,UAAU,IAAI,cAAc,EAGvCE,IACAA,EAAiB,MAAM,QAAU,QAGrC,SAASM,GAAiB,CACnBD,IAAiBF,EAAM,OAAO,QAEzBN,GACAA,EAAW,UAAU,IAAI,cAAc,EAGvCE,IACAA,EAAiB,MAAM,QAAU,SAGhCM,IAAiB,GAClBP,GACAA,EAAW,UAAU,IAAI,cAAc,EAGvCE,IACAA,EAAiB,MAAM,QAAU,UAG/BK,EAAe,GAAKA,EAAeF,EAAM,OAAO,SAAWE,IAAiBF,EAAM,OAAO,SAC3FL,GAAcD,IACdC,EAAW,UAAU,OAAO,cAAc,EAC1CD,EAAW,UAAU,OAAO,cAAc,GAG1CE,IACAA,EAAiB,MAAM,QAAU,MAGjCC,IACAA,EAAiB,MAAM,QAAU,MAG5C,CAED,SAASO,GAAY,CACdF,IAAiBF,EAAM,OAAO,OAC7BA,EAAM,KAAI,EAEVA,EAAM,SAAQ,CAErB,CAED,SAASK,GAAgB,CAClBH,IAAiB,EAChBF,EAAM,SAAQ,EAEdA,EAAM,KAAI,CAEjB,CAEGJ,GACAA,EAAiB,iBAAiB,QAASQ,CAAS,EAEpDP,GACAA,EAAiB,iBAAiB,QAASQ,CAAa,EAGxDV,GACAA,EAAW,iBAAiB,QAASU,CAAa,EAGlDX,GACAA,EAAW,iBAAiB,QAASU,CAAS,EAGlDJ,EAAM,GAAI,SAAU,SAAUM,EAAQ,CAClCJ,EAAeI,EAAQ,EAEvBH,GACZ,CAAS,CACJ,CAEDb,EAAQ,QAASE,GAAW,CACxBD,EAAaC,CAAM,CAC3B,CAAK,CACL"}