@vue-interface/btn-dropdown 2.0.0-beta.6 → 2.0.0-beta.9

package/dist/btn-dropdown.js

@@ -1,10 +1,10 @@
-import { defineComponent as U, openBlock as W, createBlock as te, resolveDynamicComponent as Ue, mergeProps as me, withCtx as B, renderSlot as P, createTextVNode as be, toDisplayString as ye, createElementBlock as Xe, normalizeClass as F, h as Lt, Fragment as Vt, resolveComponent as re, createVNode as we, normalizeProps as ae, guardReactiveProps as Re, normalizeStyle as It, withKeys as yt, withModifiers as wt, createCommentVNode as ce, createSlots as qt } from "vue";
-var R = "top", N = "bottom", M = "right", j = "left", Te = "auto", xe = [R, N, M, j], se = "start", Oe = "end", Ft = "clippingParents", Ot = "viewport", ve = "popper", Wt = "reference", lt = /* @__PURE__ */ xe.reduce(function(e, t) {
-  return e.concat([t + "-" + se, t + "-" + Oe]);
-}, []), $t = /* @__PURE__ */ [].concat(xe, [Te]).reduce(function(e, t) {
-  return e.concat([t, t + "-" + se, t + "-" + Oe]);
+import { defineComponent as F, openBlock as H, createBlock as te, resolveDynamicComponent as Ue, mergeProps as me, withCtx as B, renderSlot as P, createTextVNode as be, toDisplayString as ye, createElementBlock as Xe, normalizeClass as W, h as Lt, Fragment as Vt, resolveComponent as re, createVNode as we, normalizeProps as ae, guardReactiveProps as Re, normalizeStyle as It, withKeys as yt, withModifiers as wt, createCommentVNode as ce, createSlots as qt } from "vue";
+var R = "top", N = "bottom", M = "right", j = "left", Te = "auto", xe = [R, N, M, j], se = "start", $e = "end", Ft = "clippingParents", $t = "viewport", ve = "popper", Wt = "reference", lt = /* @__PURE__ */ xe.reduce(function(e, t) {
+  return e.concat([t + "-" + se, t + "-" + $e]);
+}, []), Ot = /* @__PURE__ */ [].concat(xe, [Te]).reduce(function(e, t) {
+  return e.concat([t, t + "-" + se, t + "-" + $e]);
 }, []), Ht = "beforeRead", Ut = "read", Xt = "afterRead", Yt = "beforeMain", Kt = "main", Gt = "afterMain", Jt = "beforeWrite", Qt = "write", Zt = "afterWrite", Fe = [Ht, Ut, Xt, Yt, Kt, Gt, Jt, Qt, Zt];
-function H(e) {
+function U(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
 }
 function L(e) {
@@ -34,7 +34,7 @@ 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];
-    !z(i) || !H(i) || (Object.assign(i.style, n), Object.keys(o).forEach(function(a) {
+    !z(i) || !U(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);
     }));
@@ -58,7 +58,7 @@ function er(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;
       }, {});
-      !z(o) || !H(o) || (Object.assign(o.style, l), Object.keys(i).forEach(function(s) {
+      !z(o) || !U(o) || (Object.assign(o.style, l), Object.keys(i).forEach(function(s) {
         o.removeAttribute(s);
       }));
     });
@@ -128,7 +128,7 @@ function q(e) {
   return L(e).getComputedStyle(e);
 }
 function rr(e) {
-  return ["table", "td", "th"].indexOf(H(e)) >= 0;
+  return ["table", "td", "th"].indexOf(U(e)) >= 0;
 }
 function K(e) {
   return ((oe(e) ? e.ownerDocument : (
@@ -137,7 +137,7 @@ function K(e) {
   )) || window.document).documentElement;
 }
 function ze(e) {
-  return H(e) === "html" ? e : (
+  return U(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]
@@ -160,7 +160,7 @@ function nr(e) {
       return null;
   }
   var o = ze(e);
-  for (Ye(o) && (o = o.host); z(o) && ["html", "body"].indexOf(H(o)) < 0; ) {
+  for (Ye(o) && (o = o.host); z(o) && ["html", "body"].indexOf(U(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;
@@ -171,7 +171,7 @@ function nr(e) {
 function Ce(e) {
   for (var t = L(e), r = pt(e); r && rr(r) && q(r).position === "static"; )
     r = pt(r);
-  return r && (H(r) === "html" || H(r) === "body" && q(r).position === "static") ? t : r || nr(e) || t;
+  return r && (U(r) === "html" || U(r) === "body" && q(r).position === "static") ? t : r || nr(e) || t;
 }
 function Ge(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
@@ -207,8 +207,8 @@ var ir = function(t, r) {
 function ar(e) {
   var t, r = e.state, n = e.name, o = e.options, i = r.elements.arrow, a = r.modifiersData.popperOffsets, l = I(r.placement), s = Ge(l), f = [j, M].indexOf(l) >= 0, p = f ? "height" : "width";
   if (!(!i || !a)) {
-    var h = ir(o.padding, r), y = Ke(i), u = s === "y" ? R : j, O = s === "y" ? N : M, g = 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, x = g / 2 - v / 2, d = h[u], m = C - y[p] - h[O], c = C / 2 - y[p] / 2 + x, $ = he(d, c, m), E = s;
-    r.modifiersData[n] = (t = {}, t[E] = $, t.centerOffset = $ - c, t);
+    var h = ir(o.padding, r), y = Ke(i), u = s === "y" ? R : j, $ = s === "y" ? N : M, g = 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, x = g / 2 - v / 2, d = h[u], m = C - y[p] - h[$], c = C / 2 - y[p] / 2 + x, O = he(d, c, m), E = s;
+    r.modifiersData[n] = (t = {}, t[E] = O, t.centerOffset = O - c, t);
   }
 }
 function sr(e) {
@@ -247,7 +247,7 @@ function fr(e) {
   };
 }
 function ft(e) {
-  var t, r = e.popper, n = e.popperRect, o = e.placement, i = e.variation, a = e.offsets, l = e.position, s = e.gpuAcceleration, f = e.adaptive, p = e.roundOffsets, h = e.isFixed, y = a.x, u = y === void 0 ? 0 : y, O = a.y, g = O === void 0 ? 0 : O, v = typeof p == "function" ? p({
+  var t, r = e.popper, n = e.popperRect, o = e.placement, i = e.variation, a = e.offsets, l = e.position, s = e.gpuAcceleration, f = e.adaptive, p = e.roundOffsets, h = e.isFixed, y = a.x, u = y === void 0 ? 0 : y, $ = a.y, g = $ === void 0 ? 0 : $, v = typeof p == "function" ? p({
     x: u,
     y: g
   }) : {
@@ -257,16 +257,16 @@ function ft(e) {
   u = v.x, g = v.y;
   var w = a.hasOwnProperty("x"), C = a.hasOwnProperty("y"), x = j, d = R, m = window;
   if (f) {
-    var c = Ce(r), $ = "clientHeight", E = "clientWidth";
-    if (c === L(r) && (c = K(r), q(c).position !== "static" && l === "absolute" && ($ = "scrollHeight", E = "scrollWidth")), c = c, o === R || (o === j || o === M) && i === Oe) {
+    var c = Ce(r), O = "clientHeight", E = "clientWidth";
+    if (c === L(r) && (c = K(r), q(c).position !== "static" && l === "absolute" && (O = "scrollHeight", E = "scrollWidth")), c = c, o === R || (o === j || o === M) && i === $e) {
       d = N;
       var S = h && c === m && m.visualViewport ? m.visualViewport.height : (
         // $FlowFixMe[prop-missing]
-        c[$]
+        c[O]
       );
       g -= S - n.height, g *= s ? 1 : -1;
     }
-    if (o === j || (o === R || o === N) && i === Oe) {
+    if (o === j || (o === R || o === N) && i === $e) {
       x = M;
       var k = h && c === m && m.visualViewport ? m.visualViewport.width : (
         // $FlowFixMe[prop-missing]
@@ -411,7 +411,7 @@ function Ze(e) {
   return /auto|scroll|overlay|hidden/.test(r + o + n);
 }
 function kt(e) {
-  return ["html", "body", "#document"].indexOf(H(e)) >= 0 ? e.ownerDocument.body : z(e) && Ze(e) ? e : kt(ze(e));
+  return ["html", "body", "#document"].indexOf(U(e)) >= 0 ? e.ownerDocument.body : z(e) && Ze(e) ? e : kt(ze(e));
 }
 function ge(e, t) {
   var r;
@@ -435,15 +435,15 @@ function yr(e, t) {
   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 dt(e, t, r) {
-  return t === Ot ? He(mr(e, r)) : oe(t) ? yr(t, r) : He(br(K(e)));
+  return t === $t ? He(mr(e, r)) : oe(t) ? yr(t, r) : He(br(K(e)));
 }
 function wr(e) {
   var t = ge(ze(e)), r = ["absolute", "fixed"].indexOf(q(e).position) >= 0, n = r && z(e) ? Ce(e) : e;
   return oe(n) ? t.filter(function(o) {
-    return oe(o) && Ct(o, n) && H(o) !== "body";
+    return oe(o) && Ct(o, n) && U(o) !== "body";
   }) : [];
 }
-function Or(e, t, r, n) {
+function $r(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 = dt(e, f, n);
     return s.top = ne(p.top, s.top), s.right = je(p.right, s.right), s.bottom = je(p.bottom, s.bottom), s.left = ne(p.left, s.left), s;
@@ -490,21 +490,21 @@ function Bt(e) {
       case se:
         s[f] = s[f] - (t[p] / 2 - r[p] / 2);
         break;
-      case Oe:
+      case $e:
         s[f] = s[f] + (t[p] / 2 - r[p] / 2);
         break;
     }
   }
   return s;
 }
-function $e(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 ? Ft : l, f = r.rootBoundary, p = f === void 0 ? Ot : f, h = r.elementContext, y = h === void 0 ? ve : h, u = r.altBoundary, O = u === void 0 ? !1 : u, g = r.padding, v = g === void 0 ? 0 : g, w = Et(typeof v != "number" ? v : St(v, xe)), C = y === ve ? Wt : ve, x = e.rects.popper, d = e.elements[O ? C : y], m = Or(oe(d) ? d : d.contextElement || K(e.elements.popper), s, p, a), c = pe(e.elements.reference), $ = Bt({
+  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 ? $t : f, h = r.elementContext, y = h === void 0 ? ve : h, u = r.altBoundary, $ = u === void 0 ? !1 : u, g = r.padding, v = g === void 0 ? 0 : g, w = Et(typeof v != "number" ? v : St(v, xe)), C = y === ve ? Wt : ve, x = e.rects.popper, d = e.elements[$ ? C : y], m = $r(oe(d) ? d : d.contextElement || K(e.elements.popper), s, p, a), c = pe(e.elements.reference), O = Bt({
     reference: c,
     element: x,
     strategy: "absolute",
     placement: o
-  }), E = He(Object.assign({}, x, $)), S = y === ve ? E : c, k = {
+  }), E = He(Object.assign({}, x, O)), S = y === ve ? E : c, k = {
     top: m.top - S.top + w.top,
     bottom: S.bottom - m.bottom + w.bottom,
     left: m.left - S.left + w.left,
@@ -519,24 +519,24 @@ function $e(e, t) {
   }
   return k;
 }
-function $r(e, t) {
+function Or(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 ? $t : s, p = fe(n), h = p ? l ? lt : lt.filter(function(O) {
-    return fe(O) === p;
-  }) : xe, y = h.filter(function(O) {
-    return f.indexOf(O) >= 0;
+  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 = fe(n), h = p ? l ? lt : lt.filter(function($) {
+    return fe($) === p;
+  }) : xe, y = h.filter(function($) {
+    return f.indexOf($) >= 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, g) {
-    return O[g] = $e(e, {
+  var u = y.reduce(function($, g) {
+    return $[g] = Oe(e, {
       placement: g,
       boundary: o,
       rootBoundary: i,
       padding: a
-    })[I(g)], O;
+    })[I(g)], $;
   }, {});
-  return Object.keys(u).sort(function(O, g) {
-    return u[O] - u[g];
+  return Object.keys(u).sort(function($, g) {
+    return u[$] - u[g];
   });
 }
 function xr(e) {
@@ -548,17 +548,17 @@ function xr(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, g = r.allowedAutoPlacements, v = t.options.placement, w = I(v), C = w === v, x = s || (C || !O ? [Ae(v)] : xr(v)), d = [v].concat(x).reduce(function(ie, X) {
-      return ie.concat(I(X) === Te ? $r(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, $ = u === void 0 ? !0 : u, g = r.allowedAutoPlacements, v = t.options.placement, w = I(v), C = w === v, x = s || (C || !$ ? [Ae(v)] : xr(v)), d = [v].concat(x).reduce(function(ie, X) {
+      return ie.concat(I(X) === Te ? Or(t, {
         placement: X,
         boundary: p,
         rootBoundary: h,
         padding: f,
-        flipVariations: O,
+        flipVariations: $,
         allowedAutoPlacements: g
       }) : X);
-    }, []), m = t.rects.reference, c = t.rects.popper, $ = /* @__PURE__ */ new Map(), E = !0, S = d[0], k = 0; k < d.length; k++) {
-      var b = d[k], D = I(b), A = fe(b) === se, G = [R, N].indexOf(D) >= 0, J = G ? "width" : "height", T = $e(t, {
+    }, []), m = t.rects.reference, c = t.rects.popper, O = /* @__PURE__ */ new Map(), E = !0, S = d[0], k = 0; k < d.length; k++) {
+      var b = d[k], D = I(b), A = fe(b) === se, G = [R, N].indexOf(D) >= 0, J = G ? "width" : "height", T = Oe(t, {
         placement: b,
         boundary: p,
         rootBoundary: h,
@@ -573,12 +573,12 @@ function Cr(e) {
         S = b, E = !1;
         break;
       }
-      $.set(b, Q);
+      O.set(b, Q);
     }
     if (E)
-      for (var Ee = O ? 3 : 1, Me = function(X) {
+      for (var Ee = $ ? 3 : 1, Me = function(X) {
         var de = d.find(function(ke) {
-          var Z = $.get(ke);
+          var Z = O.get(ke);
           if (Z)
             return Z.slice(0, X).every(function(Le) {
               return Le;
@@ -621,9 +621,9 @@ function vt(e) {
   });
 }
 function Er(e) {
-  var t = e.state, r = e.name, n = t.rects.reference, o = t.rects.popper, i = t.modifiersData.preventOverflow, a = $e(t, {
+  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 = $e(t, {
+  }), l = Oe(t, {
     altBoundary: !0
   }), s = ct(a, n), f = ct(l, o, i), p = vt(s), h = vt(f);
   t.modifiersData[r] = {
@@ -656,7 +656,7 @@ function kr(e, t, r) {
   };
 }
 function Br(e) {
-  var t = e.state, r = e.options, n = e.name, o = r.offset, i = o === void 0 ? [0, 0] : o, a = $t.reduce(function(p, h) {
+  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;
@@ -688,12 +688,12 @@ function jr(e) {
   return e === "x" ? "y" : "x";
 }
 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, g = O === void 0 ? 0 : O, v = $e(t, {
+  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, $ = r.tetherOffset, g = $ === void 0 ? 0 : $, v = Oe(t, {
     boundary: s,
     rootBoundary: f,
     padding: h,
     altBoundary: p
-  }), w = I(t.placement), C = fe(t.placement), x = !C, d = Ge(w), m = jr(d), c = t.modifiersData.popperOffsets, $ = t.rects.reference, E = t.rects.popper, S = typeof g == "function" ? g(Object.assign({}, t.rects, {
+  }), w = I(t.placement), C = fe(t.placement), x = !C, d = Ge(w), m = jr(d), c = t.modifiersData.popperOffsets, O = t.rects.reference, E = t.rects.popper, S = typeof g == "function" ? g(Object.assign({}, t.rects, {
     placement: t.placement
   })) : g, k = typeof S == "number" ? {
     mainAxis: S,
@@ -707,14 +707,14 @@ function Tr(e) {
   };
   if (c) {
     if (i) {
-      var A, G = d === "y" ? R : j, J = d === "y" ? N : M, T = d === "y" ? "height" : "width", V = c[d], Pe = V + v[G], Q = V - v[J], Ee = u ? -E[T] / 2 : 0, Me = C === se ? $[T] : E[T], ue = C === se ? -E[T] : -$[T], Se = t.elements.arrow, ie = u && Se ? Ke(Se) : {
+      var A, G = d === "y" ? R : j, J = d === "y" ? N : M, T = d === "y" ? "height" : "width", V = c[d], Pe = V + v[G], Q = V - v[J], Ee = u ? -E[T] / 2 : 0, Me = C === se ? O[T] : E[T], ue = C === se ? -E[T] : -O[T], Se = t.elements.arrow, ie = u && Se ? Ke(Se) : {
         width: 0,
         height: 0
-      }, X = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Pt(), de = X[G], ke = X[J], Z = he(0, $[T], ie[T]), Le = x ? $[T] / 2 - Ee - Z - de - k.mainAxis : Me - Z - de - k.mainAxis, Rt = x ? -$[T] / 2 + Ee + Z + ke + k.mainAxis : ue + Z + ke + k.mainAxis, Ve = t.elements.arrow && Ce(t.elements.arrow), jt = Ve ? d === "y" ? Ve.clientTop || 0 : Ve.clientLeft || 0 : 0, _e = (A = b == null ? void 0 : b[d]) != null ? A : 0, Tt = V + Le - _e - jt, zt = V + Rt - _e, et = he(u ? je(Pe, Tt) : Pe, V, u ? ne(Q, zt) : Q);
+      }, X = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Pt(), de = X[G], ke = X[J], Z = he(0, O[T], ie[T]), Le = x ? O[T] / 2 - Ee - Z - de - k.mainAxis : Me - Z - de - k.mainAxis, Rt = x ? -O[T] / 2 + Ee + Z + ke + k.mainAxis : ue + Z + ke + k.mainAxis, Ve = t.elements.arrow && Ce(t.elements.arrow), jt = Ve ? d === "y" ? Ve.clientTop || 0 : Ve.clientLeft || 0 : 0, _e = (A = b == null ? void 0 : b[d]) != null ? A : 0, Tt = V + Le - _e - jt, zt = V + Rt - _e, et = he(u ? je(Pe, Tt) : Pe, V, u ? ne(Q, zt) : Q);
       c[d] = et, D[d] = et - V;
     }
     if (l) {
-      var tt, Nt = d === "x" ? R : j, Mt = d === "x" ? N : M, _ = c[m], Be = m === "y" ? "height" : "width", rt = _ + v[Nt], nt = _ - v[Mt], Ie = [R, j].indexOf(w) !== -1, ot = (tt = b == null ? void 0 : b[m]) != null ? tt : 0, it = Ie ? rt : _ - $[Be] - E[Be] - ot + k.altAxis, at = Ie ? _ + $[Be] + E[Be] - ot - k.altAxis : nt, st = u && Ie ? or(it, _, at) : he(u ? it : rt, _, u ? at : nt);
+      var tt, Nt = d === "x" ? R : j, Mt = d === "x" ? N : M, _ = c[m], Be = m === "y" ? "height" : "width", rt = _ + v[Nt], nt = _ - v[Mt], Ie = [R, j].indexOf(w) !== -1, ot = (tt = b == null ? void 0 : b[m]) != null ? tt : 0, it = Ie ? rt : _ - O[Be] - E[Be] - ot + k.altAxis, at = Ie ? _ + O[Be] + E[Be] - ot - k.altAxis : nt, st = u && Ie ? or(it, _, at) : he(u ? it : rt, _, u ? at : nt);
       c[m] = st, D[m] = st - _;
     }
     t.modifiersData[n] = D;
@@ -749,7 +749,7 @@ function Vr(e, t, r) {
     x: 0,
     y: 0
   };
-  return (n || !n && !r) && ((H(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  return (n || !n && !r) && ((U(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
   Ze(i)) && (l = Mr(t)), z(t) ? (s = pe(t, !0), s.x += t.clientLeft, s.y += t.clientTop) : i && (s.x = Qe(i))), {
     x: a.left + l.scrollLeft - s.x,
     y: a.top + l.scrollTop - s.y,
@@ -916,12 +916,12 @@ function Kr(e) {
             });
             m || console.error(['Popper: "auto" placements require the "flip" modifier be', "present and enabled to work."].join(" "));
           }
-          var c = q(s), $ = c.marginTop, E = c.marginRight, S = c.marginBottom, k = c.marginLeft;
-          [$, E, S, k].some(function(b) {
+          var c = q(s), O = c.marginTop, E = c.marginRight, S = c.marginBottom, k = c.marginLeft;
+          [O, 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();
+        return $(), 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
@@ -950,8 +950,8 @@ function Kr(e) {
               p.reset = !1, m = -1;
               continue;
             }
-            var c = p.orderedModifiers[m], $ = c.fn, E = c.options, S = E === void 0 ? {} : E, k = c.name;
-            typeof $ == "function" && (p = $({
+            var c = p.orderedModifiers[m], O = c.fn, E = c.options, S = E === void 0 ? {} : E, k = c.name;
+            typeof O == "function" && (p = O({
               state: p,
               options: S,
               name: k,
@@ -976,7 +976,7 @@ function Kr(e) {
     u.setOptions(f).then(function(v) {
       !y && f.onFirstUpdate && f.onFirstUpdate(v);
     });
-    function O() {
+    function $() {
       p.orderedModifiers.forEach(function(v) {
         var w = v.name, C = v.options, x = C === void 0 ? {} : C, d = v.effect;
         if (typeof d == "function") {
@@ -1002,24 +1002,45 @@ function Kr(e) {
 var Gr = [vr, Rr, dr, tr, Dr, Pr, zr, lr, Sr], Jr = /* @__PURE__ */ Kr({
   defaultModifiers: Gr
 });
-const Qr = {
+const Qr = F({
   props: {
+    /**
+     * The generic component prefix.
+     */
     componentPrefix: String,
+    /**
+     * The size name.
+     */
     size: String,
+    /**
+     * The sizable prefix. Should use to component prefix, unless the
+     * sizeable prefix is different than the component prefix.
+     */
     sizePrefix: String
   },
   computed: {
+    /**
+     * The computed sizeable class prefix.
+     */
     sizeableClassPrefix() {
       return this.sizePrefix || this.componentPrefix;
     },
+    /**
+     * Determines if the size already has the prefix.
+     */
     hasSizeablePrefix() {
-      return this.size === void 0 ? !1 : !!this.size.match(new RegExp(`^${this.sizeableClassPrefix}`));
+      return this.size === void 0 ? !1 : !!this.size.match(
+        new RegExp(`^${this.sizeableClassPrefix}`)
+      );
     },
+    /**
+     * The size classes that get injected into the DOM.
+     */
     sizeableClass() {
       return this.size ? !this.sizeableClassPrefix || this.hasSizeablePrefix ? this.size : `${this.sizeableClassPrefix}-${this.size}` : "";
     }
   }
-}, Zr = {
+}), Zr = {
   props: {
     componentPrefix: String,
     variant: String,
@@ -1030,14 +1051,19 @@ const Qr = {
       return this.variantPrefix || this.componentPrefix;
     },
     hasVariantPrefix() {
-      return this.variant === void 0 ? !1 : !!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}` : "";
     }
   }
-}, _r = U({
-  mixins: [Qr, Zr],
+}, _r = F({
+  mixins: [
+    Qr,
+    Zr
+  ],
   props: {
     active: Boolean,
     block: Boolean,
@@ -1056,7 +1082,14 @@ const Qr = {
   },
   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";
@@ -1072,16 +1105,20 @@ const Qr = {
   return r;
 };
 function tn(e, t, r, n, o, i) {
-  return W(), te(Ue(e.component), me(e.$attrs, {
+  return H(), te(Ue(e.component), me(e.$attrs, {
     disabled: e.disabled,
     class: e.classes,
     role: "button"
   }), {
-    default: B(() => [P(e.$slots, "default", {}, () => [be(ye(e.label), 1)])]),
+    default: B(() => [
+      P(e.$slots, "default", {}, () => [
+        be(ye(e.label), 1)
+      ])
+    ]),
     _: 3
   }, 16, ["disabled", "class"]);
 }
-const rn = /* @__PURE__ */ en(_r, [["render", tn]]), nn = U({
+const rn = /* @__PURE__ */ en(_r, [["render", tn]]), nn = F({
   props: {
     componentPrefix: String,
     size: String,
@@ -1092,15 +1129,19 @@ const rn = /* @__PURE__ */ en(_r, [["render", tn]]), nn = U({
       return this.sizePrefix || this.componentPrefix;
     },
     hasSizeablePrefix() {
-      return this.size === void 0 ? !1 : !!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}` : "";
     }
   }
-}), on = U({
+}), on = F({
   name: "BtnGroup",
-  mixins: [nn],
+  mixins: [
+    nn
+  ],
   props: {
     /**
      * The size prefix.
@@ -1143,14 +1184,16 @@ const rn = /* @__PURE__ */ en(_r, [["render", tn]]), nn = U({
   return r;
 }, sn = ["data-toggle"];
 function ln(e, t, r, n, o, i) {
-  return W(), Xe("div", {
-    class: F(e.classes),
+  return H(), Xe("div", {
+    class: W(e.classes),
     "data-toggle": e.toggle ? "buttons" : !1,
     role: "group"
-  }, [P(e.$slots, "default")], 10, sn);
+  }, [
+    P(e.$slots, "default")
+  ], 10, sn);
 }
 const pn = /* @__PURE__ */ an(on, [["render", ln]]);
-U({
+F({
   name: "BtnGroupToggle"
 });
 function qe(e, t) {
@@ -1158,15 +1201,13 @@ function qe(e, t) {
 }
 function Dt(e) {
   for (const t of e) {
-    t.type === Vt && Dt(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 === Vt && Dt(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$/) ? qe(t, "dropdown-header") : t.type === "hr" && !n ? (t.type = "div", qe(t, "dropdown-divider")) : !r && !n && qe(t, "dropdown-item");
   }
   return e;
 }
-const fn = (e, t) => Lt("div", {}, Dt(t.slots.default())), un = U({
+const fn = (e, t) => Lt("div", {}, Dt(t.slots.default())), un = F({
   name: "DropdownMenu",
   components: {
     DropdownMenuItems: fn
@@ -1199,19 +1240,23 @@ const fn = (e, t) => Lt("div", {}, Dt(t.slots.default())), un = U({
 }, cn = ["aria-labelledby"];
 function vn(e, t, r, n, o, i) {
   const a = re("dropdown-menu-items");
-  return W(), Xe("div", {
-    class: F(["dropdown-menu", {
+  return H(), Xe("div", {
+    class: W(["dropdown-menu", {
       "dropdown-menu-left": e.align === "left",
       "dropdown-menu-right": e.align === "right",
       show: e.show
     }]),
     "aria-labelledby": e.$attrs.id
-  }, [we(a, null, {
-    default: B(() => [P(e.$slots, "default")]),
-    _: 3
-  })], 10, cn);
+  }, [
+    we(a, null, {
+      default: B(() => [
+        P(e.$slots, "default")
+      ]),
+      _: 3
+    })
+  ], 10, cn);
 }
-const hn = /* @__PURE__ */ dn(un, [["render", vn]]), gn = U({
+const hn = /* @__PURE__ */ dn(un, [["render", vn]]), gn = F({
   props: {
     expanded: {
       type: Boolean,
@@ -1242,7 +1287,7 @@ const hn = /* @__PURE__ */ dn(un, [["render", vn]]), gn = U({
   return r;
 };
 function mn(e, t, r, n, o, i) {
-  return W(), te(Ue(e.is), me({ id: e.id }, e.to ? { to: e.to } : { href: e.href }, {
+  return H(), te(Ue(e.is), me({ id: e.id }, e.to ? { to: e.to } : { href: e.href }, {
     "aria-haspopup": "true",
     "aria-expanded": e.expanded,
     type: e.is === "button" ? "button" : void 0
@@ -1253,19 +1298,13 @@ function mn(e, t, r, n, o, i) {
     _: 3
   }, 16, ["id", "aria-expanded", "type"]);
 }
-const bn = /* @__PURE__ */ Ne(gn, [["render", mn]]), At = {
+const bn = /* @__PURE__ */ Ne(gn, [["render", mn]]), At = F({
   components: {
     BtnDropdownAction: bn,
     BtnGroup: pn,
     DropdownMenu: hn
   },
   extends: rn,
-  emits: [
-    "click-toggle",
-    "show",
-    "hide",
-    "toggle"
-  ],
   props: {
     /**
      * Display the dropdown menu aligned left or right
@@ -1408,6 +1447,12 @@ const bn = /* @__PURE__ */ Ne(gn, [["render", mn]]), At = {
      */
     width: String
   },
+  emits: [
+    "click-toggle",
+    "show",
+    "hide",
+    "toggle"
+  ],
   data() {
     return {
       popper: null,
@@ -1491,6 +1536,15 @@ const bn = /* @__PURE__ */ Ne(gn, [["render", mn]]), At = {
       });
     }
   },
+  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);
+      });
+    }
+  },
   beforeUnmount() {
     this.popper && this.popper.destroy();
   },
@@ -1501,7 +1555,8 @@ const bn = /* @__PURE__ */ Ne(gn, [["render", mn]]), At = {
      * @return void
      */
     focus() {
-      this.$el.querySelector(".dropdown-toggle").focus();
+      var e;
+      (e = this.$el) == null || e.querySelector(".dropdown-toggle").focus();
     },
     /**
      * Focus on the the dropdown toggle button
@@ -1509,7 +1564,8 @@ const bn = /* @__PURE__ */ Ne(gn, [["render", mn]]), At = {
      * @return void
      */
     queryFocusable() {
-      return this.$el.querySelector(".dropdown-menu").querySelectorAll('label, input, select, textarea, [tabindex]:not([tabindex="-1"])');
+      var e;
+      return (e = this.$el) == null ? void 0 : e.querySelector(".dropdown-menu").querySelectorAll('label, input, select, textarea, [tabindex]:not([tabindex="-1"])');
     },
     /**
      * Method to check if the given element is focusable.
@@ -1537,9 +1593,10 @@ const bn = /* @__PURE__ */ Ne(gn, [["render", mn]]), At = {
      * @return void
      */
     show() {
+      var t, r;
       this.expanded = !0;
-      const e = this.$refs.split && this.$refs.split.$el || this.$el;
-      !this.nav && !this.popper ? this.popper = Jr(e, this.$refs.menu.$el, {
+      const e = this.$refs.split && ((t = this.$refs.split) == null ? void 0 : t.$el) || this.$el;
+      !this.nav && !this.popper ? this.popper = Jr(e, (r = this.$refs.menu) == null ? void 0 : r.$el, {
         placement: `${this.placement}-${this.align === "left" ? "start" : "end"}`,
         onFirstUpdate: () => {
           this.triggerAnimation = this.animated;
@@ -1569,10 +1626,11 @@ const bn = /* @__PURE__ */ Ne(gn, [["render", mn]]), At = {
      * @return void
      */
     onBlur(e) {
-      (!this.$refs.menu.$el.contains(e.relatedTarget) || !this.$el.contains(e.relatedTarget)) && this.hide();
+      var t;
+      (this.$refs.menu && !((t = this.$refs.menu) != null && t.$el.contains(e.relatedTarget)) || !(this != null && this.$el.contains(e.relatedTarget))) && this.hide();
     },
     onClickDocument(e) {
-      this.$el.contains(e.target) || this.hide();
+      this != null && this.$el.contains(e.target) || this.hide();
     },
     /**
      * A callback function for the `click-item` event.
@@ -1593,25 +1651,16 @@ const bn = /* @__PURE__ */ Ne(gn, [["render", mn]]), At = {
     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);
-      });
-    }
   }
-}, yn = U({
+}), yn = F({
   mixins: [
     At
   ]
 });
 function wn(e, t, r, n, o, i) {
   const a = re("btn-dropdown-action"), l = re("dropdown-menu"), s = re("btn-group");
-  return W(), te(s, {
-    class: F(e.classes)
+  return H(), te(s, {
+    class: W(e.classes)
   }, {
     default: B(() => [
       P(e.$slots, "button", ae(Re(e.scope)), () => [
@@ -1622,7 +1671,7 @@ function wn(e, t, r, n, o, i) {
           href: e.href,
           to: e.to,
           style: It(e.toggleStyle),
-          class: F(e.toggleClasses),
+          class: W(e.toggleClasses),
           onBlur: e.onBlur,
           onClick: e.onClickToggle
         }, {
@@ -1640,7 +1689,7 @@ function wn(e, t, r, n, o, i) {
         ref: "menu",
         align: e.align,
         show: e.expanded,
-        class: F({ animated: e.triggerAnimation }),
+        class: W({ animated: e.triggerAnimation }),
         onBlur: e.onBlur,
         onClick: e.onClickItem,
         onKeydown: yt(e.onKeydown, ["tab"]),
@@ -1656,7 +1705,7 @@ function wn(e, t, r, n, o, i) {
     _: 3
   }, 8, ["class"]);
 }
-const On = /* @__PURE__ */ Ne(yn, [["render", wn]]), $n = U({
+const $n = /* @__PURE__ */ Ne(yn, [["render", wn]]), On = F({
   mixins: [
     At
   ],
@@ -1666,19 +1715,19 @@ const On = /* @__PURE__ */ Ne(yn, [["render", wn]]), $n = U({
 }), xn = ["id", "aria-expanded"];
 function Cn(e, t, r, n, o, i) {
   const a = re("btn-dropdown-action"), l = re("dropdown-menu"), s = re("btn-group");
-  return W(), te(s, {
-    class: F([e.classes, "btn-dropdown-split"])
+  return H(), te(s, {
+    class: W([e.classes, "btn-dropdown-split"])
   }, {
     default: B(() => [
       e.dropleft ? ce("", !0) : P(e.$slots, "button", ae(me({ key: 0 }, e.scope)), () => [
-        e.dropleft ? ce("", !0) : (W(), te(a, {
+        e.dropleft ? ce("", !0) : (H(), te(a, {
           key: 0,
           id: e.$attrs.id,
           ref: "button",
           expanded: e.expanded,
           href: e.href,
           to: e.to,
-          class: F(e.actionClasses),
+          class: W(e.actionClasses),
           onClick: t[0] || (t[0] = (f) => e.$emit("click", f))
         }, {
           default: B(() => [
@@ -1693,13 +1742,13 @@ function Cn(e, t, r, n, o, i) {
       we(s, { ref: "split" }, {
         default: B(() => [
           P(e.$slots, "split", ae(Re(e.scope)), () => [
-            e.split ? (W(), Xe("button", {
+            e.split ? (H(), Xe("button", {
               key: 0,
               id: e.$attrs.id,
               type: "button",
               "aria-haspopup": "true",
               "aria-expanded": e.expanded,
-              class: F(e.toggleClasses),
+              class: W(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, xn)) : ce("", !0)
@@ -1709,7 +1758,7 @@ function Cn(e, t, r, n, o, i) {
             ref: "menu",
             align: e.align,
             show: e.expanded,
-            class: F({ animated: e.triggerAnimation }),
+            class: W({ animated: e.triggerAnimation }),
             onBlur: e.onBlur,
             onClick: e.onClickItem,
             onKeydown: yt(e.onKeydown, ["tab"]),
@@ -1725,14 +1774,14 @@ function Cn(e, t, r, n, o, i) {
         _: 3
       }, 512),
       e.dropleft ? P(e.$slots, "button", ae(me({ key: 1 }, e.scope)), () => [
-        e.dropleft ? (W(), te(a, {
+        e.dropleft ? (H(), te(a, {
           key: 0,
           id: e.$attrs.id,
           ref: "button",
           expanded: e.expanded,
           href: e.href,
           to: e.to,
-          class: F(e.actionClasses),
+          class: W(e.actionClasses),
           onClick: t[4] || (t[4] = (f) => e.$emit("click", f))
         }, {
           default: B(() => [
@@ -1748,11 +1797,11 @@ function Cn(e, t, r, n, o, i) {
     _: 3
   }, 8, ["class"]);
 }
-const Pn = /* @__PURE__ */ Ne($n, [["render", Cn]]), En = U({
+const Pn = /* @__PURE__ */ Ne(On, [["render", Cn]]), En = F({
   name: "BtnDropdown",
   components: {
     BtnDropdownSplit: Pn,
-    BtnDropdownSingle: On
+    BtnDropdownSingle: $n
   },
   inheritAttrs: !1,
   emits: [
@@ -1765,7 +1814,7 @@ const Pn = /* @__PURE__ */ Ne($n, [["render", Cn]]), En = U({
   ]
 });
 function Sn(e, t, r, n, o, i) {
-  return W(), te(Ue(e.$attrs.split === void 0 || e.$attrs.nav ? "btn-dropdown-single" : "btn-dropdown-split"), me({ class: "btn-dropdown" }, e.$attrs, {
+  return H(), te(Ue(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)),