{"version":3,"file":"VideoOverlay.vl4XPyv8.mjs","names":["useRef","useCallback","useState","useMemo","React.useState","React.useRef","_Fragment"],"sources":["https:/framerusercontent.com/modules/lRDHiNWNVWmE0lqtoVHP/7qT0r3So12155VV5Jq5x/Video.js","https:/framerusercontent.com/modules/oQeF4znAkso5oO1aIKWa/Cz2xZd4AcPgETnWhhbcY/VideoOverlay.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsInCurrentNavigationTarget,RenderTarget}from\"framer\";import{isMotionValue,useInView}from\"framer-motion\";import{borderRadiusControl,defaultEvents,useIsBrowserSafari,useIsOnCanvas,useOnEnter,useOnExit,useRadius,useRenderTarget}from\"https://framerusercontent.com/modules/G4IfyjvwmaeSBpdb4TWu/OIjZRBmWDcIE2B6qgG1j/index.js\";// https://framer.com/m/framer/default-utils.js@^0.45.0\nimport{memo,useCallback,useEffect,useMemo,useRef,useState}from\"react\";var ObjectFitType;(function(ObjectFitType){ObjectFitType[\"Fill\"]=\"fill\";ObjectFitType[\"Contain\"]=\"contain\";ObjectFitType[\"Cover\"]=\"cover\";ObjectFitType[\"None\"]=\"none\";ObjectFitType[\"ScaleDown\"]=\"scale-down\";})(ObjectFitType||(ObjectFitType={}));var SrcType;(function(SrcType){SrcType[\"Video\"]=\"Upload\";SrcType[\"Url\"]=\"URL\";})(SrcType||(SrcType={}));const defaultVideo=\"https://framerusercontent.com/assets/MLWPbW1dUQawJLhhun3dBwpgJak.mp4\";// Reduce renders\nfunction getProps(props){const{width,height,topLeft,topRight,bottomRight,bottomLeft,id,children,...rest}=props;return rest;}/**\n * VIDEO\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 112\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export function Video(props){const newProps=getProps(props);return /*#__PURE__*/_jsx(VideoMemo,{...newProps});}function usePlaybackControls(videoRef){const isInCurrentNavigationTarget=useIsInCurrentNavigationTarget();const requestingPlay=useRef(false);const isPlayingRef=useRef(false);const setProgress=useCallback(rawProgress=>{if(!videoRef.current)return;const newProgress=(rawProgress===1?.999:rawProgress)*videoRef.current.duration;const isAlreadySet=Math.abs(videoRef.current.currentTime-newProgress)<.1;if(videoRef.current.duration>0&&!isAlreadySet){videoRef.current.currentTime=newProgress;}},[]);const play=useCallback(()=>{const video=videoRef.current;if(!video)return;video.preload=\"auto\"// makes sure browsers don't throttle: https://html.spec.whatwg.org/multipage/media.html#:~:text=When%20the%20media%20resource%20is%20playing%2C%20hints%20to%20the%20user%20agent%20that%20bandwidth%20is%20to%20be%20considered%20scarce%2C%20e.g.%20suggesting%20throttling%20the%20download%20so%20that%20the%20media%20data%20is%20obtained%20at%20the%20slowest%20possible%20rate%20that%20still%20maintains%20consistent%20playback.\n;const isPlaying=video.currentTime>0&&video.onplaying&&!video.paused&&!video.ended&&video.readyState>=video.HAVE_CURRENT_DATA;if(!isPlaying&&video&&!requestingPlay.current&&isInCurrentNavigationTarget){requestingPlay.current=true;isPlayingRef.current=true;video.play().catch(e=>{})// It's likely fine, swallow error\n.finally(()=>requestingPlay.current=false);}},[]);const pause=useCallback(()=>{if(!videoRef.current||requestingPlay.current)return;videoRef.current.pause();isPlayingRef.current=false;},[]);return{play,pause,setProgress,isPlaying:isPlayingRef};}function useAutoplayBehavior({playingProp,muted,loop,playsinline,controls}){const[initialPlayingProp]=useState(()=>playingProp);const[hasPlayingPropChanged,setHasPlayingPropChanged]=useState(false);if(playingProp!==initialPlayingProp&&!hasPlayingPropChanged){setHasPlayingPropChanged(true);}const behavesAsGif=// passing `playing === true` on mount indicates that the video should\n// autoplay, like a GIF\ninitialPlayingProp&&muted&&loop&&playsinline&&!controls&&// Some users of the <Video> component use it by wrapping it with\n// another smart component and adding their own controls on top. (The\n// controls use transitions to control the video: e.g., when clicking\n// the play button, the smart component will transition to a state with\n// <Video playing={true} />.) In this case, we don't want the video to\n// behave as a gif, as it will be weird if the video suddenly started\n// acting as such (and auto-pausing when leaving the viewport) as soon\n// as the site visitor mutes it and clicks “Play”.\n!hasPlayingPropChanged;let autoplay;if(behavesAsGif)autoplay=\"on-viewport\";else if(initialPlayingProp)autoplay=\"on-mount\";else autoplay=\"no-autoplay\";return autoplay;}const VideoMemo=/*#__PURE__*/memo(function VideoInner(props){const{// default props\nsrcType=\"URL\",srcUrl,srcFile=\"\",posterEnabled=false,controls=false,playing=true,loop=true,muted=true,playsinline=true,restartOnEnter=false,objectFit=\"cover\",backgroundColor=\"rgba(0,0,0,0)\",radius=0,volume=25,startTime:startTimeProp=0,poster,playing:playingProp,progress,onSeeked,onPause,onPlay,onEnd,onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp}=props;const videoRef=useRef();const isSafari=useIsBrowserSafari();const wasPausedOnLeave=useRef(null);const wasEndedOnLeave=useRef(null);const isOnCanvas=useIsOnCanvas();const renderTarget=useRenderTarget();const isStaticRenderer=isOnCanvas||renderTarget===RenderTarget.export;const borderRadius=useRadius(props);// Hard-coding `autoplayBehavior` and `isInViewport` when on canvas as a\n// tiny perf optimization. isStaticRenderer won’t change through the lifecycle of\n// the component, so using these hooks conditionally should be safe\nconst autoplayBehavior=isStaticRenderer?\"no-autoplay\":useAutoplayBehavior({playingProp,muted,loop,playsinline,controls});const isInViewport=isStaticRenderer?true:useInView(videoRef);const isCloseToViewport=isStaticRenderer?false:useInView(videoRef,{margin:\"10%\",once:true});// Video elements behave oddly at 100% duration\nconst startTime=startTimeProp===100?99.9:startTimeProp;const{play,pause,setProgress,isPlaying}=usePlaybackControls(videoRef);// Pause/play via props\nuseEffect(()=>{if(isStaticRenderer)return;if(autoplayBehavior===\"on-viewport\")return;if(playingProp)play();else pause();},[autoplayBehavior,playingProp]);// Pause/play via viewport\nuseEffect(()=>{if(isStaticRenderer)return;// this also explicitly retries playing for videos that play on-mount, which could fail if they're not muted for example\nif(isInViewport&&playingProp&&autoplayBehavior!==\"no-autoplay\")play();if(autoplayBehavior!==\"on-viewport\")return;pause();},[autoplayBehavior,isInViewport,playingProp]);useEffect(()=>{if(!isOnCanvas||poster||posterEnabled||startTime||!videoRef.current)return;// forces a poster to show up when the video is in an iframe; this is needed when `poster` changes\nvideoRef.current.currentTime=.01;},[posterEnabled,poster,startTime]);/**\n     * The Video component has some effects that sync the video element with props\n     * like `startTime`, `progress`, etc. React calls these effects whenever these\n     * props change. However, it also calls them on the first mount, and this is\n     * troublesome – if we’re doing SSR, and the user changed the video state before\n     * the video was hydrated, the initial `useEffect` call will reset the video\n     * state. To avoid this, we use this flag.\n     */const isMountedAndReadyForProgressChanges=useRef(false);// Allow scrubbling via progress prop\n// 1) Handle cases when the progress prop itself changes\nuseEffect(()=>{if(!isMountedAndReadyForProgressChanges.current){isMountedAndReadyForProgressChanges.current=true;return;}const rawProgressValue=isMotionValue(progress)?progress.get():(progress??0)*.01;setProgress(// When the progress value exists (e.g. <Video startTime={10}\n// progress={50} />), we respect the `progress` value over\n// `startTime`, even if `startTime` changes. That’s because\n// `startTime` == start == changing it shouldn’t affect the current\n// progress\n(rawProgressValue??0)||// Then why fall back to `startTime` when `progress` doesn’t exist,\n// you might ask? Now, that’s for\n// - canvas UX: we want the video progress to change when the user\n//   is scrobbling the “Start Time” in component settings.\n// - backwards compatibility: maybe some users *are* scrobbling\n//   using `startTime` instead of `progress`? We don’t know, and it\n//   always supported it, so let’s not break it\n(startTime??0)/100);},[startTime,srcFile,srcUrl,progress]);// 2) Handle cases when the motion value inside the progress prop changes\nuseEffect(()=>{if(!isMotionValue(progress))return;return progress.on(\"change\",value=>setProgress(value));},[progress]);// (Prototyping) Checking if we need to play on navigation enter\nuseOnEnter(()=>{if(wasPausedOnLeave.current===null)return;if(videoRef.current){// if (restartOnEnter) setProgress(0)\nif(!wasEndedOnLeave&&loop||!wasPausedOnLeave.current)play();}});// (Prototyping) Pausing & saving playing state on navigation exit\nuseOnExit(()=>{if(videoRef.current){wasEndedOnLeave.current=videoRef.current.ended;wasPausedOnLeave.current=videoRef.current.paused;pause();}});const src=useMemo(()=>{let fragment=\"\";// if (\n//     startTime > 0 &&\n//     videoRef.current &&\n//     !isNaN(videoRef.current.duration) &&\n//     !isStaticRenderer\n// ) {\n//     console.log(startTime, videoRef.current.duration)\n//     fragment = `#t=${startTime * videoRef.current.duration}`\n// }\nif(srcType===\"URL\")return srcUrl+fragment;if(srcType===\"Upload\")return srcFile+fragment;},[srcType,srcFile,srcUrl,startTime]);// Autoplay via JS to work in Safari\nuseEffect(()=>{if(isSafari&&videoRef.current&&autoplayBehavior===\"on-mount\"){setTimeout(()=>play(),50);}},[]);// Volume Control\nuseEffect(()=>{if(videoRef.current&&!muted)videoRef.current.volume=(volume??0)/100;},[volume]);// When video is ready, set start-time, then autoplay if needed\nconst handleReady=()=>{const video=videoRef.current;if(!video)return;if(video.currentTime<.3&&startTime>0)setProgress((startTime??0)*.01);if(// when the component updates (e.g. only srcFile/url changes), and the video was already playing, keep playing\nisPlaying.current||autoplayBehavior===\"on-mount\"||playingProp&&autoplayBehavior===\"on-viewport\"&&isInViewport)play();};return /*#__PURE__*/_jsx(\"video\",{onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp,src:src,loop:loop,ref:videoRef,onSeeked:e=>onSeeked?.(e),onPause:e=>onPause?.(e),onPlay:e=>onPlay?.(e),onEnded:e=>onEnd?.(e),autoPlay:isPlaying.current||autoplayBehavior===\"on-mount\"||playingProp&&autoplayBehavior===\"on-viewport\"&&isInViewport,preload:isPlaying.current?\"auto\":isStaticRenderer&&!poster?\"metadata\":autoplayBehavior!==\"on-mount\"&&!isCloseToViewport?\"none\":// `autoplay` overrides this too\n\"metadata\",poster:posterEnabled&&!srcFile&&srcUrl===defaultVideo?\"https://framerusercontent.com/images/5ILRvlYXf72kHSVHqpa3snGzjU.jpg\":posterEnabled&&poster?poster:undefined,onLoadedData:handleReady,controls:controls,muted:isStaticRenderer?true:muted,playsInline:playsinline,style:{cursor:!!onClick?\"pointer\":\"auto\",width:\"100%\",height:\"100%\",borderRadius,display:\"block\",objectFit:objectFit,backgroundColor:backgroundColor,objectPosition:\"50% 50%\"}});});Video.displayName=\"Video\";function capitalizeFirstLetter(value){return value.charAt(0).toUpperCase()+value.slice(1);}export function titleCase(value){const groups=value.match(/[A-Z]{2,}|[A-Z][a-z]+|[a-z]+|[A-Z]|\\d+/gu)||[];return groups.map(capitalizeFirstLetter).join(\" \");}const objectFitOptions=[\"cover\",\"fill\",\"contain\",\"scale-down\",\"none\"];addPropertyControls(Video,{srcType:{type:ControlType.Enum,displaySegmentedControl:true,title:\"Source\",options:[\"URL\",\"Upload\"]},srcUrl:{type:ControlType.String,title:\"URL\",defaultValue:\"https://framerusercontent.com/assets/MLWPbW1dUQawJLhhun3dBwpgJak.mp4\",hidden(props){return props.srcType===\"Upload\";}},srcFile:{type:ControlType.File,title:\"File\",allowedFileTypes:[\"mp4\",\"webm\"],hidden(props){return props.srcType===\"URL\";}},playing:{type:ControlType.Boolean,title:\"Playing\",enabledTitle:\"Yes\",disabledTitle:\"No\"},...borderRadiusControl,posterEnabled:{type:ControlType.Boolean,title:\"Poster\",enabledTitle:\"Yes\",disabledTitle:\"No\"},poster:{type:ControlType.Image,title:\"Image\",hidden:({posterEnabled})=>!posterEnabled,description:\"We recommend adding a poster. [Learn more](https://www.framer.com/help/articles/how-are-videos-optimized-in-framer/).\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"rgba(0,0,0,0)\"},startTime:{title:\"Start Time\",type:ControlType.Number,min:0,max:100,step:.1,unit:\"%\"},loop:{type:ControlType.Boolean,title:\"Loop\",enabledTitle:\"Yes\",disabledTitle:\"No\"},objectFit:{type:ControlType.Enum,title:\"Fit\",options:objectFitOptions,optionTitles:objectFitOptions.map(titleCase)},// restartOnEnter: {\n//     type: ControlType.Boolean,\n//     title: \"On ReEnter\",\n//     enabledTitle: \"Restart\",\n//     disabledTitle: \"Resume\",\n// },\ncontrols:{type:ControlType.Boolean,title:\"Controls\",enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:false},muted:{type:ControlType.Boolean,title:\"Muted\",enabledTitle:\"Yes\",disabledTitle:\"No\"},volume:{type:ControlType.Number,max:100,min:0,unit:\"%\",hidden:({muted})=>muted,defaultValue:25},onEnd:{type:ControlType.EventHandler},onSeeked:{type:ControlType.EventHandler},onPause:{type:ControlType.EventHandler},onPlay:{type:ControlType.EventHandler},...defaultEvents});\nexport const __FramerMetadata__ = {\"exports\":{\"VideoProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"titleCase\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Video\":{\"type\":\"reactComponent\",\"name\":\"Video\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"112\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicWidth\":\"200\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Video.map","import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import*as React from\"react\";import{createPortal}from\"react-dom\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function VideoOverlay(props){const{videoUrl,effect,containerWidth,maxWidth,buttonLabel,buttonUrl,buttonSpacing,showButton,buttonFont,buttonColor,buttonIcon,buttonIconSize}=props;const[isOpen,setIsOpen]=React.useState(false);const[btnHover,setBtnHover]=React.useState(\"idle\");// Refs to reach the media elements\nconst videoRef=React.useRef(null);const iframeRef=React.useRef(null);const isEmbed=videoUrl.includes(\"youtube.com\")||videoUrl.includes(\"youtu.be\")||videoUrl.includes(\"vimeo.com\");const isYouTube=videoUrl.includes(\"youtube.com\")||videoUrl.includes(\"youtu.be\");const isVimeo=videoUrl.includes(\"vimeo.com\");const getEmbedUrl=url=>{const youtubeMatch=url.match(/(?:youtube\\.com\\/(?:watch\\?v=|embed\\/|v\\/)|youtu\\.be\\/)([^?&/]+)/);const vimeoMatch=url.match(/(?:vimeo\\.com\\/|player\\.vimeo\\.com\\/video\\/)(\\d+)/);if(youtubeMatch){// enablejsapi=1 is required for postMessage control\nreturn`https://www.youtube.com/embed/${youtubeMatch[1]}?autoplay=1&controls=1&enablejsapi=1`;}else if(vimeoMatch){return`https://player.vimeo.com/video/${vimeoMatch[1]}?autoplay=1&controls=1`;}return url;};const pauseVideo=()=>{if(isEmbed&&iframeRef.current){if(isYouTube){// YouTube IFrame API postMessage\niframeRef.current.contentWindow.postMessage(JSON.stringify({event:\"command\",func:\"pauseVideo\",args:[]}),\"*\");}else if(isVimeo){// Vimeo player postMessage\niframeRef.current.contentWindow.postMessage(JSON.stringify({method:\"pause\"}),\"*\");}}else if(videoRef.current){videoRef.current.pause();}};const handleOverlayClick=e=>{e.stopPropagation();setIsOpen(false);};const handleCloseClick=e=>{e.stopPropagation();setIsOpen(false);};const handleVideoContainerClick=e=>{e.stopPropagation();};const handleWatchButtonClick=e=>{// Stop propagation so the overlay doesn't close\ne.stopPropagation();pauseVideo();// Let the href navigate normally (default not prevented)\n};const iconSize=buttonIconSize||16;const iconColor=buttonColor||\"#ffffff\";const hasCustomIcon=buttonIcon&&typeof buttonIcon===\"string\";const fontStyle=buttonFont||{};const DefaultArrow=({className})=>/*#__PURE__*/_jsx(\"svg\",{className:className,width:iconSize,height:iconSize,viewBox:\"0 0 16 16\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M3 13L13 3M13 3H5M13 3V11\",stroke:iconColor,strokeWidth:\"1.75\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})});const CustomIcon=({className})=>/*#__PURE__*/_jsx(\"img\",{className:className,src:buttonIcon,width:iconSize,height:iconSize,style:{objectFit:\"contain\",display:\"block\"}});const IconComponent=hasCustomIcon?CustomIcon:DefaultArrow;const outClass=btnHover===\"in\"?\"icon-exit\":btnHover===\"out\"?\"icon-return\":\"icon-rest\";const inClass=btnHover===\"in\"?\"icon-enter\":btnHover===\"out\"?\"icon-leave\":\"icon-waiting\";return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`\n        .close-button {\n            position: absolute;\n            top: -48px;\n            right: 0;\n            background: rgba(28, 28, 28, 0.6);\n            backdrop-filter: blur(8px);\n            cursor: pointer;\n            width: 40px;\n            height: 40px;\n            border: 1px solid #767676;\n            border-radius: 50px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .video-container {\n            position: relative;\n            width: ${containerWidth}%;\n            max-width: ${maxWidth}px;\n        }\n\n        .video-wrapper {\n            position: relative;\n            width: 100%;\n            padding-bottom: 56.25%;\n            height: 0;\n        }\n\n        .video-wrapper iframe,\n        .video-wrapper video {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            border-radius: 8px;\n            border: none;\n        }\n\n        .overlay {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100vw;\n            height: 100vh;\n            background-color: rgba(0, 0, 0, 0.8);\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            z-index: 1000;\n        }\n\n        .arrow-icon-wrapper {\n            position: relative;\n            width: ${iconSize}px;\n            height: ${iconSize}px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            flex-shrink: 0;\n        }\n\n        .arrow-icon-wrapper > * {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n        }\n\n        .icon-rest   { transform: translate(-50%, -50%); opacity: 1; animation: none; }\n        .icon-exit   { animation: arrowOut 0.25s ease forwards; }\n        .icon-return { animation: arrowReturn 0.25s ease forwards; }\n\n        .icon-waiting { transform: translate(-150%, 50%); opacity: 0; animation: none; }\n        .icon-enter   { animation: arrowIn 0.25s ease forwards; }\n        .icon-leave   { animation: arrowLeave 0.25s ease forwards; }\n\n        @keyframes arrowOut {\n            from { transform: translate(-50%, -50%); opacity: 1; }\n            to   { transform: translate(50%, -150%); opacity: 0; }\n        }\n        @keyframes arrowIn {\n            from { transform: translate(-150%, 50%); opacity: 0; }\n            to   { transform: translate(-50%, -50%); opacity: 1; }\n        }\n        @keyframes arrowLeave {\n            from { transform: translate(-50%, -50%); opacity: 1; }\n            to   { transform: translate(50%, -150%); opacity: 0; }\n        }\n        @keyframes arrowReturn {\n            from { transform: translate(-150%, 50%); opacity: 0; }\n            to   { transform: translate(-50%, -50%); opacity: 1; }\n        }\n\n        .watch-button-row {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        @media (min-width: 768px) {\n            .close-button {\n                top: -56px;\n                width: 48px;\n                height: 48px;\n            }\n        }\n        `}),/*#__PURE__*/_jsx(\"button\",{style:{width:\"100%\",height:\"100%\",cursor:\"pointer\",background:\"transparent\",border:\"none\",padding:0,outline:\"none\"},onClick:()=>setIsOpen(true),children:isOpen&&/*#__PURE__*/createPortal(/*#__PURE__*/_jsx(\"div\",{className:\"overlay\",style:{animation:effectStyles[effect]||\"none\"},onClick:handleOverlayClick,children:/*#__PURE__*/_jsxs(\"div\",{className:\"video-container\",children:[/*#__PURE__*/_jsx(\"button\",{className:\"close-button\",onClick:handleCloseClick,children:/*#__PURE__*/_jsx(\"svg\",{width:\"15\",height:\"14\",viewBox:\"0 0 15 14\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M14.1476 0.868337L13.3274 0L7.17537 6.12945L1.02338 0L0.203125 0.868337L6.35512 6.99779L0.203125 13.1272L1.02338 13.9445L7.17537 7.81505L13.3274 13.9445L14.1476 13.1272L8.04695 6.99779L14.1476 0.868337Z\",fill:\"white\"})})}),/*#__PURE__*/_jsx(\"div\",{className:\"video-wrapper\",onClick:handleVideoContainerClick,children:isEmbed?/*#__PURE__*/_jsx(\"iframe\",{ref:iframeRef,src:getEmbedUrl(videoUrl),allow:\"autoplay; fullscreen\",allowFullScreen:true}):/*#__PURE__*/_jsx(\"video\",{ref:videoRef,src:videoUrl,controls:true,autoPlay:true})}),showButton&&buttonUrl&&/*#__PURE__*/_jsx(\"div\",{className:\"watch-button-row\",style:{marginTop:buttonSpacing},onClick:handleVideoContainerClick,children:/*#__PURE__*/_jsxs(\"a\",{href:buttonUrl,target:\"_blank\",rel:\"noopener noreferrer\",onMouseEnter:()=>setBtnHover(\"in\"),onMouseLeave:()=>setBtnHover(\"out\"),onClick:handleWatchButtonClick,style:{...fontStyle,display:\"inline-flex\",alignItems:\"center\",gap:\"8px\",background:\"transparent\",color:iconColor,padding:\"12px 4px\",border:\"none\",cursor:\"pointer\",textDecoration:\"none\",whiteSpace:\"nowrap\"},children:[buttonLabel,/*#__PURE__*/_jsxs(\"span\",{className:\"arrow-icon-wrapper\",children:[/*#__PURE__*/_jsx(IconComponent,{className:outClass}),/*#__PURE__*/_jsx(IconComponent,{className:inClass})]})]})})]})}),document.body)})]});}const effectStyles={\"Fade In\":\"fadeIn 0.3s ease-in-out\",\"Slide from Top\":\"slideFromTop 0.3s ease-in-out\",\"Slide from Bottom\":\"slideFromBottom 0.3s ease-in-out\",\"Scale In\":\"scaleIn 0.3s ease-in-out\"};addPropertyControls(VideoOverlay,{videoUrl:{type:ControlType.String,title:\"Video URL\",defaultValue:\"https://www.w3schools.com/html/mov_bbb.mp4\"},containerWidth:{type:ControlType.Number,title:\"Width (%)\",defaultValue:90,min:10,max:100,step:1},maxWidth:{type:ControlType.Number,defaultValue:1200,min:200,max:2e3,step:5},effect:{type:ControlType.Enum,title:\"Effect\",options:[\"None\",\"Fade In\",\"Slide from Top\",\"Slide from Bottom\",\"Scale In\"],defaultValue:\"Fade In\"},showButton:{type:ControlType.Boolean,title:\"Show Button\",defaultValue:true},buttonLabel:{type:ControlType.String,title:\"Label\",defaultValue:\"Watch on YouTube\",hidden:props=>!props.showButton},buttonUrl:{type:ControlType.String,title:\"Button URL\",defaultValue:\"https://www.youtube.com\",hidden:props=>!props.showButton},buttonSpacing:{type:ControlType.Number,title:\"Spacing\",defaultValue:20,min:0,max:80,step:1,unit:\"px\",hidden:props=>!props.showButton},buttonColor:{type:ControlType.Color,title:\"Color\",defaultValue:\"#ffffff\",hidden:props=>!props.showButton},buttonFont:{type:ControlType.Font,title:\"Font\",controls:\"extended\",defaultFontType:\"sans-serif\",hidden:props=>!props.showButton},buttonIcon:{type:ControlType.Image,title:\"Icon (SVG/PNG)\",hidden:props=>!props.showButton},buttonIconSize:{type:ControlType.Number,title:\"Icon Size\",defaultValue:16,min:8,max:64,step:1,unit:\"px\",hidden:props=>!props.showButton}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"VideoOverlay\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./VideoOverlay.map"],"mappings":"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"}