@codeandfunction/callaloo 3.16.5 → 3.16.7

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

@@ -1,26 +1,26 @@
 import '../../../assets/core.css';
 import './CLDropdownMenu.css';
-import { computed as V, ref as E, shallowRef as te, watch as ut, getCurrentScope as ee, onScopeDispose as ne, shallowReadonly as q, unref as A, defineComponent as oe, useCssVars as ie, onBeforeUnmount as re, createElementBlock as Rt, openBlock as At, normalizeClass as dt, createVNode as Ot, createCommentVNode as le, withCtx as Et, createTextVNode as se, toDisplayString as ce, normalizeStyle as ae, renderSlot as fe } from "vue";
-import { _ as ue } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-B4xTt-xw.js";
-import { _ as de } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-Bj9WF_mX.js";
-import { b as me, i as mt } from "../../../chunks/helper--hRjZVm6.js";
-import { useDropdown as he } from "../../../composables/useDropdown.js";
-import { useEsc as ge } from "../../../composables/useEsc.js";
-import { CLPlacement as pe, CLIconSizes as Lt, CLIconNames as we, CLColorVariants as Dt, CLSizes as ye, CLColors as Tt } from "../../../index.js";
-const tt = Math.min, I = Math.max, et = Math.round, Q = Math.floor, B = (t) => ({
+import { computed as V, ref as E, shallowRef as te, watch as ut, getCurrentScope as ee, onScopeDispose as ne, shallowReadonly as q, unref as A, defineComponent as oe, onBeforeUnmount as ie, createElementBlock as Rt, openBlock as At, normalizeClass as dt, createVNode as Ot, createCommentVNode as re, withCtx as Et, createTextVNode as le, toDisplayString as se, normalizeStyle as ce, renderSlot as ae } from "vue";
+import { _ as fe } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-CQipGQ26.js";
+import { _ as ue } from "../../../chunks/CLCard.vue_vue_type_style_index_0_lang-CAjsSjd9.js";
+import { b as de, i as mt } from "../../../chunks/helper--hRjZVm6.js";
+import { useDropdown as me } from "../../../composables/useDropdown.js";
+import { useEsc as he } from "../../../composables/useEsc.js";
+import { CLPlacement as ge, CLIconSizes as Lt, CLIconNames as pe, CLColorVariants as Dt, CLSizes as we, CLColors as Tt } from "../../../index.js";
+const tt = Math.min, W = Math.max, et = Math.round, Q = Math.floor, B = (t) => ({
   x: t,
   y: t
-}), ve = {
+}), ye = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, xe = {
+}, ve = {
   start: "end",
   end: "start"
 };
 function Bt(t, e, n) {
-  return I(t, tt(e, n));
+  return W(t, tt(e, n));
 }
 function it(t, e) {
   return typeof t == "function" ? t(e) : t;
@@ -31,54 +31,54 @@ function N(t) {
 function rt(t) {
   return t.split("-")[1];
 }
-function It(t) {
+function Wt(t) {
   return t === "x" ? "y" : "x";
 }
 function Nt(t) {
   return t === "y" ? "height" : "width";
 }
-const be = /* @__PURE__ */ new Set(["top", "bottom"]);
-function F(t) {
-  return be.has(N(t)) ? "y" : "x";
+const xe = /* @__PURE__ */ new Set(["top", "bottom"]);
+function z(t) {
+  return xe.has(N(t)) ? "y" : "x";
 }
 function Xt(t) {
-  return It(F(t));
+  return Wt(z(t));
 }
-function Ce(t, e, n) {
+function be(t, e, n) {
   n === void 0 && (n = !1);
   const o = rt(t), i = Xt(t), l = Nt(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 Se(t) {
+function Ce(t) {
   const e = nt(t);
   return [gt(t), e, gt(e)];
 }
 function gt(t) {
-  return t.replace(/start|end/g, (e) => xe[e]);
+  return t.replace(/start|end/g, (e) => ve[e]);
 }
-const Pt = ["left", "right"], kt = ["right", "left"], Re = ["top", "bottom"], Ae = ["bottom", "top"];
-function Oe(t, e, n) {
+const Pt = ["left", "right"], kt = ["right", "left"], Se = ["top", "bottom"], Re = ["bottom", "top"];
+function Ae(t, e, n) {
   switch (t) {
     case "top":
     case "bottom":
       return n ? e ? kt : Pt : e ? Pt : kt;
     case "left":
     case "right":
-      return e ? Re : Ae;
+      return e ? Se : Re;
     default:
       return [];
   }
 }
-function Ee(t, e, n, o) {
+function Oe(t, e, n, o) {
   const i = rt(t);
-  let l = Oe(N(t), n === "start", o);
+  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) => ve[e]);
+  return t.replace(/left|right|bottom|top/g, (e) => ye[e]);
 }
-function Le(t) {
+function Ee(t) {
   return {
     top: 0,
     right: 0,
@@ -87,8 +87,8 @@ function Le(t) {
     ...t
   };
 }
-function De(t) {
-  return typeof t != "number" ? Le(t) : {
+function Le(t) {
+  return typeof t != "number" ? Ee(t) : {
     top: t,
     right: t,
     bottom: t,
@@ -118,7 +118,7 @@ function Vt(t, e, n) {
     reference: o,
     floating: i
   } = t;
-  const l = F(e), r = Xt(e), s = Nt(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;
+  const l = z(e), r = Xt(e), s = Nt(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":
@@ -161,7 +161,7 @@ function Vt(t, e, n) {
   }
   return d;
 }
-const Te = async (t, e, n) => {
+const De = async (t, e, n) => {
   const {
     placement: o = "bottom",
     strategy: i = "absolute",
@@ -181,7 +181,7 @@ const Te = async (t, e, n) => {
       name: v,
       fn: g
     } = s[y], {
-      x: w,
+      x: p,
       y: x,
       data: C,
       reset: b
@@ -199,7 +199,7 @@ const Te = async (t, e, n) => {
         floating: e
       }
     });
-    f = w ?? f, u = x ?? u, d = {
+    f = p ?? f, u = x ?? u, d = {
       ...d,
       [v]: {
         ...d[v],
@@ -238,12 +238,12 @@ async function jt(t, e) {
     elementContext: u = "floating",
     altBoundary: m = !1,
     padding: d = 0
-  } = it(e, t), h = De(d), v = s[m ? u === "floating" ? "reference" : "floating" : u], g = ot(await l.getClippingRect({
+  } = 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
-  })), w = u === "floating" ? {
+  })), p = u === "floating" ? {
     x: o,
     y: i,
     width: r.floating.width,
@@ -256,10 +256,10 @@ async function jt(t, e) {
     y: 1
   }, b = ot(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: s,
-    rect: w,
+    rect: p,
     offsetParent: x,
     strategy: c
-  }) : w);
+  }) : p);
   return {
     top: (g.top - b.top + h.top) / C.y,
     bottom: (b.bottom - g.bottom + h.bottom) / C.y,
@@ -267,7 +267,7 @@ async function jt(t, e) {
     right: (b.right - g.right + h.right) / C.x
   };
 }
-const Be = function(t) {
+const Te = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
@@ -291,23 +291,23 @@ const Be = function(t) {
       } = it(t, e);
       if ((n = l.arrow) != null && n.alignmentOffset)
         return {};
-      const g = N(i), w = F(s), x = N(s) === s, C = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), b = m || (x || !y ? [nt(s)] : Se(s)), T = h !== "none";
-      !m && T && b.push(...Ee(s, y, h, C));
-      const p = [s, ...b], S = await jt(e, v), z = [];
+      const g = N(i), p = z(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], S = await jt(e, v), M = [];
       let Y = ((o = l.flip) == null ? void 0 : o.overflows) || [];
-      if (f && z.push(S[g]), u) {
-        const H = Ce(i, r, C);
-        z.push(S[H[0]], S[H[1]]);
+      if (f && M.push(S[g]), u) {
+        const H = be(i, r, C);
+        M.push(S[H[0]], S[H[1]]);
       }
       if (Y = [...Y, {
         placement: i,
-        overflows: z
-      }], !z.every((H) => H <= 0)) {
+        overflows: M
+      }], !M.every((H) => H <= 0)) {
         var bt, Ct;
-        const H = (((bt = l.flip) == null ? void 0 : bt.index) || 0) + 1, ft = p[H];
-        if (ft && (!(u === "alignment" ? w !== F(ft) : !1) || // We leave the current main axis only if every placement on that axis
+        const H = (((bt = l.flip) == null ? void 0 : bt.index) || 0) + 1, ft = w[H];
+        if (ft && (!(u === "alignment" ? p !== z(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) === w ? O.overflows[0] > 0 : !0)))
+        Y.every((O) => z(O.placement) === p ? O.overflows[0] > 0 : !0)))
           return {
             data: {
               index: H,
@@ -317,21 +317,21 @@ const Be = function(t) {
               placement: ft
             }
           };
-        let G = (Ct = Y.filter((W) => W.overflows[0] <= 0).sort((W, O) => W.overflows[1] - O.overflows[1])[0]) == null ? void 0 : Ct.placement;
+        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 St;
-              const W = (St = Y.filter((O) => {
+              const I = (St = Y.filter((O) => {
                 if (T) {
-                  const $ = F(O.placement);
-                  return $ === w || // Create a bias to the `y` side axis due to horizontal
+                  const $ = z(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(($, Qt) => $ + Qt, 0)]).sort((O, $) => O[1] - $[1])[0]) == null ? void 0 : St[0];
-              W && (G = W);
+              I && (G = I);
               break;
             }
             case "initialPlacement":
@@ -348,13 +348,13 @@ const Be = function(t) {
       return {};
     }
   };
-}, Pe = /* @__PURE__ */ new Set(["left", "top"]);
-async function ke(t, e) {
+}, 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 = Pe.has(r) ? -1 : 1, f = l && c ? -1 : 1, u = it(e, t);
+  } = t, l = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), r = N(n), s = rt(n), c = z(n) === "y", a = Be.has(r) ? -1 : 1, f = l && c ? -1 : 1, u = it(e, t);
   let {
     mainAxis: m,
     crossAxis: d,
@@ -376,7 +376,7 @@ async function ke(t, e) {
     y: d * f
   };
 }
-const Ve = function(t) {
+const ke = function(t) {
   return t === void 0 && (t = 0), {
     name: "offset",
     options: t,
@@ -387,7 +387,7 @@ const Ve = function(t) {
         y: l,
         placement: r,
         middlewareData: s
-      } = e, c = await ke(e, t);
+      } = 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,
@@ -398,7 +398,7 @@ const Ve = function(t) {
       };
     }
   };
-}, $e = function(t) {
+}, Ve = function(t) {
   return t === void 0 && (t = {}), {
     name: "shift",
     options: t,
@@ -414,11 +414,11 @@ const Ve = function(t) {
           fn: (v) => {
             let {
               x: g,
-              y: w
+              y: p
             } = v;
             return {
               x: g,
-              y: w
+              y: p
             };
           }
         },
@@ -426,15 +426,15 @@ const Ve = function(t) {
       } = it(t, e), a = {
         x: n,
         y: o
-      }, f = await jt(e, c), u = F(N(i)), m = It(u);
+      }, f = await jt(e, c), u = z(N(i)), m = Wt(u);
       let d = a[m], h = a[u];
       if (l) {
-        const v = m === "y" ? "top" : "left", g = m === "y" ? "bottom" : "right", w = d + f[v], x = d - f[g];
-        d = Bt(w, d, x);
+        const v = m === "y" ? "top" : "left", g = m === "y" ? "bottom" : "right", p = d + f[v], x = d - f[g];
+        d = Bt(p, d, x);
       }
       if (r) {
-        const v = u === "y" ? "top" : "left", g = u === "y" ? "bottom" : "right", w = h + f[v], x = h - f[g];
-        h = Bt(w, h, x);
+        const v = u === "y" ? "top" : "left", g = u === "y" ? "bottom" : "right", p = h + f[v], x = h - f[g];
+        h = Bt(p, h, x);
       }
       const y = s.fn({
         ...e,
@@ -481,7 +481,7 @@ function P(t) {
 function $t(t) {
   return !lt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof R(t).ShadowRoot;
 }
-const Fe = /* @__PURE__ */ new Set(["inline", "contents"]);
+const $e = /* @__PURE__ */ new Set(["inline", "contents"]);
 function J(t) {
   const {
     overflow: e,
@@ -489,15 +489,15 @@ function J(t) {
     overflowY: o,
     display: i
   } = D(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !Fe.has(i);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !$e.has(i);
 }
-const Me = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function ze(t) {
-  return Me.has(j(t));
+const ze = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function Fe(t) {
+  return ze.has(j(t));
 }
-const He = [":popover-open", ":modal"];
+const Me = [":popover-open", ":modal"];
 function st(t) {
-  return He.some((e) => {
+  return Me.some((e) => {
     try {
       return t.matches(e);
     } catch {
@@ -505,28 +505,28 @@ function st(t) {
     }
   });
 }
-const We = ["transform", "translate", "scale", "rotate", "perspective"], Ie = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Ne = ["paint", "layout", "strict", "content"];
+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 We.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)) || Ne.some((o) => (n.contain || "").includes(o));
+  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 Xe(t) {
-  let e = M(t);
+function Ne(t) {
+  let e = F(t);
   for (; P(e) && !_(e); ) {
     if (yt(e))
       return e;
     if (st(e))
       return null;
-    e = M(e);
+    e = F(e);
   }
   return null;
 }
 function vt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const je = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+const Xe = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function _(t) {
-  return je.has(j(t));
+  return Xe.has(j(t));
 }
 function D(t) {
   return R(t).getComputedStyle(t);
@@ -540,7 +540,7 @@ function ct(t) {
     scrollTop: t.scrollY
   };
 }
-function M(t) {
+function F(t) {
   if (j(t) === "html")
     return t;
   const e = (
@@ -553,7 +553,7 @@ function M(t) {
   return $t(e) ? e.host : e;
 }
 function Yt(t) {
-  const e = M(t);
+  const e = F(t);
   return _(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : P(e) && J(e) ? e : Yt(e);
 }
 function Z(t, e, n) {
@@ -597,15 +597,15 @@ function U(t) {
     y: s
   };
 }
-const Ye = /* @__PURE__ */ B(0);
+const je = /* @__PURE__ */ B(0);
 function Ut(t) {
   const e = R(t);
-  return !vt() || !e.visualViewport ? Ye : {
+  return !vt() || !e.visualViewport ? je : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
-function qe(t, e, n) {
+function Ye(t, e, n) {
   return e === void 0 && (e = !1), !n || e && n !== R(t) ? !1 : e;
 }
 function X(t, e, n, o) {
@@ -613,13 +613,13 @@ function X(t, e, n, o) {
   const i = t.getBoundingClientRect(), l = xt(t);
   let r = B(1);
   e && (o ? L(o) && (r = U(o)) : r = U(t));
-  const s = qe(l, n, o) ? Ut(l) : B(0);
+  const s = Ye(l, n, o) ? Ut(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 = R(l), d = o && L(o) ? R(o) : o;
     let h = m, y = pt(h);
     for (; y && o && d !== h; ) {
-      const v = U(y), g = y.getBoundingClientRect(), w = D(y), x = g.left + (y.clientLeft + parseFloat(w.paddingLeft)) * v.x, C = g.top + (y.clientTop + parseFloat(w.paddingTop)) * v.y;
+      const v = U(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 = R(y), y = pt(h);
     }
   }
@@ -641,7 +641,7 @@ function _t(t, e) {
     y: i
   };
 }
-function Ue(t) {
+function qe(t) {
   let {
     elements: e,
     rect: n,
@@ -668,22 +668,22 @@ function Ue(t) {
     y: n.y * a.y - c.scrollTop * a.y + f.y + m.y
   };
 }
-function _e(t) {
+function Ue(t) {
   return Array.from(t.getClientRects());
 }
-function Ge(t) {
-  const e = k(t), n = ct(t), o = t.ownerDocument.body, i = I(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), l = I(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
+function _e(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 += I(e.clientWidth, o.clientWidth) - i), {
+  return D(o).direction === "rtl" && (r += W(e.clientWidth, o.clientWidth) - i), {
     width: i,
     height: l,
     x: r,
     y: s
   };
 }
-const Ft = 25;
-function Ke(t, e) {
+const zt = 25;
+function Ge(t, e) {
   const n = R(t), o = k(t), i = n.visualViewport;
   let l = o.clientWidth, r = o.clientHeight, s = 0, c = 0;
   if (i) {
@@ -694,8 +694,8 @@ function Ke(t, e) {
   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 <= Ft && (l -= h);
-  } else a <= Ft && (l += a);
+    h <= zt && (l -= h);
+  } else a <= zt && (l += a);
   return {
     width: l,
     height: r,
@@ -703,8 +703,8 @@ function Ke(t, e) {
     y: c
   };
 }
-const Ze = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function Je(t, e) {
+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) ? U(t) : B(1), r = t.clientWidth * l.x, s = t.clientHeight * l.y, c = i * l.x, a = o * l.y;
   return {
     width: r,
@@ -713,14 +713,14 @@ function Je(t, e) {
     y: a
   };
 }
-function Mt(t, e, n) {
+function Ft(t, e, n) {
   let o;
   if (e === "viewport")
-    o = Ke(t, n);
+    o = Ge(t, n);
   else if (e === "document")
-    o = Ge(k(t));
+    o = _e(k(t));
   else if (L(e))
-    o = Je(e, n);
+    o = Ze(e, n);
   else {
     const i = Ut(t);
     o = {
@@ -733,33 +733,33 @@ function Mt(t, e, n) {
   return ot(o);
 }
 function Gt(t, e) {
-  const n = M(t);
+  const n = F(t);
   return n === e || !L(n) || _(n) ? !1 : D(n).position === "fixed" || Gt(n, e);
 }
-function Qe(t, 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;
+  let r = l ? F(t) : t;
   for (; L(r) && !_(r); ) {
     const s = D(r), c = yt(r);
-    !c && s.position === "fixed" && (i = null), (l ? !c && !i : !c && s.position === "static" && !!i && Ze.has(i.position) || J(r) && !c && Gt(t, r)) ? o = o.filter((f) => f !== r) : i = s, r = M(r);
+    !c && s.position === "fixed" && (i = null), (l ? !c && !i : !c && s.position === "static" && !!i && Ke.has(i.position) || J(r) && !c && Gt(t, r)) ? o = o.filter((f) => f !== r) : i = s, r = F(r);
   }
   return e.set(t, o), o;
 }
-function tn(t) {
+function Qe(t) {
   let {
     element: e,
     boundary: n,
     rootBoundary: o,
     strategy: i
   } = t;
-  const r = [...n === "clippingAncestors" ? st(e) ? [] : Qe(e, this._c) : [].concat(n), o], s = r[0], c = r.reduce((a, f) => {
-    const u = Mt(e, f, i);
-    return a.top = I(u.top, a.top), a.right = tt(u.right, a.right), a.bottom = tt(u.bottom, a.bottom), a.left = I(u.left, a.left), a;
-  }, Mt(e, s, i));
+  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,
@@ -767,7 +767,7 @@ function tn(t) {
     y: c.top
   };
 }
-function en(t) {
+function tn(t) {
   const {
     width: e,
     height: n
@@ -777,7 +777,7 @@ function en(t) {
     height: n
   };
 }
-function nn(t, e, 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,
@@ -804,7 +804,7 @@ function nn(t, e, n) {
 function ht(t) {
   return D(t).position === "static";
 }
-function zt(t, e) {
+function Mt(t, e) {
   if (!P(t) || D(t).position === "fixed")
     return null;
   if (e)
@@ -817,23 +817,23 @@ function Kt(t, e) {
   if (st(t))
     return n;
   if (!P(t)) {
-    let i = M(t);
+    let i = F(t);
     for (; i && !_(i); ) {
       if (L(i) && !ht(i))
         return i;
-      i = M(i);
+      i = F(i);
     }
     return n;
   }
-  let o = zt(t, e);
-  for (; o && ze(o) && ht(o); )
-    o = zt(o, e);
-  return o && _(o) && ht(o) && !yt(o) ? n : o || Xe(t) || n;
+  let o = Mt(t, e);
+  for (; o && Fe(o) && ht(o); )
+    o = Mt(o, e);
+  return o && _(o) && ht(o) && !yt(o) ? n : o || Ne(t) || n;
 }
-const on = async function(t) {
+const nn = async function(t) {
   const e = this.getOffsetParent || Kt, n = this.getDimensions, o = await n(t.floating);
   return {
-    reference: nn(t.reference, await e(t.floating), t.strategy),
+    reference: en(t.reference, await e(t.floating), t.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -842,25 +842,25 @@ const on = async function(t) {
     }
   };
 };
-function rn(t) {
+function on(t) {
   return D(t).direction === "rtl";
 }
-const ln = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Ue,
+const rn = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: qe,
   getDocumentElement: k,
-  getClippingRect: tn,
+  getClippingRect: Qe,
   getOffsetParent: Kt,
-  getElementRects: on,
-  getClientRects: _e,
-  getDimensions: en,
+  getElementRects: nn,
+  getClientRects: Ue,
+  getDimensions: tn,
   getScale: U,
   isElement: L,
-  isRTL: rn
+  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) {
+function ln(t, e) {
   let n = null, o;
   const i = k(t);
   function l() {
@@ -879,19 +879,19 @@ function sn(t, e) {
       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: I(0, tt(1, c)) || 1
+      threshold: W(0, tt(1, c)) || 1
     };
     let C = !0;
     function b(T) {
-      const p = T[0].intersectionRatio;
-      if (p !== c) {
+      const w = T[0].intersectionRatio;
+      if (w !== c) {
         if (!C)
           return r();
-        p ? r(!1, p) : o = setTimeout(() => {
+        w ? r(!1, w) : o = setTimeout(() => {
           r(!1, 1e-7);
         }, 1e3);
       }
-      p === 1 && !Zt(a, t.getBoundingClientRect()) && r(), C = !1;
+      w === 1 && !Zt(a, t.getBoundingClientRect()) && r(), C = !1;
     }
     try {
       n = new IntersectionObserver(b, {
@@ -906,7 +906,7 @@ function sn(t, e) {
   }
   return r(!0), l;
 }
-function cn(t, e, n, o) {
+function sn(t, e, n, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: i = !0,
@@ -920,11 +920,11 @@ function cn(t, e, n, o) {
       passive: !0
     }), l && g.addEventListener("resize", n);
   });
-  const u = a && s ? sn(a, n) : null;
+  const u = a && s ? ln(a, n) : null;
   let m = -1, d = null;
   r && (d = new ResizeObserver((g) => {
-    let [w] = g;
-    w && w.target === a && d && (d.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+    let [p] = g;
+    p && p.target === a && d && (d.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
       var x;
       (x = d) == null || x.observe(e);
     })), n();
@@ -937,29 +937,29 @@ function cn(t, e, n, o) {
   }
   return n(), () => {
     var g;
-    f.forEach((w) => {
-      i && w.removeEventListener("scroll", n), l && w.removeEventListener("resize", n);
+    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 an = Ve, fn = $e, un = Be, dn = (t, e, n) => {
+const cn = ke, an = Ve, fn = Te, un = (t, e, n) => {
   const o = /* @__PURE__ */ new Map(), i = {
-    platform: ln,
+    platform: rn,
     ...n
   }, l = {
     ...i.platform,
     _c: o
   };
-  return Te(t, e, {
+  return De(t, e, {
     ...i,
     platform: l
   });
 };
-function mn(t) {
+function dn(t) {
   return t != null && typeof t == "object" && "$el" in t;
 }
 function Ht(t) {
-  if (mn(t)) {
+  if (dn(t)) {
     const e = t.$el;
     return wt(e) && j(e) === "#comment" ? null : e;
   }
@@ -971,60 +971,60 @@ function K(t) {
 function Jt(t) {
   return typeof window > "u" ? 1 : (t.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function Wt(t, e) {
+function It(t, e) {
   const n = Jt(t);
   return Math.round(e * n) / n;
 }
-function hn(t, e, n) {
+function mn(t, e, n) {
   n === void 0 && (n = {});
   const o = n.whileElementsMounted, i = V(() => {
-    var p;
-    return (p = K(n.open)) != null ? p : !0;
+    var w;
+    return (w = K(n.open)) != null ? w : !0;
   }), l = V(() => K(n.middleware)), r = V(() => {
-    var p;
-    return (p = K(n.placement)) != null ? p : "bottom";
+    var w;
+    return (w = K(n.placement)) != null ? w : "bottom";
   }), s = V(() => {
-    var p;
-    return (p = K(n.strategy)) != null ? p : "absolute";
+    var w;
+    return (w = K(n.strategy)) != null ? w : "absolute";
   }), c = V(() => {
-    var p;
-    return (p = K(n.transform)) != null ? p : !0;
+    var w;
+    return (w = K(n.transform)) != null ? w : !0;
   }), a = V(() => Ht(t.value)), f = V(() => Ht(e.value)), u = E(0), m = E(0), d = E(s.value), h = E(r.value), y = te({}), v = E(!1), g = V(() => {
-    const p = {
+    const w = {
       position: d.value,
       left: "0",
       top: "0"
     };
     if (!f.value)
-      return p;
-    const S = Wt(f.value, u.value), z = Wt(f.value, m.value);
+      return w;
+    const S = It(f.value, u.value), M = It(f.value, m.value);
     return c.value ? {
-      ...p,
-      transform: "translate(" + S + "px, " + z + "px)",
+      ...w,
+      transform: "translate(" + S + "px, " + M + "px)",
       ...Jt(f.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: d.value,
       left: S + "px",
-      top: z + "px"
+      top: M + "px"
     };
   });
-  let w;
+  let p;
   function x() {
     if (a.value == null || f.value == null)
       return;
-    const p = i.value;
-    dn(a.value, f.value, {
+    const w = i.value;
+    un(a.value, f.value, {
       middleware: l.value,
       placement: r.value,
       strategy: s.value
     }).then((S) => {
-      u.value = S.x, m.value = S.y, d.value = S.strategy, h.value = S.placement, y.value = S.middlewareData, v.value = p !== !1;
+      u.value = S.x, m.value = S.y, d.value = S.strategy, h.value = S.placement, y.value = S.middlewareData, v.value = w !== !1;
     });
   }
   function C() {
-    typeof w == "function" && (w(), w = void 0);
+    typeof p == "function" && (p(), p = void 0);
   }
   function b() {
     if (C(), o === void 0) {
@@ -1032,7 +1032,7 @@ function hn(t, e, n) {
       return;
     }
     if (a.value != null && f.value != null) {
-      w = o(a.value, f.value, x);
+      p = o(a.value, f.value, x);
       return;
     }
   }
@@ -1056,7 +1056,7 @@ function hn(t, e, n) {
     update: x
   };
 }
-const gn = ["data-testid"], pn = ["id", "aria-labelledby", "aria-hidden"], Rn = /* @__PURE__ */ oe({
+const hn = ["data-testid"], gn = ["id", "aria-labelledby", "aria-hidden"], Sn = /* @__PURE__ */ oe({
   name: "CLDropdownMenu",
   __name: "CLDropdownMenu",
   props: {
@@ -1064,7 +1064,7 @@ const gn = ["data-testid"], pn = ["id", "aria-labelledby", "aria-hidden"], Rn =
     buttonBorderRadius: {},
     buttonColor: { default: Tt.Secondary },
     buttonHeight: { default: "auto" },
-    buttonSize: { default: ye.Small },
+    buttonSize: { default: we.Small },
     buttonVariant: { default: Dt.Soft },
     buttonWidth: { default: "auto" },
     buttonWrapped: { type: Boolean },
@@ -1073,7 +1073,7 @@ const gn = ["data-testid"], pn = ["id", "aria-labelledby", "aria-hidden"], Rn =
     containerElevated: { type: Boolean, default: !1 },
     contentWidth: { default: "auto" },
     dropdownId: {},
-    iconAfter: { default: we.ChevronDown },
+    iconAfter: { default: pe.ChevronDown },
     iconAfterSize: { default: Lt.Tiny },
     iconBefore: {},
     iconSize: { default: Lt.Tiny },
@@ -1081,51 +1081,48 @@ const gn = ["data-testid"], pn = ["id", "aria-labelledby", "aria-hidden"], Rn =
     label: {},
     onCloseHandler: {},
     onOpenHandler: {},
-    placement: { default: pe.BottomStart },
+    placement: { default: ge.BottomStart },
     testId: { default: "clll-dropdown-menu" },
     zIndex: { default: 30 }
   },
   setup(t) {
-    ie((p) => ({
-      v2fdf502c: A(a)
-    }));
     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" || me(e.zIndex) ? e.zIndex : e.zIndex.toString()), f = () => {
+    const i = E(), l = E(), r = E(e.isOpen), s = E(e.placement), c = "clll-dropdown-menu", a = V(() => e.zIndex === "auto" || de(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(), w();
-    }, d = (p) => {
-      p && (n.value = p);
-    }, h = (p) => {
-      p && (o.value = p);
+      r.value = !1, e?.onCloseHandler?.(), mt && document.removeEventListener("click", b), T(), p();
+    }, d = (w) => {
+      w && (n.value = w);
+    }, h = (w) => {
+      w && (o.value = w);
     }, {
       open: y,
       toggleDropdown: v,
       closeDropdown: g,
-      clearEventListeners: w
-    } = he({
+      clearEventListeners: p
+    } = me({
       triggerElem: n,
       dropdownRef: l,
       openDropdownHandler: f,
       closeDropdownHandler: m
-    }), { floatingStyles: x, update: C } = hn(i, l, {
-      middleware: [un(), an(10), fn()],
+    }), { floatingStyles: x, update: C } = mn(i, l, {
+      middleware: [fn(), cn(10), an()],
       placement: s,
       open: r,
-      whileElementsMounted: cn
-    }), b = (p) => {
-      r.value && l.value?.contains(p?.target) && g();
-    }, { clearEventListeners: T } = ge({ escHandler: g, triggerElem: n });
-    return re(() => {
-      mt && document.removeEventListener("click", b), T(), w();
-    }), (p, S) => (At(), Rt("div", {
+      whileElementsMounted: sn
+    }), b = (w) => {
+      r.value && l.value?.contains(w?.target) && g();
+    }, { clearEventListeners: T } = he({ escHandler: g, triggerElem: n });
+    return ie(() => {
+      mt && document.removeEventListener("click", b), T(), p();
+    }), (w, S) => (At(), Rt("div", {
       class: dt([`${c}__menu`]),
       "data-testid": t.testId
     }, [
-      Ot(A(ue), {
+      Ot(A(fe), {
         id: `${c}__toggle--${t.dropdownId}`,
         ref_key: "anchor",
         ref: i,
@@ -1149,7 +1146,7 @@ const gn = ["data-testid"], pn = ["id", "aria-labelledby", "aria-hidden"], Rn =
         onClick: A(v)
       }, {
         default: Et(() => [
-          se(ce(t.label), 1)
+          le(se(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"]),
@@ -1164,9 +1161,9 @@ const gn = ["data-testid"], pn = ["id", "aria-labelledby", "aria-hidden"], Rn =
           `${c}__dropdown`,
           `${c}__dropdown--${A(s)}`
         ]),
-        style: ae(A(x))
+        style: ce({ ...A(x), zIndex: A(a) })
       }, [
-        Ot(A(de), {
+        Ot(A(ue), {
           bordered: t.containerBordered,
           "border-radius": t.containerBorderRadius,
           color: A(Tt).Neutral,
@@ -1178,15 +1175,15 @@ const gn = ["data-testid"], pn = ["id", "aria-labelledby", "aria-hidden"], Rn =
           width: t.contentWidth
         }, {
           default: Et(() => [
-            fe(p.$slots, "content")
+            ae(w.$slots, "content")
           ]),
           _: 3
         }, 8, ["bordered", "border-radius", "color", "elevated", "test-id", "variant", "width"])
-      ], 14, pn)) : le("", !0)
-    ], 10, gn));
+      ], 14, gn)) : re("", !0)
+    ], 10, hn));
   }
 });
 export {
-  Rn as CLDropdownMenu,
-  Rn as default
+  Sn as CLDropdownMenu,
+  Sn as default
 };