primevue 3.16.2 → 3.18.0

package/button/Button.vue

@@ -1,10 +1,10 @@
 <template>
-    <button :class="buttonClass" type="button" :aria-label="defaultAriaLabel" v-ripple :disabled="disabled">
+    <button v-ripple :class="buttonClass" type="button" :aria-label="defaultAriaLabel" :disabled="disabled">
         <slot>
-            <span v-if="loading && !icon" :class="iconClass"></span>
-            <span v-if="icon" :class="iconClass"></span>
-            <span class="p-button-label">{{label||'&nbsp;'}}</span>
-            <span v-if="badge" :class="badgeStyleClass">{{badge}}</span>
+            <span v-if="loading && !icon" :class="iconStyleClass"></span>
+            <span v-if="icon" :class="iconStyleClass"></span>
+            <span class="p-button-label">{{ label || '&nbsp;' }}</span>
+            <span v-if="badge" :class="badgeStyleClass">{{ badge }}</span>
         </slot>
     </button>
 </template>
@@ -16,17 +16,24 @@ export default {
     name: 'Button',
     props: {
         label: {
-            type: String
+            type: String,
+            default: null
         },
         icon: {
-            type: String
+            type: String,
+            default: null
         },
         iconPos: {
             type: String,
             default: 'left'
         },
+        iconClass: {
+            type: String,
+            default: null
+        },
         badge: {
-            type: String
+            type: String,
+            default: null
         },
         badgeClass: {
             type: String,
@@ -50,35 +57,39 @@ export default {
                 'p-disabled': this.$attrs.disabled || this.loading,
                 'p-button-loading': this.loading,
                 'p-button-loading-label-only': this.loading && !this.icon && this.label
-            }
+            };
         },
-        iconClass() {
+        iconStyleClass() {
             return [
                 this.loading ? 'p-button-loading-icon ' + this.loadingIcon : this.icon,
                 'p-button-icon',
+                this.iconClass,
                 {
                     'p-button-icon-left': this.iconPos === 'left' && this.label,
                     'p-button-icon-right': this.iconPos === 'right' && this.label,
                     'p-button-icon-top': this.iconPos === 'top' && this.label,
                     'p-button-icon-bottom': this.iconPos === 'bottom' && this.label
                 }
-            ]
+            ];
         },
         badgeStyleClass() {
             return [
-                'p-badge p-component', this.badgeClass, {
-                'p-badge-no-gutter': this.badge && String(this.badge).length === 1
-            }]
+                'p-badge p-component',
+                this.badgeClass,
+                {
+                    'p-badge-no-gutter': this.badge && String(this.badge).length === 1
+                }
+            ];
         },
         disabled() {
             return this.$attrs.disabled || this.loading;
         },
         defaultAriaLabel() {
-            return (this.label ? this.label + (this.badge ? ' ' + this.badge : '') : this.$attrs['aria-label']);
+            return this.label ? this.label + (this.badge ? ' ' + this.badge : '') : this.$attrs['aria-label'];
         }
     },
     directives: {
-        'ripple': Ripple
+        ripple: Ripple
     }
-}
+};
 </script>

package/button/button.cjs.js

