@codeandfunction/callaloo 4.8.0 → 4.9.0

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

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