@opentiny/vue-hooks 2.19.0 → 2.21.0

package/index.js

@@ -2,15 +2,12 @@ import { hooks } from '@opentiny/vue-common';
 
 var _excluded = ["mainAxis", "crossAxis", "fallbackPlacements", "fallbackStrategy", "fallbackAxisSideDirection", "flipAlignment"], _excluded2 = ["strategy"], _excluded3 = ["mainAxis", "crossAxis", "limiter"];
 function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r)
-    return {};
+  if (null == r) return {};
   var t = {};
-  for (var n in r)
-    if ({}.hasOwnProperty.call(r, n)) {
-      if (e.includes(n))
-        continue;
-      t[n] = r[n];
-    }
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
+  }
   return t;
 }
 function _regeneratorRuntime() {
@@ -94,11 +91,9 @@ function _regeneratorRuntime() {
   function makeInvokeMethod(e2, r2, n2) {
     var o2 = h;
     return function(i2, a2) {
-      if (o2 === f)
-        throw Error("Generator is already running");
+      if (o2 === f) throw Error("Generator is already running");
       if (o2 === s) {
-        if ("throw" === i2)
-          throw a2;
+        if ("throw" === i2) throw a2;
         return { value: t, done: true };
       }
       for (n2.method = i2, n2.arg = a2; ; ) {
@@ -106,24 +101,19 @@ function _regeneratorRuntime() {
         if (c2) {
           var u2 = maybeInvokeDelegate(c2, n2);
           if (u2) {
-            if (u2 === y)
-              continue;
+            if (u2 === y) continue;
             return u2;
           }
         }
-        if ("next" === n2.method)
-          n2.sent = n2._sent = n2.arg;
+        if ("next" === n2.method) n2.sent = n2._sent = n2.arg;
         else if ("throw" === n2.method) {
-          if (o2 === h)
-            throw o2 = s, n2.arg;
+          if (o2 === h) throw o2 = s, n2.arg;
           n2.dispatchException(n2.arg);
-        } else
-          "return" === n2.method && n2.abrupt("return", n2.arg);
+        } else "return" === n2.method && n2.abrupt("return", n2.arg);
         o2 = f;
         var p2 = tryCatch(e2, r2, n2);
         if ("normal" === p2.type) {
-          if (o2 = n2.done ? s : l, p2.arg === y)
-            continue;
+          if (o2 = n2.done ? s : l, p2.arg === y) continue;
           return { value: p2.arg, done: n2.done };
         }
         "throw" === p2.type && (o2 = s, n2.method = "throw", n2.arg = p2.arg);
@@ -132,11 +122,9 @@ function _regeneratorRuntime() {
   }
   function maybeInvokeDelegate(e2, r2) {
     var n2 = r2.method, o2 = e2.iterator[n2];
-    if (o2 === t)
-      return r2.delegate = null, "throw" === n2 && e2.iterator.return && (r2.method = "return", r2.arg = t, maybeInvokeDelegate(e2, r2), "throw" === r2.method) || "return" !== n2 && (r2.method = "throw", r2.arg = new TypeError("The iterator does not provide a '" + n2 + "' method")), y;
+    if (o2 === t) return r2.delegate = null, "throw" === n2 && e2.iterator.return && (r2.method = "return", r2.arg = t, maybeInvokeDelegate(e2, r2), "throw" === r2.method) || "return" !== n2 && (r2.method = "throw", r2.arg = new TypeError("The iterator does not provide a '" + n2 + "' method")), y;
     var i2 = tryCatch(o2, e2.iterator, r2.arg);
-    if ("throw" === i2.type)
-      return r2.method = "throw", r2.arg = i2.arg, r2.delegate = null, y;
+    if ("throw" === i2.type) return r2.method = "throw", r2.arg = i2.arg, r2.delegate = null, y;
     var a2 = i2.arg;
     return a2 ? a2.done ? (r2[e2.resultName] = a2.value, r2.next = e2.nextLoc, "return" !== r2.method && (r2.method = "next", r2.arg = t), r2.delegate = null, y) : a2 : (r2.method = "throw", r2.arg = new TypeError("iterator result is not an object"), r2.delegate = null, y);
   }
@@ -154,15 +142,11 @@ function _regeneratorRuntime() {
   function values(e2) {
     if (e2 || "" === e2) {
       var r2 = e2[a];
-      if (r2)
-        return r2.call(e2);
-      if ("function" == typeof e2.next)
-        return e2;
+      if (r2) return r2.call(e2);
+      if ("function" == typeof e2.next) return e2;
       if (!isNaN(e2.length)) {
         var o2 = -1, i2 = function next() {
-          for (; ++o2 < e2.length; )
-            if (n.call(e2, o2))
-              return next.value = e2[o2], next.done = false, next;
+          for (; ++o2 < e2.length; ) if (n.call(e2, o2)) return next.value = e2[o2], next.done = false, next;
           return next.value = t, next.done = true, next;
         };
         return i2.next = i2;
@@ -191,52 +175,40 @@ function _regeneratorRuntime() {
     return "[object Generator]";
   }), e.keys = function(t2) {
     var e2 = Object(t2), r2 = [];
-    for (var n2 in e2)
-      r2.push(n2);
+    for (var n2 in e2) r2.push(n2);
     return r2.reverse(), function next() {
       for (; r2.length; ) {
         var t3 = r2.pop();
-        if (t3 in e2)
-          return next.value = t3, next.done = false, next;
+        if (t3 in e2) return next.value = t3, next.done = false, next;
       }
       return next.done = true, next;
     };
   }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e2) {
-    if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = false, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e2)
-      for (var r2 in this)
-        "t" === r2.charAt(0) && n.call(this, r2) && !isNaN(+r2.slice(1)) && (this[r2] = t);
+    if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = false, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e2) for (var r2 in this) "t" === r2.charAt(0) && n.call(this, r2) && !isNaN(+r2.slice(1)) && (this[r2] = t);
   }, stop: function stop() {
     this.done = true;
     var t2 = this.tryEntries[0].completion;
-    if ("throw" === t2.type)
-      throw t2.arg;
+    if ("throw" === t2.type) throw t2.arg;
     return this.rval;
   }, dispatchException: function dispatchException(e2) {
-    if (this.done)
-      throw e2;
+    if (this.done) throw e2;
     var r2 = this;
     function handle(n2, o3) {
       return a2.type = "throw", a2.arg = e2, r2.next = n2, o3 && (r2.method = "next", r2.arg = t), !!o3;
     }
     for (var o2 = this.tryEntries.length - 1; o2 >= 0; --o2) {
       var i2 = this.tryEntries[o2], a2 = i2.completion;
-      if ("root" === i2.tryLoc)
-        return handle("end");
+      if ("root" === i2.tryLoc) return handle("end");
       if (i2.tryLoc <= this.prev) {
         var c2 = n.call(i2, "catchLoc"), u2 = n.call(i2, "finallyLoc");
         if (c2 && u2) {
-          if (this.prev < i2.catchLoc)
-            return handle(i2.catchLoc, true);
-          if (this.prev < i2.finallyLoc)
-            return handle(i2.finallyLoc);
+          if (this.prev < i2.catchLoc) return handle(i2.catchLoc, true);
+          if (this.prev < i2.finallyLoc) return handle(i2.finallyLoc);
         } else if (c2) {
-          if (this.prev < i2.catchLoc)
-            return handle(i2.catchLoc, true);
+          if (this.prev < i2.catchLoc) return handle(i2.catchLoc, true);
         } else {
-          if (!u2)
-            throw Error("try statement without catch or finally");
-          if (this.prev < i2.finallyLoc)
-            return handle(i2.finallyLoc);
+          if (!u2) throw Error("try statement without catch or finally");
+          if (this.prev < i2.finallyLoc) return handle(i2.finallyLoc);
         }
       }
     }
@@ -252,14 +224,12 @@ function _regeneratorRuntime() {
     var a2 = i2 ? i2.completion : {};
     return a2.type = t2, a2.arg = e2, i2 ? (this.method = "next", this.next = i2.finallyLoc, y) : this.complete(a2);
   }, complete: function complete(t2, e2) {
-    if ("throw" === t2.type)
-      throw t2.arg;
+    if ("throw" === t2.type) throw t2.arg;
     return "break" === t2.type || "continue" === t2.type ? this.next = t2.arg : "return" === t2.type ? (this.rval = this.arg = t2.arg, this.method = "return", this.next = "end") : "normal" === t2.type && e2 && (this.next = e2), y;
   }, finish: function finish(t2) {
     for (var e2 = this.tryEntries.length - 1; e2 >= 0; --e2) {
       var r2 = this.tryEntries[e2];
-      if (r2.finallyLoc === t2)
-        return this.complete(r2.completion, r2.afterLoc), resetTryEntry(r2), y;
+      if (r2.finallyLoc === t2) return this.complete(r2.completion, r2.afterLoc), resetTryEntry(r2), y;
     }
   }, catch: function _catch(t2) {
     for (var e2 = this.tryEntries.length - 1; e2 >= 0; --e2) {
@@ -305,8 +275,7 @@ function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
-      for (var r in t)
-        ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
   }, _extends.apply(null, arguments);
@@ -386,8 +355,7 @@ function getSideList(side, isStart, rtl) {
   switch (side) {
     case "top":
     case "bottom":
-      if (rtl)
-        return isStart ? rl : lr;
+      if (rtl) return isStart ? rl : lr;
       return isStart ? lr : rl;
     case "left":
     case "right":
@@ -497,116 +465,115 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
 }
 var computePosition$1 = /* @__PURE__ */ function() {
   var _ref2 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee(reference, floating, config) {
-    var _config$placement, placement, _config$strategy, strategy, _config$middleware, middleware, platform2, validMiddleware, rtl, rects, _computeCoordsFromPla, x, y, statefulPlacement, middlewareData, resetCount, i, _extends2, _validMiddleware$i2, name, fn, _yield$fn2, nextX, nextY, data, reset, _computeCoordsFromPla2;
+    var _config$placement, placement, _config$strategy, strategy, _config$middleware, middleware, platform2, validMiddleware, rtl, rects, _computeCoordsFromPla, x, y, statefulPlacement, middlewareData, resetCount, i, _extends2, _validMiddleware$i, name, fn, _yield$fn, nextX, nextY, data, reset, _computeCoordsFromPla2;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1)
-        switch (_context.prev = _context.next) {
-          case 0:
-            _config$placement = config.placement, placement = _config$placement === void 0 ? "bottom" : _config$placement, _config$strategy = config.strategy, strategy = _config$strategy === void 0 ? "absolute" : _config$strategy, _config$middleware = config.middleware, middleware = _config$middleware === void 0 ? [] : _config$middleware, platform2 = config.platform;
-            validMiddleware = middleware.filter(Boolean);
-            _context.next = 4;
-            return platform2.isRTL == null ? void 0 : platform2.isRTL(floating);
-          case 4:
-            rtl = _context.sent;
-            _context.next = 7;
-            return platform2.getElementRects({
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _config$placement = config.placement, placement = _config$placement === void 0 ? "bottom" : _config$placement, _config$strategy = config.strategy, strategy = _config$strategy === void 0 ? "absolute" : _config$strategy, _config$middleware = config.middleware, middleware = _config$middleware === void 0 ? [] : _config$middleware, platform2 = config.platform;
+          validMiddleware = middleware.filter(Boolean);
+          _context.next = 4;
+          return platform2.isRTL == null ? void 0 : platform2.isRTL(floating);
+        case 4:
+          rtl = _context.sent;
+          _context.next = 7;
+          return platform2.getElementRects({
+            reference,
+            floating,
+            strategy
+          });
+        case 7:
+          rects = _context.sent;
+          _computeCoordsFromPla = computeCoordsFromPlacement(rects, placement, rtl), x = _computeCoordsFromPla.x, y = _computeCoordsFromPla.y;
+          statefulPlacement = placement;
+          middlewareData = {};
+          resetCount = 0;
+          i = 0;
+        case 13:
+          if (!(i < validMiddleware.length)) {
+            _context.next = 45;
+            break;
+          }
+          _validMiddleware$i = validMiddleware[i], name = _validMiddleware$i.name, fn = _validMiddleware$i.fn;
+          _context.next = 17;
+          return fn({
+            x,
+            y,
+            initialPlacement: placement,
+            placement: statefulPlacement,
+            strategy,
+            middlewareData,
+            rects,
+            platform: platform2,
+            elements: {
               reference,
-              floating,
-              strategy
-            });
-          case 7:
-            rects = _context.sent;
-            _computeCoordsFromPla = computeCoordsFromPlacement(rects, placement, rtl), x = _computeCoordsFromPla.x, y = _computeCoordsFromPla.y;
-            statefulPlacement = placement;
-            middlewareData = {};
-            resetCount = 0;
-            i = 0;
-          case 13:
-            if (!(i < validMiddleware.length)) {
-              _context.next = 45;
-              break;
-            }
-            _validMiddleware$i2 = validMiddleware[i], name = _validMiddleware$i2.name, fn = _validMiddleware$i2.fn;
-            _context.next = 17;
-            return fn({
-              x,
-              y,
-              initialPlacement: placement,
-              placement: statefulPlacement,
-              strategy,
-              middlewareData,
-              rects,
-              platform: platform2,
-              elements: {
-                reference,
-                floating
-              }
-            });
-          case 17:
-            _yield$fn2 = _context.sent;
-            nextX = _yield$fn2.x;
-            nextY = _yield$fn2.y;
-            data = _yield$fn2.data;
-            reset = _yield$fn2.reset;
-            x = nextX != null ? nextX : x;
-            y = nextY != null ? nextY : y;
-            middlewareData = _extends({}, middlewareData, (_extends2 = {}, _extends2[name] = _extends({}, middlewareData[name], data), _extends2));
-            if (!(reset && resetCount <= 50)) {
-              _context.next = 42;
-              break;
-            }
-            resetCount++;
-            if (!(typeof reset === "object")) {
-              _context.next = 41;
-              break;
-            }
-            if (reset.placement) {
-              statefulPlacement = reset.placement;
-            }
-            if (!reset.rects) {
-              _context.next = 38;
-              break;
-            }
-            if (!(reset.rects === true)) {
-              _context.next = 36;
-              break;
+              floating
             }
-            _context.next = 33;
-            return platform2.getElementRects({
-              reference,
-              floating,
-              strategy
-            });
-          case 33:
-            _context.t0 = _context.sent;
-            _context.next = 37;
+          });
+        case 17:
+          _yield$fn = _context.sent;
+          nextX = _yield$fn.x;
+          nextY = _yield$fn.y;
+          data = _yield$fn.data;
+          reset = _yield$fn.reset;
+          x = nextX != null ? nextX : x;
+          y = nextY != null ? nextY : y;
+          middlewareData = _extends({}, middlewareData, (_extends2 = {}, _extends2[name] = _extends({}, middlewareData[name], data), _extends2));
+          if (!(reset && resetCount <= 50)) {
+            _context.next = 42;
             break;
-          case 36:
-            _context.t0 = reset.rects;
-          case 37:
-            rects = _context.t0;
-          case 38:
-            _computeCoordsFromPla2 = computeCoordsFromPlacement(rects, statefulPlacement, rtl);
-            x = _computeCoordsFromPla2.x;
-            y = _computeCoordsFromPla2.y;
-          case 41:
-            i = -1;
-          case 42:
-            i++;
-            _context.next = 13;
+          }
+          resetCount++;
+          if (!(typeof reset === "object")) {
+            _context.next = 41;
             break;
-          case 45:
-            return _context.abrupt("return", {
-              x,
-              y,
-              placement: statefulPlacement,
-              strategy,
-              middlewareData
-            });
-          case 46:
-          case "end":
-            return _context.stop();
-        }
+          }
+          if (reset.placement) {
+            statefulPlacement = reset.placement;
+          }
+          if (!reset.rects) {
+            _context.next = 38;
+            break;
+          }
+          if (!(reset.rects === true)) {
+            _context.next = 36;
+            break;
+          }
+          _context.next = 33;
+          return platform2.getElementRects({
+            reference,
+            floating,
+            strategy
+          });
+        case 33:
+          _context.t0 = _context.sent;
+          _context.next = 37;
+          break;
+        case 36:
+          _context.t0 = reset.rects;
+        case 37:
+          rects = _context.t0;
+        case 38:
+          _computeCoordsFromPla2 = computeCoordsFromPlacement(rects, statefulPlacement, rtl);
+          x = _computeCoordsFromPla2.x;
+          y = _computeCoordsFromPla2.y;
+        case 41:
+          i = -1;
+        case 42:
+          i++;
+          _context.next = 13;
+          break;
+        case 45:
+          return _context.abrupt("return", {
+            x,
+            y,
+            placement: statefulPlacement,
+            strategy,
+            middlewareData
+          });
+        case 46:
+        case "end":
+          return _context.stop();
+      }
     }, _callee);
   }));
   return function computePosition$12(_x, _x2, _x3) {
@@ -620,139 +587,138 @@ function _detectOverflow() {
   _detectOverflow = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee8(state, options) {
     var _await$platform$isEle, x, y, platform2, rects, elements, strategy, _evaluate5, _evaluate5$boundary, boundary, _evaluate5$rootBounda, rootBoundary, _evaluate5$elementCon, elementContext, _evaluate5$altBoundar, altBoundary, _evaluate5$padding, padding, paddingObject, altContext, element, clippingClientRect, rect, offsetParent, offsetScale, elementClientRect;
     return _regeneratorRuntime().wrap(function _callee8$(_context8) {
-      while (1)
-        switch (_context8.prev = _context8.next) {
-          case 0:
-            if (options === void 0) {
-              options = {};
-            }
-            x = state.x, y = state.y, platform2 = state.platform, rects = state.rects, elements = state.elements, strategy = state.strategy;
-            _evaluate5 = evaluate(options, state), _evaluate5$boundary = _evaluate5.boundary, boundary = _evaluate5$boundary === void 0 ? "clippingAncestors" : _evaluate5$boundary, _evaluate5$rootBounda = _evaluate5.rootBoundary, rootBoundary = _evaluate5$rootBounda === void 0 ? "viewport" : _evaluate5$rootBounda, _evaluate5$elementCon = _evaluate5.elementContext, elementContext = _evaluate5$elementCon === void 0 ? "floating" : _evaluate5$elementCon, _evaluate5$altBoundar = _evaluate5.altBoundary, altBoundary = _evaluate5$altBoundar === void 0 ? false : _evaluate5$altBoundar, _evaluate5$padding = _evaluate5.padding, padding = _evaluate5$padding === void 0 ? 0 : _evaluate5$padding;
-            paddingObject = getPaddingObject(padding);
-            altContext = elementContext === "floating" ? "reference" : "floating";
-            element = elements[altBoundary ? altContext : elementContext];
-            _context8.t0 = rectToClientRect;
-            _context8.t1 = platform2;
-            _context8.next = 10;
-            return platform2.isElement == null ? void 0 : platform2.isElement(element);
-          case 10:
-            _context8.t2 = _await$platform$isEle = _context8.sent;
-            if (!(_context8.t2 != null)) {
-              _context8.next = 15;
-              break;
-            }
-            _context8.t3 = _await$platform$isEle;
-            _context8.next = 16;
+      while (1) switch (_context8.prev = _context8.next) {
+        case 0:
+          if (options === void 0) {
+            options = {};
+          }
+          x = state.x, y = state.y, platform2 = state.platform, rects = state.rects, elements = state.elements, strategy = state.strategy;
+          _evaluate5 = evaluate(options, state), _evaluate5$boundary = _evaluate5.boundary, boundary = _evaluate5$boundary === void 0 ? "clippingAncestors" : _evaluate5$boundary, _evaluate5$rootBounda = _evaluate5.rootBoundary, rootBoundary = _evaluate5$rootBounda === void 0 ? "viewport" : _evaluate5$rootBounda, _evaluate5$elementCon = _evaluate5.elementContext, elementContext = _evaluate5$elementCon === void 0 ? "floating" : _evaluate5$elementCon, _evaluate5$altBoundar = _evaluate5.altBoundary, altBoundary = _evaluate5$altBoundar === void 0 ? false : _evaluate5$altBoundar, _evaluate5$padding = _evaluate5.padding, padding = _evaluate5$padding === void 0 ? 0 : _evaluate5$padding;
+          paddingObject = getPaddingObject(padding);
+          altContext = elementContext === "floating" ? "reference" : "floating";
+          element = elements[altBoundary ? altContext : elementContext];
+          _context8.t0 = rectToClientRect;
+          _context8.t1 = platform2;
+          _context8.next = 10;
+          return platform2.isElement == null ? void 0 : platform2.isElement(element);
+        case 10:
+          _context8.t2 = _await$platform$isEle = _context8.sent;
+          if (!(_context8.t2 != null)) {
+            _context8.next = 15;
             break;
-          case 15:
-            _context8.t3 = true;
-          case 16:
-            if (!_context8.t3) {
-              _context8.next = 20;
-              break;
-            }
-            _context8.t4 = element;
-            _context8.next = 26;
+          }
+          _context8.t3 = _await$platform$isEle;
+          _context8.next = 16;
+          break;
+        case 15:
+          _context8.t3 = true;
+        case 16:
+          if (!_context8.t3) {
+            _context8.next = 20;
             break;
-          case 20:
-            _context8.t5 = element.contextElement;
-            if (_context8.t5) {
-              _context8.next = 25;
-              break;
-            }
-            _context8.next = 24;
-            return platform2.getDocumentElement == null ? void 0 : platform2.getDocumentElement(elements.floating);
-          case 24:
-            _context8.t5 = _context8.sent;
-          case 25:
-            _context8.t4 = _context8.t5;
-          case 26:
-            _context8.t6 = _context8.t4;
-            _context8.t7 = boundary;
-            _context8.t8 = rootBoundary;
-            _context8.t9 = strategy;
-            _context8.t10 = {
-              element: _context8.t6,
-              boundary: _context8.t7,
-              rootBoundary: _context8.t8,
-              strategy: _context8.t9
-            };
-            _context8.next = 33;
-            return _context8.t1.getClippingRect.call(_context8.t1, _context8.t10);
-          case 33:
-            _context8.t11 = _context8.sent;
-            clippingClientRect = (0, _context8.t0)(_context8.t11);
-            rect = elementContext === "floating" ? {
-              x,
-              y,
-              width: rects.floating.width,
-              height: rects.floating.height
-            } : rects.reference;
-            _context8.next = 38;
-            return platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating);
-          case 38:
-            offsetParent = _context8.sent;
-            _context8.next = 41;
-            return platform2.isElement == null ? void 0 : platform2.isElement(offsetParent);
-          case 41:
-            if (!_context8.sent) {
-              _context8.next = 50;
-              break;
-            }
-            _context8.next = 44;
-            return platform2.getScale == null ? void 0 : platform2.getScale(offsetParent);
-          case 44:
-            _context8.t13 = _context8.sent;
-            if (_context8.t13) {
-              _context8.next = 47;
-              break;
-            }
-            _context8.t13 = {
-              x: 1,
-              y: 1
-            };
-          case 47:
-            _context8.t12 = _context8.t13;
-            _context8.next = 51;
+          }
+          _context8.t4 = element;
+          _context8.next = 26;
+          break;
+        case 20:
+          _context8.t5 = element.contextElement;
+          if (_context8.t5) {
+            _context8.next = 25;
             break;
-          case 50:
-            _context8.t12 = {
-              x: 1,
-              y: 1
-            };
-          case 51:
-            offsetScale = _context8.t12;
-            _context8.t14 = rectToClientRect;
-            if (!platform2.convertOffsetParentRelativeRectToViewportRelativeRect) {
-              _context8.next = 59;
-              break;
-            }
-            _context8.next = 56;
-            return platform2.convertOffsetParentRelativeRectToViewportRelativeRect({
-              elements,
-              rect,
-              offsetParent,
-              strategy
-            });
-          case 56:
-            _context8.t15 = _context8.sent;
-            _context8.next = 60;
+          }
+          _context8.next = 24;
+          return platform2.getDocumentElement == null ? void 0 : platform2.getDocumentElement(elements.floating);
+        case 24:
+          _context8.t5 = _context8.sent;
+        case 25:
+          _context8.t4 = _context8.t5;
+        case 26:
+          _context8.t6 = _context8.t4;
+          _context8.t7 = boundary;
+          _context8.t8 = rootBoundary;
+          _context8.t9 = strategy;
+          _context8.t10 = {
+            element: _context8.t6,
+            boundary: _context8.t7,
+            rootBoundary: _context8.t8,
+            strategy: _context8.t9
+          };
+          _context8.next = 33;
+          return _context8.t1.getClippingRect.call(_context8.t1, _context8.t10);
+        case 33:
+          _context8.t11 = _context8.sent;
+          clippingClientRect = (0, _context8.t0)(_context8.t11);
+          rect = elementContext === "floating" ? {
+            x,
+            y,
+            width: rects.floating.width,
+            height: rects.floating.height
+          } : rects.reference;
+          _context8.next = 38;
+          return platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating);
+        case 38:
+          offsetParent = _context8.sent;
+          _context8.next = 41;
+          return platform2.isElement == null ? void 0 : platform2.isElement(offsetParent);
+        case 41:
+          if (!_context8.sent) {
+            _context8.next = 50;
             break;
-          case 59:
-            _context8.t15 = rect;
-          case 60:
-            _context8.t16 = _context8.t15;
-            elementClientRect = (0, _context8.t14)(_context8.t16);
-            return _context8.abrupt("return", {
-              top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
-              bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
-              left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
-              right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
-            });
-          case 63:
-          case "end":
-            return _context8.stop();
-        }
+          }
+          _context8.next = 44;
+          return platform2.getScale == null ? void 0 : platform2.getScale(offsetParent);
+        case 44:
+          _context8.t13 = _context8.sent;
+          if (_context8.t13) {
+            _context8.next = 47;
+            break;
+          }
+          _context8.t13 = {
+            x: 1,
+            y: 1
+          };
+        case 47:
+          _context8.t12 = _context8.t13;
+          _context8.next = 51;
+          break;
+        case 50:
+          _context8.t12 = {
+            x: 1,
+            y: 1
+          };
+        case 51:
+          offsetScale = _context8.t12;
+          _context8.t14 = rectToClientRect;
+          if (!platform2.convertOffsetParentRelativeRectToViewportRelativeRect) {
+            _context8.next = 59;
+            break;
+          }
+          _context8.next = 56;
+          return platform2.convertOffsetParentRelativeRectToViewportRelativeRect({
+            elements,
+            rect,
+            offsetParent,
+            strategy
+          });
+        case 56:
+          _context8.t15 = _context8.sent;
+          _context8.next = 60;
+          break;
+        case 59:
+          _context8.t15 = rect;
+        case 60:
+          _context8.t16 = _context8.t15;
+          elementClientRect = (0, _context8.t14)(_context8.t16);
+          return _context8.abrupt("return", {
+            top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
+            bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
+            left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
+            right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
+          });
+        case 63:
+        case "end":
+          return _context8.stop();
+      }
     }, _callee8);
   }));
   return _detectOverflow.apply(this, arguments);
@@ -766,72 +732,71 @@ var arrow$1 = function arrow$12(options) {
         var _extends3, _ref4;
         var x, y, placement, rects, platform2, elements, middlewareData, _ref3, element, _ref3$padding, padding, paddingObject, coords, axis, length, arrowDimensions, isYAxis, minProp, maxProp, clientProp, endDiff, startDiff, arrowOffsetParent, clientSize, centerToReference, largestPossiblePadding, minPadding, maxPadding, min$1, max2, center, offset2, shouldAddOffset, alignmentOffset;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1)
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                x = state.x, y = state.y, placement = state.placement, rects = state.rects, platform2 = state.platform, elements = state.elements, middlewareData = state.middlewareData;
-                _ref3 = evaluate(options, state) || {}, element = _ref3.element, _ref3$padding = _ref3.padding, padding = _ref3$padding === void 0 ? 0 : _ref3$padding;
-                if (!(element == null)) {
-                  _context2.next = 4;
-                  break;
-                }
-                return _context2.abrupt("return", {});
-              case 4:
-                paddingObject = getPaddingObject(padding);
-                coords = {
-                  x,
-                  y
-                };
-                axis = getAlignmentAxis(placement);
-                length = getAxisLength(axis);
-                _context2.next = 10;
-                return platform2.getDimensions(element);
-              case 10:
-                arrowDimensions = _context2.sent;
-                isYAxis = axis === "y";
-                minProp = isYAxis ? "top" : "left";
-                maxProp = isYAxis ? "bottom" : "right";
-                clientProp = isYAxis ? "clientHeight" : "clientWidth";
-                endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length];
-                startDiff = coords[axis] - rects.reference[axis];
-                _context2.next = 19;
-                return platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(element);
-              case 19:
-                arrowOffsetParent = _context2.sent;
-                clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;
-                _context2.t0 = !clientSize;
-                if (_context2.t0) {
-                  _context2.next = 26;
-                  break;
-                }
-                _context2.next = 25;
-                return platform2.isElement == null ? void 0 : platform2.isElement(arrowOffsetParent);
-              case 25:
-                _context2.t0 = !_context2.sent;
-              case 26:
-                if (!_context2.t0) {
-                  _context2.next = 28;
-                  break;
-                }
-                clientSize = elements.floating[clientProp] || rects.floating[length];
-              case 28:
-                centerToReference = endDiff / 2 - startDiff / 2;
-                largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1;
-                minPadding = min(paddingObject[minProp], largestPossiblePadding);
-                maxPadding = min(paddingObject[maxProp], largestPossiblePadding);
-                min$1 = minPadding;
-                max2 = clientSize - arrowDimensions[length] - maxPadding;
-                center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
-                offset2 = clamp(min$1, center, max2);
-                shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset2 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
-                alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max2 : 0;
-                return _context2.abrupt("return", (_ref4 = {}, _ref4[axis] = coords[axis] + alignmentOffset, _ref4.data = _extends((_extends3 = {}, _extends3[axis] = offset2, _extends3.centerOffset = center - offset2 - alignmentOffset, _extends3), shouldAddOffset && {
-                  alignmentOffset
-                }), _ref4.reset = shouldAddOffset, _ref4));
-              case 39:
-              case "end":
-                return _context2.stop();
-            }
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              x = state.x, y = state.y, placement = state.placement, rects = state.rects, platform2 = state.platform, elements = state.elements, middlewareData = state.middlewareData;
+              _ref3 = evaluate(options, state) || {}, element = _ref3.element, _ref3$padding = _ref3.padding, padding = _ref3$padding === void 0 ? 0 : _ref3$padding;
+              if (!(element == null)) {
+                _context2.next = 4;
+                break;
+              }
+              return _context2.abrupt("return", {});
+            case 4:
+              paddingObject = getPaddingObject(padding);
+              coords = {
+                x,
+                y
+              };
+              axis = getAlignmentAxis(placement);
+              length = getAxisLength(axis);
+              _context2.next = 10;
+              return platform2.getDimensions(element);
+            case 10:
+              arrowDimensions = _context2.sent;
+              isYAxis = axis === "y";
+              minProp = isYAxis ? "top" : "left";
+              maxProp = isYAxis ? "bottom" : "right";
+              clientProp = isYAxis ? "clientHeight" : "clientWidth";
+              endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length];
+              startDiff = coords[axis] - rects.reference[axis];
+              _context2.next = 19;
+              return platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(element);
+            case 19:
+              arrowOffsetParent = _context2.sent;
+              clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;
+              _context2.t0 = !clientSize;
+              if (_context2.t0) {
+                _context2.next = 26;
+                break;
+              }
+              _context2.next = 25;
+              return platform2.isElement == null ? void 0 : platform2.isElement(arrowOffsetParent);
+            case 25:
+              _context2.t0 = !_context2.sent;
+            case 26:
+              if (!_context2.t0) {
+                _context2.next = 28;
+                break;
+              }
+              clientSize = elements.floating[clientProp] || rects.floating[length];
+            case 28:
+              centerToReference = endDiff / 2 - startDiff / 2;
+              largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1;
+              minPadding = min(paddingObject[minProp], largestPossiblePadding);
+              maxPadding = min(paddingObject[maxProp], largestPossiblePadding);
+              min$1 = minPadding;
+              max2 = clientSize - arrowDimensions[length] - maxPadding;
+              center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
+              offset2 = clamp(min$1, center, max2);
+              shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset2 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
+              alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max2 : 0;
+              return _context2.abrupt("return", (_ref4 = {}, _ref4[axis] = coords[axis] + alignmentOffset, _ref4.data = _extends((_extends3 = {}, _extends3[axis] = offset2, _extends3.centerOffset = center - offset2 - alignmentOffset, _extends3), shouldAddOffset && {
+                alignmentOffset
+              }), _ref4.reset = shouldAddOffset, _ref4));
+            case 39:
+            case "end":
+              return _context2.stop();
+          }
         }, _callee2);
       }))();
     }