@@ -11,17 +11,24 @@ var script = {
     name: 'Button',
     props: {
         label: {
-            type: String
+            type: String,
+            default: null
         },
         icon: {
-            type: String
+            type: String,
+            default: null
         },
         iconPos: {
             type: String,
             default: 'left'
         },
+        iconClass: {
+            type: String,
+            default: null
+        },
         badge: {
-            type: String
+            type: String,
+            default: null
         },
         badgeClass: {
             type: String,
@@ -45,35 +52,39 @@ var script = {
                 'p-disabled': this.$attrs.disabled || this.loading,
                 'p-button-loading': this.loading,
                 'p-button-loading-label-only': this.loading && !this.icon && this.label
-            }
+            };
         },
-        iconClass() {
+        iconStyleClass() {
             return [
                 this.loading ? 'p-button-loading-icon ' + this.loadingIcon : this.icon,
                 'p-button-icon',
+                this.iconClass,
                 {
                     'p-button-icon-left': this.iconPos === 'left' && this.label,
                     'p-button-icon-right': this.iconPos === 'right' && this.label,
                     'p-button-icon-top': this.iconPos === 'top' && this.label,
                     'p-button-icon-bottom': this.iconPos === 'bottom' && this.label
                 }
-            ]
+            ];
         },
         badgeStyleClass() {
             return [
-                'p-badge p-component', this.badgeClass, {
-                'p-badge-no-gutter': this.badge && String(this.badge).length === 1
-            }]
+                'p-badge p-component',
+                this.badgeClass,
+                {
+                    'p-badge-no-gutter': this.badge && String(this.badge).length === 1
+                }
+            ];
         },
         disabled() {
             return this.$attrs.disabled || this.loading;
         },
         defaultAriaLabel() {
-            return (this.label ? this.label + (this.badge ? ' ' + this.badge : '') : this.$attrs['aria-label']);
+            return this.label ? this.label + (this.badge ? ' ' + this.badge : '') : this.$attrs['aria-label'];
         }
     },
     directives: {
-        'ripple': Ripple__default["default"]
+        ripple: Ripple__default["default"]
     }
 };
 
@@ -93,16 +104,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ($props.loading && !$props.icon)
         ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
-            class: vue.normalizeClass($options.iconClass)
+            class: vue.normalizeClass($options.iconStyleClass)
           }, null, 2))
         : vue.createCommentVNode("", true),
       ($props.icon)
         ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 1,
-            class: vue.normalizeClass($options.iconClass)
+            class: vue.normalizeClass($options.iconStyleClass)
           }, null, 2))
         : vue.createCommentVNode("", true),
-      vue.createElementVNode("span", _hoisted_2, vue.toDisplayString($props.label||' '), 1),
+      vue.createElementVNode("span", _hoisted_2, vue.toDisplayString($props.label || ' '), 1),
       ($props.badge)
         ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 2,

package/button/button.cjs.min.js

