@getflip/swirl-components-react 0.1.0

package/dist/flip-popover.entry.18c5ead6.js

@@ -0,0 +1,878 @@
+import { r as Rt, h as S, H as Tt, g as St } from "./main.7e7363a7.js";
+import { c as Et } from "./index-3c78bcaf.2675909b.js";
+import { q as Pt } from "./utils-03e3261c.f5223801.js";
+import "react";
+import "react-dom";
+function j(t) {
+  return t.split("-")[0];
+}
+function pt(t) {
+  return t.split("-")[1];
+}
+function Q(t) {
+  return ["top", "bottom"].includes(j(t)) ? "x" : "y";
+}
+function ht(t) {
+  return t === "y" ? "height" : "width";
+}
+function it(t, e, o) {
+  let {
+    reference: n,
+    floating: i
+  } = t;
+  const s = n.x + n.width / 2 - i.width / 2, a = n.y + n.height / 2 - i.height / 2, r = Q(e), l = ht(r), c = n[l] / 2 - i[l] / 2, p = j(e), d = r === "x";
+  let f;
+  switch (p) {
+    case "top":
+      f = {
+        x: s,
+        y: n.y - i.height
+      };
+      break;
+    case "bottom":
+      f = {
+        x: s,
+        y: n.y + n.height
+      };
+      break;
+    case "right":
+      f = {
+        x: n.x + n.width,
+        y: a
+      };
+      break;
+    case "left":
+      f = {
+        x: n.x - i.width,
+        y: a
+      };
+      break;
+    default:
+      f = {
+        x: n.x,
+        y: n.y
+      };
+  }
+  switch (pt(e)) {
+    case "start":
+      f[r] -= c * (o && d ? -1 : 1);
+      break;
+    case "end":
+      f[r] += c * (o && d ? -1 : 1);
+      break;
+  }
+  return f;
+}
+const Lt = async (t, e, o) => {
+  const {
+    placement: n = "bottom",
+    strategy: i = "absolute",
+    middleware: s = [],
+    platform: a
+  } = o, r = await (a.isRTL == null ? void 0 : a.isRTL(e));
+  let l = await a.getElementRects({
+    reference: t,
+    floating: e,
+    strategy: i
+  }), {
+    x: c,
+    y: p
+  } = it(l, n, r), d = n, f = {}, h = 0;
+  for (let m = 0; m < s.length; m++) {
+    const {
+      name: u,
+      fn: v
+    } = s[m], {
+      x: g,
+      y: w,
+      data: k,
+      reset: y
+    } = await v({
+      x: c,
+      y: p,
+      initialPlacement: n,
+      placement: d,
+      strategy: i,
+      middlewareData: f,
+      rects: l,
+      platform: a,
+      elements: {
+        reference: t,
+        floating: e
+      }
+    });
+    if (c = g != null ? g : c, p = w != null ? w : p, f = {
+      ...f,
+      [u]: {
+        ...f[u],
+        ...k
+      }
+    }, y && h <= 50) {
+      h++, typeof y == "object" && (y.placement && (d = y.placement), y.rects && (l = y.rects === !0 ? await a.getElementRects({
+        reference: t,
+        floating: e,
+        strategy: i
+      }) : y.rects), {
+        x: c,
+        y: p
+      } = it(l, d, r)), m = -1;
+      continue;
+    }
+  }
+  return {
+    x: c,
+    y: p,
+    placement: d,
+    strategy: i,
+    middlewareData: f
+  };
+};
+function Ot(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function Bt(t) {
+  return typeof t != "number" ? Ot(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function N(t) {
+  return {
+    ...t,
+    top: t.y,
+    left: t.x,
+    right: t.x + t.width,
+    bottom: t.y + t.height
+  };
+}
+async function mt(t, e) {
+  var o;
+  e === void 0 && (e = {});
+  const {
+    x: n,
+    y: i,
+    platform: s,
+    rects: a,
+    elements: r,
+    strategy: l
+  } = t, {
+    boundary: c = "clippingAncestors",
+    rootBoundary: p = "viewport",
+    elementContext: d = "floating",
+    altBoundary: f = !1,
+    padding: h = 0
+  } = e, m = Bt(h), v = r[f ? d === "floating" ? "reference" : "floating" : d], g = N(await s.getClippingRect({
+    element: (o = await (s.isElement == null ? void 0 : s.isElement(v))) == null || o ? v : v.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(r.floating)),
+    boundary: c,
+    rootBoundary: p,
+    strategy: l
+  })), w = N(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+    rect: d === "floating" ? {
+      ...a.floating,
+      x: n,
+      y: i
+    } : a.reference,
+    offsetParent: await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(r.floating)),
+    strategy: l
+  }) : a[d]);
+  return {
+    top: g.top - w.top + m.top,
+    bottom: w.bottom - g.bottom + m.bottom,
+    left: g.left - w.left + m.left,
+    right: w.right - g.right + m.right
+  };
+}
+const Dt = Math.min, Mt = Math.max;
+function rt(t, e, o) {
+  return Mt(t, Dt(e, o));
+}
+const It = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+function Y(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => It[e]);
+}
+function Ht(t, e, o) {
+  o === void 0 && (o = !1);
+  const n = pt(t), i = Q(t), s = ht(i);
+  let a = i === "x" ? n === (o ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
+  return e.reference[s] > e.floating[s] && (a = Y(a)), {
+    main: a,
+    cross: Y(a)
+  };
+}
+const Ft = {
+  start: "end",
+  end: "start"
+};
+function st(t) {
+  return t.replace(/start|end/g, (e) => Ft[e]);
+}
+function Vt(t) {
+  const e = Y(t);
+  return [st(t), e, st(e)];
+}
+const Wt = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "flip",
+    options: t,
+    async fn(e) {
+      var o;
+      const {
+        placement: n,
+        middlewareData: i,
+        rects: s,
+        initialPlacement: a,
+        platform: r,
+        elements: l
+      } = e, {
+        mainAxis: c = !0,
+        crossAxis: p = !0,
+        fallbackPlacements: d,
+        fallbackStrategy: f = "bestFit",
+        flipAlignment: h = !0,
+        ...m
+      } = t, u = j(n), g = d || (u === a || !h ? [Y(a)] : Vt(a)), w = [a, ...g], k = await mt(e, m), y = [];
+      let H = ((o = i.flip) == null ? void 0 : o.overflows) || [];
+      if (c && y.push(k[u]), p) {
+        const {
+          main: L,
+          cross: F
+        } = Ht(n, s, await (r.isRTL == null ? void 0 : r.isRTL(l.floating)));
+        y.push(k[L], k[F]);
+      }
+      if (H = [...H, {
+        placement: n,
+        overflows: y
+      }], !y.every((L) => L <= 0)) {
+        var tt, et;
+        const L = ((tt = (et = i.flip) == null ? void 0 : et.index) != null ? tt : 0) + 1, F = w[L];
+        if (F)
+          return {
+            data: {
+              index: L,
+              overflows: H
+            },
+            reset: {
+              placement: F
+            }
+          };
+        let V = "bottom";
+        switch (f) {
+          case "bestFit": {
+            var ot;
+            const nt = (ot = H.map((W) => [W, W.overflows.filter((B) => B > 0).reduce((B, _t) => B + _t, 0)]).sort((W, B) => W[1] - B[1])[0]) == null ? void 0 : ot[0].placement;
+            nt && (V = nt);
+            break;
+          }
+          case "initialPlacement":
+            V = a;
+            break;
+        }
+        if (n !== V)
+          return {
+            reset: {
+              placement: V
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+function Nt(t) {
+  return t === "x" ? "y" : "x";
+}
+const Yt = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "shift",
+    options: t,
+    async fn(e) {
+      const {
+        x: o,
+        y: n,
+        placement: i
+      } = e, {
+        mainAxis: s = !0,
+        crossAxis: a = !1,
+        limiter: r = {
+          fn: (v) => {
+            let {
+              x: g,
+              y: w
+            } = v;
+            return {
+              x: g,
+              y: w
+            };
+          }
+        },
+        ...l
+      } = t, c = {
+        x: o,
+        y: n
+      }, p = await mt(e, l), d = Q(j(i)), f = Nt(d);
+      let h = c[d], m = c[f];
+      if (s) {
+        const v = d === "y" ? "top" : "left", g = d === "y" ? "bottom" : "right", w = h + p[v], k = h - p[g];
+        h = rt(w, h, k);
+      }
+      if (a) {
+        const v = f === "y" ? "top" : "left", g = f === "y" ? "bottom" : "right", w = m + p[v], k = m - p[g];
+        m = rt(w, m, k);
+      }
+      const u = r.fn({
+        ...e,
+        [d]: h,
+        [f]: m
+      });
+      return {
+        ...u,
+        data: {
+          x: u.x - o,
+          y: u.y - n
+        }
+      };
+    }
+  };
+};
+function vt(t) {
+  return t && t.document && t.location && t.alert && t.setInterval;
+}
+function _(t) {
+  if (t == null)
+    return window;
+  if (!vt(t)) {
+    const e = t.ownerDocument;
+    return e && e.defaultView || window;
+  }
+  return t;
+}
+function b(t) {
+  return _(t).getComputedStyle(t);
+}
+function A(t) {
+  return vt(t) ? "" : t ? (t.nodeName || "").toLowerCase() : "";
+}
+function gt() {
+  const t = navigator.userAgentData;
+  return t != null && t.brands ? t.brands.map((e) => e.brand + "/" + e.version).join(" ") : navigator.userAgent;
+}
+function x(t) {
+  return t instanceof _(t).HTMLElement;
+}
+function R(t) {
+  return t instanceof _(t).Element;
+}
+function $t(t) {
+  return t instanceof _(t).Node;
+}
+function O(t) {
+  if (typeof ShadowRoot > "u")
+    return !1;
+  const e = _(t).ShadowRoot;
+  return t instanceof e || t instanceof ShadowRoot;
+}
+function K(t) {
+  const {
+    overflow: e,
+    overflowX: o,
+    overflowY: n
+  } = b(t);
+  return /auto|scroll|overlay|hidden/.test(e + n + o);
+}
+function zt(t) {
+  return ["table", "td", "th"].includes(A(t));
+}
+function wt(t) {
+  const e = /firefox/i.test(gt()), o = b(t);
+  return o.transform !== "none" || o.perspective !== "none" || o.contain === "paint" || ["transform", "perspective"].includes(o.willChange) || e && o.willChange === "filter" || e && (o.filter ? o.filter !== "none" : !1);
+}
+function yt() {
+  return !/^((?!chrome|android).)*safari/i.test(gt());
+}
+const at = Math.min, D = Math.max, $ = Math.round;
+function C(t, e, o) {
+  var n, i, s, a;
+  e === void 0 && (e = !1), o === void 0 && (o = !1);
+  const r = t.getBoundingClientRect();
+  let l = 1, c = 1;
+  e && x(t) && (l = t.offsetWidth > 0 && $(r.width) / t.offsetWidth || 1, c = t.offsetHeight > 0 && $(r.height) / t.offsetHeight || 1);
+  const p = R(t) ? _(t) : window, d = !yt() && o, f = (r.left + (d && (n = (i = p.visualViewport) == null ? void 0 : i.offsetLeft) != null ? n : 0)) / l, h = (r.top + (d && (s = (a = p.visualViewport) == null ? void 0 : a.offsetTop) != null ? s : 0)) / c, m = r.width / l, u = r.height / c;
+  return {
+    width: m,
+    height: u,
+    top: h,
+    right: f + m,
+    bottom: h + u,
+    left: f,
+    x: f,
+    y: h
+  };
+}
+function T(t) {
+  return (($t(t) ? t.ownerDocument : t.document) || window.document).documentElement;
+}
+function G(t) {
+  return R(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.pageXOffset,
+    scrollTop: t.pageYOffset
+  };
+}
+function bt(t) {
+  return C(T(t)).left + G(t).scrollLeft;
+}
+function Ut(t) {
+  const e = C(t);
+  return $(e.width) !== t.offsetWidth || $(e.height) !== t.offsetHeight;
+}
+function qt(t, e, o) {
+  const n = x(e), i = T(e), s = C(
+    t,
+    n && Ut(e),
+    o === "fixed"
+  );
+  let a = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const r = {
+    x: 0,
+    y: 0
+  };
+  if (n || !n && o !== "fixed")
+    if ((A(e) !== "body" || K(i)) && (a = G(e)), x(e)) {
+      const l = C(e, !0);
+      r.x = l.x + e.clientLeft, r.y = l.y + e.clientTop;
+    } else
+      i && (r.x = bt(i));
+  return {
+    x: s.left + a.scrollLeft - r.x,
+    y: s.top + a.scrollTop - r.y,
+    width: s.width,
+    height: s.height
+  };
+}
+function xt(t) {
+  return A(t) === "html" ? t : t.assignedSlot || t.parentNode || (O(t) ? t.host : null) || T(t);
+}
+function lt(t) {
+  return !x(t) || b(t).position === "fixed" ? null : Xt(t);
+}
+function Xt(t) {
+  let {
+    offsetParent: e
+  } = t, o = t, n = !1;
+  for (; o && o !== e; ) {
+    const {
+      assignedSlot: i
+    } = o;
+    if (i) {
+      let s = i.offsetParent;
+      if (b(i).display === "contents") {
+        const a = i.hasAttribute("style"), r = i.style.display;
+        i.style.display = b(o).display, s = i.offsetParent, i.style.display = r, a || i.removeAttribute("style");
+      }
+      o = i, e !== s && (e = s, n = !0);
+    } else if (O(o) && o.host && n)
+      break;
+    o = O(o) && o.host || o.parentNode;
+  }
+  return e;
+}
+function jt(t) {
+  let e = xt(t);
+  for (O(e) && (e = e.host); x(e) && !["html", "body"].includes(A(e)); ) {
+    if (wt(e))
+      return e;
+    {
+      const o = e.parentNode;
+      e = O(o) ? o.host : o;
+    }
+  }
+  return null;
+}
+function J(t) {
+  const e = _(t);
+  let o = lt(t);
+  for (; o && zt(o) && b(o).position === "static"; )
+    o = lt(o);
+  return o && (A(o) === "html" || A(o) === "body" && b(o).position === "static" && !wt(o)) ? e : o || jt(t) || e;
+}
+function ct(t) {
+  if (x(t))
+    return {
+      width: t.offsetWidth,
+      height: t.offsetHeight
+    };
+  const e = C(t);
+  return {
+    width: e.width,
+    height: e.height
+  };
+}
+function Kt(t) {
+  let {
+    rect: e,
+    offsetParent: o,
+    strategy: n
+  } = t;
+  const i = x(o), s = T(o);
+  if (o === s)
+    return e;
+  let a = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const r = {
+    x: 0,
+    y: 0
+  };
+  if ((i || !i && n !== "fixed") && ((A(o) !== "body" || K(s)) && (a = G(o)), x(o))) {
+    const l = C(o, !0);
+    r.x = l.x + o.clientLeft, r.y = l.y + o.clientTop;
+  }
+  return {
+    ...e,
+    x: e.x - a.scrollLeft + r.x,
+    y: e.y - a.scrollTop + r.y
+  };
+}
+function Gt(t, e) {
+  const o = _(t), n = T(t), i = o.visualViewport;
+  let s = n.clientWidth, a = n.clientHeight, r = 0, l = 0;
+  if (i) {
+    s = i.width, a = i.height;
+    const c = yt();
+    (c || !c && e === "fixed") && (r = i.offsetLeft, l = i.offsetTop);
+  }
+  return {
+    width: s,
+    height: a,
+    x: r,
+    y: l
+  };
+}
+function Jt(t) {
+  var e;
+  const o = T(t), n = G(t), i = (e = t.ownerDocument) == null ? void 0 : e.body, s = D(o.scrollWidth, o.clientWidth, i ? i.scrollWidth : 0, i ? i.clientWidth : 0), a = D(o.scrollHeight, o.clientHeight, i ? i.scrollHeight : 0, i ? i.clientHeight : 0);
+  let r = -n.scrollLeft + bt(t);
+  const l = -n.scrollTop;
+  return b(i || o).direction === "rtl" && (r += D(o.clientWidth, i ? i.clientWidth : 0) - s), {
+    width: s,
+    height: a,
+    x: r,
+    y: l
+  };
+}
+function kt(t) {
+  const e = xt(t);
+  return ["html", "body", "#document"].includes(A(e)) ? t.ownerDocument.body : x(e) && K(e) ? e : kt(e);
+}
+function z(t, e) {
+  var o;
+  e === void 0 && (e = []);
+  const n = kt(t), i = n === ((o = t.ownerDocument) == null ? void 0 : o.body), s = _(n), a = i ? [s].concat(s.visualViewport || [], K(n) ? n : []) : n, r = e.concat(a);
+  return i ? r : r.concat(z(a));
+}
+function Qt(t, e) {
+  const o = e.getRootNode == null ? void 0 : e.getRootNode();
+  if (t.contains(e))
+    return !0;
+  if (o && O(o)) {
+    let n = e;
+    do {
+      if (n && t === n)
+        return !0;
+      n = n.parentNode || n.host;
+    } while (n);
+  }
+  return !1;
+}
+function Zt(t, e) {
+  const o = C(t, !1, e === "fixed"), n = o.top + t.clientTop, i = o.left + t.clientLeft;
+  return {
+    top: n,
+    left: i,
+    x: i,
+    y: n,
+    right: i + t.clientWidth,
+    bottom: n + t.clientHeight,
+    width: t.clientWidth,
+    height: t.clientHeight
+  };
+}
+function dt(t, e, o) {
+  return e === "viewport" ? N(Gt(t, o)) : R(e) ? Zt(e, o) : N(Jt(T(t)));
+}
+function te(t) {
+  const e = z(t), n = ["absolute", "fixed"].includes(b(t).position) && x(t) ? J(t) : t;
+  return R(n) ? e.filter((i) => R(i) && Qt(i, n) && A(i) !== "body") : [];
+}
+function ee(t) {
+  let {
+    element: e,
+    boundary: o,
+    rootBoundary: n,
+    strategy: i
+  } = t;
+  const a = [...o === "clippingAncestors" ? te(e) : [].concat(o), n], r = a[0], l = a.reduce((c, p) => {
+    const d = dt(e, p, i);
+    return c.top = D(d.top, c.top), c.right = at(d.right, c.right), c.bottom = at(d.bottom, c.bottom), c.left = D(d.left, c.left), c;
+  }, dt(e, r, i));
+  return {
+    width: l.right - l.left,
+    height: l.bottom - l.top,
+    x: l.left,
+    y: l.top
+  };
+}
+const oe = {
+  getClippingRect: ee,
+  convertOffsetParentRelativeRectToViewportRelativeRect: Kt,
+  isElement: R,
+  getDimensions: ct,
+  getOffsetParent: J,
+  getDocumentElement: T,
+  getElementRects: (t) => {
+    let {
+      reference: e,
+      floating: o,
+      strategy: n
+    } = t;
+    return {
+      reference: qt(e, J(o), n),
+      floating: {
+        ...ct(o),
+        x: 0,
+        y: 0
+      }
+    };
+  },
+  getClientRects: (t) => Array.from(t.getClientRects()),
+  isRTL: (t) => b(t).direction === "rtl"
+};
+function ne(t, e, o, n) {
+  n === void 0 && (n = {});
+  const {
+    ancestorScroll: i = !0,
+    ancestorResize: s = !0,
+    elementResize: a = !0,
+    animationFrame: r = !1
+  } = n, l = i && !r, c = s && !r, p = l || c ? [...R(t) ? z(t) : [], ...z(e)] : [];
+  p.forEach((u) => {
+    l && u.addEventListener("scroll", o, {
+      passive: !0
+    }), c && u.addEventListener("resize", o);
+  });
+  let d = null;
+  if (a) {
+    let u = !0;
+    d = new ResizeObserver(() => {
+      u || o(), u = !1;
+    }), R(t) && !r && d.observe(t), d.observe(e);
+  }
+  let f, h = r ? C(t) : null;
+  r && m();
+  function m() {
+    const u = C(t);
+    h && (u.x !== h.x || u.y !== h.y || u.width !== h.width || u.height !== h.height) && o(), h = u, f = requestAnimationFrame(m);
+  }
+  return o(), () => {
+    var u;
+    p.forEach((v) => {
+      l && v.removeEventListener("scroll", o), c && v.removeEventListener("resize", o);
+    }), (u = d) == null || u.disconnect(), d = null, r && cancelAnimationFrame(f);
+  };
+}
+const ie = (t, e, o) => Lt(t, e, {
+  platform: oe,
+  ...o
+});
+function re(t) {
+  if (Array.isArray(t)) {
+    for (var e = 0, o = Array(t.length); e < t.length; e++)
+      o[e] = t[e];
+    return o;
+  } else
+    return Array.from(t);
+}
+var Z = !1;
+if (typeof window < "u") {
+  var ft = {
+    get passive() {
+      Z = !0;
+    }
+  };
+  window.addEventListener("testPassive", null, ft), window.removeEventListener("testPassive", null, ft);
+}
+var U = typeof window < "u" && window.navigator && window.navigator.platform && (/iP(ad|hone|od)/.test(window.navigator.platform) || window.navigator.platform === "MacIntel" && window.navigator.maxTouchPoints > 1), P = [], q = !1, At = -1, M = void 0, E = void 0, I = void 0, Ct = function(e) {
+  return P.some(function(o) {
+    return !!(o.options.allowTouchMove && o.options.allowTouchMove(e));
+  });
+}, X = function(e) {
+  var o = e || window.event;
+  return Ct(o.target) || o.touches.length > 1 ? !0 : (o.preventDefault && o.preventDefault(), !1);
+}, se = function(e) {
+  if (I === void 0) {
+    var o = !!e && e.reserveScrollBarGap === !0, n = window.innerWidth - document.documentElement.clientWidth;
+    if (o && n > 0) {
+      var i = parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"), 10);
+      I = document.body.style.paddingRight, document.body.style.paddingRight = i + n + "px";
+    }
+  }
+  M === void 0 && (M = document.body.style.overflow, document.body.style.overflow = "hidden");
+}, ae = function() {
+  I !== void 0 && (document.body.style.paddingRight = I, I = void 0), M !== void 0 && (document.body.style.overflow = M, M = void 0);
+}, le = function() {
+  return window.requestAnimationFrame(function() {
+    if (E === void 0) {
+      E = {
+        position: document.body.style.position,
+        top: document.body.style.top,
+        left: document.body.style.left
+      };
+      var e = window, o = e.scrollY, n = e.scrollX, i = e.innerHeight;
+      document.body.style.position = "fixed", document.body.style.top = -o, document.body.style.left = -n, setTimeout(function() {
+        return window.requestAnimationFrame(function() {
+          var s = i - window.innerHeight;
+          s && o >= i && (document.body.style.top = -(o + s));
+        });
+      }, 300);
+    }
+  });
+}, ce = function() {
+  if (E !== void 0) {
+    var e = -parseInt(document.body.style.top, 10), o = -parseInt(document.body.style.left, 10);
+    document.body.style.position = E.position, document.body.style.top = E.top, document.body.style.left = E.left, window.scrollTo(o, e), E = void 0;
+  }
+}, de = function(e) {
+  return e ? e.scrollHeight - e.scrollTop <= e.clientHeight : !1;
+}, fe = function(e, o) {
+  var n = e.targetTouches[0].clientY - At;
+  return Ct(e.target) ? !1 : o && o.scrollTop === 0 && n > 0 || de(o) && n < 0 ? X(e) : (e.stopPropagation(), !0);
+}, ue = function(e, o) {
+  if (!e) {
+    console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.");
+    return;
+  }
+  if (!P.some(function(i) {
+    return i.targetElement === e;
+  })) {
+    var n = {
+      targetElement: e,
+      options: o || {}
+    };
+    P = [].concat(re(P), [n]), U ? le() : se(o), U && (e.ontouchstart = function(i) {
+      i.targetTouches.length === 1 && (At = i.targetTouches[0].clientY);
+    }, e.ontouchmove = function(i) {
+      i.targetTouches.length === 1 && fe(i, e);
+    }, q || (document.addEventListener("touchmove", X, Z ? { passive: !1 } : void 0), q = !0));
+  }
+}, ut = function(e) {
+  if (!e) {
+    console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.");
+    return;
+  }
+  P = P.filter(function(o) {
+    return o.targetElement !== e;
+  }), U && (e.ontouchstart = null, e.ontouchmove = null, q && P.length === 0 && (document.removeEventListener("touchmove", X, Z ? { passive: !1 } : void 0), q = !1)), U ? ce() : ae();
+};
+const pe = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{-webkit-animation:0.15s popover-fade-in;animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{-webkit-animation:none;animation:none}}.popover--active:not(.popover--closing) .popover__content{-webkit-animation:0.15s popover-slide-in;animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;-webkit-animation:0.15s popover-fade-scale-in;animation:0.15s popover-fade-scale-in}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{-webkit-animation:none;animation:none}}.popover--closing .popover__backdrop{-webkit-animation:0.15s popover-fade-out;animation:0.15s popover-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{-webkit-animation:none;animation:none}}.popover--closing .popover__content{-webkit-animation:0.15s popover-slide-out;animation:0.15s popover-slide-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{-webkit-animation:0.15s popover-fade-out;animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{-webkit-animation:none;animation:none}}.popover--inactive .popover__content{display:none}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);-webkit-animation:0.15s popover-backdrop-fade-in;animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{-webkit-animation:none;animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-xl);-webkit-animation:none;animation:none;box-shadow:0.125rem 0.25rem 2.5rem rgba(0, 0, 0, 0.14)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:19rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@-webkit-keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@-webkit-keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes popover-fade-scale-in{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}", he = class {
+  constructor(t) {
+    Rt(this, t), this.active = !1, this.closing = !1, this.close = () => {
+      var e;
+      this.closing || (this.disableAutoUpdate && this.disableAutoUpdate(), this.closing = !0, setTimeout(() => {
+        this.active = !1, this.closing = !1, this.updateTriggerAttributes();
+      }, 150), this.unlockBodyScroll(), (e = this.triggerEl) === null || e === void 0 || e.focus());
+    }, this.open = () => {
+      this.active = !0, this.updateChildMenuItems(), this.updateTriggerAttributes(), requestAnimationFrame(async () => {
+        await this.reposition(), this.childMenuItems.length > 0 ? this.childMenuItems[0].focus() : this.contentContainer.focus(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = ne(this.triggerEl, this.contentContainer, this.reposition), this.scrollContainer.scrollTop = 0, this.lockBodyScroll();
+      });
+    }, this.toggle = () => {
+      this.active ? this.close() : this.open();
+    }, this.onKeydown = (e) => {
+      e.code === "Escape" && this.active && this.close();
+    }, this.onContentClick = () => {
+      !this.active || this.close();
+    }, this.reposition = async () => {
+      const e = !window.matchMedia("(min-width: 768px)").matches;
+      if (!(!Boolean(this.triggerEl) || !Boolean(this.contentContainer))) {
+        if (e) {
+          this.position = void 0;
+          return;
+        }
+        this.position = await ie(this.triggerEl, this.contentContainer, {
+          middleware: [Yt(), Wt()],
+          placement: "bottom-start",
+          strategy: "fixed"
+        });
+      }
+    };
+  }
+  componentDidLoad() {
+    this.connectTrigger(), this.updateChildMenuItems(), this.updateTriggerAttributes();
+  }
+  disconnectedCallback() {
+    ut(this.scrollContainer);
+  }
+  onWindowFocusout(t) {
+    if (!this.active)
+      return;
+    const e = t.relatedTarget;
+    (e === null || !this.el.contains(e) && !this.childMenuItems.some((n) => {
+      var i;
+      return (i = e.shadowRoot) === null || i === void 0 ? void 0 : i.contains(n);
+    })) && this.close();
+  }
+  connectTrigger() {
+    var t;
+    const e = document.querySelector(`#${this.trigger}`);
+    this.triggerEl = (e == null ? void 0 : e.children[0]) || ((t = e == null ? void 0 : e.shadowRoot) === null || t === void 0 ? void 0 : t.children[0]) || e, Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", this.toggle);
+  }
+  updateTriggerAttributes() {
+    !Boolean(this.triggerEl) || (this.triggerEl.setAttribute("aria-controls", this.popoverId), this.triggerEl.setAttribute("aria-expanded", String(this.active)), this.triggerEl.setAttribute("aria-haspopup", "dialog"));
+  }
+  updateChildMenuItems() {
+    this.childMenuItems = Pt(this.el, '[role="menuitem"]');
+  }
+  lockBodyScroll() {
+    window.matchMedia("(min-width: 768px)").matches || ue(this.scrollContainer);
+  }
+  unlockBodyScroll() {
+    ut(this.scrollContainer);
+  }
+  render() {
+    var t, e;
+    const o = Et("popover", {
+      "popover--closing": this.closing,
+      "popover--active": this.active,
+      "popover--inactive": !this.active
+    });
+    return S(Tt, { id: this.popoverId }, S("div", { class: o, onKeyDown: this.onKeydown }, S("div", { "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", onClick: this.onContentClick, role: "dialog", tabindex: "-1", ref: (n) => this.contentContainer = n, style: {
+      top: Boolean(this.position) ? `${(t = this.position) === null || t === void 0 ? void 0 : t.y}px` : "",
+      left: Boolean(this.position) ? `${(e = this.position) === null || e === void 0 ? void 0 : e.x}px` : ""
+    } }, S("span", { class: "popover__handle" }), S("div", { class: "popover__scroll-container", ref: (n) => this.scrollContainer = n }, S("slot", null))), this.active && S("div", { class: "popover__backdrop", onClick: this.close })));
+  }
+  get el() {
+    return St(this);
+  }
+};
+he.style = pe;
+export {
+  he as flip_popover
+};