1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="de3ca96b-6182-489e-9e96-9bfcb595631e",e._sentryDebugIdIdentifier="sentry-dbid-de3ca96b-6182-489e-9e96-9bfcb595631e")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8753],{8753:function(e,t,r){r.d(t,{J5:function(){return e8}});var n=r(57437),i=r(31023),o=r(2265);function s(e,t){if(t.length<2)throw Error(e+" must have at least 2 elements");for(let r of t){if("number"!=typeof r)throw Error(`${e} must contain only numbers`);if(!Number.isFinite(r))throw Error(`${e} must contain only finite numbers, but got [${t.join(",")}]`)}}"undefined"!=typeof window&&(window.remotion_renderReady=!1,window.remotion_delayRenderTimeouts||(window.remotion_delayRenderTimeouts={}),window.remotion_delayRenderHandles=[]);var a="remotion-date:",l="remotion-file:",u="[-+]?\\d*\\.?\\d+",d=u+"%";function c(...e){return"\\(\\s*("+e.join(")\\s*,\\s*(")+")\\s*\\)"}function h(e,t,r){return(r<0&&(r+=1),r>1&&(r-=1),r<1/6)?e+(t-e)*6*r:r<.5?t:r<2/3?e+(t-e)*(2/3-r)*6:e}function m(e,t,r){let n=r<.5?r*(1+t):r+t-r*t,i=2*r-n;return Math.round(255*h(i,n,e+1/3))<<24|Math.round(255*h(i,n,e))<<16|Math.round(255*h(i,n,e-1/3))<<8}function f(e){let t=Number.parseInt(e,10);return t<0?0:t>255?255:t}function p(e){return(Number.parseFloat(e)%360+360)%360/360}function g(e){let t=Number.parseFloat(e);return t<0?0:t>1?255:Math.round(255*t)}function b(e){let t=Number.parseFloat(e);return t<0?0:t>100?1:t/100}var w={transparent:0,aliceblue:4042850303,antiquewhite:4209760255,aqua:16777215,aquamarine:2147472639,azure:4043309055,beige:4126530815,bisque:4293182719,black:255,blanchedalmond:4293643775,blue:65535,blueviolet:2318131967,brown:2771004159,burlywood:3736635391,burntsienna:3934150143,cadetblue:1604231423,chartreuse:2147418367,chocolate:3530104575,coral:4286533887,cornflowerblue:1687547391,cornsilk:4294499583,crimson:3692313855,cyan:16777215,darkblue:35839,darkcyan:9145343,darkgoldenrod:3095792639,darkgray:2846468607,darkgreen:6553855,darkgrey:2846468607,darkkhaki:3182914559,darkmagenta:2332068863,darkolivegreen:1433087999,darkorange:4287365375,darkorchid:2570243327,darkred:2332033279,darksalmon:3918953215,darkseagreen:2411499519,darkslateblue:1211993087,darkslategray:793726975,darkslategrey:793726975,darkturquoise:13554175,darkviolet:2483082239,deeppink:4279538687,deepskyblue:12582911,dimgray:1768516095,dimgrey:1768516095,dodgerblue:512819199,firebrick:2988581631,floralwhite:4294635775,forestgreen:579543807,fuchsia:4278255615,gainsboro:3705462015,ghostwhite:4177068031,gold:4292280575,goldenrod:3668254975,gray:2155905279,green:8388863,greenyellow:2919182335,grey:2155905279,honeydew:4043305215,hotpink:4285117695,indianred:3445382399,indigo:1258324735,ivory:4294963455,khaki:4041641215,lavender:3873897215,lavenderblush:4293981695,lawngreen:2096890111,lemonchiffon:4294626815,lightblue:2916673279,lightcoral:4034953471,lightcyan:3774873599,lightgoldenrodyellow:4210742015,lightgray:3553874943,lightgreen:2431553791,lightgrey:3553874943,lightpink:4290167295,lightsalmon:4288707327,lightseagreen:548580095,lightskyblue:2278488831,lightslategray:2005441023,lightslategrey:2005441023,lightsteelblue:2965692159,lightyellow:4294959359,lime:16711935,limegreen:852308735,linen:4210091775,magenta:4278255615,maroon:2147483903,mediumaquamarine:1724754687,mediumblue:52735,mediumorchid:3126187007,mediumpurple:2473647103,mediumseagreen:1018393087,mediumslateblue:2070474495,mediumspringgreen:16423679,mediumturquoise:1221709055,mediumvioletred:3340076543,midnightblue:421097727,mintcream:4127193855,mistyrose:4293190143,moccasin:4293178879,navajowhite:4292783615,navy:33023,oldlace:4260751103,olive:2155872511,olivedrab:1804477439,orange:4289003775,orangered:4282712319,orchid:3664828159,palegoldenrod:4008225535,palegreen:2566625535,paleturquoise:2951671551,palevioletred:3681588223,papayawhip:4293907967,peachpuff:4292524543,peru:3448061951,pink:4290825215,plum:3718307327,powderblue:2967529215,purple:2147516671,rebeccapurple:1714657791,red:4278190335,rosybrown:3163525119,royalblue:1097458175,saddlebrown:2336560127,salmon:4202722047,sandybrown:4104413439,seagreen:780883967,seashell:4294307583,sienna:2689740287,silver:3233857791,skyblue:2278484991,slateblue:1784335871,slategray:1887473919,slategrey:1887473919,snow:4294638335,springgreen:16744447,steelblue:1182971135,tan:3535047935,teal:8421631,thistle:3636451583,tomato:4284696575,turquoise:1088475391,violet:4001558271,wheat:4125012991,white:4294967295,whitesmoke:4126537215,yellow:4294902015,yellowgreen:2597139199},y=["h264","h265","vp8","vp9","mp3","aac","wav","prores","h264-mkv","h264-ts","gif"],v=e=>"undefined"==typeof window||e.startsWith("http://")||e.startsWith("https://")||e.startsWith("file://")||e.startsWith("blob:")||e.startsWith("data:")?e:ne
1w URL(e,window.origin).href,x=function(e,t,r){if("number"!=typeof e)throw Error(`"fps" must be a number, but you passed a value of type ${typeof e} ${t}`);if(!Number.isFinite(e))throw Error(`"fps" must be a finite, but you passed ${e} ${t}`);if(isNaN(e))throw Error(`"fps" must not be NaN, but got ${e} ${t}`);if(e<=0)throw TypeError(`"fps" must be positive, but got ${e} ${t}`);if(r&&e>50)throw TypeError("The FPS for a GIF cannot be higher than 50. Use the --every-nth-frame option to lower the FPS: https://remotion.dev/docs/render-as-gif")},E=function(e,t){let{allowFloats:r,component:n}=t;if(void 0===e)throw Error(`The "durationInFrames" prop ${n} is missing.`);if("number"!=typeof e)throw Error(`The "durationInFrames" prop ${n} must be a number, but you passed a value of type ${typeof e}`);if(e<=0)throw TypeError(`The "durationInFrames" prop ${n} must be positive, but got ${e}.`);if(!r&&e%1!=0)throw TypeError(`The "durationInFrames" prop ${n} must be an integer, but got ${e}.`);if(!Number.isFinite(e))throw TypeError(`The "durationInFrames" prop ${n} must be finite, but got ${e}.`)},k=(e,t,r)=>{if(e){if("object"!=typeof e)throw Error(`"${t}" must be an object, but you passed a value of type ${typeof e}`);if(Array.isArray(e))throw Error(`"${t}" must be an object, an array was passed ${r?`for composition "${r}"`:""}`)}},C=()=>(0,n.jsx)("svg",{width:25,height:25,viewBox:"0 0 25 25",fill:"none",children:(0,n.jsx)("path",{d:"M8 6.375C7.40904 8.17576 7.06921 10.2486 7.01438 12.3871C6.95955 14.5255 7.19163 16.6547 7.6875 18.5625C9.95364 18.2995 12.116 17.6164 14.009 16.5655C15.902 15.5147 17.4755 14.124 18.6088 12.5C17.5158 10.8949 15.9949 9.51103 14.1585 8.45082C12.3222 7.3906 10.2174 6.68116 8 6.375Z",fill:"white",stroke:"white",strokeWidth:"6.25",strokeLinejoin:"round"})}),S=()=>(0,n.jsxs)("svg",{viewBox:"0 0 100 100",width:25,height:25,children:[(0,n.jsx)("rect",{x:"25",y:"20",width:"20",height:"60",fill:"#fff",ry:"5",rx:"5"}),(0,n.jsx)("rect",{x:"55",y:"20",width:"20",height:"60",fill:"#fff",ry:"5",rx:"5"})]}),P=e=>{let{isFullscreen:t}=e,r=t?0:3,i=t?9.600000000000001:3,o=t?9.600000000000001:12;return(0,n.jsxs)("svg",{viewBox:"0 0 32 32",height:16,width:16,children:[(0,n.jsx)("path",{d:` 2 M ${r} ${o} 3 L ${i} ${i} 4 L ${o} ${r} 5 `,stroke:"#fff",strokeWidth:6,fill:"none"}),(0,n.jsx)("path",{d:` 6 M ${32-r} ${o} 7 L ${32-i} ${i} 8 L ${32-o} ${r} 9 `,stroke:"#fff",strokeWidth:6,fill:"none"}),(0,n.jsx)("path",{d:` 10 M ${r} ${32-o} 11 L ${i} ${32-i} 12 L ${o} ${32-r} 13 `,stroke:"#fff",strokeWidth:6,fill:"none"}),(0,n.jsx)("path",{d:` 14 M ${32-r} ${32-o} 15 L ${32-i} ${32-i} 16 L ${32-o} ${32-r} 17 `,stroke:"#fff",strokeWidth:6,fill:"none"})]})},j=()=>(0,n.jsx)("svg",{width:25,height:25,viewBox:"0 0 24 24",children:(0,n.jsx)("path",{d:"M3.63 3.63a.996.996 0 000 1.41L7.29 8.7 7 9H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34a.996.996 0 101.41-1.41L5.05 3.63c-.39-.39-1.02-.39-1.42 0zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4
17-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85C17.18 6.54 19 9.06 19 12zm-8.71-6.29l-.17.17L12 7.76V6.41c0-.89-1.08-1.33-1.71-.7zM16.5 12A4.5 4.5 0 0014 7.97v1.79l2.48 2.48c.01-.08.02-.16.02-.24z",fill:"#fff"})}),T=()=>(0,n.jsx)("svg",{width:25,height:25,viewBox:"0 0 24 24",children:(0,n.jsx)("path",{d:"M3 10v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.41c0-.89-1.08-1.34-1.71-.71L7 9H4c-.55 0-1 .45-1 1zm13.5 2A4.5 4.5 0 0014 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 4.45v.2c0 .38.25.71.6.85C17.18 6.53 19 9.06 19 12s-1.82 5.47-4.4 6.5c-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85C18.6 19.11 21 15.84 21 12s-2.4-7.11-5.79-8.4c-.58-.23-1.21.22-1.21.85z",fill:"#fff"})}),$="__remotion_buffering_indicator",M="__remotion_buffering_animation",F={width:25,height:25,overflow:"hidden",lineHeight:"normal",fontSize:"inherit"},R={width:14,height:14,overflow:"hidden",lineHeight:"normal",fontSize:"inherit"},L=e=>{let{type:t}=e,r="player"===t?F:R;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{type:"text/css",children:` 18 @keyframes ${M} { 19 0% { 20 rotate: 0deg; 21 } 22 100% { 23 rotate: 360deg; 24 } 25 } 26 27 .${$} { 28 animation: ${M} 1s linear infinite; 29 } 30 `}),(0,n.jsx)("div",{style:r,children:(0,n.jsx)("svg",{viewBox:"player"===t?"0 0 22 22":"0 0 18 18",style:r,className:$,children:(0,n.jsx)("path",{d:"player"===t?"M 11 4 A 7 7 0 0 1 15.1145 16.66312":"M 9 2 A 7 7 0 0 1 13.1145 14.66312",stroke:"white",strokeLinecap:"round",fill:"none",strokeWidth:3})})})]})},N=e=>{let{currentSize:t,width:r,height:n,compositionWidth:i,compositionHeight:o}=e;return void 0!==r&&void 0===n||void 0!==n&&void 0===r?{aspectRatio:[i,o].join("/")}:{width:i,height:o}},I=e=>{let{previewSize:t,compositionWidth:r,compositionHeight:n,canvasSize:o}=e,s=i.wQ.calculateScale({canvasSize:o,compositionHeight:n,compositionWidth:r,previewSize:t}),a=0-(1-s)/2,l=a*r,u=a*n,d=r*s,c=n*s;return{centerX:o.width/2-d/2,centerY:o.height/2-c/2,xCorrection:l,yCorrection:u,scale:s}},A=e=>{let{config:t,style:r,canvasSize:n,overflowVisible:i,layout:o}=e;return t?{position:"relative",overflow:i?"visible":"hidden",...N({compositionHeight:t.height,compositionWidth:t.width,currentSize:n,height:r?.height,width:r?.width}),opacity:o?1:0,...r}:{}},Q=e=>{let{config:t,layout:r,scale:n,overflowVisible:i}=e;return t?r?{position:"absolute",width:t.width,height:t.height,display:"flex",transform:`scale(${n})`,marginLeft:r.xCorrection,marginTop:r.yCorrection,overflow:i?"visible":"hidden"}:{position:"absolute",width:t.width,height:t.height,display:"flex",transform:`scale(${n})`,overflow:i?"visible":"hidden"}:{}},z=e=>{let{layout:t,scale:r,config:n,overflowVisible:i}=e;if(!n)return{};if(!t)return{width:n.width*r,height:n.height*r,display:"flex",flexDirection:"column",position:"absolute",overflow:i?"visible":"hidden"};let{centerX:o,centerY:s}=t;return{width:n.width*r,height:n.height*r,display:"flex",flexDirection:"column",position:"absolute",left:o,top:s,overflow:i?"visible":"hidden"}},W=o.createContext(void 0),H=o.createContext(void 0);class B{addEventListener(e,t){this.listeners[e].push(t)}removeEventListener(e,t){this.listeners[e]=this.listeners[e].filter(e=>e!==t)}dispatchEvent(e,t){this.listeners[e].forEach(e=>{e({detail:t})})}constructor(){this.listeners={ended:[],error:[],pause:[],play:[],ratechange:[],scalechange:[],seeked:[],timeupdate:[],frameupdate:[],fullscreenchange:[],volumechange:[],mutechange:[],waiting:[],resume:[]},this.dispatchSeek=e=>{this.dispatchEvent("seeked",{frame:e})},this.dispatchVolumeChange=e=>{this.dispatchEvent("volumechange",{volume:e})},this.dispatchPause=()=>{this.dispatchEvent("pause",void 0)},this.dispatchPlay=()=>{this.dispatchEvent("play",void 0)},this.dispatchEnded=()=>{this.dispatchEvent("ended",void 0)},this.dispatchRateChange=e=>{this.dispatchEvent("ratechange",{playbackRate:e})},this.dispatchScaleChange=e=>{this.dispatchEvent("scalechange",{scale:e})},this.dispatchError=e=>{this.dispatchEvent("error",{error:e})},this.dispatchTimeUpdate=e=>{this.dispatchEvent("timeupdate",e)},this.dispatchFrameUpdate=e=>{this.dispatchEvent("frameupdate",e)},this.dispatchFullscreenChange=e=>{this.dispatchEvent("fullscreenchange",e)},this.dispatchMuteChange=e=>{this.dispatchEvent("mutechange",e)},this.dispatchWaiting=e=>{this.dispatchEvent("waiting",e)},this.dispatchResume=e=>{this.dispatchEvent("resume",e)}}}class D{addEventListener(e,t){this.listeners[e].push(t)}removeEventListener(e,t){this.listeners[e]=this.listeners[e].filter(e=>e!==t)}
30dispatchEvent(e,t){this.listeners[e].forEach(e=>{e({detail:t})})}constructor(){this.listeners={error:[],waiting:[],resume:[]},this.dispatchError=e=>{this.dispatchEvent("error",{error:e})},this.dispatchWaiting=e=>{this.dispatchEvent("waiting",e)},this.dispatchResume=e=>{this.dispatchEvent("resume",e)}}}var V=e=>{let t=(0,o.useContext)(i.wQ.BufferingContextReact);if(!t)throw Error("BufferingContextReact not found");(0,o.useLayoutEffect)(()=>{let r=t.listenForBuffering(()=>{t.buffering.current=!0,e.dispatchWaiting({})}),n=t.listenForResume(()=>{t.buffering.current=!1,e.dispatchResume({})});return()=>{r.remove(),n.remove()}},[t,e])},_=e=>{let{children:t,currentPlaybackRate:r}=e,[s]=(0,o.useState)(()=>new B);if(!(0,o.useContext)(i.wQ.BufferingContextReact))throw Error("BufferingContextReact not found");return(0,o.useEffect)(()=>{r&&s.dispatchRateChange(r)},[s,r]),V(s),(0,n.jsx)(W.Provider,{value:s,children:t})},O=(e,t)=>{let[r,n]=(0,o.useState)(!1);return(0,o.useEffect)(()=>{let r;let{current:i}=e;if(!i)return;let o=()=>{t&&(clearTimeout(r),r=setTimeout(()=>{n(!1)},!0===t?3e3:t))},s=()=>{n(!0),o()},a=()=>{n(!1),clearTimeout(r)},l=()=>{n(!0),o()};return i.addEventListener("mouseenter",s),i.addEventListener("mouseleave",a),i.addEventListener("mousemove",l),()=>{i.removeEventListener("mouseenter",s),i.removeEventListener("mouseleave",a),i.removeEventListener("mousemove",l),clearTimeout(r)}},[t,e]),r},U=()=>{let[e,t,r]=i.wQ.Timeline.usePlayingState(),[n,s]=(0,o.useState)(!1),a=i.wQ.Timeline.useTimelinePosition(),l=(0,o.useRef)(a),u=i.wQ.Timeline.useTimelineSetFrame(),d=i.wQ.Timeline.useTimelineSetFrame(),c=(0,o.useContext)(i.wQ.SharedAudioContext),{audioAndVideoTags:h}=i.wQ.useTimelineContext(),m=(0,o.useRef)(a);m.current=a;let f=i.wQ.useVideo(),p=i.wQ.useUnsafeVideoConfig(),g=(0,o.useContext)(W),b=(p?.durationInFrames??1)-1,w=a===b,y=0===a;if(!g)throw TypeError("Expected Player event emitter context");let v=(0,o.useContext)(i.wQ.BufferingContextReact);if(!v)throw Error("Missing the buffering context. Most likely you have a Remotion version mismatch.");let{buffering:x}=v,E=(0,o.useCallback)(e=>{f?.id&&d(t=>({...t,[f.id]:e})),m.current=e,g.dispatchSeek(e)},[g,d,f?.id]),k=(0,o.useCallback)(e=>{r.current||(s(!0),w&&E(0),c?.audioContext?.resume(),c&&c.numberOfAudioTags>0&&e&&c.playAllAudios(),h.current.forEach(e=>e.play("player play() was called and playing audio from a click")),r.current=!0,t(!0),l.current=m.current,g.dispatchPlay())},[r,w,c,t,g,E,h]),C=(0,o.useCallback)(()=>{r.current&&(r.current=!1,t(!1),g.dispatchPause(),c?.audioContext?.suspend())},[g,r,t,c]),S=(0,o.useCallback)(()=>{r.current&&(r.current=!1,m.current=l.current,p&&(d(e=>({...e,[p.id]:l.current})),t(!1),g.dispatchPause()))},[p,g,r,t,d]),P=f?.id,j=(0,o.useCallback)(e=>{if(!P)return null;r.current||u(t=>{let r=t[P]??window.remotion_initialFrame??0,n=Math.max(0,r-e);return r===n?t:{...t,[P]:n}})},[r,u,P]),T=(0,o.useCallback)(e=>{if(!P)return null;r.current||u(t=>{let r=t[P]??window.remotion_initialFrame??0,n=Math.min(b,r+e);return r===n?t:{...t,[P]:n}})},[P,r,b,u]),$=(0,o.useCallback)(e=>{r.current?C():k(e)}
30,[r,C,k]),M=(0,o.useCallback)(()=>r.current,[r]),F=(0,o.useCallback)(()=>m.current,[m]),R=(0,o.useCallback)(()=>x.current,[x]);return(0,o.useMemo)(()=>({frameBack:j,frameForward:T,isLastFrame:w,emitter:g,playing:e,play:k,pause:C,seek:E,isFirstFrame:y,getCurrentFrame:F,isPlaying:M,isBuffering:R,pauseAndReturnToPlayStart:S,hasPlayed:n,toggle:$}),[g,j,T,n,y,w,F,C,S,k,e,E,$,M,R])},q=e=>{let{browserMediaControlsBehavior:t,videoConfig:r,playbackRate:n}=e,{playing:i,pause:s,play:a,emitter:l,getCurrentFrame:u,seek:d}=U(),c=(0,o.useRef)(!1);(0,o.useEffect)(()=>{i&&(c.current=!0)},[i]),(0,o.useEffect)(()=>{navigator.mediaSession&&"do-nothing"!==t.mode&&(i?navigator.mediaSession.playbackState="playing":c.current&&(navigator.mediaSession.playbackState="paused"))},[t.mode,i]),(0,o.useEffect)(()=>{if(!navigator.mediaSession||"do-nothing"===t.mode)return;let e=()=>{r&&navigator.mediaSession&&navigator.mediaSession.setPositionState({duration:r.durationInFrames/r.fps,playbackRate:n,position:u()/r.fps})};return l.addEventListener("timeupdate",e),()=>{l.removeEventListener("timeupdate",e)}},[t.mode,l,u,n,r]),(0,o.useEffect)(()=>{if(navigator.mediaSession&&"do-nothing"!==t.mode)return navigator.mediaSession.setActionHandler("play",()=>{"register-media-session"===t.mode&&a()}),navigator.mediaSession.setActionHandler("pause",()=>{"register-media-session"===t.mode&&s()}),navigator.mediaSession.setActionHandler("seekto",e=>{"register-media-session"===t.mode&&void 0!==e.seekTime&&r&&d(Math.round(e.seekTime*r.fps))}),navigator.mediaSession.setActionHandler("seekbackward",()=>{"register-media-session"===t.mode&&r&&d(Math.max(0,Math.round((u()-10)*r.fps)))}),navigator.mediaSession.setActionHandler("seekforward",()=>{"register-media-session"===t.mode&&r&&d(Math.max(r.durationInFrames-1,Math.round((u()+10)*r.fps)))}),navigator.mediaSession.setActionHandler("previoustrack",()=>{"register-media-session"===t.mode&&d(0)}),()=>{navigator.mediaSession.metadata=null,navigator.mediaSession.setActionHandler("play",null),navigator.mediaSession.setActionHandler("pause",null),navigator.mediaSession.setActionHandler("seekto",null),navigator.mediaSession.setActionHandler("seekbackward",null),navigator.mediaSession.setActionHandler("seekforward",null),navigator.mediaSession.setActionHandler("previoustrack",null)}},[t.mode,u,s,a,d,r])},J=e=>{let{time:t,currentFrame:r,playbackSpeed:n,fps:i,actualLastFrame:o,actualFirstFrame:s,framesAdvanced:a,shouldLoop:l}=e,u=(n<0?Math.ceil:Math.floor)(t*n/(1e3/i))-a,d=u+r,c=d>o||d<s,h=!l&&c&&!(r>o||r<s);return n>0?c?{nextFrame:s,framesToAdvance:u,hasEnded:h}:{nextFrame:d,framesToAdvance:u,hasEnded:h}:c?{nextFrame:o,framesToAdvance:u,hasEnded:h}:{nextFrame:d,framesToAdvance:u,hasEnded:h}},X=()=>"undefined"!=typeof document&&"hidden"===document.visibilityState,Y=()=>{let e=(0,o.useRef)(X());return(0,o.useEffect)(()=>{let t=()=>{e.current=X()};return document.addEventListener("visibilitychange",t),()=>{document.removeEventListener("visibilitychange",t)}},[]),e},K=e=>{let{loop:t,playbackRate:r,moveToBeginningWhenEnded:n,inFrame:s,outFrame:a,browserMediaControlsBehavior:l,getCurrentFrame:u}=e,d=i.wQ.useUnsafeVideoConfig(),c=i.wQ.Timeline.useTimelinePosition(),{playing:h,pause:m,emitter:f,isPlaying:p}=U(),g=i.wQ.Timeline.useTimelineSetFrame(),b=Y(),w=(0,o.useRef)(null),y=(0,o.useContext)(i.wQ.BufferingContextReact);if(!y)throw Error("Missing the buffering context. Most likely you have a Remotion version mismatch.");q({browserMediaControlsBehavior:l,playbackRate:r,videoConfig:d}),(0,o.useEffect)(()=>{if(!d||!h)return;let e=!1,i=null,o=performance.now(),l=0,c=()=>{null!==i&&("raf"===i.type?cancelAnimationFrame(i.id):clearTimeout(i.id))},w=()=>{e=!0,c()},v=()=>{if(e||!p())return;let i=performance.now()-o,c=a??d.durationInFrames-1,{nextFrame:h,framesToAdvance:b,hasEnded:y}=J({time:i,currentFrame:u(),playbackSpeed:r,fps:d.fps,actualFirstFrame:s??0,actualLastFrame:c,framesAdvanced:l,shouldLoop:t});if(l+=b,h!==u()&&(!y||n)&&g(e=>({...e,[d.id]:h})),y){w(),m(),f.dispatchEnded();return}x()},x=()=>{if(y.buffering.current){let e=y.listenForResume(()=>{e.remove(),o=performance.now(),l=0,x()});return}if(b.current){i={type:"timeout",id:setTimeout(v,1e3/d.fps)};return}i={type:"raf",id:requestAnimationFrame(v)}};x();let E=()=>{"visible"!==document.visibilityState&&(c(),v())};return window.addEventListener("visibilitychange",E),()=>{window.removeEventListener("visibilitychange",E),w()}},[d,t,m,h,g,f,r,s,a,n,b,u,y,p]),(0,o.useEffect)(()=>{let e=setInterval(()=>{w.current!==u()&&(f.dispatchTimeUpdate({frame:u()}),w.current=u())},250);return()=>clearInterval(e)},[f,u]),(0,o.useEffect)(()=>{f.dispatchFrameUpdate({frame:c})},[f,c])},G=[],Z=(e,t)=>{let[r,n]=(0,o.useState)(()=>
30{if(!e.current)return null;let t=e.current.getClientRects();return t[0]?{width:t[0].width,height:t[0].height,left:t[0].x,top:t[0].y,windowSize:{height:window.innerHeight,width:window.innerWidth}}:null}),i=(0,o.useMemo)(()=>"undefined"==typeof ResizeObserver?null:new ResizeObserver(e=>{let{contentRect:r,target:i}=e[0],o=i.getClientRects();if(!o?.[0]){n(null);return}let s=0===r.width?1:o[0].width/r.width,a=t.shouldApplyCssTransforms||0===s?o[0].width:o[0].width*(1/s),l=t.shouldApplyCssTransforms||0===s?o[0].height:o[0].height*(1/s);n(e=>e&&e.width===a&&e.height===l&&e.left===o[0].x&&e.top===o[0].y&&e.windowSize.height===window.innerHeight&&e.windowSize.width===window.innerWidth?e:{width:a,height:l,left:o[0].x,top:o[0].y,windowSize:{height:window.innerHeight,width:window.innerWidth}})}),[t.shouldApplyCssTransforms]),s=(0,o.useCallback)(()=>{if(!e.current)return;let t=e.current.getClientRects();if(!t[0]){n(null);return}n(e=>e&&e.width===t[0].width&&e.height===t[0].height&&e.left===t[0].x&&e.top===t[0].y&&e.windowSize.height===window.innerHeight&&e.windowSize.width===window.innerWidth?e:{width:t[0].width,height:t[0].height,left:t[0].x,top:t[0].y,windowSize:{height:window.innerHeight,width:window.innerWidth}})},[e]);return(0,o.useEffect)(()=>{if(!i)return;let{current:t}=e;return t&&i.observe(t),()=>{t&&i.unobserve(t)}},[i,e,s]),(0,o.useEffect)(()=>{if(t.triggerOnWindowResize)return window.addEventListener("resize",s),()=>{window.removeEventListener("resize",s)}},[t.triggerOnWindowResize,s]),(0,o.useEffect)(()=>(G.push(s),()=>{G=G.filter(e=>e!==s)}),[s]),(0,o.useMemo)(()=>r?{...r,refresh:s}:null,[r,s])},ee=e=>e??"__remotion-player",et={display:"flex",justifyContent:"center",alignItems:"center",flex:1,height:"100%",width:"100%"};class er extends o.Component{static getDerivedStateFromError(e){return{hasError:e}}componentDidCatch(e){this.props.onError(e)}render(){return this.state.hasError?(0,n.jsx)("div",{style:et,children:this.props.errorFallback({error:this.state.hasError})}):this.props.children}constructor(...e){super(...e),this.state={hasError:null}}}var en=async()=>{if("undefined"==typeof window||void 0===window.crypto||void 0===window.crypto.subtle)return null;try{let e=await crypto.subtle.digest("SHA-256",new TextEncoder().encode(window.location.hostname));return Array.from(new Uint8Array(e)).map(e=>e.toString(16).padStart(2,"0")).join("")}catch{return null}},ei={backgroundColor:"red",position:"absolute",padding:12,fontFamily:"Arial"},eo=["28d262b44cc61fa750f1686b16ad0604dabfe193fbc263eec05c89b7ad4c2cd6","4db1b0a94be33165dfefcb3ba03d04c7a2666dd27c496d3dc9fa41858e94925e","fbc48530bbf245da790f63675e84e06bab38c3b114fab07eb350025119922bdc","7baf10a8932757b1b3a22b3fce10a048747ac2f8eaf638603487e3705b07eb83","8a6c21a598d8c667272b5207c051b85997bf5b45d5fb712378be3f27cd72c6a6","a2f7aaac9c50a9255e7fc376110c4e0bfe153722dc66ed3c5d3bf2a135f65518"],es=!1,ea=()=>{let[e,t]=o.useState(!1);return((0,o.useEffect)(()=>{es||(es=!0,en().then(e=>{e&&eo.includes(e)&&t(!0)}).catch(()=>{}))},[]),(0,o.useEffect)(()=>{if(!e)return;let t=()=>{if(!document.querySelector(".warning-banner")){let e=document.createElement("div");e.className="warning-banner",Object.assign(e.style,ei,{zIndex:"9999",cssText:`${ei.cssText} !important;`}),e.innerHTML=` 31 <a href="https://github.com/remotion-dev/remotion/pull/4589" style="color: white;"> 32 Remotion Unlicensed â Contact [email protected] 33 </a> 34 `,document.body.appendChild(e)}},r=new MutationObserver(()=>t());return r.observe(document.body,{childList:!0,subtree:!0}),()=>{r.disconnect()}},[e]),e)?(0,n.jsx)("div",{style:ei,className:"warning-banner",children:(0,n.jsx)("a",{style:{color:"white"},href:"https://github.com/remotion-dev/remotion/pull/4589",children:"Remotion Unlicensed â Contact [email protected]"})}):null},el=e=>{let{playing:t,buffering:r}=e;return t&&r?(0,n.jsx)(L,{type:"player"}):t?(0,n.jsx)(S,{}):(0,n.jsx)(C,{})},eu=e=>{let{volume:t,isVertical:r,onBlur:s,inputRef:a,setVolume:l}=e,u=(0,o.useMemo)(()=>{let e={paddingLeft:5,height:25,width:ec,display:"inline-flex",alignItems:"center"};return r?{...e,position:"absolute",transform:`rotate(-90deg) translateX(${ec/2+12.5}px)`}:{...e}},[r]),d=void 0===o.useId?"volume-slider":o.useId(),[c]=(0,o.useState)(()=>`__remotion-volume-slider-${(0,i.MX)(d)}`.replace(".","")),h=(0,o.useCallback)(e=>{l(parseFloat(e.target.value))},[l]),m=(0,o.useMemo)(()=>{let e={WebkitAppearance:"none",backgroundColor:"rgba(255, 255, 255, 0.5)",borderRadius:2.5,cursor:"pointer",height:5,width:ec,backgroundImage:`linear-gradient( 35 to right, 36 white ${100*t}%, rgba(255, 255, 255, 0) ${100*t}% 37 )`};return r?{...e,bottom:25+ec/2}:e},[r,t]),f=` 38 .${c}::-webkit-slider-thumb { 39 -webkit-appearance: none; 40 background-color: white; 41 border-radius: 6px; 42 box-shadow: 0 0 2px black; 43 height: 12px; 44 width: 12px; 45 } 46 47 .${c}::-moz-range-thumb { 48 -webkit-appearance: none; 49 background-color: white; 50 border-radius: 6px; 51 box-shadow: 0 0 2px black; 52 height: 12px; 53 width: 12px; 54 } 55`;return(0,n.jsxs)("div",{style:u,children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:f}}),(0,n.jsx)("input",{ref:a,"aria-label":"Change volume",className:c,max:1,min:0,onBlur:s,onChange:h,step:.01,type:"range",value:t,style:m})]})},ed=e=>(0,n.jsx)(eu,{...e}),ec=100,eh=e=>{let{displayVerticalVolumeSlider:t,renderMuteButton:r,renderVolumeSlider:s}=e,[a,l]=i.wQ.useMediaMutedState(),[u,d]=i.wQ.useMediaVolumeState(),[c,h]=(0,o.useState)(!1),m=(0,o.useRef)(null),f=(0,o.useRef)(null),p=O(m,!1),g=(0,o.useCallback)(()=>{setTimeout(()=>{f.current&&document.activeElement!==f.current&&h(!1)},10)},[]),b=0===u,w=(0,o.useCallback)(()=>
55{if(b){d(1),l(!1);return}l(e=>!e)},[b,l,d]),y=(0,o.useMemo)(()=>({display:"inline-flex",background:"none",border:"none",justifyContent:"center",alignItems:"center",touchAction:"none",...t&&{position:"relative"}}),[t]),v=(0,o.useMemo)(()=>({display:"inline",width:25,height:25,cursor:"pointer",appearance:"none",background:"none",border:"none",padding:0}),[]),x=(0,o.useCallback)(e=>{let{muted:t,volume:r}=e,i=t||0===r;return(0,n.jsx)("button",{"aria-label":i?"Unmute sound":"Mute sound",title:i?"Unmute sound":"Mute sound",onClick:w,onBlur:g,onFocus:()=>h(!0),style:v,type:"button",children:i?(0,n.jsx)(j,{}):(0,n.jsx)(T,{})})},[g,w,v]),E=(0,o.useMemo)(()=>r?r({muted:a,volume:u}):x({muted:a,volume:u}),[a,u,x,r]),k=(0,o.useMemo)(()=>(c||p)&&!a&&!i.wQ.isIosSafari()?(s??ed)({isVertical:t,volume:u,onBlur:()=>h(!1),inputRef:f,setVolume:d}):null,[t,c,p,a,u,s,d]);return(0,n.jsxs)("div",{ref:m,style:y,children:[E,k]})},em={height:30,paddingRight:15,paddingLeft:12,display:"flex",flexDirection:"row",alignItems:"center"},ef={width:22,display:"flex",alignItems:"center"},ep={width:14,height:14,color:"black"},eg=()=>(0,n.jsx)("svg",{viewBox:"0 0 512 512",style:ep,children:(0,n.jsx)("path",{fill:"currentColor",d:"M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z"})}),eb=e=>{let t=e.toString();return t.includes(".")?t:t+".0"},ew=e=>{let{rate:t,onSelect:r,selectedRate:i,keyboardSelectedRate:s}=e,a=(0,o.useCallback)(e=>{e.stopPropagation(),e.preventDefault(),r(t)},[r,t]),[l,u]=(0,o.useState)(!1),d=(0,o.useCallback)(()=>{u(!0)},[]),c=(0,o.useCallback)(()=>{u(!1)},[]),h=s===t,m=(0,o.useMemo)(()=>({...em,backgroundColor:l||h?"#eee":"transparent"}),[l,h]);return(0,n.jsxs)("div",{onPointerEnter:d,onPointerLeave:c,tabIndex:0,style:m,onClick:a,children:[(0,n.jsx)("div",{style:ef,children:t===i?(0,n.jsx)(eg,{}):null}),eb(t),"x"]},t)},ey=e=>{let{setIsComponentVisible:t,playbackRates:r,canvasSize:s}=e,{setPlaybackRate:a,playbackRate:l}=i.wQ.useTimelineContext(),[u,d]=(0,o.useState)(l);(0,o.useEffect)(()=>{let e=e=>{if(e.preventDefault(),"ArrowUp"===e.key){let e=r.findIndex(e=>e===u);0!==e&&(-1===e?d(r[0]):d(r[e-1]))}else if("ArrowDown"===e.key){let e=r.findIndex(e=>e===u);if(e===r.length-1)return;-1===e?d(r[r.length-1]):d(r[e+1])}else"Enter"===e.key&&(a(u),t(!1))};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[r,u,a,t]);let c=(0,o.useCallback)(e=>{a(e),t(!1)},[t,a]),h=(0,o.useMemo)(()=>({position:"absolute",right:0,width:125,maxHeight:s.height-70-35,bottom:35,background:"#fff",borderRadius:4,overflow:"auto",color:"black",textAlign:"left"}),[s.height]);return(0,n.jsx)("div",{style:h,children:r.map(e=>(0,n.jsx)(ew,{selectedRate:l,onSelect:c,rate:e,keyboardSelectedRate:u},e))})},ev={fontSize:13,fontWeight:"bold",color:"white",border:"2px solid white",borderRadius:20,paddingLeft:8,paddingRight:8,paddingTop:2,paddingBottom:2},ex={appearance:"none",backgroundColor:"transparent",border:"none",cursor:"pointer",paddingLeft:0,paddingRight:0,paddingTop:6,paddingBottom:6,height:37,display:"inline-flex",marginBottom:0,marginTop:0,alignItems:"center"},eE={...ex,position:"relative"},ek=e=>{let{playbackRates:t,canvasSize:r}=e,{ref:s,isComponentVisible:a,setIsComponentVisible:l}=function(e){let[t,r]=(0,o.useState)(e),n=(0,o.useRef)(null);return(0,o.useEffect)(()=>{let e=e=>{n.current&&!n.current.contains(e.target)&&r(!1)};return document.addEventListener("pointerup",e,!0),()=>{document.removeEventListener("pointerup",e,!0)}},[]),{ref:n,isComponentVisible:t,setIsComponentVisible:r}}(!1),{playbackRate:u}=i.wQ.useTimelineContext(),d=(0,o.useCallback)(e=>{e.stopPropagation(),e.preventDefault(),l(e=>!e)},[l]);return(0,n.jsx)("div",{ref:s,children:(0,n.jsxs)("button",{type:"button","aria-label":"Change playback rate",style:eE,onClick:d,children:[(0,n.jsxs)("div",{style:ev,children:[u,"x"]}),a&&(0,n.jsx)(ey,{canvasSize:r,playbackRates:t,setIsComponentVisible:l})]})})},eC=(e,t,r)=>
55Math.round((0,i.sX)(e,[0,r],[0,t-1],{extrapolateLeft:"clamp",extrapolateRight:"clamp"})),eS={userSelect:"none",WebkitUserSelect:"none",paddingTop:4,paddingBottom:4,boxSizing:"border-box",cursor:"pointer",position:"relative",touchAction:"none"},eP={height:5,backgroundColor:"rgba(255, 255, 255, 0.25)",width:"100%",borderRadius:2.5},ej=e=>{let t=e;for(;t.parentElement;)t=t.parentElement;return t},eT=e=>{let{durationInFrames:t,onSeekEnd:r,onSeekStart:s,inFrame:a,outFrame:l}=e,u=(0,o.useRef)(null),d=O(u,!1),c=Z(u,{triggerOnWindowResize:!0,shouldApplyCssTransforms:!0}),{seek:h,play:m,pause:f,playing:p}=U(),g=i.wQ.Timeline.useTimelinePosition(),[b,w]=(0,o.useState)({dragging:!1}),y=c?.width??0,v=(0,o.useCallback)(e=>{if(0!==e.button)return;let r=u.current?.getBoundingClientRect().left,n=eC(e.clientX-r,t,y);f(),h(n),w({dragging:!0,wasPlaying:p}),s()},[t,y,f,h,p,s]),x=(0,o.useCallback)(e=>{if(!c)throw Error("Player has no size");if(!b.dragging)return;let r=u.current?.getBoundingClientRect().left;h(eC(e.clientX-r,t,c.width))},[b.dragging,t,h,c]),E=(0,o.useCallback)(()=>{w({dragging:!1}),b.dragging&&(b.wasPlaying?m():f(),r())},[b,r,f,m]);(0,o.useEffect)(()=>{if(!b.dragging)return;let e=ej(u.current);return e.addEventListener("pointermove",x),e.addEventListener("pointerup",E),()=>{e.removeEventListener("pointermove",x),e.removeEventListener("pointerup",E)}},[b.dragging,x,E]);let k=(0,o.useMemo)(()=>({height:12,width:12,borderRadius:6,position:"absolute",top:.5,backgroundColor:"white",left:Math.max(0,g/Math.max(1,t-1)*y-6),boxShadow:"0 0 2px black",opacity:Number(d||b.dragging)}),[d,b.dragging,t,g,y]),C=(0,o.useMemo)(()=>({height:5,backgroundColor:"rgba(255, 255, 255, 1)",width:(g-(a??0))/(t-1)*y,marginLeft:(a??0)/(t-1)*y,borderRadius:2.5}),[t,g,a,y]),S=(0,o.useMemo)(()=>({height:5,backgroundColor:"rgba(255, 255, 255, 0.25)",width:((l??t-1)-(a??0))/(t-1)*100+"%",marginLeft:(a??0)/(t-1)*100+"%",borderRadius:2.5,position:"absolute"}),[t,a,l]);return(0,n.jsxs)("div",{ref:u,onPointerDown:v,style:eS,children:[(0,n.jsxs)("div",{style:eP,children:[(0,n.jsx)("div",{style:S}),(0,n.jsx)("div",{style:C})]}),(0,n.jsx)("div",{style:k})]})},e$=e=>{let t=Math.floor(e/60);return`${String(t)}:${String(Math.floor(e-60*t)).padStart(2,"0")}`},eM=e=>{let{durationInFrames:t,maxTimeLabelWidth:r,fps:s}=e,a=i.wQ.Timeline.useTimelinePosition(),l=(0,o.useMemo)(()=>({color:"white",fontFamily:"sans-serif",fontSize:14,maxWidth:null===r?void 0:r,overflow:"hidden",textOverflow:"ellipsis"}),[r]);return(0,n.jsxs)("div",{style:l,children:[e$((a===t-1?a+1:a)/s)," / ",e$(t/s)]})},eF=e=>{let{allowFullscreen:t,playerWidth:r}=e;return(0,o.useMemo)(()=>{let e=50+(t?16:0)+24+20,n=Math.max(r-e,0),i=n-ec,o=r<(i<ec?n:i)+e+ec;return{maxTimeLabelWidth:0===n?null:n,displayVerticalVolumeSlider:o}},[t,r])},eR=[0,8.1,15.5,22.5,29,35.3,41.2,47.1,52.9,58.8,64.7,71,77.5,84.5,91.9],eL=1/.7,eN={boxSizing:"border-box",position:"absolute",bottom:0,width:"100%",paddingTop:40,paddingBottom:10,backgroundImage:`linear-gradient(to bottom,${[0,.013,.049,.104,.175,.259,.352,.45,.55,.648,.741,.825,.896,.951,.987].map((e,t)=>`hsla(0, 0%, 0%, ${e}) ${eR[t]*eL}%`).join(", ")}, hsl(0, 0%, 0%) 100%)`,backgroundSize:"auto 145px",display:"flex",paddingRight:12,paddingLeft:12,flexDirection:"column",transition:"opacity 0.3s"},eI={display:"flex",flexDirection:"row",width:"100%",alignItems:"center",justifyContent:"center",userSelect:"none",WebkitUserSelect:"none"},eA={display:"flex",flexDirection:"row",userSelect:"none",WebkitUserSelect:"none",alignItems:"center"},eQ={width:12},ez={height:8},eW={flex:1},eH={},eB=e=>{let{durationInFrames:t,isFullscreen:r,fps:i,showVolumeControls:s,onFullscreenButtonClick:a,allowFullscreen:l,onExitFullscreenButtonClick:u,spaceKeyToPlayOrPause:d,onSeekEnd:c,onSeekStart:h,inFrame:m,outFrame:f,initiallyShowControls:p,canvasSize:g,renderPlayPauseButton:b,renderFullscreenButton:w,alwaysShowControls:y,showPlaybackRateControl:v,containerRef:x,buffering:E,hideControlsWhenPointerDoesntMove:k,onPointerDown:C,onDoubleClick:S,renderMuteButton:j,renderVolumeSlider:T,playing:$,toggle:M,renderCustomControls:F}=e,R=(0,o.useRef)(null),[L,N]=(0,o.useState)(!1),I=O(x,k),{maxTimeLabelWidth:A,dis
55playVerticalVolumeSlider:Q}=eF({allowFullscreen:l,playerWidth:g?.width??0}),[z,W]=(0,o.useState)(()=>{if("boolean"==typeof p)return p;if("number"==typeof p){if(p%1!=0)throw Error("initiallyShowControls must be an integer or a boolean");if(Number.isNaN(p))throw Error("initiallyShowControls must not be NaN");if(!Number.isFinite(p))throw Error("initiallyShowControls must be finite");if(p<=0)throw Error("initiallyShowControls must be a positive integer");return p}throw TypeError("initiallyShowControls must be a number or a boolean")}),H=(0,o.useMemo)(()=>{let e=I||!$||z||y;return{...eN,opacity:Number(e)}},[I,z,$,y]);(0,o.useEffect)(()=>{R.current&&d&&R.current.focus({preventScroll:!0})},[$,d]),(0,o.useEffect)(()=>{N(("undefined"!=typeof document&&(document.fullscreenEnabled||document.webkitFullscreenEnabled))??!1)},[]),(0,o.useEffect)(()=>{if(!1===z)return;let e=setTimeout(()=>{W(!1)},!0===z?2e3:z);return()=>{clearInterval(e)}},[z]);let B=(0,o.useMemo)(()=>{if(!0===v)return[.5,.8,1,1.2,1.5,1.8,2,2.5,3];if(Array.isArray(v)){for(let e of v){if("number"!=typeof e)throw Error("Every item in showPlaybackRateControl must be a number");if(e<=0)throw Error("Every item in showPlaybackRateControl must be positive")}return v}return null},[v]),D=F?F():null,V=(0,o.useRef)(null),_=(0,o.useRef)(null),U=(0,o.useCallback)(e=>{(e.target===V.current||e.target===_.current)&&C?.(e)},[C]),q=(0,o.useCallback)(e=>{(e.target===V.current||e.target===_.current)&&S?.(e)},[S]);return(0,n.jsxs)("div",{ref:V,style:H,onPointerDown:U,onDoubleClick:q,children:[(0,n.jsxs)("div",{ref:_,style:eI,children:[(0,n.jsxs)("div",{style:eA,children:[(0,n.jsx)("button",{ref:R,type:"button",style:ex,onClick:M,"aria-label":$?"Pause video":"Play video",title:$?"Pause video":"Play video",children:null===b?(0,n.jsx)(el,{buffering:E,playing:$}):b({playing:$,isBuffering:E})??(0,n.jsx)(el,{buffering:E,playing:$})}),s?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{style:eQ}),(0,n.jsx)(eh,{renderMuteButton:j,renderVolumeSlider:T,displayVerticalVolumeSlider:Q})]}):null,(0,n.jsx)("div",{style:eQ}),(0,n.jsx)(eM,{durationInFrames:t,fps:i,maxTimeLabelWidth:A}),(0,n.jsx)("div",{style:eQ})]}),(0,n.jsx)("div",{style:eW}),D,D&&B&&g?(0,n.jsx)("div",{style:eQ}):null,B&&g&&(0,n.jsx)(ek,{canvasSize:g,playbackRates:B}),B&&L&&l?(0,n.jsx)("div",{style:eQ}):null,(0,n.jsx)("div",{style:eH,children:L&&l?(0,n.jsx)("button",{type:"button","aria-label":r?"Exit fullscreen":"Enter Fullscreen",title:r?"Exit fullscreen":"Enter Fullscreen",style:ex,onClick:r?u:a,children:null===w?(0,n.jsx)(P,{isFullscreen:r}):w({isFullscreen:r})}):null})]}),(0,n.jsx)("div",{style:ez}),(0,n.jsx)(eT,{onSeekEnd:c,onSeekStart:h,durationInFrames:t,inFrame:m,outFrame:f})]})},eD="undefined"==typeof document,eV=e=>{let t=!1;return{promise:new Promise((r,n)=>{e.then(e=>{if(t){n({isCanceled:t,value:e});return}r(e)}).catch(e=>{n({isCanceled:t,error:e})})}),cancel:()=>{t=!0}}},e_=e=>new Promise(t=>setTimeout(t,e)),eO=()=>{let e=(0,o.useRef)([]),t=(0,o.useCallback)(t=>{e.current=[...e.current,t]},[]),r=(0,o.useCallback)(t=>{e.current=e.current.filter(e=>e!==t)},[]),n=(0,o.useCallback)(()=>e.current.map(e=>e.cancel()),[]);return(0,o.useMemo)(()=>({appendPendingPromise:t,removePendingPromise:r,clearPendingPromises:n}),[t,n,r])},eU=(e,t,r)=>{let n=eO(),i=(0,o.useCallback)(async t=>{if(t instanceof PointerEvent?"touch"===t.pointerType:"touch"===t.nativeEvent.pointerType){e(t);return}n.clearPendingPromises();let r=eV(e_(200));n.appendPendingPromise(r);try{await r.promise,n.removePendingPromise(r),e(t)}catch(e){if(n.removePendingPromise(r),!e.isCanceled)throw e.error}},[n,e]),s=(0,o.useCallback)(()=>{document.addEventListener("pointerup",e=>{i(e)},{once:!0})},[i]),a=(0,o.useCallback)(()=>{n.clearPendingPromises(),t()},[n,t]);return(0,o.useMemo)(()=>r?{handlePointerDown:s,handleDoubleClick:a}:{handlePointerDown:e,handleDoubleClick:()=>{}},[r,a,s,e])},eq=o.version.split(".")[0];if("0"===eq)throw Error(`Version ${eq} of "react" is not supported by Remotion`);var eJ=parseInt(eq,10)>=18,eX=(0,o.forwardRef)((e,t)=>{let{controls:r,style:s,loop:a,autoPlay:l,allowFullscreen:u,inputProps:d,clickToPlay:c,showVolumeControls:h,doubleClickToFullscreen:m,spaceKeyToPlayOrPause:f,errorFallback:p,playbackRate:g,renderLoading:b,renderPoster:w,className:y,moveToBeginningWhenEnded:v,showPosterWhenUnplayed:x,showPosterWhenEnded:E,showPosterWhenPaused:k,showPosterWhenBuffering:C,showPosterWhenBufferingAndPaused:S,inFrame:P,outFrame:j,initiallyShowControls:T,renderFullscreen:$,renderPlayPauseButton:M,renderMuteButton:F,renderVolumeSlider:R,renderCustomControls:L,alwaysShowControls:N,showPlaybackRateControl:W,posterFillMode:H,bufferStateDelayInMilliseconds:B,hideControlsWhenPointerDoesntMove:D,overflowVisible:V,browserMediaControl
55sBehavior:_,overrideInternalClassName:O,noSuspense:q}=e,J=i.wQ.useUnsafeVideoConfig(),X=i.wQ.useVideo(),Y=(0,o.useRef)(null),G=Z(Y,{triggerOnWindowResize:!1,shouldApplyCssTransforms:!1}),[et,en]=(0,o.useState)(!1),[ei,eo]=(0,o.useState)(l),[es,el]=(0,o.useState)(()=>!1),[eu,ed]=(0,o.useState)(!1),ec=(0,o.useMemo)(()=>"undefined"!=typeof document&&!!(document.fullscreenEnabled||document.webkitFullscreenEnabled),[]),eh=U(),em=eh.toggle;K({loop:a,playbackRate:g,moveToBeginningWhenEnded:v,inFrame:P,outFrame:j,getCurrentFrame:eh.getCurrentFrame,browserMediaControlsBehavior:_}),(0,o.useEffect)(()=>{et&&!eh.playing&&(en(!1),eh.play())},[et,eh]),(0,o.useEffect)(()=>{let{current:e}=Y;if(!e)return;let t=()=>{el(document.fullscreenElement===e||document.webkitFullscreenElement===e)};return document.addEventListener("fullscreenchange",t),document.addEventListener("webkitfullscreenchange",t),()=>{document.removeEventListener("fullscreenchange",t),document.removeEventListener("webkitfullscreenchange",t)}},[]);let ef=(0,o.useCallback)(e=>{em(e)},[em]),ep=(0,o.useCallback)(()=>{if(!u)throw Error("allowFullscreen is false");if(!ec)throw Error("Browser doesnt support fullscreen");if(!Y.current)throw Error("No player ref found");Y.current.webkitRequestFullScreen?Y.current.webkitRequestFullScreen():Y.current.requestFullscreen()},[u,ec]),eg=(0,o.useCallback)(()=>{document.webkitExitFullscreen?document.webkitExitFullscreen():document.exitFullscreen()},[]);(0,o.useEffect)(()=>{let{current:e}=Y;if(!e)return;let t=()=>{let e=document.webkitFullscreenElement??document.fullscreenElement;e&&e===Y.current?eh.emitter.dispatchFullscreenChange({isFullscreen:!0}):eh.emitter.dispatchFullscreenChange({isFullscreen:!1})};return e.addEventListener("webkitfullscreenchange",t),e.addEventListener("fullscreenchange",t),()=>{e.removeEventListener("webkitfullscreenchange",t),e.removeEventListener("fullscreenchange",t)}},[eh.emitter]);let eb=J?.durationInFrames??1,ew=(0,o.useMemo)(()=>J&&G?I({canvasSize:G,compositionHeight:J.height,compositionWidth:J.width,previewSize:"auto"}):null,[G,J]),ey=ew?.scale??1,ev=(0,o.useRef)(!1);(0,o.useEffect)(()=>{if(!ev.current){ev.current=!0;return}eh.emitter.dispatchScaleChange(ey)},[eh.emitter,ey]);let{setMediaVolume:ex,setMediaMuted:eE}=(0,o.useContext)(i.wQ.SetMediaVolumeContext),{mediaMuted:ek,mediaVolume:eC}=(0,o.useContext)(i.wQ.MediaVolumeContext);(0,o.useEffect)(()=>{eh.emitter.dispatchVolumeChange(eC)},[eh.emitter,eC]);let eS=ek||0===eC;(0,o.useEffect)(()=>{eh.emitter.dispatchMuteChange({isMuted:eS})},[eh.emitter,eS]);let[eP,ej]=(0,o.useState)(!1);(0,o.useEffect)(()=>{let e=null,t=!1,r=()=>{t=!1,requestAnimationFrame(()=>{0===B?ej(!0):e=setTimeout(()=>{t||ej(!0)},B)})},n=()=>{requestAnimationFrame(()=>{t=!0,ej(!1),e&&clearTimeout(e)})};return eh.emitter.addEventListener("waiting",r),eh.emitter.addEventListener("resume",n),()=>{eh.emitter.removeEventListener("waiting",r),eh.emitter.removeEventListener("resume",n),ej(!1),e&&clearTimeout(e),t=!0}},[B,eh.emitter]),(0,o.useImperativeHandle)(t,()=>{let e={play:eh.play,pause:()=>{en(!1),eh.pause()},toggle:ef,getContainerNode:()=>Y.current,getCurrentFrame:eh.getCurrentFrame,isPlaying:eh.isPlaying,seekTo:e=>{let t=eb-1,r=Math.max(0,Math.min(t,e));eh.isPlaying()&&(en(r!==t||a),eh.pause()),r!==t||a||eh.emitter.dispatchEnded(),eh.seek(r)},isFullscreen:()=>{let{current:e}=Y;return!!e&&(document.fullscreenElement===e||document.webkitFullscreenElement===e)},requestFullscreen:ep,exitFullscreen:eg,getVolume:()=>ek?0:eC,setVolume:e=>{if("number"!=typeof e)throw TypeError(`setVolume() takes a number, got value of type ${typeof e}`);if(isNaN(e))throw TypeError("setVolume() got a number that is NaN. Volume must be between 0 and 1.");if(e<0||e>1)throw TypeError(`setVolume() got a number that is out of range. Must be between 0 and 1, got ${e}`);ex(e)},isMuted:()=>eS,mute:()=>{eE(!0)},unmute:()=>{eE(!1)},getScale:()=>ey,pauseAndReturnToPlayStart:()=>{eh.pauseAndReturnToPlayStart()}};return Object.assign(eh.emitter,e)},[eb,eg,a,ek,eS,eC,eh,ep,eE,ex,ef,ey]);let eT=X?X.component:null,e$=(0,o.useMemo)(()=>A({canvasSize:G,config:J,style:s,overflowVisible:V,layout:ew}),[G,J,ew,V,s]),eM=(0,o.useMemo)(()=>z({config:J,layout:ew,scale:ey,overflowVisible:V}),[J,ew,V,ey]),eF=(0,o.useMemo)(()=>Q({config:J,layout:ew,scale:ey,overflowVisible:V}),[J,ew,V,ey]),eR=eh.pause,eL=eh.emitter.dispatchError,eN=(0,o.useCallback)(e=>{eR(),eL(e)},[eL,eR]),eI=(0,o.useCallback)(e=>{e.stopPropagation(),ep()},[ep]),eA=(0,o.useCallback)(e=>{e.stopPropagation(),eg()},[eg]),eQ=(0,o.useCallback)(e=>{(e instanceof MouseEvent?2===e.button:e.nativeEvent.button)||ef(e)},[ef]),ez=(0,o.useCallback)(()=>{ed(!0)},[]),eW=(0,o.useCallback)(()=>{ed(!1)},[]),{handlePointerDown:eH,handleDoubleClick:eV}=eU(eQ,(0,o.useCallback)(()=>{es?eg():ep()},[eg,es,ep]),m&&u&&ec);(0,o.useEffect)(()=>{ei&&(eh.play(),eo(!1))},[ei,eh]);let e_=(0,o.useMemo)(()=>b?b({height:e$.height,width:e$.width,isBuffering:eP}):null,[e$.height,e$.width,b,eP]),eO=(0,o.useMemo)(()=>({type:"scale",scale:ey}),[ey]);if(!J)return null;let eq=w?w({height:"player-size"===H?e$.height:J.height,width:"player-size"===H?e$.width:J.width,isBuffering:eP}):null;if(void 0===eq)throw TypeError("renderPoster() must return a React element, but undefined was returned");let eX=eq&&[k&&!eh.isPlaying()&&!eu,E&&eh.isLastFrame&&!eh.isPlaying(),x&&!eh.hasPlayed&&!eh.isPlaying(),C&&eP&&eh.isPlaying(),S&&eP&&!eh.isPlaying()].some(Boolean),{left:eY,top:eK,width:eG,height:eZ,...e0}=eM,e1=(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{style:eM,onPointerDown:c?eH:void 0,onDoubleClick:m?eV:void 0,children:[(0,n.jsxs)("div",{style:eF,className:ee(O),children:[eT?(0,n.jsx)(er,{onError:eN,errorFallback:p,children:(0,n.jsx)(i.wQ.CurrentScaleContext.Provider,{value:eO,children:(0,n.jsx)(eT,{...X?.props??{},...d??{}})})}):null,eX&&"composition-size"===H?(0,n.jsx)("div",{style:{...e0,width:J.width,height:J.height},onPointerDown:c?eH:void 0,onDoubleClick:m?eV:void 0,children:eq}):null]}),(0,n.jsx)(ea,{})]}),eX&&"player-size"===H?(0,n.jsx)("div",{style:eM,onPointerDown:c?eH:void 0,onDoubleClick:m?eV:void 0,children:eq}):null,r?(0,n.jsx)(eB,{fps:J.fps,playing:eh.playing,toggle:eh.toggle,durationInFrames:J.durationInFrames,containerRef:Y,onFullscreenButtonClick:eI,isFullscreen:es,allowFullscreen:u,showVolumeControls:h,onExitFullscreenButtonClick:eA,spaceKeyToPlayOrPause:f,onSeekEnd:eW,onSeekStart:ez,inFrame:P,outFrame:j,initiallyShowControls:T,canvasSize:G,renderFullscreenButton:$,renderPlayPauseButton:M,alwaysShowControls:N,showPlaybackRateControl:W,buffering:eP,hideControlsWhenPointerDoesntMove:D,onDoubleClick:m?eV:void 0,onPointerDown:c?eH:void 0,renderMuteButton:F,renderVolumeSlider:R,renderCustomControls:L}):null]});return q||eD&&!eJ?(0,n.jsx)("div",{ref:Y,style:e$,className:y,children:e1}):(0,n.jsx)("div",{ref:Y,style:e$,className:y,children:(0,n.jsx)(o.Suspense,{fallback:e_,children:e1})})}),eY="remotion.volumePreference",eK=(e,t,r)=>{if("undefined"!=typeof window)try{window.localStorage.setItem(r??eY,String(e))}catch(e){i.wQ.Log.error({logLevel:t,tag:null},"Could not persist volume",e)}},eG=e=>{if("undefined"==typeof window)return 1;try{let t=window.localStorage.getItem(e??eY);return t?Number(t):1}catch{return 1}},eZ="player-comp",e0=e=>{let{children:t,timelineContext:r,fps:s,compositionHeight:a,compositionWidth:l,durationInFrames:u,component:d,numberOfSharedAudioTags:c,initiallyMuted:h,logLevel:m,audioLatencyHint:f,volumePersistenceKey:p,inputProps:g,audioEnabled:b}=e,w=(0,o.useMemo)(()=>({compositions:[{component:d,durationInFrames:u,height:a,width:l,fps:s,id:eZ,nonce:[[0,777]],folderName:null,parentFolder
55Name:null,schema:null,calculateMetadata:null}],folders:[],currentCompositionMetadata:{defaultCodec:null,defaultOutName:null,defaultPixelFormat:null,defaultProResProfile:null,defaultVideoImageFormat:null,durationInFrames:u,fps:s,height:a,width:l,props:g},canvasContent:{type:"composition",compositionId:"player-comp"}}),[d,u,a,l,s,g]),[y,v]=(0,o.useState)(()=>h),[x,E]=(0,o.useState)(()=>eG(p??null)),k=(0,o.useMemo)(()=>({mediaMuted:y,mediaVolume:x}),[y,x]),C=(0,o.useCallback)(e=>{E(e),eK(e,m,p??null)},[m,p]),S=(0,o.useMemo)(()=>({setMediaMuted:v,setMediaVolume:C}),[C]),P=(0,o.useMemo)(()=>({logLevel:m,mountTime:Date.now()}),[m]),j=(0,o.useMemo)(()=>({isPlayer:!0,isRendering:!1,isStudio:!1,isClientSideRendering:!1,isReadOnlyStudio:!1}),[]);return(0,n.jsx)(i.wQ.RemotionEnvironmentContext.Provider,{value:j,children:(0,n.jsx)(i.wQ.LogLevelContext.Provider,{value:P,children:(0,n.jsx)(i.wQ.CanUseRemotionHooksProvider,{children:(0,n.jsx)(i.wQ.AbsoluteTimeContext.Provider,{value:r,children:(0,n.jsx)(i.wQ.TimelineContext.Provider,{value:r,children:(0,n.jsx)(i.wQ.CompositionManager.Provider,{value:w,children:(0,n.jsx)(i.wQ.PrefetchProvider,{children:(0,n.jsx)(i.wQ.DurationsContextProvider,{children:(0,n.jsx)(i.wQ.MediaVolumeContext.Provider,{value:k,children:(0,n.jsx)(i.wQ.SetMediaVolumeContext.Provider,{value:S,children:(0,n.jsx)(i.wQ.SharedAudioContextProvider,{numberOfAudioTags:c,audioLatencyHint:f,audioEnabled:b,children:(0,n.jsx)(i.wQ.BufferingProvider,{children:t})})})})})})})})})})})})},e1=!1,e2=(e,t)=>{e||e1||(e1=!0,i.wQ.Log.warn({logLevel:t,tag:null},"Note: Some companies are required to obtain a license to use Remotion. See: https://remotion.dev/license\nPass the `acknowledgeRemotionLicense` prop to `<Player />` function to make this message disappear."))},e5=(e,t)=>{if(null==e)return e??null;if("number"!=typeof e)throw TypeError(`"${t}" must be a number, but is ${JSON.stringify(e)}`);if(Number.isNaN(e))throw TypeError(`"${t}" must not be NaN, but is ${JSON.stringify(e)}`);if(!Number.isFinite(e))throw TypeError(`"${t}" must be finite, but is ${JSON.stringify(e)}`);if(e%1!=0)throw TypeError(`"${t}" must be an integer, but is ${JSON.stringify(e)}`);return e},e3=e=>{let{inFrame:t,durationInFrames:r,outFrame:n}=e,i=e5(t,"inFrame"),o=e5(n,"outFrame");if(null!==i||null!==o){if(null!==i&&i>r-1)throw Error("inFrame must be less than (durationInFrames - 1), but is "+i);if(null!==o&&o>r-1)throw Error("outFrame must be less than (durationInFrames - 1), but is "+o);if(null!==i&&i<0)throw Error("inFrame must be greater than 0, but is "+i);if(null!==o&&o<=0)throw Error(`outFrame must be greater than 0, but is ${o}. If you want to render a single frame, use <Thumbnail /> instead.`);if(null!==o&&null!==i&&o<=i)throw Error("outFrame must be greater than inFrame, but is "+o+" <= "+i)}},e4=e=>{let{initialFrame:t,durationInFrames:r}=e;if("number"!=typeof r)throw Error(`\`durationInFrames\` must be a number, but is ${JSON.stringify(r)}`);if(void 0!==t){if("number"!=typeof t)throw Error(`\`initialFrame\` must be a number, but is ${JSON.stringify(t)}`);if(Number.isNaN(t))throw Error("`initialFrame` must be a number, but is NaN");if(!Number.isFinite(t))throw Error("`initialFrame` must be a number, but is Infinity");if(t%1!=0)throw Error(`\`initialFrame\` must be an integer, but is ${JSON.stringify(t)}`);if(t>r-1)throw Error(`\`initialFrame\` must be less or equal than \`durationInFrames - 1\`, but is ${JSON.stringify(t)}`)}},e6=e=>{if(void 0!==e){if(e>4)throw Error(`The highest possible playback rate is 4. You passed: ${e}`);if(e<-4)throw Error(`The lowest possible playback rate is -4. You passed: ${e}`);if(0===e)throw Error("A playback rate of 0 is not supported.")}},e7=function(e,t,r){if("number"!=typeof e)throw Error(`The "${t}" prop ${r} must be a number, but you passed a value of type ${typeof e}`);if(isNaN(e))throw TypeError(`The "${t}" prop ${r} must not be NaN, but is NaN.`);if(!Number.isFinite(e))throw TypeError(`The "${t}" prop ${r} must be finite, but is ${e}.`);if(e%1!=0)throw TypeError(`The "${t}" prop ${r} must be an integer, but is ${e}.`);if(e<=0)throw TypeError(`The "${t}" prop ${r} must be positive, but got ${e}.`)},e9=e=>"component"in e?e.component:null,e8=(0,o.forwardRef)((e,t)=>{let{durationInFrames:r,compositionHeight:s,compositionWidth:a,fps:l,inputProps:u,style:d,controls:c=!1,loop:h=!1,autoPlay:m=!1,showVolumeControls:f=!0,allowFullscreen:p=!0,clickToPlay:g,doubleClickToFullscreen:b=!1,spaceKeyToPlayOrPause:w=!0,moveToBeginningWhenEnded:y=!0,numberOfSharedAudioTags:v=5,errorFallback:C=()=>"â ï¸",playbackRate:S=1,renderLoading:P,className:j,showPosterWhenUnplayed:T,showPosterWhenEnded:$,showPosterWhenPaused:M,showPosterWhenBuffering:F,showPosterWhenBufferingAndPaused:R,initialFrame:L,renderPoster:N,inFrame:I,outFrame:A,initiallyShowControls:Q,renderFullscreenButton:z,renderPlayPauseButton:W,renderVolumeSlider:H,renderCustomControls:B,alwaysShowControls:D=!1,initiallyMuted:V=!1,showPlaybackRateControl:O=!1,posterFillMode:U="player-size",bufferStateDelayInMilliseconds:q,hideControlsWhenPointerDoesntMove:J=!0,overflowVisible:X=!1,renderMuteButton:Y,browserMediaControl
55sBehavior:K,overrideInternalClassName:G,logLevel:Z="info",noSuspense:et,acknowledgeRemotionLicense:er,audioLatencyHint:en="interactive",volumePersistenceKey:ei,...eo}=e;if("undefined"!=typeof window&&(window.remotion_isPlayer=!0),void 0!==eo.defaultProps)throw Error("The <Player /> component does not accept `defaultProps`, but some were passed. Use `inputProps` instead.");let es=e9(eo);if(es?.type===i.fS)throw TypeError("'component' should not be an instance of <Composition/>. Pass the React component directly, and set the duration, fps and dimensions as separate props. See https://www.remotion.dev/docs/player/examples for an example.");if(es===i.fS)throw TypeError("'component' must not be the 'Composition' component. Pass your own React component directly, and set the duration, fps and dimensions as separate props. See https://www.remotion.dev/docs/player/examples for an example.");(0,o.useState)(()=>e2(!!er,Z));let ea=i.wQ.useLazyComponent({compProps:eo,componentName:"Player",noSuspense:!!et});e4({initialFrame:L,durationInFrames:r});let[el,eu]=(0,o.useState)(()=>({[eZ]:L??0})),[ed,ec]=(0,o.useState)(!1),[eh]=(0,o.useState)("player-comp"),em=(0,o.useRef)(null),ef=(0,o.useRef)([]),ep=(0,o.useRef)(!1),[eg,eb]=(0,o.useState)(S);if("number"!=typeof s)throw TypeError(`'compositionHeight' must be a number but got '${typeof s}' instead`);if("number"!=typeof a)throw TypeError(`'compositionWidth' must be a number but got '${typeof a}' instead`);if(e7(s,"compositionHeight","of the <Player /> component"),e7(a,"compositionWidth","of the <Player /> component"),E(r,{component:"of the <Player/> component",allowFloats:!1}),x(l,"as a prop of the <Player/> component",!1),k(u,"inputProps",null),e3({durationInFrames:r,inFrame:I,outFrame:A}),"boolean"!=typeof c&&void 0!==c)throw TypeError(`'controls' must be a boolean or undefined but got '${typeof c}' instead`);if("boolean"!=typeof m&&void 0!==m)throw TypeError(`'autoPlay' must be a boolean or undefined but got '${typeof m}' instead`);if("boolean"!=typeof h&&void 0!==h)throw TypeError(`'loop' must be a boolean or undefined but got '${typeof h}' instead`);if("boolean"!=typeof b&&void 0!==b)throw TypeError(`'doubleClickToFullscreen' must be a boolean or undefined but got '${typeof b}' instead`);if("boolean"!=typeof f&&void 0!==f)throw TypeError(`'showVolumeControls' must be a boolean or undefined but got '${typeof f}' instead`);if("boolean"!=typeof p&&void 0!==p)throw TypeError(`'allowFullscreen' must be a boolean or undefined but got '${typeof p}' instead`);if("boolean"!=typeof g&&void 0!==g)throw TypeError(`'clickToPlay' must be a boolean or undefined but got '${typeof g}' instead`);if("boolean"!=typeof w&&void 0!==w)throw TypeError(`'spaceKeyToPlayOrPause' must be a boolean or undefined but got '${typeof w}' instead`);if("number"!=typeof v||v%1!=0||!Number.isFinite(v)||Number.isNaN(v)||v<0)throw TypeError(`'numberOfSharedAudioTags' must be an integer but got '${v}' instead`);e6(eg),(0,o.useEffect)(()=>{eb(S)},[S]),(0,o.useImperativeHandle)(t,()=>em.current,[]),(0,o.useState)(()=>{i.wQ.playbackLogging({logLevel:Z,message:`[player] Mounting <Player>. User agent = ${"undefined"==typeof navigator?"server":navigator.userAgent}`,tag:"player",mountTime:Date.now()})});let ew=(0,o.useMemo)(()=>({frame:el,playing:ed,rootId:eh,playbackRate:eg,imperativePlaying:ep,setPlaybackRate:e=>{eb(e)},audioAndVideoTags:ef}),[el,eg,ed,eh]),ey=(0,o.useMemo)(()=>({setFrame:eu,setPlaying:ec}),[eu]);"undefined"!=typeof window&&(0,o.useLayoutEffect)(()=>{i.wQ.CSSUtils.injectCSS(i.wQ.CSSUtils.makeDefaultPreviewCSS(`.${ee(G)}`,"#fff"))},[G]);let ev=(0,o.useMemo)(()=>u??{},[u]),ex=(0,o.useMemo)(()=>K??{mode:"prevent-media-session"},[K]);return(0,n.jsx)(i.wQ.IsPlayerContextProvider,{children:(0,n.jsx)(e0,{timelineContext:ew,component:ea,compositionHeight:s,compositionWidth:a,durationInFrames:r,fps:l,numberOfSharedAudioTags:v,initiallyMuted:V,logLevel:Z,audioLatencyHint:en,volumePersistenceKey:ei,inputProps:ev,audioEnabled:!0,children:(0,n.jsx)(i.wQ.SetTimelineContext.Provider,{value:ey,children:(0,n.jsx)(_,{currentPlaybackRate:eg,children:(0,n.jsx)(eX,{ref:em,posterFillMode:U,renderLoading:P,autoPlay:!!m,loop:!!h,controls:!!c,errorFallback:C,style:d,inputProps:ev,allowFullscreen:!!p,moveToBeginningWhenEnded:!!y,clickToPlay:"boolean"==typeof g?g:!!c,showVolumeControls:!!f,doubleClickToFullscreen:!!b,spaceKeyToPlayOrPause:!!w,playbackRate:eg,className:j??void 0,showPosterWhenUnplayed:!!T,showPosterWhenEnded:!!$,showPosterWhenPaused:!!M,showPosterWhenBuffering:!!F,showPosterWhenBufferingAndPaused:!!R,renderPoster:N,inFrame:I??null,outFrame:A??null,initiallyShowControls:Q??!0,renderFullscreen:z??null,renderPlayPauseButton:W??null,renderMuteButton:Y??null,renderVolumeSlider:H??null,renderCustomControls:B??null,alwaysShowControls:D,showPlaybackRateControl:O,bufferStateDelayInMilliseconds:q??300,hideControlsWhenPointerDoesntMove:J,overflowVisible:X,browserMediaControl
55sBehavior:ex,overrideInternalClassName:G??void 0,noSuspense:!!et})})})})})}),te=()=>{let e=(0,o.useContext)(H);if(!e)throw TypeError("Expected Player event emitter context");return(0,o.useMemo)(()=>({emitter:e}),[e])},tt=o.version.split(".")[0];if("0"===tt)throw Error(`Version ${tt} of "react" is not supported by Remotion`);var tr=parseInt(tt,10)>=18,tn=(0,o.forwardRef)((e,t)=>{let{style:r,inputProps:s,errorFallback:a,renderLoading:l,className:u,overflowVisible:d,noSuspense:c,overrideInternalClassName:h}=e,m=i.wQ.useUnsafeVideoConfig(),f=i.wQ.useVideo(),p=(0,o.useRef)(null),g=Z(p,{triggerOnWindowResize:!1,shouldApplyCssTransforms:!1}),b=(0,o.useMemo)(()=>m&&g?I({canvasSize:g,compositionHeight:m.height,compositionWidth:m.width,previewSize:"auto"}):null,[g,m]),w=b?.scale??1,y=te();V(y.emitter),(0,o.useImperativeHandle)(t,()=>Object.assign(y.emitter,{getContainerNode:()=>p.current,getScale:()=>w}),[w,y.emitter]);let v=f?f.component:null,x=(0,o.useMemo)(()=>A({config:m,style:r,canvasSize:g,overflowVisible:d,layout:b}),[g,m,b,d,r]),E=(0,o.useMemo)(()=>z({config:m,layout:b,scale:w,overflowVisible:d}),[m,b,d,w]),k=(0,o.useMemo)(()=>Q({config:m,layout:b,scale:w,overflowVisible:d}),[m,b,d,w]),C=(0,o.useCallback)(e=>{y.emitter.dispatchError(e)},[y.emitter]),S=(0,o.useMemo)(()=>l?l({height:x.height,width:x.width,isBuffering:!1}):null,[x.height,x.width,l]),P=(0,o.useMemo)(()=>({type:"scale",scale:w}),[w]);if(!m)return null;let j=(0,n.jsx)("div",{style:E,children:(0,n.jsx)("div",{style:k,className:ee(h),children:v?(0,n.jsx)(er,{onError:C,errorFallback:a,children:(0,n.jsx)(i.wQ.CurrentScaleContext.Provider,{value:P,children:(0,n.jsx)(v,{...f?.props??{},...s??{}})})}):null})});return c||eD&&!tr?(0,n.jsx)("div",{ref:p,style:x,className:u,children:j}):(0,n.jsx)("div",{ref:p,style:x,className:u,children:(0,n.jsx)(o.Suspense,{fallback:S,children:j})})});(0,o.forwardRef)((e,t)=>{let{frameToDisplay:r,style:s,inputProps:a,compositionHeight:l,compositionWidth:u,durationInFrames:d,fps:c,className:h,errorFallback:m=()=>"â ï¸",renderLoading:f,overflowVisible:p=!1,overrideInternalClassName:g,logLevel:b="info",noSuspense:w,...y}=e;"undefined"!=typeof window&&(0,o.useLayoutEffect)(()=>{window.remotion_isPlayer=!0},[]);let[v]=(0,o.useState)(()=>String((0,i.MX)(null))),x=(0,o.useRef)(null),E=(0,o.useMemo)(()=>({playing:!1,frame:{[eZ]:r},rootId:v,imperativePlaying:{current:!1},playbackRate:1,setPlaybackRate:()=>{throw Error("thumbnail")},audioAndVideoTags:{current:[]}}),[r,v]);(0,o.useImperativeHandle)(t,()=>x.current,[]);let k=i.wQ.useLazyComponent({compProps:y,componentName:"Thumbnail",noSuspense:!!w}),[C]=(0,o.useState)(()=>new D),S=(0,o.useMemo)(()=>a??{},[a]);return(0,n.jsx)(i.wQ.IsPlayerContextProvider,{children:(0,n.jsx)(e0,{timelineContext:E,component:k,compositionHeight:l,compositionWidth:u,durationInFrames:d,fps:c,numberOfSharedAudioTags:0,initiallyMuted:!0,logLevel:b,audioLatencyHint:"playback",inputProps:S,audioEnabled:!1,children:(0,n.jsx)(H.Provider,{value:C,children:(0,n.jsx)(tn,{ref:x,className:h,errorFallback:m,inputProps:S,renderLoading:f,style:s,overflowVisible:p,overrideInternalClassName:g,noSuspense:!!w})})})})})}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.