{"version":3,"file":"288-bundle.js","mappings":"s1BAqDA,QAnDwB,WACpB,SAAAA,EAAYC,I,4FAAUC,CAAA,KAAAF,GAClBG,KAAKF,SAAWA,EAChBE,KAAKC,cAAgBC,SAASC,iBAAiBL,GAC/CE,KAAKI,mBACLC,OAAOC,iBAAiB,SAAUN,KAAKI,iBAAiBG,KAAKP,MACjE,C,UA0CC,O,EA1CAH,G,EAAA,EAAAW,IAAA,mBAAAC,MAED,WAAmB,IAAAC,EAAA,KACfV,KAAKC,cAAcU,SAAQ,SAAAC,GACvB,GAAIA,IAAiBA,EAAaC,OAAQ,CACtC,IAAIA,GAASC,EAAAA,EAAAA,GAAQF,EAAc,CAC/BG,cAAc,EACdC,mBAAmB,EACnBC,cAAc,IAElBL,EAAaC,OAASA,EACtBH,EAAKQ,YAAYL,EAAQD,EAC7B,CACJ,GACJ,GAAC,CAAAJ,IAAA,cAAAC,MAED,SAAYI,EAAQM,GAChB,IAAMC,EAAqBD,EAAiBE,cAAc,uBACpDC,EAAsBH,EAAiBE,cAAc,wBACrDE,EAAqBJ,EAAiBE,cAAc,uBAEpDG,EAAcJ,EAAqBA,EAAmBK,aAAa,OAAS,GAC5EC,EAAeJ,EAAsBA,EAAoBG,aAAa,OAAS,GAC/EE,EAAcJ,EAAqBA,EAAmBE,aAAa,OAAS,GAE5EG,EAAcvB,OAAOwB,WAEvBC,EAAY,IAGZA,EADAF,GAAe,IACHD,EACLC,GAAe,IACVF,EAEAF,GAIZX,EAAOkB,IAAI,CAAEC,KAAM,YAAaD,IAAKD,IAErCG,QAAQC,MAAM,8BAEtB,M,8EAACrC,CAAA,CAhDmB,E","sources":["webpack://client/./src/javascript/modules/ambient-video.js"],"sourcesContent":["import videojs from 'video.js';\r\n\r\nclass AmbientVideoModule {\r\n constructor(selector) {\r\n this.selector = selector;\r\n this.ambientVideos = document.querySelectorAll(selector);\r\n this.initAmbientVideo();\r\n window.addEventListener('resize', this.initAmbientVideo.bind(this));\r\n }\r\n\r\n initAmbientVideo() {\r\n this.ambientVideos.forEach(ambientVideo => {\r\n if (ambientVideo && !ambientVideo.player) {\r\n let player = videojs(ambientVideo, {\r\n modalDialogs: false,\r\n textTrackSettings: false,\r\n errorDisplay: false\r\n });\r\n ambientVideo.player = player;\r\n this.updateVideo(player, ambientVideo);\r\n }\r\n });\r\n }\r\n\r\n updateVideo(player, heroVideoElement) {\r\n const largeSourceElement = heroVideoElement.querySelector('[data-large-source]');\r\n const mediumSourceElement = heroVideoElement.querySelector('[data-medium-source]');\r\n const smallSourceElement = heroVideoElement.querySelector('[data-small-source]');\r\n\r\n const largeSource = largeSourceElement ? largeSourceElement.getAttribute('src') : '';\r\n const mediumSource = mediumSourceElement ? mediumSourceElement.getAttribute('src') : '';\r\n const smallSource = smallSourceElement ? smallSourceElement.getAttribute('src') : '';\r\n\r\n const screenWidth = window.innerWidth;\r\n\r\n let sourceURL = '';\r\n\r\n if (screenWidth <= 480) {\r\n sourceURL = smallSource;\r\n } else if (screenWidth <= 769) {\r\n sourceURL = mediumSource;\r\n } else {\r\n sourceURL = largeSource;\r\n }\r\n\r\n if (sourceURL) {\r\n player.src({ type: 'video/mp4', src: sourceURL });\r\n } else {\r\n console.error('Video source URL not found.');\r\n }\r\n }\r\n}\r\n\r\nexport default AmbientVideoModule;\r\n"],"names":["AmbientVideoModule","selector","_classCallCheck","this","ambientVideos","document","querySelectorAll","initAmbientVideo","window","addEventListener","bind","key","value","_this","forEach","ambientVideo","player","videojs","modalDialogs","textTrackSettings","errorDisplay","updateVideo","heroVideoElement","largeSourceElement","querySelector","mediumSourceElement","smallSourceElement","largeSource","getAttribute","mediumSource","smallSource","screenWidth","innerWidth","sourceURL","src","type","console","error"],"sourceRoot":""}