primevue 3.22.4 → 3.24.0

package/slider/Slider.d.ts

@@ -1,7 +1,18 @@
+/**
+ *
+ * Slider is a component to provide input with a drag handle.
+ *
+ * [Live Demo](https://www.primevue.org/slider/)
+ *
+ * @module slider
+ *
+ */
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type SliderOrientationType = 'horizontal' | 'vertical' | undefined;
-
+/**
+ * Custom slide end event.
+ * @see {@link SliderEmits.slideend}
+ */
 export interface SliderSlideEndEvent {
     /**
      * Original event
@@ -13,39 +24,42 @@ export interface SliderSlideEndEvent {
     value: number;
 }
 
+/**
+ * Defines valid properties in Slider component.
+ */
 export interface SliderProps {
     /**
      * Value of the component.
-     * Default value is 0.
      */
     modelValue?: number | number[] | undefined;
     /**
      * Mininum boundary value.
-     * Default value is 0.
+     * @defaultValue 0
      */
     min?: number | undefined;
     /**
      * Maximum boundary value.
-     * Default value is 100.
+     * @defaultValue 100
      */
     max?: number | undefined;
     /**
      * Orientation of the slider.
-     * @see SliderOrientationType
-     * Default value is 'horizontal'.
+     * @defaultValue horizontal
      */
-    orientation?: SliderOrientationType;
+    orientation?: 'horizontal' | 'vertical' | undefined;
     /**
      * Step factor to increment/decrement the value.
-     * Default value is 1.
+     * @defaultValue 1
      */
     step?: number | undefined;
     /**
      * When speficed, allows two boundary values to be picked.
+     * @defaultValue false
      */
     range?: boolean | undefined;
     /**
      * When present, it specifies that the component should be disabled.
+     * @defaultValue false
      */
     disabled?: boolean | undefined;
     /**
@@ -62,26 +76,44 @@ export interface SliderProps {
     'aria-label'?: string | undefined;
 }
 
+/**
+ * Defines valid slots in Slider component.
+ */
 export interface SliderSlots {}
 
-export declare type SliderEmits = {
+/**
+ * Defines valid emits in Slider component.
+ */
+export interface SliderEmits {
     /**
      * Emitted when the value changes.
      * @param {number | number[]} value - New value.
      */
-    'update:modelValue': (value: number | number[]) => void;
+    'update:modelValue'(value: number | number[]): void;
     /**
      * Callback to invoke on value change.
      * @param {number} value - New value
      */
-    change: (value: number) => void;
+    change(value: number): void;
     /**
      * Callback to invoke when slide ends.
      * @param {SliderSlideEndEvent} event - Custom slide end event.
      */
-    slideend: (event: SliderSlideEndEvent) => void;
-};
+    slideend(event: SliderSlideEndEvent): void;
+}
 
+/**
+ * **PrimeVue - Slider**
+ *
+ * _Slider is a component to provide input with a drag handle._
+ *
+ * [Live Demo](https://www.primevue.org/slider/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
 declare class Slider extends ClassComponent<SliderProps, SliderSlots, SliderEmits> {}
 
 declare module '@vue/runtime-core' {
@@ -90,13 +122,4 @@ declare module '@vue/runtime-core' {
     }
 }
 
-/**
- *
- * Slider is an input component to provide a numerical input.
- *
- * Demos:
- *
- * - [Slider](https://www.primefaces.org/primevue/slider)
- *
- */
 export default Slider;

package/speeddial/SpeedDial.d.ts

@@ -1,33 +1,39 @@
+/**
+ *
+ * When pressed, a floating action button can display multiple primary actions that can be performed on a page.
+ *
+ * [Live Demo](https://www.primevue.org/speeddial/)
+ *
+ * @module speeddial
+ *
+ */
 import { VNode } from 'vue';
 import { MenuItem } from '../menuitem';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type SpeedDialDirectionType = 'up' | 'down' | 'left' | 'right' | 'up-left' | 'up-right' | 'down-left' | 'down-right' | undefined;
-
-type SpeedDialType = 'linear' | 'circle' | 'semi-circle' | 'quarter-circle' | undefined;
-
-type SpeedDialTooltipPositionType = 'bottom' | 'top' | 'left' | 'right' | undefined;
-
-type SpeedDialTooltipEventType = 'hover' | 'focus' | undefined;
-
+/**
+ * Defines tooltip options.
+ * @see {@link SpeedDialProps.tooltipOptions}
+ */
 export interface SpeedDialTooltipOptions {
     /**
      * Event to show the tooltip, valid values are hover and focus.
-     * @see SpeedDialTooltipEventType
      */
-    event: string;
+    event: 'hover' | 'focus' | undefined;
     /**
      * Position of element.
-     * @see SpeedDialTooltipPositionType
-     * Default value is 'bottom'.
+     * @defaultValue bottom
      */
-    position: string;
+    position: 'bottom' | 'top' | 'left' | 'right' | undefined;
     /**
      * Optional options.
      */
-    [key: string]: string;
+    [key: string]: any;
 }
 
+/**
+ * Defines valid properties in SpeedDial component.
+ */
 export interface SpeedDialProps {
     /**
      * MenuModel instance to define the action items.
@@ -35,41 +41,42 @@ export interface SpeedDialProps {
     model?: MenuItem[] | undefined;
     /**
      * Specifies the visibility of the overlay.
+     * @defaultValue false
      */
     visible?: boolean | undefined;
     /**
      * Specifies the opening direction of actions.
-     * @see SpeedDialDirectionType
-     * Default value is 'up'.
+     * @defaultValue up
      */
-    direction?: SpeedDialDirectionType;
+    direction?: 'up' | 'down' | 'left' | 'right' | 'up-left' | 'up-right' | 'down-left' | 'down-right' | undefined;
     /**
      * Transition delay step for each action item.
-     * Default value is 30.
+     * @defaultValue 30
      */
     transitionDelay?: number | undefined;
     /**
      * Specifies the opening type of actions.
-     * @see SpeedDialType
-     * Default value is 'linear'.
+     * @defaultValue linear
      */
-    type?: SpeedDialType;
+    type?: 'linear' | 'circle' | 'semi-circle' | 'quarter-circle' | undefined;
     /**
      * Radius for *circle types.
-     * Default value is 0.
+     * @defaultValue 0
      */
     radius?: number | undefined;
     /**
      * Whether to show a mask element behind the speeddial.
+     * @defaultValue false
      */
     mask?: boolean | undefined;
     /**
      * Whether the component is disabled.
+     * @defaultValue false
      */
     disabled?: boolean | undefined;
     /**
      * Whether the actions close when clicked outside.
-     * Default value is true.
+     * @defaultValue true
      */
     hideOnClickOutside?: boolean | undefined;
     /**
@@ -86,7 +93,7 @@ export interface SpeedDialProps {
     maskClass?: string | undefined;
     /**
      * Show icon of the button element.
-     * Default value is 'pi pi-plus'.
+     * @defaultValue pi pi-plus
      */
     showIcon?: string | undefined;
     /**
@@ -95,7 +102,7 @@ export interface SpeedDialProps {
     hideIcon?: string | undefined;
     /**
      * Defined to rotate showIcon when hideIcon is not present.
-     * Default value is true.
+     * @defaultValue true
      */
     rotateAnimation?: boolean | undefined;
     /**
@@ -108,7 +115,7 @@ export interface SpeedDialProps {
     style?: any;
     /**
      * Whether to display the tooltip on items. The modifiers of Tooltip can be used like an object in it. Valid keys are 'event' and 'position'.
-     * @see SpeedDialTooltipOptions
+     * @type {SpeedDialTooltipOptions}
      */
     tooltipOptions?: SpeedDialTooltipOptions;
     /**
@@ -121,55 +128,74 @@ export interface SpeedDialProps {
     'aria-labelledby'?: string | undefined;
 }
 
+/**
+ * Defines valid slots in SpeedDial component.
+ */
 export interface SpeedDialSlots {
     /**
      * Custom content for each item.
      * @param {Object} scope - item slot's params.
      */
-    item: (scope: {
+    item(scope: {
         /**
          * Menuitem instance
+         * @type {MenuItem}
          */
         item: MenuItem;
-    }) => VNode[];
+    }): VNode[];
     /**
      * Custom button template.
      * @param {Object} scope - button slot's params.
      */
-    button: (scope: {
+    button(scope: {
         /**
          * Toggle metadata
          */
-        toggle: () => void;
-    }) => VNode[];
+        toggle(): void;
+    }): VNode[];
 }
 
-export declare type SpeedDialEmits = {
+/**
+ * Defines valid emits in SpeedDial component.
+ */
+export interface SpeedDialEmits {
     /**
      * Fired when the button element clicked.
      * @param {Event} event - Browser event.
      */
-    click: (event: Event) => void;
+    click(event: Event): void;
     /**
      * Fired when the actions are visible.
      */
-    show: () => void;
+    show(): void;
     /**
      * Fired when the actions are hidden.
      */
-    hide: () => void;
+    hide(): void;
     /**
      * Callback to invoke when the component receives focus.
      * @param {Event} event - Browser event.
      */
-    focus: (event: Event) => void;
+    focus(event: Event): void;
     /**
      * Callback to invoke when the component loses focus.
      * @param {Event} event - Browser event.
      */
-    blur: (event: Event) => void;
-};
+    blur(event: Event): void;
+}
 
+/**
+ * **PrimeVue - SpeedDial**
+ *
+ * _When pressed, a floating action button can display multiple primary actions that can be performed on a page._
+ *
+ * [Live Demo](https://www.primevue.org/speeddial/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
 declare class SpeedDial extends ClassComponent<SpeedDialProps, SpeedDialSlots, SpeedDialEmits> {}
 
 declare module '@vue/runtime-core' {
@@ -178,17 +204,4 @@ declare module '@vue/runtime-core' {
     }
 }
 
-/**
- *
- * When pressed, a floating action button can display multiple primary actions that can be performed on a page.
- *
- * Helper API:
- *
- * - [MenuItem](https://www.primefaces.org/primevue/menumodel)
- *
- * Demos:
- *
- * - [SpeedDial](https://www.primefaces.org/primevue/speeddial)
- *
- */
 export default SpeedDial;

package/splitbutton/SplitButton.d.ts

@@ -1,9 +1,19 @@
+/**
+ *
+ * SplitButton groups a set of commands in an overlay with a default command.
+ *
+ * [Live Demo](https://www.primevue.org/splitbutton/)
+ *
+ * @module splitbutton
+ *
+ */
 import { ButtonHTMLAttributes, VNode } from 'vue';
 import { MenuItem } from '../menuitem';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-type SplitButtonAppendToType = 'body' | 'self' | string | undefined | HTMLElement;
-
+/**
+ * Defines valid properties in SplitButton component.
+ */
 export interface SplitButtonProps {
     /**
      * Text of the button.
@@ -19,22 +29,23 @@ export interface SplitButtonProps {
     model?: MenuItem[] | undefined;
     /**
      * Whether to automatically manage layering.
-     * Default value is true.
+     * @defaultValue true
      */
     autoZIndex?: boolean | undefined;
     /**
      * Base zIndex value to use in layering.
-     * Default value is 0.
+     * @defaultValue 0
      */
     baseZIndex?: number | undefined;
     /**
      * A valid query selector or an HTMLElement to specify where the overlay gets attached.
-     * @see SplitButtonAppendToType
-     * Default value is true.
+     * Special keywords are 'body' for document body and 'self' for the element itself.
+     * @defaultValue body
      */
-    appendTo?: SplitButtonAppendToType;
+    appendTo?: 'body' | 'self' | string | undefined | HTMLElement;
     /**
      * When present, it specifies that the element should be disabled.
+     * @defaultValue false
      */
     disabled?: boolean | undefined;
     /**
@@ -57,23 +68,74 @@ export interface SplitButtonProps {
      * Name of the menu button icon.
      */
     menuButtonIcon?: string | undefined;
+    /**
+     * Defines the style of the button.
+     */
+    severity?: 'secondary' | 'success' | 'info' | 'warning' | 'help' | 'danger' | undefined;
+    /**
+     * Add a shadow to indicate elevation.
+     * @defaultValue false
+     */
+    raised?: boolean | undefined;
+    /**
+     * Add a circular border radius to the button.
+     * @defaultValue false
+     */
+    rounded?: boolean | undefined;
+    /**
+     * Add a textual class to the button without a background initially.
+     * @defaultValue false
+     */
+    text?: boolean | undefined;
+    /**
+     * Add a border class without a background initially.
+     * @defaultValue false
+     */
+    outlined?: boolean | undefined;
+    /**
+     * Defines the size of the button.
+     */
+    size?: 'small' | 'large' | undefined;
+    /**
+     * Add a plain textual class to the button without a background initially.
+     * @defaultValue false
+     */
+    plain?: boolean | undefined;
 }
 
+/**
+ * Defines valid slots in SplitButton component.
+ */
 export interface SplitButtonSlots {
     /**
      * Button part of the content can easily be customized with the default slot instead of using the built-in modes.
      */
-    default: () => VNode[];
+    default(): VNode[];
 }
 
-export declare type SplitButtonEmits = {
+/**
+ * Defines valid emits in SplitButton component.
+ */
+export interface SplitButtonEmits {
     /**
      * Callback to invoke when main button is clicked.
      * @param {Event} event - Browser event.
      */
-    click: (event: Event) => void;
-};
+    click(event: Event): void;
+}
 
+/**
+ * **PrimeVue - SplitButton**
+ *
+ * _SplitButton groups a set of commands in an overlay with a default command._
+ *
+ * [Live Demo](https://www.primevue.org/splitbutton/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
 declare class SplitButton extends ClassComponent<SplitButtonProps, SplitButtonSlots, SplitButtonEmits> {}
 
 declare module '@vue/runtime-core' {
@@ -82,17 +144,4 @@ declare module '@vue/runtime-core' {
     }
 }
 
-/**
- *
- * SplitButton groups a set of commands in an overlay with a default command.
- *
- * Helper API:
- *
- * - [MenuItem](https://www.primefaces.org/primevue/menumodel)
- *
- * Demos:
- *
- * - [SplitButton](https://www.primefaces.org/primevue/splitbutton)
- *
- */
 export default SplitButton;

package/splitbutton/SplitButton.vue

@@ -76,6 +76,34 @@ export default {
         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() {
@@ -105,7 +133,19 @@ export default {
             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: {

package/splitbutton/splitbutton.cjs.js

@@ -61,6 +61,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() {
@@ -90,7 +118,19 @@ var script = {
             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: {
@@ -169,10 +209,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";
 
 module.exports = script;

package/splitbutton/splitbutton.cjs.min.js

@@ -1 +1 @@
-"use strict";var t=require("primevue/button"),e=require("primevue/tieredmenu"),n=require("primevue/utils"),o=require("vue");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}};!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",module.exports=d;
+"use strict";var t=require("primevue/button"),e=require("primevue/tieredmenu"),n=require("primevue/utils"),o=require("vue");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}};!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",module.exports=a;