{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/0sWquksFr1YDkaIgrl9Z/VgWe6mCMJOseqaLiMnaC/Vimeo.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget,withCSS}from\"framer\";import{motion}from\"framer-motion\";import Player from\"@vimeo/player\";import{useEffect,useRef,useState}from\"react\";import{useRadius,borderRadiusControl}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";const vimeoRegex=/^https?:\\/\\/vimeo\\.com\\/(\\d+)/;/**\n * VIMEO\n *\n * @framerIntrinsicWidth 480\n * @framerIntrinsicHeight 270\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n *\n * @framerComponentPresetProps borderRadius, backgroundColor\n */ const Vimeo=withCSS(function Vimeo({video,autoplay,mute,controls,loop,titles,backgroundColor,onPlay=()=>{},onEnd=()=>{},style,...props}){const[key,setKey]=useState(0);const player=useRef();const borderRadius=useRadius(props);useEffect(()=>{if(!player.current)return;const[,id]=video.match(vimeoRegex)?video.match(vimeoRegex):[null,0];const embeddedPlayer=new Player(player.current,{id,autopause:false,autoplay:RenderTarget.current()===RenderTarget.canvas?false:autoplay,byline:titles,controls:controls,loop:loop,title:titles,muted:mute,responsive:true});embeddedPlayer.on(\"play\",onPlay);embeddedPlayer.on(\"ended\",onEnd);},[player,key]);useEffect(()=>{setKey(key=>key+1);},[video,autoplay,mute,controls,loop,titles]);return /*#__PURE__*/ _jsx(motion.div,{style:{background:backgroundColor,...style,borderRadius,position:\"relative\",width:\"100%\",height:\"100%\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",overflow:\"hidden\"},...props,children:/*#__PURE__*/ _jsx(\"div\",{className:\"framer-vimeo\",ref:player,style:{width:\"100%\",height:\"100%\"}},key)});},[\".framer-vimeo > div { padding: 0 !important; width: 100%; height: 100%; }\",]);Vimeo.defaultProps={video:\"https://vimeo.com/642263700\",autoplay:false,loop:false,mute:false,backgroundColor:\"rgba(0, 0, 0, 0)\",borderRadius:0};addPropertyControls(Vimeo,{video:{title:\"URL\",type:ControlType.String},...borderRadiusControl,controls:{title:\"Controls\",type:ControlType.Boolean,enabledTitle:\"Show\",disabledTitle:\"Hide\"},autoplay:{title:\"Autoplay\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\"},// playOnCanvas: {\n//     title: \"On Canvas\",\n//     type: ControlType.Boolean,\n//     enabledTitle: \"Play\",\n//     disabledTitle: \"Pause\",\n// },\nloop:{title:\"Loop\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\"},mute:{title:\"Mute\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\"},// titles: {\n//     title: \"Titles\",\n//     type: ControlType.Boolean,\n//     enabledTitle: \"Show\",\n//     disabledTitle: \"Hide\",\n// },\nbackgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"rgba(0, 0, 0, 0)\"},onPlay:{type:ControlType.EventHandler},onEnd:{type:ControlType.EventHandler}});export default Vimeo;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Vimeo\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicHeight\":\"270\",\"framerIntrinsicWidth\":\"480\",\"framerComponentPresetProps\":\"borderRadius, backgroundColor\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Vimeo.map"],
  "mappings": "4NAAqU,IAAMA,EAAW,gCAU5UC,EAAMC,EAAQ,SAAe,CAAC,MAAAC,EAAM,SAAAC,EAAS,KAAAC,EAAK,SAAAC,EAAS,KAAAC,EAAK,OAAAC,EAAO,gBAAAC,EAAgB,OAAAC,EAAO,IAAI,CAAC,EAAE,MAAAC,EAAM,IAAI,CAAC,EAAE,MAAAC,EAAM,GAAGC,CAAK,EAAE,CAAC,GAAK,CAACC,EAAIC,CAAM,EAAEC,EAAS,CAAC,EAAQC,EAAOC,EAAO,EAAQC,EAAaC,EAAUP,CAAK,EAAE,OAAAQ,EAAU,IAAI,CAAC,GAAG,CAACJ,EAAO,QAAQ,OAAO,GAAK,CAAC,CAACK,CAAE,EAAEnB,EAAM,MAAMH,CAAU,EAAEG,EAAM,MAAMH,CAAU,EAAE,CAAC,KAAK,CAAC,EAAQuB,EAAe,IAAIC,EAAOP,EAAO,QAAQ,CAAC,GAAAK,EAAG,UAAU,GAAM,SAASG,EAAa,QAAQ,IAAIA,EAAa,OAAO,GAAMrB,EAAS,OAAOI,EAAO,SAASF,EAAS,KAAKC,EAAK,MAAMC,EAAO,MAAMH,EAAK,WAAW,EAAI,CAAC,EAAEkB,EAAe,GAAG,OAAOb,CAAM,EAAEa,EAAe,GAAG,QAAQZ,CAAK,CAAE,EAAE,CAACM,EAAOH,CAAG,CAAC,EAAEO,EAAU,IAAI,CAACN,EAAOD,GAAKA,EAAI,CAAC,CAAE,EAAE,CAACX,EAAMC,EAASC,EAAKC,EAASC,EAAKC,CAAM,CAAC,EAAuBkB,EAAKC,EAAO,IAAI,CAAC,MAAM,CAAC,WAAWlB,EAAgB,GAAGG,EAAM,aAAAO,EAAa,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,QAAQ,OAAO,eAAe,SAAS,WAAW,SAAS,SAAS,QAAQ,EAAE,GAAGN,EAAM,SAAuBa,EAAK,MAAM,CAAC,UAAU,eAAe,IAAIT,EAAO,MAAM,CAAC,MAAM,OAAO,OAAO,MAAM,CAAC,EAAEH,CAAG,CAAC,CAAC,CAAE,EAAE,CAAC,2EAA4E,CAAC,EAAEb,EAAM,aAAa,CAAC,MAAM,8BAA8B,SAAS,GAAM,KAAK,GAAM,KAAK,GAAM,gBAAgB,mBAAmB,aAAa,CAAC,EAAE2B,EAAoB3B,EAAM,CAAC,MAAM,CAAC,MAAM,MAAM,KAAK4B,EAAY,MAAM,EAAE,GAAGC,EAAoB,SAAS,CAAC,MAAM,WAAW,KAAKD,EAAY,QAAQ,aAAa,OAAO,cAAc,MAAM,EAAE,SAAS,CAAC,MAAM,WAAW,KAAKA,EAAY,QAAQ,aAAa,MAAM,cAAc,IAAI,EAM7hD,KAAK,CAAC,MAAM,OAAO,KAAKA,EAAY,QAAQ,aAAa,MAAM,cAAc,IAAI,EAAE,KAAK,CAAC,MAAM,OAAO,KAAKA,EAAY,QAAQ,aAAa,MAAM,cAAc,IAAI,EAMpK,gBAAgB,CAAC,KAAKA,EAAY,MAAM,MAAM,aAAa,aAAa,kBAAkB,EAAE,OAAO,CAAC,KAAKA,EAAY,YAAY,EAAE,MAAM,CAAC,KAAKA,EAAY,YAAY,CAAC,CAAC,EAAE,IAAOE,EAAQ9B",
  "names": ["vimeoRegex", "Vimeo", "withCSS", "video", "autoplay", "mute", "controls", "loop", "titles", "backgroundColor", "onPlay", "onEnd", "style", "props", "key", "setKey", "ye", "player", "pe", "borderRadius", "useRadius", "ue", "id", "embeddedPlayer", "c", "RenderTarget", "p", "motion", "addPropertyControls", "ControlType", "borderRadiusControl", "Vimeo_default"]
}