{"version":3,"file":"AnimatedLiquidBackground_Prod.DaqlgO07.mjs","names":["useRef","useMemo","ShaderMount","ShaderMountVanilla"],"sources":["https:/framerusercontent.com/modules/xx99X8dO7V1Egbc8GwnH/ghH1aHLmGZ0iE7qXDFVk/AnimatedLiquidBackground_Prod.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget,useIsStaticRenderer}from\"framer\";import{useEffect,useRef,useMemo}from\"react\";import{useColors}from\"https://framerusercontent.com/modules/k76epLFsVsF4jlsF5pgg/vhK3G0ntf62fqS2tFDno/useColors.js\";import{getShaderColorFromString,warpFragmentShader,PatternShapes,ShaderMount as ShaderMountVanilla}from\"https://framer.com/m/index-uMsj.js@PVl4bshKvCOZO36e3vK1\";import{cubicBezier,useInView}from\"framer-motion\";const speedEase=cubicBezier(.65,0,.88,.77);const templates={Prism:{color1:\"#050505\",color2:\"#66B3FF\",color3:\"#FFFFFF\",rotation:-50,proportion:1,scale:.01,speed:30,distortion:0,swirl:50,swirlIterations:16,softness:47,offset:-299,shape:\"Checks\",shapeSize:45},Lava:{color1:\"#FF9F21\",color2:\"#FF0303\",color3:\"#000000\",rotation:114,proportion:100,scale:.52,speed:30,distortion:7,swirl:18,swirlIterations:20,softness:100,offset:717,shape:\"Edge\",shapeSize:12},Plasma:{color1:\"#B566FF\",color2:\"#000000\",color3:\"#000000\",rotation:0,proportion:63,scale:.75,speed:30,distortion:5,swirl:61,swirlIterations:5,softness:100,offset:-168,shape:\"Checks\",shapeSize:28},Pulse:{color1:\"#66FF85\",color2:\"#000000\",color3:\"#000000\",rotation:-167,proportion:92,scale:0,speed:20,distortion:54,swirl:75,swirlIterations:3,softness:28,offset:-813,shape:\"Checks\",shapeSize:79},Vortex:{color1:\"#000000\",color2:\"#FFFFFF\",color3:\"#000000\",rotation:50,proportion:41,scale:.4,speed:20,distortion:0,swirl:100,swirlIterations:3,softness:5,offset:-744,shape:\"Stripes\",shapeSize:80},Mist:{color1:\"#050505\",color2:\"#FF66B8\",color3:\"#050505\",rotation:0,proportion:33,scale:.48,speed:39,distortion:4,swirl:65,swirlIterations:5,softness:100,offset:-235,shape:\"Edge\",shapeSize:48}};/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n *\n * @framerDisableUnlink\n *\n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 400\n */export default function AnimatedGradientBackground(props){const isStaticRenderer=useIsStaticRenderer();const isCanvas=RenderTarget.current()===RenderTarget.canvas;const useCustomColors=props.preset===\"custom\"||props.colorMode===\"custom\";const values=props.preset===\"custom\"?props:templates[props.preset]||Object.values(templates)[0];const[color1,color2,color3]=useColors(props.color1,props.color2,props.color3);const ref=useRef(null);const isInView=useInView(ref,{once:false,amount:.1});const currentSpeed=useMemo(()=>{if(isCanvas&&props.preview)return speedEase(props.speed/100)*5;if(!isStaticRenderer&&isInView)return speedEase(props.speed/100)*5;return 0;},[isInView,isStaticRenderer,props.speed,props.preview,isCanvas]);return /*#__PURE__*/_jsxs(\"div\",{ref:ref,style:{borderRadius:props.radius,overflow:\"hidden\",position:\"relative\",...props.style},children:[/*#__PURE__*/_jsx(Warp,{color1:useCustomColors?color1:values.color1,color2:useCustomColors?color2:values.color2,color3:useCustomColors?color3:values.color3,scale:values.scale,proportion:values.proportion/100,distortion:values.distortion/50,swirl:values.swirl/100,swirlIterations:values.swirl===0?0:values.swirlIterations,rotation:values.rotation*Math.PI/180,speed:currentSpeed,seed:values.offset*10,shape:PatternShapes[values.shape],shapeScale:values.shapeSize/100,softness:values.softness/100,style:props.style}),props.noise&&props.noise.opacity>0&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,backgroundImage:`url(\"https://framerusercontent.com/images/g0QcWrxr87K0ufOxIUFBakwYA8.png\")`,backgroundSize:props.noise.scale*200,backgroundRepeat:\"repeat\",opacity:props.noise.opacity/2}})]});}addPropertyControls(AnimatedGradientBackground,{preset:{type:ControlType.Enum,defaultValue:Object.keys(templates)[0],options:[...Object.keys(templates),\"custom\"],optionTitles:[...Object.keys(templates),\"Custom\"]},preview:{type:ControlType.Boolean,defaultValue:false},colorMode:{type:ControlType.Enum,defaultValue:\"preset\",options:[\"preset\",\"custom\"],optionTitles:[\"Preset\",\"Custom\"],displaySegmentedControl:true,title:\"Colors\",hidden:props=>props.preset===\"custom\"},color1:{type:ControlType.Color,defaultValue:\"#262626\",hidden:props=>props.preset!==\"custom\"&&props.colorMode===\"preset\"},color2:{type:ControlType.Color,defaultValue:\"#75c1f0\",hidden:props=>props.preset!==\"custom\"&&props.colorMode===\"preset\"},color3:{type:ControlType.Color,defaultValue:\"#ffffff\",hidden:props=>props.preset!==\"custom\"&&props.colorMode===\"preset\"},noise:{type:ControlType.Object,optional:true,icon:\"effect\",controls:{opacity:{type:ControlType.Number,defaultValue:.5,min:0,max:1,step:.01},scale:{type:ControlType.Number,defaultValue:1,min:.2,max:2,step:.1}}},rotation:{type:ControlType.Number,defaultValue:0,min:-360,max:360,step:1,unit:\"\\xb0\",hidden:props=>props.preset!==\"custom\"},proportion:{type:ControlType.Number,defaultValue:35,min:0,max:100,step:1,hidden:props=>props.preset!==\"custom\"},scale:{type:ControlType.Number,defaultValue:1,min:0,max:10,step:.01,hidden:props=>props.preset!==\"custom\"},speed:{type:ControlType.Number,defaultValue:25,step:1,min:0,max:100},distortion:{type:ControlType.Number,defaultValue:12,min:0,max:100,step:1,hidden:props=>props.preset!==\"custom\"},swirl:{type:ControlType.Number,defaultValue:80,min:0,max:100,step:1,hidden:props=>props.preset!==\"custom\"},swirlIterations:{type:ControlType.Number,defaultValue:10,min:0,max:20,step:1,title:\"Iterations\",hidden:props=>props.swirl===0||props.preset!==\"custom\"},softness:{type:ControlType.Number,defaultValue:100,min:0,max:100,step:1,hidden:props=>props.preset!==\"custom\"},offset:{type:ControlType.Number,defaultValue:0,min:-1e3,max:1e3,step:1,hidden:props=>props.preset!==\"custom\"},shape:{type:ControlType.Enum,defaultValue:\"Checks\",options:Object.keys(PatternShapes),hidden:props=>props.preset!==\"custom\"},shapeSize:{type:ControlType.Number,defaultValue:10,min:0,max:100,step:1,hidden:props=>props.preset!==\"custom\"},radius:{type:ControlType.BorderRadius,defaultValue:\"0px\"}});//////////////////////////////\nconst defaultPreset={name:\"Default\",params:{scale:1,rotation:0,speed:20,seed:0,color1:\"hsla(0, 0%, 15%, 1)\",color2:\"hsla(203, 80%, 70%, 1)\",color3:\"hsla(0, 0%, 100%, 1)\",proportion:.35,softness:1,distortion:.25,swirl:.8,swirlIterations:10,shapeScale:.1,shape:PatternShapes.Checks}};// Due to Leva controls limitation:\n// 1) keep default colors in HSLA format to keep alpha channel\n// 2) don't use decimal values on HSL values (to avoid button highlight bug)\nconst Warp=props=>{const uniforms=useMemo(()=>{return{u_scale:props.scale??defaultPreset.params.scale,u_rotation:props.rotation??defaultPreset.params.rotation,u_color1:getShaderColorFromString(props.color1,defaultPreset.params.color1),u_color2:getShaderColorFromString(props.color2,defaultPreset.params.color2),u_color3:getShaderColorFromString(props.color3,defaultPreset.params.color2),u_proportion:props.proportion??defaultPreset.params.proportion,u_softness:props.softness??defaultPreset.params.softness,u_distortion:props.distortion??defaultPreset.params.distortion,u_swirl:props.swirl??defaultPreset.params.swirl,u_swirlIterations:props.swirlIterations??defaultPreset.params.swirlIterations,u_shapeScale:props.shapeScale??defaultPreset.params.shapeScale,u_shape:props.shape??defaultPreset.params.shape};},[props.scale,props.rotation,props.color1,props.color2,props.color3,props.proportion,props.softness,props.distortion,props.swirl,props.swirlIterations,props.shapeScale,props.shape,props.speed]);return /*#__PURE__*/_jsx(ShaderMount,{...props,fragmentShader:warpFragmentShader,uniforms:uniforms});};const ShaderMount=({ref,fragmentShader,style,uniforms={},webGlContextAttributes,speed=1,seed=0})=>{const canvasRef=ref??useRef(null);const shaderMountRef=useRef(null);useEffect(()=>{if(canvasRef.current){shaderMountRef.current=new ShaderMountVanilla(canvasRef.current,fragmentShader,uniforms,webGlContextAttributes,speed,seed);}return()=>{shaderMountRef.current?.dispose();};},[fragmentShader,webGlContextAttributes]);useEffect(()=>{shaderMountRef.current?.setUniforms(uniforms);},[uniforms]);useEffect(()=>{shaderMountRef.current?.setSpeed(speed);},[speed]);useEffect(()=>{shaderMountRef.current?.setSeed(seed);},[seed]);return /*#__PURE__*/_jsx(\"canvas\",{ref:canvasRef,style:style});};function mapRange(value,fromLow,fromHigh,toLow,toHigh){if(fromLow===fromHigh){return toLow;}const percentage=(value-fromLow)/(fromHigh-fromLow);return toLow+percentage*(toHigh-toLow);}AnimatedGradientBackground.displayName=\"Animated Gradient Background\";\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"AnimatedGradientBackground\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"400\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerDisableUnlink\":\"*\",\"framerIntrinsicHeight\":\"400\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AnimatedLiquidBackground_Prod.map"],"mappings":"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"}