{"version":3,"file":"FormProgressBar.DVJSjnpU.mjs","names":["useRef","useState","p"],"sources":["https:/framerusercontent.com/modules/v1b335RPU7KtR6IJZaOk/rIRJN7bWfLEr7QyzYNRs/FormProgressBar.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{useEffect,useState,useRef}from\"react\";import{motion}from\"framer-motion\";import{useMultiStepFormStore,useCanvasState,getFormInfo}from\"https://framerusercontent.com/modules/DwWOdDzQZGCuvkNlbUjZ/y3zt4fv5F2ZtnBW8nZvn/FramerFormsShared.js\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 10\n * @framerDisableUnlink\n */export default function FormProgressBar(props){const{fill,align}=props;const isVertical=props.direction==\"vertical\";const isCanvas=RenderTarget.current()===RenderTarget.canvas;const ref=useRef(null);const[multiStepFormState,setMultiStepFormState]=useMultiStepFormStore();const canvasState=useCanvasState(ref);const[formId,setFormId]=useState(null);const state=isCanvas?canvasState:multiStepFormState[formId];const[percent,setPercent]=useState(0);useEffect(()=>{const newFormId=getFormInfo(ref.current).formId;setFormId(newFormId);if(!multiStepFormState[newFormId]){setMultiStepFormState({});}},[]);useEffect(()=>{if(state){var _state_pageHistory;setPercent(Math.max(((_state_pageHistory=state.pageHistory)===null||_state_pageHistory===void 0?void 0:_state_pageHistory.length)-1,0)/state.totalPages);}},[state]);const p=isCanvas?props.previewPercent/100:percent;return /*#__PURE__*/_jsx(\"div\",{\"data-framerforms\":true,ref:ref,style:{display:\"flex\",flexDirection:props.direction==\"horizontal\"?\"row\":\"column\",justifyContent:align,borderRadius:props.radius,backgroundColor:props.background,boxShadow:props.shadows,overflow:\"hidden\",...props.style},children:/*#__PURE__*/_jsx(motion.div,{initial:false,transition:props.transition,animate:{width:isVertical?\"100%\":`${p*100}%`,height:isVertical?`${p*100}%`:\"100%\",background:fill.type==\"color\"?fill.color:`linear-gradient(to ${isVertical?\"bottom\":\"right\"}, ${fill.colorA} ${props.fill.gradientScaled?0:align==\"center\"?50+-50/p:align==\"flex-end\"?-100/p+100:0}%, ${fill.colorB} ${props.fill.gradientScaled?100:align==\"center\"?50+50/p:align==\"flex-start\"?100/p:100}%)`},style:{borderRadius:props.innerRadius?props.radius:0}})});}FormProgressBar.displayName=\"Form Progress Bar\";addPropertyControls(FormProgressBar,{fill:{type:ControlType.Object,icon:\"color\",defaultValue:{type:\"color\",color:\"#0099FF\",colorA:\"#91C5FF\",colorB:\"#0099FF\"},controls:{type:{type:ControlType.Enum,options:[\"color\",\"linearGradient\"],optionTitles:[\"Color\",\"Gradient\"],displaySegmentedControl:true},color:{type:ControlType.Color,defaultValue:\"#0099FF\",hidden:props=>props.type!==\"color\"},colorA:{type:ControlType.Color,defaultValue:\"#91C5FF\",title:\"Colors\",hidden:props=>props.type!==\"linearGradient\"},colorB:{type:ControlType.Color,defaultValue:\"#0099FF\",title:\" \",hidden:props=>props.type!==\"linearGradient\"},gradientScaled:{type:ControlType.Boolean,defaultValue:false,title:\"Scaled\",hidden:props=>props.type!==\"linearGradient\"}}},background:{type:ControlType.Color,defaultValue:\"rgba(187, 187, 187, 0.15)\",optional:true},previewPercent:{type:ControlType.Number,defaultValue:75,min:0,max:100,step:1,unit:\"%\",title:\"Preview\"},direction:{type:ControlType.Enum,defaultValue:\"horizontal\",options:[\"horizontal\",\"vertical\"],displaySegmentedControl:true},align:{type:ControlType.Enum,defaultValue:\"flex-start\",options:[\"flex-start\",\"center\",\"flex-end\"],// @ts-ignore\noptionIcons:{direction:{horizontal:[\"align-left\",\"align-center\",\"align-right\"],vertical:[\"align-top\",\"align-middle\",\"align-bottom\"]}},displaySegmentedControl:true},radius:{type:ControlType.BorderRadius,defaultValue:\"5px\"},innerRadius:{type:ControlType.Boolean,defaultValue:true},shadows:{type:ControlType.BoxShadow},transition:{type:ControlType.Transition,defaultValue:{type:\"spring\",damping:60,delay:0,duration:.3,mass:1,stiffness:800}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FormProgressBar\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerDisableUnlink\":\"\",\"framerIntrinsicWidth\":\"400\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"10\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FormProgressBar.map"],"mappings":"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"}