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/basecomponent";import e from"primevue/button";import n from"primevue/icons/chevrondown";import o from"primevue/tieredmenu";import{UniqueComponentId as l}from"primevue/utils";import{resolveComponent as u,openBlock as a,createElementBlock as i,mergeProps as d,renderSlot as p,createVNode as s,withCtx as r,createElementVNode as b,createBlock as m,resolveDynamicComponent as f}from"vue";var c={name:"SplitButton",extends:t,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: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}},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:()=>l(),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:e,PVSMenu:o,ChevronDownIcon:n}};!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-29147f7b] {\n    display: inline-flex;\n    position: relative;\n}\n.p-splitbutton .p-splitbutton-defaultbutton[data-v-29147f7b],\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button[data-v-29147f7b],\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button[data-v-29147f7b] {\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-29147f7b],\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button[data-v-29147f7b],\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button[data-v-29147f7b] {\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-29147f7b] {\n    min-width: 100%;\n}\n.p-fluid .p-splitbutton[data-v-29147f7b] {\n    display: flex;\n}\n"),c.render=function(t,e,n,o,l,c){const y=u("PVSButton"),h=u("PVSMenu");return a(),i("div",d({class:c.containerClass,style:n.style},t.ptm("root")),[p(t.$slots,"default",{},(()=>[s(y,d({type:"button",class:"p-splitbutton-defaultbutton",label:n.label,disabled:n.disabled,"aria-label":n.label,onClick:c.onDefaultButtonClick,pt:t.ptm("button")},n.buttonProps),{icon:r((e=>[p(t.$slots,"icon",{},(()=>[b("span",d({class:[n.icon,e.class]},t.ptm("button").icon),null,16)]))])),_:3},16,["label","disabled","aria-label","onClick","pt"])])),s(y,d({ref:"button",type:"button",class:"p-splitbutton-menubutton",disabled:n.disabled,"aria-haspopup":"true","aria-expanded":l.isExpanded,"aria-controls":c.ariaId+"_overlay",onClick:c.onDropdownButtonClick,onKeydown:c.onDropdownKeydown,pt:t.ptm("menuButton")},n.menuButtonProps),{icon:r((e=>[p(t.$slots,"menubuttonicon",{},(()=>[(a(),m(f(n.menuButtonIcon?"span":"ChevronDownIcon"),d({class:[n.menuButtonIcon,e.class]},t.ptm("menuButton").icon),null,16,["class"]))]))])),_:3},16,["disabled","aria-expanded","aria-controls","onClick","onKeydown","pt"]),s(h,{ref:"menu",id:c.ariaId+"_overlay",model:n.model,popup:!0,autoZIndex:n.autoZIndex,baseZIndex:n.baseZIndex,appendTo:n.appendTo,pt:t.ptm("menu")},null,8,["id","model","autoZIndex","baseZIndex","appendTo","pt"])],16)},c.__scopeId="data-v-29147f7b";export{c as default};