primevue 3.41.0 → 3.42.0

package/avatar/avatar.cjs.js

@@ -33,11 +33,11 @@ var script$1 = {
       type: String,
       "default": 'square'
     },
-    'aria-labelledby': {
+    ariaLabelledby: {
       type: String,
       "default": null
     },
-    'aria-label': {
+    ariaLabel: {
       type: String,
       "default": null
     }

package/avatar/avatar.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/avatar/style"),t=require("primevue/basecomponent"),a=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(e),n={name:"Avatar",extends:{name:"BaseAvatar",extends:r(t).default,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},style:l.default,provide:function(){return{$parentInstance:this}}},emits:["error"],methods:{onError:function(e){this.$emit("error",e)},getPTOptions:function(e){return this.ptm(e,{parent:{instance:this.$parent}})}}},o=["aria-labelledby","aria-label"],i=["src","alt"];n.render=function(e,t,r,l,n,s){return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root"),"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},s.getPTOptions("root"),{"data-pc-name":"avatar"}),[a.renderSlot(e.$slots,"default",{},(function(){return[e.label?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:0,class:e.cx("label")},s.getPTOptions("label")),a.toDisplayString(e.label),17)):e.$slots.icon?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.$slots.icon),{key:1,class:a.normalizeClass(e.cx("icon"))},null,8,["class"])):e.icon?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:2,class:[e.cx("icon"),e.icon]},s.getPTOptions("icon")),null,16)):e.image?(a.openBlock(),a.createElementBlock("img",a.mergeProps({key:3,src:e.image,alt:e.ariaLabel,onError:t[0]||(t[0]=function(){return s.onError&&s.onError.apply(s,arguments)})},s.getPTOptions("image")),null,16,i)):a.createCommentVNode("",!0)]}))],16,o)},module.exports=n;
+"use strict";var e=require("primevue/avatar/style"),t=require("primevue/basecomponent"),a=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(e),n={name:"Avatar",extends:{name:"BaseAvatar",extends:r(t).default,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:l.default,provide:function(){return{$parentInstance:this}}},emits:["error"],methods:{onError:function(e){this.$emit("error",e)},getPTOptions:function(e){return this.ptm(e,{parent:{instance:this.$parent}})}}},o=["aria-labelledby","aria-label"],i=["src","alt"];n.render=function(e,t,r,l,n,s){return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root"),"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},s.getPTOptions("root"),{"data-pc-name":"avatar"}),[a.renderSlot(e.$slots,"default",{},(function(){return[e.label?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:0,class:e.cx("label")},s.getPTOptions("label")),a.toDisplayString(e.label),17)):e.$slots.icon?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.$slots.icon),{key:1,class:a.normalizeClass(e.cx("icon"))},null,8,["class"])):e.icon?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:2,class:[e.cx("icon"),e.icon]},s.getPTOptions("icon")),null,16)):e.image?(a.openBlock(),a.createElementBlock("img",a.mergeProps({key:3,src:e.image,alt:e.ariaLabel,onError:t[0]||(t[0]=function(){return s.onError&&s.onError.apply(s,arguments)})},s.getPTOptions("image")),null,16,i)):a.createCommentVNode("",!0)]}))],16,o)},module.exports=n;

package/avatar/avatar.esm.js

@@ -26,11 +26,11 @@ var script$1 = {
       type: String,
       "default": 'square'
     },
