/* globals GalleryYTPlayer, YT */ import getScrollbarWidth from '@advdominion/get-scrollbar-width'; const getYTPlayer = () => { const script = document.createElement('script'); script.src = 'https://www.youtube.com/player_api'; script.async = true; document.body.append(script); }; const playVideo = (slide) => { const youtube = slide.querySelector('.advdominion-lg__video_youtube'); if (youtube) { if (slide.YTPlayer) { slide.YTPlayer.playVideo(); } else if (window.YT) { if (GalleryYTPlayer.state) { slide.YTPlayer = new YT.Player(youtube, { videoId: youtube.dataset.id, events: { onReady(event) { event.target.playVideo(); }, }, }); } else { GalleryYTPlayer.addListener(() => { playVideo(slide); }); } } else { getYTPlayer(); GalleryYTPlayer.addListener(() => { playVideo(slide); }); } } }; const pauseVideo = (slide) => { const youtube = slide.querySelector('.advdominion-lg__video_youtube'); if (youtube && slide.YTPlayer) { slide.YTPlayer.pauseVideo(); } }; const setVideoSize = (gallery) => { const items = gallery.querySelectorAll('.advdominion-lg__video-wrapper'); items[0].style = ` width: ''; `; let height = (items[0].getBoundingClientRect().width * 9) / 16; let width = ''; if (height > items[0].getBoundingClientRect().height) { height = items[0].getBoundingClientRect().height; width = `${(height * 16) / 9}px`; } for (const item of items) { item.style = ` height: ${height}px; width: ${width}; `; } }; const hide = async (duration = 500, easing = 'linear') => { const gallery = document.body.querySelector('.advdominion-lg'); await gallery.animate([{opacity: 1}, {opacity: 0}], { duration, easing, }).finished; gallery.remove(); document.body.style = ` overflow: ''; margin-right: ''; `; }; const show = async (duration = 500, easing = 'linear') => { const gallery = document.body.querySelector('.advdominion-lg'); document.body.style = ` overflow: hidden; margin-right: ${getScrollbarWidth()}px `; await gallery.animate([{opacity: 0}, {opacity: 1}], { duration, easing, }).finished; }; const init = async (items = [], options = {}, index = 0) => { const {Swiper, Navigation, Pagination} = await import('swiper'); Swiper.use([Navigation, Pagination]); let isVideoInGallery = false; items = items.map((item) => { if (/youtube\.com\/watch\?v=/.test(item)) { isVideoInGallery = true; return `
`; } return ` `; }); if (isVideoInGallery && !window.GalleryYTPlayer) { window.GalleryYTPlayer = { state: false, get init() { return this.state; }, set init(val) { this.state = val; this.callback.forEach((i) => { i(val); }); }, callback: [], addListener(callback) { this.callback.push(callback); }, }; window.onYouTubeIframeAPIReady = () => { window.GalleryYTPlayer.init = true; }; } document.body.insertAdjacentHTML( 'beforeend', `