@@ -848,122 +813,121 @@ var flip$1 = function flip$12(options) {
       return _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee3() {
         var _middlewareData$arrow, _middlewareData$flip, placement, middlewareData, rects, initialPlacement, platform2, elements, _evaluate, _evaluate$mainAxis, checkMainAxis, _evaluate$crossAxis, checkCrossAxis, specifiedFallbackPlacements, _evaluate$fallbackStr, fallbackStrategy, _evaluate$fallbackAxi, fallbackAxisSideDirection, _evaluate$flipAlignme, flipAlignment, detectOverflowOptions, side, initialSideAxis, isBasePlacement, rtl, fallbackPlacements, hasFallbackAxisSideDirection, placements, overflow, overflows, overflowsData, _sides, _middlewareData$flip2, _overflowsData$filter, nextIndex, nextPlacement, resetPlacement, _overflowsData$filter2, _placement;
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1)
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                placement = state.placement, middlewareData = state.middlewareData, rects = state.rects, initialPlacement = state.initialPlacement, platform2 = state.platform, elements = state.elements;
-                _evaluate = evaluate(options, state), _evaluate$mainAxis = _evaluate.mainAxis, checkMainAxis = _evaluate$mainAxis === void 0 ? true : _evaluate$mainAxis, _evaluate$crossAxis = _evaluate.crossAxis, checkCrossAxis = _evaluate$crossAxis === void 0 ? true : _evaluate$crossAxis, specifiedFallbackPlacements = _evaluate.fallbackPlacements, _evaluate$fallbackStr = _evaluate.fallbackStrategy, fallbackStrategy = _evaluate$fallbackStr === void 0 ? "bestFit" : _evaluate$fallbackStr, _evaluate$fallbackAxi = _evaluate.fallbackAxisSideDirection, fallbackAxisSideDirection = _evaluate$fallbackAxi === void 0 ? "none" : _evaluate$fallbackAxi, _evaluate$flipAlignme = _evaluate.flipAlignment, flipAlignment = _evaluate$flipAlignme === void 0 ? true : _evaluate$flipAlignme, detectOverflowOptions = _objectWithoutPropertiesLoose(_evaluate, _excluded);
-                if (!((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset)) {
-                  _context3.next = 4;
-                  break;
-                }
-                return _context3.abrupt("return", {});
-              case 4:
-                side = getSide(placement);
-                initialSideAxis = getSideAxis(initialPlacement);
-                isBasePlacement = getSide(initialPlacement) === initialPlacement;
-                _context3.next = 9;
-                return platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating);
-              case 9:
-                rtl = _context3.sent;
-                fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
-                hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
-                if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
-                  fallbackPlacements.push.apply(fallbackPlacements, getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
-                }
-                placements = [initialPlacement].concat(fallbackPlacements);
-                _context3.next = 16;
-                return detectOverflow(state, detectOverflowOptions);
-              case 16:
-                overflow = _context3.sent;
-                overflows = [];
-                overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
-                if (checkMainAxis) {
-                  overflows.push(overflow[side]);
-                }
-                if (checkCrossAxis) {
-                  _sides = getAlignmentSides(placement, rects, rtl);
-                  overflows.push(overflow[_sides[0]], overflow[_sides[1]]);
-                }
-                overflowsData = [].concat(overflowsData, [{
-                  placement,
-                  overflows
-                }]);
-                if (overflows.every(function(side2) {
-                  return side2 <= 0;
-                })) {
-                  _context3.next = 39;
-                  break;
-                }
-                nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
-                nextPlacement = placements[nextIndex];
-                if (!nextPlacement) {
-                  _context3.next = 27;
-                  break;
-                }
-                return _context3.abrupt("return", {
-                  data: {
-                    index: nextIndex,
-                    overflows: overflowsData
-                  },
-                  reset: {
-                    placement: nextPlacement
-                  }
-                });
-              case 27:
-                resetPlacement = (_overflowsData$filter = overflowsData.filter(function(d) {
-                  return d.overflows[0] <= 0;
-                }).sort(function(a, b) {
-                  return a.overflows[1] - b.overflows[1];
-                })[0]) == null ? void 0 : _overflowsData$filter.placement;
-                if (resetPlacement) {
-                  _context3.next = 37;
-                  break;
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              placement = state.placement, middlewareData = state.middlewareData, rects = state.rects, initialPlacement = state.initialPlacement, platform2 = state.platform, elements = state.elements;
+              _evaluate = evaluate(options, state), _evaluate$mainAxis = _evaluate.mainAxis, checkMainAxis = _evaluate$mainAxis === void 0 ? true : _evaluate$mainAxis, _evaluate$crossAxis = _evaluate.crossAxis, checkCrossAxis = _evaluate$crossAxis === void 0 ? true : _evaluate$crossAxis, specifiedFallbackPlacements = _evaluate.fallbackPlacements, _evaluate$fallbackStr = _evaluate.fallbackStrategy, fallbackStrategy = _evaluate$fallbackStr === void 0 ? "bestFit" : _evaluate$fallbackStr, _evaluate$fallbackAxi = _evaluate.fallbackAxisSideDirection, fallbackAxisSideDirection = _evaluate$fallbackAxi === void 0 ? "none" : _evaluate$fallbackAxi, _evaluate$flipAlignme = _evaluate.flipAlignment, flipAlignment = _evaluate$flipAlignme === void 0 ? true : _evaluate$flipAlignme, detectOverflowOptions = _objectWithoutPropertiesLoose(_evaluate, _excluded);
+              if (!((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset)) {
+                _context3.next = 4;
+                break;
+              }
+              return _context3.abrupt("return", {});
+            case 4:
+              side = getSide(placement);
+              initialSideAxis = getSideAxis(initialPlacement);
+              isBasePlacement = getSide(initialPlacement) === initialPlacement;
+              _context3.next = 9;
+              return platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating);
+            case 9:
+              rtl = _context3.sent;
+              fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
+              hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
+              if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
+                fallbackPlacements.push.apply(fallbackPlacements, getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
+              }
+              placements = [initialPlacement].concat(fallbackPlacements);
+              _context3.next = 16;
+              return detectOverflow(state, detectOverflowOptions);
+            case 16:
+              overflow = _context3.sent;
+              overflows = [];
+              overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
+              if (checkMainAxis) {
+                overflows.push(overflow[side]);
+              }
+              if (checkCrossAxis) {
+                _sides = getAlignmentSides(placement, rects, rtl);
+                overflows.push(overflow[_sides[0]], overflow[_sides[1]]);
+              }
+              overflowsData = [].concat(overflowsData, [{
+                placement,
+                overflows
+              }]);
+              if (overflows.every(function(side2) {
+                return side2 <= 0;
+              })) {
+                _context3.next = 39;
+                break;
+              }
+              nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
+              nextPlacement = placements[nextIndex];
+              if (!nextPlacement) {
+                _context3.next = 27;
+                break;
+              }
+              return _context3.abrupt("return", {
+                data: {
+                  index: nextIndex,
+                  overflows: overflowsData
+                },
+                reset: {
+                  placement: nextPlacement
                 }
-                _context3.t0 = fallbackStrategy;
-                _context3.next = _context3.t0 === "bestFit" ? 32 : _context3.t0 === "initialPlacement" ? 35 : 37;
+              });
+            case 27:
+              resetPlacement = (_overflowsData$filter = overflowsData.filter(function(d) {
+                return d.overflows[0] <= 0;
+              }).sort(function(a, b) {
+                return a.overflows[1] - b.overflows[1];
+              })[0]) == null ? void 0 : _overflowsData$filter.placement;
+              if (resetPlacement) {
+                _context3.next = 37;
                 break;
-              case 32:
-                _placement = (_overflowsData$filter2 = overflowsData.filter(function(d) {
-                  if (hasFallbackAxisSideDirection) {
-                    var currentSideAxis = getSideAxis(d.placement);
-                    return currentSideAxis === initialSideAxis || // Create a bias to the `y` side axis due to horizontal
-                    // reading directions favoring greater width.
-                    currentSideAxis === "y";
-                  }
-                  return true;
-                }).map(function(d) {
-                  return [d.placement, d.overflows.filter(function(overflow2) {
-                    return overflow2 > 0;
-                  }).reduce(function(acc, overflow2) {
-                    return acc + overflow2;
-                  }, 0)];
-                }).sort(function(a, b) {
-                  return a[1] - b[1];
-                })[0]) == null ? void 0 : _overflowsData$filter2[0];
-                if (_placement) {
-                  resetPlacement = _placement;
+              }
+              _context3.t0 = fallbackStrategy;
+              _context3.next = _context3.t0 === "bestFit" ? 32 : _context3.t0 === "initialPlacement" ? 35 : 37;
+              break;
+            case 32:
+              _placement = (_overflowsData$filter2 = overflowsData.filter(function(d) {
+                if (hasFallbackAxisSideDirection) {
+                  var currentSideAxis = getSideAxis(d.placement);
+                  return currentSideAxis === initialSideAxis || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  currentSideAxis === "y";
                 }
-                return _context3.abrupt("break", 37);
-              case 35:
-                resetPlacement = initialPlacement;
-                return _context3.abrupt("break", 37);
-              case 37:
-                if (!(placement !== resetPlacement)) {
-                  _context3.next = 39;
-                  break;
+                return true;
+              }).map(function(d) {
+                return [d.placement, d.overflows.filter(function(overflow2) {
+                  return overflow2 > 0;
+                }).reduce(function(acc, overflow2) {
+                  return acc + overflow2;
+                }, 0)];
+              }).sort(function(a, b) {
+                return a[1] - b[1];
+              })[0]) == null ? void 0 : _overflowsData$filter2[0];
+              if (_placement) {
+                resetPlacement = _placement;
+              }
+              return _context3.abrupt("break", 37);
+            case 35:
+              resetPlacement = initialPlacement;
+              return _context3.abrupt("break", 37);
+            case 37:
+              if (!(placement !== resetPlacement)) {
+                _context3.next = 39;
+                break;
+              }
+              return _context3.abrupt("return", {
+                reset: {
+                  placement: resetPlacement
                 }
-                return _context3.abrupt("return", {
-                  reset: {
-                    placement: resetPlacement
-                  }
-                });
-              case 39:
-                return _context3.abrupt("return", {});
-              case 40:
-              case "end":
-                return _context3.stop();
-            }
+              });
+            case 39:
+              return _context3.abrupt("return", {});
+            case 40:
+            case "end":
+              return _context3.stop();
+          }
         }, _callee3);
       }))();
     }
