@tamagui/use-element-layout 1.129.6-1751237024118 → 1.129.7

package/dist/esm/index.js

@@ -5,7 +5,8 @@ let strategy = "async";
 function setOnLayoutStrategy(state) {
   strategy = state;
 }
-const NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap(), DebounceTimers = /* @__PURE__ */ new WeakMap(), LastChangeTime = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0, DEBOUNCE_DELAY = 32;
+const NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap();
+const LastChangeTime = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0;
 let avoidUpdates = !0;
 const queuedUpdates = /* @__PURE__ */ new Map();
 function enable() {
@@ -15,61 +16,52 @@ if (isClient)
   if (rAF) {
     let layoutOnAnimationFrame = function() {
       const now = Date.now(), timeSinceLastFrame = now - lastFrameAt;
-      lastFrameAt = now, strategy !== "off" && (timeSinceLastFrame > 16.67 * numDroppedFramesUntilPause || Nodes.forEach(updateLayoutIfChanged)), rAF(layoutOnAnimationFrame);
+      lastFrameAt = now, strategy !== "off" && (timeSinceLastFrame > 16.67 * numDroppedFramesUntilPause || Nodes.forEach((node) => {
+        updateLayoutIfChanged(node, lastFrameAt);
+      })), rAF(layoutOnAnimationFrame);
     }, lastFrameAt = Date.now();
     const numDroppedFramesUntilPause = 2;
-    async function updateLayoutIfChanged(node) {
-      const nodeRect = node.getBoundingClientRect(), parentNode = node.parentElement, parentRect = parentNode?.getBoundingClientRect(), onLayout = LayoutHandlers.get(node);
+    async function updateLayoutIfChanged(node, frameId) {
+      const parentNode = node.parentElement;
+      let nodeRect, parentRect;
+      if (strategy === "async") {
+        const [nr, pr] = await Promise.all([
+          getBoundingClientRectAsync(node),
+          getBoundingClientRectAsync(parentNode)
+        ]);
+        if (frameId !== lastFrameAt)
+          return;
+        nodeRect = nr, parentRect = pr;
+      } else
+        nodeRect = node.getBoundingClientRect(), parentRect = parentNode?.getBoundingClientRect();
+      if (!parentRect)
+        return;
+      const onLayout = LayoutHandlers.get(node);
       if (typeof onLayout != "function") return;
       const cachedRect = NodeRectCache.get(node), cachedParentRect = parentNode ? NodeRectCache.get(parentNode) : null;
       if (!cachedRect || // has changed one rect
-      !isEqualShallow(cachedRect, nodeRect) && (!cachedParentRect || !isEqualShallow(cachedParentRect, parentRect)))
+      !isEqualShallow(cachedRect, nodeRect) && (!cachedParentRect || !isEqualShallow(cachedParentRect, parentRect))) {
         if (NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect), avoidUpdates) {
-          const event = getElementLayoutEvent(node);
+          const event = getElementLayoutEvent(nodeRect, parentRect);
           queuedUpdates.set(node, () => onLayout(event));
-        } else if (strategy === "async") {
-          const now = Date.now();
-          LastChangeTime.set(node, now);
-          const existingTimer = DebounceTimers.get(node);
-          existingTimer && clearTimeout(existingTimer);
-          const timer = setTimeout(async () => {
-            const lastChange = LastChangeTime.get(node) || 0, timeSinceChange = Date.now() - lastChange;
-            if (timeSinceChange >= DEBOUNCE_DELAY) {
-              const event = await getElementLayoutEventAsync(node);
-              onLayout(event), DebounceTimers.delete(node);
-            } else {
-              const remainingDelay = DEBOUNCE_DELAY - timeSinceChange, newTimer = setTimeout(async () => {
-                const event = await getElementLayoutEventAsync(node);
-                onLayout(event), DebounceTimers.delete(node);
-              }, remainingDelay);
-              DebounceTimers.set(node, newTimer);
-            }
-          }, DEBOUNCE_DELAY);
-          DebounceTimers.set(node, timer);
-        } else {
-          const event = getElementLayoutEvent(node);
+        } else if (strategy !== "async") {
+          const event = getElementLayoutEvent(nodeRect, parentRect);
           onLayout(event);
         }
+      }
     }
     rAF(layoutOnAnimationFrame);
   } else
     process.env.NODE_ENV === "development" && console.warn(
       "No requestAnimationFrame - please polyfill for onLayout to work correctly"
     );
