design-react-kit/dist/NavScroll/useSizeDetector.cjs

Componenti React per Bootstrap 5

"use strict";var b=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var L=(n,e)=>{for(var t in e)b(n,t,{get:e[t],enumerable:!0})},T=(n,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of p(e))!A.call(n,r)&&r!==t&&b(n,r,{get:()=>e[r],enumerable:!(i=h(e,r))||i.enumerable});return n};var z=n=>T(b({},"__esModule",{value:!0}),n);var O={};L(O,{useSizeDetector:()=>D});module.exports=z(O);var o=require("react");var v=(n,e)=>{let t;return(...i)=>{clearTimeout(t),t=setTimeout(()=>{n(...i)},e)}};var g=150,D=({root:n,isHorizontal:e,activeId:t,onChange:i,setForceRecompute:r,updateActiveId:f,hasWindow:u})=>{let[a,c]=(0,o.useState)(1),s=n==null||u&&(e?window.innerWidth<n.clientWidth:window.innerHeight<n.clientHeight),d=(0,o.useCallback)(v(()=>{r(!0)},g),[r]);return(0,o.useEffect)(()=>{if(!u)return;let l=null,w=()=>{setTimeout(()=>{c(e?window.innerWidth:window.innerHeight)},g)},E=S=>{let[m]=S;s||c(e?m.boundingClientRect.width:m.boundingClientRect.height),m.intersectionRatio===0&&t!=null&&(f(null),i&&i({added:null,removed:t}))};return addEventListener("scroll",d),s&&(c(e?window.innerWidth:window.innerHeight),addEventListener("resize",w)),n&&(l=new IntersectionObserver(E),l.observe(n)),()=>{l&&l.disconnect(),removeEventListener("resize",w),removeEventListener("scroll",d)}},[n,e,t,i,s,d,u,f]),{targetSize:a,useViewport:s}};0&&(module.exports={useSizeDetector});
//# sourceMappingURL=useSizeDetector.cjs.map