@@ -993,48 +957,47 @@ var hide$1 = function hide$12(options) {
       return _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee4() {
         var rects, _evaluate2, _evaluate2$strategy, strategy, detectOverflowOptions, overflow, offsets, _overflow, _offsets;
         return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-          while (1)
-            switch (_context4.prev = _context4.next) {
-              case 0:
-                rects = state.rects;
-                _evaluate2 = evaluate(options, state), _evaluate2$strategy = _evaluate2.strategy, strategy = _evaluate2$strategy === void 0 ? "referenceHidden" : _evaluate2$strategy, detectOverflowOptions = _objectWithoutPropertiesLoose(_evaluate2, _excluded2);
-                _context4.t0 = strategy;
-                _context4.next = _context4.t0 === "referenceHidden" ? 5 : _context4.t0 === "escaped" ? 10 : 15;
-                break;
-              case 5:
-                _context4.next = 7;
-                return detectOverflow(state, _extends({}, detectOverflowOptions, {
-                  elementContext: "reference"
-                }));
-              case 7:
-                overflow = _context4.sent;
-                offsets = getSideOffsets(overflow, rects.reference);
-                return _context4.abrupt("return", {
-                  data: {
-                    referenceHiddenOffsets: offsets,
-                    referenceHidden: isAnySideFullyClipped(offsets)
-                  }
-                });
-              case 10:
-                _context4.next = 12;
-                return detectOverflow(state, _extends({}, detectOverflowOptions, {
-                  altBoundary: true
-                }));
-              case 12:
-                _overflow = _context4.sent;
-                _offsets = getSideOffsets(_overflow, rects.floating);
-                return _context4.abrupt("return", {
-                  data: {
-                    escapedOffsets: _offsets,
-                    escaped: isAnySideFullyClipped(_offsets)
-                  }
-                });
-              case 15:
-                return _context4.abrupt("return", {});
-              case 16:
-              case "end":
-                return _context4.stop();
-            }
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              rects = state.rects;
+              _evaluate2 = evaluate(options, state), _evaluate2$strategy = _evaluate2.strategy, strategy = _evaluate2$strategy === void 0 ? "referenceHidden" : _evaluate2$strategy, detectOverflowOptions = _objectWithoutPropertiesLoose(_evaluate2, _excluded2);
+              _context4.t0 = strategy;
+              _context4.next = _context4.t0 === "referenceHidden" ? 5 : _context4.t0 === "escaped" ? 10 : 15;
+              break;
+            case 5:
+              _context4.next = 7;
+              return detectOverflow(state, _extends({}, detectOverflowOptions, {
+                elementContext: "reference"
+              }));
+            case 7:
+              overflow = _context4.sent;
+              offsets = getSideOffsets(overflow, rects.reference);
+              return _context4.abrupt("return", {
+                data: {
+                  referenceHiddenOffsets: offsets,
+                  referenceHidden: isAnySideFullyClipped(offsets)
+                }
+              });
+            case 10:
+              _context4.next = 12;
+              return detectOverflow(state, _extends({}, detectOverflowOptions, {
+                altBoundary: true
+              }));
+            case 12:
+              _overflow = _context4.sent;
+              _offsets = getSideOffsets(_overflow, rects.floating);
+              return _context4.abrupt("return", {
+                data: {
+                  escapedOffsets: _offsets,
+                  escaped: isAnySideFullyClipped(_offsets)
+                }
+              });
+            case 15:
+              return _context4.abrupt("return", {});
+            case 16:
+            case "end":
+              return _context4.stop();
+          }
         }, _callee4);
       }))();
     }
