{"version":3,"sources":["webpack:///./app/components/m/stage-static/index.js","webpack:///./app/core/js/libs/mp4Loops.js"],"names":["videoController","VideoController","initialize","constructor","selector","videoContainers","document","querySelectorAll","forEach","container","video","querySelector","playButton","pauseButton","setInitialState","style","display","handlePlayPause","e","target","play","focus","pause","setEventListeners","addEventListener","key"],"mappings":";;;;;;;;;;;AAAA;AAAA;AAA6D;AAE7D,MAAMA,eAAe,GAAG,IAAIC,8DAAe,CAAC,oBAAoB,CAAC;AACjED,eAAe,CAACE,UAAU,EAAE,C;;;;;;;;;;;;ACH5B;AAAA,MAAMD,eAAe,CAAC;EACpBE,WAAWA,CAACC,QAAQ,EAAE;IACpB,IAAI,CAACC,eAAe,GAAGC,QAAQ,CAACC,gBAAgB,CAACH,QAAQ,CAAC;EAC5D;EAEAF,UAAUA,CAAA,EAAG;IACX,IAAI,CAACG,eAAe,CAACG,OAAO,CAAEC,SAAS,IAAK;MAC1C,MAAMC,KAAK,GAAGD,SAAS,CAACE,aAAa,CAAC,OAAO,CAAC;MAC9C,MAAMC,UAAU,GAAGH,SAAS,CAACE,aAAa,CAAC,YAAY,CAAC;MACxD,MAAME,WAAW,GAAGJ,SAAS,CAACE,aAAa,CAAC,aAAa,CAAC;MAE1D,MAAMG,eAAe,GAAGA,CAAA,KAAM;QAC5B,IAAIF,UAAU,EAAEA,UAAU,CAACG,KAAK,CAACC,OAAO,GAAG,MAAM;QACjD,IAAIH,WAAW,EAAEA,WAAW,CAACE,KAAK,CAACC,OAAO,GAAG,MAAM;MACrD,CAAC;MAED,MAAMC,eAAe,GAAIC,CAAC,IAAK;QAC7B,IAAIA,CAAC,CAACC,MAAM,KAAKP,UAAU,EAAE;UAC3BF,KAAK,CAACU,IAAI,EAAE;UACZ,IAAIR,UAAU,EAAEA,UAAU,CAACG,KAAK,CAACC,OAAO,GAAG,MAAM;UACjD,IAAIH,WAAW,EAAE;YACfA,WAAW,CAACE,KAAK,CAACC,OAAO,GAAG,MAAM;YAClCH,WAAW,CAACQ,KAAK,EAAE;UACrB;QACF,CAAC,MAAM;UACLX,KAAK,CAACY,KAAK,EAAE;UACb,IAAIV,UAAU,EAAEA,UAAU,CAACG,KAAK,CAACC,OAAO,GAAG,MAAM;UACjD,IAAIH,WAAW,EAAE;YACfA,WAAW,CAACE,KAAK,CAACC,OAAO,GAAG,MAAM;YAClCJ,UAAU,CAACS,KAAK,EAAE;UACpB;QACF;MACF,CAAC;MAED,MAAME,iBAAiB,GAAGA,CAAA,KAAM;QAC9B,IAAI,CAACX,UAAU,IAAI,CAACC,WAAW,EAAE;QACjCD,UAAU,CAACY,gBAAgB,CAAC,OAAO,EAAEP,eAAe,CAAC;QACrDL,UAAU,CAACY,gBAAgB,CAAC,SAAS,EAAGN,CAAC,IAAK;UAC5C,IAAIA,CAAC,CAACO,GAAG,KAAK,OAAO,IAAIP,CAAC,CAACO,GAAG,KAAK,GAAG,EAAE;YACtCR,eAAe,CAACC,CAAC,CAAC;UACpB;QACF,CAAC,CAAC;QAEFL,WAAW,CAACW,gBAAgB,CAAC,OAAO,EAAEP,eAAe,CAAC;QACtDJ,WAAW,CAACW,gBAAgB,CAAC,SAAS,EAAGN,CAAC,IAAK;UAC7C,IAAIA,CAAC,CAACO,GAAG,KAAK,OAAO,IAAIP,CAAC,CAACO,GAAG,KAAK,GAAG,EAAE;YACtCR,eAAe,CAACC,CAAC,CAAC;UACpB;QACF,CAAC,CAAC;MACJ,CAAC;MAEDK,iBAAiB,EAAE;MACnBT,eAAe,EAAE;IACnB,CAAC,CAAC;EACJ;AACF;AAEeb,8EAAe,E","file":"stage-static.chunk.js","sourcesContent":["import VideoController from '../../../core/js/libs/mp4Loops';\r\n\r\nconst videoController = new VideoController('.stage-static__mp4');\r\nvideoController.initialize();\r\n","class VideoController {\r\n constructor(selector) {\r\n this.videoContainers = document.querySelectorAll(selector);\r\n }\r\n\r\n initialize() {\r\n this.videoContainers.forEach((container) => {\r\n const video = container.querySelector('video');\r\n const playButton = container.querySelector('.play-icon');\r\n const pauseButton = container.querySelector('.pause-icon');\r\n\r\n const setInitialState = () => {\r\n if (playButton) playButton.style.display = 'none';\r\n if (pauseButton) pauseButton.style.display = 'flex';\r\n };\r\n\r\n const handlePlayPause = (e) => {\r\n if (e.target === playButton) {\r\n video.play();\r\n if (playButton) playButton.style.display = 'none';\r\n if (pauseButton) {\r\n pauseButton.style.display = 'flex';\r\n pauseButton.focus();\r\n }\r\n } else {\r\n video.pause();\r\n if (playButton) playButton.style.display = 'flex';\r\n if (pauseButton) {\r\n pauseButton.style.display = 'none';\r\n playButton.focus();\r\n }\r\n }\r\n };\r\n\r\n const setEventListeners = () => {\r\n if (!playButton || !pauseButton) return;\r\n playButton.addEventListener('click', handlePlayPause);\r\n playButton.addEventListener('keydown', (e) => {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n handlePlayPause(e);\r\n }\r\n });\r\n\r\n pauseButton.addEventListener('click', handlePlayPause);\r\n pauseButton.addEventListener('keydown', (e) => {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n handlePlayPause(e);\r\n }\r\n });\r\n };\r\n\r\n setEventListeners();\r\n setInitialState();\r\n });\r\n }\r\n}\r\n\r\nexport default VideoController;\r\n"],"sourceRoot":""}