{"version":3,"sources":["VideoBlockList.js"],"names":["VideoBlockList","newsResultsPerPage","thisVideoBlock","videoCurrentBlock","videoTotalPages","videoLoadMoreButton","modal","modalClose","videoPlayer","InitVideoBlock","_videoTotalPages","_thisBlock","this","document","querySelector","addEventListener","event","preventDefault","classList","remove","add","bind","console","info","querySelectorAll","forEach","e","jsonRaw","currentTarget","getAttribute","json","JSON5","parse","src","vidId","shareLink","setAttribute","iframe","Vimeo","Player","play","parent","target","closest","unload"],"mappings":"AAAA,IAAIA,eAAiB,CAEjBC,mBAAoB,EACpBC,eAAgB,KAChBC,kBAAmB,EACnBC,gBAAiB,EACjBC,oBAAqB,KACrBC,MAAO,KACPC,WAAY,KACZC,YAAa,KAEbC,eAAgB,SAAUC,EAAkBC,GAExCC,KAAKR,gBAAkBM,EACvBE,KAAKV,eAAiBW,SAASC,cAAcH,GAC7CC,KAAKP,oBAAsBO,KAAKV,eAAeY,cAAc,2BAC7DF,KAAKN,MAAQO,SAASC,cAAc,oBAGH,OAA7BF,KAAKP,oBAELO,KAAKP,oBAAoBU,iBAAiB,QAAS,SAAUC,GACzDA,EAAMC,iBAENL,KAAKT,oBACLS,KAAKV,eAAeY,cAAc,iBAAmBF,KAAKT,mBAAmBe,UAAUC,OAAO,UAC1FP,KAAKT,oBAAsBS,KAAKR,iBAChCQ,KAAKP,oBAAoBa,UAAUE,IAAI,WAE7CC,KAAKT,OAAO,GAEdU,QAAQC,KAAK,kCAGW,OAAxBX,KAAKV,eAELU,KAAKV,eAAesB,iBAAiB,oBAAoBC,QAAQ,SAAUC,GACvEA,EAAEX,iBAAiB,QAAS,SAAUC,GAClCA,EAAMC,iBAEN,IAAIU,EAAUX,EAAMY,cAAcC,aAAa,kBAC3CC,EAAOC,MAAMC,MAAML,GAIvBf,KAAKN,MAAMQ,cAAc,wBAAwBmB,IAAM,kCAAoCH,EAAKI,MAChGtB,KAAKN,MAAMY,UAAUE,IAAI,iBAGRP,SAASW,iBAAiB,0CAChCC,SAAQ,SAAUU,GACzBA,EAAUC,aAAa,OAAQD,EAAUN,aAAa,QAAUC,EAAKI,UAGzE,IAAIG,EAASzB,KAAKN,MAAMQ,cAAc,UACtCF,KAAKJ,YAAc,IAAI8B,MAAMC,OAAOF,GACpCzB,KAAKJ,YAAYgC,QAEnBnB,KAAKT,OAAO,IAChBS,KAAKT,OAEPU,QAAQC,KAAK,wBAGE,OAAfX,KAAKN,MAELM,KAAKN,MAAMQ,cAAc,iBAAiBC,iBAAiB,QAAS,SAAUW,GAC1E,IAAIe,EAASf,EAAEgB,OAAOC,QAAQ,UAC1BN,EAASzB,KAAKN,MAAMQ,cAAc,UACtCF,KAAKJ,YAAc,IAAI8B,MAAMC,OAAOF,GACpCzB,KAAKJ,YAAYoC,SACjBH,EAAOvB,UAAUC,OAAO,kBAC1BE,KAAKT,OAAO,GAEdU,QAAQC,KAAK","file":"../VideoBlockList.js","sourcesContent":["var VideoBlockList = {\r\n\r\n newsResultsPerPage: 4,\r\n thisVideoBlock: null,\r\n videoCurrentBlock: 1,\r\n videoTotalPages: 0,\r\n videoLoadMoreButton: null,\r\n modal: null,\r\n modalClose: null,\r\n videoPlayer: null,\r\n\r\n InitVideoBlock: function (_videoTotalPages, _thisBlock) {\r\n\r\n this.videoTotalPages = _videoTotalPages;\r\n this.thisVideoBlock = document.querySelector(_thisBlock);\r\n this.videoLoadMoreButton = this.thisVideoBlock.querySelector(\".video-button--loadMore\");\r\n this.modal = document.querySelector(\".videoPopupModal\");\r\n\r\n\r\n if (this.videoLoadMoreButton !== null) {\r\n // Load more button\r\n this.videoLoadMoreButton.addEventListener('click', function (event) {\r\n event.preventDefault();\r\n\r\n this.videoCurrentBlock++;\r\n this.thisVideoBlock.querySelector(\".video-block--\" + this.videoCurrentBlock).classList.remove('hidden');\r\n if (this.videoCurrentBlock === this.videoTotalPages) {\r\n this.videoLoadMoreButton.classList.add('hidden')\r\n }\r\n }.bind(this), false);\r\n } else {\r\n console.info(\"video list load more not found\");\r\n }\r\n\r\n if (this.thisVideoBlock !== null) {\r\n // Popup open click\r\n this.thisVideoBlock.querySelectorAll('.video-container').forEach(function (e) {\r\n e.addEventListener('click', function (event) {\r\n event.preventDefault();\r\n\r\n var jsonRaw = event.currentTarget.getAttribute('data-videoData');\r\n var json = JSON5.parse(jsonRaw);\r\n\r\n // this.modal.querySelector(\".title\").innerHTML = json.title;\r\n // this.modal.querySelector(\".timeAndCopyright\").innerHTML = json.runTime + \"
\" + json.copyright;\r\n this.modal.querySelector(\".video-panel__holder\").src = \"https://player.vimeo.com/video/\" + json.vidId;\r\n this.modal.classList.add('modal--active');\r\n\r\n\r\n var shareLinks = document.querySelectorAll('.videoList.modal--active a.share__icon');\r\n shareLinks.forEach(function (shareLink) {\r\n shareLink.setAttribute(\"href\", shareLink.getAttribute(\"href\") + json.vidId);\r\n });\r\n\r\n var iframe = this.modal.querySelector('iframe');\r\n this.videoPlayer = new Vimeo.Player(iframe);\r\n this.videoPlayer.play();\r\n\r\n }.bind(this), false);\r\n }.bind(this));\r\n } else {\r\n console.info(\"VideoBlock not found\");\r\n }\r\n\r\n if (this.modal !== null) {\r\n // Modal close\r\n this.modal.querySelector('.modal__close').addEventListener('click', function (e) {\r\n var parent = e.target.closest('.modal')\r\n var iframe = this.modal.querySelector('iframe');\r\n this.videoPlayer = new Vimeo.Player(iframe);\r\n this.videoPlayer.unload();\r\n parent.classList.remove('modal--active');\r\n }.bind(this), false)\r\n } else {\r\n console.info(\"Model for video list not found\");\r\n }\r\n\r\n }\r\n}"]}