tamagui 1.126.18 → 1.127.0

package/dist/native.js

@@ -13570,12 +13570,31 @@ var require_getBoundingClientRect_native = __commonJS({
     __export2(getBoundingClientRect_exports, {
       getBoundingClientRect: function() {
         return getBoundingClientRect;
+      },
+      getBoundingClientRectAsync: function() {
+        return getBoundingClientRectAsync;
       }
     });
     module2.exports = __toCommonJS2(getBoundingClientRect_exports);
     var 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);
+    }, getBoundingClientRectAsync = function(element) {
+      return new Promise(function(resolve) {
+        var didFallback = !1;
+        function fallbackToSync() {
+          didFallback = !0, resolve(getBoundingClientRect(element));
+        }
+        var tm = setTimeout(fallbackToSync, 32), observer = new IntersectionObserver(function(entries, ob) {
+          if (clearTimeout(tm), ob.disconnect(), !didFallback) {
+            var _entries_;
+            resolve((_entries_ = entries[0]) === null || _entries_ === void 0 ? void 0 : _entries_.boundingClientRect);
+          }
+        }, {
+          threshold: 1e-4
+        });
+        observer.observe(element);
+      });
     };
   }
 });
@@ -13681,9 +13700,15 @@ var require_useElementLayout_native = __commonJS({
       getElementLayoutEvent: function() {
         return getElementLayoutEvent2;
       },
+      getElementLayoutEventAsync: function() {
+        return getElementLayoutEventAsync;
+      },
       measureLayout: function() {
         return measureLayout;
       },
+      measureLayoutAsync: function() {
+        return measureLayoutAsync;
+      },
       setOnLayoutStrategy: function() {
         return setOnLayoutStrategy3;
       },
@@ -13692,37 +13717,62 @@ var require_useElementLayout_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useElementLayout_exports);
-    var import_constants4 = require_index_native6(), import_web = require_index_native14(), LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), status = "active";
+    var import_constants4 = require_index_native6(), import_web = require_index_native14(), LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), strategy = "async";
     function setOnLayoutStrategy3(state) {
-      status = state;
-    }
-    var NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0;
-    import_constants4.isClient && (rAF ? (updateLayoutIfChanged = function(node) {
-      var nodeRect = node.getBoundingClientRect(), parentNode = node.parentElement, parentRect = parentNode == null ? void 0 : 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
-        !(0, import_web.isEqualShallow)(cachedRect, nodeRect) && (!cachedParentRect || !(0, import_web.isEqualShallow)(cachedParentRect, parentRect))) {
-          NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect);
-          var event = getElementLayoutEvent2(node);
-          avoidUpdates ? queuedUpdates.set(node, function() {
-            return onLayout(event);
-          }) : onLayout(event);
-        }
-      }
-    }, layoutOnAnimationFrame = function() {
-      var now = Date.now(), timeSinceLastFrame = now - lastFrameAt;
-      if (lastFrameAt = now, status !== "inactive") {
-        var expectedFrameTime = 16.67, hasRecentSyncWork = timeSinceLastFrame > expectedFrameTime * numDroppedFramesUntilPause;
-        hasRecentSyncWork || Nodes.forEach(updateLayoutIfChanged);
+      strategy = state;
+    }
+    var 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;
+    if (import_constants4.isClient) if (rAF) {
+      layoutOnAnimationFrame = function() {
+        var now = Date.now(), timeSinceLastFrame = now - lastFrameAt;
+        if (lastFrameAt = now, strategy !== "off") {
+          var expectedFrameTime = 16.67, hasRecentSyncWork = timeSinceLastFrame > expectedFrameTime * numDroppedFramesUntilPause;
+          hasRecentSyncWork || Nodes.forEach(updateLayoutIfChanged);
+        }
+        rAF(layoutOnAnimationFrame);
+      }, layoutOnAnimationFrame2 = layoutOnAnimationFrame, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map(), lastFrameAt = Date.now(), numDroppedFramesUntilPause = 2, (0, import_web.___onDidFinishClientRender)(function() {
+        avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(function(cb) {
+          return cb();
+        }), queuedUpdates.clear());
+      });
+      async function updateLayoutIfChanged(node) {
+        var nodeRect = node.getBoundingClientRect(), parentNode = node.parentElement, parentRect = parentNode == null ? void 0 : 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
+          !(0, import_web.isEqualShallow)(cachedRect, nodeRect) && (!cachedParentRect || !(0, import_web.isEqualShallow)(cachedParentRect, parentRect))) if (NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect), avoidUpdates) {
+            var event = getElementLayoutEvent2(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);
+              }
+            }, DEBOUNCE_DELAY);
+            DebounceTimers.set(node, timer);
+          } else {
+            var event1 = getElementLayoutEvent2(node);
+            onLayout(event1);
+          }
+        }
       }
       rAF(layoutOnAnimationFrame);
-    }, updateLayoutIfChanged2 = updateLayoutIfChanged, layoutOnAnimationFrame2 = layoutOnAnimationFrame, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map(), lastFrameAt = Date.now(), numDroppedFramesUntilPause = 2, (0, import_web.___onDidFinishClientRender)(function() {
-      avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(function(cb) {
-        return cb();
-      }), queuedUpdates.clear());
-    }), rAF(layoutOnAnimationFrame)) : process.env.NODE_ENV === "development" && console.warn("No requestAnimationFrame - please polyfill for onLayout to work correctly"));
-    var updateLayoutIfChanged, layoutOnAnimationFrame, updateLayoutIfChanged2, layoutOnAnimationFrame2, avoidUpdates, queuedUpdates, lastFrameAt, numDroppedFramesUntilPause, getElementLayoutEvent2 = function(target) {
+    } else process.env.NODE_ENV === "development" && console.warn("No requestAnimationFrame - please polyfill for onLayout to work correctly");
+    var layoutOnAnimationFrame, layoutOnAnimationFrame2, avoidUpdates, queuedUpdates, lastFrameAt, numDroppedFramesUntilPause, getElementLayoutEvent2 = function(target) {
       var res = null;
       if (measureLayout(target, null, function(x, y, width, height, left, top) {
         res = {
@@ -13750,6 +13800,37 @@ var require_useElementLayout_native = __commonJS({
           callback(x, y, width, height, left, top);
         }
       }
+    }, getElementLayoutEventAsync = async function(target) {
+      var res = null;
+      if (await measureLayoutAsync(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;
+    }, measureLayoutAsync = async function(node, relativeTo, callback) {
+      var relativeNode = relativeTo || (node == null ? void 0 : node.parentElement);
+      if (relativeNode instanceof HTMLElement) {
+        var [nodeDim, relativeNodeDim] = await Promise.all([
+          node.getBoundingClientRect(),
+          relativeNode.getBoundingClientRect()
+        ]);
+        if (relativeNodeDim && nodeDim) {
+          var { x, y, width, height, left, top } = getRelativeDimensions(nodeDim, relativeNodeDim);
+          callback(x, y, width, height, left, top);
+        }
+      }
     }, getRelativeDimensions = function(a, b) {
       var { height, left, top, width } = a, x = left - b.left, y = top - b.top;
       return {
@@ -13769,6 +13850,8 @@ var require_useElementLayout_native = __commonJS({
           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(getElementLayoutEvent2(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);
           };
         }
       }, [