{"version":3,"file":"ProgressAnimation.CKbf_lWq.mjs","names":["useState","useState"],"sources":["https:/framerusercontent.com/modules/I1DC9cTt2FcHsDUAaRxW/6iIIX4SzvuX6GX8XtSv5/SVG_Prod.js","https:/framerusercontent.com/modules/Zt66JDaIdHe85RK6oMHx/MyYoxsugHm8JvFVeUZKL/ProgressAnimation.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerDisableUnlink\n *\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */function SVG(props){const[customSvgElement,setCustomSvgElement]=useState(null);useEffect(()=>{const svgContent=props.customSvgCode;processCustomSVGContent(svgContent);});const processCustomSVGContent=svgContent=>{const replacements=[[/width=\"[^\"]*\"/,'width=\"100%\"'],[/height=\"[^\"]*\"/,'height=\"100%\"']];const hasCustomStroke=svgContent.includes('stroke=\"');const hasCustomStrokeWidth=svgContent.includes('stroke-width=\"');const hasLineCap=svgContent.includes('stroke-linecap=\"');const hasLineJoin=svgContent.includes('stroke-linejoin=\"');if(svgContent.includes(\"<circle\")){const circleFillRegex=/<circle[^>]*fill=\"([^\"]*)\"/;const match=svgContent.match(circleFillRegex);if(match){const updatedCircle=match[0].replace(match[1],props.customColor);svgContent=svgContent.replace(circleFillRegex,updatedCircle);}else{replacements.push([/<circle/g,`<circle fill=\"${props.customColor}\"`]);}}if(hasCustomStroke){if(!hasLineCap){replacements.push([/<path/g,`<path stroke=\"${props.customColor}\"`]);}else{replacements.push([/<path/g,`<path stroke=\"${props.customColor}\" stroke-linecap=\"${props.lineCap}\"`]);}if(hasCustomStrokeWidth){replacements.push([/stroke-width=\"(?!0\\b)\\d+(\\.\\d+)?\"/g,`stroke-width=\"${props.customStrokeWidth}\"`]);}}else{replacements.push([/<path/g,`<path fill=\"${props.customColor}\"`]);}if(svgContent.includes('overflow=\"')){replacements.push([/overflow=\"[^\"]*\"/,`overflow=\"visible\"`]);}else{replacements.push([/<svg/,`<svg overflow=\"visible\"`]);}if(!hasLineJoin){replacements.push([/<path/g,`<path stroke-linejoin=\"${props.lineJoin}\"`]);}else{replacements.push([/stroke-linejoin=\"[^\"]*\"/,`stroke-linejoin=\"${props.lineJoin}\"`]);}replacements.forEach(([regex,replacement])=>{svgContent=svgContent.replace(regex,replacement);});setCustomSvgElement(svgContent);};const customContainerStyle={padding:`${props.customPadding}px`,display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",overflow:\"visible\"};const accessibilityProps={role:\"img\",...props.title&&{\"aria-label\":props.title},...props.description&&{\"aria-description\":props.description}};return /*#__PURE__*/_jsx(\"div\",{dangerouslySetInnerHTML:{__html:customSvgElement},style:customContainerStyle,...accessibilityProps});}SVG.displayName=\"SVG\";SVG.defaultProps={customSvgCode:`<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g clip-path=\"url(#clip0_967_124)\"> <path d=\"M18 6.09674C18 6.0348 18.0246 5.97539 18.0684 5.93159L23.6013 0.398708C23.7484 0.251575 24 0.35578 24 0.563858V11.9033C24 11.9652 23.9754 12.0246 23.9316 12.0684L18 18V6.09674Z\" fill=\"white\"/> <path d=\"M6 18V6.56386C6 6.35578 5.74843 6.25158 5.60129 6.39871L0.0684074 11.9316C0.0246069 11.9754 0 12.0348 0 12.0967V23.7664C0 23.8954 0.104567 24 0.233557 24H11.9033C11.9652 24 12.0246 23.9754 12.0684 23.9316L18 18H6Z\" fill=\"white\"/> </g> <defs> <clipPath id=\"clip0_967_124\"> <rect width=\"24\" height=\"24\" fill=\"white\"/> </clipPath> </defs> </svg>`,customColor:\"#ffffff\",customPadding:0,customStrokeWidth:2,lineCap:\"butt\",lineJoin:\"miter\",title:\"\",description:\"\"};addPropertyControls(SVG,{customSvgCode:{type:ControlType.String,title:\"SVG Code\",displayTextArea:false},customColor:{type:ControlType.Color,title:\"Color\",defaultValue:\"#ffffff\"},customPadding:{type:ControlType.Number,title:\"Padding\",defaultValue:0,min:0,step:1,displayStepper:true},customStrokeWidth:{type:ControlType.Number,title:\"Stroke\",defaultValue:2,min:0,step:.1,displayStepper:true,hidden:props=>!props.customSvgCode.includes('stroke=\"')},lineCap:{type:ControlType.Enum,title:\"Line Cap\",options:[\"butt\",\"round\",\"square\"],optionTitles:[\"Butt\",\"Round\",\"Square\"],defaultValue:\"butt\",hidden:props=>!props.customSvgCode.includes('stroke=\"')},lineJoin:{type:ControlType.Enum,title:\"Line Join\",options:[\"round\",\"miter\",\"bevel\"],optionTitles:[\"Round\",\"Miter\",\"Bevel\"],defaultValue:\"miter\",hidden:props=>!props.customSvgCode.includes('stroke=\"')},title:{type:ControlType.String,title:\"Title\",defaultValue:\"\",placeholder:\"Icon name...\"},description:{type:ControlType.String,title:\"Description\",defaultValue:\"\",placeholder:\"Icon purpose...\",description:\"More components at [Framer University](https://frameruni.link/cc).\"}});export default SVG;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SVG\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"24\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerDisableUnlink\":\"*\",\"framerIntrinsicWidth\":\"24\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SVG_Prod.map","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";export default function ProgressAnimation(props){const{backgroundColor,progressColor,timeAnimation}=props;const[width,setWidth]=useState(0);useEffect(function(){const interval=setInterval(function(){setWidth(prevWidth=>prevWidth>=100?0:prevWidth+1);},timeAnimation);return function cleanup(){clearInterval(interval);};},[timeAnimation]);const styles={container:{width:\"100%\",height:\"100%\",position:\"relative\",overflow:\"hidden\"},background:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",background:backgroundColor},progress:{position:\"absolute\",top:0,left:0,height:\"100%\",width:`${width}%`,background:progressColor,transition:`width ${timeAnimation}ms linear`}};return /*#__PURE__*/_jsxs(\"div\",{style:styles.container,children:[/*#__PURE__*/_jsx(\"div\",{style:styles.background}),/*#__PURE__*/_jsx(\"div\",{style:styles.progress})]});}addPropertyControls(ProgressAnimation,{backgroundColor:{title:\"Background Color\",type:ControlType.Color,defaultValue:\"rgba(0, 0, 0, 0.12)\"},progressColor:{title:\"Progress Color\",type:ControlType.Color,defaultValue:\"black\"},timeAnimation:{title:\"Animation Time (ms)\",type:ControlType.Number,defaultValue:90,min:10,max:1e3,step:10}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ProgressAnimation\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ProgressAnimation.map"],"mappings":"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"}