@mornya/react-image-libs/dist/IntersectObserver.js

The project of React.js Image library.

Object.defineProperty(exports,"__esModule",{value:!0}),exports.IntersectObserver=void 0;var c=require("react/jsx-runtime"),i=require("react"),o=require("restriction"),u=require("./IntersectObserverContext");exports.IntersectObserver=function(e){var r=e.active,r=void 0===r||r,t=e.onIntersected,e=(0,i.useContext)(u.IntersectObserverContext),n=e.subscribe,e=e.unsubscribe,s=(0,i.useRef)(null);return(0,i.useEffect)(function(){var e;s.current&&(e=s.current,(0,(0,o.debounce)(function(){n(e,function(e){t().catch(console.error)},!0)},{ms:100}).handler)())},[n,e,t]),r?(0,c.jsx)("div",{ref:s,className:"intersect-observer",style:{display:"flex",flexDirection:"column",position:"relative",width:"100%",height:0}}):null};