1try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="11eb5810-0af7-4c8f-9875-34b4667f14a7",e._sentryDebugIdIdentifier="sentry-dbid-11eb5810-0af7-4c8f-9875-34b4667f14a7")}()}catch(e){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3401],{33401:function(e,t,n){n.d(t,{J5:function(){return eK},pl:function(){return e0}});var r=n(57437),i=n(90140),o=n(2265),s=n(64030),a=()=>(0,r.jsx)("svg",{width:25,height:25,viewBox:"0 0 25 25",fill:"none",children:(0,r.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"})}),l=()=>(0,r.jsxs)("svg",{viewBox:"0 0 100 100",width:25,height:25,children:[(0,r.jsx)("rect",{x:"25",y:"20",width:"20",height:"60",fill:"#fff",ry:"5",rx:"5"}),(0,r.jsx)("rect",{x:"55",y:"20",width:"20",height:"60",fill:"#fff",ry:"5",rx:"5"})]}),u=e=>{let{isFullscreen:t}=e,n=t?0:3,i=t?9.600000000000001:3,o=t?9.600000000000001:12;return(0,r.jsxs)("svg",{viewBox:"0 0 ".concat(32," ").concat(32),height:16,width:16,children:[(0,r.jsx)("path",{d:"\n M ".concat(n," ").concat(o,"\n L ").concat(i," ").concat(i,"\n L ").concat(o," ").concat(n,"\n "),stroke:"#fff",strokeWidth:6,fill:"none"}),(0,r.jsx)("path",{d:"\n M ".concat(32-n," ").concat(o,"\n L ").concat(32-i," ").concat(i,"\n L ").concat(32-o," ").concat(n,"\n "),stroke:"#fff",strokeWidth:6,fill:"none"}),(0,r.jsx)("path",{d:"\n M ".concat(n," ").concat(32-o,"\n L ").concat(i," ").concat(32-i,"\n L ").concat(o," ").concat(32-n,"\n "),stroke:"#fff",strokeWidth:6,fill:"none"}),(0,r.jsx)("path",{d:"\n M ".concat(32-n," ").concat(32-o,"\n L ").concat(32-i," ").concat(32-i,"\n L ").concat(32-o," ").concat(32-n,"\n "),stroke:"#fff",strokeWidth:6,fill:"none"})]})},d=()=>(0,r.jsx)("svg",{width:25,height:25,viewBox:"0 0 24 24",children:(0,r.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
1-.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"})}),c=()=>(0,r.jsx)("svg",{width:25,height:25,viewBox:"0 0 24 24",children:(0,r.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"})}),h="__remotion_buffering_indicator",m="__remotion_buffering_animation",f={width:25,height:25,overflow:"hidden",lineHeight:"normal",fontSize:"inherit"},p={width:14,height:14,overflow:"hidden",lineHeight:"normal",fontSize:"inherit"},g=e=>{let{type:t}=e,n="player"===t?f:p;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("style",{type:"text/css",children:"\n @keyframes ".concat(m," {\n 0% {\n rotate: 0deg;\n }\n 100% {\n rotate: 360deg;\n }\n }\n \n .").concat(h," {\n animation: ").concat(m," 1s linear infinite;\n } \n ")}),(0,r.jsx)("div",{style:n,children:(0,r.jsx)("svg",{viewBox:"player"===t?"0 0 22 22":"0 0 18 18",style:n,className:h,children:(0,r.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})})})]})},b=e=>{let{currentSize:t,width:n,height:r,compositionWidth:i,compositionHeight:o}=e;return void 0!==n&&void 0===r||void 0!==r&&void 0===n?{aspectRatio:[i,o].join("/")}:{width:i,height:o}},v=e=>{let{previewSize:t,compositionWidth:n,compositionHeight:r,canvasSize:o}=e,s=i.Internals.calculateScale({canvasSize:o,compositionHeight:r,compositionWidth:n,previewSize:t}),a=0-(1-s)/2,l=a*n,u=a*r,d=n*s,c=r*s;return{centerX:o.width/2-d/2,centerY:o.height/2-c/2,xCorrection:l,yCorrection:u,scale:s}},w=e=>{let{config:t,style:n,canvasSize:r,overflowVisible:i,layout:o}=e;return t?{position:"relative",overflow:i?"visible":"hidden",...b({compositionHeight:t.height,compositionWidth:t.width,currentSize:r,height:null==n?void 0:n.height,width:null==n?void 0:n.width}),opacity:o?1:0,...n}:{}},y=e=>{let{config:t,canvasSize:n,layout:r,scale:i,overflowVisible:o}=e;return t&&n&&r?{position:"absolute",width:t.width,height:t.height,display:"flex",transform:"scale(".concat(i,")"),marginLeft:r.xCorrection,marginTop:r.yCorrection,overflow:o?"visible":"hidden"}:{}},x=e=>{let{layout:t,scale:n,config:r,overflowVisible:i}=e;if(!t||!r)return{};let{centerX:o,centerY:s}=t;return{width:r.width*n,height:r.height*n,display:"flex",flexDirection:"column",position:"absolute",left:o,top:s,overflow:i?"visible":"hidden"}},E=o.createContext(void 0),C=o.createContext(void 0);class k{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 S{addEventListener(e,t){this.listeners[e].push(t)}removeEventListener(e,t){this.listeners[e]=this.listeners[e].filter(e=>e!==t)}
1dispatchEvent(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 j=e=>{let t=(0,o.useContext)(i.Internals.BufferingContextReact);if(!t)throw Error("BufferingContextReact not found");(0,o.useEffect)(()=>{let n=t.listenForBuffering(()=>{t.buffering.current=!0,e.dispatchWaiting({})}),r=t.listenForResume(()=>{t.buffering.current=!1,e.dispatchResume({})});return()=>{n.remove(),r.remove()}},[t,e])},P=e=>{let{children:t,currentPlaybackRate:n}=e,[s]=(0,o.useState)(()=>new k);if(!(0,o.useContext)(i.Internals.BufferingContextReact))throw Error("BufferingContextReact not found");return(0,o.useEffect)(()=>{n&&s.dispatchRateChange(n)},[s,n]),j(s),(0,r.jsx)(E.Provider,{value:s,children:t})},I=()=>{let e=i.Internals.Timeline.useTimelinePosition(),t=(0,o.useRef)(e);return t.current=e,(0,o.useCallback)(()=>t.current,[])},T=(e,t)=>{let[n,r]=(0,o.useState)(!1);return(0,o.useEffect)(()=>{let n;let{current:i}=e;if(!i)return;let o=()=>{t&&(clearTimeout(n),n=setTimeout(()=>{r(!1)},!0===t?3e3:t))},s=()=>{r(!0),o()},a=()=>{r(!1),clearTimeout(n)},l=()=>{r(!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(n)}},[t,e]),n},M=()=>{var e;let[t,n,r]=i.Internals.Timeline.usePlayingState(),[s,a]=(0,o.useState)(!1),l=i.Internals.Timeline.useTimelinePosition(),u=(0,o.useRef)(l),d=i.Internals.Timeline.useTimelineSetFrame(),c=i.Internals.Timeline.useTimelineSetFrame(),h=(0,o.useContext)(i.Internals.SharedAudioContext),{audioAndVideoTags:m}=(0,o.useContext)(i.Internals.Timeline.TimelineContext),f=(0,o.useRef)(l);f.current=l;let p=i.Internals.useVideo(),g=i.Internals.useUnsafeVideoConfig(),b=(0,o.useContext)(E),v=(null!==(e=null==g?void 0:g.durationInFrames)&&void 0!==e?e:1)-1,w=l===v,y=0===l;if(!b)throw TypeError("Expected Player event emitter context");let x=(0,o.useContext)(i.Internals.BufferingContextReact);if(!x)throw Error("Missing the buffering context. Most likely you have a Remotion version mismatch.");let{buffering:C}=x,k=(0,o.useCallback)(e=>{(null==p?void 0:p.id)&&c(t=>({...t,[p.id]:e})),f.current=e,b.dispatchSeek(e)},[b,c,null==p?void 0:p.id]),S=(0,o.useCallback)(e=>{r.current||(a(!0),w&&k(0),h&&h.numberOfAudioTags>0&&e&&h.playAllAudios(),m.current.forEach(e=>e.play("player play() was called and playing audio from a click")),r.current=!0,n(!0),u.current=f.current,b.dispatchPlay())},[r,w,h,n,b,k,m]),j=(0,o.useCallback)(()=>{r.current&&(r.current=!1,n(!1),b.dispatchPause())},[b,r,n]),P=(0,o.useCallback)(()=>{r.current&&(r.current=!1,f.current=u.current,g&&(c(e=>({...e,[g.id]:u.current})),n(!1),b.dispatchPause()))},[g,b,r,n,c]),T=null==p?void 0:p.id,M=(0,o.useCallback)(e=>{if(!T)return null;r.current||d(t=>{var n,r;let i=null!==(r=null!==(n=t[T])&&void 0!==n?n:window.remotion_initialFrame)&&void 0!==r?r:0;return{...t,[T]:Math.max(0,i-e)}})},[r,d,T]),F=(0,o.useCallback)(e=>{if(!T)return null;r.current||d(t=>{var n,r;let i=null!==(r=null!==(n=t[T])&&void 0!==n?n:window.remotion_initialFrame)&&void 0!==r?r:0;return{...t,[T]:Math.min(v,i+e)}})},[T,r,v,d]),R=I(),L=(0,o.useCallback)(e=>{r.current?j():S(e)},[r,j,S]);return(0,o.useMemo)(()=>({frameBack:M,frameForward:F,isLastFrame:w,emitter:b,playing:t,play:S,pause:j,seek:k,isFirstFrame:y,getCurrentFrame:R,isPlaying:()=>r.current,isBuffering:()=>C.current,pauseAndReturnToPlayStart:P,hasPlayed:s,remotionInternal_currentFrameRef:f,toggle:L}),[C,b,M,F,R,s,r,y,w,j,P,S,t,k,L])},F=e=>{let{browserMediaControlsBehavior:t,videoConfig:n,playbackRate:r}=e,{playing:i,pause:s,play:a,emitter:l,getCurrentFrame:u,seek:d}=M();(0,o.useEffect)(()=>{navigator.mediaSession&&"do-nothing"!==t.mode&&(i?navigator.mediaSession.playbackState="playing":navigator.mediaSession.playbackState="paused")},[t.mode,i]),(0,o.useEffect)(()=>
1{if(!navigator.mediaSession||"do-nothing"===t.mode)return;let e=()=>{n&&navigator.mediaSession&&navigator.mediaSession.setPositionState({duration:n.durationInFrames/n.fps,playbackRate:r,position:u()/n.fps})};return l.addEventListener("timeupdate",e),()=>{l.removeEventListener("timeupdate",e)}},[t.mode,l,u,r,n]),(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&&n&&d(Math.round(e.seekTime*n.fps))}),navigator.mediaSession.setActionHandler("seekbackward",()=>{"register-media-session"===t.mode&&n&&d(Math.max(0,Math.round((u()-10)*n.fps)))}),navigator.mediaSession.setActionHandler("seekforward",()=>{"register-media-session"===t.mode&&n&&d(Math.max(n.durationInFrames-1,Math.round((u()+10)*n.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,n])},R=e=>{let{time:t,currentFrame:n,playbackSpeed:r,fps:i,actualLastFrame:o,actualFirstFrame:s,framesAdvanced:a,shouldLoop:l}=e,u=(r<0?Math.ceil:Math.floor)(t*r/(1e3/i))-a,d=u+n,c=d>o||d<s,h=!l&&c&&!(n>o||n<s);return r>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}},L=()=>"undefined"!=typeof document&&"hidden"===document.visibilityState,N=()=>{let e=(0,o.useRef)(L());return(0,o.useEffect)(()=>{let t=()=>{e.current=L()};return document.addEventListener("visibilitychange",t),()=>{document.removeEventListener("visibilitychange",t)}},[]),e},A=e=>{let{loop:t,playbackRate:n,moveToBeginningWhenEnded:r,inFrame:s,outFrame:a,browserMediaControlsBehavior:l,getCurrentFrame:u}=e,d=i.Internals.useUnsafeVideoConfig(),c=i.Internals.Timeline.useTimelinePosition(),{playing:h,pause:m,emitter:f}=M(),p=i.Internals.Timeline.useTimelineSetFrame(),g=(0,o.useRef)(null),b=N(),v=(0,o.useRef)(null),w=(0,o.useContext)(i.Internals.BufferingContextReact);if(!w)throw Error("Missing the buffering context. Most likely you have a Remotion version mismatch.");F({browserMediaControlsBehavior:l,playbackRate:n,videoConfig:d}),(0,o.useEffect)(()=>{let e=w.listenForBuffering(()=>{g.current=performance.now()}),t=w.listenForResume(()=>{g.current=null});return()=>{e.remove(),t.remove()}},[w]),(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))},v=()=>{e=!0,c()},y=()=>{let i=performance.now()-o,c=null!=a?a:d.durationInFrames-1,{nextFrame:h,framesToAdvance:g,hasEnded:b}=R({time:i,currentFrame:u(),playbackSpeed:n,fps:d.fps,actualFirstFrame:null!=s?s:0,actualLastFrame:c,framesAdvanced:l,shouldLoop:t});if(l+=g,h!==u()&&(!b||r)&&p(e=>({...e,[d.id]:h})),b){v(),m(),f.dispatchEnded();return}e||x()},x=()=>{if(g.current){let t=w.listenForResume(()=>{t.remove(),e||(o=performance.now(),l=0,y())});return}i=b.current?{type:"timeout",id:setTimeout(y,1e3/d.fps)}:{type:"raf",id:requestAnimationFrame(y)}};x();let E=()=>{"visible"!==document.visibilityState&&(c(),y())};return window.addEventListener("visibilitychange",E),()=>{window.removeEventListener("visibilitychange",E),v()}},[d,t,m,h,p,f,n,s,a,r,b,u,g,w]),(0,o.useEffect)(()=>{let e=setInterval(()=>{v.current!==u()&&(f.dispatchTimeUpdate({frame:u()}),v.current=u())},250);return()=>clearInterval(e)},[f,u]),(0,o.useEffect)(()=>{f.dispatchFrameUpdate({frame:c})},[f,c])},z=[],W=(e,t)=>{let[n,r]=(0,o.useState)(()=>
1{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:n,target:i}=e[0],o=i.getClientRects();if(!(null==o?void 0:o[0])){r(null);return}let s=0===n.width?1:o[0].width/n.width,a=t.shouldApplyCssTransforms?o[0].width:o[0].width*(1/s),l=t.shouldApplyCssTransforms?o[0].height:o[0].height*(1/s);r(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]){r(null);return}r(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)(()=>(z.push(s),()=>{z=z.filter(e=>e!==s)}),[s]),(0,o.useMemo)(()=>n?{...n,refresh:s}:null,[n,s])},B=e=>{let{playing:t,buffering:n}=e;return t&&n?(0,r.jsx)(g,{type:"player"}):t?(0,r.jsx)(l,{}):(0,r.jsx)(a,{})},D=e=>{let{volume:t,isVertical:n,onBlur:s,inputRef:a,setVolume:l}=e,u=(0,o.useMemo)(()=>{let e={paddingLeft:5,height:25,width:V,display:"inline-flex",alignItems:"center"};return n?{...e,position:"absolute",transform:"rotate(-90deg) translateX(".concat(V/2+12.5,"px)")}:{...e}},[n]),d=void 0===o.useId?"volume-slider":o.useId(),[c]=(0,o.useState)(()=>"__remotion-volume-slider-".concat((0,i.random)(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:V,backgroundImage:"linear-gradient(\n to right,\n white ".concat(100*t,"%, rgba(255, 255, 255, 0) ").concat(100*t,"%\n )")};return n?{...e,bottom:25+V/2}:e},[n,t]),f="\n .".concat(c,"::-webkit-slider-thumb {\n -webkit-appearance: none;\n background-color: white;\n border-radius: ").concat(6,"px;\n box-shadow: 0 0 2px black;\n height: ").concat(12,"px;\n width: ").concat(12,"px;\n }\n\n .").concat(c,"::-moz-range-thumb {\n -webkit-appearance: none;\n background-color: white;\n border-radius: ").concat(6,"px;\n box-shadow: 0 0 2px black;\n height: ").concat(12,"px;\n width: ").concat(12,"px;\n }\n");return(0,r.jsxs)("div",{style:u,children:[(0,r.jsx)("style",{dangerouslySetInnerHTML:{__html:f}}),(0,r.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})]})},H=e=>(0,r.jsx)(D,{...e}),V=100,_=e=>{let{displayVerticalVolumeSlider:t,renderMuteButton:n,renderVolumeSlider:s}=e,[a,l]=i.Internals.useMediaMutedState(),[u,h]=i.Internals.useMediaVolumeState(),[m,f]=(0,o.useState)(!1),p=(0,o.useRef)(null),g=(0,o.useRef)(null),b=T(p,!1),v=(0,o.useCallback)(()=>{setTimeout(()=>{g.current&&document.activeElement!==g.current&&f(!1)},10)},[]),w=0===u,y=(0,o.useCallback)(()=>{if(w){h(1),l(!1);return}l(e=>!e)},[w,l,h]),x=(0,o.useMemo)(()=>({display:"inline-flex",background:"none",border:"none",justifyContent:"center",alignItems:"center",touchAction:"none",...t&&{position:"relative"}}),[t]),E=(0,o.useMemo)(()=>({display:"inline",width:25,height:25,cursor:"pointer",appearance:"none",background:"none",border:"none",padding:0}),[]),C=(0,o.useCallback)(e=>{let{muted:t,volume:n}=e,i=t||0===n;return(0,r.jsx)("button",{"aria-label":i?"Unmute sound":"Mute sound",title:i?"Unmute sound":"Mute sound",onClick:y,onBlur:v,onFocus:()=>f(!0),style:E,type:"button",children:i?(0,r.jsx)(d,{}):(0,r.jsx)(c,{})})},[v,y,E]),k=(0,o.useMemo)(()=>n?n({muted:a,volume:u}):C({muted:a,volume:u}),[a,u,C,n]),S=(0,o.useMemo)(()=>(m||b)&&!a&&!i.Internals.isIosSafari()?(null!=s?s:H)({isVertical:t,volume:u,onBlur:()=>f(!1),inputRef:g,setVolume:h}):null,[t,m,b,a,u,s,h]);return(0,r.jsxs)("div",{ref:p,style:x,children:[k,S]})},O={height:30,paddingRight:15,paddingLeft:12,display:"flex",flexDirection:"row",alignItems:"center"},U={width:22,display:"flex",alignItems:"center"},q={width:14,height:14,color:"black"},J=()=>(0,r.jsx)("svg",{viewBox:"0 0 512 512",style:q,children:(0,r.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"})}),X=e=>{let{rate:t,onSelect:n,selectedRate:i,keyboardSelectedRate:s}=e,a=(0,o.useCallback)(e=>{e.stopPropagation(),e.preventDefault(),n(t)},[n,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)(()=>({...O,backgroundColor:l||h?"#eee":"transparent"}),[l,h]);return(0,r.jsxs)("div",{onMouseEnter:d,onMouseLeave:c,tabIndex:0,style:m,onClick:a,children:[(0,r.jsx)("div",{style:U,children:t===i?(0,r.jsx)(J,{}):null}),t.toFixed(1),"x"]},t)},Y=e=>{let{setIsComponentVisible:t,playbackRates:n,canvasSize:s}=e,{setPlaybackRate:a,playbackRate:l}=(0,o.useContext)(i.Internals.Timeline.TimelineContext),[u,d]=(0,o.useState)(l);(0,o.useEffect)(()=>{let e=e=>{if(e.preventDefault(),"ArrowUp"===e.key){let e=n.findIndex(e=>e===u);0!==e&&(-1===e?d(n[0]):d(n[e-1]))}else if("ArrowDown"===e.key){let e=n.findIndex(e=>e===u);if(e===n.length-1)return;-1===e?d(n[n.length-1]):d(n[e+1])}else"Enter"===e.key&&(a(u),t(!1))};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[n,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,r.jsx)("div",{style:h,children:n.map(e=>(0,r.jsx)(X,{selectedRate:l,onSelect:c,rate:e,keyboardSelectedRate:u},e))})}
1,K={fontSize:13,fontWeight:"bold",color:"white",border:"2px solid white",borderRadius:20,paddingLeft:8,paddingRight:8,paddingTop:2,paddingBottom:2},Z={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"},G={...Z,position:"relative"},Q=e=>{let{playbackRates:t,canvasSize:n}=e,{ref:s,isComponentVisible:a,setIsComponentVisible:l}=function(e){let[t,n]=(0,o.useState)(e),r=(0,o.useRef)(null);return(0,o.useEffect)(()=>{let e=e=>{r.current&&!r.current.contains(e.target)&&n(!1)};return document.addEventListener("pointerup",e,!0),()=>{document.removeEventListener("pointerup",e,!0)}},[]),{ref:r,isComponentVisible:t,setIsComponentVisible:n}}(!1),{playbackRate:u}=(0,o.useContext)(i.Internals.Timeline.TimelineContext),d=(0,o.useCallback)(e=>{e.stopPropagation(),e.preventDefault(),l(e=>!e)},[l]);return(0,r.jsx)("div",{ref:s,children:(0,r.jsxs)("button",{type:"button","aria-label":"Change playback rate",style:G,onClick:d,children:[(0,r.jsxs)("div",{style:K,children:[u,"x"]}),a&&(0,r.jsx)(Y,{canvasSize:n,playbackRates:t,setIsComponentVisible:l})]})})},$=(e,t,n)=>Math.round((0,i.interpolate)(e,[0,n],[0,t-1],{extrapolateLeft:"clamp",extrapolateRight:"clamp"})),ee={userSelect:"none",WebkitUserSelect:"none",paddingTop:4,paddingBottom:4,boxSizing:"border-box",cursor:"pointer",position:"relative",touchAction:"none"},et={height:5,backgroundColor:"rgba(255, 255, 255, 0.25)",width:"100%",borderRadius:2.5},en=e=>{let t=e;for(;t.parentElement;)t=t.parentElement;return t},er=e=>{var t;let{durationInFrames:n,onSeekEnd:s,onSeekStart:a,inFrame:l,outFrame:u}=e,d=(0,o.useRef)(null),c=T(d,!1),h=W(d,{triggerOnWindowResize:!0,shouldApplyCssTransforms:!0}),{seek:m,play:f,pause:p,playing:g}=M(),b=i.Internals.Timeline.useTimelinePosition(),[v,w]=(0,o.useState)({dragging:!1}),y=null!==(t=null==h?void 0:h.width)&&void 0!==t?t:0,x=(0,o.useCallback)(e=>{var t;if(0!==e.button)return;let r=null===(t=d.current)||void 0===t?void 0:t.getBoundingClientRect().left,i=$(e.clientX-r,n,y);p(),m(i),w({dragging:!0,wasPlaying:g}),a()},[n,y,p,m,g,a]),E=(0,o.useCallback)(e=>{var t;if(!h)throw Error("Player has no size");if(!v.dragging)return;let r=null===(t=d.current)||void 0===t?void 0:t.getBoundingClientRect().left;m($(e.clientX-r,n,h.width))},[v.dragging,n,m,h]),C=(0,o.useCallback)(()=>{w({dragging:!1}),v.dragging&&(v.wasPlaying?f():p(),s())},[v,s,p,f]);(0,o.useEffect)(()=>{if(!v.dragging)return;let e=en(d.current);return e.addEventListener("pointermove",E),e.addEventListener("pointerup",C),()=>{e.removeEventListener("pointermove",E),e.removeEventListener("pointerup",C)}},[v.dragging,E,C]);let k=(0,o.useMemo)(()=>({height:12,width:12,borderRadius:6,position:"absolute",top:.5,backgroundColor:"white",left:Math.max(0,b/Math.max(1,n-1)*y-6),boxShadow:"0 0 2px black",opacity:Number(c||v.dragging)}),[c,v.dragging,n,b,y]),S=(0,o.useMemo)(()=>({height:5,backgroundColor:"rgba(255, 255, 255, 1)",width:(b-(null!=l?l:0))/(n-1)*y,marginLeft:(null!=l?l:0)/(n-1)*y,borderRadius:2.5}),[n,b,l,y]),j=(0,o.useMemo)(()=>({height:5,backgroundColor:"rgba(255, 255, 255, 0.25)",width:((null!=u?u:n-1)-(null!=l?l:0))/(n-1)*100+"%",marginLeft:(null!=l?l:0)/(n-1)*100+"%",borderRadius:2.5,position:"absolute"}),[n,l,u]);return(0,r.jsxs)("div",{ref:d,onPointerDown:x,style:ee,children:[(0,r.jsxs)("div",{style:et,children:[(0,r.jsx)("div",{style:j}),(0,r.jsx)("div",{style:S})]}),(0,r.jsx)("div",{style:k})]})},ei=e=>{let t=Math.floor(e/60);return"".concat(String(t),":").concat(String(Math.floor(e-60*t)).padStart(2,"0"))},eo=e=>{let{durationInFrames:t,maxTimeLabelWidth:n,fps:s}=e,a=i.Internals.Timeline.useTimelinePosition(),l=(0,o.useMemo)(()=>({color:"white",fontFamily:"sans-serif",fontSize:14,maxWidth:null===n?void 0:n,overflow:"hidden",textOverflow:"ellipsis"}),[n]);return(0,r.jsxs)("div",{style:l,children:[ei((a===t-1?a+1:a)/s)," / ",ei(t/s)]})},es=e=>{let{allowFullscreen:t,playerWidth:n}=e;return(0,o.useMemo)(()=>{let e=50+(t?16:0)+24+20,r=Math.max(n-e,0),i=r-V,o=n<(i<V?r:i)+e+V;return{maxTimeLabelWidth:0===r?null:r,displayVerticalVolumeSlider:o}},[t,n])},ea=[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,eu={boxSizing:"border-box",position:"absolute",bottom:0,width:"100%",paddingTop:40,paddingBottom:10,backgroundImage:"linear-gradient(to bottom,".concat([0,.013,.049,.104,.175,.259,.352,.45,.55,.648,.741,.825,.896,.951,.987].map((e,t)=>"hsla(0, 0%, 0%, ".concat(e,") ").concat(ea[t]*el,"%")).join(", "),", hsl(0, 0%, 0%) 100%)"),backgroundSize:"auto 145px",display:"flex",paddingRight:12,paddingLeft:12,flexDirection:"column",transition:"opacity 0.3s"},ed={display:"flex",flexDirection:"row",width:"100%",alignItems:"center",justifyContent:"center",userSelect:"none",WebkitUserSelect:"none"}
1,ec={display:"flex",flexDirection:"row",userSelect:"none",WebkitUserSelect:"none",alignItems:"center"},eh={width:12},em={height:8},ef={flex:1},ep={},eg=e=>{var t,n;let{durationInFrames:i,isFullscreen:s,fps:a,showVolumeControls:l,onFullscreenButtonClick:d,allowFullscreen:c,onExitFullscreenButtonClick:h,spaceKeyToPlayOrPause:m,onSeekEnd:f,onSeekStart:p,inFrame:g,outFrame:b,initiallyShowControls:v,canvasSize:w,renderPlayPauseButton:y,renderFullscreenButton:x,alwaysShowControls:E,showPlaybackRateControl:C,containerRef:k,buffering:S,hideControlsWhenPointerDoesntMove:j,onPointerDown:P,onDoubleClick:I,renderMuteButton:M,renderVolumeSlider:F,playing:R,toggle:L}=e,N=(0,o.useRef)(null),[A,z]=(0,o.useState)(!1),W=T(k,j),{maxTimeLabelWidth:D,displayVerticalVolumeSlider:H}=es({allowFullscreen:c,playerWidth:null!==(t=null==w?void 0:w.width)&&void 0!==t?t:0}),[V,O]=(0,o.useState)(()=>{if("boolean"==typeof v)return v;if("number"==typeof v){if(v%1!=0)throw Error("initiallyShowControls must be an integer or a boolean");if(Number.isNaN(v))throw Error("initiallyShowControls must not be NaN");if(!Number.isFinite(v))throw Error("initiallyShowControls must be finite");if(v<=0)throw Error("initiallyShowControls must be a positive integer");return v}throw TypeError("initiallyShowControls must be a number or a boolean")}),U=(0,o.useMemo)(()=>{let e=W||!R||V||E;return{...eu,opacity:Number(e)}},[W,V,R,E]);(0,o.useEffect)(()=>{N.current&&m&&N.current.focus({preventScroll:!0})},[R,m]),(0,o.useEffect)(()=>{var e;z(null!==(e="undefined"!=typeof document&&(document.fullscreenEnabled||document.webkitFullscreenEnabled))&&void 0!==e&&e)},[]),(0,o.useEffect)(()=>{if(!1===V)return;let e=setTimeout(()=>{O(!1)},!0===V?2e3:V);return()=>{clearInterval(e)}},[V]);let q=(0,o.useMemo)(()=>{if(!0===C)return[.5,.8,1,1.2,1.5,1.8,2,2.5,3];if(Array.isArray(C)){for(let e of C){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 C}return null},[C]),J=(0,o.useRef)(null),X=(0,o.useRef)(null),Y=(0,o.useCallback)(e=>{(e.target===J.current||e.target===X.current)&&(null==P||P(e))},[P]),K=(0,o.useCallback)(e=>{(e.target===J.current||e.target===X.current)&&(null==I||I(e))},[I]);return(0,r.jsxs)("div",{ref:J,style:U,onPointerDown:Y,onDoubleClick:K,children:[(0,r.jsxs)("div",{ref:X,style:ed,children:[(0,r.jsxs)("div",{style:ec,children:[(0,r.jsx)("button",{ref:N,type:"button",style:Z,onClick:L,"aria-label":R?"Pause video":"Play video",title:R?"Pause video":"Play video",children:null===y?(0,r.jsx)(B,{buffering:S,playing:R}):null!==(n=y({playing:R,isBuffering:S}))&&void 0!==n?n:(0,r.jsx)(B,{buffering:S,playing:R})}),l?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{style:eh}),(0,r.jsx)(_,{renderMuteButton:M,renderVolumeSlider:F,displayVerticalVolumeSlider:H})]}):null,(0,r.jsx)("div",{style:eh}),(0,r.jsx)(eo,{durationInFrames:i,fps:a,maxTimeLabelWidth:D}),(0,r.jsx)("div",{style:eh})]}),(0,r.jsx)("div",{style:ef}),q&&w&&(0,r.jsx)(Q,{canvasSize:w,playbackRates:q}),q&&A&&c?(0,r.jsx)("div",{style:eh}):null,(0,r.jsx)("div",{style:ep,children:A&&c?(0,r.jsx)("button",{type:"button","aria-label":s?"Exit fullscreen":"Enter Fullscreen",title:s?"Exit fullscreen":"Enter Fullscreen",style:Z,onClick:s?h:d,children:null===x?(0,r.jsx)(u,{isFullscreen:s}):x({isFullscreen:s})}):null})]}),(0,r.jsx)("div",{style:em}),(0,r.jsx)(er,{onSeekEnd:f,onSeekStart:p,durationInFrames:i,inFrame:g,outFrame:b})]})},eb={display:"flex",justifyContent:"center",alignItems:"center",flex:1,height:"100%",width:"100%"};class ev extends o.Component{static getDerivedStateFromError(e){return{hasError:e}}componentDidCatch(e){this.props.onError(e)}render(){return this.state.hasError?(0,r.jsx)("div",{style:eb,children:this.props.errorFallback({error:this.state.hasError})}):this.props.children}constructor(...e){super(...e),this.state={hasError:null}}}var ew=async()=>{if("undefined"==typeof window||void 0===window.crypto||void 0===window.crypto.subtle)return null;
1try{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(e){return null}},ey={backgroundColor:"red",position:"absolute",padding:12,fontFamily:"Arial"},ex=["28d262b44cc61fa750f1686b16ad0604dabfe193fbc263eec05c89b7ad4c2cd6","4db1b0a94be33165dfefcb3ba03d04c7a2666dd27c496d3dc9fa41858e94925e","fbc48530bbf245da790f63675e84e06bab38c3b114fab07eb350025119922bdc","7baf10a8932757b1b3a22b3fce10a048747ac2f8eaf638603487e3705b07eb83","8a6c21a598d8c667272b5207c051b85997bf5b45d5fb712378be3f27cd72c6a6","a2f7aaac9c50a9255e7fc376110c4e0bfe153722dc66ed3c5d3bf2a135f65518"],eE=!1,eC=()=>{let[e,t]=o.useState(!1);return((0,o.useEffect)(()=>{eE||(eE=!0,ew().then(e=>{e&&ex.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,ey,{zIndex:"9999",cssText:"".concat(ey.cssText," !important;")}),e.innerHTML='\n <a href="https://github.com/remotion-dev/remotion/pull/4589" style="color: white;">\n Remotion Unlicensed â Contact [email protected]\n </a>\n ',document.body.appendChild(e)}},n=new MutationObserver(()=>t());return n.observe(document.body,{childList:!0,subtree:!0}),()=>{n.disconnect()}},[e]),e)?(0,r.jsx)("div",{style:ey,className:"warning-banner",children:(0,r.jsx)("a",{style:{color:"white"},href:"https://github.com/remotion-dev/remotion/pull/4589",children:"Remotion Unlicensed â Contact [email protected]"})}):null},ek=e=>null!=e?e:"__remotion-player",eS="undefined"==typeof document,ej=e=>{let t=!1;return{promise:new Promise((n,r)=>{e.then(e=>{if(t){r({isCanceled:t,value:e});return}n(e)}).catch(e=>{r({isCanceled:t,error:e})})}),cancel:()=>{t=!0}}},eP=e=>new Promise(t=>setTimeout(t,e)),eI=()=>{let e=(0,o.useRef)([]),t=(0,o.useCallback)(t=>{e.current=[...e.current,t]},[]),n=(0,o.useCallback)(t=>{e.current=e.current.filter(e=>e!==t)},[]),r=(0,o.useCallback)(()=>e.current.map(e=>e.cancel()),[]);return(0,o.useMemo)(()=>({appendPendingPromise:t,removePendingPromise:n,clearPendingPromises:r}),[t,r,n])},eT=(e,t,n)=>{let r=eI(),i=(0,o.useCallback)(async t=>{if(t instanceof PointerEvent?"touch"===t.pointerType:"touch"===t.nativeEvent.pointerType){e(t);return}r.clearPendingPromises();let n=ej(eP(200));r.appendPendingPromise(n);try{await n.promise,r.removePendingPromise(n),e(t)}catch(e){if(r.removePendingPromise(n),!e.isCanceled)throw e.error}},[r,e]),s=(0,o.useCallback)(()=>{document.addEventListener("pointerup",e=>{i(e)},{once:!0})},[i]),a=(0,o.useCallback)(()=>{r.clearPendingPromises(),t()},[r,t]);return(0,o.useMemo)(()=>n?{handlePointerDown:s,handleDoubleClick:a}:{handlePointerDown:e,handleDoubleClick:()=>{}},[n,a,s,e])},eM=o.version.split(".")[0];if("0"===eM)throw Error("Version ".concat(eM,' of "react" is not supported by Remotion'));var eF=parseInt(eM,10)>=18,eR=(0,o.forwardRef)((e,t)=>{var n,s,a;let{controls:l,style:u,loop:d,autoPlay:c,allowFullscreen:h,inputProps:m,clickToPlay:f,showVolumeControls:p,doubleClickToFullscreen:g,spaceKeyToPlayOrPause:b,errorFallback:E,playbackRate:C,renderLoading:k,renderPoster:S,className:j,moveToBeginningWhenEnded:P,showPosterWhenUnplayed:I,showPosterWhenEnded:T,showPosterWhenPaused:F,showPosterWhenBuffering:R,inFrame:L,outFrame:N,initiallyShowControls:z,renderFullscreen:B,renderPlayPauseButton:D,renderMuteButton:H,renderVolumeSlider:V,alwaysShowControls:_,showPlaybackRateControl:O,posterFillMode:U,bufferStateDelayInMilliseconds:q,hideControlsWhenPointerDoesntMove:J,overflowVisible:X,browserMediaControlsBehavior:Y,overrideInternalClassName:K,noSuspense:Z}=e,G=i.Internals.useUnsafeVideoConfig(),Q=i.Internals.useVideo(),$=(0,o.useRef)(null),ee=W($,{triggerOnWindowResize:!1,shouldApplyCssTransforms:!1}),[et,en]=(0,o.useState)(!1),[er,ei]=(0,o.useState)(c),[eo,es]=(0,o.useState)(()=>!1),[ea,el]=(0,o.useState)(!1),eu=(0,o.useMemo)(()=>"undefined"!=typeof document&&!!(document.fullscreenEnabled||document.webkitFullscreenEnabled),[]),ed=M(),ec=ed.toggle;A({loop:d,playbackRate:C,moveToBeginningWhenEnded:P,inFrame:L,outFrame:N,getCurrentFrame:ed.getCurrentFrame,browserMediaControl
1sBehavior:Y}),(0,o.useEffect)(()=>{et&&!ed.playing&&(en(!1),ed.play())},[et,ed]),(0,o.useEffect)(()=>{let{current:e}=$;if(!e)return;let t=()=>{es(document.fullscreenElement===e||document.webkitFullscreenElement===e)};return document.addEventListener("fullscreenchange",t),document.addEventListener("webkitfullscreenchange",t),()=>{document.removeEventListener("fullscreenchange",t),document.removeEventListener("webkitfullscreenchange",t)}},[]);let eh=(0,o.useCallback)(e=>{ec(e)},[ec]),em=(0,o.useCallback)(()=>{if(!h)throw Error("allowFullscreen is false");if(!eu)throw Error("Browser doesnt support fullscreen");if(!$.current)throw Error("No player ref found");$.current.webkitRequestFullScreen?$.current.webkitRequestFullScreen():$.current.requestFullscreen()},[h,eu]),ef=(0,o.useCallback)(()=>{document.webkitExitFullscreen?document.webkitExitFullscreen():document.exitFullscreen()},[]);(0,o.useEffect)(()=>{let{current:e}=$;if(!e)return;let t=()=>{var e;let t=null!==(e=document.webkitFullscreenElement)&&void 0!==e?e:document.fullscreenElement;t&&t===$.current?ed.emitter.dispatchFullscreenChange({isFullscreen:!0}):ed.emitter.dispatchFullscreenChange({isFullscreen:!1})};return e.addEventListener("webkitfullscreenchange",t),e.addEventListener("fullscreenchange",t),()=>{e.removeEventListener("webkitfullscreenchange",t),e.removeEventListener("fullscreenchange",t)}},[ed.emitter]);let ep=null!==(n=null==G?void 0:G.durationInFrames)&&void 0!==n?n:1,eb=(0,o.useMemo)(()=>G&&ee?v({canvasSize:ee,compositionHeight:G.height,compositionWidth:G.width,previewSize:"auto"}):null,[ee,G]),ew=null!==(s=null==eb?void 0:eb.scale)&&void 0!==s?s:1,ey=(0,o.useRef)(!1);(0,o.useEffect)(()=>{if(!ey.current){ey.current=!0;return}ed.emitter.dispatchScaleChange(ew)},[ed.emitter,ew]);let{setMediaVolume:ex,setMediaMuted:eE}=(0,o.useContext)(i.Internals.SetMediaVolumeContext),{mediaMuted:ej,mediaVolume:eP}=(0,o.useContext)(i.Internals.MediaVolumeContext);(0,o.useEffect)(()=>{ed.emitter.dispatchVolumeChange(eP)},[ed.emitter,eP]);let eI=ej||0===eP;(0,o.useEffect)(()=>{ed.emitter.dispatchMuteChange({isMuted:eI})},[ed.emitter,eI]);let[eM,eR]=(0,o.useState)(!1);(0,o.useEffect)(()=>{let e=null,t=!1,n=()=>{t=!1,requestAnimationFrame(()=>{0===q?eR(!0):e=setTimeout(()=>{t||eR(!0)},q)})},r=()=>{requestAnimationFrame(()=>{t=!0,eR(!1),e&&clearTimeout(e)})};return ed.emitter.addEventListener("waiting",n),ed.emitter.addEventListener("resume",r),()=>{ed.emitter.removeEventListener("waiting",n),ed.emitter.removeEventListener("resume",r),eR(!1),e&&clearTimeout(e),t=!0}},[q,ed.emitter]),(0,o.useImperativeHandle)(t,()=>{let e={play:ed.play,pause:()=>{en(!1),ed.pause()},toggle:eh,getContainerNode:()=>$.current,getCurrentFrame:ed.getCurrentFrame,isPlaying:ed.isPlaying,seekTo:e=>{let t=ep-1,n=Math.max(0,Math.min(t,e));ed.isPlaying()&&(en(n!==t||d),ed.pause()),n!==t||d||ed.emitter.dispatchEnded(),ed.seek(n)},isFullscreen:()=>{let{current:e}=$;return!!e&&(document.fullscreenElement===e||document.webkitFullscreenElement===e)},requestFullscreen:em,exitFullscreen:ef,getVolume:()=>ej?0:eP,setVolume:e=>{if("number"!=typeof e)throw TypeError("setVolume() takes a number, got value of type ".concat(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 ".concat(typeof e));ex(e)},isMuted:()=>eI,mute:()=>{eE(!0)},unmute:()=>{eE(!1)},getScale:()=>ew,pauseAndReturnToPlayStart:()=>{ed.pauseAndReturnToPlayStart()}};return Object.assign(ed.emitter,e)},[ep,ef,d,ej,eI,eP,ed,em,eE,ex,eh,ew]);let eL=Q?Q.component:null,eN=(0,o.useMemo)(()=>w({canvasSize:ee,config:G,style:u,overflowVisible:X,layout:eb}),[ee,G,eb,X,u]),eA=(0,o.useMemo)(()=>x({config:G,layout:eb,scale:ew,overflowVisible:X}),[G,eb,X,ew]),ez=(0,o.useMemo)(()=>y({canvasSize:ee,config:G,layout:eb,scale:ew,overflowVisible:X}),[ee,G,eb,X,ew]),eW=ed.pause,eB=ed.emitter.dispatchError,eD=(0,o.useCallback)(e=>{eW(),eB(e)},[eB,eW]),eH=(0,o.useCallback)(e=>{e.stopPropagation(),em()},[em]),eV=(0,o.useCallback)(e=>{e.stopPropagation(),ef()},[ef]),e_=(0,o.useCallback)(e=>{(e instanceof MouseEvent?2===e.button:e.nativeEvent.button)||eh(e)},[eh]),eO=(0,o.useCallback)(()=>{el(!0)},[]),eU=(0,o.useCallback)(()=>{el(!1)},[]),{handlePointerDown:eq,handleDoubleClick:eJ}=eT(e_,(0,o.useCallback)(()=>{eo?ef():em()},[ef,eo,em]),g&&h&&eu);(0,o.useEffect)(()=>{er&&(ed.play(),ei(!1))},[er,ed]);let eX=(0,o.useMemo)(()=>k?k({height:eN.height,width:eN.width,isBuffering:eM}):null,[eN.height,eN.width,k,eM]),eY=(0,o.useMemo)(()=>({type:"scale",scale:ew}),[ew]);if(!G)return null;let eK=S?S({height:"player-size"===U?eN.height:G.height,width:"player-size"===U?eN.width:G.width,isBuffering:eM}):null;if(void 0===eK)throw TypeError("renderPoster() must return a React element, but undefined was returned");let eZ=eK&&[F&&!ed.isPlaying()&&!ea,T&&ed.isLastFrame&&!ed.isPlaying(),I&&!ed.hasPlayed&&!ed.isPlaying(),R&&eM&&ed.isPlaying()].some(Boolean),{left:eG,top:eQ,width:e$,height:e0,...e1}=eA,e2=(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{style:eA,onPointerDown:f?eq:void 0,onDoubleClick:g?eJ:void 0,children:[(0,r.jsxs)("div",{style:ez,className:ek(K),children:[eL?(0,r.jsx)(ev,{onError:eD,errorFallback:E,children:(0,r.jsx)(i.Internals.CurrentScaleContext.Provider,{value:eY,children:(0,r.jsx)(eL,{...null!==(a=null==Q?void 0:Q.props)&&void 0!==a?a:{},...null!=m?m:{}})})}):null,eZ&&"composition-size"===U?(0,r.jsx)("div",{style:{...e1,width:G.width,height:G.height},onPointerDown:f?eq:void 0,onDoubleClick:g?eJ:void 0,children:eK}):null]}),(0,r.jsx)(eC,{})]}),eZ&&"player-size"===U?(0,r.jsx)("div",{style:eA,onPointerDown:f?eq:void 0,onDoubleClick:g?eJ:void 0,children:eK}):null,l?(0,r.jsx)(eg,{fps:G.fps,playing:ed.playing,toggle:ed.toggle,durationInFrames:G.durationInFrames,containerRef:$,onFullscreenButtonClick:eH,isFullscreen:eo,allowFullscreen:h,showVolumeControls:p,onExitFullscreenButtonClick:eV,spaceKeyToPlayOrPause:b,onSeekEnd:eU,onSeekStart:eO,inFrame:L,outFrame:N,initiallyShowControls:z,canvasSize:ee,renderFullscreenButton:B,renderPlayPauseButton:D,alwaysShowControls:_,showPlaybackRateControl:O,buffering:eM,hideControlsWhenPointerDoesntMove:J,onDoubleClick:g?eJ:void 0,onPointerDown:f?eq:void 0,renderMuteButton:H,renderVolumeSlider:V}):null]});
1return Z||eS&&!eF?(0,r.jsx)("div",{ref:$,style:eN,className:j,children:e2}):(0,r.jsx)("div",{ref:$,style:eN,className:j,children:(0,r.jsx)(o.Suspense,{fallback:eX,children:e2})})}),eL="remotion.volumePreference",eN=(e,t)=>{if("undefined"!=typeof window)try{window.localStorage.setItem(eL,String(e))}catch(e){i.Internals.Log.error(t,"Could not persist volume",e)}},eA=()=>{if("undefined"==typeof window)return 1;try{let e=window.localStorage.getItem(eL);return e?Number(e):1}catch(e){return 1}},ez="player-comp",eW=e=>{let{children:t,timelineContext:n,fps:s,compositionHeight:a,compositionWidth:l,durationInFrames:u,component:d,numberOfSharedAudioTags:c,initiallyMuted:h,logLevel:m}=e,f=(0,o.useMemo)(()=>({compositions:[{component:d,durationInFrames:u,height:a,width:l,fps:s,id:ez,nonce:777,folderName:null,parentFolderName:null,schema:null,calculateMetadata:null}],folders:[],registerFolder:()=>{},unregisterFolder:()=>{},registerComposition:()=>{},unregisterComposition:()=>{},currentCompositionMetadata:null,setCurrentCompositionMetadata:()=>{},canvasContent:{type:"composition",compositionId:"player-comp"},setCanvasContent:()=>{},updateCompositionDefaultProps:()=>{}}),[d,u,a,l,s]),[p,g]=(0,o.useState)(()=>h),[b,v]=(0,o.useState)(()=>eA()),w=(0,o.useMemo)(()=>({mediaMuted:p,mediaVolume:b}),[p,b]),y=(0,o.useCallback)(e=>{v(e),eN(e,m)},[m]),x=(0,o.useMemo)(()=>({setMediaMuted:g,setMediaVolume:y}),[y]),E=(0,o.useMemo)(()=>({logLevel:m,mountTime:Date.now()}),[m]);return(0,r.jsx)(i.Internals.LogLevelContext.Provider,{value:E,children:(0,r.jsx)(i.Internals.CanUseRemotionHooksProvider,{children:(0,r.jsx)(i.Internals.Timeline.TimelineContext.Provider,{value:n,children:(0,r.jsx)(i.Internals.CompositionManager.Provider,{value:f,children:(0,r.jsx)(i.Internals.ResolveCompositionConfig,{children:(0,r.jsx)(i.Internals.PrefetchProvider,{children:(0,r.jsx)(i.Internals.DurationsContextProvider,{children:(0,r.jsx)(i.Internals.MediaVolumeContext.Provider,{value:w,children:(0,r.jsx)(i.Internals.SetMediaVolumeContext.Provider,{value:x,children:(0,r.jsx)(i.Internals.SharedAudioContextProvider,{numberOfAudioTags:c,component:d,children:(0,r.jsx)(i.Internals.BufferingProvider,{children:t})})})})})})})})})})})},eB=!1,eD=(e,t)=>{e||eB||(eB=!0,i.Internals.Log.warn(t,"Note: Some companies are required to obtain a license to use Remotion. See: https://remotion.dev/license"),i.Internals.Log.warn(t,"Pass the `acknowledgeRemotionLicense` prop to `<Player />` function to make this message disappear."))},eH=(e,t)=>{if(null==e)return null!=e?e:null;if("number"!=typeof e)throw TypeError('"'.concat(t,'" must be a number, but is ').concat(JSON.stringify(e)));if(Number.isNaN(e))throw TypeError('"'.concat(t,'" must not be NaN, but is ').concat(JSON.stringify(e)));if(!Number.isFinite(e))throw TypeError('"'.concat(t,'" must be finite, but is ').concat(JSON.stringify(e)));if(e%1!=0)throw TypeError('"'.concat(t,'" must be an integer, but is ').concat(JSON.stringify(e)));return e},eV=e=>{let{inFrame:t,durationInFrames:n,outFrame:r}=e,i=eH(t,"inFrame"),o=eH(r,"outFrame");if(null!==i||null!==o){if(null!==i&&i>n-1)throw Error("inFrame must be less than (durationInFrames - 1), but is "+i);if(null!==o&&o>n-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 ".concat(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)}},e_=e=>{let{initialFrame:t,durationInFrames:n}=e;if("number"!=typeof n)throw Error("`durationInFrames` must be a number, but is ".concat(JSON.stringify(n)));if(void 0!==t){if("number"!=typeof t)throw Error("`initialFrame` must be a number, but is ".concat(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 ".concat(JSON.stringify(t)));if(t>n-1)throw Error("`initialFrame` must be less or equal than `durationInFrames - 1`, but is ".concat(JSON.stringify(t)))}},eO=e=>{if(void 0!==e){if(e>4)throw Error("The highest possible playback rate is 4. You passed: ".concat(e));if(e<-4)throw Error("The lowest possible playback rate is -4. You passed: ".concat(e));if(0===e)throw Error("A playback rate of 0 is not supported.")}},eU=s.NoReactInternals.validateFps,eq=s.NoReactInternals.validateDimension,eJ=s.NoReactInternals.validateDurationInFrames,eX=s.NoReactInternals.validateDefaultAndInputProps,eY=e=>"component"in e?e.component:null,eK=(0,o.forwardRef)((e,t)=>{let{durationInFrames:n,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:v=!0,moveToBeginningWhenEnded:w=!0,numberOfSharedAudioTags:y=5,errorFallback:x=()=>"â ï¸",playbackRate:E=1,renderLoading:C,className:k,showPosterWhenUnplayed:S,showPosterWhenEnded:j,showPosterWhenPaused:I,showPosterWhenBuffering:T,initialFrame:M,renderPoster:F,inFrame:R,outFrame:L,initiallyShowControls:N,renderFullscreenButton:A,renderPlayPauseButton:z,renderVolumeSlider:W,alwaysShowControls:B=!1,initiallyMuted:D=!1,showPlaybackRateControl:H=!1,posterFillMode:V="player-size",bufferStateDelayInMilliseconds:_,hideControlsWhenPointerDoesntMove:O=!0,overflowVisible:U=!1,renderMuteButton:q,browserMediaControl
1sBehavior:J,overrideInternalClassName:X,logLevel:Y="info",noSuspense:K,acknowledgeRemotionLicense:Z,...G}=e;if("undefined"!=typeof window&&(0,o.useLayoutEffect)(()=>{window.remotion_isPlayer=!0},[]),void 0!==G.defaultProps)throw Error("The <Player /> component does not accept `defaultProps`, but some were passed. Use `inputProps` instead.");let Q=eY(G);if((null==Q?void 0:Q.type)===i.Composition)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(Q===i.Composition)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)(()=>eD(!!Z,Y));let $=i.Internals.useLazyComponent({compProps:G,componentName:"Player",noSuspense:!!K});e_({initialFrame:M,durationInFrames:n});let[ee,et]=(0,o.useState)(()=>({[ez]:null!=M?M:0})),[en,er]=(0,o.useState)(!1),[ei]=(0,o.useState)("player-comp"),eo=(0,o.useRef)(null),es=(0,o.useRef)([]),ea=(0,o.useRef)(!1),[el,eu]=(0,o.useState)(E);if("number"!=typeof s)throw TypeError("'compositionHeight' must be a number but got '".concat(typeof s,"' instead"));if("number"!=typeof a)throw TypeError("'compositionWidth' must be a number but got '".concat(typeof a,"' instead"));if(eq(s,"compositionHeight","of the <Player /> component"),eq(a,"compositionWidth","of the <Player /> component"),eJ(n,{component:"of the <Player/> component",allowFloats:!1}),eU(l,"as a prop of the <Player/> component",!1),eX(u,"inputProps",null),eV({durationInFrames:n,inFrame:R,outFrame:L}),"boolean"!=typeof c&&void 0!==c)throw TypeError("'controls' must be a boolean or undefined but got '".concat(typeof c,"' instead"));if("boolean"!=typeof m&&void 0!==m)throw TypeError("'autoPlay' must be a boolean or undefined but got '".concat(typeof m,"' instead"));if("boolean"!=typeof h&&void 0!==h)throw TypeError("'loop' must be a boolean or undefined but got '".concat(typeof h,"' instead"));if("boolean"!=typeof b&&void 0!==b)throw TypeError("'doubleClickToFullscreen' must be a boolean or undefined but got '".concat(typeof b,"' instead"));if("boolean"!=typeof f&&void 0!==f)throw TypeError("'showVolumeControls' must be a boolean or undefined but got '".concat(typeof f,"' instead"));if("boolean"!=typeof p&&void 0!==p)throw TypeError("'allowFullscreen' must be a boolean or undefined but got '".concat(typeof p,"' instead"));if("boolean"!=typeof g&&void 0!==g)throw TypeError("'clickToPlay' must be a boolean or undefined but got '".concat(typeof g,"' instead"));if("boolean"!=typeof v&&void 0!==v)throw TypeError("'spaceKeyToPlayOrPause' must be a boolean or undefined but got '".concat(typeof v,"' instead"));if("number"!=typeof y||y%1!=0||!Number.isFinite(y)||Number.isNaN(y)||y<0)throw TypeError("'numberOfSharedAudioTags' must be an integer but got '".concat(y,"' instead"));eO(el),(0,o.useEffect)(()=>{eu(E)},[E]),(0,o.useImperativeHandle)(t,()=>eo.current,[]),(0,o.useState)(()=>{i.Internals.playbackLogging({logLevel:Y,message:"[player] Mounting <Player>. User agent = ".concat("undefined"==typeof navigator?"server":navigator.userAgent),tag:"player",mountTime:Date.now()})});let ed=(0,o.useMemo)(()=>({frame:ee,playing:en,rootId:ei,playbackRate:el,imperativePlaying:ea,setPlaybackRate:e=>{eu(e)},audioAndVideoTags:es}),[ee,el,en,ei]),ec=(0,o.useMemo)(()=>({setFrame:et,setPlaying:er}),[et]);"undefined"!=typeof window&&(0,o.useLayoutEffect)(()=>{i.Internals.CSSUtils.injectCSS(i.Internals.CSSUtils.makeDefaultPreviewCSS(".".concat(ek(X)),"#fff"))},[X]);let eh=(0,o.useMemo)(()=>null!=u?u:{},[u]),em=(0,o.useMemo)(()=>null!=J?J:{mode:"prevent-media-session"},[J]);return(0,r.jsx)(i.Internals.IsPlayerContextProvider,{children:(0,r.jsx)(eW,{timelineContext:ed,component:$,compositionHeight:s,compositionWidth:a,durationInFrames:n,fps:l,numberOfSharedAudioTags:y,initiallyMuted:D,logLevel:Y,children:(0,r.jsx)(i.Internals.Timeline.SetTimelineContext.Provider,{value:ec,children:(0,r.jsx)(P,{currentPlaybackRate:el,children:(0,r.jsx)(eR,{ref:eo,posterFillMode:V,renderLoading:C,autoPlay:!!m,loop:!!h,controls:!!c,errorFallback:x,style:d,inputProps:eh,allowFullscreen:!!p,moveToBeginningWhenEnded:!!w,clickToPlay:"boolean"==typeof g?g:!!c,showVolumeControls:!!f,doubleClickToFullscreen:!!b,spaceKeyToPlayOrPause:!!v,playbackRate:el,className:null!=k?k:void 0,showPosterWhenUnplayed:!!S,showPosterWhenEnded:!!j,showPosterWhenPaused:!!I,showPosterWhenBuffering:!!T,renderPoster:F,inFrame:null!=R?R:null,outFrame:null!=L?L:null,initiallyShowControls:null==N||N,renderFullscreen:null!=A?A:null,renderPlayPauseButton:null!=z?z:null,renderMuteButton:null!=q?q:null,renderVolumeSlider:null!=W?W:null,alwaysShowControls:B,showPlaybackRateControl:H,bufferStateDelayInMilliseconds:null!=_?_:300,hideControlsWhenPointerDoesntMove:O,overflowVisible:U,browserMediaControl
1sBehavior:em,overrideInternalClassName:null!=X?X:void 0,noSuspense:!!K})})})})})}),eZ=()=>{let e=(0,o.useContext)(C);if(!e)throw TypeError("Expected Player event emitter context");return(0,o.useMemo)(()=>({emitter:e}),[e])},eG=o.version.split(".")[0];if("0"===eG)throw Error("Version ".concat(eG,' of "react" is not supported by Remotion'));var eQ=parseInt(eG,10)>=18,e$=(0,o.forwardRef)((e,t)=>{var n,s;let{style:a,inputProps:l,errorFallback:u,renderLoading:d,className:c,overflowVisible:h,noSuspense:m,overrideInternalClassName:f}=e,p=i.Internals.useUnsafeVideoConfig(),g=i.Internals.useVideo(),b=(0,o.useRef)(null),E=W(b,{triggerOnWindowResize:!1,shouldApplyCssTransforms:!1}),C=(0,o.useMemo)(()=>p&&E?v({canvasSize:E,compositionHeight:p.height,compositionWidth:p.width,previewSize:"auto"}):null,[E,p]),k=null!==(n=null==C?void 0:C.scale)&&void 0!==n?n:1,S=eZ();j(S.emitter),(0,o.useImperativeHandle)(t,()=>Object.assign(S.emitter,{getContainerNode:()=>b.current,getScale:()=>k}),[k,S.emitter]);let P=g?g.component:null,I=(0,o.useMemo)(()=>w({config:p,style:a,canvasSize:E,overflowVisible:h,layout:C}),[E,p,C,h,a]),T=(0,o.useMemo)(()=>x({config:p,layout:C,scale:k,overflowVisible:h}),[p,C,h,k]),M=(0,o.useMemo)(()=>y({canvasSize:E,config:p,layout:C,scale:k,overflowVisible:h}),[E,p,C,h,k]),F=(0,o.useCallback)(e=>{S.emitter.dispatchError(e)},[S.emitter]),R=(0,o.useMemo)(()=>d?d({height:I.height,width:I.width,isBuffering:!1}):null,[I.height,I.width,d]),L=(0,o.useMemo)(()=>({type:"scale",scale:k}),[k]);if(!p)return null;let N=(0,r.jsx)("div",{style:T,children:(0,r.jsx)("div",{style:M,className:ek(f),children:P?(0,r.jsx)(ev,{onError:F,errorFallback:u,children:(0,r.jsx)(i.Internals.CurrentScaleContext.Provider,{value:L,children:(0,r.jsx)(P,{...null!==(s=null==g?void 0:g.props)&&void 0!==s?s:{},...null!=l?l:{}})})}):null})});return m||eS&&!eQ?(0,r.jsx)("div",{ref:b,style:I,className:c,children:N}):(0,r.jsx)("div",{ref:b,style:I,className:c,children:(0,r.jsx)(o.Suspense,{fallback:R,children:N})})}),e0=(0,o.forwardRef)((e,t)=>{let{frameToDisplay:n,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:v,...w}=e;"undefined"!=typeof window&&(0,o.useLayoutEffect)(()=>{window.remotion_isPlayer=!0},[]);let[y]=(0,o.useState)(()=>String((0,i.random)(null))),x=(0,o.useRef)(null),E=(0,o.useMemo)(()=>({playing:!1,frame:{[ez]:n},rootId:y,imperativePlaying:{current:!1},playbackRate:1,setPlaybackRate:()=>{throw Error("thumbnail")},audioAndVideoTags:{current:[]}}),[n,y]);(0,o.useImperativeHandle)(t,()=>x.current,[]);let k=i.Internals.useLazyComponent({compProps:w,componentName:"Thumbnail",noSuspense:!!v}),[j]=(0,o.useState)(()=>new S),P=(0,o.useMemo)(()=>null!=a?a:{},[a]);return(0,r.jsx)(i.Internals.IsPlayerContextProvider,{children:(0,r.jsx)(eW,{timelineContext:E,component:k,compositionHeight:l,compositionWidth:u,durationInFrames:d,fps:c,numberOfSharedAudioTags:0,initiallyMuted:!0,logLevel:b,children:(0,r.jsx)(C.Provider,{value:j,children:(0,r.jsx)(e$,{ref:x,className:h,errorFallback:m,inputProps:P,renderLoading:f,style:s,overflowVisible:p,overrideInternalClassName:g,noSuspense:!!v})})})})})}}]);
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.