primevue 3.47.2 → 3.48.1

package/password/password.js

@@ -61,6 +61,14 @@ this.primevue.password = (function (EyeIcon, EyeSlashIcon, InputText, OverlayEve
           type: String,
           "default": undefined
         },
+        variant: {
+          type: String,
+          "default": null
+        },
+        invalid: {
+          type: Boolean,
+          "default": false
+        },
         disabled: {
           type: Boolean,
           "default": false
@@ -128,6 +136,7 @@ this.primevue.password = (function (EyeIcon, EyeSlashIcon, InputText, OverlayEve
       emits: ['update:modelValue', 'change', 'focus', 'blur', 'invalid'],
       data: function data() {
         return {
+          id: this.$attrs.id,
           overlayVisible: false,
           meter: null,
           infoText: null,
@@ -135,12 +144,18 @@ this.primevue.password = (function (EyeIcon, EyeSlashIcon, InputText, OverlayEve
           unmasked: false
         };
       },
+      watch: {
+        '$attrs.id': function $attrsId(newValue) {
+          this.id = newValue || utils.UniqueComponentId();
+        }
+      },
       mediumCheckRegExp: null,
       strongCheckRegExp: null,
       resizeListener: null,
       scrollHandler: null,
       overlay: null,
       mounted: function mounted() {
+        this.id = this.id || utils.UniqueComponentId();
         this.infoText = this.promptText;
         this.mediumCheckRegExp = new RegExp(this.mediumRegex);
         this.strongCheckRegExp = new RegExp(this.strongRegex);
@@ -340,7 +355,7 @@ this.primevue.password = (function (EyeIcon, EyeSlashIcon, InputText, OverlayEve
           return this.promptLabel || this.$primevue.config.locale.passwordPrompt;
         },
         panelUniqueId: function panelUniqueId() {
-          return utils.UniqueComponentId() + '_panel';
+          return this.id + '_panel';
         }
       },
       components: {
@@ -364,9 +379,7 @@ this.primevue.password = (function (EyeIcon, EyeSlashIcon, InputText, OverlayEve
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         "class": _ctx.cx('root'),
         style: _ctx.sx('root')
-      }, _ctx.ptm('root'), {
-        "data-pc-name": "password"
-      }), [vue.createVNode(_component_PInputText, vue.mergeProps({
+      }, _ctx.ptm('root')), [vue.createVNode(_component_PInputText, vue.mergeProps({
         ref: "input",
         id: _ctx.inputId,
         type: $options.inputType,
@@ -381,6 +394,8 @@ this.primevue.password = (function (EyeIcon, EyeSlashIcon, InputText, OverlayEve
         placeholder: _ctx.placeholder,
         required: _ctx.required,
         disabled: _ctx.disabled,
+        variant: _ctx.variant,
+        invalid: _ctx.invalid,
         onInput: $options.onInput,
         onFocus: $options.onFocus,
         onBlur: $options.onBlur,
@@ -389,7 +404,7 @@ this.primevue.password = (function (EyeIcon, EyeSlashIcon, InputText, OverlayEve
       }, _ctx.inputProps, {
         pt: _ctx.ptm('input'),
         unstyled: _ctx.unstyled
-      }), null, 16, ["id", "type", "class", "style", "value", "aria-labelledby", "aria-label", "aria-controls", "aria-expanded", "placeholder", "required", "disabled", "onInput", "onFocus", "onBlur", "onKeyup", "onInvalid", "pt", "unstyled"]), _ctx.toggleMask && $data.unmasked ? vue.renderSlot(_ctx.$slots, "hideicon", {
+      }), null, 16, ["id", "type", "class", "style", "value", "aria-labelledby", "aria-label", "aria-controls", "aria-expanded", "placeholder", "required", "disabled", "variant", "invalid", "onInput", "onFocus", "onBlur", "onKeyup", "onInvalid", "pt", "unstyled"]), _ctx.toggleMask && $data.unmasked ? vue.renderSlot(_ctx.$slots, "hideicon", {
         key: 0,
         onClick: $options.onMaskToggle,
         toggleCallback: $options.onMaskToggle

package/password/password.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.password=function(e,t,n,l,i,r,o,s,a){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(e),d=u(t),p=u(n),h=u(l),m=u(i),f={name:"Password",extends:{name:"BasePassword",extends:u(o).default,props:{modelValue:String,promptLabel:{type:String,default:null},mediumRegex:{type:String,default:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})"},strongRegex:{type:String,default:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})"},weakLabel:{type:String,default:null},mediumLabel:{type:String,default:null},strongLabel:{type:String,default:null},feedback:{type:Boolean,default:!0},appendTo:{type:[String,Object],default:"body"},toggleMask:{type:Boolean,default:!1},hideIcon:{type:String,default:void 0},showIcon:{type:String,default:void 0},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:null},required:{type:Boolean,default:!1},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},panelId:{type:String,default:null},panelClass:{type:[String,Object],default:null},panelStyle:{type:Object,default:null},panelProps:{type:null,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:u(s).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur","invalid"],data:function(){return{overlayVisible:!1,meter:null,infoText:null,focused:!1,unmasked:!1}},mediumCheckRegExp:null,strongCheckRegExp:null,resizeListener:null,scrollHandler:null,overlay:null,mounted:function(){this.infoText=this.promptText,this.mediumCheckRegExp=new RegExp(this.mediumRegex),this.strongCheckRegExp=new RegExp(this.strongRegex)},beforeUnmount:function(){this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.overlay&&(r.ZIndexUtils.clear(this.overlay),this.overlay=null)},methods:{onOverlayEnter:function(e){r.ZIndexUtils.set("overlay",e,this.$primevue.config.zIndex.overlay),r.DomHandler.addStyles(e,{position:"absolute",top:"0",left:"0"}),this.alignOverlay(),this.bindScrollListener(),this.bindResizeListener()},onOverlayLeave:function(){this.unbindScrollListener(),this.unbindResizeListener(),this.overlay=null},onOverlayAfterLeave:function(e){r.ZIndexUtils.clear(e)},alignOverlay:function(){"self"===this.appendTo?r.DomHandler.relativePosition(this.overlay,this.$refs.input.$el):(this.overlay.style.minWidth=r.DomHandler.getOuterWidth(this.$refs.input.$el)+"px",r.DomHandler.absolutePosition(this.overlay,this.$refs.input.$el))},testStrength:function(e){var t=0;return this.strongCheckRegExp.test(e)?t=3:this.mediumCheckRegExp.test(e)?t=2:e.length&&(t=1),t},onInput:function(e){this.$emit("update:modelValue",e.target.value),this.$emit("change",e)},onFocus:function(e){this.focused=!0,this.feedback&&(this.setPasswordMeter(this.modelValue),this.overlayVisible=!0),this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.feedback&&(this.overlayVisible=!1),this.$emit("blur",e)},onKeyUp:function(e){if(this.feedback){var t=this.checkPasswordStrength(e.target.value),n=t.label;if(this.meter=t.meter,this.infoText=n,"Escape"===e.code)return void(this.overlayVisible&&(this.overlayVisible=!1));this.overlayVisible||(this.overlayVisible=!0)}},setPasswordMeter:function(){if(this.modelValue){var e=this.checkPasswordStrength(this.modelValue),t=e.label;this.meter=e.meter,this.infoText=t,this.overlayVisible||(this.overlayVisible=!0)}},checkPasswordStrength:function(e){var t=null,n=null;switch(this.testStrength(e)){case 1:t=this.weakText,n={strength:"weak",width:"33.33%"};break;case 2:t=this.mediumText,n={strength:"medium",width:"66.66%"};break;case 3:t=this.strongText,n={strength:"strong",width:"100%"};break;default:t=this.promptText,n=null}return{label:t,meter:n}},onInvalid:function(e){this.$emit("invalid",e)},bindScrollListener:function(){var e=this;this.scrollHandler||(this.scrollHandler=new r.ConnectedOverlayScrollHandler(this.$refs.input.$el,(function(){e.overlayVisible&&(e.overlayVisible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.overlayVisible&&!r.DomHandler.isTouchDevice()&&(e.overlayVisible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},overlayRef:function(e){this.overlay=e},onMaskToggle:function(){this.unmasked=!this.unmasked},onOverlayClick:function(e){h.default.emit("overlay-click",{originalEvent:e,target:this.$el})}},computed:{inputType:function(){return this.unmasked?"text":"password"},filled:function(){return null!=this.modelValue&&this.modelValue.toString().length>0},weakText:function(){return this.weakLabel||this.$primevue.config.locale.weak},mediumText:function(){return this.mediumLabel||this.$primevue.config.locale.medium},strongText:function(){return this.strongLabel||this.$primevue.config.locale.strong},promptText:function(){return this.promptLabel||this.$primevue.config.locale.passwordPrompt},panelUniqueId:function(){return r.UniqueComponentId()+"_panel"}},components:{PInputText:p.default,Portal:m.default,EyeSlashIcon:d.default,EyeIcon:c.default}};function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function b(e,t,n){var l;return(t="symbol"==y(l=k(t,"string"))?l:String(l))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(e,t){if("object"!=y(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!=y(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var S=["id"];return f.render=function(e,t,n,l,i,r){var o=a.resolveComponent("PInputText"),s=a.resolveComponent("Portal");return a.openBlock(),a.createElementBlock("div",a.mergeProps({class:e.cx("root"),style:e.sx("root")},e.ptm("root"),{"data-pc-name":"password"}),[a.createVNode(o,a.mergeProps({ref:"input",id:e.inputId,type:r.inputType,class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:e.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,"aria-controls":e.panelProps&&e.panelProps.id||e.panelId||r.panelUniqueId,"aria-expanded":i.overlayVisible,"aria-haspopup":!0,placeholder:e.placeholder,required:e.required,disabled:e.disabled,onInput:r.onInput,onFocus:r.onFocus,onBlur:r.onBlur,onKeyup:r.onKeyUp,onInvalid:r.onInvalid},e.inputProps,{pt:e.ptm("input"),unstyled:e.unstyled}),null,16,["id","type","class","style","value","aria-labelledby","aria-label","aria-controls","aria-expanded","placeholder","required","disabled","onInput","onFocus","onBlur","onKeyup","onInvalid","pt","unstyled"]),e.toggleMask&&i.unmasked?a.renderSlot(e.$slots,"hideicon",{key:0,onClick:r.onMaskToggle,toggleCallback:r.onMaskToggle},(function(){return[(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.hideIcon?"i":"EyeSlashIcon"),a.mergeProps({class:e.hideIcon,onClick:r.onMaskToggle},e.ptm("hideIcon")),null,16,["class","onClick"]))]})):a.createCommentVNode("",!0),e.toggleMask&&!i.unmasked?a.renderSlot(e.$slots,"showicon",{key:1,onClick:r.onMaskToggle,toggleCallback:r.onMaskToggle},(function(){return[(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.showIcon?"i":"EyeIcon"),a.mergeProps({class:e.showIcon,onClick:r.onMaskToggle},e.ptm("showIcon")),null,16,["class","onClick"]))]})):a.createCommentVNode("",!0),a.createElementVNode("span",a.mergeProps({class:"p-hidden-accessible","aria-live":"polite"},e.ptm("hiddenAccesible"),{"data-p-hidden-accessible":!0}),a.toDisplayString(i.infoText),17),a.createVNode(s,{appendTo:e.appendTo},{default:a.withCtx((function(){return[a.createVNode(a.Transition,a.mergeProps({name:"p-connected-overlay",onEnter:r.onOverlayEnter,onLeave:r.onOverlayLeave,onAfterLeave:r.onOverlayAfterLeave},e.ptm("transition")),{default:a.withCtx((function(){return[i.overlayVisible?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,ref:r.overlayRef,id:e.panelId||r.panelUniqueId,class:[e.cx("panel"),e.panelClass],style:e.panelStyle,onClick:t[0]||(t[0]=function(){return r.onOverlayClick&&r.onOverlayClick.apply(r,arguments)})},g(g({},e.panelProps),e.ptm("panel"))),[a.renderSlot(e.$slots,"header"),a.renderSlot(e.$slots,"content",{},(function(){return[a.createElementVNode("div",a.mergeProps({class:e.cx("meter")},e.ptm("meter")),[a.createElementVNode("div",a.mergeProps({class:e.cx("meterLabel"),style:{width:i.meter?i.meter.width:""}},e.ptm("meterLabel")),null,16)],16),a.createElementVNode("div",a.mergeProps({class:e.cx("info")},e.ptm("info")),a.toDisplayString(i.infoText),17)]})),a.renderSlot(e.$slots,"footer")],16,S)):a.createCommentVNode("",!0)]})),_:3},16,["onEnter","onLeave","onAfterLeave"])]})),_:3},8,["appendTo"])],16)},f}(primevue.icons.eye,primevue.icons.eyeslash,primevue.inputtext,primevue.overlayeventbus,primevue.portal,primevue.utils,primevue.basecomponent,primevue.password.style,Vue);
+this.primevue=this.primevue||{},this.primevue.password=function(e,t,n,i,l,r,o,a,s){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=u(e),c=u(t),p=u(n),h=u(i),f=u(l),m={name:"Password",extends:{name:"BasePassword",extends:u(o).default,props:{modelValue:String,promptLabel:{type:String,default:null},mediumRegex:{type:String,default:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})"},strongRegex:{type:String,default:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})"},weakLabel:{type:String,default:null},mediumLabel:{type:String,default:null},strongLabel:{type:String,default:null},feedback:{type:Boolean,default:!0},appendTo:{type:[String,Object],default:"body"},toggleMask:{type:Boolean,default:!1},hideIcon:{type:String,default:void 0},showIcon:{type:String,default:void 0},variant:{type:String,default:null},invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:null},required:{type:Boolean,default:!1},inputId:{type:String,default:null},inputClass:{type:[String,Object],default:null},inputStyle:{type:Object,default:null},inputProps:{type:null,default:null},panelId:{type:String,default:null},panelClass:{type:[String,Object],default:null},panelStyle:{type:Object,default:null},panelProps:{type:null,default:null},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:u(a).default,provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","change","focus","blur","invalid"],data:function(){return{id:this.$attrs.id,overlayVisible:!1,meter:null,infoText:null,focused:!1,unmasked:!1}},watch:{"$attrs.id":function(e){this.id=e||r.UniqueComponentId()}},mediumCheckRegExp:null,strongCheckRegExp:null,resizeListener:null,scrollHandler:null,overlay:null,mounted:function(){this.id=this.id||r.UniqueComponentId(),this.infoText=this.promptText,this.mediumCheckRegExp=new RegExp(this.mediumRegex),this.strongCheckRegExp=new RegExp(this.strongRegex)},beforeUnmount:function(){this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.overlay&&(r.ZIndexUtils.clear(this.overlay),this.overlay=null)},methods:{onOverlayEnter:function(e){r.ZIndexUtils.set("overlay",e,this.$primevue.config.zIndex.overlay),r.DomHandler.addStyles(e,{position:"absolute",top:"0",left:"0"}),this.alignOverlay(),this.bindScrollListener(),this.bindResizeListener()},onOverlayLeave:function(){this.unbindScrollListener(),this.unbindResizeListener(),this.overlay=null},onOverlayAfterLeave:function(e){r.ZIndexUtils.clear(e)},alignOverlay:function(){"self"===this.appendTo?r.DomHandler.relativePosition(this.overlay,this.$refs.input.$el):(this.overlay.style.minWidth=r.DomHandler.getOuterWidth(this.$refs.input.$el)+"px",r.DomHandler.absolutePosition(this.overlay,this.$refs.input.$el))},testStrength:function(e){var t=0;return this.strongCheckRegExp.test(e)?t=3:this.mediumCheckRegExp.test(e)?t=2:e.length&&(t=1),t},onInput:function(e){this.$emit("update:modelValue",e.target.value),this.$emit("change",e)},onFocus:function(e){this.focused=!0,this.feedback&&(this.setPasswordMeter(this.modelValue),this.overlayVisible=!0),this.$emit("focus",e)},onBlur:function(e){this.focused=!1,this.feedback&&(this.overlayVisible=!1),this.$emit("blur",e)},onKeyUp:function(e){if(this.feedback){var t=this.checkPasswordStrength(e.target.value),n=t.label;if(this.meter=t.meter,this.infoText=n,"Escape"===e.code)return void(this.overlayVisible&&(this.overlayVisible=!1));this.overlayVisible||(this.overlayVisible=!0)}},setPasswordMeter:function(){if(this.modelValue){var e=this.checkPasswordStrength(this.modelValue),t=e.label;this.meter=e.meter,this.infoText=t,this.overlayVisible||(this.overlayVisible=!0)}},checkPasswordStrength:function(e){var t=null,n=null;switch(this.testStrength(e)){case 1:t=this.weakText,n={strength:"weak",width:"33.33%"};break;case 2:t=this.mediumText,n={strength:"medium",width:"66.66%"};break;case 3:t=this.strongText,n={strength:"strong",width:"100%"};break;default:t=this.promptText,n=null}return{label:t,meter:n}},onInvalid:function(e){this.$emit("invalid",e)},bindScrollListener:function(){var e=this;this.scrollHandler||(this.scrollHandler=new r.ConnectedOverlayScrollHandler(this.$refs.input.$el,(function(){e.overlayVisible&&(e.overlayVisible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.overlayVisible&&!r.DomHandler.isTouchDevice()&&(e.overlayVisible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},overlayRef:function(e){this.overlay=e},onMaskToggle:function(){this.unmasked=!this.unmasked},onOverlayClick:function(e){h.default.emit("overlay-click",{originalEvent:e,target:this.$el})}},computed:{inputType:function(){return this.unmasked?"text":"password"},filled:function(){return null!=this.modelValue&&this.modelValue.toString().length>0},weakText:function(){return this.weakLabel||this.$primevue.config.locale.weak},mediumText:function(){return this.mediumLabel||this.$primevue.config.locale.medium},strongText:function(){return this.strongLabel||this.$primevue.config.locale.strong},promptText:function(){return this.promptLabel||this.$primevue.config.locale.passwordPrompt},panelUniqueId:function(){return this.id+"_panel"}},components:{PInputText:p.default,Portal:f.default,EyeSlashIcon:c.default,EyeIcon:d.default}};function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function b(e,t,n){var i;return(t="symbol"==y(i=k(t,"string"))?i:String(i))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(e,t){if("object"!=y(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=y(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var S=["id"];return m.render=function(e,t,n,i,l,r){var o=s.resolveComponent("PInputText"),a=s.resolveComponent("Portal");return s.openBlock(),s.createElementBlock("div",s.mergeProps({class:e.cx("root"),style:e.sx("root")},e.ptm("root")),[s.createVNode(o,s.mergeProps({ref:"input",id:e.inputId,type:r.inputType,class:[e.cx("input"),e.inputClass],style:e.inputStyle,value:e.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,"aria-controls":e.panelProps&&e.panelProps.id||e.panelId||r.panelUniqueId,"aria-expanded":l.overlayVisible,"aria-haspopup":!0,placeholder:e.placeholder,required:e.required,disabled:e.disabled,variant:e.variant,invalid:e.invalid,onInput:r.onInput,onFocus:r.onFocus,onBlur:r.onBlur,onKeyup:r.onKeyUp,onInvalid:r.onInvalid},e.inputProps,{pt:e.ptm("input"),unstyled:e.unstyled}),null,16,["id","type","class","style","value","aria-labelledby","aria-label","aria-controls","aria-expanded","placeholder","required","disabled","variant","invalid","onInput","onFocus","onBlur","onKeyup","onInvalid","pt","unstyled"]),e.toggleMask&&l.unmasked?s.renderSlot(e.$slots,"hideicon",{key:0,onClick:r.onMaskToggle,toggleCallback:r.onMaskToggle},(function(){return[(s.openBlock(),s.createBlock(s.resolveDynamicComponent(e.hideIcon?"i":"EyeSlashIcon"),s.mergeProps({class:e.hideIcon,onClick:r.onMaskToggle},e.ptm("hideIcon")),null,16,["class","onClick"]))]})):s.createCommentVNode("",!0),e.toggleMask&&!l.unmasked?s.renderSlot(e.$slots,"showicon",{key:1,onClick:r.onMaskToggle,toggleCallback:r.onMaskToggle},(function(){return[(s.openBlock(),s.createBlock(s.resolveDynamicComponent(e.showIcon?"i":"EyeIcon"),s.mergeProps({class:e.showIcon,onClick:r.onMaskToggle},e.ptm("showIcon")),null,16,["class","onClick"]))]})):s.createCommentVNode("",!0),s.createElementVNode("span",s.mergeProps({class:"p-hidden-accessible","aria-live":"polite"},e.ptm("hiddenAccesible"),{"data-p-hidden-accessible":!0}),s.toDisplayString(l.infoText),17),s.createVNode(a,{appendTo:e.appendTo},{default:s.withCtx((function(){return[s.createVNode(s.Transition,s.mergeProps({name:"p-connected-overlay",onEnter:r.onOverlayEnter,onLeave:r.onOverlayLeave,onAfterLeave:r.onOverlayAfterLeave},e.ptm("transition")),{default:s.withCtx((function(){return[l.overlayVisible?(s.openBlock(),s.createElementBlock("div",s.mergeProps({key:0,ref:r.overlayRef,id:e.panelId||r.panelUniqueId,class:[e.cx("panel"),e.panelClass],style:e.panelStyle,onClick:t[0]||(t[0]=function(){return r.onOverlayClick&&r.onOverlayClick.apply(r,arguments)})},g(g({},e.panelProps),e.ptm("panel"))),[s.renderSlot(e.$slots,"header"),s.renderSlot(e.$slots,"content",{},(function(){return[s.createElementVNode("div",s.mergeProps({class:e.cx("meter")},e.ptm("meter")),[s.createElementVNode("div",s.mergeProps({class:e.cx("meterLabel"),style:{width:l.meter?l.meter.width:""}},e.ptm("meterLabel")),null,16)],16),s.createElementVNode("div",s.mergeProps({class:e.cx("info")},e.ptm("info")),s.toDisplayString(l.infoText),17)]})),s.renderSlot(e.$slots,"footer")],16,S)):s.createCommentVNode("",!0)]})),_:3},16,["onEnter","onLeave","onAfterLeave"])]})),_:3},8,["appendTo"])],16)},m}(primevue.icons.eye,primevue.icons.eyeslash,primevue.inputtext,primevue.overlayeventbus,primevue.portal,primevue.utils,primevue.basecomponent,primevue.password.style,Vue);

package/password/style/passwordstyle.cjs.js

@@ -6,7 +6,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-var css = "\n@layer primevue {\n    .p-password {\n        display: inline-flex;\n    }\n\n    .p-password .p-password-panel {\n        min-width: 100%;\n    }\n\n    .p-password-meter {\n        height: 10px;\n    }\n\n    .p-password-strength {\n        height: 100%;\n        width: 0;\n        transition: width 1s ease-in-out;\n    }\n\n    .p-fluid .p-password {\n        display: flex;\n    }\n\n    .p-password-input::-ms-reveal,\n    .p-password-input::-ms-clear {\n        display: none;\n    }\n}\n";
 var inlineStyles = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -32,9 +31,9 @@ var classes = {
     }];
   },
   panel: function panel(_ref4) {
-    var instance = _ref4.instance;
+    _ref4.props;
+      var instance = _ref4.instance;
     return ['p-password-panel p-component', {
-      'p-input-filled': instance.$primevue.config.inputStyle === 'filled',
       'p-ripple-disabled': instance.$primevue.config.ripple === false
     }];
   },
@@ -47,7 +46,6 @@ var classes = {
 };
 var PasswordStyle = BaseStyle__default["default"].extend({
   name: 'password',
-  css: css,
   classes: classes,
   inlineStyles: inlineStyles
 });

package/password/style/passwordstyle.cjs.min.js

@@ -1 +1 @@
-"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e=n(require("primevue/base/style")).default.extend({name:"password",css:"\n@layer primevue {\n    .p-password {\n        display: inline-flex;\n    }\n\n    .p-password .p-password-panel {\n        min-width: 100%;\n    }\n\n    .p-password-meter {\n        height: 10px;\n    }\n\n    .p-password-strength {\n        height: 100%;\n        width: 0;\n        transition: width 1s ease-in-out;\n    }\n\n    .p-fluid .p-password {\n        display: flex;\n    }\n\n    .p-password-input::-ms-reveal,\n    .p-password-input::-ms-clear {\n        display: none;\n    }\n}\n",classes:{root:function(n){var e=n.instance;return["p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.filled,"p-inputwrapper-focus":e.focused,"p-input-icon-right":n.props.toggleMask}]},input:function(n){return["p-password-input",{"p-disabled":n.props.disabled}]},panel:function(n){var e=n.instance;return["p-password-panel p-component",{"p-input-filled":"filled"===e.$primevue.config.inputStyle,"p-ripple-disabled":!1===e.$primevue.config.ripple}]},meter:"p-password-meter",meterLabel:function(n){var e=n.instance;return"p-password-strength ".concat(e.meter?e.meter.strength:"")},info:"p-password-info"},inlineStyles:{root:function(n){return{position:"self"===n.props.appendTo?"relative":void 0}}}});module.exports=e;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=e(require("primevue/base/style")).default.extend({name:"password",classes:{root:function(e){var p=e.instance;return["p-password p-component p-inputwrapper",{"p-inputwrapper-filled":p.filled,"p-inputwrapper-focus":p.focused,"p-input-icon-right":e.props.toggleMask}]},input:function(e){return["p-password-input",{"p-disabled":e.props.disabled}]},panel:function(e){return["p-password-panel p-component",{"p-ripple-disabled":!1===e.instance.$primevue.config.ripple}]},meter:"p-password-meter",meterLabel:function(e){var p=e.instance;return"p-password-strength ".concat(p.meter?p.meter.strength:"")},info:"p-password-info"},inlineStyles:{root:function(e){return{position:"self"===e.props.appendTo?"relative":void 0}}}});module.exports=p;

package/password/style/passwordstyle.esm.js

@@ -1,6 +1,5 @@
 import BaseStyle from 'primevue/base/style';
 
-var css = "\n@layer primevue {\n    .p-password {\n        display: inline-flex;\n    }\n\n    .p-password .p-password-panel {\n        min-width: 100%;\n    }\n\n    .p-password-meter {\n        height: 10px;\n    }\n\n    .p-password-strength {\n        height: 100%;\n        width: 0;\n        transition: width 1s ease-in-out;\n    }\n\n    .p-fluid .p-password {\n        display: flex;\n    }\n\n    .p-password-input::-ms-reveal,\n    .p-password-input::-ms-clear {\n        display: none;\n    }\n}\n";
 var inlineStyles = {
   root: function root(_ref) {
     var props = _ref.props;
@@ -26,9 +25,9 @@ var classes = {
     }];
   },
   panel: function panel(_ref4) {
-    var instance = _ref4.instance;
+    _ref4.props;
+      var instance = _ref4.instance;
     return ['p-password-panel p-component', {
-      'p-input-filled': instance.$primevue.config.inputStyle === 'filled',
       'p-ripple-disabled': instance.$primevue.config.ripple === false
     }];
   },
@@ -41,7 +40,6 @@ var classes = {
 };
 var PasswordStyle = BaseStyle.extend({
   name: 'password',
-  css: css,
   classes: classes,
   inlineStyles: inlineStyles
 });

package/password/style/passwordstyle.esm.min.js

@@ -1 +1 @@
-import n from"primevue/base/style";var p=n.extend({name:"password",css:"\n@layer primevue {\n    .p-password {\n        display: inline-flex;\n    }\n\n    .p-password .p-password-panel {\n        min-width: 100%;\n    }\n\n    .p-password-meter {\n        height: 10px;\n    }\n\n    .p-password-strength {\n        height: 100%;\n        width: 0;\n        transition: width 1s ease-in-out;\n    }\n\n    .p-fluid .p-password {\n        display: flex;\n    }\n\n    .p-password-input::-ms-reveal,\n    .p-password-input::-ms-clear {\n        display: none;\n    }\n}\n",classes:{root:function(n){var p=n.instance;return["p-password p-component p-inputwrapper",{"p-inputwrapper-filled":p.filled,"p-inputwrapper-focus":p.focused,"p-input-icon-right":n.props.toggleMask}]},input:function(n){return["p-password-input",{"p-disabled":n.props.disabled}]},panel:function(n){var p=n.instance;return["p-password-panel p-component",{"p-input-filled":"filled"===p.$primevue.config.inputStyle,"p-ripple-disabled":!1===p.$primevue.config.ripple}]},meter:"p-password-meter",meterLabel:function(n){var p=n.instance;return"p-password-strength ".concat(p.meter?p.meter.strength:"")},info:"p-password-info"},inlineStyles:{root:function(n){return{position:"self"===n.props.appendTo?"relative":void 0}}}});export{p as default};
+import e from"primevue/base/style";var p=e.extend({name:"password",classes:{root:function(e){var p=e.instance;return["p-password p-component p-inputwrapper",{"p-inputwrapper-filled":p.filled,"p-inputwrapper-focus":p.focused,"p-input-icon-right":e.props.toggleMask}]},input:function(e){return["p-password-input",{"p-disabled":e.props.disabled}]},panel:function(e){return["p-password-panel p-component",{"p-ripple-disabled":!1===e.instance.$primevue.config.ripple}]},meter:"p-password-meter",meterLabel:function(e){var p=e.instance;return"p-password-strength ".concat(p.meter?p.meter.strength:"")},info:"p-password-info"},inlineStyles:{root:function(e){return{position:"self"===e.props.appendTo?"relative":void 0}}}});export{p as default};

package/password/style/passwordstyle.js

@@ -7,7 +7,6 @@ this.primevue.password.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    var css = "\n@layer primevue {\n    .p-password {\n        display: inline-flex;\n    }\n\n    .p-password .p-password-panel {\n        min-width: 100%;\n    }\n\n    .p-password-meter {\n        height: 10px;\n    }\n\n    .p-password-strength {\n        height: 100%;\n        width: 0;\n        transition: width 1s ease-in-out;\n    }\n\n    .p-fluid .p-password {\n        display: flex;\n    }\n\n    .p-password-input::-ms-reveal,\n    .p-password-input::-ms-clear {\n        display: none;\n    }\n}\n";
     var inlineStyles = {
       root: function root(_ref) {
         var props = _ref.props;
@@ -33,9 +32,9 @@ this.primevue.password.style = (function (BaseStyle) {
         }];
       },
       panel: function panel(_ref4) {
-        var instance = _ref4.instance;
+        _ref4.props;
+          var instance = _ref4.instance;
         return ['p-password-panel p-component', {
-          'p-input-filled': instance.$primevue.config.inputStyle === 'filled',
           'p-ripple-disabled': instance.$primevue.config.ripple === false
         }];
       },
@@ -48,7 +47,6 @@ this.primevue.password.style = (function (BaseStyle) {
     };
     var PasswordStyle = BaseStyle__default["default"].extend({
       name: 'password',
-      css: css,
       classes: classes,
       inlineStyles: inlineStyles
     });

package/password/style/passwordstyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.password=this.primevue.password||{},this.primevue.password.style=function(n){"use strict";function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}return e(primevue.base.style).default.extend({name:"password",css:"\n@layer primevue {\n    .p-password {\n        display: inline-flex;\n    }\n\n    .p-password .p-password-panel {\n        min-width: 100%;\n    }\n\n    .p-password-meter {\n        height: 10px;\n    }\n\n    .p-password-strength {\n        height: 100%;\n        width: 0;\n        transition: width 1s ease-in-out;\n    }\n\n    .p-fluid .p-password {\n        display: flex;\n    }\n\n    .p-password-input::-ms-reveal,\n    .p-password-input::-ms-clear {\n        display: none;\n    }\n}\n",classes:{root:function(n){var e=n.instance;return["p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.filled,"p-inputwrapper-focus":e.focused,"p-input-icon-right":n.props.toggleMask}]},input:function(n){return["p-password-input",{"p-disabled":n.props.disabled}]},panel:function(n){var e=n.instance;return["p-password-panel p-component",{"p-input-filled":"filled"===e.$primevue.config.inputStyle,"p-ripple-disabled":!1===e.$primevue.config.ripple}]},meter:"p-password-meter",meterLabel:function(n){var e=n.instance;return"p-password-strength ".concat(e.meter?e.meter.strength:"")},info:"p-password-info"},inlineStyles:{root:function(n){return{position:"self"===n.props.appendTo?"relative":void 0}}}})}();
+this.primevue=this.primevue||{},this.primevue.password=this.primevue.password||{},this.primevue.password.style=function(e){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return p(primevue.base.style).default.extend({name:"password",classes:{root:function(e){var p=e.instance;return["p-password p-component p-inputwrapper",{"p-inputwrapper-filled":p.filled,"p-inputwrapper-focus":p.focused,"p-input-icon-right":e.props.toggleMask}]},input:function(e){return["p-password-input",{"p-disabled":e.props.disabled}]},panel:function(e){return["p-password-panel p-component",{"p-ripple-disabled":!1===e.instance.$primevue.config.ripple}]},meter:"p-password-meter",meterLabel:function(e){var p=e.instance;return"p-password-strength ".concat(p.meter?p.meter.strength:"")},info:"p-password-info"},inlineStyles:{root:function(e){return{position:"self"===e.props.appendTo?"relative":void 0}}}})}();

package/picklist/PickList.vue

@@ -2,37 +2,28 @@
     <div :class="cx('root')" v-bind="ptm('root')">
         <div v-if="showSourceControls" :class="cx('sourceControls')" v-bind="ptm('sourceControls')" data-pc-group-section="controls">
             <slot name="sourcecontrolsstart"></slot>
-            <PLButton :aria-label="moveUpAriaLabel" :disabled="moveDisabled(0)" type="button" @click="moveUp($event, 0)" v-bind="moveUpButtonProps" :pt="ptm('sourceMoveUpButton')" :unstyled="unstyled" data-pc-section="sourcemoveupbutton">
+            <PLButton :aria-label="moveUpAriaLabel" :disabled="moveDisabled(0)" type="button" @click="moveUp($event, 0)" v-bind="moveUpButtonProps" :pt="ptm('sourceMoveUpButton')" :unstyled="unstyled">
                 <template #icon>
                     <slot name="moveupicon">
                         <AngleUpIcon v-bind="ptm('sourceMoveUpButton')['icon']" data-pc-section="moveupicon" />
                     </slot>
                 </template>
             </PLButton>
-            <PLButton :aria-label="moveTopAriaLabel" :disabled="moveDisabled(0)" type="button" @click="moveTop($event, 0)" v-bind="moveTopButtonProps" :pt="ptm('sourceMoveTopButton')" :unstyled="unstyled" data-pc-section="sourcemovetopbutton">
+            <PLButton :aria-label="moveTopAriaLabel" :disabled="moveDisabled(0)" type="button" @click="moveTop($event, 0)" v-bind="moveTopButtonProps" :pt="ptm('sourceMoveTopButton')" :unstyled="unstyled">
                 <template #icon>
                     <slot name="movetopicon">
                         <AngleDoubleUpIcon v-bind="ptm('sourceMoveTopButton')['icon']" data-pc-section="movetopicon" />
                     </slot>
                 </template>
             </PLButton>
-            <PLButton :aria-label="moveDownAriaLabel" :disabled="moveDisabled(0)" type="button" @click="moveDown($event, 0)" v-bind="moveDownButtonProps" :pt="ptm('sourceMoveDownButton')" :unstyled="unstyled" data-pc-section="sourcemovedownbutton">
+            <PLButton :aria-label="moveDownAriaLabel" :disabled="moveDisabled(0)" type="button" @click="moveDown($event, 0)" v-bind="moveDownButtonProps" :pt="ptm('sourceMoveDownButton')" :unstyled="unstyled">
                 <template #icon>
                     <slot name="movedownicon">
                         <AngleDownIcon v-bind="ptm('sourceMoveDownButton')['icon']" data-pc-section="movedownicon" />
                     </slot>
                 </template>
             </PLButton>
-            <PLButton
-                :aria-label="moveBottomAriaLabel"
-                :disabled="moveDisabled(0)"
-                type="button"
-                @click="moveBottom($event, 0)"
-                v-bind="moveBottomButtonProps"
-                :pt="ptm('sourceMoveBottomButton')"
-                :unstyled="unstyled"
-                data-pc-section="sourcemovebottombutton"
-            >
+            <PLButton :aria-label="moveBottomAriaLabel" :disabled="moveDisabled(0)" type="button" @click="moveBottom($event, 0)" v-bind="moveBottomButtonProps" :pt="ptm('sourceMoveBottomButton')" :unstyled="unstyled">
                 <template #icon>
                     <slot name="movebottomicon">
                         <AngleDoubleDownIcon v-bind="ptm('sourceMoveBottomButton')['icon']" data-pc-section="movebottomicon" />
@@ -85,46 +76,28 @@
         </div>
         <div :class="cx('buttons')" v-bind="ptm('buttons')" data-pc-group-section="controls">
             <slot name="movecontrolsstart"></slot>
-            <PLButton :aria-label="moveToTargetAriaLabel" type="button" @click="moveToTarget" :disabled="moveDisabled(0)" v-bind="moveToTargetProps" :pt="ptm('moveToTargetButton')" :unstyled="unstyled" data-pc-section="movetotargetbuton">
+            <PLButton :aria-label="moveToTargetAriaLabel" type="button" @click="moveToTarget" :disabled="moveDisabled(0)" v-bind="moveToTargetProps" :pt="ptm('moveToTargetButton')" :unstyled="unstyled">
                 <template #icon>
                     <slot name="movetotargeticon" :viewChanged="viewChanged">
                         <component :is="viewChanged ? 'AngleDownIcon' : 'AngleRightIcon'" v-bind="ptm('moveToTargetButton')['icon']" data-pc-section="movetotargeticon" />
                     </slot>
                 </template>
             </PLButton>
-            <PLButton
-                :aria-label="moveAllToTargetAriaLabel"
-                type="button"
-                @click="moveAllToTarget"
-                :disabled="moveAllDisabled('sourceList')"
-                v-bind="moveAllToTargetProps"
-                :pt="ptm('moveAllToTargetButton')"
-                :unstyled="unstyled"
-                data-pc-section="movealltotargetbuton"
-            >
+            <PLButton :aria-label="moveAllToTargetAriaLabel" type="button" @click="moveAllToTarget" :disabled="moveAllDisabled('sourceList')" v-bind="moveAllToTargetProps" :pt="ptm('moveAllToTargetButton')" :unstyled="unstyled">
                 <template #icon>
                     <slot name="movealltotargeticon" :viewChanged="viewChanged">
                         <component :is="viewChanged ? 'AngleDoubleDownIcon' : 'AngleDoubleRightIcon'" v-bind="ptm('moveAllToTargetButton')['icon']" data-pc-section="movealltotargeticon" />
                     </slot>
                 </template>
             </PLButton>
-            <PLButton :aria-label="moveToSourceAriaLabel" type="button" @click="moveToSource" :disabled="moveDisabled(1)" v-bind="moveToSourceProps" :pt="ptm('moveToSourceButton')" :unstyled="unstyled" data-pc-section="movetosourcebuton">
+            <PLButton :aria-label="moveToSourceAriaLabel" type="button" @click="moveToSource" :disabled="moveDisabled(1)" v-bind="moveToSourceProps" :pt="ptm('moveToSourceButton')" :unstyled="unstyled">
                 <template #icon>
                     <slot name="movetosourceicon" :viewChanged="viewChanged">
                         <component :is="viewChanged ? 'AngleUpIcon' : 'AngleLeftIcon'" v-bind="ptm('moveToSourceButton')['icon']" data-pc-section="movetosourceicon" />
                     </slot>
                 </template>
             </PLButton>
-            <PLButton
-                :aria-label="moveAllToSourceAriaLabel"
-                type="button"
-                @click="moveAllToSource"
-                :disabled="moveAllDisabled('targetList')"
-                v-bind="moveAllToSourceProps"
-                :pt="ptm('moveAllToSourceButton')"
-                data-pc-section="movealltosourcebuton"
-                :unstyled="unstyled"
-            >
+            <PLButton :aria-label="moveAllToSourceAriaLabel" type="button" @click="moveAllToSource" :disabled="moveAllDisabled('targetList')" v-bind="moveAllToSourceProps" :pt="ptm('moveAllToSourceButton')" :unstyled="unstyled">
                 <template #icon>
                     <slot name="movealltosourceicon" :viewChanged="viewChanged">
                         <component :is="viewChanged ? 'AngleDoubleUpIcon' : 'AngleDoubleLeftIcon'" v-bind="ptm('moveAllToSourceButton')['icon']" data-pc-section="movealltosourceicon" />
@@ -178,37 +151,28 @@
         </div>
         <div v-if="showTargetControls" :class="cx('targetControls')" v-bind="ptm('targetControls')" data-pc-group-section="controls">
             <slot name="targetcontrolsstart"></slot>
-            <PLButton :aria-label="moveUpAriaLabel" :disabled="moveDisabled(1)" type="button" @click="moveUp($event, 1)" v-bind="moveUpButtonProps" :pt="ptm('targetMoveUpButton')" :unstyled="unstyled" data-pc-section="targetmoveupbutton">
+            <PLButton :aria-label="moveUpAriaLabel" :disabled="moveDisabled(1)" type="button" @click="moveUp($event, 1)" v-bind="moveUpButtonProps" :pt="ptm('targetMoveUpButton')" :unstyled="unstyled">
                 <template #icon>
                     <slot name="moveupicon">
                         <AngleUpIcon v-bind="ptm('targetMoveUpButton')['icon']" data-pc-section="moveupicon" />
                     </slot>
                 </template>
             </PLButton>
-            <PLButton :aria-label="moveTopAriaLabel" :disabled="moveDisabled(1)" type="button" @click="moveTop($event, 1)" v-bind="moveTopButtonProps" :pt="ptm('targetMoveTopButton')" :unstyled="unstyled" data-pc-section="targetmovetopbutton">
+            <PLButton :aria-label="moveTopAriaLabel" :disabled="moveDisabled(1)" type="button" @click="moveTop($event, 1)" v-bind="moveTopButtonProps" :pt="ptm('targetMoveTopButton')" :unstyled="unstyled">
                 <template #icon>
                     <slot name="movetopicon">
                         <AngleDoubleUpIcon v-bind="ptm('targetMoveTopButton')['icon']" data-pc-section="movetopicon" />
                     </slot>
                 </template>
             </PLButton>
-            <PLButton :aria-label="moveDownAriaLabel" :disabled="moveDisabled(1)" type="button" @click="moveDown($event, 1)" v-bind="moveDownButtonProps" :pt="ptm('targetMoveDownButton')" :unstyled="unstyled" data-pc-section="targetmovedownbutton">
+            <PLButton :aria-label="moveDownAriaLabel" :disabled="moveDisabled(1)" type="button" @click="moveDown($event, 1)" v-bind="moveDownButtonProps" :pt="ptm('targetMoveDownButton')" :unstyled="unstyled">
                 <template #icon>
                     <slot name="movedownicon">
                         <AngleDownIcon v-bind="ptm('targetMoveDownButton')['icon']" data-pc-section="movedownicon" />
                     </slot>
                 </template>
             </PLButton>
-            <PLButton
-                :aria-label="moveBottomAriaLabel"
-                :disabled="moveDisabled(1)"
-                type="button"
-                @click="moveBottom($event, 1)"
-                v-bind="moveBottomButtonProps"
-                :pt="ptm('targetMoveBottomButton')"
-                :unstyled="unstyled"
-                data-pc-section="targetmovebottombutton"
-            >
+            <PLButton :aria-label="moveBottomAriaLabel" :disabled="moveDisabled(1)" type="button" @click="moveBottom($event, 1)" v-bind="moveBottomButtonProps" :pt="ptm('targetMoveBottomButton')" :unstyled="unstyled">
                 <template #icon>
                     <slot name="movebottomicon">
                         <AngleDoubleDownIcon v-bind="ptm('targetMoveBottomButton')['icon']" data-pc-section="movebottomicon" />

package/picklist/picklist.cjs.js

@@ -806,8 +806,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, _ctx.moveUpButtonProps, {
     pt: _ctx.ptm('sourceMoveUpButton'),
-    unstyled: _ctx.unstyled,
-    "data-pc-section": "sourcemoveupbutton"
+    unstyled: _ctx.unstyled
   }), {
     icon: vue.withCtx(function () {
       return [vue.renderSlot(_ctx.$slots, "moveupicon", {}, function () {
@@ -826,8 +825,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, _ctx.moveTopButtonProps, {
     pt: _ctx.ptm('sourceMoveTopButton'),
-    unstyled: _ctx.unstyled,
-    "data-pc-section": "sourcemovetopbutton"
+    unstyled: _ctx.unstyled
   }), {
     icon: vue.withCtx(function () {
       return [vue.renderSlot(_ctx.$slots, "movetopicon", {}, function () {
@@ -846,8 +844,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, _ctx.moveDownButtonProps, {
     pt: _ctx.ptm('sourceMoveDownButton'),
-    unstyled: _ctx.unstyled,
-    "data-pc-section": "sourcemovedownbutton"
+    unstyled: _ctx.unstyled
   }), {
     icon: vue.withCtx(function () {
       return [vue.renderSlot(_ctx.$slots, "movedownicon", {}, function () {
@@ -866,8 +863,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, _ctx.moveBottomButtonProps, {
     pt: _ctx.ptm('sourceMoveBottomButton'),
-    unstyled: _ctx.unstyled,
-    "data-pc-section": "sourcemovebottombutton"
+    unstyled: _ctx.unstyled
   }), {
     icon: vue.withCtx(function () {
       return [vue.renderSlot(_ctx.$slots, "movebottomicon", {}, function () {
@@ -957,8 +953,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: $options.moveDisabled(0)
   }, _ctx.moveToTargetProps, {
     pt: _ctx.ptm('moveToTargetButton'),
-    unstyled: _ctx.unstyled,
-    "data-pc-section": "movetotargetbuton"
+    unstyled: _ctx.unstyled
   }), {
     icon: vue.withCtx(function () {
       return [vue.renderSlot(_ctx.$slots, "movetotargeticon", {
@@ -977,8 +972,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: $options.moveAllDisabled('sourceList')
   }, _ctx.moveAllToTargetProps, {
     pt: _ctx.ptm('moveAllToTargetButton'),
-    unstyled: _ctx.unstyled,
-    "data-pc-section": "movealltotargetbuton"
+    unstyled: _ctx.unstyled
   }), {
     icon: vue.withCtx(function () {
       return [vue.renderSlot(_ctx.$slots, "movealltotargeticon", {
@@ -997,8 +991,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: $options.moveDisabled(1)
   }, _ctx.moveToSourceProps, {
     pt: _ctx.ptm('moveToSourceButton'),
-    unstyled: _ctx.unstyled,
-    "data-pc-section": "movetosourcebuton"
+    unstyled: _ctx.unstyled
   }), {
     icon: vue.withCtx(function () {
       return [vue.renderSlot(_ctx.$slots, "movetosourceicon", {
@@ -1017,7 +1010,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: $options.moveAllDisabled('targetList')
   }, _ctx.moveAllToSourceProps, {
     pt: _ctx.ptm('moveAllToSourceButton'),
-    "data-pc-section": "movealltosourcebuton",
     unstyled: _ctx.unstyled
   }), {
     icon: vue.withCtx(function () {
@@ -1116,8 +1108,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, _ctx.moveUpButtonProps, {
     pt: _ctx.ptm('targetMoveUpButton'),
-    unstyled: _ctx.unstyled,
-    "data-pc-section": "targetmoveupbutton"
+    unstyled: _ctx.unstyled
   }), {
     icon: vue.withCtx(function () {
       return [vue.renderSlot(_ctx.$slots, "moveupicon", {}, function () {
@@ -1136,8 +1127,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, _ctx.moveTopButtonProps, {
     pt: _ctx.ptm('targetMoveTopButton'),
-    unstyled: _ctx.unstyled,
-    "data-pc-section": "targetmovetopbutton"
+    unstyled: _ctx.unstyled
   }), {
     icon: vue.withCtx(function () {
       return [vue.renderSlot(_ctx.$slots, "movetopicon", {}, function () {
@@ -1156,8 +1146,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, _ctx.moveDownButtonProps, {
     pt: _ctx.ptm('targetMoveDownButton'),
-    unstyled: _ctx.unstyled,
-    "data-pc-section": "targetmovedownbutton"
+    unstyled: _ctx.unstyled
   }), {
     icon: vue.withCtx(function () {
       return [vue.renderSlot(_ctx.$slots, "movedownicon", {}, function () {
@@ -1176,8 +1165,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, _ctx.moveBottomButtonProps, {
     pt: _ctx.ptm('targetMoveBottomButton'),
-    unstyled: _ctx.unstyled,
-    "data-pc-section": "targetmovebottombutton"
+    unstyled: _ctx.unstyled
   }), {
     icon: vue.withCtx(function () {
       return [vue.renderSlot(_ctx.$slots, "movebottomicon", {}, function () {