@@ -1 +1 @@
-"use strict";var t=require("primevue/ripple"),e=require("vue");function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i={name:"Button",props:{label:{type:String},icon:{type:String},iconPos:{type:String,default:"left"},badge:{type:String},badgeClass:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:"pi pi-spinner pi-spin"}},computed:{buttonClass(){return{"p-button p-component":!0,"p-button-icon-only":this.icon&&!this.label,"p-button-vertical":("top"===this.iconPos||"bottom"===this.iconPos)&&this.label,"p-disabled":this.$attrs.disabled||this.loading,"p-button-loading":this.loading,"p-button-loading-label-only":this.loading&&!this.icon&&this.label}},iconClass(){return[this.loading?"p-button-loading-icon "+this.loadingIcon:this.icon,"p-button-icon",{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label,"p-button-icon-top":"top"===this.iconPos&&this.label,"p-button-icon-bottom":"bottom"===this.iconPos&&this.label}]},badgeStyleClass(){return["p-badge p-component",this.badgeClass,{"p-badge-no-gutter":this.badge&&1===String(this.badge).length}]},disabled(){return this.$attrs.disabled||this.loading},defaultAriaLabel(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]}},directives:{ripple:l(t).default}};const o=["aria-label","disabled"],n={class:"p-button-label"};i.render=function(t,l,i,a,s,r){const c=e.resolveDirective("ripple");return e.withDirectives((e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(r.buttonClass),type:"button","aria-label":r.defaultAriaLabel,disabled:r.disabled},[e.renderSlot(t.$slots,"default",{},(()=>[i.loading&&!i.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(r.iconClass)},null,2)):e.createCommentVNode("",!0),i.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(r.iconClass)},null,2)):e.createCommentVNode("",!0),e.createElementVNode("span",n,e.toDisplayString(i.label||" "),1),i.badge?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(r.badgeStyleClass)},e.toDisplayString(i.badge),3)):e.createCommentVNode("",!0)]))],10,o)),[[c]])},module.exports=i;
+"use strict";var t=require("primevue/ripple"),e=require("vue");function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i={name:"Button",props:{label:{type:String,default:null},icon:{type:String,default:null},iconPos:{type:String,default:"left"},iconClass:{type:String,default:null},badge:{type:String,default:null},badgeClass:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:"pi pi-spinner pi-spin"}},computed:{buttonClass(){return{"p-button p-component":!0,"p-button-icon-only":this.icon&&!this.label,"p-button-vertical":("top"===this.iconPos||"bottom"===this.iconPos)&&this.label,"p-disabled":this.$attrs.disabled||this.loading,"p-button-loading":this.loading,"p-button-loading-label-only":this.loading&&!this.icon&&this.label}},iconStyleClass(){return[this.loading?"p-button-loading-icon "+this.loadingIcon:this.icon,"p-button-icon",this.iconClass,{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label,"p-button-icon-top":"top"===this.iconPos&&this.label,"p-button-icon-bottom":"bottom"===this.iconPos&&this.label}]},badgeStyleClass(){return["p-badge p-component",this.badgeClass,{"p-badge-no-gutter":this.badge&&1===String(this.badge).length}]},disabled(){return this.$attrs.disabled||this.loading},defaultAriaLabel(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]}},directives:{ripple:l(t).default}};const n=["aria-label","disabled"],o={class:"p-button-label"};i.render=function(t,l,i,a,s,r){const d=e.resolveDirective("ripple");return e.withDirectives((e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(r.buttonClass),type:"button","aria-label":r.defaultAriaLabel,disabled:r.disabled},[e.renderSlot(t.$slots,"default",{},(()=>[i.loading&&!i.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(r.iconStyleClass)},null,2)):e.createCommentVNode("",!0),i.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(r.iconStyleClass)},null,2)):e.createCommentVNode("",!0),e.createElementVNode("span",o,e.toDisplayString(i.label||" "),1),i.badge?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(r.badgeStyleClass)},e.toDisplayString(i.badge),3)):e.createCommentVNode("",!0)]))],10,n)),[[d]])},module.exports=i;

package/button/button.esm.js

@@ -5,17 +5,24 @@ var script = {
     name: 'Button',
     props: {
         label: {
-            type: String
+            type: String,
+            default: null
         },
         icon: {
-            type: String
+            type: String,
+            default: null
         },
         iconPos: {
             type: String,
             default: 'left'
         },
+        iconClass: {
+            type: String,
+            default: null
+        },
         badge: {
-            type: String
+            type: String,
+            default: null
         },
         badgeClass: {
             type: String,
@@ -39,35 +46,39 @@ var script = {
                 'p-disabled': this.$attrs.disabled || this.loading,
                 'p-button-loading': this.loading,
                 'p-button-loading-label-only': this.loading && !this.icon && this.label
-            }
+            };
         },
-        iconClass() {
+        iconStyleClass() {
             return [
                 this.loading ? 'p-button-loading-icon ' + this.loadingIcon : this.icon,
                 'p-button-icon',
+                this.iconClass,
                 {
                     'p-button-icon-left': this.iconPos === 'left' && this.label,
                     'p-button-icon-right': this.iconPos === 'right' && this.label,
                     'p-button-icon-top': this.iconPos === 'top' && this.label,
                     'p-button-icon-bottom': this.iconPos === 'bottom' && this.label
                 }
-            ]
+            ];
         },
         badgeStyleClass() {
             return [
-                'p-badge p-component', this.badgeClass, {
-                'p-badge-no-gutter': this.badge && String(this.badge).length === 1
-            }]
+                'p-badge p-component',
+                this.badgeClass,
+                {
+                    'p-badge-no-gutter': this.badge && String(this.badge).length === 1
+                }
+            ];
         },
         disabled() {
             return this.$attrs.disabled || this.loading;
         },
         defaultAriaLabel() {
-            return (this.label ? this.label + (this.badge ? ' ' + this.badge : '') : this.$attrs['aria-label']);
+            return this.label ? this.label + (this.badge ? ' ' + this.badge : '') : this.$attrs['aria-label'];
         }
     },
     directives: {
-        'ripple': Ripple
+        ripple: Ripple
     }
 };
 
