{"version":3,"file":"Video_interaction.vmfp_NB2.mjs","names":["React.useState","React.useRef","React.useState"],"sources":["https:/framerusercontent.com/modules/XXoqWfvo0WeYBVov36Sc/d04J2JOJ2MelhRWJEZtp/Scrolling_dots.js","https:/framerusercontent.com/modules/Nn49uoNJAfa8qVV3bHUO/Q9N1ASIUDUkIMoQUfdvE/Video_interaction.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";const isClient=()=>typeof window!==\"undefined\"&&typeof document!==\"undefined\";export function ScrollDots(props){const{sectionNames,activeColor,inactiveColor,dotSize,gap,sideOffset,fontFamily,fontWeight}=props;const[activeIndex,setActiveIndex]=React.useState(0);const[hoverIndex,setHoverIndex]=React.useState(null);const names=sectionNames.split(\",\").map(n=>n.trim()).filter(Boolean);const scrollToSection=(name,index)=>{if(!isClient())return;setActiveIndex(index);const el=document.querySelector(`[data-framer-name=\"${name}\"]`);if(el){el.scrollIntoView({behavior:\"smooth\",block:\"start\"});}};React.useEffect(()=>{if(!isClient()||names.length===0)return;const handleScroll=()=>{let closestIndex=0;let closestDistance=Infinity;names.forEach((name,index)=>{const el=document.querySelector(`[data-framer-name=\"${name}\"]`);if(!el)return;const rect=el.getBoundingClientRect();const distance=Math.abs(rect.top);if(distance<closestDistance){closestDistance=distance;closestIndex=index;}});setActiveIndex(closestIndex);};handleScroll();window.addEventListener(\"scroll\",handleScroll,{passive:true});window.addEventListener(\"resize\",handleScroll);return()=>{window.removeEventListener(\"scroll\",handleScroll);window.removeEventListener(\"resize\",handleScroll);};},[names.join(\",\")]);if(names.length===0)return null;return /*#__PURE__*/_jsx(\"div\",{style:{position:\"fixed\",right:sideOffset,top:\"50%\",transform:\"translateY(-50%)\",display:\"flex\",flexDirection:\"column\",gap,// ❌ zIndex removed – let Framer’s layer stack control this\npointerEvents:\"auto\",fontFamily,fontWeight},children:names.map((name,index)=>{const isActive=index===activeIndex;const isHovered=index===hoverIndex;return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\"},children:[isHovered&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",right:dotSize+12,top:\"50%\",transform:\"translateY(-50%)\",background:\"black\",color:\"white\",padding:\"6px 10px\",borderRadius:\"6px\",fontSize:\"12px\",fontFamily,fontWeight,whiteSpace:\"nowrap\",pointerEvents:\"none\"},children:name}),/*#__PURE__*/_jsx(\"div\",{onClick:()=>scrollToSection(name,index),onMouseEnter:()=>setHoverIndex(index),onMouseLeave:()=>setHoverIndex(null),style:{width:dotSize,height:dotSize,borderRadius:\"999px\",background:isActive?activeColor:inactiveColor,transition:\"background 0.2s ease, transform 0.2s ease, opacity 0.2s\",cursor:\"pointer\",transform:isActive?\"scale(1.2)\":\"scale(1)\",opacity:isActive?1:.6},\"aria-label\":`Scroll to ${name}`})]},name+index);})});}ScrollDots.defaultProps={sectionNames:\"Hero,Intro,Process,Outcome\",activeColor:\"#000000\",inactiveColor:\"rgba(0,0,0,0.25)\",dotSize:12,gap:16,sideOffset:32,fontFamily:\"Inter, sans-serif\",fontWeight:500};addPropertyControls(ScrollDots,{sectionNames:{type:ControlType.String,title:\"Sections\",defaultValue:\"Hero,Intro,Process,Outcome\",displayTextArea:true},activeColor:{type:ControlType.Color,title:\"Active\",defaultValue:\"#000000\"},inactiveColor:{type:ControlType.Color,title:\"Inactive\",defaultValue:\"rgba(0,0,0,0.25)\"},dotSize:{type:ControlType.Number,title:\"Dot Size\",defaultValue:12,min:6,max:32},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:16,min:4,max:48},sideOffset:{type:ControlType.Number,title:\"Right\",defaultValue:32,min:0,max:200},fontFamily:{type:ControlType.String,title:\"Font\",defaultValue:\"Inter, sans-serif\"},fontWeight:{type:ControlType.Number,title:\"Weight\",defaultValue:500,min:100,max:900,step:100}});\nexport const __FramerMetadata__ = {\"exports\":{\"ScrollDots\":{\"type\":\"reactComponent\",\"name\":\"ScrollDots\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Scrolling_dots.map","import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";export function HoverVideo({src,loop,muted,radius,showControlsOnHover}){const videoRef=React.useRef(null);const[isHovered,setIsHovered]=React.useState(false);return /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",overflow:\"hidden\",borderRadius:radius},onMouseEnter:()=>setIsHovered(true),onMouseLeave:()=>setIsHovered(false),children:/*#__PURE__*/_jsx(\"video\",{ref:videoRef,src:src,muted:muted,loop:loop,autoPlay:true,playsInline:true,controls:showControlsOnHover?isHovered:false,style:{width:\"100%\",height:\"100%\",objectFit:\"cover\",display:\"block\",transition:\"opacity 0.2s ease\"}})});}HoverVideo.defaultProps={src:\"\",loop:true,muted:true,radius:0,showControlsOnHover:true};addPropertyControls(HoverVideo,{src:{type:ControlType.File,title:\"Video\",allowedFileTypes:[\"mp4\",\"webm\"]},muted:{type:ControlType.Boolean,title:\"Muted\",defaultValue:true},loop:{type:ControlType.Boolean,title:\"Loop\",defaultValue:true},radius:{type:ControlType.Number,title:\"Radius\",defaultValue:0,min:0,max:64},showControlsOnHover:{type:ControlType.Boolean,title:\"Show Controls on Hover\",defaultValue:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"HoverVideo\":{\"type\":\"reactComponent\",\"name\":\"HoverVideo\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Video_interaction.map"],"mappings":"6MAAuN,SAAgB,EAAW,EAAM,CAAC,GAAK,CAAC,eAAa,cAAY,gBAAc,UAAQ,MAAI,aAAW,aAAW,cAAY,EAAW,CAAC,EAAY,GAAgBA,EAAe,EAAE,CAAM,CAAC,EAAW,GAAeA,EAAe,KAAK,CAAO,EAAM,EAAa,MAAM,IAAI,CAAC,IAAI,GAAG,EAAE,MAAM,CAAC,CAAC,OAAO,QAAQ,CAAO,GAAiB,EAAK,IAAQ,CAAC,GAAG,CAAC,GAAU,CAAC,OAAO,EAAe,EAAM,CAAC,IAAM,EAAG,SAAS,cAAc,sBAAsB,EAAK,IAAI,CAAI,GAAI,EAAG,eAAe,CAAC,SAAS,SAAS,MAAM,QAAQ,CAAC,EAA0sB,OAAtsB,MAAoB,CAAC,GAAG,CAAC,GAAU,EAAE,EAAM,SAAS,EAAE,OAAO,IAAM,MAAiB,CAAC,IAAI,EAAa,EAAM,EAAgB,IAAS,EAAM,SAAS,EAAK,IAAQ,CAAC,IAAM,EAAG,SAAS,cAAc,sBAAsB,EAAK,IAAI,CAAC,GAAG,CAAC,EAAG,OAAO,IAAM,EAAK,EAAG,uBAAuB,CAAO,EAAS,KAAK,IAAI,EAAK,IAAI,CAAI,EAAS,IAAiB,EAAgB,EAAS,EAAa,IAAS,CAAC,EAAe,EAAa,EAA+H,OAA5H,GAAc,CAAC,EAAO,iBAAiB,SAAS,EAAa,CAAC,QAAQ,GAAK,CAAC,CAAC,EAAO,iBAAiB,SAAS,EAAa,KAAW,CAAC,EAAO,oBAAoB,SAAS,EAAa,CAAC,EAAO,oBAAoB,SAAS,EAAa,GAAK,CAAC,EAAM,KAAK,IAAI,CAAC,CAAC,CAAI,EAAM,SAAS,EAAS,KAAyB,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,QAAQ,MAAM,EAAW,IAAI,MAAM,UAAU,mBAAmB,QAAQ,OAAO,cAAc,SAAS,MACpjD,cAAc,OAAO,aAAW,aAAW,CAAC,SAAS,EAAM,KAAK,EAAK,IAAQ,CAAC,IAAM,EAAS,IAAQ,EAA+C,OAAoB,EAAM,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,CAAC,SAAS,CAAzF,IAAQ,GAA0G,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,EAAQ,GAAG,IAAI,MAAM,UAAU,mBAAmB,WAAW,QAAQ,MAAM,QAAQ,QAAQ,WAAW,aAAa,MAAM,SAAS,OAAO,aAAW,aAAW,WAAW,SAAS,cAAc,OAAO,CAAC,SAAS,EAAK,CAAC,CAAc,EAAK,MAAM,CAAC,YAAY,EAAgB,EAAK,EAAM,CAAC,iBAAiB,EAAc,EAAM,CAAC,iBAAiB,EAAc,KAAK,CAAC,MAAM,CAAC,MAAM,EAAQ,OAAO,EAAQ,aAAa,QAAQ,WAAW,EAAS,EAAY,EAAc,WAAW,0DAA0D,OAAO,UAAU,UAAU,EAAS,aAAa,WAAW,QAAQ,EAAS,EAAE,GAAG,CAAC,aAAa,aAAa,IAAO,CAAC,CAAC,CAAC,CAAC,EAAK,EAAM,EAAG,CAAC,CAAC,wBADh4B,IAA4B,IAAoD,CAAM,MAAoB,IAAS,QAAa,OAAO,SAAW,IACgvB,EAAW,aAAa,CAAC,aAAa,6BAA6B,YAAY,UAAU,cAAc,mBAAmB,QAAQ,GAAG,IAAI,GAAG,WAAW,GAAG,WAAW,oBAAoB,WAAW,IAAI,CAAC,EAAoB,EAAW,CAAC,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,aAAa,6BAA6B,gBAAgB,GAAK,CAAC,YAAY,CAAC,KAAK,EAAY,MAAM,MAAM,SAAS,aAAa,UAAU,CAAC,cAAc,CAAC,KAAK,EAAY,MAAM,MAAM,WAAW,aAAa,mBAAmB,CAAC,QAAQ,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,EAAY,OAAO,MAAM,MAAM,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,CAAC,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,GAAG,IAAI,EAAE,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,aAAa,oBAAoB,CAAC,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI,CAAC,CAAC,ICD7tD,SAAgB,EAAW,CAAC,MAAI,OAAK,QAAM,SAAO,uBAAqB,CAAC,IAAM,EAASC,EAAa,KAAK,CAAM,CAAC,EAAU,GAAcC,EAAe,GAAM,CAAC,OAAoB,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,SAAS,SAAS,aAAa,EAAO,CAAC,iBAAiB,EAAa,GAAK,CAAC,iBAAiB,EAAa,GAAM,CAAC,SAAsB,EAAK,QAAQ,CAAC,IAAI,EAAa,MAAU,QAAW,OAAK,SAAS,GAAK,YAAY,GAAK,SAAS,EAAoB,EAAU,GAAM,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,UAAU,QAAQ,QAAQ,QAAQ,WAAW,oBAAoB,CAAC,CAAC,CAAC,CAAC,kBAAlqB,IAA4B,IAAoD,CAAolB,EAAW,aAAa,CAAC,IAAI,GAAG,KAAK,GAAK,MAAM,GAAK,OAAO,EAAE,oBAAoB,GAAK,CAAC,EAAoB,EAAW,CAAC,IAAI,CAAC,KAAK,EAAY,KAAK,MAAM,QAAQ,iBAAiB,CAAC,MAAM,OAAO,CAAC,CAAC,MAAM,CAAC,KAAK,EAAY,QAAQ,MAAM,QAAQ,aAAa,GAAK,CAAC,KAAK,CAAC,KAAK,EAAY,QAAQ,MAAM,OAAO,aAAa,GAAK,CAAC,OAAO,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,oBAAoB,CAAC,KAAK,EAAY,QAAQ,MAAM,yBAAyB,aAAa,GAAK,CAAC,CAAC"}