@ed.yakovich/component-library 0.0.1

package/dist/prism-popover.entry-LmDvzCiR.js

@@ -0,0 +1,1013 @@
+import { r as Rt, h as U, H as Ft, g as Tt } from "./index-C9Rf5U9q.js";
+import { g as It } from "./index-e6818ded-r_t6ryaW.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
+ */
+const $ = Math.min, M = Math.max, Z = Math.round, Q = Math.floor, S = (t) => ({
+  x: t,
+  y: t
+}), Pt = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, St = {
+  start: "end",
+  end: "start"
+};
+function rt(t, e, o) {
+  return M(t, $(e, o));
+}
+function G(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function B(t) {
+  return t.split("-")[0];
+}
+function K(t) {
+  return t.split("-")[1];
+}
+function bt(t) {
+  return t === "x" ? "y" : "x";
+}
+function lt(t) {
+  return t === "y" ? "height" : "width";
+}
+function ot(t) {
+  return ["top", "bottom"].includes(B(t)) ? "y" : "x";
+}
+function ct(t) {
+  return bt(ot(t));
+}
+function Dt(t, e, o) {
+  o === void 0 && (o = !1);
+  const n = K(t), i = ct(t), s = lt(i);
+  let r = i === "x" ? n === (o ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
+  return e.reference[s] > e.floating[s] && (r = tt(r)), [r, tt(r)];
+}
+function Nt(t) {
+  const e = tt(t);
+  return [st(t), e, st(e)];
+}
+function st(t) {
+  return t.replace(/start|end/g, (e) => St[e]);
+}
+function Ut(t, e, o) {
+  const n = ["left", "right"], i = ["right", "left"], s = ["top", "bottom"], r = ["bottom", "top"];
+  switch (t) {
+    case "top":
+    case "bottom":
+      return o ? e ? i : n : e ? n : i;
+    case "left":
+    case "right":
+      return e ? s : r;
+    default:
+      return [];
+  }
+}
+function Mt(t, e, o, n) {
+  const i = K(t);
+  let s = Ut(B(t), o === "start", n);
+  return i && (s = s.map((r) => r + "-" + i), e && (s = s.concat(s.map(st)))), s;
+}
+function tt(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => Pt[e]);
+}
+function Bt(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function wt(t) {
+  return typeof t != "number" ? Bt(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function et(t) {
+  return {
+    ...t,
+    top: t.y,
+    left: t.x,
+    right: t.x + t.width,
+    bottom: t.y + t.height
+  };
+}
+function dt(t, e, o) {
+  let {
+    reference: n,
+    floating: i
+  } = t;
+  const s = ot(e), r = ct(e), l = lt(r), c = B(e), a = s === "y", d = n.x + n.width / 2 - i.width / 2, u = n.y + n.height / 2 - i.height / 2, m = n[l] / 2 - i[l] / 2;
+  let f;
+  switch (c) {
+    case "top":
+      f = {
+        x: d,
+        y: n.y - i.height
+      };
+      break;
+    case "bottom":
+      f = {
+        x: d,
+        y: n.y + n.height
+      };
+      break;
+    case "right":
+      f = {
+        x: n.x + n.width,
+        y: u
+      };
+      break;
+    case "left":
+      f = {
+        x: n.x - i.width,
+        y: u
+      };
+      break;
+    default:
+      f = {
+        x: n.x,
+        y: n.y
+      };
+  }
+  switch (K(e)) {
+    case "start":
+      f[r] -= m * (o && a ? -1 : 1);
+      break;
+    case "end":
+      f[r] += m * (o && a ? -1 : 1);
+      break;
+  }
+  return f;
+}
+const Wt = async (t, e, o) => {
+  const {
+    placement: n = "bottom",
+    strategy: i = "absolute",
+    middleware: s = [],
+    platform: r
+  } = o, l = s.filter(Boolean), c = await (r.isRTL == null ? void 0 : r.isRTL(e));
+  let a = await r.getElementRects({
+    reference: t,
+    floating: e,
+    strategy: i
+  }), {
+    x: d,
+    y: u
+  } = dt(a, n, c), m = n, f = {}, h = 0;
+  for (let p = 0; p < l.length; p++) {
+    const {
+      name: b,
+      fn: g
+    } = l[p], {
+      x: w,
+      y: x,
+      data: v,
+      reset: y
+    } = await g({
+      x: d,
+      y: u,
+      initialPlacement: n,
+      placement: m,
+      strategy: i,
+      middlewareData: f,
+      rects: a,
+      platform: r,
+      elements: {
+        reference: t,
+        floating: e
+      }
+    });
+    d = w ?? d, u = x ?? u, f = {
+      ...f,
+      [b]: {
+        ...f[b],
+        ...v
+      }
+    }, y && h <= 50 && (h++, typeof y == "object" && (y.placement && (m = y.placement), y.rects && (a = y.rects === !0 ? await r.getElementRects({
+      reference: t,
+      floating: e,
+      strategy: i
+    }) : y.rects), {
+      x: d,
+      y: u
+    } = dt(a, m, c)), p = -1);
+  }
+  return {
+    x: d,
+    y: u,
+    placement: m,
+    strategy: i,
+    middlewareData: f
+  };
+};
+async function xt(t, e) {
+  var o;
+  e === void 0 && (e = {});
+  const {
+    x: n,
+    y: i,
+    platform: s,
+    rects: r,
+    elements: l,
+    strategy: c
+  } = t, {
+    boundary: a = "clippingAncestors",
+    rootBoundary: d = "viewport",
+    elementContext: u = "floating",
+    altBoundary: m = !1,
+    padding: f = 0
+  } = G(e, t), h = wt(f), b = l[m ? u === "floating" ? "reference" : "floating" : u], g = et(await s.getClippingRect({
+    element: (o = await (s.isElement == null ? void 0 : s.isElement(b))) == null || o ? b : b.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(l.floating)),
+    boundary: a,
+    rootBoundary: d,
+    strategy: c
+  })), w = u === "floating" ? {
+    ...r.floating,
+    x: n,
+    y: i
+  } : r.reference, x = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l.floating)), v = await (s.isElement == null ? void 0 : s.isElement(x)) ? await (s.getScale == null ? void 0 : s.getScale(x)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, y = et(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: l,
+    rect: w,
+    offsetParent: x,
+    strategy: c
+  }) : w);
+  return {
+    top: (g.top - y.top + h.top) / v.y,
+    bottom: (y.bottom - g.bottom + h.bottom) / v.y,
+    left: (g.left - y.left + h.left) / v.x,
+    right: (y.right - g.right + h.right) / v.x
+  };
+}
+const Vt = (t) => ({
+  name: "arrow",
+  options: t,
+  async fn(e) {
+    const {
+      x: o,
+      y: n,
+      placement: i,
+      rects: s,
+      platform: r,
+      elements: l,
+      middlewareData: c
+    } = e, {
+      element: a,
+      padding: d = 0
+    } = G(t, e) || {};
+    if (a == null)
+      return {};
+    const u = wt(d), m = {
+      x: o,
+      y: n
+    }, f = ct(i), h = lt(f), p = await r.getDimensions(a), b = f === "y", g = b ? "top" : "left", w = b ? "bottom" : "right", x = b ? "clientHeight" : "clientWidth", v = s.reference[h] + s.reference[f] - m[f] - s.floating[h], y = m[f] - s.reference[f], L = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a));
+    let C = L ? L[x] : 0;
+    (!C || !await (r.isElement == null ? void 0 : r.isElement(L))) && (C = l.floating[x] || s.floating[h]);
+    const N = v / 2 - y / 2, z = C / 2 - p[h] / 2 - 1, j = $(u[g], z), X = $(u[w], z), A = j, Y = C - p[h] - X, E = C / 2 - p[h] / 2 + N, O = rt(A, E, Y), R = !c.arrow && K(i) != null && E !== O && s.reference[h] / 2 - (E < A ? j : X) - p[h] / 2 < 0, T = R ? E < A ? E - A : E - Y : 0;
+    return {
+      [f]: m[f] + T,
+      data: {
+        [f]: O,
+        centerOffset: E - O - T,
+        ...R && {
+          alignmentOffset: T
+        }
+      },
+      reset: R
+    };
+  }
+}), $t = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "flip",
+    options: t,
+    async fn(e) {
+      var o, n;
+      const {
+        placement: i,
+        middlewareData: s,
+        rects: r,
+        initialPlacement: l,
+        platform: c,
+        elements: a
+      } = e, {
+        mainAxis: d = !0,
+        crossAxis: u = !0,
+        fallbackPlacements: m,
+        fallbackStrategy: f = "bestFit",
+        fallbackAxisSideDirection: h = "none",
+        flipAlignment: p = !0,
+        ...b
+      } = G(t, e);
+      if ((o = s.arrow) != null && o.alignmentOffset)
+        return {};
+      const g = B(i), w = B(l) === l, x = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), v = m || (w || !p ? [tt(l)] : Nt(l));
+      !m && h !== "none" && v.push(...Mt(l, p, h, x));
+      const y = [l, ...v], L = await xt(e, b), C = [];
+      let N = ((n = s.flip) == null ? void 0 : n.overflows) || [];
+      if (d && C.push(L[g]), u) {
+        const A = Dt(i, r, x);
+        C.push(L[A[0]], L[A[1]]);
+      }
+      if (N = [...N, {
+        placement: i,
+        overflows: C
+      }], !C.every((A) => A <= 0)) {
+        var z, j;
+        const A = (((z = s.flip) == null ? void 0 : z.index) || 0) + 1, Y = y[A];
+        if (Y)
+          return {
+            data: {
+              index: A,
+              overflows: N
+            },
+            reset: {
+              placement: Y
+            }
+          };
+        let E = (j = N.filter((O) => O.overflows[0] <= 0).sort((O, R) => O.overflows[1] - R.overflows[1])[0]) == null ? void 0 : j.placement;
+        if (!E)
+          switch (f) {
+            case "bestFit": {
+              var X;
+              const O = (X = N.map((R) => [R.placement, R.overflows.filter((T) => T > 0).reduce((T, Ot) => T + Ot, 0)]).sort((R, T) => R[1] - T[1])[0]) == null ? void 0 : X[0];
+              O && (E = O);
+              break;
+            }
+            case "initialPlacement":
+              E = l;
+              break;
+          }
+        if (i !== E)
+          return {
+            reset: {
+              placement: E
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+async function Ht(t, e) {
+  const {
+    placement: o,
+    platform: n,
+    elements: i
+  } = t, s = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), r = B(o), l = K(o), c = ot(o) === "y", a = ["left", "top"].includes(r) ? -1 : 1, d = s && c ? -1 : 1, u = G(e, t);
+  let {
+    mainAxis: m,
+    crossAxis: f,
+    alignmentAxis: h
+  } = typeof u == "number" ? {
+    mainAxis: u,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: 0,
+    crossAxis: 0,
+    alignmentAxis: null,
+    ...u
+  };
+  return l && typeof h == "number" && (f = l === "end" ? h * -1 : h), c ? {
+    x: f * d,
+    y: m * a
+  } : {
+    x: m * a,
+    y: f * d
+  };
+}
+const zt = function(t) {
+  return t === void 0 && (t = 0), {
+    name: "offset",
+    options: t,
+    async fn(e) {
+      var o, n;
+      const {
+        x: i,
+        y: s,
+        placement: r,
+        middlewareData: l
+      } = e, c = await Ht(e, t);
+      return r === ((o = l.offset) == null ? void 0 : o.placement) && (n = l.arrow) != null && n.alignmentOffset ? {} : {
+        x: i + c.x,
+        y: s + c.y,
+        data: {
+          ...c,
+          placement: r
+        }
+      };
+    }
+  };
+}, jt = 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: r = !1,
+        limiter: l = {
+          fn: (b) => {
+            let {
+              x: g,
+              y: w
+            } = b;
+            return {
+              x: g,
+              y: w
+            };
+          }
+        },
+        ...c
+      } = G(t, e), a = {
+        x: o,
+        y: n
+      }, d = await xt(e, c), u = ot(B(i)), m = bt(u);
+      let f = a[m], h = a[u];
+      if (s) {
+        const b = m === "y" ? "top" : "left", g = m === "y" ? "bottom" : "right", w = f + d[b], x = f - d[g];
+        f = rt(w, f, x);
+      }
+      if (r) {
+        const b = u === "y" ? "top" : "left", g = u === "y" ? "bottom" : "right", w = h + d[b], x = h - d[g];
+        h = rt(w, h, x);
+      }
+      const p = l.fn({
+        ...e,
+        [m]: f,
+        [u]: h
+      });
+      return {
+        ...p,
+        data: {
+          x: p.x - o,
+          y: p.y - n
+        }
+      };
+    }
+  };
+};
+function D(t) {
+  return yt(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function _(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function P(t) {
+  var e;
+  return (e = (yt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function yt(t) {
+  return t instanceof Node || t instanceof _(t).Node;
+}
+function I(t) {
+  return t instanceof Element || t instanceof _(t).Element;
+}
+function F(t) {
+  return t instanceof HTMLElement || t instanceof _(t).HTMLElement;
+}
+function ht(t) {
+  return typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof _(t).ShadowRoot;
+}
+function J(t) {
+  const {
+    overflow: e,
+    overflowX: o,
+    overflowY: n,
+    display: i
+  } = k(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + n + o) && !["inline", "contents"].includes(i);
+}
+function Xt(t) {
+  return ["table", "td", "th"].includes(D(t));
+}
+function at(t) {
+  const e = ft(), o = k(t);
+  return o.transform !== "none" || o.perspective !== "none" || (o.containerType ? o.containerType !== "normal" : !1) || !e && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !e && (o.filter ? o.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((n) => (o.willChange || "").includes(n)) || ["paint", "layout", "strict", "content"].some((n) => (o.contain || "").includes(n));
+}
+function Yt(t) {
+  let e = H(t);
+  for (; F(e) && !nt(e); ) {
+    if (at(e))
+      return e;
+    e = H(e);
+  }
+  return null;
+}
+function ft() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+function nt(t) {
+  return ["html", "body", "#document"].includes(D(t));
+}
+function k(t) {
+  return _(t).getComputedStyle(t);
+}
+function it(t) {
+  return I(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.pageXOffset,
+    scrollTop: t.pageYOffset
+  };
+}
+function H(t) {
+  if (D(t) === "html")
+    return t;
+  const e = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    ht(t) && t.host || // Fallback.
+    P(t)
+  );
+  return ht(e) ? e.host : e;
+}
+function vt(t) {
+  const e = H(t);
+  return nt(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : F(e) && J(e) ? e : vt(e);
+}
+function q(t, e, o) {
+  var n;
+  e === void 0 && (e = []), o === void 0 && (o = !0);
+  const i = vt(t), s = i === ((n = t.ownerDocument) == null ? void 0 : n.body), r = _(i);
+  return s ? e.concat(r, r.visualViewport || [], J(i) ? i : [], r.frameElement && o ? q(r.frameElement) : []) : e.concat(i, q(i, [], o));
+}
+function Et(t) {
+  const e = k(t);
+  let o = parseFloat(e.width) || 0, n = parseFloat(e.height) || 0;
+  const i = F(t), s = i ? t.offsetWidth : o, r = i ? t.offsetHeight : n, l = Z(o) !== s || Z(n) !== r;
+  return l && (o = s, n = r), {
+    width: o,
+    height: n,
+    $: l
+  };
+}
+function ut(t) {
+  return I(t) ? t : t.contextElement;
+}
+function V(t) {
+  const e = ut(t);
+  if (!F(e))
+    return S(1);
+  const o = e.getBoundingClientRect(), {
+    width: n,
+    height: i,
+    $: s
+  } = Et(e);
+  let r = (s ? Z(o.width) : o.width) / n, l = (s ? Z(o.height) : o.height) / i;
+  return (!r || !Number.isFinite(r)) && (r = 1), (!l || !Number.isFinite(l)) && (l = 1), {
+    x: r,
+    y: l
+  };
+}
+const qt = /* @__PURE__ */ S(0);
+function _t(t) {
+  const e = _(t);
+  return !ft() || !e.visualViewport ? qt : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function Gt(t, e, o) {
+  return e === void 0 && (e = !1), !o || e && o !== _(t) ? !1 : e;
+}
+function W(t, e, o, n) {
+  e === void 0 && (e = !1), o === void 0 && (o = !1);
+  const i = t.getBoundingClientRect(), s = ut(t);
+  let r = S(1);
+  e && (n ? I(n) && (r = V(n)) : r = V(t));
+  const l = Gt(s, o, n) ? _t(s) : S(0);
+  let c = (i.left + l.x) / r.x, a = (i.top + l.y) / r.y, d = i.width / r.x, u = i.height / r.y;
+  if (s) {
+    const m = _(s), f = n && I(n) ? _(n) : n;
+    let h = m, p = h.frameElement;
+    for (; p && n && f !== h; ) {
+      const b = V(p), g = p.getBoundingClientRect(), w = k(p), x = g.left + (p.clientLeft + parseFloat(w.paddingLeft)) * b.x, v = g.top + (p.clientTop + parseFloat(w.paddingTop)) * b.y;
+      c *= b.x, a *= b.y, d *= b.x, u *= b.y, c += x, a += v, h = _(p), p = h.frameElement;
+    }
+  }
+  return et({
+    width: d,
+    height: u,
+    x: c,
+    y: a
+  });
+}
+const Kt = [":popover-open", ":modal"];
+function At(t) {
+  return Kt.some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
+  });
+}
+function Jt(t) {
+  let {
+    elements: e,
+    rect: o,
+    offsetParent: n,
+    strategy: i
+  } = t;
+  const s = i === "fixed", r = P(n), l = e ? At(e.floating) : !1;
+  if (n === r || l && s)
+    return o;
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, a = S(1);
+  const d = S(0), u = F(n);
+  if ((u || !u && !s) && ((D(n) !== "body" || J(r)) && (c = it(n)), F(n))) {
+    const m = W(n);
+    a = V(n), d.x = m.x + n.clientLeft, d.y = m.y + n.clientTop;
+  }
+  return {
+    width: o.width * a.x,
+    height: o.height * a.y,
+    x: o.x * a.x - c.scrollLeft * a.x + d.x,
+    y: o.y * a.y - c.scrollTop * a.y + d.y
+  };
+}
+function Qt(t) {
+  return Array.from(t.getClientRects());
+}
+function kt(t) {
+  return W(P(t)).left + it(t).scrollLeft;
+}
+function Zt(t) {
+  const e = P(t), o = it(t), n = t.ownerDocument.body, i = M(e.scrollWidth, e.clientWidth, n.scrollWidth, n.clientWidth), s = M(e.scrollHeight, e.clientHeight, n.scrollHeight, n.clientHeight);
+  let r = -o.scrollLeft + kt(t);
+  const l = -o.scrollTop;
+  return k(n).direction === "rtl" && (r += M(e.clientWidth, n.clientWidth) - i), {
+    width: i,
+    height: s,
+    x: r,
+    y: l
+  };
+}
+function te(t, e) {
+  const o = _(t), n = P(t), i = o.visualViewport;
+  let s = n.clientWidth, r = n.clientHeight, l = 0, c = 0;
+  if (i) {
+    s = i.width, r = i.height;
+    const a = ft();
+    (!a || a && e === "fixed") && (l = i.offsetLeft, c = i.offsetTop);
+  }
+  return {
+    width: s,
+    height: r,
+    x: l,
+    y: c
+  };
+}
+function ee(t, e) {
+  const o = W(t, !0, e === "fixed"), n = o.top + t.clientTop, i = o.left + t.clientLeft, s = F(t) ? V(t) : S(1), r = t.clientWidth * s.x, l = t.clientHeight * s.y, c = i * s.x, a = n * s.y;
+  return {
+    width: r,
+    height: l,
+    x: c,
+    y: a
+  };
+}
+function mt(t, e, o) {
+  let n;
+  if (e === "viewport")
+    n = te(t, o);
+  else if (e === "document")
+    n = Zt(P(t));
+  else if (I(e))
+    n = ee(e, o);
+  else {
+    const i = _t(t);
+    n = {
+      ...e,
+      x: e.x - i.x,
+      y: e.y - i.y
+    };
+  }
+  return et(n);
+}
+function Lt(t, e) {
+  const o = H(t);
+  return o === e || !I(o) || nt(o) ? !1 : k(o).position === "fixed" || Lt(o, e);
+}
+function oe(t, e) {
+  const o = e.get(t);
+  if (o)
+    return o;
+  let n = q(t, [], !1).filter((l) => I(l) && D(l) !== "body"), i = null;
+  const s = k(t).position === "fixed";
+  let r = s ? H(t) : t;
+  for (; I(r) && !nt(r); ) {
+    const l = k(r), c = at(r);
+    !c && l.position === "fixed" && (i = null), (s ? !c && !i : !c && l.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || J(r) && !c && Lt(t, r)) ? n = n.filter((d) => d !== r) : i = l, r = H(r);
+  }
+  return e.set(t, n), n;
+}
+function ne(t) {
+  let {
+    element: e,
+    boundary: o,
+    rootBoundary: n,
+    strategy: i
+  } = t;
+  const r = [...o === "clippingAncestors" ? oe(e, this._c) : [].concat(o), n], l = r[0], c = r.reduce((a, d) => {
+    const u = mt(e, d, i);
+    return a.top = M(u.top, a.top), a.right = $(u.right, a.right), a.bottom = $(u.bottom, a.bottom), a.left = M(u.left, a.left), a;
+  }, mt(e, l, i));
+  return {
+    width: c.right - c.left,
+    height: c.bottom - c.top,
+    x: c.left,
+    y: c.top
+  };
+}
+function ie(t) {
+  const {
+    width: e,
+    height: o
+  } = Et(t);
+  return {
+    width: e,
+    height: o
+  };
+}
+function re(t, e, o) {
+  const n = F(e), i = P(e), s = o === "fixed", r = W(t, !0, s, e);
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const c = S(0);
+  if (n || !n && !s)
+    if ((D(e) !== "body" || J(i)) && (l = it(e)), n) {
+      const u = W(e, !0, s, e);
+      c.x = u.x + e.clientLeft, c.y = u.y + e.clientTop;
+    } else i && (c.x = kt(i));
+  const a = r.left + l.scrollLeft - c.x, d = r.top + l.scrollTop - c.y;
+  return {
+    x: a,
+    y: d,
+    width: r.width,
+    height: r.height
+  };
+}
+function pt(t, e) {
+  return !F(t) || k(t).position === "fixed" ? null : e ? e(t) : t.offsetParent;
+}
+function Ct(t, e) {
+  const o = _(t);
+  if (!F(t) || At(t))
+    return o;
+  let n = pt(t, e);
+  for (; n && Xt(n) && k(n).position === "static"; )
+    n = pt(n, e);
+  return n && (D(n) === "html" || D(n) === "body" && k(n).position === "static" && !at(n)) ? o : n || Yt(t) || o;
+}
+const se = async function(t) {
+  const e = this.getOffsetParent || Ct, o = this.getDimensions;
+  return {
+    reference: re(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      ...await o(t.floating)
+    }
+  };
+};
+function le(t) {
+  return k(t).direction === "rtl";
+}
+const ce = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Jt,
+  getDocumentElement: P,
+  getClippingRect: ne,
+  getOffsetParent: Ct,
+  getElementRects: se,
+  getClientRects: Qt,
+  getDimensions: ie,
+  getScale: V,
+  isElement: I,
+  isRTL: le
+};
+function ae(t, e) {
+  let o = null, n;
+  const i = P(t);
+  function s() {
+    var l;
+    clearTimeout(n), (l = o) == null || l.disconnect(), o = null;
+  }
+  function r(l, c) {
+    l === void 0 && (l = !1), c === void 0 && (c = 1), s();
+    const {
+      left: a,
+      top: d,
+      width: u,
+      height: m
+    } = t.getBoundingClientRect();
+    if (l || e(), !u || !m)
+      return;
+    const f = Q(d), h = Q(i.clientWidth - (a + u)), p = Q(i.clientHeight - (d + m)), b = Q(a), w = {
+      rootMargin: -f + "px " + -h + "px " + -p + "px " + -b + "px",
+      threshold: M(0, $(1, c)) || 1
+    };
+    let x = !0;
+    function v(y) {
+      const L = y[0].intersectionRatio;
+      if (L !== c) {
+        if (!x)
+          return r();
+        L ? r(!1, L) : n = setTimeout(() => {
+          r(!1, 1e-7);
+        }, 100);
+      }
+      x = !1;
+    }
+    try {
+      o = new IntersectionObserver(v, {
+        ...w,
+        // Handle <iframe>s
+        root: i.ownerDocument
+      });
+    } catch {
+      o = new IntersectionObserver(v, w);
+    }
+    o.observe(t);
+  }
+  return r(!0), s;
+}
+function gt(t, e, o, n) {
+  n === void 0 && (n = {});
+  const {
+    ancestorScroll: i = !0,
+    ancestorResize: s = !0,
+    elementResize: r = typeof ResizeObserver == "function",
+    layoutShift: l = typeof IntersectionObserver == "function",
+    animationFrame: c = !1
+  } = n, a = ut(t), d = i || s ? [...a ? q(a) : [], ...q(e)] : [];
+  d.forEach((g) => {
+    i && g.addEventListener("scroll", o, {
+      passive: !0
+    }), s && g.addEventListener("resize", o);
+  });
+  const u = a && l ? ae(a, o) : null;
+  let m = -1, f = null;
+  r && (f = new ResizeObserver((g) => {
+    let [w] = g;
+    w && w.target === a && f && (f.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+      var x;
+      (x = f) == null || x.observe(e);
+    })), o();
+  }), a && !c && f.observe(a), f.observe(e));
+  let h, p = c ? W(t) : null;
+  c && b();
+  function b() {
+    const g = W(t);
+    p && (g.x !== p.x || g.y !== p.y || g.width !== p.width || g.height !== p.height) && o(), p = g, h = requestAnimationFrame(b);
+  }
+  return o(), () => {
+    var g;
+    d.forEach((w) => {
+      i && w.removeEventListener("scroll", o), s && w.removeEventListener("resize", o);
+    }), u == null || u(), (g = f) == null || g.disconnect(), f = null, c && cancelAnimationFrame(h);
+  };
+}
+const fe = jt, ue = $t, de = Vt, he = (t, e, o) => {
+  const n = /* @__PURE__ */ new Map(), i = {
+    platform: ce,
+    ...o
+  }, s = {
+    ...i.platform,
+    _c: n
+  };
+  return Wt(t, e, {
+    ...i,
+    platform: s
+  });
+}, me = ":host{display:block}.floatingui{--tw-shadow:0px 4px 8px -4px var(--shadow-color);--tw-shadow-colored:0px 4px 8px -4px var(--tw-shadow-color);--tw-border-opacity:0.15;border-color:rgb(var(--border-color-stroke-neutral2-base)/var(--tw-border-opacity));border-radius:var(--border-radius-small,4px);border-style:solid;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:none;isolation:auto;left:0;padding:.5rem 1rem;position:absolute;top:0;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:560}.floatingui.open{display:block}.arrow{display:none}.arrow.on{--tw-bg-opacity:1;--shadow-color:var(--material-neutral2-base-shadow);--tw-border-opacity:0.15;background-color:rgb(var(--background-color-material-neutral2-base)/var(--tw-bg-opacity));border-color:rgb(var(--border-color-stroke-neutral-base)/var(--tw-border-opacity));border-style:solid;border-width:0;display:block;height:.5rem;position:absolute;transform:rotate(45deg);width:.5rem;z-index:1}.floatingui.context-theme1-inverse,.floatingui.context-theme1-inverse .arrow{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-border-opacity:0.15;background-color:rgb(var(--background-color-material-theme1-inverse-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity))}.floatingui.context-neutral,.floatingui.context-neutral .arrow{--tw-bg-opacity:1;--tw-border-opacity:0.15;--shadow-color:var(--material-neutral-base-shadow);background-color:rgb(var(--background-color-material-neutral-base)/var(--tw-bg-opacity));border-color:rgb(var(--border-color-stroke-neutral-base)/var(--tw-border-opacity))}.floatingui.context-neutral2,.floatingui.context-neutral2 .arrow{--tw-bg-opacity:1;--tw-border-opacity:0.15;--shadow-color:var(--material-neutral2-base-shadow);background-color:rgb(var(--background-color-material-neutral2-base)/var(--tw-bg-opacity));border-color:rgb(var(--border-color-stroke-neutral2-base)/var(--tw-border-opacity))}.floatingui.tooltip-theme1-inverse{--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity))}.floatingui.tooltip-theme1-inverse,.floatingui.tooltip-theme1-inverse .arrow{background-color:rgb(var(--background-color-material-theme1-inverse-base)/var(--tw-bg-opacity))}.floatingui.tooltip-theme1-inverse .arrow{--tw-bg-opacity:1}.floatingui.tooltip-neutral,.floatingui.tooltip-neutral .arrow{--tw-bg-opacity:1;--tw-border-opacity:0.15;--shadow-color:var(--material-neutral-base-shadow);background-color:rgb(var(--background-color-material-neutral-base)/var(--tw-bg-opacity));border-color:rgb(var(--border-color-stroke-neutral-base)/var(--tw-border-opacity))}.floatingui.tooltip-neutral2,.floatingui.tooltip-neutral2 .arrow{--tw-bg-opacity:1;--tw-border-opacity:0.15;--shadow-color:var(--material-neutral2-base-shadow);background-color:rgb(var(--background-color-material-neutral2-base)/var(--tw-bg-opacity));border-color:rgb(var(--border-color-stroke-neutral2-base)/var(--tw-border-opacity))}", pe = me, ge = class {
+  constructor(t) {
+    Rt(this, t), this._popoverId = It(), this._slots = { reference: !1 }, this.placement = "right-end", this.prismId = `popover-${this._popoverId}`, this.offset = 2, this.shift = 2, this.as = "tooltip", this.label = "Tooltip Button", this.icon = "info", this.tooltipTone = "theme1-inverse", this.contextTone = "neutral2", this.arrow = !0, this.open = !1;
+  }
+  /** @internal */
+  // @State() _isOpen = false;
+  /** @internal */
+  watchMultipleNumbers() {
+    this._computeFloatingUI();
+  }
+  /** @internal */
+  _computeFloatingUI() {
+    this._floatingElement && he(this._referenceElement, this._floatingElement, {
+      placement: this.placement,
+      middleware: [zt(this.offset), ue(), fe({ padding: this.offset }), de({ element: this._arrowElement })]
+    }).then(({ x: t, y: e, placement: o, middlewareData: n }) => {
+      Object.assign(this._floatingElement.style, {
+        left: `${t}px`,
+        top: `${e}px`
+      });
+      const { x: i, y: s } = n.arrow, r = {
+        top: "bottom",
+        right: "left",
+        bottom: "top",
+        left: "right"
+      }[o.split("-")[0]];
+      Object.assign(this._arrowElement.style, {
+        left: i != null ? `${i}px` : "",
+        top: s != null ? `${s}px` : "",
+        right: "",
+        bottom: "",
+        [r]: "-5px",
+        borderLeftWidth: o.split("-")[0] === "bottom" || o.split("-")[0] === "right" ? "1px" : "0",
+        borderTopWidth: o.split("-")[0] === "bottom" || o.split("-")[0] === "left" ? "1px" : "0",
+        borderRightWidth: o.split("-")[0] === "top" || o.split("-")[0] === "left" ? "1px" : "0",
+        borderBottomWidth: o.split("-")[0] === "top" || o.split("-")[0] === "right" ? "1px" : "0"
+      });
+    });
+  }
+  /** @internal */
+  _showFloatingUI(t) {
+    t && (this.open = this.as === "context" ? !this.open : !0), this.as === "context" && this._slots.reference && (this._referenceElement.tagName.toLowerCase() === "prism-button" ? this._referenceElement.setAttribute("expanded", this.open.toString()) : this._referenceElement.setAttribute("aria-expanded", this.open.toString())), gt(this._referenceElement, this._floatingElement, this._computeFloatingUI.bind(this));
+  }
+  /** @internal */
+  _hideFloatingUI() {
+    this.open = !1;
+  }
+  componentDidRender() {
+    this._computeFloatingUI();
+  }
+  componentDidLoad() {
+    gt(this._referenceElement, this._floatingElement, this._computeFloatingUI.bind(this));
+  }
+  /**
+   * @internal
+   * When a slot is used for the reference element, it has to receive focus and other interactive events
+   * This is only for the initial setup
+   */
+  _handleReferenceEvents(t) {
+    let e = ["prism-button", "button", "a"];
+    switch (t && !e.includes(t.tagName.toLowerCase()) && (this._referenceElement = t.querySelectorAll(e.join(","))[0]), t && e.includes(t.tagName.toLowerCase()) && (this._referenceElement = t), this._referenceElement.tagName.toLowerCase()) {
+      case "prism-button":
+        this.as === "tooltip" && (this._referenceElement.addEventListener("prismFocus", this._showFloatingUI.bind(this)), this._referenceElement.addEventListener("prismBlur", this._hideFloatingUI.bind(this)), this._referenceElement.addEventListener("mouseenter", this._showFloatingUI.bind(this)), this._referenceElement.addEventListener("mouseleave", this._hideFloatingUI.bind(this))), this.as === "context" && (this._referenceElement.addEventListener("prismPress", this._showFloatingUI.bind(this)), this._referenceElement.setAttribute("expanded", this.open.toString())), this._referenceElement.setAttribute("describedby", this.prismId), this._referenceElement.setAttribute("label", this.label);
+        break;
+      case "button":
+      case "a":
+        this.as === "tooltip" && (this._referenceElement.addEventListener("focus", this._showFloatingUI.bind(this)), this._referenceElement.addEventListener("blur", this._hideFloatingUI.bind(this)), this._referenceElement.addEventListener("mouseenter", this._showFloatingUI.bind(this)), this._referenceElement.addEventListener("mouseleave", this._hideFloatingUI.bind(this))), this.as === "context" && (this._referenceElement.addEventListener("click", this._showFloatingUI.bind(this)), this._referenceElement.setAttribute("aria-expanded", this.open.toString())), this._referenceElement.setAttribute("aria-describedby", this.prismId), this._referenceElement.setAttribute("aria-label", this.label);
+        break;
+    }
+  }
+  connectedCallback() {
+    const t = this.el.querySelector('[slot="reference"]');
+    this._slots.reference = !!t, this._slots.reference && this._handleReferenceEvents(t), this.el.addEventListener("keydown", (e) => {
+      e.key === "Escape" && this._hideFloatingUI();
+    }), document.addEventListener("mousedown", (e) => {
+      const o = e.target, n = this.el.tagName.toLowerCase();
+      o.closest(n) !== this.el && this._hideFloatingUI();
+    });
+  }
+  disconnectedCallback() {
+    this.el.removeEventListener("keydown", (t) => {
+      t.key === "Escape" && this._hideFloatingUI();
+    });
+  }
+  render() {
+    return U(Ft, { key: "81141e7f8251f200e72fdd1471a5ade00efe8bd8" }, this._slots.reference ? U("slot", { name: "reference" }) : U("prism-button", { id: "button", onPrismFocus: this.as === "tooltip" ? this._showFloatingUI.bind(this) : void 0, onPrismBlur: this.as === "tooltip" ? this._hideFloatingUI.bind(this) : void 0, onMouseEnter: this.as === "tooltip" ? this._showFloatingUI.bind(this) : void 0, onMouseLeave: this.as === "tooltip" ? this._hideFloatingUI.bind(this) : void 0, onPrismPress: this.as === "context" ? this._showFloatingUI.bind(this) : void 0, describedby: this.prismId, display: "ghost-icon", label: this.label, ref: (t) => this._referenceElement = t, expanded: this.as === "context" ? this.open : void 0 }, U("prism-icon", { name: this.icon, role: "presentation" })), U("div", { key: "027307bf37c7a6ad74c7443a4974f12bd928261e", ref: (t) => this._floatingElement = t, id: this.prismId, class: {
+      open: this.open,
+      floatingui: !0,
+      [`tooltip-${this.tooltipTone}`]: this.as === "tooltip",
+      [`context-${this.contextTone}`]: this.as === "context"
+    }, role: this.as === "tooltip" ? "tooltip" : void 0 }, U("slot", { key: "775157fd24862abe2334a837bfbf03877f2a0640" }), U("span", { key: "68cae2955c4868df0c8ab4c5e4a2431e22473655", ref: (t) => this._arrowElement = t, class: { arrow: !0, on: this.arrow === !0 } })));
+  }
+  get el() {
+    return Tt(this);
+  }
+  static get watchers() {
+    return {
+      offset: ["watchMultipleNumbers"],
+      shift: ["watchMultipleNumbers"]
+    };
+  }
+};
+ge.style = pe;
+export {
+  ge as prism_popover
+};