{"version":3,"sources":["webpack:///./src/js/modules/modals/video-modal.js","webpack:///./src/js/modules/generic-overview.js"],"names":["VideoModal","this","dom","player","el","querySelector","modalId","id","videoId","dataset","createVideoPlayer","on","onPlayerReady","MicroModal","show","awaitCloseAnimation","onShow","playVideo","onClose","pauseVideo","YouTubePlayer","playerVars","controls","enablejsapi","fs","modestbranding","autoplay","playsinline","rel","loop","props","Component","GenericOverview","play","videoModal","enablePlay","addEventListener","showVideoModal","disabled"],"mappings":"glDAIMA,E,sWACJ,WACEC,KAAKC,IAAM,CACTC,OAAQF,KAAKG,GAAGC,cAAc,yBAGhCJ,KAAKK,QAAUL,KAAKG,GAAGG,GACvBN,KAAKO,QAAUP,KAAKC,IAAIC,OAAOM,QAAQD,QACvCP,KAAKS,sB,0BAGP,WACET,KAAKE,OAAOQ,GAAG,QAAWV,KAAKW,cAA/B,KAA0BX,S,kBAG5B,WACEY,IAAWC,KAAKb,KAAKK,QAAS,CAC5BS,qBAAqB,EACrBC,OAAUf,KAAKgB,UAAT,KAAIhB,MACViB,QAAWjB,KAAKkB,WAAT,KAAIlB,U,+BAIf,WACEA,KAAKE,OAASiB,IAAcnB,KAAKC,IAAIC,OAAQ,CAC3CK,QAASP,KAAKO,QACda,WAAY,CACVC,SAAU,EACVC,YAAa,EACbC,GAAI,EACJC,eAAgB,EAChBC,SAAU,EACVC,YAAa,EACbC,IAAK,EACLC,KAAM,O,2BAKZ,WACM5B,KAAK6B,MAAMlB,eACbX,KAAK6B,MAAMlB,kB,uBAIf,WACMX,KAAKE,QACPF,KAAKE,OAAOc,c,wBAIhB,WACMhB,KAAKE,QACPF,KAAKE,OAAOgB,kB,8BArDOY,aA0DV/B,O,6gDC3DTgC,E,sWACJ,WACE/B,KAAKC,IAAM,CACT+B,KAAMhC,KAAKG,GAAGC,cAAc,2BAC5B6B,WAAYjC,KAAKG,GAAGC,cAAc,iBAGhCJ,KAAKC,IAAIgC,aACXjC,KAAKiC,WAAa,IAAIlC,IAAWC,KAAKC,IAAIgC,WAAY,CACpDtB,cAAiBX,KAAKkC,WAAT,KAAIlC,W,0BAKvB,WACMA,KAAKC,IAAI+B,MAAQhC,KAAKC,IAAIgC,YAC5BjC,KAAKC,IAAI+B,KAAKG,iBAAiB,QAAWnC,KAAKoC,eAA/C,KAA0CpC,S,4BAI9C,WACEA,KAAKiC,WAAWpB,S,wBAGlB,WACEb,KAAKC,IAAI+B,KAAKK,UAAW,O,8BAzBCP,aA6BfC","file":"6.d657d6f159ea54e8c9fc.js","sourcesContent":["import MicroModal from 'micromodal';\nimport { Component } from '@verndale/core';\nimport YouTubePlayer from 'youtube-player';\n\nclass VideoModal extends Component {\n  setupDefaults() {\n    this.dom = {\n      player: this.el.querySelector('.video-modal__player')\n    };\n\n    this.modalId = this.el.id;\n    this.videoId = this.dom.player.dataset.videoId;\n    this.createVideoPlayer();\n  }\n\n  addListeners() {\n    this.player.on('ready', ::this.onPlayerReady)\n  }\n\n  show() {\n    MicroModal.show(this.modalId, {\n      awaitCloseAnimation: true,\n      onShow: ::this.playVideo,\n      onClose: ::this.pauseVideo\n    });\n  }\n\n  createVideoPlayer() {\n    this.player = YouTubePlayer(this.dom.player, {\n      videoId: this.videoId,\n      playerVars: {\n        controls: 1,\n        enablejsapi: 1,\n        fs: 1,\n        modestbranding: 0,\n        autoplay: 0,\n        playsinline: 0,\n        rel: 0,\n        loop: 1\n      }\n    });\n  }\n\n  onPlayerReady() {\n    if (this.props.onPlayerReady) {\n      this.props.onPlayerReady();\n    }\n  }\n\n  playVideo() {\n    if (this.player) {\n      this.player.playVideo();\n    }\n  }\n\n  pauseVideo() {\n    if (this.player) {\n      this.player.pauseVideo();\n    }\n  }\n}\n\nexport default VideoModal;\n","import { Component } from '@verndale/core';\nimport VideoModal from './modals/video-modal';\n\nclass GenericOverview extends Component {\n  setupDefaults() {\n    this.dom = {\n      play: this.el.querySelector('.generic-overview__play'),\n      videoModal: this.el.querySelector('.video-modal')\n    };\n\n    if (this.dom.videoModal) {\n      this.videoModal = new VideoModal(this.dom.videoModal, {\n        onPlayerReady: ::this.enablePlay\n      });\n    }\n  }\n\n  addListeners() {\n    if (this.dom.play && this.dom.videoModal) {\n      this.dom.play.addEventListener('click', ::this.showVideoModal);\n    }\n  }\n\n  showVideoModal() {\n    this.videoModal.show();\n  }\n\n  enablePlay() {\n    this.dom.play.disabled = false;\n  }\n}\n\nexport default GenericOverview;\n"],"sourceRoot":""}