primevue 3.22.4 → 3.24.0

package/splitbutton/splitbutton.esm.js

@@ -54,6 +54,34 @@ var script = {
         menuButtonIcon: {
             type: String,
             default: 'pi pi-chevron-down'
+        },
+        severity: {
+            type: String,
+            default: null
+        },
+        raised: {
+            type: Boolean,
+            default: false
+        },
+        rounded: {
+            type: Boolean,
+            default: false
+        },
+        text: {
+            type: Boolean,
+            default: false
+        },
+        outlined: {
+            type: Boolean,
+            default: false
+        },
+        size: {
+            type: String,
+            default: null
+        },
+        plain: {
+            type: Boolean,
+            default: false
         }
     },
     data() {
@@ -83,7 +111,19 @@ var script = {
             return UniqueComponentId();
         },
         containerClass() {
-            return ['p-splitbutton p-component', this.class];
+            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': this.size === 'small',
+                    'p-button-lg': this.size === 'large'
+                }
+            ];
         }
     },
     components: {
@@ -162,10 +202,10 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\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";
+var css_248z = "\n.p-splitbutton[data-v-0df0b659] {\n    display: inline-flex;\n    position: relative;\n}\n.p-splitbutton .p-splitbutton-defaultbutton[data-v-0df0b659],\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button[data-v-0df0b659],\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button[data-v-0df0b659] {\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-0df0b659],\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button[data-v-0df0b659],\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button[data-v-0df0b659] {\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-0df0b659] {\n    min-width: 100%;\n}\n.p-fluid .p-splitbutton[data-v-0df0b659] {\n    display: flex;\n}\n";
 styleInject(css_248z);
 
 script.render = render;
-script.__scopeId = "data-v-15738044";
+script.__scopeId = "data-v-0df0b659";
 
 export { script as default };

package/splitbutton/splitbutton.esm.min.js

@@ -1 +1 @@
-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};
+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.$refs.menu.hide(t),this.$emit("click")}},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-0df0b659] {\n    display: inline-flex;\n    position: relative;\n}\n.p-splitbutton .p-splitbutton-defaultbutton[data-v-0df0b659],\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button[data-v-0df0b659],\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button[data-v-0df0b659] {\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-0df0b659],\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button[data-v-0df0b659],\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button[data-v-0df0b659] {\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-0df0b659] {\n    min-width: 100%;\n}\n.p-fluid .p-splitbutton[data-v-0df0b659] {\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-0df0b659";export{r as default};

package/splitbutton/splitbutton.js

@@ -58,6 +58,34 @@ this.primevue.splitbutton = (function (Button, TieredMenu, utils, vue) {
             menuButtonIcon: {
                 type: String,
                 default: 'pi pi-chevron-down'
+            },
+            severity: {
+                type: String,
+                default: null
+            },
+            raised: {
+                type: Boolean,
+                default: false
+            },
+            rounded: {
+                type: Boolean,
+                default: false
+            },
+            text: {
+                type: Boolean,
+                default: false
+            },
+            outlined: {
+                type: Boolean,
+                default: false
+            },
+            size: {
+                type: String,
+                default: null
+            },
+            plain: {
+                type: Boolean,
+                default: false
             }
         },
         data() {
@@ -87,7 +115,19 @@ this.primevue.splitbutton = (function (Button, TieredMenu, utils, vue) {
                 return utils.UniqueComponentId();
             },
             containerClass() {
-                return ['p-splitbutton p-component', this.class];
+                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': this.size === 'small',
+                        'p-button-lg': this.size === 'large'
+                    }
+                ];
             }
         },
         components: {
@@ -166,11 +206,11 @@ this.primevue.splitbutton = (function (Button, TieredMenu, utils, vue) {
       }
     }
 
-    var css_248z = "\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";
+    var css_248z = "\n.p-splitbutton[data-v-0df0b659] {\n    display: inline-flex;\n    position: relative;\n}\n.p-splitbutton .p-splitbutton-defaultbutton[data-v-0df0b659],\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button[data-v-0df0b659],\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button[data-v-0df0b659] {\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-0df0b659],\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button[data-v-0df0b659],\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button[data-v-0df0b659] {\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-0df0b659] {\n    min-width: 100%;\n}\n.p-fluid .p-splitbutton[data-v-0df0b659] {\n    display: flex;\n}\n";
     styleInject(css_248z);
 
     script.render = render;
-    script.__scopeId = "data-v-15738044";
+    script.__scopeId = "data-v-0df0b659";
 
     return script;
 

package/splitbutton/splitbutton.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.splitbutton=function(t,e,n,o){"use strict";function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var u=l(t),a=l(e),d={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:()=>n.UniqueComponentId(),containerClass(){return["p-splitbutton p-component",this.class]}},components:{PVSButton:u.default,PVSMenu:a.default}};return 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-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"),d.render=function(t,e,n,l,u,a){const d=o.resolveComponent("PVSButton"),i=o.resolveComponent("PVSMenu");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(a.containerClass),style:o.normalizeStyle(n.style)},[o.renderSlot(t.$slots,"default",{},(()=>[o.createVNode(d,o.mergeProps({type:"button",class:"p-splitbutton-defaultbutton",icon:n.icon,label:n.label,disabled:n.disabled,"aria-label":n.label,onClick:a.onDefaultButtonClick},n.buttonProps),null,16,["icon","label","disabled","aria-label","onClick"])])),o.createVNode(d,o.mergeProps({ref:"button",type:"button",class:"p-splitbutton-menubutton",icon:n.menuButtonIcon,disabled:n.disabled,"aria-haspopup":"true","aria-expanded":u.isExpanded,"aria-controls":a.ariaId+"_overlay",onClick:a.onDropdownButtonClick,onKeydown:a.onDropdownKeydown},n.menuButtonProps),null,16,["icon","disabled","aria-expanded","aria-controls","onClick","onKeydown"]),o.createVNode(i,{ref:"menu",id:a.ariaId+"_overlay",model:n.model,popup:!0,autoZIndex:n.autoZIndex,baseZIndex:n.baseZIndex,appendTo:n.appendTo},null,8,["id","model","autoZIndex","baseZIndex","appendTo"])],6)},d.__scopeId="data-v-15738044",d}(primevue.button,primevue.tieredmenu,primevue.utils,Vue);
+this.primevue=this.primevue||{},this.primevue.splitbutton=function(t,e,n,o){"use strict";function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var u=l(t),d=l(e),a={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.$refs.menu.hide(t),this.$emit("click")}},computed:{ariaId:()=>n.UniqueComponentId(),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:u.default,PVSMenu:d.default}};return 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-0df0b659] {\n    display: inline-flex;\n    position: relative;\n}\n.p-splitbutton .p-splitbutton-defaultbutton[data-v-0df0b659],\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button[data-v-0df0b659],\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button[data-v-0df0b659] {\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-0df0b659],\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button[data-v-0df0b659],\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button[data-v-0df0b659] {\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-0df0b659] {\n    min-width: 100%;\n}\n.p-fluid .p-splitbutton[data-v-0df0b659] {\n    display: flex;\n}\n"),a.render=function(t,e,n,l,u,d){const a=o.resolveComponent("PVSButton"),i=o.resolveComponent("PVSMenu");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(d.containerClass),style:o.normalizeStyle(n.style)},[o.renderSlot(t.$slots,"default",{},(()=>[o.createVNode(a,o.mergeProps({type:"button",class:"p-splitbutton-defaultbutton",icon:n.icon,label:n.label,disabled:n.disabled,"aria-label":n.label,onClick:d.onDefaultButtonClick},n.buttonProps),null,16,["icon","label","disabled","aria-label","onClick"])])),o.createVNode(a,o.mergeProps({ref:"button",type:"button",class:"p-splitbutton-menubutton",icon:n.menuButtonIcon,disabled:n.disabled,"aria-haspopup":"true","aria-expanded":u.isExpanded,"aria-controls":d.ariaId+"_overlay",onClick:d.onDropdownButtonClick,onKeydown:d.onDropdownKeydown},n.menuButtonProps),null,16,["icon","disabled","aria-expanded","aria-controls","onClick","onKeydown"]),o.createVNode(i,{ref:"menu",id:d.ariaId+"_overlay",model:n.model,popup:!0,autoZIndex:n.autoZIndex,baseZIndex:n.baseZIndex,appendTo:n.appendTo},null,8,["id","model","autoZIndex","baseZIndex","appendTo"])],6)},a.__scopeId="data-v-0df0b659",a}(primevue.button,primevue.tieredmenu,primevue.utils,Vue);

