primevue 3.47.2 → 3.48.0

package/password/Password.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" :style="sx('root')" v-bind="ptm('root')" data-pc-name="password">
+    <div :class="cx('root')" :style="sx('root')" v-bind="ptm('root')">
         <PInputText
             ref="input"
             :id="inputId"
@@ -15,6 +15,8 @@
             :placeholder="placeholder"
             :required="required"
             :disabled="disabled"
+            :variant="variant"
+            :invalid="invalid"
             @input="onInput"
             @focus="onFocus"
             @blur="onBlur"
@@ -65,6 +67,7 @@ export default {
     emits: ['update:modelValue', 'change', 'focus', 'blur', 'invalid'],
     data() {
         return {
+            id: this.$attrs.id,
             overlayVisible: false,
             meter: null,
             infoText: null,
@@ -72,12 +75,18 @@ export default {
             unmasked: false
         };
     },
+    watch: {
+        '$attrs.id': function (newValue) {
+            this.id = newValue || UniqueComponentId();
+        }
+    },
     mediumCheckRegExp: null,
     strongCheckRegExp: null,
     resizeListener: null,
     scrollHandler: null,
     overlay: null,
     mounted() {
+        this.id = this.id || UniqueComponentId();
         this.infoText = this.promptText;
         this.mediumCheckRegExp = new RegExp(this.mediumRegex);
         this.strongCheckRegExp = new RegExp(this.strongRegex);
@@ -289,7 +298,7 @@ export default {
             return this.promptLabel || this.$primevue.config.locale.passwordPrompt;
         },
         panelUniqueId() {
-            return UniqueComponentId() + '_panel';
+            return this.id + '_panel';
         }
     },
     components: {

package/password/password.cjs.js

@@ -69,6 +69,14 @@ var script$1 = {
       type: String,
       "default": undefined
     },
+    variant: {
+      type: String,
+      "default": null
+    },
+    invalid: {
+      type: Boolean,
+      "default": false
+    },
     disabled: {
       type: Boolean,
       "default": false
@@ -136,6 +144,7 @@ var script = {
   emits: ['update:modelValue', 'change', 'focus', 'blur', 'invalid'],
   data: function data() {
     return {
+      id: this.$attrs.id,
       overlayVisible: false,
       meter: null,
       infoText: null,
@@ -143,12 +152,18 @@ var script = {
       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);
@@ -348,7 +363,7 @@ var script = {
       return this.promptLabel || this.$primevue.config.locale.passwordPrompt;
     },
     panelUniqueId: function panelUniqueId() {
-      return utils.UniqueComponentId() + '_panel';
+      return this.id + '_panel';
     }
   },
   components: {
@@ -372,9 +387,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   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,
@@ -389,6 +402,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     placeholder: _ctx.placeholder,
     required: _ctx.required,
     disabled: _ctx.disabled,
+    variant: _ctx.variant,
+    invalid: _ctx.invalid,
     onInput: $options.onInput,
     onFocus: $options.onFocus,
     onBlur: $options.onBlur,
@@ -397,7 +412,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, _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.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/icons/eye"),t=require("primevue/icons/eyeslash"),n=require("primevue/inputtext"),l=require("primevue/overlayeventbus"),r=require("primevue/portal"),i=require("primevue/utils"),o=require("primevue/basecomponent"),s=require("primevue/password/style"),a=require("vue");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(r),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&&(i.ZIndexUtils.clear(this.overlay),this.overlay=null)},methods:{onOverlayEnter:function(e){i.ZIndexUtils.set("overlay",e,this.$primevue.config.zIndex.overlay),i.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){i.ZIndexUtils.clear(e)},alignOverlay:function(){"self"===this.appendTo?i.DomHandler.relativePosition(this.overlay,this.$refs.input.$el):(this.overlay.style.minWidth=i.DomHandler.getOuterWidth(this.$refs.input.$el)+"px",i.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 i.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&&!i.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 i.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"];f.render=function(e,t,n,l,r,i){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:i.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||i.panelUniqueId,"aria-expanded":r.overlayVisible,"aria-haspopup":!0,placeholder:e.placeholder,required:e.required,disabled:e.disabled,onInput:i.onInput,onFocus:i.onFocus,onBlur:i.onBlur,onKeyup:i.onKeyUp,onInvalid:i.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&&r.unmasked?a.renderSlot(e.$slots,"hideicon",{key:0,onClick:i.onMaskToggle,toggleCallback:i.onMaskToggle},(function(){return[(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.hideIcon?"i":"EyeSlashIcon"),a.mergeProps({class:e.hideIcon,onClick:i.onMaskToggle},e.ptm("hideIcon")),null,16,["class","onClick"]))]})):a.createCommentVNode("",!0),e.toggleMask&&!r.unmasked?a.renderSlot(e.$slots,"showicon",{key:1,onClick:i.onMaskToggle,toggleCallback:i.onMaskToggle},(function(){return[(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.showIcon?"i":"EyeIcon"),a.mergeProps({class:e.showIcon,onClick:i.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(r.infoText),17),a.createVNode(s,{appendTo:e.appendTo},{default:a.withCtx((function(){return[a.createVNode(a.Transition,a.mergeProps({name:"p-connected-overlay",onEnter:i.onOverlayEnter,onLeave:i.onOverlayLeave,onAfterLeave:i.onOverlayAfterLeave},e.ptm("transition")),{default:a.withCtx((function(){return[r.overlayVisible?(a.openBlock(),a.createElementBlock("div",a.mergeProps({key:0,ref:i.overlayRef,id:e.panelId||i.panelUniqueId,class:[e.cx("panel"),e.panelClass],style:e.panelStyle,onClick:t[0]||(t[0]=function(){return i.onOverlayClick&&i.onOverlayClick.apply(i,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:r.meter?r.meter.width:""}},e.ptm("meterLabel")),null,16)],16),a.createElementVNode("div",a.mergeProps({class:e.cx("info")},e.ptm("info")),a.toDisplayString(r.infoText),17)]})),a.renderSlot(e.$slots,"footer")],16,S)):a.createCommentVNode("",!0)]})),_:3},16,["onEnter","onLeave","onAfterLeave"])]})),_:3},8,["appendTo"])],16)},module.exports=f;
+"use strict";var e=require("primevue/icons/eye"),t=require("primevue/icons/eyeslash"),n=require("primevue/inputtext"),i=require("primevue/overlayeventbus"),l=require("primevue/portal"),r=require("primevue/utils"),o=require("primevue/basecomponent"),a=require("primevue/password/style"),s=require("vue");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"];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)},module.exports=m;

package/password/password.esm.js

@@ -3,7 +3,7 @@ import EyeSlashIcon from 'primevue/icons/eyeslash';
 import InputText from 'primevue/inputtext';
 import OverlayEventBus from 'primevue/overlayeventbus';
 import Portal from 'primevue/portal';
-import { ZIndexUtils, DomHandler, ConnectedOverlayScrollHandler, UniqueComponentId } from 'primevue/utils';
+import { UniqueComponentId, ZIndexUtils, DomHandler, ConnectedOverlayScrollHandler } from 'primevue/utils';
 import BaseComponent from 'primevue/basecomponent';
 import PasswordStyle from 'primevue/password/style';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, createElementVNode, toDisplayString, withCtx, Transition } from 'vue';