@@ -87,16 +98,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ($props.loading && !$props.icon)
         ? (openBlock(), createElementBlock("span", {
             key: 0,
-            class: normalizeClass($options.iconClass)
+            class: normalizeClass($options.iconStyleClass)
           }, null, 2))
         : createCommentVNode("", true),
       ($props.icon)
         ? (openBlock(), createElementBlock("span", {
             key: 1,
-            class: normalizeClass($options.iconClass)
+            class: normalizeClass($options.iconStyleClass)
           }, null, 2))
         : createCommentVNode("", true),
-      createElementVNode("span", _hoisted_2, toDisplayString($props.label||' '), 1),
+      createElementVNode("span", _hoisted_2, toDisplayString($props.label || ' '), 1),
       ($props.badge)
         ? (openBlock(), createElementBlock("span", {
             key: 2,

package/button/button.esm.min.js

@@ -1 +1 @@
-import t from"primevue/ripple";import{resolveDirective as i,withDirectives as l,openBlock as a,createElementBlock as n,normalizeClass as o,renderSlot as s,createCommentVNode as e,createElementVNode as b,toDisplayString as p}from"vue";var d={name:"Button",props:{label:{type:String},icon:{type:String},iconPos:{type:String,default:"left"},badge:{type:String},badgeClass:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:"pi pi-spinner pi-spin"}},computed:{buttonClass(){return{"p-button p-component":!0,"p-button-icon-only":this.icon&&!this.label,"p-button-vertical":("top"===this.iconPos||"bottom"===this.iconPos)&&this.label,"p-disabled":this.$attrs.disabled||this.loading,"p-button-loading":this.loading,"p-button-loading-label-only":this.loading&&!this.icon&&this.label}},iconClass(){return[this.loading?"p-button-loading-icon "+this.loadingIcon:this.icon,"p-button-icon",{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label,"p-button-icon-top":"top"===this.iconPos&&this.label,"p-button-icon-bottom":"bottom"===this.iconPos&&this.label}]},badgeStyleClass(){return["p-badge p-component",this.badgeClass,{"p-badge-no-gutter":this.badge&&1===String(this.badge).length}]},disabled(){return this.$attrs.disabled||this.loading},defaultAriaLabel(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]}},directives:{ripple:t}};const r=["aria-label","disabled"],u={class:"p-button-label"};d.render=function(t,d,c,g,h,y){const f=i("ripple");return l((a(),n("button",{class:o(y.buttonClass),type:"button","aria-label":y.defaultAriaLabel,disabled:y.disabled},[s(t.$slots,"default",{},(()=>[c.loading&&!c.icon?(a(),n("span",{key:0,class:o(y.iconClass)},null,2)):e("",!0),c.icon?(a(),n("span",{key:1,class:o(y.iconClass)},null,2)):e("",!0),b("span",u,p(c.label||" "),1),c.badge?(a(),n("span",{key:2,class:o(y.badgeStyleClass)},p(c.badge),3)):e("",!0)]))],10,r)),[[f]])};export{d as default};
+import t from"primevue/ripple";import{resolveDirective as l,withDirectives as i,openBlock as n,createElementBlock as a,normalizeClass as e,renderSlot as s,createCommentVNode as o,createElementVNode as b,toDisplayString as d}from"vue";var p={name:"Button",props:{label:{type:String,default:null},icon:{type:String,default:null},iconPos:{type:String,default:"left"},iconClass:{type:String,default:null},badge:{type:String,default:null},badgeClass:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:"pi pi-spinner pi-spin"}},computed:{buttonClass(){return{"p-button p-component":!0,"p-button-icon-only":this.icon&&!this.label,"p-button-vertical":("top"===this.iconPos||"bottom"===this.iconPos)&&this.label,"p-disabled":this.$attrs.disabled||this.loading,"p-button-loading":this.loading,"p-button-loading-label-only":this.loading&&!this.icon&&this.label}},iconStyleClass(){return[this.loading?"p-button-loading-icon "+this.loadingIcon:this.icon,"p-button-icon",this.iconClass,{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label,"p-button-icon-top":"top"===this.iconPos&&this.label,"p-button-icon-bottom":"bottom"===this.iconPos&&this.label}]},badgeStyleClass(){return["p-badge p-component",this.badgeClass,{"p-badge-no-gutter":this.badge&&1===String(this.badge).length}]},disabled(){return this.$attrs.disabled||this.loading},defaultAriaLabel(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]}},directives:{ripple:t}};const r=["aria-label","disabled"],u={class:"p-button-label"};p.render=function(t,p,c,g,h,y){const f=l("ripple");return i((n(),a("button",{class:e(y.buttonClass),type:"button","aria-label":y.defaultAriaLabel,disabled:y.disabled},[s(t.$slots,"default",{},(()=>[c.loading&&!c.icon?(n(),a("span",{key:0,class:e(y.iconStyleClass)},null,2)):o("",!0),c.icon?(n(),a("span",{key:1,class:e(y.iconStyleClass)},null,2)):o("",!0),b("span",u,d(c.label||" "),1),c.badge?(n(),a("span",{key:2,class:e(y.badgeStyleClass)},d(c.badge),3)):o("",!0)]))],10,r)),[[f]])};export{p as default};

