{"version":3,"file":"CustomVimeo.CsdegEAM.mjs","names":["useState","useRef","Player"],"sources":["https:/framerusercontent.com/modules/7aLDMxNqKnXTusCrMkLt/w2OZuLlx7I20bLGOMfBi/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                @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\":{\"framerIntrinsicWidth\":\"480\",\"framerContractVersion\":\"1\",\"framerComponentPresetProps\":\"borderRadius, backgroundColor\",\"framerIntrinsicHeight\":\"270\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CustomVimeo.map"],"mappings":"qVAQG,SAAwB,EAAY,CAAC,QAAM,WAAS,aAAW,OAAK,WAAS,OAAK,SAAO,kBAAgB,aAAW,GAAG,YAAU,GAAG,QAAM,GAAG,GAAO,CAAC,GAAK,CAAC,EAAI,GAAQA,EAAS,EAAE,CAAO,EAAOC,EAAO,KAAK,CAAO,EAAa,EAAU,EAAM,CAAokB,OAAnkB,QAAQ,IAAI,0BAA0B,EAAW,CAAC,MAAc,CAAC,GAAG,CAAC,EAAO,QAAQ,OAAO,GAAK,EAAE,GAAI,EAAM,MAAM,EAAW,CAAC,EAAM,MAAM,EAAW,CAAC,CAAC,KAAK,EAAE,CAAO,EAAe,IAAIC,EAAO,EAAO,QAAQ,CAAC,KAAG,UAAU,GAAM,SAAS,EAAa,iBAAiB,CAAC,GAAM,EAAS,WAAW,EAAa,iBAAiB,CAAC,GAAM,EAAW,OAAO,EAAO,WAAS,OAAK,MAAM,EAAO,MAAM,EAAK,WAAW,GAAK,CAAC,CAAC,EAAe,GAAG,OAAO,EAAO,CAAC,EAAe,GAAG,QAAQ,EAAM,EAAG,CAAC,EAAO,EAAI,CAAC,CAAC,MAAc,CAAC,EAAO,GAAG,EAAE,EAAE,EAAG,CAAC,EAAM,EAAS,EAAK,EAAS,EAAK,EAAO,EAAW,CAAC,CAAqB,EAAM,EAAO,IAAI,CAAC,MAAM,CAAC,mBAAmB,EAAS,EAAgB,CAAC,WAAW,2BAA2B,EAAgB,GAAG,eAAa,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,QAAQ,OAAO,eAAe,SAAS,WAAW,SAAS,SAAS,SAAS,GAAG,EAAM,CAAC,GAAG,EAAM,SAAS,CAAc,EAAK,QAAQ,CAAC,yBAAyB,GAAK,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA+CpqC,CAAC,CAAc,EAAK,MAAM,CAAC,UAAU,eAAe,kBAAkB,EAAW,IAAI,EAAO,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,CAAC,CAAC,EAAI,CAAC,CAAC,CAAC,oBAtD5F,IAA0E,IAAkC,IAAkC,IAA6C,IAAgG,CAAM,EAAW,gCAsD9M,EAAY,aAAa,CAAC,MAAM,8BAA8B,SAAS,GAAK,WAAW,GAAM,KAAK,GAAM,KAAK,GAAK,gBAAgB,mBAAmB,aAAa,EAAE,SAAS,GAAM,CAAC,EAAoB,EAAY,CAAC,MAAM,CAAC,MAAM,MAAM,KAAK,EAAY,OAAO,CAAC,GAAG,EAAoB,SAAS,CAAC,MAAM,WAAW,KAAK,EAAY,QAAQ,aAAa,OAAO,cAAc,OAAO,CAAC,SAAS,CAAC,MAAM,WAAW,KAAK,EAAY,QAAQ,aAAa,MAAM,cAAc,KAAK,CAAC,WAAW,CAAC,MAAM,aAAa,KAAK,EAAY,QAAQ,aAAa,MAAM,cAAc,KAAK,aAAa,GAAM,CAAC,KAAK,CAAC,MAAM,OAAO,KAAK,EAAY,QAAQ,aAAa,MAAM,cAAc,KAAK,CAAC,KAAK,CAAC,MAAM,OAAO,KAAK,EAAY,QAAQ,aAAa,MAAM,cAAc,KAAK,CAAC,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,mBAAmB,CAAC,OAAO,CAAC,KAAK,EAAY,aAAa,CAAC,MAAM,CAAC,KAAK,EAAY,aAAa,CAAC,CAAC"}