@vue-interface/btn-dropdown 2.0.0-beta.2 → 2.0.0-beta.5

package/dist/btn-dropdown.es.js

@@ -1,13 +1,13 @@
-import { openBlock as W, createBlock as ee, resolveDynamicComponent as He, mergeProps as ge, withCtx as B, renderSlot as P, createTextVNode as be, toDisplayString as ye, createElementBlock as Ue, normalizeClass as F, h as Tt, Fragment as Nt, resolveComponent as te, createVNode as we, normalizeProps as ie, createCommentVNode as de, guardReactiveProps as Re, normalizeStyle as It, createSlots as Mt } from "vue";
-var R = "top", N = "bottom", I = "right", j = "left", ze = "auto", $e = [R, N, I, j], ae = "start", Oe = "end", Lt = "clippingParents", bt = "viewport", ve = "popper", Vt = "reference", st = /* @__PURE__ */ $e.reduce(function(e, t) {
-  return e.concat([t + "-" + ae, t + "-" + Oe]);
-}, []), yt = /* @__PURE__ */ [].concat($e, [ze]).reduce(function(e, t) {
-  return e.concat([t, t + "-" + ae, t + "-" + Oe]);
-}, []), qt = "beforeRead", Ft = "read", Wt = "afterRead", Ht = "beforeMain", Ut = "main", Xt = "afterMain", Yt = "beforeWrite", Gt = "write", Jt = "afterWrite", qe = [qt, Ft, Wt, Ht, Ut, Xt, Yt, Gt, Jt];
+import { defineComponent as Mt, openBlock as W, createBlock as ee, resolveDynamicComponent as He, mergeProps as me, withCtx as B, renderSlot as P, createTextVNode as ge, toDisplayString as be, createElementBlock as Ue, normalizeClass as F, h as It, Fragment as Lt, resolveComponent as te, createVNode as ye, normalizeProps as ie, createCommentVNode as de, guardReactiveProps as Re, withKeys as bt, withModifiers as yt, normalizeStyle as Vt, createSlots as qt } from "vue";
+var R = "top", N = "bottom", M = "right", j = "left", Te = "auto", xe = [R, N, M, j], ae = "start", we = "end", Ft = "clippingParents", wt = "viewport", ce = "popper", Wt = "reference", st = /* @__PURE__ */ xe.reduce(function(e, t) {
+  return e.concat([t + "-" + ae, t + "-" + we]);
+}, []), Ot = /* @__PURE__ */ [].concat(xe, [Te]).reduce(function(e, t) {
+  return e.concat([t, t + "-" + ae, t + "-" + we]);
+}, []), Ht = "beforeRead", Ut = "read", Xt = "afterRead", Yt = "beforeMain", Kt = "main", Gt = "afterMain", Jt = "beforeWrite", Qt = "write", Zt = "afterWrite", qe = [Ht, Ut, Xt, Yt, Kt, Gt, Jt, Qt, Zt];
 function H(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
-function M(e) {
+function I(e) {
   if (e == null)
     return window;
   if (e.toString() !== "[object Window]") {
@@ -17,30 +17,30 @@ function M(e) {
   return e;
 }
 function ne(e) {
-  var t = M(e).Element;
+  var t = I(e).Element;
   return e instanceof t || e instanceof Element;
 }
-function T(e) {
-  var t = M(e).HTMLElement;
+function z(e) {
+  var t = I(e).HTMLElement;
   return e instanceof t || e instanceof HTMLElement;
 }
 function Xe(e) {
   if (typeof ShadowRoot > "u")
     return !1;
-  var t = M(e).ShadowRoot;
+  var t = I(e).ShadowRoot;
   return e instanceof t || e instanceof ShadowRoot;
 }
-function Kt(e) {
+function _t(e) {
   var t = e.state;
   Object.keys(t.elements).forEach(function(r) {
     var n = t.styles[r] || {}, o = t.attributes[r] || {}, i = t.elements[r];
-    !T(i) || !H(i) || (Object.assign(i.style, n), Object.keys(o).forEach(function(a) {
+    !z(i) || !H(i) || (Object.assign(i.style, n), Object.keys(o).forEach(function(a) {
       var l = o[a];
       l === !1 ? i.removeAttribute(a) : i.setAttribute(a, l === !0 ? "" : l);
     }));
   });
 }
-function Qt(e) {
+function er(e) {
   var t = e.state, r = {
     popper: {
       position: t.options.strategy,
@@ -58,18 +58,18 @@ function Qt(e) {
       var o = t.elements[n], i = t.attributes[n] || {}, a = Object.keys(t.styles.hasOwnProperty(n) ? t.styles[n] : r[n]), l = a.reduce(function(s, f) {
         return s[f] = "", s;
       }, {});
-      !T(o) || !H(o) || (Object.assign(o.style, l), Object.keys(i).forEach(function(s) {
+      !z(o) || !H(o) || (Object.assign(o.style, l), Object.keys(i).forEach(function(s) {
         o.removeAttribute(s);
       }));
     });
   };
 }
-const Zt = {
+const tr = {
   name: "applyStyles",
   enabled: !0,
   phase: "write",
-  fn: Kt,
-  effect: Qt,
+  fn: _t,
+  effect: er,
   requires: ["computeStyles"]
 };
 function V(e) {
@@ -82,14 +82,14 @@ function Fe() {
     return t.brand + "/" + t.version;
   }).join(" ") : navigator.userAgent;
 }
-function wt() {
+function xt() {
   return !/^((?!chrome|android).)*safari/i.test(Fe());
 }
 function le(e, t, r) {
   t === void 0 && (t = !1), r === void 0 && (r = !1);
   var n = e.getBoundingClientRect(), o = 1, i = 1;
-  t && T(e) && (o = e.offsetWidth > 0 && se(n.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && se(n.height) / e.offsetHeight || 1);
-  var a = ne(e) ? M(e) : window, l = a.visualViewport, s = !wt() && r, f = (n.left + (s && l ? l.offsetLeft : 0)) / o, p = (n.top + (s && l ? l.offsetTop : 0)) / i, h = n.width / o, y = n.height / i;
+  t && z(e) && (o = e.offsetWidth > 0 && se(n.width) / e.offsetWidth || 1, i = e.offsetHeight > 0 && se(n.height) / e.offsetHeight || 1);
+  var a = ne(e) ? I(e) : window, l = a.visualViewport, s = !xt() && r, f = (n.left + (s && l ? l.offsetLeft : 0)) / o, p = (n.top + (s && l ? l.offsetTop : 0)) / i, h = n.width / o, y = n.height / i;
   return {
     width: h,
     height: y,
@@ -110,7 +110,7 @@ function Ye(e) {
     height: n
   };
 }
-function Ot(e, t) {
+function $t(e, t) {
   var r = t.getRootNode && t.getRootNode();
   if (e.contains(t))
     return !0;
@@ -125,29 +125,42 @@ function Ot(e, t) {
   return !1;
 }
 function q(e) {
-  return M(e).getComputedStyle(e);
+  return I(e).getComputedStyle(e);
 }
-function _t(e) {
+function rr(e) {
   return ["table", "td", "th"].indexOf(H(e)) >= 0;
 }
 function Y(e) {
-  return ((ne(e) ? e.ownerDocument : e.document) || window.document).documentElement;
-}
-function Te(e) {
-  return H(e) === "html" ? e : e.assignedSlot || e.parentNode || (Xe(e) ? e.host : null) || Y(e);
+  return ((ne(e) ? e.ownerDocument : (
+    // $FlowFixMe[prop-missing]
+    e.document
+  )) || window.document).documentElement;
+}
+function ze(e) {
+  return H(e) === "html" ? e : (
+    // this is a quicker (but less type safe) way to save quite some bytes from the bundle
+    // $FlowFixMe[incompatible-return]
+    // $FlowFixMe[prop-missing]
+    e.assignedSlot || // step into the shadow DOM of the parent of a slotted node
+    e.parentNode || // DOM Element detected
+    (Xe(e) ? e.host : null) || // ShadowRoot detected
+    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
+    Y(e)
+  );
 }
 function lt(e) {
-  return !T(e) || q(e).position === "fixed" ? null : e.offsetParent;
+  return !z(e) || // https://github.com/popperjs/popper-core/issues/837
+  q(e).position === "fixed" ? null : e.offsetParent;
 }
-function er(e) {
+function nr(e) {
   var t = /firefox/i.test(Fe()), r = /Trident/i.test(Fe());
-  if (r && T(e)) {
+  if (r && z(e)) {
     var n = q(e);
     if (n.position === "fixed")
       return null;
   }
-  var o = Te(e);
-  for (Xe(o) && (o = o.host); T(o) && ["html", "body"].indexOf(H(o)) < 0; ) {
+  var o = ze(e);
+  for (Xe(o) && (o = o.host); z(o) && ["html", "body"].indexOf(H(o)) < 0; ) {
     var i = q(o);
     if (i.transform !== "none" || i.perspective !== "none" || i.contain === "paint" || ["transform", "perspective"].indexOf(i.willChange) !== -1 || t && i.willChange === "filter" || t && i.filter && i.filter !== "none")
       return o;
@@ -155,22 +168,22 @@ function er(e) {
   }
   return null;
 }
-function Ce(e) {
-  for (var t = M(e), r = lt(e); r && _t(r) && q(r).position === "static"; )
+function $e(e) {
+  for (var t = I(e), r = lt(e); r && rr(r) && q(r).position === "static"; )
     r = lt(r);
-  return r && (H(r) === "html" || H(r) === "body" && q(r).position === "static") ? t : r || er(e) || t;
+  return r && (H(r) === "html" || H(r) === "body" && q(r).position === "static") ? t : r || nr(e) || t;
 }
-function Ge(e) {
+function Ke(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
-function he(e, t, r) {
+function ve(e, t, r) {
   return re(e, je(t, r));
 }
-function tr(e, t, r) {
-  var n = he(e, t, r);
+function or(e, t, r) {
+  var n = ve(e, t, r);
   return n > r ? r : n;
 }
-function xt() {
+function Ct() {
   return {
     top: 0,
     right: 0,
@@ -178,55 +191,55 @@ function xt() {
     left: 0
   };
 }
-function $t(e) {
-  return Object.assign({}, xt(), e);
+function Pt(e) {
+  return Object.assign({}, Ct(), e);
 }
-function Ct(e, t) {
+function Et(e, t) {
   return t.reduce(function(r, n) {
     return r[n] = e, r;
   }, {});
 }
-var rr = function(t, r) {
+var ir = function(t, r) {
   return t = typeof t == "function" ? t(Object.assign({}, r.rects, {
     placement: r.placement
-  })) : t, $t(typeof t != "number" ? t : Ct(t, $e));
+  })) : t, Pt(typeof t != "number" ? t : Et(t, xe));
 };
-function nr(e) {
-  var t, r = e.state, n = e.name, o = e.options, i = r.elements.arrow, a = r.modifiersData.popperOffsets, l = V(r.placement), s = Ge(l), f = [j, I].indexOf(l) >= 0, p = f ? "height" : "width";
+function ar(e) {
+  var t, r = e.state, n = e.name, o = e.options, i = r.elements.arrow, a = r.modifiersData.popperOffsets, l = V(r.placement), s = Ke(l), f = [j, M].indexOf(l) >= 0, p = f ? "height" : "width";
   if (!(!i || !a)) {
-    var h = rr(o.padding, r), y = Ye(i), u = s === "y" ? R : j, O = s === "y" ? N : I, m = r.rects.reference[p] + r.rects.reference[s] - a[s] - r.rects.popper[p], v = a[s] - r.rects.reference[s], w = Ce(i), C = w ? s === "y" ? w.clientHeight || 0 : w.clientWidth || 0 : 0, $ = m / 2 - v / 2, c = h[u], g = C - y[p] - h[O], d = C / 2 - y[p] / 2 + $, x = he(c, d, g), E = s;
-    r.modifiersData[n] = (t = {}, t[E] = x, t.centerOffset = x - d, t);
+    var h = ir(o.padding, r), y = Ye(i), u = s === "y" ? R : j, O = s === "y" ? N : M, m = r.rects.reference[p] + r.rects.reference[s] - a[s] - r.rects.popper[p], v = a[s] - r.rects.reference[s], w = $e(i), C = w ? s === "y" ? w.clientHeight || 0 : w.clientWidth || 0 : 0, $ = m / 2 - v / 2, d = h[u], g = C - y[p] - h[O], c = C / 2 - y[p] / 2 + $, x = ve(d, c, g), E = s;
+    r.modifiersData[n] = (t = {}, t[E] = x, t.centerOffset = x - c, t);
   }
 }
-function or(e) {
+function sr(e) {
   var t = e.state, r = e.options, n = r.element, o = n === void 0 ? "[data-popper-arrow]" : n;
   if (o != null && !(typeof o == "string" && (o = t.elements.popper.querySelector(o), !o))) {
-    if (process.env.NODE_ENV !== "production" && (T(o) || console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).', "To use an SVG arrow, wrap it in an HTMLElement that will be used as", "the arrow."].join(" "))), !Ot(t.elements.popper, o)) {
+    if (process.env.NODE_ENV !== "production" && (z(o) || console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).', "To use an SVG arrow, wrap it in an HTMLElement that will be used as", "the arrow."].join(" "))), !$t(t.elements.popper, o)) {
       process.env.NODE_ENV !== "production" && console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper', "element."].join(" "));
       return;
     }
     t.elements.arrow = o;
   }
 }
-const ir = {
+const lr = {
   name: "arrow",
   enabled: !0,
   phase: "main",
-  fn: nr,
-  effect: or,
+  fn: ar,
+  effect: sr,
   requires: ["popperOffsets"],
   requiresIfExists: ["preventOverflow"]
 };
 function pe(e) {
   return e.split("-")[1];
 }
-var ar = {
+var pr = {
   top: "auto",
   right: "auto",
   bottom: "auto",
   left: "auto"
 };
-function sr(e) {
+function fr(e) {
   var t = e.x, r = e.y, n = window, o = n.devicePixelRatio || 1;
   return {
     x: se(t * o) / o || 0,
@@ -242,23 +255,29 @@ function pt(e) {
     y: m
   };
   u = v.x, m = v.y;
-  var w = a.hasOwnProperty("x"), C = a.hasOwnProperty("y"), $ = j, c = R, g = window;
+  var w = a.hasOwnProperty("x"), C = a.hasOwnProperty("y"), $ = j, d = R, g = window;
   if (f) {
-    var d = Ce(r), x = "clientHeight", E = "clientWidth";
-    if (d === M(r) && (d = Y(r), q(d).position !== "static" && l === "absolute" && (x = "scrollHeight", E = "scrollWidth")), d = d, o === R || (o === j || o === I) && i === Oe) {
-      c = N;
-      var S = h && d === g && g.visualViewport ? g.visualViewport.height : d[x];
+    var c = $e(r), x = "clientHeight", E = "clientWidth";
+    if (c === I(r) && (c = Y(r), q(c).position !== "static" && l === "absolute" && (x = "scrollHeight", E = "scrollWidth")), c = c, o === R || (o === j || o === M) && i === we) {
+      d = N;
+      var S = h && c === g && g.visualViewport ? g.visualViewport.height : (
+        // $FlowFixMe[prop-missing]
+        c[x]
+      );
       m -= S - n.height, m *= s ? 1 : -1;
     }
-    if (o === j || (o === R || o === N) && i === Oe) {
-      $ = I;
-      var k = h && d === g && g.visualViewport ? g.visualViewport.width : d[E];
+    if (o === j || (o === R || o === N) && i === we) {
+      $ = M;
+      var k = h && c === g && g.visualViewport ? g.visualViewport.width : (
+        // $FlowFixMe[prop-missing]
+        c[E]
+      );
       u -= k - n.width, u *= s ? 1 : -1;
     }
   }
   var b = Object.assign({
     position: l
-  }, f && ar), D = p === !0 ? sr({
+  }, f && pr), D = p === !0 ? fr({
     x: u,
     y: m
   }) : {
@@ -267,11 +286,11 @@ function pt(e) {
   };
   if (u = D.x, m = D.y, s) {
     var A;
-    return Object.assign({}, b, (A = {}, A[c] = C ? "0" : "", A[$] = w ? "0" : "", A.transform = (g.devicePixelRatio || 1) <= 1 ? "translate(" + u + "px, " + m + "px)" : "translate3d(" + u + "px, " + m + "px, 0)", A));
+    return Object.assign({}, b, (A = {}, A[d] = C ? "0" : "", A[$] = w ? "0" : "", A.transform = (g.devicePixelRatio || 1) <= 1 ? "translate(" + u + "px, " + m + "px)" : "translate3d(" + u + "px, " + m + "px, 0)", A));
   }
-  return Object.assign({}, b, (t = {}, t[c] = C ? m + "px" : "", t[$] = w ? u + "px" : "", t.transform = "", t));
+  return Object.assign({}, b, (t = {}, t[d] = C ? m + "px" : "", t[$] = w ? u + "px" : "", t.transform = "", t));
 }
-function lr(e) {
+function ur(e) {
   var t = e.state, r = e.options, n = r.gpuAcceleration, o = n === void 0 ? !0 : n, i = r.adaptive, a = i === void 0 ? !0 : i, l = r.roundOffsets, s = l === void 0 ? !0 : l;
   if (process.env.NODE_ENV !== "production") {
     var f = q(t.elements.popper).transitionProperty || "";
@@ -305,18 +324,18 @@ function lr(e) {
     "data-popper-placement": t.placement
   });
 }
-const pr = {
+const dr = {
   name: "computeStyles",
   enabled: !0,
   phase: "beforeWrite",
-  fn: lr,
+  fn: ur,
   data: {}
 };
 var De = {
   passive: !0
 };
-function fr(e) {
-  var t = e.state, r = e.instance, n = e.options, o = n.scroll, i = o === void 0 ? !0 : o, a = n.resize, l = a === void 0 ? !0 : a, s = M(t.elements.popper), f = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+function cr(e) {
+  var t = e.state, r = e.instance, n = e.options, o = n.scroll, i = o === void 0 ? !0 : o, a = n.resize, l = a === void 0 ? !0 : a, s = I(t.elements.popper), f = [].concat(t.scrollParents.reference, t.scrollParents.popper);
   return i && f.forEach(function(p) {
     p.addEventListener("scroll", r.update, De);
   }), l && s.addEventListener("resize", r.update, De), function() {
@@ -325,16 +344,16 @@ function fr(e) {
     }), l && s.removeEventListener("resize", r.update, De);
   };
 }
-const ur = {
+const vr = {
   name: "eventListeners",
   enabled: !0,
   phase: "write",
   fn: function() {
   },
-  effect: fr,
+  effect: cr,
   data: {}
 };
-var cr = {
+var hr = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -342,44 +361,44 @@ var cr = {
 };
 function Ae(e) {
   return e.replace(/left|right|bottom|top/g, function(t) {
-    return cr[t];
+    return hr[t];
   });
 }
-var dr = {
+var mr = {
   start: "end",
   end: "start"
 };
 function ft(e) {
   return e.replace(/start|end/g, function(t) {
-    return dr[t];
+    return mr[t];
   });
 }
-function Je(e) {
-  var t = M(e), r = t.pageXOffset, n = t.pageYOffset;
+function Ge(e) {
+  var t = I(e), r = t.pageXOffset, n = t.pageYOffset;
   return {
     scrollLeft: r,
     scrollTop: n
   };
 }
-function Ke(e) {
-  return le(Y(e)).left + Je(e).scrollLeft;
+function Je(e) {
+  return le(Y(e)).left + Ge(e).scrollLeft;
 }
-function vr(e, t) {
-  var r = M(e), n = Y(e), o = r.visualViewport, i = n.clientWidth, a = n.clientHeight, l = 0, s = 0;
+function gr(e, t) {
+  var r = I(e), n = Y(e), o = r.visualViewport, i = n.clientWidth, a = n.clientHeight, l = 0, s = 0;
   if (o) {
     i = o.width, a = o.height;
-    var f = wt();
+    var f = xt();
     (f || !f && t === "fixed") && (l = o.offsetLeft, s = o.offsetTop);
   }
   return {
     width: i,
     height: a,
-    x: l + Ke(e),
+    x: l + Je(e),
     y: s
   };
 }
-function hr(e) {
-  var t, r = Y(e), n = Je(e), o = (t = e.ownerDocument) == null ? void 0 : t.body, i = re(r.scrollWidth, r.clientWidth, o ? o.scrollWidth : 0, o ? o.clientWidth : 0), a = re(r.scrollHeight, r.clientHeight, o ? o.scrollHeight : 0, o ? o.clientHeight : 0), l = -n.scrollLeft + Ke(e), s = -n.scrollTop;
+function br(e) {
+  var t, r = Y(e), n = Ge(e), o = (t = e.ownerDocument) == null ? void 0 : t.body, i = re(r.scrollWidth, r.clientWidth, o ? o.scrollWidth : 0, o ? o.clientWidth : 0), a = re(r.scrollHeight, r.clientHeight, o ? o.scrollHeight : 0, o ? o.clientHeight : 0), l = -n.scrollLeft + Je(e), s = -n.scrollTop;
   return q(o || r).direction === "rtl" && (l += re(r.clientWidth, o ? o.clientWidth : 0) - i), {
     width: i,
     height: a,
@@ -391,14 +410,17 @@ function Qe(e) {
   var t = q(e), r = t.overflow, n = t.overflowX, o = t.overflowY;
   return /auto|scroll|overlay|hidden/.test(r + o + n);
 }
-function Pt(e) {
-  return ["html", "body", "#document"].indexOf(H(e)) >= 0 ? e.ownerDocument.body : T(e) && Qe(e) ? e : Pt(Te(e));
+function St(e) {
+  return ["html", "body", "#document"].indexOf(H(e)) >= 0 ? e.ownerDocument.body : z(e) && Qe(e) ? e : St(ze(e));
 }
-function me(e, t) {
+function he(e, t) {
   var r;
   t === void 0 && (t = []);
-  var n = Pt(e), o = n === ((r = e.ownerDocument) == null ? void 0 : r.body), i = M(n), a = o ? [i].concat(i.visualViewport || [], Qe(n) ? n : []) : n, l = t.concat(a);
-  return o ? l : l.concat(me(Te(a)));
+  var n = St(e), o = n === ((r = e.ownerDocument) == null ? void 0 : r.body), i = I(n), a = o ? [i].concat(i.visualViewport || [], Qe(n) ? n : []) : n, l = t.concat(a);
+  return o ? l : (
+    // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
+    l.concat(he(ze(a)))
+  );
 }
 function We(e) {
   return Object.assign({}, e, {
@@ -408,27 +430,27 @@ function We(e) {
     bottom: e.y + e.height
   });
 }
-function mr(e, t) {
+function yr(e, t) {
   var r = le(e, !1, t === "fixed");
   return r.top = r.top + e.clientTop, r.left = r.left + e.clientLeft, r.bottom = r.top + e.clientHeight, r.right = r.left + e.clientWidth, r.width = e.clientWidth, r.height = e.clientHeight, r.x = r.left, r.y = r.top, r;
 }
 function ut(e, t, r) {
-  return t === bt ? We(vr(e, r)) : ne(t) ? mr(t, r) : We(hr(Y(e)));
+  return t === wt ? We(gr(e, r)) : ne(t) ? yr(t, r) : We(br(Y(e)));
 }
-function gr(e) {
-  var t = me(Te(e)), r = ["absolute", "fixed"].indexOf(q(e).position) >= 0, n = r && T(e) ? Ce(e) : e;
+function wr(e) {
+  var t = he(ze(e)), r = ["absolute", "fixed"].indexOf(q(e).position) >= 0, n = r && z(e) ? $e(e) : e;
   return ne(n) ? t.filter(function(o) {
-    return ne(o) && Ot(o, n) && H(o) !== "body";
+    return ne(o) && $t(o, n) && H(o) !== "body";
   }) : [];
 }
-function br(e, t, r, n) {
-  var o = t === "clippingParents" ? gr(e) : [].concat(t), i = [].concat(o, [r]), a = i[0], l = i.reduce(function(s, f) {
+function Or(e, t, r, n) {
+  var o = t === "clippingParents" ? wr(e) : [].concat(t), i = [].concat(o, [r]), a = i[0], l = i.reduce(function(s, f) {
     var p = ut(e, f, n);
     return s.top = re(p.top, s.top), s.right = je(p.right, s.right), s.bottom = je(p.bottom, s.bottom), s.left = re(p.left, s.left), s;
   }, ut(e, a, n));
   return l.width = l.right - l.left, l.height = l.bottom - l.top, l.x = l.left, l.y = l.top, l;
 }
-function Et(e) {
+function kt(e) {
   var t = e.reference, r = e.element, n = e.placement, o = n ? V(n) : null, i = n ? pe(n) : null, a = t.x + t.width / 2 - r.width / 2, l = t.y + t.height / 2 - r.height / 2, s;
   switch (o) {
     case R:
@@ -443,7 +465,7 @@ function Et(e) {
         y: t.y + t.height
       };
       break;
-    case I:
+    case M:
       s = {
         x: t.x + t.width,
         y: l
@@ -461,52 +483,52 @@ function Et(e) {
         y: t.y
       };
   }
-  var f = o ? Ge(o) : null;
+  var f = o ? Ke(o) : null;
   if (f != null) {
     var p = f === "y" ? "height" : "width";
     switch (i) {
       case ae:
         s[f] = s[f] - (t[p] / 2 - r[p] / 2);
         break;
-      case Oe:
+      case we:
         s[f] = s[f] + (t[p] / 2 - r[p] / 2);
         break;
     }
   }
   return s;
 }
-function xe(e, t) {
+function Oe(e, t) {
   t === void 0 && (t = {});
-  var r = t, n = r.placement, o = n === void 0 ? e.placement : n, i = r.strategy, a = i === void 0 ? e.strategy : i, l = r.boundary, s = l === void 0 ? Lt : l, f = r.rootBoundary, p = f === void 0 ? bt : f, h = r.elementContext, y = h === void 0 ? ve : h, u = r.altBoundary, O = u === void 0 ? !1 : u, m = r.padding, v = m === void 0 ? 0 : m, w = $t(typeof v != "number" ? v : Ct(v, $e)), C = y === ve ? Vt : ve, $ = e.rects.popper, c = e.elements[O ? C : y], g = br(ne(c) ? c : c.contextElement || Y(e.elements.popper), s, p, a), d = le(e.elements.reference), x = Et({
-    reference: d,
+  var r = t, n = r.placement, o = n === void 0 ? e.placement : n, i = r.strategy, a = i === void 0 ? e.strategy : i, l = r.boundary, s = l === void 0 ? Ft : l, f = r.rootBoundary, p = f === void 0 ? wt : f, h = r.elementContext, y = h === void 0 ? ce : h, u = r.altBoundary, O = u === void 0 ? !1 : u, m = r.padding, v = m === void 0 ? 0 : m, w = Pt(typeof v != "number" ? v : Et(v, xe)), C = y === ce ? Wt : ce, $ = e.rects.popper, d = e.elements[O ? C : y], g = Or(ne(d) ? d : d.contextElement || Y(e.elements.popper), s, p, a), c = le(e.elements.reference), x = kt({
+    reference: c,
     element: $,
     strategy: "absolute",
     placement: o
-  }), E = We(Object.assign({}, $, x)), S = y === ve ? E : d, k = {
+  }), E = We(Object.assign({}, $, x)), S = y === ce ? E : c, k = {
     top: g.top - S.top + w.top,
     bottom: S.bottom - g.bottom + w.bottom,
     left: g.left - S.left + w.left,
     right: S.right - g.right + w.right
   }, b = e.modifiersData.offset;
-  if (y === ve && b) {
+  if (y === ce && b) {
     var D = b[o];
     Object.keys(k).forEach(function(A) {
-      var G = [I, N].indexOf(A) >= 0 ? 1 : -1, J = [R, N].indexOf(A) >= 0 ? "y" : "x";
-      k[A] += D[J] * G;
+      var K = [M, N].indexOf(A) >= 0 ? 1 : -1, G = [R, N].indexOf(A) >= 0 ? "y" : "x";
+      k[A] += D[G] * K;
     });
   }
   return k;
 }
-function yr(e, t) {
+function xr(e, t) {
   t === void 0 && (t = {});
-  var r = t, n = r.placement, o = r.boundary, i = r.rootBoundary, a = r.padding, l = r.flipVariations, s = r.allowedAutoPlacements, f = s === void 0 ? yt : s, p = pe(n), h = p ? l ? st : st.filter(function(O) {
+  var r = t, n = r.placement, o = r.boundary, i = r.rootBoundary, a = r.padding, l = r.flipVariations, s = r.allowedAutoPlacements, f = s === void 0 ? Ot : s, p = pe(n), h = p ? l ? st : st.filter(function(O) {
     return pe(O) === p;
-  }) : $e, y = h.filter(function(O) {
+  }) : xe, y = h.filter(function(O) {
     return f.indexOf(O) >= 0;
   });
   y.length === 0 && (y = h, process.env.NODE_ENV !== "production" && console.error(["Popper: The `allowedAutoPlacements` option did not allow any", "placements. Ensure the `placement` option matches the variation", "of the allowed placements.", 'For example, "auto" cannot be used to allow "bottom-start".', 'Use "auto-start" instead.'].join(" ")));
   var u = y.reduce(function(O, m) {
-    return O[m] = xe(e, {
+    return O[m] = Oe(e, {
       placement: m,
       boundary: o,
       rootBoundary: i,
@@ -517,17 +539,17 @@ function yr(e, t) {
     return u[O] - u[m];
   });
 }
-function wr(e) {
-  if (V(e) === ze)
+function $r(e) {
+  if (V(e) === Te)
     return [];
   var t = Ae(e);
   return [ft(e), t, ft(t)];
 }
-function Or(e) {
+function Cr(e) {
   var t = e.state, r = e.options, n = e.name;
   if (!t.modifiersData[n]._skip) {
-    for (var o = r.mainAxis, i = o === void 0 ? !0 : o, a = r.altAxis, l = a === void 0 ? !0 : a, s = r.fallbackPlacements, f = r.padding, p = r.boundary, h = r.rootBoundary, y = r.altBoundary, u = r.flipVariations, O = u === void 0 ? !0 : u, m = r.allowedAutoPlacements, v = t.options.placement, w = V(v), C = w === v, $ = s || (C || !O ? [Ae(v)] : wr(v)), c = [v].concat($).reduce(function(oe, U) {
-      return oe.concat(V(U) === ze ? yr(t, {
+    for (var o = r.mainAxis, i = o === void 0 ? !0 : o, a = r.altAxis, l = a === void 0 ? !0 : a, s = r.fallbackPlacements, f = r.padding, p = r.boundary, h = r.rootBoundary, y = r.altBoundary, u = r.flipVariations, O = u === void 0 ? !0 : u, m = r.allowedAutoPlacements, v = t.options.placement, w = V(v), C = w === v, $ = s || (C || !O ? [Ae(v)] : $r(v)), d = [v].concat($).reduce(function(oe, U) {
+      return oe.concat(V(U) === Te ? xr(t, {
         placement: U,
         boundary: p,
         rootBoundary: h,
@@ -535,54 +557,54 @@ function Or(e) {
         flipVariations: O,
         allowedAutoPlacements: m
       }) : U);
-    }, []), g = t.rects.reference, d = t.rects.popper, x = /* @__PURE__ */ new Map(), E = !0, S = c[0], k = 0; k < c.length; k++) {
-      var b = c[k], D = V(b), A = pe(b) === ae, G = [R, N].indexOf(D) >= 0, J = G ? "width" : "height", z = xe(t, {
+    }, []), g = t.rects.reference, c = t.rects.popper, x = /* @__PURE__ */ new Map(), E = !0, S = d[0], k = 0; k < d.length; k++) {
+      var b = d[k], D = V(b), A = pe(b) === ae, K = [R, N].indexOf(D) >= 0, G = K ? "width" : "height", T = Oe(t, {
         placement: b,
         boundary: p,
         rootBoundary: h,
         altBoundary: y,
         padding: f
-      }), L = G ? A ? I : j : A ? N : R;
-      g[J] > d[J] && (L = Ae(L));
-      var Pe = Ae(L), K = [];
-      if (i && K.push(z[D] <= 0), l && K.push(z[L] <= 0, z[Pe] <= 0), K.every(function(oe) {
+      }), L = K ? A ? M : j : A ? N : R;
+      g[G] > c[G] && (L = Ae(L));
+      var Pe = Ae(L), J = [];
+      if (i && J.push(T[D] <= 0), l && J.push(T[L] <= 0, T[Pe] <= 0), J.every(function(oe) {
         return oe;
       })) {
         S = b, E = !1;
         break;
       }
-      x.set(b, K);
+      x.set(b, J);
     }
     if (E)
       for (var Ee = O ? 3 : 1, Ne = function(U) {
-        var ce = c.find(function(ke) {
+        var ue = d.find(function(ke) {
           var Q = x.get(ke);
           if (Q)
-            return Q.slice(0, U).every(function(Ie) {
-              return Ie;
+            return Q.slice(0, U).every(function(Me) {
+              return Me;
             });
         });
-        if (ce)
-          return S = ce, "break";
-      }, ue = Ee; ue > 0; ue--) {
-        var Se = Ne(ue);
+        if (ue)
+          return S = ue, "break";
+      }, fe = Ee; fe > 0; fe--) {
+        var Se = Ne(fe);
         if (Se === "break")
           break;
       }
     t.placement !== S && (t.modifiersData[n]._skip = !0, t.placement = S, t.reset = !0);
   }
 }
-const xr = {
+const Pr = {
   name: "flip",
   enabled: !0,
   phase: "main",
-  fn: Or,
+  fn: Cr,
   requiresIfExists: ["offset"],
   data: {
     _skip: !1
   }
 };
-function ct(e, t, r) {
+function dt(e, t, r) {
   return r === void 0 && (r = {
     x: 0,
     y: 0
@@ -593,17 +615,17 @@ function ct(e, t, r) {
     left: e.left - t.width - r.x
   };
 }
-function dt(e) {
-  return [R, I, N, j].some(function(t) {
+function ct(e) {
+  return [R, M, N, j].some(function(t) {
     return e[t] >= 0;
   });
 }
-function $r(e) {
-  var t = e.state, r = e.name, n = t.rects.reference, o = t.rects.popper, i = t.modifiersData.preventOverflow, a = xe(t, {
+function Er(e) {
+  var t = e.state, r = e.name, n = t.rects.reference, o = t.rects.popper, i = t.modifiersData.preventOverflow, a = Oe(t, {
     elementContext: "reference"
-  }), l = xe(t, {
+  }), l = Oe(t, {
     altBoundary: !0
-  }), s = ct(a, n), f = ct(l, o, i), p = dt(s), h = dt(f);
+  }), s = dt(a, n), f = dt(l, o, i), p = ct(s), h = ct(f);
   t.modifiersData[r] = {
     referenceClippingOffsets: s,
     popperEscapeOffsets: f,
@@ -614,18 +636,18 @@ function $r(e) {
     "data-popper-escaped": h
   });
 }
-const Cr = {
+const Sr = {
   name: "hide",
   enabled: !0,
   phase: "main",
   requiresIfExists: ["preventOverflow"],
-  fn: $r
+  fn: Er
 };
-function Pr(e, t, r) {
+function kr(e, t, r) {
   var n = V(e), o = [j, R].indexOf(n) >= 0 ? -1 : 1, i = typeof r == "function" ? r(Object.assign({}, t, {
     placement: e
   })) : r, a = i[0], l = i[1];
-  return a = a || 0, l = (l || 0) * o, [j, I].indexOf(n) >= 0 ? {
+  return a = a || 0, l = (l || 0) * o, [j, M].indexOf(n) >= 0 ? {
     x: l,
     y: a
   } : {
@@ -633,45 +655,45 @@ function Pr(e, t, r) {
     y: l
   };
 }
-function Er(e) {
-  var t = e.state, r = e.options, n = e.name, o = r.offset, i = o === void 0 ? [0, 0] : o, a = yt.reduce(function(p, h) {
-    return p[h] = Pr(h, t.rects, i), p;
+function Br(e) {
+  var t = e.state, r = e.options, n = e.name, o = r.offset, i = o === void 0 ? [0, 0] : o, a = Ot.reduce(function(p, h) {
+    return p[h] = kr(h, t.rects, i), p;
   }, {}), l = a[t.placement], s = l.x, f = l.y;
   t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += s, t.modifiersData.popperOffsets.y += f), t.modifiersData[n] = a;
 }
-const Sr = {
+const Dr = {
   name: "offset",
   enabled: !0,
   phase: "main",
   requires: ["popperOffsets"],
-  fn: Er
+  fn: Br
 };
-function kr(e) {
+function Ar(e) {
   var t = e.state, r = e.name;
-  t.modifiersData[r] = Et({
+  t.modifiersData[r] = kt({
     reference: t.rects.reference,
     element: t.rects.popper,
     strategy: "absolute",
     placement: t.placement
   });
 }
-const Br = {
+const Rr = {
   name: "popperOffsets",
   enabled: !0,
   phase: "read",
-  fn: kr,
+  fn: Ar,
   data: {}
 };
-function Dr(e) {
+function jr(e) {
   return e === "x" ? "y" : "x";
 }
-function Ar(e) {
-  var t = e.state, r = e.options, n = e.name, o = r.mainAxis, i = o === void 0 ? !0 : o, a = r.altAxis, l = a === void 0 ? !1 : a, s = r.boundary, f = r.rootBoundary, p = r.altBoundary, h = r.padding, y = r.tether, u = y === void 0 ? !0 : y, O = r.tetherOffset, m = O === void 0 ? 0 : O, v = xe(t, {
+function Tr(e) {
+  var t = e.state, r = e.options, n = e.name, o = r.mainAxis, i = o === void 0 ? !0 : o, a = r.altAxis, l = a === void 0 ? !1 : a, s = r.boundary, f = r.rootBoundary, p = r.altBoundary, h = r.padding, y = r.tether, u = y === void 0 ? !0 : y, O = r.tetherOffset, m = O === void 0 ? 0 : O, v = Oe(t, {
     boundary: s,
     rootBoundary: f,
     padding: h,
     altBoundary: p
-  }), w = V(t.placement), C = pe(t.placement), $ = !C, c = Ge(w), g = Dr(c), d = t.modifiersData.popperOffsets, x = t.rects.reference, E = t.rects.popper, S = typeof m == "function" ? m(Object.assign({}, t.rects, {
+  }), w = V(t.placement), C = pe(t.placement), $ = !C, d = Ke(w), g = jr(d), c = t.modifiersData.popperOffsets, x = t.rects.reference, E = t.rects.popper, S = typeof m == "function" ? m(Object.assign({}, t.rects, {
     placement: t.placement
   })) : m, k = typeof S == "number" ? {
     mainAxis: S,
@@ -683,58 +705,59 @@ function Ar(e) {
     x: 0,
     y: 0
   };
-  if (!!d) {
+  if (c) {
     if (i) {
-      var A, G = c === "y" ? R : j, J = c === "y" ? N : I, z = c === "y" ? "height" : "width", L = d[c], Pe = L + v[G], K = L - v[J], Ee = u ? -E[z] / 2 : 0, Ne = C === ae ? x[z] : E[z], ue = C === ae ? -E[z] : -x[z], Se = t.elements.arrow, oe = u && Se ? Ye(Se) : {
+      var A, K = d === "y" ? R : j, G = d === "y" ? N : M, T = d === "y" ? "height" : "width", L = c[d], Pe = L + v[K], J = L - v[G], Ee = u ? -E[T] / 2 : 0, Ne = C === ae ? x[T] : E[T], fe = C === ae ? -E[T] : -x[T], Se = t.elements.arrow, oe = u && Se ? Ye(Se) : {
         width: 0,
         height: 0
-      }, U = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : xt(), ce = U[G], ke = U[J], Q = he(0, x[z], oe[z]), Ie = $ ? x[z] / 2 - Ee - Q - ce - k.mainAxis : Ne - Q - ce - k.mainAxis, Bt = $ ? -x[z] / 2 + Ee + Q + ke + k.mainAxis : ue + Q + ke + k.mainAxis, Me = t.elements.arrow && Ce(t.elements.arrow), Dt = Me ? c === "y" ? Me.clientTop || 0 : Me.clientLeft || 0 : 0, Ze = (A = b == null ? void 0 : b[c]) != null ? A : 0, At = L + Ie - Ze - Dt, Rt = L + Bt - Ze, _e = he(u ? je(Pe, At) : Pe, L, u ? re(K, Rt) : K);
-      d[c] = _e, D[c] = _e - L;
+      }, U = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Ct(), ue = U[K], ke = U[G], Q = ve(0, x[T], oe[T]), Me = $ ? x[T] / 2 - Ee - Q - ue - k.mainAxis : Ne - Q - ue - k.mainAxis, At = $ ? -x[T] / 2 + Ee + Q + ke + k.mainAxis : fe + Q + ke + k.mainAxis, Ie = t.elements.arrow && $e(t.elements.arrow), Rt = Ie ? d === "y" ? Ie.clientTop || 0 : Ie.clientLeft || 0 : 0, Ze = (A = b == null ? void 0 : b[d]) != null ? A : 0, jt = L + Me - Ze - Rt, Tt = L + At - Ze, _e = ve(u ? je(Pe, jt) : Pe, L, u ? re(J, Tt) : J);
+      c[d] = _e, D[d] = _e - L;
     }
     if (l) {
-      var et, jt = c === "x" ? R : j, zt = c === "x" ? N : I, Z = d[g], Be = g === "y" ? "height" : "width", tt = Z + v[jt], rt = Z - v[zt], Le = [R, j].indexOf(w) !== -1, nt = (et = b == null ? void 0 : b[g]) != null ? et : 0, ot = Le ? tt : Z - x[Be] - E[Be] - nt + k.altAxis, it = Le ? Z + x[Be] + E[Be] - nt - k.altAxis : rt, at = u && Le ? tr(ot, Z, it) : he(u ? ot : tt, Z, u ? it : rt);
-      d[g] = at, D[g] = at - Z;
+      var et, zt = d === "x" ? R : j, Nt = d === "x" ? N : M, Z = c[g], Be = g === "y" ? "height" : "width", tt = Z + v[zt], rt = Z - v[Nt], Le = [R, j].indexOf(w) !== -1, nt = (et = b == null ? void 0 : b[g]) != null ? et : 0, ot = Le ? tt : Z - x[Be] - E[Be] - nt + k.altAxis, it = Le ? Z + x[Be] + E[Be] - nt - k.altAxis : rt, at = u && Le ? or(ot, Z, it) : ve(u ? ot : tt, Z, u ? it : rt);
+      c[g] = at, D[g] = at - Z;
     }
     t.modifiersData[n] = D;
   }
 }
-const Rr = {
+const zr = {
   name: "preventOverflow",
   enabled: !0,
   phase: "main",
-  fn: Ar,
+  fn: Tr,
   requiresIfExists: ["offset"]
 };
-function jr(e) {
+function Nr(e) {
   return {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   };
 }
-function zr(e) {
-  return e === M(e) || !T(e) ? Je(e) : jr(e);
+function Mr(e) {
+  return e === I(e) || !z(e) ? Ge(e) : Nr(e);
 }
-function Tr(e) {
+function Ir(e) {
   var t = e.getBoundingClientRect(), r = se(t.width) / e.offsetWidth || 1, n = se(t.height) / e.offsetHeight || 1;
   return r !== 1 || n !== 1;
 }
-function Nr(e, t, r) {
+function Lr(e, t, r) {
   r === void 0 && (r = !1);
-  var n = T(t), o = T(t) && Tr(t), i = Y(t), a = le(e, o, r), l = {
+  var n = z(t), o = z(t) && Ir(t), i = Y(t), a = le(e, o, r), l = {
     scrollLeft: 0,
     scrollTop: 0
   }, s = {
     x: 0,
     y: 0
   };
-  return (n || !n && !r) && ((H(t) !== "body" || Qe(i)) && (l = zr(t)), T(t) ? (s = le(t, !0), s.x += t.clientLeft, s.y += t.clientTop) : i && (s.x = Ke(i))), {
+  return (n || !n && !r) && ((H(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  Qe(i)) && (l = Mr(t)), z(t) ? (s = le(t, !0), s.x += t.clientLeft, s.y += t.clientTop) : i && (s.x = Je(i))), {
     x: a.left + l.scrollLeft - s.x,
     y: a.top + l.scrollTop - s.y,
     width: a.width,
     height: a.height
   };
 }
-function Ir(e) {
+function Vr(e) {
   var t = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set(), n = [];
   e.forEach(function(i) {
     t.set(i.name, i);
@@ -753,15 +776,15 @@ function Ir(e) {
     r.has(i.name) || o(i);
   }), n;
 }
-function Mr(e) {
-  var t = Ir(e);
+function qr(e) {
+  var t = Vr(e);
   return qe.reduce(function(r, n) {
     return r.concat(t.filter(function(o) {
       return o.phase === n;
     }));
   }, []);
 }
-function Lr(e) {
+function Fr(e) {
   var t;
   return function() {
     return t || (t = new Promise(function(r) {
@@ -778,8 +801,8 @@ function X(e) {
     return o.replace(/%s/, i);
   }, e);
 }
-var _ = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s', Vr = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available', vt = ["name", "enabled", "phase", "fn", "effect", "requires", "options"];
-function qr(e) {
+var _ = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s', Wr = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available', vt = ["name", "enabled", "phase", "fn", "effect", "requires", "options"];
+function Hr(e) {
   e.forEach(function(t) {
     [].concat(Object.keys(t), vt).filter(function(r, n, o) {
       return o.indexOf(r) === n;
@@ -817,12 +840,12 @@ function qr(e) {
       t.requires && t.requires.forEach(function(n) {
         e.find(function(o) {
           return o.name === n;
-        }) == null && console.error(X(Vr, String(t.name), n, n));
+        }) == null && console.error(X(Wr, String(t.name), n, n));
       });
     });
   });
 }
-function Fr(e, t) {
+function Ur(e, t) {
   var r = /* @__PURE__ */ new Set();
   return e.filter(function(n) {
     var o = t(n);
@@ -830,7 +853,7 @@ function Fr(e, t) {
       return r.add(o), !0;
   });
 }
-function Wr(e) {
+function Xr(e) {
   var t = e.reduce(function(r, n) {
     var o = r[n.name];
     return r[n.name] = o ? Object.assign({}, o, n, {
@@ -842,7 +865,7 @@ function Wr(e) {
     return t[r];
   });
 }
-var ht = "Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.", Hr = "Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.", mt = {
+var ht = "Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.", Yr = "Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.", mt = {
   placement: "bottom",
   modifiers: [],
   strategy: "absolute"
@@ -854,7 +877,7 @@ function gt() {
     return !(n && typeof n.getBoundingClientRect == "function");
   });
 }
-function Ur(e) {
+function Kr(e) {
   e === void 0 && (e = {});
   var t = e, r = t.defaultModifiers, n = r === void 0 ? [] : r, o = t.defaultOptions, i = o === void 0 ? mt : o;
   return function(l, s, f) {
@@ -875,31 +898,36 @@ function Ur(e) {
       setOptions: function(w) {
         var C = typeof w == "function" ? w(p.options) : w;
         m(), p.options = Object.assign({}, i, p.options, C), p.scrollParents = {
-          reference: ne(l) ? me(l) : l.contextElement ? me(l.contextElement) : [],
-          popper: me(s)
+          reference: ne(l) ? he(l) : l.contextElement ? he(l.contextElement) : [],
+          popper: he(s)
         };
-        var $ = Mr(Wr([].concat(n, p.options.modifiers)));
+        var $ = qr(Xr([].concat(n, p.options.modifiers)));
         if (p.orderedModifiers = $.filter(function(b) {
           return b.enabled;
         }), process.env.NODE_ENV !== "production") {
-          var c = Fr([].concat($, p.options.modifiers), function(b) {
+          var d = Ur([].concat($, p.options.modifiers), function(b) {
             var D = b.name;
             return D;
           });
-          if (qr(c), V(p.options.placement) === ze) {
+          if (Hr(d), V(p.options.placement) === Te) {
             var g = p.orderedModifiers.find(function(b) {
               var D = b.name;
               return D === "flip";
             });
             g || console.error(['Popper: "auto" placements require the "flip" modifier be', "present and enabled to work."].join(" "));
           }
-          var d = q(s), x = d.marginTop, E = d.marginRight, S = d.marginBottom, k = d.marginLeft;
+          var c = q(s), x = c.marginTop, E = c.marginRight, S = c.marginBottom, k = c.marginLeft;
           [x, E, S, k].some(function(b) {
             return parseFloat(b);
           }) && console.warn(['Popper: CSS "margin" styles cannot be used to apply padding', "between the popper and its reference element or boundary.", "To replicate margin, use the `offset` modifier, as well as", "the `padding` option in the `preventOverflow` and `flip`", "modifiers."].join(" "));
         }
         return O(), u.update();
       },
+      // Sync update – it will always be executed, even if not necessary. This
+      // is useful for low frequency updates where sync behavior simplifies the
+      // logic.
+      // For high frequency updates (e.g. `resize` and `scroll` events), always
+      // prefer the async Popper#update method
       forceUpdate: function() {
         if (!y) {
           var w = p.elements, C = w.reference, $ = w.popper;
@@ -908,21 +936,21 @@ function Ur(e) {
             return;
           }
           p.rects = {
-            reference: Nr(C, Ce($), p.options.strategy === "fixed"),
+            reference: Lr(C, $e($), p.options.strategy === "fixed"),
             popper: Ye($)
           }, p.reset = !1, p.placement = p.options.placement, p.orderedModifiers.forEach(function(b) {
             return p.modifiersData[b.name] = Object.assign({}, b.data);
           });
-          for (var c = 0, g = 0; g < p.orderedModifiers.length; g++) {
-            if (process.env.NODE_ENV !== "production" && (c += 1, c > 100)) {
-              console.error(Hr);
+          for (var d = 0, g = 0; g < p.orderedModifiers.length; g++) {
+            if (process.env.NODE_ENV !== "production" && (d += 1, d > 100)) {
+              console.error(Yr);
               break;
             }
             if (p.reset === !0) {
               p.reset = !1, g = -1;
               continue;
             }
-            var d = p.orderedModifiers[g], x = d.fn, E = d.options, S = E === void 0 ? {} : E, k = d.name;
+            var c = p.orderedModifiers[g], x = c.fn, E = c.options, S = E === void 0 ? {} : E, k = c.name;
             typeof x == "function" && (p = x({
               state: p,
               options: S,
@@ -932,7 +960,9 @@ function Ur(e) {
           }
         }
       },
-      update: Lr(function() {
+      // Async and optimistically optimized update – it will not be executed if
+      // not necessary (debounced to run at most once-per-tick)
+      update: Fr(function() {
         return new Promise(function(v) {
           u.forceUpdate(), v(p);
         });
@@ -948,16 +978,16 @@ function Ur(e) {
     });
     function O() {
       p.orderedModifiers.forEach(function(v) {
-        var w = v.name, C = v.options, $ = C === void 0 ? {} : C, c = v.effect;
-        if (typeof c == "function") {
-          var g = c({
+        var w = v.name, C = v.options, $ = C === void 0 ? {} : C, d = v.effect;
+        if (typeof d == "function") {
+          var g = d({
             state: p,
             name: w,
             instance: u,
             options: $
-          }), d = function() {
+          }), c = function() {
           };
-          h.push(g || d);
+          h.push(g || c);
         }
       });
     }
@@ -969,10 +999,10 @@ function Ur(e) {
     return u;
   };
 }
-var Xr = [ur, Br, pr, Zt, Sr, xr, Rr, ir, Cr], Yr = /* @__PURE__ */ Ur({
-  defaultModifiers: Xr
+var Gr = [vr, Rr, dr, tr, Dr, Pr, zr, lr, Sr], Jr = /* @__PURE__ */ Kr({
+  defaultModifiers: Gr
 });
-const Gr = {
+const Qr = {
   props: {
     componentPrefix: String,
     size: String,
@@ -983,15 +1013,13 @@ const Gr = {
       return this.sizePrefix || this.componentPrefix;
     },
     hasSizeablePrefix() {
-      return this.size && !!this.size.match(
-        new RegExp(`^${this.sizeableClassPrefix}`)
-      );
+      return this.size === void 0 ? !1 : !!this.size.match(new RegExp(`^${this.sizeableClassPrefix}`));
     },
     sizeableClass() {
       return this.size ? !this.sizeableClassPrefix || this.hasSizeablePrefix ? this.size : `${this.sizeableClassPrefix}-${this.size}` : "";
     }
   }
-}, Jr = {
+}, Zr = {
   props: {
     componentPrefix: String,
     variant: String,
@@ -1002,20 +1030,14 @@ const Gr = {
       return this.variantPrefix || this.componentPrefix;
     },
     hasVariantPrefix() {
-      return this.variant && !!this.variant.match(
-        new RegExp(`^${this.variantClassPrefix}`)
-      );
+      return this.variant === void 0 ? !1 : !!this.variant.match(new RegExp(`^${this.variantClassPrefix}`));
     },
     variantClass() {
       return this.variant ? !this.variantClassPrefix || this.hasVariantPrefix ? this.variant : `${this.variantClassPrefix}-${this.variant}` : "";
     }
   }
-}, Kr = {
-  name: "Btn",
-  mixins: [
-    Gr,
-    Jr
-  ],
+}, _r = Mt({
+  mixins: [Qr, Zr],
   props: {
     active: Boolean,
     block: Boolean,
@@ -1034,14 +1056,7 @@ const Gr = {
   },
   computed: {
     classes() {
-      return [
-        "btn",
-        this.variantClass,
-        this.sizeableClass,
-        this.active && "active",
-        this.block && "btn-block",
-        this.disabled && "disabled"
-      ];
+      return ["btn", this.variantClass, this.sizeableClass, this.active && "active", this.block && "btn-block", this.disabled && "disabled"];
     },
     component() {
       return this.tag ? this.tag : this.$attrs.href ? "a" : "button";
@@ -1050,27 +1065,23 @@ const Gr = {
       return (this.variantPrefix || this.componentPrefix) + (this.outline ? "-outline" : "");
     }
   }
-}, fe = (e, t) => {
+}), en = (e, t) => {
   const r = e.__vccOpts || e;
   for (const [n, o] of t)
     r[n] = o;
   return r;
 };
-function Qr(e, t, r, n, o, i) {
-  return W(), ee(He(i.component), ge(e.$attrs, {
-    disabled: r.disabled,
-    class: i.classes,
+function tn(e, t, r, n, o, i) {
+  return W(), ee(He(e.component), me(e.$attrs, {
+    disabled: e.disabled,
+    class: e.classes,
     role: "button"
   }), {
-    default: B(() => [
-      P(e.$slots, "default", {}, () => [
-        be(ye(r.label), 1)
-      ])
-    ]),
+    default: B(() => [P(e.$slots, "default", {}, () => [ge(be(e.label), 1)])]),
     _: 3
   }, 16, ["disabled", "class"]);
 }
-const Zr = /* @__PURE__ */ fe(Kr, [["render", Qr]]), _r = {
+const rn = /* @__PURE__ */ en(_r, [["render", tn]]), nn = {
   props: {
     componentPrefix: String,
     size: String,
@@ -1087,14 +1098,14 @@ const Zr = /* @__PURE__ */ fe(Kr, [["render", Qr]]), _r = {
       return this.size ? !this.sizeableClassPrefix || this.hasSizeablePrefix ? this.size : `${this.sizeableClassPrefix}-${this.size}` : "";
     }
   }
-}, en = (e, t) => {
+}, on = (e, t) => {
   const r = e.__vccOpts || e;
   for (const [n, o] of t)
     r[n] = o;
   return r;
-}, tn = {
+}, an = {
   name: "BtnGroup",
-  mixins: [_r],
+  mixins: [nn],
   props: {
     sizePrefix: {
       type: String,
@@ -1115,32 +1126,42 @@ const Zr = /* @__PURE__ */ fe(Kr, [["render", Qr]]), _r = {
       };
     }
   }
-}, rn = ["data-toggle"];
-function nn(e, t, r, n, o, i) {
+}, sn = ["data-toggle"];
+function ln(e, t, r, n, o, i) {
   return W(), Ue("div", {
     class: F(i.classes),
     "data-toggle": r.toggle ? "buttons" : !1,
     role: "group"
-  }, [P(e.$slots, "default")], 10, rn);
+  }, [P(e.$slots, "default")], 10, sn);
 }
-const on = /* @__PURE__ */ en(tn, [["render", nn]]);
+const pn = /* @__PURE__ */ on(an, [["render", ln]]);
 function Ve(e, t) {
   e.props.class = `${e.props.class || ""} ${t}`.trim();
 }
-function St(e) {
+function Bt(e) {
   for (const t of e) {
-    t.type === Nt && St(t.children), t.props = Object.assign({ class: void 0 }, t.props), t.attrs = Object.assign({}, t.attrs), t.attrs.on || (t.attrs.on = {});
+    t.type === Lt && Bt(t.children), t.props = Object.assign({ class: void 0 }, t.props), t.attrs = Object.assign({}, t.attrs), t.attrs.on || (t.attrs.on = {});
     const r = t.props.class && t.props.class.match(/dropdown-item/), n = t.props.class && t.props.class.match(/dropdown-divider/);
     typeof t.type == "string" && t.type.match(/^h\d$/) ? Ve(t, "dropdown-header") : t.type === "hr" && !n ? (t.type = "div", Ve(t, "dropdown-divider")) : !r && !n && Ve(t, "dropdown-item");
   }
   return e;
 }
-const an = (e, t) => Tt("div", {}, St(t.slots.default())), sn = an, ln = {
+const fn = (e, t) => It("div", {}, Bt(t.slots.default())), un = fn, Ce = (e, t) => {
+  const r = e.__vccOpts || e;
+  for (const [n, o] of t)
+    r[n] = o;
+  return r;
+}, dn = {
   name: "DropdownMenu",
   components: {
-    DropdownMenuItems: sn
+    DropdownMenuItems: un
   },
   props: {
+    /**
+     * Display the dropdown menu aligned left or right
+     *
+     * @property String
+     */
     align: {
       type: String,
       default: "left",
@@ -1148,10 +1169,15 @@ const an = (e, t) => Tt("div", {}, St(t.slots.default())), sn = an, ln = {
         return ["left", "right"].indexOf(e.toLowerCase()) !== -1;
       }
     },
+    /**
+     * The default visibility of the dropdown menu.
+     *
+     * @property Object
+     */
     show: Boolean
   }
-}, pn = ["aria-labelledby"];
-function fn(e, t, r, n, o, i) {
+}, cn = ["aria-labelledby"];
+function vn(e, t, r, n, o, i) {
   const a = te("dropdown-menu-items");
   return W(), Ue("div", {
     class: F(["dropdown-menu", {
@@ -1161,7 +1187,7 @@ function fn(e, t, r, n, o, i) {
     }]),
     "aria-labelledby": e.$attrs.id
   }, [
-    we(a, null, {
+    ye(a, null, {
       default: B(() => [
         P(e.$slots, "default", {
           onClick: t[0] || (t[0] = (...l) => e.onItemClick && e.onItemClick(...l))
@@ -1169,9 +1195,9 @@ function fn(e, t, r, n, o, i) {
       ]),
       _: 3
     })
-  ], 10, pn);
+  ], 10, cn);
 }
-const un = /* @__PURE__ */ fe(ln, [["render", fn]]), cn = {
+const hn = /* @__PURE__ */ Ce(dn, [["render", vn]]), mn = {
   props: {
     expanded: {
       type: Boolean,
@@ -1187,8 +1213,8 @@ const un = /* @__PURE__ */ fe(ln, [["render", fn]]), cn = {
     }
   }
 };
-function dn(e, t, r, n, o, i) {
-  return W(), ee(He(i.is), ge({ id: r.id }, r.to ? { to: r.to } : { href: r.href }, {
+function gn(e, t, r, n, o, i) {
+  return W(), ee(He(i.is), me({ id: r.id }, r.to ? { to: r.to } : { href: r.href }, {
     "aria-haspopup": "true",
     "aria-expanded": r.expanded,
     type: i.is === "button" ? "button" : void 0
@@ -1199,15 +1225,20 @@ function dn(e, t, r, n, o, i) {
     _: 3
   }, 16, ["id", "aria-expanded", "type"]);
 }
-const vn = /* @__PURE__ */ fe(cn, [["render", dn]]), kt = {
+const bn = /* @__PURE__ */ Ce(mn, [["render", gn]]), Dt = {
   components: {
-    BtnDropdownAction: vn,
-    BtnGroup: on,
-    DropdownMenu: un
+    BtnDropdownAction: bn,
+    BtnGroup: pn,
+    DropdownMenu: hn
   },
-  extends: Zr,
+  extends: rn,
   emits: ["click-toggle", "show", "hide", "toggle"],
   props: {
+    /**
+     * Display the dropdown menu aligned left or right
+     *
+     * @property String
+     */
     align: {
       type: String,
       default: "left",
@@ -1215,48 +1246,133 @@ const vn = /* @__PURE__ */ fe(cn, [["render", dn]]), kt = {
         return ["left", "right"].indexOf(e.toLowerCase()) !== -1;
       }
     },
+    /**
+     * Should animate the dropdown opening.
+     *
+     * @property {Boolean}
+     */
     animated: {
       type: Boolean,
       default: !0
     },
+    /**
+     * Additional button classes.
+     * 
+     * @property {Object|String}
+     */
     buttonClass: [Object, String],
+    /**
+     * Show the caret.
+     *
+     * @property {Boolean}
+     */
     caret: {
       type: Boolean,
       default: !0
     },
+    /**
+     * Should display the toggle button as a circle.
+     *
+     * @property Boolean
+     */
+    // circle: {
+    //     type: Boolean,
+    //     default: false
+    // },
+    /**
+     * Display as a dropup instead of a dropdown.
+     *
+     * @property Boolean
+     */
     dropup: {
       type: Boolean,
       default: !1
     },
+    /**
+     * Display as a dropright instead of a dropdown.
+     *
+     * @property Boolean
+     */
     dropright: {
       type: Boolean,
       default: !1
     },
+    /**
+     * Display as a dropleft instead of a dropdown.
+     *
+     * @property Boolean
+     */
     dropleft: {
       type: Boolean,
       default: !1
     },
+    /**
+     * The action height.
+     *
+     * @property {String}
+     */
     height: String,
+    /**
+     * The href action.
+     *
+     * @property {String}
+     */
     href: String,
+    /**
+     * Is the dropdown a nav item?
+     *
+     * @property {Boolean}
+     */
     nav: Boolean,
+    /**
+     * The toggle button's label. If not defined as an attribute,
+     * you can override with the component's slot (inner html).
+     *
+     * @property {String}
+     */
     label: String,
     offset: {
       type: Number,
       default: 5
     },
+    /**
+     * Should rotate the toggle button when opened.
+     *
+     * @property {Boolean}
+     */
     rotate: {
       type: Boolean,
       default: !1
     },
+    /**
+     * Display the dropdown button with a split toggle button.
+     *
+     * @property {Boolean}
+     */
     split: {
       type: Boolean,
       default: !1
     },
+    /**
+     * The "to" path, used for vue-router.
+     *
+     * @property {String|Object}
+     */
     to: [String, Object],
+    /**
+     * The button type attribute.
+     *
+     * @property {String}
+     */
     type: {
       type: String,
       default: "button"
     },
+    /**
+     * The action width.
+     *
+     * @property {String}
+     */
     width: String
   },
   data() {
@@ -1269,6 +1385,7 @@ const vn = /* @__PURE__ */ fe(cn, [["render", dn]]), kt = {
   computed: {
     scope() {
       return {
+        // Pass the computed props.
         placement: this.placement,
         variantClassPrefix: this.variantClassPrefix,
         sizeableClassPrefix: this.sizeableClassPrefix,
@@ -1276,6 +1393,7 @@ const vn = /* @__PURE__ */ fe(cn, [["render", dn]]), kt = {
         actionClasses: this.actionClasses,
         toggleStyle: this.toggleStyle,
         toggleClasses: this.toggleClasses,
+        // Pass the methods                
         focus: this.focus,
         queryFocusable: this.queryFocusable,
         isFocusable: this.isFocusable,
@@ -1344,12 +1462,27 @@ const vn = /* @__PURE__ */ fe(cn, [["render", dn]]), kt = {
     this.popper && this.popper.destroy();
   },
   methods: {
+    /**
+     * Focus on the the dropdown toggle button
+     *
+     * @return void
+     */
     focus() {
       this.$el.querySelector(".dropdown-toggle").focus();
     },
+    /**
+     * Focus on the the dropdown toggle button
+     *
+     * @return void
+     */
     queryFocusable() {
       return this.$el.querySelector(".dropdown-menu").querySelectorAll('label, input, select, textarea, [tabindex]:not([tabindex="-1"])');
     },
+    /**
+     * Method to check if the given element is focusable.
+     *
+     * @return void
+     */
     isFocusable(e) {
       const t = this.queryFocusable();
       for (let r in t)
@@ -1357,13 +1490,23 @@ const vn = /* @__PURE__ */ fe(cn, [["render", dn]]), kt = {
           return !0;
       return !1;
     },
+    /**
+     * Toggle the dropdown menu
+     *
+     * @return void
+     */
     toggle(e) {
       this.expanded ? this.hide() : this.show();
     },
+    /**
+     * Show the dropdown menu
+     *
+     * @return void
+     */
     show() {
       this.expanded = !0;
       const e = this.$refs.split && this.$refs.split.$el || this.$el;
-      !this.nav && !this.popper ? this.popper = Yr(e, this.$refs.menu.$el, {
+      !this.nav && !this.popper ? this.popper = Jr(e, this.$refs.menu.$el, {
         placement: `${this.placement}-${this.align === "left" ? "start" : "end"}`,
         onFirstUpdate: () => {
           this.triggerAnimation = this.animated;
@@ -1372,45 +1515,74 @@ const vn = /* @__PURE__ */ fe(cn, [["render", dn]]), kt = {
           name: "offset",
           options: {
             offset: [0, this.nav ? 1 : this.offset]
+            // offset: ['.125rem', !this.nav ? 4 : 1],
           }
         }]
       }) : this.popper && this.popper.update();
     },
+    /**
+     * Hide the dropdown menu
+     *
+     * @return void
+     */
     hide() {
       this.expanded = !1;
     },
+    /**
+     * A callback function for the `blur-item` event.
+     *
+     * @return void
+     */
     onBlur(e) {
-      this.$el.contains(e.relatedTarget) || this.hide();
+      (this.$refs.menu && !this.$refs.menu.$el.contains(e.relatedTarget) || !this.$el.contains(e.relatedTarget)) && this.hide();
+    },
+    onClickDocument(e) {
+      this.$el.contains(e.target) || this.hide();
     },
+    /**
+     * A callback function for the `click-item` event.
+     *
+     * @return void
+     */
     onClickItem(e) {
       this.isFocusable(e.target) || this.hide();
     },
+    /**
+     * A callback function for the `click-toggle` event.
+     *
+     * @return void
+     */
     onClickToggle(e) {
-      this.$emit("click-toggle", e), e.defaultPrevented || this.toggle();
+      e.target.dispatchEvent(new Event("focus", e)), this.$emit("click-toggle", e), e.defaultPrevented || this.toggle();
+    },
+    onKeydown(e) {
+      e.target.parentElement.lastElementChild === e.target && this.hide();
     }
   },
   watch: {
     expanded(e) {
       this.$nextTick(() => {
         this.$emit(e ? "show" : "hide"), this.$emit("toggle", e);
+      }), setTimeout(() => {
+        e ? document.addEventListener("click", this.onClickDocument) : document.removeEventListener("click", this.onClickDocument);
       });
     }
   }
-}, hn = {
+}, yn = {
   mixins: [
-    kt
+    Dt
   ],
   emits: [
     "click"
   ]
-}, mn = ["id", "aria-expanded"];
-function gn(e, t, r, n, o, i) {
+}, wn = ["id", "aria-expanded"];
+function On(e, t, r, n, o, i) {
   const a = te("btn-dropdown-action"), l = te("dropdown-menu"), s = te("btn-group");
   return W(), ee(s, {
     class: F([e.classes, "btn-dropdown-split"])
   }, {
     default: B(() => [
-      e.dropleft ? de("", !0) : P(e.$slots, "button", ie(ge({ key: 0 }, e.scope)), () => [
+      e.dropleft ? de("", !0) : P(e.$slots, "button", ie(me({ key: 0 }, e.scope)), () => [
         e.dropleft ? de("", !0) : (W(), ee(a, {
           key: 0,
           id: e.$attrs.id,
@@ -1424,13 +1596,13 @@ function gn(e, t, r, n, o, i) {
           default: B(() => [
             P(e.$slots, "icon"),
             P(e.$slots, "label", {}, () => [
-              be(ye(e.label), 1)
+              ge(be(e.label), 1)
             ])
           ]),
           _: 3
         }, 8, ["id", "expanded", "href", "to", "class"]))
       ]),
-      we(s, { ref: "split" }, {
+      ye(s, { ref: "split" }, {
         default: B(() => [
           P(e.$slots, "split", ie(Re(e.scope)), () => [
             e.split ? (W(), Ue("button", {
@@ -1442,26 +1614,29 @@ function gn(e, t, r, n, o, i) {
               class: F(e.toggleClasses),
               onBlur: t[1] || (t[1] = (...f) => e.onBlur && e.onBlur(...f)),
               onClick: t[2] || (t[2] = (...f) => e.onClickToggle && e.onClickToggle(...f))
-            }, null, 42, mn)) : de("", !0)
+            }, null, 42, wn)) : de("", !0)
           ]),
-          we(l, {
+          ye(l, {
             id: e.$attrs.id,
             ref: "menu",
             align: e.align,
             show: e.expanded,
             class: F({ animated: e.triggerAnimation }),
+            onBlur: e.onBlur,
             onClick: e.onClickItem,
-            onBlur: e.onBlur
+            onKeydown: bt(e.onKeydown, ["tab"]),
+            onMousedown: t[3] || (t[3] = yt(() => {
+            }, ["prevent"]))
           }, {
             default: B(() => [
               P(e.$slots, "default")
             ]),
             _: 3
-          }, 8, ["id", "align", "show", "class", "onClick", "onBlur"])
+          }, 8, ["id", "align", "show", "class", "onBlur", "onClick", "onKeydown"])
         ]),
         _: 3
       }, 512),
-      e.dropleft ? P(e.$slots, "button", ie(ge({ key: 1 }, e.scope)), () => [
+      e.dropleft ? P(e.$slots, "button", ie(me({ key: 1 }, e.scope)), () => [
         e.dropleft ? (W(), ee(a, {
           key: 0,
           id: e.$attrs.id,
@@ -1470,12 +1645,12 @@ function gn(e, t, r, n, o, i) {
           href: e.href,
           to: e.to,
           class: F(e.actionClasses),
-          onClick: t[3] || (t[3] = (f) => e.$emit("click", f))
+          onClick: t[4] || (t[4] = (f) => e.$emit("click", f))
         }, {
           default: B(() => [
             P(e.$slots, "icon"),
             P(e.$slots, "label", {}, () => [
-              be(ye(e.label), 1)
+              ge(be(e.label), 1)
             ])
           ]),
           _: 3
@@ -1485,25 +1660,25 @@ function gn(e, t, r, n, o, i) {
     _: 3
   }, 8, ["class"]);
 }
-const bn = /* @__PURE__ */ fe(hn, [["render", gn]]), yn = {
+const xn = /* @__PURE__ */ Ce(yn, [["render", On]]), $n = {
   mixins: [
-    kt
+    Dt
   ]
 };
-function wn(e, t, r, n, o, i) {
+function Cn(e, t, r, n, o, i) {
   const a = te("btn-dropdown-action"), l = te("dropdown-menu"), s = te("btn-group");
   return W(), ee(s, {
     class: F(e.classes)
   }, {
     default: B(() => [
       P(e.$slots, "button", ie(Re(e.scope)), () => [
-        we(a, {
+        ye(a, {
           id: e.$attrs.id,
           ref: "button",
           expanded: e.expanded,
           href: e.href,
           to: e.to,
-          style: It(e.toggleStyle),
+          style: Vt(e.toggleStyle),
           class: F(e.toggleClasses),
           onBlur: e.onBlur,
           onClick: e.onClickToggle
@@ -1511,36 +1686,39 @@ function wn(e, t, r, n, o, i) {
           default: B(() => [
             P(e.$slots, "icon"),
             P(e.$slots, "label", {}, () => [
-              be(ye(e.label), 1)
+              ge(be(e.label), 1)
             ])
           ]),
           _: 3
         }, 8, ["id", "expanded", "href", "to", "style", "class", "onBlur", "onClick"])
       ]),
-      we(l, {
+      ye(l, {
         id: e.$attrs.id,
         ref: "menu",
         align: e.align,
         show: e.expanded,
         class: F({ animated: e.triggerAnimation }),
         onBlur: e.onBlur,
-        onClick: e.onClickItem
+        onClick: e.onClickItem,
+        onKeydown: bt(e.onKeydown, ["tab"]),
+        onMousedown: t[0] || (t[0] = yt(() => {
+        }, ["prevent"]))
       }, {
         default: B(() => [
           P(e.$slots, "default")
         ]),
         _: 3
-      }, 8, ["id", "align", "show", "class", "onBlur", "onClick"])
+      }, 8, ["id", "align", "show", "class", "onBlur", "onClick", "onKeydown"])
     ]),
     _: 3
   }, 8, ["class"]);
 }
-const On = /* @__PURE__ */ fe(yn, [["render", wn]]);
-const xn = {
+const Pn = /* @__PURE__ */ Ce($n, [["render", Cn]]);
+const En = {
   name: "BtnDropdown",
   components: {
-    BtnDropdownSplit: bn,
-    BtnDropdownSingle: On
+    BtnDropdownSplit: xn,
+    BtnDropdownSingle: Pn
   },
   inheritAttrs: !1,
   emits: [
@@ -1552,15 +1730,15 @@ const xn = {
     "toggle"
   ]
 };
-function $n(e, t, r, n, o, i) {
-  return W(), ee(He(e.$attrs.split === void 0 || !!e.$attrs.nav ? "btn-dropdown-single" : "btn-dropdown-split"), ge({ class: "btn-dropdown" }, e.$attrs, {
+function Sn(e, t, r, n, o, i) {
+  return W(), ee(He(e.$attrs.split === void 0 || e.$attrs.nav ? "btn-dropdown-single" : "btn-dropdown-split"), me({ class: "btn-dropdown" }, e.$attrs, {
     onClick: t[0] || (t[0] = (...a) => e.$emit("click", ...a)),
     onClickToggle: t[1] || (t[1] = (...a) => e.$emit("click-toggle", ...a)),
     onDropdown: t[2] || (t[2] = (...a) => e.$emit("dropdown", ...a)),
     onShow: t[3] || (t[3] = (...a) => e.$emit("show", ...a)),
     onHide: t[4] || (t[4] = (...a) => e.$emit("hide", ...a)),
     onToggle: t[5] || (t[5] = (...a) => e.$emit("toggle", ...a))
-  }), Mt({
+  }), qt({
     icon: B(() => [
       P(e.$slots, "icon")
     ]),
@@ -1579,14 +1757,14 @@ function $n(e, t, r, n, o, i) {
       name: "label",
       fn: B(() => [
         P(e.$slots, "label", {}, () => [
-          be(ye(e.$attrs.label), 1)
+          ge(be(e.$attrs.label), 1)
         ])
       ]),
       key: "0"
     } : void 0
   ]), 1040);
 }
-const Pn = /* @__PURE__ */ fe(xn, [["render", $n]]);
+const Bn = /* @__PURE__ */ Ce(En, [["render", Sn]]);
 export {
-  Pn as BtnDropdown
+  Bn as BtnDropdown
 };