{
  "version": 3,
  "sources": ["../../../src/js/modules/sizzle-reel.ts"],
  "sourcesContent": ["/// <reference types=\"@types/jquery\" />\n\nfunction isInViewport(el: HTMLElement) {\n\tconst rect = el.getBoundingClientRect()\n\n\treturn (\n\t\trect.top >= 0 &&\n\t\trect.left >= 0 &&\n\t\trect.bottom <=\n\t\t\t(window.innerHeight || document.documentElement.clientHeight) &&\n\t\trect.right <= (window.innerWidth || document.documentElement.clientWidth)\n\t)\n}\n\nasync function playVideo(el: HTMLVideoElement) {\n\tif (el) {\n\t\ttry {\n\t\t\tawait el.play()\n\t\t} catch (err) {\n\t\t\tconsole.log(err)\n\t\t}\n\t}\n}\n\ndocument.addEventListener('DOMContentLoaded', () => {\n\tconst videoElem = document.querySelector<HTMLVideoElement>('#video')\n\tlet once = false\n\n\tif (videoElem) {\n\t\t$(window).on('scroll', () => {\n\t\t\tif (isInViewport(videoElem)) {\n\t\t\t\t// console.log('before if')\n\t\t\t\tif (!once) {\n\t\t\t\t\tonce = true\n\t\t\t\t\tplayVideo(videoElem)\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\n\t\tconst muteButton = $('.mute_button__RRDIC')\n\t\tmuteButton.on('click', () => {\n\t\t\tmuteButton.toggleClass('active')\n\t\t\tvideoElem.muted = !videoElem.muted\n\t\t})\n\t}\n})\n"],
  "mappings": "gOAEA,SAASA,EAAaC,EAAiB,CACtC,IAAMC,EAAOD,EAAG,sBAAsB,EAEtC,OACCC,EAAK,KAAO,GACZA,EAAK,MAAQ,GACbA,EAAK,SACH,OAAO,aAAe,SAAS,gBAAgB,eACjDA,EAAK,QAAU,OAAO,YAAc,SAAS,gBAAgB,YAE/D,CAEA,SAAeC,EAAUF,EAAsB,QAAAG,EAAA,sBAC9C,GAAIH,EACH,GAAI,CACH,MAAMA,EAAG,KAAK,CACf,OAASI,EAAP,CACD,QAAQ,IAAIA,CAAG,CAChB,CAEF,GAEA,SAAS,iBAAiB,mBAAoB,IAAM,CACnD,IAAMC,EAAY,SAAS,cAAgC,QAAQ,EAC/DC,EAAO,GAEX,GAAID,EAAW,CACd,EAAE,MAAM,EAAE,GAAG,SAAU,IAAM,CACxBN,EAAaM,CAAS,IAEpBC,IACJA,EAAO,GACPJ,EAAUG,CAAS,GAGtB,CAAC,EAED,IAAME,EAAa,EAAE,qBAAqB,EAC1CA,EAAW,GAAG,QAAS,IAAM,CAC5BA,EAAW,YAAY,QAAQ,EAC/BF,EAAU,MAAQ,CAACA,EAAU,KAC9B,CAAC,EAEH,CAAC",
  "names": ["isInViewport", "el", "rect", "playVideo", "__async", "err", "videoElem", "once", "muteButton"]
}