{"version":3,"file":"refreshedcustomerfeedbackcarouselblock.2c9fe2b1.js","mappings":"AACIA,OAAOC,YAAcD,OAAOC,aAAe,CAAC,EAC5CD,OAAOC,YAAYC,uCAAyCF,OAAOC,YAAYC,wCAA0C,CAAC,EAC1HF,OAAOC,YAAYC,uCAAuCC,KAAO,WAI7D,SAASC,EAAWC,GAEhB,IAAMC,EAAaC,SAASC,eAAe,cAAgBH,GACrDI,EAAaF,SAASC,eAAe,cAAgBH,GAGrDK,EAAS,IAAIC,OAAO,2BAA6BN,EAAU,KAAM,CACnEO,UAAW,aACXC,cAAe,OACfC,aAAc,EACdC,MAAM,EACNC,WAAY,CACRC,OAAQR,EACRS,OAAQZ,KAKhBa,cAAgB,SAAUb,EAAYG,EAAYC,GAC1CA,EAAOU,aACFd,EAAWe,UAAUC,SAAS,cAC/BhB,EAAWe,UAAUE,IAAI,aAEzBd,EAAWY,UAAUC,SAAS,cAC9Bb,EAAWY,UAAUG,OAAO,cAEzBd,EAAOe,OACVnB,EAAWe,UAAUC,SAAS,cAC9BhB,EAAWe,UAAUG,OAAO,aAE3Bf,EAAWY,UAAUC,SAAS,cAC/Bb,EAAWY,UAAUE,IAAI,eAGzBjB,EAAWe,UAAUC,SAAS,cAC9BhB,EAAWe,UAAUG,OAAO,aAE5Bf,EAAWY,UAAUC,SAAS,cAC9Bb,EAAWY,UAAUG,OAAO,aAGxC,EAoBwBjB,SAASC,eAAe,cAAgBH,GAChDqB,iBAAiB,QAhBjC,SAAgChB,GAC5B,OAAO,SAAUiB,GACbjB,EAAOkB,YACPT,cAAcb,EAAYG,EAAYC,EAC1C,CACJ,CAW0CmB,CAAuBnB,IAEzCH,SAASC,eAAe,cAAgBH,GAChDqB,iBAAiB,QAZjC,SAAgChB,GAC5B,OAAO,SAAUiB,GACbjB,EAAOoB,YACPX,cAAcb,EAAYG,EAAYC,EAC1C,CACJ,CAO0CqB,CAAuBrB,GACrE,CAIA,IAAIsB,EAAgCzB,SAAS0B,iBAAiB,2BAE9D,GAAID,EAA8BE,OAC9B,IAAK,IAAIC,EAAM,EAAGA,EAAMH,EAA8BE,OAAQC,IAC1D/B,EACI4B,EAA8BG,GAAKC,aAAa,0BAQ5D,IAFA,IAAIC,EAAwB9B,SAAS0B,iBAAiB,2DAE7CK,EAAI,EAAGA,EAAID,EAAsBH,OAAQI,IAC9C,IAAK,IAAIX,EAAI,EAAGA,EAAIU,EAAsBC,GAAGC,SAASL,OAAQP,IAC1DU,EAAsBC,GAAGC,SAASZ,GAAGN,UAAUE,IAAI,gBAK3D,IAAIiB,EAA2BjC,SAAS0B,iBAAiB,4DAEzD,IAASK,EAAI,EAAGA,EAAIE,EAAyBN,OAAQI,IACjD,IAASX,EAAI,EAAGA,EAAIa,EAAyBF,GAAGC,SAASL,OAAQP,IAC7Da,EAAyBF,GAAGC,SAASZ,GAAGN,UAAUE,IAAI,cAGlE,EAEAvB,OAAOC,YAAYC,uCAAuCuC,WAAY","sources":["webpack://advanced-web/./UI/js/core/modules/refreshedcustomerfeedbackcarouselblock.js"],"sourcesContent":["(function () {\r\n    window.oneadvanced = window.oneadvanced || {};\r\n    window.oneadvanced.refreshedcustomerfeedbackcarouselblock = window.oneadvanced.refreshedcustomerfeedbackcarouselblock || {};\r\n    window.oneadvanced.refreshedcustomerfeedbackcarouselblock.init = function () {\r\n        //console.log(\"initializing refreshedcustomerfeedbackcarouselblock js.......\");\r\n\r\n        //This function is used to add the swipper for refreshedcustomerfeedbackcarouselblock\r\n        function cfcHandler(BlockId) {\r\n            // store the previous and next arrows html elements\r\n            const prevButton = document.getElementById('swiperPrev_' + BlockId);\r\n            const nextButton = document.getElementById('swiperNext_' + BlockId);\r\n\r\n            // initialise unique blockID swiper\r\n            const swiper = new Swiper('[data-stories-block-id=\"' + BlockId + '\"]', {\r\n                direction: 'horizontal',\r\n                slidesPerView: 'auto',\r\n                initialSlide: 0,\r\n                loop: false,\r\n                navigation: {\r\n                    nextEl: nextButton,\r\n                    prevEl: prevButton,\r\n                },\r\n            });\r\n\r\n            // Checks where the carousel is at (start, middle or end) and toggles visibility class for prev,next arrows\r\n            toggleButtons = function (prevButton, nextButton, swiper) {\r\n                if (swiper.isBeginning) {\r\n                    if (!prevButton.classList.contains('invisible')) {\r\n                        prevButton.classList.add('invisible');\r\n                    }\r\n                    if (nextButton.classList.contains('invisible')) {\r\n                        nextButton.classList.remove('invisible');\r\n                    }\r\n                } else if (swiper.isEnd) {\r\n                    if (prevButton.classList.contains('invisible')) {\r\n                        prevButton.classList.remove('invisible');\r\n                    }\r\n                    if (!nextButton.classList.contains('invisible')) {\r\n                        nextButton.classList.add('invisible');\r\n                    }\r\n                } else {\r\n                    if (prevButton.classList.contains('invisible')) {\r\n                        prevButton.classList.remove('invisible');\r\n                    }\r\n                    if (nextButton.classList.contains('invisible')) {\r\n                        nextButton.classList.remove('invisible');\r\n                    }\r\n                }\r\n            }\r\n\r\n            // This code below handles the cases when we have more than 1 carosuel with Swiper on the page.\r\n            // Otherwise, pressing one Swiper's next/prev button affects all swipers slides.\r\n            // Define separate event handlers for each swiper instance.\r\n            function createSlideNextHandler(swiper) {\r\n                return function (e) {\r\n                    swiper.slideNext();\r\n                    toggleButtons(prevButton, nextButton, swiper);\r\n                };\r\n            }\r\n\r\n            function createSlidePrevHandler(swiper) {\r\n                return function (e) {\r\n                    swiper.slidePrev();\r\n                    toggleButtons(prevButton, nextButton, swiper);\r\n                };\r\n            }\r\n\r\n            // Attach event handlers to the next prev buttons.\r\n            const slideNextButton = document.getElementById('swiperNext_' + BlockId);\r\n            slideNextButton.addEventListener('click', createSlideNextHandler(swiper));\r\n\r\n            const slidePrevButton = document.getElementById('swiperPrev_' + BlockId);\r\n            slidePrevButton.addEventListener('click', createSlidePrevHandler(swiper));\r\n        }\r\n\r\n\r\n        //Below code is to call the cfcHandler function defined above\r\n        var customerfeedbackcarouselblock = document.querySelectorAll('[data-stories-block-id]');\r\n\r\n        if (customerfeedbackcarouselblock.length) {\r\n            for (var cfc = 0; cfc < customerfeedbackcarouselblock.length; cfc++) {\r\n                cfcHandler(\r\n                    customerfeedbackcarouselblock[cfc].getAttribute('data-stories-block-id')\r\n                );\r\n            }\r\n        }\r\n\r\n        //Below Code is used to add swiper-slide class to the carousel for the larger screens other than mobile view\r\n        var swiper_wraper_content = document.querySelectorAll('.refreshedcustomerfeedbackcarouselblock .swiper-wrapper');\r\n\r\n        for (var i = 0; i < swiper_wraper_content.length; i++) {\r\n            for (var e = 0; e < swiper_wraper_content[i].children.length; e++) {\r\n                swiper_wraper_content[i].children[e].classList.add(\"swiper-slide\");\r\n            }\r\n        }\r\n\r\n        //Below Code is used to add swipe-slide class to the carousel only for mobile view\r\n        var swiper_container_content = document.querySelectorAll('.refreshedcustomerfeedbackcarouselblock .swipe-container');\r\n\r\n        for (var i = 0; i < swiper_container_content.length; i++) {\r\n            for (var e = 0; e < swiper_container_content[i].children.length; e++) {\r\n                swiper_container_content[i].children[e].classList.add(\"swipe-slide\");\r\n            }\r\n        }\r\n    };\r\n\r\n    window.oneadvanced.refreshedcustomerfeedbackcarouselblock.hasLoaded = true;\r\n})();"],"names":["window","oneadvanced","refreshedcustomerfeedbackcarouselblock","init","cfcHandler","BlockId","prevButton","document","getElementById","nextButton","swiper","Swiper","direction","slidesPerView","initialSlide","loop","navigation","nextEl","prevEl","toggleButtons","isBeginning","classList","contains","add","remove","isEnd","addEventListener","e","slideNext","createSlideNextHandler","slidePrev","createSlidePrevHandler","customerfeedbackcarouselblock","querySelectorAll","length","cfc","getAttribute","swiper_wraper_content","i","children","swiper_container_content","hasLoaded"],"sourceRoot":""}