{"version":3,"file":"Controls_Light_Video.CJsigScO.mjs","names":["useRef","useState","useCallback"],"sources":["https:/framerusercontent.com/modules/oXwlAmXBaF0ZLiTV3TU7/Is1QLqwiMaGuPZOXxEot/Controls_Light_Video.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{forwardRef,startTransition,useCallback,useEffect,useRef,useState}from\"react\";function assignRef(ref,value){if(!ref)return;if(typeof ref===\"function\"){ref(value);return;}ref.current=value;}export function withNativeVideoControlsLV(Component){return /*#__PURE__*/forwardRef(function WithNativeVideoControls(props,ref){const wrapperRef=useRef(null);const hostRef=useRef(null);const videoRef=useRef(null);const[isPlaying,setIsPlaying]=useState(false);const setCombinedRef=useCallback(node=>{hostRef.current=node;assignRef(ref,node);},[ref]);useEffect(()=>{if(typeof window===\"undefined\")return;const host=hostRef.current;const wrapper=wrapperRef.current;const video=host&&host instanceof HTMLVideoElement?host:host?.querySelector(\"video\")??wrapper?.querySelector(\"video\");if(!video)return;videoRef.current=video;video.controls=false;const syncState=()=>{startTransition(()=>setIsPlaying(!video.paused&&!video.ended));};syncState();video.addEventListener(\"play\",syncState);video.addEventListener(\"pause\",syncState);video.addEventListener(\"ended\",syncState);return()=>{video.removeEventListener(\"play\",syncState);video.removeEventListener(\"pause\",syncState);video.removeEventListener(\"ended\",syncState);videoRef.current=null;};},[]);const onTogglePlay=useCallback(event=>{event.preventDefault();event.stopPropagation();const video=videoRef.current;if(!video)return;if(video.paused||video.ended){void video.play().catch(()=>{});}else{video.pause();}},[]);const onRestart=useCallback(event=>{event.preventDefault();event.stopPropagation();const video=videoRef.current;if(!video)return;video.currentTime=0;void video.play().catch(()=>{});},[]);return /*#__PURE__*/_jsxs(\"div\",{ref:wrapperRef,style:{position:\"relative\",width:\"100%\",height:\"100%\"},children:[/*#__PURE__*/_jsx(Component,{ref:setCombinedRef,...props}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"absolute\",left:12,bottom:12,display:\"flex\",gap:8,alignItems:\"center\",pointerEvents:\"none\"},children:[/*#__PURE__*/_jsx(\"button\",{type:\"button\",\"aria-label\":isPlaying?\"Pause video\":\"Play video\",onClick:onTogglePlay,style:playPauseButtonStyle,children:isPlaying?/*#__PURE__*/_jsx(PauseIcon,{large:true}):/*#__PURE__*/_jsx(PlayIcon,{large:true})}),/*#__PURE__*/_jsx(\"button\",{type:\"button\",\"aria-label\":\"Restart video\",onClick:onRestart,style:buttonStyle,children:/*#__PURE__*/_jsx(RestartIcon,{})})]})]});});}const buttonStyle={width:36,height:36,borderRadius:\"999px\",border:\"1px solid rgba(255, 255, 255, 0.28)\",background:\"rgba(0, 0, 0, 0.15)\",boxShadow:\"0 4px 10px rgba(0, 0, 0, 0.18)\",backdropFilter:\"blur(10px)\",WebkitBackdropFilter:\"blur(10px)\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",pointerEvents:\"auto\",padding:0,cursor:\"pointer\"};const playPauseButtonStyle={...buttonStyle,width:54,height:54};function PlayIcon({large=false}){return /*#__PURE__*/_jsx(\"span\",{style:{width:0,height:0,borderTop:`${large?9:6}px solid transparent`,borderBottom:`${large?9:6}px solid transparent`,borderLeft:`${large?15:10}px solid rgba(255, 255, 255, 0.95)`,marginLeft:large?3:2}});}function PauseIcon({large=false}){return /*#__PURE__*/_jsxs(\"span\",{style:{display:\"flex\",gap:large?4.5:3},children:[/*#__PURE__*/_jsx(\"span\",{style:{width:large?4.5:3,height:large?18:12,borderRadius:1,background:\"rgba(255, 255, 255, 0.95)\"}}),/*#__PURE__*/_jsx(\"span\",{style:{width:large?4.5:3,height:large?18:12,borderRadius:1,background:\"rgba(255, 255, 255, 0.95)\"}})]});}function RestartIcon(){return /*#__PURE__*/_jsx(\"span\",{style:{position:\"relative\",width:14,height:14,borderRadius:\"50%\",border:\"2px solid rgba(255, 255, 255, 0.95)\",borderRightColor:\"transparent\",transform:\"rotate(-28deg)\",boxSizing:\"border-box\"},children:/*#__PURE__*/_jsx(\"span\",{style:{position:\"absolute\",right:-3,top:1,width:0,height:0,borderTop:\"3px solid transparent\",borderBottom:\"3px solid transparent\",borderLeft:\"5px solid rgba(255, 255, 255, 0.95)\",transform:\"rotate(20deg)\"}})});}\nexport const __FramerMetadata__ = {\"exports\":{\"withNativeVideoControlsLV\":{\"type\":\"reactHoc\",\"name\":\"withNativeVideoControlsLV\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Controls_Light_Video.map"],"mappings":"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"}