@codeandfunction/callaloo 4.7.6 → 4.8.0

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

@@ -1,13 +1,13 @@
 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 { 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 mt } from "../../../chunks/helper-qUkciePY.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, W = Math.max, et = Math.round, Q = Math.floor, B = (t) => ({
+const tt = Math.min, N = Math.max, et = Math.round, _ = Math.floor, P = (t) => ({
   x: t,
   y: t
 }), ye = {
@@ -20,12 +20,12 @@ const tt = Math.min, W = Math.max, et = Math.round, Q = Math.floor, B = (t) => (
   end: "start"
 };
 function Tt(t, e, n) {
-  return W(t, tt(e, n));
+  return N(t, tt(e, n));
 }
 function it(t, e) {
   return typeof t == "function" ? t(e) : t;
 }
-function N(t) {
+function X(t) {
   return t.split("-")[0];
 }
 function rt(t) {
@@ -38,27 +38,27 @@ 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 z(t) {
+  return xe.has(X(t)) ? "y" : "x";
 }
 function Nt(t) {
-  return It(F(t));
+  return It(z(t));
 }
 function be(t, e, n) {
   n === void 0 && (n = !1);
-  const o = rt(t), i = Nt(t), l = Wt(i);
+  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[l] > e.floating[l] && (r = nt(r)), [r, nt(r)];
+  return e.reference[s] > e.floating[s] && (r = nt(r)), [r, nt(r)];
 }
 function Ce(t) {
   const e = nt(t);
-  return [gt(t), e, gt(e)];
+  return [pt(t), e, pt(e)];
 }
-function gt(t) {
+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 Ae(t, e, n) {
+function Oe(t, e, n) {
   switch (t) {
     case "top":
     case "bottom":
@@ -70,10 +70,10 @@ function Ae(t, e, n) {
       return [];
   }
 }
-function Oe(t, e, n, o) {
+function Ae(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;
+  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]);
@@ -118,9 +118,9 @@ function kt(t, e, n) {
     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;
+  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 (c) {
+  switch (a) {
     case "top":
       d = {
         x: f,
@@ -153,10 +153,10 @@ function kt(t, e, n) {
   }
   switch (rt(e)) {
     case "start":
-      d[r] -= m * (n && a ? -1 : 1);
+      d[r] -= m * (n && c ? -1 : 1);
       break;
     case "end":
-      d[r] += m * (n && a ? -1 : 1);
+      d[r] += m * (n && c ? -1 : 1);
       break;
   }
   return d;
@@ -165,24 +165,24 @@ const De = async (t, e, n) => {
   const {
     placement: o = "bottom",
     strategy: i = "absolute",
-    middleware: l = [],
+    middleware: s = [],
     platform: r
-  } = n, s = l.filter(Boolean), c = await (r.isRTL == null ? void 0 : r.isRTL(e));
-  let a = await r.getElementRects({
+  } = 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(a, o, c), m = o, d = {}, h = 0;
-  for (let y = 0; y < s.length; y++) {
+  } = kt(c, o, a), m = o, d = {}, h = 0;
+  for (let w = 0; w < l.length; w++) {
     const {
-      name: v,
+      name: y,
       fn: g
-    } = s[y], {
+    } = l[w], {
       x: p,
-      y: x,
+      y: v,
       data: C,
       reset: b
     } = await g({
@@ -192,27 +192,27 @@ const De = async (t, e, n) => {
       placement: m,
       strategy: i,
       middlewareData: d,
-      rects: a,
+      rects: c,
       platform: r,
       elements: {
         reference: t,
         floating: e
       }
     });
-    f = p ?? f, u = x ?? u, d = {
+    f = p ?? f, u = v ?? u, d = {
       ...d,
-      [v]: {
-        ...d[v],
+      [y]: {
+        ...d[y],
         ...C
       }
-    }, b && h <= 50 && (h++, typeof b == "object" && (b.placement && (m = b.placement), b.rects && (a = b.rects === !0 ? await r.getElementRects({
+    }, 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(a, m, c)), y = -1);
+    } = kt(c, m, a)), w = -1);
   }
   return {
     x: f,
@@ -228,37 +228,37 @@ async function Xt(t, e) {
   const {
     x: o,
     y: i,
-    platform: l,
+    platform: s,
     rects: r,
-    elements: s,
-    strategy: c
+    elements: l,
+    strategy: a
   } = t, {
-    boundary: a = "clippingAncestors",
+    boundary: c = "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,
+  } = 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: c
+    strategy: a
   })), 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)) || {
+  } : 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(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: s,
+  }, b = ot(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: l,
     rect: p,
-    offsetParent: x,
-    strategy: c
+    offsetParent: v,
+    strategy: a
   }) : p);
   return {
     top: (g.top - b.top + h.top) / C.y,
@@ -275,73 +275,73 @@ const Te = function(t) {
       var n, o;
       const {
         placement: i,
-        middlewareData: l,
+        middlewareData: s,
         rects: r,
-        initialPlacement: s,
-        platform: c,
-        elements: a
+        initialPlacement: l,
+        platform: a,
+        elements: c
       } = e, {
         mainAxis: f = !0,
         crossAxis: u = !0,
         fallbackPlacements: m,
         fallbackStrategy: d = "bestFit",
         fallbackAxisSideDirection: h = "none",
-        flipAlignment: y = !0,
-        ...v
+        flipAlignment: w = !0,
+        ...y
       } = it(t, e);
-      if ((n = l.arrow) != null && n.alignmentOffset)
+      if ((n = s.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]]);
+      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 (Y = [...Y, {
+      if (S = [...S, {
         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: 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.
-        Y.every((O) => F(O.placement) === p ? O.overflows[0] > 0 : !0)))
+        S.every((E) => z(E.placement) === p ? E.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: H,
-              overflows: Y
+              index: I,
+              overflows: S
             },
             reset: {
-              placement: ft
+              placement: ut
             }
           };
-        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)
+        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 I = (Rt = Y.filter((O) => {
-                if (T) {
-                  const $ = F(O.placement);
-                  return $ === p || // Create a bias to the `y` side axis due to horizontal
+              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.
-                  $ === "y";
+                  M === "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);
+              }).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":
-              G = s;
+              K = l;
               break;
           }
-        if (i !== G)
+        if (i !== K)
           return {
             reset: {
-              placement: G
+              placement: K
             }
           };
       }
@@ -354,7 +354,7 @@ async function Pe(t, e) {
     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);
+  } = 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,
@@ -368,11 +368,11 @@ async function Pe(t, e) {
     crossAxis: u.crossAxis || 0,
     alignmentAxis: u.alignmentAxis
   };
-  return s && typeof h == "number" && (d = s === "end" ? h * -1 : h), c ? {
+  return l && typeof h == "number" && (d = l === "end" ? h * -1 : h), a ? {
     x: d * f,
-    y: m * a
+    y: m * c
   } : {
-    x: m * a,
+    x: m * c,
     y: d * f
   };
 }
@@ -384,15 +384,15 @@ const ke = function(t) {
       var n, o;
       const {
         x: i,
-        y: l,
+        y: s,
         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,
+        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: {
-          ...c,
+          ...a,
           placement: r
         }
       };
@@ -408,46 +408,46 @@ const ke = function(t) {
         y: o,
         placement: i
       } = e, {
-        mainAxis: l = !0,
+        mainAxis: s = !0,
         crossAxis: r = !1,
-        limiter: s = {
-          fn: (v) => {
+        limiter: l = {
+          fn: (y) => {
             let {
               x: g,
               y: p
-            } = v;
+            } = y;
             return {
               x: g,
               y: p
             };
           }
         },
-        ...c
-      } = it(t, e), a = {
+        ...a
+      } = it(t, e), c = {
         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);
+      }, 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 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 = u === "y" ? "top" : "left", g = u === "y" ? "bottom" : "right", p = h + f[y], v = h - f[g];
+        h = Tt(p, h, v);
       }
-      const y = s.fn({
+      const w = l.fn({
         ...e,
         [m]: d,
         [u]: h
       });
       return {
-        ...y,
+        ...w,
         data: {
-          x: y.x - n,
-          y: y.y - o,
+          x: w.x - n,
+          y: w.y - o,
           enabled: {
-            [m]: l,
+            [m]: s,
             [u]: r
           }
         }
@@ -455,48 +455,48 @@ const ke = function(t) {
     }
   };
 };
-function lt() {
+function st() {
   return typeof window < "u";
 }
-function j(t) {
-  return wt(t) ? (t.nodeName || "").toLowerCase() : "#document";
+function Y(t) {
+  return yt(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
-function S(t) {
+function O(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
-function k(t) {
+function V(t) {
   var e;
-  return (e = (wt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+  return (e = (yt(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 yt(t) {
+  return st() ? t instanceof Node || t instanceof O(t).Node : !1;
 }
-function L(t) {
-  return lt() ? t instanceof Element || t instanceof S(t).Element : !1;
+function T(t) {
+  return st() ? t instanceof Element || t instanceof O(t).Element : !1;
 }
-function P(t) {
-  return lt() ? t instanceof HTMLElement || t instanceof S(t).HTMLElement : !1;
+function k(t) {
+  return st() ? t instanceof HTMLElement || t instanceof O(t).HTMLElement : !1;
 }
 function Vt(t) {
-  return !lt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof S(t).ShadowRoot;
+  return !st() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof O(t).ShadowRoot;
 }
 const $e = /* @__PURE__ */ new Set(["inline", "contents"]);
-function J(t) {
+function Q(t) {
   const {
     overflow: e,
     overflowX: n,
     overflowY: o,
     display: i
-  } = D(t);
+  } = 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(j(t));
+  return Fe.has(Y(t));
 }
 const ze = [":popover-open", ":modal"];
-function st(t) {
+function lt(t) {
   return ze.some((e) => {
     try {
       return t.matches(e);
@@ -506,33 +506,33 @@ function st(t) {
   });
 }
 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;
+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 = M(t);
-  for (; P(e) && !U(e); ) {
-    if (yt(e))
+  let e = H(t);
+  for (; k(e) && !G(e); ) {
+    if (vt(e))
       return e;
-    if (st(e))
+    if (lt(e))
       return null;
-    e = M(e);
+    e = H(e);
   }
   return null;
 }
-function vt() {
+function xt() {
   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 G(t) {
+  return Xe.has(Y(t));
 }
-function D(t) {
-  return S(t).getComputedStyle(t);
+function B(t) {
+  return O(t).getComputedStyle(t);
 }
 function ct(t) {
-  return L(t) ? {
+  return T(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
   } : {
@@ -540,189 +540,189 @@ function ct(t) {
     scrollTop: t.scrollY
   };
 }
-function M(t) {
-  if (j(t) === "html")
+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.
-    k(t)
+    V(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);
+  const e = H(t);
+  return G(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : k(e) && Q(e) ? e : jt(e);
 }
-function Z(t, e, n) {
+function J(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) : []);
+  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, Z(i, [], n));
+  return e.concat(i, J(i, [], n));
 }
-function pt(t) {
+function wt(t) {
   return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
 function Yt(t) {
-  const e = D(t);
+  const e = B(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), {
+  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,
-    $: s
+    $: l
   };
 }
-function xt(t) {
-  return L(t) ? t : t.contextElement;
+function bt(t) {
+  return T(t) ? t : t.contextElement;
 }
-function q(t) {
-  const e = xt(t);
-  if (!P(e))
-    return B(1);
+function U(t) {
+  const e = bt(t);
+  if (!k(e))
+    return P(1);
   const n = e.getBoundingClientRect(), {
     width: o,
     height: i,
-    $: l
+    $: s
   } = 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), {
+  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: s
+    y: l
   };
 }
-const je = /* @__PURE__ */ B(0);
-function _t(t) {
-  const e = S(t);
-  return !vt() || !e.visualViewport ? je : {
+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 !== S(t) ? !1 : e;
+  return e === void 0 && (e = !1), !n || e && n !== O(t) ? !1 : e;
 }
-function X(t, e, n, o) {
+function j(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);
+  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: c,
-    y: a
+    x: a,
+    y: c
   });
 }
 function at(t, e) {
   const n = ct(t).scrollLeft;
-  return e ? e.left + n : X(k(t)).left + n;
+  return e ? e.left + n : j(V(t)).left + n;
 }
-function qt(t, e) {
+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 _e(t) {
+function qe(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)
+  const s = i === "fixed", r = V(o), l = e ? lt(e.floating) : !1;
+  if (o === r || l && s)
     return n;
-  let c = {
+  let a = {
     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;
+  }, 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 && !l ? qt(r, c) : B(0);
+  const m = r && !u && !s ? Ut(r, a) : P(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
+    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 qe(t) {
+function Ue(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);
+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 s = -n.scrollTop;
-  return D(o).direction === "rtl" && (r += W(e.clientWidth, o.clientWidth) - i), {
+  const l = -n.scrollTop;
+  return B(o).direction === "rtl" && (r += N(e.clientWidth, o.clientWidth) - i), {
     width: i,
-    height: l,
+    height: s,
     x: r,
-    y: s
+    y: l
   };
 }
 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;
+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) {
-    l = i.width, r = i.height;
-    const f = vt();
-    (!f || f && e === "fixed") && (s = i.offsetLeft, c = i.offsetTop);
+    s = i.width, r = i.height;
+    const f = xt();
+    (!f || f && e === "fixed") && (l = i.offsetLeft, a = i.offsetTop);
   }
-  const a = at(o);
-  if (a <= 0) {
+  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 && (l -= h);
-  } else a <= $t && (l += a);
+    h <= $t && (s -= h);
+  } else c <= $t && (s += c);
   return {
-    width: l,
+    width: s,
     height: r,
-    x: s,
-    y: c
+    x: l,
+    y: a
   };
 }
-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;
+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: s,
-    x: c,
-    y: a
+    height: l,
+    x: a,
+    y: c
   };
 }
 function Ft(t, e, n) {
   let o;
   if (e === "viewport")
-    o = Ge(t, n);
+    o = Ke(t, n);
   else if (e === "document")
-    o = Ue(k(t));
-  else if (L(e))
-    o = Ze(e, n);
+    o = Ge(V(t));
+  else if (T(e))
+    o = Je(e, n);
   else {
-    const i = _t(t);
+    const i = qt(t);
     o = {
       x: e.x - i.x,
       y: e.y - i.y,
@@ -732,39 +732,39 @@ function Ft(t, e, n) {
   }
   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 Gt(t, e) {
+  const n = H(t);
+  return n === e || !T(n) || G(n) ? !1 : B(n).position === "fixed" || Gt(n, e);
 }
-function Je(t, e) {
+function Qe(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);
+  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 Qe(t) {
+function _e(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 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 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 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: c.right - c.left,
-    height: c.bottom - c.top,
-    x: c.left,
-    y: c.top
+    width: a.right - a.left,
+    height: a.bottom - a.top,
+    x: a.left,
+    y: a.top
   };
 }
 function tn(t) {
@@ -778,22 +778,22 @@ function tn(t) {
   };
 }
 function en(t, e, n) {
-  const o = P(e), i = k(e), l = n === "fixed", r = X(t, !0, l, e);
-  let s = {
+  const o = k(e), i = V(e), s = n === "fixed", r = j(t, !0, s, e);
+  let l = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const c = B(0);
-  function a() {
-    c.x = at(i);
+  const a = P(0);
+  function c() {
+    a.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;
+  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,
@@ -801,37 +801,37 @@ function en(t, e, n) {
     height: r.height
   };
 }
-function ht(t) {
-  return D(t).position === "static";
+function gt(t) {
+  return B(t).position === "static";
 }
 function Mt(t, e) {
-  if (!P(t) || D(t).position === "fixed")
+  if (!k(t) || B(t).position === "fixed")
     return null;
   if (e)
     return e(t);
   let n = t.offsetParent;
-  return k(t) === n && (n = n.ownerDocument.body), n;
+  return V(t) === n && (n = n.ownerDocument.body), n;
 }
-function Gt(t, e) {
-  const n = S(t);
-  if (st(t))
+function Kt(t, e) {
+  const n = O(t);
+  if (lt(t))
     return n;
-  if (!P(t)) {
-    let i = M(t);
-    for (; i && !U(i); ) {
-      if (L(i) && !ht(i))
+  if (!k(t)) {
+    let i = H(t);
+    for (; i && !G(i); ) {
+      if (T(i) && !gt(i))
         return i;
-      i = M(i);
+      i = H(i);
     }
     return n;
   }
   let o = Mt(t, e);
-  for (; o && Me(o) && ht(o); )
+  for (; o && Me(o) && gt(o); )
     o = Mt(o, e);
-  return o && U(o) && ht(o) && !yt(o) ? n : o || Ne(t) || n;
+  return o && G(o) && gt(o) && !vt(o) ? n : o || Ne(t) || n;
 }
 const nn = async function(t) {
-  const e = this.getOffsetParent || Gt, n = this.getDimensions, o = await n(t.floating);
+  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: {
@@ -843,116 +843,116 @@ const nn = async function(t) {
   };
 };
 function on(t) {
-  return D(t).direction === "rtl";
+  return B(t).direction === "rtl";
 }
 const rn = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: _e,
-  getDocumentElement: k,
-  getClippingRect: Qe,
-  getOffsetParent: Gt,
+  convertOffsetParentRelativeRectToViewportRelativeRect: qe,
+  getDocumentElement: V,
+  getClippingRect: _e,
+  getOffsetParent: Kt,
   getElementRects: nn,
-  getClientRects: qe,
+  getClientRects: Ue,
   getDimensions: tn,
-  getScale: q,
-  isElement: L,
+  getScale: U,
+  isElement: T,
   isRTL: on
 };
-function Kt(t, e) {
+function Zt(t, e) {
   return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
 }
-function ln(t, e) {
+function sn(t, e) {
   let n = null, o;
-  const i = k(t);
-  function l() {
-    var s;
-    clearTimeout(o), (s = n) == null || s.disconnect(), n = null;
+  const i = V(t);
+  function s() {
+    var l;
+    clearTimeout(o), (l = n) == null || l.disconnect(), n = null;
   }
-  function r(s, c) {
-    s === void 0 && (s = !1), c === void 0 && (c = 1), l();
-    const a = t.getBoundingClientRect(), {
+  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
-    } = a;
-    if (s || e(), !m || !d)
+    } = c;
+    if (l || 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
+    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(T) {
-      const w = T[0].intersectionRatio;
-      if (w !== c) {
+    function b($) {
+      const x = $[0].intersectionRatio;
+      if (x !== a) {
         if (!C)
           return r();
-        w ? r(!1, w) : o = setTimeout(() => {
+        x ? r(!1, x) : o = setTimeout(() => {
           r(!1, 1e-7);
         }, 1e3);
       }
-      w === 1 && !Kt(a, t.getBoundingClientRect()) && r(), C = !1;
+      x === 1 && !Zt(c, t.getBoundingClientRect()) && r(), C = !1;
     }
     try {
       n = new IntersectionObserver(b, {
-        ...x,
+        ...v,
         // Handle <iframe>s
         root: i.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(b, x);
+      n = new IntersectionObserver(b, v);
     }
     n.observe(t);
   }
-  return r(!0), l;
+  return r(!0), s;
 }
-function sn(t, e, n, o) {
+function ln(t, e, n, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: i = !0,
-    ancestorResize: l = !0,
+    ancestorResize: s = !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)] : [];
+    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
-    }), l && g.addEventListener("resize", n);
+    }), s && g.addEventListener("resize", n);
   });
-  const u = a && s ? ln(a, n) : null;
+  const u = c && l ? sn(c, 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);
+    p && p.target === c && d && (d.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+      var v;
+      (v = d) == null || v.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);
+  }), 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), l && p.removeEventListener("resize", n);
-    }), u?.(), (g = d) == null || g.disconnect(), d = null, c && cancelAnimationFrame(h);
+      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
-  }, l = {
+  }, s = {
     ...i.platform,
     _c: o
   };
   return De(t, e, {
     ...i,
-    platform: l
+    platform: s
   });
 };
 function dn(t) {
@@ -961,66 +961,66 @@ function dn(t) {
 function zt(t) {
   if (dn(t)) {
     const e = t.$el;
-    return wt(e) && j(e) === "#comment" ? null : e;
+    return yt(e) && Y(e) === "#comment" ? null : e;
   }
   return t;
 }
-function K(t) {
-  return typeof t == "function" ? t() : A(t);
+function Z(t) {
+  return typeof t == "function" ? t() : L(t);
 }
-function Zt(t) {
+function Jt(t) {
   return typeof window > "u" ? 1 : (t.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
 function Ht(t, e) {
-  const n = Zt(t);
+  const n = Jt(t);
   return Math.round(e * n) / n;
 }
 function mn(t, e, n) {
   n === void 0 && (n = {});
-  const o = n.whileElementsMounted, i = V(() => {
-    var 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 = {
+  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 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 && {
+      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: z + "px"
+      top: A + "px"
     };
   });
   let p;
-  function x() {
-    if (a.value == null || f.value == null)
+  function v() {
+    if (c.value == null || f.value == null)
       return;
-    const w = i.value;
-    un(a.value, f.value, {
-      middleware: l.value,
+    const x = i.value;
+    un(c.value, f.value, {
+      middleware: s.value,
       placement: r.value,
-      strategy: s.value
+      strategy: l.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;
+      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() {
@@ -1028,32 +1028,32 @@ function mn(t, e, n) {
   }
   function b() {
     if (C(), o === void 0) {
-      x();
+      v();
       return;
     }
-    if (a.value != null && f.value != null) {
-      p = o(a.value, f.value, x);
+    if (c.value != null && f.value != null) {
+      p = o(c.value, f.value, v);
       return;
     }
   }
-  function T() {
-    i.value || (v.value = !1);
+  function $() {
+    i.value || (y.value = !1);
   }
-  return ut([l, r, s, i], x, {
+  return dt([s, r, l, i], v, {
     flush: "sync"
-  }), ut([a, f], b, {
+  }), dt([c, f], b, {
     flush: "sync"
-  }), ut(i, T, {
+  }), dt(i, $, {
     flush: "sync"
   }), te() && ee(C), {
-    x: _(u),
-    y: _(m),
-    strategy: _(d),
-    placement: _(h),
-    middlewareData: _(y),
-    isPositioned: _(v),
+    x: q(u),
+    y: q(m),
+    strategy: q(d),
+    placement: q(h),
+    middlewareData: q(w),
+    isPositioned: q(y),
     floatingStyles: g,
-    update: x
+    update: v
   };
 }
 const hn = ["data-testid"], gn = ["id", "aria-labelledby", "aria-hidden"], Rn = /* @__PURE__ */ ne({
@@ -1062,7 +1062,9 @@ const hn = ["data-testid"], gn = ["id", "aria-labelledby", "aria-hidden"], Rn =
   props: {
     buttonAriaLabel: {},
     buttonBorderRadius: {},
+    buttonBusy: { type: Boolean },
     buttonColor: { default: Dt.Secondary },
+    buttonDisabled: { type: Boolean },
     buttonHeight: { default: "auto" },
     buttonSize: { default: we.Small },
     buttonVariant: { default: Lt.Soft },
@@ -1084,54 +1086,65 @@ const hn = ["data-testid"], gn = ["id", "aria-labelledby", "aria-hidden"], Rn =
     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);
+  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 = () => {
-      r.value = !1, e?.onCloseHandler?.(), mt && document.removeEventListener("click", b), T(), p();
-    }, d = (w) => {
-      w && (n.value = w);
-    }, h = (w) => {
-      w && (o.value = w);
+      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();
     }, {
       open: y,
-      toggleDropdown: v,
-      closeDropdown: g,
-      clearEventListeners: p
+      openDropdown: g,
+      closeDropdown: p,
+      clearEventListeners: v
     } = de({
-      triggerElem: n,
-      dropdownRef: l,
-      openDropdownHandler: f,
-      closeDropdownHandler: m
-    }), { floatingStyles: x, update: C } = mn(i, l, {
+      triggerElem: o,
+      dropdownRef: r,
+      openDropdownHandler: m,
+      closeDropdownHandler: h
+    });
+    e({
+      close: () => {
+        p(), v(), A();
+      },
+      open: () => {
+        g();
+      }
+    });
+    const { floatingStyles: $, update: x } = mn(s, r, {
       middleware: [fn(), cn(10), an()],
-      placement: s,
-      open: r,
-      whileElementsMounted: sn
-    }), b = (w) => {
-      r.value && l.value?.contains(w?.target) && g();
-    }, { clearEventListeners: T } = me({ escHandler: g, triggerElem: n });
+      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(() => {
-      mt && document.removeEventListener("click", b), T(), p();
-    }), (w, R) => (At(), St("div", {
-      class: dt([`${c}__menu`]),
+      ht && document.removeEventListener("click", R), A(), v();
+    }), (S, ft) => (Ot(), St("div", {
+      class: mt([`${c}__menu`]),
       "data-testid": t.testId
     }, [
-      Ot(A(ae), {
+      At(L(ae), {
         id: `${c}__toggle--${t.dropdownId}`,
         ref_key: "anchor",
-        ref: i,
+        ref: s,
         "aria-controls": `${c}--${t.dropdownId}`,
-        "aria-expanded": A(r) || t.isOpen,
+        "aria-expanded": L(l) || t.isOpen,
         "aria-label": t.buttonAriaLabel,
-        class: dt(`${c}__toggle`),
+        busy: t.buttonBusy,
+        disabled: t.buttonDisabled || t.buttonBusy,
+        class: mt(`${c}__toggle`),
         color: t.buttonColor,
         "border-radius": t.buttonBorderRadius,
-        "forward-ref": d,
+        "forward-ref": u,
         height: t.buttonHeight,
         "icon-after": t.iconAfter,
         "icon-before": t.iconBefore,
@@ -1141,39 +1154,39 @@ const hn = ["data-testid"], gn = ["id", "aria-labelledby", "aria-hidden"], Rn =
         variant: t.buttonVariant,
         width: t.buttonWidth,
         wrap: t.buttonWrapped,
-        onClick: A(v)
+        "on-click": w
       }, {
         default: Et(() => [
-          re(le(t.label), 1)
+          re(se(t.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"]),
+      L(l) || t.isOpen ? (Ot(), St("div", {
         key: 0,
         id: `${c}--${t.dropdownId}`,
         ref_key: "dropdownElem",
-        ref: l,
+        ref: r,
         "aria-labelledby": `${c}__toggle--${t.dropdownId}`,
-        "aria-hidden": !(A(r) || t.isOpen),
-        class: dt([
+        "aria-hidden": !(L(l) || t.isOpen),
+        class: mt([
           `${c}__dropdown`,
-          `${c}__dropdown--${A(s)}`
+          `${c}__dropdown--${L(a)}`
         ]),
-        style: se({ ...A(x), zIndex: A(a) })
+        style: le({ ...L($), zIndex: L(f) })
       }, [
-        Ot(A(fe), {
+        At(L(fe), {
           bordered: t.containerBordered,
           "border-radius": t.containerBorderRadius,
-          color: A(Dt).Neutral,
+          color: L(Dt).Neutral,
           elevated: t.containerElevated,
-          "forward-ref": h,
+          "forward-ref": d,
           padded: !1,
           "test-id": `${c}__content`,
-          variant: A(Lt).Ghost,
+          variant: L(Lt).Ghost,
           width: t.contentWidth
         }, {
           default: Et(() => [
-            ce(w.$slots, "content")
+            ce(S.$slots, "content")
           ]),
           _: 3
         }, 8, ["bordered", "border-radius", "color", "elevated", "test-id", "variant", "width"])