{"version":3,"file":"webpack-chunks/chunk.6791.4136d5a190c52fe31534.js","mappings":"sFAAqB,IAAIA,SAASC,iBAAiB,mBAAmBC,SACpEC,IACA,MAAMC,EAAYD,EAAGE,aAAa,mBAC5BC,EAAUH,EAAGE,aAAa,iBAC1BE,EAAWJ,EAAGE,aAAa,uBAC3BG,EAASL,EAAGM,cAAc,WAEhC,IAAIC,EAAa,CAChBC,YAAa,EACbC,SAAU,EACVL,SAAU,EACVM,KAAM,GAGW,SAAdT,EACHM,EAAaI,OAAOC,OAAO,GAAIL,EAAY,CAC1CM,KAAM,EACNC,SAAUX,IAEa,SAAdF,IACVM,EAAaI,OAAOC,OAAO,GAAIL,EAAY,CAC1CH,SAAAA,KAoBF,MAAMW,EAAM,IAAIC,GAAGC,OAAOZ,EAAQ,CACjCF,QAAAA,EACAI,WAAAA,EACAW,OAAQ,CACPC,QAAS,KACR,MAAMC,EAAuC,KAA3BL,EAAIM,cAAgB,IAEpB,SAAdpB,GACHqB,aAAY,KACXP,EAAIQ,OAAO,GACXR,EAAIS,cACFJ,GAEJL,EAAIS,aAELC,eAAc,OAAEC,EAAF,KAAUC,IACV,IAATA,GAhCP,SAAiB3B,EAAI4B,GACpB,MAAMC,EAAU7B,EAAGM,cAAc,qBAC3BwB,EAAU9B,EAAGM,cAAc,qBAC3ByB,EAAU/B,EAAGM,cAAc,qBAC3B0B,EAAShC,EAAGM,cAAc,uBACjBN,EAAGM,cAAc,UACzB2B,UAAUC,IAAI,aACrB,CAACF,EAAQH,EAASC,EAASC,GAAShC,SAASC,IACxCA,GAAM8B,EACT9B,EAAGmC,MAAMC,QAAUN,EAAQ5B,aAAa,wBAC9BF,GACVA,EAAGiC,UAAUC,IAAI,YAuBhBG,CAAQrC,W,gBC3Dd,MAAMsC,EAASzC,SAASC,iBAAiB,UACtBD,SAASS,cAAc,sBAE1C,IAAIgC,GAAQC,KAAIvC,IACf,GAAIA,EAAGM,cAAc,sBAAuB,CAE3C,MAAMkC,EAAMxC,EAAGM,cAAc,OACvBmC,EAAYzC,EAAGM,cAAc,sBACnCkC,EAAIE,iBAAiB,SAASC,IAC7B,MAAMC,EAAI,IAAI5B,GAAGC,OAAOjB,EAAGM,cAAc,UAAW,CACnDC,WAAY,CAAEH,SAAU,GACxBc,OAAQ,CACPC,QAAS,KACRyB,EAAEpB,gBAILgB,EAAIL,MAAMC,QAAU,EACpBK,EAAUR,UAAUC,IAAI,aACxBW,YAAW,IAAOL,EAAIL,MAAMW,QAAU,QAAS","sources":["webpack://wfp-usa/./wp-content/themes/tombras/layouts/video-hero/script.js","webpack://wfp-usa/./wp-content/themes/tombras/layouts/video/script.js"],"sourcesContent":["const leadInVideos = [...document.querySelectorAll(\".video-lead-in\")].forEach(\n\t(el) => {\n\t\tconst videoType = el.getAttribute(\"data-video-type\");\n\t\tconst videoId = el.getAttribute(\"data-video-id\");\n\t\tconst controls = el.getAttribute(\"data-video-controls\");\n\t\tconst player = el.querySelector(\".player\");\n\n\t\tlet playerVars = {\n\t\t\tplaysinline: 1,\n\t\t\tautoplay: 1,\n\t\t\tcontrols: 0,\n\t\t\tmute: 1,\n\t\t};\n\n\t\tif (videoType === \"loop\") {\n\t\t\tplayerVars = Object.assign({}, playerVars, {\n\t\t\t\tloop: 1,\n\t\t\t\tplaylist: videoId,\n\t\t\t});\n\t\t} else if (videoType === \"fade\") {\n\t\t\tplayerVars = Object.assign({}, playerVars, {\n\t\t\t\tcontrols,\n\t\t\t});\n\t\t}\n\n\t\tfunction showCTA(el, video) {\n\t\t\tconst content = el.querySelector(\".lead-in--content\");\n\t\t\tconst overlay = el.querySelector(\".lead-in--overlay\"); //el.querySelector(\".video-hero--overlay\");\n\t\t\tconst buttons = el.querySelector(\".lead-in--buttons\");\n\t\t\tconst poster = el.querySelector(\".video-hero--poster\");\n\t\t\tconst iframe = el.querySelector(\"iframe\");\n\t\t\tiframe.classList.add(\"not-shown\");\n\t\t\t[poster, content, overlay, buttons].forEach((el) => {\n\t\t\t\tif (el == overlay) {\n\t\t\t\t\tel.style.opacity = overlay.getAttribute(\"data-overlay-opacity\");\n\t\t\t\t} else if (el) {\n\t\t\t\t\tel.classList.add(\"shown\");\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tconst vid = new YT.Player(player, {\n\t\t\tvideoId,\n\t\t\tplayerVars,\n\t\t\tevents: {\n\t\t\t\tonReady: () => {\n\t\t\t\t\tconst duration = (vid.getDuration() - 0.3) * 1000;\n\t\t\t\t\t// // poor man's solution because of YouTube's UI :(\n\t\t\t\t\tif (videoType === \"loop\") {\n\t\t\t\t\t\tsetInterval(() => {\n\t\t\t\t\t\t\tvid.seekTo(0);\n\t\t\t\t\t\t\tvid.playVideo();\n\t\t\t\t\t\t}, duration);\n\t\t\t\t\t}\n\t\t\t\t\tvid.playVideo();\n\t\t\t\t},\n\t\t\t\tonStateChange({ target, data }) {\n\t\t\t\t\tif (data === 0) {\n\t\t\t\t\t\tconsole.log(\"Would show CTA\");\n\t\t\t\t\t\tshowCTA(el);\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t},\n);\n","const videos = document.querySelectorAll(\".video\");\nconst needsJSAPI = document.querySelector(\".has-custom-poster\");\n\n[...videos].map(el => {\n\tif (el.querySelector(\".has-custom-poster\")) {\n\t\tconsole.log(\"Do some stuff\");\n\t\tconst img = el.querySelector(\"img\");\n\t\tconst container = el.querySelector(\".has-custom-poster\");\n\t\timg.addEventListener(\"click\", e => {\n\t\t\tconst x = new YT.Player(el.querySelector(\"iframe\"), {\n\t\t\t\tplayerVars: { controls: 1 },\n\t\t\t\tevents: {\n\t\t\t\t\tonReady: () => {\n\t\t\t\t\t\tx.playVideo();\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t});\n\t\t\timg.style.opacity = 0;\n\t\t\tcontainer.classList.add(\"hide-play\");\n\t\t\tsetTimeout(() => (img.style.display = \"none\"), 200);\n\t\t\tconsole.log(x);\n\t\t});\n\t}\n});\n"],"names":["document","querySelectorAll","forEach","el","videoType","getAttribute","videoId","controls","player","querySelector","playerVars","playsinline","autoplay","mute","Object","assign","loop","playlist","vid","YT","Player","events","onReady","duration","getDuration","setInterval","seekTo","playVideo","onStateChange","target","data","video","content","overlay","buttons","poster","classList","add","style","opacity","showCTA","videos","map","img","container","addEventListener","e","x","setTimeout","display"],"sourceRoot":""}