{"version":3,"file":"javascripts/chunks/6c586af2cb0308f3f0f2.video.js","mappings":"+pCAKA,IAAMA,EAAoB,oBAGpBC,EAAU,CACdC,KAAM,6EACNC,QACE,sJACFC,MACE,8KAIEC,EAAQC,UAAUC,WACS,IAA7BF,EAAMG,QAAQ,YAA+C,IAA3BH,EAAMG,QAAQ,UAClDP,EAAQC,KACN,0E,IAGiBO,EAAAA,SAAAA,I,0oBACnB,WAAYC,GAAS,a,4FAAA,UACnB,cAAMA,EAASA,EAAQC,aAAa,oBAE/BC,YAAY,CACf,CAAEC,GAAI,SAAUC,SAAU,UAC1B,CAAED,GAAI,YAAaC,SAAU,qBAG3B,EAAKC,YACP,EAAKC,iBAEL,EAAKC,WAAW,GAXC,E,0CAerB,WAAiB,WACfC,KAAKC,SAASC,OAAOC,iBAAiB,SAAS,SAACC,GAC9CA,EAAMC,kBAENC,EAAAA,EAAAA,GAAmBC,OAAQ,wBAC3BA,OAAOJ,iBAAiB,wBAAwB,SAACK,GAC/C,EAAKC,eAGPF,OAAOJ,iBAAiB,8BAA8B,YACpDG,EAAAA,EAAAA,GACEC,OACA,uBACA,EAAKN,SAASS,KAAKC,QAAQC,aAI/BL,OAAOJ,iBAAiB,oCAAoC,SAACK,GAEzD,EAAKP,SAASS,KAAKC,QAAQC,WAAaJ,EAAEK,OAAOC,QAAQC,OACpC,IAArBP,EAAEK,OAAOG,WAETC,EAAAA,EAAAA,GAAY,EAAKhB,SAASS,KAAM,qCAChC,EAAKX,WAAW,OAIpB,EAAKA,WAAW,IAEhBmB,EAAAA,EAAAA,GAAS,EAAKjB,SAASS,KAAM5B,Q,wBAIjC,WAAyB,IAAdqC,EAAc,uDAAH,EAChBC,EAAQ,GACNC,EAASrB,KAAKC,SAASS,KAAKC,QAAQC,SAE3B,SAAXS,EACFD,EAAQrC,EAAQsC,GACbC,QAAQ,WAAYtB,KAAKC,SAASS,KAAKC,QAAQY,QAC/CD,QAAQ,eAAgBH,EAAW,WAAa,IAC1CZ,OAAOiB,oBAC0B,IAAtCjB,OAAOiB,mBAAmBH,GAC5BD,EAAQrC,EAAQsC,GACbC,QAAQ,WAAYtB,KAAKC,SAASS,KAAKC,QAAQY,QAC/CD,QAAQ,eAAgBH,KAE3Bb,EAAAA,EAAAA,GAAmBC,OAAQ,4BAA6Bc,IACxDH,EAAAA,EAAAA,GAASlB,KAAKC,SAASS,KAAM,sCAG/BU,EAAQrC,EAAQsC,GACbC,QAAQ,WAAYtB,KAAKC,SAASS,KAAKC,QAAQY,QAC/CD,QAAQ,eAAgBH,GAG7BnB,KAAKC,SAASwB,UAAUC,UAAYN,I,uBAGtC,WACE,KAAOpB,KAAKC,SAASwB,UAAUE,YAC7B3B,KAAKC,SAASwB,UAAUG,YAAY5B,KAAKC,SAASwB,UAAUE,aAE9DV,EAAAA,EAAAA,GAAYjB,KAAKC,SAASS,KAAM5B,K,uBAGlC,WACE,OAAOkB,KAAKC,SAASS,KAAKmB,UAAUC,SApGd,wB,sBAiBLvC,CAAcwC,EAAAA","sources":["webpack:///./components/video/javascripts/video.js"],"sourcesContent":["import BaseModule from '../../../javascripts/helpers/baseModule';\nimport addClass from '../../../javascripts/dom/addClass';\nimport removeClass from '../../../javascripts/dom/removeClass';\nimport triggerCustomEvent from '../../../javascripts/events/triggerCustom';\n\nconst isPlayingModifier = 'video--is-playing';\nconst hasPosterModifier = 'video--has-poster';\n\nconst players = {\n  file: '<video class=\"video__player\" src=\"{{path}}\" {{autoplay}} controls></video>',\n  youtube:\n    '<iframe class=\"video__iframe\" type=\"text/html\" src=\"//www.youtube.com/embed/{{path}}?rel=0&autoplay={{autoplay}}\" allowfullscreen frameborder=\"0\"/>',\n  vimeo:\n    '<iframe class=\"video__iframe\" type=\"text/html\" src=\"//player.vimeo.com/video/{{path}}?autoplay={{autoplay}}&title=0&byline=0&portrait=0\" allowfullscreen frameborder=\"0\"/>'\n};\n\n// hack to show first frame as poster on iphone/ipad: make it autoplay\nconst agent = navigator.userAgent;\nif (agent.indexOf('iPhone') !== -1 || agent.indexOf('iPod') !== -1) {\n  players.file =\n    '<video class=\"video__player\" src=\"{{path}}\" autoplay controls></video>';\n}\n\nexport default class Video extends BaseModule {\n  constructor(element) {\n    super(element, element.getAttribute('data-js-module'));\n\n    this.getElements([\n      { id: 'button', selector: 'button' },\n      { id: 'container', selector: 'embed-container' }\n    ]);\n\n    if (this.hasPoster()) {\n      this.bindCLickEvent();\n    } else {\n      this.embedVideo(0);\n    }\n  }\n\n  bindCLickEvent() {\n    this.elements.button.addEventListener('click', (event) => {\n      event.preventDefault();\n\n      triggerCustomEvent(window, 'Videos.stopAllVideos');\n      window.addEventListener('Videos.stopAllVideos', (e) => {\n        this.stopVideo();\n      });\n\n      window.addEventListener('Videos.toggleConsentWindow', () => {\n        triggerCustomEvent(\n          window,\n          'CookieConsent.toggle',\n          this.elements.self.dataset.jsSource\n        );\n      });\n\n      window.addEventListener('CookieConsent.onPermissionChange', (e) => {\n        if (\n          this.elements.self.dataset.jsSource === e.detail.service.name &&\n          e.detail.consent === true\n        ) {\n          removeClass(this.elements.self, 'cookie-consent-permission-missing');\n          this.embedVideo(1);\n        }\n      });\n\n      this.embedVideo(1);\n\n      addClass(this.elements.self, isPlayingModifier);\n    });\n  }\n\n  embedVideo(autoplay = 0) {\n    let video = '';\n    const source = this.elements.self.dataset.jsSource;\n\n    if (source === 'file') {\n      video = players[source]\n        .replace(/{{path}}/, this.elements.self.dataset.jsPath)\n        .replace(/{{autoplay}}/, autoplay ? 'autoplay' : '');\n    } else if (window.cookieConsentKlaro) {\n      if (window.cookieConsentKlaro[source] === true) {\n        video = players[source]\n          .replace(/{{path}}/, this.elements.self.dataset.jsPath)\n          .replace(/{{autoplay}}/, autoplay);\n      } else {\n        triggerCustomEvent(window, 'CookieConsentKlaro.toggle', source);\n        addClass(this.elements.self, 'cookie-consent-permission-missing');\n      }\n    } else {\n      video = players[source]\n        .replace(/{{path}}/, this.elements.self.dataset.jsPath)\n        .replace(/{{autoplay}}/, autoplay);\n    }\n\n    this.elements.container.innerHTML = video;\n  }\n\n  stopVideo() {\n    while (this.elements.container.firstChild) {\n      this.elements.container.removeChild(this.elements.container.firstChild);\n    }\n    removeClass(this.elements.self, isPlayingModifier);\n  }\n\n  hasPoster() {\n    return this.elements.self.classList.contains(hasPosterModifier);\n  }\n}\n"],"names":["isPlayingModifier","players","file","youtube","vimeo","agent","navigator","userAgent","indexOf","Video","element","getAttribute","getElements","id","selector","hasPoster","bindCLickEvent","embedVideo","this","elements","button","addEventListener","event","preventDefault","triggerCustomEvent","window","e","stopVideo","self","dataset","jsSource","detail","service","name","consent","removeClass","addClass","autoplay","video","source","replace","jsPath","cookieConsentKlaro","container","innerHTML","firstChild","removeChild","classList","contains","BaseModule"],"sourceRoot":""}