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

package/dist/btn-dropdown.es.js

@@ -131,13 +131,26 @@ function rr(e) {
   return ["table", "td", "th"].indexOf(H(e)) >= 0;
 }
 function Y(e) {
-  return ((ne(e) ? e.ownerDocument : e.document) || window.document).documentElement;
+  return ((ne(e) ? e.ownerDocument : (
+    // $FlowFixMe[prop-missing]
+    e.document
+  )) || window.document).documentElement;
 }
 function ze(e) {
-  return H(e) === "html" ? e : e.assignedSlot || e.parentNode || (Xe(e) ? e.host : null) || Y(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 !z(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 nr(e) {
   var t = /firefox/i.test(Fe()), r = /Trident/i.test(Fe());
@@ -247,12 +260,18 @@ function pt(e) {
     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 : c[x];
+      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 === we) {
       $ = M;
-      var k = h && c === g && g.visualViewport ? g.visualViewport.width : c[E];
+      var k = h && c === g && g.visualViewport ? g.visualViewport.width : (
+        // $FlowFixMe[prop-missing]
+        c[E]
+      );
       u -= k - n.width, u *= s ? 1 : -1;
     }
   }
@@ -398,7 +417,10 @@ function he(e, t) {
   var r;
   t === void 0 && (t = []);
   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 : l.concat(he(ze(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, {
@@ -683,7 +705,7 @@ function Tr(e) {
     x: 0,
     y: 0
   };
-  if (!!c) {
+  if (c) {
     if (i) {
       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,
@@ -727,7 +749,8 @@ function Lr(e, t, r) {
     x: 0,
     y: 0
   };
-  return (n || !n && !r) && ((H(t) !== "body" || Qe(i)) && (l = Mr(t)), z(t) ? (s = le(t, !0), s.x += t.clientLeft, s.y += t.clientTop) : i && (s.x = Je(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,
@@ -900,6 +923,11 @@ function Kr(e) {
         }
         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;
@@ -932,6 +960,8 @@ function Kr(e) {
           }
         }
       },
+      // 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);
@@ -1127,6 +1157,11 @@ const fn = (e, t) => It("div", {}, Bt(t.slots.default())), un = fn, Ce = (e, t)
     DropdownMenuItems: un
   },
   props: {
+    /**
+     * Display the dropdown menu aligned left or right
+     *
+     * @property String
+     */
     align: {
       type: String,
       default: "left",
@@ -1134,6 +1169,11 @@ const fn = (e, t) => It("div", {}, Bt(t.slots.default())), un = fn, Ce = (e, t)
         return ["left", "right"].indexOf(e.toLowerCase()) !== -1;
       }
     },
+    /**
+     * The default visibility of the dropdown menu.
+     *
+     * @property Object
+     */
     show: Boolean
   }
 }, cn = ["aria-labelledby"];
@@ -1194,6 +1234,11 @@ const bn = /* @__PURE__ */ Ce(mn, [["render", gn]]), Dt = {
   extends: rn,
   emits: ["click-toggle", "show", "hide", "toggle"],
   props: {
+    /**
+     * Display the dropdown menu aligned left or right
+     *
+     * @property String
+     */
     align: {
       type: String,
       default: "left",
@@ -1201,48 +1246,133 @@ const bn = /* @__PURE__ */ Ce(mn, [["render", gn]]), Dt = {
         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() {
@@ -1255,6 +1385,7 @@ const bn = /* @__PURE__ */ Ce(mn, [["render", gn]]), Dt = {
   computed: {
     scope() {
       return {
+        // Pass the computed props.
         placement: this.placement,
         variantClassPrefix: this.variantClassPrefix,
         sizeableClassPrefix: this.sizeableClassPrefix,
@@ -1262,6 +1393,7 @@ const bn = /* @__PURE__ */ Ce(mn, [["render", gn]]), Dt = {
         actionClasses: this.actionClasses,
         toggleStyle: this.toggleStyle,
         toggleClasses: this.toggleClasses,
+        // Pass the methods                
         focus: this.focus,
         queryFocusable: this.queryFocusable,
         isFocusable: this.isFocusable,
@@ -1330,12 +1462,27 @@ const bn = /* @__PURE__ */ Ce(mn, [["render", gn]]), Dt = {
     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)
@@ -1343,9 +1490,19 @@ const bn = /* @__PURE__ */ Ce(mn, [["render", gn]]), Dt = {
           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;
@@ -1358,22 +1515,43 @@ const bn = /* @__PURE__ */ Ce(mn, [["render", gn]]), Dt = {
           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.$refs.menu.$el.contains(e.relatedTarget) || !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) {
       e.target.dispatchEvent(new Event("focus", e)), this.$emit("click-toggle", e), e.defaultPrevented || this.toggle();
     },
@@ -1553,7 +1731,7 @@ const En = {
   ]
 };
 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, {
+  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)),

package/dist/btn-dropdown.umd.js

@@ -2,4 +2,4 @@
 
 `,'Disable the "computeStyles" modifier\'s `adaptive` option to allow',"for smooth transitions, or remove these properties from the CSS","transition declaration on the popper element if only transitioning","opacity or background-color for example.",`
 
-`,"We recommend using the popper element as a wrapper around an inner","element that can have any CSS property transitioned for animations."].join(" "))}var f={placement:M(t.placement),variation:ne(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:o,isFixed:t.options.strategy==="fixed"};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,Ke(Object.assign({},f,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:s,roundOffsets:l})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,Ke(Object.assign({},f,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}const Lt={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:It,data:{}};var be={passive:!0};function qt(e){var t=e.state,r=e.instance,n=e.options,o=n.scroll,a=o===void 0?!0:o,s=n.resize,p=s===void 0?!0:s,l=V(t.elements.popper),d=[].concat(t.scrollParents.reference,t.scrollParents.popper);return a&&d.forEach(function(f){f.addEventListener("scroll",r.update,be)}),p&&l.addEventListener("resize",r.update,be),function(){a&&d.forEach(function(f){f.removeEventListener("scroll",r.update,be)}),p&&l.removeEventListener("resize",r.update,be)}}const Ft={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:qt,data:{}};var Wt={left:"right",right:"left",bottom:"top",top:"bottom"};function ye(e){return e.replace(/left|right|bottom|top/g,function(t){return Wt[t]})}var Ht={start:"end",end:"start"};function Ge(e){return e.replace(/start|end/g,function(t){return Ht[t]})}function De(e){var t=V(e),r=t.pageXOffset,n=t.pageYOffset;return{scrollLeft:r,scrollTop:n}}function Ae(e){return re(F(e)).left+De(e).scrollLeft}function Ut(e,t){var r=V(e),n=F(e),o=r.visualViewport,a=n.clientWidth,s=n.clientHeight,p=0,l=0;if(o){a=o.width,s=o.height;var d=Fe();(d||!d&&t==="fixed")&&(p=o.offsetLeft,l=o.offsetTop)}return{width:a,height:s,x:p+Ae(e),y:l}}function Xt(e){var t,r=F(e),n=De(e),o=(t=e.ownerDocument)==null?void 0:t.body,a=Y(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),s=Y(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),p=-n.scrollLeft+Ae(e),l=-n.scrollTop;return I(o||r).direction==="rtl"&&(p+=Y(r.clientWidth,o?o.clientWidth:0)-a),{width:a,height:s,x:p,y:l}}function ze(e){var t=I(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function Je(e){return["html","body","#document"].indexOf(q(e))>=0?e.ownerDocument.body:R(e)&&ze(e)?e:Je(ge(e))}function fe(e,t){var r;t===void 0&&(t=[]);var n=Je(e),o=n===((r=e.ownerDocument)==null?void 0:r.body),a=V(n),s=o?[a].concat(a.visualViewport||[],ze(n)?n:[]):n,p=t.concat(s);return o?p:p.concat(fe(ge(s)))}function Re(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Yt(e,t){var r=re(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 Qe(e,t,r){return t===Ie?Re(Ut(e,r)):X(t)?Yt(t,r):Re(Xt(F(e)))}function Kt(e){var t=fe(ge(e)),r=["absolute","fixed"].indexOf(I(e).position)>=0,n=r&&R(e)?le(e):e;return X(n)?t.filter(function(o){return X(o)&&We(o,n)&&q(o)!=="body"}):[]}function Gt(e,t,r,n){var o=t==="clippingParents"?Kt(e):[].concat(t),a=[].concat(o,[r]),s=a[0],p=a.reduce(function(l,d){var f=Qe(e,d,n);return l.top=Y(f.top,l.top),l.right=ve(f.right,l.right),l.bottom=ve(f.bottom,l.bottom),l.left=Y(f.left,l.left),l},Qe(e,s,n));return p.width=p.right-p.left,p.height=p.bottom-p.top,p.x=p.left,p.y=p.top,p}function Ze(e){var t=e.reference,r=e.element,n=e.placement,o=n?M(n):null,a=n?ne(n):null,s=t.x+t.width/2-r.width/2,p=t.y+t.height/2-r.height/2,l;switch(o){case A:l={x:s,y:t.y-r.height};break;case j:l={x:s,y:t.y+t.height};break;case N:l={x:t.x+t.width,y:p};break;case z:l={x:t.x-r.width,y:p};break;default:l={x:t.x,y:t.y}}var d=o?Be(o):null;if(d!=null){var f=d==="y"?"height":"width";switch(a){case ee:l[d]=l[d]-(t[f]/2-r[f]/2);break;case ae:l[d]=l[d]+(t[f]/2-r[f]/2);break}}return l}function de(e,t){t===void 0&&(t={});var r=t,n=r.placement,o=n===void 0?e.placement:n,a=r.strategy,s=a===void 0?e.strategy:a,p=r.boundary,l=p===void 0?vt:p,d=r.rootBoundary,f=d===void 0?Ie:d,v=r.elementContext,w=v===void 0?se:v,c=r.altBoundary,x=c===void 0?!1:c,g=r.padding,m=g===void 0?0:g,C=Xe(typeof m!="number"?m:Ye(m,ie)),P=w===se?gt:se,$=e.rects.popper,u=e.elements[x?P:w],b=Gt(X(u)?u:u.contextElement||F(e.elements.popper),l,f,s),h=re(e.elements.reference),O=Ze({reference:h,element:$,strategy:"absolute",placement:o}),S=Re(Object.assign({},$,O)),k=w===se?S:h,E={top:b.top-k.top+C.top,bottom:k.bottom-b.bottom+C.bottom,left:b.left-k.left+C.left,right:k.right-b.right+C.right},y=e.modifiersData.offset;if(w===se&&y){var B=y[o];Object.keys(E).forEach(function(D){var G=[N,j].indexOf(D)>=0?1:-1,J=[A,j].indexOf(D)>=0?"y":"x";E[D]+=B[J]*G})}return E}function Jt(e,t){t===void 0&&(t={});var r=t,n=r.placement,o=r.boundary,a=r.rootBoundary,s=r.padding,p=r.flipVariations,l=r.allowedAutoPlacements,d=l===void 0?qe:l,f=ne(n),v=f?p?Le:Le.filter(function(x){return ne(x)===f}):ie,w=v.filter(function(x){return d.indexOf(x)>=0});w.length===0&&(w=v,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 c=w.reduce(function(x,g){return x[g]=de(e,{placement:g,boundary:o,rootBoundary:a,padding:s})[M(g)],x},{});return Object.keys(c).sort(function(x,g){return c[x]-c[g]})}function Qt(e){if(M(e)===me)return[];var t=ye(e);return[Ge(e),t,Ge(t)]}function Zt(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,a=o===void 0?!0:o,s=r.altAxis,p=s===void 0?!0:s,l=r.fallbackPlacements,d=r.padding,f=r.boundary,v=r.rootBoundary,w=r.altBoundary,c=r.flipVariations,x=c===void 0?!0:c,g=r.allowedAutoPlacements,m=t.options.placement,C=M(m),P=C===m,$=l||(P||!x?[ye(m)]:Qt(m)),u=[m].concat($).reduce(function(oe,H){return oe.concat(M(H)===me?Jt(t,{placement:H,boundary:f,rootBoundary:v,padding:d,flipVariations:x,allowedAutoPlacements:g}):H)},[]),b=t.rects.reference,h=t.rects.popper,O=new Map,S=!0,k=u[0],E=0;E<u.length;E++){var y=u[E],B=M(y),D=ne(y)===ee,G=[A,j].indexOf(B)>=0,J=G?"width":"height",T=de(t,{placement:y,boundary:f,rootBoundary:v,altBoundary:w,padding:d}),L=G?D?N:z:D?j:A;b[J]>h[J]&&(L=ye(L));var we=ye(L),Q=[];if(a&&Q.push(T[B]<=0),p&&Q.push(T[L]<=0,T[we]<=0),Q.every(function(oe){return oe})){k=y,S=!1;break}O.set(y,Q)}if(S)for(var Ce=x?3:1,je=function(H){var he=u.find(function(Oe){var Z=O.get(Oe);if(Z)return Z.slice(0,H).every(function(Ne){return Ne})});if(he)return k=he,"break"},ue=Ce;ue>0;ue--){var xe=je(ue);if(xe==="break")break}t.placement!==k&&(t.modifiersData[n]._skip=!0,t.placement=k,t.reset=!0)}}const _t={name:"flip",enabled:!0,phase:"main",fn:Zt,requiresIfExists:["offset"],data:{_skip:!1}};function _e(e,t,r){return r===void 0&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function et(e){return[A,N,j,z].some(function(t){return e[t]>=0})}function er(e){var t=e.state,r=e.name,n=t.rects.reference,o=t.rects.popper,a=t.modifiersData.preventOverflow,s=de(t,{elementContext:"reference"}),p=de(t,{altBoundary:!0}),l=_e(s,n),d=_e(p,o,a),f=et(l),v=et(d);t.modifiersData[r]={referenceClippingOffsets:l,popperEscapeOffsets:d,isReferenceHidden:f,hasPopperEscaped:v},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":f,"data-popper-escaped":v})}const tr={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:er};function rr(e,t,r){var n=M(e),o=[z,A].indexOf(n)>=0?-1:1,a=typeof r=="function"?r(Object.assign({},t,{placement:e})):r,s=a[0],p=a[1];return s=s||0,p=(p||0)*o,[z,N].indexOf(n)>=0?{x:p,y:s}:{x:s,y:p}}function nr(e){var t=e.state,r=e.options,n=e.name,o=r.offset,a=o===void 0?[0,0]:o,s=qe.reduce(function(f,v){return f[v]=rr(v,t.rects,a),f},{}),p=s[t.placement],l=p.x,d=p.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=l,t.modifiersData.popperOffsets.y+=d),t.modifiersData[n]=s}const or={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:nr};function ir(e){var t=e.state,r=e.name;t.modifiersData[r]=Ze({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}const ar={name:"popperOffsets",enabled:!0,phase:"read",fn:ir,data:{}};function sr(e){return e==="x"?"y":"x"}function lr(e){var t=e.state,r=e.options,n=e.name,o=r.mainAxis,a=o===void 0?!0:o,s=r.altAxis,p=s===void 0?!1:s,l=r.boundary,d=r.rootBoundary,f=r.altBoundary,v=r.padding,w=r.tether,c=w===void 0?!0:w,x=r.tetherOffset,g=x===void 0?0:x,m=de(t,{boundary:l,rootBoundary:d,padding:v,altBoundary:f}),C=M(t.placement),P=ne(t.placement),$=!P,u=Be(C),b=sr(u),h=t.modifiersData.popperOffsets,O=t.rects.reference,S=t.rects.popper,k=typeof g=="function"?g(Object.assign({},t.rects,{placement:t.placement})):g,E=typeof k=="number"?{mainAxis:k,altAxis:k}:Object.assign({mainAxis:0,altAxis:0},k),y=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,B={x:0,y:0};if(!!h){if(a){var D,G=u==="y"?A:z,J=u==="y"?j:N,T=u==="y"?"height":"width",L=h[u],we=L+m[G],Q=L-m[J],Ce=c?-S[T]/2:0,je=P===ee?O[T]:S[T],ue=P===ee?-S[T]:-O[T],xe=t.elements.arrow,oe=c&&xe?Ee(xe):{width:0,height:0},H=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:Ue(),he=H[G],Oe=H[J],Z=pe(0,O[T],oe[T]),Ne=$?O[T]/2-Ce-Z-he-E.mainAxis:je-Z-he-E.mainAxis,en=$?-O[T]/2+Ce+Z+Oe+E.mainAxis:ue+Z+Oe+E.mainAxis,Ve=t.elements.arrow&&le(t.elements.arrow),tn=Ve?u==="y"?Ve.clientTop||0:Ve.clientLeft||0:0,st=(D=y==null?void 0:y[u])!=null?D:0,rn=L+Ne-st-tn,nn=L+en-st,lt=pe(c?ve(we,rn):we,L,c?Y(Q,nn):Q);h[u]=lt,B[u]=lt-L}if(p){var pt,on=u==="x"?A:z,an=u==="x"?j:N,_=h[b],$e=b==="y"?"height":"width",ft=_+m[on],dt=_-m[an],Me=[A,z].indexOf(C)!==-1,ct=(pt=y==null?void 0:y[b])!=null?pt:0,ut=Me?ft:_-O[$e]-S[$e]-ct+E.altAxis,ht=Me?_+O[$e]+S[$e]-ct-E.altAxis:dt,mt=c&&Me?zt(ut,_,ht):pe(c?ut:ft,_,c?ht:dt);h[b]=mt,B[b]=mt-_}t.modifiersData[n]=B}}const pr={name:"preventOverflow",enabled:!0,phase:"main",fn:lr,requiresIfExists:["offset"]};function fr(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function dr(e){return e===V(e)||!R(e)?De(e):fr(e)}function cr(e){var t=e.getBoundingClientRect(),r=te(t.width)/e.offsetWidth||1,n=te(t.height)/e.offsetHeight||1;return r!==1||n!==1}function ur(e,t,r){r===void 0&&(r=!1);var n=R(t),o=R(t)&&cr(t),a=F(t),s=re(e,o,r),p={scrollLeft:0,scrollTop:0},l={x:0,y:0};return(n||!n&&!r)&&((q(t)!=="body"||ze(a))&&(p=dr(t)),R(t)?(l=re(t,!0),l.x+=t.clientLeft,l.y+=t.clientTop):a&&(l.x=Ae(a))),{x:s.left+p.scrollLeft-l.x,y:s.top+p.scrollTop-l.y,width:s.width,height:s.height}}function hr(e){var t=new Map,r=new Set,n=[];e.forEach(function(a){t.set(a.name,a)});function o(a){r.add(a.name);var s=[].concat(a.requires||[],a.requiresIfExists||[]);s.forEach(function(p){if(!r.has(p)){var l=t.get(p);l&&o(l)}}),n.push(a)}return e.forEach(function(a){r.has(a.name)||o(a)}),n}function mr(e){var t=hr(e);return Pe.reduce(function(r,n){return r.concat(t.filter(function(o){return o.phase===n}))},[])}function vr(e){var t;return function(){return t||(t=new Promise(function(r){Promise.resolve().then(function(){t=void 0,r(e())})})),t}}function W(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return[].concat(r).reduce(function(o,a){return o.replace(/%s/,a)},e)}var K='Popper: modifier "%s" provided an invalid %s property, expected %s but got %s',gr='Popper: modifier "%s" requires "%s", but "%s" modifier is not available',tt=["name","enabled","phase","fn","effect","requires","options"];function br(e){e.forEach(function(t){[].concat(Object.keys(t),tt).filter(function(r,n,o){return o.indexOf(r)===n}).forEach(function(r){switch(r){case"name":typeof t.name!="string"&&console.error(W(K,String(t.name),'"name"','"string"','"'+String(t.name)+'"'));break;case"enabled":typeof t.enabled!="boolean"&&console.error(W(K,t.name,'"enabled"','"boolean"','"'+String(t.enabled)+'"'));break;case"phase":Pe.indexOf(t.phase)<0&&console.error(W(K,t.name,'"phase"',"either "+Pe.join(", "),'"'+String(t.phase)+'"'));break;case"fn":typeof t.fn!="function"&&console.error(W(K,t.name,'"fn"','"function"','"'+String(t.fn)+'"'));break;case"effect":t.effect!=null&&typeof t.effect!="function"&&console.error(W(K,t.name,'"effect"','"function"','"'+String(t.fn)+'"'));break;case"requires":t.requires!=null&&!Array.isArray(t.requires)&&console.error(W(K,t.name,'"requires"','"array"','"'+String(t.requires)+'"'));break;case"requiresIfExists":Array.isArray(t.requiresIfExists)||console.error(W(K,t.name,'"requiresIfExists"','"array"','"'+String(t.requiresIfExists)+'"'));break;case"options":case"data":break;default:console.error('PopperJS: an invalid property has been provided to the "'+t.name+'" modifier, valid properties are '+tt.map(function(n){return'"'+n+'"'}).join(", ")+'; but "'+r+'" was provided.')}t.requires&&t.requires.forEach(function(n){e.find(function(o){return o.name===n})==null&&console.error(W(gr,String(t.name),n,n))})})})}function yr(e,t){var r=new Set;return e.filter(function(n){var o=t(n);if(!r.has(o))return r.add(o),!0})}function wr(e){var t=e.reduce(function(r,n){var o=r[n.name];return r[n.name]=o?Object.assign({},o,n,{options:Object.assign({},o.options,n.options),data:Object.assign({},o.data,n.data)}):n,r},{});return Object.keys(t).map(function(r){return t[r]})}var rt="Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.",Cr="Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.",nt={placement:"bottom",modifiers:[],strategy:"absolute"};function ot(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return!t.some(function(n){return!(n&&typeof n.getBoundingClientRect=="function")})}function xr(e){e===void 0&&(e={});var t=e,r=t.defaultModifiers,n=r===void 0?[]:r,o=t.defaultOptions,a=o===void 0?nt:o;return function(p,l,d){d===void 0&&(d=a);var f={placement:"bottom",orderedModifiers:[],options:Object.assign({},nt,a),modifiersData:{},elements:{reference:p,popper:l},attributes:{},styles:{}},v=[],w=!1,c={state:f,setOptions:function(C){var P=typeof C=="function"?C(f.options):C;g(),f.options=Object.assign({},a,f.options,P),f.scrollParents={reference:X(p)?fe(p):p.contextElement?fe(p.contextElement):[],popper:fe(l)};var $=mr(wr([].concat(n,f.options.modifiers)));if(f.orderedModifiers=$.filter(function(y){return y.enabled}),process.env.NODE_ENV!=="production"){var u=yr([].concat($,f.options.modifiers),function(y){var B=y.name;return B});if(br(u),M(f.options.placement)===me){var b=f.orderedModifiers.find(function(y){var B=y.name;return B==="flip"});b||console.error(['Popper: "auto" placements require the "flip" modifier be',"present and enabled to work."].join(" "))}var h=I(l),O=h.marginTop,S=h.marginRight,k=h.marginBottom,E=h.marginLeft;[O,S,k,E].some(function(y){return parseFloat(y)})&&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 x(),c.update()},forceUpdate:function(){if(!w){var C=f.elements,P=C.reference,$=C.popper;if(!ot(P,$)){process.env.NODE_ENV!=="production"&&console.error(rt);return}f.rects={reference:ur(P,le($),f.options.strategy==="fixed"),popper:Ee($)},f.reset=!1,f.placement=f.options.placement,f.orderedModifiers.forEach(function(y){return f.modifiersData[y.name]=Object.assign({},y.data)});for(var u=0,b=0;b<f.orderedModifiers.length;b++){if(process.env.NODE_ENV!=="production"&&(u+=1,u>100)){console.error(Cr);break}if(f.reset===!0){f.reset=!1,b=-1;continue}var h=f.orderedModifiers[b],O=h.fn,S=h.options,k=S===void 0?{}:S,E=h.name;typeof O=="function"&&(f=O({state:f,options:k,name:E,instance:c})||f)}}},update:vr(function(){return new Promise(function(m){c.forceUpdate(),m(f)})}),destroy:function(){g(),w=!0}};if(!ot(p,l))return process.env.NODE_ENV!=="production"&&console.error(rt),c;c.setOptions(d).then(function(m){!w&&d.onFirstUpdate&&d.onFirstUpdate(m)});function x(){f.orderedModifiers.forEach(function(m){var C=m.name,P=m.options,$=P===void 0?{}:P,u=m.effect;if(typeof u=="function"){var b=u({state:f,name:C,instance:c,options:$}),h=function(){};v.push(b||h)}})}function g(){v.forEach(function(m){return m()}),v=[]}return c}}var Or=[Ft,ar,Lt,Bt,or,_t,pr,Nt,tr],$r=xr({defaultModifiers:Or});const Pr={props:{componentPrefix:String,size:String,sizePrefix:String},computed:{sizeableClassPrefix(){return this.sizePrefix||this.componentPrefix},hasSizeablePrefix(){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}`:""}}},Sr={props:{componentPrefix:String,variant:String,variantPrefix:String},computed:{variantClassPrefix(){return this.variantPrefix||this.componentPrefix},hasVariantPrefix(){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=i.defineComponent({mixins:[Pr,Sr],props:{active:Boolean,block:Boolean,componentPrefix:{type:String,default:"btn"},disabled:Boolean,label:String,outline:Boolean,tag:String,variant:{type:String,default:"primary"}},computed:{classes(){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"},variantClassPrefix(){return(this.variantPrefix||this.componentPrefix)+(this.outline?"-outline":"")}}}),Er=(e,t)=>{const r=e.__vccOpts||e;for(const[n,o]of t)r[n]=o;return r};function Br(e,t,r,n,o,a){return i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.component),i.mergeProps(e.$attrs,{disabled:e.disabled,class:e.classes,role:"button"}),{default:i.withCtx(()=>[i.renderSlot(e.$slots,"default",{},()=>[i.createTextVNode(i.toDisplayString(e.label),1)])]),_:3},16,["disabled","class"])}const Dr=Er(kr,[["render",Br]]),Ar={props:{componentPrefix:String,size:String,sizePrefix:String},computed:{sizeableClassPrefix(){return this.sizePrefix||this.componentPrefix},hasSizeablePrefix(){return this.size&&!!this.size.match(new RegExp(`^${this.sizeableClassPrefix}`))},sizeableClass(){return this.size?!this.sizeableClassPrefix||this.hasSizeablePrefix?this.size:`${this.sizeableClassPrefix}-${this.size}`:""}}},zr=(e,t)=>{const r=e.__vccOpts||e;for(const[n,o]of t)r[n]=o;return r},Rr={name:"BtnGroup",mixins:[Ar],props:{sizePrefix:{type:String,default(){return"btn-group"}},toggle:Boolean,vertical:Boolean},computed:{classes(){return{"btn-group":!this.vertical,"btn-group-toggle":this.toggle,"btn-group-vertical":this.vertical,[this.sizeableClass]:!!this.size}}}},Tr=["data-toggle"];function jr(e,t,r,n,o,a){return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(a.classes),"data-toggle":r.toggle?"buttons":!1,role:"group"},[i.renderSlot(e.$slots,"default")],10,Tr)}const Nr=zr(Rr,[["render",jr]]);function Te(e,t){e.props.class=`${e.props.class||""} ${t}`.trim()}function it(e){for(const t of e){t.type===i.Fragment&&it(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$/)?Te(t,"dropdown-header"):t.type==="hr"&&!n?(t.type="div",Te(t,"dropdown-divider")):!r&&!n&&Te(t,"dropdown-item")}return e}const Vr=(e,t)=>i.h("div",{},it(t.slots.default())),ce=(e,t)=>{const r=e.__vccOpts||e;for(const[n,o]of t)r[n]=o;return r},Mr={name:"DropdownMenu",components:{DropdownMenuItems:Vr},props:{align:{type:String,default:"left",validate(e){return["left","right"].indexOf(e.toLowerCase())!==-1}},show:Boolean}},Ir=["aria-labelledby"];function Lr(e,t,r,n,o,a){const s=i.resolveComponent("dropdown-menu-items");return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["dropdown-menu",{"dropdown-menu-left":r.align==="left","dropdown-menu-right":r.align==="right",show:r.show}]),"aria-labelledby":e.$attrs.id},[i.createVNode(s,null,{default:i.withCtx(()=>[i.renderSlot(e.$slots,"default",{onClick:t[0]||(t[0]=(...p)=>e.onItemClick&&e.onItemClick(...p))})]),_:3})],10,Ir)}const qr=ce(Mr,[["render",Lr]]),Fr={props:{expanded:{type:Boolean,default:!1},id:String,href:String,to:[String,Object]},computed:{is(){return this.to?"router-link":this.href?"a":"button"}}};function Wr(e,t,r,n,o,a){return i.openBlock(),i.createBlock(i.resolveDynamicComponent(a.is),i.mergeProps({id:r.id},r.to?{to:r.to}:{href:r.href},{"aria-haspopup":"true","aria-expanded":r.expanded,type:a.is==="button"?"button":void 0}),{default:i.withCtx(()=>[i.renderSlot(e.$slots,"default")]),_:3},16,["id","aria-expanded","type"])}const at={components:{BtnDropdownAction:ce(Fr,[["render",Wr]]),BtnGroup:Nr,DropdownMenu:qr},extends:Dr,emits:["click-toggle","show","hide","toggle"],props:{align:{type:String,default:"left",validate(e){return["left","right"].indexOf(e.toLowerCase())!==-1}},animated:{type:Boolean,default:!0},buttonClass:[Object,String],caret:{type:Boolean,default:!0},dropup:{type:Boolean,default:!1},dropright:{type:Boolean,default:!1},dropleft:{type:Boolean,default:!1},height:String,href:String,nav:Boolean,label:String,offset:{type:Number,default:5},rotate:{type:Boolean,default:!1},split:{type:Boolean,default:!1},to:[String,Object],type:{type:String,default:"button"},width:String},data(){return{popper:null,triggerAnimation:!1,expanded:!1}},computed:{scope(){return{placement:this.placement,variantClassPrefix:this.variantClassPrefix,sizeableClassPrefix:this.sizeableClassPrefix,classes:this.classes,actionClasses:this.actionClasses,toggleStyle:this.toggleStyle,toggleClasses:this.toggleClasses,focus:this.focus,queryFocusable:this.queryFocusable,isFocusable:this.isFocusable,toggle:this.toggle,show:this.show,hide:this.hide,onBlur:this.onBlur,onClickItem:this.onClickItem,onClickToggle:this.onClickToggle,expanded:this.expanded}},placement(){return this.dropup?"top":this.dropleft?"left":this.dropright?"right":"bottom"},variantClassPrefix(){return"btn"+(this.outline?"-outline":"")},sizeableClassPrefix(){return"btn"},classes(){return{dropdown:this.dropup&&this.dropright&&this.dropleft,dropup:this.dropup,dropright:this.dropright,dropleft:this.dropleft,"icon-only":!this.nav&&!this.split&&!!this.$slots.icon&&!this.$slots.label,"hide-caret":!this.caret,expanded:this.expanded,"rotate-90":!this.nav&&this.split&&this.rotate&&this.expanded}},actionClasses(){return Object.assign({btn:!this.nav,[this.variantClass]:!this.nav&&!!this.variant,[this.sizeableClass]:!!this.size},typeof this.buttonClass=="object"?this.buttonClass:{[this.buttonClass]:!!this.buttonClass})},toggleStyle(){return{width:this.width,height:this.height}},toggleClasses(){return Object.assign({active:this.active,btn:!this.nav,"btn-block":!!this.block,"nav-link":!!this.nav,"rotate-90":!this.split&&this.rotate&&this.expanded,"dropdown-toggle":!0,"dropdown-toggle-split":!this.nav&&this.split,[this.variantClass]:!this.nav&&!!this.variant,[this.sizeableClass]:!!this.size},typeof this.buttonClass=="object"?this.buttonClass:{[this.buttonClass]:!!this.buttonClass})}},beforeUnmount(){this.popper&&this.popper.destroy()},methods:{focus(){this.$el.querySelector(".dropdown-toggle").focus()},queryFocusable(){return this.$el.querySelector(".dropdown-menu").querySelectorAll('label, input, select, textarea, [tabindex]:not([tabindex="-1"])')},isFocusable(e){const t=this.queryFocusable();for(let r in t)if(e===t[r])return!0;return!1},toggle(e){this.expanded?this.hide():this.show()},show(){this.expanded=!0;const e=this.$refs.split&&this.$refs.split.$el||this.$el;!this.nav&&!this.popper?this.popper=$r(e,this.$refs.menu.$el,{placement:`${this.placement}-${this.align==="left"?"start":"end"}`,onFirstUpdate:()=>{this.triggerAnimation=this.animated},modifiers:[{name:"offset",options:{offset:[0,this.nav?1:this.offset]}}]}):this.popper&&this.popper.update()},hide(){this.expanded=!1},onBlur(e){(!this.$refs.menu.$el.contains(e.relatedTarget)||!this.$el.contains(e.relatedTarget))&&this.hide()},onClickDocument(e){this.$el.contains(e.target)||this.hide()},onClickItem(e){this.isFocusable(e.target)||this.hide()},onClickToggle(e){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)})}}},Hr={mixins:[at],emits:["click"]},Ur=["id","aria-expanded"];function Xr(e,t,r,n,o,a){const s=i.resolveComponent("btn-dropdown-action"),p=i.resolveComponent("dropdown-menu"),l=i.resolveComponent("btn-group");return i.openBlock(),i.createBlock(l,{class:i.normalizeClass([e.classes,"btn-dropdown-split"])},{default:i.withCtx(()=>[e.dropleft?i.createCommentVNode("",!0):i.renderSlot(e.$slots,"button",i.normalizeProps(i.mergeProps({key:0},e.scope)),()=>[e.dropleft?i.createCommentVNode("",!0):(i.openBlock(),i.createBlock(s,{key:0,id:e.$attrs.id,ref:"button",expanded:e.expanded,href:e.href,to:e.to,class:i.normalizeClass(e.actionClasses),onClick:t[0]||(t[0]=d=>e.$emit("click",d))},{default:i.withCtx(()=>[i.renderSlot(e.$slots,"icon"),i.renderSlot(e.$slots,"label",{},()=>[i.createTextVNode(i.toDisplayString(e.label),1)])]),_:3},8,["id","expanded","href","to","class"]))]),i.createVNode(l,{ref:"split"},{default:i.withCtx(()=>[i.renderSlot(e.$slots,"split",i.normalizeProps(i.guardReactiveProps(e.scope)),()=>[e.split?(i.openBlock(),i.createElementBlock("button",{key:0,id:e.$attrs.id,type:"button","aria-haspopup":"true","aria-expanded":e.expanded,class:i.normalizeClass(e.toggleClasses),onBlur:t[1]||(t[1]=(...d)=>e.onBlur&&e.onBlur(...d)),onClick:t[2]||(t[2]=(...d)=>e.onClickToggle&&e.onClickToggle(...d))},null,42,Ur)):i.createCommentVNode("",!0)]),i.createVNode(p,{id:e.$attrs.id,ref:"menu",align:e.align,show:e.expanded,class:i.normalizeClass({animated:e.triggerAnimation}),onBlur:e.onBlur,onClick:e.onClickItem,onKeydown:i.withKeys(e.onKeydown,["tab"]),onMousedown:t[3]||(t[3]=i.withModifiers(()=>{},["prevent"]))},{default:i.withCtx(()=>[i.renderSlot(e.$slots,"default")]),_:3},8,["id","align","show","class","onBlur","onClick","onKeydown"])]),_:3},512),e.dropleft?i.renderSlot(e.$slots,"button",i.normalizeProps(i.mergeProps({key:1},e.scope)),()=>[e.dropleft?(i.openBlock(),i.createBlock(s,{key:0,id:e.$attrs.id,ref:"button",expanded:e.expanded,href:e.href,to:e.to,class:i.normalizeClass(e.actionClasses),onClick:t[4]||(t[4]=d=>e.$emit("click",d))},{default:i.withCtx(()=>[i.renderSlot(e.$slots,"icon"),i.renderSlot(e.$slots,"label",{},()=>[i.createTextVNode(i.toDisplayString(e.label),1)])]),_:3},8,["id","expanded","href","to","class"])):i.createCommentVNode("",!0)]):i.createCommentVNode("",!0)]),_:3},8,["class"])}const Yr=ce(Hr,[["render",Xr]]),Kr={mixins:[at]};function Gr(e,t,r,n,o,a){const s=i.resolveComponent("btn-dropdown-action"),p=i.resolveComponent("dropdown-menu"),l=i.resolveComponent("btn-group");return i.openBlock(),i.createBlock(l,{class:i.normalizeClass(e.classes)},{default:i.withCtx(()=>[i.renderSlot(e.$slots,"button",i.normalizeProps(i.guardReactiveProps(e.scope)),()=>[i.createVNode(s,{id:e.$attrs.id,ref:"button",expanded:e.expanded,href:e.href,to:e.to,style:i.normalizeStyle(e.toggleStyle),class:i.normalizeClass(e.toggleClasses),onBlur:e.onBlur,onClick:e.onClickToggle},{default:i.withCtx(()=>[i.renderSlot(e.$slots,"icon"),i.renderSlot(e.$slots,"label",{},()=>[i.createTextVNode(i.toDisplayString(e.label),1)])]),_:3},8,["id","expanded","href","to","style","class","onBlur","onClick"])]),i.createVNode(p,{id:e.$attrs.id,ref:"menu",align:e.align,show:e.expanded,class:i.normalizeClass({animated:e.triggerAnimation}),onBlur:e.onBlur,onClick:e.onClickItem,onKeydown:i.withKeys(e.onKeydown,["tab"]),onMousedown:t[0]||(t[0]=i.withModifiers(()=>{},["prevent"]))},{default:i.withCtx(()=>[i.renderSlot(e.$slots,"default")]),_:3},8,["id","align","show","class","onBlur","onClick","onKeydown"])]),_:3},8,["class"])}const Jr=ce(Kr,[["render",Gr]]),pn="",Qr={name:"BtnDropdown",components:{BtnDropdownSplit:Yr,BtnDropdownSingle:Jr},inheritAttrs:!1,emits:["click","click-toggle","dropdown","show","hide","toggle"]};function Zr(e,t,r,n,o,a){return i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$attrs.split===void 0||!!e.$attrs.nav?"btn-dropdown-single":"btn-dropdown-split"),i.mergeProps({class:"btn-dropdown"},e.$attrs,{onClick:t[0]||(t[0]=(...s)=>e.$emit("click",...s)),onClickToggle:t[1]||(t[1]=(...s)=>e.$emit("click-toggle",...s)),onDropdown:t[2]||(t[2]=(...s)=>e.$emit("dropdown",...s)),onShow:t[3]||(t[3]=(...s)=>e.$emit("show",...s)),onHide:t[4]||(t[4]=(...s)=>e.$emit("hide",...s)),onToggle:t[5]||(t[5]=(...s)=>e.$emit("toggle",...s))}),i.createSlots({icon:i.withCtx(()=>[i.renderSlot(e.$slots,"icon")]),button:i.withCtx(s=>[i.renderSlot(e.$slots,"button",i.normalizeProps(i.guardReactiveProps(s)))]),split:i.withCtx(s=>[i.renderSlot(e.$slots,"split",i.normalizeProps(i.guardReactiveProps(s)))]),default:i.withCtx(()=>[i.renderSlot(e.$slots,"default")]),_:2},[e.$attrs.label||e.$slots.label?{name:"label",fn:i.withCtx(()=>[i.renderSlot(e.$slots,"label",{},()=>[i.createTextVNode(i.toDisplayString(e.$attrs.label),1)])]),key:"0"}:void 0]),1040)}const _r=ce(Qr,[["render",Zr]]);U.BtnDropdown=_r,Object.defineProperties(U,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+`,"We recommend using the popper element as a wrapper around an inner","element that can have any CSS property transitioned for animations."].join(" "))}var f={placement:M(t.placement),variation:ne(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:o,isFixed:t.options.strategy==="fixed"};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,Ke(Object.assign({},f,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:s,roundOffsets:l})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,Ke(Object.assign({},f,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}const Lt={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:It,data:{}};var be={passive:!0};function qt(e){var t=e.state,r=e.instance,n=e.options,o=n.scroll,a=o===void 0?!0:o,s=n.resize,p=s===void 0?!0:s,l=V(t.elements.popper),d=[].concat(t.scrollParents.reference,t.scrollParents.popper);return a&&d.forEach(function(f){f.addEventListener("scroll",r.update,be)}),p&&l.addEventListener("resize",r.update,be),function(){a&&d.forEach(function(f){f.removeEventListener("scroll",r.update,be)}),p&&l.removeEventListener("resize",r.update,be)}}const Ft={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:qt,data:{}};var Wt={left:"right",right:"left",bottom:"top",top:"bottom"};function ye(e){return e.replace(/left|right|bottom|top/g,function(t){return Wt[t]})}var Ht={start:"end",end:"start"};function Ge(e){return e.replace(/start|end/g,function(t){return Ht[t]})}function De(e){var t=V(e),r=t.pageXOffset,n=t.pageYOffset;return{scrollLeft:r,scrollTop:n}}function Ae(e){return re(F(e)).left+De(e).scrollLeft}function Ut(e,t){var r=V(e),n=F(e),o=r.visualViewport,a=n.clientWidth,s=n.clientHeight,p=0,l=0;if(o){a=o.width,s=o.height;var d=Fe();(d||!d&&t==="fixed")&&(p=o.offsetLeft,l=o.offsetTop)}return{width:a,height:s,x:p+Ae(e),y:l}}function Xt(e){var t,r=F(e),n=De(e),o=(t=e.ownerDocument)==null?void 0:t.body,a=Y(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),s=Y(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),p=-n.scrollLeft+Ae(e),l=-n.scrollTop;return I(o||r).direction==="rtl"&&(p+=Y(r.clientWidth,o?o.clientWidth:0)-a),{width:a,height:s,x:p,y:l}}function ze(e){var t=I(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function Je(e){return["html","body","#document"].indexOf(q(e))>=0?e.ownerDocument.body:R(e)&&ze(e)?e:Je(ge(e))}function fe(e,t){var r;t===void 0&&(t=[]);var n=Je(e),o=n===((r=e.ownerDocument)==null?void 0:r.body),a=V(n),s=o?[a].concat(a.visualViewport||[],ze(n)?n:[]):n,p=t.concat(s);return o?p:p.concat(fe(ge(s)))}function Re(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Yt(e,t){var r=re(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 Qe(e,t,r){return t===Ie?Re(Ut(e,r)):X(t)?Yt(t,r):Re(Xt(F(e)))}function Kt(e){var t=fe(ge(e)),r=["absolute","fixed"].indexOf(I(e).position)>=0,n=r&&R(e)?le(e):e;return X(n)?t.filter(function(o){return X(o)&&We(o,n)&&q(o)!=="body"}):[]}function Gt(e,t,r,n){var o=t==="clippingParents"?Kt(e):[].concat(t),a=[].concat(o,[r]),s=a[0],p=a.reduce(function(l,d){var f=Qe(e,d,n);return l.top=Y(f.top,l.top),l.right=ve(f.right,l.right),l.bottom=ve(f.bottom,l.bottom),l.left=Y(f.left,l.left),l},Qe(e,s,n));return p.width=p.right-p.left,p.height=p.bottom-p.top,p.x=p.left,p.y=p.top,p}function Ze(e){var t=e.reference,r=e.element,n=e.placement,o=n?M(n):null,a=n?ne(n):null,s=t.x+t.width/2-r.width/2,p=t.y+t.height/2-r.height/2,l;switch(o){case A:l={x:s,y:t.y-r.height};break;case j:l={x:s,y:t.y+t.height};break;case N:l={x:t.x+t.width,y:p};break;case z:l={x:t.x-r.width,y:p};break;default:l={x:t.x,y:t.y}}var d=o?Be(o):null;if(d!=null){var f=d==="y"?"height":"width";switch(a){case ee:l[d]=l[d]-(t[f]/2-r[f]/2);break;case ae:l[d]=l[d]+(t[f]/2-r[f]/2);break}}return l}function de(e,t){t===void 0&&(t={});var r=t,n=r.placement,o=n===void 0?e.placement:n,a=r.strategy,s=a===void 0?e.strategy:a,p=r.boundary,l=p===void 0?vt:p,d=r.rootBoundary,f=d===void 0?Ie:d,v=r.elementContext,w=v===void 0?se:v,c=r.altBoundary,x=c===void 0?!1:c,g=r.padding,m=g===void 0?0:g,C=Xe(typeof m!="number"?m:Ye(m,ie)),P=w===se?gt:se,$=e.rects.popper,u=e.elements[x?P:w],b=Gt(X(u)?u:u.contextElement||F(e.elements.popper),l,f,s),h=re(e.elements.reference),O=Ze({reference:h,element:$,strategy:"absolute",placement:o}),S=Re(Object.assign({},$,O)),k=w===se?S:h,E={top:b.top-k.top+C.top,bottom:k.bottom-b.bottom+C.bottom,left:b.left-k.left+C.left,right:k.right-b.right+C.right},y=e.modifiersData.offset;if(w===se&&y){var B=y[o];Object.keys(E).forEach(function(D){var G=[N,j].indexOf(D)>=0?1:-1,J=[A,j].indexOf(D)>=0?"y":"x";E[D]+=B[J]*G})}return E}function Jt(e,t){t===void 0&&(t={});var r=t,n=r.placement,o=r.boundary,a=r.rootBoundary,s=r.padding,p=r.flipVariations,l=r.allowedAutoPlacements,d=l===void 0?qe:l,f=ne(n),v=f?p?Le:Le.filter(function(x){return ne(x)===f}):ie,w=v.filter(function(x){return d.indexOf(x)>=0});w.length===0&&(w=v,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 c=w.reduce(function(x,g){return x[g]=de(e,{placement:g,boundary:o,rootBoundary:a,padding:s})[M(g)],x},{});return Object.keys(c).sort(function(x,g){return c[x]-c[g]})}function Qt(e){if(M(e)===me)return[];var t=ye(e);return[Ge(e),t,Ge(t)]}function Zt(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,a=o===void 0?!0:o,s=r.altAxis,p=s===void 0?!0:s,l=r.fallbackPlacements,d=r.padding,f=r.boundary,v=r.rootBoundary,w=r.altBoundary,c=r.flipVariations,x=c===void 0?!0:c,g=r.allowedAutoPlacements,m=t.options.placement,C=M(m),P=C===m,$=l||(P||!x?[ye(m)]:Qt(m)),u=[m].concat($).reduce(function(oe,H){return oe.concat(M(H)===me?Jt(t,{placement:H,boundary:f,rootBoundary:v,padding:d,flipVariations:x,allowedAutoPlacements:g}):H)},[]),b=t.rects.reference,h=t.rects.popper,O=new Map,S=!0,k=u[0],E=0;E<u.length;E++){var y=u[E],B=M(y),D=ne(y)===ee,G=[A,j].indexOf(B)>=0,J=G?"width":"height",T=de(t,{placement:y,boundary:f,rootBoundary:v,altBoundary:w,padding:d}),L=G?D?N:z:D?j:A;b[J]>h[J]&&(L=ye(L));var we=ye(L),Q=[];if(a&&Q.push(T[B]<=0),p&&Q.push(T[L]<=0,T[we]<=0),Q.every(function(oe){return oe})){k=y,S=!1;break}O.set(y,Q)}if(S)for(var Ce=x?3:1,je=function(H){var he=u.find(function(Oe){var Z=O.get(Oe);if(Z)return Z.slice(0,H).every(function(Ne){return Ne})});if(he)return k=he,"break"},ue=Ce;ue>0;ue--){var xe=je(ue);if(xe==="break")break}t.placement!==k&&(t.modifiersData[n]._skip=!0,t.placement=k,t.reset=!0)}}const _t={name:"flip",enabled:!0,phase:"main",fn:Zt,requiresIfExists:["offset"],data:{_skip:!1}};function _e(e,t,r){return r===void 0&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function et(e){return[A,N,j,z].some(function(t){return e[t]>=0})}function er(e){var t=e.state,r=e.name,n=t.rects.reference,o=t.rects.popper,a=t.modifiersData.preventOverflow,s=de(t,{elementContext:"reference"}),p=de(t,{altBoundary:!0}),l=_e(s,n),d=_e(p,o,a),f=et(l),v=et(d);t.modifiersData[r]={referenceClippingOffsets:l,popperEscapeOffsets:d,isReferenceHidden:f,hasPopperEscaped:v},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":f,"data-popper-escaped":v})}const tr={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:er};function rr(e,t,r){var n=M(e),o=[z,A].indexOf(n)>=0?-1:1,a=typeof r=="function"?r(Object.assign({},t,{placement:e})):r,s=a[0],p=a[1];return s=s||0,p=(p||0)*o,[z,N].indexOf(n)>=0?{x:p,y:s}:{x:s,y:p}}function nr(e){var t=e.state,r=e.options,n=e.name,o=r.offset,a=o===void 0?[0,0]:o,s=qe.reduce(function(f,v){return f[v]=rr(v,t.rects,a),f},{}),p=s[t.placement],l=p.x,d=p.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=l,t.modifiersData.popperOffsets.y+=d),t.modifiersData[n]=s}const or={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:nr};function ir(e){var t=e.state,r=e.name;t.modifiersData[r]=Ze({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}const ar={name:"popperOffsets",enabled:!0,phase:"read",fn:ir,data:{}};function sr(e){return e==="x"?"y":"x"}function lr(e){var t=e.state,r=e.options,n=e.name,o=r.mainAxis,a=o===void 0?!0:o,s=r.altAxis,p=s===void 0?!1:s,l=r.boundary,d=r.rootBoundary,f=r.altBoundary,v=r.padding,w=r.tether,c=w===void 0?!0:w,x=r.tetherOffset,g=x===void 0?0:x,m=de(t,{boundary:l,rootBoundary:d,padding:v,altBoundary:f}),C=M(t.placement),P=ne(t.placement),$=!P,u=Be(C),b=sr(u),h=t.modifiersData.popperOffsets,O=t.rects.reference,S=t.rects.popper,k=typeof g=="function"?g(Object.assign({},t.rects,{placement:t.placement})):g,E=typeof k=="number"?{mainAxis:k,altAxis:k}:Object.assign({mainAxis:0,altAxis:0},k),y=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,B={x:0,y:0};if(h){if(a){var D,G=u==="y"?A:z,J=u==="y"?j:N,T=u==="y"?"height":"width",L=h[u],we=L+m[G],Q=L-m[J],Ce=c?-S[T]/2:0,je=P===ee?O[T]:S[T],ue=P===ee?-S[T]:-O[T],xe=t.elements.arrow,oe=c&&xe?Ee(xe):{width:0,height:0},H=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:Ue(),he=H[G],Oe=H[J],Z=pe(0,O[T],oe[T]),Ne=$?O[T]/2-Ce-Z-he-E.mainAxis:je-Z-he-E.mainAxis,en=$?-O[T]/2+Ce+Z+Oe+E.mainAxis:ue+Z+Oe+E.mainAxis,Ve=t.elements.arrow&&le(t.elements.arrow),tn=Ve?u==="y"?Ve.clientTop||0:Ve.clientLeft||0:0,st=(D=y==null?void 0:y[u])!=null?D:0,rn=L+Ne-st-tn,nn=L+en-st,lt=pe(c?ve(we,rn):we,L,c?Y(Q,nn):Q);h[u]=lt,B[u]=lt-L}if(p){var pt,on=u==="x"?A:z,an=u==="x"?j:N,_=h[b],$e=b==="y"?"height":"width",ft=_+m[on],dt=_-m[an],Me=[A,z].indexOf(C)!==-1,ct=(pt=y==null?void 0:y[b])!=null?pt:0,ut=Me?ft:_-O[$e]-S[$e]-ct+E.altAxis,ht=Me?_+O[$e]+S[$e]-ct-E.altAxis:dt,mt=c&&Me?zt(ut,_,ht):pe(c?ut:ft,_,c?ht:dt);h[b]=mt,B[b]=mt-_}t.modifiersData[n]=B}}const pr={name:"preventOverflow",enabled:!0,phase:"main",fn:lr,requiresIfExists:["offset"]};function fr(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function dr(e){return e===V(e)||!R(e)?De(e):fr(e)}function cr(e){var t=e.getBoundingClientRect(),r=te(t.width)/e.offsetWidth||1,n=te(t.height)/e.offsetHeight||1;return r!==1||n!==1}function ur(e,t,r){r===void 0&&(r=!1);var n=R(t),o=R(t)&&cr(t),a=F(t),s=re(e,o,r),p={scrollLeft:0,scrollTop:0},l={x:0,y:0};return(n||!n&&!r)&&((q(t)!=="body"||ze(a))&&(p=dr(t)),R(t)?(l=re(t,!0),l.x+=t.clientLeft,l.y+=t.clientTop):a&&(l.x=Ae(a))),{x:s.left+p.scrollLeft-l.x,y:s.top+p.scrollTop-l.y,width:s.width,height:s.height}}function hr(e){var t=new Map,r=new Set,n=[];e.forEach(function(a){t.set(a.name,a)});function o(a){r.add(a.name);var s=[].concat(a.requires||[],a.requiresIfExists||[]);s.forEach(function(p){if(!r.has(p)){var l=t.get(p);l&&o(l)}}),n.push(a)}return e.forEach(function(a){r.has(a.name)||o(a)}),n}function mr(e){var t=hr(e);return Pe.reduce(function(r,n){return r.concat(t.filter(function(o){return o.phase===n}))},[])}function vr(e){var t;return function(){return t||(t=new Promise(function(r){Promise.resolve().then(function(){t=void 0,r(e())})})),t}}function W(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return[].concat(r).reduce(function(o,a){return o.replace(/%s/,a)},e)}var K='Popper: modifier "%s" provided an invalid %s property, expected %s but got %s',gr='Popper: modifier "%s" requires "%s", but "%s" modifier is not available',tt=["name","enabled","phase","fn","effect","requires","options"];function br(e){e.forEach(function(t){[].concat(Object.keys(t),tt).filter(function(r,n,o){return o.indexOf(r)===n}).forEach(function(r){switch(r){case"name":typeof t.name!="string"&&console.error(W(K,String(t.name),'"name"','"string"','"'+String(t.name)+'"'));break;case"enabled":typeof t.enabled!="boolean"&&console.error(W(K,t.name,'"enabled"','"boolean"','"'+String(t.enabled)+'"'));break;case"phase":Pe.indexOf(t.phase)<0&&console.error(W(K,t.name,'"phase"',"either "+Pe.join(", "),'"'+String(t.phase)+'"'));break;case"fn":typeof t.fn!="function"&&console.error(W(K,t.name,'"fn"','"function"','"'+String(t.fn)+'"'));break;case"effect":t.effect!=null&&typeof t.effect!="function"&&console.error(W(K,t.name,'"effect"','"function"','"'+String(t.fn)+'"'));break;case"requires":t.requires!=null&&!Array.isArray(t.requires)&&console.error(W(K,t.name,'"requires"','"array"','"'+String(t.requires)+'"'));break;case"requiresIfExists":Array.isArray(t.requiresIfExists)||console.error(W(K,t.name,'"requiresIfExists"','"array"','"'+String(t.requiresIfExists)+'"'));break;case"options":case"data":break;default:console.error('PopperJS: an invalid property has been provided to the "'+t.name+'" modifier, valid properties are '+tt.map(function(n){return'"'+n+'"'}).join(", ")+'; but "'+r+'" was provided.')}t.requires&&t.requires.forEach(function(n){e.find(function(o){return o.name===n})==null&&console.error(W(gr,String(t.name),n,n))})})})}function yr(e,t){var r=new Set;return e.filter(function(n){var o=t(n);if(!r.has(o))return r.add(o),!0})}function wr(e){var t=e.reduce(function(r,n){var o=r[n.name];return r[n.name]=o?Object.assign({},o,n,{options:Object.assign({},o.options,n.options),data:Object.assign({},o.data,n.data)}):n,r},{});return Object.keys(t).map(function(r){return t[r]})}var rt="Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.",Cr="Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.",nt={placement:"bottom",modifiers:[],strategy:"absolute"};function ot(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return!t.some(function(n){return!(n&&typeof n.getBoundingClientRect=="function")})}function xr(e){e===void 0&&(e={});var t=e,r=t.defaultModifiers,n=r===void 0?[]:r,o=t.defaultOptions,a=o===void 0?nt:o;return function(p,l,d){d===void 0&&(d=a);var f={placement:"bottom",orderedModifiers:[],options:Object.assign({},nt,a),modifiersData:{},elements:{reference:p,popper:l},attributes:{},styles:{}},v=[],w=!1,c={state:f,setOptions:function(C){var P=typeof C=="function"?C(f.options):C;g(),f.options=Object.assign({},a,f.options,P),f.scrollParents={reference:X(p)?fe(p):p.contextElement?fe(p.contextElement):[],popper:fe(l)};var $=mr(wr([].concat(n,f.options.modifiers)));if(f.orderedModifiers=$.filter(function(y){return y.enabled}),process.env.NODE_ENV!=="production"){var u=yr([].concat($,f.options.modifiers),function(y){var B=y.name;return B});if(br(u),M(f.options.placement)===me){var b=f.orderedModifiers.find(function(y){var B=y.name;return B==="flip"});b||console.error(['Popper: "auto" placements require the "flip" modifier be',"present and enabled to work."].join(" "))}var h=I(l),O=h.marginTop,S=h.marginRight,k=h.marginBottom,E=h.marginLeft;[O,S,k,E].some(function(y){return parseFloat(y)})&&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 x(),c.update()},forceUpdate:function(){if(!w){var C=f.elements,P=C.reference,$=C.popper;if(!ot(P,$)){process.env.NODE_ENV!=="production"&&console.error(rt);return}f.rects={reference:ur(P,le($),f.options.strategy==="fixed"),popper:Ee($)},f.reset=!1,f.placement=f.options.placement,f.orderedModifiers.forEach(function(y){return f.modifiersData[y.name]=Object.assign({},y.data)});for(var u=0,b=0;b<f.orderedModifiers.length;b++){if(process.env.NODE_ENV!=="production"&&(u+=1,u>100)){console.error(Cr);break}if(f.reset===!0){f.reset=!1,b=-1;continue}var h=f.orderedModifiers[b],O=h.fn,S=h.options,k=S===void 0?{}:S,E=h.name;typeof O=="function"&&(f=O({state:f,options:k,name:E,instance:c})||f)}}},update:vr(function(){return new Promise(function(m){c.forceUpdate(),m(f)})}),destroy:function(){g(),w=!0}};if(!ot(p,l))return process.env.NODE_ENV!=="production"&&console.error(rt),c;c.setOptions(d).then(function(m){!w&&d.onFirstUpdate&&d.onFirstUpdate(m)});function x(){f.orderedModifiers.forEach(function(m){var C=m.name,P=m.options,$=P===void 0?{}:P,u=m.effect;if(typeof u=="function"){var b=u({state:f,name:C,instance:c,options:$}),h=function(){};v.push(b||h)}})}function g(){v.forEach(function(m){return m()}),v=[]}return c}}var Or=[Ft,ar,Lt,Bt,or,_t,pr,Nt,tr],$r=xr({defaultModifiers:Or});const Pr={props:{componentPrefix:String,size:String,sizePrefix:String},computed:{sizeableClassPrefix(){return this.sizePrefix||this.componentPrefix},hasSizeablePrefix(){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}`:""}}},Sr={props:{componentPrefix:String,variant:String,variantPrefix:String},computed:{variantClassPrefix(){return this.variantPrefix||this.componentPrefix},hasVariantPrefix(){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=i.defineComponent({mixins:[Pr,Sr],props:{active:Boolean,block:Boolean,componentPrefix:{type:String,default:"btn"},disabled:Boolean,label:String,outline:Boolean,tag:String,variant:{type:String,default:"primary"}},computed:{classes(){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"},variantClassPrefix(){return(this.variantPrefix||this.componentPrefix)+(this.outline?"-outline":"")}}}),Er=(e,t)=>{const r=e.__vccOpts||e;for(const[n,o]of t)r[n]=o;return r};function Br(e,t,r,n,o,a){return i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.component),i.mergeProps(e.$attrs,{disabled:e.disabled,class:e.classes,role:"button"}),{default:i.withCtx(()=>[i.renderSlot(e.$slots,"default",{},()=>[i.createTextVNode(i.toDisplayString(e.label),1)])]),_:3},16,["disabled","class"])}const Dr=Er(kr,[["render",Br]]),Ar={props:{componentPrefix:String,size:String,sizePrefix:String},computed:{sizeableClassPrefix(){return this.sizePrefix||this.componentPrefix},hasSizeablePrefix(){return this.size&&!!this.size.match(new RegExp(`^${this.sizeableClassPrefix}`))},sizeableClass(){return this.size?!this.sizeableClassPrefix||this.hasSizeablePrefix?this.size:`${this.sizeableClassPrefix}-${this.size}`:""}}},zr=(e,t)=>{const r=e.__vccOpts||e;for(const[n,o]of t)r[n]=o;return r},Rr={name:"BtnGroup",mixins:[Ar],props:{sizePrefix:{type:String,default(){return"btn-group"}},toggle:Boolean,vertical:Boolean},computed:{classes(){return{"btn-group":!this.vertical,"btn-group-toggle":this.toggle,"btn-group-vertical":this.vertical,[this.sizeableClass]:!!this.size}}}},Tr=["data-toggle"];function jr(e,t,r,n,o,a){return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(a.classes),"data-toggle":r.toggle?"buttons":!1,role:"group"},[i.renderSlot(e.$slots,"default")],10,Tr)}const Nr=zr(Rr,[["render",jr]]);function Te(e,t){e.props.class=`${e.props.class||""} ${t}`.trim()}function it(e){for(const t of e){t.type===i.Fragment&&it(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$/)?Te(t,"dropdown-header"):t.type==="hr"&&!n?(t.type="div",Te(t,"dropdown-divider")):!r&&!n&&Te(t,"dropdown-item")}return e}const Vr=(e,t)=>i.h("div",{},it(t.slots.default())),ce=(e,t)=>{const r=e.__vccOpts||e;for(const[n,o]of t)r[n]=o;return r},Mr={name:"DropdownMenu",components:{DropdownMenuItems:Vr},props:{align:{type:String,default:"left",validate(e){return["left","right"].indexOf(e.toLowerCase())!==-1}},show:Boolean}},Ir=["aria-labelledby"];function Lr(e,t,r,n,o,a){const s=i.resolveComponent("dropdown-menu-items");return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["dropdown-menu",{"dropdown-menu-left":r.align==="left","dropdown-menu-right":r.align==="right",show:r.show}]),"aria-labelledby":e.$attrs.id},[i.createVNode(s,null,{default:i.withCtx(()=>[i.renderSlot(e.$slots,"default",{onClick:t[0]||(t[0]=(...p)=>e.onItemClick&&e.onItemClick(...p))})]),_:3})],10,Ir)}const qr=ce(Mr,[["render",Lr]]),Fr={props:{expanded:{type:Boolean,default:!1},id:String,href:String,to:[String,Object]},computed:{is(){return this.to?"router-link":this.href?"a":"button"}}};function Wr(e,t,r,n,o,a){return i.openBlock(),i.createBlock(i.resolveDynamicComponent(a.is),i.mergeProps({id:r.id},r.to?{to:r.to}:{href:r.href},{"aria-haspopup":"true","aria-expanded":r.expanded,type:a.is==="button"?"button":void 0}),{default:i.withCtx(()=>[i.renderSlot(e.$slots,"default")]),_:3},16,["id","aria-expanded","type"])}const at={components:{BtnDropdownAction:ce(Fr,[["render",Wr]]),BtnGroup:Nr,DropdownMenu:qr},extends:Dr,emits:["click-toggle","show","hide","toggle"],props:{align:{type:String,default:"left",validate(e){return["left","right"].indexOf(e.toLowerCase())!==-1}},animated:{type:Boolean,default:!0},buttonClass:[Object,String],caret:{type:Boolean,default:!0},dropup:{type:Boolean,default:!1},dropright:{type:Boolean,default:!1},dropleft:{type:Boolean,default:!1},height:String,href:String,nav:Boolean,label:String,offset:{type:Number,default:5},rotate:{type:Boolean,default:!1},split:{type:Boolean,default:!1},to:[String,Object],type:{type:String,default:"button"},width:String},data(){return{popper:null,triggerAnimation:!1,expanded:!1}},computed:{scope(){return{placement:this.placement,variantClassPrefix:this.variantClassPrefix,sizeableClassPrefix:this.sizeableClassPrefix,classes:this.classes,actionClasses:this.actionClasses,toggleStyle:this.toggleStyle,toggleClasses:this.toggleClasses,focus:this.focus,queryFocusable:this.queryFocusable,isFocusable:this.isFocusable,toggle:this.toggle,show:this.show,hide:this.hide,onBlur:this.onBlur,onClickItem:this.onClickItem,onClickToggle:this.onClickToggle,expanded:this.expanded}},placement(){return this.dropup?"top":this.dropleft?"left":this.dropright?"right":"bottom"},variantClassPrefix(){return"btn"+(this.outline?"-outline":"")},sizeableClassPrefix(){return"btn"},classes(){return{dropdown:this.dropup&&this.dropright&&this.dropleft,dropup:this.dropup,dropright:this.dropright,dropleft:this.dropleft,"icon-only":!this.nav&&!this.split&&!!this.$slots.icon&&!this.$slots.label,"hide-caret":!this.caret,expanded:this.expanded,"rotate-90":!this.nav&&this.split&&this.rotate&&this.expanded}},actionClasses(){return Object.assign({btn:!this.nav,[this.variantClass]:!this.nav&&!!this.variant,[this.sizeableClass]:!!this.size},typeof this.buttonClass=="object"?this.buttonClass:{[this.buttonClass]:!!this.buttonClass})},toggleStyle(){return{width:this.width,height:this.height}},toggleClasses(){return Object.assign({active:this.active,btn:!this.nav,"btn-block":!!this.block,"nav-link":!!this.nav,"rotate-90":!this.split&&this.rotate&&this.expanded,"dropdown-toggle":!0,"dropdown-toggle-split":!this.nav&&this.split,[this.variantClass]:!this.nav&&!!this.variant,[this.sizeableClass]:!!this.size},typeof this.buttonClass=="object"?this.buttonClass:{[this.buttonClass]:!!this.buttonClass})}},beforeUnmount(){this.popper&&this.popper.destroy()},methods:{focus(){this.$el.querySelector(".dropdown-toggle").focus()},queryFocusable(){return this.$el.querySelector(".dropdown-menu").querySelectorAll('label, input, select, textarea, [tabindex]:not([tabindex="-1"])')},isFocusable(e){const t=this.queryFocusable();for(let r in t)if(e===t[r])return!0;return!1},toggle(e){this.expanded?this.hide():this.show()},show(){this.expanded=!0;const e=this.$refs.split&&this.$refs.split.$el||this.$el;!this.nav&&!this.popper?this.popper=$r(e,this.$refs.menu.$el,{placement:`${this.placement}-${this.align==="left"?"start":"end"}`,onFirstUpdate:()=>{this.triggerAnimation=this.animated},modifiers:[{name:"offset",options:{offset:[0,this.nav?1:this.offset]}}]}):this.popper&&this.popper.update()},hide(){this.expanded=!1},onBlur(e){(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()},onClickItem(e){this.isFocusable(e.target)||this.hide()},onClickToggle(e){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)})}}},Hr={mixins:[at],emits:["click"]},Ur=["id","aria-expanded"];function Xr(e,t,r,n,o,a){const s=i.resolveComponent("btn-dropdown-action"),p=i.resolveComponent("dropdown-menu"),l=i.resolveComponent("btn-group");return i.openBlock(),i.createBlock(l,{class:i.normalizeClass([e.classes,"btn-dropdown-split"])},{default:i.withCtx(()=>[e.dropleft?i.createCommentVNode("",!0):i.renderSlot(e.$slots,"button",i.normalizeProps(i.mergeProps({key:0},e.scope)),()=>[e.dropleft?i.createCommentVNode("",!0):(i.openBlock(),i.createBlock(s,{key:0,id:e.$attrs.id,ref:"button",expanded:e.expanded,href:e.href,to:e.to,class:i.normalizeClass(e.actionClasses),onClick:t[0]||(t[0]=d=>e.$emit("click",d))},{default:i.withCtx(()=>[i.renderSlot(e.$slots,"icon"),i.renderSlot(e.$slots,"label",{},()=>[i.createTextVNode(i.toDisplayString(e.label),1)])]),_:3},8,["id","expanded","href","to","class"]))]),i.createVNode(l,{ref:"split"},{default:i.withCtx(()=>[i.renderSlot(e.$slots,"split",i.normalizeProps(i.guardReactiveProps(e.scope)),()=>[e.split?(i.openBlock(),i.createElementBlock("button",{key:0,id:e.$attrs.id,type:"button","aria-haspopup":"true","aria-expanded":e.expanded,class:i.normalizeClass(e.toggleClasses),onBlur:t[1]||(t[1]=(...d)=>e.onBlur&&e.onBlur(...d)),onClick:t[2]||(t[2]=(...d)=>e.onClickToggle&&e.onClickToggle(...d))},null,42,Ur)):i.createCommentVNode("",!0)]),i.createVNode(p,{id:e.$attrs.id,ref:"menu",align:e.align,show:e.expanded,class:i.normalizeClass({animated:e.triggerAnimation}),onBlur:e.onBlur,onClick:e.onClickItem,onKeydown:i.withKeys(e.onKeydown,["tab"]),onMousedown:t[3]||(t[3]=i.withModifiers(()=>{},["prevent"]))},{default:i.withCtx(()=>[i.renderSlot(e.$slots,"default")]),_:3},8,["id","align","show","class","onBlur","onClick","onKeydown"])]),_:3},512),e.dropleft?i.renderSlot(e.$slots,"button",i.normalizeProps(i.mergeProps({key:1},e.scope)),()=>[e.dropleft?(i.openBlock(),i.createBlock(s,{key:0,id:e.$attrs.id,ref:"button",expanded:e.expanded,href:e.href,to:e.to,class:i.normalizeClass(e.actionClasses),onClick:t[4]||(t[4]=d=>e.$emit("click",d))},{default:i.withCtx(()=>[i.renderSlot(e.$slots,"icon"),i.renderSlot(e.$slots,"label",{},()=>[i.createTextVNode(i.toDisplayString(e.label),1)])]),_:3},8,["id","expanded","href","to","class"])):i.createCommentVNode("",!0)]):i.createCommentVNode("",!0)]),_:3},8,["class"])}const Yr=ce(Hr,[["render",Xr]]),Kr={mixins:[at]};function Gr(e,t,r,n,o,a){const s=i.resolveComponent("btn-dropdown-action"),p=i.resolveComponent("dropdown-menu"),l=i.resolveComponent("btn-group");return i.openBlock(),i.createBlock(l,{class:i.normalizeClass(e.classes)},{default:i.withCtx(()=>[i.renderSlot(e.$slots,"button",i.normalizeProps(i.guardReactiveProps(e.scope)),()=>[i.createVNode(s,{id:e.$attrs.id,ref:"button",expanded:e.expanded,href:e.href,to:e.to,style:i.normalizeStyle(e.toggleStyle),class:i.normalizeClass(e.toggleClasses),onBlur:e.onBlur,onClick:e.onClickToggle},{default:i.withCtx(()=>[i.renderSlot(e.$slots,"icon"),i.renderSlot(e.$slots,"label",{},()=>[i.createTextVNode(i.toDisplayString(e.label),1)])]),_:3},8,["id","expanded","href","to","style","class","onBlur","onClick"])]),i.createVNode(p,{id:e.$attrs.id,ref:"menu",align:e.align,show:e.expanded,class:i.normalizeClass({animated:e.triggerAnimation}),onBlur:e.onBlur,onClick:e.onClickItem,onKeydown:i.withKeys(e.onKeydown,["tab"]),onMousedown:t[0]||(t[0]=i.withModifiers(()=>{},["prevent"]))},{default:i.withCtx(()=>[i.renderSlot(e.$slots,"default")]),_:3},8,["id","align","show","class","onBlur","onClick","onKeydown"])]),_:3},8,["class"])}const Jr=ce(Kr,[["render",Gr]]),pn="",Qr={name:"BtnDropdown",components:{BtnDropdownSplit:Yr,BtnDropdownSingle:Jr},inheritAttrs:!1,emits:["click","click-toggle","dropdown","show","hide","toggle"]};function Zr(e,t,r,n,o,a){return i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.$attrs.split===void 0||e.$attrs.nav?"btn-dropdown-single":"btn-dropdown-split"),i.mergeProps({class:"btn-dropdown"},e.$attrs,{onClick:t[0]||(t[0]=(...s)=>e.$emit("click",...s)),onClickToggle:t[1]||(t[1]=(...s)=>e.$emit("click-toggle",...s)),onDropdown:t[2]||(t[2]=(...s)=>e.$emit("dropdown",...s)),onShow:t[3]||(t[3]=(...s)=>e.$emit("show",...s)),onHide:t[4]||(t[4]=(...s)=>e.$emit("hide",...s)),onToggle:t[5]||(t[5]=(...s)=>e.$emit("toggle",...s))}),i.createSlots({icon:i.withCtx(()=>[i.renderSlot(e.$slots,"icon")]),button:i.withCtx(s=>[i.renderSlot(e.$slots,"button",i.normalizeProps(i.guardReactiveProps(s)))]),split:i.withCtx(s=>[i.renderSlot(e.$slots,"split",i.normalizeProps(i.guardReactiveProps(s)))]),default:i.withCtx(()=>[i.renderSlot(e.$slots,"default")]),_:2},[e.$attrs.label||e.$slots.label?{name:"label",fn:i.withCtx(()=>[i.renderSlot(e.$slots,"label",{},()=>[i.createTextVNode(i.toDisplayString(e.$attrs.label),1)])]),key:"0"}:void 0]),1040)}const _r=ce(Qr,[["render",Zr]]);U.BtnDropdown=_r,Object.defineProperty(U,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-interface/btn-dropdown",
-  "version": "2.0.0-beta.4",
+  "version": "2.0.0-beta.5",
   "description": "A Vue button dropdown component.",
   "files": [
     "index.js",
@@ -50,7 +50,7 @@
   },
   "devDependencies": {
     "@rollup/plugin-babel": "^6.0.0",
-    "@vitejs/plugin-vue": "^3.0.3",
+    "@vitejs/plugin-vue": "^4.0.0",
     "autoprefixer": "^10.4.2",
     "babel-eslint": "^10.1.0",
     "babel-preset-vue": "^2.0.2",
@@ -60,7 +60,7 @@
     "pascalcase": "^2.0.0",
     "postcss": "^8.4.6",
     "tailwindcss": "^3.1.0",
-    "vite": "^3.1.8",
+    "vite": "^4.0.4",
     "vue": "^3.2.41"
   }
 }

package/src/DropdownHandler.js

@@ -392,14 +392,14 @@ export default {
          * @return void
          */
         onBlur(e) {
-            if (!this.$refs.menu.$el.contains(e.relatedTarget) || !this.$el.contains(e.relatedTarget)) {
+            if((this.$refs.menu && !this.$refs.menu.$el.contains(e.relatedTarget)) || !this.$el.contains(e.relatedTarget)) {
                 this.hide();
             }
         },
 
         onClickDocument(e) {
-            if (!this.$el.contains(e.target)) {
-                this.hide()
+            if(!this.$el.contains(e.target)) {
+                this.hide();
             }
         },
 
@@ -430,7 +430,7 @@ export default {
         },
 
         onKeydown(e) {
-            if (e.target.parentElement.lastElementChild === e.target) {
+            if(e.target.parentElement.lastElementChild === e.target) {
                 this.hide();
             }
         }
@@ -445,13 +445,13 @@ export default {
             });
             
             setTimeout(() => {
-                if (value) {
-                    document.addEventListener('click', this.onClickDocument)
+                if(value) {
+                    document.addEventListener('click', this.onClickDocument);
                 }
                 else {
-                    document.removeEventListener('click', this.onClickDocument)
+                    document.removeEventListener('click', this.onClickDocument);
                 }
-            })
+            });
         }
     }