{"version":3,"file":"js/meetings_search_engine-meetings_search_engine-js-e62e5156fbb79cf80b13.chunk.js","mappings":"2IAGA,MAAMA,EAAiBC,SAASC,cAAc,mDAE9C,GAAIF,EAAgB,CAClB,MAAMG,EAAc,SAAUC,GAC5B,MAAMC,EAAaL,EAAeE,cAAc,OAE3CG,IAELA,EAAWC,IAAMD,EAAWE,QAAQH,GACtC,EAEII,EAAAA,EAAcC,UAChBN,EAAY,WAGdO,EAAAA,EAAAA,GAAa,0BACf,C,mCCJA,MAQA,EARmB,SAACC,EAAMC,GACxB,MAAMC,EAAmB,IAAIC,sBAAqBC,IAChDA,EAAQC,SAAQC,GAASL,EAASK,IAAO,GAFFC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAC,GAK7C,OADAL,EAAiBQ,QAAQV,GAClBE,CACT,C,qECjBA,MAAMS,EAAmB,gBAEzB,SAASC,EAAKC,GAAwB,IAAbC,EAAMP,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAC,EACjC,MAAMQ,OAA+BN,IAApBK,EAAOC,UAAyBD,EAAOE,SAClDC,OAAuBR,IAAhBK,EAAOG,MAAqBH,EAAOG,KAC1CC,OAA2DT,IAAlCK,EAAOI,wBAAuCJ,EAAOI,uBAEpFL,EAAUR,SAAQc,IAChB,GAAIA,EAAMC,UAAUC,SAASV,GAAmB,OAEhD,MAAMW,EAAWH,EAAMvB,QAAQ2B,IAAMJ,EAAMvB,QAAQ2B,IAAM,GAEzD,GAAIC,EAAAA,GAAAA,cAAmB,CACrB,MAAMC,EAAM,IAAID,EAAAA,GAChBC,EAAIC,WAAWJ,GACfG,EAAIE,YAAYR,EAClB,MAAWA,EAAMS,YAAY,kCAC3BT,EAAMU,aAAa,MAAOP,GAG5BH,EAAMC,UAAUU,IAAInB,GAEpBQ,EAAMY,OAAQ,EACdZ,EAAMJ,SAAWA,EACjBI,EAAMF,KAAOA,EACbE,EAAMa,YAAcjB,EAEhBG,IACFe,EAAAA,EAAAA,GAAWd,GAAOe,IACZA,EAAQC,gBACT,CAAC,iBAAkB,SAAS9B,SAAQ+B,IACnCjB,EAAMkB,iBAAiBD,GAAO,KAE5BE,YAAW,KACTnB,EACGoB,OACAC,MAAK,SAGLC,OAAMC,OAEL,GAToB,UAAVN,EAAoB,GAAK,EAU9B,GACX,GAEN,GAEJ,GAEJ,CAEO,SAASrC,EAAa4C,EAAc7B,GACzC,MAAM8B,EAAgBtD,SAASuD,iBAAiB,GAAGF,gBAE/CC,EAAcpC,QAChBI,EAAKgC,EAAe9B,EAExB,CAEO,SAASgC,EAAmB9C,EAAMc,GACvC,MAAM8B,EAAgB5C,EAAK6C,iBAAiB,cAExCD,EAAcpC,QAChBI,EAAKgC,EAAe9B,EAExB,C","sources":["webpack://cms-web/./app/frontend/src/blocks/meetings_search_engine/meetings_search_engine.js","webpack://cms-web/./app/frontend/src/utils/inViewport.js","webpack://cms-web/./app/frontend/src/utils/load_hls_video.js"],"sourcesContent":["import { currentDevice } from '../../core/utils/currentDevice'\nimport { loadHlsVideo } from '../../utils/load_hls_video'\n\nconst meetingsSearch = document.querySelector('.meetings-search-engine, .meetings-header-image')\n\nif (meetingsSearch) {\n  const changeImage = function (type) {\n    const imgElement = meetingsSearch.querySelector('img')\n\n    if (!imgElement) return\n\n    imgElement.src = imgElement.dataset[type]\n  }\n\n  if (currentDevice.isMobile) {\n    changeImage('mobile')\n  }\n\n  loadHlsVideo('.meetings-search-engine')\n}\n","/**\n * Observes an element's visibility in viewport.\n *\n * @param {*} elem\n * @param {*} callback - function to execute when it detects that an element's visibility has crossed one or more thresholds\n * @param {*} options - see available options on https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver\n *\n * @example\n  inViewport('.target', (element) => {\n    console.log(`Element is visible? ${element.isIntersecting}`)\n  }, {\n    root: document.querySelector('.scroll')\n  })\n *\n */\nconst inViewport = (elem, callback, options = {}) => {\n  const observerInstance = new IntersectionObserver(entries => {\n    entries.forEach(entry => callback(entry))\n  }, options)\n  observerInstance.observe(elem)\n  return observerInstance\n}\n\nexport default inViewport\n","import Hls from 'hls.js'\n\nimport inViewport from '../utils/inViewport'\n\nconst HLS_LOADED_CLASS = 'is-hls-loaded'\n\nfunction init(hlsVideos, config = {}) {\n  const autoplay = config.autoplay !== undefined ? config.autoPlay : true\n  const loop = config.loop !== undefined ? config.loop : true\n  const playsWhenEnterViewport = config.playsWhenEnterViewport !== undefined ? config.playsWhenEnterViewport : true\n\n  hlsVideos.forEach(video => {\n    if (video.classList.contains(HLS_LOADED_CLASS)) return\n\n    const videoSrc = video.dataset.url ? video.dataset.url : ''\n\n    if (Hls.isSupported()) {\n      const hls = new Hls()\n      hls.loadSource(videoSrc)\n      hls.attachMedia(video)\n    } else if (video.canPlayType('application/vnd.apple.mpegurl')) {\n      video.setAttribute('src', videoSrc)\n    }\n\n    video.classList.add(HLS_LOADED_CLASS)\n\n    video.muted = true\n    video.autoplay = autoplay\n    video.loop = loop\n    video.playsInline = autoplay\n\n    if (playsWhenEnterViewport) {\n      inViewport(video, element => {\n        if (element.isIntersecting) {\n          ;['canplaythrough', 'ended'].forEach(event => {\n            video.addEventListener(event, () => {\n              const timeout = event === 'ended' ? 10 : 0\n              setTimeout(() => {\n                video\n                  .play()\n                  .then(() => {\n                    // console.log(`Video played on event ${event}`)\n                  })\n                  .catch(error => {\n                    // console.log(`Error calling play() on video on event${event}`, error)\n                  })\n              }, timeout)\n            })\n          })\n        }\n      })\n    }\n  })\n}\n\nexport function loadHlsVideo(baseSelector, config) {\n  const videoElements = document.querySelectorAll(`${baseSelector} .hls-video`)\n\n  if (videoElements.length) {\n    init(videoElements, config)\n  }\n}\n\nexport function loadHlsVideoByElem(elem, config) {\n  const videoElements = elem.querySelectorAll('.hls-video')\n\n  if (videoElements.length) {\n    init(videoElements, config)\n  }\n}\n"],"names":["meetingsSearch","document","querySelector","changeImage","type","imgElement","src","dataset","currentDevice","isMobile","loadHlsVideo","elem","callback","observerInstance","IntersectionObserver","entries","forEach","entry","arguments","length","undefined","observe","HLS_LOADED_CLASS","init","hlsVideos","config","autoplay","autoPlay","loop","playsWhenEnterViewport","video","classList","contains","videoSrc","url","Hls","hls","loadSource","attachMedia","canPlayType","setAttribute","add","muted","playsInline","inViewport","element","isIntersecting","event","addEventListener","setTimeout","play","then","catch","error","baseSelector","videoElements","querySelectorAll","loadHlsVideoByElem"],"sourceRoot":""}