{"version":3,"file":"ReelBackground.DFholFOU.mjs","names":["React.useRef","React.useState"],"sources":["https:/framerusercontent.com/modules/8a45GTc9anjbFwoBZIeg/pQfEoUhA4tyfYcjcr3wR/ReelBackground.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";function vimeoId(url){if(!url)return null;const m=url.match(/(?:vimeo\\.com\\/(?:video\\/)?|player\\.vimeo\\.com\\/video\\/)(\\d+)/);if(m)return m[1];return/^\\d+$/.test(url.trim())?url.trim():null;}/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n * @framerIntrinsicWidth 1440\n * @framerIntrinsicHeight 860\n */export default function ReelBackground(props){const{vimeo,poster,dim=0,style}=props;const id=vimeoId(vimeo);const box=React.useRef(null);const[size,setSize]=React.useState({w:1440,h:860});const[ready,setReady]=React.useState(false);React.useEffect(()=>{const el=box.current;if(!el||typeof ResizeObserver===\"undefined\")return;const ro=new ResizeObserver(([e])=>setSize({w:e.contentRect.width,h:e.contentRect.height}));ro.observe(el);return()=>ro.disconnect();},[]);React.useEffect(()=>{const t=setTimeout(()=>setReady(true),1200);return()=>clearTimeout(t);},[id]);// Cover the box with a 16:9 frame\nconst w=Math.max(size.w,size.h*16/9);const h=Math.max(size.h,size.w*9/16);return /*#__PURE__*/_jsxs(\"div\",{ref:box,style:{position:\"relative\",overflow:\"hidden\",background:\"#111111\",...style},children:[poster?.src&&/*#__PURE__*/_jsx(\"img\",{src:poster.src,srcSet:poster.srcSet,alt:\"\",style:{position:\"absolute\",inset:0,width:\"100%\",height:\"100%\",objectFit:\"cover\"}}),id&&/*#__PURE__*/_jsx(\"iframe\",{src:`https://player.vimeo.com/video/${id}?background=1&autoplay=1&loop=1&muted=1&dnt=1`,title:\"Masses showreel\",allow:\"autoplay; fullscreen\",tabIndex:-1,style:{position:\"absolute\",top:\"50%\",left:\"50%\",width:w,height:h,transform:\"translate(-50%, -50%)\",border:0,pointerEvents:\"none\",opacity:ready?1:0,transition:\"opacity 1.2s ease\"}}),dim>0&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,background:`rgba(17,17,17,${dim})`,pointerEvents:\"none\"}})]});}addPropertyControls(ReelBackground,{vimeo:{type:ControlType.String,title:\"Vimeo URL\",defaultValue:\"https://vimeo.com/805646339\"},poster:{type:ControlType.ResponsiveImage,title:\"Still\"},dim:{type:ControlType.Number,title:\"Dim\",defaultValue:0,min:0,max:1,step:.05}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ReelBackground\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any\",\"framerIntrinsicWidth\":\"1440\",\"framerIntrinsicHeight\":\"860\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ReelBackground.map"],"mappings":"+LAAyI,SAAS,EAAQ,EAAI,CAAC,GAAG,CAAC,EAAI,OAAO,KAAK,IAAM,EAAE,EAAI,MAAM,+DAA+D,EAAmB,OAAd,EAAS,EAAE,GAAS,QAAQ,KAAK,EAAI,KAAK,CAAC,EAAE,EAAI,KAAK,EAAE,IAAK,CAKnU,SAAwB,EAAe,EAAM,CAAC,GAAK,CAAC,QAAM,SAAO,MAAI,EAAE,SAAO,EAAY,EAAG,EAAQ,CAAK,EAAQ,EAAIA,EAAa,IAAI,EAAO,CAAC,EAAK,GAASC,EAAe,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,EAAO,CAAC,EAAM,GAAUA,EAAe,EAAK,EAAE,MAAoB,CAAC,IAAM,EAAG,EAAI,QAAQ,GAAG,CAAC,GAAI,OAAO,eAAiB,IAAY,OAAO,IAAM,EAAG,IAAI,gBAAgB,CAAC,KAAK,EAAQ,CAAC,EAAE,EAAE,YAAY,MAAM,EAAE,EAAE,YAAY,MAAM,CAAC,CAAC,EAAiB,OAAf,EAAG,QAAQ,CAAE,MAAY,EAAG,WAAW,CAAE,EAAE,CAAC,CAAC,EAAE,MAAoB,CAAC,IAAM,EAAE,eAAe,EAAS,EAAI,EAAE,IAAI,EAAE,UAAU,aAAa,CAAC,CAAE,EAAE,CAAC,CAAE,CAAC,EACpjB,IAAM,EAAE,KAAK,IAAI,EAAK,EAAE,EAAK,EAAE,GAAG,CAAC,EAAQ,EAAE,KAAK,IAAI,EAAK,EAAE,EAAK,EAAE,EAAE,EAAE,EAAE,OAAoB,EAAM,MAAM,CAAC,IAAI,EAAI,MAAM,CAAC,SAAS,WAAW,SAAS,SAAS,WAAW,UAAU,GAAG,CAAK,EAAE,SAAS,CAAC,GAAQ,KAAkB,EAAK,MAAM,CAAC,IAAI,EAAO,IAAI,OAAO,EAAO,OAAO,IAAI,GAAG,MAAM,CAAC,SAAS,WAAW,MAAM,EAAE,MAAM,OAAO,OAAO,OAAO,UAAU,OAAO,CAAC,CAAC,EAAE,GAAiB,EAAK,SAAS,CAAC,IAAI,kCAAkC,EAAG,+CAA+C,MAAM,kBAAkB,MAAM,uBAAuB,SAAS,GAAG,MAAM,CAAC,SAAS,WAAW,IAAI,MAAM,KAAK,MAAM,MAAM,EAAE,OAAO,EAAE,UAAU,wBAAwB,OAAO,EAAE,cAAc,OAAO,QAAQ,KAAU,WAAW,mBAAmB,CAAC,CAAC,EAAE,EAAI,GAAgB,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,EAAE,WAAW,iBAAiB,EAAI,GAAG,cAAc,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,iBANpyB,IAA4B,IAAoD,EAMqtB,EAAoB,EAAe,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,6BAA6B,EAAE,OAAO,CAAC,KAAK,EAAY,gBAAgB,MAAM,OAAO,EAAE,IAAI,CAAC,KAAK,EAAY,OAAO,MAAM,MAAM,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC"}