{"version":3,"file":"js/feature-block.f04d65d2b773e5c4d8dd.js","mappings":"mBAAAA,SAASC,iBAAiB,oBAAoB,WAC1C,MAAMC,EAAeF,SAASG,iBAAiB,oDACzCC,EAAsBJ,SAASK,eAAe,8BAC9CC,EAAeF,EAAsBG,KAAKC,MAAMJ,EAAoBK,WAAa,CAAC,EACxFP,EAAaQ,SAASC,IAClB,MAAMC,EAAQZ,SAASa,cAAc,SACrC,IAAIC,GAAU,EAcd,MAAMC,EAAOJ,EAAQE,cAAc,cAC/BE,IAEAA,EAAKC,YAAcV,EAAaW,OAEpC,MAAMC,EAAaP,EAAQE,cAAc,gCACzCK,GAAYjB,iBAAiB,SAAS,IAlBtC,SAAyBc,EAAsBG,GAC3CJ,GAAWA,EACPC,IAEAA,EAAKC,YAAcF,EAAUR,EAAaW,MAAQX,EAAaa,OAEnED,EAAWE,aAAa,aAAcN,EAAUR,EAAae,WAAaf,EAAagB,YACvFJ,EAAWK,UAAUC,OAAOV,EAAU,SAAW,WACjDI,EAAWK,UAAUE,IAAIX,EAAU,UAAY,UAC/CA,EAAUF,GAAOc,OAASd,GAAOK,OACrC,CAQ4CU,CAAgBZ,EAAMG,IAAiC,GAE3G,G","sources":["webpack:///./Features/Components/FeatureBlock/js/feature-block.ts"],"sourcesContent":["document.addEventListener('DOMContentLoaded', function () {\r\n    const featureVideo = document.querySelectorAll('.feature__video-container, .feature-boxed__media');\r\n    const translationsElement = document.getElementById(\"feature-block-translations\");\r\n    const translations = translationsElement ? JSON.parse(translationsElement.innerText) : {};\r\n    featureVideo.forEach((feature) => {\r\n        const video = document.querySelector('video');       \r\n        let playing = true;        \r\n        \r\n        function togglePlayPause(text: Element | null, playButton: HTMLButtonElement) {\r\n            playing = !playing;\r\n            if (text)\r\n            {\r\n                text.textContent = playing ? translations.pause : translations.start;\r\n            }\r\n            playButton.setAttribute('aria-label', playing ? translations.pauseVideo : translations.startVideo);\r\n            playButton.classList.remove(playing ? 'paused' : 'playing');\r\n            playButton.classList.add(playing ? 'playing' : 'paused');\r\n            playing ? video?.play() : video?.pause();\r\n        }        \r\n        \r\n        const text = feature.querySelector('.ctrl-text');\r\n        if (text)\r\n        {\r\n            text.textContent = translations.pause\r\n        }\r\n        const playButton = feature.querySelector('.video-controls__play-button');\r\n        playButton?.addEventListener('click', () => togglePlayPause(text, playButton as HTMLButtonElement));\r\n    });\r\n});"],"names":["document","addEventListener","featureVideo","querySelectorAll","translationsElement","getElementById","translations","JSON","parse","innerText","forEach","feature","video","querySelector","playing","text","textContent","pause","playButton","start","setAttribute","pauseVideo","startVideo","classList","remove","add","play","togglePlayPause"],"sourceRoot":""}