{"version":3,"file":"Circular_Progress.Bit9h1El.mjs","names":[],"sources":["https:/framerusercontent.com/modules/Vch3B0bWlq4RUCoW3PVi/XBmWC7hL1TMqkpeh00Fp/Circular_Progress.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";export function CircularProgressBar(props){const{progress,progressColor,trackColor,strokeWidth,fillType,fillColor,gradientStart,gradientEnd,roundEdges,animationDuration,animationEasing}=props;const radius=50-strokeWidth/2// Keep the stroke inside the 100x100 viewbox\n;const circumference=2*Math.PI*radius;const offset=circumference-progress/100*circumference;return /*#__PURE__*/_jsxs(\"svg\",{width:\"100%\",height:\"100%\",viewBox:\"0 0 100 100\",xmlns:\"http://www.w3.org/2000/svg\",children:[fillType===\"gradient\"&&/*#__PURE__*/_jsx(\"defs\",{children:/*#__PURE__*/_jsxs(\"linearGradient\",{id:\"gradientFill\",x1:\"0%\",y1:\"0%\",x2:\"100%\",y2:\"100%\",children:[/*#__PURE__*/_jsx(\"stop\",{offset:\"0%\",stopColor:gradientStart}),/*#__PURE__*/_jsx(\"stop\",{offset:\"100%\",stopColor:gradientEnd})]})}),/*#__PURE__*/_jsx(\"circle\",{cx:\"50\",cy:\"50\",r:radius,fill:fillType===\"gradient\"?\"url(#gradientFill)\":fillColor,stroke:\"none\"}),/*#__PURE__*/_jsx(\"circle\",{cx:\"50\",cy:\"50\",r:radius,fill:\"none\",stroke:trackColor,strokeWidth:strokeWidth}),/*#__PURE__*/_jsx(motion.circle,{cx:\"50\",cy:\"50\",r:radius,fill:\"none\",stroke:progressColor,strokeWidth:strokeWidth,strokeDasharray:circumference,strokeDashoffset:offset,strokeLinecap:roundEdges?\"round\":\"butt\",initial:{strokeDashoffset:circumference},animate:{strokeDashoffset:offset},transition:{duration:animationDuration,ease:animationEasing}})]});}CircularProgressBar.defaultProps={progress:50,progressColor:\"#00A8FF\",trackColor:\"#E0E0E0\",strokeWidth:10,fillType:\"solid\",fillColor:\"transparent\",gradientStart:\"#FF7F50\",gradientEnd:\"#FFD700\",roundEdges:true,animationDuration:1,animationEasing:\"easeInOut\"};addPropertyControls(CircularProgressBar,{progress:{type:ControlType.Number,title:\"Progress (%)\",min:0,max:100,defaultValue:50},progressColor:{type:ControlType.Color,title:\"Progress Color\",defaultValue:\"#00A8FF\"},trackColor:{type:ControlType.Color,title:\"Track Color\",defaultValue:\"#E0E0E0\"},strokeWidth:{type:ControlType.Number,title:\"Stroke Width\",min:1,max:20,defaultValue:10},fillType:{type:ControlType.Enum,title:\"Fill Type\",options:[\"solid\",\"gradient\"],optionTitles:[\"Solid\",\"Gradient\"],defaultValue:\"solid\"},fillColor:{type:ControlType.Color,title:\"Fill Color\",defaultValue:\"transparent\",hidden:props=>props.fillType===\"gradient\"},gradientStart:{type:ControlType.Color,title:\"Gradient Start\",defaultValue:\"#FF7F50\",hidden:props=>props.fillType!==\"gradient\"},gradientEnd:{type:ControlType.Color,title:\"Gradient End\",defaultValue:\"#FFD700\",hidden:props=>props.fillType!==\"gradient\"},roundEdges:{type:ControlType.Boolean,title:\"Round Edges\",defaultValue:true},animationDuration:{type:ControlType.Number,title:\"Animation Duration\",min:.1,max:10,step:.1,defaultValue:1},animationEasing:{type:ControlType.Enum,title:\"Animation Easing\",options:[\"linear\",\"easeIn\",\"easeOut\",\"easeInOut\",\"circIn\",\"circOut\",\"circInOut\"],optionTitles:[\"Linear\",\"Ease In\",\"Ease Out\",\"Ease In-Out\",\"Circ In\",\"Circ Out\",\"Circ In-Out\"],defaultValue:\"easeInOut\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"CircularProgressBar\":{\"type\":\"reactComponent\",\"name\":\"CircularProgressBar\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Circular_Progress.map"],"mappings":"wTAA+I,SAAgB,EAAoB,EAAM,CAAC,GAAK,CAAC,WAAS,gBAAc,aAAW,cAAY,WAAS,YAAU,gBAAc,cAAY,aAAW,oBAAkB,mBAAiB,EAAY,EAAO,GAAG,EAAY,EACpW,EAAc,EAAE,KAAK,GAAG,EAAa,EAAO,EAAc,EAAS,IAAI,EAAc,OAAoB,EAAM,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,QAAQ,cAAc,MAAM,6BAA6B,SAAS,CAAC,IAAW,YAAyB,EAAK,OAAO,CAAC,SAAsB,EAAM,iBAAiB,CAAC,GAAG,eAAe,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,SAAS,CAAc,EAAK,OAAO,CAAC,OAAO,KAAK,UAAU,EAAc,CAAC,CAAc,EAAK,OAAO,CAAC,OAAO,OAAO,UAAU,EAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAc,EAAK,SAAS,CAAC,GAAG,KAAK,GAAG,KAAK,EAAE,EAAO,KAAK,IAAW,WAAW,qBAAqB,EAAU,OAAO,OAAO,CAAC,CAAc,EAAK,SAAS,CAAC,GAAG,KAAK,GAAG,KAAK,EAAE,EAAO,KAAK,OAAO,OAAO,EAAuB,cAAY,CAAC,CAAc,EAAK,EAAO,OAAO,CAAC,GAAG,KAAK,GAAG,KAAK,EAAE,EAAO,KAAK,OAAO,OAAO,EAA0B,cAAY,gBAAgB,EAAc,iBAAiB,EAAO,cAAc,EAAW,QAAQ,OAAO,QAAQ,CAAC,iBAAiB,EAAc,CAAC,QAAQ,CAAC,iBAAiB,EAAO,CAAC,WAAW,CAAC,SAAS,EAAkB,KAAK,EAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,kBAD/gC,IAAkC,IAAoD,CAC27B,EAAoB,aAAa,CAAC,SAAS,GAAG,cAAc,UAAU,WAAW,UAAU,YAAY,GAAG,SAAS,QAAQ,UAAU,cAAc,cAAc,UAAU,YAAY,UAAU,WAAW,GAAK,kBAAkB,EAAE,gBAAgB,YAAY,CAAC,EAAoB,EAAoB,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,IAAI,EAAE,IAAI,IAAI,aAAa,GAAG,CAAC,cAAc,CAAC,KAAK,EAAY,MAAM,MAAM,iBAAiB,aAAa,UAAU,CAAC,WAAW,CAAC,KAAK,EAAY,MAAM,MAAM,cAAc,aAAa,UAAU,CAAC,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,IAAI,EAAE,IAAI,GAAG,aAAa,GAAG,CAAC,SAAS,CAAC,KAAK,EAAY,KAAK,MAAM,YAAY,QAAQ,CAAC,QAAQ,WAAW,CAAC,aAAa,CAAC,QAAQ,WAAW,CAAC,aAAa,QAAQ,CAAC,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,cAAc,OAAO,GAAO,EAAM,WAAW,WAAW,CAAC,cAAc,CAAC,KAAK,EAAY,MAAM,MAAM,iBAAiB,aAAa,UAAU,OAAO,GAAO,EAAM,WAAW,WAAW,CAAC,YAAY,CAAC,KAAK,EAAY,MAAM,MAAM,eAAe,aAAa,UAAU,OAAO,GAAO,EAAM,WAAW,WAAW,CAAC,WAAW,CAAC,KAAK,EAAY,QAAQ,MAAM,cAAc,aAAa,GAAK,CAAC,kBAAkB,CAAC,KAAK,EAAY,OAAO,MAAM,qBAAqB,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,aAAa,EAAE,CAAC,gBAAgB,CAAC,KAAK,EAAY,KAAK,MAAM,mBAAmB,QAAQ,CAAC,SAAS,SAAS,UAAU,YAAY,SAAS,UAAU,YAAY,CAAC,aAAa,CAAC,SAAS,UAAU,WAAW,cAAc,UAAU,WAAW,cAAc,CAAC,aAAa,YAAY,CAAC,CAAC"}