@@ -1047,43 +1010,42 @@ function _convertValueToCoords() {
   _convertValueToCoords = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee9(state, options) {
     var placement, platform2, elements, rtl, side, alignment, isVertical, mainAxisMulti, crossAxisMulti, rawValue, _ref7, mainAxis, crossAxis, alignmentAxis;
     return _regeneratorRuntime().wrap(function _callee9$(_context9) {
-      while (1)
-        switch (_context9.prev = _context9.next) {
-          case 0:
-            placement = state.placement, platform2 = state.platform, elements = state.elements;
-            _context9.next = 3;
-            return platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating);
-          case 3:
-            rtl = _context9.sent;
-            side = getSide(placement);
-            alignment = getAlignment(placement);
-            isVertical = getSideAxis(placement) === "y";
-            mainAxisMulti = ["left", "top"].includes(side) ? -1 : 1;
-            crossAxisMulti = rtl && isVertical ? -1 : 1;
-            rawValue = evaluate(options, state);
-            _ref7 = typeof rawValue === "number" ? {
-              mainAxis: rawValue,
-              crossAxis: 0,
-              alignmentAxis: null
-            } : {
-              mainAxis: rawValue.mainAxis || 0,
-              crossAxis: rawValue.crossAxis || 0,
-              alignmentAxis: rawValue.alignmentAxis
-            }, mainAxis = _ref7.mainAxis, crossAxis = _ref7.crossAxis, alignmentAxis = _ref7.alignmentAxis;
-            if (alignment && typeof alignmentAxis === "number") {
-              crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
-            }
-            return _context9.abrupt("return", isVertical ? {
-              x: crossAxis * crossAxisMulti,
-              y: mainAxis * mainAxisMulti
-            } : {
-              x: mainAxis * mainAxisMulti,
-              y: crossAxis * crossAxisMulti
-            });
-          case 13:
-          case "end":
-            return _context9.stop();
-        }
+      while (1) switch (_context9.prev = _context9.next) {
+        case 0:
+          placement = state.placement, platform2 = state.platform, elements = state.elements;
+          _context9.next = 3;
+          return platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating);
+        case 3:
+          rtl = _context9.sent;
+          side = getSide(placement);
+          alignment = getAlignment(placement);
+          isVertical = getSideAxis(placement) === "y";
+          mainAxisMulti = ["left", "top"].includes(side) ? -1 : 1;
+          crossAxisMulti = rtl && isVertical ? -1 : 1;
+          rawValue = evaluate(options, state);
+          _ref7 = typeof rawValue === "number" ? {
+            mainAxis: rawValue,
+            crossAxis: 0,
+            alignmentAxis: null
+          } : {
+            mainAxis: rawValue.mainAxis || 0,
+            crossAxis: rawValue.crossAxis || 0,
+            alignmentAxis: rawValue.alignmentAxis
+          }, mainAxis = _ref7.mainAxis, crossAxis = _ref7.crossAxis, alignmentAxis = _ref7.alignmentAxis;
+          if (alignment && typeof alignmentAxis === "number") {
+            crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
+          }
+          return _context9.abrupt("return", isVertical ? {
+            x: crossAxis * crossAxisMulti,
+            y: mainAxis * mainAxisMulti
+          } : {
+            x: mainAxis * mainAxisMulti,
+            y: crossAxis * crossAxisMulti
+          });
+        case 13:
+        case "end":
+          return _context9.stop();
+      }
     }, _callee9);
   }));
   return _convertValueToCoords.apply(this, arguments);
