{"version":3,"file":"resource-video-modal.js","mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB,iBAAiB;AACjB;AACA;AACA,SAAS;AACT;AACA;AACA,CAAC,I","sources":["webpack://nv-base-template/./src/js/resource-video-modal.js"],"sourcesContent":["/**\r\n * Video Modal\r\n * @description : Swiper for the related show cards etc..\r\n */\r\n\r\n(function () {\r\n\r\n    const resourceVideoEls = document.querySelectorAll('.js-resource-video');\r\n\r\n    if (resourceVideoEls) {\r\n        resourceVideoEls.forEach(resourceVideoEl => {\r\n            const videoModalEl = resourceVideoEl.querySelector('.js-resource-video-modal');\r\n\r\n            if (videoModalEl) {\r\n\r\n                const closeButtonEl = videoModalEl.querySelector('.js-resource-video-modal__close');\r\n                closeButtonEl.addEventListener('click', () => {\r\n                    videoModalEl.toggleAttribute('hidden', true);\r\n                    setTimeout(() => {\r\n                        iframeEl.src = 'about:blank';\r\n                    }, 300);\r\n                });\r\n\r\n                const iframeEl = videoModalEl.querySelector('.js-resource-video-modal__iframe');\r\n                const iframeSrcTemplate = iframeEl.getAttribute('data-src');\r\n\r\n                const infoBarEl = videoModalEl.querySelector('.js-resource-video-modal__info-bar');\r\n                const headingBarEl = videoModalEl.querySelector('.js-resource-video-modal__heading-bar');\r\n\r\n                const titleEl = videoModalEl.querySelector('.js-resource-video-modal__title');\r\n                const titleLabelEl = videoModalEl.querySelector('.js-resource-video-modal__title-label');\r\n                const captionEl = videoModalEl.querySelector('.js-resource-video-modal__caption');\r\n\r\n                const triggerEls = Array.from(resourceVideoEl.querySelectorAll('.js-resource-video-modal__trigger'));\r\n                triggerEls.forEach(triggerEl => {\r\n                    const videoProvider = triggerEl.getAttribute('data-video-provider');\r\n                    const videoId = triggerEl.getAttribute('data-video-id');\r\n                    const title = triggerEl.getAttribute('data-title');\r\n                    const titleLabel = triggerEl.getAttribute('data-title-label');\r\n                    const caption = triggerEl.getAttribute('data-caption');\r\n\r\n                    triggerEl.addEventListener('click', () => {\r\n                        iframeEl.src = iframeSrcTemplate.replace('[ID]', videoId);\r\n\r\n\r\n                        titleEl.textContent = title;\r\n                        titleLabelEl.textContent = titleLabel;\r\n                        captionEl.textContent = caption;\r\n\r\n                        titleEl.toggleAttribute('hidden', !title);\r\n                        titleLabelEl.toggleAttribute('hidden', !titleLabel);\r\n                        captionEl.toggleAttribute('hidden', !caption);\r\n\r\n                        infoBarEl.toggleAttribute('hidden', !title && !titleLabel && !caption);\r\n                        headingBarEl.toggleAttribute('hidden', !title && !titleLabel);\r\n\r\n                        videoModalEl.toggleAttribute('hidden', false);\r\n                    });\r\n                });\r\n\r\n            }\r\n        });\r\n    }\r\n\r\n})();"],"names":[],"sourceRoot":""}