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 n from"primevue/tieredmenu";import{UniqueComponentId as e}from"primevue/utils";import{resolveComponent as o,openBlock as l,createElementBlock as u,normalizeClass as a,normalizeStyle as d,renderSlot as i,createVNode as p,mergeProps as r}from"vue";var s={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"}},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.$refs.menu.hide(t),this.$emit("click")}},computed:{ariaId:()=>e(),containerClass(){return["p-splitbutton p-component",this.class]}},components:{PVSButton:t,PVSMenu:n}};!function(t,n){void 0===n&&(n={});var e=n.insertAt;if(t&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===e&&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-15738044] {\n    display: inline-flex;\n    position: relative;\n}\n.p-splitbutton .p-splitbutton-defaultbutton[data-v-15738044],\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button[data-v-15738044],\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button[data-v-15738044] {\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-15738044],\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button[data-v-15738044],\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button[data-v-15738044] {\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-15738044] {\n    min-width: 100%;\n}\n.p-fluid .p-splitbutton[data-v-15738044] {\n    display: flex;\n}\n"),s.render=function(t,n,e,s,b,c){const m=o("PVSButton"),f=o("PVSMenu");return l(),u("div",{class:a(c.containerClass),style:d(e.style)},[i(t.$slots,"default",{},(()=>[p(m,r({type:"button",class:"p-splitbutton-defaultbutton",icon:e.icon,label:e.label,disabled:e.disabled,"aria-label":e.label,onClick:c.onDefaultButtonClick},e.buttonProps),null,16,["icon","label","disabled","aria-label","onClick"])])),p(m,r({ref:"button",type:"button",class:"p-splitbutton-menubutton",icon:e.menuButtonIcon,disabled:e.disabled,"aria-haspopup":"true","aria-expanded":b.isExpanded,"aria-controls":c.ariaId+"_overlay",onClick:c.onDropdownButtonClick,onKeydown:c.onDropdownKeydown},e.menuButtonProps),null,16,["icon","disabled","aria-expanded","aria-controls","onClick","onKeydown"]),p(f,{ref:"menu",id:c.ariaId+"_overlay",model:e.model,popup:!0,autoZIndex:e.autoZIndex,baseZIndex:e.baseZIndex,appendTo:e.appendTo},null,8,["id","model","autoZIndex","baseZIndex","appendTo"])],6)},s.__scopeId="data-v-15738044";export{s as default};