{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/6ffgsaDzsjdxRp9dCkQD/yJx69ySkr8Vo5V1RbVRq/VideoFrameShared.js", "ssg:https://framerusercontent.com/modules/qocbKKZPr1xgBC57i5yM/q7TpnacFVZLVqH8I8RwC/VideoButton.js", "ssg:https://framerusercontent.com/modules/TFUhPSseN16SF0tHwmJ1/h5f9trAZqR4n392ZlpML/VolumeSlider.js", "ssg:https://framerusercontent.com/modules/YmggAKcrSS4eit65RsW2/zfGKTwPn1RbblQpz3q0w/ProgressBar.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{ControlType}from\"framer\";import{createStore}from\"https://framer.com/m/framer/store.js@^1.0.0\";import{motion}from\"framer-motion\";export const VIDEO_ID_ATTRIBUTE=\"custom-video-id\";export const useVideoStore=createStore({});export const speeds=[\"0.25\",\"0.5\",\"0.75\",\"1\",\"1.25\",\"1.5\",\"2\",\"3\"];export const playbackQualityOptions=[\"small\",\"medium\",\"large\",\"hd720\",\"hd1080\",\"highres\",\"default\"];export const playbackQualityTitles={small:[\"Small\",\"240p\"],medium:[\"Medium\",\"360p\"],large:[\"Large\",\"480p\"],hd720:[\"HD 720\",\"720p\"],hd1080:[\"HD 1080\",\"1080p\"],highres:[\"4K\",\"4K\"],default:[\"Auto\",\"Auto\"]};export const createId=()=>\"a\"+String(Math.floor(Math.random()*999999999));export function getVideoId(element){while(element){let id=element.getAttribute(VIDEO_ID_ATTRIBUTE);if(id){return id;}element=element.parentElement;}return null;}export function Icon({image,color,size,style={},defaultImage}){let colorValue=color||((image===null||image===void 0?void 0:image.src)?undefined:\"#999\");return /*#__PURE__*/_jsx(\"div\",{\"aria-label\":image===null||image===void 0?void 0:image.alt,style:{width:size,height:size,minWidth:size,minHeight:size,pointerEvents:\"none\",backgroundColor:colorValue,backgroundImage:colorValue?\"none\":`url('${image===null||image===void 0?void 0:image.src}')`,maskImage:(image===null||image===void 0?void 0:image.src)?`url('${image===null||image===void 0?void 0:image.src}')`:defaultImage,backgroundSize:\"contain\",backgroundPosition:\"center\",maskSize:\"contain\",maskPosition:\"center\",...style}});}Icon.displayName=\"VideoFrame/Icon\";export function borderProp({defaultValue=false}={}){return{type:ControlType.Object,optional:true,defaultValue:defaultValue?{color:\"#999\"}:undefined,controls:{color:{type:ControlType.Color,defaultValue:\"#999\"},width:{type:ControlType.Padding,defaultValue:\"1px\"},style:{type:ControlType.Enum,defaultValue:\"solid\",options:[\"solid\",\"dashed\",\"dotted\",\"double\"],optionTitles:[\"Solid\",\"Dashed\",\"Dotted\",\"Double\"]}}};}export function Border({width,style,color,borderRadius=\"inherit\",transition=null,opacity=1}){return /*#__PURE__*/_jsx(motion.div,{animate:{borderColor:color,opacity},style:{position:\"absolute\",inset:0,borderWidth:width,borderStyle:style,borderRadius,pointerEvents:\"none\"},initial:false,transition:transition});}Border.displayName=\"VideoFrame/Border\";\nexport const __FramerMetadata__ = {\"exports\":{\"createId\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useVideoStore\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"VIDEO_ID_ATTRIBUTE\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"playbackQualityOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"borderProp\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Border\":{\"type\":\"reactComponent\",\"name\":\"Border\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"Icon\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"playbackQualityTitles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getVideoId\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"speeds\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./VideoFrameShared.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useEffect,useState,useRef}from\"react\";import{Icon,useVideoStore,getVideoId}from\"https://framerusercontent.com/modules/6ffgsaDzsjdxRp9dCkQD/yJx69ySkr8Vo5V1RbVRq/VideoFrameShared.js\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n * @framerIntrinsicWidth 40\n * @framerIntrinsicHeight 40\n * @framerDisableUnlink\n */export default function VideoButton(props){var _state_videoRef,_state_playerRef;const{type,skipTime}=props;const[videoState,setVideoState]=useVideoStore();const[videoId,setVideoId]=useState(null);const state=videoState[videoId];const ref=useRef(null);const videoRef=state===null||state===void 0?void 0:(_state_videoRef=state.videoRef)===null||_state_videoRef===void 0?void 0:_state_videoRef.current;const playerRef=state===null||state===void 0?void 0:(_state_playerRef=state.playerRef)===null||_state_playerRef===void 0?void 0:_state_playerRef.current;useEffect(()=>{setVideoState({});},[]);useEffect(()=>{const videoId=getVideoId(ref.current);setVideoId(videoId);},[ref]);let icon=null;let defaultIcon=null;let onClick=null;switch(type){case\"play\":icon=(state===null||state===void 0?void 0:state.playing)?props.pauseIcon:props.playIcon;defaultIcon=(state===null||state===void 0?void 0:state.playing)?`url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='currentColor' class='icon icon-tabler icons-tabler-filled icon-tabler-player-pause'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 4h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h2a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2z' /%3E%3Cpath d='M17 4h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h2a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2z' /%3E%3C/svg%3E\")`:`url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='currentColor' class='icon icon-tabler icons-tabler-filled icon-tabler-player-play'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 4v16a1 1 0 0 0 1.524 .852l13 -8a1 1 0 0 0 0 -1.704l-13 -8a1 1 0 0 0 -1.524 .852z' /%3E%3C/svg%3E\")`;onClick=()=>{if(state===null||state===void 0?void 0:state.setPlaying){state.setPlaying(!state.playing);}};break;case\"fullscreen\":icon=props.fullscreenIcon;defaultIcon=`url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-arrows-maximize'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16 4l4 0l0 4' /%3E%3Cpath d='M14 10l6 -6' /%3E%3Cpath d='M8 20l-4 0l0 -4' /%3E%3Cpath d='M4 20l6 -6' /%3E%3Cpath d='M16 20l4 0l0 -4' /%3E%3Cpath d='M14 14l6 6' /%3E%3Cpath d='M8 4l-4 0l0 4' /%3E%3Cpath d='M4 4l6 6' /%3E%3C/svg%3E\")`;onClick=()=>{if(state===null||state===void 0?void 0:state.setFullscreen){state.setFullscreen(!state.fullscreen);}};break;case\"skipForward\":icon=props.skipIcon;defaultIcon=`url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-reload'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19.933 13.041a8 8 0 1 1 -9.925 -8.788c3.899 -1 7.935 1.007 9.425 4.747' /%3E%3Cpath d='M20 4v5h-5' /%3E%3C/svg%3E\")`;onClick=()=>{if(state===null||state===void 0?void 0:state.setTime){state.setTime(state.getTime()+skipTime);}};break;case\"skipBackward\":icon=props.skipIcon;defaultIcon=`url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.06694 13.041C4.25577 14.4809 4.83302 15.8423 5.73677 16.9792C6.64053 18.116 7.83669 18.9853 9.19698 19.494C10.5573 20.0027 12.0304 20.1315 13.4583 19.8666C14.8862 19.6017 16.2151 18.953 17.3024 17.9903C18.3897 17.0275 19.1944 15.787 19.6303 14.4016C20.0661 13.0163 20.1166 11.5384 19.7764 10.1266C19.4361 8.7147 18.718 7.42208 17.699 6.38734C16.6799 5.3526 15.3984 4.61477 13.9919 4.25298C10.0929 3.25298 6.05694 5.25998 4.56694 8.99998' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 4V9H9' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\")`;onClick=()=>{if(state===null||state===void 0?void 0:state.setTime){state.setTime(state.getTime()-skipTime);}};break;case\"mute\":icon=(state===null||state===void 0?void 0:state.muted)?props.unmuteIcon:props.muteIcon;defaultIcon=(state===null||state===void 0?void 0:state.muted)?`url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-volume-off'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15 8a5 5 0 0 1 1.912 4.934m-1.377 2.602a5 5 0 0 1 -.535 .464' /%3E%3Cpath d='M17.7 5a9 9 0 0 1 2.362 11.086m-1.676 2.299a9 9 0 0 1 -.686 .615' /%3E%3Cpath d='M9.069 5.054l.431 -.554a.8 .8 0 0 1 1.5 .5v2m0 4v8a.8 .8 0 0 1 -1.5 .5l-3.5 -4.5h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l1.294 -1.664' /%3E%3Cpath d='M3 3l18 18' /%3E%3C/svg%3E\")`:`url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-volume'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15 8a5 5 0 0 1 0 8' /%3E%3Cpath d='M17.7 5a9 9 0 0 1 0 14' /%3E%3Cpath d='M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a.8 .8 0 0 1 1.5 .5v14a.8 .8 0 0 1 -1.5 .5l-3.5 -4.5' /%3E%3C/svg%3E\")`;onClick=()=>{if(state===null||state===void 0?void 0:state.setMuted){state.setMuted(!state.muted);}};break;case\"pictureInPicture\":icon=props.pictureInPictureIcon;defaultIcon=`url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-picture-in-picture'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M11 19h-6a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4' /%3E%3Cpath d='M14 14m0 1a1 1 0 0 1 1 -1h5a1 1 0 0 1 1 1v3a1 1 0 0 1 -1 1h-5a1 1 0 0 1 -1 -1z' /%3E%3C/svg%3E\")`;onClick=()=>{if(state===null||state===void 0?void 0:state.setPiP){state.setPiP(!state.pip);}};break;case\"restart\":icon=props.restartIcon;defaultIcon=`url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='currentColor' class='icon icon-tabler icons-tabler-filled icon-tabler-player-track-prev'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20.341 4.247l-8 7a1 1 0 0 0 0 1.506l8 7c.647 .565 1.659 .106 1.659 -.753v-14c0 -.86 -1.012 -1.318 -1.659 -.753z' /%3E%3Cpath d='M9.341 4.247l-8 7a1 1 0 0 0 0 1.506l8 7c.647 .565 1.659 .106 1.659 -.753v-14c0 -.86 -1.012 -1.318 -1.659 -.753z' /%3E%3C/svg%3E\")`;onClick=()=>{if(state===null||state===void 0?void 0:state.setTime){state.setTime(0);}};break;case\"toggleLoop\":icon=(state===null||state===void 0?void 0:state.loop)?props.loopOnIcon:props.loopOffIcon;defaultIcon=(state===null||state===void 0?void 0:state.loop)?`url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-repeat'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 12v-3a3 3 0 0 1 3 -3h13m-3 -3l3 3l-3 3' /%3E%3Cpath d='M20 12v3a3 3 0 0 1 -3 3h-13m3 3l-3 -3l3 -3' /%3E%3C/svg%3E\")`:`url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-repeat-off'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 12v-3c0 -1.336 .873 -2.468 2.08 -2.856m3.92 -.144h10m-3 -3l3 3l-3 3' /%3E%3Cpath d='M20 12v3a3 3 0 0 1 -.133 .886m-1.99 1.984a3 3 0 0 1 -.877 .13h-13m3 3l-3 -3l3 -3' /%3E%3Cpath d='M3 3l18 18' /%3E%3C/svg%3E\")`;onClick=()=>{if(state===null||state===void 0?void 0:state.setLoop){state.setLoop(!state.loop);}};break;}return /*#__PURE__*/_jsx(\"div\",{\"data-videoframe\":true,ref:ref,onMouseEnter:props.hoverEvent,onClick:()=>{var _props_clickEvent;onClick===null||onClick===void 0?void 0:onClick();(_props_clickEvent=props.clickEvent)===null||_props_clickEvent===void 0?void 0:_props_clickEvent.call(props);},style:{display:\"flex\",alignItems:\"center\",justifyContent:\"center\",cursor:\"pointer\",...props.style},children:/*#__PURE__*/_jsx(Icon,{image:icon,color:props.iconColor,size:props.iconSize,defaultImage:defaultIcon})});}VideoButton.displayName=\"Video Button\";addPropertyControls(VideoButton,{type:{type:ControlType.Enum,defaultValue:\"play\",options:[\"play\",\"fullscreen\",\"skipForward\",\"skipBackward\",\"mute\",\"pictureInPicture\",\"restart\",\"toggleLoop\"],optionTitles:[\"Play/Pause\",\"Fullscreen\",\"Skip Forward\",\"Skip Backward\",\"Mute\",\"Picture-in-Picture\",\"Restart\",\"Toggle Loop\"],title:\"Action\"},skipTime:{type:ControlType.Number,defaultValue:10,min:1,step:1,displayStepper:true,unit:\"s\",title:\"Time\",hidden:props=>props.type!==\"skipForward\"&&props.type!==\"skipBackward\"},playIcon:{type:ControlType.ResponsiveImage,hidden:props=>props.type!==\"play\"},pauseIcon:{type:ControlType.ResponsiveImage,hidden:props=>props.type!==\"play\"},fullscreenIcon:{type:ControlType.ResponsiveImage,title:\"Fullscreen\",hidden:props=>props.type!==\"fullscreen\"},minimizeIcon:{type:ControlType.ResponsiveImage,title:\"Minimize\",hidden:props=>props.type!==\"fullscreen\"},skipIcon:{type:ControlType.ResponsiveImage,title:\"Icon\",hidden:props=>props.type!==\"skipForward\"&&props.type!==\"skipBackward\"},muteIcon:{type:ControlType.ResponsiveImage,title:\"Mute\",hidden:props=>props.type!==\"mute\"},unmuteIcon:{type:ControlType.ResponsiveImage,title:\"Unmute\",hidden:props=>props.type!==\"mute\"},pictureInPictureIcon:{type:ControlType.ResponsiveImage,title:\"Icon\",hidden:props=>props.type!==\"pictureInPicture\"},restartIcon:{type:ControlType.ResponsiveImage,title:\"Icon\",hidden:props=>props.type!==\"restart\"},loopOnIcon:{type:ControlType.ResponsiveImage,title:\"Loop On\",hidden:props=>props.type!==\"toggleLoop\"},loopOffIcon:{type:ControlType.ResponsiveImage,title:\"Loop Off\",hidden:props=>props.type!==\"toggleLoop\"},iconColor:{type:ControlType.Color,defaultValue:\"#FFF\",optional:true},iconSize:{type:ControlType.Number,defaultValue:20,min:1,step:1,displayStepper:true},hoverEvent:{type:ControlType.EventHandler,title:\"Hover\"},clickEvent:{type:ControlType.EventHandler,title:\"Click\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"VideoButton\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"40\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"40\",\"framerDisableUnlink\":\"\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./VideoButton.map", "import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{useEffect,useState,useRef}from\"react\";import{useVideoStore,getVideoId,createId,Icon}from\"https://framerusercontent.com/modules/6ffgsaDzsjdxRp9dCkQD/yJx69ySkr8Vo5V1RbVRq/VideoFrameShared.js\";const DEFAULT_ICONS=[`url(\"data:image/svg+xml,${encodeURIComponent('<svg  xmlns=\"http://www.w3.org/2000/svg\"  width=\"24\"  height=\"24\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"#FFF\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\"><path d=\"M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a.8 .8 0 0 1 1.5 .5v14a.8 .8 0 0 1 -1.5 .5l-3.5 -4.5\" /><path d=\"M16 10l4 4m0 -4l-4 4\" /></svg>')}\")`,`url(\"data:image/svg+xml,${encodeURIComponent('<svg  xmlns=\"http://www.w3.org/2000/svg\"  width=\"24\"  height=\"24\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"#FFF\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\"><path d=\"M15 8a5 5 0 0 1 0 8\" /><path d=\"M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a.8 .8 0 0 1 1.5 .5v14a.8 .8 0 0 1 -1.5 .5l-3.5 -4.5\" /></svg>')}\")`,`url(\"data:image/svg+xml,${encodeURIComponent('<svg  xmlns=\"http://www.w3.org/2000/svg\"  width=\"24\"  height=\"24\"  viewBox=\"0 0 24 24\"  fill=\"none\"  stroke=\"#FFF\"  stroke-width=\"2\"  stroke-linecap=\"round\"  stroke-linejoin=\"round\"><path d=\"M15 8a5 5 0 0 1 0 8\" /><path d=\"M17.7 5a9 9 0 0 1 0 14\" /><path d=\"M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a.8 .8 0 0 1 1.5 .5v14a.8 .8 0 0 1 -1.5 .5l-3.5 -4.5\" /></svg>')}\")`];/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any\n * @framerIntrinsicWidth 150\n * @framerDisableUnlink\n */export default function VolumeSlider(props){var _handle_border,_handle_border1;const{line,handle,icon}=props;const isCanvas=RenderTarget.current()===RenderTarget.canvas;const id=props.id||createId();const[videoState,setVideoState]=useVideoStore();const[videoId,setVideoId]=useState(null);const[isDragging,setIsDragging]=useState(false);const[dragValue,setDragValue]=useState(0);const state=videoState[videoId];const ref=useRef(null);const inputRef=useRef(null);const wasPlayingRef=useRef(false);const value=isCanvas?props.preview/100:isDragging?dragValue:state?state.volume:1;useEffect(()=>{setVideoState({});},[]);useEffect(()=>{const videoId=getVideoId(ref.current);setVideoId(videoId);},[ref]);var _handle_border_color;const handleCSS=`appearance: none;\n        -webkit-appearance: none;\n        width: ${handle.size}px;\n        height: ${handle.size}px;\n        border-radius: ${handle.radius};\n        background-color: ${handle.fill};\n        box-sizing: border-box;\n        translate: 0 ${(-handle.size+line.height)/2-(line.border?Math.min(line.border.width,line.height/2):0)}px;\n        border-width: ${((_handle_border=handle.border)===null||_handle_border===void 0?void 0:_handle_border.width)||0}px;\n        border-style: ${handle.border?\"solid\":\"none\"};\n        border-color: ${(_handle_border_color=(_handle_border1=handle.border)===null||_handle_border1===void 0?void 0:_handle_border1.color)!==null&&_handle_border_color!==void 0?_handle_border_color:\"none\"};\n        box-shadow: ${handle.shadows};`;const lineCSS=`appearance: none;\n        -webkit-appearance: none;\n        height: ${line.height}px;`;const onIconClick=()=>{if((icon===null||icon===void 0?void 0:icon.clickAction)===\"toggleMute\"&&state){state.setMuted(!state.muted);}};const onChange=event=>{if(isDragging){const newValue=Number(event.target.value);if(state){state.setVolume(newValue);}setDragValue(newValue);}};const onDragStart=()=>{setIsDragging(true);};const onDragEnd=()=>{if(state){state.setVolume(dragValue);}setIsDragging(false);};const icons=icon?[icon.muted,icon.middle,icon.full]:[];const iconIndex=state?state.muted||state.volume==0?0:state.volume>=.75?2:1:2;return /*#__PURE__*/_jsxs(\"div\",{\"data-videoframe\":true,ref:ref,id:id,style:{display:\"flex\",flexDirection:(icon===null||icon===void 0?void 0:icon.location)==\"right\"?\"row-reverse\":\"row\",alignItems:\"center\",gap:icon===null||icon===void 0?void 0:icon.gap,...props.style},children:[icon&&/*#__PURE__*/_jsx(\"div\",{onClick:onIconClick,style:{width:icon.size,height:icon.size,cursor:icon.clickAction===\"toggleMute\"?\"pointer\":undefined},children:/*#__PURE__*/_jsx(Icon,{image:icons[iconIndex],color:icon.color,size:icon.size,defaultImage:DEFAULT_ICONS[iconIndex]})}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",flex:1,height:Math.max(handle.size,line.height),display:\"flex\",flexDirection:\"row\",alignItems:\"center\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{height:line.height,background:`linear-gradient(to right, ${line.leftColor} ${value*100}%, ${line.rightColor} ${value*100}%)`,boxShadow:line.shadows,borderRadius:line.radius,flex:1}}),/*#__PURE__*/_jsx(\"input\",{ref:inputRef,type:\"range\",name:props.name,min:0,max:1,step:.01,value:value,onChange:onChange,onMouseDown:onDragStart,onMouseUp:onDragEnd,style:{position:\"absolute\",inset:0,display:\"block\",appearance:\"none\",outline:\"none\",margin:0,cursor:\"pointer\",background:\"none\"}})]}),/*#__PURE__*/_jsx(\"style\",{children:`#${id} input[type=range]::-webkit-slider-thumb {${handleCSS}}\n                #${id} input[type=range]::-moz-range-thumb {${handleCSS}}\n\n                #${id} input[type=range]::-webkit-slider-runnable-track {${lineCSS}}\n                #${id} input[type=range]::-moz-range-track {${lineCSS}}\n                #${id} input[type=range]::-moz-range-progress {${lineCSS}}`})]});}VolumeSlider.displayName=\"Volume Slider\";addPropertyControls(VolumeSlider,{icon:{type:ControlType.Object,optional:true,defaultValue:{color:\"#FFF\",size:20},controls:{clickAction:{type:ControlType.Enum,defaultValue:\"none\",options:[\"toggleMute\",\"none\"],optionTitles:[\"Mute/Unmute\",\"None\"],displaySegmentedControl:true,segmentedControlDirection:\"vertical\"},muted:{type:ControlType.ResponsiveImage},middle:{type:ControlType.ResponsiveImage},full:{type:ControlType.ResponsiveImage},color:{type:ControlType.Color,optional:true,defaultValue:\"#FFF\"},size:{type:ControlType.Number,defaultValue:20,min:1,step:1,displayStepper:true},gap:{type:ControlType.Number,defaultValue:8,min:0,step:1,displayStepper:true},location:{type:ControlType.Enum,defaultValue:\"left\",options:[\"left\",\"right\"],optionTitles:[\"Left\",\"Right\"],displaySegmentedControl:true}}},line:{type:ControlType.Object,buttonTitle:\"Style\",controls:{height:{type:ControlType.Number,defaultValue:4,min:1,step:1,displayStepper:true},leftColor:{type:ControlType.Color,defaultValue:\"#FFF\"},rightColor:{type:ControlType.Color,defaultValue:\"rgba(187, 187, 187, 0.3)\"},radius:{type:ControlType.BorderRadius,defaultValue:\"2px\"},shadows:{type:ControlType.BoxShadow}}},handle:{type:ControlType.Object,buttonTitle:\"Style\",icon:\"boolean\",controls:{size:{type:ControlType.Number,defaultValue:16,min:0,step:1},fill:{type:ControlType.Color,defaultValue:\"#FFF\"},radius:{type:ControlType.BorderRadius,defaultValue:\"8px\"},border:{type:ControlType.Object,optional:true,controls:{color:{type:ControlType.Color,defaultValue:\"#222\"},width:{type:ControlType.Number,defaultValue:1,min:0,step:1,displayStepper:true},style:{type:ControlType.Enum,defaultValue:\"solid\",options:[\"solid\",\"dashed\",\"dotted\",\"double\"],optionTitles:[\"Solid\",\"Dashed\",\"Dotted\",\"Double\"]}}},shadows:{type:ControlType.BoxShadow,defaultValue:\"0px 4px 6px 0px rgba(0, 0, 0, 0.2)\"}}},preview:{type:ControlType.Number,defaultValue:50,min:0,max:100,step:1,unit:\"%\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"VolumeSlider\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerDisableUnlink\":\"\",\"framerSupportedLayoutHeight\":\"any\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"150\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./VolumeSlider.map", "import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{useEffect,useState,useRef}from\"react\";import{useVideoStore,getVideoId,createId}from\"https://framerusercontent.com/modules/6ffgsaDzsjdxRp9dCkQD/yJx69ySkr8Vo5V1RbVRq/VideoFrameShared.js\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any\n * @framerIntrinsicWidth 200\n * @framerDisableUnlink\n */export default function ProgressBar(props){var _handle_border,_handle_border1;const{line,handle}=props;const isCanvas=RenderTarget.current()===RenderTarget.canvas;const id=props.id||createId();const[videoState,setVideoState]=useVideoStore();const[videoId,setVideoId]=useState(null);const[isDragging,setIsDragging]=useState(false);const[dragValue,setDragValue]=useState(0);const[videoTime,setVideoTime]=useState(0);const[loadedTime,setLoadedTime]=useState(0);const state=videoState[videoId];const duration=(state===null||state===void 0?void 0:state.duration)||0;const ref=useRef(null);const inputRef=useRef(null);const wasPlayingRef=useRef(false);useEffect(()=>{const callback=time=>{if(time[0]!==null){setVideoTime(time[0]);}if(time[1]!==null){setLoadedTime(time[1]);}};if(state===null||state===void 0?void 0:state.addTimeCallback){state.addTimeCallback(callback);}return()=>{if(state===null||state===void 0?void 0:state.removeTimeCallback){state.removeTimeCallback(callback);}};},[!state]);useEffect(()=>{setVideoState({});},[]);useEffect(()=>{const videoId=getVideoId(ref.current);setVideoId(videoId);},[ref]);const value=isDragging?dragValue:videoTime;const step=.1;var _handle_border_color;const handleCSS=`appearance: none;\n        -webkit-appearance: none;\n        width: ${handle.size}px;\n        height: ${handle.size}px;\n        border-radius: ${handle.radius};\n        background-color: ${handle.fill};\n        box-sizing: border-box;\n        border-width: ${((_handle_border=handle.border)===null||_handle_border===void 0?void 0:_handle_border.width)||0}px;\n        border-style: ${handle.border?\"solid\":\"none\"};\n        border-color: ${(_handle_border_color=(_handle_border1=handle.border)===null||_handle_border1===void 0?void 0:_handle_border1.color)!==null&&_handle_border_color!==void 0?_handle_border_color:\"none\"};\n        box-shadow: ${handle.shadows};`;const lineCSS=`appearance: none;\n        -webkit-appearance: none;\n        height: ${line.height}px;`;const percent=isCanvas?props.preview:getPercentage(value,0,duration);const loadedPercent=getPercentage(loadedTime,0,duration);const onChange=event=>{if(isDragging){const newTime=Number(event.target.value);setDragValue(newTime);}};const onDragStart=()=>{if(state===null||state===void 0?void 0:state.playing){wasPlayingRef.current=true;state.setPlaying(false);}setIsDragging(true);};const onDragEnd=()=>{if(state){state.setTime(dragValue);if(wasPlayingRef.current){wasPlayingRef.current=false;state.setPlaying(true);}}setIsDragging(false);};return /*#__PURE__*/_jsxs(\"div\",{\"data-videoframe\":true,ref:ref,id:id,style:{display:\"flex\",flexDirection:\"row\",alignItems:\"center\",...props.style},children:[/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",flex:1,height:Math.max(handle.size,line.height),display:\"flex\",flexDirection:\"row\",alignItems:\"center\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{height:line.height,background:loadedPercent>percent&&line.loadedFill?`linear-gradient(to right, ${line.playedFill} ${percent}%, ${line.loadedFill} ${percent}%, ${line.loadedFill} ${loadedPercent}%, ${line.unplayedFill} ${loadedPercent}%)`:`linear-gradient(to right, ${line.playedFill} ${percent}%, ${line.unplayedFill} ${percent}%)`,boxShadow:line.shadows,borderRadius:line.radius,flex:1}}),/*#__PURE__*/_jsx(\"input\",{ref:inputRef,type:\"range\",name:props.name,min:0,max:isCanvas?100:duration,step:step,value:isCanvas?props.preview:value,onChange:onChange,onMouseDown:onDragStart,onMouseUp:onDragEnd,style:{position:\"absolute\",inset:0,display:\"block\",appearance:\"none\",outline:\"none\",margin:0,cursor:\"pointer\",background:\"none\"}})]}),/*#__PURE__*/_jsx(\"style\",{children:`#${id} input[type=range]::-webkit-slider-thumb {${handleCSS}\n                    translate: 0 ${(-handle.size+line.height)/2-(line.border?Math.min(line.border.width,line.height/2):0)}px;    \n                }\n                #${id} input[type=range]::-moz-range-thumb {${handleCSS}}\n\n                #${id} input[type=range]::-webkit-slider-runnable-track {${lineCSS}}\n                #${id} input[type=range]::-moz-range-track {${lineCSS}}\n                #${id} input[type=range]::-moz-range-progress {${lineCSS}}`})]});}ProgressBar.displayName=\"Progress Bar\";addPropertyControls(ProgressBar,{line:{type:ControlType.Object,buttonTitle:\"Style\",controls:{height:{type:ControlType.Number,defaultValue:4,min:1,step:1,displayStepper:true},playedFill:{type:ControlType.Color,defaultValue:\"#FFF\",title:\"Played\"},unplayedFill:{type:ControlType.Color,defaultValue:\"rgba(187, 187, 187, 0.3)\",title:\"Unplayed\"},loadedFill:{type:ControlType.Color,optional:true,defaultValue:\"rgba(187, 187, 187, 0.5)\",title:\"Loaded\",description:\"Only for YouTube and Vimeo videos\"},radius:{type:ControlType.BorderRadius,defaultValue:\"2px\"},shadows:{type:ControlType.BoxShadow}}},handle:{type:ControlType.Object,buttonTitle:\"Style\",icon:\"boolean\",controls:{size:{type:ControlType.Number,defaultValue:16,min:0,step:1},fill:{type:ControlType.Color,defaultValue:\"#FFF\"},radius:{type:ControlType.BorderRadius,defaultValue:\"8px\"},border:{type:ControlType.Object,optional:true,controls:{color:{type:ControlType.Color,defaultValue:\"#222\"},width:{type:ControlType.Number,defaultValue:1,min:0,step:1,displayStepper:true},style:{type:ControlType.Enum,defaultValue:\"solid\",options:[\"solid\",\"dashed\",\"dotted\",\"double\"],optionTitles:[\"Solid\",\"Dashed\",\"Dotted\",\"Double\"]}}},shadows:{type:ControlType.BoxShadow,defaultValue:\"0px 4px 6px 0px rgba(0, 0, 0, 0.2)\"}}},preview:{type:ControlType.Number,defaultValue:50,min:0,max:100,step:1,unit:\"%\"}});function getPercentage(value,min,max){if(min===max){return value===min?0:100;}// Ensure min is less than max by swapping if necessary\nif(min>max){[min,max]=[max,min];}// Clamp the value to be within the min and max range\nvalue=Math.max(min,Math.min(value,max));const percentage=(value-min)/(max-min)*100;return percentage;}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ProgressBar\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"200\",\"framerSupportedLayoutHeight\":\"any\",\"framerDisableUnlink\":\"\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ProgressBar.map"],
  "mappings": "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",
  "names": ["VIDEO_ID_ATTRIBUTE", "useVideoStore", "createStore", "speeds", "createId", "getVideoId", "element", "id", "VIDEO_ID_ATTRIBUTE", "Icon", "image", "color", "size", "style", "defaultImage", "colorValue", "p", "Border", "width", "style", "color", "borderRadius", "transition", "opacity", "p", "motion", "VideoButton", "props", "_state_videoRef", "_state_playerRef", "type", "skipTime", "videoState", "setVideoState", "useVideoStore", "videoId", "setVideoId", "ye", "state", "ref", "pe", "videoRef", "playerRef", "ue", "getVideoId", "icon", "defaultIcon", "onClick", "p", "_props_clickEvent", "Icon", "addPropertyControls", "ControlType", "DEFAULT_ICONS", "VolumeSlider", "props", "_handle_border", "_handle_border1", "line", "handle", "icon", "isCanvas", "RenderTarget", "id", "createId", "videoState", "setVideoState", "useVideoStore", "videoId", "setVideoId", "ye", "isDragging", "setIsDragging", "dragValue", "setDragValue", "state", "ref", "pe", "inputRef", "wasPlayingRef", "value", "ue", "getVideoId", "_handle_border_color", "handleCSS", "lineCSS", "onIconClick", "onChange", "event", "newValue", "onDragStart", "onDragEnd", "icons", "iconIndex", "u", "p", "Icon", "addPropertyControls", "ControlType", "ProgressBar", "props", "_handle_border", "_handle_border1", "line", "handle", "isCanvas", "RenderTarget", "id", "createId", "videoState", "setVideoState", "useVideoStore", "videoId", "setVideoId", "ye", "isDragging", "setIsDragging", "dragValue", "setDragValue", "videoTime", "setVideoTime", "loadedTime", "setLoadedTime", "state", "duration", "ref", "pe", "inputRef", "wasPlayingRef", "ue", "callback", "time", "getVideoId", "value", "step", "_handle_border_color", "handleCSS", "lineCSS", "percent", "getPercentage", "loadedPercent", "onChange", "event", "newTime", "onDragStart", "onDragEnd", "u", "p", "addPropertyControls", "ControlType", "min", "max"]
}