{"version":3,"file":"Vimeo.DC3RneZb.mjs","names":["Vimeo","Player","key"],"sources":["https:/framerusercontent.com/modules/0sWquksFr1YDkaIgrl9Z/jKzAzDE1dbmgPC3q8RAo/Vimeo.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget,withCSS,clampRGB}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-rgb\":clampRGB(backgroundColor),background:`var(--vimeo-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%; }\",\"@supports not (color(display-p3 1 1 1)) { --vimeo-background: var(--background-rgb)}\"],\"framer-lib-vimeo\");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\":{\"framerIntrinsicHeight\":\"270\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicWidth\":\"480\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerComponentPresetProps\":\"borderRadius, backgroundColor\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Vimeo.map"],"mappings":"qoBAAA,GAA2C,IAAkF,IAAkC,IAAkC,IAA6C,IAAgG,CAAM,EAAW,gCAUtV,EAAM,EAAQ,SAAe,CAAC,QAAM,WAAS,OAAK,WAAS,OAAK,SAAO,kBAAgB,SAAO,IAAI,CAAE,EAAC,QAAM,IAAI,CAAE,EAAC,QAAM,GAAG,EAAM,CAAC,CAAC,GAAK,CAAC,EAAI,EAAO,CAAC,EAAS,EAAE,CAAO,EAAO,GAAQ,CAAO,EAAa,EAAU,EAAM,CAA4e,MAA3e,GAAU,IAAI,CAAC,IAAI,EAAO,QAAQ,OAAO,GAAK,EAAE,EAAG,CAAC,EAAM,MAAM,EAAW,CAAC,EAAM,MAAM,EAAW,CAAC,CAAC,KAAK,CAAE,EAAO,EAAe,IAAIC,EAAO,EAAO,QAAQ,CAAC,KAAG,WAAU,EAAM,SAAS,EAAa,SAAS,GAAG,EAAa,QAAO,EAAM,EAAS,OAAO,EAAgB,WAAc,OAAK,MAAM,EAAO,MAAM,EAAK,YAAW,CAAK,GAAmC,AAAjC,EAAe,GAAG,OAAO,EAAO,CAAC,EAAe,GAAG,QAAQ,EAAM,AAAE,EAAC,CAAC,EAAO,CAAI,EAAC,CAAC,EAAU,IAAI,CAAC,EAAO,GAAKC,EAAI,EAAE,AAAE,EAAC,CAAC,EAAM,EAAS,EAAK,EAAS,EAAK,CAAO,EAAC,CAAqB,EAAK,EAAO,IAAI,CAAC,MAAM,CAAC,mBAAmB,EAAS,EAAgB,CAAC,YAAY,0BAA0B,EAAgB,GAAG,GAAG,EAAM,eAAa,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,QAAQ,OAAO,eAAe,SAAS,WAAW,SAAS,SAAS,QAAS,EAAC,GAAG,EAAM,SAAsB,EAAK,MAAM,CAAC,UAAU,eAAe,IAAI,EAAO,MAAM,CAAC,MAAM,OAAO,OAAO,MAAO,CAAC,EAAC,EAAI,AAAC,EAAC,AAAE,EAAC,CAAC,4EAA4E,sFAAuF,EAAC,mBAAmB,CAAC,EAAM,aAAa,CAAC,MAAM,8BAA8B,UAAS,EAAM,MAAK,EAAM,MAAK,EAAM,gBAAgB,mBAAmB,aAAa,CAAE,EAAC,EAAoB,EAAM,CAAC,MAAM,CAAC,MAAM,MAAM,KAAK,EAAY,MAAO,EAAC,GAAG,EAAoB,SAAS,CAAC,MAAM,WAAW,KAAK,EAAY,QAAQ,aAAa,OAAO,cAAc,MAAO,EAAC,SAAS,CAAC,MAAM,WAAW,KAAK,EAAY,QAAQ,aAAa,MAAM,cAAc,IAAK,EAM/sD,KAAK,CAAC,MAAM,OAAO,KAAK,EAAY,QAAQ,aAAa,MAAM,cAAc,IAAK,EAAC,KAAK,CAAC,MAAM,OAAO,KAAK,EAAY,QAAQ,aAAa,MAAM,cAAc,IAAK,EAMrK,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,kBAAmB,EAAC,OAAO,CAAC,KAAK,EAAY,YAAa,EAAC,MAAM,CAAC,KAAK,EAAY,YAAa,CAAC,EAAC,GAAgB"}