{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/cvbniuG598ARBK5eyDqI/KdzdIF8vyQJs4gWk7Kam/Progress_5.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useRef,useMemo,useState}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{useTransform,motionValue,motion,animate}from\"framer-motion\";import{isMotionValue,defaultEvents,useOnEnter,colorTokentoValue}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";import{useMeasuredSize}from\"https://framer.com/m/framer/useMeasuredSize.js\";var Indicators;(function(Indicators){Indicators[\"Circle\"]=\"Circle\";Indicators[\"Line\"]=\"Line\";})(Indicators||(Indicators={}));function getIndicator(indicator,props){switch(indicator){case\"Circle\":return /*#__PURE__*/_jsx(Circle,{...props});case\"Line\":return /*#__PURE__*/_jsx(Line,{...props});default:return /*#__PURE__*/_jsx(Line,{...props});}}/**\n * PROGRESS\n *\n * @framerIntrinsicWidth 50\n * @framerIntrinsicHeight 50\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export function Progress(props){const{progress,progressEnd,onComplete,transition,animation,type,padding,animateFromStart,shouldAnimate,shouldAnimateTransition,onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp}=props;const isPropMotionValue=isMotionValue(progress);const didInitialMount=useRef(false);const[progressValue]=useState(()=>isPropMotionValue?progress:motionValue(progress*.01));const lastValue=useRef(-1);const onCanvas=useMemo(()=>RenderTarget.current()===RenderTarget.canvas,[]);useOnEnter(()=>{if(shouldAnimate&&RenderTarget.current()!==RenderTarget.canvas){if(animateFromStart)progressValue.set(0);if(!onCanvas)animate(progressValue,progressEnd*.01,animation);}});useEffect(()=>{if(!isPropMotionValue&&!onCanvas&&didInitialMount.current&&shouldAnimateTransition){animate(progressValue,progress*.01,transition);}else if(!didInitialMount.current){didInitialMount.current=true;}else{progressValue.set(progress*.01);}},[progress]);useEffect(()=>progressValue.onChange(()=>{if(progressValue.get()>=1&&progressValue.get()!==lastValue.current&&onComplete)onComplete();lastValue.current=progressValue.get();}),[]);return /*#__PURE__*/_jsx(\"div\",{onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp,style:{width:\"100%\",height:\"100%\",padding,overflow:\"hidden\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\"},children:getIndicator(type,{...props,progressValue})});}function Circle(props){const{progressValue,strokeWidth,trackColor,progressColor,roundCap,// width,\n// height,\npadding}=props;const container=useRef();const size=useMeasuredSize(container);const width=size?.width?size.width:50;const height=size?.height?size.height:50;const circleSize=Math.min(width,height)-strokeWidth-padding*2;const xOffset=Math.abs(width-circleSize)/2;const yOffset=Math.abs(height-circleSize)/2;const w=circleSize;const r=w/2;const c=Math.PI*w;const dashOffset=useTransform(progressValue,[1,0],[0,c]);return /*#__PURE__*/_jsx(motion.div,{ref:container,style:{display:\"block\",width:\"100%\",height:\"100%\"},children:/*#__PURE__*/_jsx(\"svg\",{style:{width:\"100%\",height:\"100%\",transformOrigin:\"50% 50%\",transform:`rotate(${roundCap?-90+3:-90}deg)`},children:/*#__PURE__*/_jsxs(\"g\",{style:{transform:`translateX(${xOffset}px) translateY(${yOffset}px)`},children:[/*#__PURE__*/_jsx(\"circle\",{cx:r,cy:r,r:r,fill:\"none\",stroke:colorTokentoValue(trackColor),strokeWidth:strokeWidth,strokeDasharray:c}),/*#__PURE__*/_jsx(motion.circle,{cx:r,cy:r,r:r,fill:\"none\",stroke:colorTokentoValue(progressColor),strokeWidth:strokeWidth,strokeLinecap:roundCap?\"round\":\"butt\",strokeDasharray:c,style:{strokeDashoffset:dashOffset,transformOrigin:\"center\"}})]})})});}function Line(props){const{progressValue,lineHeight,trackColor,progressColor,borderRadius,roundCap}=props;return /*#__PURE__*/_jsx(motion.div,{style:{background:colorTokentoValue(trackColor),width:\"100%\",height:lineHeight,borderRadius,overflow:\"hidden\",z:.001},children:/*#__PURE__*/_jsx(motion.div,{style:{width:\"100%\",height:lineHeight,scaleX:progressValue,background:colorTokentoValue(progressColor),originX:0}})});}Progress.defaultProps={width:50,height:50,animation:{type:\"tween\",ease:[0,0,1,1],duration:1,delay:.25},transition:{type:\"spring\",delay:0,stiffness:150,damping:20,mass:1},progressColor:\"#09F\",trackColor:\"#E5E5E5\",strokeWidth:5,shouldAnimate:true,progress:60,progressEnd:100,padding:5,strokeStyle:\"solid\",borderRadius:5,lineHeight:5,animateFromStart:false,shouldAnimateTransition:true,type:\"Circle\"};addPropertyControls(Progress,{type:{title:\"Type\",type:ControlType.Enum,options:Object.keys(Indicators).map(i=>Indicators[i])},progress:{type:ControlType.Number,defaultValue:Progress.defaultProps.progress,unit:\"%\",min:0,max:100,title:\"Value\"},progressEnd:{type:ControlType.Number,defaultValue:Progress.defaultProps.progressEnd,unit:\"%\",min:0,max:100,title:\"Animate To\",hidden:({shouldAnimate})=>!shouldAnimate},progressColor:{type:ControlType.Color,title:\"Color\",defaultValue:Progress.defaultProps.progressColor},trackColor:{type:ControlType.Color,title:\"Track\",defaultValue:Progress.defaultProps.trackColor},shouldAnimate:{type:ControlType.Boolean,title:\"Animate\",enabledTitle:\"Yes\",disabledTitle:\"No\"},animateFromStart:{type:ControlType.Boolean,title:\"From\",enabledTitle:\"Start\",disabledTitle:\"Current\",hidden:({shouldAnimate})=>!shouldAnimate},animation:{title:\" \",type:ControlType.Transition,defaultValue:Progress.defaultProps.animation,hidden:({shouldAnimate})=>!shouldAnimate},shouldAnimateTransition:{type:ControlType.Boolean,title:\"Transition\",enabledTitle:\"Animate\",disabledTitle:\"Instant\"},transition:{title:\" \",type:ControlType.Transition,defaultValue:Progress.defaultProps.transition,hidden:({shouldAnimateTransition})=>!shouldAnimateTransition},padding:{type:ControlType.Number,title:\"Padding\",defaultValue:Progress.defaultProps.strokeWidth,displayStepper:true,min:0},strokeWidth:{type:ControlType.Number,title:\"Thickness\",defaultValue:Progress.defaultProps.strokeWidth,hidden:({type})=>type!==\"Circle\",displayStepper:true,min:1},lineHeight:{title:\"Thickness\",type:ControlType.Number,min:1,hidden:({type})=>type!==\"Line\"},borderRadius:{type:ControlType.Number,title:\"Radius\",min:0,max:50,hidden:({type})=>type!==\"Line\"},roundCap:{type:ControlType.Boolean,hidden:({type})=>type!==\"Circle\",title:\"Line Cap\",enabledTitle:\"Round\",disabledTitle:\"Flat\"},onComplete:{type:ControlType.EventHandler},...defaultEvents});\nexport const __FramerMetadata__ = {\"exports\":{\"Progress\":{\"type\":\"reactComponent\",\"name\":\"Progress\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"50\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicWidth\":\"50\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Progress_5.map"],
  "mappings": "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",
  "names": ["init_ssg_sandbox_shims", "Indicators", "getIndicator", "indicator", "props", "p", "Circle", "Line", "Progress", "progress", "progressEnd", "onComplete", "transition", "animation", "type", "padding", "animateFromStart", "shouldAnimate", "shouldAnimateTransition", "onClick", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "isPropMotionValue", "isMotionValue", "didInitialMount", "pe", "progressValue", "ye", "motionValue", "lastValue", "onCanvas", "se", "RenderTarget", "useOnEnter", "animate", "ue", "strokeWidth", "trackColor", "progressColor", "roundCap", "container", "size", "useMeasuredSize", "width", "height", "circleSize", "xOffset", "yOffset", "w", "r", "dashOffset", "useTransform", "motion", "u", "colorTokentoValue", "lineHeight", "borderRadius", "addPropertyControls", "ControlType", "i", "defaultEvents"]
}