{"version":3,"file":"video.js","sources":["resources/theme/js/videos/video-modal.js","resources/theme/js/videos/video-block.js","resources/theme/js/videos/video-hero.js","resources/theme/js/video.js"],"sourcesContent":["let html;\r\nconst activeClass = 'active';\r\nconst lockedClass = 'locked-all';\r\n\r\nconst openModal = modal => {\r\n    modal.classList.add(activeClass);\r\n    html.classList.add(lockedClass);\r\n};\r\n\r\nconst closeModal = (modal, player) => {\r\n    player.pauseVideo();\r\n    modal.classList.remove(activeClass);\r\n    html.classList.remove(lockedClass);\r\n};\r\n\r\nconst onReady = (player, card) => {\r\n    card.classList.remove('loading');\r\n    card.classList.add('loaded');\r\n    player.playVideo();\r\n};\r\n\r\nconst initModal = (modal, card) => {\r\n    html = document.querySelector('html');\r\n    const iframe = modal.querySelector('.modal-iframe');\r\n    const close = modal.querySelector('.modal-close');\r\n    const properties = {\r\n        origin: window.location.href,\r\n        rel: 0,\r\n        modestbranding: 1,\r\n        disablekb: 1,\r\n        videoId: modal.getAttribute('data-modal'),\r\n        events: {\r\n            onReady: e => onReady(e.target, card),\r\n        },\r\n    };\r\n    const player = new YT.Player(iframe, properties);\r\n    openModal(modal);\r\n\r\n    close.addEventListener('click', () => closeModal(modal, player));\r\n    modal.addEventListener('click', () => closeModal(modal, player));\r\n    document.addEventListener('keydown', function(event){\r\n        if(event.key === \"Escape\"){\r\n            closeModal(modal, player);\r\n        }\r\n    });\r\n};\r\n\r\nexport const initVideoModal = card => {\r\n    const modal = card.querySelector('.video-modal');\r\n    const triggers = card.querySelectorAll('.card-image, .watch');\r\n    triggers.forEach(trigger => {\r\n        if (!card.classList.contains('loading') && !card.classList.contains('loaded')) {\r\n            trigger.addEventListener('keyup', function(event) {\r\n                if (event.keyCode === 13) {\r\n                    event.preventDefault();\r\n                    document.querySelector('.card-image').click();\r\n                }\r\n            });\r\n            trigger.addEventListener('click', function loadModal() {\r\n                card.classList.add('loading');\r\n                initModal(modal, card);\r\n                trigger.removeEventListener('click', loadModal);\r\n                trigger.addEventListener('click', () => openModal(modal));\r\n            });\r\n        }\r\n    });\r\n};\r\n","const onReady = (player, block) => {\r\n    block.classList.remove('loading');\r\n    block.classList.add('loaded');\r\n    player.playVideo();\r\n};\r\n\r\nconst initModal = (video, block) => {\r\n    const properties = {\r\n        origin: window.location.href,\r\n        host: 'https://www.youtube.com',\r\n        rel: 0,\r\n        modestbranding: 1,\r\n        disablekb: 1,\r\n        videoId: video.getAttribute('data-video-id'),\r\n        events: {\r\n            onReady: e => onReady(e.target, block),\r\n        },\r\n    };\r\n    const player = new YT.Player(video, properties);\r\n};\r\n\r\nexport const initVideoBlock = block => {\r\n    const video = block.querySelector('.video');\r\n    const trigger = block.querySelector('.video-trigger');\r\n    if (!block.classList.contains('loading') && !block.classList.contains('loaded')) {\r\n        trigger.addEventListener('click', function loadModal() {\r\n            block.classList.add('loading');\r\n            initModal(video, block);\r\n            trigger.removeEventListener('click', loadModal);\r\n        });\r\n    }\r\n};\r\n","const onReady = (player, block) => {\r\n    block.classList.remove('loading');\r\n    block.classList.add('loaded');\r\n    player.playVideo();\r\n};\r\n\r\nconst initModal = (video, block) => {\r\n    const properties = {\r\n        origin: window.location.href,\r\n        host: 'https://www.youtube.com',\r\n        rel: 0,\r\n        modestbranding: 1,\r\n        disablekb: 1,\r\n        videoId: video.getAttribute('data-video-id'),\r\n        events: {\r\n            onReady: e => onReady(e.target, block),\r\n        },\r\n    };\r\n    const player = new YT.Player(video, properties);\r\n};\r\n\r\nexport const initHeroVideo = block => {\r\n    const video = block.querySelector('.video');\r\n    const trigger = block.querySelector('.video-trigger');\r\n    if (!block.classList.contains('loading') && !block.classList.contains('loaded')) {\r\n        trigger.addEventListener('click', function loadModal() {\r\n            block.classList.add('loading');\r\n            initModal(video, block);\r\n            trigger.removeEventListener('click', loadModal);\r\n        });\r\n    }\r\n};\r\n","import { initVideoModal } from './videos/video-modal';\r\nimport { initVideoBlock } from './videos/video-block';\r\nimport { initHeroVideo } from './videos/video-hero';\r\n\r\nconst initYoutube = iframes => {\r\n    let tag = document.createElement('script');\r\n    tag.src = 'https://www.youtube.com/iframe_api';\r\n    tag.id = 'youtubeIframeAPI';\r\n    let firstScriptTag = document.getElementsByTagName('script')[0];\r\n    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\r\n    window.onYouTubeIframeAPIReady = iframes;\r\n};\r\n\r\ndocument.addEventListener('readystatechange', () => {\r\n    if (document.readyState === 'complete') {\r\n        const videoContainers = Array.from(document.querySelectorAll('.full-width-video'));\r\n        const videoModals = Array.from(document.querySelectorAll('.card'));\r\n        const heroVideos = Array.from(document.querySelectorAll('.hero-video'));\r\n        initYoutube(() => {\r\n            videoModals.length > 0 && videoModals.forEach(initVideoModal);\r\n            videoContainers.length > 0 && videoContainers.forEach(initVideoBlock);\r\n            heroVideos.length > 0 && heroVideos.forEach(initHeroVideo);\r\n        });\r\n    }\r\n});\r\n"],"names":["html","activeClass","lockedClass","openModal","modal","classList","add","closeModal","player","pauseVideo","remove","onReady","card","playVideo","initModal","document","querySelector","iframe","close","properties","origin","window","location","href","rel","modestbranding","disablekb","videoId","getAttribute","events","e","target","YT","Player","addEventListener","event","key","initVideoModal","triggers","querySelectorAll","forEach","trigger","contains","keyCode","preventDefault","click","loadModal","removeEventListener","block","video","host","initVideoBlock","initHeroVideo","initYoutube","iframes","tag","createElement","src","id","firstScriptTag","getElementsByTagName","parentNode","insertBefore","onYouTubeIframeAPIReady","readyState","videoContainers","Array","from","videoModals","heroVideos","length"],"mappings":"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"}