@vue-interface/btn-dropdown 2.0.0-beta.1 → 2.0.0-beta.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/btn-dropdown.js +600 -0
- package/dist/btn-dropdown.umd.cjs +1 -0
- package/{index.js → dist/index.d.ts} +1 -4
- package/dist/src/BtnDropdown.vue.d.ts +9 -0
- package/dist/src/BtnDropdownAction.vue.d.ts +43 -0
- package/dist/src/BtnDropdownSingle.vue.d.ts +236 -0
- package/dist/src/BtnDropdownSplit.vue.d.ts +238 -0
- package/dist/src/DropdownHandler.d.ts +463 -0
- package/package.json +22 -20
- package/dist/btn-dropdown.es.js +0 -1609
- package/dist/btn-dropdown.umd.js +0 -5
- package/src/BtnDropdown.vue +0 -121
- package/src/BtnDropdownAction.vue +0 -38
- package/src/BtnDropdownSingle.vue +0 -43
- package/src/BtnDropdownSplit.vue +0 -77
- package/src/DropdownHandler.js +0 -435
- /package/dist/{btn-dropdown.css → style.css} +0 -0
package/dist/btn-dropdown.umd.js
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
(function(U,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],i):(U=typeof globalThis<"u"?globalThis:U||self,i(U.BtnDropdown={},U.Vue))})(this,function(U,i){"use strict";var A="top",T="bottom",N="right",z="left",me="auto",ae=[A,T,N,z],ee="start",se="end",bt="clippingParents",Me="viewport",le="popper",yt="reference",Le=ae.reduce(function(e,t){return e.concat([t+"-"+ee,t+"-"+se])},[]),qe=[].concat(ae,[me]).reduce(function(e,t){return e.concat([t,t+"-"+ee,t+"-"+se])},[]),wt="beforeRead",xt="read",Ct="afterRead",Ot="beforeMain",$t="main",Pt="afterMain",St="beforeWrite",kt="write",Bt="afterWrite",Pe=[wt,xt,Ct,Ot,$t,Pt,St,kt,Bt];function q(e){return e?(e.nodeName||"").toLowerCase():null}function V(e){if(e==null)return window;if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function X(e){var t=V(e).Element;return e instanceof t||e instanceof Element}function R(e){var t=V(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function Se(e){if(typeof ShadowRoot>"u")return!1;var t=V(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function Et(e){var t=e.state;Object.keys(t.elements).forEach(function(r){var n=t.styles[r]||{},o=t.attributes[r]||{},a=t.elements[r];!R(a)||!q(a)||(Object.assign(a.style,n),Object.keys(o).forEach(function(s){var p=o[s];p===!1?a.removeAttribute(s):a.setAttribute(s,p===!0?"":p)}))})}function Dt(e){var t=e.state,r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,r.popper),t.styles=r,t.elements.arrow&&Object.assign(t.elements.arrow.style,r.arrow),function(){Object.keys(t.elements).forEach(function(n){var o=t.elements[n],a=t.attributes[n]||{},s=Object.keys(t.styles.hasOwnProperty(n)?t.styles[n]:r[n]),p=s.reduce(function(l,c){return l[c]="",l},{});!R(o)||!q(o)||(Object.assign(o.style,p),Object.keys(a).forEach(function(l){o.removeAttribute(l)}))})}}const At={name:"applyStyles",enabled:!0,phase:"write",fn:Et,effect:Dt,requires:["computeStyles"]};function I(e){return e.split("-")[0]}var Y=Math.max,ve=Math.min,te=Math.round;function ke(){var e=navigator.userAgentData;return e!=null&&e.brands?e.brands.map(function(t){return t.brand+"/"+t.version}).join(" "):navigator.userAgent}function Fe(){return!/^((?!chrome|android).)*safari/i.test(ke())}function re(e,t,r){t===void 0&&(t=!1),r===void 0&&(r=!1);var n=e.getBoundingClientRect(),o=1,a=1;t&&R(e)&&(o=e.offsetWidth>0&&te(n.width)/e.offsetWidth||1,a=e.offsetHeight>0&&te(n.height)/e.offsetHeight||1);var s=X(e)?V(e):window,p=s.visualViewport,l=!Fe()&&r,c=(n.left+(l&&p?p.offsetLeft:0))/o,f=(n.top+(l&&p?p.offsetTop:0))/a,v=n.width/o,w=n.height/a;return{width:v,height:w,top:f,right:c+v,bottom:f+w,left:c,x:c,y:f}}function Be(e){var t=re(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function We(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&Se(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function M(e){return V(e).getComputedStyle(e)}function zt(e){return["table","td","th"].indexOf(q(e))>=0}function F(e){return((X(e)?e.ownerDocument:e.document)||window.document).documentElement}function ge(e){return q(e)==="html"?e:e.assignedSlot||e.parentNode||(Se(e)?e.host:null)||F(e)}function He(e){return!R(e)||M(e).position==="fixed"?null:e.offsetParent}function Rt(e){var t=/firefox/i.test(ke()),r=/Trident/i.test(ke());if(r&&R(e)){var n=M(e);if(n.position==="fixed")return null}var o=ge(e);for(Se(o)&&(o=o.host);R(o)&&["html","body"].indexOf(q(o))<0;){var a=M(o);if(a.transform!=="none"||a.perspective!=="none"||a.contain==="paint"||["transform","perspective"].indexOf(a.willChange)!==-1||t&&a.willChange==="filter"||t&&a.filter&&a.filter!=="none")return o;o=o.parentNode}return null}function pe(e){for(var t=V(e),r=He(e);r&&zt(r)&&M(r).position==="static";)r=He(r);return r&&(q(r)==="html"||q(r)==="body"&&M(r).position==="static")?t:r||Rt(e)||t}function Ee(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function fe(e,t,r){return Y(e,ve(t,r))}function jt(e,t,r){var n=fe(e,t,r);return n>r?r:n}function Ue(){return{top:0,right:0,bottom:0,left:0}}function Xe(e){return Object.assign({},Ue(),e)}function Ye(e,t){return t.reduce(function(r,n){return r[n]=e,r},{})}var Tt=function(t,r){return t=typeof t=="function"?t(Object.assign({},r.rects,{placement:r.placement})):t,Xe(typeof t!="number"?t:Ye(t,ae))};function Nt(e){var t,r=e.state,n=e.name,o=e.options,a=r.elements.arrow,s=r.modifiersData.popperOffsets,p=I(r.placement),l=Ee(p),c=[z,N].indexOf(p)>=0,f=c?"height":"width";if(!(!a||!s)){var v=Tt(o.padding,r),w=Be(a),d=l==="y"?A:z,C=l==="y"?T:N,g=r.rects.reference[f]+r.rects.reference[l]-s[l]-r.rects.popper[f],m=s[l]-r.rects.reference[l],x=pe(a),P=x?l==="y"?x.clientHeight||0:x.clientWidth||0:0,$=g/2-m/2,u=v[d],b=P-w[f]-v[C],h=P/2-w[f]/2+$,O=fe(u,h,b),S=l;r.modifiersData[n]=(t={},t[S]=O,t.centerOffset=O-h,t)}}function Vt(e){var t=e.state,r=e.options,n=r.element,o=n===void 0?"[data-popper-arrow]":n;if(o!=null&&!(typeof o=="string"&&(o=t.elements.popper.querySelector(o),!o))){if(process.env.NODE_ENV!=="production"&&(R(o)||console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).',"To use an SVG arrow, wrap it in an HTMLElement that will be used as","the arrow."].join(" "))),!We(t.elements.popper,o)){process.env.NODE_ENV!=="production"&&console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper',"element."].join(" "));return}t.elements.arrow=o}}const It={name:"arrow",enabled:!0,phase:"main",fn:Nt,effect:Vt,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function ne(e){return e.split("-")[1]}var Mt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Lt(e){var t=e.x,r=e.y,n=window,o=n.devicePixelRatio||1;return{x:te(t*o)/o||0,y:te(r*o)/o||0}}function Ge(e){var t,r=e.popper,n=e.popperRect,o=e.placement,a=e.variation,s=e.offsets,p=e.position,l=e.gpuAcceleration,c=e.adaptive,f=e.roundOffsets,v=e.isFixed,w=s.x,d=w===void 0?0:w,C=s.y,g=C===void 0?0:C,m=typeof f=="function"?f({x:d,y:g}):{x:d,y:g};d=m.x,g=m.y;var x=s.hasOwnProperty("x"),P=s.hasOwnProperty("y"),$=z,u=A,b=window;if(c){var h=pe(r),O="clientHeight",S="clientWidth";if(h===V(r)&&(h=F(r),M(h).position!=="static"&&p==="absolute"&&(O="scrollHeight",S="scrollWidth")),h=h,o===A||(o===z||o===N)&&a===se){u=T;var k=v&&h===b&&b.visualViewport?b.visualViewport.height:h[O];g-=k-n.height,g*=l?1:-1}if(o===z||(o===A||o===T)&&a===se){$=N;var B=v&&h===b&&b.visualViewport?b.visualViewport.width:h[S];d-=B-n.width,d*=l?1:-1}}var y=Object.assign({position:p},c&&Mt),E=f===!0?Lt({x:d,y:g}):{x:d,y:g};if(d=E.x,g=E.y,l){var D;return Object.assign({},y,(D={},D[u]=P?"0":"",D[$]=x?"0":"",D.transform=(b.devicePixelRatio||1)<=1?"translate("+d+"px, "+g+"px)":"translate3d("+d+"px, "+g+"px, 0)",D))}return Object.assign({},y,(t={},t[u]=P?g+"px":"",t[$]=x?d+"px":"",t.transform="",t))}function qt(e){var t=e.state,r=e.options,n=r.gpuAcceleration,o=n===void 0?!0:n,a=r.adaptive,s=a===void 0?!0:a,p=r.roundOffsets,l=p===void 0?!0:p;if(process.env.NODE_ENV!=="production"){var c=M(t.elements.popper).transitionProperty||"";s&&["transform","top","right","bottom","left"].some(function(v){return c.indexOf(v)>=0})&&console.warn(["Popper: Detected CSS transitions on at least one of the following",'CSS properties: "transform", "top", "right", "bottom", "left".',`
|
|
2
|
-
|
|
3
|
-
`,'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.",`
|
|
4
|
-
|
|
5
|
-
`,"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:I(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,Ge(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,Ge(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 Ft={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:qt,data:{}};var be={passive:!0};function Wt(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),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return a&&c.forEach(function(f){f.addEventListener("scroll",r.update,be)}),p&&l.addEventListener("resize",r.update,be),function(){a&&c.forEach(function(f){f.removeEventListener("scroll",r.update,be)}),p&&l.removeEventListener("resize",r.update,be)}}const Ht={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:Wt,data:{}};var Ut={left:"right",right:"left",bottom:"top",top:"bottom"};function ye(e){return e.replace(/left|right|bottom|top/g,function(t){return Ut[t]})}var Xt={start:"end",end:"start"};function Je(e){return e.replace(/start|end/g,function(t){return Xt[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 Yt(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 c=Fe();(c||!c&&t==="fixed")&&(p=o.offsetLeft,l=o.offsetTop)}return{width:a,height:s,x:p+Ae(e),y:l}}function Gt(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 M(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=M(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function Ke(e){return["html","body","#document"].indexOf(q(e))>=0?e.ownerDocument.body:R(e)&&ze(e)?e:Ke(ge(e))}function ce(e,t){var r;t===void 0&&(t=[]);var n=Ke(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(ce(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 Jt(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===Me?Re(Yt(e,r)):X(t)?Jt(t,r):Re(Gt(F(e)))}function Kt(e){var t=ce(ge(e)),r=["absolute","fixed"].indexOf(M(e).position)>=0,n=r&&R(e)?pe(e):e;return X(n)?t.filter(function(o){return X(o)&&We(o,n)&&q(o)!=="body"}):[]}function Qt(e,t,r,n){var o=t==="clippingParents"?Kt(e):[].concat(t),a=[].concat(o,[r]),s=a[0],p=a.reduce(function(l,c){var f=Qe(e,c,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?I(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 T: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 c=o?Ee(o):null;if(c!=null){var f=c==="y"?"height":"width";switch(a){case ee:l[c]=l[c]-(t[f]/2-r[f]/2);break;case se:l[c]=l[c]+(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?bt:p,c=r.rootBoundary,f=c===void 0?Me:c,v=r.elementContext,w=v===void 0?le:v,d=r.altBoundary,C=d===void 0?!1:d,g=r.padding,m=g===void 0?0:g,x=Xe(typeof m!="number"?m:Ye(m,ae)),P=w===le?yt:le,$=e.rects.popper,u=e.elements[C?P:w],b=Qt(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===le?S:h,B={top:b.top-k.top+x.top,bottom:k.bottom-b.bottom+x.bottom,left:b.left-k.left+x.left,right:k.right-b.right+x.right},y=e.modifiersData.offset;if(w===le&&y){var E=y[o];Object.keys(B).forEach(function(D){var J=[N,T].indexOf(D)>=0?1:-1,K=[A,T].indexOf(D)>=0?"y":"x";B[D]+=E[K]*J})}return B}function Zt(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,c=l===void 0?qe:l,f=ne(n),v=f?p?Le:Le.filter(function(C){return ne(C)===f}):ae,w=v.filter(function(C){return c.indexOf(C)>=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 d=w.reduce(function(C,g){return C[g]=de(e,{placement:g,boundary:o,rootBoundary:a,padding:s})[I(g)],C},{});return Object.keys(d).sort(function(C,g){return d[C]-d[g]})}function _t(e){if(I(e)===me)return[];var t=ye(e);return[Je(e),t,Je(t)]}function er(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,c=r.padding,f=r.boundary,v=r.rootBoundary,w=r.altBoundary,d=r.flipVariations,C=d===void 0?!0:d,g=r.allowedAutoPlacements,m=t.options.placement,x=I(m),P=x===m,$=l||(P||!C?[ye(m)]:_t(m)),u=[m].concat($).reduce(function(ie,H){return ie.concat(I(H)===me?Zt(t,{placement:H,boundary:f,rootBoundary:v,padding:c,flipVariations:C,allowedAutoPlacements:g}):H)},[]),b=t.rects.reference,h=t.rects.popper,O=new Map,S=!0,k=u[0],B=0;B<u.length;B++){var y=u[B],E=I(y),D=ne(y)===ee,J=[A,T].indexOf(E)>=0,K=J?"width":"height",j=de(t,{placement:y,boundary:f,rootBoundary:v,altBoundary:w,padding:c}),L=J?D?N:z:D?T:A;b[K]>h[K]&&(L=ye(L));var we=ye(L),Q=[];if(a&&Q.push(j[E]<=0),p&&Q.push(j[L]<=0,j[we]<=0),Q.every(function(ie){return ie})){k=y,S=!1;break}O.set(y,Q)}if(S)for(var xe=C?3:1,Te=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=xe;ue>0;ue--){var Ce=Te(ue);if(Ce==="break")break}t.placement!==k&&(t.modifiersData[n]._skip=!0,t.placement=k,t.reset=!0)}}const tr={name:"flip",enabled:!0,phase:"main",fn:er,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,T,z].some(function(t){return e[t]>=0})}function rr(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),c=_e(p,o,a),f=et(l),v=et(c);t.modifiersData[r]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:f,hasPopperEscaped:v},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":f,"data-popper-escaped":v})}const nr={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:rr};function or(e,t,r){var n=I(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 ir(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]=or(v,t.rects,a),f},{}),p=s[t.placement],l=p.x,c=p.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=l,t.modifiersData.popperOffsets.y+=c),t.modifiersData[n]=s}const ar={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:ir};function sr(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 lr={name:"popperOffsets",enabled:!0,phase:"read",fn:sr,data:{}};function pr(e){return e==="x"?"y":"x"}function fr(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,c=r.rootBoundary,f=r.altBoundary,v=r.padding,w=r.tether,d=w===void 0?!0:w,C=r.tetherOffset,g=C===void 0?0:C,m=de(t,{boundary:l,rootBoundary:c,padding:v,altBoundary:f}),x=I(t.placement),P=ne(t.placement),$=!P,u=Ee(x),b=pr(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,B=typeof k=="number"?{mainAxis:k,altAxis:k}:Object.assign({mainAxis:0,altAxis:0},k),y=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,E={x:0,y:0};if(!!h){if(a){var D,J=u==="y"?A:z,K=u==="y"?T:N,j=u==="y"?"height":"width",L=h[u],we=L+m[J],Q=L-m[K],xe=d?-S[j]/2:0,Te=P===ee?O[j]:S[j],ue=P===ee?-S[j]:-O[j],Ce=t.elements.arrow,ie=d&&Ce?Be(Ce):{width:0,height:0},H=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:Ue(),he=H[J],Oe=H[K],Z=fe(0,O[j],ie[j]),Ne=$?O[j]/2-xe-Z-he-B.mainAxis:Te-Z-he-B.mainAxis,_r=$?-O[j]/2+xe+Z+Oe+B.mainAxis:ue+Z+Oe+B.mainAxis,Ve=t.elements.arrow&&pe(t.elements.arrow),en=Ve?u==="y"?Ve.clientTop||0:Ve.clientLeft||0:0,pt=(D=y==null?void 0:y[u])!=null?D:0,tn=L+Ne-pt-en,rn=L+_r-pt,ft=fe(d?ve(we,tn):we,L,d?Y(Q,rn):Q);h[u]=ft,E[u]=ft-L}if(p){var ct,nn=u==="x"?A:z,on=u==="x"?T:N,_=h[b],$e=b==="y"?"height":"width",dt=_+m[nn],ut=_-m[on],Ie=[A,z].indexOf(x)!==-1,ht=(ct=y==null?void 0:y[b])!=null?ct:0,mt=Ie?dt:_-O[$e]-S[$e]-ht+B.altAxis,vt=Ie?_+O[$e]+S[$e]-ht-B.altAxis:ut,gt=d&&Ie?jt(mt,_,vt):fe(d?mt:dt,_,d?vt:ut);h[b]=gt,E[b]=gt-_}t.modifiersData[n]=E}}const cr={name:"preventOverflow",enabled:!0,phase:"main",fn:fr,requiresIfExists:["offset"]};function dr(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function ur(e){return e===V(e)||!R(e)?De(e):dr(e)}function hr(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 mr(e,t,r){r===void 0&&(r=!1);var n=R(t),o=R(t)&&hr(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=ur(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 vr(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 gr(e){var t=vr(e);return Pe.reduce(function(r,n){return r.concat(t.filter(function(o){return o.phase===n}))},[])}function br(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 G='Popper: modifier "%s" provided an invalid %s property, expected %s but got %s',yr='Popper: modifier "%s" requires "%s", but "%s" modifier is not available',tt=["name","enabled","phase","fn","effect","requires","options"];function wr(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(G,String(t.name),'"name"','"string"','"'+String(t.name)+'"'));break;case"enabled":typeof t.enabled!="boolean"&&console.error(W(G,t.name,'"enabled"','"boolean"','"'+String(t.enabled)+'"'));break;case"phase":Pe.indexOf(t.phase)<0&&console.error(W(G,t.name,'"phase"',"either "+Pe.join(", "),'"'+String(t.phase)+'"'));break;case"fn":typeof t.fn!="function"&&console.error(W(G,t.name,'"fn"','"function"','"'+String(t.fn)+'"'));break;case"effect":t.effect!=null&&typeof t.effect!="function"&&console.error(W(G,t.name,'"effect"','"function"','"'+String(t.fn)+'"'));break;case"requires":t.requires!=null&&!Array.isArray(t.requires)&&console.error(W(G,t.name,'"requires"','"array"','"'+String(t.requires)+'"'));break;case"requiresIfExists":Array.isArray(t.requiresIfExists)||console.error(W(G,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(yr,String(t.name),n,n))})})})}function xr(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 Cr(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.",Or="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 $r(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,c){c===void 0&&(c=a);var f={placement:"bottom",orderedModifiers:[],options:Object.assign({},nt,a),modifiersData:{},elements:{reference:p,popper:l},attributes:{},styles:{}},v=[],w=!1,d={state:f,setOptions:function(x){var P=typeof x=="function"?x(f.options):x;g(),f.options=Object.assign({},a,f.options,P),f.scrollParents={reference:X(p)?ce(p):p.contextElement?ce(p.contextElement):[],popper:ce(l)};var $=gr(Cr([].concat(n,f.options.modifiers)));if(f.orderedModifiers=$.filter(function(y){return y.enabled}),process.env.NODE_ENV!=="production"){var u=xr([].concat($,f.options.modifiers),function(y){var E=y.name;return E});if(wr(u),I(f.options.placement)===me){var b=f.orderedModifiers.find(function(y){var E=y.name;return E==="flip"});b||console.error(['Popper: "auto" placements require the "flip" modifier be',"present and enabled to work."].join(" "))}var h=M(l),O=h.marginTop,S=h.marginRight,k=h.marginBottom,B=h.marginLeft;[O,S,k,B].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 C(),d.update()},forceUpdate:function(){if(!w){var x=f.elements,P=x.reference,$=x.popper;if(!ot(P,$)){process.env.NODE_ENV!=="production"&&console.error(rt);return}f.rects={reference:mr(P,pe($),f.options.strategy==="fixed"),popper:Be($)},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(Or);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,B=h.name;typeof O=="function"&&(f=O({state:f,options:k,name:B,instance:d})||f)}}},update:br(function(){return new Promise(function(m){d.forceUpdate(),m(f)})}),destroy:function(){g(),w=!0}};if(!ot(p,l))return process.env.NODE_ENV!=="production"&&console.error(rt),d;d.setOptions(c).then(function(m){!w&&c.onFirstUpdate&&c.onFirstUpdate(m)});function C(){f.orderedModifiers.forEach(function(m){var x=m.name,P=m.options,$=P===void 0?{}:P,u=m.effect;if(typeof u=="function"){var b=u({state:f,name:x,instance:d,options:$}),h=function(){};v.push(b||h)}})}function g(){v.forEach(function(m){return m()}),v=[]}return d}}var Pr=[Ht,lr,Ft,At,ar,tr,cr,It,nr],Sr=$r({defaultModifiers:Pr});const kr={name:"Btn",mixins:[{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}`:""}}},{props:{componentPrefix:String,variant:String,variantPrefix:String},computed:{variantClassPrefix(){return this.variantPrefix||this.componentPrefix},hasVariantPrefix(){return this.variant&&!!this.variant.match(new RegExp(`^${this.variantClassPrefix}`))},variantClass(){return this.variant?!this.variantClassPrefix||this.hasVariantPrefix?this.variant:`${this.variantClassPrefix}-${this.variant}`:""}}}],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":"")}}},oe=(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(a.component),i.mergeProps(e.$attrs,{disabled:r.disabled,class:a.classes,role:"button"}),{default:i.withCtx(()=>[i.renderSlot(e.$slots,"default",{},()=>[i.createTextVNode(i.toDisplayString(r.label),1)])]),_:3},16,["disabled","class"])}const Er=oe(kr,[["render",Br]]),Dr={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}`:""}}},Ar=(e,t)=>{const r=e.__vccOpts||e;for(const[n,o]of t)r[n]=o;return r},zr={name:"BtnGroup",mixins:[Dr],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}}}},Rr=["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,Rr)}const Tr=Ar(zr,[["render",jr]]);function je(e,t){e.props.class=`${e.props.class||""} ${t}`.trim()}function it(e,t){return r=>{typeof t=="function"&&t(r),r.cancelBubble||e(r)}}function at(e,t){return e.attrs.on[t]||e.type&&e.type.listeners&&e.componentOptions.listeners[t]}function Nr(e){return e&&e.type&&(e.type==="fragment"||typeof e.type=="symbol")}function st(e){for(const t of e){if(Nr(t))return st(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/);t.attrs.on.click=it(o=>{context.parent.$emit("click-item",o,t)},at(t,"click")),t.attrs.on.blur=it(o=>{context.parent.$emit("blur-item",o,t)},at(t,"blur")),typeof t.type=="string"&&t.type.match(/^h\d$/)?je(t,"dropdown-header"):t.type==="hr"&&!n?(t.type="div",je(t,"dropdown-divider")):!r&&!n&&je(t,"dropdown-item")}return e}const Vr={name:"DropdownMenu",components:{DropdownMenuItems:(e,t)=>i.h("div",{},st(t.slots.default()))},props:{align:{type:String,default:"left",validate(e){return["left","right"].indexOf(e.toLowerCase())!==-1}},show:Boolean}},Ir=["aria-labelledby"];function Mr(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 Lr=oe(Vr,[["render",Mr]]),qr={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 Fr(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 lt={components:{BtnDropdownAction:oe(qr,[["render",Fr]]),BtnGroup:Tr,DropdownMenu:Lr},extends:Er,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=Sr(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.$el.contains(e.relatedTarget)||this.hide()},onClickItem(e){this.isFocusable(e.target)||this.hide()},onClickToggle(e){this.$emit("click-toggle",e),e.defaultPrevented||this.toggle()}},watch:{expanded(e){this.$nextTick(()=>{this.$emit(e?"show":"hide"),this.$emit("toggle",e)})}}},Wr={mixins:[lt],emits:["click"]},Hr=["id","aria-expanded"];function Ur(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]=c=>e.$emit("click",c))},{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]=(...c)=>e.onBlur&&e.onBlur(...c)),onClick:t[2]||(t[2]=(...c)=>e.onClickToggle&&e.onClickToggle(...c))},null,42,Hr)):i.createCommentVNode("",!0)]),i.createVNode(p,{id:e.$attrs.id,ref:"menu",align:e.align,show:e.expanded,class:i.normalizeClass({animated:e.triggerAnimation}),onClickItem:e.onClickItem,onBlurItem:e.onBlur},{default:i.withCtx(()=>[i.renderSlot(e.$slots,"default")]),_:3},8,["id","align","show","class","onClickItem","onBlurItem"])]),_: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[3]||(t[3]=c=>e.$emit("click",c))},{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 Xr=oe(Wr,[["render",Ur]]),Yr={mixins:[lt]};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}),onBlurItem:e.onBlur,onClickItem:e.onClickItem},{default:i.withCtx(()=>[i.renderSlot(e.$slots,"default")]),_:3},8,["id","align","show","class","onBlurItem","onClickItem"])]),_:3},8,["class"])}const Jr=oe(Yr,[["render",Gr]]),cn="",Kr={name:"BtnDropdown",components:{BtnDropdownSplit:Xr,BtnDropdownSingle:Jr},inheritAttrs:!1,emits:["click","click-toggle","dropdown","show","hide","toggle"]};function Qr(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 Zr=oe(Kr,[["render",Qr]]);U.BtnDropdown=Zr,Object.defineProperties(U,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
package/src/BtnDropdown.vue
DELETED
|
@@ -1,121 +0,0 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
import BtnDropdownSplit from './BtnDropdownSplit.vue';
|
|
3
|
-
import BtnDropdownSingle from './BtnDropdownSingle.vue';
|
|
4
|
-
|
|
5
|
-
export default {
|
|
6
|
-
|
|
7
|
-
name: 'BtnDropdown',
|
|
8
|
-
|
|
9
|
-
components: {
|
|
10
|
-
BtnDropdownSplit,
|
|
11
|
-
BtnDropdownSingle
|
|
12
|
-
},
|
|
13
|
-
|
|
14
|
-
inheritAttrs: false,
|
|
15
|
-
|
|
16
|
-
emits: [
|
|
17
|
-
'click',
|
|
18
|
-
'click-toggle',
|
|
19
|
-
'dropdown',
|
|
20
|
-
'show',
|
|
21
|
-
'hide',
|
|
22
|
-
'toggle'
|
|
23
|
-
]
|
|
24
|
-
|
|
25
|
-
};
|
|
26
|
-
</script>
|
|
27
|
-
|
|
28
|
-
<template>
|
|
29
|
-
<component
|
|
30
|
-
:is="$attrs.split === undefined || !!$attrs.nav ? 'btn-dropdown-single' : 'btn-dropdown-split'"
|
|
31
|
-
class="btn-dropdown"
|
|
32
|
-
v-bind="$attrs"
|
|
33
|
-
@click="(...args) => $emit('click', ...args)"
|
|
34
|
-
@click-toggle="(...args) => $emit('click-toggle', ...args)"
|
|
35
|
-
@dropdown="(...args) => $emit('dropdown', ...args)"
|
|
36
|
-
@show="(...args) => $emit('show', ...args)"
|
|
37
|
-
@hide="(...args) => $emit('hide', ...args)"
|
|
38
|
-
@toggle="(...args) => $emit('toggle', ...args)">
|
|
39
|
-
<template #icon>
|
|
40
|
-
<slot name="icon" />
|
|
41
|
-
</template>
|
|
42
|
-
<template v-if="$attrs.label || $slots.label" #label>
|
|
43
|
-
<slot name="label">
|
|
44
|
-
{{ $attrs.label }}
|
|
45
|
-
</slot>
|
|
46
|
-
</template>
|
|
47
|
-
<template #button="slot">
|
|
48
|
-
<slot name="button" v-bind="slot" />
|
|
49
|
-
</template>
|
|
50
|
-
<template #split="slot">
|
|
51
|
-
<slot name="split" v-bind="slot" />
|
|
52
|
-
</template>
|
|
53
|
-
<slot />
|
|
54
|
-
</component>
|
|
55
|
-
</template>
|
|
56
|
-
|
|
57
|
-
<style>
|
|
58
|
-
@keyframes btnDropdownZoomIn {
|
|
59
|
-
from {
|
|
60
|
-
opacity: 0;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
to {
|
|
64
|
-
opacity: 1;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
.btn-dropdown {
|
|
70
|
-
position: relative;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.btn-dropdown .dropdown-toggle {
|
|
74
|
-
display: flex;
|
|
75
|
-
transition: all 125ms ease-in;
|
|
76
|
-
align-items: center;
|
|
77
|
-
justify-content: center;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.nav-item .btn-group,
|
|
81
|
-
.nav-item .btn-dropdown .dropdown-toggle {
|
|
82
|
-
display: block;
|
|
83
|
-
}
|
|
84
|
-
/*
|
|
85
|
-
.btn-dropdown.rounded-circle > .btn:last-child,
|
|
86
|
-
.btn-dropdown.rounded-circle > .btn-group:last-child .dropdown-toggle {
|
|
87
|
-
border-top-right-radius: 100%;
|
|
88
|
-
border-bottom-right-radius: 100%;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
.btn-dropdown.rounded-circle > .btn:first-child,
|
|
92
|
-
.btn-dropdown.rounded-circle > .btn-group:first-child .dropdown-toggle {
|
|
93
|
-
border-top-left-radius: 100%;
|
|
94
|
-
border-bottom-left-radius: 100%;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
.btn-dropdown .rounded-circle {
|
|
98
|
-
border-radius: 100%;
|
|
99
|
-
} */
|
|
100
|
-
|
|
101
|
-
.btn-dropdown .rotate-90 {
|
|
102
|
-
transform: rotate(90deg);
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
.btn-dropdown.hide-caret .dropdown-toggle::after,
|
|
106
|
-
.btn-dropdown.icon-only .dropdown-toggle::after,
|
|
107
|
-
.btn-dropdown.hide-caret .dropdown-toggle::before,
|
|
108
|
-
.btn-dropdown.icon-only .dropdown-toggle::before {
|
|
109
|
-
display: none;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
.btn-dropdown .dropdown-menu {
|
|
113
|
-
animation-timing-function: ease-in-out;
|
|
114
|
-
animation-duration: 200ms;
|
|
115
|
-
animation-fill-mode: both;
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
.btn-dropdown .dropdown-menu.animated {
|
|
119
|
-
animation-name: btnDropdownZoomIn;
|
|
120
|
-
}
|
|
121
|
-
</style>
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
export default {
|
|
3
|
-
props: {
|
|
4
|
-
expanded: {
|
|
5
|
-
type: Boolean,
|
|
6
|
-
default: false
|
|
7
|
-
},
|
|
8
|
-
id: String,
|
|
9
|
-
href: String,
|
|
10
|
-
to: [String, Object]
|
|
11
|
-
},
|
|
12
|
-
computed: {
|
|
13
|
-
is() {
|
|
14
|
-
if(this.to) {
|
|
15
|
-
return 'router-link';
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
if(this.href) {
|
|
19
|
-
return 'a';
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
return 'button';
|
|
23
|
-
},
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
</script>
|
|
27
|
-
|
|
28
|
-
<template>
|
|
29
|
-
<component
|
|
30
|
-
:is="is"
|
|
31
|
-
:id="id"
|
|
32
|
-
v-bind="to ? { to } : { href }"
|
|
33
|
-
aria-haspopup="true"
|
|
34
|
-
:aria-expanded="expanded"
|
|
35
|
-
:type="is === 'button' ? 'button': undefined">
|
|
36
|
-
<slot />
|
|
37
|
-
</component>
|
|
38
|
-
</template>
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
import DropdownHandler from './DropdownHandler';
|
|
3
|
-
|
|
4
|
-
export default {
|
|
5
|
-
|
|
6
|
-
mixins: [
|
|
7
|
-
DropdownHandler
|
|
8
|
-
]
|
|
9
|
-
|
|
10
|
-
};
|
|
11
|
-
</script>
|
|
12
|
-
|
|
13
|
-
<template>
|
|
14
|
-
<btn-group :class="classes">
|
|
15
|
-
<slot name="button" v-bind="scope">
|
|
16
|
-
<btn-dropdown-action
|
|
17
|
-
:id="$attrs.id"
|
|
18
|
-
ref="button"
|
|
19
|
-
:expanded="expanded"
|
|
20
|
-
:href="href"
|
|
21
|
-
:to="to"
|
|
22
|
-
:style="toggleStyle"
|
|
23
|
-
:class="toggleClasses"
|
|
24
|
-
@blur="onBlur"
|
|
25
|
-
@click="onClickToggle">
|
|
26
|
-
<slot name="icon" />
|
|
27
|
-
<slot name="label">
|
|
28
|
-
{{ label }}
|
|
29
|
-
</slot>
|
|
30
|
-
</btn-dropdown-action>
|
|
31
|
-
</slot>
|
|
32
|
-
<dropdown-menu
|
|
33
|
-
:id="$attrs.id"
|
|
34
|
-
ref="menu"
|
|
35
|
-
:align="align"
|
|
36
|
-
:show="expanded"
|
|
37
|
-
:class="{animated: triggerAnimation}"
|
|
38
|
-
@blur-item="onBlur"
|
|
39
|
-
@click-item="onClickItem">
|
|
40
|
-
<slot />
|
|
41
|
-
</dropdown-menu>
|
|
42
|
-
</btn-group>
|
|
43
|
-
</template>
|
package/src/BtnDropdownSplit.vue
DELETED
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
import DropdownHandler from './DropdownHandler';
|
|
3
|
-
|
|
4
|
-
export default {
|
|
5
|
-
|
|
6
|
-
mixins: [
|
|
7
|
-
DropdownHandler
|
|
8
|
-
],
|
|
9
|
-
|
|
10
|
-
emits: [
|
|
11
|
-
'click'
|
|
12
|
-
]
|
|
13
|
-
|
|
14
|
-
};
|
|
15
|
-
</script>
|
|
16
|
-
|
|
17
|
-
<template>
|
|
18
|
-
<btn-group :class="classes" class="btn-dropdown-split">
|
|
19
|
-
<slot v-if="!dropleft" name="button" v-bind="scope">
|
|
20
|
-
<btn-dropdown-action
|
|
21
|
-
v-if="!dropleft"
|
|
22
|
-
:id="$attrs.id"
|
|
23
|
-
ref="button"
|
|
24
|
-
:expanded="expanded"
|
|
25
|
-
:href="href"
|
|
26
|
-
:to="to"
|
|
27
|
-
:class="actionClasses"
|
|
28
|
-
@click="e => $emit('click', e)">
|
|
29
|
-
<slot name="icon" />
|
|
30
|
-
<slot name="label">
|
|
31
|
-
{{ label }}
|
|
32
|
-
</slot>
|
|
33
|
-
</btn-dropdown-action>
|
|
34
|
-
</slot>
|
|
35
|
-
|
|
36
|
-
<btn-group ref="split">
|
|
37
|
-
<slot name="split" v-bind="scope">
|
|
38
|
-
<button
|
|
39
|
-
v-if="split"
|
|
40
|
-
:id="$attrs.id"
|
|
41
|
-
type="button"
|
|
42
|
-
aria-haspopup="true"
|
|
43
|
-
:aria-expanded="expanded"
|
|
44
|
-
:class="toggleClasses"
|
|
45
|
-
@blur="onBlur"
|
|
46
|
-
@click="onClickToggle" />
|
|
47
|
-
</slot>
|
|
48
|
-
|
|
49
|
-
<dropdown-menu
|
|
50
|
-
:id="$attrs.id"
|
|
51
|
-
ref="menu"
|
|
52
|
-
:align="align"
|
|
53
|
-
:show="expanded"
|
|
54
|
-
:class="{animated: triggerAnimation}"
|
|
55
|
-
@click-item="onClickItem"
|
|
56
|
-
@blur-item="onBlur">
|
|
57
|
-
<slot />
|
|
58
|
-
</dropdown-menu>
|
|
59
|
-
</btn-group>
|
|
60
|
-
<slot v-if="dropleft" name="button" v-bind="scope">
|
|
61
|
-
<btn-dropdown-action
|
|
62
|
-
v-if="dropleft"
|
|
63
|
-
:id="$attrs.id"
|
|
64
|
-
ref="button"
|
|
65
|
-
:expanded="expanded"
|
|
66
|
-
:href="href"
|
|
67
|
-
:to="to"
|
|
68
|
-
:class="actionClasses"
|
|
69
|
-
@click="e => $emit('click', e)">
|
|
70
|
-
<slot name="icon" />
|
|
71
|
-
<slot name="label">
|
|
72
|
-
{{ label }}
|
|
73
|
-
</slot>
|
|
74
|
-
</btn-dropdown-action>
|
|
75
|
-
</slot>
|
|
76
|
-
</btn-group>
|
|
77
|
-
</template>
|