{"version":3,"sources":["20250220Saiz_functions.js"],"names":["vid","document","getElementById","loadVideo","sm","window","matchMedia","md","lg","xl","addEventListener","changeVideoSize","matches","size","videoSource","$","attr","autoplay","load","contains","onresize","onloadeddata","classList","add","videos","querySelectorAll","config","rootMargin","threshold","callback","entries","forEach","entry","isIntersecting","target","play","pause","vidsObserver","IntersectionObserver","element","observe"],"mappings":"AAMA,IAAMA,IAAMC,SAASC,eAAe,yBAEpC,SAASC,YACP,IAAIC,EAAKC,OAAOC,WAAY,2CACxBC,EAAKF,OAAOC,WAAY,6CACxBE,EAAKH,OAAOC,WAAY,8CACxBG,EAAKJ,OAAOC,WAAY,gDAE5BF,EAAGM,iBAAiB,SAAUC,iBAC9BJ,EAAGG,iBAAiB,SAAUC,iBAC9BH,EAAGE,iBAAiB,SAAUC,iBAC9BF,EAAGC,iBAAiB,SAAUC,iBAErBP,EAAGQ,QAAWD,gBAAgB,MAC9BJ,EAAGK,QAAWD,gBAAgB,MAC9BH,EAAGI,QAAWD,gBAAgB,MAC9BF,EAAGG,SAAWD,gBAAgB,MAGzC,SAASA,gBAAgBE,GACvB,IAAMC,EAAcC,EAAE,iCACtBD,EAAYE,KAAK,MAAOF,EAAYE,KAAK,cAAcH,IACvDb,IAAIiB,UAAW,EACfjB,IAAIkB,OAIFjB,SAASkB,SAASnB,OACpBC,SAASS,iBAAiB,mBAAoBP,WAC9CE,OAAOe,SAAWjB,UAClBH,IAAIqB,aAAe,WAAA,OAAMrB,IAAIsB,UAAUC,IAAI,uBAQ7C,IAAMC,OAASvB,SAASwB,iBAAiB,SAEnCC,OAAS,CACbC,WAAY,aACZC,UAAW,GAGPC,SAAW,SAACC,GAChBA,EAAQC,QAAQ,SAACC,GACVA,EAAMC,eAITD,EAAME,OAAOC,OAHbH,EAAME,OAAOE,WASbC,aAAe,IAAIC,qBAAqBT,SAAUH,QAExDF,OAAOO,QAAQ,SAAAQ,GACbF,aAAaG,QAAQD","file":"20250220Saiz_functions.min.js","sourcesContent":["\n\n//\n// =RESPONSIVE VIDEO!\n// --------------------------------------------------\n\nconst vid = document.getElementById('msdw-video-responsive');\n\nfunction loadVideo() {\n  var sm = window.matchMedia( \"(min-width: 0px) and (max-width: 599px)\" ), // Standard def (mp4, 640x360)\n      md = window.matchMedia( \"(min-width: 600px) and (max-width: 899px)\" ), // Standard def (mp4, 960x540)\n      lg = window.matchMedia( \"(min-width: 900px) and (max-width: 1199px)\" ), // High def (mp4, 1280x720)\n      xl = window.matchMedia( \"(min-width: 1200px) and (max-width: 99999px)\" ); // High def 1080 (mp4, 1920x1080)\n\n  sm.addEventListener(\"change\", changeVideoSize);\n  md.addEventListener(\"change\", changeVideoSize);\n  lg.addEventListener(\"change\", changeVideoSize);\n  xl.addEventListener(\"change\", changeVideoSize);\n\n  if      (sm.matches) { changeVideoSize('sm') }\n  else if (md.matches) { changeVideoSize('md') }\n  else if (lg.matches) { changeVideoSize('lg') }\n  else if (xl.matches) { changeVideoSize('xl') }\n}\n\nfunction changeVideoSize(size){\n  const videoSource = $(\"#msdw-video-responsive source\");\n  videoSource.attr(\"src\", videoSource.attr(\"data-video-\"+size));\n  vid.autoplay = true;\n  vid.load();\n  // console.log(videoSource.attr(\"src\"));\n}\n\nif (document.contains(vid)) {\n  document.addEventListener('DOMContentLoaded', loadVideo);\n  window.onresize = loadVideo;\n  vid.onloadeddata = () => vid.classList.add('msdw-video-loaded');\n}\n\n// window.addEventListener('resize', () => vid.attr('hidden' = true));\n//\n// =PAUSE OUT-OF-VIEW VIDEO\n// --------------------------------------------------\n\nconst videos = document.querySelectorAll(\"video\");\n\nconst config = {\n  rootMargin: '0px -100px',\n  threshold: 0\n}\n\nconst callback = (entries) => {\n  entries.forEach((entry) => {\n    if (!entry.isIntersecting) {\n      entry.target.pause();\n      // alert('Exit video');\n    } else {\n      entry.target.play();\n      // alert('Enter video');\n    }\n  });\n}\n\nconst vidsObserver = new IntersectionObserver(callback, config);\n\nvideos.forEach(element => {\n  vidsObserver.observe(element);\n});\n"]}