primevue 3.16.2 → 3.17.0

package/speeddial/speeddial.cjs.js

@@ -72,7 +72,7 @@ var script = {
         return {
             d_visible: this.visible,
             isItemClicked: false
-        }
+        };
     },
     watch: {
         visible(newValue) {
@@ -87,6 +87,7 @@ var script = {
             if (button && firstItem) {
                 const wDiff = Math.abs(button.offsetWidth - firstItem.offsetWidth);
                 const hDiff = Math.abs(button.offsetHeight - firstItem.offsetHeight);
+
                 this.list.style.setProperty('--item-diff-x', `${wDiff / 2}px`);
                 this.list.style.setProperty('--item-diff-y', `${hDiff / 2}px`);
             }
@@ -136,49 +137,43 @@ var script = {
 
             if (type !== 'linear') {
                 const length = this.model.length;
-                const radius = this.radius || (length * 20);
+                const radius = this.radius || length * 20;
 
                 if (type === 'circle') {
-                    const step = 2 * Math.PI / length;
+                    const step = (2 * Math.PI) / length;
 
                     return {
                         left: `calc(${radius * Math.cos(step * index)}px + var(--item-diff-x, 0px))`,
-                        top: `calc(${radius * Math.sin(step * index)}px + var(--item-diff-y, 0px))`,
-                    }
-                }
-                else if (type === 'semi-circle') {
+                        top: `calc(${radius * Math.sin(step * index)}px + var(--item-diff-y, 0px))`
+                    };
+                } else if (type === 'semi-circle') {
                     const direction = this.direction;
                     const step = Math.PI / (length - 1);
                     const x = `calc(${radius * Math.cos(step * index)}px + var(--item-diff-x, 0px))`;
                     const y = `calc(${radius * Math.sin(step * index)}px + var(--item-diff-y, 0px))`;
+
                     if (direction === 'up') {
                         return { left: x, bottom: y };
-                    }
-                    else if (direction === 'down') {
+                    } else if (direction === 'down') {
                         return { left: x, top: y };
-                    }
-                    else if (direction === 'left') {
+                    } else if (direction === 'left') {
                         return { right: y, top: x };
-                    }
-                    else if (direction === 'right') {
+                    } else if (direction === 'right') {
                         return { left: y, top: x };
                     }
-                }
-                else if (type === 'quarter-circle') {
+                } else if (type === 'quarter-circle') {
                     const direction = this.direction;
                     const step = Math.PI / (2 * (length - 1));
                     const x = `calc(${radius * Math.cos(step * index)}px + var(--item-diff-x, 0px))`;
                     const y = `calc(${radius * Math.sin(step * index)}px + var(--item-diff-y, 0px))`;
+
                     if (direction === 'up-left') {
                         return { right: x, bottom: y };
-                    }
-                    else if (direction === 'up-right') {
+                    } else if (direction === 'up-right') {
                         return { left: x, bottom: y };
-                    }
-                    else if (direction === 'down-left') {
+                    } else if (direction === 'down-left') {
                         return { right: y, top: x };
-                    }
-                    else if (direction === 'down-right') {
+                    } else if (direction === 'down-right') {
                         return { left: y, top: x };
                     }
                 }
@@ -204,6 +199,7 @@ var script = {
 
                     this.isItemClicked = false;
                 };
+
                 document.addEventListener('click', this.documentClickListener);
             }
         },
@@ -225,32 +221,44 @@ var script = {
     },
     computed: {
         containerClass() {
-            return [`p-speeddial p-component p-speeddial-${this.type}`, {
-                [`p-speeddial-direction-${this.direction}`]: this.type !== 'circle',
-                'p-speeddial-opened': this.d_visible,
-                'p-disabled': this.disabled
-            }, this.class];
+            return [
+                `p-speeddial p-component p-speeddial-${this.type}`,
+                {
+                    [`p-speeddial-direction-${this.direction}`]: this.type !== 'circle',
+                    'p-speeddial-opened': this.d_visible,
+                    'p-disabled': this.disabled
+                },
+                this.class
+            ];
         },
         buttonClassName() {
-            return ['p-speeddial-button p-button-rounded', {
-                'p-speeddial-rotate': this.rotateAnimation && !this.hideIcon
-            }, this.buttonClass];
+            return [
+                'p-speeddial-button p-button-rounded',
+                {
+                    'p-speeddial-rotate': this.rotateAnimation && !this.hideIcon
+                },
+                this.buttonClass
+            ];
         },
         iconClassName() {
             return this.d_visible && !!this.hideIcon ? this.hideIcon : this.showIcon;
         },
         maskClassName() {
-            return ['p-speeddial-mask', {
-                'p-speeddial-mask-visible': this.d_visible
-            }, this.maskClass];
+            return [
+                'p-speeddial-mask',
+                {
+                    'p-speeddial-mask-visible': this.d_visible
+                },
+                this.maskClass
+            ];
         }
     },
     components: {
-        'SDButton': Button__default["default"]
+        SDButton: Button__default["default"]
     },
     directives: {
-        'ripple': Ripple__default["default"],
-        'tooltip': Tooltip__default["default"]
+        ripple: Ripple__default["default"],
+        tooltip: Tooltip__default["default"]
     }
 };
 
@@ -304,7 +312,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       }, null, 2))
                     : vue.createCommentVNode("", true)
                 ], 10, _hoisted_1)), [
-                  [_directive_tooltip, {value: item.label, disabled: !$props.tooltipOptions}, $props.tooltipOptions],
+                  [_directive_tooltip, { value: item.label, disabled: !$props.tooltipOptions }, $props.tooltipOptions],
                   [_directive_ripple]
                 ])
               : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.item), {

package/speeddial/speeddial.esm.js

@@ -64,7 +64,7 @@ var script = {
         return {
             d_visible: this.visible,
             isItemClicked: false
-        }
+        };
     },
     watch: {
         visible(newValue) {
@@ -79,6 +79,7 @@ var script = {
             if (button && firstItem) {
                 const wDiff = Math.abs(button.offsetWidth - firstItem.offsetWidth);
                 const hDiff = Math.abs(button.offsetHeight - firstItem.offsetHeight);
+
                 this.list.style.setProperty('--item-diff-x', `${wDiff / 2}px`);
                 this.list.style.setProperty('--item-diff-y', `${hDiff / 2}px`);
             }
@@ -128,49 +129,43 @@ var script = {
 
             if (type !== 'linear') {
                 const length = this.model.length;
-                const radius = this.radius || (length * 20);
+                const radius = this.radius || length * 20;
 
                 if (type === 'circle') {
-                    const step = 2 * Math.PI / length;
+                    const step = (2 * Math.PI) / length;
 
                     return {
                         left: `calc(${radius * Math.cos(step * index)}px + var(--item-diff-x, 0px))`,
-                        top: `calc(${radius * Math.sin(step * index)}px + var(--item-diff-y, 0px))`,
-                    }
-                }
-                else if (type === 'semi-circle') {
+                        top: `calc(${radius * Math.sin(step * index)}px + var(--item-diff-y, 0px))`
+                    };
+                } else if (type === 'semi-circle') {
                     const direction = this.direction;
                     const step = Math.PI / (length - 1);
                     const x = `calc(${radius * Math.cos(step * index)}px + var(--item-diff-x, 0px))`;
                     const y = `calc(${radius * Math.sin(step * index)}px + var(--item-diff-y, 0px))`;
+
                     if (direction === 'up') {
                         return { left: x, bottom: y };
-                    }
-                    else if (direction === 'down') {
+                    } else if (direction === 'down') {
                         return { left: x, top: y };
-                    }
-                    else if (direction === 'left') {
+                    } else if (direction === 'left') {
                         return { right: y, top: x };
-                    }
-                    else if (direction === 'right') {
+                    } else if (direction === 'right') {
                         return { left: y, top: x };
                     }
-                }
-                else if (type === 'quarter-circle') {
+                } else if (type === 'quarter-circle') {
                     const direction = this.direction;
                     const step = Math.PI / (2 * (length - 1));
                     const x = `calc(${radius * Math.cos(step * index)}px + var(--item-diff-x, 0px))`;
                     const y = `calc(${radius * Math.sin(step * index)}px + var(--item-diff-y, 0px))`;
+
                     if (direction === 'up-left') {
                         return { right: x, bottom: y };
-                    }
-                    else if (direction === 'up-right') {
+                    } else if (direction === 'up-right') {
                         return { left: x, bottom: y };
-                    }
-                    else if (direction === 'down-left') {
+                    } else if (direction === 'down-left') {
                         return { right: y, top: x };
-                    }
-                    else if (direction === 'down-right') {
+                    } else if (direction === 'down-right') {
                         return { left: y, top: x };
                     }
                 }
@@ -196,6 +191,7 @@ var script = {
 
                     this.isItemClicked = false;
                 };
+
                 document.addEventListener('click', this.documentClickListener);
             }
         },
@@ -217,32 +213,44 @@ var script = {
     },
     computed: {
         containerClass() {
-            return [`p-speeddial p-component p-speeddial-${this.type}`, {
-                [`p-speeddial-direction-${this.direction}`]: this.type !== 'circle',
-                'p-speeddial-opened': this.d_visible,
-                'p-disabled': this.disabled
-            }, this.class];
+            return [
+                `p-speeddial p-component p-speeddial-${this.type}`,
+                {
+                    [`p-speeddial-direction-${this.direction}`]: this.type !== 'circle',
+                    'p-speeddial-opened': this.d_visible,
+                    'p-disabled': this.disabled
+                },
+                this.class
+            ];
         },
         buttonClassName() {
-            return ['p-speeddial-button p-button-rounded', {
-                'p-speeddial-rotate': this.rotateAnimation && !this.hideIcon
-            }, this.buttonClass];
+            return [
+                'p-speeddial-button p-button-rounded',
+                {
+                    'p-speeddial-rotate': this.rotateAnimation && !this.hideIcon
+                },
+                this.buttonClass
+            ];
         },
         iconClassName() {
             return this.d_visible && !!this.hideIcon ? this.hideIcon : this.showIcon;
         },
         maskClassName() {
-            return ['p-speeddial-mask', {
-                'p-speeddial-mask-visible': this.d_visible
-            }, this.maskClass];
+            return [
+                'p-speeddial-mask',
+                {
+                    'p-speeddial-mask-visible': this.d_visible
+                },
+                this.maskClass
+            ];
         }
     },
     components: {
-        'SDButton': Button
+        SDButton: Button
     },
     directives: {
-        'ripple': Ripple,
-        'tooltip': Tooltip
+        ripple: Ripple,
+        tooltip: Tooltip
     }
 };
 
@@ -296,7 +304,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       }, null, 2))
                     : createCommentVNode("", true)
                 ], 10, _hoisted_1)), [
-                  [_directive_tooltip, {value: item.label, disabled: !$props.tooltipOptions}, $props.tooltipOptions],
+                  [_directive_tooltip, { value: item.label, disabled: !$props.tooltipOptions }, $props.tooltipOptions],
                   [_directive_ripple]
                 ])
               : (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.item), {

package/speeddial/speeddial.js

@@ -68,7 +68,7 @@ this.primevue.speeddial = (function (Button, Ripple, Tooltip, utils, vue) {
             return {
                 d_visible: this.visible,
                 isItemClicked: false
-            }
+            };
         },
         watch: {
             visible(newValue) {
@@ -83,6 +83,7 @@ this.primevue.speeddial = (function (Button, Ripple, Tooltip, utils, vue) {
                 if (button && firstItem) {
                     const wDiff = Math.abs(button.offsetWidth - firstItem.offsetWidth);
                     const hDiff = Math.abs(button.offsetHeight - firstItem.offsetHeight);
+
                     this.list.style.setProperty('--item-diff-x', `${wDiff / 2}px`);
                     this.list.style.setProperty('--item-diff-y', `${hDiff / 2}px`);
                 }
@@ -132,49 +133,43 @@ this.primevue.speeddial = (function (Button, Ripple, Tooltip, utils, vue) {
 
                 if (type !== 'linear') {
                     const length = this.model.length;
-                    const radius = this.radius || (length * 20);
+                    const radius = this.radius || length * 20;
 
                     if (type === 'circle') {
-                        const step = 2 * Math.PI / length;
+                        const step = (2 * Math.PI) / length;
 
                         return {
                             left: `calc(${radius * Math.cos(step * index)}px + var(--item-diff-x, 0px))`,
-                            top: `calc(${radius * Math.sin(step * index)}px + var(--item-diff-y, 0px))`,
-                        }
-                    }
-                    else if (type === 'semi-circle') {
+                            top: `calc(${radius * Math.sin(step * index)}px + var(--item-diff-y, 0px))`
+                        };
+                    } else if (type === 'semi-circle') {
                         const direction = this.direction;
                         const step = Math.PI / (length - 1);
                         const x = `calc(${radius * Math.cos(step * index)}px + var(--item-diff-x, 0px))`;
                         const y = `calc(${radius * Math.sin(step * index)}px + var(--item-diff-y, 0px))`;
+
                         if (direction === 'up') {
                             return { left: x, bottom: y };
-                        }
-                        else if (direction === 'down') {
+                        } else if (direction === 'down') {
                             return { left: x, top: y };
-                        }
-                        else if (direction === 'left') {
+                        } else if (direction === 'left') {
                             return { right: y, top: x };
-                        }
-                        else if (direction === 'right') {
+                        } else if (direction === 'right') {
                             return { left: y, top: x };
                         }
-                    }
-                    else if (type === 'quarter-circle') {
+                    } else if (type === 'quarter-circle') {
                         const direction = this.direction;
                         const step = Math.PI / (2 * (length - 1));
                         const x = `calc(${radius * Math.cos(step * index)}px + var(--item-diff-x, 0px))`;
                         const y = `calc(${radius * Math.sin(step * index)}px + var(--item-diff-y, 0px))`;
+
                         if (direction === 'up-left') {
                             return { right: x, bottom: y };
-                        }
-                        else if (direction === 'up-right') {
+                        } else if (direction === 'up-right') {
                             return { left: x, bottom: y };
-                        }
-                        else if (direction === 'down-left') {
+                        } else if (direction === 'down-left') {
                             return { right: y, top: x };
-                        }
-                        else if (direction === 'down-right') {
+                        } else if (direction === 'down-right') {
                             return { left: y, top: x };
                         }
                     }
@@ -200,6 +195,7 @@ this.primevue.speeddial = (function (Button, Ripple, Tooltip, utils, vue) {
 
                         this.isItemClicked = false;
                     };
+
                     document.addEventListener('click', this.documentClickListener);
                 }
             },
@@ -221,32 +217,44 @@ this.primevue.speeddial = (function (Button, Ripple, Tooltip, utils, vue) {
         },
         computed: {
             containerClass() {
-                return [`p-speeddial p-component p-speeddial-${this.type}`, {
-                    [`p-speeddial-direction-${this.direction}`]: this.type !== 'circle',
-                    'p-speeddial-opened': this.d_visible,
-                    'p-disabled': this.disabled
-                }, this.class];
+                return [
+                    `p-speeddial p-component p-speeddial-${this.type}`,
+                    {
+                        [`p-speeddial-direction-${this.direction}`]: this.type !== 'circle',
+                        'p-speeddial-opened': this.d_visible,
+                        'p-disabled': this.disabled
+                    },
+                    this.class
+                ];
             },
             buttonClassName() {
-                return ['p-speeddial-button p-button-rounded', {
-                    'p-speeddial-rotate': this.rotateAnimation && !this.hideIcon
-                }, this.buttonClass];
+                return [
+                    'p-speeddial-button p-button-rounded',
+                    {
+                        'p-speeddial-rotate': this.rotateAnimation && !this.hideIcon
+                    },
+                    this.buttonClass
+                ];
             },
             iconClassName() {
                 return this.d_visible && !!this.hideIcon ? this.hideIcon : this.showIcon;
             },
             maskClassName() {
-                return ['p-speeddial-mask', {
-                    'p-speeddial-mask-visible': this.d_visible
-                }, this.maskClass];
+                return [
+                    'p-speeddial-mask',
+                    {
+                        'p-speeddial-mask-visible': this.d_visible
+                    },
+                    this.maskClass
+                ];
             }
         },
         components: {
-            'SDButton': Button__default["default"]
+            SDButton: Button__default["default"]
         },
         directives: {
-            'ripple': Ripple__default["default"],
-            'tooltip': Tooltip__default["default"]
+            ripple: Ripple__default["default"],
+            tooltip: Tooltip__default["default"]
         }
     };
 
@@ -300,7 +308,7 @@ this.primevue.speeddial = (function (Button, Ripple, Tooltip, utils, vue) {
                           }, null, 2))
                         : vue.createCommentVNode("", true)
                     ], 10, _hoisted_1)), [
-                      [_directive_tooltip, {value: item.label, disabled: !$props.tooltipOptions}, $props.tooltipOptions],
+                      [_directive_tooltip, { value: item.label, disabled: !$props.tooltipOptions }, $props.tooltipOptions],
                       [_directive_ripple]
                     ])
                   : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$slots.item), {

package/splitbutton/SplitButton.d.ts

@@ -55,14 +55,14 @@ export declare type SplitButtonEmits = {
      * Callback to invoke when main button is clicked.
      * @param {Event} event - Browser event.
      */
-    'click': (event: Event) => void;
-}
+    click: (event: Event) => void;
+};
 
