@vonage/vivid 5.7.0 → 5.9.0

package/bundled/definition9.js

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