-    'aria-labelledby': {
+    ariaLabelledby: {
       type: String,
       "default": null
     },
-    'aria-label': {
+    ariaLabel: {
       type: String,
       "default": null
     }

package/avatar/avatar.esm.min.js

@@ -1 +1 @@
-import e from"primevue/avatar/style";import a from"primevue/basecomponent";import{openBlock as t,createElementBlock as r,mergeProps as l,renderSlot as n,toDisplayString as i,createBlock as o,resolveDynamicComponent as s,normalizeClass as p,createCommentVNode as u}from"vue";var c={name:"Avatar",extends:{name:"BaseAvatar",extends:a,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},style:e,provide:function(){return{$parentInstance:this}}},emits:["error"],methods:{onError:function(e){this.$emit("error",e)},getPTOptions:function(e){return this.ptm(e,{parent:{instance:this.$parent}})}}},m=["aria-labelledby","aria-label"],d=["src","alt"];c.render=function(e,a,c,b,f,y){return t(),r("div",l({class:e.cx("root"),"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},y.getPTOptions("root"),{"data-pc-name":"avatar"}),[n(e.$slots,"default",{},(function(){return[e.label?(t(),r("span",l({key:0,class:e.cx("label")},y.getPTOptions("label")),i(e.label),17)):e.$slots.icon?(t(),o(s(e.$slots.icon),{key:1,class:p(e.cx("icon"))},null,8,["class"])):e.icon?(t(),r("span",l({key:2,class:[e.cx("icon"),e.icon]},y.getPTOptions("icon")),null,16)):e.image?(t(),r("img",l({key:3,src:e.image,alt:e.ariaLabel,onError:a[0]||(a[0]=function(){return y.onError&&y.onError.apply(y,arguments)})},y.getPTOptions("image")),null,16,d)):u("",!0)]}))],16,m)};export{c as default};
+import e from"primevue/avatar/style";import a from"primevue/basecomponent";import{openBlock as t,createElementBlock as r,mergeProps as n,renderSlot as l,toDisplayString as i,createBlock as o,resolveDynamicComponent as s,normalizeClass as p,createCommentVNode as u}from"vue";var c={name:"Avatar",extends:{name:"BaseAvatar",extends:a,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:e,provide:function(){return{$parentInstance:this}}},emits:["error"],methods:{onError:function(e){this.$emit("error",e)},getPTOptions:function(e){return this.ptm(e,{parent:{instance:this.$parent}})}}},m=["aria-labelledby","aria-label"],d=["src","alt"];c.render=function(e,a,c,b,f,y){return t(),r("div",n({class:e.cx("root"),"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},y.getPTOptions("root"),{"data-pc-name":"avatar"}),[l(e.$slots,"default",{},(function(){return[e.label?(t(),r("span",n({key:0,class:e.cx("label")},y.getPTOptions("label")),i(e.label),17)):e.$slots.icon?(t(),o(s(e.$slots.icon),{key:1,class:p(e.cx("icon"))},null,8,["class"])):e.icon?(t(),r("span",n({key:2,class:[e.cx("icon"),e.icon]},y.getPTOptions("icon")),null,16)):e.image?(t(),r("img",n({key:3,src:e.image,alt:e.ariaLabel,onError:a[0]||(a[0]=function(){return y.onError&&y.onError.apply(y,arguments)})},y.getPTOptions("image")),null,16,d)):u("",!0)]}))],16,m)};export{c as default};

package/avatar/avatar.js

@@ -31,11 +31,11 @@ this.primevue.avatar = (function (AvatarStyle, BaseComponent, vue) {
           type: String,
           "default": 'square'
         },
-        'aria-labelledby': {
+        ariaLabelledby: {
           type: String,
           "default": null
         },
-        'aria-label': {
+        ariaLabel: {
           type: String,
           "default": null
         }

package/avatar/avatar.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.avatar=function(e,t,a){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(e),n={name:"Avatar",extends:{name:"BaseAvatar",extends:r(t).default,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},style:l.default,provide:function(){return{$parentInstance:this}}},emits:["error"],methods:{onError:function(e){this.$emit("error",e)},getPTOptions:function(e){return this.ptm(e,{parent:{instance:this.$parent}})}}},o=["aria-labelledby","aria-label"],i=["src","alt"];return n.render=function(e,t,r,l,n,s){return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root"),"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},s.getPTOptions("root"),{"data-pc-name":"avatar"}),[a.renderSlot(e.$slots,"default",{},(function(){return[e.label?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:0,class:e.cx("label")},s.getPTOptions("label")),a.toDisplayString(e.label),17)):e.$slots.icon?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.$slots.icon),{key:1,class:a.normalizeClass(e.cx("icon"))},null,8,["class"])):e.icon?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:2,class:[e.cx("icon"),e.icon]},s.getPTOptions("icon")),null,16)):e.image?(a.openBlock(),a.createElementBlock("img",a.mergeProps({key:3,src:e.image,alt:e.ariaLabel,onError:t[0]||(t[0]=function(){return s.onError&&s.onError.apply(s,arguments)})},s.getPTOptions("image")),null,16,i)):a.createCommentVNode("",!0)]}))],16,o)},n}(primevue.avatar.style,primevue.basecomponent,Vue);
+this.primevue=this.primevue||{},this.primevue.avatar=function(e,t,a){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e),l={name:"Avatar",extends:{name:"BaseAvatar",extends:r(t).default,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},size:{type:String,default:"normal"},shape:{type:String,default:"square"},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:n.default,provide:function(){return{$parentInstance:this}}},emits:["error"],methods:{onError:function(e){this.$emit("error",e)},getPTOptions:function(e){return this.ptm(e,{parent:{instance:this.$parent}})}}},o=["aria-labelledby","aria-label"],i=["src","alt"];return l.render=function(e,t,r,n,l,s){return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root"),"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},s.getPTOptions("root"),{"data-pc-name":"avatar"}),[a.renderSlot(e.$slots,"default",{},(function(){return[e.label?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:0,class:e.cx("label")},s.getPTOptions("label")),a.toDisplayString(e.label),17)):e.$slots.icon?(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.$slots.icon),{key:1,class:a.normalizeClass(e.cx("icon"))},null,8,["class"])):e.icon?(a.openBlock(),a.createElementBlock("span",a.mergeProps({key:2,class:[e.cx("icon"),e.icon]},s.getPTOptions("icon")),null,16)):e.image?(a.openBlock(),a.createElementBlock("img",a.mergeProps({key:3,src:e.image,alt:e.ariaLabel,onError:t[0]||(t[0]=function(){return s.onError&&s.onError.apply(s,arguments)})},s.getPTOptions("image")),null,16,i)):a.createCommentVNode("",!0)]}))],16,o)},l}(primevue.avatar.style,primevue.basecomponent,Vue);

