{"version":3,"sources":["src/scripts/components/modal-video-overlay.js"],"names":["$","jQuery","loadYoutubeApi","tag","document","createElement","id","src","firstScriptTag","getElementsByTagName","parentNode","insertBefore","youtubeInit","vidID","length","append","window","onYouTubeIframeAPIReady","initPlayer","remove","player","YT","Player","videoId","height","width","buildMainVideo","data","text","videoTitle","videoDate","videoLength","videoBody","buildFeaturedVideos","datajson","total","each","index","value","counter","container","thisJson","JSON","stringify","find","css","videoScreenshot","attr","clone","prependTo","addClass","siblings","removeClass","buildVideoOverlay","trigger","$actualTrigger","closest","videoOverlayInit","overlayTrigger","overlayTarget","changeMainVideo","clickEvent","thisData","target","youtubeID","animate","scrollTop","bindFeatherlightVideo","featherlight","variant","otherClose","beforeOpen","event","afterOpen","on","focus","afterClose","off","ajaxComplete"],"mappings":"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","file":"modal-video-overlay.js","sourcesContent":["var $ = jQuery;\nimport {bodyNoScroll, decodeEntities} from '../utils/utilities.js';\n/* eslint-disable */\nimport featherlight from '../libs/featherlight.js';\n/* eslint-enable */\n\n\nfunction loadYoutubeApi() {\n  // Load the IFrame Player API code asynchronously.\n  var tag = document.createElement('script');\n  tag.id = 'youtubeScript';\n  tag.src = 'https://www.youtube.com/iframe_api';\n  var firstScriptTag = document.getElementsByTagName('script')[0];\n  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n}\n\nfunction youtubeInit(vidID) {\n  //create the #player div inside the lightbox\n  if( !$('.video-overlay__featherlight #player').length ) {\n    $('.video-overlay__featherlight .video-overlay-main__video-container').append('<div id=\"youtube-player\"></div>');\n  }\n\n  //If the Youtube Iframe API hasn't been loaded\n  if (!$('#youtubeScript').length) {\n    loadYoutubeApi();\n    // Create an <iframe> (and YouTube player) after the API code downloads.\n    window.onYouTubeIframeAPIReady = function () {\n      initPlayer();\n    };\n  }\n  else {\n    $('iframe#youtube-player').remove();\n    initPlayer();\n  }\n\n  function initPlayer() {\n    /* eslint-disable */\n    window.player = new YT.Player('youtube-player', {\n      videoId: vidID,\n      height: '100%',\n      width: '100%'\n    });\n    /* eslint-enable */\n  }\n}\n\nfunction buildMainVideo(data) {\n  //Build main video component\n  $('.video-overlay-main__title').text(decodeEntities(data.videoTitle));\n  $('.video-overlay-main__date').text(data.videoDate);\n  $('.video-overlay-main__length').text(data.videoLength);\n  $('.video-overlay-main__video-body').text(decodeEntities(data.videoBody));\n}\n\nfunction buildFeaturedVideos(datajson) {\n  var total = datajson.length;\n  $('.video-overlay-related__video-container:not(:first-child)').remove();\n\n  $.each(datajson, function(index, value) {\n    let counter =  index + 1;\n    let container = $('.video-overlay-related__video-container:first-child');\n    let thisJson = JSON.stringify(datajson[index]);\n\n    container.find('.video-overlay-related__title').text(decodeEntities(this.videoTitle));\n    container.find('.video-overlay-related__date').text(this.videoDate);\n    container.find('.video-overlay-related__length').text(this.videoLength);\n    container.find('.video-overlay-related__video-image').css({'background-image': 'url(\"' + this.videoScreenshot + '\")'});\n    container.attr('data-video-overlay', thisJson);\n\n    if (counter < total) {\n      $(container[0]).clone().prependTo('.video-overlay-related__videos-wrapper');\n    }\n    else {\n      $('.video-overlay-related__video-container:last-child').addClass('video-overlay-related__playing').siblings().removeClass('video-overlay-related__playing');\n    }\n  });\n}\n\nfunction buildVideoOverlay(trigger) {\n  //avoid bubbling errors by looking for the closest element with the trigger class\n  var $actualTrigger = $(trigger).closest('.js-video-trigger');\n  var datajson = $($actualTrigger).data('video-overlay');\n  buildMainVideo(datajson[0]);\n  buildFeaturedVideos(datajson);\n}\n\nfunction videoOverlayInit() {\n  var overlayTrigger= $('.js-video-trigger');\n  var overlayTarget = $('.js-video-target')[0];\n\n  if(overlayTrigger.length) {\n    loadYoutubeApi();\n  }\n\n  var changeMainVideo = function(clickEvent) {\n    let thisData = $(clickEvent.target).closest('.video-overlay-related__video-container').data('video-overlay');\n    buildMainVideo(thisData);\n    //change the video in the player\n    youtubeInit(thisData.youtubeID);\n\n\n\n    //scroll to top\n    $('.featherlight-content').animate({\n      scrollTop: 0\n    }, 200);\n    //change of the __playing class\n    $(clickEvent.target).closest('.video-overlay-related__video-container').addClass('video-overlay-related__playing').siblings().removeClass('video-overlay-related__playing');\n  };\n\n  function bindFeatherlightVideo() {\n    if(overlayTrigger.length) {\n      //for each trigger create an instance of featherlight\n      overlayTrigger.each(function() {\n        $(this).featherlight($(overlayTarget), {\n          variant: 'video-overlay__featherlight',\n          otherClose: '.event__close-modal',\n          beforeOpen: function(event) {\n            buildVideoOverlay(event.target);\n          },\n          afterOpen: function(event) {\n            youtubeInit($(event.target).closest('.js-video-trigger').data('video-overlay')[0].youtubeID);\n            //bind click to related events to changeVideoFunction\n            $(document).on('click', '.video-overlay-related__video-container', changeMainVideo);\n            $('.event__close-modal').focus();\n            bodyNoScroll();\n          },\n          afterClose: function(event) {\n            //unbind the clicks\n            $(document).off('click', '.video-overlay-related__video-container', changeMainVideo);\n            bodyNoScroll();\n          }\n        });\n      });\n    }\n  }\n\n  bindFeatherlightVideo();\n  // $(document).on('ajaxreload', bindFeatherlightVideo());\n  //$(document).trigger('ajaxreload');\n\n  //bind featherlight video links everytime there's an AJAX call (as in a content list call)\n  $( document ).ajaxComplete(function() {\n    overlayTrigger= $('.js-video-trigger');\n    bindFeatherlightVideo();\n  });\n\n}\n\n\nexport { videoOverlayInit };\n"]}