{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/83OlKqWGzyvjVV5pRinl/JsC7aW71h56GxdYjYQXF/Slider.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{ControlType,addPropertyControls}from\"framer\";import{useEffect,useState,useRef}from\"react\";export function SliderComponent(props){const{style,boxShadow:{shadowY,shadowX,shadowBlur,shadowSpread,shadowColor}}=props;const[sliderValue,setSliderValue]=useState(5e4);const[sliderPosition,setSliderPosition]=useState(0);const sliderRef=useRef(null);const isDragging=useRef(false);const roundToNearestHundred=value=>{const remainder=value%100;if(remainder>=50){return Math.ceil(value/100)*100;}else{return Math.floor(value/100)*100;}};useEffect(()=>{checkLocalStorage();const pollInterval=setInterval(checkLocalStorage,500);const timeout=setTimeout(()=>clearInterval(pollInterval),5e3);const handleStorageEvent=e=>{if(e.key===\"userSavings\")checkLocalStorage();};const handleCustomEvent=()=>checkLocalStorage();window.addEventListener(\"storage\",handleStorageEvent);window.addEventListener(\"savingsUpdated\",handleCustomEvent);return()=>{clearInterval(pollInterval);clearTimeout(timeout);window.removeEventListener(\"storage\",handleStorageEvent);window.removeEventListener(\"savingsUpdated\",handleCustomEvent);};},[]);const checkLocalStorage=()=>{const savedValue=localStorage.getItem(\"userSavings\");if(savedValue){const value=Number(savedValue)/.025;updateSliderValueFromSavings(value);}};const updateSliderValueFromSavings=savings=>{const position=(savings-5e4)/(2e6-5e4)*100;setSliderValue(savings);setSliderPosition(position);};const updateSliderValue=position=>{const mappedValue=Math.round(5e4+position/100*(2e6-5e4));setSliderValue(mappedValue);setSliderPosition(position);localStorage.setItem(\"sliderValue\",mappedValue);window.dispatchEvent(new CustomEvent(\"localStorageChange\",{detail:{sliderValue:mappedValue}}));};const handleMouseDown=()=>{isDragging.current=true;document.addEventListener(\"mousemove\",handleMouseMove);document.addEventListener(\"mouseup\",handleMouseUp);};const handleMouseUp=()=>{isDragging.current=false;document.removeEventListener(\"mousemove\",handleMouseMove);document.removeEventListener(\"mouseup\",handleMouseUp);};const handleMouseMove=event=>{if(isDragging.current){const trackRect=sliderRef.current.getBoundingClientRect();const offsetX=event.clientX-trackRect.left;const position=Math.min(Math.max(offsetX/trackRect.width*100,0),100);updateSliderValue(position);}};const handleTouchMove=event=>{if(isDragging.current){const trackRect=sliderRef.current.getBoundingClientRect();const offsetX=event.touches[0].clientX-trackRect.left;const position=Math.min(Math.max(offsetX/trackRect.width*100,0),100);updateSliderValue(position);}};return /*#__PURE__*/_jsxs(\"div\",{style:{...style,display:\"flex\",flexDirection:\"column\",alignItems:\"center\",gap:\"18px\",padding:\"25px\",background:\"radial-gradient(circle at center, #FFFFFF , #F4AA6925)\",boxShadow:`${shadowY}px ${shadowX}px ${shadowBlur}px ${shadowSpread}px ${shadowColor}`,borderRadius:props.radius},children:[/*#__PURE__*/_jsxs(\"div\",{style:styles.text_container,children:[/*#__PURE__*/_jsx(\"p\",{style:{fontFamily:props.fontStyle,fontSize:props.fontStyle.fontSize,textAlign:props.fontStyle.textAlign,fontWeight:props.fontStyle.fontWeight,color:props.textColor,lineHeight:\"1em\"},children:\"Homa Saves You:\"}),/*#__PURE__*/_jsxs(\"p\",{style:{fontFamily:props.savedNumbersFontStyle,fontSize:props.savedNumbersFontStyle.fontSize,textAlign:props.savedNumbersFontStyle.textAlign,fontWeight:props.savedNumbersFontStyle.fontWeight,color:props.homaSavesColor,lineHeight:\"1em\"},children:[\"$\",roundToNearestHundred(sliderValue*.025).toLocaleString()]})]}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",justifyContent:\"center\",alignItems:\"center\",gap:\"4px\",width:\"100%\"},children:[/*#__PURE__*/_jsxs(\"div\",{style:styles.text_container_home,children:[/*#__PURE__*/_jsx(\"p\",{style:{fontFamily:props.fontStyle,fontSize:props.fontStyle.fontSize,textAlign:props.fontStyle.textAlign,fontWeight:props.fontStyle.fontWeight,color:props.textColor,lineHeight:\"1.2em\"},children:\"Home Price:\"}),/*#__PURE__*/_jsxs(\"p\",{style:{...styles.homeNumber,fontFamily:props.numbersFontStyle,fontSize:props.numbersFontStyle.fontSize,textAlign:props.numbersFontStyle.textAlign,fontWeight:props.numbersFontStyle.fontWeight,color:props.homePriceColor,lineHeight:\"1.2em\"},children:[\"$\",sliderValue.toLocaleString()]})]}),/*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",height:\"6px\",backgroundColor:props.barBackgroundColor,borderRadius:\"5px\",position:\"relative\",margin:\"20px 0\",cursor:\"pointer\"},ref:sliderRef,onMouseDown:handleMouseDown,onTouchStart:handleMouseDown,onTouchEnd:handleMouseUp,onTouchMove:handleTouchMove,children:[/*#__PURE__*/_jsx(\"div\",{style:{width:`${sliderPosition}%`,height:\"100%\",backgroundColor:props.barColor,borderRadius:\"5px\"}}),/*#__PURE__*/_jsx(\"div\",{style:{width:\"24px\",height:\"24px\",backgroundColor:props.barColor,outline:\"3px solid white\",borderRadius:\"50%\",position:\"absolute\",top:\"50%\",left:`${sliderPosition}%`,transform:\"translate(-50%, -50%)\",cursor:\"pointer\"}})]})]})]});}addPropertyControls(SliderComponent,{textColor:{type:ControlType.Color,defaultValue:\"#000000\",optional:true},homePriceColor:{type:ControlType.Color,defaultValue:\"#000000\",optional:true},homaSavesColor:{type:ControlType.Color,defaultValue:\"#F4AA69\",optional:true},barColor:{type:ControlType.Color,defaultValue:\"#72AEB4\",optional:true},barBackgroundColor:{type:ControlType.Color,defaultValue:\"#ddd\",optional:true},fontStyle:{type:ControlType.Font,defaultFontType:\"Plus Jakarta Sans\",defaulFontSize:\"42px\",displayFontSize:true,displayTextAlignment:true,displaySegmentedControl:true},numbersFontStyle:{type:ControlType.Font,defaultFontType:\"Plus Jakarta Sans\",defaulFontSize:\"42px\",displayFontSize:true,displayTextAlignment:true,displaySegmentedControl:true},savedNumbersFontStyle:{type:ControlType.Font,defaultFontType:\"Plus Jakarta Sans\",defaulFontSize:\"42px\",displayFontSize:true,displayTextAlignment:true,displaySegmentedControl:true},radius:{type:ControlType.Number,defaultValue:10,min:0,max:100,unit:\"px\",title:\"Radius\"},boxShadow:{type:ControlType.Object,controls:{shadowY:{type:ControlType.Number,defaultValue:2,min:0,unit:\"px\",title:\"Y\"},shadowX:{type:ControlType.Number,defaultValue:2,min:0,unit:\"px\",title:\"X\"},shadowBlur:{type:ControlType.Number,defaultValue:2,min:0,unit:\"px\",title:\"Blur\"},shadowSpread:{type:ControlType.Number,defaultValue:2,min:0,unit:\"px\",title:\"Spread\"},shadowColor:{type:ControlType.Color,defaultValue:\"#000000\",optional:true}}}});const styles={homeNumber:{fontSize:\"24px\",fontWeight:\"bold\"},savedNumber:{fontSize:\"30px\",fontWeight:\"bold\",color:\"#F4AA69\"},slider:{width:\"100%\"},text_container:{height:\"fit-content\",width:\"100%\",display:\"flex\",gap:\"8px\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\"},text_container_home:{height:\"35px\",width:\"100%\",display:\"flex\",flexDirection:\"row\",gap:\"10px\",alignItems:\"center\",justifyContent:\"center\"}};\nexport const __FramerMetadata__ = {\"exports\":{\"SliderComponent\":{\"type\":\"reactComponent\",\"name\":\"SliderComponent\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Slider.map"],
  "mappings": "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",
  "names": ["SliderComponent", "props", "style", "shadowY", "shadowX", "shadowBlur", "shadowSpread", "shadowColor", "sliderValue", "setSliderValue", "ye", "sliderPosition", "setSliderPosition", "sliderRef", "pe", "isDragging", "roundToNearestHundred", "value", "ue", "checkLocalStorage", "pollInterval", "timeout", "handleStorageEvent", "e", "handleCustomEvent", "window", "savedValue", "updateSliderValueFromSavings", "savings", "position", "updateSliderValue", "mappedValue", "handleMouseDown", "handleMouseMove", "handleMouseUp", "event", "trackRect", "offsetX", "handleTouchMove", "u", "styles", "p", "addPropertyControls", "ControlType"]
}