package/splitter/Splitter.d.ts

@@ -1,10 +1,19 @@
+/**
+ *
+ * Splitter is utilized to separate and resize panels.
+ *
+ * [Live Demo](https://www.primevue.org/splitter/)
+ *
+ * @module splitter
+ *
+ */
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type SplitterLayoutType = 'horizontal' | 'vertical' | undefined;
-
-type SplitterStateStorageType = 'local' | 'session' | undefined;
-
+/**
+ * Custom resize start event.
+ * @see {@link SplitterEmits.resizestar}
+ */
 export interface SplitterResizeStartEvent {
     /**
      * Browser event
@@ -16,6 +25,10 @@ export interface SplitterResizeStartEvent {
     sizes: number[];
 }
 
+/**
+ * Custom resize end event.
+ * @see {@link PickListEmits.resizeend}
+ */
 export interface SplitterResizeEndEvent {
     /**
      * Browser event
@@ -27,16 +40,18 @@ export interface SplitterResizeEndEvent {
     sizes: number[];
 }
 
+/**
+ * Defines valid properties in Splitter component.
+ */
 export interface SplitterProps {
     /**
      * Orientation of the panels.
-     * @see SplitterLayoutType
-     * Default value is 'horizontal'.
+     * @defaultValue horizontal
      */
-    layout?: SplitterLayoutType;
+    layout?: 'horizontal' | 'vertical' | undefined;
     /**
      * Size of the divider in pixels.
-     * Default value is 4.
+     * @defaultValue 4
      */
     gutterSize?: number | undefined;
     /**
@@ -45,37 +60,54 @@ export interface SplitterProps {
     stateKey?: string | undefined;
     /**
      * Defines where a stateful splitter keeps its state, valid values are 'session' for sessionStorage and 'local' for localStorage.
-     * @see SplitterStateStorageType
-     * Default value is 'session'.
+     * @defaultValue session
      */
-    stateStorage?: SplitterStateStorageType;
+    stateStorage?: 'local' | 'session' | undefined;
     /**
      * Step factor to increment/decrement the size of the panels while pressing the arrow keys.
-     * Default value is 1.
+     * @defaultValue 1
      */
     step?: number | undefined;
 }
 
+/**
+ * Defines valid slots in Splitter slots.
+ */
 export interface SplitterSlots {
     /**
      * Default slot to detect SplitterPanel components.
      */
-    default: () => VNode[];
+    default(): VNode[];
 }
 
-export declare type SplitterEmits = {
+/**
+ * Defines valid emits in Splitter component.
+ */
+export interface SplitterEmits {
     /**
      * Callback to invoke when resize starts.
      * @param {SplitterResizeStartEvent} event - Custom resize start event.
      */
-    resizestar: (event: SplitterResizeStartEvent) => void;
+    resizestar(event: SplitterResizeStartEvent): void;
     /**
      * Callback to invoke when resize ends.
      * @param {SplitterResizeEndEvent} event - Custom resize end event.
      */
-    resizeend: (event: SplitterResizeEndEvent) => void;
-};
+    resizeend(event: SplitterResizeEndEvent): void;
+}
 
+/**
+ * **PrimeVue - Splitter**
+ *
+ * _Splitter is utilized to separate and resize panels._
+ *
+ * [Live Demo](https://www.primevue.org/splitter/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
 declare class Splitter extends ClassComponent<SplitterProps, SplitterSlots, SplitterEmits> {}
 
 declare module '@vue/runtime-core' {
@@ -84,17 +116,4 @@ declare module '@vue/runtime-core' {
     }
 }
 
-/**
- *
- * Splitter is utilized to separate and resize panels.
- *
- * Helper Components:
- *
- * - SplitterPanel
- *
- * Demos:
- *
- * - [Splitter](https://www.primefaces.org/primevue/splitter)
- *
- */
 export default Splitter;

package/splitterpanel/SplitterPanel.d.ts

@@ -1,6 +1,18 @@
+/**
+ *
+ * SplitterPanel is a helper component for Splitter component.
+ *
+ * [Live Demo](https://www.primevue.org/splitter/)
+ *
+ * @module splitterpanel
+ *
+ */
 import { VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
+/**
+ * Defines valid properties in SplitterPanel component.
+ */
 export interface SplitterPanelProps {
     /**
      * Size of the element relative to 100%.
@@ -12,6 +24,9 @@ export interface SplitterPanelProps {
     minSize?: number | undefined;
 }
 
+/**
+ * Defines valid slots in SplitterPanel slots.
+ */
 export interface SplitterPanelSlots {
     /**
      * Custom content template.
@@ -19,8 +34,20 @@ export interface SplitterPanelSlots {
     default: () => VNode[];
 }
 
-export declare type SplitterPanelEmits = {};
+export interface SplitterPanelEmits {}
 
+/**
+ * **PrimeVue - SplitterPanel**
+ *
+ * _SplitterPanel is a helper component for Splitter component._
+ *
+ * [Live Demo](https://www.primevue.org/splitterpanel/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
 declare class SplitterPanel extends ClassComponent<SplitterPanelProps, SplitterPanelSlots, SplitterPanelEmits> {}
 
 declare module '@vue/runtime-core' {
@@ -29,13 +56,4 @@ declare module '@vue/runtime-core' {
     }
 }
 
-/**
- *
- * SplitterPanel is a helper component for Splitter component.
- *
- * Demos:
- *
- * - [SplitterPanel](https://www.primefaces.org/primevue/splitter)
- *
- */
 export default SplitterPanel;

package/steps/Steps.d.ts

@@ -1,7 +1,19 @@
+/**
+ *
+ * Steps components is an indicator for the steps in a wizard workflow. Example below uses nested routes with Steps.
+ *
+ * [Live Demo](https://www.primevue.org/steps/)
+ *
+ * @module steps
+ *
+ */
 import { VNode } from 'vue';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 import { MenuItem } from '../menuitem';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
+/**
+ * Defines valid properties in Steps component.
+ */
 export interface StepsProps {
     /**
      * Unique identifier of the element.
@@ -13,31 +25,49 @@ export interface StepsProps {
     model?: MenuItem[] | undefined;
     /**
      * Whether the items are clickable or not.
-     * Default value is true.
+     * @defaultValue true
      */
     readonly?: boolean | undefined;
     /**
      * Whether to apply 'router-link-active-exact' class if route exactly matches the item path.
-     * Default value is true.
+     * @defaultValue true
      */
     exact?: boolean | undefined;
 }
 
+/**
+ * Defines valid slots in Steps component.
+ */
 export interface StepsSlots {
     /**
      * Custom item template.
      * @param {Object} scope - item slot's params.
      */
-    item: (scope: {
+    item(scope: {
         /**
          * Menuitem instance
          */
         item: MenuItem;
-    }) => VNode[];
+    }): VNode[];
 }
 
-export declare type StepsEmits = {};
+/**
+ * Defines valid emits in Steps component.
+ */
+export interface StepsEmits {}
 
+/**
+ * **PrimeVue - Steps**
+ *
+ * _Steps components is an indicator for the steps in a wizard workflow. Example below uses nested routes with Steps._
+ *
+ * [Live Demo](https://www.primevue.org/steps/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
 declare class Steps extends ClassComponent<StepsProps, StepsSlots, StepsEmits> {}
 
 declare module '@vue/runtime-core' {
@@ -46,13 +76,4 @@ declare module '@vue/runtime-core' {
     }
 }
 
-/**
- *
- * Steps components is an indicator for the steps in a wizard workflow. Example below uses nested routes with Steps.
- *
- * Demos:
- *
- * - [Steps](https://www.primefaces.org/primevue/steps)
- *
- */
 export default Steps;

package/styleclass/StyleClass.d.ts

@@ -1,5 +1,76 @@
-import { ObjectDirective } from 'vue';
+/**
+ *
+ * StyleClass manages css classes declaratively to during enter/leave animations or just to toggle classes on an element.
+ *
+ * [Live Demo](https://primevue.org/styleclass)
+ *
+ * @module styleclass
+ */
+import { DirectiveBinding, ObjectDirective } from 'vue';
 
+/**
+ * Defines options of StyleClass.
+ */
+export interface StyleClassOptions {
+    /**
+     * Selector to define the target element. Available selectors are '@next', '@prev', '@parent' and '@grandparent'.
+     */
+    selector?: '@next' | '@prev' | '@parent' | '@grandparent' | string | undefined;
+    /**
+     * Style class to add when item begins to get displayed.
+     */
+    enterClassName?: string | undefined;
+    /**
+     * Style class to add during enter animation.
+     */
+    enterActiveClassName?: string | undefined;
+    /**
+     * Style class to add when item begins to get displayed.
+     */
+    enterToClassName?: string | undefined;
+    /**
+     * Style class to add when item begins to get hidden.
+     */
+    leaveClassName?: string | undefined;
+    /**
+     * Style class to add during leave animation.
+     */
+    leaveActiveClassName?: string | undefined;
+    /**
+     * Style class to add when leave animation is completed.
+     */
+    leaveToClassName?: string | undefined;
+    /**
+     * Whether to trigger leave animation when outside of the element is clicked.
+     * @defaultValue false
+     */
+    hideOnOutsideClick?: boolean | undefined;
+    /**
+     * Adds or removes a class when no enter-leave animation is required.
+     */
+    toggleClass?: string | undefined;
+}
+
+/**
+ * Binding of StyleClass directive.
+ */
+export interface StyleClassDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
+    /**
+     * Value of the StyleClass.
+     */
+    value?: StyleClassOptions | undefined;
+}
+
+/**
+ * **PrimeVue - StyleClass**
+ *
+ * _StyleClass manages css classes declaratively to during enter/leave animations or just to toggle classes on an element._
+ *
+ * [Live Demo](https://www.primevue.org/styleclass/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ */
 declare const StyleClass: ObjectDirective;
 
 export default StyleClass;

package/tabmenu/TabMenu.d.ts

@@ -1,7 +1,20 @@
+/**
+ *
+ * TabMenu is a navigation component that displays items as tab headers. Example below uses nested routes with TabMenu.
+ *
+ * [Live Demo](https://www.primevue.org/tabmenu/)
+ *
+ * @module tabmenu
+ *
+ */
 import { VNode } from 'vue';
 import { MenuItem } from '../menuitem';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
+/**
+ * Custom change event.
+ * @see {@link TabMenuEmits['tab-change']}
+ */
 export interface TabMenuChangeEvent {
     /**
      * Browser event
@@ -13,6 +26,9 @@ export interface TabMenuChangeEvent {
     index: number;
 }
 
+/**
+ * Defines valid properties in TabMenu component.
+ */
 export interface TabMenuProps {
     /**
      * An array of menuitems.
@@ -20,12 +36,12 @@ export interface TabMenuProps {
     model?: MenuItem[] | undefined;
     /**
      * Defines if active route highlight should match the exact route path.
-     * Default value is true.
+     * @defaultValue true
      */
     exact?: boolean | undefined;
     /**
      * Active index of menuitem.
-     * Default value is 0.
+     * @defaultValue 0
      */
     activeIndex?: number | undefined;
     /**
@@ -38,27 +54,45 @@ export interface TabMenuProps {
     'aria-labelledby'?: string | undefined;
 }
 
+/**
+ * Defines valid slots in TabMenu component.
+ */
 export interface TabMenuSlots {
     /**
      * Custom content for each item.
      * @param {Object} scope - item slot's params.
      */
-    item: (scope: {
+    item(scope: {
         /**
          * Menuitem instance
          */
         item: MenuItem;
-    }) => VNode[];
+    }): VNode[];
 }
 
-export declare type TabMenuEmits = {
+/**
+ * Defines valid emits in TabMenu component.
+ */
+export interface TabMenuEmits {
     /**
      * Callback to invoke when an active tab is changed.
      * @param {TabMenuChangeEvent} event - Custom tab change event.
      */
-    'tab-change': (event: TabMenuChangeEvent) => void;
-};
+    'tab-change'(event: TabMenuChangeEvent): void;
+}
 
+/**
+ * **PrimeVue - TabMenu**
+ *
+ * _TabMenu is a navigation component that displays items as tab headers. Example below uses nested routes with TabMenu._
+ *
+ * [Live Demo](https://www.primevue.org/tabmenu/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
 declare class TabMenu extends ClassComponent<TabMenuProps, TabMenuSlots, TabMenuEmits> {}
 
 declare module '@vue/runtime-core' {
@@ -67,13 +101,4 @@ declare module '@vue/runtime-core' {
     }
 }
 
-/**
- *
- * TabMenu is a navigation component that displays items as tab headers. Example below uses nested routes with TabMenu.
- *
- * Demos:
- *
- * - [TabMenu](https://www.primefaces.org/primevue/tabmenu)
- *
- */
 export default TabMenu;

package/tabmenu/TabMenu.vue

@@ -34,7 +34,7 @@
                     <component v-else :is="$slots.item" :item="item" :index="i"></component>
                 </li>
             </template>
-            <li ref="inkbar" class="p-tabmenu-ink-bar"></li>
+            <li ref="inkbar" role="none" class="p-tabmenu-ink-bar"></li>
         </ul>
     </div>
 </template>