primevue 3.41.0 → 3.41.1

package/button/BaseButton.vue

@@ -30,6 +30,10 @@ export default {
             type: String,
             default: null
         },
+        badgeSeverity: {
+            type: String,
+            default: null
+        },
         loading: {
             type: Boolean,
             default: false

package/button/Button.d.ts

@@ -116,6 +116,10 @@ export interface ButtonProps extends ButtonHTMLAttributes {
      * Style class of the badge.
      */
     badgeClass?: string | undefined;
+    /**
+     * Severity type of the badge.
+     */
+    badgeSeverity?: 'info' | 'success' | 'warning' | 'danger' | string | null | undefined;
     /**
      * Whether the button is in loading state.
      * @defaultValue false

package/button/Button.vue

@@ -9,7 +9,7 @@
                 <span v-if="icon" :class="[cx('icon'), icon, iconClass]" v-bind="ptm('icon')"></span>
             </slot>
             <span :class="cx('label')" v-bind="ptm('label')">{{ label || '&nbsp;' }}</span>
-            <Badge v-if="badge" :value="badge" :class="badgeClass" :unstyled="unstyled" v-bind="ptm('badge')"></Badge>
+            <Badge v-if="badge" :value="badge" :class="badgeClass" :severity="badgeSeverity" :unstyled="unstyled" v-bind="ptm('badge')"></Badge>
         </slot>
     </button>
 </template>

package/button/button.cjs.js

@@ -43,6 +43,10 @@ var script$1 = {
       type: String,
       "default": null
     },
+    badgeSeverity: {
+      type: String,
+      "default": null
+    },
     loading: {
       type: Boolean,
       "default": false
@@ -169,8 +173,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       key: 2,
       value: _ctx.badge,
       "class": _ctx.badgeClass,
+      severity: _ctx.badgeSeverity,
       unstyled: _ctx.unstyled
-    }, _ctx.ptm('badge')), null, 16, ["value", "class", "unstyled"])) : vue.createCommentVNode("", true)];
+    }, _ctx.ptm('badge')), null, 16, ["value", "class", "severity", "unstyled"])) : vue.createCommentVNode("", true)];
   })], 16, _hoisted_1)), [[_directive_ripple]]);
 }
 

package/button/button.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/badge"),t=require("primevue/icons/spinner"),n=require("primevue/ripple"),l=require("primevue/basecomponent"),a=require("primevue/button/style"),o=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e),s=i(t),d=i(n),c={name:"Button",extends:{name:"BaseButton",extends:i(l).default,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:void 0},link:{type:Boolean,default:!1},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}},style:i(a).default,provide:function(){return{$parentInstance:this}}},methods:{getPTOptions:function(e){var t,n;return this.ptm(e,{parent:{props:null===(t=this.$parent)||void 0===t?void 0:t.$props,state:null===(n=this.$parent)||void 0===n?void 0:n.$data},context:{disabled:this.disabled}})}},computed:{disabled:function(){return this.$attrs.disabled||""===this.$attrs.disabled||this.loading},defaultAriaLabel:function(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]},hasIcon:function(){return this.icon||this.$slots.icon}},components:{SpinnerIcon:s.default,Badge:r.default},directives:{ripple:d.default}},u=["aria-label","disabled","data-pc-severity"];c.render=function(e,t,n,l,a,i){var r=o.resolveComponent("SpinnerIcon"),s=o.resolveComponent("Badge"),d=o.resolveDirective("ripple");return o.withDirectives((o.openBlock(),o.createElementBlock("button",o.mergeProps({class:e.cx("root"),type:"button","aria-label":i.defaultAriaLabel,disabled:i.disabled},i.getPTOptions("root"),{"data-pc-name":"button","data-pc-severity":e.severity}),[o.renderSlot(e.$slots,"default",{},(function(){return[e.loading?o.renderSlot(e.$slots,"loadingicon",{key:0,class:o.normalizeClass([e.cx("loadingIcon"),e.cx("icon")])},(function(){return[e.loadingIcon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:0,class:[e.cx("loadingIcon"),e.cx("icon"),e.loadingIcon]},e.ptm("loadingIcon")),null,16)):(o.openBlock(),o.createBlock(r,o.mergeProps({key:1,class:[e.cx("loadingIcon"),e.cx("icon")],spin:""},e.ptm("loadingIcon")),null,16,["class"]))]})):o.renderSlot(e.$slots,"icon",{key:1,class:o.normalizeClass([e.cx("icon")])},(function(){return[e.icon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:0,class:[e.cx("icon"),e.icon,e.iconClass]},e.ptm("icon")),null,16)):o.createCommentVNode("",!0)]})),o.createElementVNode("span",o.mergeProps({class:e.cx("label")},e.ptm("label")),o.toDisplayString(e.label||" "),17),e.badge?(o.openBlock(),o.createBlock(s,o.mergeProps({key:2,value:e.badge,class:e.badgeClass,unstyled:e.unstyled},e.ptm("badge")),null,16,["value","class","unstyled"])):o.createCommentVNode("",!0)]}))],16,u)),[[d]])},module.exports=c;
+"use strict";var e=require("primevue/badge"),t=require("primevue/icons/spinner"),n=require("primevue/ripple"),l=require("primevue/basecomponent"),a=require("primevue/button/style"),o=require("vue");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e),s=i(t),d=i(n),c={name:"Button",extends:{name:"BaseButton",extends:i(l).default,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},badgeSeverity:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:void 0},link:{type:Boolean,default:!1},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}},style:i(a).default,provide:function(){return{$parentInstance:this}}},methods:{getPTOptions:function(e){var t,n;return this.ptm(e,{parent:{props:null===(t=this.$parent)||void 0===t?void 0:t.$props,state:null===(n=this.$parent)||void 0===n?void 0:n.$data},context:{disabled:this.disabled}})}},computed:{disabled:function(){return this.$attrs.disabled||""===this.$attrs.disabled||this.loading},defaultAriaLabel:function(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]},hasIcon:function(){return this.icon||this.$slots.icon}},components:{SpinnerIcon:s.default,Badge:r.default},directives:{ripple:d.default}},u=["aria-label","disabled","data-pc-severity"];c.render=function(e,t,n,l,a,i){var r=o.resolveComponent("SpinnerIcon"),s=o.resolveComponent("Badge"),d=o.resolveDirective("ripple");return o.withDirectives((o.openBlock(),o.createElementBlock("button",o.mergeProps({class:e.cx("root"),type:"button","aria-label":i.defaultAriaLabel,disabled:i.disabled},i.getPTOptions("root"),{"data-pc-name":"button","data-pc-severity":e.severity}),[o.renderSlot(e.$slots,"default",{},(function(){return[e.loading?o.renderSlot(e.$slots,"loadingicon",{key:0,class:o.normalizeClass([e.cx("loadingIcon"),e.cx("icon")])},(function(){return[e.loadingIcon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:0,class:[e.cx("loadingIcon"),e.cx("icon"),e.loadingIcon]},e.ptm("loadingIcon")),null,16)):(o.openBlock(),o.createBlock(r,o.mergeProps({key:1,class:[e.cx("loadingIcon"),e.cx("icon")],spin:""},e.ptm("loadingIcon")),null,16,["class"]))]})):o.renderSlot(e.$slots,"icon",{key:1,class:o.normalizeClass([e.cx("icon")])},(function(){return[e.icon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:0,class:[e.cx("icon"),e.icon,e.iconClass]},e.ptm("icon")),null,16)):o.createCommentVNode("",!0)]})),o.createElementVNode("span",o.mergeProps({class:e.cx("label")},e.ptm("label")),o.toDisplayString(e.label||" "),17),e.badge?(o.openBlock(),o.createBlock(s,o.mergeProps({key:2,value:e.badge,class:e.badgeClass,severity:e.badgeSeverity,unstyled:e.unstyled},e.ptm("badge")),null,16,["value","class","severity","unstyled"])):o.createCommentVNode("",!0)]}))],16,u)),[[d]])},module.exports=c;

package/button/button.esm.js

@@ -33,6 +33,10 @@ var script$1 = {
       type: String,
       "default": null
     },
+    badgeSeverity: {
+      type: String,
+      "default": null
+    },
     loading: {
       type: Boolean,
       "default": false
@@ -159,8 +163,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       key: 2,
       value: _ctx.badge,
       "class": _ctx.badgeClass,
+      severity: _ctx.badgeSeverity,
       unstyled: _ctx.unstyled
-    }, _ctx.ptm('badge')), null, 16, ["value", "class", "unstyled"])) : createCommentVNode("", true)];
+    }, _ctx.ptm('badge')), null, 16, ["value", "class", "severity", "unstyled"])) : createCommentVNode("", true)];
   })], 16, _hoisted_1)), [[_directive_ripple]]);
 }
 

package/button/button.esm.min.js

@@ -1 +1 @@
-import e from"primevue/badge";import t from"primevue/icons/spinner";import n from"primevue/ripple";import a from"primevue/basecomponent";import l from"primevue/button/style";import{resolveComponent as i,resolveDirective as o,withDirectives as s,openBlock as d,createElementBlock as r,mergeProps as u,renderSlot as p,normalizeClass as c,createBlock as f,createCommentVNode as g,createElementVNode as b,toDisplayString as y}from"vue";var m={name:"Button",extends:{name:"BaseButton",extends:a,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:void 0},link:{type:Boolean,default:!1},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}},style:l,provide:function(){return{$parentInstance:this}}},methods:{getPTOptions:function(e){var t,n;return this.ptm(e,{parent:{props:null===(t=this.$parent)||void 0===t?void 0:t.$props,state:null===(n=this.$parent)||void 0===n?void 0:n.$data},context:{disabled:this.disabled}})}},computed:{disabled:function(){return this.$attrs.disabled||""===this.$attrs.disabled||this.loading},defaultAriaLabel:function(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]},hasIcon:function(){return this.icon||this.$slots.icon}},components:{SpinnerIcon:t,Badge:e},directives:{ripple:n}},v=["aria-label","disabled","data-pc-severity"];m.render=function(e,t,n,a,l,m){var h=i("SpinnerIcon"),x=i("Badge"),B=o("ripple");return s((d(),r("button",u({class:e.cx("root"),type:"button","aria-label":m.defaultAriaLabel,disabled:m.disabled},m.getPTOptions("root"),{"data-pc-name":"button","data-pc-severity":e.severity}),[p(e.$slots,"default",{},(function(){return[e.loading?p(e.$slots,"loadingicon",{key:0,class:c([e.cx("loadingIcon"),e.cx("icon")])},(function(){return[e.loadingIcon?(d(),r("span",u({key:0,class:[e.cx("loadingIcon"),e.cx("icon"),e.loadingIcon]},e.ptm("loadingIcon")),null,16)):(d(),f(h,u({key:1,class:[e.cx("loadingIcon"),e.cx("icon")],spin:""},e.ptm("loadingIcon")),null,16,["class"]))]})):p(e.$slots,"icon",{key:1,class:c([e.cx("icon")])},(function(){return[e.icon?(d(),r("span",u({key:0,class:[e.cx("icon"),e.icon,e.iconClass]},e.ptm("icon")),null,16)):g("",!0)]})),b("span",u({class:e.cx("label")},e.ptm("label")),y(e.label||" "),17),e.badge?(d(),f(x,u({key:2,value:e.badge,class:e.badgeClass,unstyled:e.unstyled},e.ptm("badge")),null,16,["value","class","unstyled"])):g("",!0)]}))],16,v)),[[B]])};export{m as default};
+import e from"primevue/badge";import t from"primevue/icons/spinner";import n from"primevue/ripple";import a from"primevue/basecomponent";import l from"primevue/button/style";import{resolveComponent as i,resolveDirective as o,withDirectives as s,openBlock as r,createElementBlock as d,mergeProps as u,renderSlot as p,normalizeClass as c,createBlock as f,createCommentVNode as g,createElementVNode as y,toDisplayString as b}from"vue";var m={name:"Button",extends:{name:"BaseButton",extends:a,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},badgeSeverity:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:void 0},link:{type:Boolean,default:!1},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}},style:l,provide:function(){return{$parentInstance:this}}},methods:{getPTOptions:function(e){var t,n;return this.ptm(e,{parent:{props:null===(t=this.$parent)||void 0===t?void 0:t.$props,state:null===(n=this.$parent)||void 0===n?void 0:n.$data},context:{disabled:this.disabled}})}},computed:{disabled:function(){return this.$attrs.disabled||""===this.$attrs.disabled||this.loading},defaultAriaLabel:function(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]},hasIcon:function(){return this.icon||this.$slots.icon}},components:{SpinnerIcon:t,Badge:e},directives:{ripple:n}},v=["aria-label","disabled","data-pc-severity"];m.render=function(e,t,n,a,l,m){var h=i("SpinnerIcon"),x=i("Badge"),S=o("ripple");return s((r(),d("button",u({class:e.cx("root"),type:"button","aria-label":m.defaultAriaLabel,disabled:m.disabled},m.getPTOptions("root"),{"data-pc-name":"button","data-pc-severity":e.severity}),[p(e.$slots,"default",{},(function(){return[e.loading?p(e.$slots,"loadingicon",{key:0,class:c([e.cx("loadingIcon"),e.cx("icon")])},(function(){return[e.loadingIcon?(r(),d("span",u({key:0,class:[e.cx("loadingIcon"),e.cx("icon"),e.loadingIcon]},e.ptm("loadingIcon")),null,16)):(r(),f(h,u({key:1,class:[e.cx("loadingIcon"),e.cx("icon")],spin:""},e.ptm("loadingIcon")),null,16,["class"]))]})):p(e.$slots,"icon",{key:1,class:c([e.cx("icon")])},(function(){return[e.icon?(r(),d("span",u({key:0,class:[e.cx("icon"),e.icon,e.iconClass]},e.ptm("icon")),null,16)):g("",!0)]})),y("span",u({class:e.cx("label")},e.ptm("label")),b(e.label||" "),17),e.badge?(r(),f(x,u({key:2,value:e.badge,class:e.badgeClass,severity:e.badgeSeverity,unstyled:e.unstyled},e.ptm("badge")),null,16,["value","class","severity","unstyled"])):g("",!0)]}))],16,v)),[[S]])};export{m as default};

package/button/button.js

@@ -38,6 +38,10 @@ this.primevue.button = (function (Badge, SpinnerIcon, Ripple, BaseComponent, But
           type: String,
           "default": null
         },
+        badgeSeverity: {
+          type: String,
+          "default": null
+        },
         loading: {
           type: Boolean,
           "default": false
@@ -164,8 +168,9 @@ this.primevue.button = (function (Badge, SpinnerIcon, Ripple, BaseComponent, But
           key: 2,
           value: _ctx.badge,
           "class": _ctx.badgeClass,
+          severity: _ctx.badgeSeverity,
           unstyled: _ctx.unstyled
-        }, _ctx.ptm('badge')), null, 16, ["value", "class", "unstyled"])) : vue.createCommentVNode("", true)];
+        }, _ctx.ptm('badge')), null, 16, ["value", "class", "severity", "unstyled"])) : vue.createCommentVNode("", true)];
       })], 16, _hoisted_1)), [[_directive_ripple]]);
     }
 

package/button/button.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.button=function(e,t,n,l,a,o){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(e),r=i(t),d=i(n),c={name:"Button",extends:{name:"BaseButton",extends:i(l).default,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:void 0},link:{type:Boolean,default:!1},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}},style:i(a).default,provide:function(){return{$parentInstance:this}}},methods:{getPTOptions:function(e){var t,n;return this.ptm(e,{parent:{props:null===(t=this.$parent)||void 0===t?void 0:t.$props,state:null===(n=this.$parent)||void 0===n?void 0:n.$data},context:{disabled:this.disabled}})}},computed:{disabled:function(){return this.$attrs.disabled||""===this.$attrs.disabled||this.loading},defaultAriaLabel:function(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]},hasIcon:function(){return this.icon||this.$slots.icon}},components:{SpinnerIcon:r.default,Badge:s.default},directives:{ripple:d.default}},u=["aria-label","disabled","data-pc-severity"];return c.render=function(e,t,n,l,a,i){var s=o.resolveComponent("SpinnerIcon"),r=o.resolveComponent("Badge"),d=o.resolveDirective("ripple");return o.withDirectives((o.openBlock(),o.createElementBlock("button",o.mergeProps({class:e.cx("root"),type:"button","aria-label":i.defaultAriaLabel,disabled:i.disabled},i.getPTOptions("root"),{"data-pc-name":"button","data-pc-severity":e.severity}),[o.renderSlot(e.$slots,"default",{},(function(){return[e.loading?o.renderSlot(e.$slots,"loadingicon",{key:0,class:o.normalizeClass([e.cx("loadingIcon"),e.cx("icon")])},(function(){return[e.loadingIcon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:0,class:[e.cx("loadingIcon"),e.cx("icon"),e.loadingIcon]},e.ptm("loadingIcon")),null,16)):(o.openBlock(),o.createBlock(s,o.mergeProps({key:1,class:[e.cx("loadingIcon"),e.cx("icon")],spin:""},e.ptm("loadingIcon")),null,16,["class"]))]})):o.renderSlot(e.$slots,"icon",{key:1,class:o.normalizeClass([e.cx("icon")])},(function(){return[e.icon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:0,class:[e.cx("icon"),e.icon,e.iconClass]},e.ptm("icon")),null,16)):o.createCommentVNode("",!0)]})),o.createElementVNode("span",o.mergeProps({class:e.cx("label")},e.ptm("label")),o.toDisplayString(e.label||" "),17),e.badge?(o.openBlock(),o.createBlock(r,o.mergeProps({key:2,value:e.badge,class:e.badgeClass,unstyled:e.unstyled},e.ptm("badge")),null,16,["value","class","unstyled"])):o.createCommentVNode("",!0)]}))],16,u)),[[d]])},c}(primevue.badge,primevue.icons.spinner,primevue.ripple,primevue.basecomponent,primevue.button.style,Vue);
+this.primevue=this.primevue||{},this.primevue.button=function(e,t,n,l,a,o){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(e),r=i(t),d=i(n),c={name:"Button",extends:{name:"BaseButton",extends:i(l).default,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},badgeSeverity:{type:String,default:null},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:void 0},link:{type:Boolean,default:!1},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}},style:i(a).default,provide:function(){return{$parentInstance:this}}},methods:{getPTOptions:function(e){var t,n;return this.ptm(e,{parent:{props:null===(t=this.$parent)||void 0===t?void 0:t.$props,state:null===(n=this.$parent)||void 0===n?void 0:n.$data},context:{disabled:this.disabled}})}},computed:{disabled:function(){return this.$attrs.disabled||""===this.$attrs.disabled||this.loading},defaultAriaLabel:function(){return this.label?this.label+(this.badge?" "+this.badge:""):this.$attrs["aria-label"]},hasIcon:function(){return this.icon||this.$slots.icon}},components:{SpinnerIcon:r.default,Badge:s.default},directives:{ripple:d.default}},u=["aria-label","disabled","data-pc-severity"];return c.render=function(e,t,n,l,a,i){var s=o.resolveComponent("SpinnerIcon"),r=o.resolveComponent("Badge"),d=o.resolveDirective("ripple");return o.withDirectives((o.openBlock(),o.createElementBlock("button",o.mergeProps({class:e.cx("root"),type:"button","aria-label":i.defaultAriaLabel,disabled:i.disabled},i.getPTOptions("root"),{"data-pc-name":"button","data-pc-severity":e.severity}),[o.renderSlot(e.$slots,"default",{},(function(){return[e.loading?o.renderSlot(e.$slots,"loadingicon",{key:0,class:o.normalizeClass([e.cx("loadingIcon"),e.cx("icon")])},(function(){return[e.loadingIcon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:0,class:[e.cx("loadingIcon"),e.cx("icon"),e.loadingIcon]},e.ptm("loadingIcon")),null,16)):(o.openBlock(),o.createBlock(s,o.mergeProps({key:1,class:[e.cx("loadingIcon"),e.cx("icon")],spin:""},e.ptm("loadingIcon")),null,16,["class"]))]})):o.renderSlot(e.$slots,"icon",{key:1,class:o.normalizeClass([e.cx("icon")])},(function(){return[e.icon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:0,class:[e.cx("icon"),e.icon,e.iconClass]},e.ptm("icon")),null,16)):o.createCommentVNode("",!0)]})),o.createElementVNode("span",o.mergeProps({class:e.cx("label")},e.ptm("label")),o.toDisplayString(e.label||" "),17),e.badge?(o.openBlock(),o.createBlock(r,o.mergeProps({key:2,value:e.badge,class:e.badgeClass,severity:e.badgeSeverity,unstyled:e.unstyled},e.ptm("badge")),null,16,["value","class","severity","unstyled"])):o.createCommentVNode("",!0)]}))],16,u)),[[d]])},c}(primevue.badge,primevue.icons.spinner,primevue.ripple,primevue.basecomponent,primevue.button.style,Vue);

package/calendar/Calendar.d.ts

@@ -182,6 +182,10 @@ export interface CalendarPassThroughOptions {
      * Used to pass attributes to the week header's DOM element.
      */
     weekHeader?: CalendarPassThroughOptionType;
+    /**
+     * Used to pass attributes to the week header label's DOM element.
+     */
+    weekHeaderLabel?: CalendarPassThroughOptionType;
     /**
      * Used to pass attributes to the table header cell's DOM element.
      */
@@ -756,6 +760,20 @@ export interface CalendarSlots {
          */
         years: string[] | undefined;
     }): VNode[];
+    /**
+     * Custom week header label template.
+     */
+    weekheaderlabel(): VNode[];
+    /**
+     * Custom week label template.
+     * @param {Object} scope - weeklabel slot's params.
+     */
+    weeklabel(scope: {
+        /**
+         * Number of the week
+         */
+        weekNumber: number;
+    }): VNode[];
     /**
      * Custom dropdown icon template.
      * @param {Object} scope - dropdown icon slot's params.

package/calendar/Calendar.vue

@@ -169,7 +169,11 @@
                                         <thead v-bind="ptm('tableHeader')">
                                             <tr v-bind="ptm('tableHeaderRow')">
                                                 <th v-if="showWeek" scope="col" :class="cx('weekHeader')" v-bind="ptm('weekHeader', { context: { disabled: showWeek } })" :data-p-disabled="showWeek" data-pc-group-section="tableheadercell">
-                                                    <span v-bind="ptm('weekLabel')" data-pc-group-section="tableheadercelllabel">{{ weekHeaderLabel }}</span>
+                                                    <slot name="weekheaderlabel">
+                                                        <span v-bind="ptm('weekHeaderLabel', { context: { disabled: showWeek } })" data-pc-group-section="tableheadercelllabel">
+                                                            {{ weekHeaderLabel }}
+                                                        </span>
+                                                    </slot>
                                                 </th>
                                                 <th v-for="weekDay of weekDays" :key="weekDay" scope="col" :abbr="weekDay" v-bind="ptm('tableHeaderCell')" data-pc-group-section="tableheadercell">
                                                     <span v-bind="ptm('weekDay')" data-pc-group-section="tableheadercelllabel">{{ weekDay }}</span>
@@ -180,8 +184,10 @@
                                             <tr v-for="(week, i) of month.dates" :key="week[0].day + '' + week[0].month" v-bind="ptm('tableBodyRow')">
                                                 <td v-if="showWeek" :class="cx('weekNumber')" v-bind="ptm('weekNumber')" data-pc-group-section="tablebodycell">
                                                     <span :class="cx('weekLabelContainer')" v-bind="ptm('weekLabelContainer', { context: { disabled: showWeek } })" :data-p-disabled="showWeek" data-pc-group-section="tablebodycelllabel">
-                                                        <span v-if="month.weekNumbers[i] < 10" style="visibility: hidden" v-bind="ptm('weekLabel')">0</span>
-                                                        {{ month.weekNumbers[i] }}
+                                                        <slot name="weeklabel" :weekNumber="month.weekNumbers[i]">
+                                                            <span v-if="month.weekNumbers[i] < 10" style="visibility: hidden" v-bind="ptm('weekLabel')">0</span>
+                                                            {{ month.weekNumbers[i] }}
+                                                        </slot>
                                                     </span>
                                                 </td>
                                                 <td
@@ -520,6 +526,7 @@ export default {
     outsideClickListener: null,
     maskClickListener: null,
     resizeListener: null,
+    matchMediaListener: null,
     overlay: null,
     input: null,
     mask: null,
@@ -539,6 +546,7 @@ export default {
             focused: false,
             overlayVisible: false,
             currentView: this.view,
+            query: null,
             queryMatches: false
         };
     },
@@ -589,13 +597,7 @@ export default {
     },
     mounted() {
         this.createResponsiveStyle();
-        const query = matchMedia(`(max-width: ${this.breakpoint})`);
-
-        this.queryMatches = query.matches;
-
-        query.addEventListener('change', () => {
-            this.queryMatches = query.matches;
-        });
+        this.bindMatchMediaListener();
 
         if (this.inline) {
             this.overlay && this.overlay.setAttribute(this.attributeSelector, '');
@@ -638,6 +640,7 @@ export default {
 
         this.unbindOutsideClickListener();
         this.unbindResizeListener();
+        this.unbindMatchMediaListener();
 
         if (this.scrollHandler) {
             this.scrollHandler.destroy();
@@ -1022,6 +1025,27 @@ export default {
                 this.resizeListener = null;
             }
         },
+        bindMatchMediaListener() {
+            if (!this.matchMediaListener) {
+                const query = matchMedia(`(max-width: ${this.breakpoint})`);
+
+                this.query = query;
+                this.queryMatches = query.matches;
+
+                this.matchMediaListener = () => {
+                    this.queryMatches = query.matches;
+                    this.mobileActive = false;
+                };
+
+                this.query.addEventListener('change', this.matchMediaListener);
+            }
+        },
+        unbindMatchMediaListener() {
+            if (this.matchMediaListener) {
+                this.query.removeEventListener('change', this.matchMediaListener);
+                this.matchMediaListener = null;
+            }
+        },
         isOutsideClicked(event) {
             return !(this.$el.isSameNode(event.target) || this.isNavIconClicked(event) || this.$el.contains(event.target) || (this.overlay && this.overlay.contains(event.target)));
         },

package/calendar/calendar.cjs.js

@@ -277,6 +277,7 @@ var script = {
   outsideClickListener: null,
   maskClickListener: null,
   resizeListener: null,
+  matchMediaListener: null,
   overlay: null,
   input: null,
   mask: null,
@@ -296,6 +297,7 @@ var script = {
       focused: false,
       overlayVisible: false,
       currentView: this.view,
+      query: null,
       queryMatches: false
     };
   },
@@ -345,13 +347,8 @@ var script = {
     this.updateCurrentMetaData();
   },
   mounted: function mounted() {
-    var _this2 = this;
     this.createResponsiveStyle();
-    var query = matchMedia("(max-width: ".concat(this.breakpoint, ")"));
-    this.queryMatches = query.matches;
-    query.addEventListener('change', function () {
-      _this2.queryMatches = query.matches;
-    });
+    this.bindMatchMediaListener();
     if (this.inline) {
       this.overlay && this.overlay.setAttribute(this.attributeSelector, '');
       if (!this.disabled) {
@@ -387,6 +384,7 @@ var script = {
     this.destroyResponsiveStyleElement();
     this.unbindOutsideClickListener();
     this.unbindResizeListener();
+    this.unbindMatchMediaListener();
     if (this.scrollHandler) {
       this.scrollHandler.destroy();
       this.scrollHandler = null;
@@ -434,12 +432,12 @@ var script = {
       return false;
     },
     isMonthSelected: function isMonthSelected(month) {
-      var _this3 = this;
+      var _this2 = this;
       if (this.isComparable()) {
         var value = this.isRangeSelection() ? this.modelValue[0] : this.modelValue;
         if (this.isMultipleSelection()) {
           return value.some(function (currentValue) {
-            return currentValue.getMonth() === month && currentValue.getFullYear() === _this3.currentYear;
+            return currentValue.getMonth() === month && currentValue.getFullYear() === _this2.currentYear;
           });
         } else {
           return value.getMonth() === month && value.getFullYear() === this.currentYear;
@@ -720,11 +718,11 @@ var script = {
       this.currentSecond = Math.floor(date.getSeconds() / this.stepSecond) * this.stepSecond;
     },
     bindOutsideClickListener: function bindOutsideClickListener() {
-      var _this4 = this;
+      var _this3 = this;
       if (!this.outsideClickListener) {
         this.outsideClickListener = function (event) {
-          if (_this4.overlayVisible && _this4.isOutsideClicked(event)) {
-            _this4.overlayVisible = false;
+          if (_this3.overlayVisible && _this3.isOutsideClicked(event)) {
+            _this3.overlayVisible = false;
           }
         };
         document.addEventListener('mousedown', this.outsideClickListener);
@@ -737,11 +735,11 @@ var script = {
       }
     },
     bindScrollListener: function bindScrollListener() {
-      var _this5 = this;
+      var _this4 = this;
       if (!this.scrollHandler) {
         this.scrollHandler = new utils.ConnectedOverlayScrollHandler(this.$refs.container, function () {
-          if (_this5.overlayVisible) {
-            _this5.overlayVisible = false;
+          if (_this4.overlayVisible) {
+            _this4.overlayVisible = false;
           }
         });
       }
@@ -753,11 +751,11 @@ var script = {
       }
     },
     bindResizeListener: function bindResizeListener() {
-      var _this6 = this;
+      var _this5 = this;
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this6.overlayVisible && !utils.DomHandler.isTouchDevice()) {
-            _this6.overlayVisible = false;
+          if (_this5.overlayVisible && !utils.DomHandler.isTouchDevice()) {
+            _this5.overlayVisible = false;
           }
         };
         window.addEventListener('resize', this.resizeListener);
@@ -769,6 +767,25 @@ var script = {
         this.resizeListener = null;
       }
     },
+    bindMatchMediaListener: function bindMatchMediaListener() {
+      var _this6 = this;
+      if (!this.matchMediaListener) {
+        var query = matchMedia("(max-width: ".concat(this.breakpoint, ")"));
+        this.query = query;
+        this.queryMatches = query.matches;
+        this.matchMediaListener = function () {
+          _this6.queryMatches = query.matches;
+          _this6.mobileActive = false;
+        };
+        this.query.addEventListener('change', this.matchMediaListener);
+      }
+    },
+    unbindMatchMediaListener: function unbindMatchMediaListener() {
+      if (this.matchMediaListener) {
+        this.query.removeEventListener('change', this.matchMediaListener);
+        this.matchMediaListener = null;
+      }
+    },
     isOutsideClicked: function isOutsideClicked(event) {
       return !(this.$el.isSameNode(event.target) || this.isNavIconClicked(event) || this.$el.contains(event.target) || this.overlay && this.overlay.contains(event.target));
     },
@@ -2806,9 +2823,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }), {
               "data-p-disabled": _ctx.showWeek,
               "data-pc-group-section": "tableheadercell"
-            }), [vue.createElementVNode("span", vue.mergeProps(_ctx.ptm('weekLabel'), {
-              "data-pc-group-section": "tableheadercelllabel"
-            }), vue.toDisplayString($options.weekHeaderLabel), 17)], 16, _hoisted_10)) : vue.createCommentVNode("", true), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.weekDays, function (weekDay) {
+            }), [vue.renderSlot(_ctx.$slots, "weekheaderlabel", {}, function () {
+              return [vue.createElementVNode("span", vue.mergeProps(_ctx.ptm('weekHeaderLabel', {
+                context: {
+                  disabled: _ctx.showWeek
+                }
+              }), {
+                "data-pc-group-section": "tableheadercelllabel"
+              }), vue.toDisplayString($options.weekHeaderLabel), 17)];
+            })], 16, _hoisted_10)) : vue.createCommentVNode("", true), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.weekDays, function (weekDay) {
               return vue.openBlock(), vue.createElementBlock("th", vue.mergeProps({
                 key: weekDay,
                 scope: "col",
@@ -2835,12 +2858,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               }), {
                 "data-p-disabled": _ctx.showWeek,
                 "data-pc-group-section": "tablebodycelllabel"
-              }), [month.weekNumbers[i] < 10 ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
-                key: 0,
-                style: {
-                  "visibility": "hidden"
-                }
-              }, _ctx.ptm('weekLabel')), "0", 16)) : vue.createCommentVNode("", true), vue.createTextVNode(" " + vue.toDisplayString(month.weekNumbers[i]), 1)], 16, _hoisted_12)], 16)) : vue.createCommentVNode("", true), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(week, function (date) {
+              }), [vue.renderSlot(_ctx.$slots, "weeklabel", {
+                weekNumber: month.weekNumbers[i]
+              }, function () {
+                return [month.weekNumbers[i] < 10 ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
+                  key: 0,
+                  style: {
+                    "visibility": "hidden"
+                  }
+                }, _ctx.ptm('weekLabel')), "0", 16)) : vue.createCommentVNode("", true), vue.createTextVNode(" " + vue.toDisplayString(month.weekNumbers[i]), 1)];
+              })], 16, _hoisted_12)], 16)) : vue.createCommentVNode("", true), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(week, function (date) {
                 return vue.openBlock(), vue.createElementBlock("td", vue.mergeProps({
                   key: date.day + '' + date.month,
                   "aria-label": date.day,