@munsonlabs/video-player 0.1.3 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/element.mjs DELETED
@@ -1,3 +0,0 @@
1
- import{Fragment as e,Transition as t,computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createStaticVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,defineCustomElement as d,inject as f,mergeProps as p,nextTick as m,normalizeClass as h,normalizeProps as g,normalizeStyle as _,onBeforeUnmount as v,onMounted as y,openBlock as b,provide as x,reactive as S,ref as C,renderList as w,resolveDynamicComponent as T,toDisplayString as E,toRef as D,unref as O,watch as k,withCtx as A,withModifiers as j}from"vue";function M(){return/iPad|iPhone|iPod/.test(navigator.userAgent)||/Mac/.test(navigator.userAgent)&&navigator.maxTouchPoints>1}function N(e){(e.requestFullscreen||e.webkitRequestFullscreen)?.call(e)}function P(){(document.exitFullscreen||document.webkitExitFullscreen)?.call(document)}function F(e){let[t,n]=e.split(`:`).map(Number);return{isPortrait:n>t,cssRatio:`${t}/${n}`}}function ee(e,t){if(!t||!Object.keys(t).length)return e;let n=e;for(let[e,r]of Object.entries(t))r!=null&&r!==``&&(n=n.split(`{${e}}`).join(encodeURIComponent(r)));return n}function te(e){return!e||isNaN(e)?`0:00`:`${Math.floor(e/60)}:${String(Math.floor(e%60)).padStart(2,`0`)}`}function I(e,t=(...e)=>String(e[0])){let n={};return async(...r)=>{let i=t(...r);if(n[i])return n[i];let a=await e(...r);return n[i]=a,a}}function L(e){return e.filter(e=>e.src&&(e.type===`application/x-mpegURL`||e.type===`video/mp4`)).sort((e,t)=>e.type===`application/x-mpegURL`?-1:1)}const R=`video-select`,ne=`video-state`,re=`fullscreen-pending`,z=`fullscreen-pending-done`,B=`player:autoAdvance`,V=`mvp-youtube`,H=`mvp-vimeo`,U=`mvp-dailymotion`,W=`mvp-ad-playing`,G=`mvp-ad-paused`,ie=`16:9`,K=[.5,.75,1,1.25,1.5,2],ae=[[.25,`firstQuartile`],[.5,`midpoint`],[.75,`thirdQuartile`]];function q(e){return e.match(/cdn\.jwplayer\.com\/videos\/([^-]+)/)?.[1]??e.match(/cdn\.jwplayer\.com\/manifests\/([^.]+)/)?.[1]??e.match(/^jwplayer:\/\/([^/]+)$/)?.[1]??null}function J(e){let t=e?.advertising?.schedule;return Array.isArray(t)&&t.length?t[0].tag??null:e?.advertising?.tag??null}const oe=I(async e=>{let t=await fetch(`https://cdn.jwplayer.com/v2/media/${e}`);if(!t.ok)throw Error(`JW Platform API error: ${t.status}`);let n=(await t.json()).playlist?.[0];if(!n)throw Error(`JW Platform: empty playlist`);let r=L((n.sources??[]).map(e=>({src:e.file,type:e.type})));if(!r.length)throw Error(`JW Platform: no playable sources found`);return{src:r[0].src,type:r[0].type,poster:n.image??null,adTagUrl:J(n)}});async function se(e){let t=q(e);if(!t)throw Error(`JW Platform: unrecognised source URL: ${e}`);let n=await oe(t);if(e.startsWith(`jwplayer://`))return n;let r=/\.mp4(\?|#|$)/.test(e)?`video/mp4`:`application/x-mpegURL`;return{...n,src:e,type:r}}function ce(e){let t;try{t=new URL(e)}catch{return null}if(t.hostname!==`players.brightcove.net`)return null;let[,n,r]=t.pathname.split(`/`),i=t.searchParams.get(`videoId`),a=r?.indexOf(`_`)??-1;return!n||a===-1||!i?null:{accountId:n,playerId:r.slice(0,a),embed:r.slice(a+1),videoId:i}}function le(e){for(let t of e?.plugins??[]){let e=t.options?.serverUrl??t.options?.imaOptions?.serverUrl;if(e)return e}return null}const ue=I(async(e,t,n,r)=>{let i=await fetch(`https://players.brightcove.net/${e}/${t}_${n}/config.json`);if(!i.ok)throw Error(`Brightcove: could not load player config (${i.status})`);let a=await i.json(),o=r??a?.video_cloud?.policy_key;if(!o)throw Error(`Brightcove: policy_key not found in player config`);return{policyKey:o,adTagUrl:le(a)}},(e,t,n)=>`${e}/${t}_${n}`);async function de(e,t,n){let r=await fetch(`https://edge.api.brightcove.com/playback/v1/accounts/${e}/videos/${t}`,{headers:{Accept:`application/json;pk=${n}`}});if(!r.ok)throw Error(`Brightcove Playback API error: ${r.status}`);let i=await r.json(),a=L(i.sources||[]);if(!a.length)throw Error(`Brightcove: no playable sources found`);return{sources:a.map(e=>({src:e.src,type:e.type})),poster:i.poster??i.thumbnail??null}}async function fe(e,t){let n=ce(e);if(!n)throw Error(`Brightcove: invalid src — expected a Brightcove embed URL, e.g. "https://players.brightcove.net/{accountId}/{playerId}_{embed}/index.html?videoId={videoId}"`);let{accountId:r,playerId:i,embed:a,videoId:o}=n,{policyKey:s,adTagUrl:c}=await ue(r,i,a,t),{sources:l,poster:u}=await de(r,o,s);return{...l[0],poster:u,adTagUrl:c}}function pe(){let e=new Map;function t(t,n){for(let r of Array.isArray(t)?t:[t])e.has(r)||e.set(r,new Set),e.get(r)?.add(n)}function n(t,n){e.get(t)?.delete(n)}function r(t,...n){e.get(t)?.forEach(e=>e(...n))}function i(){e.clear()}return{on:t,off:n,trigger:r,dispose:i}}const me={};function he(e,t=e){return me[t]||(me[t]=new Promise((t,n)=>{let r=document.createElement(`script`);r.src=e,r.onload=()=>t(),r.onerror=()=>n(Error(`Failed to load script: ${e}`)),document.head.appendChild(r)})),me[t]}let ge=0;function _e(e,t){e.parentElement?.classList.add(t);let n=`${t}-${++ge}`,r=document.createElement(`div`);r.id=n,r.className=`mvp-tech`,r.style.cssText=`width:100%;height:100%;top:0;left:0;position:absolute`;let i=document.createElement(`div`);return i.style.cssText=`width:100%;height:100%;position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 0.2s`,i.appendChild(r),e.parentElement?.insertBefore(i,e),{techId:n,wrapper:i,innerDiv:r}}function ve(e,t){e.style.display=`none`,t.style.opacity=`1`,t.style.pointerEvents=``}function ye(e,t,n){t.remove(),e.parentElement?.classList.remove(n),e.style.display=``}function be(e){return e.closest(`.player__shell`)}function xe(e){e.trigger(re);let t=document.createElement(`div`);t.style.cssText=`position:fixed;inset:0;z-index:99999;opacity:0;pointer-events:none`,document.body.appendChild(t);let n=!1;function r(){n||e.trigger(z)}function i(r){n||(n=!0,e.trigger(z),t.remove(),r?.())}return{overlay:t,reveal:r,finish:i}}function Se(e,t){return t===e.PlayerState.PLAYING||t===e.PlayerState.BUFFERING}function Ce(e){let t={videoId:null,listId:null},n=e.match(/^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|shorts\/|&v=)([^#&?]*).*/);n?.[2]?.length===11&&(t.videoId=n[2]);let r=e.match(/[?&]list=([^#&?]+)/);return r?.[1]&&(t.listId=r[1]),t}let we=!1,Te=!1;const Ee=[];function De(){Te||(Te=!0,he(`https://www.youtube.com/iframe_api`).then(()=>{window.YT?.ready(()=>{we=!0,Ee.forEach(e=>e()),Ee.length=0})}))}function Oe(e,t){De();let n=pe(),{techId:r,wrapper:i}=_e(e,V),a=Ce(t.src),o=null,s=a.videoId,c=!1,l=!1,u=!1,d=null,f=!1,p=null,m=!1,h=new Set,g=null,_={active:!1,wasPaused:!1,timeBefore:0,catchUpInterval:null};function v(e,t=0){let n=setTimeout(()=>{h.delete(n),e()},t);h.add(n)}function y(){try{let e=o?.getPlayerResponse()?.adPlacements;return Array.isArray(e)&&e.length>0}catch{return!1}}function b(e){o?.loadVideoById({videoId:e})}function x(e){o?.cueVideoById({videoId:e})}function S(){a.videoId&&(_.wasPaused=!1,c?s===a.videoId?o?.playVideo():(b(a.videoId),s=a.videoId):(n.trigger(`waiting`),l=!0))}function C(){_.catchUpInterval&&clearInterval(_.catchUpInterval),_.active=!1,_.wasPaused&&o?.pauseVideo(),n.trigger(`seeked`)}function w(){m=(o?.getAvailablePlaybackRates()??[]).length>1,c=!0,t.muted&&o?.mute(),l?S():u&&a.videoId&&(x(a.videoId),s=a.videoId)}function T(e){if(e===d||p!==null)return;d=e;let t=y();t!==f&&(f=t,n.trigger(t?`adstart`:`adend`));let r=window.YT;if(r){switch(e){case-1:n.trigger(`loadstart`),n.trigger(`loadedmetadata`),n.trigger(`durationchange`),n.trigger(`ratechange`);break;case r.PlayerState.ENDED:n.trigger(`ended`);break;case r.PlayerState.PLAYING:n.trigger(`timeupdate`),n.trigger(`durationchange`),n.trigger(`playing`),n.trigger(`play`),_.active&&C();break;case r.PlayerState.PAUSED:n.trigger(`canplay`),_.active||n.trigger(`pause`);break;case r.PlayerState.BUFFERING:n.trigger(`waiting`);break;case r.PlayerState.CUED:n.trigger(`canplay`);break}g&&=(clearInterval(g),null),e===r.PlayerState.PLAYING&&(g=setInterval(()=>n.trigger(`timeupdate`),250))}}function E(){let e={controls:+!!t.nativeUi,modestbranding:1,rel:0,showinfo:0,mute:+!!t.muted,origin:window.location.origin,allowfullscreen:1,fullscreen:1,fs:1,playsinline:1,...t.customVars};s=a.videoId,o=new window.YT.Player(r,{videoId:s??void 0,playerVars:e,events:{onReady:w,onStateChange:e=>T(e.data),onPlaybackRateChange:()=>n.trigger(`ratechange`),onVolumeChange:()=>n.trigger(`volumechange`),onError:e=>{p=e.data,n.trigger(`error`),v(()=>{p=null})}}})}we?E():Ee.push(E),t.autoplay?c?S():l=!0:a.videoId&&(u=!0);function D(){if(!o)return;let e=o.getCurrentTime(),{video_id:t}=o.getVideoData();o.pauseVideo();let{overlay:r,reveal:i,finish:a}=xe(n),s=document.createElement(`div`);s.id=`yt-fs-${Math.random().toString(36).slice(2)}`,r.appendChild(s);let c=null,l=()=>{document.removeEventListener(`pointerdown`,u,!0),a(()=>{let t=c?.getCurrentTime()??e;try{c?.destroy()}catch{}o?.seekTo(t,!0),n.trigger(`timeupdate`)})};function u(){l()}c=new window.YT.Player(s.id,{videoId:t,playerVars:{playsinline:0,autoplay:1,controls:1,modestbranding:1,rel:0,start:Math.floor(e)},events:{onReady:t=>{i(),t.target.seekTo(e,!0),t.target.playVideo()},onStateChange:e=>{let t=window.YT;t&&(e.data===t.PlayerState.ENDED?l():e.data===t.PlayerState.PAUSED?(document.removeEventListener(`pointerdown`,u,!0),document.addEventListener(`pointerdown`,u,{capture:!0,once:!0})):(document.removeEventListener(`pointerdown`,u,!0),i()))}}})}function O(){if(M()&&o){D();return}let t=be(e);t&&N(t)}function k(){P()}return{el:i,play:S,pause:()=>o?.pauseVideo(),paused:()=>{if(!o)return!0;let e=window.YT;return!e||!Se(e,d)},currentTime:()=>o?.getCurrentTime()??0,setCurrentTime:e=>{if(!o)return;let t=window.YT;t&&d===t.PlayerState.PAUSED&&(_.timeBefore=o.getCurrentTime()),_.active||(_.wasPaused=!t||!Se(t,d)),o.seekTo(e,!0),n.trigger(`timeupdate`),n.trigger(`seeking`),_.active=!0,t&&d===t.PlayerState.PAUSED&&_.timeBefore!==e&&(_.catchUpInterval&&clearInterval(_.catchUpInterval),_.catchUpInterval=setInterval(()=>{d!==t.PlayerState.PAUSED||!_.active?_.catchUpInterval&&clearInterval(_.catchUpInterval):o&&o.getCurrentTime()!==_.timeBefore&&(n.trigger(`timeupdate`),C())},250))},duration:()=>o?.getDuration()??0,volume:()=>o?o.getVolume()/100:1,setVolume:e=>o?.setVolume(e*100),muted:()=>o?.isMuted()??!1,setMuted:e=>{o&&(e?o.mute():o.unMute(),v(()=>n.trigger(`volumechange`),50))},playbackRate:()=>o?.getPlaybackRate()??1,setPlaybackRate:e=>o?.setPlaybackRate(e),bufferedEnd:()=>o?.getVideoLoadedFraction?o.getVideoLoadedFraction()*o.getDuration():0,error:()=>p===null?null:{code:p,message:`This video could not be played.`},setSrc:e=>{let t=Ce(e);a.videoId=t.videoId,a.listId=t.listId,a.videoId&&(c?(b(a.videoId),s=a.videoId):u=!0)},featuresPlaybackRate:()=>m,featuresCaptions:()=>!1,getCaptionTracks:()=>[],setCaptionTrack:()=>{},getActiveCaptionTrack:()=>null,featuresQuality:()=>!1,getQualityLevels:()=>[],getCurrentQuality:()=>null,isAutoQuality:()=>!0,setQuality:()=>{},featuresPip:()=>!1,isPipActive:()=>!1,togglePip:()=>{},enterFullscreen:O,exitFullscreen:k,on:n.on,off:n.off,dispose:()=>{if(h.forEach(clearTimeout),h.clear(),g&&clearInterval(g),_.catchUpInterval&&clearInterval(_.catchUpInterval),o)try{o.stopVideo(),o.destroy()}catch{}else{let e=Ee.indexOf(E);e!==-1&&Ee.splice(e,1)}o=null,ye(e,i,V),n.dispose()}}}function ke(e){return e.match(/(?:vimeo\.com\/(?:video\/|channels\/[^/]+\/|groups\/[^/]+\/videos\/)?|player\.vimeo\.com\/video\/)(\d+)/)?.[1]??null}function Ae(e,t){let n=pe(),{techId:r,wrapper:i}=_e(e,H),a=ke(t.src),o=null,s=0,c=0,l=1,u=!1,d=!0,f=1,p=!1,m=!1,h=!1,g=null,_=new Set;function v(e,t=0){let n=setTimeout(()=>{_.delete(n),e()},t);_.add(n)}function y(){if(!o){m=!0;return}o.play().catch(()=>{})}function b(){t.muted&&o?.setMuted(!0).catch(()=>{}),m&&y()}async function x(e){if(await he(`https://player.vimeo.com/api/player.js`,`vimeo`),h||!window.Vimeo)return;let i={id:Number(e),byline:!1,portrait:!1,title:!1,transparent:!0,controls:!!t.nativeUi,autopause:!1,...t.autoplay!==void 0&&{autoplay:t.autoplay},...t.muted!==void 0&&{muted:t.muted}};o=new window.Vimeo.Player(r,i),t.autoplay&&(m=!0),o.ready().then(b).catch(e=>{g={code:4,message:e?.message||`This video is unavailable or cannot be embedded here.`},n.trigger(`error`)}),o.on(`play`,()=>{d=!1,n.trigger(`play`),n.trigger(`playing`)}),o.on(`pause`,()=>{d=!0,n.trigger(`pause`)}),o.on(`ended`,()=>{d=!0,n.trigger(`ended`)}),o.on(`timeupdate`,e=>{let{seconds:t,duration:r}=e;s=t,c=r,n.trigger(`timeupdate`),r&&!p&&(p=!0,n.trigger(`durationchange`))}),o.on(`loaded`,()=>{p=!1,n.trigger(`loadedmetadata`),n.trigger(`durationchange`)}),o.on(`seeking`,e=>{s=e.seconds,n.trigger(`seeking`)}),o.on(`seeked`,e=>{s=e.seconds,n.trigger(`seeked`),n.trigger(`timeupdate`)}),o.on(`bufferstart`,()=>n.trigger(`waiting`)),o.on(`bufferend`,()=>n.trigger(`canplay`)),o.on(`volumechange`,e=>{l=e.volume,n.trigger(`volumechange`)}),o.on(`error`,()=>n.trigger(`error`))}a&&x(a);function S(){if(!M()){let t=be(e);t&&N(t);return}o?.requestFullscreen().catch(()=>{})}function C(){P()}return{el:i,play:y,pause:()=>o?.pause().catch(()=>{}),paused:()=>d,currentTime:()=>s,setCurrentTime:e=>{o?.setCurrentTime(e).catch(()=>{}),n.trigger(`timeupdate`),n.trigger(`seeking`)},duration:()=>c,volume:()=>l,setVolume:e=>{l=e,o?.setVolume(e).catch(()=>{})},muted:()=>u,setMuted:e=>{u=e,o?.setMuted(e).then(()=>v(()=>n.trigger(`volumechange`),50)).catch(()=>{})},playbackRate:()=>f,setPlaybackRate:e=>{f=e,o?.setPlaybackRate(e).catch(()=>{}),n.trigger(`ratechange`)},bufferedEnd:()=>s,error:()=>g,setSrc:()=>{},featuresPlaybackRate:()=>!1,featuresCaptions:()=>!1,getCaptionTracks:()=>[],setCaptionTrack:()=>{},getActiveCaptionTrack:()=>null,featuresQuality:()=>!1,getQualityLevels:()=>[],getCurrentQuality:()=>null,isAutoQuality:()=>!0,setQuality:()=>{},featuresPip:()=>!1,isPipActive:()=>!1,togglePip:()=>{},enterFullscreen:S,exitFullscreen:C,on:n.on,off:n.off,dispose:()=>{h=!0,_.forEach(clearTimeout),_.clear(),o?.destroy().catch(()=>{}),o=null,ye(e,i,H),n.dispose()}}}function je(e){let t=e.match(/[?&]video=([a-zA-Z0-9]+)/);return t?t[1]:e.match(/(?:dailymotion\.com\/(?:embed\/)?video\/|dai\.ly\/)([a-zA-Z0-9]+)/)?.[1]??null}function Me(e,t){let n=pe(),{techId:r,wrapper:i}=_e(e,U),a=be(e),o=je(t.src),s=typeof t.customVars?.playerId==`string`?t.customVars.playerId:void 0,c=null,l=0,u=0,d=1,f=!1,p=!0,m=!1,h=!1,g=null;async function _(){if(!o){g={code:4,message:`Could not parse video ID from source URL`},n.trigger(`error`);return}try{let e=await he(s?`https://geo.dailymotion.com/libs/player/${s}.js`:`https://geo.dailymotion.com/libs/player.js`,s||`dailymotion-sdk`).then(()=>window.dailymotion);if(!e)return;let i=await e.createPlayer(r,{...s&&{player:s},video:o,params:{autoplay:!!t.autoplay,mute:!!t.muted}});c=i;let a=e.events;m&&i.play(),i.on(a.PLAYER_CRITICALPATHREADY,e=>{let t=e.videoThumbnails;if(!t)return;let r=Object.keys(t).map(Number).sort((e,t)=>t-e)[0],i=r===void 0?void 0:t[r];i&&n.trigger(`posterchange`,i)}),i.on(a.VIDEO_PLAY,()=>{p=!1,n.trigger(`play`),n.trigger(`playing`),!t.autoplay&&!h&&(h=!0,i.pause())}),i.on(a.VIDEO_PLAYING,()=>{p=!1,n.trigger(`play`),n.trigger(`playing`)}),i.on(a.VIDEO_PAUSE,()=>{p=!0,n.trigger(`pause`)}),a.VIDEO_BUFFERING&&i.on(a.VIDEO_BUFFERING,()=>n.trigger(`waiting`)),i.on(a.VIDEO_END,()=>{p=!0,n.trigger(`ended`)}),i.on(a.VIDEO_TIMECHANGE,e=>{l=e.videoTime??l,u=e.videoDuration??u,n.trigger(`timeupdate`)}),i.on(a.VIDEO_DURATIONCHANGE,e=>{u=e.videoDuration??u,n.trigger(`durationchange`)}),i.on(a.VIDEO_SEEKSTART,()=>n.trigger(`seeking`)),i.on(a.VIDEO_SEEKEND,e=>{l=e.videoTime??l,n.trigger(`seeked`)}),i.on(a.PLAYER_VOLUMECHANGE,e=>{d=e.playerVolume??d,f=e.playerIsMuted??f,n.trigger(`volumechange`)}),i.on(a.PLAYER_ERROR,()=>n.trigger(`error`)),a.AD_START&&i.on(a.AD_START,()=>{p=!1,n.trigger(`play`),n.trigger(`adstart`)}),a.AD_END&&i.on(a.AD_END,()=>n.trigger(`adend`))}catch(e){g={code:4,message:e instanceof Error?e.message:`This video could not be played.`},n.trigger(`error`)}}_();function v(){c?c.play():m=!0}function y(){if(M()){c?.setFullscreen(!0);return}a&&N(a)}function b(){if(M()){c?.setFullscreen(!1);return}P()}return{el:i,play:v,pause:()=>c?.pause(),paused:()=>p,currentTime:()=>l,setCurrentTime:e=>{l=e,c?.seek(e),n.trigger(`seeking`)},duration:()=>u,volume:()=>d,setVolume:e=>{d=e,c?.setVolume(e)},muted:()=>f,setMuted:e=>{f=e,c?.setMute(e)},playbackRate:()=>1,setPlaybackRate:()=>{},bufferedEnd:()=>l,error:()=>g,setSrc:()=>{},featuresPlaybackRate:()=>!1,featuresCaptions:()=>!1,getCaptionTracks:()=>[],setCaptionTrack:()=>{},getActiveCaptionTrack:()=>null,featuresQuality:()=>!1,getQualityLevels:()=>[],getCurrentQuality:()=>null,isAutoQuality:()=>!0,setQuality:()=>{},featuresPip:()=>!1,isPipActive:()=>!1,togglePip:()=>{},enterFullscreen:y,exitFullscreen:b,on:n.on,off:n.off,dispose:()=>{c?.destroy?.(),c=null,ye(e,i,U),n.dispose()}}}const Ne=[{test:e=>/youtu\.be|youtube\.com/.test(e),key:`youtube`,embed:!0},{test:e=>/vimeo\.com|player\.vimeo\.com/.test(e),key:`vimeo`,embed:!0},{test:e=>/dailymotion\.com|dai\.ly/.test(e),key:`dailymotion`,embed:!0},{test:e=>/cdn\.jwplayer\.com/.test(e)||e.startsWith(`jwplayer://`),key:`jwplayer`,embed:!1},{test:e=>/players\.brightcove\.net/.test(e),key:`brightcove`,embed:!1}];function Pe(e){return Ne.find(t=>t.test(e))?.key??`html5`}function Fe(e){if(/\.m3u8(\?|#|$)/.test(e))return`application/x-mpegURL`;if(/\.mpd(\?|#|$)/.test(e))return`application/dash+xml`;if(/\.mp4(\?|#|$)/.test(e))return`video/mp4`}function Ie(e){return Ne.find(t=>t.test(e))?.embed??!1}const Le={youtube:Oe,vimeo:Ae,dailymotion:Me};function Re(e,t,n){let r=Le[Pe(e)];return r?r(t,n):null}async function ze(e){let t=Pe(e);return t===`jwplayer`?se(e):t===`brightcove`?fe(e):{src:e,type:Fe(e)}}function Be(e){return e.kind===`captions`||e.kind===`subtitles`}function Ve(e,t){e.textTracks.addEventListener(`addtrack`,t),e.textTracks.addEventListener(`removetrack`,t);function n(){let t=[];for(let n=0;n<e.textTracks.length;n++){let r=e.textTracks[n];Be(r)&&t.push({index:n,label:r.label||r.language||`Track ${n+1}`,language:r.language})}return t}function r(t){for(let n=0;n<e.textTracks.length;n++){let r=e.textTracks[n];Be(r)&&(r.mode=n===t?`showing`:`hidden`)}}function i(){for(let t=0;t<e.textTracks.length;t++){let n=e.textTracks[t];if(Be(n)&&n.mode===`showing`)return t}return null}return{featuresCaptions:()=>n().length>0,getCaptionTracks:n,setCaptionTrack:r,getActiveCaptionTrack:i,dispose:()=>{e.textTracks.removeEventListener(`addtrack`,t),e.textTracks.removeEventListener(`removetrack`,t)}}}function He(e){function t(){return e()?.levels()??[]}function n(){return e()?.isAuto()??!0}function r(){let t=e();return t?n()?null:t.currentIndex():null}function i(t){e()?.setIndex(t)}return{featuresQuality:()=>t().length>0,getQualityLevels:t,getCurrentQuality:r,isAutoQuality:n,setQuality:i}}function Ue(e,t,n){let r=[[`webkitbeginfullscreen`,t],[`webkitendfullscreen`,n]];for(let[t,n]of r)e.addEventListener(t,n);function i(){let t=e;if(typeof t.webkitEnterFullscreen==`function`){t.webkitEnterFullscreen();return}let n=e.closest(`.player__shell`);n instanceof HTMLElement&&N(n)}function a(){let t=e;if(typeof t.webkitExitFullscreen==`function`){t.webkitExitFullscreen();return}P()}return{enterFullscreen:i,exitFullscreen:a,dispose:()=>{for(let[t,n]of r)e.removeEventListener(t,n)}}}function We(e,t){let n=[[`enterpictureinpicture`,t],[`leavepictureinpicture`,t]];for(let[t,r]of n)e.addEventListener(t,r);function r(){return typeof document<`u`&&!!document.pictureInPictureEnabled&&!e.disablePictureInPicture}function i(){return document.pictureInPictureElement===e}function a(){i()?document.exitPictureInPicture():r()&&e.requestPictureInPicture()}return{featuresPip:r,isPipActive:i,togglePip:a,dispose:()=>{for(let[t,r]of n)e.removeEventListener(t,r)}}}const Ge=`application/x-mpegURL`,Ke=[`play`,`pause`,`ended`,`error`,`timeupdate`,`durationchange`,`progress`,`volumechange`,`ratechange`,`seeking`,`seeked`,`waiting`,`playing`,`canplay`];function qe(e){return{levels:()=>e.levels.map((e,t)=>({index:t,height:e.height,bitrate:e.bitrate,label:`${e.height}p`})),isAuto:()=>e.autoLevelEnabled,currentIndex:()=>e.currentLevel,setIndex:t=>{e.currentLevel=t??-1}}}function Je(e){return{levels:()=>e.getBitrateInfoListFor(`video`).map(e=>({index:e.qualityIndex,height:e.height,bitrate:e.bitrate,label:`${e.height}p`})),isAuto:()=>e.getSettings().streaming?.abr?.autoSwitchBitrate?.video??!0,currentIndex:()=>e.getQualityFor(`video`),setIndex:t=>{if(t===null){e.updateSettings({streaming:{abr:{autoSwitchBitrate:{video:!0}}}});return}e.updateSettings({streaming:{abr:{autoSwitchBitrate:{video:!1}}}}),e.setQualityFor(`video`,t,!0)}}}function Ye(e,t){let n=pe(),r=null,i=null,a=!1,o=null,s=null;async function c(i){let{default:s}=await import(`hls.js`);if(a||o!==i)return;if(typeof s?.isSupported!=`function`||!s.isSupported()){e.src=i,t.autoplay&&e.play();return}r=new s({liveDurationInfinity:!0}),r.loadSource(i),r.attachMedia(e),t.autoplay&&e.play();let c=s.Events,l=s.ErrorTypes;r.on(c.MANIFEST_PARSED,f(`qualitychange`)),r.on(c.LEVEL_SWITCHED,f(`qualitychange`)),r.on(c.ERROR,(e,t)=>{if(!(!t.fatal||a||o!==i))switch(t.type){case l.NETWORK_ERROR:r?.startLoad();break;case l.MEDIA_ERROR:r?.recoverMediaError();break;default:r?.destroy(),r=null,n.trigger(`error`);break}})}async function l(r){let o=await import(`dashjs`);if(a||s!==r)return;let c=o.MediaPlayer().create();i=c,c.initialize(e,r,t.autoplay??!1);let l=o.MediaPlayer.events;c.on(l.QUALITY_CHANGE_RENDERED,f(`qualitychange`)),c.on(l.STREAM_INITIALIZED,f(`qualitychange`)),c.on(l.ERROR,()=>{a||s!==r||(c.destroy(),i=null,n.trigger(`error`))})}function u(){return/Apple/.test(navigator.vendor)&&!/CriOS|FxiOS|OPiOS|EdgiOS|Chrome|Chromium|Android/.test(navigator.userAgent)&&(e.canPlayType(`application/vnd.apple.mpegurl`)!==``||e.canPlayType(Ge)!==``)}function d(n,a){if(r?.destroy(),r=null,o=null,i?.destroy(),i=null,s=null,a===`application/dash+xml`){s=n,l(n);return}if(a===Ge&&!u()){o=n,c(n);return}e.src=n,t.autoplay&&e.play()}let f=e=>()=>n.trigger(e),p=Ke.map(e=>[e,f(e)]);for(let[t,n]of p)e.addEventListener(t,n);let m=Ve(e,f(`captionschange`)),h=He(()=>r?qe(r):i?Je(i):null),g=Ue(e,f(`nativefullscreenenter`),f(`nativefullscreenexit`)),_=We(e,f(`pipchange`));return e.poster=t.poster??``,e.muted=t.muted??t.autoplay??!1,e.playbackRate=t.playbackRate??1,e.playsInline=!0,d(t.src,t.type),{el:e,play:()=>e.play(),pause:()=>e.pause(),paused:()=>e.paused,currentTime:()=>e.currentTime,setCurrentTime:t=>{e.currentTime=t},duration:()=>e.duration,volume:()=>e.volume,setVolume:t=>{e.volume=t},muted:()=>e.muted,setMuted:t=>{e.muted=t},playbackRate:()=>e.playbackRate,setPlaybackRate:t=>{e.playbackRate=t},bufferedEnd:()=>{let{buffered:t,duration:n}=e;if(!t.length)return 0;let r=t.end(t.length-1);return n&&r>n?n:r},error:()=>{let t=e.error;return t?{code:t.code,message:t.message||`This video could not be played.`}:null},setSrc:d,featuresPlaybackRate:()=>!0,featuresCaptions:m.featuresCaptions,getCaptionTracks:m.getCaptionTracks,setCaptionTrack:m.setCaptionTrack,getActiveCaptionTrack:m.getActiveCaptionTrack,featuresQuality:h.featuresQuality,getQualityLevels:h.getQualityLevels,getCurrentQuality:h.getCurrentQuality,isAutoQuality:h.isAutoQuality,setQuality:h.setQuality,featuresPip:_.featuresPip,isPipActive:_.isPipActive,togglePip:_.togglePip,enterFullscreen:g.enterFullscreen,exitFullscreen:g.exitFullscreen,on:n.on,off:n.off,dispose:()=>{a=!0,r?.destroy(),i?.destroy();for(let[t,n]of p)e.removeEventListener(t,n);m.dispose(),g.dispose(),_.dispose(),n.dispose()}}}const Xe=new Set;function Ze(e){return Xe.add(e),()=>Xe.delete(e)}function Qe(e){Xe.forEach(t=>{if(t!==e)try{t()}catch{}})}function $e(e){let t=C(!1),n=C(!1);function r(){let e=document;t.value=!!(document.fullscreenElement||e.webkitFullscreenElement),n.value=!1}function i(){let n=e();if(n){if(t.value){n.exitFullscreen();return}n.enterFullscreen()}}function a(){n.value=!0}function o(e){e.on(re,()=>{n.value=!0}),e.on(z,()=>{n.value=!1}),e.on(`nativefullscreenenter`,()=>{t.value=!0,n.value=!1}),e.on(`nativefullscreenexit`,()=>{t.value=!1,n.value=!1})}return y(()=>{document.addEventListener(`fullscreenchange`,r),document.addEventListener(`webkitfullscreenchange`,r)}),v(()=>{document.removeEventListener(`fullscreenchange`,r),document.removeEventListener(`webkitfullscreenchange`,r)}),{isFullscreen:t,isFullscreenPending:n,toggleFullscreen:i,markFullscreenPending:a,attachPlayerEvents:o}}function et(e){let t=C(!1),n=null;function r(){clearTimeout(n??void 0),t.value&&e(`bufferend`),t.value=!1}function i(i){i.on(`waiting`,()=>{clearTimeout(n??void 0),n=setTimeout(()=>{t.value=!0,e(`bufferstart`)},500)}),i.on(`playing`,r),i.on(`canplay`,r)}return v(()=>clearTimeout(n??void 0)),{isBuffering:t,attachPlayerEvents:i,reset:r}}function tt(e,t,n){let r=new Set;function i(){if(!t.value)return;let i=e.value/t.value;for(let[e,t]of ae)!r.has(e)&&i>=e&&(r.add(e),n(t))}function a(){r.clear()}return{checkQuartiles:i,reset:a}}function nt(){try{return JSON.parse(localStorage.getItem(`player:positions`)??`[]`)}catch{return[]}}function rt(e){localStorage.setItem(`player:positions`,JSON.stringify(e))}function it(e){return nt().find(t=>t.url===e)?.time??null}function at(e){rt(nt().filter(t=>t.url!==e))}function ot(e,t,n){let r=!1;function i(t){if(r)return;let n=it(e);n&&t.setCurrentTime(n),r=!0}function a(e){!e||n.value}function o(){at(e)}function s(){document.visibilityState===`hidden`&&a(t())}return y(()=>document.addEventListener(`visibilitychange`,s)),v(()=>{a(t()),document.removeEventListener(`visibilitychange`,s)}),{restoreOnce:i,save:a,clear:o}}function st(e,t,n,r){let i=null;y(()=>{let a=e.value?.closest(`.player__shell`);a&&(i=new IntersectionObserver(([e])=>{let i=t();!e.isIntersecting&&i&&!i.paused()&&!n.value&&!r.value&&i.pause()},{threshold:.1}),i.observe(a))}),v(()=>i?.disconnect())}function ct(e,t,n,r,i,a){function o(){let n=e();if(!(!n||!t.value)){if(!a.value){n.play();return}n.pause()}}function s(t){e()?.setCurrentTime(n.value*(t/100))}function c(){let t=e();t?.setMuted(!t.muted())}function l(t){let n=e();n&&(n.setVolume(t),n.setMuted(t===0))}function u(){r.value=!r.value}function d(t){let n=e();n&&(n.setPlaybackRate(t),i.value=t)}return{togglePlay:o,seek:s,toggleMute:c,setVolume:l,toggleLoop:u,setPlaybackRate:d}}function lt(e,t){let{isPlaying:n,hasEnded:r,isReady:i,isAdPlaying:a,isLive:o,current:s,total:c,buffered:l,vol:u,isMuted:d,isLooping:f,playbackRate:p,supportsPlaybackRate:m,supportsCaptions:h,captionTracks:g,activeCaptionIndex:_,supportsQuality:v,qualityLevels:y,currentQualityIndex:b,isAutoQuality:x,supportsPip:S,isPipActive:C,hasStarted:w,isError:T,errorMessage:E}=e,{fire:D,pauseThisPlayer:O,positionMemory:k,quartiles:A,buffering:j,fullscreen:M}=t;function N(e){i.value=!0,m.value=e.featuresPlaybackRate();function t(){g.value=e.getCaptionTracks(),h.value=e.featuresCaptions();let t=e.getActiveCaptionTrack();t!==_.value&&(_.value=t,w.value&&D(`captionchange`,{captionIndex:t}))}t(),e.on(`captionschange`,t);function N(){y.value=e.getQualityLevels(),v.value=e.featuresQuality();let t=e.getCurrentQuality(),n=e.isAutoQuality(),r=t!==b.value||n!==x.value;b.value=t,x.value=n,r&&w.value&&D(`qualitychange`,{qualityIndex:n?null:t})}N(),e.on(`qualitychange`,N);function P(){S.value=e.featuresPip();let t=e.isPipActive();t!==C.value&&(C.value=t,w.value&&D(`pipchange`,{isPipActive:t}))}P(),e.on(`pipchange`,P);let F=()=>{let t=e.duration();if(t===1/0){o.value=!0;return}o.value=!1,t&&t>0&&isFinite(t)&&(c.value=t)};e.on(`adstart`,()=>{Qe(O),a.value=!0,D(`adstart`)}),e.on(`adend`,()=>{a.value=!1,D(`adend`)}),e.on(`play`,()=>{Qe(O),w.value=!0,n.value=!0,r.value=!1,o.value||k.restoreOnce(e),D(`play`)}),e.on(`pause`,()=>{n.value=!1,o.value||k.save(e),D(`pause`)}),e.on(`ended`,()=>{if(n.value=!1,A.reset(),j.reset(),f.value){e.setCurrentTime(0),e.play();return}c.value&&(s.value=c.value),r.value=!0,k.clear(),D(`ended`)}),e.on(`seeked`,()=>{D(`seeked`)}),e.on(`error`,()=>{let t=e.error();E.value=t?.message||`This video could not be played.`,T.value=!0,i.value=!0,D(`error`,{error:t})}),e.on(`timeupdate`,()=>{if(r.value)return;s.value=e.currentTime()??0,c.value||F(),m.value||=e.featuresPlaybackRate();let t=e.getActiveCaptionTrack();_.value!==t&&(_.value=t,w.value&&D(`captionchange`,{captionIndex:t})),o.value||A.checkQuartiles()}),e.on(`durationchange`,F),e.on(`progress`,()=>{let t=e.duration();l.value=t?e.bufferedEnd()/t*100:0}),e.on(`volumechange`,()=>{let t=e.muted();u.value=e.volume()??1,d.value=t??!1,w.value&&D(`volumechange`,{isMuted:t})}),e.on(`ratechange`,()=>{let t=e.playbackRate()??1;p.value=t,w.value&&D(`ratechange`,{playbackRate:t})}),j.attachPlayerEvents(e),M.attachPlayerEvents(e)}return{attachPlayerEvents:N}}function ut(){return window.google?.ima?Promise.resolve():new Promise((e,t)=>{let n=document.createElement(`script`);n.src=`https://imasdk.googleapis.com/js/sdkloader/ima3.js`,n.onload=()=>e(),n.onerror=()=>t(Error(`Failed to load Google IMA SDK`)),document.head.appendChild(n)})}function dt(e,t,n,r){let i=document.createElement(`div`);i.className=`ima-ad-container`,e.appendChild(i);let a=n,o=null,s=null,c=null,l=!1,u=!1,d=!1,f=!1,p=!1,m=!1,h=1,g=new ResizeObserver(([e])=>{let t=window.google?.ima;if(!c||!t)return;let{width:n,height:r}=e.contentRect;c.resize(n,r,t.ViewMode.NORMAL)});g.observe(t);function _(){s?.contentComplete()}function v(t){f=t,e.classList.toggle(W,t),t||(p=!1,e.classList.remove(G))}function y(){if(l||!u||!d||!o||!s||!a)return;l=!0;let e=window.google?.ima;if(!e)return;o.initialize();let t=new e.AdsRequest;t.adTagUrl=a,s.requestAds(t)}function b(e){a=e,y()}ut().then(()=>{if(m)return;let n=window.google?.ima;n&&(o=new n.AdDisplayContainer(i,t),s=new n.AdsLoader(o),u=!0,s.addEventListener(n.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED,i=>{if(m)return;let a=new n.AdsRenderingSettings;a.restoreCustomPlaybackStateOnAdBreakComplete=!0,c=i.getAdsManager(t,a),t.addEventListener(`ended`,_),c.addEventListener(n.AdEvent.Type.CONTENT_PAUSE_REQUESTED,()=>{t.removeEventListener(`ended`,_),t.pause(),v(!0),r.onAdStart();let e=c?.getVolume()??1;e>0&&(h=e),r.onAdMuteChange(e===0)}),c.addEventListener(n.AdEvent.Type.CONTENT_RESUME_REQUESTED,()=>{t.addEventListener(`ended`,_),v(!1),r.onAdEnd(),t.ended||t.play()}),c.addEventListener(n.AdEvent.Type.PAUSED,()=>{p=!0,e.classList.add(G),r.onAdPauseChange(!0)}),c.addEventListener(n.AdEvent.Type.RESUMED,()=>{p=!1,e.classList.remove(G),r.onAdPauseChange(!1)}),c.addEventListener(n.AdEvent.Type.AD_PROGRESS,()=>{r.onAdProgress(c?.getRemainingTime()??0)}),c.addEventListener(n.AdErrorEvent.Type.AD_ERROR,e=>{v(!1),r.onError(e.getError().getMessage()),t.play()});try{c.init(t.clientWidth,t.clientHeight,n.ViewMode.NORMAL),c.start()}catch(e){r.onError(e instanceof Error?e.message:`Ad playback failed to start.`)}}),s.addEventListener(n.AdErrorEvent.Type.AD_ERROR,e=>{r.onError(e.getError().getMessage())}),y())}).catch(e=>r.onError(e.message));function x(){d=!0,y()}function S(){if(!c)return;let e=c.getVolume();e>0?(h=e,c.setVolume(0)):c.setVolume(h||1),r.onAdMuteChange(c.getVolume()===0)}return{isAdPlaying:()=>f,isAdPaused:()=>p,requestAdsOnFirstPlay:x,setAdTagUrl:b,pauseAd:()=>c?.pause(),resumeAd:()=>c?.resume(),toggleAdMute:S,dispose:()=>{m=!0,g.disconnect(),t.removeEventListener(`ended`,_),c?.destroy(),s?.destroy(),i.remove(),e.classList.remove(W,G)}}}function ft(e,t){let n=window.pbjs;if(!n)return Promise.resolve(t);let r=e.timeoutMs??1e3;return new Promise(i=>{let a=!1;function o(e){a||(a=!0,i(e||t))}let s=setTimeout(()=>o(t),r);n.que.push(()=>{try{n.addAdUnits(e.adUnit),n.requestBids({adUnitCodes:[e.adUnit.code],timeout:r,bidsBackHandler:()=>{clearTimeout(s);try{o(n.adServers?.gam?.buildVideoUrl({adUnit:e.adUnit,params:e.params}))}catch{o(t)}}})}catch{clearTimeout(s),o(t)}})})}function pt(e,t){let{isAdPlaying:n,isAdPaused:r,isAdMuted:i,adRemainingTime:a}=e,{fire:o,pauseThisPlayer:s}=t,c=null,l=null;function u(e,t,u,d){if(!(u||d)||!e.parentElement)return;d&&ft(d,u).catch(()=>u).then(e=>c?.setAdTagUrl(e));function f(){!M()&&t.isPipActive()&&document.exitPictureInPicture()}function p(){!M()&&(document.hidden||!document.hasFocus())&&c?.isAdPlaying()&&c.pauseAd()}document.addEventListener(`visibilitychange`,p),window.addEventListener(`blur`,p);let m=()=>{t.isPipActive()||p()};t.on(`pipchange`,m),l=()=>{document.removeEventListener(`visibilitychange`,p),window.removeEventListener(`blur`,p),t.off(`pipchange`,m)},c=dt(e.parentElement,e,u,{onAdStart:()=>{n.value=!0,r.value=!1,o(`adstart`),f(),p()},onAdEnd:()=>{n.value=!1,r.value=!1,a.value=0,o(`adend`)},onAdPauseChange:e=>{r.value=e,e||Qe(s)},onAdMuteChange:e=>{i.value=e},onAdProgress:e=>{a.value=e},onError:e=>{n.value=!1,r.value=!1,a.value=0,console.error(`Ad playback error:`,e)}}),t.on(`play`,()=>c?.requestAdsOnFirstPlay())}return{attach:u,isAdPlaying:()=>c?.isAdPlaying()??!1,isAdPaused:()=>c?.isAdPaused()??!1,pauseAd:()=>c?.pauseAd(),resumeAd:()=>c?.resumeAd(),toggleAdMute:()=>c?.toggleAdMute(),dispose:()=>{c?.dispose(),c=null,l?.(),l=null}}}function mt(e,t,r){let i=null,a=null,o=null,s=C(!1),c=C(!1),l=C(!1),u=C(!1),d=C(!1),f=C(!1),p=C(0),m=C(!1),h=C(0),g=C(0),_=C(0),b=C(1),x=C(t.muted??t.autoplay??!1),S=C(!1),w=C(t.playbackRate??1),T=C(!1),E=C(!1),D=C([]),O=C(null),A=C(!1),j=C([]),M=C(null),N=C(!0),P=C(!1),F=C(!1),I=C(!1),L=C(!1),R=C(``),ne=C(!1),re=n(()=>g.value?h.value/g.value*100:0),z=n(()=>Math.max(_.value,re.value)),B=()=>i,V=$e(B),H=et(W),U=ot(t.videoUrl,B,c);function W(e,n={}){r(`state-change`,{type:e,currentTime:h.value,duration:g.value,src:t.videoUrl,...n,payload:t.payload})}let G=tt(h,g,W);function ie(){!i||!o||(L.value=!1,R.value=``,i.setSrc(o.src,o.type))}function K(){if(q.isAdPlaying()){q.pauseAd();return}i?.pause()}function ae(){if(q.isAdPlaying()){q.isAdPaused()?q.resumeAd():q.pauseAd();return}J.togglePlay()}let q=pt({isAdPlaying:u,isAdPaused:d,isAdMuted:f,adRemainingTime:p},{fire:W,pauseThisPlayer:K}),J=ct(B,l,g,S,w,s),{attachPlayerEvents:oe}=lt({isPlaying:s,hasEnded:c,isReady:l,isAdPlaying:u,isLive:m,current:h,total:g,buffered:_,vol:b,isMuted:x,isLooping:S,playbackRate:w,supportsPlaybackRate:T,supportsCaptions:E,captionTracks:D,activeCaptionIndex:O,supportsQuality:A,qualityLevels:j,currentQualityIndex:M,isAutoQuality:N,supportsPip:P,isPipActive:F,hasStarted:I,isError:L,errorMessage:R},{fire:W,pauseThisPlayer:K,positionMemory:U,quartiles:G,buffering:H,fullscreen:V});function se(e){i?.setCaptionTrack(e),O.value=e,I.value&&W(`captionchange`,{captionIndex:e})}function ce(e){i?.setQuality(e),M.value=e,N.value=e===null,I.value&&W(`qualitychange`,{qualityIndex:e})}function le(){i?.togglePip()}function ue(){J.toggleLoop(),I.value&&W(`loopchange`,{isLooping:S.value})}return k(()=>t.muted,e=>{!i||e===void 0||i.setMuted(e)}),k(()=>t.playbackRate,e=>{!i||e===void 0||i.setPlaybackRate(e)}),st(e,B,V.isFullscreen,V.isFullscreenPending),k(I,t=>{!t||!e.value||!i||i.el===e.value||ve(e.value,i.el)}),y(async()=>{if(Ie(t.videoUrl)){if(!e.value)return;let n=Re(t.videoUrl,e.value,{src:t.videoUrl,poster:t.poster,autoplay:t.autoplay,muted:t.muted??t.autoplay,nativeUi:t.nativeUi});if(!n){L.value=!0,l.value=!0,R.value=`This platform is not yet supported.`;return}ne.value=!!t.nativeUi,i=n,o={src:t.videoUrl},a=Ze(K),oe(i);return}let n=await ze(t.videoUrl).catch(()=>({src:t.videoUrl}));if(!e.value)return;o={src:n.src,type:n.type},i=Ye(e.value,{src:n.src,type:n.type,poster:n.poster||t.poster||``,autoplay:t.autoplay,muted:t.muted??t.autoplay,playbackRate:w.value});let r=ee(t.adTagUrl||n.adTagUrl||``,t.adTagParams);q.attach(e.value,i,r,t.headerBidding),a=Ze(K),oe(i)}),v(()=>{a?.(),q.dispose(),i?.dispose(),i=null}),{isPlaying:s,hasEnded:c,isReady:l,isAdPlaying:u,isAdPaused:d,isAdMuted:f,adRemainingTime:p,isLive:m,isBuffering:H.isBuffering,current:h,total:g,vol:b,isMuted:x,isLooping:S,playbackRate:w,hasStarted:I,isError:L,errorMessage:R,progress:re,bufferedDisplay:z,isFullscreen:V.isFullscreen,isFullscreenPending:V.isFullscreenPending,fmt:te,fire:W,retry:ie,togglePlay:ae,seek:J.seek,toggleMute:J.toggleMute,setVolume:J.setVolume,toggleFullscreen:V.toggleFullscreen,markFullscreenPending:V.markFullscreenPending,toggleLoop:ue,toggleAdMute:q.toggleAdMute,setPlaybackRate:J.setPlaybackRate,supportsPlaybackRate:T,supportsCaptions:E,captionTracks:D,activeCaptionIndex:O,setCaptionTrack:se,supportsQuality:A,qualityLevels:j,currentQualityIndex:M,isAutoQuality:N,setQuality:ce,supportsPip:P,isPipActive:F,togglePip:le,nativeUi:ne}}function ht(e){let t=C(!0),n=C(!1),r=null,i=0;function a(e=400){i=Date.now()+e}function o(e=3500){clearTimeout(r??void 0),r=setTimeout(()=>{t.value=!1,n.value=!1},e)}function s(){clearTimeout(r??void 0)}function c(){n.value=!0,t.value=!0,o()}function l(){n.value=!1,e.value&&o()}function u(){e.value&&o()}function d(){t.value=!0,e.value&&o()}function f(){t.value=!0,o()}function p(){Date.now()<i||e.value&&o(600)}return k(e,e=>{if(!e){clearTimeout(r??void 0),t.value=!0;return}o()}),v(()=>clearTimeout(r??void 0)),{showHUD:t,isOpen:n,scheduleHide:o,pauseHide:s,onVideoTap:d,onMouseMove:f,onMouseLeave:p,openControls:c,closeControls:l,keepOpen:u,suppressMouseLeave:a}}const Y=Symbol(`player`),X=Symbol(`hud`),gt=Symbol(`action`),_t=Symbol(`compact`),vt=Symbol(`playlist`);function Z(e){let t=f(e);if(t===void 0)throw Error(`[video-player] missing "${String(e.description)}" context — this component must be rendered inside <VideoPlayer>`);return t}function yt(e,t){return{hudVisible:n(()=>!e.isReady||e.isError?!1:t.showHUD),popupVisible:n(()=>!e.isReady||e.isError?!1:e.isFullscreen?t.showHUD:t.isOpen)}}function bt(e,t){return n(()=>!(!e?.value||t.isFullscreen))}function xt(e,t,r){let i=n(()=>e?.value??null),a=n(()=>!!i.value&&typeof i.value==`object`),o=n(()=>a.value?i.value:null),s=n(()=>i.value===`mute`?t.isMuted?`Unmute`:`Mute`:i.value===`loop`?t.isLooping?`Disable loop`:`Loop`:i.value===`autoplay`?r.autoAdvance?`Disable autoplay next`:`Autoplay next`:``),c=n(()=>i.value===`mute`?t.isMuted:i.value===`loop`?t.isLooping:i.value===`autoplay`&&r.autoAdvance);function l(){i.value===`mute`?t.toggleMute():i.value===`loop`?t.toggleLoop():i.value===`autoplay`&&r.toggleAutoAdvance()}return{currentAction:i,isCustom:a,customAction:o,builtinLabel:s,builtinActive:c,onBuiltinClick:l}}var Q=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n};const St={},Ct={viewBox:`0 0 24 24`,fill:`currentColor`};function wt(e,t){return b(),a(`svg`,Ct,[...t[0]||=[o(`path`,{d:`M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z`},null,-1)]])}var Tt=Q(St,[[`render`,wt]]);const Et={},Dt={viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`,"stroke-linecap":`round`,"stroke-linejoin":`round`};function Ot(e,t){return b(),a(`svg`,Dt,[...t[0]||=[o(`rect`,{x:`2`,y:`5`,width:`20`,height:`14`,rx:`2`},null,-1),o(`path`,{d:`M9.5 10.5a2 2 0 0 0-3.5 1.3v.4a2 2 0 0 0 3.5 1.3`},null,-1),o(`path`,{d:`M17.5 10.5a2 2 0 0 0-3.5 1.3v.4a2 2 0 0 0 3.5 1.3`},null,-1)]])}var kt=Q(Et,[[`render`,Ot]]);const At={},jt={viewBox:`0 0 24 24`,fill:`currentColor`};function Mt(e,t){return b(),a(`svg`,jt,[...t[0]||=[o(`path`,{d:`M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z`},null,-1)]])}var Nt=Q(At,[[`render`,Mt]]);const Pt={},Ft={viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`,"stroke-linecap":`round`,"stroke-linejoin":`round`};function It(e,t){return b(),a(`svg`,Ft,[...t[0]||=[s(`<line x1="4" y1="6" x2="20" y2="6"></line><line x1="4" y1="12" x2="20" y2="12"></line><line x1="4" y1="18" x2="20" y2="18"></line><circle cx="9" cy="6" r="2.5" fill="currentColor" stroke="none"></circle><circle cx="15" cy="12" r="2.5" fill="currentColor" stroke="none"></circle><circle cx="9" cy="18" r="2.5" fill="currentColor" stroke="none"></circle>`,6)]])}var Lt=Q(Pt,[[`render`,It]]);const Rt={},zt={viewBox:`0 0 24 24`,fill:`currentColor`};function Bt(e,t){return b(),a(`svg`,zt,[...t[0]||=[o(`path`,{d:`M4 12l1.41 1.41L11 7.83V20h2V7.83l5.59 5.58L20 12l-8-8-8 8z`},null,-1)]])}var Vt=Q(Rt,[[`render`,Bt]]);const Ht={},Ut={viewBox:`0 0 24 24`,fill:`currentColor`};function Wt(e,t){return b(),a(`svg`,Ut,[...t[0]||=[o(`path`,{d:`M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z`},null,-1)]])}var Gt=Q(Ht,[[`render`,Wt]]);const Kt={},qt={viewBox:`0 0 24 24`,fill:`currentColor`};function Jt(e,t){return b(),a(`svg`,qt,[...t[0]||=[o(`path`,{d:`M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z`},null,-1)]])}var Yt=Q(Kt,[[`render`,Jt]]);const Xt={},Zt={viewBox:`0 0 24 24`,fill:`currentColor`};function Qt(e,t){return b(),a(`svg`,Zt,[...t[0]||=[o(`path`,{d:`M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z`},null,-1)]])}var $t=Q(Xt,[[`render`,Qt]]);const en={},tn={viewBox:`0 0 24 24`,fill:`currentColor`};function nn(e,t){return b(),a(`svg`,tn,[...t[0]||=[o(`circle`,{cx:`5`,cy:`12`,r:`2`},null,-1),o(`circle`,{cx:`12`,cy:`12`,r:`2`},null,-1),o(`circle`,{cx:`19`,cy:`12`,r:`2`},null,-1)]])}var rn=Q(en,[[`render`,nn]]);const an={},on={viewBox:`0 0 24 24`,fill:`currentColor`};function sn(e,t){return b(),a(`svg`,on,[...t[0]||=[o(`path`,{d:`M6 19h4V5H6v14zm8-14v14h4V5h-4z`},null,-1)]])}var cn=Q(an,[[`render`,sn]]);const ln={},un={viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`,"stroke-linecap":`round`,"stroke-linejoin":`round`};function dn(e,t){return b(),a(`svg`,un,[...t[0]||=[o(`rect`,{x:`2`,y:`4`,width:`20`,height:`16`,rx:`2`},null,-1),o(`rect`,{x:`12`,y:`11`,width:`8`,height:`6`,rx:`1`,fill:`currentColor`,stroke:`none`},null,-1)]])}var fn=Q(ln,[[`render`,dn]]);const pn={},mn={viewBox:`0 0 24 24`,fill:`currentColor`};function hn(e,t){return b(),a(`svg`,mn,[...t[0]||=[o(`path`,{d:`M8 5v14l11-7z`},null,-1)]])}var gn=Q(pn,[[`render`,hn]]);const _n={},vn={viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`,"stroke-linecap":`round`,"stroke-linejoin":`round`};function yn(e,t){return b(),a(`svg`,vn,[...t[0]||=[o(`rect`,{x:`2`,y:`6`,width:`20`,height:`12`,rx:`2`},null,-1),o(`path`,{d:`M7 14v-4M12 14V8M17 14v-2`},null,-1)]])}var bn=Q(_n,[[`render`,yn]]);const xn={},Sn={viewBox:`0 0 24 24`,fill:`currentColor`};function Cn(e,t){return b(),a(`svg`,Sn,[...t[0]||=[o(`path`,{d:`M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z`},null,-1)]])}var wn=Q(xn,[[`render`,Cn]]);const Tn={},En={viewBox:`0 0 24 24`,fill:`currentColor`};function Dn(e,t){return b(),a(`svg`,En,[...t[0]||=[o(`path`,{d:`M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z`},null,-1)]])}var On=Q(Tn,[[`render`,Dn]]);const kn={},An={viewBox:`0 0 24 24`,fill:`currentColor`};function jn(e,t){return b(),a(`svg`,An,[...t[0]||=[o(`path`,{d:`M16.5 12A4.5 4.5 0 0 0 14 7.97v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0 0 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06A8.99 8.99 0 0 0 17.73 18L19 19.27 20.27 18 5.27 3 4.27 3zM12 4L9.91 6.09 12 8.18V4z`},null,-1)]])}var Mn=Q(kn,[[`render`,jn]]);const Nn={},Pn={viewBox:`0 0 24 24`,fill:`currentColor`};function Fn(e,t){return b(),a(`svg`,Pn,[...t[0]||=[o(`path`,{d:`M3 9v6h4l5 5V4L7 9H3zm13.5 3A4.5 4.5 0 0 0 14 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02z`},null,-1)]])}var In=Q(Nn,[[`render`,Fn]]);const Ln=[`aria-label`];var Rn=Q(u({__name:`PlayPauseButton`,props:{isPlaying:{type:Boolean,required:!0},hasEnded:{type:Boolean,required:!1,default:!1},size:{type:String,required:!1,default:`sm`}},emits:[`toggle-play`],setup(e){let t=e,i=n(()=>t.isPlaying?`Pause`:t.hasEnded?`Replay`:`Play`);return(t,n)=>(b(),a(`button`,{class:h([`ppbtn`,`ppbtn--${e.size}`]),"aria-label":i.value,onClick:n[0]||=j(e=>t.$emit(`toggle-play`),[`stop`])},[e.isPlaying?(b(),r(O(cn),{key:0})):e.hasEnded?(b(),r(O(wn),{key:1})):(b(),r(O(gn),{key:2}))],10,Ln))}}),[[`__scopeId`,`data-v-85902525`]]),zn=u({__name:`VolumeIcon`,setup(e){let t=Z(Y),i=n(()=>!t.isMuted&&t.vol>0);return(e,t)=>i.value?(b(),r(O(In),{key:0})):(b(),r(O(Mn),{key:1}))}}),Bn=Q(u({__name:`Spinner`,props:{size:{type:Number,required:!1,default:14},borderWidth:{type:Number,required:!1,default:2}},setup(e){return(t,n)=>(b(),a(`div`,{class:`spinner`,style:_({width:`${e.size}px`,height:`${e.size}px`,borderWidth:`${e.borderWidth}px`})},null,4))}}),[[`__scopeId`,`data-v-259be2b2`]]);const Vn={class:`hud`},Hn=[`aria-label`],Un=[`aria-label`],Wn=[`aria-label`],Gn=[`aria-label`,`innerHTML`],Kn={key:4,class:`hud__spacer`},qn={class:`hud__play-wrap`};var Jn=Q(u({__name:`HudButtons`,setup(t){let n=Z(Y),s=Z(X),{currentAction:c,isCustom:u,customAction:d,builtinLabel:p,builtinActive:m,onBuiltinClick:g}=xt(f(gt),n,Z(vt));return(t,f)=>(b(),a(`div`,Vn,[!O(s).isOpen&&!O(n).isFullscreen?(b(),a(e,{key:0},[O(c)===`mute`?(b(),a(`button`,{key:0,class:h([`hud__btn`,{"hud__btn--active":O(m)}]),"aria-label":O(p),onClick:f[0]||=j((...e)=>O(g)&&O(g)(...e),[`stop`])},[l(zn)],10,Hn)):O(c)===`loop`?(b(),a(`button`,{key:1,class:h([`hud__btn`,{"hud__btn--active":O(m)}]),"aria-label":O(p),onClick:f[1]||=j((...e)=>O(g)&&O(g)(...e),[`stop`])},[l(O($t))],10,Un)):O(c)===`autoplay`?(b(),a(`button`,{key:2,class:h([`hud__btn`,{"hud__btn--active":O(m)}]),"aria-label":O(p),onClick:f[2]||=j((...e)=>O(g)&&O(g)(...e),[`stop`])},[l(O(On))],10,Wn)):O(u)&&O(d)?(b(),a(`button`,{key:3,class:`hud__btn`,"aria-label":O(d).label,onClick:f[3]||=j(e=>O(d).onClick(),[`stop`]),innerHTML:O(d).icon},null,8,Gn)):(b(),a(`div`,Kn))],64)):i(`v-if`,!0),o(`div`,qn,[l(Rn,{"is-playing":O(n).isPlaying,"has-ended":O(n).hasEnded,size:`lg`,onTogglePlay:O(n).togglePlay},null,8,[`is-playing`,`has-ended`,`onTogglePlay`]),O(n).isBuffering?(b(),r(Bn,{key:0,class:`hud__buf-spinner`})):i(`v-if`,!0)]),!O(s).isOpen&&!O(n).isFullscreen?(b(),a(`button`,{key:1,class:`hud__btn`,"aria-label":`Show controls`,onClick:f[4]||=j((...e)=>O(s).openControls&&O(s).openControls(...e),[`stop`])},[l(O(Lt))])):i(`v-if`,!0)]))}}),[[`__scopeId`,`data-v-a6d118e7`]]);function Yn(e){let t=C(null),r=n(()=>t.value??e.progress),i=null;function a(){i&&clearTimeout(i),i=null,t.value=null}function o(e){i&&clearTimeout(i),i=null,t.value=Number(e.target.value)}function s(n){let r=Number(n.target.value);t.value=r,e.seek(r),i&&clearTimeout(i),i=setTimeout(a,3e3)}return k(()=>e.current,()=>{if(t.value===null||!e.total)return;let n=t.value/100*e.total;Math.abs(e.current-n)<1&&a()}),v(a),{displaySeek:r,onSeekInput:o,onSeekChange:s}}function Xn(e,t,n){if(!document.startViewTransition||!e.value){n();return}e.value.style.viewTransitionName=t,document.startViewTransition(async()=>{n(),await m()}).finished.finally(()=>{e.value&&(e.value.style.viewTransitionName=``)})}const Zn={class:`controls__vol-header`},Qn=[`aria-label`],$n={class:`controls__vol-body`},er=[`value`],tr={class:`controls__vol-pct`};var nr=Q(u({__name:`VolumePanel`,emits:[`back`],setup(t){let r=Z(Y),i=Z(X),s=n(()=>r.isMuted?0:Math.round(r.vol*100));function c(e){r.setVolume(Number(e.target.value)/100)}return(t,n)=>(b(),a(e,null,[o(`div`,Zn,[o(`button`,{class:`controls__btn`,"aria-label":`Back`,onClick:n[0]||=e=>t.$emit(`back`)},[l(O(Tt))]),n[6]||=o(`span`,{class:`controls__vol-label`},`Volume`,-1),o(`button`,{class:`controls__btn`,"aria-label":O(r).isMuted?`Unmute`:`Mute`,onClick:n[1]||=e=>O(r).toggleMute()},[l(zn)],8,Qn)]),o(`div`,$n,[o(`input`,{type:`range`,min:`0`,max:`100`,step:`1`,value:s.value,class:`controls__vol-slider`,style:_({"--v":s.value+`%`}),"aria-label":`Volume`,onInput:c,onMousedown:n[2]||=e=>O(i).pauseHide(),onMouseup:n[3]||=e=>O(i).scheduleHide(),onTouchstartPassive:n[4]||=e=>O(i).pauseHide(),onTouchend:n[5]||=e=>O(i).scheduleHide()},null,44,er),o(`span`,tr,E(s.value)+`%`,1)])],64))}}),[[`__scopeId`,`data-v-10b0ae67`]]);function rr(e){function t(){let t=K.indexOf(e.playbackRate);e.setPlaybackRate(K[(t+1)%K.length])}function n(e){return`${e}×`}return{cycleRate:t,fmtRate:n}}function ir(e){function t(){let t=e.captionTracks;if(!t.length)return;let n=t[t.findIndex(t=>t.index===e.activeCaptionIndex)+1];e.setCaptionTrack(n?n.index:null)}function n(){return e.captionTracks.find(t=>t.index===e.activeCaptionIndex)?.label??`Off`}return{cycleCaptionTrack:t,currentCaptionLabel:n}}function ar(e){function t(){let t=e.qualityLevels;if(!t.length)return;if(e.isAutoQuality){e.setQuality(t[t.length-1].index);return}let n=t.findIndex(t=>t.index===e.currentQualityIndex);e.setQuality(n<=0?null:t[n-1].index)}function n(){return e.isAutoQuality?`Auto`:e.qualityLevels.find(t=>t.index===e.currentQualityIndex)?.label??`Auto`}return{cycleQuality:t,currentQualityLabel:n}}const or=[`aria-label`],sr={key:0,class:`controls__more-row-label`},cr=[`innerHTML`],lr={key:1},ur={key:2,class:`controls__more-value`};var $=Q(u({__name:`MoreMenuRow`,props:{label:{type:String,required:!0},ariaLabel:{type:String,required:!1,default:``},icon:{type:null,required:!1},iconHtml:{type:String,required:!1},active:{type:Boolean,required:!1,default:!1},value:{type:String,required:!1}},emits:[`click`],setup(e){return(t,n)=>(b(),a(`button`,{class:h([`controls__more-row`,{"controls__more-row--active":e.active}]),"aria-label":e.ariaLabel||e.label,onClick:n[0]||=e=>t.$emit(`click`)},[e.icon||e.iconHtml?(b(),a(`span`,sr,[e.icon?(b(),r(T(e.icon),{key:0,class:`controls__more-row-icon`})):(b(),a(`span`,{key:1,class:`controls__more-row-icon`,innerHTML:e.iconHtml},null,8,cr)),c(` `+E(e.label),1)])):(b(),a(`span`,lr,E(e.label),1)),e.value===void 0?i(`v-if`,!0):(b(),a(`span`,ur,E(e.value),1))],10,or))}}),[[`__scopeId`,`data-v-47ca5bfc`]]);const dr={class:`controls__more-header`};var fr=Q(u({__name:`MoreMenu`,props:{isCustom:{type:Boolean,required:!0},customAction:{type:[Object,null],required:!0}},emits:[`back`],setup(t){let n=Z(Y),s=Z(X),c=Z(vt),{cycleRate:u,fmtRate:d}=rr(n),{cycleCaptionTrack:f,currentCaptionLabel:p}=ir(n),{cycleQuality:m,currentQualityLabel:h}=ar(n);return(g,_)=>(b(),a(e,null,[o(`div`,dr,[o(`button`,{class:`controls__btn`,"aria-label":`Back`,onClick:_[0]||=e=>g.$emit(`back`)},[l(O(Tt))]),_[5]||=o(`span`,{class:`controls__more-label`},`More`,-1)]),o(`div`,{class:`controls__more-body`,onTouchstartPassive:_[4]||=e=>O(s).keepOpen()},[O(n).supportsPlaybackRate?(b(),r($,{key:0,label:`Playback speed`,value:O(d)(O(n).playbackRate),onClick:O(u)},null,8,[`value`,`onClick`])):i(`v-if`,!0),l($,{label:`Loop`,"aria-label":`Toggle loop`,icon:O($t),active:O(n).isLooping,value:O(n).isLooping?`On`:`Off`,onClick:_[1]||=e=>O(n).toggleLoop()},null,8,[`icon`,`active`,`value`]),O(n).supportsCaptions?(b(),r($,{key:1,label:`Captions`,icon:O(kt),active:O(n).activeCaptionIndex!==null,value:O(p)(),onClick:O(f)},null,8,[`icon`,`active`,`value`,`onClick`])):i(`v-if`,!0),O(n).supportsQuality?(b(),r($,{key:2,label:`Quality`,icon:O(bn),active:!O(n).isAutoQuality,value:O(h)(),onClick:O(m)},null,8,[`icon`,`active`,`value`,`onClick`])):i(`v-if`,!0),O(c).hasPlaylist?(b(),r($,{key:3,label:`Autoplay next`,"aria-label":`Toggle autoplay next`,icon:O(On),active:O(c).autoAdvance,value:O(c).autoAdvance?`On`:`Off`,onClick:_[2]||=e=>O(c).toggleAutoAdvance()},null,8,[`icon`,`active`,`value`])):i(`v-if`,!0),t.isCustom&&t.customAction?(b(),r($,{key:4,label:t.customAction.label,"icon-html":t.customAction.icon,onClick:_[3]||=e=>t.customAction.onClick()},null,8,[`label`,`icon-html`])):i(`v-if`,!0)],32)],64))}}),[[`__scopeId`,`data-v-e89a8208`]]);const pr=[`value`],mr={class:`controls__row`},hr={class:`controls__play-wrap`},gr={key:0,class:`controls__live`},_r={key:1,class:`controls__time`},vr=[`aria-label`],yr={class:`controls__fs-wrap`},br=[`aria-label`];var xr=Q(u({__name:`ControlsPopup`,setup(t){let n=Z(Y),s=Z(X),u=Z(vt),d=bt(f(_t),n),{isCustom:p,customAction:m}=xt(f(gt),n,u),g=C(!1),x=C(!1),S=C(null);function w(e){return!S.value||S.value.contains(e)?!1:(s.closeControls(),!0)}function T(e){w(e.target)}function D(e){w(e.target)&&e.preventDefault()}y(()=>{n.fire(`controlsopen`,{element:S.value}),document.addEventListener(`click`,T,!0),document.addEventListener(`touchend`,D,!0)}),v(()=>{g.value=!1,x.value=!1,n.fire(`controlsclose`,{element:S.value}),document.removeEventListener(`click`,T,!0),document.removeEventListener(`touchend`,D,!0)});function k(e){s.suppressMouseLeave(),Xn(S,`controls-popup`,e)}function A(){if(M()){n.toggleMute();return}k(()=>{g.value=!0})}function N(){k(()=>{x.value=!0})}let{displaySeek:P,onSeekInput:F,onSeekChange:ee}=Yn(n);function te(){n.isFullscreen||n.markFullscreenPending(),n.toggleFullscreen()}return(t,f)=>(b(),a(`div`,{ref_key:`popupEl`,ref:S,class:h([`controls`,{"controls--fs":O(n).isFullscreen,"controls--compact":O(d)}]),onMousemove:f[11]||=j((...e)=>O(s).keepOpen&&O(s).keepOpen(...e),[`stop`])},[g.value?(b(),r(nr,{key:0,onBack:f[0]||=e=>k(()=>g.value=!1)})):x.value?(b(),r(fr,{key:1,"is-custom":O(p),"custom-action":O(m),onBack:f[1]||=e=>k(()=>x.value=!1)},null,8,[`is-custom`,`custom-action`])):(b(),a(e,{key:2},[O(n).isLive?i(`v-if`,!0):(b(),a(`input`,{key:0,type:`range`,min:`0`,max:`100`,value:O(P),class:`controls__seek`,style:_({"--p":O(P)+`%`,"--b":O(n).bufferedDisplay+`%`}),onInput:f[2]||=(...e)=>O(F)&&O(F)(...e),onChange:f[3]||=(...e)=>O(ee)&&O(ee)(...e),onMousedown:f[4]||=e=>O(s).pauseHide(),onMouseup:f[5]||=e=>O(s).scheduleHide(),onTouchstartPassive:f[6]||=e=>O(s).pauseHide(),onTouchend:f[7]||=e=>O(s).scheduleHide()},null,44,pr)),o(`div`,mr,[o(`div`,hr,[O(n).isBuffering?(b(),r(Bn,{key:0})):(b(),r(Rn,{key:1,"is-playing":O(n).isPlaying,"has-ended":O(n).hasEnded,size:`sm`,onTogglePlay:f[8]||=e=>O(n).togglePlay()},null,8,[`is-playing`,`has-ended`]))]),O(n).isLive?(b(),a(`span`,gr,[...f[12]||=[o(`span`,{class:`controls__live-dot`},null,-1),c(`Live`,-1)]])):(b(),a(`span`,_r,E(O(n).fmt(O(n).current))+` / `+E(O(n).fmt(O(n).total)),1)),O(u).hasNext?(b(),a(`button`,{key:2,class:`controls__btn`,"aria-label":`Play next`,onClick:f[9]||=e=>O(u).playNext()},[l(O(On))])):i(`v-if`,!0),o(`button`,{class:`controls__btn`,"aria-label":`Volume`,onClick:A},[l(zn)]),o(`button`,{class:h([`controls__btn controls__btn--more`,{"controls__btn--active":O(n).isLooping||O(n).playbackRate!==1||O(u).autoAdvance}]),"aria-label":`More`,onClick:N},[l(O(rn))],2),O(n).supportsPip?(b(),a(`button`,{key:3,class:h([`controls__btn controls__btn--pip`,{"controls__btn--active":O(n).isPipActive}]),"aria-label":O(n).isPipActive?`Exit picture-in-picture`:`Picture-in-picture`,onClick:f[10]||=e=>O(n).togglePip()},[l(O(fn))],10,vr)):i(`v-if`,!0),o(`div`,yr,[O(n).isFullscreenPending?(b(),r(Bn,{key:0})):(b(),a(`button`,{key:1,class:`controls__btn`,"aria-label":O(n).isFullscreen?`Exit fullscreen`:`Fullscreen`,onClick:te},[O(n).isFullscreen?(b(),r(O(Yt),{key:0})):(b(),r(O(Gt),{key:1}))],8,br))])])],64))],34))}}),[[`__scopeId`,`data-v-5712aad4`]]);const Sr={class:`ad-overlay`},Cr={class:`ad-overlay__bar`},wr={class:`ad-overlay__badge`},Tr={key:0,class:`ad-overlay__countdown`},Er=[`aria-label`],Dr=[`aria-label`];var Or=Q(u({__name:`AdOverlay`,setup(e){let t=Z(Y),s=n(()=>t.adRemainingTime>0?t.fmt(t.adRemainingTime):``);return(e,n)=>(b(),a(`div`,Sr,[o(`div`,Cr,[o(`div`,wr,[n[2]||=o(`span`,null,`Ad`,-1),s.value?(b(),a(`span`,Tr,E(s.value),1)):i(`v-if`,!0)]),o(`button`,{class:`ad-overlay__btn`,"aria-label":O(t).isAdPaused?`Resume ad`:`Pause ad`,onClick:n[0]||=e=>O(t).togglePlay()},[O(t).isAdPaused?(b(),r(O(gn),{key:0})):(b(),r(O(cn),{key:1}))],8,Er),o(`button`,{class:`ad-overlay__btn`,"aria-label":O(t).isAdMuted?`Unmute ad`:`Mute ad`,onClick:n[1]||=e=>O(t).toggleAdMute()},[O(t).isAdMuted?(b(),r(O(Mn),{key:0})):(b(),r(O(In),{key:1}))],8,Dr)])]))}}),[[`__scopeId`,`data-v-23efcc8b`]]);const kr={key:0,class:`overlay__spinner`},Ar={key:0,class:`overlay__error`};var jr=Q(u({__name:`PlayerOverlay`,props:{disableTapCapture:{type:Boolean,required:!1,default:!1}},setup(n){let s=Z(Y),c=Z(X),{hudVisible:u,popupVisible:d}=yt(s,c);function f(){c.onVideoTap()}return(c,p)=>(b(),a(e,null,[i(` Never rendered during any ad state (playing or paused) — pausing/resuming an ad goes
2
- through AdOverlay's own dedicated button now, not a tap-anywhere gesture over the whole ad
3
- creative, so there's no reason for this layer to cover the ad break at all. `),!n.disableTapCapture&&O(s).hasStarted&&!O(s).isAdPlaying?(b(),a(`div`,{key:0,class:`overlay__tap-capture`,onClick:f,onTouchend:j(f,[`prevent`,`stop`])},null,32)):i(`v-if`,!0),O(s).isAdPlaying?(b(),r(Or,{key:1})):i(`v-if`,!0),l(t,{name:`fade`},{default:A(()=>[!O(s).isReady&&!O(s).isError?(b(),a(`div`,kr,[l(Bn,{size:40,"border-width":3})])):i(`v-if`,!0)]),_:1}),l(t,{name:`fade`},{default:A(()=>[O(s).isError?(b(),a(`div`,Ar,[o(`p`,null,E(O(s).errorMessage||`This video could not be played.`),1),o(`button`,{class:`overlay__retry`,onClick:p[0]||=j((...e)=>O(s).retry&&O(s).retry(...e),[`stop`])},`Retry`)])):i(`v-if`,!0)]),_:1}),o(`div`,{class:h([`overlay__hud`,{"overlay__hud--visible":O(u)}])},[l(Jn)],2),l(t,{name:`popup`},{default:A(()=>[O(d)?(b(),a(`div`,{key:0,class:h([`overlay__popup`,{"overlay__popup--fs":O(s).isFullscreen}])},[l(xr)],2)):i(`v-if`,!0)]),_:1})],64))}}),[[`__scopeId`,`data-v-f3307b98`]]);const Mr={class:`player`},Nr={"data-mvp-player":``},Pr=[`poster`],Fr=[`src`,`kind`,`srclang`,`label`,`default`],Ir={key:1,class:`player__native-play`};var Lr=Q(u({__name:`VideoPlayer`,props:{videoUrl:{type:String,required:!0},title:{type:String,required:!1,default:``},poster:{type:String,required:!1,default:``},aspectRatio:{type:String,required:!1,default:ie},adTagUrl:{type:String,required:!1,default:``},adTagParams:{type:Object,required:!1},headerBidding:{type:Object,required:!1},tracks:{type:Array,required:!1,default:()=>[]},autoplay:{type:Boolean,required:!1,default:!1},muted:{type:Boolean,required:!1,default:void 0},playbackRate:{type:Number,required:!1},nativeUi:{type:Boolean,required:!1,default:!1},autoStage:{type:Boolean,required:!1,default:!1},lazy:{type:Boolean,required:!1,default:!1},payload:{type:Object,required:!1,default:()=>({})},action:{type:[String,Object,null],required:!1,default:null},disableTapCapture:{type:Boolean,required:!1,default:!1},hasPlaylist:{type:Boolean,required:!1,default:!1},hasNext:{type:Boolean,required:!1,default:!1},hasPrevious:{type:Boolean,required:!1,default:!1},autoAdvance:{type:Boolean,required:!1,default:!1}},emits:[`state-change`,`play-next`,`play-previous`,`toggle-auto-advance`],setup(t,{expose:s,emit:c}){let u=t,d=c,f=C(null),p=S(mt(f,u,d)),m=S(ht(D(p,`isPlaying`)));x(Y,p),x(X,m),x(gt,D(u,`action`)),x(vt,S({hasPlaylist:n(()=>u.hasPlaylist),hasNext:n(()=>u.hasNext),hasPrevious:n(()=>u.hasPrevious),autoAdvance:n(()=>u.autoAdvance),playNext:()=>d(`play-next`),playPrevious:()=>d(`play-previous`),toggleAutoAdvance:()=>d(`toggle-auto-advance`)}));let g=n(()=>F(u.aspectRatio)),v=n(()=>g.value.isPortrait),y=n(()=>g.value.cssRatio),T=n(()=>!u.poster&&!p.isReady);return s(p),(t,n)=>(b(),a(`div`,Mr,[o(`div`,{class:h([`player__shell`,{"player__shell--portrait":v.value}]),style:_({aspectRatio:y.value}),onMousemove:n[0]||=e=>m.onMouseMove(),onContextmenuCapture:n[1]||=j(()=>{},[`prevent`]),onMouseleave:n[2]||=e=>m.onMouseLeave()},[o(`div`,Nr,[o(`video`,{ref_key:`videoEl`,ref:f,class:h([`mvp-video`,{"mvp-video--hidden":T.value}]),poster:u.poster,playsinline:``},[(b(!0),a(e,null,w(u.tracks,(e,t)=>(b(),a(`track`,{key:`${e.src}-${t}`,src:e.src,kind:e.kind??`captions`,srclang:e.srclang,label:e.label,default:e.default},null,8,Fr))),128))],10,Pr),p.nativeUi?i(`v-if`,!0):(b(),r(jr,{key:0,"disable-tap-capture":u.disableTapCapture},null,8,[`disable-tap-capture`])),p.nativeUi&&!p.hasStarted?(b(),a(`div`,Ir,[l(Rn,{"is-playing":!1,size:`lg`,onTogglePlay:p.togglePlay},null,8,[`onTogglePlay`])])):i(`v-if`,!0)])],38)]))}}),[[`__scopeId`,`data-v-4ab3cf75`]]);const Rr=C(0),zr=n(()=>Rr.value>0);function Br(){Rr.value++}function Vr(){Rr.value--}function Hr(e,t){window.dispatchEvent(new CustomEvent(e,{detail:t}))}function Ur(e,t){let n=e=>t(e.detail);y(()=>window.addEventListener(e,n)),v(()=>window.removeEventListener(e,n))}function Wr(e,t){let r=n(()=>!e.value||!t.value?-1:e.value.findIndex(e=>e.videoUrl===t.value?.videoUrl)),i=n(()=>r.value===-1||!e.value?null:e.value[r.value+1]??null),a=n(()=>r.value<=0||!e.value?null:e.value[r.value-1]??null);return{hasNext:n(()=>i.value!==null),hasPrevious:n(()=>a.value!==null),nextEntry:i,previousEntry:a}}function Gr(){return localStorage.getItem(B)===`true`}function Kr(e){localStorage.setItem(B,String(e))}const qr=[`src`],Jr={class:`stage__idle-body`},Yr={class:`stage__idle-btn`},Xr={class:`stage__idle-title`},Zr={key:1,class:`stage__idle-empty`};var Qr=Q(u({__name:`VideoStage`,props:{pinPosition:{type:String,required:!1,default:`bottom-right`},playlist:{type:Array,required:!1}},emits:[`state-change`],setup(t,{expose:s,emit:c}){let u=t,d=c,f=C(Gr());k(f,Kr);let m=n(()=>!!u.playlist?.length),g=C(null),S=C(null),w=C(!1),T=C(!1),A=C(null),M=C(null),N=C(!1);x(_t,N);let{hasNext:P,hasPrevious:ee,nextEntry:te,previousEntry:I}=Wr(D(u,`playlist`),S),L=n(()=>N.value&&!!S.value&&w.value),re=n(()=>F(S.value?.aspectRatio||`16:9`).cssRatio),z=C(null),B=C(null);k(L,e=>{z.value=e&&M.value?{height:M.value.offsetHeight,width:M.value.offsetWidth}:null});let V=n(()=>{if(!z.value)return{};let{height:e,width:t}=z.value,n=B.value&&t?B.value/t:1;return{height:`${Math.round(e*n)}px`}}),H=null,U=null;function W(){H?.disconnect(),U?.disconnect(),A.value&&(H=new IntersectionObserver(([e])=>{N.value=!e.isIntersecting},{threshold:1}),H.observe(A.value),U=new ResizeObserver(([e])=>{B.value=e.contentRect.width}),U.observe(A.value))}k(A,W);function G(){S.value&&(S.value={...S.value,autoplay:!0},w.value=!0)}function ie(){A.value?.scrollIntoView({behavior:`smooth`,block:`center`})}function K(){S.value=null,w.value=!1,T.value=!1,z.value=null,ae()}function ae(){Hr(ne,{currentVideoUrl:S.value?.videoUrl??null,isPlaying:T.value})}function q(e){if(S.value?.videoUrl===e.videoUrl&&w.value){g.value?.togglePlay();return}S.value=e,w.value=!1,T.value=!1,ae(),w.value=!0}function J(e){if(!(!S.value||e.videoUrl!==S.value.videoUrl)){if(!w.value){S.value={...S.value,autoplay:!0},w.value=!0;return}g.value?.togglePlay()}}function oe(e){return{...e,muted:e.muted??g.value?.isMuted,autoplay:!0}}function se(){te.value&&q(oe(te.value))}function ce(){I.value&&q(oe(I.value))}function le(e){e.type===`play`&&(T.value=!0),(e.type===`pause`||e.type===`ended`)&&(T.value=!1),e.type===`ended`&&f.value&&se(),ae(),d(`state-change`,e)}return Ur(R,q),Ur(`video-toggle`,J),y(Br),v(()=>{Vr(),H?.disconnect(),U?.disconnect()}),s({playNext:se,playPrevious:ce,hasNext:P,hasPrevious:ee}),(n,s)=>(b(),a(`div`,{ref_key:`wrapperEl`,ref:A,class:`stage-wrapper`,style:_(V.value)},[o(`div`,{ref_key:`stageEl`,ref:M,class:h([`stage`,{"stage--minified":L.value,[`stage--pin-${t.pinPosition}`]:L.value}])},[L.value?(b(),a(`button`,{key:0,class:`stage__scroll-to`,"aria-label":`Scroll to player`,onClick:j(ie,[`stop`])},[l(O(Vt))])):i(`v-if`,!0),L.value?(b(),a(`button`,{key:1,class:`stage__dismiss`,"aria-label":`Close`,onClick:j(K,[`stop`])},[l(O(Nt))])):i(`v-if`,!0),S.value&&w.value?(b(),r(Lr,p({ref_key:`playerRef`,ref:g,key:S.value.videoUrl},S.value,{"has-playlist":m.value,"has-next":O(P),"has-previous":O(ee),"auto-advance":f.value,onStateChange:le,onPlayNext:se,onPlayPrevious:ce,onToggleAutoAdvance:s[0]||=e=>f.value=!f.value}),null,16,[`has-playlist`,`has-next`,`has-previous`,`auto-advance`])):(b(),a(`div`,{key:3,class:`stage__idle`,style:_({aspectRatio:re.value}),onClick:G},[S.value?.poster?(b(),a(`img`,{key:0,src:S.value.poster,class:`stage__idle-poster`},null,8,qr)):i(`v-if`,!0),s[1]||=o(`div`,{class:`stage__idle-scrim`},null,-1),o(`div`,Jr,[S.value?(b(),a(e,{key:0},[o(`div`,Yr,[l(O(gn))]),o(`p`,Xr,E(S.value.title),1)],64)):(b(),a(`p`,Zr,`Select a video to play`))])],4))],2)],4))}}),[[`__scopeId`,`data-v-fb8c86cf`]]);const $r={class:`placeholder`},ei=[`src`,`alt`],ti={class:`placeholder__btn-wrap`},ni={key:1,class:`placeholder__footer`},ri={class:`placeholder__title`};var ii=Q(u({__name:`VideoPlaceholder`,props:{videoUrl:{type:String,required:!0},title:{type:String,required:!1,default:``},poster:{type:String,required:!1,default:``},aspectRatio:{type:String,required:!1,default:ie},adTagUrl:{type:String,required:!1,default:``},adTagParams:{type:Object,required:!1},headerBidding:{type:Object,required:!1},tracks:{type:Array,required:!1},autoplay:{type:Boolean,required:!1,default:!1},muted:{type:Boolean,required:!1,default:void 0},playbackRate:{type:Number,required:!1},nativeUi:{type:Boolean,required:!1,default:!1},autoStage:{type:Boolean,required:!1,default:!1},lazy:{type:Boolean,required:!1},payload:{type:Object,required:!1,default:()=>({})},action:{type:[String,Object,null],required:!1,default:null},disableTapCapture:{type:Boolean,required:!1}},setup(e){let t=e,r=n(()=>F(t.aspectRatio)),s=n(()=>r.value.isPortrait),c=n(()=>r.value.cssRatio),u=C(!1),d=C(!1);Ur(ne,e=>{u.value=e.currentVideoUrl===t.videoUrl,d.value=u.value&&e.isPlaying});function f(e){Hr(R,{...t,...e!==void 0&&{autoplay:e}})}function p(){f(!0)}return y(()=>{t.autoStage&&f()}),(t,n)=>(b(),a(`div`,$r,[o(`div`,{class:h([`placeholder__shell`,{"placeholder__shell--portrait":s.value,"placeholder__shell--active":u.value}]),style:_({aspectRatio:c.value}),onClick:p},[e.poster?(b(),a(`img`,{key:0,class:`placeholder__poster`,src:e.poster,alt:e.title},null,8,ei)):i(`v-if`,!0),n[0]||=o(`div`,{class:`placeholder__scrim`},null,-1),o(`div`,ti,[l(Rn,{"is-playing":u.value&&d.value,size:`lg`,onTogglePlay:p},null,8,[`is-playing`])]),e.title?(b(),a(`div`,ni,[o(`p`,ri,E(e.title),1)])):i(`v-if`,!0)],6)]))}}),[[`__scopeId`,`data-v-dbcb4f82`]]),ai=u({__name:`VideoItem`,props:{videoUrl:{type:String,required:!0},title:{type:String,required:!1},poster:{type:String,required:!1},aspectRatio:{type:String,required:!1},adTagUrl:{type:String,required:!1},adTagParams:{type:Object,required:!1},headerBidding:{type:Object,required:!1},tracks:{type:Array,required:!1},autoplay:{type:Boolean,required:!1},muted:{type:Boolean,required:!1,default:void 0},playbackRate:{type:Number,required:!1},nativeUi:{type:Boolean,required:!1},autoStage:{type:Boolean,required:!1},lazy:{type:Boolean,required:!1,default:!0},payload:{type:Object,required:!1},action:{type:[String,Object,null],required:!1,default:null},disableTapCapture:{type:Boolean,required:!1}},emits:[`state-change`],setup(t,{emit:n}){let i=t,o=n,s=C(!1);return(t,n)=>O(zr)?(b(),r(ii,g(p({key:0},i)),null,16)):(b(),a(e,{key:1},[i.lazy&&!s.value&&!i.autoplay?(b(),r(ii,p({key:0},i,{onClickCapture:n[0]||=e=>s.value=!0}),null,16)):(b(),r(Lr,p({key:1},i,{autoplay:s.value||i.autoplay,onStateChange:n[1]||=e=>o(`state-change`,e)}),null,16,[`autoplay`]))],64))}});if(typeof document<`u`){let e=new URL(`./style.css`,import.meta.url).href;if(!document.querySelector(`link[href="${e}"]`)){let t=document.createElement(`link`);t.rel=`stylesheet`,t.href=e,document.head.appendChild(t)}}const oi=d(Lr,{shadowRoot:!1}),si=d(Qr,{shadowRoot:!1}),ci=d(ii,{shadowRoot:!1}),li=d(ai,{shadowRoot:!1});customElements.define(`video-player`,oi),customElements.define(`video-stage`,si),customElements.define(`video-placeholder`,ci),customElements.define(`video-item`,li);export{li as VideoItemElement,ci as VideoPlaceholderElement,oi as VideoPlayerElement,si as VideoStageElement};