UNPKG

buefy

Version:

Lightweight UI components for Vue.js (v3) based on Bulma

buefy.org

buefy/buefy

3 lines (2 loc) • 11.6 kB
1
2
3
/*! Buefy v3.0.7 | MIT License | github.com/buefy/buefy */ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).Menu={},e.Vue)}(this,(function(e,t){"use strict";var n=t.defineComponent({provide(){return{BMenuItemContainer:this}},data:()=>({menuItems:[]}),methods:{appendMenuItem(e){this.menuItems.push(e)},removeMenuItem(e){const t=this.menuItems.indexOf(e);-1!==t&&this.menuItems.splice(t,1)}}}),o=t.defineComponent({name:"BMenu",mixins:[n],props:{accordion:{type:Boolean,default:!0},activable:{type:Boolean,default:!0}},data:()=>({_isMenu:!0})}),i=(e,t)=>{const n=e.__vccOpts||e;for(const[e,o]of t)n[e]=o;return n};const s={class:"menu"};var a=i(o,[["render",function(e,n,o,i,a,l){return t.openBlock(),t.createElementBlock("section",null,[t.createElementVNode("div",s,[t.renderSlot(e.$slots,"default")])])}]]);let l={defaultIconPack:"mdi",defaultIconComponent:null,defaultCompatFallthrough:!0,defaultLinkTags:["a","button","input","router-link","nuxt-link","n-link","RouterLink","NuxtLink","NLink"]};const r={sizes:{default:"mdi-24px","is-small":null,"is-medium":"mdi-36px","is-large":"mdi-48px"},iconPrefix:"mdi-"},c=()=>{const e="fa-";return{sizes:{default:null,"is-small":null,"is-medium":e+"lg","is-large":e+"2x"},iconPrefix:e,internalIcons:{information:"info-circle",alert:"exclamation-triangle","alert-circle":"exclamation-circle","chevron-right":"angle-right","chevron-left":"angle-left","chevron-down":"angle-down","eye-off":"eye-slash","menu-down":"caret-down","menu-up":"caret-up","close-circle":"times-circle"}}},u={checkboxOn:{type:"svg",viewBox:"0 0 1 1",path:"M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z"},checkboxIndeterminate:{type:"svg",viewBox:"0 0 1 1",path:"M 0.15,0.4 L 0.85,0.4 L 0.85,0.6 L 0.15,0.6 Z"},chevronLeft:{type:"svg",path:"M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z"},chevronRight:{type:"svg",path:"M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"},chevronDown:{type:"svg",path:"M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"},chevronUp:{type:"svg",path:"M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z"},menuDown:{type:"svg",path:"M7,10L12,15L17,10H7Z"},menuUp:{type:"svg",path:"M7,14L12,9L17,14H7Z"},check:{type:"svg",path:"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"},alertCircle:{type:"svg",path:"M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"},alert:{type:"svg",path:"M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z"},information:{type:"svg",path:"M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"},close:{type:"svg",path:"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"},closeCircle:{type:"svg",path:"M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z"},eye:{type:"svg",path:"M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z"},eyeOff:{type:"svg",path:"M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.18 16.38,18.6L16.81,19L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z"}};function p(e){return u[e]}var d=t.defineComponent({name:"BIcon",props:{type:[String,Object],component:String,pack:String,icon:{type:String,required:!1,default:void 0},alias:String,size:String,customSize:String,customClass:String,both:Boolean},computed:{resolvedAlias(){var e;return this.alias&&null!=(e=p(this.alias))?e:null},isSvgAlias(){var e;return"svg"===(null==(e=this.resolvedAlias)?void 0:e.type)},isComponentAlias(){var e;return"component"===(null==(e=this.resolvedAlias)?void 0:e.type)},resolvedAliasSvg(){return this.resolvedAlias},resolvedAliasComponent(){return this.resolvedAlias},iconConfig(){return{mdi:r,fa:c(),fas:c(),far:c(),fad:c(),fab:c(),fal:c(),"fa-solid":c(),"fa-regular":c(),"fa-light":c(),"fa-thin":c(),"fa-duotone":c(),"fa-brands":c()}[this.newPack]},iconPrefix(){return this.iconConfig&&this.iconConfig.iconPrefix?this.iconConfig.iconPrefix:""},newIcon(){var e;return`${this.iconPrefix}${this.getEquivalentIconOf(null!=(e=this.icon)?e:"")}`},newPack(){return this.pack||l.defaultIconPack},newType(){if(!this.type)return;let e=[];if("string"==typeof this.type)e=this.type.split("-");else for(const t in this.type)if(this.type[t]){e=t.split("-");break}if(e.length<=1)return;const[,...t]=e;return`has-text-${t.join("-")}`},newCustomSize(){return this.customSize||this.customSizeByPack},customSizeByPack(){if(this.iconConfig&&this.iconConfig.sizes){if(this.size&&void 0!==this.iconConfig.sizes[this.size])return this.iconConfig.sizes[this.size];if(this.iconConfig.sizes.default)return this.iconConfig.sizes.default}return null},useIconComponent(){return this.component||l.defaultIconComponent}},methods:{getEquivalentIconOf(e){if(!this.both)return e;if(null==this.iconConfig)return e;const t=this.iconConfig;return t&&t.internalIcons&&t.internalIcons[e]?t.internalIcons[e]:e}}});const m=["viewBox"],h=["d"];var f=i(d,[["render",function(e,n,o,i,s,a){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["icon",[e.newType,e.size]])},[e.isSvgAlias?(t.openBlock(),t.createElementBlock("svg",{key:0,viewBox:e.resolvedAliasSvg.viewBox||"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",class:t.normalizeClass(e.customClass),"aria-hidden":"true"},[t.createElementVNode("path",{fill:"currentColor",d:e.resolvedAliasSvg.path},null,8,h)],10,m)):e.isComponentAlias?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.resolvedAliasComponent.component),{key:1,icon:e.resolvedAliasComponent.icon,class:t.normalizeClass(e.customClass)},null,8,["icon","class"])):e.useIconComponent?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.useIconComponent),{key:3,icon:[e.newPack,e.newIcon],size:e.newCustomSize,class:t.normalizeClass([e.customClass])},null,8,["icon","size","class"])):(t.openBlock(),t.createElementBlock("i",{key:2,class:t.normalizeClass([e.newPack,e.newIcon,e.newCustomSize,e.customClass])},null,2))],2)}]]),g=t.defineComponent({name:"BMenuList",components:{BIcon:f},props:{label:String,icon:String,iconPack:String,ariaRole:{type:String,default:""},size:{type:String,default:"is-small"}}});const v={key:0,class:"menu-label"},C=["role"];var L=i(g,[["render",function(e,n,o,i,s,a){const l=t.resolveComponent("b-icon");return t.openBlock(),t.createElementBlock(t.Fragment,null,[e.label||e.$slots.label?(t.openBlock(),t.createElementBlock("p",v,[e.label?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[e.icon?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createVNode(l,{icon:e.icon,pack:e.iconPack,size:e.size},null,8,["icon","pack","size"]),t.createElementVNode("span",null,t.toDisplayString(e.label),1)],64)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createTextVNode(t.toDisplayString(e.label),1)],64))],64)):t.renderSlot(e.$slots,"label",{key:1})])):t.createCommentVNode("v-if",!0),t.createElementVNode("ul",{class:"menu-list",role:"menu"===e.ariaRole?e.ariaRole:void 0},[t.renderSlot(e.$slots,"default")],8,C)],64)}]]),y=Object.getOwnPropertySymbols,k=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable,x=t.defineComponent({inheritAttrs:!1,props:{compatFallthrough:{type:Boolean,default:()=>l.defaultCompatFallthrough}},computed:{rootAttrs(){return this.compatFallthrough?{class:this.$attrs.class,style:this.$attrs.style,id:this.$attrs.id}:{}},fallthroughAttrs(){if(this.compatFallthrough){const e=this.$attrs,{style:t,class:n,id:o}=e;return((e,t)=>{var n={};for(var o in e)k.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&y)for(var o of y(e))t.indexOf(o)<0&&B.call(e,o)&&(n[o]=e[o]);return n})(e,["style","class","id"])}return this.$attrs}}}),w=t.defineComponent({name:"BMenuItem",components:{BIcon:f},mixins:[x,n],inject:{parent:{from:"BMenuItemContainer",default:null}},props:{label:String,modelValue:Boolean,expanded:Boolean,disabled:Boolean,iconPack:String,icon:String,animation:{type:String,default:"slide"},tag:{type:[String,Object],default:"a",validator:e=>"object"==typeof e||l.defaultLinkTags.indexOf(e)>=0},ariaRole:{type:String,default:""},size:{type:String,default:"is-small"}},emits:{"update:modelValue":e=>!0,"update:expanded":e=>!0},data(){return{newActive:this.modelValue,newExpanded:this.expanded}},computed:{ariaRoleMenu(){return"menuitem"===this.ariaRole?this.ariaRole:void 0}},watch:{modelValue(e){this.newActive=e},expanded(e){this.newExpanded=e}},methods:{onClick(){if(this.disabled)return;const e=this.getMenu();this.reset(this.parent,e),this.newExpanded=this.$props.expanded||!this.newExpanded,this.$emit("update:expanded",this.newExpanded),e&&e.activable&&(this.newActive=!0,this.$emit("update:modelValue",this.newActive))},reset(e,t){null!=e&&e.menuItems.forEach((n=>{n!==this&&(this.reset(n,t),(!e.$data._isMenu||e.$data._isMenu&&e.accordion)&&(n.newExpanded=!1,n.$emit("update:expanded",n.newExpanded)),t&&t.activable&&(n.newActive=!1,n.$emit("update:modelValue",n.newActive)))}))},getMenu(){let e=this.parent;for(;e&&!e.$data._isMenu;)e=e.parent;return e}},mounted(){this.parent&&this.parent.appendMenuItem(this)},beforeUnmount(){this.parent&&this.parent.removeMenuItem(this)}});const M=["role"],A={key:1};var b=i(w,[["render",function(e,n,o,i,s,a){const l=t.resolveComponent("b-icon");return t.openBlock(),t.createElementBlock("li",t.mergeProps({role:e.ariaRoleMenu},e.rootAttrs),[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.tag),t.mergeProps(e.fallthroughAttrs,{class:{"is-active":e.newActive,"is-expanded":e.newExpanded,"is-disabled":e.disabled,"icon-text":e.icon},onClick:n[0]||(n[0]=t=>e.onClick())}),{default:t.withCtx((()=>[e.icon?(t.openBlock(),t.createBlock(l,{key:0,icon:e.icon,pack:e.iconPack,size:e.size},null,8,["icon","pack","size"])):t.createCommentVNode("v-if",!0),e.label?(t.openBlock(),t.createElementBlock("span",A,t.toDisplayString(e.label),1)):t.renderSlot(e.$slots,"label",{key:2,expanded:e.newExpanded,active:e.newActive})])),_:3},16,["class"])),t.createCommentVNode(" sub menu items "),e.$slots.default?(t.openBlock(),t.createBlock(t.Transition,{key:0,name:e.animation,persisted:""},{default:t.withCtx((()=>[t.withDirectives(t.createElementVNode("ul",null,[t.renderSlot(e.$slots,"default")],512),[[t.vShow,e.newExpanded]])])),_:3},8,["name"])):t.createCommentVNode("v-if",!0)],16,M)}]]);const S=(e,t,n)=>{const o=n||t.name;if(null==o)throw new Error("Buefy.registerComponent: missing component name");e.component(o,t)},z={install(e){S(e,a),S(e,L,"BMenuList"),S(e,b)}};e.BMenu=a,e.BMenuItem=b,e.BMenuList=L,e.default=z,Object.defineProperty(e,"__esModule",{value:!0})}));