UNPKG

@infinityfx/lively

Version:

Feature complete, lightweight react animation library.

4 lines (3 loc) 587 B
"use client"; import{useRef as e,useLayoutEffect as n}from"react";import t from"./use-link.js";function r(r=.5){const i=e(null),o=t([-1,-1]);return n((()=>{function e(){if(!i.current)return;const{x:e,y:n,width:t,height:d}=i.current.getBoundingClientRect();o.set([(e+t*r)/(window.innerWidth+2*t*(r-.5)),(n+d*r)/(window.innerHeight+2*d*(r-.5))])}return e(),window.addEventListener("scroll",e),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e),window.removeEventListener("resize",e)}}),[r]),[i,o]}export{r as default}; //# sourceMappingURL=use-viewport.js.map