@@ -1099,31 +1061,30 @@ var offset$1 = function offset$12(options) {
       return _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee5() {
         var _middlewareData$offse, _middlewareData$arrow, x, y, placement, middlewareData, diffCoords;
         return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-          while (1)
-            switch (_context5.prev = _context5.next) {
-              case 0:
-                x = state.x, y = state.y, placement = state.placement, middlewareData = state.middlewareData;
-                _context5.next = 3;
-                return convertValueToCoords(state, options);
-              case 3:
-                diffCoords = _context5.sent;
-                if (!(placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset)) {
-                  _context5.next = 6;
-                  break;
-                }
-                return _context5.abrupt("return", {});
-              case 6:
-                return _context5.abrupt("return", {
-                  x: x + diffCoords.x,
-                  y: y + diffCoords.y,
-                  data: _extends({}, diffCoords, {
-                    placement
-                  })
-                });
-              case 7:
-              case "end":
-                return _context5.stop();
-            }
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              x = state.x, y = state.y, placement = state.placement, middlewareData = state.middlewareData;
+              _context5.next = 3;
+              return convertValueToCoords(state, options);
+            case 3:
+              diffCoords = _context5.sent;
+              if (!(placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset)) {
+                _context5.next = 6;
+                break;
+              }
+              return _context5.abrupt("return", {});
+            case 6:
+              return _context5.abrupt("return", {
+                x: x + diffCoords.x,
+                y: y + diffCoords.y,
+                data: _extends({}, diffCoords, {
+                  placement
+                })
+              });
+            case 7:
+            case "end":
+              return _context5.stop();
+          }
         }, _callee5);
       }))();
     }
