{"version":3,"file":"YouTubePlayer.Da2FwsqB.mjs","names":["useState","_Fragment"],"sources":["https:/framerusercontent.com/modules/fC3AcDG6k820D101dVSp/AAM4BSj8NAf1DUNtzQAV/YouTubePlayer.js"],"sourcesContent":["// YouTube player component with two variants: thumbnail with play button and embedded video player\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,startTransition}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * YouTube Player\n *\n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 600\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function YouTubePlayer(props){const{videoId=\"dQw4w9WgXcQ\",thumbnail={src:\"https://framerusercontent.com/images/GfGkADagM4KEibNcIiRUWlfrR0.jpg\",alt:\"Video thumbnail\"},playButtonColor=\"#FF0000\",playButtonSize=80,playTriangleColor=\"#FFFFFF\",playTriangleSize=32,spinnerColor=\"#FFFFFF\",spinnerSize=60,spinnerBorderWidth=4,spinnerDuration=1.5,autoplay=true,borderRadius=0,playButtonRadius=50}=props;const[isPlaying,setIsPlaying]=useState(false);const[isLoading,setIsLoading]=useState(false);const handlePlayClick=()=>{startTransition(()=>{setIsLoading(true);// Simulate loading time before showing video\nsetTimeout(()=>{setIsPlaying(true);setIsLoading(false);},spinnerDuration*1e3);});};const handleKeyDown=e=>{if(e.key===\"Enter\"||e.key===\" \"){e.preventDefault();handlePlayClick();}};if(isPlaying){return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",position:\"relative\",overflow:\"hidden\",borderRadius},children:/*#__PURE__*/_jsx(\"iframe\",{width:\"100%\",height:\"100%\",src:`https://www.youtube.com/embed/${videoId}?autoplay=${autoplay?\"1\":\"0\"}`,title:\"YouTube video player\",allow:\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",allowFullScreen:true,style:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",border:0,borderRadius}})});}return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                    @keyframes ytPlayerSpin {\n                        0% { transform: rotate(0deg); }\n                        100% { transform: rotate(360deg); }\n                    }\n                `}),/*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",height:\"100%\",position:\"relative\",cursor:isLoading?\"wait\":\"pointer\",overflow:\"hidden\",borderRadius},onClick:isLoading?undefined:handlePlayClick,onKeyDown:isLoading?undefined:handleKeyDown,tabIndex:0,role:\"button\",\"aria-label\":\"Play video\",children:[/*#__PURE__*/_jsx(\"img\",{src:thumbnail.src,alt:thumbnail.alt,loading:\"lazy\",style:{width:\"100%\",height:\"100%\",objectFit:\"cover\",filter:isLoading?\"blur(8px)\":\"none\",transition:\"filter 0.3s ease\"}}),isLoading&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",backgroundColor:\"rgba(0, 0, 0, 0.4)\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},children:/*#__PURE__*/_jsx(\"div\",{style:{width:spinnerSize,height:spinnerSize,border:`${spinnerBorderWidth}px solid rgba(255, 255, 255, 0.3)`,borderTop:`${spinnerBorderWidth}px solid ${spinnerColor}`,borderRadius:\"50%\",animation:\"ytPlayerSpin 1s linear infinite\"}})}),!isLoading&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",top:\"50%\",left:\"50%\",transform:\"translate(-50%, -50%)\",width:playButtonSize,height:playButtonSize,borderRadius:`${playButtonRadius}%`,backgroundColor:playButtonColor,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",transition:\"transform 0.2s ease\",boxShadow:\"0 4px 12px rgba(0, 0, 0, 0.3)\"},onMouseEnter:e=>{e.currentTarget.style.transform=\"translate(-50%, -50%) scale(1.1)\";},onMouseLeave:e=>{e.currentTarget.style.transform=\"translate(-50%, -50%) scale(1)\";},children:/*#__PURE__*/_jsx(\"svg\",{width:playTriangleSize,height:playTriangleSize,viewBox:\"0 0 24 24\",fill:playTriangleColor,style:{marginLeft:playTriangleSize*.05},children:/*#__PURE__*/_jsx(\"path\",{d:\"M8 5v14l11-7z\"})})})]})]});}addPropertyControls(YouTubePlayer,{videoId:{type:ControlType.String,title:\"Video ID\",defaultValue:\"dQw4w9WgXcQ\",placeholder:\"Enter YouTube video ID\"},thumbnail:{type:ControlType.ResponsiveImage,title:\"Thumbnail\"},playButtonColor:{type:ControlType.Color,title:\"Play Button\",defaultValue:\"#FF0000\"},playButtonSize:{type:ControlType.Number,title:\"Button Size\",defaultValue:80,min:40,max:150,step:5,unit:\"px\"},playTriangleColor:{type:ControlType.Color,title:\"Triangle Color\",defaultValue:\"#FFFFFF\"},playTriangleSize:{type:ControlType.Number,title:\"Triangle Size\",defaultValue:32,min:16,max:80,step:2,unit:\"px\"},spinnerColor:{type:ControlType.Color,title:\"Spinner Color\",defaultValue:\"#FFFFFF\"},spinnerSize:{type:ControlType.Number,title:\"Spinner Size\",defaultValue:60,min:30,max:120,step:5,unit:\"px\"},spinnerBorderWidth:{type:ControlType.Number,title:\"Spinner Width\",defaultValue:4,min:2,max:10,step:1,unit:\"px\"},spinnerDuration:{type:ControlType.Number,title:\"Spinner Duration\",defaultValue:1.5,min:.5,max:5,step:.1,unit:\"s\"},autoplay:{type:ControlType.Boolean,title:\"Autoplay\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\"},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:0,min:0,max:50,step:1,unit:\"px\"},playButtonRadius:{type:ControlType.Number,title:\"Button Radius\",defaultValue:50,min:0,max:50,step:1,unit:\"%\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"YouTubePlayer\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"400\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"600\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./YouTubePlayer.map"],"mappings":"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"}