@codeandfunction/callaloo 3.15.3 → 3.16.0

package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js

@@ -0,0 +1,1233 @@
+import './CLDropdownMenu.css';
+import { computed as V, ref as L, shallowRef as te, watch as dt, getCurrentScope as ee, onScopeDispose as ne, shallowReadonly as U, unref as R, defineComponent as oe, useCssVars as ie, onBeforeUnmount as re, createElementBlock as Lt, openBlock as St, normalizeClass as mt, createVNode as Rt, createCommentVNode as se, withCtx as At, createTextVNode as le, toDisplayString as ce, normalizeStyle as ae, renderSlot as fe } from "vue";
+import { _ as ue } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CqgySW52.js";
+import { _ as de } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-DSvubJfG.js";
+import { i as F, f as me } from "../../../chunks/base-theme-B89pbWnC.js";
+import { u as he } from "../../../chunks/useEsc-BGAp0d_1.js";
+import { CLPlacement as we, CLIconSizes as Ot, CLIconNames as ge, CLColorVariants as Dt, CLSizes as pe, CLColors as Tt } from "../../../index.js";
+const et = Math.min, N = Math.max, nt = Math.round, tt = Math.floor, k = (t) => ({
+  x: t,
+  y: t
+}), ve = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, ye = {
+  start: "end",
+  end: "start"
+};
+function kt(t, e, n) {
+  return N(t, et(e, n));
+}
+function rt(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function X(t) {
+  return t.split("-")[0];
+}
+function st(t) {
+  return t.split("-")[1];
+}
+function It(t) {
+  return t === "x" ? "y" : "x";
+}
+function Nt(t) {
+  return t === "y" ? "height" : "width";
+}
+const xe = /* @__PURE__ */ new Set(["top", "bottom"]);
+function M(t) {
+  return xe.has(X(t)) ? "y" : "x";
+}
+function Xt(t) {
+  return It(M(t));
+}
+function be(t, e, n) {
+  n === void 0 && (n = !1);
+  const o = st(t), i = Xt(t), s = Nt(i);
+  let r = i === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return e.reference[s] > e.floating[s] && (r = ot(r)), [r, ot(r)];
+}
+function Ce(t) {
+  const e = ot(t);
+  return [wt(t), e, wt(e)];
+}
+function wt(t) {
+  return t.replace(/start|end/g, (e) => ye[e]);
+}
+const Bt = ["left", "right"], Pt = ["right", "left"], Ee = ["top", "bottom"], Le = ["bottom", "top"];
+function Se(t, e, n) {
+  switch (t) {
+    case "top":
+    case "bottom":
+      return n ? e ? Pt : Bt : e ? Bt : Pt;
+    case "left":
+    case "right":
+      return e ? Ee : Le;
+    default:
+      return [];
+  }
+}
+function Re(t, e, n, o) {
+  const i = st(t);
+  let s = Se(X(t), n === "start", o);
+  return i && (s = s.map((r) => r + "-" + i), e && (s = s.concat(s.map(wt)))), s;
+}
+function ot(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => ve[e]);
+}
+function Ae(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function Oe(t) {
+  return typeof t != "number" ? Ae(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function it(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 Vt(t, e, n) {
+  let {
+    reference: o,
+    floating: i
+  } = t;
+  const s = M(e), r = Xt(e), c = Nt(r), l = X(e), a = s === "y", u = o.x + o.width / 2 - i.width / 2, f = o.y + o.height / 2 - i.height / 2, m = o[c] / 2 - i[c] / 2;
+  let d;
+  switch (l) {
+    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: f
+      };
+      break;
+    case "left":
+      d = {
+        x: o.x - i.width,
+        y: f
+      };
+      break;
+    default:
+      d = {
+        x: o.x,
+        y: o.y
+      };
+  }
+  switch (st(e)) {
+    case "start":
+      d[r] -= m * (n && a ? -1 : 1);
+      break;
+    case "end":
+      d[r] += m * (n && a ? -1 : 1);
+      break;
+  }
+  return d;
+}
+const De = async (t, e, n) => {
+  const {
+    placement: o = "bottom",
+    strategy: i = "absolute",
+    middleware: s = [],
+    platform: r
+  } = n, c = s.filter(Boolean), l = await (r.isRTL == null ? void 0 : r.isRTL(e));
+  let a = await r.getElementRects({
+    reference: t,
+    floating: e,
+    strategy: i
+  }), {
+    x: u,
+    y: f
+  } = Vt(a, o, l), m = o, d = {}, h = 0;
+  for (let v = 0; v < c.length; v++) {
+    const {
+      name: y,
+      fn: w
+    } = c[v], {
+      x: p,
+      y: x,
+      data: C,
+      reset: b
+    } = await w({
+      x: u,
+      y: f,
+      initialPlacement: o,
+      placement: m,
+      strategy: i,
+      middlewareData: d,
+      rects: a,
+      platform: r,
+      elements: {
+        reference: t,
+        floating: e
+      }
+    });
+    u = p ?? u, f = x ?? f, d = {
+      ...d,
+      [y]: {
+        ...d[y],
+        ...C
+      }
+    }, b && h <= 50 && (h++, typeof b == "object" && (b.placement && (m = b.placement), b.rects && (a = b.rects === !0 ? await r.getElementRects({
+      reference: t,
+      floating: e,
+      strategy: i
+    }) : b.rects), {
+      x: u,
+      y: f
+    } = Vt(a, m, l)), v = -1);
+  }
+  return {
+    x: u,
+    y: f,
+    placement: m,
+    strategy: i,
+    middlewareData: d
+  };
+};
+async function jt(t, e) {
+  var n;
+  e === void 0 && (e = {});
+  const {
+    x: o,
+    y: i,
+    platform: s,
+    rects: r,
+    elements: c,
+    strategy: l
+  } = t, {
+    boundary: a = "clippingAncestors",
+    rootBoundary: u = "viewport",
+    elementContext: f = "floating",
+    altBoundary: m = !1,
+    padding: d = 0
+  } = rt(e, t), h = Oe(d), y = c[m ? f === "floating" ? "reference" : "floating" : f], w = it(await s.getClippingRect({
+    element: (n = await (s.isElement == null ? void 0 : s.isElement(y))) == null || n ? y : y.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(c.floating)),
+    boundary: a,
+    rootBoundary: u,
+    strategy: l
+  })), p = f === "floating" ? {
+    x: o,
+    y: i,
+    width: r.floating.width,
+    height: r.floating.height
+  } : r.reference, x = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c.floating)), C = 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
+  }, b = it(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: c,
+    rect: p,
+    offsetParent: x,
+    strategy: l
+  }) : p);
+  return {
+    top: (w.top - b.top + h.top) / C.y,
+    bottom: (b.bottom - w.bottom + h.bottom) / C.y,
+    left: (w.left - b.left + h.left) / C.x,
+    right: (b.right - w.right + h.right) / C.x
+  };
+}
+const Te = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "flip",
+    options: t,
+    async fn(e) {
+      var n, o;
+      const {
+        placement: i,
+        middlewareData: s,
+        rects: r,
+        initialPlacement: c,
+        platform: l,
+        elements: a
+      } = e, {
+        mainAxis: u = !0,
+        crossAxis: f = !0,
+        fallbackPlacements: m,
+        fallbackStrategy: d = "bestFit",
+        fallbackAxisSideDirection: h = "none",
+        flipAlignment: v = !0,
+        ...y
+      } = rt(t, e);
+      if ((n = s.arrow) != null && n.alignmentOffset)
+        return {};
+      const w = X(i), p = M(c), x = X(c) === c, C = await (l.isRTL == null ? void 0 : l.isRTL(a.floating)), b = m || (x || !v ? [ot(c)] : Ce(c)), T = h !== "none";
+      !m && T && b.push(...Re(c, v, h, C));
+      const g = [c, ...b], E = await jt(e, y), H = [];
+      let q = ((o = s.flip) == null ? void 0 : o.overflows) || [];
+      if (u && H.push(E[w]), f) {
+        const W = be(i, r, C);
+        H.push(E[W[0]], E[W[1]]);
+      }
+      if (q = [...q, {
+        placement: i,
+        overflows: H
+      }], !H.every((W) => W <= 0)) {
+        var bt, Ct;
+        const W = (((bt = s.flip) == null ? void 0 : bt.index) || 0) + 1, ut = g[W];
+        if (ut && (!(f === "alignment" ? p !== M(ut) : !1) || // We leave the current main axis only if every placement on that axis
+        // overflows the main axis.
+        q.every((A) => M(A.placement) === p ? A.overflows[0] > 0 : !0)))
+          return {
+            data: {
+              index: W,
+              overflows: q
+            },
+            reset: {
+              placement: ut
+            }
+          };
+        let K = (Ct = q.filter((I) => I.overflows[0] <= 0).sort((I, A) => I.overflows[1] - A.overflows[1])[0]) == null ? void 0 : Ct.placement;
+        if (!K)
+          switch (d) {
+            case "bestFit": {
+              var Et;
+              const I = (Et = q.filter((A) => {
+                if (T) {
+                  const $ = M(A.placement);
+                  return $ === p || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  $ === "y";
+                }
+                return !0;
+              }).map((A) => [A.placement, A.overflows.filter(($) => $ > 0).reduce(($, Qt) => $ + Qt, 0)]).sort((A, $) => A[1] - $[1])[0]) == null ? void 0 : Et[0];
+              I && (K = I);
+              break;
+            }
+            case "initialPlacement":
+              K = c;
+              break;
+          }
+        if (i !== K)
+          return {
+            reset: {
+              placement: K
+            }
+          };
+      }
+      return {};
+    }
+  };
+}, ke = /* @__PURE__ */ new Set(["left", "top"]);
+async function Be(t, e) {
+  const {
+    placement: n,
+    platform: o,
+    elements: i
+  } = t, s = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), r = X(n), c = st(n), l = M(n) === "y", a = ke.has(r) ? -1 : 1, u = s && l ? -1 : 1, f = rt(e, t);
+  let {
+    mainAxis: m,
+    crossAxis: d,
+    alignmentAxis: h
+  } = typeof f == "number" ? {
+    mainAxis: f,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: f.mainAxis || 0,
+    crossAxis: f.crossAxis || 0,
+    alignmentAxis: f.alignmentAxis
+  };
+  return c && typeof h == "number" && (d = c === "end" ? h * -1 : h), l ? {
+    x: d * u,
+    y: m * a
+  } : {
+    x: m * a,
+    y: d * u
+  };
+}
+const Pe = function(t) {
+  return t === void 0 && (t = 0), {
+    name: "offset",
+    options: t,
+    async fn(e) {
+      var n, o;
+      const {
+        x: i,
+        y: s,
+        placement: r,
+        middlewareData: c
+      } = e, l = await Be(e, t);
+      return r === ((n = c.offset) == null ? void 0 : n.placement) && (o = c.arrow) != null && o.alignmentOffset ? {} : {
+        x: i + l.x,
+        y: s + l.y,
+        data: {
+          ...l,
+          placement: r
+        }
+      };
+    }
+  };
+}, Ve = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "shift",
+    options: t,
+    async fn(e) {
+      const {
+        x: n,
+        y: o,
+        placement: i
+      } = e, {
+        mainAxis: s = !0,
+        crossAxis: r = !1,
+        limiter: c = {
+          fn: (y) => {
+            let {
+              x: w,
+              y: p
+            } = y;
+            return {
+              x: w,
+              y: p
+            };
+          }
+        },
+        ...l
+      } = rt(t, e), a = {
+        x: n,
+        y: o
+      }, u = await jt(e, l), f = M(X(i)), m = It(f);
+      let d = a[m], h = a[f];
+      if (s) {
+        const y = m === "y" ? "top" : "left", w = m === "y" ? "bottom" : "right", p = d + u[y], x = d - u[w];
+        d = kt(p, d, x);
+      }
+      if (r) {
+        const y = f === "y" ? "top" : "left", w = f === "y" ? "bottom" : "right", p = h + u[y], x = h - u[w];
+        h = kt(p, h, x);
+      }
+      const v = c.fn({
+        ...e,
+        [m]: d,
+        [f]: h
+      });
+      return {
+        ...v,
+        data: {
+          x: v.x - n,
+          y: v.y - o,
+          enabled: {
+            [m]: s,
+            [f]: r
+          }
+        }
+      };
+    }
+  };
+};
+function lt() {
+  return typeof window < "u";
+}
+function Y(t) {
+  return pt(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function S(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function P(t) {
+  var e;
+  return (e = (pt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function pt(t) {
+  return lt() ? t instanceof Node || t instanceof S(t).Node : !1;
+}
+function O(t) {
+  return lt() ? t instanceof Element || t instanceof S(t).Element : !1;
+}
+function B(t) {
+  return lt() ? t instanceof HTMLElement || t instanceof S(t).HTMLElement : !1;
+}
+function $t(t) {
+  return !lt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof S(t).ShadowRoot;
+}
+const $e = /* @__PURE__ */ new Set(["inline", "contents"]);
+function Q(t) {
+  const {
+    overflow: e,
+    overflowX: n,
+    overflowY: o,
+    display: i
+  } = D(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !$e.has(i);
+}
+const Fe = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function Me(t) {
+  return Fe.has(Y(t));
+}
+const ze = [":popover-open", ":modal"];
+function ct(t) {
+  return ze.some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
+  });
+}
+const He = ["transform", "translate", "scale", "rotate", "perspective"], We = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Ie = ["paint", "layout", "strict", "content"];
+function vt(t) {
+  const e = yt(), n = O(t) ? D(t) : t;
+  return He.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) || We.some((o) => (n.willChange || "").includes(o)) || Ie.some((o) => (n.contain || "").includes(o));
+}
+function Ne(t) {
+  let e = z(t);
+  for (; B(e) && !G(e); ) {
+    if (vt(e))
+      return e;
+    if (ct(e))
+      return null;
+    e = z(e);
+  }
+  return null;
+}
+function yt() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const Xe = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function G(t) {
+  return Xe.has(Y(t));
+}
+function D(t) {
+  return S(t).getComputedStyle(t);
+}
+function at(t) {
+  return O(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function z(t) {
+  if (Y(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.
+    P(t)
+  );
+  return $t(e) ? e.host : e;
+}
+function Yt(t) {
+  const e = z(t);
+  return G(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : B(e) && Q(e) ? e : Yt(e);
+}
+function J(t, e, n) {
+  var o;
+  e === void 0 && (e = []), n === void 0 && (n = !0);
+  const i = Yt(t), s = i === ((o = t.ownerDocument) == null ? void 0 : o.body), r = S(i);
+  if (s) {
+    const c = gt(r);
+    return e.concat(r, r.visualViewport || [], Q(i) ? i : [], c && n ? J(c) : []);
+  }
+  return e.concat(i, J(i, [], n));
+}
+function gt(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
+function qt(t) {
+  const e = D(t);
+  let n = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
+  const i = B(t), s = i ? t.offsetWidth : n, r = i ? t.offsetHeight : o, c = nt(n) !== s || nt(o) !== r;
+  return c && (n = s, o = r), {
+    width: n,
+    height: o,
+    $: c
+  };
+}
+function xt(t) {
+  return O(t) ? t : t.contextElement;
+}
+function _(t) {
+  const e = xt(t);
+  if (!B(e))
+    return k(1);
+  const n = e.getBoundingClientRect(), {
+    width: o,
+    height: i,
+    $: s
+  } = qt(e);
+  let r = (s ? nt(n.width) : n.width) / o, c = (s ? nt(n.height) : n.height) / i;
+  return (!r || !Number.isFinite(r)) && (r = 1), (!c || !Number.isFinite(c)) && (c = 1), {
+    x: r,
+    y: c
+  };
+}
+const je = /* @__PURE__ */ k(0);
+function Ut(t) {
+  const e = S(t);
+  return !yt() || !e.visualViewport ? je : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function Ye(t, e, n) {
+  return e === void 0 && (e = !1), !n || e && n !== S(t) ? !1 : e;
+}
+function j(t, e, n, o) {
+  e === void 0 && (e = !1), n === void 0 && (n = !1);
+  const i = t.getBoundingClientRect(), s = xt(t);
+  let r = k(1);
+  e && (o ? O(o) && (r = _(o)) : r = _(t));
+  const c = Ye(s, n, o) ? Ut(s) : k(0);
+  let l = (i.left + c.x) / r.x, a = (i.top + c.y) / r.y, u = i.width / r.x, f = i.height / r.y;
+  if (s) {
+    const m = S(s), d = o && O(o) ? S(o) : o;
+    let h = m, v = gt(h);
+    for (; v && o && d !== h; ) {
+      const y = _(v), w = v.getBoundingClientRect(), p = D(v), x = w.left + (v.clientLeft + parseFloat(p.paddingLeft)) * y.x, C = w.top + (v.clientTop + parseFloat(p.paddingTop)) * y.y;
+      l *= y.x, a *= y.y, u *= y.x, f *= y.y, l += x, a += C, h = S(v), v = gt(h);
+    }
+  }
+  return it({
+    width: u,
+    height: f,
+    x: l,
+    y: a
+  });
+}
+function ft(t, e) {
+  const n = at(t).scrollLeft;
+  return e ? e.left + n : j(P(t)).left + n;
+}
+function _t(t, e) {
+  const n = t.getBoundingClientRect(), o = n.left + e.scrollLeft - ft(t, n), i = n.top + e.scrollTop;
+  return {
+    x: o,
+    y: i
+  };
+}
+function qe(t) {
+  let {
+    elements: e,
+    rect: n,
+    offsetParent: o,
+    strategy: i
+  } = t;
+  const s = i === "fixed", r = P(o), c = e ? ct(e.floating) : !1;
+  if (o === r || c && s)
+    return n;
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, a = k(1);
+  const u = k(0), f = B(o);
+  if ((f || !f && !s) && ((Y(o) !== "body" || Q(r)) && (l = at(o)), B(o))) {
+    const d = j(o);
+    a = _(o), u.x = d.x + o.clientLeft, u.y = d.y + o.clientTop;
+  }
+  const m = r && !f && !s ? _t(r, l) : k(0);
+  return {
+    width: n.width * a.x,
+    height: n.height * a.y,
+    x: n.x * a.x - l.scrollLeft * a.x + u.x + m.x,
+    y: n.y * a.y - l.scrollTop * a.y + u.y + m.y
+  };
+}
+function Ue(t) {
+  return Array.from(t.getClientRects());
+}
+function _e(t) {
+  const e = P(t), n = at(t), o = t.ownerDocument.body, i = N(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), s = N(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
+  let r = -n.scrollLeft + ft(t);
+  const c = -n.scrollTop;
+  return D(o).direction === "rtl" && (r += N(e.clientWidth, o.clientWidth) - i), {
+    width: i,
+    height: s,
+    x: r,
+    y: c
+  };
+}
+const Ft = 25;
+function Ge(t, e) {
+  const n = S(t), o = P(t), i = n.visualViewport;
+  let s = o.clientWidth, r = o.clientHeight, c = 0, l = 0;
+  if (i) {
+    s = i.width, r = i.height;
+    const u = yt();
+    (!u || u && e === "fixed") && (c = i.offsetLeft, l = i.offsetTop);
+  }
+  const a = ft(o);
+  if (a <= 0) {
+    const u = o.ownerDocument, f = u.body, m = getComputedStyle(f), d = u.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, h = Math.abs(o.clientWidth - f.clientWidth - d);
+    h <= Ft && (s -= h);
+  } else a <= Ft && (s += a);
+  return {
+    width: s,
+    height: r,
+    x: c,
+    y: l
+  };
+}
+const Ke = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function Ze(t, e) {
+  const n = j(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, s = B(t) ? _(t) : k(1), r = t.clientWidth * s.x, c = t.clientHeight * s.y, l = i * s.x, a = o * s.y;
+  return {
+    width: r,
+    height: c,
+    x: l,
+    y: a
+  };
+}
+function Mt(t, e, n) {
+  let o;
+  if (e === "viewport")
+    o = Ge(t, n);
+  else if (e === "document")
+    o = _e(P(t));
+  else if (O(e))
+    o = Ze(e, n);
+  else {
+    const i = Ut(t);
+    o = {
+      x: e.x - i.x,
+      y: e.y - i.y,
+      width: e.width,
+      height: e.height
+    };
+  }
+  return it(o);
+}
+function Gt(t, e) {
+  const n = z(t);
+  return n === e || !O(n) || G(n) ? !1 : D(n).position === "fixed" || Gt(n, e);
+}
+function Je(t, e) {
+  const n = e.get(t);
+  if (n)
+    return n;
+  let o = J(t, [], !1).filter((c) => O(c) && Y(c) !== "body"), i = null;
+  const s = D(t).position === "fixed";
+  let r = s ? z(t) : t;
+  for (; O(r) && !G(r); ) {
+    const c = D(r), l = vt(r);
+    !l && c.position === "fixed" && (i = null), (s ? !l && !i : !l && c.position === "static" && !!i && Ke.has(i.position) || Q(r) && !l && Gt(t, r)) ? o = o.filter((u) => u !== r) : i = c, r = z(r);
+  }
+  return e.set(t, o), o;
+}
+function Qe(t) {
+  let {
+    element: e,
+    boundary: n,
+    rootBoundary: o,
+    strategy: i
+  } = t;
+  const r = [...n === "clippingAncestors" ? ct(e) ? [] : Je(e, this._c) : [].concat(n), o], c = r[0], l = r.reduce((a, u) => {
+    const f = Mt(e, u, i);
+    return a.top = N(f.top, a.top), a.right = et(f.right, a.right), a.bottom = et(f.bottom, a.bottom), a.left = N(f.left, a.left), a;
+  }, Mt(e, c, i));
+  return {
+    width: l.right - l.left,
+    height: l.bottom - l.top,
+    x: l.left,
+    y: l.top
+  };
+}
+function tn(t) {
+  const {
+    width: e,
+    height: n
+  } = qt(t);
+  return {
+    width: e,
+    height: n
+  };
+}
+function en(t, e, n) {
+  const o = B(e), i = P(e), s = n === "fixed", r = j(t, !0, s, e);
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const l = k(0);
+  function a() {
+    l.x = ft(i);
+  }
+  if (o || !o && !s)
+    if ((Y(e) !== "body" || Q(i)) && (c = at(e)), o) {
+      const d = j(e, !0, s, e);
+      l.x = d.x + e.clientLeft, l.y = d.y + e.clientTop;
+    } else i && a();
+  s && !o && i && a();
+  const u = i && !o && !s ? _t(i, c) : k(0), f = r.left + c.scrollLeft - l.x - u.x, m = r.top + c.scrollTop - l.y - u.y;
+  return {
+    x: f,
+    y: m,
+    width: r.width,
+    height: r.height
+  };
+}
+function ht(t) {
+  return D(t).position === "static";
+}
+function zt(t, e) {
+  if (!B(t) || D(t).position === "fixed")
+    return null;
+  if (e)
+    return e(t);
+  let n = t.offsetParent;
+  return P(t) === n && (n = n.ownerDocument.body), n;
+}
+function Kt(t, e) {
+  const n = S(t);
+  if (ct(t))
+    return n;
+  if (!B(t)) {
+    let i = z(t);
+    for (; i && !G(i); ) {
+      if (O(i) && !ht(i))
+        return i;
+      i = z(i);
+    }
+    return n;
+  }
+  let o = zt(t, e);
+  for (; o && Me(o) && ht(o); )
+    o = zt(o, e);
+  return o && G(o) && ht(o) && !vt(o) ? n : o || Ne(t) || n;
+}
+const nn = async function(t) {
+  const e = this.getOffsetParent || Kt, n = this.getDimensions, o = await n(t.floating);
+  return {
+    reference: en(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: o.width,
+      height: o.height
+    }
+  };
+};
+function on(t) {
+  return D(t).direction === "rtl";
+}
+const rn = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: qe,
+  getDocumentElement: P,
+  getClippingRect: Qe,
+  getOffsetParent: Kt,
+  getElementRects: nn,
+  getClientRects: Ue,
+  getDimensions: tn,
+  getScale: _,
+  isElement: O,
+  isRTL: on
+};
+function Zt(t, e) {
+  return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
+}
+function sn(t, e) {
+  let n = null, o;
+  const i = P(t);
+  function s() {
+    var c;
+    clearTimeout(o), (c = n) == null || c.disconnect(), n = null;
+  }
+  function r(c, l) {
+    c === void 0 && (c = !1), l === void 0 && (l = 1), s();
+    const a = t.getBoundingClientRect(), {
+      left: u,
+      top: f,
+      width: m,
+      height: d
+    } = a;
+    if (c || e(), !m || !d)
+      return;
+    const h = tt(f), v = tt(i.clientWidth - (u + m)), y = tt(i.clientHeight - (f + d)), w = tt(u), x = {
+      rootMargin: -h + "px " + -v + "px " + -y + "px " + -w + "px",
+      threshold: N(0, et(1, l)) || 1
+    };
+    let C = !0;
+    function b(T) {
+      const g = T[0].intersectionRatio;
+      if (g !== l) {
+        if (!C)
+          return r();
+        g ? r(!1, g) : o = setTimeout(() => {
+          r(!1, 1e-7);
+        }, 1e3);
+      }
+      g === 1 && !Zt(a, t.getBoundingClientRect()) && r(), C = !1;
+    }
+    try {
+      n = new IntersectionObserver(b, {
+        ...x,
+        // Handle <iframe>s
+        root: i.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(b, x);
+    }
+    n.observe(t);
+  }
+  return r(!0), s;
+}
+function ln(t, e, n, o) {
+  o === void 0 && (o = {});
+  const {
+    ancestorScroll: i = !0,
+    ancestorResize: s = !0,
+    elementResize: r = typeof ResizeObserver == "function",
+    layoutShift: c = typeof IntersectionObserver == "function",
+    animationFrame: l = !1
+  } = o, a = xt(t), u = i || s ? [...a ? J(a) : [], ...J(e)] : [];
+  u.forEach((w) => {
+    i && w.addEventListener("scroll", n, {
+      passive: !0
+    }), s && w.addEventListener("resize", n);
+  });
+  const f = a && c ? sn(a, n) : null;
+  let m = -1, d = null;
+  r && (d = new ResizeObserver((w) => {
+    let [p] = w;
+    p && p.target === a && d && (d.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+      var x;
+      (x = d) == null || x.observe(e);
+    })), n();
+  }), a && !l && d.observe(a), d.observe(e));
+  let h, v = l ? j(t) : null;
+  l && y();
+  function y() {
+    const w = j(t);
+    v && !Zt(v, w) && n(), v = w, h = requestAnimationFrame(y);
+  }
+  return n(), () => {
+    var w;
+    u.forEach((p) => {
+      i && p.removeEventListener("scroll", n), s && p.removeEventListener("resize", n);
+    }), f?.(), (w = d) == null || w.disconnect(), d = null, l && cancelAnimationFrame(h);
+  };
+}
+const cn = Pe, an = Ve, fn = Te, un = (t, e, n) => {
+  const o = /* @__PURE__ */ new Map(), i = {
+    platform: rn,
+    ...n
+  }, s = {
+    ...i.platform,
+    _c: o
+  };
+  return De(t, e, {
+    ...i,
+    platform: s
+  });
+};
+function dn(t) {
+  return t != null && typeof t == "object" && "$el" in t;
+}
+function Ht(t) {
+  if (dn(t)) {
+    const e = t.$el;
+    return pt(e) && Y(e) === "#comment" ? null : e;
+  }
+  return t;
+}
+function Z(t) {
+  return typeof t == "function" ? t() : R(t);
+}
+function Jt(t) {
+  return typeof window > "u" ? 1 : (t.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function Wt(t, e) {
+  const n = Jt(t);
+  return Math.round(e * n) / n;
+}
+function mn(t, e, n) {
+  n === void 0 && (n = {});
+  const o = n.whileElementsMounted, i = V(() => {
+    var g;
+    return (g = Z(n.open)) != null ? g : !0;
+  }), s = V(() => Z(n.middleware)), r = V(() => {
+    var g;
+    return (g = Z(n.placement)) != null ? g : "bottom";
+  }), c = V(() => {
+    var g;
+    return (g = Z(n.strategy)) != null ? g : "absolute";
+  }), l = V(() => {
+    var g;
+    return (g = Z(n.transform)) != null ? g : !0;
+  }), a = V(() => Ht(t.value)), u = V(() => Ht(e.value)), f = L(0), m = L(0), d = L(c.value), h = L(r.value), v = te({}), y = L(!1), w = V(() => {
+    const g = {
+      position: d.value,
+      left: "0",
+      top: "0"
+    };
+    if (!u.value)
+      return g;
+    const E = Wt(u.value, f.value), H = Wt(u.value, m.value);
+    return l.value ? {
+      ...g,
+      transform: "translate(" + E + "px, " + H + "px)",
+      ...Jt(u.value) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: d.value,
+      left: E + "px",
+      top: H + "px"
+    };
+  });
+  let p;
+  function x() {
+    if (a.value == null || u.value == null)
+      return;
+    const g = i.value;
+    un(a.value, u.value, {
+      middleware: s.value,
+      placement: r.value,
+      strategy: c.value
+    }).then((E) => {
+      f.value = E.x, m.value = E.y, d.value = E.strategy, h.value = E.placement, v.value = E.middlewareData, y.value = g !== !1;
+    });
+  }
+  function C() {
+    typeof p == "function" && (p(), p = void 0);
+  }
+  function b() {
+    if (C(), o === void 0) {
+      x();
+      return;
+    }
+    if (a.value != null && u.value != null) {
+      p = o(a.value, u.value, x);
+      return;
+    }
+  }
+  function T() {
+    i.value || (y.value = !1);
+  }
+  return dt([s, r, c, i], x, {
+    flush: "sync"
+  }), dt([a, u], b, {
+    flush: "sync"
+  }), dt(i, T, {
+    flush: "sync"
+  }), ee() && ne(C), {
+    x: U(f),
+    y: U(m),
+    strategy: U(d),
+    placement: U(h),
+    middlewareData: U(v),
+    isPositioned: U(y),
+    floatingStyles: w,
+    update: x
+  };
+}
+const hn = ({
+  triggerElem: t,
+  dropdownRef: e,
+  openDropdownHandler: n,
+  closeDropdownHandler: o
+}) => {
+  const i = L(!1), s = L(), r = () => {
+    try {
+      i.value = !i.value, i.value && F && (s.value = window.setTimeout(() => {
+        window.removeEventListener("click", l), window.removeEventListener("keyup", l), window.addEventListener("click", l), window.addEventListener("keyup", l);
+      }, 100)), n?.();
+    } catch (f) {
+      console.error(f);
+    }
+  }, c = (f) => {
+    try {
+      const m = f?.target, d = t?.value, h = e?.value;
+      return F && d && h && !d.contains(m) && !h.contains(m) ? !0 : void 0;
+    } catch (m) {
+      console.error(m);
+      return;
+    }
+  }, l = (f) => {
+    try {
+      c(f) && (F && (window.removeEventListener("click", l), window.removeEventListener("keyup", l)), i.value = !1, o?.());
+    } catch (m) {
+      console.error(m);
+    }
+  };
+  return {
+    open: i,
+    toggleDropdown: r,
+    closeDropdown: () => {
+      try {
+        F && (window.removeEventListener("click", l), window.removeEventListener("keyup", l)), i.value = !1, o?.();
+      } catch (f) {
+        console.error(f);
+      }
+    },
+    clearEventListeners: () => {
+      F && (s.value && window.clearTimeout(s.value), window.removeEventListener("click", l), window.removeEventListener("keyup", l));
+    }
+  };
+}, wn = ["data-testid"], gn = ["id", "aria-labelledby", "aria-hidden"], En = /* @__PURE__ */ oe({
+  name: "CLDropdownMenu",
+  __name: "CLDropdownMenu",
+  props: {
+    buttonAriaLabel: {},
+    buttonBorderRadius: {},
+    buttonColor: { default: Tt.Secondary },
+    buttonHeight: { default: "auto" },
+    buttonSize: { default: pe.Small },
+    buttonVariant: { default: Dt.Soft },
+    buttonWidth: { default: "auto" },
+    buttonWrapped: { type: Boolean },
+    containerBordered: { type: Boolean, default: !0 },
+    containerBorderRadius: {},
+    containerElevated: { type: Boolean, default: !1 },
+    contentWidth: { default: "auto" },
+    dropdownId: {},
+    iconAfter: { default: ge.ChevronDown },
+    iconAfterSize: { default: Ot.Tiny },
+    iconBefore: {},
+    iconSize: { default: Ot.Tiny },
+    isOpen: { type: Boolean, default: !1 },
+    label: {},
+    onCloseHandler: {},
+    onOpenHandler: {},
+    placement: { default: we.BottomStart },
+    testId: { default: "clll-dropdown-menu" },
+    zIndex: { default: 30 }
+  },
+  setup(t) {
+    ie((g) => ({
+      v69f60b10: R(a)
+    }));
+    const e = t;
+    let n = L(), o = L();
+    const i = L(), s = L(), r = L(e.isOpen), c = L(e.placement), l = "clll-dropdown-menu", a = V(() => e.zIndex === "auto" || me(e.zIndex) ? e.zIndex : e.zIndex.toString()), u = () => {
+      v.value ? f() : m();
+    }, f = () => {
+      r.value = !0, e?.onOpenHandler?.(), C(), F && window.document.addEventListener("click", b);
+    }, m = () => {
+      r.value = !1, e?.onCloseHandler?.(), F && window.document.removeEventListener("click", b), T(), p();
+    }, d = (g) => {
+      g && (n.value = g);
+    }, h = (g) => {
+      g && (o.value = g);
+    }, {
+      open: v,
+      toggleDropdown: y,
+      closeDropdown: w,
+      clearEventListeners: p
+    } = hn({
+      triggerElem: n,
+      dropdownRef: s,
+      openDropdownHandler: u,
+      closeDropdownHandler: m
+    }), { floatingStyles: x, update: C } = mn(i, s, {
+      middleware: [fn(), cn(10), an()],
+      placement: c,
+      open: r,
+      whileElementsMounted: ln
+    }), b = (g) => {
+      r.value && s.value?.contains(g?.target) && w();
+    }, { clearEventListeners: T } = he({ escHandler: w, triggerElem: n });
+    return re(() => {
+      F && window.document.removeEventListener("click", b), T(), p();
+    }), (g, E) => (St(), Lt("div", {
+      class: mt([`${l}__menu`]),
+      "data-testid": t.testId
+    }, [
+      Rt(R(ue), {
+        id: `${l}__toggle--${t.dropdownId}`,
+        ref_key: "anchor",
+        ref: i,
+        "aria-controls": `${l}--${t.dropdownId}`,
+        "aria-expanded": R(r) || t.isOpen,
+        "aria-label": t.buttonAriaLabel,
+        class: mt(`${l}__toggle`),
+        color: t.buttonColor,
+        "border-radius": t.buttonBorderRadius,
+        "forward-ref": d,
+        height: t.buttonHeight,
+        "icon-after": t.iconAfter,
+        "icon-before": t.iconBefore,
+        "icon-size": t.iconSize,
+        "icon-after-size": t.iconAfterSize,
+        size: t.buttonSize,
+        "test-id": `${l}__toggle`,
+        variant: t.buttonVariant,
+        width: t.buttonWidth,
+        wrap: t.buttonWrapped,
+        onClick: R(y)
+      }, {
+        default: At(() => [
+          le(ce(t.label), 1)
+        ]),
+        _: 1
+      }, 8, ["id", "aria-controls", "aria-expanded", "aria-label", "class", "color", "border-radius", "height", "icon-after", "icon-before", "icon-size", "icon-after-size", "size", "test-id", "variant", "width", "wrap", "onClick"]),
+      R(r) || t.isOpen ? (St(), Lt("div", {
+        key: 0,
+        id: `${l}--${t.dropdownId}`,
+        ref_key: "dropdownElem",
+        ref: s,
+        "aria-labelledby": `${l}__toggle--${t.dropdownId}`,
+        "aria-hidden": !(R(r) || t.isOpen),
+        class: mt([
+          `${l}__dropdown`,
+          `${l}__dropdown--${R(c)}`
+        ]),
+        style: ae(R(x))
+      }, [
+        Rt(R(de), {
+          bordered: t.containerBordered,
+          "border-radius": t.containerBorderRadius,
+          color: R(Tt).Neutral,
+          elevated: t.containerElevated,
+          "forward-ref": h,
+          padded: !1,
+          "test-id": `${l}__content`,
+          variant: R(Dt).Ghost,
+          width: t.contentWidth
+        }, {
+          default: At(() => [
+            fe(g.$slots, "content")
+          ]),
+          _: 3
+        }, 8, ["bordered", "border-radius", "color", "elevated", "test-id", "variant", "width"])
+      ], 14, gn)) : se("", !0)
+    ], 10, wn));
+  }
+});
+export {
+  En as CLDropdownMenu,
+  En as default
+};