@@ -1141,57 +1102,56 @@ var shift$1 = function shift$12(options) {
         var _extends4, _enabled;
         var x, y, placement, _evaluate3, _evaluate3$mainAxis, checkMainAxis, _evaluate3$crossAxis, checkCrossAxis, _evaluate3$limiter, limiter, detectOverflowOptions, coords, overflow, crossAxis, mainAxis, mainAxisCoord, crossAxisCoord, minSide, maxSide, _min, _max, _minSide, _maxSide, _min2, _max2, limitedCoords;
         return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-          while (1)
-            switch (_context6.prev = _context6.next) {
-              case 0:
-                x = state.x, y = state.y, placement = state.placement;
-                _evaluate3 = evaluate(options, state), _evaluate3$mainAxis = _evaluate3.mainAxis, checkMainAxis = _evaluate3$mainAxis === void 0 ? true : _evaluate3$mainAxis, _evaluate3$crossAxis = _evaluate3.crossAxis, checkCrossAxis = _evaluate3$crossAxis === void 0 ? false : _evaluate3$crossAxis, _evaluate3$limiter = _evaluate3.limiter, limiter = _evaluate3$limiter === void 0 ? {
-                  fn: function fn2(_ref) {
-                    var x2 = _ref.x, y2 = _ref.y;
-                    return {
-                      x: x2,
-                      y: y2
-                    };
-                  }
-                } : _evaluate3$limiter, detectOverflowOptions = _objectWithoutPropertiesLoose(_evaluate3, _excluded3);
-                coords = {
-                  x,
-                  y
-                };
-                _context6.next = 5;
-                return detectOverflow(state, detectOverflowOptions);
-              case 5:
-                overflow = _context6.sent;
-                crossAxis = getSideAxis(getSide(placement));
-                mainAxis = getOppositeAxis(crossAxis);
-                mainAxisCoord = coords[mainAxis];
-                crossAxisCoord = coords[crossAxis];
-                if (checkMainAxis) {
-                  minSide = mainAxis === "y" ? "top" : "left";
-                  maxSide = mainAxis === "y" ? "bottom" : "right";
-                  _min = mainAxisCoord + overflow[minSide];
-                  _max = mainAxisCoord - overflow[maxSide];
-                  mainAxisCoord = clamp(_min, mainAxisCoord, _max);
+          while (1) switch (_context6.prev = _context6.next) {
+            case 0:
+              x = state.x, y = state.y, placement = state.placement;
+              _evaluate3 = evaluate(options, state), _evaluate3$mainAxis = _evaluate3.mainAxis, checkMainAxis = _evaluate3$mainAxis === void 0 ? true : _evaluate3$mainAxis, _evaluate3$crossAxis = _evaluate3.crossAxis, checkCrossAxis = _evaluate3$crossAxis === void 0 ? false : _evaluate3$crossAxis, _evaluate3$limiter = _evaluate3.limiter, limiter = _evaluate3$limiter === void 0 ? {
+                fn: function fn2(_ref) {
+                  var x2 = _ref.x, y2 = _ref.y;
+                  return {
+                    x: x2,
+                    y: y2
+                  };
                 }
-                if (checkCrossAxis) {
-                  _minSide = crossAxis === "y" ? "top" : "left";
-                  _maxSide = crossAxis === "y" ? "bottom" : "right";
-                  _min2 = crossAxisCoord + overflow[_minSide];
-                  _max2 = crossAxisCoord - overflow[_maxSide];
-                  crossAxisCoord = clamp(_min2, crossAxisCoord, _max2);
+              } : _evaluate3$limiter, detectOverflowOptions = _objectWithoutPropertiesLoose(_evaluate3, _excluded3);
+              coords = {
+                x,
+                y
+              };
+              _context6.next = 5;
+              return detectOverflow(state, detectOverflowOptions);
+            case 5:
+              overflow = _context6.sent;
+              crossAxis = getSideAxis(getSide(placement));
+              mainAxis = getOppositeAxis(crossAxis);
+              mainAxisCoord = coords[mainAxis];
+              crossAxisCoord = coords[crossAxis];
+              if (checkMainAxis) {
+                minSide = mainAxis === "y" ? "top" : "left";
+                maxSide = mainAxis === "y" ? "bottom" : "right";
+                _min = mainAxisCoord + overflow[minSide];
+                _max = mainAxisCoord - overflow[maxSide];
+                mainAxisCoord = clamp(_min, mainAxisCoord, _max);
+              }
+              if (checkCrossAxis) {
+                _minSide = crossAxis === "y" ? "top" : "left";
+                _maxSide = crossAxis === "y" ? "bottom" : "right";
+                _min2 = crossAxisCoord + overflow[_minSide];
+                _max2 = crossAxisCoord - overflow[_maxSide];
+                crossAxisCoord = clamp(_min2, crossAxisCoord, _max2);
+              }
+              limitedCoords = limiter.fn(_extends({}, state, (_extends4 = {}, _extends4[mainAxis] = mainAxisCoord, _extends4[crossAxis] = crossAxisCoord, _extends4)));
+              return _context6.abrupt("return", _extends({}, limitedCoords, {
+                data: {
+                  x: limitedCoords.x - x,
+                  y: limitedCoords.y - y,
+                  enabled: (_enabled = {}, _enabled[mainAxis] = checkMainAxis, _enabled[crossAxis] = checkCrossAxis, _enabled)
                 }
-                limitedCoords = limiter.fn(_extends({}, state, (_extends4 = {}, _extends4[mainAxis] = mainAxisCoord, _extends4[crossAxis] = crossAxisCoord, _extends4)));
-                return _context6.abrupt("return", _extends({}, limitedCoords, {
-                  data: {
-                    x: limitedCoords.x - x,
-                    y: limitedCoords.y - y,
-                    enabled: (_enabled = {}, _enabled[mainAxis] = checkMainAxis, _enabled[crossAxis] = checkCrossAxis, _enabled)
-                  }
-                }));
-              case 14:
-              case "end":
-                return _context6.stop();
-            }
+              }));
+            case 14:
+            case "end":
+              return _context6.stop();
+          }
         }, _callee6);
       }))();
     }
