@getflip/swirl-components-react 0.1.0 → 0.2.0

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

@@ -1,878 +0,0 @@
-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
-};