{"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 + \"<br />\" + 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}"]}