primevue 3.41.1 → 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/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

@@ -479,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.
@@ -708,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}
@@ -784,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

package/calendar/calendar.cjs.js

@@ -57,6 +57,10 @@ var script$1 = {
       type: Boolean,
       "default": false
     },
+    iconDisplay: {
+      type: String,
+      "default": 'button'
+    },
     icon: {
       type: String,
       "default": undefined
@@ -242,11 +246,11 @@ var script$1 = {
       type: null,
       "default": null
     },
-    'aria-labelledby': {
+    ariaLabelledby: {
       type: String,
       "default": null
     },
-    'aria-label': {
+    ariaLabel: {
       type: String,
       "default": null
     }
@@ -2626,7 +2630,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     onKeydown: _cache[4] || (_cache[4] = function () {
       return $options.onKeyDown && $options.onKeyDown.apply($options, arguments);
     })
-  }, _objectSpread(_objectSpread({}, _ctx.inputProps), _ctx.ptm('input'))), null, 16, _hoisted_2)) : vue.createCommentVNode("", true), _ctx.showIcon ? (vue.openBlock(), vue.createBlock(_component_CalendarButton, {
+  }, _objectSpread(_objectSpread({}, _ctx.inputProps), _ctx.ptm('input'))), null, 16, _hoisted_2)) : vue.createCommentVNode("", true), _ctx.showIcon && _ctx.iconDisplay === 'button' ? (vue.openBlock(), vue.createBlock(_component_CalendarButton, {
     key: 1,
     "class": vue.normalizeClass(_ctx.cx('dropdownButton')),
     disabled: _ctx.disabled,
@@ -2652,7 +2656,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       })];
     }),
     _: 3
-  }, 8, ["class", "disabled", "onClick", "aria-label", "aria-expanded", "aria-controls", "unstyled", "pt"])) : vue.createCommentVNode("", true), vue.createVNode(_component_Portal, {
+  }, 8, ["class", "disabled", "onClick", "aria-label", "aria-expanded", "aria-controls", "unstyled", "pt"])) : _ctx.showIcon && _ctx.iconDisplay === 'input' ? vue.renderSlot(_ctx.$slots, "inputicon", {
+    key: 2,
+    "class": vue.normalizeClass(_ctx.cx('inputIcon')),
+    clickCallback: $options.onButtonClick
+  }, function () {
+    return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon ? 'i' : 'CalendarIcon'), vue.mergeProps({
+      "class": [_ctx.icon, _ctx.cx('inputIcon')],
+      onClick: $options.onButtonClick
+    }, _ctx.ptm('inputicon')), null, 16, ["class", "onClick"]))];
+  }) : vue.createCommentVNode("", true), vue.createVNode(_component_Portal, {
     appendTo: _ctx.appendTo,
     disabled: _ctx.inline
   }, {