-const getElementLayoutEvent = (target) => {
-  let res = null;
-  if (measureLayout(target, null, (x, y, width, height, left, top) => {
-    res = {
-      nativeEvent: {
-        layout: { x, y, width, height, left, top },
-        target
-      },
-      timeStamp: Date.now()
-    };
-  }), !res)
-    throw new Error("\u203C\uFE0F");
-  return res;
-}, measureLayout = (node, relativeTo, callback) => {
+const getElementLayoutEvent = (nodeRect, parentRect) => ({
+  nativeEvent: {
+    layout: getRelativeDimensions(nodeRect, parentRect),
+    target: nodeRect
+  },
+  timeStamp: Date.now()
+}), measureLayout = (node, relativeTo, callback) => {
   const relativeNode = relativeTo || node?.parentElement;
   if (relativeNode instanceof HTMLElement) {
     const nodeDim = node.getBoundingClientRect(), relativeNodeDim = relativeNode.getBoundingClientRect();
@@ -96,8 +88,8 @@ const getElementLayoutEvent = (target) => {
   const relativeNode = relativeTo || node?.parentElement;
   if (relativeNode instanceof HTMLElement) {
     const [nodeDim, relativeNodeDim] = await Promise.all([
-      node.getBoundingClientRect(),
-      relativeNode.getBoundingClientRect()
+      getBoundingClientRectAsync(node),
+      getBoundingClientRectAsync(relativeNode)
     ]);
     if (relativeNodeDim && nodeDim) {
       const { x, y, width, height, left, top } = getRelativeDimensions(
@@ -117,19 +109,33 @@ function useElementLayout(ref, onLayout) {
   node && onLayout && LayoutHandlers.set(node, onLayout), useIsomorphicLayoutEffect(() => {
     if (!onLayout) return;
     const node2 = ref.current?.host;
-    if (node2)
-      return LayoutHandlers.set(node2, onLayout), Nodes.add(node2), onLayout(getElementLayoutEvent(node2)), () => {
-        Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2);
-        const timer = DebounceTimers.get(node2);
-        timer && (clearTimeout(timer), DebounceTimers.delete(node2)), LastChangeTime.delete(node2);
-      };
+    if (!node2) return;
+    LayoutHandlers.set(node2, onLayout), Nodes.add(node2);
+    const parentNode = node2.parentNode;
+    return parentNode && onLayout(
+      getElementLayoutEvent(
+        node2.getBoundingClientRect(),
+        parentNode.getBoundingClientRect()
+      )
+    ), () => {
+      Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2), LastChangeTime.delete(node2);
+    };
   }, [ref, !!onLayout]);
 }
 function ensureWebElement(x) {
   if (!(typeof HTMLElement > "u"))
     return x instanceof HTMLElement ? x : void 0;
 }
-const getBoundingClientRect = (node) => {
+const getBoundingClientRectAsync = (node) => new Promise((res) => {
+  if (!node || node.nodeType !== 1) return;
+  const io = new IntersectionObserver(
+    (entries) => (io.disconnect(), res(entries[0].boundingClientRect)),
+    {
+      threshold: 0
+    }
+  );
+  io.observe(node);
+}), getBoundingClientRect = (node) => {
   if (!(!node || node.nodeType !== 1))
     return node.getBoundingClientRect?.();
 }, getRect = (node) => {

package/dist/esm/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["node"]
 }

package/dist/esm/index.mjs

@@ -7,11 +7,9 @@ function setOnLayoutStrategy(state) {
   strategy = state;
 }
 const NodeRectCache = /* @__PURE__ */new WeakMap(),
-  ParentRectCache = /* @__PURE__ */new WeakMap(),
-  DebounceTimers = /* @__PURE__ */new WeakMap(),
-  LastChangeTime = /* @__PURE__ */new WeakMap(),
-  rAF = typeof window < "u" ? window.requestAnimationFrame : void 0,
-  DEBOUNCE_DELAY = 32;
+  ParentRectCache = /* @__PURE__ */new WeakMap();
+const LastChangeTime = /* @__PURE__ */new WeakMap(),
+  rAF = typeof window < "u" ? window.requestAnimationFrame : void 0;
 let avoidUpdates = !0;
 const queuedUpdates = /* @__PURE__ */new Map();
 function enable() {
@@ -21,71 +19,46 @@ if (isClient) if (rAF) {
   let layoutOnAnimationFrame = function () {
       const now = Date.now(),
         timeSinceLastFrame = now - lastFrameAt;
-      lastFrameAt = now, strategy !== "off" && (timeSinceLastFrame > 16.67 * numDroppedFramesUntilPause || Nodes.forEach(updateLayoutIfChanged)), rAF(layoutOnAnimationFrame);
+      lastFrameAt = now, strategy !== "off" && (timeSinceLastFrame > 16.67 * numDroppedFramesUntilPause || Nodes.forEach(node => {
+        updateLayoutIfChanged(node, lastFrameAt);
+      })), rAF(layoutOnAnimationFrame);
     },
     lastFrameAt = Date.now();
   const numDroppedFramesUntilPause = 2;
-  async function updateLayoutIfChanged(node) {
-    const nodeRect = node.getBoundingClientRect(),
-      parentNode = node.parentElement,
-      parentRect = parentNode?.getBoundingClientRect(),
-      onLayout = LayoutHandlers.get(node);
+  async function updateLayoutIfChanged(node, frameId) {
+    const parentNode = node.parentElement;
+    let nodeRect, parentRect;
+    if (strategy === "async") {
+      const [nr, pr] = await Promise.all([getBoundingClientRectAsync(node), getBoundingClientRectAsync(parentNode)]);
+      if (frameId !== lastFrameAt) return;
+      nodeRect = nr, parentRect = pr;
+    } else nodeRect = node.getBoundingClientRect(), parentRect = parentNode?.getBoundingClientRect();
+    if (!parentRect) return;
+    const onLayout = LayoutHandlers.get(node);
     if (typeof onLayout != "function") return;
     const cachedRect = NodeRectCache.get(node),
       cachedParentRect = parentNode ? NodeRectCache.get(parentNode) : null;
     if (!cachedRect ||
     // has changed one rect
-    !isEqualShallow(cachedRect, nodeRect) && (!cachedParentRect || !isEqualShallow(cachedParentRect, parentRect))) if (NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect), avoidUpdates) {
-      const event = getElementLayoutEvent(node);
-      queuedUpdates.set(node, () => onLayout(event));
-    } else if (strategy === "async") {
-      const now = Date.now();
-      LastChangeTime.set(node, now);
-      const existingTimer = DebounceTimers.get(node);
-      existingTimer && clearTimeout(existingTimer);
-      const timer = setTimeout(async () => {
-        const lastChange = LastChangeTime.get(node) || 0,
-          timeSinceChange = Date.now() - lastChange;
-        if (timeSinceChange >= DEBOUNCE_DELAY) {
-          const event = await getElementLayoutEventAsync(node);
-          onLayout(event), DebounceTimers.delete(node);
-        } else {
-          const remainingDelay = DEBOUNCE_DELAY - timeSinceChange,
-            newTimer = setTimeout(async () => {
-              const event = await getElementLayoutEventAsync(node);
-              onLayout(event), DebounceTimers.delete(node);
-            }, remainingDelay);
-          DebounceTimers.set(node, newTimer);
-        }
-      }, DEBOUNCE_DELAY);
-      DebounceTimers.set(node, timer);
-    } else {
-      const event = getElementLayoutEvent(node);
-      onLayout(event);
+    !isEqualShallow(cachedRect, nodeRect) && (!cachedParentRect || !isEqualShallow(cachedParentRect, parentRect))) {
+      if (NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect), avoidUpdates) {
+        const event = getElementLayoutEvent(nodeRect, parentRect);
+        queuedUpdates.set(node, () => onLayout(event));
+      } else if (strategy !== "async") {
+        const event = getElementLayoutEvent(nodeRect, parentRect);
+        onLayout(event);
+      }
     }
   }
   rAF(layoutOnAnimationFrame);
 } else process.env.NODE_ENV === "development" && console.warn("No requestAnimationFrame - please polyfill for onLayout to work correctly");
-const getElementLayoutEvent = target => {
-    let res = null;
-    if (measureLayout(target, null, (x, y, width, height, left, top) => {
-      res = {
-        nativeEvent: {
-          layout: {
-            x,
-            y,
-            width,
-            height,
-            left,
-            top
-          },
-          target
-        },
-        timeStamp: Date.now()
-      };
-    }), !res) throw new Error("\u203C\uFE0F");
-    return res;
-  },
+const getElementLayoutEvent = (nodeRect, parentRect) => ({
+    nativeEvent: {
+      layout: getRelativeDimensions(nodeRect, parentRect),
+      target: nodeRect
+    },
+    timeStamp: Date.now()
+  }),
   measureLayout = (node, relativeTo, callback) => {
     const relativeNode = relativeTo || node?.parentElement;
     if (relativeNode instanceof HTMLElement) {
@@ -118,7 +91,7 @@ const getElementLayoutEvent = target => {
   measureLayoutAsync = async (node, relativeTo) => {
     const relativeNode = relativeTo || node?.parentElement;
     if (relativeNode instanceof HTMLElement) {
-      const [nodeDim, relativeNodeDim] = await Promise.all([node.getBoundingClientRect(), relativeNode.getBoundingClientRect()]);
+      const [nodeDim, relativeNodeDim] = await Promise.all([getBoundingClientRectAsync(node), getBoundingClientRectAsync(relativeNode)]);
       if (relativeNodeDim && nodeDim) {
         const {
           x,
@@ -163,17 +136,25 @@ function useElementLayout(ref, onLayout) {
   node && onLayout && LayoutHandlers.set(node, onLayout), useIsomorphicLayoutEffect(() => {
     if (!onLayout) return;
     const node2 = ref.current?.host;
-    if (node2) return LayoutHandlers.set(node2, onLayout), Nodes.add(node2), onLayout(getElementLayoutEvent(node2)), () => {
-      Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2);
-      const timer = DebounceTimers.get(node2);
-      timer && (clearTimeout(timer), DebounceTimers.delete(node2)), LastChangeTime.delete(node2);
+    if (!node2) return;
+    LayoutHandlers.set(node2, onLayout), Nodes.add(node2);
+    const parentNode = node2.parentNode;
+    return parentNode && onLayout(getElementLayoutEvent(node2.getBoundingClientRect(), parentNode.getBoundingClientRect())), () => {
+      Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2), LastChangeTime.delete(node2);
     };
   }, [ref, !!onLayout]);
 }
 function ensureWebElement(x) {
   if (!(typeof HTMLElement > "u")) return x instanceof HTMLElement ? x : void 0;
 }
-const getBoundingClientRect = node => {
+const getBoundingClientRectAsync = node => new Promise(res => {
+    if (!node || node.nodeType !== 1) return;
+    const io = new IntersectionObserver(entries => (io.disconnect(), res(entries[0].boundingClientRect)), {
+      threshold: 0
+    });
+    io.observe(node);
+  }),
+  getBoundingClientRect = node => {
     if (!(!node || node.nodeType !== 1)) return node.getBoundingClientRect?.();
   },
   getRect = node => {

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["isClient","useIsomorphicLayoutEffect","isEqualShallow","LayoutHandlers","WeakMap","Nodes","Set","strategy","setOnLayoutStrategy","state","NodeRectCache","ParentRectCache","DebounceTimers","LastChangeTime","rAF","window","requestAnimationFrame","DEBOUNCE_DELAY","avoidUpdates","queuedUpdates","Map","enable","forEach","cb","clear","layoutOnAnimationFrame","now","Date","timeSinceLastFrame","lastFrameAt","numDroppedFramesUntilPause","updateLayoutIfChanged","node","nodeRect","getBoundingClientRect","parentNode","parentElement","parentRect","onLayout","get","cachedRect","cachedParentRect","set","event","getElementLayoutEvent","existingTimer","clearTimeout","timer","setTimeout","lastChange","timeSinceChange","getElementLayoutEventAsync","delete","remainingDelay","newTimer","process","env","NODE_ENV","console","warn","target","res","measureLayout","x","y","width","height","left","top","nativeEvent","layout","timeStamp","Error","relativeTo","callback","relativeNode","HTMLElement","nodeDim","relativeNodeDim","getRelativeDimensions","measureLayoutAsync","Promise","all","a","b","useElementLayout","ref","ensureWebElement","current","host","node2","add","nodeType","getRect","rect","offsetWidth","offsetHeight"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,EAAUC,yBAAA,QAAiC;AACpD,SAASC,cAAA,QAAsB;AAG/B,MAAMC,cAAA,GAAiB,mBAAIC,OAAA,CAA+B;EACpDC,KAAA,GAAQ,mBAAIC,GAAA,CAAiB;AAQnC,IAAIC,QAAA,GAAsC;AAEnC,SAASC,oBAAoBC,KAAA,EAAwC;EAC1EF,QAAA,GAAWE,KAAA;AACb;AAmBA,MAAMC,aAAA,GAAgB,mBAAIN,OAAA,CAA8B;EAClDO,eAAA,GAAkB,mBAAIP,OAAA,CAA8B;EACpDQ,cAAA,GAAiB,mBAAIR,OAAA,CAAqC;EAC1DS,cAAA,GAAiB,mBAAIT,OAAA,CAA6B;EAElDU,GAAA,GAAM,OAAOC,MAAA,GAAW,MAAcA,MAAA,CAAOC,qBAAA,GAAwB;EACrEC,cAAA,GAAiB;AAGvB,IAAIC,YAAA,GAAe;AACnB,MAAMC,aAAA,GAAgB,mBAAIC,GAAA,CAA2B;AAE9C,SAASC,OAAA,EAAe;EACzBH,YAAA,KACFA,YAAA,GAAe,IACXC,aAAA,KACFA,aAAA,CAAcG,OAAA,CAASC,EAAA,IAAOA,EAAA,CAAG,CAAC,GAClCJ,aAAA,CAAcK,KAAA,CAAM;AAG1B;AAEA,IAAIxB,QAAA,EACF,IAAIc,GAAA,EAAK;EA4EP,IAASW,sBAAA,GAAT,SAAAA,CAAA,EAAkC;MAChC,MAAMC,GAAA,GAAMC,IAAA,CAAKD,GAAA,CAAI;QACfE,kBAAA,GAAqBF,GAAA,GAAMG,WAAA;MACjCA,WAAA,GAAcH,GAAA,EAEVnB,QAAA,KAAa,UAIbqB,kBAAA,GAAqB,QAAoBE,0BAAA,IAGzCzB,KAAA,CAAMiB,OAAA,CAAQS,qBAAqB,IAGvCjB,GAAA,CAAKW,sBAAsB;IAC7B;IA1FII,WAAA,GAAcF,IAAA,CAAKD,GAAA,CAAI;EAC3B,MAAMI,0BAAA,GAA6B;EAEnC,eAAeC,sBAAsBC,IAAA,EAAmB;IACtD,MAAMC,QAAA,GAAWD,IAAA,CAAKE,qBAAA,CAAsB;MACtCC,UAAA,GAAaH,IAAA,CAAKI,aAAA;MAClBC,UAAA,GAAaF,UAAA,EAAYD,qBAAA,CAAsB;MAE/CI,QAAA,GAAWnC,cAAA,CAAeoC,GAAA,CAAIP,IAAI;IACxC,IAAI,OAAOM,QAAA,IAAa,YAAY;IAEpC,MAAME,UAAA,GAAa9B,aAAA,CAAc6B,GAAA,CAAIP,IAAI;MACnCS,gBAAA,GAAmBN,UAAA,GAAazB,aAAA,CAAc6B,GAAA,CAAIJ,UAAU,IAAI;IAEtE,IACE,CAACK,UAAA;IAAA;IAEA,CAACtC,cAAA,CAAesC,UAAA,EAAYP,QAAQ,MAClC,CAACQ,gBAAA,IAAoB,CAACvC,cAAA,CAAeuC,gBAAA,EAAkBJ,UAAU,IAOpE,IALA3B,aAAA,CAAcgC,GAAA,CAAIV,IAAA,EAAMC,QAAQ,GAC5BI,UAAA,IAAcF,UAAA,IAChBxB,eAAA,CAAgB+B,GAAA,CAAIP,UAAA,EAAYE,UAAU,GAGxCnB,YAAA,EAAc;MAEhB,MAAMyB,KAAA,GAAQC,qBAAA,CAAsBZ,IAAI;MACxCb,aAAA,CAAcuB,GAAA,CAAIV,IAAA,EAAM,MAAMM,QAAA,CAASK,KAAK,CAAC;IAC/C,WAAWpC,QAAA,KAAa,SAAS;MAE/B,MAAMmB,GAAA,GAAMC,IAAA,CAAKD,GAAA,CAAI;MACrBb,cAAA,CAAe6B,GAAA,CAAIV,IAAA,EAAMN,GAAG;MAG5B,MAAMmB,aAAA,GAAgBjC,cAAA,CAAe2B,GAAA,CAAIP,IAAI;MACzCa,aAAA,IACFC,YAAA,CAAaD,aAAa;MAI5B,MAAME,KAAA,GAAQC,UAAA,CAAW,YAAY;QACnC,MAAMC,UAAA,GAAapC,cAAA,CAAe0B,GAAA,CAAIP,IAAI,KAAK;UACzCkB,eAAA,GAAkBvB,IAAA,CAAKD,GAAA,CAAI,IAAIuB,UAAA;QAGrC,IAAIC,eAAA,IAAmBjC,cAAA,EAAgB;UACrC,MAAM0B,KAAA,GAAQ,MAAMQ,0BAAA,CAA2BnB,IAAI;UACnDM,QAAA,CAASK,KAAK,GACd/B,cAAA,CAAewC,MAAA,CAAOpB,IAAI;QAC5B,OAAO;UAEL,MAAMqB,cAAA,GAAiBpC,cAAA,GAAiBiC,eAAA;YAClCI,QAAA,GAAWN,UAAA,CAAW,YAAY;cACtC,MAAML,KAAA,GAAQ,MAAMQ,0BAAA,CAA2BnB,IAAI;cACnDM,QAAA,CAASK,KAAK,GACd/B,cAAA,CAAewC,MAAA,CAAOpB,IAAI;YAC5B,GAAGqB,cAAc;UACjBzC,cAAA,CAAe8B,GAAA,CAAIV,IAAA,EAAMsB,QAAQ;QACnC;MACF,GAAGrC,cAAc;MAEjBL,cAAA,CAAe8B,GAAA,CAAIV,IAAA,EAAMe,KAAK;IAChC,OAAO;MAEL,MAAMJ,KAAA,GAAQC,qBAAA,CAAsBZ,IAAI;MACxCM,QAAA,CAASK,KAAK;IAChB;EAEJ;EAGA7B,GAAA,CAAKW,sBAAsB;AAmB7B,OACM8B,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,iBAC3BC,OAAA,CAAQC,IAAA,CACN,2EACF;AAMC,MAAMf,qBAAA,GAAyBgB,MAAA,IAAqC;IACzE,IAAIC,GAAA,GAA0B;IAU9B,IATAC,aAAA,CAAcF,MAAA,EAAQ,MAAM,CAACG,CAAA,EAAGC,CAAA,EAAGC,KAAA,EAAOC,MAAA,EAAQC,IAAA,EAAMC,GAAA,KAAQ;MAC9DP,GAAA,GAAM;QACJQ,WAAA,EAAa;UACXC,MAAA,EAAQ;YAAEP,CAAA;YAAGC,CAAA;YAAGC,KAAA;YAAOC,MAAA;YAAQC,IAAA;YAAMC;UAAI;UACzCR;QACF;QACAW,SAAA,EAAW5C,IAAA,CAAKD,GAAA,CAAI;MACtB;IACF,CAAC,GACG,CAACmC,GAAA,EACH,MAAM,IAAIW,KAAA,CAAM,cAAI;IAEtB,OAAOX,GAAA;EACT;EAEaC,aAAA,GAAgBA,CAC3B9B,IAAA,EACAyC,UAAA,EACAC,QAAA,KAQS;IACT,MAAMC,YAAA,GAAeF,UAAA,IAAczC,IAAA,EAAMI,aAAA;IACzC,IAAIuC,YAAA,YAAwBC,WAAA,EAAa;MACvC,MAAMC,OAAA,GAAU7C,IAAA,CAAKE,qBAAA,CAAsB;QACrC4C,eAAA,GAAkBH,YAAA,CAAazC,qBAAA,CAAsB;MAE3D,IAAI4C,eAAA,IAAmBD,OAAA,EAAS;QAC9B,MAAM;UAAEd,CAAA;UAAGC,CAAA;UAAGC,KAAA;UAAOC,MAAA;UAAQC,IAAA;UAAMC;QAAI,IAAIW,qBAAA,CACzCF,OAAA,EACAC,eACF;QACAJ,QAAA,CAASX,CAAA,EAAGC,CAAA,EAAGC,KAAA,EAAOC,MAAA,EAAQC,IAAA,EAAMC,GAAG;MACzC;IACF;EACF;EAEajB,0BAAA,GAA6B,MACxCS,MAAA,IACyB;IACzB,MAAMU,MAAA,GAAS,MAAMU,kBAAA,CAAmBpB,MAAM;IAC9C,IAAI,CAACU,MAAA,EACH,MAAM,IAAIE,KAAA,CAAM,cAAI;IAEtB,OAAO;MACLH,WAAA,EAAa;QACXC,MAAA;QACAV;MACF;MACAW,SAAA,EAAW5C,IAAA,CAAKD,GAAA,CAAI;IACtB;EACF;EAEasD,kBAAA,GAAqB,MAAAA,CAChChD,IAAA,EACAyC,UAAA,KACgC;IAChC,MAAME,YAAA,GAAeF,UAAA,IAAczC,IAAA,EAAMI,aAAA;IACzC,IAAIuC,YAAA,YAAwBC,WAAA,EAAa;MACvC,MAAM,CAACC,OAAA,EAASC,eAAe,IAAI,MAAMG,OAAA,CAAQC,GAAA,CAAI,CACnDlD,IAAA,CAAKE,qBAAA,CAAsB,GAC3ByC,YAAA,CAAazC,qBAAA,CAAsB,EACpC;MAED,IAAI4C,eAAA,IAAmBD,OAAA,EAAS;QAC9B,MAAM;UAAEd,CAAA;UAAGC,CAAA;UAAGC,KAAA;UAAOC,MAAA;UAAQC,IAAA;UAAMC;QAAI,IAAIW,qBAAA,CACzCF,OAAA,EACAC,eACF;QACA,OAAO;UAAEf,CAAA;UAAGC,CAAA;UAAGC,KAAA;UAAOC,MAAA;UAAQC,IAAA;UAAMC;QAAI;MAC1C;IACF;IACA,OAAO;EACT;EAEMW,qBAAA,GAAwBA,CAACI,CAAA,EAAoBC,CAAA,KAAuB;IACxE,MAAM;QAAElB,MAAA;QAAQC,IAAA;QAAMC,GAAA;QAAKH;MAAM,IAAIkB,CAAA;MAC/BpB,CAAA,GAAII,IAAA,GAAOiB,CAAA,CAAEjB,IAAA;MACbH,CAAA,GAAII,GAAA,GAAMgB,CAAA,CAAEhB,GAAA;IAClB,OAAO;MAAEL,CAAA;MAAGC,CAAA;MAAGC,KAAA;MAAOC,MAAA;MAAQC,IAAA;MAAMC;IAAI;EAC1C;AAEO,SAASiB,iBACdC,GAAA,EACAhD,QAAA,EACM;EAEN,MAAMN,IAAA,GAAOuD,gBAAA,CAAiBD,GAAA,CAAIE,OAAA,EAASC,IAAI;EAC3CzD,IAAA,IAAQM,QAAA,IACVnC,cAAA,CAAeuC,GAAA,CAAIV,IAAA,EAAMM,QAAQ,GAGnCrC,yBAAA,CAA0B,MAAM;IAC9B,IAAI,CAACqC,QAAA,EAAU;IACf,MAAMoD,KAAA,GAAOJ,GAAA,CAAIE,OAAA,EAASC,IAAA;IAC1B,IAAKC,KAAA,EAEL,OAAAvF,cAAA,CAAeuC,GAAA,CAAIgD,KAAA,EAAMpD,QAAQ,GACjCjC,KAAA,CAAMsF,GAAA,CAAID,KAAI,GACdpD,QAAA,CAASM,qBAAA,CAAsB8C,KAAI,CAAC,GAE7B,MAAM;MACXrF,KAAA,CAAM+C,MAAA,CAAOsC,KAAI,GACjBvF,cAAA,CAAeiD,MAAA,CAAOsC,KAAI,GAC1BhF,aAAA,CAAc0C,MAAA,CAAOsC,KAAI;MAGzB,MAAM3C,KAAA,GAAQnC,cAAA,CAAe2B,GAAA,CAAImD,KAAI;MACjC3C,KAAA,KACFD,YAAA,CAAaC,KAAK,GAClBnC,cAAA,CAAewC,MAAA,CAAOsC,KAAI,IAE5B7E,cAAA,CAAeuC,MAAA,CAAOsC,KAAI;IAC5B;EACF,GAAG,CAACJ,GAAA,EAAK,CAAC,CAAChD,QAAQ,CAAC;AACtB;AAEA,SAASiD,iBAAoBxB,CAAA,EAA+B;EAC1D,IAAI,SAAOa,WAAA,GAAgB,MAG3B,OAAOb,CAAA,YAAaa,WAAA,GAAcb,CAAA,GAAI;AACxC;AAEA,MAAM7B,qBAAA,GAAyBF,IAAA,IAAkD;IAC/E,IAAI,GAACA,IAAA,IAAQA,IAAA,CAAK4D,QAAA,KAAa,IAC/B,OAAO5D,IAAA,CAAKE,qBAAA,GAAwB;EACtC;EAEa2D,OAAA,GAAW7D,IAAA,IAA+C;IACrE,MAAM8D,IAAA,GAAO5D,qBAAA,CAAsBF,IAAI;IACvC,IAAI,CAAC8D,IAAA,EAAM;IACX,MAAM;MAAE/B,CAAA;MAAGC,CAAA;MAAGI,GAAA;MAAKD;IAAK,IAAI2B,IAAA;IAC5B,OAAO;MAAE/B,CAAA;MAAGC,CAAA;MAAGC,KAAA,EAAOjC,IAAA,CAAK+D,WAAA;MAAa7B,MAAA,EAAQlC,IAAA,CAAKgE,YAAA;MAAc5B,GAAA;MAAKD;IAAK;EAC/E","ignoreList":[]}
+{"version":3,"names":["isClient","useIsomorphicLayoutEffect","isEqualShallow","LayoutHandlers","WeakMap","Nodes","Set","strategy","setOnLayoutStrategy","state","NodeRectCache","ParentRectCache","LastChangeTime","rAF","window","requestAnimationFrame","avoidUpdates","queuedUpdates","Map","enable","forEach","cb","clear","layoutOnAnimationFrame","now","Date","timeSinceLastFrame","lastFrameAt","numDroppedFramesUntilPause","node","updateLayoutIfChanged","frameId","parentNode","parentElement","nodeRect","parentRect","nr","pr","Promise","all","getBoundingClientRectAsync","getBoundingClientRect","onLayout","get","cachedRect","cachedParentRect","set","event","getElementLayoutEvent","process","env","NODE_ENV","console","warn","nativeEvent","layout","getRelativeDimensions","target","timeStamp","measureLayout","relativeTo","callback","relativeNode","HTMLElement","nodeDim","relativeNodeDim","x","y","width","height","left","top","getElementLayoutEventAsync","measureLayoutAsync","Error","a","b","useElementLayout","ref","ensureWebElement","current","host","node2","add","delete","res","nodeType","io","IntersectionObserver","entries","disconnect","boundingClientRect","threshold","observe","getRect","rect","offsetWidth","offsetHeight"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/index.native.js

@@ -7,11 +7,9 @@ function setOnLayoutStrategy(state) {
   strategy = state;
 }
 var NodeRectCache = /* @__PURE__ */new WeakMap(),
-  ParentRectCache = /* @__PURE__ */new WeakMap(),
-  DebounceTimers = /* @__PURE__ */new WeakMap(),
-  LastChangeTime = /* @__PURE__ */new WeakMap(),
+  ParentRectCache = /* @__PURE__ */new WeakMap();
+var LastChangeTime = /* @__PURE__ */new WeakMap(),
   rAF = typeof window < "u" ? window.requestAnimationFrame : void 0,
-  DEBOUNCE_DELAY = 32,
   avoidUpdates = !0,
   queuedUpdates = /* @__PURE__ */new Map();
 function enable() {
@@ -26,76 +24,55 @@ if (isClient) if (rAF) {
     if (lastFrameAt = now, strategy !== "off") {
       var expectedFrameTime = 16.67,
         hasRecentSyncWork = timeSinceLastFrame > expectedFrameTime * numDroppedFramesUntilPause;
-      hasRecentSyncWork || Nodes.forEach(updateLayoutIfChanged);
+      hasRecentSyncWork || Nodes.forEach(function (node) {
+        updateLayoutIfChanged(node, lastFrameAt);
+      });
     }
     rAF(layoutOnAnimationFrame);
   };
   var layoutOnAnimationFrame2 = layoutOnAnimationFrame,
     lastFrameAt = Date.now(),
     numDroppedFramesUntilPause = 2;
-  async function updateLayoutIfChanged(node) {
-    var nodeRect = node.getBoundingClientRect(),
-      parentNode = node.parentElement,
-      parentRect = parentNode?.getBoundingClientRect(),
-      onLayout = LayoutHandlers.get(node);
-    if (typeof onLayout == "function") {
-      var cachedRect = NodeRectCache.get(node),
-        cachedParentRect = parentNode ? NodeRectCache.get(parentNode) : null;
-      if (!cachedRect ||
-      // has changed one rect
-      !isEqualShallow(cachedRect, nodeRect) && (!cachedParentRect || !isEqualShallow(cachedParentRect, parentRect))) if (NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect), avoidUpdates) {
-        var event = getElementLayoutEvent(node);
-        queuedUpdates.set(node, function () {
-          return onLayout(event);
-        });
-      } else if (strategy === "async") {
-        var now = Date.now();
-        LastChangeTime.set(node, now);
-        var existingTimer = DebounceTimers.get(node);
-        existingTimer && clearTimeout(existingTimer);
-        var timer = setTimeout(async function () {
-          var lastChange = LastChangeTime.get(node) || 0,
-            timeSinceChange = Date.now() - lastChange;
-          if (timeSinceChange >= DEBOUNCE_DELAY) {
-            var event2 = await getElementLayoutEventAsync(node);
-            onLayout(event2), DebounceTimers.delete(node);
-          } else {
-            var remainingDelay = DEBOUNCE_DELAY - timeSinceChange,
-              newTimer = setTimeout(async function () {
-                var event3 = await getElementLayoutEventAsync(node);
-                onLayout(event3), DebounceTimers.delete(node);
-              }, remainingDelay);
-            DebounceTimers.set(node, newTimer);
+  async function updateLayoutIfChanged(node, frameId) {
+    var parentNode = node.parentElement,
+      nodeRect,
+      parentRect;
+    if (strategy === "async") {
+      var [nr, pr] = await Promise.all([getBoundingClientRectAsync(node), getBoundingClientRectAsync(parentNode)]);
+      if (frameId !== lastFrameAt) return;
+      nodeRect = nr, parentRect = pr;
+    } else nodeRect = node.getBoundingClientRect(), parentRect = parentNode?.getBoundingClientRect();
+    if (parentRect) {
+      var onLayout = LayoutHandlers.get(node);
+      if (typeof onLayout == "function") {
+        var cachedRect = NodeRectCache.get(node),
+          cachedParentRect = parentNode ? NodeRectCache.get(parentNode) : null;
+        if (!cachedRect ||
+        // has changed one rect
+        !isEqualShallow(cachedRect, nodeRect) && (!cachedParentRect || !isEqualShallow(cachedParentRect, parentRect))) {
+          if (NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect), avoidUpdates) {
+            var event = getElementLayoutEvent(nodeRect, parentRect);
+            queuedUpdates.set(node, function () {
+              return onLayout(event);
+            });
+          } else if (strategy !== "async") {
+            var event1 = getElementLayoutEvent(nodeRect, parentRect);
+            onLayout(event1);
           }
-        }, DEBOUNCE_DELAY);
-        DebounceTimers.set(node, timer);
-      } else {
-        var event1 = getElementLayoutEvent(node);
-        onLayout(event1);
+        }
       }
     }
   }
   rAF(layoutOnAnimationFrame);
 } else process.env.NODE_ENV === "development" && console.warn("No requestAnimationFrame - please polyfill for onLayout to work correctly");
-var getElementLayoutEvent = function (target) {
-    var res = null;
-    if (measureLayout(target, null, function (x, y, width, height, left, top) {
-      res = {
-        nativeEvent: {
-          layout: {
-            x,
-            y,
-            width,
-            height,
-            left,
-            top
-          },
-          target
-        },
-        timeStamp: Date.now()
-      };
-    }), !res) throw new Error("\u203C\uFE0F");
-    return res;
+var getElementLayoutEvent = function (nodeRect, parentRect) {
+    return {
+      nativeEvent: {
+        layout: getRelativeDimensions(nodeRect, parentRect),
+        target: nodeRect
+      },
+      timeStamp: Date.now()
+    };
   },
   measureLayout = function (node, relativeTo, callback) {
     var relativeNode = relativeTo || node?.parentElement;
@@ -129,7 +106,7 @@ var getElementLayoutEvent = function (target) {
   measureLayoutAsync = async function (node, relativeTo) {
     var relativeNode = relativeTo || node?.parentElement;
     if (relativeNode instanceof HTMLElement) {
-      var [nodeDim, relativeNodeDim] = await Promise.all([node.getBoundingClientRect(), relativeNode.getBoundingClientRect()]);
+      var [nodeDim, relativeNodeDim] = await Promise.all([getBoundingClientRectAsync(node), getBoundingClientRectAsync(relativeNode)]);
       if (relativeNodeDim && nodeDim) {
         var {
           x,
@@ -176,18 +153,32 @@ function useElementLayout(ref, onLayout) {
     var _ref_current2;
     if (onLayout) {
       var node2 = (_ref_current2 = ref.current) === null || _ref_current2 === void 0 ? void 0 : _ref_current2.host;
-      if (node2) return LayoutHandlers.set(node2, onLayout), Nodes.add(node2), onLayout(getElementLayoutEvent(node2)), function () {
-        Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2);
-        var timer = DebounceTimers.get(node2);
-        timer && (clearTimeout(timer), DebounceTimers.delete(node2)), LastChangeTime.delete(node2);
-      };
+      if (node2) {
+        LayoutHandlers.set(node2, onLayout), Nodes.add(node2);
+        var parentNode = node2.parentNode;
+        return parentNode && onLayout(getElementLayoutEvent(node2.getBoundingClientRect(), parentNode.getBoundingClientRect())), function () {
+          Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2), LastChangeTime.delete(node2);
+        };
+      }
     }
   }, [ref, !!onLayout]);
 }
 function ensureWebElement(x) {
   if (!(typeof HTMLElement > "u")) return x instanceof HTMLElement ? x : void 0;
 }
-var getBoundingClientRect = function (node) {
+var getBoundingClientRectAsync = function (node) {
+    return new Promise(function (res) {
+      if (!(!node || node.nodeType !== 1)) {
+        var io = new IntersectionObserver(function (entries) {
+          return io.disconnect(), res(entries[0].boundingClientRect);
+        }, {
+          threshold: 0
+        });
+        io.observe(node);
+      }
+    });
+  },
+  getBoundingClientRect = function (node) {
     var _node_getBoundingClientRect;
     if (!(!node || node.nodeType !== 1)) return (_node_getBoundingClientRect = node.getBoundingClientRect) === null || _node_getBoundingClientRect === void 0 ? void 0 : _node_getBoundingClientRect.call(node);
   },