@@ -57,6 +57,14 @@ var script$1 = {
       type: String,
       "default": undefined
     },
+    variant: {
+      type: String,
+      "default": null
+    },
+    invalid: {
+      type: Boolean,
+      "default": false
+    },
     disabled: {
       type: Boolean,
       "default": false
@@ -124,6 +132,7 @@ var script = {
   emits: ['update:modelValue', 'change', 'focus', 'blur', 'invalid'],
   data: function data() {
     return {
+      id: this.$attrs.id,
       overlayVisible: false,
       meter: null,
       infoText: null,
@@ -131,12 +140,18 @@ var script = {
       unmasked: false
     };
   },
+  watch: {
+    '$attrs.id': function $attrsId(newValue) {
+      this.id = newValue || UniqueComponentId();
+    }
+  },
   mediumCheckRegExp: null,
   strongCheckRegExp: null,
   resizeListener: null,
   scrollHandler: null,
   overlay: null,
   mounted: function mounted() {
+    this.id = this.id || UniqueComponentId();
     this.infoText = this.promptText;
     this.mediumCheckRegExp = new RegExp(this.mediumRegex);
     this.strongCheckRegExp = new RegExp(this.strongRegex);
@@ -336,7 +351,7 @@ var script = {
       return this.promptLabel || this.$primevue.config.locale.passwordPrompt;
     },
     panelUniqueId: function panelUniqueId() {
-      return UniqueComponentId() + '_panel';
+      return this.id + '_panel';
     }
   },
   components: {
@@ -360,9 +375,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", mergeProps({
     "class": _ctx.cx('root'),
     style: _ctx.sx('root')
-  }, _ctx.ptm('root'), {
-    "data-pc-name": "password"
-  }), [createVNode(_component_PInputText, mergeProps({
+  }, _ctx.ptm('root')), [createVNode(_component_PInputText, mergeProps({
     ref: "input",
     id: _ctx.inputId,
     type: $options.inputType,
@@ -377,6 +390,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     placeholder: _ctx.placeholder,
     required: _ctx.required,
     disabled: _ctx.disabled,
+    variant: _ctx.variant,
+    invalid: _ctx.invalid,
     onInput: $options.onInput,
     onFocus: $options.onFocus,
     onBlur: $options.onBlur,
@@ -385,7 +400,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   }, _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 ? 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 ? renderSlot(_ctx.$slots, "hideicon", {
     key: 0,
     onClick: $options.onMaskToggle,
     toggleCallback: $options.onMaskToggle

package/password/password.esm.min.js

@@ -1 +1 @@
-import e from"primevue/icons/eye";import t from"primevue/icons/eyeslash";import n from"primevue/inputtext";import i from"primevue/overlayeventbus";import l from"primevue/portal";import{ZIndexUtils as r,DomHandler as o,ConnectedOverlayScrollHandler as s,UniqueComponentId as a}from"primevue/utils";import u from"primevue/basecomponent";import c from"primevue/password/style";import{resolveComponent as p,openBlock as d,createElementBlock as h,mergeProps as f,createVNode as y,renderSlot as m,createBlock as v,resolveDynamicComponent as b,createCommentVNode as g,createElementVNode as k,toDisplayString as S,withCtx as x,Transition as w}from"vue";var L={name:"Password",extends:{name:"BasePassword",extends:u,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:c,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.clear(this.overlay),this.overlay=null)},methods:{onOverlayEnter:function(e){r.set("overlay",e,this.$primevue.config.zIndex.overlay),o.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.clear(e)},alignOverlay:function(){"self"===this.appendTo?o.relativePosition(this.overlay,this.$refs.input.$el):(this.overlay.style.minWidth=o.getOuterWidth(this.$refs.input.$el)+"px",o.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 s(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&&!o.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){i.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 a()+"_panel"}},components:{PInputText:n,Portal:l,EyeSlashIcon:t,EyeIcon:e}};function O(e){return O="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},O(e)}function T(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 I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function P(e,t,n){var i;return(t="symbol"==O(i=$(t,"string"))?i:String(i))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function $(e,t){if("object"!=O(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=O(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var V=["id"];L.render=function(e,t,n,i,l,r){var o=p("PInputText"),s=p("Portal");return d(),h("div",f({class:e.cx("root"),style:e.sx("root")},e.ptm("root"),{"data-pc-name":"password"}),[y(o,f({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,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&&l.unmasked?m(e.$slots,"hideicon",{key:0,onClick:r.onMaskToggle,toggleCallback:r.onMaskToggle},(function(){return[(d(),v(b(e.hideIcon?"i":"EyeSlashIcon"),f({class:e.hideIcon,onClick:r.onMaskToggle},e.ptm("hideIcon")),null,16,["class","onClick"]))]})):g("",!0),e.toggleMask&&!l.unmasked?m(e.$slots,"showicon",{key:1,onClick:r.onMaskToggle,toggleCallback:r.onMaskToggle},(function(){return[(d(),v(b(e.showIcon?"i":"EyeIcon"),f({class:e.showIcon,onClick:r.onMaskToggle},e.ptm("showIcon")),null,16,["class","onClick"]))]})):g("",!0),k("span",f({class:"p-hidden-accessible","aria-live":"polite"},e.ptm("hiddenAccesible"),{"data-p-hidden-accessible":!0}),S(l.infoText),17),y(s,{appendTo:e.appendTo},{default:x((function(){return[y(w,f({name:"p-connected-overlay",onEnter:r.onOverlayEnter,onLeave:r.onOverlayLeave,onAfterLeave:r.onOverlayAfterLeave},e.ptm("transition")),{default:x((function(){return[l.overlayVisible?(d(),h("div",f({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)})},I(I({},e.panelProps),e.ptm("panel"))),[m(e.$slots,"header"),m(e.$slots,"content",{},(function(){return[k("div",f({class:e.cx("meter")},e.ptm("meter")),[k("div",f({class:e.cx("meterLabel"),style:{width:l.meter?l.meter.width:""}},e.ptm("meterLabel")),null,16)],16),k("div",f({class:e.cx("info")},e.ptm("info")),S(l.infoText),17)]})),m(e.$slots,"footer")],16,V)):g("",!0)]})),_:3},16,["onEnter","onLeave","onAfterLeave"])]})),_:3},8,["appendTo"])],16)};export{L as default};
+import e from"primevue/icons/eye";import t from"primevue/icons/eyeslash";import n from"primevue/inputtext";import i from"primevue/overlayeventbus";import l from"primevue/portal";import{UniqueComponentId as r,ZIndexUtils as o,DomHandler as s,ConnectedOverlayScrollHandler as a}from"primevue/utils";import u from"primevue/basecomponent";import c from"primevue/password/style";import{resolveComponent as d,openBlock as p,createElementBlock as h,mergeProps as f,createVNode as y,renderSlot as m,createBlock as v,resolveDynamicComponent as b,createCommentVNode as g,createElementVNode as k,toDisplayString as S,withCtx as x,Transition as w}from"vue";var L={name:"Password",extends:{name:"BasePassword",extends:u,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:c,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()}},mediumCheckRegExp:null,strongCheckRegExp:null,resizeListener:null,scrollHandler:null,overlay:null,mounted:function(){this.id=this.id||r(),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&&(o.clear(this.overlay),this.overlay=null)},methods:{onOverlayEnter:function(e){o.set("overlay",e,this.$primevue.config.zIndex.overlay),s.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){o.clear(e)},alignOverlay:function(){"self"===this.appendTo?s.relativePosition(this.overlay,this.$refs.input.$el):(this.overlay.style.minWidth=s.getOuterWidth(this.$refs.input.$el)+"px",s.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 a(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&&!s.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){i.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:n,Portal:l,EyeSlashIcon:t,EyeIcon:e}};function O(e){return O="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},O(e)}function T(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 I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function P(e,t,n){var i;return(t="symbol"==O(i=$(t,"string"))?i:String(i))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function $(e,t){if("object"!=O(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=O(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var V=["id"];L.render=function(e,t,n,i,l,r){var o=d("PInputText"),s=d("Portal");return p(),h("div",f({class:e.cx("root"),style:e.sx("root")},e.ptm("root")),[y(o,f({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?m(e.$slots,"hideicon",{key:0,onClick:r.onMaskToggle,toggleCallback:r.onMaskToggle},(function(){return[(p(),v(b(e.hideIcon?"i":"EyeSlashIcon"),f({class:e.hideIcon,onClick:r.onMaskToggle},e.ptm("hideIcon")),null,16,["class","onClick"]))]})):g("",!0),e.toggleMask&&!l.unmasked?m(e.$slots,"showicon",{key:1,onClick:r.onMaskToggle,toggleCallback:r.onMaskToggle},(function(){return[(p(),v(b(e.showIcon?"i":"EyeIcon"),f({class:e.showIcon,onClick:r.onMaskToggle},e.ptm("showIcon")),null,16,["class","onClick"]))]})):g("",!0),k("span",f({class:"p-hidden-accessible","aria-live":"polite"},e.ptm("hiddenAccesible"),{"data-p-hidden-accessible":!0}),S(l.infoText),17),y(s,{appendTo:e.appendTo},{default:x((function(){return[y(w,f({name:"p-connected-overlay",onEnter:r.onOverlayEnter,onLeave:r.onOverlayLeave,onAfterLeave:r.onOverlayAfterLeave},e.ptm("transition")),{default:x((function(){return[l.overlayVisible?(p(),h("div",f({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)})},I(I({},e.panelProps),e.ptm("panel"))),[m(e.$slots,"header"),m(e.$slots,"content",{},(function(){return[k("div",f({class:e.cx("meter")},e.ptm("meter")),[k("div",f({class:e.cx("meterLabel"),style:{width:l.meter?l.meter.width:""}},e.ptm("meterLabel")),null,16)],16),k("div",f({class:e.cx("info")},e.ptm("info")),S(l.infoText),17)]})),m(e.$slots,"footer")],16,V)):g("",!0)]})),_:3},16,["onEnter","onLeave","onAfterLeave"])]})),_:3},8,["appendTo"])],16)};export{L as default};

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}}}})}();