{"version":3,"file":"FormDots.CfRSASOG.mjs","names":["useRef","useState"],"sources":["https:/framerusercontent.com/modules/diUNHvGsYpvjISOio7fx/s2nHYPAzfflprbByXoy0/FormDots.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{fillProp,createBackground,useMultiStepFormStore,useCanvasState,getFormInfo}from\"https://framerusercontent.com/modules/DwWOdDzQZGCuvkNlbUjZ/p64C0n6xNEFY9NovSiJw/FramerFormsShared.js\";/**\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n * @framerDisableUnlink\n */export default function FormDots(props){const{fill,gap,clickable,padding}=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 pageHistory=state===null||state===void 0?void 0:state.pageHistory;const page=pageHistory?pageHistory[pageHistory.length-1]:0;useEffect(()=>{const newFormId=getFormInfo(ref.current).formId;setFormId(newFormId);if(!multiStepFormState[newFormId]){setMultiStepFormState({});}},[]);function onDotClick(index){if(clickable&&state&&pageHistory.includes(index)&&index>=0&&index<pageHistory.length-1){state.setPageHistoryLength(index+1);}}let dots=[];for(let i=0;i<(state===null||state===void 0?void 0:state.totalPages);i++){var _props_shadows,_props_shadows1,_props_shadows2;const selected=i==page;dots.push(/*#__PURE__*/_jsx(\"div\",{onClick:()=>onDotClick(i),style:{padding:isVertical?`${i==0?padding:gap/2}px ${padding}px ${i==(state===null||state===void 0?void 0:state.totalPages)-1?padding:gap/2}px ${padding}px`:`${padding}px ${i==(state===null||state===void 0?void 0:state.totalPages)-1?padding:gap/2}px ${padding}px ${i==0?padding:gap/2}px`,cursor:clickable&&!selected&&(pageHistory===null||pageHistory===void 0?void 0:pageHistory.includes(i))&&\"pointer\"},children:/*#__PURE__*/_jsx(motion.div,{animate:{...createBackground(props.fill,selected),boxShadow:selected&&((_props_shadows=props.shadows)===null||_props_shadows===void 0?void 0:_props_shadows.on)?(_props_shadows1=props.shadows)===null||_props_shadows1===void 0?void 0:_props_shadows1.on:(_props_shadows2=props.shadows)===null||_props_shadows2===void 0?void 0:_props_shadows2.off,width:!isVertical&&selected?props.currentWidth:props.size,height:isVertical&&selected?props.currentWidth:props.size},style:{borderRadius:props.radius},initial:false,transition:props.transition})}));}return /*#__PURE__*/_jsx(\"div\",{\"data-framerforms\":true,ref:ref,style:{display:\"flex\",flexDirection:props.direction==\"horizontal\"?\"row\":\"column\",...props.style},children:dots});}FormDots.displayName=\"Form Navigation Dots\";addPropertyControls(FormDots,{clickable:{type:ControlType.Boolean,defaultValue:true},fill:fillProp({onOff:true,focus:false,invalid:false,optional:false,colorOn:\"#0099FF\",colorAOn:\"#91C5FF\",colorBOn:\"#0099FF\",colorOff:\"rgba(187, 187, 187, 0.5)\"}),direction:{type:ControlType.Enum,defaultValue:\"horizontal\",options:[\"horizontal\",\"vertical\"],displaySegmentedControl:true},size:{type:ControlType.Number,defaultValue:10,min:0,step:1,displayStepper:true},currentWidth:{type:ControlType.Number,defaultValue:20,min:0,step:1,displayStepper:true,title:\"Current\"},gap:{type:ControlType.Number,defaultValue:6,min:0,step:1,displayStepper:true},padding:{type:ControlType.Number,defaultValue:5,min:0,step:1,displayStepper:true},radius:{type:ControlType.Number,defaultValue:5,step:1,min:0,displayStepper:true},shadows:{type:ControlType.Object,optional:true,buttonTitle:\"Shadows\",controls:{off:{type:ControlType.BoxShadow},on:{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\":\"FormDots\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"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"}