{"version":3,"file":"CustomVimeo.CGo37mOM.mjs","names":["useState","useRef","Player"],"sources":["https:/framerusercontent.com/modules/7aLDMxNqKnXTusCrMkLt/HJHplKOSNezyhGkvs5Z2/CustomVimeo.js"],"sourcesContent":["// Get Started: https://www.framer.com/developers\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget,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 * Custom Vimeo (adapted from original Vimeo component)\n *\n * @framerIntrinsicWidth 480\n * @framerIntrinsicHeight 270\n *\n * @framerComponentPresetProps borderRadius, backgroundColor\n */export default function CustomVimeo({video,autoplay,background,mute,controls,loop,titles,backgroundColor,onPlay=()=>{},onEnd=()=>{},style,...props}){const[key,setKey]=useState(0);const player=useRef(null);const borderRadius=useRadius(props);console.log(\"Custom Vimeo background\",background);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.hasRestrictions()?false:autoplay,background:RenderTarget.hasRestrictions()?false:background,byline:titles,controls,loop,title:titles,muted:mute,responsive:true});embeddedPlayer.on(\"play\",onPlay);embeddedPlayer.on(\"ended\",onEnd);},[player,key]);useEffect(()=>{setKey(k=>k+1);},[video,autoplay,mute,controls,loop,titles,background]);return /*#__PURE__*/_jsxs(motion.div,{style:{\"--background-rgb\":clampRGB(backgroundColor),background:`var(--vimeo-background, ${backgroundColor})`,borderRadius,position:\"relative\",width:\"100%\",height:\"100%\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",overflow:\"hidden\",...style},...props,children:[/*#__PURE__*/_jsx(\"style\",{suppressHydrationWarning:true,children:`\n                .framer-vimeo {\n                    position: absolute;\n                    top: 0;\n                    left: 50%;\n                    width: 100%;\n                    height: 100%;\n                    transform: translate(-50%, 0);\n                    overflow: visible;\n                }\n\n                .framer-vimeo[data-background='true'] iframe {\n                    position: absolute;\n                    top: 0 !important;\n                    left: 50% !important;\n                    width: 100% !important;\n                    height: auto !important;\n                    aspect-ratio: 16/9;\n                    min-width: 100%;\n                    min-height: 100%;\n                    transform: translateX(-50%);\n                    pointer-events: none;\n                }\n\n                .framer-vimeo:not([data-background='true']) > div {\n                  width: 100% !important;\n                  height: 100% !important;\n                  padding: 0 !important;\n                }\n\n                .framer-vimeo > div {\n                    padding: 50% 0 0 0 !important;\n                }\n\n                @media (max-width: 1500px) {\n                    .framer-vimeo[data-background='true'] iframe {\n                        height: 120% !important;\n                        width: auto !important;\n                    }\n\n                    .framer-vimeo > div {\n                        width: 100% !important;\n                        height: 100% !important;\n                    }\n                }\n\n                @supports not (color: color(display-p3 1 1 1)) {\n                    :root {\n                        --vimeo-background: var(--background-rgb);\n                    }\n                }\n            `}),/*#__PURE__*/_jsx(\"div\",{className:\"framer-vimeo\",\"data-background\":background,ref:player,style:{width:\"100%\",height:\"100%\"}},key)]});}CustomVimeo.defaultProps={video:\"https://vimeo.com/642263700\",autoplay:true,background:false,loop:false,mute:true,backgroundColor:\"rgba(0, 0, 0, 0)\",borderRadius:0,controls:false};addPropertyControls(CustomVimeo,{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\"},background:{title:\"Background\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\",defaultValue:false},loop:{title:\"Loop\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\"},mute:{title:\"Mute\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"rgba(0, 0, 0, 0)\"},onPlay:{type:ControlType.EventHandler},onEnd:{type:ControlType.EventHandler}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CustomVimeo\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"270\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"480\",\"framerComponentPresetProps\":\"borderRadius, backgroundColor\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CustomVimeo.map"],"mappings":"qVAQG,SAAwB,EAAY,CAAC,QAAM,WAAS,aAAW,OAAK,WAAS,OAAK,SAAO,kBAAgB,aAAW,CAAC,EAAE,YAAU,CAAC,EAAE,QAAM,GAAG,GAAO,CAAC,GAAK,CAAC,EAAI,GAAQA,EAAS,CAAC,EAAQ,EAAOC,EAAO,IAAI,EAAQ,EAAa,EAAU,CAAK,EAAqkB,OAAnkB,QAAQ,IAAI,0BAA0B,CAAU,EAAE,MAAc,CAAC,GAAG,CAAC,EAAO,QAAQ,OAAO,GAAK,EAAE,GAAI,EAAM,MAAM,CAAU,EAAE,EAAM,MAAM,CAAU,EAAE,CAAC,KAAK,CAAC,EAAQ,EAAe,IAAIC,EAAO,EAAO,QAAQ,CAAC,KAAG,UAAU,GAAM,SAAS,GAAa,gBAAgB,GAAQ,EAAS,WAAW,GAAa,gBAAgB,GAAQ,EAAW,OAAO,EAAO,WAAS,OAAK,MAAM,EAAO,MAAM,EAAK,WAAW,EAAI,CAAC,EAAE,EAAe,GAAG,OAAO,CAAM,EAAE,EAAe,GAAG,QAAQ,CAAK,CAAE,EAAE,CAAC,EAAO,CAAG,CAAC,EAAE,MAAc,CAAC,EAAO,GAAG,EAAE,CAAC,CAAE,EAAE,CAAC,EAAM,EAAS,EAAK,EAAS,EAAK,EAAO,CAAU,CAAC,EAAsB,EAAM,EAAO,IAAI,CAAC,MAAM,CAAC,mBAAmB,EAAS,CAAe,EAAE,WAAW,2BAA2B,EAAgB,GAAG,eAAa,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,QAAQ,OAAO,eAAe,SAAS,WAAW,SAAS,SAAS,SAAS,GAAG,CAAK,EAAE,GAAG,EAAM,SAAS,CAAc,EAAK,QAAQ,CAAC,yBAAyB,GAAK,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAmDrqC,CAAC,EAAe,EAAK,MAAM,CAAC,UAAU,eAAe,kBAAkB,EAAW,IAAI,EAAO,MAAM,CAAC,MAAM,OAAO,OAAO,MAAM,CAAC,EAAE,CAAG,CAAC,CAAC,CAAC,CAAE,mBA1D9F,IAA0E,IAAkC,IAAkC,IAA6C,IAAgG,EAAO,EAAW,gCA0D9M,EAAY,aAAa,CAAC,MAAM,8BAA8B,SAAS,GAAK,WAAW,GAAM,KAAK,GAAM,KAAK,GAAK,gBAAgB,mBAAmB,aAAa,EAAE,SAAS,EAAK,EAAE,EAAoB,EAAY,CAAC,MAAM,CAAC,MAAM,MAAM,KAAK,EAAY,MAAM,EAAE,GAAG,EAAoB,SAAS,CAAC,MAAM,WAAW,KAAK,EAAY,QAAQ,aAAa,OAAO,cAAc,MAAM,EAAE,SAAS,CAAC,MAAM,WAAW,KAAK,EAAY,QAAQ,aAAa,MAAM,cAAc,IAAI,EAAE,WAAW,CAAC,MAAM,aAAa,KAAK,EAAY,QAAQ,aAAa,MAAM,cAAc,KAAK,aAAa,EAAK,EAAE,KAAK,CAAC,MAAM,OAAO,KAAK,EAAY,QAAQ,aAAa,MAAM,cAAc,IAAI,EAAE,KAAK,CAAC,MAAM,OAAO,KAAK,EAAY,QAAQ,aAAa,MAAM,cAAc,IAAI,EAAE,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,kBAAkB,EAAE,OAAO,CAAC,KAAK,EAAY,YAAY,EAAE,MAAM,CAAC,KAAK,EAAY,YAAY,CAAC,CAAC"}