{"version":3,"file":"fullWidthMediaItem-Bx5iSEah.js","sources":["../../../../../src/scripts/modules/fullWidthMediaItem.ts"],"sourcesContent":["import { Component } from '@verndale/core';\nimport { WistiaVideoType } from '../../@types/global';\n\nclass fullWidthMediaItem extends Component {\n  videoId: string;\n  video: WistiaVideoType | undefined;\n\n  constructor(el: HTMLElement) {\n    super(el);\n    this.videoId = this.el.dataset.videoId || '';\n    if (this.videoId) {\n      this.initVideo();\n    }\n  }\n\n  setupDefaults() {\n    this.dom = {\n      el: this.el,\n      videoWrapper: this.el.querySelector<HTMLElement>('.video__iframe-wrapper'),\n      playButton: this.el.querySelector<HTMLElement>('.btn.full-width-media-item__video-play'),\n      title: this.el.querySelector<HTMLElement>('.full-width-media-item__heading'),\n      pictureEl: this.el.querySelector<HTMLElement>(\n        '.full-width-media-item__media-wrapper .picture'\n      )\n    };\n  }\n\n  addListeners() {\n    if (this.dom.playButton) {\n      (this.dom.playButton as HTMLElement).addEventListener('click', this.playVideo.bind(this));\n    }\n  }\n\n  initVideo() {\n    window._wq = window._wq || [];\n    window._wq.push({\n      id: this.videoId,\n      onReady: (video: WistiaVideoType) => {\n        this.video = video;\n        (this.dom.playButton as HTMLButtonElement).disabled = false;\n        this.disableInteractions();\n      }\n    });\n  }\n\n  disableInteractions() {\n    const videoWrapper = this.dom.videoWrapper as HTMLElement;\n    videoWrapper.style.display = 'none';\n  }\n\n  enableInteractions() {\n    const videoWrapper = this.dom.videoWrapper as HTMLElement;\n    videoWrapper.style.display = 'block';\n  }\n\n  playVideo() {\n    this.video?.play();\n    requestAnimationFrame(() => {\n      (this.dom.pictureEl as HTMLElement).style.opacity = '0';\n      (this.dom.playButton as HTMLElement).style.display = 'none';\n      this.enableInteractions();\n\n      setTimeout(() => {\n        (this.dom.videoWrapper as HTMLElement).style.zIndex = '0';\n      },300);\n    });\n  }\n}\n\nexport default fullWidthMediaItem;\n"],"names":["fullWidthMediaItem","Component","el","__publicField","video","videoWrapper","_a"],"mappings":"iNAGA,MAAMA,UAA2BC,CAAU,CAIzC,YAAYC,EAAiB,CAC3B,MAAMA,CAAE,EAJVC,EAAA,gBACAA,EAAA,cAIE,KAAK,QAAU,KAAK,GAAG,QAAQ,SAAW,GACtC,KAAK,SACP,KAAK,UAAU,CAEnB,CAEA,eAAgB,CACd,KAAK,IAAM,CACT,GAAI,KAAK,GACT,aAAc,KAAK,GAAG,cAA2B,wBAAwB,EACzE,WAAY,KAAK,GAAG,cAA2B,wCAAwC,EACvF,MAAO,KAAK,GAAG,cAA2B,iCAAiC,EAC3E,UAAW,KAAK,GAAG,cACjB,gDACF,CAAA,CAEJ,CAEA,cAAe,CACT,KAAK,IAAI,YACV,KAAK,IAAI,WAA2B,iBAAiB,QAAS,KAAK,UAAU,KAAK,IAAI,CAAC,CAE5F,CAEA,WAAY,CACH,OAAA,IAAM,OAAO,KAAO,CAAA,EAC3B,OAAO,IAAI,KAAK,CACd,GAAI,KAAK,QACT,QAAUC,GAA2B,CACnC,KAAK,MAAQA,EACZ,KAAK,IAAI,WAAiC,SAAW,GACtD,KAAK,oBAAoB,CAC3B,CAAA,CACD,CACH,CAEA,qBAAsB,CACd,MAAAC,EAAe,KAAK,IAAI,aAC9BA,EAAa,MAAM,QAAU,MAC/B,CAEA,oBAAqB,CACb,MAAAA,EAAe,KAAK,IAAI,aAC9BA,EAAa,MAAM,QAAU,OAC/B,CAEA,WAAY,QACVC,EAAA,KAAK,QAAL,MAAAA,EAAY,OACZ,sBAAsB,IAAM,CACzB,KAAK,IAAI,UAA0B,MAAM,QAAU,IACnD,KAAK,IAAI,WAA2B,MAAM,QAAU,OACrD,KAAK,mBAAmB,EAExB,WAAW,IAAM,CACd,KAAK,IAAI,aAA6B,MAAM,OAAS,KACtD,GAAG,CAAA,CACN,CACH,CACF"}