{"version":3,"sources":["webpack:///./src/js/modules/inline-video.js"],"names":["Module","Component","setupDefaults","this","dom","$vid","el","_$","$preview","$img","$playButton","service","dataset","videoService","id","videoId","_on","reset","bind","playVideo","addListeners","clicked","console","log","buildSrc","privateArray","split","length","window","ue","brightcoveAccountId","createIframe","$iframe","document","createElement","classList","add","src","setAttribute","ariaLabel","prepend","remove","event","CustomEvent","dispatchEvent"],"mappings":"2FAAA,mBAEA,MAAMA,UAAeC,YACnBC,gBACEC,KAAKC,IAAM,CACTC,KAAMF,KAAKG,GAAGC,GAAG,wBACjBC,SAAUL,KAAKG,GAAGC,GAAG,0BACrBE,KAAMN,KAAKG,GAAGC,GAAG,8BACjBG,YAAaP,KAAKG,GAAGC,GAAG,wBAG1BJ,KAAKQ,QAAUR,KAAKG,GAAGM,QAAQC,aAC/BV,KAAKW,GAAKX,KAAKG,GAAGM,QAAQG,QAErBZ,KAAKC,IAAIM,cACZP,KAAKG,GAAGU,IAAI,QAASb,KAAKc,MAAMC,KAAKf,OACrCA,KAAKgB,aAITC,eACMjB,KAAKC,IAAIM,YACXP,KAAKC,IAAIM,YAAYM,IAAI,QAASb,KAAKgB,UAAUD,KAAKf,OAEtDA,KAAKG,GAAGU,IAAI,QAASb,KAAKkB,QAAQH,KAAKf,OAI3CkB,UACEC,QAAQC,IAAI,WAGdC,WAAW,QACT,GAAqB,UAAjBrB,KAAKQ,QAAqB,OAE5B,MAAMc,EAAY,UAAGtB,KAAKW,UAAR,aAAG,EAASY,MAAM,KAEpC,OAAID,EAAaE,OAAS,EAChB,kCAAiCF,EAAa,QAAQA,EAAa,KAGrE,kCAAiCtB,KAAKW,GAGhD,MAAQ,kCAAD,UACLc,cADK,iBACL,EAAQC,UADH,aACL,EAAYC,0DACyB3B,KAAKW,MAC1CX,KAAKC,IAAIM,YAAc,IAAM,qBAIjCqB,eACE,MAAMC,EAAUC,SAASC,cAAc,UAMvC,OALAF,EAAQG,UAAUC,IAAI,uBACtBJ,EAAQK,IAAMlC,KAAKqB,WACnBQ,EAAQM,aAAa,aAAcnC,KAAKG,GAAGM,QAAQ2B,WACnDP,EAAQM,aAAa,cAAe,KACpCN,EAAQM,aAAa,QAAS,cACvBN,EAGTb,YAAY,QACVhB,KAAKC,IAAI4B,QAAU7B,KAAK4B,eACxB5B,KAAKG,GAAGkC,QAAQrC,KAAKC,IAAI4B,SACzB,UAAA7B,KAAKC,IAAII,gBAAT,mBAAmBiC,cAAnB,iBAEA,MAAMC,EAAQ,IAAIC,YAAY,kBAC9BxC,KAAKG,GAAGsC,cAAcF,GAGxBzB,QAAQ,QACN,UAAAd,KAAKC,IAAI4B,eAAT,mBAAkBS,cAAlB,iBACA,MAAMC,EAAQ,IAAIC,YAAY,iBAC9BxC,KAAKG,GAAGsC,cAAcF,GAElBvC,KAAKC,IAAIM,YACXP,KAAKC,IAAIM,YAAY4B,aAAa,YAAa,GAE/CnC,KAAKgB,aAKInB","file":"75.5811ae.js","sourcesContent":["import { Component } from '@verndale/core';\n\nclass Module extends Component {\n setupDefaults() {\n this.dom = {\n $vid: this.el._$('.inline-video__video'),\n $preview: this.el._$('.inline-video__preview'),\n $img: this.el._$('.inline-video__preview img'),\n $playButton: this.el._$('.inline-video__play')\n };\n\n this.service = this.el.dataset.videoService;\n this.id = this.el.dataset.videoId;\n\n if (!this.dom.$playButton) {\n this.el._on('reset', this.reset.bind(this));\n this.playVideo();\n }\n }\n\n addListeners() {\n if (this.dom.$playButton) {\n this.dom.$playButton._on('click', this.playVideo.bind(this));\n } else {\n this.el._on('click', this.clicked.bind(this));\n }\n }\n\n clicked() {\n console.log('clicked');\n }\n\n buildSrc() {\n if (this.service === 'vimeo') {\n\n const privateArray = this.id?.split('/');\n\n if (privateArray.length > 1) {\n return `https://player.vimeo.com/video/${privateArray[0]}?h=${privateArray[1]}`;\n }\n\n return `https://player.vimeo.com/video/${this.id}`;\n }\n\n return `https://players.brightcove.net/${\n window?.ue?.brightcoveAccountId\n }/default_default/index.html?videoId=${this.id}&${\n this.dom.$playButton ? '&' : ''\n }playsinline=true`;\n }\n\n createIframe() {\n const $iframe = document.createElement('iframe');\n $iframe.classList.add('inline-video__video');\n $iframe.src = this.buildSrc();\n $iframe.setAttribute('aria-label', this.el.dataset.ariaLabel);\n $iframe.setAttribute('frameborder', '0');\n $iframe.setAttribute('allow', 'fullscreen');\n return $iframe;\n }\n\n playVideo() {\n this.dom.$iframe = this.createIframe();\n this.el.prepend(this.dom.$iframe);\n this.dom.$preview?.remove?.();\n\n const event = new CustomEvent('videoinitiated');\n this.el.dispatchEvent(event);\n }\n\n reset() {\n this.dom.$iframe?.remove?.();\n const event = new CustomEvent('resetcomplete');\n this.el.dispatchEvent(event);\n\n if (this.dom.$playButton) {\n this.dom.$playButton.setAttribute('tabindex', -1);\n } else {\n this.playVideo();\n }\n }\n}\n\nexport default Module;\n"],"sourceRoot":""}