package/breadcrumb/Breadcrumb.d.ts

@@ -141,11 +141,11 @@ export interface BreadcrumbProps {
     /**
      * Defines a string value that labels an interactive element.
      */
-    'aria-label'?: string | undefined;
+    ariaLabel?: string | undefined;
     /**
      * Identifier of the underlying menu element.
      */
-    'aria-labelledby'?: string | undefined;
+    ariaLabelledby?: string | undefined;
     /**
      * Used to pass attributes to DOM elements inside the component.
      * @type {BreadcrumbPassThroughOptions}

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/BaseCalendar.vue

@@ -31,6 +31,10 @@ export default {
             type: Boolean,
             default: false
         },
+        iconDisplay: {
+            type: String,
+            default: 'button'
+        },
         icon: {
             type: String,
             default: undefined
@@ -216,11 +220,11 @@ export default {
             type: null,
             default: null
         },
-        'aria-labelledby': {
+        ariaLabelledby: {
             type: String,
             default: null
         },
-        'aria-label': {
+        ariaLabel: {
             type: String,
             default: null
         }

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.
      */
@@ -475,6 +479,11 @@ export interface CalendarProps {
      * @defaultValue false
      */
     showIcon?: boolean | undefined;
+    /**
+     * Icon position of the component. This only applies if the showIcon option is set to true.
+     * @defaultValue 'button'
+     */
+    iconDisplay?: 'button' | 'input' | undefined;
     /**
      * Icon of the calendar button.
      * @deprecated since v3.27.0. Use 'dropdownicon' slot.
@@ -704,11 +713,11 @@ export interface CalendarProps {
     /**
      * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
      */
-    'aria-labelledby'?: string | undefined;
+    ariaLabelledby?: string | undefined;
     /**
      * Establishes a string value that labels the component.
      */
-    'aria-label'?: string | undefined;
+    ariaLabel?: string | undefined;
     /**
      * Used to pass attributes to DOM elements inside the component.
      * @type {CalendarPassThroughOptions}
@@ -756,6 +765,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.
@@ -766,6 +789,20 @@ export interface CalendarSlots {
          */
         class: any;
     }): VNode[];
+    /**
+     * Custom input icon template.
+     * @param {Object} scope - input icon slot's params.
+     */
+    inputicon(scope: {
+        /**
+         * Style class of the input icon
+         */
+        class: any;
+        /**
+         * Click callback
+         */
+        clickCallback: () => void;
+    }): VNode[];
     /**
      * Custom previous icon template.
      * @param {Object} scope - previous icon slot's params.

package/calendar/Calendar.vue

@@ -28,7 +28,7 @@
             v-bind="{ ...inputProps, ...ptm('input') }"
         />
         <CalendarButton
-            v-if="showIcon"
+            v-if="showIcon && iconDisplay === 'button'"
             :class="cx('dropdownButton')"
             :disabled="disabled"
             @click="onButtonClick"
@@ -47,6 +47,11 @@
                 </slot>
             </template>
         </CalendarButton>
+        <template v-else-if="showIcon && iconDisplay === 'input'">
+            <slot name="inputicon" :class="cx('inputIcon')" :clickCallback="onButtonClick">
+                <component :is="icon ? 'i' : 'CalendarIcon'" :class="[icon, cx('inputIcon')]" @click="onButtonClick" v-bind="ptm('inputicon')" />
+            </slot>
+        </template>
         <Portal :appendTo="appendTo" :disabled="inline">
             <transition name="p-connected-overlay" @enter="onOverlayEnter($event)" @after-enter="onOverlayEnterComplete" @after-leave="onOverlayAfterLeave" @leave="onOverlayLeave" v-bind="ptm('transition')">
                 <div
@@ -169,7 +174,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 +189,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 +531,7 @@ export default {
     outsideClickListener: null,
     maskClickListener: null,
     resizeListener: null,
+    matchMediaListener: null,
     overlay: null,
     input: null,
     mask: null,
@@ -539,6 +551,7 @@ export default {
             focused: false,
             overlayVisible: false,
             currentView: this.view,
+            query: null,
             queryMatches: false
         };
     },
@@ -589,13 +602,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 +645,7 @@ export default {
 
         this.unbindOutsideClickListener();
         this.unbindResizeListener();
+        this.unbindMatchMediaListener();
 
         if (this.scrollHandler) {
             this.scrollHandler.destroy();
@@ -1022,6 +1030,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)));
         },