primevue/splitbutton/splitbutton.esm.min.js

[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [![Discord Chat](https://img.shields.io/discord/55794023

import t from"primevue/button";import e from"primevue/tieredmenu";import{UniqueComponentId as n}from"primevue/utils";import{resolveComponent as o,openBlock as l,createElementBlock as d,normalizeClass as u,normalizeStyle as a,renderSlot as i,createVNode as p,mergeProps as s}from"vue";var r={name:"SplitButton",emits:["click"],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,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:"pi pi-chevron-down"},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}},data:()=>({isExpanded:!1}),methods:{onDropdownButtonClick(){this.$refs.menu.toggle({currentTarget:this.$el,relatedTarget:this.$refs.button.$el}),this.isExpanded=!this.$refs.menu.visible},onDropdownKeydown(t){"ArrowDown"!==t.code&&"ArrowUp"!==t.code||(this.onDropdownButtonClick(),t.preventDefault())},onDefaultButtonClick(t){this.isExpanded&&this.$refs.menu.hide(t),this.$emit("click",t)}},computed:{ariaId:()=>n(),containerClass(){return["p-splitbutton p-component",this.class,{[`p-button-${this.severity}`]:this.severity,"p-button-raised":this.raised,"p-button-rounded":this.rounded,"p-button-text":this.text,"p-button-outlined":this.outlined,"p-button-sm":"small"===this.size,"p-button-lg":"large"===this.size}]}},components:{PVSButton:t,PVSMenu:e}};!function(t,e){void 0===e&&(e={});var n=e.insertAt;if(t&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===n&&o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.styleSheet?l.styleSheet.cssText=t:l.appendChild(document.createTextNode(t))}}("\n.p-splitbutton[data-v-9d2034e4] {\n    display: inline-flex;\n    position: relative;\n}\n.p-splitbutton .p-splitbutton-defaultbutton[data-v-9d2034e4],\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button[data-v-9d2034e4],\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button[data-v-9d2034e4] {\n    flex: 1 1 auto;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-right: 0 none;\n}\n.p-splitbutton-menubutton[data-v-9d2034e4],\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button[data-v-9d2034e4],\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button[data-v-9d2034e4] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n.p-splitbutton .p-menu[data-v-9d2034e4] {\n    min-width: 100%;\n}\n.p-fluid .p-splitbutton[data-v-9d2034e4] {\n    display: flex;\n}\n"),r.render=function(t,e,n,r,b,f){const c=o("PVSButton"),m=o("PVSMenu");return l(),d("div",{class:u(f.containerClass),style:a(n.style)},[i(t.$slots,"default",{},(()=>[p(c,s({type:"button",class:"p-splitbutton-defaultbutton",icon:n.icon,label:n.label,disabled:n.disabled,"aria-label":n.label,onClick:f.onDefaultButtonClick},n.buttonProps),null,16,["icon","label","disabled","aria-label","onClick"])])),p(c,s({ref:"button",type:"button",class:"p-splitbutton-menubutton",icon:n.menuButtonIcon,disabled:n.disabled,"aria-haspopup":"true","aria-expanded":b.isExpanded,"aria-controls":f.ariaId+"_overlay",onClick:f.onDropdownButtonClick,onKeydown:f.onDropdownKeydown},n.menuButtonProps),null,16,["icon","disabled","aria-expanded","aria-controls","onClick","onKeydown"]),p(m,{ref:"menu",id:f.ariaId+"_overlay",model:n.model,popup:!0,autoZIndex:n.autoZIndex,baseZIndex:n.baseZIndex,appendTo:n.appendTo},null,8,["id","model","autoZIndex","baseZIndex","appendTo"])],6)},r.__scopeId="data-v-9d2034e4";export{r as default};