@vonage/vivid 4.31.0 → 5.1.0

package/bundled/definition9.js

@@ -0,0 +1,1406 @@
+import { B as Kt, b as Gt } from "./definition3.js";
+import { E as Jt, e as Qt } from "./definition4.js";
+import { V as Zt, a as G, n as te, o as ee, h as mt, c as ne, d as oe } from "./vivid-element.js";
+import { r as ht } from "./ref.js";
+import { c as ie } from "./class-names.js";
+import { w as At } from "./when.js";
+const Ht = ["top", "right", "bottom", "left"], Et = ["start", "end"], Ct = /* @__PURE__ */ Ht.reduce((t, e) => t.concat(e, e + "-" + Et[0], e + "-" + Et[1]), []), M = Math.min, C = Math.max, ct = Math.round, st = Math.floor, z = (t) => ({
+  x: t,
+  y: t
+}), re = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, se = {
+  start: "end",
+  end: "start"
+};
+function le(t, e, n) {
+  return C(t, M(e, n));
+}
+function J(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function _(t) {
+  return t.split("-")[0];
+}
+function H(t) {
+  return t.split("-")[1];
+}
+function ce(t) {
+  return t === "x" ? "y" : "x";
+}
+function vt(t) {
+  return t === "y" ? "height" : "width";
+}
+const ae = /* @__PURE__ */ new Set(["top", "bottom"]);
+function X(t) {
+  return ae.has(_(t)) ? "y" : "x";
+}
+function xt(t) {
+  return ce(X(t));
+}
+function Mt(t, e, n) {
+  n === void 0 && (n = !1);
+  const o = H(t), i = xt(t), r = vt(i);
+  let s = i === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return e.reference[r] > e.floating[r] && (s = ft(s)), [s, ft(s)];
+}
+function fe(t) {
+  const e = ft(t);
+  return [at(t), e, at(e)];
+}
+function at(t) {
+  return t.replace(/start|end/g, (e) => se[e]);
+}
+const St = ["left", "right"], Tt = ["right", "left"], ue = ["top", "bottom"], pe = ["bottom", "top"];
+function de(t, e, n) {
+  switch (t) {
+    case "top":
+    case "bottom":
+      return n ? e ? Tt : St : e ? St : Tt;
+    case "left":
+    case "right":
+      return e ? ue : pe;
+    default:
+      return [];
+  }
+}
+function me(t, e, n, o) {
+  const i = H(t);
+  let r = de(_(t), n === "start", o);
+  return i && (r = r.map((s) => s + "-" + i), e && (r = r.concat(r.map(at)))), r;
+}
+function ft(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => re[e]);
+}
+function he(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function yt(t) {
+  return typeof t != "number" ? he(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function tt(t) {
+  const {
+    x: e,
+    y: n,
+    width: o,
+    height: i
+  } = t;
+  return {
+    width: o,
+    height: i,
+    top: n,
+    left: e,
+    right: e + o,
+    bottom: n + i,
+    x: e,
+    y: n
+  };
+}
+function Lt(t, e, n) {
+  let {
+    reference: o,
+    floating: i
+  } = t;
+  const r = X(e), s = xt(e), l = vt(s), c = _(e), a = r === "y", p = o.x + o.width / 2 - i.width / 2, f = o.y + o.height / 2 - i.height / 2, d = o[l] / 2 - i[l] / 2;
+  let u;
+  switch (c) {
+    case "top":
+      u = {
+        x: p,
+        y: o.y - i.height
+      };
+      break;
+    case "bottom":
+      u = {
+        x: p,
+        y: o.y + o.height
+      };
+      break;
+    case "right":
+      u = {
+        x: o.x + o.width,
+        y: f
+      };
+      break;
+    case "left":
+      u = {
+        x: o.x - i.width,
+        y: f
+      };
+      break;
+    default:
+      u = {
+        x: o.x,
+        y: o.y
+      };
+  }
+  switch (H(e)) {
+    case "start":
+      u[s] -= d * (n && a ? -1 : 1);
+      break;
+    case "end":
+      u[s] += d * (n && a ? -1 : 1);
+      break;
+  }
+  return u;
+}
+const ge = async (t, e, n) => {
+  const {
+    placement: o = "bottom",
+    strategy: i = "absolute",
+    middleware: r = [],
+    platform: s
+  } = n, l = r.filter(Boolean), c = await (s.isRTL == null ? void 0 : s.isRTL(e));
+  let a = await s.getElementRects({
+    reference: t,
+    floating: e,
+    strategy: i
+  }), {
+    x: p,
+    y: f
+  } = Lt(a, o, c), d = o, u = {}, h = 0;
+  for (let m = 0; m < l.length; m++) {
+    const {
+      name: g,
+      fn: w
+    } = l[m], {
+      x,
+      y,
+      data: R,
+      reset: b
+    } = await w({
+      x: p,
+      y: f,
+      initialPlacement: o,
+      placement: d,
+      strategy: i,
+      middlewareData: u,
+      rects: a,
+      platform: s,
+      elements: {
+        reference: t,
+        floating: e
+      }
+    });
+    p = x ?? p, f = y ?? f, u = {
+      ...u,
+      [g]: {
+        ...u[g],
+        ...R
+      }
+    }, b && h <= 50 && (h++, typeof b == "object" && (b.placement && (d = b.placement), b.rects && (a = b.rects === !0 ? await s.getElementRects({
+      reference: t,
+      floating: e,
+      strategy: i
+    }) : b.rects), {
+      x: p,
+      y: f
+    } = Lt(a, d, c)), m = -1);
+  }
+  return {
+    x: p,
+    y: f,
+    placement: d,
+    strategy: i,
+    middlewareData: u
+  };
+};
+async function ot(t, e) {
+  var n;
+  e === void 0 && (e = {});
+  const {
+    x: o,
+    y: i,
+    platform: r,
+    rects: s,
+    elements: l,
+    strategy: c
+  } = t, {
+    boundary: a = "clippingAncestors",
+    rootBoundary: p = "viewport",
+    elementContext: f = "floating",
+    altBoundary: d = !1,
+    padding: u = 0
+  } = J(e, t), h = yt(u), g = l[d ? f === "floating" ? "reference" : "floating" : f], w = tt(await r.getClippingRect({
+    element: (n = await (r.isElement == null ? void 0 : r.isElement(g))) == null || n ? g : g.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(l.floating)),
+    boundary: a,
+    rootBoundary: p,
+    strategy: c
+  })), x = f === "floating" ? {
+    x: o,
+    y: i,
+    width: s.floating.width,
+    height: s.floating.height
+  } : s.reference, y = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(l.floating)), R = await (r.isElement == null ? void 0 : r.isElement(y)) ? await (r.getScale == null ? void 0 : r.getScale(y)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, b = tt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: l,
+    rect: x,
+    offsetParent: y,
+    strategy: c
+  }) : x);
+  return {
+    top: (w.top - b.top + h.top) / R.y,
+    bottom: (b.bottom - w.bottom + h.bottom) / R.y,
+    left: (w.left - b.left + h.left) / R.x,
+    right: (b.right - w.right + h.right) / R.x
+  };
+}
+const we = (t) => ({
+  name: "arrow",
+  options: t,
+  async fn(e) {
+    const {
+      x: n,
+      y: o,
+      placement: i,
+      rects: r,
+      platform: s,
+      elements: l,
+      middlewareData: c
+    } = e, {
+      element: a,
+      padding: p = 0
+    } = J(t, e) || {};
+    if (a == null)
+      return {};
+    const f = yt(p), d = {
+      x: n,
+      y: o
+    }, u = xt(i), h = vt(u), m = await s.getDimensions(a), g = u === "y", w = g ? "top" : "left", x = g ? "bottom" : "right", y = g ? "clientHeight" : "clientWidth", R = r.reference[h] + r.reference[u] - d[u] - r.floating[h], b = d[u] - r.reference[u], P = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(a));
+    let O = P ? P[y] : 0;
+    (!O || !await (s.isElement == null ? void 0 : s.isElement(P))) && (O = l.floating[y] || r.floating[h]);
+    const F = R / 2 - b / 2, S = O / 2 - m[h] / 2 - 1, v = M(f[w], S), A = M(f[x], S), T = v, L = O - m[h] - A, E = O / 2 - m[h] / 2 + F, V = le(T, E, L), B = !c.arrow && H(i) != null && E !== V && r.reference[h] / 2 - (E < T ? v : A) - m[h] / 2 < 0, D = B ? E < T ? E - T : E - L : 0;
+    return {
+      [u]: d[u] + D,
+      data: {
+        [u]: V,
+        centerOffset: E - V - D,
+        ...B && {
+          alignmentOffset: D
+        }
+      },
+      reset: B
+    };
+  }
+});
+function ve(t, e, n) {
+  return (t ? [...n.filter((i) => H(i) === t), ...n.filter((i) => H(i) !== t)] : n.filter((i) => _(i) === i)).filter((i) => t ? H(i) === t || (e ? at(i) !== i : !1) : !0);
+}
+const xe = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "autoPlacement",
+    options: t,
+    async fn(e) {
+      var n, o, i;
+      const {
+        rects: r,
+        middlewareData: s,
+        placement: l,
+        platform: c,
+        elements: a
+      } = e, {
+        crossAxis: p = !1,
+        alignment: f,
+        allowedPlacements: d = Ct,
+        autoAlignment: u = !0,
+        ...h
+      } = J(t, e), m = f !== void 0 || d === Ct ? ve(f || null, u, d) : d, g = await ot(e, h), w = ((n = s.autoPlacement) == null ? void 0 : n.index) || 0, x = m[w];
+      if (x == null)
+        return {};
+      const y = Mt(x, r, await (c.isRTL == null ? void 0 : c.isRTL(a.floating)));
+      if (l !== x)
+        return {
+          reset: {
+            placement: m[0]
+          }
+        };
+      const R = [g[_(x)], g[y[0]], g[y[1]]], b = [...((o = s.autoPlacement) == null ? void 0 : o.overflows) || [], {
+        placement: x,
+        overflows: R
+      }], P = m[w + 1];
+      if (P)
+        return {
+          data: {
+            index: w + 1,
+            overflows: b
+          },
+          reset: {
+            placement: P
+          }
+        };
+      const O = b.map((v) => {
+        const A = H(v.placement);
+        return [v.placement, A && p ? (
+          // Check along the mainAxis and main crossAxis side.
+          v.overflows.slice(0, 2).reduce((T, L) => T + L, 0)
+        ) : (
+          // Check only the mainAxis.
+          v.overflows[0]
+        ), v.overflows];
+      }).sort((v, A) => v[1] - A[1]), S = ((i = O.filter((v) => v[2].slice(
+        0,
+        // Aligned placements should not check their opposite crossAxis
+        // side.
+        H(v[0]) ? 2 : 3
+      ).every((A) => A <= 0))[0]) == null ? void 0 : i[0]) || O[0][0];
+      return S !== l ? {
+        data: {
+          index: w + 1,
+          overflows: b
+        },
+        reset: {
+          placement: S
+        }
+      } : {};
+    }
+  };
+}, ye = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "flip",
+    options: t,
+    async fn(e) {
+      var n, o;
+      const {
+        placement: i,
+        middlewareData: r,
+        rects: s,
+        initialPlacement: l,
+        platform: c,
+        elements: a
+      } = e, {
+        mainAxis: p = !0,
+        crossAxis: f = !0,
+        fallbackPlacements: d,
+        fallbackStrategy: u = "bestFit",
+        fallbackAxisSideDirection: h = "none",
+        flipAlignment: m = !0,
+        ...g
+      } = J(t, e);
+      if ((n = r.arrow) != null && n.alignmentOffset)
+        return {};
+      const w = _(i), x = X(l), y = _(l) === l, R = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), b = d || (y || !m ? [ft(l)] : fe(l)), P = h !== "none";
+      !d && P && b.push(...me(l, m, h, R));
+      const O = [l, ...b], F = await ot(e, g), S = [];
+      let v = ((o = r.flip) == null ? void 0 : o.overflows) || [];
+      if (p && S.push(F[w]), f) {
+        const E = Mt(i, s, R);
+        S.push(F[E[0]], F[E[1]]);
+      }
+      if (v = [...v, {
+        placement: i,
+        overflows: S
+      }], !S.every((E) => E <= 0)) {
+        var A, T;
+        const E = (((A = r.flip) == null ? void 0 : A.index) || 0) + 1, V = O[E];
+        if (V && (!(f === "alignment" ? x !== X(V) : !1) || // We leave the current main axis only if every placement on that axis
+        // overflows the main axis.
+        v.every((k) => X(k.placement) === x ? k.overflows[0] > 0 : !0)))
+          return {
+            data: {
+              index: E,
+              overflows: v
+            },
+            reset: {
+              placement: V
+            }
+          };
+        let B = (T = v.filter((D) => D.overflows[0] <= 0).sort((D, k) => D.overflows[1] - k.overflows[1])[0]) == null ? void 0 : T.placement;
+        if (!B)
+          switch (u) {
+            case "bestFit": {
+              var L;
+              const D = (L = v.filter((k) => {
+                if (P) {
+                  const q = X(k.placement);
+                  return q === x || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  q === "y";
+                }
+                return !0;
+              }).map((k) => [k.placement, k.overflows.filter((q) => q > 0).reduce((q, qt) => q + qt, 0)]).sort((k, q) => k[1] - q[1])[0]) == null ? void 0 : L[0];
+              D && (B = D);
+              break;
+            }
+            case "initialPlacement":
+              B = l;
+              break;
+          }
+        if (i !== B)
+          return {
+            reset: {
+              placement: B
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+function Dt(t, e) {
+  return {
+    top: t.top - e.height,
+    right: t.right - e.width,
+    bottom: t.bottom - e.height,
+    left: t.left - e.width
+  };
+}
+function kt(t) {
+  return Ht.some((e) => t[e] >= 0);
+}
+const be = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "hide",
+    options: t,
+    async fn(e) {
+      const {
+        rects: n
+      } = e, {
+        strategy: o = "referenceHidden",
+        ...i
+      } = J(t, e);
+      switch (o) {
+        case "referenceHidden": {
+          const r = await ot(e, {
+            ...i,
+            elementContext: "reference"
+          }), s = Dt(r, n.reference);
+          return {
+            data: {
+              referenceHiddenOffsets: s,
+              referenceHidden: kt(s)
+            }
+          };
+        }
+        case "escaped": {
+          const r = await ot(e, {
+            ...i,
+            altBoundary: !0
+          }), s = Dt(r, n.floating);
+          return {
+            data: {
+              escapedOffsets: s,
+              escaped: kt(s)
+            }
+          };
+        }
+        default:
+          return {};
+      }
+    }
+  };
+};
+function _t(t) {
+  const e = M(...t.map((r) => r.left)), n = M(...t.map((r) => r.top)), o = C(...t.map((r) => r.right)), i = C(...t.map((r) => r.bottom));
+  return {
+    x: e,
+    y: n,
+    width: o - e,
+    height: i - n
+  };
+}
+function Re(t) {
+  const e = t.slice().sort((i, r) => i.y - r.y), n = [];
+  let o = null;
+  for (let i = 0; i < e.length; i++) {
+    const r = e[i];
+    !o || r.y - o.y > o.height / 2 ? n.push([r]) : n[n.length - 1].push(r), o = r;
+  }
+  return n.map((i) => tt(_t(i)));
+}
+const Oe = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "inline",
+    options: t,
+    async fn(e) {
+      const {
+        placement: n,
+        elements: o,
+        rects: i,
+        platform: r,
+        strategy: s
+      } = e, {
+        padding: l = 2,
+        x: c,
+        y: a
+      } = J(t, e), p = Array.from(await (r.getClientRects == null ? void 0 : r.getClientRects(o.reference)) || []), f = Re(p), d = tt(_t(p)), u = yt(l);
+      function h() {
+        if (f.length === 2 && f[0].left > f[1].right && c != null && a != null)
+          return f.find((g) => c > g.left - u.left && c < g.right + u.right && a > g.top - u.top && a < g.bottom + u.bottom) || d;
+        if (f.length >= 2) {
+          if (X(n) === "y") {
+            const v = f[0], A = f[f.length - 1], T = _(n) === "top", L = v.top, E = A.bottom, V = T ? v.left : A.left, B = T ? v.right : A.right, D = B - V, k = E - L;
+            return {
+              top: L,
+              bottom: E,
+              left: V,
+              right: B,
+              width: D,
+              height: k,
+              x: V,
+              y: L
+            };
+          }
+          const g = _(n) === "left", w = C(...f.map((v) => v.right)), x = M(...f.map((v) => v.left)), y = f.filter((v) => g ? v.left === x : v.right === w), R = y[0].top, b = y[y.length - 1].bottom, P = x, O = w, F = O - P, S = b - R;
+          return {
+            top: R,
+            bottom: b,
+            left: P,
+            right: O,
+            width: F,
+            height: S,
+            x: P,
+            y: R
+          };
+        }
+        return d;
+      }
+      const m = await r.getElementRects({
+        reference: {
+          getBoundingClientRect: h
+        },
+        floating: o.floating,
+        strategy: s
+      });
+      return i.reference.x !== m.reference.x || i.reference.y !== m.reference.y || i.reference.width !== m.reference.width || i.reference.height !== m.reference.height ? {
+        reset: {
+          rects: m
+        }
+      } : {};
+    }
+  };
+}, Pe = /* @__PURE__ */ new Set(["left", "top"]);
+async function Ae(t, e) {
+  const {
+    placement: n,
+    platform: o,
+    elements: i
+  } = t, r = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), s = _(n), l = H(n), c = X(n) === "y", a = Pe.has(s) ? -1 : 1, p = r && c ? -1 : 1, f = J(e, t);
+  let {
+    mainAxis: d,
+    crossAxis: u,
+    alignmentAxis: h
+  } = typeof f == "number" ? {
+    mainAxis: f,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: f.mainAxis || 0,
+    crossAxis: f.crossAxis || 0,
+    alignmentAxis: f.alignmentAxis
+  };
+  return l && typeof h == "number" && (u = l === "end" ? h * -1 : h), c ? {
+    x: u * p,
+    y: d * a
+  } : {
+    x: d * a,
+    y: u * p
+  };
+}
+const Ee = function(t) {
+  return t === void 0 && (t = 0), {
+    name: "offset",
+    options: t,
+    async fn(e) {
+      var n, o;
+      const {
+        x: i,
+        y: r,
+        placement: s,
+        middlewareData: l
+      } = e, c = await Ae(e, t);
+      return s === ((n = l.offset) == null ? void 0 : n.placement) && (o = l.arrow) != null && o.alignmentOffset ? {} : {
+        x: i + c.x,
+        y: r + c.y,
+        data: {
+          ...c,
+          placement: s
+        }
+      };
+    }
+  };
+}, Ce = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "size",
+    options: t,
+    async fn(e) {
+      var n, o;
+      const {
+        placement: i,
+        rects: r,
+        platform: s,
+        elements: l
+      } = e, {
+        apply: c = () => {
+        },
+        ...a
+      } = J(t, e), p = await ot(e, a), f = _(i), d = H(i), u = X(i) === "y", {
+        width: h,
+        height: m
+      } = r.floating;
+      let g, w;
+      f === "top" || f === "bottom" ? (g = f, w = d === (await (s.isRTL == null ? void 0 : s.isRTL(l.floating)) ? "start" : "end") ? "left" : "right") : (w = f, g = d === "end" ? "top" : "bottom");
+      const x = m - p.top - p.bottom, y = h - p.left - p.right, R = M(m - p[g], x), b = M(h - p[w], y), P = !e.middlewareData.shift;
+      let O = R, F = b;
+      if ((n = e.middlewareData.shift) != null && n.enabled.x && (F = y), (o = e.middlewareData.shift) != null && o.enabled.y && (O = x), P && !d) {
+        const v = C(p.left, 0), A = C(p.right, 0), T = C(p.top, 0), L = C(p.bottom, 0);
+        u ? F = h - 2 * (v !== 0 || A !== 0 ? v + A : C(p.left, p.right)) : O = m - 2 * (T !== 0 || L !== 0 ? T + L : C(p.top, p.bottom));
+      }
+      await c({
+        ...e,
+        availableWidth: F,
+        availableHeight: O
+      });
+      const S = await s.getDimensions(l.floating);
+      return h !== S.width || m !== S.height ? {
+        reset: {
+          rects: !0
+        }
+      } : {};
+    }
+  };
+};
+function ut() {
+  return typeof window < "u";
+}
+function nt(t) {
+  return Nt(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function $(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function Y(t) {
+  var e;
+  return (e = (Nt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function Nt(t) {
+  return ut() ? t instanceof Node || t instanceof $(t).Node : !1;
+}
+function N(t) {
+  return ut() ? t instanceof Element || t instanceof $(t).Element : !1;
+}
+function j(t) {
+  return ut() ? t instanceof HTMLElement || t instanceof $(t).HTMLElement : !1;
+}
+function $t(t) {
+  return !ut() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof $(t).ShadowRoot;
+}
+const Se = /* @__PURE__ */ new Set(["inline", "contents"]);
+function rt(t) {
+  const {
+    overflow: e,
+    overflowX: n,
+    overflowY: o,
+    display: i
+  } = W(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !Se.has(i);
+}
+const Te = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function Le(t) {
+  return Te.has(nt(t));
+}
+const De = [":popover-open", ":modal"];
+function pt(t) {
+  return De.some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
+  });
+}
+const ke = ["transform", "translate", "scale", "rotate", "perspective"], $e = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Fe = ["paint", "layout", "strict", "content"];
+function bt(t) {
+  const e = Rt(), n = N(t) ? W(t) : t;
+  return ke.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || $e.some((o) => (n.willChange || "").includes(o)) || Fe.some((o) => (n.contain || "").includes(o));
+}
+function Be(t) {
+  let e = K(t);
+  for (; j(e) && !et(e); ) {
+    if (bt(e))
+      return e;
+    if (pt(e))
+      return null;
+    e = K(e);
+  }
+  return null;
+}
+function Rt() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const Ve = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function et(t) {
+  return Ve.has(nt(t));
+}
+function W(t) {
+  return $(t).getComputedStyle(t);
+}
+function dt(t) {
+  return N(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function K(t) {
+  if (nt(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.
+    $t(t) && t.host || // Fallback.
+    Y(t)
+  );
+  return $t(e) ? e.host : e;
+}
+function Wt(t) {
+  const e = K(t);
+  return et(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : j(e) && rt(e) ? e : Wt(e);
+}
+function it(t, e, n) {
+  var o;
+  e === void 0 && (e = []), n === void 0 && (n = !0);
+  const i = Wt(t), r = i === ((o = t.ownerDocument) == null ? void 0 : o.body), s = $(i);
+  if (r) {
+    const l = wt(s);
+    return e.concat(s, s.visualViewport || [], rt(i) ? i : [], l && n ? it(l) : []);
+  }
+  return e.concat(i, it(i, [], n));
+}
+function wt(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
+function zt(t) {
+  const e = W(t);
+  let n = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
+  const i = j(t), r = i ? t.offsetWidth : n, s = i ? t.offsetHeight : o, l = ct(n) !== r || ct(o) !== s;
+  return l && (n = r, o = s), {
+    width: n,
+    height: o,
+    $: l
+  };
+}
+function Ot(t) {
+  return N(t) ? t : t.contextElement;
+}
+function Z(t) {
+  const e = Ot(t);
+  if (!j(e))
+    return z(1);
+  const n = e.getBoundingClientRect(), {
+    width: o,
+    height: i,
+    $: r
+  } = zt(e);
+  let s = (r ? ct(n.width) : n.width) / o, l = (r ? ct(n.height) : n.height) / i;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!l || !Number.isFinite(l)) && (l = 1), {
+    x: s,
+    y: l
+  };
+}
+const He = /* @__PURE__ */ z(0);
+function jt(t) {
+  const e = $(t);
+  return !Rt() || !e.visualViewport ? He : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function Me(t, e, n) {
+  return e === void 0 && (e = !1), !n || e && n !== $(t) ? !1 : e;
+}
+function Q(t, e, n, o) {
+  e === void 0 && (e = !1), n === void 0 && (n = !1);
+  const i = t.getBoundingClientRect(), r = Ot(t);
+  let s = z(1);
+  e && (o ? N(o) && (s = Z(o)) : s = Z(t));
+  const l = Me(r, n, o) ? jt(r) : z(0);
+  let c = (i.left + l.x) / s.x, a = (i.top + l.y) / s.y, p = i.width / s.x, f = i.height / s.y;
+  if (r) {
+    const d = $(r), u = o && N(o) ? $(o) : o;
+    let h = d, m = wt(h);
+    for (; m && o && u !== h; ) {
+      const g = Z(m), w = m.getBoundingClientRect(), x = W(m), y = w.left + (m.clientLeft + parseFloat(x.paddingLeft)) * g.x, R = w.top + (m.clientTop + parseFloat(x.paddingTop)) * g.y;
+      c *= g.x, a *= g.y, p *= g.x, f *= g.y, c += y, a += R, h = $(m), m = wt(h);
+    }
+  }
+  return tt({
+    width: p,
+    height: f,
+    x: c,
+    y: a
+  });
+}
+function Pt(t, e) {
+  const n = dt(t).scrollLeft;
+  return e ? e.left + n : Q(Y(t)).left + n;
+}
+function Yt(t, e, n) {
+  n === void 0 && (n = !1);
+  const o = t.getBoundingClientRect(), i = o.left + e.scrollLeft - (n ? 0 : (
+    // RTL <body> scrollbar.
+    Pt(t, o)
+  )), r = o.top + e.scrollTop;
+  return {
+    x: i,
+    y: r
+  };
+}
+function _e(t) {
+  let {
+    elements: e,
+    rect: n,
+    offsetParent: o,
+    strategy: i
+  } = t;
+  const r = i === "fixed", s = Y(o), l = e ? pt(e.floating) : !1;
+  if (o === s || l && r)
+    return n;
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, a = z(1);
+  const p = z(0), f = j(o);
+  if ((f || !f && !r) && ((nt(o) !== "body" || rt(s)) && (c = dt(o)), j(o))) {
+    const u = Q(o);
+    a = Z(o), p.x = u.x + o.clientLeft, p.y = u.y + o.clientTop;
+  }
+  const d = s && !f && !r ? Yt(s, c, !0) : z(0);
+  return {
+    width: n.width * a.x,
+    height: n.height * a.y,
+    x: n.x * a.x - c.scrollLeft * a.x + p.x + d.x,
+    y: n.y * a.y - c.scrollTop * a.y + p.y + d.y
+  };
+}
+function Ne(t) {
+  return Array.from(t.getClientRects());
+}
+function We(t) {
+  const e = Y(t), n = dt(t), o = t.ownerDocument.body, i = C(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), r = C(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
+  let s = -n.scrollLeft + Pt(t);
+  const l = -n.scrollTop;
+  return W(o).direction === "rtl" && (s += C(e.clientWidth, o.clientWidth) - i), {
+    width: i,
+    height: r,
+    x: s,
+    y: l
+  };
+}
+function ze(t, e) {
+  const n = $(t), o = Y(t), i = n.visualViewport;
+  let r = o.clientWidth, s = o.clientHeight, l = 0, c = 0;
+  if (i) {
+    r = i.width, s = i.height;
+    const a = Rt();
+    (!a || a && e === "fixed") && (l = i.offsetLeft, c = i.offsetTop);
+  }
+  return {
+    width: r,
+    height: s,
+    x: l,
+    y: c
+  };
+}
+const je = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function Ye(t, e) {
+  const n = Q(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, r = j(t) ? Z(t) : z(1), s = t.clientWidth * r.x, l = t.clientHeight * r.y, c = i * r.x, a = o * r.y;
+  return {
+    width: s,
+    height: l,
+    x: c,
+    y: a
+  };
+}
+function Ft(t, e, n) {
+  let o;
+  if (e === "viewport")
+    o = ze(t, n);
+  else if (e === "document")
+    o = We(Y(t));
+  else if (N(e))
+    o = Ye(e, n);
+  else {
+    const i = jt(t);
+    o = {
+      x: e.x - i.x,
+      y: e.y - i.y,
+      width: e.width,
+      height: e.height
+    };
+  }
+  return tt(o);
+}
+function It(t, e) {
+  const n = K(t);
+  return n === e || !N(n) || et(n) ? !1 : W(n).position === "fixed" || It(n, e);
+}
+function Ie(t, e) {
+  const n = e.get(t);
+  if (n)
+    return n;
+  let o = it(t, [], !1).filter((l) => N(l) && nt(l) !== "body"), i = null;
+  const r = W(t).position === "fixed";
+  let s = r ? K(t) : t;
+  for (; N(s) && !et(s); ) {
+    const l = W(s), c = bt(s);
+    !c && l.position === "fixed" && (i = null), (r ? !c && !i : !c && l.position === "static" && !!i && je.has(i.position) || rt(s) && !c && It(t, s)) ? o = o.filter((p) => p !== s) : i = l, s = K(s);
+  }
+  return e.set(t, o), o;
+}
+function Xe(t) {
+  let {
+    element: e,
+    boundary: n,
+    rootBoundary: o,
+    strategy: i
+  } = t;
+  const s = [...n === "clippingAncestors" ? pt(e) ? [] : Ie(e, this._c) : [].concat(n), o], l = s[0], c = s.reduce((a, p) => {
+    const f = Ft(e, p, i);
+    return a.top = C(f.top, a.top), a.right = M(f.right, a.right), a.bottom = M(f.bottom, a.bottom), a.left = C(f.left, a.left), a;
+  }, Ft(e, l, i));
+  return {
+    width: c.right - c.left,
+    height: c.bottom - c.top,
+    x: c.left,
+    y: c.top
+  };
+}
+function Ue(t) {
+  const {
+    width: e,
+    height: n
+  } = zt(t);
+  return {
+    width: e,
+    height: n
+  };
+}
+function qe(t, e, n) {
+  const o = j(e), i = Y(e), r = n === "fixed", s = Q(t, !0, r, e);
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const c = z(0);
+  function a() {
+    c.x = Pt(i);
+  }
+  if (o || !o && !r)
+    if ((nt(e) !== "body" || rt(i)) && (l = dt(e)), o) {
+      const u = Q(e, !0, r, e);
+      c.x = u.x + e.clientLeft, c.y = u.y + e.clientTop;
+    } else i && a();
+  r && !o && i && a();
+  const p = i && !o && !r ? Yt(i, l) : z(0), f = s.left + l.scrollLeft - c.x - p.x, d = s.top + l.scrollTop - c.y - p.y;
+  return {
+    x: f,
+    y: d,
+    width: s.width,
+    height: s.height
+  };
+}
+function gt(t) {
+  return W(t).position === "static";
+}
+function Bt(t, e) {
+  if (!j(t) || W(t).position === "fixed")
+    return null;
+  if (e)
+    return e(t);
+  let n = t.offsetParent;
+  return Y(t) === n && (n = n.ownerDocument.body), n;
+}
+function Xt(t, e) {
+  const n = $(t);
+  if (pt(t))
+    return n;
+  if (!j(t)) {
+    let i = K(t);
+    for (; i && !et(i); ) {
+      if (N(i) && !gt(i))
+        return i;
+      i = K(i);
+    }
+    return n;
+  }
+  let o = Bt(t, e);
+  for (; o && Le(o) && gt(o); )
+    o = Bt(o, e);
+  return o && et(o) && gt(o) && !bt(o) ? n : o || Be(t) || n;
+}
+const Ke = async function(t) {
+  const e = this.getOffsetParent || Xt, n = this.getDimensions, o = await n(t.floating);
+  return {
+    reference: qe(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: o.width,
+      height: o.height
+    }
+  };
+};
+function Ge(t) {
+  return W(t).direction === "rtl";
+}
+const Je = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: _e,
+  getDocumentElement: Y,
+  getClippingRect: Xe,
+  getOffsetParent: Xt,
+  getElementRects: Ke,
+  getClientRects: Ne,
+  getDimensions: Ue,
+  getScale: Z,
+  isElement: N,
+  isRTL: Ge
+};
+function Ut(t, e) {
+  return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
+}
+function Qe(t, e) {
+  let n = null, o;
+  const i = Y(t);
+  function r() {
+    var l;
+    clearTimeout(o), (l = n) == null || l.disconnect(), n = null;
+  }
+  function s(l, c) {
+    l === void 0 && (l = !1), c === void 0 && (c = 1), r();
+    const a = t.getBoundingClientRect(), {
+      left: p,
+      top: f,
+      width: d,
+      height: u
+    } = a;
+    if (l || e(), !d || !u)
+      return;
+    const h = st(f), m = st(i.clientWidth - (p + d)), g = st(i.clientHeight - (f + u)), w = st(p), y = {
+      rootMargin: -h + "px " + -m + "px " + -g + "px " + -w + "px",
+      threshold: C(0, M(1, c)) || 1
+    };
+    let R = !0;
+    function b(P) {
+      const O = P[0].intersectionRatio;
+      if (O !== c) {
+        if (!R)
+          return s();
+        O ? s(!1, O) : o = setTimeout(() => {
+          s(!1, 1e-7);
+        }, 1e3);
+      }
+      O === 1 && !Ut(a, t.getBoundingClientRect()) && s(), R = !1;
+    }
+    try {
+      n = new IntersectionObserver(b, {
+        ...y,
+        // Handle <iframe>s
+        root: i.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(b, y);
+    }
+    n.observe(t);
+  }
+  return s(!0), r;
+}
+function Ze(t, e, n, o) {
+  o === void 0 && (o = {});
+  const {
+    ancestorScroll: i = !0,
+    ancestorResize: r = !0,
+    elementResize: s = typeof ResizeObserver == "function",
+    layoutShift: l = typeof IntersectionObserver == "function",
+    animationFrame: c = !1
+  } = o, a = Ot(t), p = i || r ? [...a ? it(a) : [], ...it(e)] : [];
+  p.forEach((w) => {
+    i && w.addEventListener("scroll", n, {
+      passive: !0
+    }), r && w.addEventListener("resize", n);
+  });
+  const f = a && l ? Qe(a, n) : null;
+  let d = -1, u = null;
+  s && (u = new ResizeObserver((w) => {
+    let [x] = w;
+    x && x.target === a && u && (u.unobserve(e), cancelAnimationFrame(d), d = requestAnimationFrame(() => {
+      var y;
+      (y = u) == null || y.observe(e);
+    })), n();
+  }), a && !c && u.observe(a), u.observe(e));
+  let h, m = c ? Q(t) : null;
+  c && g();
+  function g() {
+    const w = Q(t);
+    m && !Ut(m, w) && n(), m = w, h = requestAnimationFrame(g);
+  }
+  return n(), () => {
+    var w;
+    p.forEach((x) => {
+      i && x.removeEventListener("scroll", n), r && x.removeEventListener("resize", n);
+    }), f?.(), (w = u) == null || w.disconnect(), u = null, c && cancelAnimationFrame(h);
+  };
+}
+const tn = Ee, Vt = xe, en = ye, nn = Ce, on = be, rn = we, sn = Oe, ln = (t, e, n) => {
+  const o = /* @__PURE__ */ new Map(), i = {
+    platform: Je,
+    ...n
+  }, r = {
+    ...i.platform,
+    _c: o
+  };
+  return ge(t, e, {
+    ...i,
+    platform: r
+  });
+};
+var cn = Object.defineProperty, U = (t, e, n, o) => {
+  for (var i = void 0, r = t.length - 1, s; r >= 0; r--)
+    (s = t[r]) && (i = s(e, n, i) || i);
+  return i && cn(e, n, i), i;
+};
+const lt = {
+  Flip: "flip",
+  AutoPlacementHorizontal: "auto-placement-horizontal",
+  AutoPlacementVertical: "auto-placement-vertical"
+}, an = {
+  [lt.Flip]: en(),
+  [lt.AutoPlacementHorizontal]: Vt({
+    allowedPlacements: [
+      "bottom",
+      "top",
+      "bottom-start",
+      "bottom-end",
+      "top-start",
+      "top-end"
+    ]
+  }),
+  [lt.AutoPlacementVertical]: Vt({
+    allowedPlacements: [
+      "left",
+      "right",
+      "left-start",
+      "left-end",
+      "right-start",
+      "right-end"
+    ]
+  })
+};
+class I extends Zt {
+  constructor() {
+    super(...arguments), this.open = !1, this.dismissible = !1, this.arrow = !1, this.alternate = !1, this.placementStrategy = lt.Flip, this.animationFrame = !1, this.strategy = "fixed", this.offset = null, this.#i = () => (this.#n = this.updatePosition(), this.#n);
+  }
+  get #r() {
+    let e = [
+      sn(),
+      an[this.placementStrategy],
+      on(),
+      nn({
+        apply({ availableWidth: o, availableHeight: i, elements: r }) {
+          Object.assign(r.floating.style, {
+            maxWidth: `${o}px`,
+            maxHeight: `${i}px`
+          });
+        }
+      })
+    ], n = this.offset ?? 0;
+    return this.arrow && (n += 12, e = [
+      ...e,
+      rn({ element: this.arrowEl, padding: 10 })
+    ]), n > 0 && e.unshift(tn(n)), e;
+  }
+  #o;
+  openChanged(e, n) {
+    this.#e(), this.#t(), this.$emit(n ? "vwc-popup:open" : "vwc-popup:close");
+  }
+  /**
+   * @internal
+   */
+  animationFrameChanged() {
+    this.#t();
+  }
+  /**
+   * @internal
+   */
+  anchorChanged() {
+    this.#t();
+  }
+  /**
+   * @internal
+   */
+  strategyChanged() {
+    this.#e();
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.#e(), this.#t();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.#t();
+  }
+  #t() {
+    this.#o?.(), this.open && this.controlEl && this.controlEl.classList.add("open"), this.anchorEl && this.open && this.popupEl && (this.#o = Ze(
+      this.anchorEl,
+      this.popupEl,
+      this.#i,
+      {
+        animationFrame: this.animationFrame
+      }
+    ));
+  }
+  #e() {
+    this.popupEl && this.strategy === "fixed" && (this.open ? this.popupEl.showPopover() : this.popupEl.hidePopover());
+  }
+  #n;
+  #i;
+  /**
+   * Updates popup's position
+   *
+   * @public
+   */
+  async updatePosition() {
+    if (!this.open || !this.anchorEl)
+      return;
+    const e = await ln(this.anchorEl, this.popupEl, {
+      placement: this.placement,
+      strategy: this.strategy,
+      middleware: this.#r
+    });
+    this.#s(e), this.arrow && this.#l(e);
+  }
+  #s(e) {
+    const { x: n, y: o } = e, { referenceHidden: i } = e.middlewareData.hide;
+    Object.assign(this.popupEl.style, {
+      left: `${n}px`,
+      top: `${o}px`,
+      visibility: i ? "hidden" : "visible"
+    });
+  }
+  #l(e) {
+    const { x: n, y: o } = e.middlewareData.arrow, i = {
+      left: "calc(100% - 4px)",
+      right: "-4px",
+      top: "calc(100% - 4px)",
+      bottom: "-4px"
+    }, r = e.placement.split("-")[0];
+    Object.assign(this.arrowEl.style, {
+      left: n ? `${n}px` : i[r],
+      top: o ? `${o}px` : i[r]
+    });
+  }
+  get anchorEl() {
+    return this.anchor ?? null;
+  }
+  /**
+   * Shows the popup.
+   * Unlike toggling the `open` attribute, show() will wait for the popup to become visible and positioned correctly.
+   */
+  show() {
+    return this.open = !0, this.#n ?? Promise.resolve();
+  }
+  hide() {
+    this.open = !1;
+  }
+}
+U([
+  G({
+    mode: "boolean"
+  })
+], I.prototype, "open");
+U([
+  G({
+    mode: "boolean"
+  })
+], I.prototype, "dismissible");
+U([
+  G({
+    mode: "boolean"
+  })
+], I.prototype, "arrow");
+U([
+  G({
+    mode: "boolean"
+  })
+], I.prototype, "alternate");
+U([
+  G({ mode: "fromView" })
+], I.prototype, "placement");
+U([
+  G({ mode: "boolean", attribute: "animation-frame" })
+], I.prototype, "animationFrame");
+U([
+  G({ mode: "fromView" })
+], I.prototype, "strategy");
+U([
+  G({ attribute: "offset", converter: te })
+], I.prototype, "offset");
+U([
+  ee
+], I.prototype, "anchor");
+const fn = ":host{display:var(--_popup-display, inline)}.control{border-radius:inherit;background:var(--vvd-color-surface-4dp);contain:layout}.control:not(.open){display:none}.popup-wrapper{white-space:initial;--scrollbar-track-color: transparent;--scrollbar-thumb-color: color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%)}.popup-wrapper{scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.popup-wrapper ::-webkit-scrollbar{width:4px}.popup-wrapper ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.popup-wrapper ::-webkit-scrollbar-thumb{border:0;border-radius:4px;background-color:var(--scrollbar-fallback-track-color, var(--scrollbar-thumb-color))}.popup-wrapper{z-index:var(--_popup-z-index, 10);overflow:visible;padding:0;border:none;border-radius:8px;margin:0;inline-size:max-content}.popup-wrapper:not(.absolute){position:fixed}.popup-wrapper.absolute{position:absolute;top:0;left:0}.popup-content{display:grid;color:var(--vvd-color-canvas-text)}.dismissible .popup-content{align-content:start;grid-template-columns:1fr auto}.arrow{position:absolute;z-index:-1;width:8px;height:8px;background:var(--vvd-color-surface-4dp);transform:rotate(45deg)}.dismissible-button{align-self:flex-start;margin-block-start:4px;margin-inline-end:4px}", un = ({ open: t, dismissible: e, alternate: n }) => ie(
+  "control",
+  ["open", !!t],
+  ["dismissible", !!e],
+  ["alternate", !!n]
+);
+function pn(t) {
+  return t.strategy && t.strategy === "fixed" ? "manual" : null;
+}
+const dn = (t) => {
+  const e = t.tagFor(Jt), n = t.tagFor(Kt);
+  return mt`
+  <${e}>
+		<div popover="${pn}" class="popup-wrapper ${(o) => o.strategy}" ${ht("popupEl")} part="popup-base">
+			<div ${ht("controlEl")} class="${un}" aria-hidden="${(o) => o.open ? "false" : "true"}"
+				part="${(o) => o.alternate ? "vvd-theme-alternate" : ""}">
+				<div class="popup-content">
+					<slot></slot>
+					${At(
+    (o) => o.dismissible,
+    mt`<${n} size="condensed" @click="${(o) => o.open = !1}"
+						class="dismissible-button" icon="close-small-solid" shape="pill"></${n}>`
+  )}
+				</div>
+				${At(
+    (o) => o.arrow,
+    mt`<div class="arrow" ${ht("arrowEl")}></div>`
+  )}
+			</div>
+    </div>
+  </${e}>`;
+}, mn = oe(
+  "popup",
+  I,
+  dn,
+  [Qt, Gt],
+  {
+    styles: fn
+  }
+), bn = ne(mn);
+export {
+  I as P,
+  lt as a,
+  mn as p,
+  bn as r
+};