@@ -1309,7 +1269,9 @@ function isTopLayer(element) {
 function isContainingBlock(elementOrCss) {
   var webkit = isWebKit();
   var css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;
-  return css.transform !== "none" || css.perspective !== "none" || (css.containerType ? css.containerType !== "normal" : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !webkit && (css.filter ? css.filter !== "none" : false) || ["transform", "perspective", "filter"].some(function(value) {
+  return ["transform", "translate", "scale", "rotate", "perspective"].some(function(value) {
+    return css[value] ? css[value] !== "none" : false;
+  }) || (css.containerType ? css.containerType !== "normal" : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !webkit && (css.filter ? css.filter !== "none" : false) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some(function(value) {
     return (css.willChange || "").includes(value);
   }) || ["paint", "layout", "strict", "content"].some(function(value) {
     return (css.contain || "").includes(value);
@@ -1328,8 +1290,7 @@ function getContainingBlock(element) {
   return null;
 }
 function isWebKit() {
-  if (typeof CSS === "undefined" || !CSS.supports)
-    return false;
+  if (typeof CSS === "undefined" || !CSS.supports) return false;
   return CSS.supports("-webkit-backdrop-filter", "none");
 }
 function isLastTraversableNode(node) {
@@ -1506,6 +1467,28 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
     y
   });
 }
+function getWindowScrollBarX(element, rect) {
+  var leftScroll = getNodeScroll(element).scrollLeft;
+  if (!rect) {
+    return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
+  }
+  return rect.left + leftScroll;
+}
+function getHTMLOffset(documentElement, scroll, ignoreScrollbarX) {
+  if (ignoreScrollbarX === void 0) {
+    ignoreScrollbarX = false;
+  }
+  var htmlRect = documentElement.getBoundingClientRect();
+  var x = htmlRect.left + scroll.scrollLeft - (ignoreScrollbarX ? 0 : (
+    // RTL <body> scrollbar.
+    getWindowScrollBarX(documentElement, htmlRect)
+  ));
+  var y = htmlRect.top + scroll.scrollTop;
+  return {
+    x,
+    y
+  };
+}
 function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
   var elements = _ref.elements, rect = _ref.rect, offsetParent = _ref.offsetParent, strategy = _ref.strategy;
   var isFixed = strategy === "fixed";
@@ -1532,19 +1515,17 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
       offsets.y = offsetRect.y + offsetParent.clientTop;
     }
   }
+  var htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll, true) : createCoords(0);
   return {
     width: rect.width * scale.x,
     height: rect.height * scale.y,
-    x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x,
-    y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y
+    x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,
+    y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y
   };
 }
 function getClientRects(element) {
   return Array.from(element.getClientRects());
 }
-function getWindowScrollBarX(element) {
-  return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
-}
 function getDocumentRect(element) {
   var html = getDocumentElement(element);
   var scroll = getNodeScroll(element);
@@ -1613,10 +1594,12 @@ function getClientRectFromClippingAncestor(element, clippingAncestor, strategy)
     rect = getInnerBoundingClientRect(clippingAncestor, strategy);
   } else {
     var visualOffsets = getVisualOffsets(element);
-    rect = _extends({}, clippingAncestor, {
+    rect = {
       x: clippingAncestor.x - visualOffsets.x,
-      y: clippingAncestor.y - visualOffsets.y
-    });
+      y: clippingAncestor.y - visualOffsets.y,
+      width: clippingAncestor.width,
+      height: clippingAncestor.height
+    };
   }
   return rectToClientRect(rect);
 }
@@ -1706,8 +1689,9 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
       offsets.x = getWindowScrollBarX(documentElement);
     }
   }
