{"version":3,"file":"YouTube.Cl7zgPot.mjs","names":["useReducer","useState","_Fragment","__esmMin","init_npm_react_18_3_1","ye","l","_e","p","addPropertyControls","init_framer_B6PCHH0A","ControlType","useIsOnCanvas","emptyStateStyle","borderRadiusControl","containerStyles","useRadius","init_OIjZRBmWDcIE2B6qgG1j","defaultEvents","init_default_utils_js__0_45","Youtube","props","onCanvas","isAutoplay","play","showThumbnail","thumbnail","isPreloading","preloadVideo","showVideo","startVideo","isHovered","setHovered","borderRadius","hasBorderRadius","url","Instructions","parsedURL","parseVideoURL","ErrorMessage","videoId","embedURL","originalSearchParams","searchParams","param","value","shouldMute","isRed","iframeProps","title","wrapperStyle","getThumbnailURL","videoStyle","PlayButton","urlString","getEmbedURL","pathSegments","page","pre","ext","res","centerTextStyle","message","buttonStyle","PlayOptions","ThumbnailOptions","init_YouTube","init_jsx_runtime","\"Normal\"","\"Auto\"","\"Loop\"","\"High\"","\"Medium\"","\"Low\"","\"Off\""],"sources":["https:/framer.com/m/framer/default-utils.js@^0.45.0","https:/framerusercontent.com/modules/NEd4VmDdsxM3StIUbddO/4sbLnuatuUfmOTwFGSJM/YouTube.js"],"sourcesContent":["/*\n * index (framer/default-utils@0.45.0)\n *\n * Learn More: https://www.framer.com/asset-urls\n */\n\nexport * from \"https://framerusercontent.com/modules/G4IfyjvwmaeSBpdb4TWu/OIjZRBmWDcIE2B6qgG1j/index.js\"\n","import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useReducer,useState}from\"react\";import{ControlType,addPropertyControls}from\"framer\";import{useIsOnCanvas,emptyStateStyle,containerStyles,defaultEvents,useRadius,borderRadiusControl}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";var PlayOptions;(function(PlayOptions){PlayOptions[\"Normal\"]=\"Off\";PlayOptions[\"Auto\"]=\"On\";PlayOptions[\"Loop\"]=\"Loop\";})(PlayOptions||(PlayOptions={}));var ThumbnailOptions;(function(ThumbnailOptions){ThumbnailOptions[\"High\"]=\"High Quality\";ThumbnailOptions[\"Medium\"]=\"Medium Quality\";ThumbnailOptions[\"Low\"]=\"Low Quality\";ThumbnailOptions[\"Off\"]=\"Off\";})(ThumbnailOptions||(ThumbnailOptions={}));/**\n * @framerIntrinsicWidth 560\n * @framerIntrinsicHeight 315\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n *\n * @framerComponentPresetProps isRed, borderRadius\n */export function Youtube({url,play,shouldMute,thumbnail,isRed,onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp,title,...props}){const onCanvas=useIsOnCanvas();const isAutoplay=play!==\"Off\";const showThumbnail=onCanvas||thumbnail!==\"Off\"&&!isAutoplay;const[isPreloading,preloadVideo]=useReducer(()=>true,false);const[showVideo,startVideo]=useReducer(()=>true,!showThumbnail);const[isHovered,setHovered]=useState(false);const borderRadius=useRadius(props);const hasBorderRadius=borderRadius!==\"0px 0px 0px 0px\"&&borderRadius!==\"0px\";if(url===\"\"){return /*#__PURE__*/_jsx(Instructions,{});}const parsedURL=parseVideoURL(url);if(parsedURL===undefined){return /*#__PURE__*/_jsx(ErrorMessage,{message:\"Invalid Youtube URL.\"});}const[videoId,embedURL,originalSearchParams]=parsedURL;const searchParams=embedURL.searchParams;if(originalSearchParams){for(const[param,value]of originalSearchParams){searchParams.set(param,value);if(param===\"t\")searchParams.set(\"start\",value)// embeds have to use `start`, but copying via right-click usually gives you `t=`\n;}}// https://developers.google.com/youtube/player_parameters\nsearchParams.set(\"iv_load_policy\",\"3\");searchParams.set(\"rel\",\"0\");searchParams.set(\"modestbranding\",\"1\");searchParams.set(\"playsinline\",\"1\");if(!showVideo){// if a browser does not support `loading=lazy`, make sure the video doesn't start playing in the background\nsearchParams.set(\"autoplay\",\"0\");}else if(isAutoplay||// when there is no thumbnail, we don't want to autoplay, unless video is started\nshowThumbnail&&showVideo){searchParams.set(\"autoplay\",\"1\");}if(isAutoplay&&shouldMute){searchParams.set(\"mute\",\"1\");}if(play===\"Loop\"){searchParams.set(\"loop\",\"1\");searchParams.set(\"playlist\",videoId);}if(!isRed){searchParams.set(\"color\",\"white\");}const iframeProps={title:title||\"Youtube Video\",allow:\"presentation; fullscreen; accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\",src:embedURL.href,frameBorder:\"0\",onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp};return /*#__PURE__*/_jsxs(\"article\",{onPointerEnter:()=>setHovered(true),onPointerLeave:()=>setHovered(false),onPointerOver:preloadVideo,onKeyDown:startVideo,onClick:startVideo,style:{...wrapperStyle,borderRadius,transform:// Safari sometimes struggles to render border-radius:\n// - on the canvas when changing from 0 to any other value\n// - or when rendering an iframe\nhasBorderRadius&&(showVideo||onCanvas)?\"translateZ(0.000001px)\":\"unset\",cursor:\"pointer\",overflow:\"hidden\"},role:\"presentation\",children:[isPreloading&&/*#__PURE__*/_jsx(\"link\",{rel:\"preconnect\",href:\"https://www.youtube.com\"}),isPreloading&&/*#__PURE__*/_jsx(\"link\",{rel:\"preconnect\",href:\"https://www.google.com\"}),showThumbnail&&/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"link\",{rel:\"preconnect\",href:\"https://i.ytimg.com\"}),/*#__PURE__*/_jsx(\"img\",{decoding:\"async\",src:getThumbnailURL(videoId,thumbnail),style:{...videoStyle,objectFit:\"cover\"}})]}),!onCanvas?/*#__PURE__*/_jsx(\"iframe\",{loading:!showVideo?\"lazy\":undefined,style:!showVideo?{...videoStyle,display:\"none\"}:videoStyle,...iframeProps}):null,showVideo?null:/*#__PURE__*/_jsx(PlayButton,{onClick:startVideo,isHovered:isHovered,isRed:isRed})]});}Youtube.displayName=\"YouTube\";addPropertyControls(Youtube,{url:{type:ControlType.String,title:\"Video\"},play:{type:ControlType.Enum,title:\"Autoplay\",options:Object.values(PlayOptions)},shouldMute:{title:\"Mute\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\",hidden(props){return props.play===\"Off\";}},thumbnail:{title:\"Thumbnail\",description:\"Showing a thumbnail improves performance.\",type:ControlType.Enum,options:Object.values(ThumbnailOptions),hidden(props){return props.play!==\"Off\";}},isRed:{title:\"Color\",type:ControlType.Boolean,enabledTitle:\"Red\",disabledTitle:\"White\"},...borderRadiusControl,...defaultEvents});const defaultProps={url:\"https://youtu.be/8AHPXm9Y6mI\",play:\"Off\",shouldMute:true,thumbnail:\"Medium Quality\",isRed:true};Youtube.defaultProps=defaultProps;function parseVideoURL(urlString){let url;try{url=new URL(urlString);}catch{const embedURL=getEmbedURL(urlString);return[urlString,embedURL,null];}const searchParams=url.searchParams;if(url.hostname===\"youtube.com\"||url.hostname===\"www.youtube.com\"||url.hostname===\"youtube-nocookie.com\"||url.hostname===\"www.youtube-nocookie.com\"){const pathSegments=url.pathname.slice(1).split(\"/\");const page=pathSegments[0];// https://www.youtube.com/watch?v=Fop2oskTug8\nif(page===\"watch\"){const videoId=url.searchParams.get(\"v\");const embedURL=getEmbedURL(videoId);return[videoId,embedURL,searchParams];}// https://www.youtube.com/embed/Fop2oskTug8\nif(page===\"embed\"){const videoId=pathSegments[1];return[videoId,url,searchParams];}// https://www.youtube.com/shorts/zwMEhBq4kYM / https://www.youtube.com/live/XlWSzaluBKk\nif(page===\"shorts\"||page===\"live\"){const videoId=pathSegments[1];const embedURL=getEmbedURL(videoId);return[videoId,embedURL,searchParams];}}// https://youtu.be/Fop2oskTug8\nif(url.hostname===\"youtu.be\"){const videoId=url.pathname.slice(1);const embedURL=getEmbedURL(videoId);return[videoId,embedURL,searchParams];}}function getEmbedURL(videoId){return new URL(`https://www.youtube.com/embed/${videoId}`);}function getThumbnailURL(videoId,res){// https://gist.github.com/a1ip/be4514c1fd392a8c13b05e082c4da363\nconst pre=\"https://i.ytimg.com/vi_webp/\";const ext=\"webp\";switch(res){case\"Low Quality\":return`${pre}${videoId}/hqdefault.${ext}`;case\"Medium Quality\":return`${pre}${videoId}/sddefault.${ext}`;case\"High Quality\":return`${pre}${videoId}/maxresdefault.${ext}`;default:return`${pre}${videoId}/0.${ext}`;}}// Helper components\nfunction Instructions(){return /*#__PURE__*/_jsx(\"div\",{style:{...emptyStateStyle,overflow:\"hidden\"},children:/*#__PURE__*/_jsx(\"div\",{style:centerTextStyle,children:\"To embed a Youtube video, add the URL to the properties\\xa0panel.\"})});}function ErrorMessage({message}){return /*#__PURE__*/_jsx(\"div\",{className:\"framerInternalUI-errorPlaceholder\",style:{...containerStyles,overflow:\"hidden\"},children:/*#__PURE__*/_jsxs(\"div\",{style:centerTextStyle,children:[\"Error: \",message]})});}function PlayButton({onClick,isHovered,isRed}){return /*#__PURE__*/_jsx(\"button\",{onClick:onClick,\"aria-label\":\"Play\",style:buttonStyle,children:/*#__PURE__*/_jsxs(\"svg\",{height:\"100%\",version:\"1.1\",viewBox:\"0 0 68 48\",width:\"100%\",children:[/*#__PURE__*/_jsx(\"path\",{d:\"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z\",fill:isHovered?isRed?\"#f00\":\"#000\":\"#212121\",fillOpacity:isHovered?isRed?1:.8:.8,style:{transition:\"fill .1s cubic-bezier(0.4, 0, 1, 1), fill-opacity .1s cubic-bezier(0.4, 0, 1, 1)\"}}),/*#__PURE__*/_jsx(\"path\",{d:\"M 45,24 27,14 27,34\",fill:\"#fff\"})]})});}const buttonStyle={position:\"absolute\",top:\"50%\",left:\"50%\",transform:\"translate(-50%, -50%)\",width:68,height:48,padding:0,border:\"none\",background:\"transparent\",cursor:\"pointer\"};const wrapperStyle={position:\"relative\",width:\"100%\",height:\"100%\"};const centerTextStyle={textAlign:\"center\",minWidth:140};const videoStyle={position:\"absolute\",top:0,left:0,height:\"100%\",width:\"100%\"};\nexport const __FramerMetadata__ = {\"exports\":{\"Youtube\":{\"type\":\"reactComponent\",\"name\":\"Youtube\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicHeight\":\"315\",\"framerIntrinsicWidth\":\"560\",\"framerComponentPresetProps\":\"isRed, borderRadius\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./YouTube.map"],"mappings":"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"}