{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/BxjE8o2EhQgVq4bJqOdq/0xDmiaA3UO9emDc4GxMh/ScrollProgress.js"],
  "sourcesContent": ["/**\n * By Huig van der Waal (huigvanderwaal.nl)\n * Free for personal and commercial use\n */import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function ScrollProgressCircle(props){const[progress,setProgress]=useState(0);useEffect(()=>{const handleScroll=()=>{const scrollTop=window.scrollY;const docHeight=document.body.offsetHeight-window.innerHeight;const scrolled=scrollTop/docHeight;setProgress(scrolled);};window.addEventListener(\"scroll\",handleScroll);return()=>window.removeEventListener(\"scroll\",handleScroll);},[]);const circleDiameter=props.size;const circleRadius=circleDiameter/2;const strokeWidth=props.strokeWidth;const circlePath=`\n        M ${circleRadius},${circleRadius} m 0,-${circleRadius-strokeWidth/2}\n        a ${circleRadius-strokeWidth/2},${circleRadius-strokeWidth/2} 0 1,1 0,${(circleRadius-strokeWidth/2)*2}\n        a ${circleRadius-strokeWidth/2},${circleRadius-strokeWidth/2} 0 1,1 0,-${(circleRadius-strokeWidth/2)*2}\n    `;const strokeDasharray=2*Math.PI*(circleRadius-strokeWidth/2);return /*#__PURE__*/_jsx(\"div\",{style:{...props.style},children:/*#__PURE__*/_jsxs(\"svg\",{width:`${circleDiameter}px`,height:`${circleDiameter}px`,viewBox:`0 0 ${circleDiameter} ${circleDiameter}`,children:[/*#__PURE__*/_jsx(\"path\",{d:circlePath,fill:\"none\",stroke:props.trackColor,strokeWidth:strokeWidth}),/*#__PURE__*/_jsx(motion.path,{d:circlePath,fill:\"none\",stroke:props.progressColor,strokeWidth:strokeWidth,strokeDasharray:strokeDasharray,strokeDashoffset:strokeDasharray*(1-progress),initial:{strokeDashoffset:strokeDasharray},animate:{strokeDashoffset:strokeDasharray*(1-progress)},transition:{duration:.2}})]})});}ScrollProgressCircle.displayName=\"Scroll Progress\";addPropertyControls(ScrollProgressCircle,{size:{type:ControlType.Number,title:\"Size\",defaultValue:64,min:30,max:200,step:1},trackColor:{type:ControlType.Color,title:\"Track Color\",defaultValue:\"#ddd\"},progressColor:{type:ControlType.Color,title:\"Progress Color\",defaultValue:\"#4f5b62\"},strokeWidth:{type:ControlType.Number,title:\"Stroke Width\",defaultValue:5,min:1,max:20,step:1}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ScrollProgressCircle\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any\",\"framerSupportedLayoutHeight\":\"any\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ScrollProgress.map"],
  "mappings": "0KAAAA,IAMkB,SAARC,EAAsCC,EAAM,CAAC,GAAK,CAACC,EAASC,CAAW,EAAEC,EAAS,CAAC,EAAEC,EAAU,IAAI,CAAC,IAAMC,EAAa,IAAI,CAAC,IAAMC,EAAU,OAAO,QAAcC,EAAU,SAAS,KAAK,aAAa,OAAO,YAAkBC,EAASF,EAAUC,EAAUL,EAAYM,CAAQ,CAAE,EAAE,cAAO,iBAAiB,SAASH,CAAY,EAAQ,IAAI,OAAO,oBAAoB,SAASA,CAAY,CAAE,EAAE,CAAC,CAAC,EAAE,IAAMI,EAAeT,EAAM,KAAWU,EAAaD,EAAe,EAAQE,EAAYX,EAAM,YAAkBY,EAAW;AAAA,YAC5fF,CAAY,IAAIA,CAAY,SAASA,EAAaC,EAAY,CAAC;AAAA,YAC/DD,EAAaC,EAAY,CAAC,IAAID,EAAaC,EAAY,CAAC,aAAaD,EAAaC,EAAY,GAAG,CAAC;AAAA,YAClGD,EAAaC,EAAY,CAAC,IAAID,EAAaC,EAAY,CAAC,cAAcD,EAAaC,EAAY,GAAG,CAAC;AAAA,MACnGE,EAAgB,EAAE,KAAK,IAAIH,EAAaC,EAAY,GAAG,OAAoBG,EAAK,MAAM,CAAC,MAAM,CAAC,GAAGd,EAAM,KAAK,EAAE,SAAsB,EAAM,MAAM,CAAC,MAAM,GAAGS,CAAc,KAAK,OAAO,GAAGA,CAAc,KAAK,QAAQ,OAAOA,CAAc,IAAIA,CAAc,GAAG,SAAS,CAAcK,EAAK,OAAO,CAAC,EAAEF,EAAW,KAAK,OAAO,OAAOZ,EAAM,WAAW,YAAYW,CAAW,CAAC,EAAeG,EAAKC,EAAO,KAAK,CAAC,EAAEH,EAAW,KAAK,OAAO,OAAOZ,EAAM,cAAc,YAAYW,EAAY,gBAAgBE,EAAgB,iBAAiBA,GAAiB,EAAEZ,GAAU,QAAQ,CAAC,iBAAiBY,CAAe,EAAE,QAAQ,CAAC,iBAAiBA,GAAiB,EAAEZ,EAAS,EAAE,WAAW,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAACF,EAAqB,YAAY,kBAAkBiB,EAAoBjB,EAAqB,CAAC,KAAK,CAAC,KAAKkB,EAAY,OAAO,MAAM,OAAO,aAAa,GAAG,IAAI,GAAG,IAAI,IAAI,KAAK,CAAC,EAAE,WAAW,CAAC,KAAKA,EAAY,MAAM,MAAM,cAAc,aAAa,MAAM,EAAE,cAAc,CAAC,KAAKA,EAAY,MAAM,MAAM,iBAAiB,aAAa,SAAS,EAAE,YAAY,CAAC,KAAKA,EAAY,OAAO,MAAM,eAAe,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC",
  "names": ["init_ssg_sandbox_shims", "ScrollProgressCircle", "props", "progress", "setProgress", "ye", "ue", "handleScroll", "scrollTop", "docHeight", "scrolled", "circleDiameter", "circleRadius", "strokeWidth", "circlePath", "strokeDasharray", "p", "motion", "addPropertyControls", "ControlType"]
}