package/button/button.js

@@ -10,17 +10,24 @@ this.primevue.button = (function (Ripple, vue) {
         name: 'Button',
         props: {
             label: {
-                type: String
+                type: String,
+                default: null
             },
             icon: {
-                type: String
+                type: String,
+                default: null
             },
             iconPos: {
                 type: String,
                 default: 'left'
             },
+            iconClass: {
+                type: String,
+                default: null
+            },
             badge: {
-                type: String
+                type: String,
+                default: null
             },
             badgeClass: {
                 type: String,
@@ -44,35 +51,39 @@ this.primevue.button = (function (Ripple, vue) {
                     'p-disabled': this.$attrs.disabled || this.loading,
                     'p-button-loading': this.loading,
                     'p-button-loading-label-only': this.loading && !this.icon && this.label
-                }
+                };
             },
-            iconClass() {
+            iconStyleClass() {
                 return [
                     this.loading ? 'p-button-loading-icon ' + this.loadingIcon : this.icon,
                     'p-button-icon',
+                    this.iconClass,
                     {
                         'p-button-icon-left': this.iconPos === 'left' && this.label,
                         'p-button-icon-right': this.iconPos === 'right' && this.label,
                         'p-button-icon-top': this.iconPos === 'top' && this.label,
                         'p-button-icon-bottom': this.iconPos === 'bottom' && this.label
                     }
-                ]
+                ];
             },
             badgeStyleClass() {
                 return [
-                    'p-badge p-component', this.badgeClass, {
-                    'p-badge-no-gutter': this.badge && String(this.badge).length === 1
-                }]
+                    'p-badge p-component',
+                    this.badgeClass,
+                    {
+                        'p-badge-no-gutter': this.badge && String(this.badge).length === 1
+                    }
+                ];
             },
             disabled() {
                 return this.$attrs.disabled || this.loading;
             },
             defaultAriaLabel() {
-                return (this.label ? this.label + (this.badge ? ' ' + this.badge : '') : this.$attrs['aria-label']);
+                return this.label ? this.label + (this.badge ? ' ' + this.badge : '') : this.$attrs['aria-label'];
             }
         },
         directives: {
-            'ripple': Ripple__default["default"]
+            ripple: Ripple__default["default"]
         }
     };
 
@@ -92,16 +103,16 @@ this.primevue.button = (function (Ripple, vue) {
           ($props.loading && !$props.icon)
             ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 0,
-                class: vue.normalizeClass($options.iconClass)
+                class: vue.normalizeClass($options.iconStyleClass)
               }, null, 2))
             : vue.createCommentVNode("", true),
           ($props.icon)
             ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 1,
