{"version":3,"file":"js/modules/standalone/clientLogos.ui.bundle.js","mappings":"yBAAO,MAAMA,EAAc,CACvBC,iBAAkBA,KACd,IAAIC,EAAqBC,SAASC,iBAAiB,oBAC/CC,EAAaF,SAASC,iBAAiB,mBAEvCF,EAAmBI,QACnBJ,EAAmBK,SAAQ,CAACC,EAAkBC,KAE1C,IAAIC,EAAmBF,EAAiBJ,iBAAiB,2BAA2BE,OAChFK,EAAQH,EAAiBI,cAAc,2BACvCC,EAAQL,EAAiBM,QAAQD,MAGjCE,EAAWZ,SAASa,cAAc,SACtCD,EAASE,KAAO,WACZT,EAAiBU,UAAUC,SAAS,iCACpCJ,EAASK,UAAY,oBAAoBX,4EAAuFC,EAAmB,EAA1B,eAEzHK,EAASK,UAAY,oBAAoBX,uEAAmFC,EAAmB,GAA1B,eAGzHP,SAASkB,KAAKC,YAAYP,GAItBP,EAAiBU,UAAUC,SAAS,iCACpCR,EAAMY,aAAa,QAAS,UAAU,IAAMb,yBAAwCD,UAAcI,sBAElGF,EAAMY,aAAa,QAAS,UAAU,IAAMb,yBAAwCD,KAASI,qBACjG,IAIJR,EAAWC,QACXD,EAAWE,SAASiB,IAChB,IAAIC,EAAYD,EAAKE,QAAQ,+BACdD,EAAUb,cAAc,oBAE1BM,UAAUC,SAAS,2BAC5BK,EAAKN,UAAUS,IAAI,iCAGvBH,EAAKI,iBAAiB,SAAS,KAC3BH,EAAUP,UAAUW,OAAO,qCAC3BL,EAAKN,UAAUW,OAAO,+BAA+B,GACvD,GAEV,EAGJC,KAAMA,KACF9B,EAAYC,kBAAkB,GAItCE,SAASyB,iBAAiB,oBAAoB,KAC1C5B,EAAY8B,MAAM,G","sources":["webpack:///./UI/js/core/modules/standalone/clientLogos.js"],"sourcesContent":["export const clientLogos = {\r\n    setupClientLogos: () => {\r\n        let clientLogosModules = document.querySelectorAll('.js-client-logos');\r\n        let pauseIcons = document.querySelectorAll('.js-logos-pause');\r\n\r\n        if (clientLogosModules.length) {\r\n            clientLogosModules.forEach((clientLogoModule, index) => {\r\n                //check how many logo elements we have\r\n                let numberOfElements = clientLogoModule.querySelectorAll('.cl-client-logos__slide').length;\r\n                let track = clientLogoModule.querySelector('.cl-client-logos__track');\r\n                let speed = clientLogoModule.dataset.speed;\r\n\r\n                // Create a <style> tag and add it to the head on the fly. We do this because we cant calculate the math that the animation needs otherwise\r\n                let keyframe = document.createElement('style');\r\n                keyframe.type = 'text/css';\r\n                if (clientLogoModule.classList.contains('cl-client-logos--scroll-right')) {\r\n                    keyframe.innerHTML = `@keyframes scroll${index}right {  0% { transform: translateX(0); } 100% { transform: translateX( ${211 * (numberOfElements / 2)}px ) }  }`;\r\n                } else {\r\n                    keyframe.innerHTML = `@keyframes scroll${index} {  0% { transform: translateX(0); } 100% { transform: translateX( ${-211 * (numberOfElements / 2)}px ) }  }`;\r\n                }\r\n\r\n                document.head.appendChild(keyframe);\r\n\r\n                //set the appropriate width and animation for each client logo section\r\n                //1.25s is the speed if it needs to be modified\r\n                if (clientLogoModule.classList.contains('cl-client-logos--scroll-right')) {\r\n                    track.setAttribute('style', `width: ${211 * numberOfElements}px; animation: scroll${index}right ${speed}s linear infinite`);\r\n                } else {\r\n                    track.setAttribute('style', `width: ${211 * numberOfElements}px; animation: scroll${index} ${speed}s linear infinite`);\r\n                }\r\n            });\r\n        }\r\n\r\n        if (pauseIcons.length) {\r\n            pauseIcons.forEach((icon) => {\r\n                let container = icon.closest('.cl-client-logos__container');\r\n                let carousel = container.querySelector('.cl-client-logos');\r\n\r\n                if (carousel.classList.contains('cl-client-logos--black')) {\r\n                    icon.classList.add('cl-client-logos__pause--light');\r\n                }\r\n\r\n                icon.addEventListener('click', () => {\r\n                    container.classList.toggle('cl-client-logos__container--pause');\r\n                    icon.classList.toggle('cl-client-logos__pause--play');\r\n                });\r\n            });\r\n        }\r\n    },\r\n\r\n    init: () => {\r\n        clientLogos.setupClientLogos();\r\n    },\r\n};\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    clientLogos.init();\r\n});\r\n"],"names":["clientLogos","setupClientLogos","clientLogosModules","document","querySelectorAll","pauseIcons","length","forEach","clientLogoModule","index","numberOfElements","track","querySelector","speed","dataset","keyframe","createElement","type","classList","contains","innerHTML","head","appendChild","setAttribute","icon","container","closest","add","addEventListener","toggle","init"],"sourceRoot":""}