-  var x = rect.left + scroll.scrollLeft - offsets.x;
-  var y = rect.top + scroll.scrollTop - offsets.y;
+  var htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
+  var x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
+  var y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
   return {
     x,
     y,
@@ -1725,7 +1709,11 @@ function getTrueOffsetParent(element, polyfill) {
   if (polyfill) {
     return polyfill(element);
   }
-  return element.offsetParent;
+  var rawOffsetParent = element.offsetParent;
+  if (getDocumentElement(element) === rawOffsetParent) {
+    rawOffsetParent = rawOffsetParent.ownerDocument.body;
+  }
+  return rawOffsetParent;
 }
 function getOffsetParent(element, polyfill) {
   var win = getWindow(element);
@@ -1755,37 +1743,36 @@ var getElementRects = /* @__PURE__ */ function() {
   var _ref6 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee7(data) {
     var getOffsetParentFn, getDimensionsFn, floatingDimensions;
     return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-      while (1)
-        switch (_context7.prev = _context7.next) {
-          case 0:
-            getOffsetParentFn = this.getOffsetParent || getOffsetParent;
-            getDimensionsFn = this.getDimensions;
-            _context7.next = 4;
-            return getDimensionsFn(data.floating);
-          case 4:
-            floatingDimensions = _context7.sent;
-            _context7.t0 = getRectRelativeToOffsetParent;
-            _context7.t1 = data.reference;
-            _context7.next = 9;
-            return getOffsetParentFn(data.floating);
-          case 9:
-            _context7.t2 = _context7.sent;
-            _context7.t3 = data.strategy;
-            _context7.t4 = (0, _context7.t0)(_context7.t1, _context7.t2, _context7.t3);
-            _context7.t5 = {
-              x: 0,
-              y: 0,
-              width: floatingDimensions.width,
-              height: floatingDimensions.height
-            };
-            return _context7.abrupt("return", {
-              reference: _context7.t4,
-              floating: _context7.t5
-            });
-          case 14:
-          case "end":
-            return _context7.stop();
-        }
+      while (1) switch (_context7.prev = _context7.next) {
+        case 0:
+          getOffsetParentFn = this.getOffsetParent || getOffsetParent;
+          getDimensionsFn = this.getDimensions;
+          _context7.next = 4;
+          return getDimensionsFn(data.floating);
+        case 4:
+          floatingDimensions = _context7.sent;
+          _context7.t0 = getRectRelativeToOffsetParent;
+          _context7.t1 = data.reference;
+          _context7.next = 9;
+          return getOffsetParentFn(data.floating);
+        case 9:
+          _context7.t2 = _context7.sent;
+          _context7.t3 = data.strategy;
+          _context7.t4 = (0, _context7.t0)(_context7.t1, _context7.t2, _context7.t3);
+          _context7.t5 = {
+            x: 0,
+            y: 0,
+            width: floatingDimensions.width,
+            height: floatingDimensions.height
+          };
+          return _context7.abrupt("return", {
+            reference: _context7.t4,
+            floating: _context7.t5
+          });
+        case 14:
+        case "end":
+          return _context7.stop();
+      }
     }, _callee7, this);
   }));
   return function getElementRects2(_x8) {
@@ -1807,6 +1794,9 @@ var platform = {
   isElement,
   isRTL
 };
+function rectsAreEqual(a, b) {
+  return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
+}
 function observeMove(element, onMove) {
   var io = null;
   var timeoutId;
@@ -1825,7 +1815,8 @@ function observeMove(element, onMove) {
       threshold = 1;
     }
     cleanup();
-    var _element$getBoundingC = element.getBoundingClientRect(), left = _element$getBoundingC.left, top = _element$getBoundingC.top, width = _element$getBoundingC.width, height = _element$getBoundingC.height;
+    var elementRectForRootMargin = element.getBoundingClientRect();
+    var left = elementRectForRootMargin.left, top = elementRectForRootMargin.top, width = elementRectForRootMargin.width, height = elementRectForRootMargin.height;
     if (!skip) {
       onMove();
     }
@@ -1856,6 +1847,9 @@ function observeMove(element, onMove) {
           refresh(false, ratio);
         }
       }
+      if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
+        refresh();
+      }
       isFirstUpdate = false;
     }
     try {
@@ -1912,7 +1906,7 @@ function autoUpdate(reference, floating, update, options) {
   }
   function frameLoop() {
     var nextRefRect = getBoundingClientRect(reference);
-    if (prevRefRect && (nextRefRect.x !== prevRefRect.x || nextRefRect.y !== prevRefRect.y || nextRefRect.width !== prevRefRect.width || nextRefRect.height !== prevRefRect.height)) {
+    if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
       update();
     }
     prevRefRect = nextRefRect;
@@ -1982,18 +1976,15 @@ var oppositeSidesMap = {
   left: "right"
 };
 var toMs = function toMs2(s) {
-  if (s === "auto")
-    return 0;
+  if (s === "auto") return 0;
   return Number(s.slice(0, -1).replace(",", ".")) * 1e3;
 };
 var getTransitionInfo = function getTransitionInfo2(el) {
   var styles = window.getComputedStyle(el);
   var timeout = toMs(styles.transitionDelay) + toMs(styles.transitionDuration);
-  if (timeout)
-    return timeout;
+  if (timeout) return timeout;
   timeout = toMs(styles.animationDelay) + toMs(styles.animationDuration);
-  if (timeout)
-    return timeout;
+  if (timeout) return timeout;
   return 0;
 };
 var applyClass = function applyClass2(el, classes, force) {
@@ -2024,7 +2015,7 @@ var updatePopper = function updatePopper2(state) {
     var _state$_last;
     var x = _ref.x, y = _ref.y, placement = _ref.placement, strategy = _ref.strategy, middlewareData = _ref.middlewareData;
     if (state.autoHide && state._last.show) {
-      var timestamp = /* @__PURE__ */ (/* @__PURE__ */ new Date()).getTime();
+      var timestamp = (/* @__PURE__ */ new Date()).getTime();
       if (timestamp > state._last.timestamp + 300) {
         state.show = false;
         return;
@@ -2063,7 +2054,7 @@ var updatePopper = function updatePopper2(state) {
     }
     if (state.arrowVisible) {
       var _arrowStyle;
-      var _middlewareData$arrow2 = middlewareData.arrow, arrowX = _middlewareData$arrow2.x, arrowY = _middlewareData$arrow2.y;
+      var _middlewareData$arrow = middlewareData.arrow, arrowX = _middlewareData$arrow.x, arrowY = _middlewareData$arrow.y;
       var arrowElement = state._last.arrowEl;
       var staticSide = oppositeSidesMap[placement.split("-")[0]];
       var arrowStyle = (_arrowStyle = {
@@ -2093,8 +2084,7 @@ var autoUpdatePopper = function autoUpdatePopper2(state) {
   });
 };
 var appendPopper = function appendPopper2(state) {
-  if (state._last.show && state._last.popper === state.popper)
-    return;
+  if (state._last.show && state._last.popper === state.popper) return;
   if (state._last.popper && state._last.popper !== state.popper) {
     if (state._last.appendToBody) {
       state._last.popper.remove();
@@ -2133,8 +2123,7 @@ var appendPopper = function appendPopper2(state) {
   }
 };
 var closePopper = function closePopper2(state) {
-  if (!state._last.show)
-    return;
+  if (!state._last.show) return;
   if (state.popper) {
     if (state.animate && state.animateName) {
       var leaveName = state.animateName + "-leave-to";
@@ -2226,7 +2215,7 @@ var useFloating = function useFloating2(option) {
     state._last.reference = state.reference;
     state._last.show = state.show && state.popper && state.reference;
     state._last.appendToBody = state.appendToBody;
-    state._last.timestamp = /* @__PURE__ */ (/* @__PURE__ */ new Date()).getTime();
+    state._last.timestamp = (/* @__PURE__ */ new Date()).getTime();
   };
   watch$1(state, watchState, {
     immediate: true