@bazza-ui/react 0.1.0-canary.16 → 0.1.0-canary.17

package/dist/video-player/index.js

@@ -1,3 +1,3 @@
-import{a as E}from"../chunk-IT372NHF.js";import{b as ce,c as ie}from"../chunk-MPPIEWSL.js";import{a as rn}from"../chunk-4C666HHU.js";import*as De from"react";var st=De.createContext(null);function P(c){let e=De.useContext(st);if(!e)throw new Error(`<VideoPlayer.${c}> must be used within <VideoPlayer.Root>`);return e}function se(){return P("useVideoPlayer")}var Xr={};rn(Xr,{BufferedIndicator:()=>ar,Captions:()=>lr,CaptionsButton:()=>cr,CaptionsDataAttributes:()=>Ae,CaptionsMenu:()=>dr,CaptionsMenuItem:()=>Fe,Controls:()=>pr,ControlsDataAttributes:()=>Qe,FullscreenButton:()=>fr,MuteButton:()=>Pr,Overlay:()=>yr,OverlayDataAttributes:()=>$e,PictureInPictureButton:()=>Rr,PlayButton:()=>br,PlaybackRateButton:()=>gr,PlaybackRateMenu:()=>vr,PlaybackRateMenuItem:()=>dt,Portal:()=>Tr,Poster:()=>hr,QualityMenu:()=>xr,QualityMenuItem:()=>mt,Root:()=>Mr,RootDataAttributes:()=>_e,SeekSlider:()=>wr,SeekSliderBuffered:()=>Or,SeekSliderControl:()=>Lr,SeekSliderCssVars:()=>Ye,SeekSliderDataAttributes:()=>Ge,SeekSliderHover:()=>Wr,SeekSliderPreviewThumb:()=>Ar,SeekSliderPreviewThumbDataAttributes:()=>ze,SeekSliderPreviewTooltip:()=>ye,SeekSliderPreviewTooltipPopup:()=>et,SeekSliderPreviewTooltipPortal:()=>Je,SeekSliderPreviewTooltipPositioner:()=>Ze,SeekSliderProgress:()=>Ir,SeekSliderThumb:()=>Dr,SeekSliderTrack:()=>Hr,Thumbnail:()=>Fr,ThumbnailDataAttributes:()=>tt,TimeDisplay:()=>Qr,TimeDisplayDataAttributes:()=>rt,Track:()=>$r,Video:()=>Nr,VolumeSlider:()=>jr,VolumeSliderControl:()=>Ur,VolumeSliderCssVars:()=>ot,VolumeSliderDataAttributes:()=>at,VolumeSliderRange:()=>Kr,VolumeSliderThumb:()=>qr,VolumeSliderTrack:()=>_r,useTransitionStatus:()=>Y,useVideoPlayer:()=>se});import*as Oe from"react";import{jsx as nn}from"react/jsx-runtime";var ar=Oe.forwardRef(function(e,r){let{render:l,...u}=e,n=P("BufferedIndicator"),o=Oe.useMemo(()=>{if(!n.buffered||n.buffered.length===0)return 0;for(let a=0;a<n.buffered.length;a++)if(n.buffered.start(a)<=n.currentTime&&n.currentTime<=n.buffered.end(a))return n.buffered.end(a);return n.buffered.end(0)},[n.buffered,n.currentTime]),i=n.duration>0?o/n.duration*100:0,t={buffered:n.buffered,duration:n.duration,bufferedPercentage:i,bufferedEnd:o},s={"--buffered-percentage":`${i}%`,"--buffered-end":o,...u.style},p={ref:r,style:s,"aria-hidden":!0};return l?l(p,t):nn("div",{ref:r,"aria-hidden":"true",...u,style:s})});var Ae=(e=>(e.active="data-active",e))(Ae||{});import*as sr from"react";import{jsx as ir}from"react/jsx-runtime";var lr=sr.forwardRef(function(e,r){let{render:l,children:u,...n}=e,i=P("Captions").activeCues,t=i.map(f=>f.text).join(`
-`),s=i.length>0,p={active:s,cueText:t,cues:i},a={ref:r,"aria-live":"polite","aria-atomic":!0,role:"status",style:{pointerEvents:"none"},"data-active":s||void 0};return l?l(a,p):u?ir("div",{...a,...n,children:u}):ir("div",{...a,...n,children:t})});import*as ur from"react";import{jsx as on}from"react/jsx-runtime";var cr=ur.forwardRef(function(e,r){let{render:l,...u}=e,n=P("CaptionsButton"),o=n.registeredTracks.length>0,i=n.activeTextTrack!==null,t={active:i,available:o,trackCount:n.registeredTracks.length},s=E({ref:r,type:"button","aria-label":i?"Disable captions":"Enable captions","aria-pressed":i,disabled:!o,"data-active":i||void 0,"data-available":o||void 0,onClick(){if(i)n.setTextTrack(null);else if(n.registeredTracks.length>0){let p=n.registeredTracks[0];p?.textTrack&&n.setTextTrack(p.textTrack)}}},u);return l?l(s,t):on("button",{...s})});import*as lt from"react";import{Fragment as an,jsx as We,jsxs as sn}from"react/jsx-runtime";var dr=lt.forwardRef(function(e,r){let{render:l,children:u,...n}=e,o=P("CaptionsMenu"),i={registeredTracks:o.registeredTracks,activeTextTrack:o.activeTextTrack},t={ref:r,role:"menu","aria-label":"Captions","data-active":o.activeTextTrack!==null||void 0};return l?l(t,i):We("div",{...t,...n,children:u??sn(an,{children:[We(Fe,{track:null,children:"Off"}),o.registeredTracks.map(s=>We(Fe,{track:s.textTrack,children:s.label},s.id))]})})}),Fe=lt.forwardRef(function(e,r){let{track:l,children:u,...n}=e,o=P("CaptionsMenuItem"),i=o.activeTextTrack===l,t=E({ref:r,type:"button",role:"menuitemradio","aria-checked":i,"data-active":i||void 0,onClick(){o.setTextTrack(l)}},n);return We("button",{...t,children:u})});var Qe=(t=>(t.open="data-open",t.closed="data-closed",t.idle="data-idle",t.playing="data-playing",t.paused="data-paused",t.ended="data-ended",t.startingStyle="data-starting-style",t.endingStyle="data-ending-style",t))(Qe||{});import*as Pe from"react";import*as X from"react";function ln(c){let e=[...c.getAnimations(),...Array.from(c.querySelectorAll("*")).flatMap(r=>r.getAnimations())];return e.length===0?Promise.resolve():Promise.all(e.map(r=>r.finished)).then(()=>{}).catch(()=>{})}function Y(c){let{open:e,keepMounted:r=!1}=c,[l,u]=X.useState(e||r),[n,o]=X.useState(e?"starting":void 0),i=X.useRef(null),t=X.useRef(!1);return X.useEffect(()=>{if(e){t.current=!1,u(!0),o("starting");let s=requestAnimationFrame(()=>{requestAnimationFrame(()=>{o(void 0)})});return()=>cancelAnimationFrame(s)}},[e]),X.useEffect(()=>{if(!e&&l&&!t.current){o("ending");let s=i.current;if(!s){o(void 0),r||u(!1);return}t.current=!0;let p=requestAnimationFrame(()=>{requestAnimationFrame(()=>{ln(s).then(()=>{t.current&&(t.current=!1,o(void 0),r||u(!1))})})});return()=>{cancelAnimationFrame(p)}}},[e,l,r]),X.useEffect(()=>{r&&!l&&!e&&u(!0)},[r,l,e]),{mounted:l||r,transitionStatus:n,elementRef:i}}import{jsx as un}from"react/jsx-runtime";var pr=Pe.forwardRef(function(e,r){let{idleTimeout:l,keepMounted:u=!1,render:n,children:o,...i}=e,t=P("Controls"),p=(l??t.idleTimeout)===0||!t.idle,{mounted:a,transitionStatus:f,elementRef:S}=Y({open:p,keepMounted:u}),b=Pe.useCallback(M=>{S.current=M,typeof r=="function"?r(M):r&&(r.current=M)},[r,S]),{onClick:T,...y}=i,x=Pe.useCallback(M=>{M.stopPropagation(),T?.(M)},[T]),g={open:p,idle:t.idle,playing:t.playing,paused:t.paused,ended:t.ended},v={ref:b,onClick:x,"data-open":p||void 0,"data-closed":!p||void 0,"data-idle":t.idle||void 0,"data-playing":t.playing||void 0,"data-paused":t.paused||void 0,"data-ended":t.ended||void 0,"data-starting-style":f==="starting"||void 0,"data-ending-style":f==="ending"||void 0};return a?n?n(v,g):un("div",{...v,...y,children:o}):null});import*as de from"react";import{jsx as cn}from"react/jsx-runtime";var fr=de.forwardRef(function(e,r){let{render:l,children:u,...n}=e,o=P("FullscreenButton"),[i,t]=de.useState(!1);de.useEffect(()=>{t("fullscreenEnabled"in document&&document.fullscreenEnabled)},[]);let s={fullscreen:o.fullscreen,supported:i},p=E({ref:r,type:"button","aria-label":o.fullscreen?"Exit fullscreen":"Enter fullscreen","aria-pressed":o.fullscreen,disabled:!i,"data-fullscreen":o.fullscreen||void 0,"data-supported":i||void 0,onClick(){o.toggleFullscreen()}},n);return l?l(p,s):cn("button",{...p,children:u})});import*as mr from"react";import{jsx as dn}from"react/jsx-runtime";var Pr=mr.forwardRef(function(e,r){let{render:l,...u}=e,n=P("MuteButton"),o={muted:n.muted,volume:n.volume},i=n.volume,t=n.muted,s=i===0||t,p=i>0&&!t,a=!t&&i>0&&i<.5,f=!t&&i>=.5,S=E({ref:r,type:"button","aria-label":n.muted?"Unmute":"Mute","aria-pressed":n.muted,"data-muted":t||void 0,"data-volume-off":s||void 0,"data-volume-on":p||void 0,"data-volume-low":a||void 0,"data-volume-high":f||void 0,onClick(){n.toggleMute()}},u);return l?l(S,o):dn("button",{...S})});var $e=(a=>(a.open="data-open",a.closed="data-closed",a.playing="data-playing",a.paused="data-paused",a.ended="data-ended",a.waiting="data-waiting",a.seeking="data-seeking",a.fullscreen="data-fullscreen",a.pip="data-pip",a.startingStyle="data-starting-style",a.endingStyle="data-ending-style",a))($e||{});import*as Ne from"react";import{jsx as pn}from"react/jsx-runtime";var yr=Ne.forwardRef(function(e,r){let{idleTimeout:l,keepMounted:u=!1,render:n,children:o,...i}=e,t=P("Overlay"),p=(l??t.idleTimeout)===0||!t.idle,{mounted:a,transitionStatus:f,elementRef:S}=Y({open:p,keepMounted:u}),b=Ne.useCallback(x=>{S.current=x,typeof r=="function"?r(x):r&&(r.current=x)},[r,S]),T={playing:t.playing,paused:t.paused,ended:t.ended,waiting:t.waiting,seeking:t.seeking,fullscreen:t.fullscreen,pictureInPicture:t.pictureInPicture,open:p},y=E({ref:b,onClick(){t.toggle()},"data-playing":t.playing||void 0,"data-paused":t.paused||void 0,"data-ended":t.ended||void 0,"data-waiting":t.waiting||void 0,"data-seeking":t.seeking||void 0,"data-fullscreen":t.fullscreen||void 0,"data-pip":t.pictureInPicture||void 0,"data-open":p||void 0,"data-closed":!p||void 0,"data-starting-style":f==="starting"||void 0,"data-ending-style":f==="ending"||void 0},i);return a?n?n(y,T):pn("div",{...y,...i,children:o}):null});import*as pe from"react";import{jsx as fn}from"react/jsx-runtime";var Rr=pe.forwardRef(function(e,r){let{render:l,...u}=e,n=P("PictureInPictureButton"),[o,i]=pe.useState(!1);pe.useEffect(()=>{i("pictureInPictureEnabled"in document&&document.pictureInPictureEnabled)},[]);let t={pictureInPicture:n.pictureInPicture,supported:o},s=E({ref:r,type:"button","aria-label":n.pictureInPicture?"Exit picture-in-picture":"Enter picture-in-picture","aria-pressed":n.pictureInPicture,disabled:!o,"data-pip":n.pictureInPicture||void 0,"data-supported":o||void 0,onClick(){n.togglePictureInPicture()}},u);return l?l(s,t):fn("button",{...s})});import*as Sr from"react";import{jsx as mn}from"react/jsx-runtime";var br=Sr.forwardRef(function(e,r){let{render:l,children:u,...n}=e,o=P("PlayButton"),i={playing:o.playing,paused:o.paused,ended:o.ended,waiting:o.waiting},t=E({ref:r,type:"button","aria-label":o.playing?"Pause":"Play","data-playing":o.playing||void 0,"data-paused":o.paused||void 0,"data-ended":o.ended||void 0,"data-waiting":o.waiting||void 0,onClick(){o.toggle()}},n);return l?l(t,i):mn("button",{...t,children:u})});import*as kr from"react";import{jsx as yn}from"react/jsx-runtime";var Pn=[.25,.5,.75,1,1.25,1.5,1.75,2],gr=kr.forwardRef(function(e,r){let{rates:l=Pn,render:u,children:n,...o}=e,i=P("PlaybackRateButton"),t={playbackRate:i.playbackRate,rates:l},s=E({ref:r,type:"button","aria-label":`Playback speed: ${i.playbackRate}x`,"data-rate":i.playbackRate,onClick(){let p=l.indexOf(i.playbackRate),a=l[(p+1)%l.length]??l[0]??i.playbackRate;i.setPlaybackRate(a)}},o);return u?u(s,t):yn("button",{...s,children:n??`${i.playbackRate}x`})});import*as ct from"react";import{jsx as ut}from"react/jsx-runtime";var Rn=[.25,.5,.75,1,1.25,1.5,1.75,2],vr=ct.forwardRef(function(e,r){let{rates:l=Rn,render:u,children:n,...o}=e,i=P("PlaybackRateMenu"),t={playbackRate:i.playbackRate,rates:l},s={ref:r,role:"menu","aria-label":"Playback speed","data-rate":i.playbackRate};return u?u(s,t):ut("div",{...s,...o,children:n??l.map(p=>ut(dt,{rate:p},p))})}),dt=ct.forwardRef(function(e,r){let{rate:l,children:u,...n}=e,o=P("PlaybackRateMenuItem"),i=o.playbackRate===l,t=E({ref:r,type:"button",role:"menuitemradio","aria-checked":i,"data-active":i||void 0,onClick(){o.setPlaybackRate(l)}},n);return ut("button",{...t,children:u??`${l}x`})});import*as je from"react";import{createPortal as Sn}from"react-dom";function Tr(c){let{children:e,container:r}=c,[l,u]=je.useState(!1);if(je.useEffect(()=>(u(!0),()=>u(!1)),[]),!l)return null;let n=r??(typeof document<"u"?document.body:null);return n?Sn(e,n):null}import*as Ue from"react";import{jsx as kn}from"react/jsx-runtime";var hr=Ue.forwardRef(function(e,r){let{keepMounted:l=!1,render:u,children:n,...o}=e,i=P("Poster"),t=!i.canPlay,s=i.canPlay,{mounted:p,transitionStatus:a,elementRef:f}=Y({open:t,keepMounted:l}),S=bn(r,f),b={loading:t,loaded:s,transitionStatus:a},T={ref:S,"aria-hidden":!0,"data-loading":t||void 0,"data-loaded":s||void 0,"data-starting-style":a==="starting"||void 0,"data-ending-style":a==="ending"||void 0};return p?u?u(T,b):kn("div",{...T,...o,children:n}):null});function bn(...c){return Ue.useCallback(e=>{for(let r of c)typeof r=="function"?r(e):r!=null&&(r.current=e)},c)}import*as ft from"react";import{jsx as pt}from"react/jsx-runtime";var xr=ft.forwardRef(function(e,r){let{render:l,children:u,...n}=e,o=P("QualityMenu"),i={qualities:o.qualities,activeQuality:o.activeQuality},t={ref:r,role:"menu","aria-label":"Video quality","data-quality":o.activeQuality?.label??void 0};return l?l(t,i):pt("div",{...t,...n,children:u??o.qualities.map(s=>pt(mt,{quality:s,children:s.label},s.label))})}),mt=ft.forwardRef(function(e,r){let{quality:l,children:u,...n}=e,o=P("QualityMenuItem"),i=o.activeQuality?.label===l.label,t=E({ref:r,type:"button",role:"menuitemradio","aria-checked":i,"data-active":i||void 0,onClick(){o.setQuality(l)}},n);return pt("button",{...t,children:u})});var _e=(s=>(s.playing="data-playing",s.paused="data-paused",s.ended="data-ended",s.waiting="data-waiting",s.seeking="data-seeking",s.fullscreen="data-fullscreen",s.pip="data-pip",s.muted="data-muted",s.idle="data-idle",s))(_e||{});import*as d from"react";import*as Ke from"react";function gn(c,e){return!(c instanceof HTMLElement)||c instanceof HTMLInputElement&&c.type==="range"&&e===" "?!1:c.tagName==="INPUT"||c.tagName==="TEXTAREA"||c.isContentEditable}function vn(c){return c==="ArrowRight"||c==="ArrowLeft"}function Cr(c,e){let r=se(),l=Ke.useRef(r);l.current=r,Ke.useEffect(()=>{if(e==="none")return;let u=i=>{if(gn(i.target,i.key))return;let t=l.current;switch(i.key){case" ":i.preventDefault(),t.toggle();break;case"f":case"F":i.preventDefault(),t.toggleFullscreen();break;case"ArrowUp":i.preventDefault(),t.setVolume(Math.min(t.volume+.1,1));break;case"ArrowDown":i.preventDefault(),t.setVolume(Math.max(t.volume-.1,0));break;case"ArrowRight":i.preventDefault(),t.beginSeekInteraction(),t.seek(Math.min(t.currentTime+5,t.duration));break;case"ArrowLeft":i.preventDefault(),t.beginSeekInteraction(),t.seek(Math.max(t.currentTime-5,0));break;default:return}t.resetIdle()},n=i=>{vn(i.key)&&l.current.endSeekInteraction()};if(e==="global")return window.addEventListener("keydown",u),window.addEventListener("keyup",n),()=>{window.removeEventListener("keydown",u),window.removeEventListener("keyup",n)};let o=c.current;if(o)return o.addEventListener("keydown",u),o.addEventListener("keyup",n),()=>{o.removeEventListener("keydown",u),o.removeEventListener("keyup",n)}},[e,c])}import{jsx as Xe,jsxs as Cn}from"react/jsx-runtime";function qe(c,e,r){let[l,u]=d.useState(e),n=c!==void 0,o=n?c:l,i=d.useCallback(t=>{let s=typeof t=="function"?t(o):t;n||u(s),r?.(s)},[n,o,r]);return[o,i]}function Tn({rootRef:c,videoRef:e,actionsRef:r,defaultPlaying:l=!1,autoPlay:u=!1,defaultVolume:n=1,defaultMuted:o=!1,defaultPlaybackRate:i=1,playing:t,onPlayingChange:s,volume:p,onVolumeChange:a,muted:f,onMutedChange:S,playbackRate:b,onPlaybackRateChange:T,currentTime:y,onCurrentTimeChange:x,idleTimeout:g=3e3,preventIdleWhenPaused:v=!1,idle:M,onIdleChange:w,onEnded:B,onWaiting:W,onSeeking:Q,onSeeked:I,onFullscreenChange:h,onPictureInPictureChange:$,children:U}){let q=d.useRef(1),_=d.useRef(!1),z=d.useRef(!1),Z=d.useRef(!1),[V,H]=d.useState("paused"),[k,D]=d.useState(l?"play":"pause");d.useEffect(()=>{t!==void 0&&(D(t?"play":"pause"),V!=="waiting"&&H(t?"playing":"paused"))},[t,V]);let[O,te]=qe(p,n,a),[J,me]=qe(f,o,S),[Rt,St]=qe(b,i,T),[Yr,re]=qe(M,!0,w),ne=d.useRef(null),Se=d.useCallback(()=>{ne.current&&(clearTimeout(ne.current),ne.current=null)},[]),bt=d.useCallback(()=>{g!==0&&(Se(),ne.current=setTimeout(()=>{re(!0)},g))},[g,Se,re]),kt=d.useCallback(()=>{re(!1),bt()},[re,bt]),gt=d.useCallback(()=>{Se(),re(!0)},[Se,re]);d.useEffect(()=>(g>0&&(ne.current=setTimeout(()=>{re(!0)},g)),()=>{ne.current&&clearTimeout(ne.current)}),[]);let vt=v&&V!=="playing"?!1:Yr,le=d.useCallback(()=>{let m=e.current;m&&(m.muted!==J&&(m.muted=J),m.volume!==O&&(m.volume=O))},[J,e,O]),be=d.useCallback(async()=>{let m=e.current;if(!(!u||!m||Z.current)){Z.current=!0,D("play"),le();try{await m.play(),H("playing"),s?.(!0)}catch{D("pause"),H("paused")}}},[u,s,le,e]);d.useEffect(()=>{if(!u){Z.current=!1;return}be()},[u,be]);let[Tt,ht]=d.useState(0),[ke,xt]=d.useState(0),[Ct,Gr]=d.useState(null),[ge,zr]=d.useState(null),[Mt,Et]=d.useState(!1),[Bt,ue]=d.useState(!1),[ve,Jr]=d.useState(!1),[Te,Vt]=d.useState(!1),[wt,it]=d.useState([]),[oe,Zr]=d.useState(null),[Lt,he]=d.useState([]),[Ht,Qn]=d.useState([]),[It,en]=d.useState(null);d.useEffect(()=>{y!==void 0&&e.current&&(e.current.currentTime=y)},[y,e]),d.useEffect(()=>{f===void 0&&p===void 0||le()},[f,p,le]),d.useEffect(()=>{let m=()=>{let C=document.fullscreenElement===c.current;Jr(C),h?.(C)};return document.addEventListener("fullscreenchange",m),()=>document.removeEventListener("fullscreenchange",m)},[h,c]),d.useEffect(()=>{let m=e.current;if(!m)return;let C=()=>{Vt(!0),$?.(!0)},N=()=>{Vt(!1),$?.(!1)};return m.addEventListener("enterpictureinpicture",C),m.addEventListener("leavepictureinpicture",N),()=>{m.removeEventListener("enterpictureinpicture",C),m.removeEventListener("leavepictureinpicture",N)}},[$,e]);let xe=d.useCallback(async()=>{e.current&&(D("play"),await e.current.play(),H("playing"),s?.(!0))},[e,s]),Ce=d.useCallback(()=>{e.current&&(D("pause"),e.current.pause(),H("paused"),s?.(!1))},[e,s]),Me=d.useCallback(async()=>{V==="playing"?Ce():await xe()},[V,xe,Ce]),Ee=d.useCallback(m=>{e.current&&(e.current.currentTime=m,ht(m),x?.(m))},[x,e]),Dt=d.useCallback(()=>{let m=e.current;!m||_.current||(_.current=!0,z.current=k==="play",ue(!0),z.current&&!m.paused&&m.pause())},[k,e]),Ot=d.useCallback(()=>{let m=e.current;if(!m||!_.current)return;let C=z.current&&k==="play";if(_.current=!1,z.current=!1,!C){ue(!1);return}m.play().then(()=>{H("playing"),ue(!1)}).catch(()=>{H("waiting"),ue(!1)})},[k,e]),Be=d.useCallback(m=>{let C=Math.max(0,Math.min(1,m));e.current&&(e.current.volume=C),te(C)},[te,e]),At=d.useCallback(()=>{if(!(J||O===0))q.current=O,e.current&&(e.current.muted=!0),me(!0);else{let C=q.current>0?q.current:1;e.current&&(e.current.volume=C,e.current.muted=!1),te(C),me(!1)}},[J,O,me,te,e]),Ve=d.useCallback(async()=>{c.current?.requestFullscreen&&await c.current.requestFullscreen()},[c]),we=d.useCallback(async()=>{document.exitFullscreen&&await document.exitFullscreen()},[]),Le=d.useCallback(async()=>{ve?await we():await Ve()},[ve,Ve,we]),He=d.useCallback(async()=>{e.current?.requestPictureInPicture&&await e.current.requestPictureInPicture()},[e]),Ie=d.useCallback(async()=>{document.pictureInPictureElement&&await document.exitPictureInPicture()},[]),Wt=d.useCallback(async()=>{Te?await Ie():await He()},[Te,He,Ie]),Ft=d.useCallback(m=>{e.current&&(e.current.playbackRate=m),St(m)},[St,e]),Qt=d.useCallback(m=>{if(e.current){for(let C=0;C<e.current.textTracks.length;C++){let N=e.current.textTracks[C];N&&(N.mode="disabled")}m&&(m.mode="hidden")}Zr(m),he([])},[e]),$t=d.useCallback(m=>{en(m)},[]),Nt=d.useCallback(m=>{it(C=>C.some(N=>N.id===m.id)?C:[...C,m])},[]),jt=d.useCallback(m=>{it(C=>C.filter(N=>N.id!==m))},[]),Ut=d.useCallback((m,C)=>{it(N=>N.map(ae=>ae.id===m?{...ae,textTrack:C}:ae))},[]);d.useEffect(()=>{if(!oe){he([]);return}let m=()=>{let C=oe.activeCues;if(!C){he([]);return}let N=[];for(let ae=0;ae<C.length;ae++){let or=C[ae];or instanceof VTTCue&&N.push(or)}he(N)};return m(),oe.addEventListener("cuechange",m),()=>{oe.removeEventListener("cuechange",m)}},[oe]),d.useImperativeHandle(r,()=>({toggle:Me,seek:Ee,setVolume:Be,toggleFullscreen:Le}),[Me,Ee,Be,Le]);let _t=d.useCallback(()=>{if(e.current){let m=e.current.currentTime;ht(m),x?.(m)}},[x,e]),Kt=d.useCallback(()=>{e.current&&xt(e.current.duration)},[e]),qt=d.useCallback(()=>{e.current&&Gr(e.current.buffered)},[e]),Xt=d.useCallback(()=>{D("play"),H("playing"),s?.(!0)},[s]),Yt=d.useCallback(()=>{_.current||V!=="ended"&&(H("paused"),s?.(!1))},[V,s]),Gt=d.useCallback(()=>{D("pause"),H("ended"),s?.(!1),B?.()},[s,B]),zt=d.useCallback(()=>{_.current||(H("waiting"),W?.())},[W]),Jt=d.useCallback(()=>{if(_.current){Et(!0);return}if(V==="waiting"){let m=k==="play"?"playing":"paused";H(m),s?.(m==="playing")}Et(!0)},[V,k,s]),Zt=d.useCallback(()=>{ue(!0),V==="ended"&&H("paused"),Q?.()},[V,Q]),er=d.useCallback(()=>{if(ue(!1),e.current){let{currentTime:m,duration:C}=e.current;C>0&&C-m<.01&&H("ended")}I?.()},[I,e]),tr=d.useCallback(()=>{e.current&&(te(e.current.volume),me(e.current.muted))},[te,me,e]),rr=d.useCallback(()=>{e.current&&xt(e.current.duration)},[e]),nr=d.useCallback(()=>{le(),be()},[be,le]),tn=d.useMemo(()=>({playbackStatus:V,playbackIntent:k,playing:V==="playing",paused:V==="paused",ended:V==="ended",waiting:V==="waiting",seeking:Bt,canPlay:Mt,currentTime:Tt,duration:ke,buffered:Ct,hoverTime:ge,hoverProgress:ge!==null&&ke>0?ge/ke*100:null,volume:O,muted:J,fullscreen:ve,pictureInPicture:Te,idle:vt,idleTimeout:g,preventIdleWhenPaused:v,registeredTracks:wt,activeTextTrack:oe,activeCues:Lt,playbackRate:Rt,qualities:Ht,activeQuality:It,videoRef:e,rootRef:c,play:xe,pause:Ce,toggle:Me,seek:Ee,setVolume:Be,toggleMute:At,enterFullscreen:Ve,exitFullscreen:we,toggleFullscreen:Le,enterPictureInPicture:He,exitPictureInPicture:Ie,togglePictureInPicture:Wt,setPlaybackRate:Ft,setTextTrack:Qt,setQuality:$t,registerTrack:Nt,unregisterTrack:jt,updateTrackRef:Ut,resetIdle:kt,setHoverTime:zr,beginSeekInteraction:Dt,endSeekInteraction:Ot,_handlers:{onTimeUpdate:_t,onDurationChange:Kt,onProgress:qt,onPlay:Xt,onPause:Yt,onEnded:Gt,onWaiting:zt,onCanPlay:Jt,onSeeking:Zt,onSeeked:er,onVolumeChange:tr,onLoadedMetadata:rr,onVideoMount:nr,onRootMouseLeave:gt}}),[V,k,Bt,Mt,Tt,ke,Ct,ge,O,J,ve,Te,vt,g,v,wt,oe,Lt,Rt,Ht,It,e,c,xe,Ce,Me,Ee,Be,At,Ve,we,Le,He,Ie,Wt,Ft,Qt,$t,Nt,jt,Ut,kt,Dt,Ot,_t,Kt,qt,Xt,Yt,Gt,zt,Jt,Zt,er,tr,rr,nr,gt]);return Xe(st.Provider,{value:tn,children:U})}var Mr=d.forwardRef(function(e,r){let{actionsRef:l,keyboardShortcuts:u="focused",defaultPlaying:n,autoPlay:o,defaultVolume:i,defaultMuted:t,defaultPlaybackRate:s,playing:p,onPlayingChange:a,volume:f,onVolumeChange:S,muted:b,onMutedChange:T,playbackRate:y,onPlaybackRateChange:x,currentTime:g,onCurrentTimeChange:v,idleTimeout:M,preventIdleWhenPaused:w,hideCursorWhenIdle:B="fullscreen",idle:W,onIdleChange:Q,onEnded:I,onWaiting:h,onSeeking:$,onSeeked:U,onFullscreenChange:q,onPictureInPictureChange:_,children:z,...Z}=e,V=d.useRef(null),H=d.useRef(null);return Xe(Tn,{actionsRef:l,defaultPlaying:n,autoPlay:o,defaultVolume:i,defaultMuted:t,defaultPlaybackRate:s,playing:p,onPlayingChange:a,volume:f,onVolumeChange:S,muted:b,onMutedChange:T,playbackRate:y,onPlaybackRateChange:x,currentTime:g,onCurrentTimeChange:v,idleTimeout:M,preventIdleWhenPaused:w,idle:W,onIdleChange:Q,onEnded:I,onWaiting:h,onSeeking:$,onSeeked:U,onFullscreenChange:q,onPictureInPictureChange:_,rootRef:V,videoRef:H,children:Xe(hn,{ref:r,rootRef:V,keyboardShortcuts:u,hideCursorWhenIdle:B,...Z,children:z})})}),hn=d.forwardRef(function({rootRef:e,keyboardShortcuts:r,hideCursorWhenIdle:l,children:u,className:n,style:o,...i},t){let s=se(),p=xn(t,e),a=d.useRef(null);Cr(e,r);let f=d.useCallback(B=>{let{clientX:W,clientY:Q}=B,I=a.current;I&&I.x===W&&I.y===Q||(a.current={x:W,y:Q},s.resetIdle())},[s]),S=d.useCallback(B=>{let{clientX:W,clientY:Q}=B,I=a.current;I&&I.x===W&&I.y===Q||(a.current={x:W,y:Q},s.resetIdle())},[s]),b=d.useCallback(()=>{s._handlers.onRootMouseLeave()},[s._handlers]),T=d.useCallback(()=>{s.resetIdle()},[s]),y=d.useCallback(()=>{s.resetIdle()},[s]),x=d.useCallback(B=>{B.key==="Tab"&&s.resetIdle()},[s]),g=E({onMouseMove:f,onMouseEnter:S,onMouseLeave:b,onClick:T,onFocus:y,onKeyDown:x},i),v={"data-playing":s.playing||void 0,"data-paused":s.paused||void 0,"data-ended":s.ended||void 0,"data-waiting":s.waiting||void 0,"data-seeking":s.seeking||void 0,"data-fullscreen":s.fullscreen||void 0,"data-pip":s.pictureInPicture||void 0,"data-muted":s.muted||void 0,"data-idle":s.idle||void 0},M=l!==!1&&s.idle&&(l==="always"||l==="fullscreen"&&s.fullscreen),w=d.useId();return Cn("div",{...g,ref:p,tabIndex:r==="focused"?0:void 0,className:n,style:o,"data-video-player-scope":w,...v,children:[M&&Xe("style",{children:`[data-video-player-scope="${w}"], [data-video-player-scope="${w}"] * { cursor: none !important; }`}),u]})});function xn(...c){return d.useCallback(e=>{for(let r of c)typeof r=="function"?r(e):r!=null&&(r.current=e)},c)}var Ye=(o=>(o.progress="--seek-progress",o.buffered="--seek-buffered",o.currentTime="--seek-current-time",o.duration="--seek-duration",o.hoverProgress="--seek-hover-progress",o.hoverTime="--seek-hover-time",o))(Ye||{});var Ge=(u=>(u.seeking="data-seeking",u.hovering="data-hovering",u.pressing="data-pressing",u.dragging="data-dragging",u))(Ge||{});import{Slider as j}from"@base-ui/react/slider";import{autoUpdate as Mn,offset as En,shift as Bn,useFloating as Vn}from"@floating-ui/react";import*as R from"react";import*as Br from"react-dom";var ze=(u=>(u.open="data-open",u.closed="data-closed",u.startingStyle="data-starting-style",u.endingStyle="data-ending-style",u))(ze||{});import{jsx as L,jsxs as wn}from"react/jsx-runtime";var Pt=R.createContext(null);function Vr(c){let e=R.useContext(Pt);if(!e)throw new Error(`${c} must be used within SeekSlider`);return e}function Er(c){return c==="ArrowRight"||c==="ArrowLeft"}var wr=R.forwardRef(function(e,r){let{render:l,children:u,onPointerMove:n,onPointerLeave:o,onPointerDown:i,onKeyUp:t,onValueCommitted:s,...p}=e,a=P("SeekSlider"),f=R.useRef(null),[S,b]=R.useState(null),[T,y]=R.useState(!1),[x,g]=R.useState(!1),v=R.useRef(!1);R.useEffect(()=>{if(!T)return;let k=()=>{y(!1),g(!1),v.current=!1,a.endSeekInteraction()};return window.addEventListener("pointerup",k),()=>window.removeEventListener("pointerup",k)},[T,a]);let M=a.duration>0?a.currentTime/a.duration*100:0,w=R.useCallback((k,D)=>{let O=typeof k=="number"?k:k[0];O!==void 0&&(D.reason==="keyboard"&&a.beginSeekInteraction(),a.seek(O),a.resetIdle(),v.current&&g(!0))},[a]),B=R.useCallback(k=>{if(n?.(k),!f.current||a.duration===0)return;let D=f.current.getBoundingClientRect(),O=k.clientX-D.left,J=Math.max(0,Math.min(1,O/D.width))*a.duration;a.setHoverTime(J)},[n,a]),W=R.useCallback(k=>{o?.(k),a.setHoverTime(null)},[o,a]),Q=R.useCallback(k=>{i?.(k),y(!0),v.current=!0,a.beginSeekInteraction()},[i,a]),I=R.useCallback(k=>{t?.(k),Er(k.key)&&a.endSeekInteraction()},[t,a]),h=R.useCallback((k,D)=>{let O=typeof k=="number"?k:k[0];O!==void 0&&(s?.(O,D),y(!1),g(!1),v.current=!1,!(D.reason==="keyboard"&&Er(D.event.key))&&a.endSeekInteraction())},[s,a]),$=R.useMemo(()=>{if(!a.buffered||a.buffered.length===0)return 0;for(let k=0;k<a.buffered.length;k++)if(a.buffered.start(k)<=a.currentTime&&a.currentTime<=a.buffered.end(k))return a.buffered.end(k);return a.buffered.end(0)},[a.buffered,a.currentTime]),U=a.duration>0?$/a.duration*100:0;R.useLayoutEffect(()=>{typeof r=="function"?r(f.current):r&&(r.current=f.current)});let q={currentTime:a.currentTime,duration:a.duration,progress:M,seeking:a.seeking,pressing:T,dragging:x,hoverTime:a.hoverTime,hoverProgress:a.hoverProgress},_=a.hoverProgress!==null,z=a.hoverProgress??0,Z=R.useMemo(()=>({sliderRef:f,previewThumbElement:S,setPreviewThumbElement:b,hoverProgress:z,open:_}),[f,S,b,z,_]),V=ie(p.style,k=>({position:"relative","--seek-progress":`${M}%`,"--seek-buffered":`${U}%`,"--seek-current-time":a.currentTime,"--seek-duration":a.duration,"--seek-hover-progress":a.hoverProgress!==null?`${a.hoverProgress}%`:void 0,"--seek-hover-time":a.hoverTime??void 0,...k})),H={"data-seeking":a.seeking||void 0,"data-hovering":a.hoverTime!==null||void 0,"data-pressing":T||void 0,"data-dragging":x||void 0};return l?L(Pt.Provider,{value:Z,children:L(j.Root,{ref:f,min:0,max:a.duration||100,step:.1,value:a.currentTime,onValueChange:w,onValueCommitted:h,onPointerMove:B,onPointerLeave:W,onPointerDown:Q,onKeyUp:I,"aria-label":"Seek",render:(k,D)=>{let O={...H,style:{...k.style,...ce(V,D)}};return l({...k,...O},q)}})}):L(Pt.Provider,{value:Z,children:L(j.Root,{ref:f,min:0,max:a.duration||100,step:.1,value:a.currentTime,onValueChange:w,onValueCommitted:h,onPointerMove:B,onPointerLeave:W,onPointerDown:Q,onKeyUp:I,"aria-label":"Seek",...H,...p,style:V,children:u??L(j.Control,{children:wn(j.Track,{style:{position:"relative"},children:[L("div",{style:{position:"absolute",left:0,top:0,height:"100%",width:`${U}%`}}),L(j.Indicator,{}),L(j.Thumb,{})]})})})})}),Lr=j.Control,Hr=R.forwardRef(function(e,r){let{render:l,children:u,style:n,...o}=e,i={},t=ie(n,s=>({position:"relative",...s}));return l?L(j.Track,{render:(s,p)=>{let a={ref:r,style:ce(t,p)??{}};return l({...s,...a},i)}}):L(j.Track,{ref:r,style:t,...o,children:u})}),Ir=R.forwardRef(function(e,r){let{render:l,children:u,style:n,...o}=e,i=P("SeekSliderProgress"),s={progress:i.duration>0?i.currentTime/i.duration*100:0},p=ie(n,a=>({height:"100%",...a}));return l?L(j.Indicator,{render:(a,f)=>{let S={ref:r,style:{...a.style,...ce(p,f)}};return l({...a,...S},s)}}):L(j.Indicator,{ref:r,style:p,...o,children:u})}),Dr=R.forwardRef(function(e,r){let{render:l,children:u,style:n,...o}=e,i={},t={ref:r,style:n??{}};return l?L(j.Thumb,{render:s=>l({...s,...t,style:{...s.style,...n}},i)}):L(j.Thumb,{ref:r,style:n,...o,children:u})}),Or=R.forwardRef(function(e,r){let{render:l,children:u,...n}=e,o=P("SeekSliderBuffered"),i=R.useMemo(()=>{if(!o.buffered||o.buffered.length===0)return 0;for(let f=0;f<o.buffered.length;f++)if(o.buffered.start(f)<=o.currentTime&&o.currentTime<=o.buffered.end(f))return o.buffered.end(f);return o.buffered.end(0)},[o.buffered,o.currentTime]),t=o.duration>0?i/o.duration*100:0,s={bufferedPercentage:t},p={position:"absolute",left:0,top:0,height:"100%",width:`${t}%`,...n.style},a={ref:r,style:p};return l?l(a,s):L("div",{...a,...n,children:u})}),Ar=R.forwardRef(function(e,r){let{keepMounted:l=!1,render:u,children:n,...o}=e,i=P("SeekSliderPreviewThumb"),t=Vr("SeekSliderPreviewThumb"),s=i.hoverProgress!==null,p=R.useRef(0);i.hoverProgress!==null&&(p.current=i.hoverProgress);let a=i.hoverProgress??p.current,{mounted:f,transitionStatus:S,elementRef:b}=Y({open:s,keepMounted:l}),T=R.useCallback(v=>{b.current=v,t.setPreviewThumbElement(v),typeof r=="function"?r(v):r&&(r.current=v)},[r,b,t]),y={open:s,transitionStatus:S,hoverProgress:a},x={position:"absolute",left:`${a}%`,transform:"translateX(-50%)",pointerEvents:"none",...o.style},g={ref:T,style:x,"data-open":s||void 0,"data-closed":!s||void 0,"data-starting-style":S==="starting"||void 0,"data-ending-style":S==="ending"||void 0};return f?u?u(g,y):L("span",{...g,...o,children:n}):null}),Wr=R.forwardRef(function(e,r){let{render:l,children:u,style:n,...o}=e,i=P("SeekSliderHover"),t=i.hoverProgress!==null,s=i.hoverProgress??0,p={hovering:t,hoverProgress:i.hoverProgress,hoverTime:i.hoverTime},a={position:"absolute",left:0,top:0,height:"100%",width:`${s}%`,pointerEvents:"none",...n},f={ref:r,style:a,"data-hovering":t||void 0};return l?l(f,p):L("div",{...f,...o,children:u})});function Je({children:c,container:e}){let r=P("SeekSliderPreviewTooltipPortal"),[l,u]=R.useState(!1);if(R.useEffect(()=>{u(!0)},[]),!l)return null;let n=e??r.rootRef.current??document.body;return Br.createPortal(c,n)}var Ze=R.forwardRef(function(e,r){let{sideOffset:l=8,collisionPadding:u=0,collisionBoundary:n,keepMounted:o=!1,children:i,style:t,...s}=e,p=Vr("SeekSliderPreviewTooltipPositioner"),{previewThumbElement:a,open:f,hoverProgress:S}=p,[b,T]=R.useState(null),{refs:y,floatingStyles:x,update:g}=Vn({placement:"top",middleware:[En(l),Bn({boundary:n,padding:u})]});R.useLayoutEffect(()=>{a&&y.setReference(a)},[a,y]),R.useEffect(()=>{if(f&&a&&b)return Mn(a,b,g)},[f,a,b,g]),R.useLayoutEffect(()=>{f&&a&&b&&g()},[S,f,a,b,g]);let v=R.useCallback(w=>{y.setFloating(w),T(w),typeof r=="function"?r(w):r&&(r.current=w)},[y,r]);return(o||f)&&!!a?L("div",{ref:v,style:{...x,...t},"data-seek-slider-preview-tooltip-positioner":!0,"data-open":f||void 0,"data-closed":!f||void 0,...s,children:i}):null}),et=R.forwardRef(function(e,r){let{children:l,...u}=e;return L("div",{ref:r,"data-seek-slider-preview-tooltip-popup":!0,...u,children:l})});function ye({sideOffset:c,collisionPadding:e,collisionBoundary:r,keepMounted:l,container:u,children:n,...o}){return L(Je,{container:u,children:L(Ze,{sideOffset:c,collisionPadding:e,collisionBoundary:r,keepMounted:l,children:L(et,{...o,children:n})})})}ye.Portal=Je;ye.Positioner=Ze;ye.Popup=et;var tt=(l=>(l.loading="data-loading",l.ready="data-ready",l.error="data-error",l))(tt||{});import*as F from"react";import{jsx as Ln}from"react/jsx-runtime";var Fr=F.forwardRef(function(e,r){let{time:l,crossOrigin:u="anonymous",render:n,children:o,width:i,height:t,...s}=e,p=P("Thumbnail"),a=F.useRef(null),f=F.useRef(null),S=F.useRef(null),[b,T]=F.useState("idle"),[y,x]=F.useState({width:160,height:90}),g=l!==void 0?l:p.hoverTime,v=F.useMemo(()=>{let h=p.videoRef.current;return h?h.currentSrc||h.src:null},[p.videoRef]);F.useEffect(()=>{if(!v)return;let h=document.createElement("video");h.src=v,h.crossOrigin=u,h.preload="metadata",h.muted=!0,h.playsInline=!0;let $=()=>{x({width:h.videoWidth,height:h.videoHeight})},U=()=>{T("error")};return h.addEventListener("loadedmetadata",$),h.addEventListener("error",U),f.current=h,()=>{h.removeEventListener("loadedmetadata",$),h.removeEventListener("error",U),h.src="",f.current=null}},[v,u]),F.useEffect(()=>{let h=f.current,$=a.current;if(!h||!$||g===null||g===void 0||S.current!==null&&Math.abs(S.current-g)<.1)return;T("loading");let U=()=>{let q=$.getContext("2d");if(q)try{q.drawImage(h,0,0,$.width,$.height),S.current=g,T("ready")}catch{T("error")}};return h.addEventListener("seeked",U,{once:!0}),h.currentTime=g,()=>{h.removeEventListener("seeked",U)}},[g]);let M=F.useCallback(h=>{a.current=h,typeof r=="function"?r(h):r&&(r.current=h)},[r]),w=y.width/y.height,B=i??160,W=t??Math.round(B/w);typeof B=="string"&&(B=160),typeof W=="string"&&(W=90);let Q={loading:b==="loading",ready:b==="ready",error:b==="error",time:g,videoWidth:y.width,videoHeight:y.height},I={ref:M,width:B,height:W,"data-loading":b==="loading"||void 0,"data-ready":b==="ready"||void 0,"data-error":b==="error"||void 0};return n?n(I,Q):Ln("canvas",{...I,...s,children:o})});var rt=(e=>(e.hovering="data-hovering",e))(rt||{});import*as nt from"react";import{Fragment as Dn,jsx as yt,jsxs as On}from"react/jsx-runtime";var Qr=nt.forwardRef(function(e,r){let{format:l="current / duration",fixedWidth:u=!0,align:n="left",render:o,...i}=e,t=P("TimeDisplay"),s=nt.useRef(0);t.hoverTime!==null&&(s.current=t.hoverTime);let p=t.duration-t.currentTime,a=Re(t.currentTime),f=Re(t.duration),S=Re(p),b=t.hoverTime!==null?Re(t.hoverTime):Re(s.current),T={currentTime:t.currentTime,duration:t.duration,remaining:p,hoverTime:t.hoverTime,hovering:t.hoverTime!==null,formattedCurrent:a,formattedDuration:f,formattedRemaining:S,formattedHover:b},y=()=>{switch(l){case"current":return a;case"duration":return f;case"remaining":return`-${S}`;case"current / duration":return`${a} / ${f}`;case"current / remaining":return`${a} / -${S}`;case"hover":return b;default:return`${a} / ${f}`}},x=()=>{let v=In(t.duration);switch(l){case"current":case"duration":case"hover":return v;case"remaining":return`-${v}`;case"current / duration":return`${v} / ${v}`;case"current / remaining":return`${v} / -${v}`;default:return`${v} / ${v}`}},g={ref:r,style:{position:u?"relative":void 0,userSelect:"none",fontVariantNumeric:"tabular-nums",...i.style},"data-hovering":T.hovering||void 0};return o?o(g,T):yt("span",{ref:r,"data-hovering":T.hovering||void 0,...i,style:{position:u?"relative":void 0,userSelect:"none",fontVariantNumeric:"tabular-nums",...i.style},children:u?On(Dn,{children:[yt("span",{"aria-hidden":!0,style:{visibility:"hidden"},children:x()}),yt("span",{style:Hn(n),children:y()})]}):y()})});function Hn(c){let e={position:"absolute"};switch(c){case"left":return{...e,left:0};case"right":return{...e,right:0};case"center":return{...e,left:"50%",transform:"translateX(-50%)"}}}function Re(c){if(!Number.isFinite(c)||Number.isNaN(c))return"0:00";let e=Math.floor(c/3600),r=Math.floor(c%3600/60),l=Math.floor(c%60);return e>0?`${e}:${r.toString().padStart(2,"0")}:${l.toString().padStart(2,"0")}`:`${r}:${l.toString().padStart(2,"0")}`}function In(c){if(!Number.isFinite(c)||Number.isNaN(c)||c<=0)return"0:00";let e=Math.floor(c/3600),r=Math.floor(c%3600/60);if(e>0){let u=String(e).length;return`${"0".repeat(u)}:00:00`}let l=String(r).length;return`${"0".repeat(l)}:00`}import*as K from"react";import{jsx as An}from"react/jsx-runtime";var $r=K.forwardRef(function(e,r){let{kind:l="captions",src:u,label:n,srcLang:o,default:i,...t}=e,{registerTrack:s,unregisterTrack:p,updateTrackRef:a,setTextTrack:f}=P("Track"),S=K.useRef(null),b=K.useId(),T=K.useCallback(y=>{typeof r=="function"?r(y):r&&(r.current=y),S.current=y},[r]);return K.useEffect(()=>(s({id:b,kind:l,label:n,srcLang:o,src:u,textTrack:null}),()=>{p(b)}),[b,l,n,o,u,s,p]),K.useEffect(()=>{let y=S.current;if(!y)return;let x=()=>{y.track&&(y.track.mode="disabled",a(b,y.track),i&&f(y.track))};return y.track&&x(),y.addEventListener("load",x),()=>{y.removeEventListener("load",x)}},[b,i,a,f]),An("track",{ref:T,kind:l,src:u,label:n,srcLang:o,default:i,...t})});import*as fe from"react";import{jsx as Wn}from"react/jsx-runtime";var Nr=fe.forwardRef(function(e,r){let{toggleOnClick:l=!0,...u}=e,n=P("Video"),o=fe.useRef(!1),i=fe.useCallback(p=>{typeof r=="function"?r(p):r&&(r.current=p),n.videoRef.current=p,p&&!o.current&&(o.current=!0,n._handlers.onVideoMount(),p.readyState>=1&&p.duration&&(n._handlers.onLoadedMetadata(),n._handlers.onDurationChange()),p.readyState>=3&&n._handlers.onCanPlay())},[r,n.videoRef,n._handlers]),t={"data-playing":n.playing||void 0,"data-paused":n.paused||void 0,"data-ended":n.ended||void 0,"data-waiting":n.waiting||void 0,"data-seeking":n.seeking||void 0},s=E({ref:i,preload:"metadata",...t,onClick(){l&&n.toggle()},onTimeUpdate:n._handlers.onTimeUpdate,onDurationChange:n._handlers.onDurationChange,onProgress:n._handlers.onProgress,onPlay:n._handlers.onPlay,onPause:n._handlers.onPause,onEnded:n._handlers.onEnded,onWaiting:n._handlers.onWaiting,onCanPlay:n._handlers.onCanPlay,onSeeking:n._handlers.onSeeking,onSeeked:n._handlers.onSeeked,onVolumeChange:n._handlers.onVolumeChange,onLoadedMetadata:n._handlers.onLoadedMetadata},u);return Wn("video",{...s})});var ot=(r=>(r.volume="--volume",r.volumePercentage="--volume-percentage",r))(ot||{});var at=(u=>(u.muted="data-muted",u.volume="data-volume",u.pressing="data-pressing",u.dragging="data-dragging",u))(at||{});import{Slider as G}from"@base-ui/react/slider";import*as A from"react";import{jsx as ee,jsxs as Fn}from"react/jsx-runtime";var jr=A.forwardRef(function(e,r){let{render:l,children:u,onPointerDown:n,...o}=e,i=P("VolumeSlider"),t=A.useRef(null),[s,p]=A.useState(!1),[a,f]=A.useState(!1),S=A.useRef(!1);A.useEffect(()=>{if(!s)return;let M=()=>{p(!1),f(!1),S.current=!1};return window.addEventListener("pointerup",M),()=>window.removeEventListener("pointerup",M)},[s]),A.useLayoutEffect(()=>{typeof r=="function"?r(t.current):r&&(r.current=t.current)});let b=i.volume*100,T={volume:i.volume,muted:i.muted,percentage:b,pressing:s,dragging:a},y=A.useCallback(M=>{let w=typeof M=="number"?M:M[0];if(w!==void 0){if(i.muted){let B=i.videoRef.current;B&&(B.muted=!1)}i.setVolume(w),i.resetIdle(),S.current&&f(!0)}},[i]),x=A.useCallback(M=>{n?.(M),p(!0),S.current=!0},[n]),g={"data-muted":i.muted||void 0,"data-volume":i.volume,"data-pressing":s||void 0,"data-dragging":a||void 0},v=ie(o.style,M=>({position:"relative","--volume":i.volume,"--volume-percentage":`${b}%`,...M}));return l?ee(G.Root,{ref:t,min:0,max:1,step:.01,value:i.muted?0:i.volume,onValueChange:y,onPointerDown:x,"aria-label":"Volume",render:(M,w)=>{let B={...g,style:ce(v,w)??{}};return l({...M,...B},T)}}):ee(G.Root,{ref:t,min:0,max:1,step:.01,value:i.muted?0:i.volume,onValueChange:y,onPointerDown:x,"aria-label":"Volume",...g,...o,style:v,children:u??ee(G.Control,{children:Fn(G.Track,{children:[ee(G.Indicator,{}),ee(G.Thumb,{})]})})})}),Ur=G.Control,_r=A.forwardRef(function(e,r){let{style:l,...u}=e,n=ie(l,o=>({position:"relative",...o}));return ee(G.Track,{ref:r,style:n,...u})}),Kr=A.forwardRef(function(e,r){return ee(G.Indicator,{ref:r,...e})}),qr=A.forwardRef(function(e,r){return ee(G.Thumb,{ref:r,...e})});export{Xr as VideoPlayer,se as useVideoPlayer};
+import{t as e}from"../rolldown-runtime-DK3Fl9T5.js";import{r as t,t as n}from"../resolve-state-props-D31kizRZ.js";import{t as r}from"../merge-element-props-PxUvRHax.js";import*as i from"react";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";import*as c from"react-dom";import{createPortal as l}from"react-dom";import{Slider as u}from"@base-ui/react/slider";import{autoUpdate as d,offset as f,shift as p,useFloating as m}from"@floating-ui/react";const h=i.createContext(null);function g(e){let t=i.useContext(h);if(!t)throw Error(`<VideoPlayer.${e}> must be used within <VideoPlayer.Root>`);return t}function _(){return g(`useVideoPlayer`)}const v=i.forwardRef(function(e,t){let{render:n,...r}=e,a=g(`BufferedIndicator`),s=i.useMemo(()=>{if(!a.buffered||a.buffered.length===0)return 0;for(let e=0;e<a.buffered.length;e++)if(a.buffered.start(e)<=a.currentTime&&a.currentTime<=a.buffered.end(e))return a.buffered.end(e);return a.buffered.end(0)},[a.buffered,a.currentTime]),c=a.duration>0?s/a.duration*100:0,l={buffered:a.buffered,duration:a.duration,bufferedPercentage:c,bufferedEnd:s},u={"--buffered-percentage":`${c}%`,"--buffered-end":s,...r.style};return n?n({ref:t,style:u,"aria-hidden":!0},l):/* @__PURE__ */ o(`div`,{ref:t,"aria-hidden":`true`,...r,style:u})});let y=/* @__PURE__ */ function(e){return e.active=`data-active`,e}({});const b=i.forwardRef(function(e,t){let{render:n,children:r,...i}=e,a=g(`Captions`).activeCues,s=a.map(e=>e.text).join(`
+`),c=a.length>0,l={active:c,cueText:s,cues:a},u={ref:t,"aria-live":`polite`,"aria-atomic":!0,role:`status`,style:{pointerEvents:`none`},"data-active":c||void 0};return n?n(u,l):r?/* @__PURE__ */ o(`div`,{...u,...i,children:r}):/* @__PURE__ */ o(`div`,{...u,...i,children:s})}),x=i.forwardRef(function(e,t){let{render:n,...i}=e,a=g(`CaptionsButton`),s=a.registeredTracks.length>0,c=a.activeTextTrack!==null,l={active:c,available:s,trackCount:a.registeredTracks.length},u=r({ref:t,type:`button`,"aria-label":c?`Disable captions`:`Enable captions`,"aria-pressed":c,disabled:!s,"data-active":c||void 0,"data-available":s||void 0,onClick(){if(c)a.setTextTrack(null);else if(a.registeredTracks.length>0){let e=a.registeredTracks[0];e?.textTrack&&a.setTextTrack(e.textTrack)}}},i);return n?n(u,l):/* @__PURE__ */ o(`button`,{...u})}),S=i.forwardRef(function(e,t){let{render:n,children:r,...i}=e,c=g(`CaptionsMenu`),l={registeredTracks:c.registeredTracks,activeTextTrack:c.activeTextTrack},u={ref:t,role:`menu`,"aria-label":`Captions`,"data-active":c.activeTextTrack!==null||void 0};return n?n(u,l):/* @__PURE__ */ o(`div`,{...u,...i,children:r??/* @__PURE__ */ s(a,{children:[/* @__PURE__ */ o(C,{track:null,children:`Off`}),c.registeredTracks.map(e=>/* @__PURE__ */ o(C,{track:e.textTrack,children:e.label},e.id))]})})}),C=i.forwardRef(function(e,t){let{track:n,children:i,...a}=e,s=g(`CaptionsMenuItem`),c=s.activeTextTrack===n,l=r({ref:t,type:`button`,role:`menuitemradio`,"aria-checked":c,"data-active":c||void 0,onClick(){s.setTextTrack(n)}},a);return/* @__PURE__ */ o(`button`,{...l,children:i})});let w=/* @__PURE__ */ function(e){return e.open=`data-open`,e.closed=`data-closed`,e.idle=`data-idle`,e.playing=`data-playing`,e.paused=`data-paused`,e.ended=`data-ended`,e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e}({});function T(e){let t=[...e.getAnimations(),...Array.from(e.querySelectorAll(`*`)).flatMap(e=>e.getAnimations())];return t.length===0?Promise.resolve():Promise.all(t.map(e=>e.finished)).then(()=>{}).catch(()=>{})}function E(e){let{open:t,keepMounted:n=!1}=e,[r,a]=i.useState(t||n),[o,s]=i.useState(t?`starting`:void 0),c=i.useRef(null),l=i.useRef(!1);return i.useEffect(()=>{if(t){l.current=!1,a(!0),s(`starting`);let e=requestAnimationFrame(()=>{requestAnimationFrame(()=>{s(void 0)})});return()=>cancelAnimationFrame(e)}},[t]),i.useEffect(()=>{if(!t&&r&&!l.current){s(`ending`);let e=c.current;if(!e){s(void 0),n||a(!1);return}l.current=!0;let t=requestAnimationFrame(()=>{requestAnimationFrame(()=>{T(e).then(()=>{l.current&&(l.current=!1,s(void 0),n||a(!1))})})});return()=>{cancelAnimationFrame(t)}}},[t,r,n]),i.useEffect(()=>{n&&!r&&!t&&a(!0)},[n,r,t]),{mounted:r||n,transitionStatus:o,elementRef:c}}const D=i.forwardRef(function(e,t){let{idleTimeout:n,keepMounted:r=!1,render:a,children:s,...c}=e,l=g(`Controls`),u=(n??l.idleTimeout)===0||!l.idle,{mounted:d,transitionStatus:f,elementRef:p}=E({open:u,keepMounted:r}),m=i.useCallback(e=>{p.current=e,typeof t==`function`?t(e):t&&(t.current=e)},[t,p]),{onClick:h,..._}=c,v=i.useCallback(e=>{e.stopPropagation(),h?.(e)},[h]),y={open:u,idle:l.idle,playing:l.playing,paused:l.paused,ended:l.ended},b={ref:m,onClick:v,"data-open":u||void 0,"data-closed":!u||void 0,"data-idle":l.idle||void 0,"data-playing":l.playing||void 0,"data-paused":l.paused||void 0,"data-ended":l.ended||void 0,"data-starting-style":f===`starting`||void 0,"data-ending-style":f===`ending`||void 0};return d?a?a(b,y):/* @__PURE__ */ o(`div`,{...b,..._,children:s}):null}),O=i.forwardRef(function(e,t){let{render:n,children:a,...s}=e,c=g(`FullscreenButton`),[l,u]=i.useState(!1);i.useEffect(()=>{u(`fullscreenEnabled`in document&&document.fullscreenEnabled)},[]);let d={fullscreen:c.fullscreen,supported:l},f=r({ref:t,type:`button`,"aria-label":c.fullscreen?`Exit fullscreen`:`Enter fullscreen`,"aria-pressed":c.fullscreen,disabled:!l,"data-fullscreen":c.fullscreen||void 0,"data-supported":l||void 0,onClick(){c.toggleFullscreen()}},s);return n?n(f,d):/* @__PURE__ */ o(`button`,{...f,children:a})}),k=i.forwardRef(function(e,t){let{render:n,...i}=e,a=g(`MuteButton`),s={muted:a.muted,volume:a.volume},c=a.volume,l=a.muted,u=c===0||l,d=c>0&&!l,f=!l&&c>0&&c<.5,p=!l&&c>=.5,m=r({ref:t,type:`button`,"aria-label":a.muted?`Unmute`:`Mute`,"aria-pressed":a.muted,"data-muted":l||void 0,"data-volume-off":u||void 0,"data-volume-on":d||void 0,"data-volume-low":f||void 0,"data-volume-high":p||void 0,onClick(){a.toggleMute()}},i);return n?n(m,s):/* @__PURE__ */ o(`button`,{...m})});let A=/* @__PURE__ */ function(e){return e.open=`data-open`,e.closed=`data-closed`,e.playing=`data-playing`,e.paused=`data-paused`,e.ended=`data-ended`,e.waiting=`data-waiting`,e.seeking=`data-seeking`,e.fullscreen=`data-fullscreen`,e.pip=`data-pip`,e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e}({});const j=i.forwardRef(function(e,t){let{idleTimeout:n,keepMounted:a=!1,render:s,children:c,...l}=e,u=g(`Overlay`),d=(n??u.idleTimeout)===0||!u.idle,{mounted:f,transitionStatus:p,elementRef:m}=E({open:d,keepMounted:a}),h=i.useCallback(e=>{m.current=e,typeof t==`function`?t(e):t&&(t.current=e)},[t,m]),_={playing:u.playing,paused:u.paused,ended:u.ended,waiting:u.waiting,seeking:u.seeking,fullscreen:u.fullscreen,pictureInPicture:u.pictureInPicture,open:d},v=r({ref:h,onClick(){u.toggle()},"data-playing":u.playing||void 0,"data-paused":u.paused||void 0,"data-ended":u.ended||void 0,"data-waiting":u.waiting||void 0,"data-seeking":u.seeking||void 0,"data-fullscreen":u.fullscreen||void 0,"data-pip":u.pictureInPicture||void 0,"data-open":d||void 0,"data-closed":!d||void 0,"data-starting-style":p===`starting`||void 0,"data-ending-style":p===`ending`||void 0},l);return f?s?s(v,_):/* @__PURE__ */ o(`div`,{...v,...l,children:c}):null}),M=i.forwardRef(function(e,t){let{render:n,...a}=e,s=g(`PictureInPictureButton`),[c,l]=i.useState(!1);i.useEffect(()=>{l(`pictureInPictureEnabled`in document&&document.pictureInPictureEnabled)},[]);let u={pictureInPicture:s.pictureInPicture,supported:c},d=r({ref:t,type:`button`,"aria-label":s.pictureInPicture?`Exit picture-in-picture`:`Enter picture-in-picture`,"aria-pressed":s.pictureInPicture,disabled:!c,"data-pip":s.pictureInPicture||void 0,"data-supported":c||void 0,onClick(){s.togglePictureInPicture()}},a);return n?n(d,u):/* @__PURE__ */ o(`button`,{...d})}),N=i.forwardRef(function(e,t){let{render:n,children:i,...a}=e,s=g(`PlayButton`),c={playing:s.playing,paused:s.paused,ended:s.ended,waiting:s.waiting},l=r({ref:t,type:`button`,"aria-label":s.playing?`Pause`:`Play`,"data-playing":s.playing||void 0,"data-paused":s.paused||void 0,"data-ended":s.ended||void 0,"data-waiting":s.waiting||void 0,onClick(){s.toggle()}},a);return n?n(l,c):/* @__PURE__ */ o(`button`,{...l,children:i})}),P=[.25,.5,.75,1,1.25,1.5,1.75,2],F=i.forwardRef(function(e,t){let{rates:n=P,render:i,children:a,...s}=e,c=g(`PlaybackRateButton`),l={playbackRate:c.playbackRate,rates:n},u=r({ref:t,type:`button`,"aria-label":`Playback speed: ${c.playbackRate}x`,"data-rate":c.playbackRate,onClick(){let e=n.indexOf(c.playbackRate),t=n[(e+1)%n.length]??n[0]??c.playbackRate;c.setPlaybackRate(t)}},s);return i?i(u,l):/* @__PURE__ */ o(`button`,{...u,children:a??`${c.playbackRate}x`})}),I=[.25,.5,.75,1,1.25,1.5,1.75,2],L=i.forwardRef(function(e,t){let{rates:n=I,render:r,children:i,...a}=e,s=g(`PlaybackRateMenu`),c={playbackRate:s.playbackRate,rates:n},l={ref:t,role:`menu`,"aria-label":`Playback speed`,"data-rate":s.playbackRate};return r?r(l,c):/* @__PURE__ */ o(`div`,{...l,...a,children:i??n.map(e=>/* @__PURE__ */ o(R,{rate:e},e))})}),R=i.forwardRef(function(e,t){let{rate:n,children:i,...a}=e,s=g(`PlaybackRateMenuItem`),c=s.playbackRate===n,l=r({ref:t,type:`button`,role:`menuitemradio`,"aria-checked":c,"data-active":c||void 0,onClick(){s.setPlaybackRate(n)}},a);return/* @__PURE__ */ o(`button`,{...l,children:i??`${n}x`})});function z(e){let{children:t,container:n}=e,[r,a]=i.useState(!1);if(i.useEffect(()=>(a(!0),()=>a(!1)),[]),!r)return null;let o=n??(typeof document<`u`?document.body:null);return o?l(t,o):null}const B=i.forwardRef(function(e,t){let{keepMounted:n=!1,render:r,children:i,...a}=e,s=g(`Poster`),c=!s.canPlay,l=s.canPlay,{mounted:u,transitionStatus:d,elementRef:f}=E({open:c,keepMounted:n}),p=V(t,f),m={loading:c,loaded:l,transitionStatus:d},h={ref:p,"aria-hidden":!0,"data-loading":c||void 0,"data-loaded":l||void 0,"data-starting-style":d===`starting`||void 0,"data-ending-style":d===`ending`||void 0};return u?r?r(h,m):/* @__PURE__ */ o(`div`,{...h,...a,children:i}):null});function V(...e){return i.useCallback(t=>{for(let n of e)typeof n==`function`?n(t):n!=null&&(n.current=t)},e)}const H=i.forwardRef(function(e,t){let{render:n,children:r,...i}=e,a=g(`QualityMenu`),s={qualities:a.qualities,activeQuality:a.activeQuality},c={ref:t,role:`menu`,"aria-label":`Video quality`,"data-quality":a.activeQuality?.label??void 0};return n?n(c,s):/* @__PURE__ */ o(`div`,{...c,...i,children:r??a.qualities.map(e=>/* @__PURE__ */ o(U,{quality:e,children:e.label},e.label))})}),U=i.forwardRef(function(e,t){let{quality:n,children:i,...a}=e,s=g(`QualityMenuItem`),c=s.activeQuality?.label===n.label,l=r({ref:t,type:`button`,role:`menuitemradio`,"aria-checked":c,"data-active":c||void 0,onClick(){s.setQuality(n)}},a);return/* @__PURE__ */ o(`button`,{...l,children:i})});let ee=/* @__PURE__ */ function(e){return e.playing=`data-playing`,e.paused=`data-paused`,e.ended=`data-ended`,e.waiting=`data-waiting`,e.seeking=`data-seeking`,e.fullscreen=`data-fullscreen`,e.pip=`data-pip`,e.muted=`data-muted`,e.idle=`data-idle`,e}({});function te(e,t){return!(e instanceof HTMLElement)||e instanceof HTMLInputElement&&e.type===`range`&&t===` `?!1:e.tagName===`INPUT`||e.tagName===`TEXTAREA`||e.isContentEditable}function ne(e){return e===`ArrowRight`||e===`ArrowLeft`}function W(e,t){let n=_(),r=i.useRef(n);r.current=n,i.useEffect(()=>{if(t===`none`)return;let n=e=>{if(te(e.target,e.key))return;let t=r.current;switch(e.key){case` `:e.preventDefault(),t.toggle();break;case`f`:case`F`:e.preventDefault(),t.toggleFullscreen();break;case`ArrowUp`:e.preventDefault(),t.setVolume(Math.min(t.volume+.1,1));break;case`ArrowDown`:e.preventDefault(),t.setVolume(Math.max(t.volume-.1,0));break;case`ArrowRight`:e.preventDefault(),t.beginSeekInteraction(),t.seek(Math.min(t.currentTime+5,t.duration));break;case`ArrowLeft`:e.preventDefault(),t.beginSeekInteraction(),t.seek(Math.max(t.currentTime-5,0));break;default:return}t.resetIdle()},i=e=>{ne(e.key)&&r.current.endSeekInteraction()};if(t===`global`)return window.addEventListener(`keydown`,n),window.addEventListener(`keyup`,i),()=>{window.removeEventListener(`keydown`,n),window.removeEventListener(`keyup`,i)};let a=e.current;if(a)return a.addEventListener(`keydown`,n),a.addEventListener(`keyup`,i),()=>{a.removeEventListener(`keydown`,n),a.removeEventListener(`keyup`,i)}},[t,e])}function re(e,t,n){let[r,a]=i.useState(t),o=e!==void 0,s=o?e:r;return[s,i.useCallback(e=>{let t=typeof e==`function`?e(s):e;o||a(t),n?.(t)},[o,s,n])]}function G({rootRef:e,videoRef:t,actionsRef:n,defaultPlaying:r=!1,autoPlay:a=!1,defaultVolume:s=1,defaultMuted:c=!1,defaultPlaybackRate:l=1,playing:u,onPlayingChange:d,volume:f,onVolumeChange:p,muted:m,onMutedChange:g,playbackRate:_,onPlaybackRateChange:v,currentTime:y,onCurrentTimeChange:b,idleTimeout:x=3e3,preventIdleWhenPaused:S=!1,idle:C,onIdleChange:w,onEnded:T,onWaiting:E,onSeeking:D,onSeeked:O,onFullscreenChange:k,onPictureInPictureChange:A,children:j}){let M=i.useRef(1),N=i.useRef(!1),P=i.useRef(!1),F=i.useRef(!1),[I,L]=i.useState(`paused`),[R,z]=i.useState(r?`play`:`pause`);i.useEffect(()=>{u!==void 0&&(z(u?`play`:`pause`),I!==`waiting`&&L(u?`playing`:`paused`))},[u,I]);let[B,V]=re(f,s,p),[H,U]=re(m,c,g),[ee,te]=re(_,l,v),[ne,W]=re(C,!0,w),G=i.useRef(null),ie=i.useCallback(()=>{G.current&&=(clearTimeout(G.current),null)},[]),ae=i.useCallback(()=>{x!==0&&(ie(),G.current=setTimeout(()=>{W(!0)},x))},[x,ie,W]),oe=i.useCallback(()=>{W(!1),ae()},[W,ae]),se=i.useCallback(()=>{ie(),W(!0)},[ie,W]);i.useEffect(()=>(x>0&&(G.current=setTimeout(()=>{W(!0)},x)),()=>{G.current&&clearTimeout(G.current)}),[]);let ce=S&&I!==`playing`?!1:ne,K=i.useCallback(()=>{let e=t.current;e&&(e.muted!==H&&(e.muted=H),e.volume!==B&&(e.volume=B))},[H,t,B]),q=i.useCallback(async()=>{let e=t.current;if(a&&e&&!F.current){F.current=!0,z(`play`),K();try{await e.play(),L(`playing`),d?.(!0)}catch{z(`pause`),L(`paused`)}}},[a,d,K,t]);i.useEffect(()=>{if(!a){F.current=!1;return}q()},[a,q]);let[le,ue]=i.useState(0),[J,de]=i.useState(0),[fe,pe]=i.useState(null),[Y,me]=i.useState(null),[he,ge]=i.useState(!1),[_e,X]=i.useState(!1),[Z,ve]=i.useState(!1),[ye,be]=i.useState(!1),[xe,Se]=i.useState([]),[Q,$]=i.useState(null),[Ce,we]=i.useState([]),[Te,Ee]=i.useState([]),[De,Oe]=i.useState(null);i.useEffect(()=>{y!==void 0&&t.current&&(t.current.currentTime=y)},[y,t]),i.useEffect(()=>{(m!==void 0||f!==void 0)&&K()},[m,f,K]),i.useEffect(()=>{let t=()=>{let t=document.fullscreenElement===e.current;ve(t),k?.(t)};return document.addEventListener(`fullscreenchange`,t),()=>document.removeEventListener(`fullscreenchange`,t)},[k,e]),i.useEffect(()=>{let e=t.current;if(!e)return;let n=()=>{be(!0),A?.(!0)},r=()=>{be(!1),A?.(!1)};return e.addEventListener(`enterpictureinpicture`,n),e.addEventListener(`leavepictureinpicture`,r),()=>{e.removeEventListener(`enterpictureinpicture`,n),e.removeEventListener(`leavepictureinpicture`,r)}},[A,t]);let ke=i.useCallback(async()=>{t.current&&(z(`play`),await t.current.play(),L(`playing`),d?.(!0))},[t,d]),Ae=i.useCallback(()=>{t.current&&(z(`pause`),t.current.pause(),L(`paused`),d?.(!1))},[t,d]),je=i.useCallback(async()=>{I===`playing`?Ae():await ke()},[I,ke,Ae]),Me=i.useCallback(e=>{t.current&&(t.current.currentTime=e,ue(e),b?.(e))},[b,t]),Ne=i.useCallback(()=>{let e=t.current;e&&!N.current&&(N.current=!0,P.current=R===`play`,X(!0),P.current&&!e.paused&&e.pause())},[R,t]),Pe=i.useCallback(()=>{let e=t.current;if(!e||!N.current)return;let n=P.current&&R===`play`;if(N.current=!1,P.current=!1,!n){X(!1);return}e.play().then(()=>{L(`playing`),X(!1)}).catch(()=>{L(`waiting`),X(!1)})},[R,t]),Fe=i.useCallback(e=>{let n=Math.max(0,Math.min(1,e));t.current&&(t.current.volume=n),V(n)},[V,t]),Ie=i.useCallback(()=>{if(!(H||B===0))M.current=B,t.current&&(t.current.muted=!0),U(!0);else{let e=M.current>0?M.current:1;t.current&&(t.current.volume=e,t.current.muted=!1),V(e),U(!1)}},[H,B,U,V,t]),Le=i.useCallback(async()=>{e.current?.requestFullscreen&&await e.current.requestFullscreen()},[e]),Re=i.useCallback(async()=>{document.exitFullscreen&&await document.exitFullscreen()},[]),ze=i.useCallback(async()=>{Z?await Re():await Le()},[Z,Le,Re]),Be=i.useCallback(async()=>{t.current?.requestPictureInPicture&&await t.current.requestPictureInPicture()},[t]),Ve=i.useCallback(async()=>{document.pictureInPictureElement&&await document.exitPictureInPicture()},[]),He=i.useCallback(async()=>{ye?await Ve():await Be()},[ye,Be,Ve]),Ue=i.useCallback(e=>{t.current&&(t.current.playbackRate=e),te(e)},[te,t]),We=i.useCallback(e=>{if(t.current){for(let e=0;e<t.current.textTracks.length;e++){let n=t.current.textTracks[e];n&&(n.mode=`disabled`)}e&&(e.mode=`hidden`)}$(e),we([])},[t]),Ge=i.useCallback(e=>{Oe(e)},[]),Ke=i.useCallback(e=>{Se(t=>t.some(t=>t.id===e.id)?t:[...t,e])},[]),qe=i.useCallback(e=>{Se(t=>t.filter(t=>t.id!==e))},[]),Je=i.useCallback((e,t)=>{Se(n=>n.map(n=>n.id===e?{...n,textTrack:t}:n))},[]);i.useEffect(()=>{if(!Q){we([]);return}let e=()=>{let e=Q.activeCues;if(!e){we([]);return}let t=[];for(let n=0;n<e.length;n++){let r=e[n];r instanceof VTTCue&&t.push(r)}we(t)};return e(),Q.addEventListener(`cuechange`,e),()=>{Q.removeEventListener(`cuechange`,e)}},[Q]),i.useImperativeHandle(n,()=>({toggle:je,seek:Me,setVolume:Fe,toggleFullscreen:ze}),[je,Me,Fe,ze]);let Ye=i.useCallback(()=>{if(t.current){let e=t.current.currentTime;ue(e),b?.(e)}},[b,t]),Xe=i.useCallback(()=>{t.current&&de(t.current.duration)},[t]),Ze=i.useCallback(()=>{t.current&&pe(t.current.buffered)},[t]),Qe=i.useCallback(()=>{z(`play`),L(`playing`),d?.(!0)},[d]),$e=i.useCallback(()=>{N.current||I!==`ended`&&(L(`paused`),d?.(!1))},[I,d]),et=i.useCallback(()=>{z(`pause`),L(`ended`),d?.(!1),T?.()},[d,T]),tt=i.useCallback(()=>{N.current||(L(`waiting`),E?.())},[E]),nt=i.useCallback(()=>{if(N.current){ge(!0);return}if(I===`waiting`){let e=R===`play`?`playing`:`paused`;L(e),d?.(e===`playing`)}ge(!0)},[I,R,d]),rt=i.useCallback(()=>{X(!0),I===`ended`&&L(`paused`),D?.()},[I,D]),it=i.useCallback(()=>{if(X(!1),t.current){let{currentTime:e,duration:n}=t.current;n>0&&n-e<.01&&L(`ended`)}O?.()},[O,t]),at=i.useCallback(()=>{t.current&&(V(t.current.volume),U(t.current.muted))},[V,U,t]),ot=i.useCallback(()=>{t.current&&de(t.current.duration)},[t]),st=i.useCallback(()=>{K(),q()},[q,K]),ct=i.useMemo(()=>({playbackStatus:I,playbackIntent:R,playing:I===`playing`,paused:I===`paused`,ended:I===`ended`,waiting:I===`waiting`,seeking:_e,canPlay:he,currentTime:le,duration:J,buffered:fe,hoverTime:Y,hoverProgress:Y!==null&&J>0?Y/J*100:null,volume:B,muted:H,fullscreen:Z,pictureInPicture:ye,idle:ce,idleTimeout:x,preventIdleWhenPaused:S,registeredTracks:xe,activeTextTrack:Q,activeCues:Ce,playbackRate:ee,qualities:Te,activeQuality:De,videoRef:t,rootRef:e,play:ke,pause:Ae,toggle:je,seek:Me,setVolume:Fe,toggleMute:Ie,enterFullscreen:Le,exitFullscreen:Re,toggleFullscreen:ze,enterPictureInPicture:Be,exitPictureInPicture:Ve,togglePictureInPicture:He,setPlaybackRate:Ue,setTextTrack:We,setQuality:Ge,registerTrack:Ke,unregisterTrack:qe,updateTrackRef:Je,resetIdle:oe,setHoverTime:me,beginSeekInteraction:Ne,endSeekInteraction:Pe,_handlers:{onTimeUpdate:Ye,onDurationChange:Xe,onProgress:Ze,onPlay:Qe,onPause:$e,onEnded:et,onWaiting:tt,onCanPlay:nt,onSeeking:rt,onSeeked:it,onVolumeChange:at,onLoadedMetadata:ot,onVideoMount:st,onRootMouseLeave:se}}),[I,R,_e,he,le,J,fe,Y,B,H,Z,ye,ce,x,S,xe,Q,Ce,ee,Te,De,t,e,ke,Ae,je,Me,Fe,Ie,Le,Re,ze,Be,Ve,He,Ue,We,Ge,Ke,qe,Je,oe,Ne,Pe,Ye,Xe,Ze,Qe,$e,et,tt,nt,rt,it,at,ot,st,se]);return/* @__PURE__ */ o(h.Provider,{value:ct,children:j})}const ie=i.forwardRef(function(e,t){let{actionsRef:n,keyboardShortcuts:r=`focused`,defaultPlaying:a,autoPlay:s,defaultVolume:c,defaultMuted:l,defaultPlaybackRate:u,playing:d,onPlayingChange:f,volume:p,onVolumeChange:m,muted:h,onMutedChange:g,playbackRate:_,onPlaybackRateChange:v,currentTime:y,onCurrentTimeChange:b,idleTimeout:x,preventIdleWhenPaused:S,hideCursorWhenIdle:C=`fullscreen`,idle:w,onIdleChange:T,onEnded:E,onWaiting:D,onSeeking:O,onSeeked:k,onFullscreenChange:A,onPictureInPictureChange:j,children:M,...N}=e,P=i.useRef(null),F=i.useRef(null);return/* @__PURE__ */ o(G,{actionsRef:n,defaultPlaying:a,autoPlay:s,defaultVolume:c,defaultMuted:l,defaultPlaybackRate:u,playing:d,onPlayingChange:f,volume:p,onVolumeChange:m,muted:h,onMutedChange:g,playbackRate:_,onPlaybackRateChange:v,currentTime:y,onCurrentTimeChange:b,idleTimeout:x,preventIdleWhenPaused:S,idle:w,onIdleChange:T,onEnded:E,onWaiting:D,onSeeking:O,onSeeked:k,onFullscreenChange:A,onPictureInPictureChange:j,rootRef:P,videoRef:F,children:/* @__PURE__ */ o(ae,{ref:t,rootRef:P,keyboardShortcuts:r,hideCursorWhenIdle:C,...N,children:M})})}),ae=i.forwardRef(function({rootRef:e,keyboardShortcuts:t,hideCursorWhenIdle:n,children:a,className:c,style:l,...u},d){let f=_(),p=oe(d,e),m=i.useRef(null);W(e,t);let h=i.useCallback(e=>{let{clientX:t,clientY:n}=e,r=m.current;r&&r.x===t&&r.y===n||(m.current={x:t,y:n},f.resetIdle())},[f]),g=i.useCallback(e=>{let{clientX:t,clientY:n}=e,r=m.current;r&&r.x===t&&r.y===n||(m.current={x:t,y:n},f.resetIdle())},[f]),v=i.useCallback(()=>{f._handlers.onRootMouseLeave()},[f._handlers]),y=i.useCallback(()=>{f.resetIdle()},[f]),b=i.useCallback(()=>{f.resetIdle()},[f]),x=i.useCallback(e=>{e.key===`Tab`&&f.resetIdle()},[f]),S=r({onMouseMove:h,onMouseEnter:g,onMouseLeave:v,onClick:y,onFocus:b,onKeyDown:x},u),C={"data-playing":f.playing||void 0,"data-paused":f.paused||void 0,"data-ended":f.ended||void 0,"data-waiting":f.waiting||void 0,"data-seeking":f.seeking||void 0,"data-fullscreen":f.fullscreen||void 0,"data-pip":f.pictureInPicture||void 0,"data-muted":f.muted||void 0,"data-idle":f.idle||void 0},w=n!==!1&&f.idle&&(n===`always`||n===`fullscreen`&&f.fullscreen),T=i.useId();return/* @__PURE__ */ s(`div`,{...S,ref:p,tabIndex:t===`focused`?0:void 0,className:c,style:l,"data-video-player-scope":T,...C,children:[w&&/* @__PURE__ */ o(`style`,{children:`[data-video-player-scope="${T}"], [data-video-player-scope="${T}"] * { cursor: none !important; }`}),a]})});function oe(...e){return i.useCallback(t=>{for(let n of e)typeof n==`function`?n(t):n!=null&&(n.current=t)},e)}let se=/* @__PURE__ */ function(e){return e.progress=`--seek-progress`,e.buffered=`--seek-buffered`,e.currentTime=`--seek-current-time`,e.duration=`--seek-duration`,e.hoverProgress=`--seek-hover-progress`,e.hoverTime=`--seek-hover-time`,e}({}),ce=/* @__PURE__ */ function(e){return e.seeking=`data-seeking`,e.hovering=`data-hovering`,e.pressing=`data-pressing`,e.dragging=`data-dragging`,e}({}),K=/* @__PURE__ */ function(e){return e.open=`data-open`,e.closed=`data-closed`,e.startingStyle=`data-starting-style`,e.endingStyle=`data-ending-style`,e}({});const q=i.createContext(null);function le(e){let t=i.useContext(q);if(!t)throw Error(`${e} must be used within SeekSlider`);return t}function ue(e){return e===`ArrowRight`||e===`ArrowLeft`}const J=i.forwardRef(function(e,r){let{render:a,children:c,onPointerMove:l,onPointerLeave:d,onPointerDown:f,onKeyUp:p,onValueCommitted:m,style:h,..._}=e,v=g(`SeekSlider`),y=i.useRef(null),[b,x]=i.useState(null),[S,C]=i.useState(!1),[w,T]=i.useState(!1),E=i.useRef(!1);i.useEffect(()=>{if(!S)return;let e=()=>{C(!1),T(!1),E.current=!1,v.endSeekInteraction()};return window.addEventListener(`pointerup`,e),()=>window.removeEventListener(`pointerup`,e)},[S,v]);let D=v.duration>0?v.currentTime/v.duration*100:0,O=i.useCallback((e,t)=>{let n=typeof e==`number`?e:e[0];n!==void 0&&(t.reason===`keyboard`&&v.beginSeekInteraction(),v.seek(n),v.resetIdle(),E.current&&T(!0))},[v]),k=i.useCallback(e=>{if(l?.(e),!y.current||v.duration===0)return;let t=y.current.getBoundingClientRect(),n=e.clientX-t.left,r=Math.max(0,Math.min(1,n/t.width))*v.duration;v.setHoverTime(r)},[l,v]),A=i.useCallback(e=>{d?.(e),v.setHoverTime(null)},[d,v]),j=i.useCallback(e=>{f?.(e),C(!0),E.current=!0,v.beginSeekInteraction()},[f,v]),M=i.useCallback(e=>{p?.(e),ue(e.key)&&v.endSeekInteraction()},[p,v]),N=i.useCallback((e,t)=>{let n=typeof e==`number`?e:e[0];n!==void 0&&(m?.(n,t),C(!1),T(!1),E.current=!1,!(t.reason===`keyboard`&&ue(t.event.key))&&v.endSeekInteraction())},[m,v]),P=i.useMemo(()=>{if(!v.buffered||v.buffered.length===0)return 0;for(let e=0;e<v.buffered.length;e++)if(v.buffered.start(e)<=v.currentTime&&v.currentTime<=v.buffered.end(e))return v.buffered.end(e);return v.buffered.end(0)},[v.buffered,v.currentTime]),F=v.duration>0?P/v.duration*100:0;i.useLayoutEffect(()=>{typeof r==`function`?r(y.current):r&&(r.current=y.current)});let I={currentTime:v.currentTime,duration:v.duration,progress:D,seeking:v.seeking,pressing:S,dragging:w,hoverTime:v.hoverTime,hoverProgress:v.hoverProgress},L=v.hoverProgress!==null,R=v.hoverProgress??0,z=i.useMemo(()=>({sliderRef:y,previewThumbElement:b,setPreviewThumbElement:x,hoverProgress:R,open:L}),[y,b,x,R,L]),B=n(h,e=>({position:`relative`,"--seek-progress":`${D}%`,"--seek-buffered":`${F}%`,"--seek-current-time":v.currentTime,"--seek-duration":v.duration,"--seek-hover-progress":v.hoverProgress===null?void 0:`${v.hoverProgress}%`,"--seek-hover-time":v.hoverTime??void 0,...e})),V={"data-seeking":v.seeking||void 0,"data-hovering":v.hoverTime!==null||void 0,"data-pressing":S||void 0,"data-dragging":w||void 0};return a?/* @__PURE__ */ o(q.Provider,{value:z,children:/* @__PURE__ */ o(u.Root,{ref:y,min:0,max:v.duration||100,step:.1,value:v.currentTime,onValueChange:O,onValueCommitted:N,onPointerMove:k,onPointerLeave:A,onPointerDown:j,onKeyUp:M,"aria-label":`Seek`,..._,render:(e,n)=>{let r={...V,style:{...e.style,...t(B,n)}};return a({...e,...r},I)}})}):/* @__PURE__ */ o(q.Provider,{value:z,children:/* @__PURE__ */ o(u.Root,{ref:y,min:0,max:v.duration||100,step:.1,value:v.currentTime,onValueChange:O,onValueCommitted:N,onPointerMove:k,onPointerLeave:A,onPointerDown:j,onKeyUp:M,"aria-label":`Seek`,...V,..._,style:B,children:c??/* @__PURE__ */ o(u.Control,{children:/* @__PURE__ */ s(u.Track,{style:{position:`relative`},children:[/* @__PURE__ */ o(`div`,{style:{position:`absolute`,left:0,top:0,height:`100%`,width:`${F}%`}}),/* @__PURE__ */ o(u.Indicator,{}),/* @__PURE__ */ o(u.Thumb,{})]})})})})}),de=u.Control,fe=i.forwardRef(function(e,r){let{render:i,children:a,style:s,...c}=e,l={},d=n(s,e=>({position:`relative`,...e}));return i?/* @__PURE__ */ o(u.Track,{...c,render:(e,n)=>{let a={ref:r,style:t(d,n)??{}};return i({...e,...a},l)}}):/* @__PURE__ */ o(u.Track,{ref:r,style:d,...c,children:a})}),pe=i.forwardRef(function(e,r){let{render:i,children:a,style:s,...c}=e,l=g(`SeekSliderProgress`),d={progress:l.duration>0?l.currentTime/l.duration*100:0},f=n(s,e=>({height:`100%`,...e}));return i?/* @__PURE__ */ o(u.Indicator,{...c,render:(e,n)=>{let a={ref:r,style:{...e.style,...t(f,n)}};return i({...e,...a},d)}}):/* @__PURE__ */ o(u.Indicator,{ref:r,style:f,...c,children:a})}),Y=i.forwardRef(function(e,t){let{render:n,children:r,style:i,...a}=e,s={},c={ref:t,style:i??{}};return n?/* @__PURE__ */ o(u.Thumb,{...a,render:e=>n({...e,...c,style:{...e.style,...i}},s)}):/* @__PURE__ */ o(u.Thumb,{ref:t,style:i,...a,children:r})}),me=i.forwardRef(function(e,t){let{render:n,children:r,...a}=e,s=g(`SeekSliderBuffered`),c=i.useMemo(()=>{if(!s.buffered||s.buffered.length===0)return 0;for(let e=0;e<s.buffered.length;e++)if(s.buffered.start(e)<=s.currentTime&&s.currentTime<=s.buffered.end(e))return s.buffered.end(e);return s.buffered.end(0)},[s.buffered,s.currentTime]),l=s.duration>0?c/s.duration*100:0,u={bufferedPercentage:l},d={ref:t,style:{position:`absolute`,left:0,top:0,height:`100%`,width:`${l}%`,...a.style}};return n?n(d,u):/* @__PURE__ */ o(`div`,{...d,...a,children:r})}),he=i.forwardRef(function(e,t){let{keepMounted:n=!1,render:r,children:a,...s}=e,c=g(`SeekSliderPreviewThumb`),l=le(`SeekSliderPreviewThumb`),u=c.hoverProgress!==null,d=i.useRef(0);c.hoverProgress!==null&&(d.current=c.hoverProgress);let f=c.hoverProgress??d.current,{mounted:p,transitionStatus:m,elementRef:h}=E({open:u,keepMounted:n}),_=i.useCallback(e=>{h.current=e,l.setPreviewThumbElement(e),typeof t==`function`?t(e):t&&(t.current=e)},[t,h,l]),v={open:u,transitionStatus:m,hoverProgress:f},y={ref:_,style:{position:`absolute`,left:`${f}%`,transform:`translateX(-50%)`,pointerEvents:`none`,...s.style},"data-open":u||void 0,"data-closed":!u||void 0,"data-starting-style":m===`starting`||void 0,"data-ending-style":m===`ending`||void 0};return p?r?r(y,v):/* @__PURE__ */ o(`span`,{...y,...s,children:a}):null}),ge=i.forwardRef(function(e,t){let{render:n,children:r,style:i,...a}=e,s=g(`SeekSliderHover`),c=s.hoverProgress!==null,l=s.hoverProgress??0,u={hovering:c,hoverProgress:s.hoverProgress,hoverTime:s.hoverTime},d={ref:t,style:{position:`absolute`,left:0,top:0,height:`100%`,width:`${l}%`,pointerEvents:`none`,...i},"data-hovering":c||void 0};return n?n(d,u):/* @__PURE__ */ o(`div`,{...d,...a,children:r})});function _e({children:e,container:t}){let n=g(`SeekSliderPreviewTooltipPortal`),[r,a]=i.useState(!1);if(i.useEffect(()=>{a(!0)},[]),!r)return null;let o=t??n.rootRef.current??document.body;return c.createPortal(e,o)}const X=i.forwardRef(function(e,t){let{sideOffset:n=8,collisionPadding:r=0,collisionBoundary:a,keepMounted:s=!1,children:c,style:l,...u}=e,{previewThumbElement:h,open:g,hoverProgress:_}=le(`SeekSliderPreviewTooltipPositioner`),[v,y]=i.useState(null),{refs:b,floatingStyles:x,update:S}=m({placement:`top`,middleware:[f(n),p({boundary:a,padding:r})]});i.useLayoutEffect(()=>{h&&b.setReference(h)},[h,b]),i.useEffect(()=>{if(g&&h&&v)return d(h,v,S)},[g,h,v,S]),i.useLayoutEffect(()=>{g&&h&&v&&S()},[_,g,h,v,S]);let C=i.useCallback(e=>{b.setFloating(e),y(e),typeof t==`function`?t(e):t&&(t.current=e)},[b,t]);return(s||g)&&h?/* @__PURE__ */ o(`div`,{ref:C,style:{...x,...l},"data-seek-slider-preview-tooltip-positioner":!0,"data-open":g||void 0,"data-closed":!g||void 0,...u,children:c}):null}),Z=i.forwardRef(function(e,t){let{children:n,...r}=e;return/* @__PURE__ */ o(`div`,{ref:t,"data-seek-slider-preview-tooltip-popup":!0,...r,children:n})});function ve({sideOffset:e,collisionPadding:t,collisionBoundary:n,keepMounted:r,container:i,children:a,...s}){return/* @__PURE__ */ o(_e,{container:i,children:/* @__PURE__ */ o(X,{sideOffset:e,collisionPadding:t,collisionBoundary:n,keepMounted:r,children:/* @__PURE__ */ o(Z,{...s,children:a})})})}ve.Portal=_e,ve.Positioner=X,ve.Popup=Z;let ye=/* @__PURE__ */ function(e){return e.loading=`data-loading`,e.ready=`data-ready`,e.error=`data-error`,e}({});const be=i.forwardRef(function(e,t){let{time:n,crossOrigin:r=`anonymous`,render:a,children:s,width:c,height:l,...u}=e,d=g(`Thumbnail`),f=i.useRef(null),p=i.useRef(null),m=i.useRef(null),[h,_]=i.useState(`idle`),[v,y]=i.useState({width:160,height:90}),b=n===void 0?d.hoverTime:n,x=i.useMemo(()=>{let e=d.videoRef.current;return e?e.currentSrc||e.src:null},[d.videoRef]);i.useEffect(()=>{if(!x)return;let e=document.createElement(`video`);e.src=x,e.crossOrigin=r,e.preload=`metadata`,e.muted=!0,e.playsInline=!0;let t=()=>{y({width:e.videoWidth,height:e.videoHeight})},n=()=>{_(`error`)};return e.addEventListener(`loadedmetadata`,t),e.addEventListener(`error`,n),p.current=e,()=>{e.removeEventListener(`loadedmetadata`,t),e.removeEventListener(`error`,n),e.src=``,p.current=null}},[x,r]),i.useEffect(()=>{let e=p.current,t=f.current;if(!e||!t||b==null||m.current!==null&&Math.abs(m.current-b)<.1)return;_(`loading`);let n=()=>{let n=t.getContext(`2d`);if(n)try{n.drawImage(e,0,0,t.width,t.height),m.current=b,_(`ready`)}catch{_(`error`)}};return e.addEventListener(`seeked`,n,{once:!0}),e.currentTime=b,()=>{e.removeEventListener(`seeked`,n)}},[b]);let S=i.useCallback(e=>{f.current=e,typeof t==`function`?t(e):t&&(t.current=e)},[t]),C=v.width/v.height,w=c??160,T=l??Math.round(w/C);typeof w==`string`&&(w=160),typeof T==`string`&&(T=90);let E={loading:h===`loading`,ready:h===`ready`,error:h===`error`,time:b,videoWidth:v.width,videoHeight:v.height},D={ref:S,width:w,height:T,"data-loading":h===`loading`||void 0,"data-ready":h===`ready`||void 0,"data-error":h===`error`||void 0};return a?a(D,E):/* @__PURE__ */ o(`canvas`,{...D,...u,children:s})});let xe=/* @__PURE__ */ function(e){return e.hovering=`data-hovering`,e}({});const Se=i.forwardRef(function(e,t){let{format:n=`current / duration`,fixedWidth:r=!0,align:c=`left`,render:l,...u}=e,d=g(`TimeDisplay`),f=i.useRef(0);d.hoverTime!==null&&(f.current=d.hoverTime);let p=d.duration-d.currentTime,m=$(d.currentTime),h=$(d.duration),_=$(p),v=d.hoverTime===null?$(f.current):$(d.hoverTime),y={currentTime:d.currentTime,duration:d.duration,remaining:p,hoverTime:d.hoverTime,hovering:d.hoverTime!==null,formattedCurrent:m,formattedDuration:h,formattedRemaining:_,formattedHover:v},b=()=>{switch(n){case`current`:return m;case`duration`:return h;case`remaining`:return`-${_}`;case`current / duration`:return`${m} / ${h}`;case`current / remaining`:return`${m} / -${_}`;case`hover`:return v;default:return`${m} / ${h}`}},x=()=>{let e=Ce(d.duration);switch(n){case`current`:case`duration`:case`hover`:return e;case`remaining`:return`-${e}`;case`current / duration`:return`${e} / ${e}`;case`current / remaining`:return`${e} / -${e}`;default:return`${e} / ${e}`}},S={ref:t,style:{position:r?`relative`:void 0,userSelect:`none`,fontVariantNumeric:`tabular-nums`,...u.style},"data-hovering":y.hovering||void 0};return l?l(S,y):/* @__PURE__ */ o(`span`,{ref:t,"data-hovering":y.hovering||void 0,...u,style:{position:r?`relative`:void 0,userSelect:`none`,fontVariantNumeric:`tabular-nums`,...u.style},children:r?/* @__PURE__ */ s(a,{children:[/* @__PURE__ */ o(`span`,{"aria-hidden":!0,style:{visibility:`hidden`},children:x()}),/* @__PURE__ */ o(`span`,{style:Q(c),children:b()})]}):b()})});function Q(e){let t={position:`absolute`};switch(e){case`left`:return{...t,left:0};case`right`:return{...t,right:0};case`center`:return{...t,left:`50%`,transform:`translateX(-50%)`}}}function $(e){if(!Number.isFinite(e)||Number.isNaN(e))return`0:00`;let t=Math.floor(e/3600),n=Math.floor(e%3600/60),r=Math.floor(e%60);return t>0?`${t}:${n.toString().padStart(2,`0`)}:${r.toString().padStart(2,`0`)}`:`${n}:${r.toString().padStart(2,`0`)}`}function Ce(e){if(!Number.isFinite(e)||Number.isNaN(e)||e<=0)return`0:00`;let t=Math.floor(e/3600),n=Math.floor(e%3600/60);if(t>0){let e=String(t).length;return`${`0`.repeat(e)}:00:00`}let r=String(n).length;return`${`0`.repeat(r)}:00`}const we=i.forwardRef(function(e,t){let{kind:n=`captions`,src:r,label:a,srcLang:s,default:c,...l}=e,{registerTrack:u,unregisterTrack:d,updateTrackRef:f,setTextTrack:p}=g(`Track`),m=i.useRef(null),h=i.useId(),_=i.useCallback(e=>{typeof t==`function`?t(e):t&&(t.current=e),m.current=e},[t]);return i.useEffect(()=>(u({id:h,kind:n,label:a,srcLang:s,src:r,textTrack:null}),()=>{d(h)}),[h,n,a,s,r,u,d]),i.useEffect(()=>{let e=m.current;if(!e)return;let t=()=>{e.track&&(e.track.mode=`disabled`,f(h,e.track),c&&p(e.track))};return e.track&&t(),e.addEventListener(`load`,t),()=>{e.removeEventListener(`load`,t)}},[h,c,f,p]),/* @__PURE__ */ o(`track`,{ref:_,kind:n,src:r,label:a,srcLang:s,default:c,...l})}),Te=i.forwardRef(function(e,t){let{toggleOnClick:n=!0,...a}=e,s=g(`Video`),c=i.useRef(!1),l=i.useCallback(e=>{typeof t==`function`?t(e):t&&(t.current=e),s.videoRef.current=e,e&&!c.current&&(c.current=!0,s._handlers.onVideoMount(),e.readyState>=1&&e.duration&&(s._handlers.onLoadedMetadata(),s._handlers.onDurationChange()),e.readyState>=3&&s._handlers.onCanPlay())},[t,s.videoRef,s._handlers]),u={"data-playing":s.playing||void 0,"data-paused":s.paused||void 0,"data-ended":s.ended||void 0,"data-waiting":s.waiting||void 0,"data-seeking":s.seeking||void 0},d=r({ref:l,preload:`metadata`,...u,onClick(){n&&s.toggle()},onTimeUpdate:s._handlers.onTimeUpdate,onDurationChange:s._handlers.onDurationChange,onProgress:s._handlers.onProgress,onPlay:s._handlers.onPlay,onPause:s._handlers.onPause,onEnded:s._handlers.onEnded,onWaiting:s._handlers.onWaiting,onCanPlay:s._handlers.onCanPlay,onSeeking:s._handlers.onSeeking,onSeeked:s._handlers.onSeeked,onVolumeChange:s._handlers.onVolumeChange,onLoadedMetadata:s._handlers.onLoadedMetadata},a);return/* @__PURE__ */ o(`video`,{...d})});let Ee=/* @__PURE__ */ function(e){return e.volume=`--volume`,e.volumePercentage=`--volume-percentage`,e}({}),De=/* @__PURE__ */ function(e){return e.muted=`data-muted`,e.volume=`data-volume`,e.pressing=`data-pressing`,e.dragging=`data-dragging`,e}({});const Oe=i.forwardRef(function(e,r){let{render:a,children:c,onPointerDown:l,style:d,...f}=e,p=g(`VolumeSlider`),m=i.useRef(null),[h,_]=i.useState(!1),[v,y]=i.useState(!1),b=i.useRef(!1);i.useEffect(()=>{if(!h)return;let e=()=>{_(!1),y(!1),b.current=!1};return window.addEventListener(`pointerup`,e),()=>window.removeEventListener(`pointerup`,e)},[h]),i.useLayoutEffect(()=>{typeof r==`function`?r(m.current):r&&(r.current=m.current)});let x=p.volume*100,S={volume:p.volume,muted:p.muted,percentage:x,pressing:h,dragging:v},C=i.useCallback(e=>{let t=typeof e==`number`?e:e[0];if(t!==void 0){if(p.muted){let e=p.videoRef.current;e&&(e.muted=!1)}p.setVolume(t),p.resetIdle(),b.current&&y(!0)}},[p]),w=i.useCallback(e=>{l?.(e),_(!0),b.current=!0},[l]),T={"data-muted":p.muted||void 0,"data-volume":p.volume,"data-pressing":h||void 0,"data-dragging":v||void 0},E=n(d,e=>({position:`relative`,"--volume":p.volume,"--volume-percentage":`${x}%`,...e}));return a?/* @__PURE__ */ o(u.Root,{ref:m,min:0,max:1,step:.01,value:p.muted?0:p.volume,onValueChange:C,onPointerDown:w,"aria-label":`Volume`,...f,render:(e,n)=>{let r={...T,style:t(E,n)??{}};return a({...e,...r},S)}}):/* @__PURE__ */ o(u.Root,{ref:m,min:0,max:1,step:.01,value:p.muted?0:p.volume,onValueChange:C,onPointerDown:w,"aria-label":`Volume`,...T,...f,style:E,children:c??/* @__PURE__ */ o(u.Control,{children:/* @__PURE__ */ s(u.Track,{children:[/* @__PURE__ */ o(u.Indicator,{}),/* @__PURE__ */ o(u.Thumb,{})]})})})}),ke=u.Control,Ae=i.forwardRef(function(e,t){let{style:r,...i}=e,a=n(r,e=>({position:`relative`,...e}));return/* @__PURE__ */ o(u.Track,{ref:t,style:a,...i})}),je=i.forwardRef(function(e,t){return/* @__PURE__ */ o(u.Indicator,{ref:t,...e})}),Me=i.forwardRef(function(e,t){return/* @__PURE__ */ o(u.Thumb,{ref:t,...e})});var Ne=/* @__PURE__ */ e({BufferedIndicator:()=>v,Captions:()=>b,CaptionsButton:()=>x,CaptionsDataAttributes:()=>y,CaptionsMenu:()=>S,CaptionsMenuItem:()=>C,Controls:()=>D,ControlsDataAttributes:()=>w,FullscreenButton:()=>O,MuteButton:()=>k,Overlay:()=>j,OverlayDataAttributes:()=>A,PictureInPictureButton:()=>M,PlayButton:()=>N,PlaybackRateButton:()=>F,PlaybackRateMenu:()=>L,PlaybackRateMenuItem:()=>R,Portal:()=>z,Poster:()=>B,QualityMenu:()=>H,QualityMenuItem:()=>U,Root:()=>ie,RootDataAttributes:()=>ee,SeekSlider:()=>J,SeekSliderBuffered:()=>me,SeekSliderControl:()=>de,SeekSliderCssVars:()=>se,SeekSliderDataAttributes:()=>ce,SeekSliderHover:()=>ge,SeekSliderPreviewThumb:()=>he,SeekSliderPreviewThumbDataAttributes:()=>K,SeekSliderPreviewTooltip:()=>ve,SeekSliderPreviewTooltipPopup:()=>Z,SeekSliderPreviewTooltipPortal:()=>_e,SeekSliderPreviewTooltipPositioner:()=>X,SeekSliderProgress:()=>pe,SeekSliderThumb:()=>Y,SeekSliderTrack:()=>fe,Thumbnail:()=>be,ThumbnailDataAttributes:()=>ye,TimeDisplay:()=>Se,TimeDisplayDataAttributes:()=>xe,Track:()=>we,Video:()=>Te,VolumeSlider:()=>Oe,VolumeSliderControl:()=>ke,VolumeSliderCssVars:()=>Ee,VolumeSliderDataAttributes:()=>De,VolumeSliderRange:()=>je,VolumeSliderThumb:()=>Me,VolumeSliderTrack:()=>Ae,useTransitionStatus:()=>E,useVideoPlayer:()=>_});export{Ne as VideoPlayer,_ as useVideoPlayer};
 //# sourceMappingURL=index.js.map