{"version":3,"file":"ShadowOverlay_Prod.BKbug4hs.mjs","names":["useRef","useId"],"sources":["https:/framerusercontent.com/modules/ZEtiHgQgFVGBrS0Dlois/Wsamw904kxMtypSDeAdF/ShadowOverlay_Prod.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{useRef,useId,useEffect}from\"react\";import{animate,useMotionValue}from\"framer-motion\";const PRESET_IMAGE_IDS=[\"ceBGguIpUU8luwByxuQz79t7To\",\"znMaWHYdlNjI3XmG9UmHCZJ2dF4\",\"EmAMO0OLZ4CWbBHNtkim5etdvjE\",\"7K01o5a0Y1LyKM8iKincpTWSm0\",\"hRNB6XrJT2M7fsVBS1bS1tZpOAs\",\"ekHbDzFghE4uvIjKPrLwFVCfOk\",\"svuE9O4efZ24yHS2buRr3ViibE\",\"UjoQ9C7XN8feIfM14wB310cOJR4\",\"isACzjE1USQFF2bW0oMvLMdMKzA\",\"Z8UyfkF6S9UmBLwaZWMbJdJc3c\",\"Ck9UWgqX5Nc46BxqHHXhJoEMMs\",\"5UnPseCHA2ms40G25VTbksLmUfM\",\"aJy8SKOl9MNn9WhYQLOggwDzMcw\",\"rVXg0zhAlJFlziBLPM0rvdBL8NQ\",\"nLGjGCZybN83O12nVaNpt0AxJgw\",\"gEulGDbGwms4zhp1tGv4BerAI\",\"lUB3IS8TiPeJBP5gV9ZfBoIJ7E\",\"RwER4Vq4vLm4c6J48t9kMFieI\",\"IMPAXiPWHsECHuiQm2Tkywi94\",\"rjdvLhlEdUwNXlqn9KiHCSLYeDw\",\"qOEKe0T3OnLqPe72x2Mpycx5ePk\",\"MRSUqPmzy7IMgTiZy3JsNmgGLY\",\"LjqX4PLHcL524jh3kpnz4toTio\",\"HxlEYnQRYQVXiHiJHtlZ6GRzNg\",\"KKc66YBV1jrvMD3cq7NgJvPzmc\",\"wOmMo3IJcXcrWDLyBW3roBGkkbU\",\"psKeI3qPMv3osKwHZ7jXsWXE\",\"2TstK9EzgkxpUcWVcBd3qF78UDw\",\"FHbxpWYUP15NVTQxR7b88Es9hvA\",\"maeTigdLMJoJJlgi5wKcFMyZQ\",\"OirDHWzfb3BoUZGoUuEktQsBrfw\",\"8kCsbgl3oV2CW69fVtUhAOmhubA\"];const PRESET_PREVIEW_IDS=[\"GikDnJXxIG7aOWiXifFhi1B1g4\",\"DqvpqAiz6chGS11uqQWmMcxrBoQ\",\"G7LC3dO8mFJSU26f5Z9LadQoVw\",\"wwcecJPjhXFRYQqpahs9lBBNZQ\",\"cYGuyqo4rxdhnoixOpLvZPPdzY\",\"Qd12cFtpMGCdUX67q5nUpDVOY\",\"wCnDSdBtJF46xdMoQ7vaa2KH2Gg\",\"aK8vgCdBurGMNrLhmDH8TxbTE\",\"uDQnnKAKYotCYBEEHj9iqjpVE\",\"fkCzlTsghVZb0p97dU03bUmbM4\",\"X6shEmqDkt3M6jxYSMHRehR8vQ\",\"9ytNEIwadMfdM72OU5WW0H74550\",\"vqIRrU4RmQ3agBMXjvsCxUXMAY\",\"pJCD6GCRNQwuLsjFM5paXnTZOc\",\"0gIBoVKWarNlOwjlFnVQKleVGs\",\"AhPH6y6mukysdCmSwLRikudZRI\",\"zxOdMZtuoWrlReSpzu4rexG1xyY\",\"18lKdKJyxru3gQoqprNLmAfbR0\",\"DP4Q69UbLTskMaAVG8fK5U4uc0\",\"r4aXBHTdI2HVFREr5DUyFHevxsU\",\"vgy7HFi9kBUDK4KOatgcawdzLbw\",\"Ks6BlK4M75cJW59n51OD0aQ164\",\"HVSays7JFuSPbHAPBvoU2SfEhj4\",\"oj6qzcQXgDBltZQPWElCThuKR34\",\"LfevKotJb6xPPSfkfOf04XkW4Nw\",\"8dqMAKsBqAQqfh1pskqsJ5DoeiE\",\"pK4lTZeuHwjXNpItXK4lzoOhgg\",\"isnBHWqE2mJujDumuwUNQCS3w\",\"ss15G1g6Nd3Xsu1rWxxKEPl1cBU\",\"9vYMcBGpvqQ4FQ4DxbEV4ro6V8\",\"TJBvCydaMyTSwiGi6llKwTVq4\",\"HvOs5KaadiDfJLcNn9d5pCVQrkg\"];const ANIMATION_DEFAULT_VALUE={preview:false,scale:50,speed:30};/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n *\n * @framerDisableUnlink\n *\n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 600\n */export default function ShadowOverlay({type,presetIndex,customImage,sizing,color,animation,noise,style}){const id=useInstanceId();const isCanvas=RenderTarget.current()===RenderTarget.canvas;const animationEnabled=animation&&animation.scale>0&&(!isCanvas||animation.preview);const feColorMatrixRef=useRef(null);const hueRotateMotionValue=useMotionValue(180);const hueRotateAnimation=useRef(null);const displacementScale=animation?mapRange(animation.scale,1,100,20,100):0;const animationDuration=animation?mapRange(animation.speed,1,100,1e3,50):1;useEffect(()=>{if(feColorMatrixRef.current&&animationEnabled){if(hueRotateAnimation.current){hueRotateAnimation.current.stop();}hueRotateMotionValue.set(0);hueRotateAnimation.current=animate(hueRotateMotionValue,360,{duration:animationDuration/25,repeat:Infinity,repeatType:\"loop\",repeatDelay:0,ease:\"linear\",delay:0,onUpdate:value=>{if(feColorMatrixRef.current){feColorMatrixRef.current.setAttribute(\"values\",String(value));}}});return()=>{if(hueRotateAnimation.current){hueRotateAnimation.current.stop();}};}},[animationEnabled,animationDuration]);let src=\"\";let srcSet=\"\";let alt=\"\";if(type===\"preset\"){const presetImageId=PRESET_IMAGE_IDS[presetIndex-1];if(presetImageId){const url=`https://framerusercontent.com/images/${presetImageId}.png`;src=`${url}?scale-down-to=2048`;srcSet=[`${url}?scale-down-to=512 512w`,`${url}?scale-down-to=1024 1024w`,`${url}?scale-down-to=2048 2048w`,`${url}?scale-down-to=4096 4096w`].filter(Boolean).join(\",\");}}else if(type===\"custom\"){if(customImage){src=customImage.src;alt=customImage.alt;}}return /*#__PURE__*/_jsxs(\"div\",{style:{overflow:\"hidden\",position:\"relative\",width:\"100%\",height:\"100%\",...style},children:[/*#__PURE__*/_jsxs(\"div\",{style:{position:\"absolute\",inset:-displacementScale,filter:animationEnabled?`url(#${id}) blur(4px)`:\"none\"},children:[animationEnabled&&/*#__PURE__*/_jsx(\"svg\",{style:{position:\"absolute\"},children:/*#__PURE__*/_jsx(\"defs\",{children:/*#__PURE__*/_jsxs(\"filter\",{id:id,children:[/*#__PURE__*/_jsx(\"feTurbulence\",{result:\"undulation\",numOctaves:\"2\",baseFrequency:`${mapRange(animation.scale,0,100,.001,5e-4)},${mapRange(animation.scale,0,100,.004,.002)}`,seed:\"0\",type:\"turbulence\"}),/*#__PURE__*/_jsx(\"feColorMatrix\",{ref:feColorMatrixRef,in:\"undulation\",type:\"hueRotate\",values:\"180\"}),/*#__PURE__*/_jsx(\"feColorMatrix\",{in:\"dist\",result:\"circulation\",type:\"matrix\",values:\"4 0 0 0 1  4 0 0 0 1  4 0 0 0 1  1 0 0 0 0\"}),/*#__PURE__*/_jsx(\"feDisplacementMap\",{in:\"SourceGraphic\",in2:\"circulation\",scale:displacementScale,result:\"dist\"}),/*#__PURE__*/_jsx(\"feDisplacementMap\",{in:\"dist\",in2:\"undulation\",scale:displacementScale,result:\"output\"})]})})}),src?/*#__PURE__*/_jsx(\"div\",{\"aria-label\":alt||undefined,style:{backgroundColor:color,maskImage:`url('${src}')`,maskSize:sizing===\"stretch\"?\"100% 100%\":\"cover\",maskRepeat:\"no-repeat\",maskPosition:\"center\",width:\"100%\",height:\"100%\"}}):null]}),noise&&noise.opacity>0&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,backgroundImage:`url(\"https://framerusercontent.com/images/g0QcWrxr87K0ufOxIUFBakwYA8.png\")`,backgroundSize:noise.scale*200,backgroundRepeat:\"repeat\",opacity:noise.opacity/2}})]});}ShadowOverlay.displayName=\"Shadow Overlay\";addPropertyControls(ShadowOverlay,{type:{type:ControlType.Enum,defaultValue:\"preset\",options:[\"preset\",\"custom\"],optionTitles:[\"Preset\",\"Custom\"],displaySegmentedControl:true},presets:{type:ControlType.Array,__vekterDefault:PRESET_PREVIEW_IDS.map((imageId,index)=>({image:{alt:`Shadow Preset ${index+1}`,assetReference:`data:framer/asset-reference,${imageId}.jpg?originalFilename=${index+1}.jpg`}})),control:{type:ControlType.Object,controls:{image:{type:ControlType.ResponsiveImage}}},description:\"Use this only for browsing presets. Do not remove.\",hidden:props=>props.type===\"custom\"},presetIndex:{type:ControlType.Number,defaultValue:1,min:1,max:PRESET_IMAGE_IDS.length,step:1,displayStepper:true,title:\"Preset\",description:\"Use this for selecting a preset number.\",hidden:props=>props.type!==\"preset\"},customImage:{type:ControlType.ResponsiveImage,title:\"Image\",hidden:props=>props.type!==\"custom\"},sizing:{type:ControlType.Enum,defaultValue:\"fill\",options:[\"fill\",\"stretch\"],optionTitles:[\"Fill\",\"Stretch\"],displaySegmentedControl:true},color:{type:ControlType.Color,defaultValue:\"rgba(0, 0, 0, 0.2)\"},animation:{type:ControlType.Object,optional:true,icon:\"effect\",defaultValue:ANIMATION_DEFAULT_VALUE,controls:{preview:{type:ControlType.Boolean,defaultValue:ANIMATION_DEFAULT_VALUE.preview,description:\"Show effect in editor\"},scale:{type:ControlType.Number,defaultValue:ANIMATION_DEFAULT_VALUE.scale,min:1,max:100,step:1},speed:{type:ControlType.Number,defaultValue:ANIMATION_DEFAULT_VALUE.speed,min:1,max:100,step:1,description:\"Adds a subtle wave animation to the shadow\"}}},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}},description:\"More components at [Framer University](https://frameruni.link/cc).\"}});function mapRange(value,fromLow,fromHigh,toLow,toHigh){if(fromLow===fromHigh){return toLow;}const percentage=(value-fromLow)/(fromHigh-fromLow);return toLow+percentage*(toHigh-toLow);}const useInstanceId=()=>{const id=useId();const cleanId=id.replace(/:/g,\"\");const instanceId=`frameruni-${cleanId}`;return instanceId;};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ShadowOverlay\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerDisableUnlink\":\"*\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"400\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicHeight\":\"600\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ShadowOverlay_Prod.map"],"mappings":"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"}