{"version":3,"sources":["modules.videos.js"],"names":["app","videos","init","Vimeo","querySelectorAll","forEach","initPlayer","video","button","preview","addEventListener","event","preventDefault","iframe","visibility","classList","add","player","style","loading","then","Player","on","dataLayer","pushEvent","console","remove","dataset","videoInitialized","pageUrl","window","location","pathname","option","videoTitle","log","error","name"],"mappings":"AAIA,IAAIA,IAAMA,KAAO,GAEjBA,IACEC,OAAY,WAAZ,aAsDA,MAAO,CACLC,KArDF,WAGE,IAAID,EAAOE,SAAUC,iBAAa,4CAAA,EAGnB,aAAfH,OAAOI,OACY,IAAjBC,EAAAA,QAEJL,EAAAI,QAAA,SAAAE,GAEAD,CAAAA,IAIiBC,EAJRD,EAMPE,MAAMC,EAACC,EAAAA,cAA0B,sBAAW,EAC1CC,EAAMC,EAAAA,cAAgB,qBAAA,EAEtBC,EAAaC,EAAAA,cAAa,sBAAS,EACnCN,EAAOO,EAAUC,cAAgB,QAAC,EAJpCR,EAOMS,iBAAkB,QAAQJ,SAAAA,GAE9BI,EAAML,eAAc,EANpBC,EAAOK,MAAMJ,WAAa,UAC1BN,EAQEO,UAAAC,IAAA,YAAA,EAPFG,EAQQJ,UAEHK,IAAK,YAAY,EARtB,IAAIH,EAAS,IAAId,MAAMkB,OAAOR,CAAM,EAEpCI,EAUSK,GAACC,SAAUC,WAIhBP,EAEER,KAAAA,EACAgB,KAAAA,WACAhB,EAAAiB,OAAA,EAIFC,IAAAA,UAAQC,UAAgB,eAAO,CACvCC,QAAAC,OAAAC,SAAAC,SAXYC,OAAQ1B,EAAMoB,QAAQO,UAalC,CAAA,CACO,CAAA,EACChC,MAAAA,SAAAA,GACPO,EAAAiB,OAAA,EACCD,QAAAU,IAAA,oBAAAC,EAAAC,IAAA,CAXM,CAAC,CACL,CAAC,CACH,CAAC,EAED9B,EAAMoB,QAAQC,iBAAmB,CAAA,CArCfrB,CAClB,CAAA,CAHF,CA6CA,CACF,EAAC","file":"../modules.videos.min.js","sourcesContent":["/* ========================================================================\r\n   Videos\r\n ========================================================================== */\r\n\r\nvar app = app || {};\r\n\r\napp.videos = (function () {\r\n  'use strict';\r\n\r\n  function init() {\r\n    const videos = document.querySelectorAll('[data-video]:not([data-video-initialized])');\r\n\r\n    if (typeof Vimeo === 'undefined') return;\r\n    if (videos.length === 0) return;\r\n\r\n    videos.forEach((video) => {\r\n      initPlayer(video);\r\n    });\r\n  }\r\n\r\n  function initPlayer(video) {\r\n    const preview = video.querySelector('[data-video-preview]');\r\n    const button = video.querySelector('[data-video-button]');\r\n    const loading = video.querySelector('[data-video-loading]');\r\n    const iframe = video.querySelector('iframe');\r\n\r\n    button.addEventListener('click', (event) => {\r\n      event.preventDefault();\r\n\r\n      iframe.style.visibility = 'visible';\r\n      button.classList.add('is-loading');\r\n      loading.classList.add('is-loading');\r\n\r\n      var player = new Vimeo.Player(iframe);\r\n\r\n      player.on('loaded', function () {\r\n        // console.log('loaded');\r\n\r\n        // start player\r\n        player\r\n          .play()\r\n          .then(function () {\r\n            preview.remove();\r\n\r\n            // DATALAYER\r\n            app.dataLayer.pushEvent('videoBekeken', {\r\n              pageUrl: window.location.pathname,\r\n              option: video.dataset.videoTitle,\r\n            });\r\n          })\r\n          .catch(function (error) {\r\n            preview.remove();\r\n            console.log('Vimeo API error: ' + error.name);\r\n          });\r\n      });\r\n    });\r\n\r\n    video.dataset.videoInitialized = true;\r\n  }\r\n\r\n  // Expose public functions and variables\r\n  return {\r\n    init: init,\r\n  };\r\n})();\r\n"]}