accessibleprimevue/splitbutton/splitbutton.esm.min.js

Note: This is the forked version of the Primefaces/PrimeVue repository. Since V3 has reached its EOL this is use to fix identified accessibility bugs in the v3 version of primevue. PrimeVue is an open source UI library for Vue featuring a rich set of 80+

import t from"primevue/button";import e from"primevue/icons/chevrondown";import n from"primevue/tieredmenu";import{UniqueComponentId as o}from"primevue/utils";import i from"primevue/basecomponent";import l from"primevue/splitbutton/style";import{resolveComponent as u,openBlock as s,createElementBlock as a,mergeProps as d,createVNode as r,createSlots as p,withCtx as c,renderSlot as m,normalizeClass as f,createElementVNode as y,createBlock as b,resolveDynamicComponent as v}from"vue";var h={name:"SplitButton",extends:{name:"BaseSplitButton",extends:i,props:{label:{type:String,default:null},icon:{type:String,default:null},model:{type:Array,default:null},autoZIndex:{type:Boolean,default:!0},baseZIndex:{type:Number,default:0},appendTo:{type:[String,Object],default:"body"},disabled:{type:Boolean,default:!1},class:{type:null,default:null},style:{type:null,default:null},buttonProps:{type:null,default:null},menuButtonProps:{type:null,default:null},menuButtonIcon:{type:String,default:void 0},severity:{type:String,default:null},raised:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},text:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},size:{type:String,default:null},plain:{type:Boolean,default:!1}},style:l,provide:function(){return{$parentInstance:this}}},inheritAttrs:!1,emits:["click"],data:function(){return{id:this.$attrs.id,isExpanded:!1}},watch:{"$attrs.id":function(t){this.id=t||o()}},mounted:function(){var t=this;this.id=this.id||o(),this.$watch("$refs.menu.visible",(function(e){t.isExpanded=e}))},methods:{onDropdownButtonClick:function(t){t&&t.preventDefault(),this.$refs.menu.toggle({currentTarget:this.$el,relatedTarget:this.$refs.button.$el}),this.isExpanded=this.$refs.menu.visible},onDropdownKeydown:function(t){"ArrowDown"!==t.code&&"ArrowUp"!==t.code||(this.onDropdownButtonClick(),t.preventDefault())},onDefaultButtonClick:function(t){this.isExpanded&&this.$refs.menu.hide(t),this.$emit("click",t)}},computed:{containerClass:function(){return[this.cx("root"),this.class]}},components:{PVSButton:t,PVSMenu:n,ChevronDownIcon:e}},x=["data-p-severity"];h.render=function(t,e,n,o,i,l){var h=u("PVSButton"),B=u("PVSMenu");return s(),a("div",d({class:l.containerClass,style:t.style},t.ptmi("root"),{"data-p-severity":t.severity}),[r(h,d({type:"button",class:t.cx("button"),label:t.label,icon:t.icon,disabled:t.disabled,severity:t.severity,text:t.text,outlined:t.outlined,size:t.size,"aria-label":t.label,onClick:l.onDefaultButtonClick},t.buttonProps,{pt:t.ptm("button"),unstyled:t.unstyled}),p({default:c((function(){return[m(t.$slots,"default")]})),_:2},[t.$slots.icon?{name:"icon",fn:c((function(e){return[m(t.$slots,"icon",{class:f(e.class)},(function(){return[y("span",d({class:[t.icon,e.class]},t.ptm("button").icon,{"data-pc-section":"buttonicon"}),null,16)]}))]})),key:"0"}:void 0]),1040,["class","label","icon","disabled","severity","text","outlined","size","aria-label","onClick","pt","unstyled"]),r(h,d({ref:"button",type:"button",class:t.cx("menuButton"),disabled:t.disabled,"aria-haspopup":"true","aria-expanded":i.isExpanded,"aria-controls":i.id+"_overlay",onClick:l.onDropdownButtonClick,onKeydown:l.onDropdownKeydown,severity:t.severity,text:t.text,outlined:t.outlined,size:t.size},t.menuButtonProps,{pt:t.ptm("menuButton"),unstyled:t.unstyled}),{icon:c((function(e){return[m(t.$slots,"menubuttonicon",{class:f(e.class)},(function(){return[(s(),b(v(t.menuButtonIcon?"span":"ChevronDownIcon"),d({class:[t.menuButtonIcon,e.class]},t.ptm("menuButton").icon,{"data-pc-section":"menubuttonicon"}),null,16,["class"]))]}))]})),_:3},16,["class","disabled","aria-expanded","aria-controls","onClick","onKeydown","severity","text","outlined","size","pt","unstyled"]),r(B,{ref:"menu",id:i.id+"_overlay",model:t.model,popup:!0,autoZIndex:t.autoZIndex,baseZIndex:t.baseZIndex,appendTo:t.appendTo,unstyled:t.unstyled,pt:t.ptm("menu")},p({_:2},[t.$slots.menuitemicon?{name:"itemicon",fn:c((function(e){return[m(t.$slots,"menuitemicon",{item:e.item,class:f(e.class)})]})),key:"0"}:void 0,t.$slots.item?{name:"item",fn:c((function(e){return[m(t.$slots,"item",{item:e.item,hasSubmenu:e.hasSubmenu,label:e.label,props:e.props})]})),key:"1"}:void 0]),1032,["id","model","autoZIndex","baseZIndex","appendTo","unstyled","pt"])],16,x)};export{h as default};