@bynder/compact-view 5.2.2 → 5.2.4

package/react-laag.esm.js

@@ -0,0 +1,957 @@
+import { useState as Le, useRef as L, useCallback as W, useEffect as V, useLayoutEffect as Je, useContext as Ke, createContext as Qe, createElement as He, useMemo as Re } from "react";
+import { createPortal as Ze } from "react-dom";
+function et(e, i) {
+  for (var r = 0; r < i.length; r++) {
+    var t = i[r];
+    t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(e, t.key, t);
+  }
+}
+function ie(e, i, r) {
+  return i && et(e.prototype, i), e;
+}
+function H() {
+  return H = Object.assign || function(e) {
+    for (var i = 1; i < arguments.length; i++) {
+      var r = arguments[i];
+      for (var t in r)
+        Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
+    }
+    return e;
+  }, H.apply(this, arguments);
+}
+function tt(e, i) {
+  e.prototype = Object.create(i.prototype), e.prototype.constructor = e, ue(e, i);
+}
+function ue(e, i) {
+  return ue = Object.setPrototypeOf || function(t, n) {
+    return t.__proto__ = n, t;
+  }, ue(e, i);
+}
+function rt(e, i) {
+  if (e) {
+    if (typeof e == "string") return me(e, i);
+    var r = Object.prototype.toString.call(e).slice(8, -1);
+    if (r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set") return Array.from(e);
+    if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return me(e, i);
+  }
+}
+function me(e, i) {
+  (i == null || i > e.length) && (i = e.length);
+  for (var r = 0, t = new Array(i); r < i; r++) t[r] = e[r];
+  return t;
+}
+function K(e, i) {
+  var r = typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
+  if (r) return (r = r.call(e)).next.bind(r);
+  if (Array.isArray(e) || (r = rt(e)) || i) {
+    r && (e = r);
+    var t = 0;
+    return function() {
+      return t >= e.length ? {
+        done: !0
+      } : {
+        done: !1,
+        value: e[t++]
+      };
+    };
+  }
+  throw new TypeError(`Invalid attempt to iterate non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function we(e) {
+  var i = L(null);
+  function r(t) {
+    !t || t === i.current || (i.current = t, e(t));
+  }
+  return r;
+}
+function nt(e) {
+  var i = L(e);
+  return Re(function() {
+    function r(n) {
+      typeof n == "function" ? i.current = n(i.current) : i.current = n;
+    }
+    function t() {
+      return i.current;
+    }
+    return [t, r];
+  }, []);
+}
+function it() {
+  var e = L([]);
+  return Re(function() {
+    function i() {
+      return e.current.length > 0;
+    }
+    function r() {
+      for (var n = K(e.current), o; !(o = n()).done; ) {
+        var s = o.value;
+        s();
+      }
+      e.current = [];
+    }
+    function t(n) {
+      e.current.push(n);
+    }
+    return {
+      hasEventSubscriptions: i,
+      removeAllEventSubscriptions: r,
+      addEventSubscription: t
+    };
+  }, []);
+}
+var ae = typeof window < "u" ? Je : V;
+function ot(e, i) {
+  var r = L(e);
+  return i ? (r.current = e, r) : (r.current = null, r);
+}
+function Z(e) {
+  return parseFloat(e.replace("px", ""));
+}
+function le(e, i, r) {
+  return e < i ? i : e > r ? r : e;
+}
+function be(e) {
+  return e != null;
+}
+function Se() {
+  for (var e = arguments.length, i = new Array(e), r = 0; r < e; r++)
+    i[r] = arguments[r];
+  return function(t) {
+    for (var n = K(i), o; !(o = n()).done; ) {
+      var s = o.value;
+      s && (typeof s == "function" ? s(t) : s.current = t);
+    }
+  };
+}
+function st(e, i) {
+  if (!(typeof e > "u"))
+    return i || e.ResizeObserver;
+}
+function je(e, i) {
+  var r = [];
+  if (!e || !i || e === document.body)
+    return r;
+  var t = i.getComputedStyle(e), n = t.overflow, o = t.overflowX, s = t.overflowY;
+  return [n, o, s].some(function(a) {
+    return ["auto", "scroll"].includes(a);
+  }) && r.push(e), [].concat(r, je(e.parentElement, i));
+}
+function re(e) {
+  return "react-laag: Could not find a valid reference for the " + e + ` element. There might be 2 causes:
+   - Make sure that the 'ref' is set correctly on the ` + e + ` element when isOpen: true. Also make sure your component forwards the ref with "forwardRef()".
+   - Make sure that you are actually rendering the ` + e + " when the isOpen prop is set to true";
+}
+function at(e) {
+  var i = e.enabled, r = e.onChange, t = e.environment, n = e.ResizeObserverPolyfill, o = e.overflowContainer, s = e.triggerOption, a = st(t, n);
+  V(function() {
+  }, [a]);
+  var c = L(null), u = !!s, f = nt({
+    scrollContainers: [],
+    trigger: null,
+    layer: null
+  }), l = f[0], d = f[1], p = it(), v = p.hasEventSubscriptions, h = p.addEventSubscription, w = p.removeAllEventSubscriptions, m = W(function() {
+    var b = l(), C = b.layer, O = b.trigger, j = b.scrollContainers, T = j[0];
+    if (!C)
+      throw new Error(re("layer"));
+    if (!O && !u)
+      throw new Error(re("trigger"));
+    var Y = {
+      top: 0,
+      left: 0
+    };
+    if (T) {
+      var M = T.scrollLeft, G = T.scrollTop;
+      Y = {
+        top: G,
+        left: M
+      };
+    } else {
+      var U = t.scrollX, z = t.scrollY;
+      Y = {
+        top: z,
+        left: U
+      };
+    }
+    var X = {
+      left: 0,
+      top: 0
+    };
+    if (T) {
+      var D = t.getComputedStyle(T), Q = D.borderLeftWidth, _ = D.borderTopWidth;
+      X = {
+        left: Z(Q) || 0,
+        top: Z(_) || 0
+      };
+    }
+    r({
+      layer: C,
+      trigger: O,
+      scrollContainers: j,
+      arrow: c.current
+    }, Y, X);
+  }, [l, r, t, c, u]), g = W(function() {
+    var b = l(), C = b.trigger, O = b.layer, j = b.scrollContainers;
+    if (!O)
+      throw new Error(re("layer"));
+    if (!C && !u)
+      throw new Error(re("trigger"));
+    if (a) {
+      for (var T = !1, Y = function() {
+        if (!T) {
+          T = !0;
+          return;
+        }
+        m();
+      }, M = new a(Y), G = 0, U = [C, O, document.body]; G < U.length; G++) {
+        var z = U[G];
+        z && M.observe(z);
+      }
+      h(function() {
+        for (var N = 0, x = [C, O, document.body]; N < x.length; N++) {
+          var ee = x[N];
+          ee && M.unobserve(ee);
+        }
+        M.disconnect();
+      });
+    }
+    for (var X = [t].concat(j), D = function() {
+      var x = _.value;
+      x.addEventListener("scroll", m), h(function() {
+        return x.removeEventListener("scroll", m);
+      });
+    }, Q = K(X), _; !(_ = Q()).done; )
+      D();
+  }, [l, h, m, t, a, u]), P = W(function(y, b) {
+    i && y && y !== b && (w(), g(), m());
+  }, [w, g, m, i]), F = we(W(function(y) {
+    var b = l(), C = b.layer;
+    d(function(O) {
+      return H({}, O, {
+        layer: y
+      });
+    }), P(C, y);
+  }, [l, d, P])), B = W(function(b) {
+    var C = je(b, t), O = C[0];
+    if (O) {
+      var j = t.getComputedStyle(O).position, T = ["relative", "absolute", "fixed"].includes(j) || o;
+      T || (O.style.position = "relative");
+    }
+    return C;
+  }, [t, o]), R = we(W(function(y) {
+    var b = B(y), C = l(), O = C.trigger;
+    d(function(j) {
+      return H({}, j, {
+        trigger: y,
+        scrollContainers: b
+      });
+    }), P(O, y);
+  }, [l, d, P, B])), k = s == null || s.getParent == null ? void 0 : s.getParent();
+  return ae(function() {
+    k && d(function(y) {
+      return H({}, y, {
+        scrollContainers: B(k)
+      });
+    });
+  }, [k, d, B]), ae(function() {
+    return i && (v() || g()), function() {
+      v() && w();
+    };
+  }, [i, v, g, w]), ae(function() {
+    i && m();
+  }), {
+    triggerRef: R,
+    layerRef: F,
+    arrowRef: c,
+    closestScrollContainer: l().scrollContainers[0] || null
+  };
+}
+var ze = /* @__PURE__ */ Qe({});
+function ut(e) {
+  var i = e.children, r = e.registrations, t = W(function(o) {
+    return r.current.add(o), function() {
+      return r.current.delete(o);
+    };
+  }, [r]);
+  return He(ze.Provider, {
+    value: t
+  }, i);
+}
+function lt(e, i) {
+  for (var r = K(e), t; !(t = r()).done; ) {
+    var n = t.value.shouldCloseWhenClickedOutside;
+    if (!n(i))
+      return !1;
+  }
+  return !0;
+}
+function ft(e) {
+  var i = e.isOpen, r = e.onOutsideClick, t = e.onParentClose, n = L(null), o = L(null), s = L(/* @__PURE__ */ new Set()), a = Ke(ze), c = W(function(f) {
+    var l = f.target, d = n.current && n.current.contains(l), p = o.current && o.current.contains(l), v = lt(s.current, f);
+    return p && v && s.current.forEach(function(h) {
+      var w = h.closeChild;
+      return w();
+    }), !d && !p && v;
+  }, [n, o, s]);
+  return V(function() {
+    if (typeof a == "function")
+      return a({
+        shouldCloseWhenClickedOutside: c,
+        closeChild: function() {
+          t && t();
+        }
+      });
+  }, [a, c, t, s]), V(function() {
+    var u = typeof a == "function", f = !i || !r || u;
+    if (f)
+      return;
+    function l(d) {
+      c(d) && r();
+    }
+    return document.addEventListener("click", l, !0), function() {
+      return document.removeEventListener("click", l, !0);
+    };
+  }, [i, r, c, a]), V(function() {
+    i || s.current.forEach(function(u) {
+      var f = u.closeChild;
+      return f();
+    });
+  }, [i]), {
+    closeOnOutsideClickRefs: {
+      trigger: n,
+      layer: o
+    },
+    registrations: s
+  };
+}
+var ct = ["bottom-start", "bottom-end", "bottom-center", "top-start", "top-center", "top-end", "left-end", "left-center", "left-start", "right-end", "right-center", "right-start", "center"], dt = {
+  top: "bottom",
+  left: "right",
+  bottom: "top",
+  right: "left",
+  center: "center"
+}, vt = /* @__PURE__ */ (function() {
+  function e(r, t, n, o, s, a, c, u, f) {
+    this.prop = void 0, this.opposite = void 0, this.isHorizontal = void 0, this.sizeProp = void 0, this.oppositeSizeProp = void 0, this.cssProp = void 0, this.oppositeCssProp = void 0, this.isCenter = void 0, this.isPush = void 0, this.prop = r, this.opposite = t, this.isHorizontal = n, this.sizeProp = o, this.oppositeSizeProp = s, this.cssProp = a, this.oppositeCssProp = c, this.isCenter = u, this.isPush = f;
+  }
+  var i = e.prototype;
+  return i.factor = function(t) {
+    return t * (this.isPush ? 1 : -1);
+  }, i.isOppositeDirection = function(t) {
+    return this.isHorizontal !== t.isHorizontal;
+  }, e;
+})();
+function J(e, i) {
+  i === void 0 && (i = !0);
+  var r = ["left", "right"].includes(e);
+  return new vt(e, i ? J(dt[e], !1) : null, r, r ? "width" : "height", r ? "height" : "width", r ? "left" : "top", r ? "top" : "left", e === "center", !["right", "bottom"].includes(e));
+}
+var E = {
+  top: /* @__PURE__ */ J("top"),
+  bottom: /* @__PURE__ */ J("bottom"),
+  left: /* @__PURE__ */ J("left"),
+  right: /* @__PURE__ */ J("right")
+}, S = /* @__PURE__ */ H({}, E, {
+  center: /* @__PURE__ */ J("center")
+}), ne = ["top", "left", "bottom", "right"], ce = /* @__PURE__ */ (function() {
+  function e(i) {
+    return this.top = void 0, this.left = void 0, this.right = void 0, this.bottom = void 0, Object.assign(this, i);
+  }
+  return e.mergeSmallestSides = function(r) {
+    var t = r[0], n = r.slice(1);
+    if (!t)
+      throw new Error("Please provide at least 1 bounds objects in order to merge");
+    for (var o = Object.fromEntries(ne.map(function(d) {
+      return [d, t[d]];
+    })), s = K(n), a; !(a = s()).done; )
+      for (var c = a.value, u = K(ne), f; !(f = u()).done; ) {
+        var l = f.value;
+        o[l] = Math.min(o[l], c[l]);
+      }
+    return new e(o);
+  }, ie(e, [{
+    key: "allSidesArePositive",
+    get: function() {
+      var r = this;
+      return ne.every(function(t) {
+        return r[t] >= 0;
+      });
+    }
+    /**
+     * Returns a partial IBoundsOffsets with sides that are negative, meaning sides aren't entirely
+     * visible in respect to a parent Bounds instance
+     */
+  }, {
+    key: "negativeSides",
+    get: function() {
+      var r = this;
+      return Object.fromEntries(ne.filter(function(t) {
+        return r[t] < 0;
+      }).map(function(t) {
+        return [t, r[t]];
+      }));
+    }
+  }]), e;
+})();
+function Oe() {
+  for (var e = arguments.length, i = new Array(e), r = 0; r < e; r++)
+    i[r] = arguments[r];
+  return i.reduce(function(t, n) {
+    return t + (n ? Z(n) : 0);
+  }, 0);
+}
+function fe(e) {
+  var i = e.top, r = e.left, t = e.right, n = e.bottom, o = e.width, s = e.height;
+  return {
+    top: i,
+    left: r,
+    right: t,
+    bottom: n,
+    width: o,
+    height: s
+  };
+}
+var pt = {
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  width: 0,
+  height: 0
+}, $ = /* @__PURE__ */ (function() {
+  e.create = function(t) {
+    return new e(t);
+  }, e.fromElement = function(t, n) {
+    n === void 0 && (n = {});
+    var o = n, s = o.withTransform, a = s === void 0 ? !0 : s, c = o.environment, u = c === void 0 ? window : c, f = o.withScrollbars, l = f === void 0 ? !0 : f, d = fe(t.getBoundingClientRect()), p = new e(d);
+    if (!a) {
+      var v = u.getComputedStyle(t), h = v.width, w = v.height, m = v.boxSizing, g = v.borderLeft, P = v.borderRight, F = v.borderTop, B = v.borderBottom, R = v.paddingLeft, k = v.paddingRight, y = v.paddingTop, b = v.paddingBottom, C = m === "border-box" ? Z(h) : Oe(h, g, P, R, k), O = m === "border-box" ? Z(w) : Oe(w, F, B, y, b);
+      p = new e(H({}, p, {
+        width: C,
+        height: O
+      }));
+    }
+    if (!l) {
+      var j = p.width - t.clientWidth, T = p.height - t.clientHeight;
+      return p.substract({
+        right: j,
+        bottom: T
+      });
+    }
+    return p;
+  }, e.empty = function() {
+    return new e();
+  }, e.fromWindow = function(t) {
+    var n, o = (n = t?.document.scrollingElement) != null ? n : t?.document.documentElement, s = o ?? {}, a = s.clientWidth, c = a === void 0 ? 0 : a, u = s.clientHeight, f = u === void 0 ? 0 : u;
+    return new e({
+      width: c,
+      height: f,
+      right: c,
+      bottom: f
+    });
+  };
+  function e(r) {
+    return r === void 0 && (r = {}), this.top = void 0, this.left = void 0, this.right = void 0, this.bottom = void 0, this.width = void 0, this.height = void 0, Object.assign(this, pt, r);
+  }
+  var i = e.prototype;
+  return i.toObject = function() {
+    return fe(this);
+  }, i.merge = function(t) {
+    var n = this.toObject();
+    return new e(H({}, n, typeof t == "function" ? t(n) : t));
+  }, i.substract = function(t) {
+    for (var n = this.toObject(), o = Object.entries(t), s = 0, a = o; s < a.length; s++) {
+      var c = a[s], u = c[0], f = c[1];
+      if (u in E) {
+        var l = E[u];
+        n[u] += l.factor(f), n[l.isHorizontal ? "width" : "height"] -= f;
+      } else
+        n[u] -= f || 0;
+    }
+    return new e(n);
+  }, i.offsetsTo = function(t) {
+    return new ce({
+      top: t.top - this.top,
+      bottom: this.bottom - t.bottom,
+      left: t.left - this.left,
+      right: this.right - t.right
+    });
+  }, i.mapSides = function(t) {
+    for (var n = this.toObject(), o = Object.values(E), s = 0, a = o; s < a.length; s++) {
+      var c = a[s];
+      n[c.prop] = t(c, n[c.prop]);
+    }
+    return new e(n);
+  }, ie(e, [{
+    key: "surface",
+    get: function() {
+      return this.width * this.height;
+    }
+  }]), e;
+})(), Ae = /* @__PURE__ */ (function() {
+  function e(r, t, n, o, s) {
+    this.primary = void 0, this.secondary = void 0, this.offsets = void 0, this.subjectsBounds = void 0, this._cachedLayerBounds = null, this._cachedContainerOffsets = null, this.primary = r, this.secondary = t, this.offsets = s, this.setSubjectsBounds(n, o);
+  }
+  var i = e.prototype;
+  return i.setSubjectsBounds = function(t, n) {
+    if (!n) {
+      this.subjectsBounds = t;
+      return;
+    }
+    var o = (
+      // if the user passed a callback, call it with the layerSide corresponding to
+      // the placement
+      typeof n == "function" ? n(this.primary.prop) : n
+    );
+    this.subjectsBounds = t.merge({
+      layer: H({}, t.layer, o)
+    });
+  }, i.getLayerBounds = function(t) {
+    if (t === void 0 && (t = 0), this._cachedLayerBounds && t === 0)
+      return this._cachedLayerBounds;
+    var n = this.primary, o = this.secondary, s = this.subjectsBounds, a = s.trigger, c = s.layer, u = s.arrow, f = n.isHorizontal, l = n.oppositeCssProp, d = n.oppositeSizeProp, p = n.prop, v = n.opposite, h = $.empty();
+    h[v.prop] = a[p] - n.factor(this.offsets.trigger), h[p] = h[v.prop] - n.factor(c[n.sizeProp]);
+    var w = this.offsets.arrow * 2, m = a[l] - (c[d] - u[d]) + w, g = a[l] + (a[d] - u[d]) - w;
+    if (o.isPush || (m += c[d], g += c[d]), o.isCenter) {
+      var P = (f ? E.top : E.left).prop, F = (f ? E.bottom : E.right).prop;
+      h[P] = le(a[P] + a[d] / 2 - c[d] / 2 + t, m, g), h[F] = h[P] + c[d];
+    } else {
+      var B = o, R = a[B.prop], k = R < m ? m - R : R > g ? g - R : 0;
+      h[B.prop] = le(R + t + k, m, g), h[B.opposite.prop] = h[B.prop] + o.factor(c[d]);
+    }
+    h.width = h.right - h.left, h.height = h.bottom - h.top;
+    var y = $.create(h);
+    return t === 0 && (this._cachedLayerBounds = y), y;
+  }, i.getLayerCollisionBounds = function() {
+    var t = this.offsets.container;
+    return this.getLayerBounds().mapSides(function(n, o) {
+      return o -= n.factor(t);
+    }).merge(function(n) {
+      var o = n.width, s = n.height;
+      return {
+        width: o + t * 2,
+        height: s + t * 2
+      };
+    });
+  }, i.getContainerOffsets = function(t) {
+    if (this._cachedContainerOffsets && !t)
+      return this._cachedContainerOffsets;
+    var n = this.subjectsBounds.merge({
+      layer: t || this.getLayerCollisionBounds()
+    }), o = ce.mergeSmallestSides(n.layerOffsetsToScrollContainers);
+    return t || (this._cachedContainerOffsets = o), o;
+  }, ie(e, [{
+    key: "type",
+    get: function() {
+      return this.primary.prop + "-" + (this.secondary.prop === "center" ? "center" : ["bottom", "right"].includes(this.secondary.prop) ? "end" : "start");
+    }
+  }, {
+    key: "triggerIsBigger",
+    get: function() {
+      var t = this.secondary.isHorizontal, n = this.subjectsBounds, o = n.triggerHasBiggerWidth, s = n.triggerHasBiggerHeight;
+      return t && o || !t && s;
+    }
+    /**
+     * Checks whether the placement fits within all it's container (including container-offset)
+     */
+  }, {
+    key: "fitsContainer",
+    get: function() {
+      return this.getContainerOffsets().allSidesArePositive;
+    }
+    /**
+     * Returns the surface in square pixels of the visible part of the layer
+     */
+  }, {
+    key: "visibleSurface",
+    get: function() {
+      var t = this.getLayerBounds(), n = this.getContainerOffsets(t), o = n.negativeSides;
+      for (var s in o)
+        o[s] = -o[s];
+      return t.substract(o).surface;
+    }
+    /**
+     * Returns a BoundSide by looking at the most negative offset that is the opposite direction
+     */
+  }, {
+    key: "secondaryOffsetSide",
+    get: function() {
+      var t, n, o = this, s = this.getContainerOffsets(), a = (t = (n = Object.entries(s.negativeSides).map(function(u) {
+        var f = u[0], l = u[1];
+        return [E[f], l];
+      }).filter(function(u) {
+        var f = u[0];
+        return o.primary.isOppositeDirection(f);
+      }).sort(function(u, f) {
+        var l = u[1], d = f[1];
+        return d - l;
+      })) == null ? void 0 : n[0]) != null ? t : [], c = a[0];
+      return c || null;
+    }
+  }]), e;
+})(), Ce = /* @__PURE__ */ (function(e) {
+  tt(i, e);
+  function i() {
+    return e.apply(this, arguments) || this;
+  }
+  var r = i.prototype;
+  return r.getLayerBounds = function() {
+    var n = this.subjectsBounds, o = n.trigger, s = n.layer, a = $.empty();
+    return a.top = o.top + o.height / 2 - s.height / 2, a.bottom = a.top + s.height, a.left = o.left + o.width / 2 - s.width / 2, a.right = a.left + s.width, a.width = a.right - a.left, a.height = a.bottom - a.top, a;
+  }, i;
+})(Ae);
+function ht(e, i, r) {
+  var t = e.layer, n = e.trigger, o = e.arrow, s = i.primary.oppositeSizeProp, a = i.primary.isHorizontal ? ["top", "bottom"] : ["left", "right"], c = a[0], u = a[1], f = t[c] + t[s] / 2 - n[c] - o[s] / 2 - r, l = t[u] - t[s] / 2 - n[u] + o[s] / 2 + r;
+  return (f < 0 ? -f : 0) + (l > 0 ? -l : 0);
+}
+var Ee = {
+  position: "absolute",
+  willChange: "top, left",
+  left: null,
+  right: null,
+  top: null,
+  bottom: null
+};
+function gt(e, i, r) {
+  var t;
+  if (i.primary.isCenter)
+    return Ee;
+  var n = e.layer, o = e.trigger, s = e.arrow, a = i.primary.oppositeSizeProp, c = o[a] > n[a], u = r + s[a] / 2, f = n[a] - s[a] / 2 - r, l = ht(e, i, r), d = i.primary.prop, p = i.primary.oppositeCssProp, v = c ? n[a] / 2 + l : o[p] + o[a] / 2 - n[p];
+  return H({}, Ee, (t = {}, t[d] = "100%", t[p] = le(v, u, f), t));
+}
+var Pe = /* @__PURE__ */ (function() {
+  function e(r, t, n) {
+    this.placements = void 0, this.config = void 0, this.subjectsBounds = void 0, this.placements = r, this.config = t, this.subjectsBounds = n;
+  }
+  e.getSidesFromPlacementType = function(t) {
+    var n = t.split("-"), o = n[0], s = n[1], a = E[o], c;
+    return s === "center" ? c = S.center : a.isHorizontal ? c = s === "start" ? S.top : S.bottom : c = s === "start" ? S.left : S.right, [a, c];
+  }, e.create = function(t, n) {
+    var o = {
+      arrow: n.arrowOffset,
+      container: n.containerOffset,
+      trigger: n.triggerOffset
+    };
+    function s(a) {
+      a === void 0 && (a = n.placement);
+      var c = e.getSidesFromPlacementType(a), u = c[0], f = c[1], l = E[u.isHorizontal ? n.preferY : n.preferX], d = !u.isHorizontal && t.triggerHasBiggerWidth || u.isHorizontal && t.triggerHasBiggerHeight;
+      function p(h, w) {
+        return new Ae(h, w, t, n.layerDimensions, o);
+      }
+      var v = [];
+      return v[0] = p(u, f), v[1] = p(u, f.isCenter ? l : S.center), v[2] = p(u, S[(f.opposite.isCenter ? l.opposite : f.opposite).prop]), v[3] = p(l, d ? u : S[u.opposite.prop]), v[4] = p(l, S.center), v[5] = p(l, d ? S[u.opposite.prop] : u), v[6] = p(E[l.opposite.prop], d ? u : S[u.opposite.prop]), v[7] = p(E[l.opposite.prop], S.center), v[8] = p(E[l.opposite.prop], d ? S[u.opposite.prop] : u), v[9] = p(E[u.opposite.prop], f), v[10] = p(E[u.opposite.prop], f.isCenter ? l : S.center), v[11] = p(E[u.opposite.prop], S[(f.opposite.isCenter ? l.opposite : f.opposite).prop]), v = v.filter(function(h) {
+        return h.type === n.placement || n.possiblePlacements.includes(h.type);
+      }), v;
+    }
+    return n.placement === "center" ? new e([new Ce(S.center, S.center, t, n.layerDimensions, o)].concat(s(n.preferY + "-" + n.preferX)), n, t) : new e(s(), n, t);
+  };
+  var i = e.prototype;
+  return i.filterPlacementsBySide = function(t) {
+    return this.placements.filter(function(n) {
+      return n.primary === t;
+    });
+  }, i.findFirstPlacementThatFits = function() {
+    return this.placements.find(function(t) {
+      return t.fitsContainer;
+    });
+  }, i.placementWithBiggestVisibleSurface = function() {
+    var t = this.placements.map(function(o) {
+      return {
+        placement: o,
+        surface: o.visibleSurface
+      };
+    }).sort(function(o, s) {
+      return s.surface - o.surface;
+    }), n = t[0].placement;
+    return n;
+  }, i.findSuitablePlacement = function() {
+    return this.config.auto ? this.findFirstPlacementThatFits() || this.placementWithBiggestVisibleSurface() : this.placements[0];
+  }, i.getSecondaryOffset = function(t) {
+    var n = this.config, o = n.auto, s = n.snap;
+    if (!o || s || t instanceof Ce)
+      return 0;
+    var a = this.filterPlacementsBySide(t.primary), c = a.indexOf(t) === 0;
+    if (c && t.fitsContainer)
+      return 0;
+    var u = a.find(function(h) {
+      return !h.fitsContainer;
+    });
+    if (!u)
+      return 0;
+    var f = u.secondaryOffsetSide;
+    if (!f)
+      return 0;
+    var l = t.getContainerOffsets(), d = t.secondary, p;
+    t.triggerIsBigger || u === t ? p = f.isPush ? -1 : 1 : p = d === S.left || [S.top, S.center].includes(d) && f.isPush ? -1 : 1;
+    var v = l[f.prop];
+    return v * p;
+  }, i.getStyles = function(t, n, o, s) {
+    var a = {
+      willChange: "top, left, width, height"
+    }, c = gt(this.subjectsBounds.merge({
+      layer: t
+    }), n, this.config.arrowOffset), u = this.config.overflowContainer ? H({}, a, {
+      position: "fixed",
+      top: t.top,
+      left: t.left
+    }) : H({}, a, {
+      position: "absolute",
+      top: t.top - this.subjectsBounds.parent.top + o.top - s.top,
+      left: t.left - this.subjectsBounds.parent.left + o.left - s.left
+    });
+    return {
+      arrow: c,
+      layer: u
+    };
+  }, i.getHasDisappeared = function(t) {
+    var n = this.config.overflowContainer ? this.subjectsBounds.trigger : t, o = ce.mergeSmallestSides(this.subjectsBounds.offsetsToScrollContainers(n, !0)), s = Object.entries(o.negativeSides), a = s.some(function(c) {
+      var u = c[0], f = c[1], l = E[u];
+      return f <= -n[l.sizeProp];
+    });
+    return a ? "full" : o.allSidesArePositive ? null : "partial";
+  }, i.result = function(t, n) {
+    var o = this.findSuitablePlacement(), s = this.getSecondaryOffset(o), a = o.getLayerBounds(s), c = this.getStyles(a, o, t, n), u = o.primary.prop;
+    return {
+      styles: c,
+      layerSide: u,
+      placement: o,
+      layerBounds: a,
+      hasDisappeared: this.getHasDisappeared(a)
+    };
+  }, e;
+})(), yt = /* @__PURE__ */ (function() {
+  function e(r, t) {
+    this.overflowContainer = void 0, this.trigger = void 0, this.layer = void 0, this.arrow = void 0, this.parent = void 0, this.window = void 0, this.scrollContainers = void 0, this.overflowContainer = t, Object.assign(this, r);
+  }
+  e.create = function(t, n, o, s, a, c, u, f) {
+    var l = $.fromWindow(t);
+    return new e({
+      layer: $.fromElement(n, {
+        environment: t,
+        withTransform: !1
+      }),
+      trigger: f ? $.create(fe(f())) : $.fromElement(o),
+      arrow: a ? $.fromElement(a) : $.empty(),
+      parent: s ? $.fromElement(s) : l,
+      window: l,
+      scrollContainers: [l].concat(c.map(function(d) {
+        return $.fromElement(d, {
+          withScrollbars: !1
+        });
+      }))
+    }, u);
+  };
+  var i = e.prototype;
+  return i.merge = function(t) {
+    return new e(H({}, this, t), this.overflowContainer);
+  }, i.offsetsToScrollContainers = function(t, n) {
+    n === void 0 && (n = !1);
+    var o = this.overflowContainer && !n ? [this.window] : this.scrollContainers;
+    return o.map(function(s) {
+      return s.offsetsTo(t);
+    });
+  }, ie(e, [{
+    key: "layerOffsetsToScrollContainers",
+    get: function() {
+      return this.offsetsToScrollContainers(this.layer);
+    }
+  }, {
+    key: "triggerHasBiggerWidth",
+    get: function() {
+      return this.trigger.width > this.layer.width;
+    }
+  }, {
+    key: "triggerHasBiggerHeight",
+    get: function() {
+      return this.trigger.height > this.layer.height;
+    }
+  }]), e;
+})(), Te = null, A = {
+  auto: !1,
+  arrowOffset: 0,
+  containerOffset: 10,
+  triggerOffset: 0,
+  overflowContainer: !0,
+  placement: "top-center",
+  possiblePlacements: ct,
+  preferX: "right",
+  preferY: "bottom",
+  snap: !1,
+  container: void 0
+};
+function Ot(e) {
+  var i, r = e.isOpen, t = r === void 0 ? !1 : r, n = e.overflowContainer, o = n === void 0 ? A.overflowContainer : n, s = e.environment, a = s === void 0 ? typeof window < "u" ? window : void 0 : s, c = e.ResizeObserver, u = e.placement, f = u === void 0 ? A.placement : u, l = e.possiblePlacements, d = l === void 0 ? A.possiblePlacements : l, p = e.preferX, v = p === void 0 ? A.preferX : p, h = e.preferY, w = h === void 0 ? A.preferY : h, m = e.auto, g = m === void 0 ? A.auto : m, P = e.snap, F = P === void 0 ? A.snap : P, B = e.triggerOffset, R = B === void 0 ? A.triggerOffset : B, k = e.containerOffset, y = k === void 0 ? A.containerOffset : k, b = e.arrowOffset, C = b === void 0 ? A.arrowOffset : b, O = e.container, j = O === void 0 ? A.container : O, T = e.layerDimensions, Y = T === void 0 ? null : T, M = e.onDisappear, G = e.onOutsideClick, U = e.onParentClose, z = e.trigger, X = Le(function() {
+    return {
+      layerSide: f === "center" ? "center" : Pe.getSidesFromPlacementType(f)[0].prop,
+      styles: {
+        layer: {
+          position: o ? "fixed" : "absolute",
+          top: 0,
+          left: 0
+        },
+        arrow: {
+          position: "absolute",
+          top: 0,
+          left: 0
+        }
+      }
+    };
+  }), D = X[0], Q = X[1], _ = L(null), N = ot(D, t), x = L({
+    cancelled: !1
+  });
+  V(function() {
+    return function() {
+      x.current.cancelled = !0;
+    };
+  }, []);
+  var ee = W(function(q, Me, xe) {
+    var Fe = q.arrow, Ye = q.layer, he = q.scrollContainers, Ge = q.trigger, Xe = he[0], _e = yt.create(a, Ye, Ge, Xe, Fe, he, o, z?.getBounds), Ve = {
+      placement: f,
+      possiblePlacements: d,
+      auto: g,
+      layerDimensions: Y,
+      arrowOffset: C,
+      containerOffset: y,
+      triggerOffset: R,
+      preferX: v,
+      preferY: w,
+      snap: F,
+      overflowContainer: o
+    }, oe = Pe.create(_e, Ve).result(Me, xe), ge = oe.hasDisappeared, Ue = oe.layerSide, qe = oe.styles, se = {
+      layerSide: Ue,
+      styles: qe
+    };
+    if (!N.current || mt(N.current, se)) {
+      N.current = se, x.current.cancelled = !0;
+      var ye = {
+        cancelled: !1
+      };
+      x.current = ye, Promise.resolve().then(function() {
+        ye.cancelled || Q(se);
+      });
+    }
+    be(ge) && be(M) && M(ge);
+  }, [C, g, y, a, Y, M, o, f, d, v, w, F, R, N, z]), te = at({
+    ResizeObserverPolyfill: c,
+    environment: a,
+    enabled: t,
+    overflowContainer: o,
+    onChange: ee,
+    triggerOption: z
+  }), Ie = te.triggerRef, $e = te.layerRef, ke = te.arrowRef, de = te.closestScrollContainer, ve = ft({
+    isOpen: t,
+    onOutsideClick: G,
+    onParentClose: U
+  }), pe = ve.closeOnOutsideClickRefs, De = ve.registrations, Ne = {
+    triggerProps: z ? {} : {
+      ref: Se(Ie, pe.trigger, _)
+    },
+    layerProps: {
+      ref: Se($e, pe.layer),
+      style: D.styles.layer
+    },
+    arrowProps: {
+      ref: ke,
+      style: D.styles.arrow,
+      layerSide: D.layerSide
+    },
+    layerSide: D.layerSide,
+    triggerBounds: t ? z ? z.getBounds() : (i = _.current) == null ? void 0 : i.getBoundingClientRect() : null,
+    renderLayer: function(q) {
+      return typeof document < "u" ? Ze(He(ut, {
+        registrations: De,
+        children: q
+      }), o || !de ? wt(j) : de) : null;
+    }
+  };
+  return Ne;
+}
+function mt(e, i) {
+  if (e.layerSide !== i.layerSide)
+    return !0;
+  for (var r = ["position", "top", "left", "right", "bottom"], t = 0, n = r; t < n.length; t++) {
+    var o = n[t];
+    if (e.styles.layer[o] !== i.styles.layer[o] || e.styles.arrow[o] !== i.styles.arrow[o])
+      return !0;
+  }
+  return !1;
+}
+var Be = "layers";
+function wt(e) {
+  var i;
+  if (typeof e == "function") {
+    if (i = e(), !i || !(i instanceof HTMLElement))
+      throw new Error("react-laag: You've passed a function to the 'container' prop, but it returned no valid HTMLElement");
+  } else if (e instanceof HTMLElement)
+    i = e;
+  else if (typeof e == "string") {
+    if (i = document.getElementById(e), !i)
+      throw new Error("react-laag: You've passed element with id '" + e + "' to the 'container' prop, but it returned no valid HTMLElement");
+  } else {
+    if (Te instanceof HTMLElement)
+      return Te;
+    i = document.getElementById(Be), i || (i = document.createElement("div"), i.id = Be, i.style.cssText = `
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        right: 0px;
+      `, document.body.appendChild(i));
+  }
+  return i;
+}
+var I;
+(function(e) {
+  e[e.ENTERING = 0] = "ENTERING", e[e.LEAVING = 1] = "LEAVING", e[e.IDLE = 2] = "IDLE";
+})(I || (I = {}));
+function Ct(e) {
+  var i = e === void 0 ? {} : e, r = i.delayEnter, t = r === void 0 ? 0 : r, n = i.delayLeave, o = n === void 0 ? 0 : n, s = i.hideOnScroll, a = s === void 0 ? !0 : s, c = Le(!1), u = c[0], f = c[1], l = L(null), d = L(I.IDLE), p = L(!1), v = W(function() {
+    clearTimeout(l.current), l.current = null, d.current = I.IDLE;
+  }, []);
+  function h() {
+    d.current === I.LEAVING && l.current && v(), !u && (d.current = I.ENTERING, l.current = window.setTimeout(function() {
+      f(!0), l.current = null, d.current = I.IDLE;
+    }, t));
+  }
+  function w(g, P) {
+    if (d.current === I.ENTERING && l.current && v(), !!u) {
+      if (P) {
+        f(!1), l.current = null, d.current = I.IDLE;
+        return;
+      }
+      d.current = I.LEAVING, l.current = window.setTimeout(function() {
+        f(!1), l.current = null, d.current = I.IDLE;
+      }, o);
+    }
+  }
+  V(function() {
+    function g() {
+      u && a && (v(), f(!1));
+    }
+    return window.addEventListener("scroll", g, !0), function() {
+      window.removeEventListener("scroll", g, !0), l.current && clearTimeout(l.current);
+    };
+  }, [u, a, v]);
+  var m = {
+    onMouseEnter: h,
+    onMouseLeave: w,
+    onTouchStart: function() {
+      p.current = !1;
+    },
+    onTouchMove: function() {
+      p.current = !0;
+    },
+    onTouchEnd: function() {
+      !p.current && !u && f(!0), p.current = !1;
+    }
+  };
+  return [u, m, function() {
+    return w(null, !0);
+  }];
+}
+export {
+  A as DEFAULT_OPTIONS,
+  ct as PLACEMENT_TYPES,
+  Se as mergeRefs,
+  Ct as useHover,
+  Ot as useLayer
+};