@codeandfunction/callaloo 4.7.6 → 4.9.0

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

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