{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/EcT5gAipNszKXeLJ8HEX/sh6tA31CLlK2sOYq6QRA/SaU9uSH3C.js"],
  "sourcesContent": ["// Generated by Framer (98479f1)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,getPropertyControls,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{Video}from\"https://framerusercontent.com/modules/lRDHiNWNVWmE0lqtoVHP/tbiAmyP8q4mMaXLQcmj3/Video.js\";const VideoFonts=getFonts(Video);const VideoControls=getPropertyControls(Video);const cycleOrder=[\"OZvWzAePz\",\"F8C_qUeok\"];const serializationHash=\"framer-f9toZ\";const variantClassNames={F8C_qUeok:\"framer-v-1vcdiwx\",OZvWzAePz:\"framer-v-13au16n\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const toImageSrc=value=>{if(typeof value===\"object\"&&value!==null&&typeof value.src===\"string\"){return value.src;}return typeof value===\"string\"?value:undefined;};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={\"Variant 1\":\"OZvWzAePz\",\"Variant 2\":\"F8C_qUeok\"};const getProps=({height,id,muteCursor,unmuteCursor,videoFile,videoThumbnail,width,...props})=>{var _ref,_ref1,_humanReadableVariantMap_props_variant,_ref2;return{...props,aCnnw4Igp:(_ref=videoFile!==null&&videoFile!==void 0?videoFile:props.aCnnw4Igp)!==null&&_ref!==void 0?_ref:\"https://framerusercontent.com/assets/t6hMt6yrvzfOZAvuuB9ITtFBK9E.mp4\",BMTqYqKr0:(_ref1=videoThumbnail!==null&&videoThumbnail!==void 0?videoThumbnail:props.BMTqYqKr0)!==null&&_ref1!==void 0?_ref1:{src:\"https://framerusercontent.com/images/kIV6z1d78JJNYPrJS3T7jwD779Y.png\",srcSet:\"https://framerusercontent.com/images/kIV6z1d78JJNYPrJS3T7jwD779Y.png?scale-down-to=512 512w,https://framerusercontent.com/images/kIV6z1d78JJNYPrJS3T7jwD779Y.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/kIV6z1d78JJNYPrJS3T7jwD779Y.png 1920w\"},fTR5UW77U:muteCursor!==null&&muteCursor!==void 0?muteCursor:props.fTR5UW77U,Sq8EQApbJ:unmuteCursor!==null&&unmuteCursor!==void 0?unmuteCursor:props.Sq8EQApbJ,variant:(_ref2=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref2!==void 0?_ref2:\"OZvWzAePz\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,fTR5UW77U,Sq8EQApbJ,BMTqYqKr0,aCnnw4Igp,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"OZvWzAePz\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTap1vjyelw=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});setVariant(\"F8C_qUeok\");});const onTap1rae3y4=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});setVariant(\"OZvWzAePz\");});const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(serializationHash,...sharedStyleClassNames,\"framer-13au16n\",className,classNames),\"data-framer-cursor\":Sq8EQApbJ,\"data-framer-name\":\"Variant 1\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"OZvWzAePz\",onTap:onTap1vjyelw,ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},...addPropertyOverrides({F8C_qUeok:{\"data-framer-cursor\":fTR5UW77U,\"data-framer-name\":\"Variant 2\",onTap:onTap1rae3y4}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1dkbk2m-container\",\"data-framer-name\":\"Motion Graphics Video\",layoutDependency:layoutDependency,layoutId:\"zzFbmMbKi-container\",name:\"Motion Graphics Video\",children:/*#__PURE__*/_jsx(Video,{backgroundColor:\"rgba(0, 0, 0, 0)\",borderRadius:0,bottomLeftRadius:0,bottomRightRadius:0,controls:false,height:\"100%\",id:\"zzFbmMbKi\",isMixedBorderRadius:false,layoutId:\"zzFbmMbKi\",loop:true,muted:true,name:\"Motion Graphics Video\",objectFit:\"cover\",playing:true,poster:toImageSrc(BMTqYqKr0),posterEnabled:true,srcFile:aCnnw4Igp,srcType:\"Upload\",srcUrl:\"https://framerusercontent.com/assets/MLWPbW1dUQawJLhhun3dBwpgJak.mp4\",startTime:0,style:{height:\"100%\",width:\"100%\"},topLeftRadius:0,topRightRadius:0,volume:25,width:\"100%\",...addPropertyOverrides({F8C_qUeok:{muted:false,volume:100}},baseVariant,gestureVariant)})})})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-f9toZ.framer-czk5vp, .framer-f9toZ .framer-czk5vp { display: block; }\",\".framer-f9toZ.framer-13au16n { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 1056px; }\",\".framer-f9toZ .framer-1dkbk2m-container { aspect-ratio: 1.7777777777777777 / 1; flex: 1 0 0px; height: var(--framer-aspect-ratio-supported, 594px); position: relative; width: 1px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-f9toZ.framer-13au16n { gap: 0px; } .framer-f9toZ.framer-13au16n > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-f9toZ.framer-13au16n > :first-child { margin-left: 0px; } .framer-f9toZ.framer-13au16n > :last-child { margin-right: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 594\n * @framerIntrinsicWidth 1056\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"F8C_qUeok\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"fTR5UW77U\":\"muteCursor\",\"Sq8EQApbJ\":\"unmuteCursor\",\"BMTqYqKr0\":\"videoThumbnail\",\"aCnnw4Igp\":\"videoFile\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerSaU9uSH3C=withCSS(Component,css,\"framer-f9toZ\");export default FramerSaU9uSH3C;FramerSaU9uSH3C.displayName=\"Motion Graphics Video Component\";FramerSaU9uSH3C.defaultProps={height:594,width:1056};addPropertyControls(FramerSaU9uSH3C,{variant:{options:[\"OZvWzAePz\",\"F8C_qUeok\"],optionTitles:[\"Variant 1\",\"Variant 2\"],title:\"Variant\",type:ControlType.Enum},fTR5UW77U:{title:\"Mute Cursor\",type:ControlType.CustomCursor},Sq8EQApbJ:{title:\"Unmute Cursor\",type:ControlType.CustomCursor},BMTqYqKr0:{__defaultAssetReference:\"data:framer/asset-reference,kIV6z1d78JJNYPrJS3T7jwD779Y.png?originalFilename=Metro+Labs+Motion+Graphics+Thumbnail.png&preferredSize=auto\",title:\"Video Thumbnail\",type:ControlType.ResponsiveImage},aCnnw4Igp:(VideoControls===null||VideoControls===void 0?void 0:VideoControls[\"srcFile\"])&&{...VideoControls[\"srcFile\"],__defaultAssetReference:\"data:framer/asset-reference,t6hMt6yrvzfOZAvuuB9ITtFBK9E.mp4?originalFilename=Metro+Labs+2nd+Motion+Graphics+For+Website.mp4\",description:undefined,hidden:undefined,title:\"Video File\"}});addFonts(FramerSaU9uSH3C,[{explicitInter:true,fonts:[]},...VideoFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerSaU9uSH3C\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"fTR5UW77U\\\":\\\"muteCursor\\\",\\\"Sq8EQApbJ\\\":\\\"unmuteCursor\\\",\\\"BMTqYqKr0\\\":\\\"videoThumbnail\\\",\\\"aCnnw4Igp\\\":\\\"videoFile\\\"}\",\"framerIntrinsicWidth\":\"1056\",\"framerComponentViewportWidth\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"F8C_qUeok\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"594\",\"framerDisplayContentsDiv\":\"false\",\"framerImmutableVariables\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SaU9uSH3C.map"],
  "mappings": "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",
  "names": ["init_ssg_sandbox_shims", "VideoFonts", "getFonts", "Video", "VideoControls", "getPropertyControls", "cycleOrder", "serializationHash", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "transition1", "toImageSrc", "value", "Transition", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "Variants", "motion", "x", "humanReadableVariantMap", "getProps", "height", "id", "muteCursor", "unmuteCursor", "videoFile", "videoThumbnail", "width", "props", "_ref", "_ref1", "_humanReadableVariantMap_props_variant", "_ref2", "createLayoutDependency", "Component", "Y", "ref", "activeLocale", "setLocale", "useLocaleInfo", "style", "className", "layoutId", "fTR5UW77U", "Sq8EQApbJ", "BMTqYqKr0", "aCnnw4Igp", "restProps", "baseVariant", "classNames", "clearLoadingGesture", "gestureHandlers", "gestureVariant", "isLoading", "setGestureState", "setVariant", "useVariantState", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onTap1vjyelw", "args", "onTap1rae3y4", "ref1", "pe", "defaultLayoutId", "ae", "sharedStyleClassNames", "componentViewport", "useComponentViewport", "LayoutGroup", "cx", "ComponentViewportProvider", "css", "FramerSaU9uSH3C", "withCSS", "SaU9uSH3C_default", "addPropertyControls", "ControlType", "addFonts"]
}