-declare class SplitButton extends ClassComponent<SplitButtonProps, SplitButtonSlots, SplitButtonEmits> { }
+declare class SplitButton extends ClassComponent<SplitButtonProps, SplitButtonSlots, SplitButtonEmits> {}
 
 declare module '@vue/runtime-core' {
     interface GlobalComponents {
-        SplitButton: GlobalComponentConstructor<SplitButton>
+        SplitButton: GlobalComponentConstructor<SplitButton>;
     }
 }
 
@@ -72,11 +72,11 @@ declare module '@vue/runtime-core' {
  *
  * Helper API:
  *
- * - [MenuItem](https://www.primefaces.org/primevue/showcase/#/menumodel)
+ * - [MenuItem](https://www.primefaces.org/primevue/menumodel)
  *
  * Demos:
  *
- * - [SplitButton](https://www.primefaces.org/primevue/showcase/#/splitbutton)
+ * - [SplitButton](https://www.primefaces.org/primevue/splitbutton)
  *
  */
 export default SplitButton;

package/splitbutton/SplitButton.vue

@@ -3,17 +3,15 @@
         <slot>
             <PVSButton type="button" class="p-splitbutton-defaultbutton" v-bind="$attrs" :icon="icon" :label="label" @click="onDefaultButtonClick" />
         </slot>
-        <PVSButton type="button" class="p-splitbutton-menubutton" icon="pi pi-chevron-down" @click="onDropdownButtonClick" :disabled="$attrs.disabled"
-            aria-haspopup="true" :aria-controls="ariaId + '_overlay'"/>
-        <PVSMenu :id="ariaId + '_overlay'" ref="menu" :model="model" :popup="true" :autoZIndex="autoZIndex"
-            :baseZIndex="baseZIndex" :appendTo="appendTo" />
+        <PVSButton type="button" class="p-splitbutton-menubutton" icon="pi pi-chevron-down" @click="onDropdownButtonClick" :disabled="$attrs.disabled" aria-haspopup="true" :aria-controls="ariaId + '_overlay'" />
+        <PVSMenu ref="menu" :id="ariaId + '_overlay'" :model="model" :popup="true" :autoZIndex="autoZIndex" :baseZIndex="baseZIndex" :appendTo="appendTo" />
     </div>
 </template>
 
 <script>
 import Button from 'primevue/button';
 import TieredMenu from 'primevue/tieredmenu';
-import {UniqueComponentId} from 'primevue/utils';
+import { UniqueComponentId } from 'primevue/utils';
 
 export default {
     name: 'SplitButton',
@@ -27,7 +25,7 @@ export default {
             type: String,
             default: null
         },
-		model: {
+        model: {
             type: Array,
             default: null
         },
@@ -48,7 +46,7 @@ export default {
     },
     methods: {
         onDropdownButtonClick() {
-            this.$refs.menu.toggle({currentTarget: this.$el});
+            this.$refs.menu.toggle({ currentTarget: this.$el });
         },
         onDefaultButtonClick() {
             this.$refs.menu.hide();
@@ -63,10 +61,10 @@ export default {
         }
     },
     components: {
-        'PVSButton': Button,
-        'PVSMenu': TieredMenu
+        PVSButton: Button,
+        PVSMenu: TieredMenu
     }
-}
+};
 </script>
 
 <style scoped>
@@ -98,7 +96,7 @@ export default {
     min-width: 100%;
 }
 
-.p-fluid .p-splitbutton  {
+.p-fluid .p-splitbutton {
     display: flex;
 }
 </style>

package/splitbutton/splitbutton.cjs.js

@@ -22,7 +22,7 @@ var script = {
             type: String,
             default: null
         },
-		model: {
+        model: {
             type: Array,
             default: null
         },
@@ -43,7 +43,7 @@ var script = {
     },
     methods: {
         onDropdownButtonClick() {
-            this.$refs.menu.toggle({currentTarget: this.$el});
+            this.$refs.menu.toggle({ currentTarget: this.$el });
         },
         onDefaultButtonClick() {
             this.$refs.menu.hide();
@@ -58,8 +58,8 @@ var script = {
         }
     },
     components: {
-        'PVSButton': Button__default["default"],
-        'PVSMenu': TieredMenu__default["default"]
+        PVSButton: Button__default["default"],
+        PVSMenu: TieredMenu__default["default"]
     }
 };
 
@@ -91,8 +91,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "aria-controls": $options.ariaId + '_overlay'
     }, null, 8, ["onClick", "disabled", "aria-controls"]),
     vue.createVNode(_component_PVSMenu, {
-      id: $options.ariaId + '_overlay',
       ref: "menu",
+      id: $options.ariaId + '_overlay',
       model: $props.model,
       popup: true,
       autoZIndex: $props.autoZIndex,
@@ -129,10 +129,10 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "\n.p-splitbutton[data-v-3d44cde8] {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    position: relative;\n}\n.p-splitbutton .p-splitbutton-defaultbutton[data-v-3d44cde8],\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button[data-v-3d44cde8],\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button[data-v-3d44cde8] {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\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-3d44cde8],\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button[data-v-3d44cde8],\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button[data-v-3d44cde8] {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: 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-3d44cde8] {\n    min-width: 100%;\n}\n.p-fluid .p-splitbutton[data-v-3d44cde8]  {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n";
+var css_248z = "\n.p-splitbutton[data-v-b81856b6] {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    position: relative;\n}\n.p-splitbutton .p-splitbutton-defaultbutton[data-v-b81856b6],\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button[data-v-b81856b6],\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button[data-v-b81856b6] {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\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-b81856b6],\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button[data-v-b81856b6],\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button[data-v-b81856b6] {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: 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-b81856b6] {\n    min-width: 100%;\n}\n.p-fluid .p-splitbutton[data-v-b81856b6] {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n";
 styleInject(css_248z);
 
 script.render = render;
-script.__scopeId = "data-v-3d44cde8";
+script.__scopeId = "data-v-b81856b6";
 
 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 d=l(t),a=l(e),i={name:"SplitButton",inheritAttrs:!1,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"},class:null,style:null},methods:{onDropdownButtonClick(){this.$refs.menu.toggle({currentTarget:this.$el})},onDefaultButtonClick(){this.$refs.menu.hide()}},computed:{ariaId:()=>n.UniqueComponentId(),containerClass(){return["p-splitbutton p-component",this.class]}},components:{PVSButton:d.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-3d44cde8] {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    position: relative;\n}\n.p-splitbutton .p-splitbutton-defaultbutton[data-v-3d44cde8],\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button[data-v-3d44cde8],\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button[data-v-3d44cde8] {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\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-3d44cde8],\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button[data-v-3d44cde8],\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button[data-v-3d44cde8] {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: 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-3d44cde8] {\n    min-width: 100%;\n}\n.p-fluid .p-splitbutton[data-v-3d44cde8]  {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n"),i.render=function(t,e,n,l,d,a){const i=o.resolveComponent("PVSButton"),u=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(i,o.mergeProps({type:"button",class:"p-splitbutton-defaultbutton"},t.$attrs,{icon:n.icon,label:n.label,onClick:a.onDefaultButtonClick}),null,16,["icon","label","onClick"])])),o.createVNode(i,{type:"button",class:"p-splitbutton-menubutton",icon:"pi pi-chevron-down",onClick:a.onDropdownButtonClick,disabled:t.$attrs.disabled,"aria-haspopup":"true","aria-controls":a.ariaId+"_overlay"},null,8,["onClick","disabled","aria-controls"]),o.createVNode(u,{id:a.ariaId+"_overlay",ref:"menu",model:n.model,popup:!0,autoZIndex:n.autoZIndex,baseZIndex:n.baseZIndex,appendTo:n.appendTo},null,8,["id","model","autoZIndex","baseZIndex","appendTo"])],6)},i.__scopeId="data-v-3d44cde8",module.exports=i;
+"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 a=l(t),i=l(e),u={name:"SplitButton",inheritAttrs:!1,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"},class:null,style:null},methods:{onDropdownButtonClick(){this.$refs.menu.toggle({currentTarget:this.$el})},onDefaultButtonClick(){this.$refs.menu.hide()}},computed:{ariaId:()=>n.UniqueComponentId(),containerClass(){return["p-splitbutton p-component",this.class]}},components:{PVSButton:a.default,PVSMenu:i.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-b81856b6] {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    position: relative;\n}\n.p-splitbutton .p-splitbutton-defaultbutton[data-v-b81856b6],\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button[data-v-b81856b6],\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button[data-v-b81856b6] {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\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-b81856b6],\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button[data-v-b81856b6],\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button[data-v-b81856b6] {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: 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-b81856b6] {\n    min-width: 100%;\n}\n.p-fluid .p-splitbutton[data-v-b81856b6] {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n"),u.render=function(t,e,n,l,a,i){const u=o.resolveComponent("PVSButton"),d=o.resolveComponent("PVSMenu");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(i.containerClass),style:o.normalizeStyle(n.style)},[o.renderSlot(t.$slots,"default",{},(()=>[o.createVNode(u,o.mergeProps({type:"button",class:"p-splitbutton-defaultbutton"},t.$attrs,{icon:n.icon,label:n.label,onClick:i.onDefaultButtonClick}),null,16,["icon","label","onClick"])])),o.createVNode(u,{type:"button",class:"p-splitbutton-menubutton",icon:"pi pi-chevron-down",onClick:i.onDropdownButtonClick,disabled:t.$attrs.disabled,"aria-haspopup":"true","aria-controls":i.ariaId+"_overlay"},null,8,["onClick","disabled","aria-controls"]),o.createVNode(d,{ref:"menu",id:i.ariaId+"_overlay",model:n.model,popup:!0,autoZIndex:n.autoZIndex,baseZIndex:n.baseZIndex,appendTo:n.appendTo},null,8,["id","model","autoZIndex","baseZIndex","appendTo"])],6)},u.__scopeId="data-v-b81856b6",module.exports=u;