-                class: vue.normalizeClass($options.iconClass)
+                class: vue.normalizeClass($options.iconStyleClass)
               }, null, 2))
             : vue.createCommentVNode("", true),
-          vue.createElementVNode("span", _hoisted_2, vue.toDisplayString($props.label||' '), 1),
+          vue.createElementVNode("span", _hoisted_2, vue.toDisplayString($props.label || ' '), 1),
           ($props.badge)
             ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 2,

package/button/button.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.button=function(t,e){"use strict";function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var l={name:"Button",props:{label:{type:String},icon:{type:String},iconPos:{type:String,default:"left"},badge:{type:String},badgeClass:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:"pi pi-spinner pi-spin"}},computed:{buttonClass(){return{"p-button p-component":!0,"p-button-icon-only":this.icon&&!this.label,"p-button-vertical":("top"===this.iconPos||"bottom"===this.iconPos)&&this.label,"p-disabled":this.$attrs.disabled||this.loading,"p-button-loading":this.loading,"p-button-loading-label-only":this.loading&&!this.icon&&this.label}},iconClass(){return[this.loading?"p-button-loading-icon "+this.loadingIcon:this.icon,"p-button-icon",{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label,"p-button-icon-top":"top"===this.iconPos&&this.label,"p-button-icon-bottom":"bottom"===this.iconPos&&this.label}]},badgeStyleClass(){return["p-badge p-component",this.badgeClass,{"p-badge-no-gutter":this.badge&&1===String(this.badge).length}]},disabled(){return this.$attrs.disabled||this.loading},defaultAriaLabel(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]}},directives:{ripple:i(t).default}};const n=["aria-label","disabled"],o={class:"p-button-label"};return l.render=function(t,i,l,a,s,r){const c=e.resolveDirective("ripple");return e.withDirectives((e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(r.buttonClass),type:"button","aria-label":r.defaultAriaLabel,disabled:r.disabled},[e.renderSlot(t.$slots,"default",{},(()=>[l.loading&&!l.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(r.iconClass)},null,2)):e.createCommentVNode("",!0),l.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(r.iconClass)},null,2)):e.createCommentVNode("",!0),e.createElementVNode("span",o,e.toDisplayString(l.label||" "),1),l.badge?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(r.badgeStyleClass)},e.toDisplayString(l.badge),3)):e.createCommentVNode("",!0)]))],10,n)),[[c]])},l}(primevue.ripple,Vue);
+this.primevue=this.primevue||{},this.primevue.button=function(t,e){"use strict";function l(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i={name:"Button",props:{label:{type:String,default:null},icon:{type:String,default:null},iconPos:{type:String,default:"left"},iconClass:{type:String,default:null},badge:{type:String,default:null},badgeClass:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:"pi pi-spinner pi-spin"}},computed:{buttonClass(){return{"p-button p-component":!0,"p-button-icon-only":this.icon&&!this.label,"p-button-vertical":("top"===this.iconPos||"bottom"===this.iconPos)&&this.label,"p-disabled":this.$attrs.disabled||this.loading,"p-button-loading":this.loading,"p-button-loading-label-only":this.loading&&!this.icon&&this.label}},iconStyleClass(){return[this.loading?"p-button-loading-icon "+this.loadingIcon:this.icon,"p-button-icon",this.iconClass,{"p-button-icon-left":"left"===this.iconPos&&this.label,"p-button-icon-right":"right"===this.iconPos&&this.label,"p-button-icon-top":"top"===this.iconPos&&this.label,"p-button-icon-bottom":"bottom"===this.iconPos&&this.label}]},badgeStyleClass(){return["p-badge p-component",this.badgeClass,{"p-badge-no-gutter":this.badge&&1===String(this.badge).length}]},disabled(){return this.$attrs.disabled||this.loading},defaultAriaLabel(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]}},directives:{ripple:l(t).default}};const n=["aria-label","disabled"],o={class:"p-button-label"};return i.render=function(t,l,i,a,s,r){const c=e.resolveDirective("ripple");return e.withDirectives((e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(r.buttonClass),type:"button","aria-label":r.defaultAriaLabel,disabled:r.disabled},[e.renderSlot(t.$slots,"default",{},(()=>[i.loading&&!i.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(r.iconStyleClass)},null,2)):e.createCommentVNode("",!0),i.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(r.iconStyleClass)},null,2)):e.createCommentVNode("",!0),e.createElementVNode("span",o,e.toDisplayString(i.label||" "),1),i.badge?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(r.badgeStyleClass)},e.toDisplayString(i.badge),3)):e.createCommentVNode("",!0)]))],10,n)),[[c]])},i}(primevue.ripple,Vue);

