{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/9vlcrQwDrbKSmD2xdWE5/HlCJ3urUTyvUKINNNEvI/ConicGradient.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useRef}from\"react\";import{addPropertyControls,ControlType,Color}from\"framer\";import{useAnimationFrame}from\"framer-motion\";import{wrap}from\"popmotion\";/**\n * CONIC\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 200\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */ export default function ConicGradient(props){const{colors,radius,from,axis,blur,shouldAnimate,rotate,speed}=props;const{xPos,yPos}=axis;const colorToValue=c=>Color(c).toValue();/* The CSS Background String */ const background=`conic-gradient(from ${from}deg at ${xPos}% ${yPos}%, ${colors.map(c=>colorToValue(c)).join(\",\")})`;/* Fallback variables */ let message=\"\";let isEmpty=false;let fallBackColor=colors[0];/* Fallback for 0 colors or 1 color in array */ if(colors.length==0){message=\"Please add 2+ colors.\";fallBackColor=\"rgba(136, 85, 255, 0.1)\";isEmpty=true;}else if(colors.length==1){isEmpty=true;fallBackColor=colors[0];}else{isEmpty=false;}const conicStyle={inset:\"-100%\",position:\"absolute\",display:\"flex\",placeItems:\"center\",placeContent:\"center\",color:\"#85F\",background:isEmpty?fallBackColor:background,willChange:\"transform\"};const blurStyle={WebkitBackdropFilter:`blur(${blur}px)`,MozBackdropFilter:`blur(${blur}px)`,backdropFilter:`blur(${blur}px)`};const absoluteStyle={position:\"absolute\",inset:0};/* Animation */ const transformRef=useRef(null);const initialTime=useRef(null);const prevTime=useRef(null);const rotationRef=useRef(0);const isNegative=rotate<0;useAnimationFrame(t=>{if(!transformRef.current||!rotate||!shouldAnimate){return;}if(initialTime.current===null){initialTime.current=t;}t=t-initialTime.current;const timeSince=prevTime.current===null?0:t-prevTime.current;let delta=timeSince*(speed/1e3);rotationRef.current+=delta;rotationRef.current=wrap(0,rotate,rotationRef.current);if(isNegative){rotationRef.current=wrap(0,-rotate,rotationRef.current);transformRef.current.style.transform=`translateZ(0) rotate(-${rotationRef.current}deg)`;}else{rotationRef.current=wrap(0,rotate,rotationRef.current);transformRef.current.style.transform=`translateZ(0) rotate(${rotationRef.current}deg)`;}prevTime.current=t;});return /*#__PURE__*/ _jsxs(\"div\",{style:{borderRadius:radius,overflow:\"hidden\",...absoluteStyle},children:[/*#__PURE__*/ _jsx(\"div\",{style:conicStyle,ref:transformRef,children:message}),/*#__PURE__*/ _jsx(\"div\",{style:{...absoluteStyle,...blurStyle}})]});};/* Default Properties */ ConicGradient.defaultProps={colors:[\"cyan\",\"magenta\",\"yellow\"],blur:0,radius:0,from:0,axis:{xPos:50,yPos:50}};ConicGradient.displayName=\"Conic Gradient\";/* Property Controls, Default Gradient */ addPropertyControls(ConicGradient,{colors:{type:ControlType.Array,title:\"Colors\",control:{type:ControlType.Color,title:\"Color\"},defaultValue:ConicGradient.defaultProps.colors},radius:{type:ControlType.Number,title:\"Radius\",min:0,max:500,displayStepper:true,step:10},from:{type:ControlType.Number,title:\"Angle\",unit:\"\\xb0\",min:0,max:1080,displayStepper:true,step:15},axis:{type:ControlType.Object,title:\"Axis\",controls:{xPos:{type:ControlType.Number,title:\"X\",unit:\"%\",min:0,max:100,defaultValue:50},yPos:{type:ControlType.Number,title:\"Y\",unit:\"%\",min:0,max:100,defaultValue:50}}},shouldAnimate:{type:ControlType.Boolean,title:\"Animate\",defaultValue:false},rotate:{type:ControlType.Number,min:-360,max:360,defaultValue:360,title:\"To\",unit:\"\\xb0\",hidden:props=>!props.shouldAnimate},speed:{type:ControlType.Number,title:\"Speed\",min:0,max:1e3,defaultValue:100,unit:\"%\",displayStepper:true,step:5,hidden:props=>!props.shouldAnimate},blur:{type:ControlType.Number,title:\"Blur\",min:0,max:100,defaultValue:0,description:\"Only visible on Canvas with Show Background Blur enabled in View.\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ConicGradient\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"200\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicWidth\":\"200\",\"framerDisableUnlink\":\"*\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ConicGradient.map"],
  "mappings": "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",
  "names": ["ConicGradient", "props", "colors", "radius", "from", "axis", "blur", "shouldAnimate", "rotate", "speed", "xPos", "yPos", "colorToValue", "c", "Color", "background", "message", "isEmpty", "fallBackColor", "conicStyle", "blurStyle", "absoluteStyle", "transformRef", "pe", "initialTime", "prevTime", "rotationRef", "isNegative", "useAnimationFrame", "t", "delta", "wrap", "u", "p", "addPropertyControls", "ControlType"]
}