{"version":3,"file":"PathLine.DRgnW6tk.mjs","names":["useRef","useState","useId"],"sources":["https:/framerusercontent.com/modules/uadqt4UAAEHDcbpm03gM/9JgmBYDQLVOmLMuR6AKo/PathLine.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useRef,useState,useEffect,useId}from\"react\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";const SVGS={// hero → next: one generous curve sweeping down and across\nsweep:'<svg viewBox=\"0 0 320 360\" preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M64 14 C64 148 276 182 224 300 C205 344 150 350 150 350\" pathLength=\"1\" fill=\"none\" stroke=\"COL\" stroke-width=\"SW\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle cx=\"150\" cy=\"350\" r=\"6\" fill=\"COL\"/></svg>',// chapter transition, gentle wide descent to the right\ntransit:'<svg viewBox=\"0 0 900 200\" preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M40 20 C300 40 470 150 900 178\" pathLength=\"1\" fill=\"none\" stroke=\"COL\" stroke-width=\"SW\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>',// traject connector, left number curving down to right number\ndiagLR:'<svg viewBox=\"0 0 900 160\" preserveAspectRatio=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M34 16 C250 30 300 138 480 138 C660 138 720 66 866 100\" pathLength=\"1\" fill=\"none\" stroke=\"COL\" stroke-width=\"SW\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle cx=\"866\" cy=\"100\" r=\"5\" fill=\"COL\"/></svg>',// traject connector, right number curving down to left number\ndiagRL:'<svg viewBox=\"0 0 900 160\" preserveAspectRatio=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M866 16 C650 30 600 138 420 138 C240 138 180 66 34 100\" pathLength=\"1\" fill=\"none\" stroke=\"COL\" stroke-width=\"SW\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle cx=\"34\" cy=\"100\" r=\"5\" fill=\"COL\"/></svg>',// arrival: settles into a dot at the final CTA\narrival:'<svg viewBox=\"0 0 220 210\" preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M112 12 C68 78 158 116 104 184\" pathLength=\"1\" fill=\"none\" stroke=\"COL\" stroke-width=\"SW\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle cx=\"104\" cy=\"188\" r=\"6\" fill=\"COL\"/></svg>',// branch: one point opening into three directions\nbranch:'<svg viewBox=\"0 0 900 170\" preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M450 14 C450 60 452 96 450 150\" pathLength=\"1\" fill=\"none\" stroke=\"COL\" stroke-width=\"SW\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M450 14 C450 66 220 84 96 150\" pathLength=\"1\" fill=\"none\" stroke=\"COL\" stroke-width=\"SW\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M450 14 C450 66 682 84 804 150\" pathLength=\"1\" fill=\"none\" stroke=\"COL\" stroke-width=\"SW\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle cx=\"96\" cy=\"150\" r=\"5\" fill=\"COL\"/><circle cx=\"450\" cy=\"150\" r=\"5\" fill=\"COL\"/><circle cx=\"804\" cy=\"150\" r=\"5\" fill=\"COL\"/></svg>'};/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function PathLine(props){const variant=props.variant||\"sweep\";const color=props.color||\"#B88F46\";const sw=props.strokeWidth!=null?props.strokeWidth:1.6;const duration=props.duration!=null?props.duration:1.9;const delay=props.delay!=null?props.delay:0;const ref=useRef(null);const isStatic=useIsStaticRenderer();const[drawn,setDrawn]=useState(false);const uid=\"pl\"+useId().replace(/[^a-zA-Z0-9]/g,\"\");useEffect(()=>{if(isStatic){setDrawn(true);return;}const el=ref.current;if(!el||typeof IntersectionObserver===\"undefined\"){setDrawn(true);return;}const io=new IntersectionObserver(e=>{if(e[0]&&e[0].isIntersecting){setDrawn(true);io.disconnect();}},{threshold:.25});io.observe(el);return()=>io.disconnect();},[isStatic]);const svg=(SVGS[variant]||SVGS.sweep).replace(/COL/g,color).replace(/SW/g,String(sw));const dotDelay=(delay+duration*.78).toFixed(2);const css=\".\"+uid+\" svg{width:100%;height:100%;display:block;overflow:visible}\"+\".\"+uid+\" path{stroke-dasharray:1;stroke-dashoffset:1}\"+\".\"+uid+\".on path{stroke-dashoffset:0;transition:stroke-dashoffset \"+duration+\"s cubic-bezier(.33,.02,.24,1) \"+delay+\"s}\"+\".\"+uid+\" circle{opacity:0}\"+\".\"+uid+\".on circle{opacity:1;transition:opacity .5s ease \"+dotDelay+\"s}\"+\"@media (prefers-reduced-motion:reduce){.\"+uid+\" path{stroke-dashoffset:0!important;transition:none!important}.\"+uid+\" circle{opacity:1!important}}\";return /*#__PURE__*/_jsxs(\"div\",{ref:ref,style:{position:\"relative\",width:\"100%\",height:\"100%\"},children:[/*#__PURE__*/_jsx(\"style\",{children:css}),/*#__PURE__*/_jsx(\"div\",{className:uid+(drawn?\" on\":\"\"),style:{width:\"100%\",height:\"100%\"},dangerouslySetInnerHTML:{__html:svg}})]});}addPropertyControls(PathLine,{variant:{type:ControlType.Enum,title:\"Curve\",options:[\"sweep\",\"transit\",\"diagLR\",\"diagRL\",\"arrival\",\"branch\"],defaultValue:\"sweep\"},color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#B88F46\"},strokeWidth:{type:ControlType.Number,title:\"Stroke\",defaultValue:1.6,min:.5,max:4,step:.1},duration:{type:ControlType.Number,title:\"Draw\",defaultValue:1.9,min:.4,max:5,step:.1},delay:{type:ControlType.Number,title:\"Delay\",defaultValue:0,min:0,max:3,step:.1}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"PathLine\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./PathLine.map"],"mappings":"8MASG,SAAwB,EAAS,EAAM,CAAC,IAAM,EAAQ,EAAM,SAAS,QAAc,EAAM,EAAM,OAAO,UAAgB,EAAG,EAAM,aAAa,KAAuB,IAAlB,EAAM,YAAsB,EAAS,EAAM,UAAU,KAAoB,IAAf,EAAM,SAAmB,EAAM,EAAM,OAAO,KAAiB,EAAZ,EAAM,MAAc,EAAIA,EAAO,IAAI,EAAQ,EAAS,EAAoB,EAAO,CAAC,EAAM,GAAUC,EAAS,EAAK,EAAQ,EAAI,KAAKC,EAAM,CAAC,CAAC,QAAQ,gBAAgB,EAAE,EAAE,MAAc,CAAC,GAAG,EAAS,CAAC,EAAS,EAAI,EAAE,MAAO,CAAC,IAAM,EAAG,EAAI,QAAQ,GAAG,CAAC,GAAI,OAAO,qBAAuB,IAAY,CAAC,EAAS,EAAI,EAAE,MAAO,CAAC,IAAM,EAAG,IAAI,qBAAqB,GAAG,CAAI,EAAE,IAAI,EAAE,EAAE,CAAC,iBAAgB,EAAS,EAAI,EAAE,EAAG,WAAW,EAAG,EAAE,CAAC,UAAU,GAAG,CAAC,EAAiB,OAAf,EAAG,QAAQ,CAAE,MAAY,EAAG,WAAW,CAAE,EAAE,CAAC,CAAQ,CAAC,EAAE,IAAM,GAAK,EAAK,IAAU,EAAK,MAAA,CAAO,QAAQ,OAAO,CAAK,CAAC,CAAC,QAAQ,MAAM,OAAO,CAAE,CAAC,EAAQ,GAAU,EAAM,EAAS,IAAA,CAAK,QAAQ,CAAC,EAAggB,OAAoB,EAAM,MAAM,CAAK,MAAI,MAAM,CAAC,SAAS,WAAW,MAAM,OAAO,OAAO,MAAM,EAAE,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAznB,IAAI,EAAI,+DAAkE,EAAI,iDAAoD,EAAI,6DAA6D,EAAS,iCAAiC,EAAM,MAAS,EAAI,sBAAyB,EAAI,oDAAoD,EAAS,6CAAgD,EAAI,kEAAkE,EAAI,+BAAiL,CAAC,EAAe,EAAK,MAAM,CAAC,UAAU,GAAK,EAAM,MAAM,IAAI,MAAM,CAAC,MAAM,OAAO,OAAO,MAAM,EAAE,wBAAwB,CAAC,OAAO,CAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,mBATtkD,IAAmD,IAAwE,EAAO,EAAK,CAC/L,MAAM,mUACN,QAAQ,8PACR,OAAO,yTACP,OAAO,wTACP,QAAQ,0SACR,OAAO,qqBAAqqB,EAGm9B,EAAoB,EAAS,CAAC,QAAQ,CAAC,KAAK,EAAY,KAAK,MAAM,QAAQ,QAAQ,CAAC,QAAQ,UAAU,SAAS,SAAS,UAAU,QAAQ,EAAE,aAAa,OAAO,EAAE,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,QAAQ,aAAa,SAAS,EAAE,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,IAAI,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,EAAE,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,aAAa,IAAI,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,EAAE,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC"}