package/calendar/Calendar.d.ts

@@ -1,9 +1,9 @@
-import { VNode } from 'vue';
+import { HTMLAttributes, InputHTMLAttributes, VNode } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
 type CalendarValueType = Date | Date[] | undefined;
 
-type CalendarSlotDateType = { day: number; month: number; year: number; today: boolean; selectable: boolean }
+type CalendarSlotDateType = { day: number; month: number; year: number; today: boolean; selectable: boolean };
 
 type CalendarSelectionModeType = 'single' | 'multiple' | 'range' | undefined;
 
@@ -266,7 +266,7 @@ export interface CalendarProps {
     /**
      * Uses to pass all properties of the HTMLInputElement to the focusable input element inside the component.
      */
-    inputProps?: HTMLInputElement | undefined;
+    inputProps?: InputHTMLAttributes | undefined;
     /**
      * Inline style of the overlay panel.
      */
@@ -278,7 +278,7 @@ export interface CalendarProps {
     /**
      * Uses to pass all properties of the HTMLDivElement to the overlay panel inside the component.
      */
-    panelProps?: HTMLDivElement | undefined;
+    panelProps?: HTMLAttributes | undefined;
     /**
      * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
      */
@@ -330,7 +330,7 @@ export declare type CalendarEmits = {
      * Callback to invoke when input field is being typed.
      * @param {Event} event - Browser event
      */
-    'input': (event: Event) => void;
+    input: (event: Event) => void;
     /**
      * Callback to invoke when a date is selected.
      * @param {Date} value - Selected value.
@@ -339,11 +339,11 @@ export declare type CalendarEmits = {
     /**
      * Callback to invoke when datepicker panel is shown.
      */
-    'show': () => void;
+    show: () => void;
     /**
      * Callback to invoke when datepicker panel is hidden.
      */
-    'hide': () => void;
+    hide: () => void;
     /**
      * Callback to invoke when today button is clicked.
      * @param {Date} date - Today as a date instance.
@@ -368,23 +368,23 @@ export declare type CalendarEmits = {
      * Callback to invoke on focus of input field.
      * @param {Event} event - Focus event
      */
-    'focus': (event: Event) => void;
+    focus: (event: Event) => void;
     /**
      * Callback to invoke on blur of input field.
      * @param {CalendarBlurEvent} event - Blur event
      */
-    'blur': (event: CalendarBlurEvent) => void;
+    blur: (event: CalendarBlurEvent) => void;
     /**
      * Callback to invoke when a key is pressed.
      */
-    'keydown': (event: Event) => void;
-}
+    keydown: (event: Event) => void;
+};
 
-declare class Calendar extends ClassComponent<CalendarProps, CalendarSlots, CalendarEmits> { }
+declare class Calendar extends ClassComponent<CalendarProps, CalendarSlots, CalendarEmits> {}
 
 declare module '@vue/runtime-core' {
     interface GlobalComponents {
-        Calendar: GlobalComponentConstructor<Calendar>
+        Calendar: GlobalComponentConstructor<Calendar>;
     }
 }
 
@@ -394,7 +394,7 @@ declare module '@vue/runtime-core' {
  *
  * Demos:
  *
- * - [Calendar](https://www.primefaces.org/primevue/showcase/#/calendar)
+ * - [Calendar](https://www.primefaces.org/primevue/calendar)
  *
  */
 export default Calendar;