primevue 3.28.0 → 3.29.0

package/password/Password.d.ts

@@ -8,8 +8,107 @@
  *
  */
 import { HTMLAttributes, InputHTMLAttributes, VNode } from 'vue';
+import { InputTextPassThroughOptionType } from '../inputtext';
 import { ClassComponent, GlobalComponentConstructor, Nullable } from '../ts-helpers';
 
+export declare type PasswordPassThroughOptionType = PasswordPassThroughAttributes | ((options: PasswordPassThroughMethodOptions) => PasswordPassThroughAttributes) | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface PasswordPassThroughMethodOptions {
+    props: PasswordProps;
+    state: PasswordState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link PasswordProps.pt}
+ */
+export interface PasswordPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: PasswordPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the InputText component.
+     * @see {@link InputTextPassThroughOptionType}
+     */
+    input?: PasswordPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the hide icon's DOM element.
+     */
+    hideIcon?: PasswordPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the show icon's DOM element.
+     */
+    showIcon?: PasswordPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the panel's DOM element.
+     */
+    panel?: PasswordPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the meter's DOM element.
+     */
+    meter?: PasswordPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the info's DOM element.
+     */
+    info?: PasswordPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the hidden accessible DOM element.
+     */
+    hiddenAccesible?: PasswordPassThroughOptionType;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface PasswordPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines current inline state in Password component.
+ */
+export interface PasswordState {
+    /**
+     * Current overlay visible state as a boolean.
+     * @defaultValue false
+     */
+    overlayVisible: boolean;
+    /**
+     * Current overlay visible state as a boolean.
+     * @see {@link PasswordMeterStateOptions}
+     */
+    meter: PasswordMeterStateOptions;
+    /**
+     * Current info test state as a string.
+     */
+    infoText: string;
+    /**
+     * Current focused state as a boolean.
+     * @defaultValue false
+     */
+    focused: boolean;
+    /**
+     * Current unmasked state as a boolean.
+     * @defaultValue false
+     */
+    unmasked: boolean;
+}
+
+export interface PasswordMeterStateOptions {
+    /**
+     * Current strength of the meter state as a string.
+     */
+    strength: string;
+    /**
+     * Current width of the meter state as a string.
+     */
+    width: string;
+}
+
 /**
  * Defines valid properties in Password component.
  */
@@ -123,6 +222,11 @@ export interface PasswordProps extends InputHTMLAttributes {
      * Establishes a string value that labels the component.
      */
     'aria-label'?: string | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {PasswordPassThroughOptions}
+     */
+    pt?: PasswordPassThroughOptions;
 }
 
 /**

package/password/Password.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="containerClass">
+    <div :class="containerClass" v-bind="ptm('root')">
         <PInputText
             ref="input"
             :id="inputId"
@@ -19,26 +19,26 @@
             @blur="onBlur"
             @keyup="onKeyUp"
             @invalid="onInvalid"
-            v-bind="inputProps"
+            v-bind="{ ...inputProps, ...ptm('input') }"
         />
         <slot v-if="toggleMask && unmasked" name="hideicon" :onClick="onMaskToggle">
-            <component :is="hideIcon ? 'i' : 'EyeSlashIcon'" :class="hideIcon" @click="onMaskToggle" />
+            <component :is="hideIcon ? 'i' : 'EyeSlashIcon'" :class="hideIcon" @click="onMaskToggle" v-bind="ptm('hideIcon')" />
         </slot>
         <slot v-if="toggleMask && !unmasked" name="showicon" :onClick="onMaskToggle">
-            <component :is="showIcon ? 'i' : 'EyeIcon'" :class="showIcon" @click="onMaskToggle" />
+            <component :is="showIcon ? 'i' : 'EyeIcon'" :class="showIcon" @click="onMaskToggle" v-bind="ptm('showIcon')" />
         </slot>
-        <span class="p-hidden-accessible" aria-live="polite">
+        <span class="p-hidden-accessible" aria-live="polite" v-bind="ptm('hiddenAccesible')">
             {{ infoText }}
         </span>
         <Portal :appendTo="appendTo">
             <transition name="p-connected-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave" @after-leave="onOverlayAfterLeave">
-                <div v-if="overlayVisible" :ref="overlayRef" :id="panelId || panelUniqueId" :class="panelStyleClass" :style="panelStyle" @click="onOverlayClick" v-bind="panelProps">
+                <div v-if="overlayVisible" :ref="overlayRef" :id="panelId || panelUniqueId" :class="panelStyleClass" :style="panelStyle" @click="onOverlayClick" v-bind="{ ...panelProps, ...ptm('panel') }">
                     <slot name="header"></slot>
                     <slot name="content">
-                        <div class="p-password-meter">
-                            <div :class="strengthClass" :style="{ width: meter ? meter.width : '' }"></div>
+                        <div class="p-password-meter" v-bind="ptm('meter')">
+                            <div :class="strengthClass" :style="{ width: meter ? meter.width : '' }" v-bind="ptm('meterLabel')"></div>
                         </div>
-                        <div class="p-password-info">{{ infoText }}</div>
+                        <div class="p-password-info" v-bind="ptm('info')">{{ infoText }}</div>
                     </slot>
                     <slot name="footer"></slot>
                 </div>
@@ -48,6 +48,7 @@
 </template>
 
 <script>
+import BaseComponent from 'primevue/basecomponent';
 import EyeIcon from 'primevue/icons/eye';
 import EyeSlashIcon from 'primevue/icons/eyeslash';
 import InputText from 'primevue/inputtext';
@@ -57,6 +58,7 @@ import { ConnectedOverlayScrollHandler, DomHandler, UniqueComponentId, ZIndexUti
 
 export default {
     name: 'Password',
+    extends: BaseComponent,
     emits: ['update:modelValue', 'change', 'focus', 'blur', 'invalid'],
     props: {
         modelValue: String,

package/password/password.cjs.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var BaseComponent = require('primevue/basecomponent');
 var EyeIcon = require('primevue/icons/eye');
 var EyeSlashIcon = require('primevue/icons/eyeslash');
 var InputText = require('primevue/inputtext');
@@ -10,6 +11,7 @@ var vue = require('vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 var EyeIcon__default = /*#__PURE__*/_interopDefaultLegacy(EyeIcon);
 var EyeSlashIcon__default = /*#__PURE__*/_interopDefaultLegacy(EyeSlashIcon);
 var InputText__default = /*#__PURE__*/_interopDefaultLegacy(InputText);
@@ -18,6 +20,7 @@ var Portal__default = /*#__PURE__*/_interopDefaultLegacy(Portal);
 
 var script = {
     name: 'Password',
+    extends: BaseComponent__default["default"],
     emits: ['update:modelValue', 'change', 'focus', 'blur', 'invalid'],
     props: {
         modelValue: String,
@@ -384,21 +387,13 @@ var script = {
     }
 };
 
-const _hoisted_1 = {
-  class: "p-hidden-accessible",
-  "aria-live": "polite"
-};
-const _hoisted_2 = ["id"];
-const _hoisted_3 = { class: "p-password-meter" };
-const _hoisted_4 = { class: "p-password-info" };
+const _hoisted_1 = ["id"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_PInputText = vue.resolveComponent("PInputText");
   const _component_Portal = vue.resolveComponent("Portal");
 
-  return (vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass($options.containerClass)
-  }, [
+  return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: $options.containerClass }, _ctx.ptm('root')), [
     vue.createVNode(_component_PInputText, vue.mergeProps({
       ref: "input",
       id: $props.inputId,
@@ -418,16 +413,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       onBlur: $options.onBlur,
       onKeyup: $options.onKeyUp,
       onInvalid: $options.onInvalid
-    }, $props.inputProps), null, 16, ["id", "type", "class", "style", "value", "aria-labelledby", "aria-label", "aria-controls", "aria-expanded", "placeholder", "required", "onInput", "onFocus", "onBlur", "onKeyup", "onInvalid"]),
+    }, { ...$props.inputProps, ..._ctx.ptm('input') }), null, 16, ["id", "type", "class", "style", "value", "aria-labelledby", "aria-label", "aria-controls", "aria-expanded", "placeholder", "required", "onInput", "onFocus", "onBlur", "onKeyup", "onInvalid"]),
     ($props.toggleMask && $data.unmasked)
       ? vue.renderSlot(_ctx.$slots, "hideicon", {
           key: 0,
           onClick: $options.onMaskToggle
         }, () => [
-          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.hideIcon ? 'i' : 'EyeSlashIcon'), {
-            class: vue.normalizeClass($props.hideIcon),
+          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.hideIcon ? 'i' : 'EyeSlashIcon'), vue.mergeProps({
+            class: $props.hideIcon,
             onClick: $options.onMaskToggle
-          }, null, 8, ["class", "onClick"]))
+          }, _ctx.ptm('hideIcon')), null, 16, ["class", "onClick"]))
         ])
       : vue.createCommentVNode("", true),
     ($props.toggleMask && !$data.unmasked)
@@ -435,13 +430,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           key: 1,
           onClick: $options.onMaskToggle
         }, () => [
-          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.showIcon ? 'i' : 'EyeIcon'), {
-            class: vue.normalizeClass($props.showIcon),
+          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.showIcon ? 'i' : 'EyeIcon'), vue.mergeProps({
+            class: $props.showIcon,
             onClick: $options.onMaskToggle
-          }, null, 8, ["class", "onClick"]))
+          }, _ctx.ptm('showIcon')), null, 16, ["class", "onClick"]))
         ])
       : vue.createCommentVNode("", true),
-    vue.createElementVNode("span", _hoisted_1, vue.toDisplayString($data.infoText), 1),
+    vue.createElementVNode("span", vue.mergeProps({
+      class: "p-hidden-accessible",
+      "aria-live": "polite"
+    }, _ctx.ptm('hiddenAccesible')), vue.toDisplayString($data.infoText), 17),
     vue.createVNode(_component_Portal, { appendTo: $props.appendTo }, {
       default: vue.withCtx(() => [
         vue.createVNode(vue.Transition, {
@@ -459,19 +457,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   class: $options.panelStyleClass,
                   style: $props.panelStyle,
                   onClick: _cache[0] || (_cache[0] = (...args) => ($options.onOverlayClick && $options.onOverlayClick(...args)))
-                }, $props.panelProps), [
+                }, { ...$props.panelProps, ..._ctx.ptm('panel') }), [
                   vue.renderSlot(_ctx.$slots, "header"),
                   vue.renderSlot(_ctx.$slots, "content", {}, () => [
-                    vue.createElementVNode("div", _hoisted_3, [
-                      vue.createElementVNode("div", {
-                        class: vue.normalizeClass($options.strengthClass),
-                        style: vue.normalizeStyle({ width: $data.meter ? $data.meter.width : '' })
-                      }, null, 6)
-                    ]),
-                    vue.createElementVNode("div", _hoisted_4, vue.toDisplayString($data.infoText), 1)
+                    vue.createElementVNode("div", vue.mergeProps({ class: "p-password-meter" }, _ctx.ptm('meter')), [
+                      vue.createElementVNode("div", vue.mergeProps({
+                        class: $options.strengthClass,
+                        style: { width: $data.meter ? $data.meter.width : '' }
+                      }, _ctx.ptm('meterLabel')), null, 16)
+                    ], 16),
+                    vue.createElementVNode("div", vue.mergeProps({ class: "p-password-info" }, _ctx.ptm('info')), vue.toDisplayString($data.infoText), 17)
                   ]),
                   vue.renderSlot(_ctx.$slots, "footer")
-                ], 16, _hoisted_2))
+                ], 16, _hoisted_1))
               : vue.createCommentVNode("", true)
           ]),
           _: 3
@@ -479,7 +477,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 3
     }, 8, ["appendTo"])
-  ], 2))
+  ], 16))
 }
 
 function styleInject(css, ref) {

package/password/password.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/icons/eye"),t=require("primevue/icons/eyeslash"),l=require("primevue/inputtext"),n=require("primevue/overlayeventbus"),i=require("primevue/portal"),s=require("primevue/utils"),r=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(e),d=a(t),p=a(l),u=a(n),h=a(i),c={name:"Password",emits:["update:modelValue","change","focus","blur","invalid"],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,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},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},data:()=>({overlayVisible:!1,meter:null,infoText:null,focused:!1,unmasked:!1}),mediumCheckRegExp:null,strongCheckRegExp:null,resizeListener:null,scrollHandler:null,overlay:null,mounted(){this.infoText=this.promptText,this.mediumCheckRegExp=new RegExp(this.mediumRegex),this.strongCheckRegExp=new RegExp(this.strongRegex)},beforeUnmount(){this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.overlay&&(s.ZIndexUtils.clear(this.overlay),this.overlay=null)},methods:{onOverlayEnter(e){s.ZIndexUtils.set("overlay",e,this.$primevue.config.zIndex.overlay),this.alignOverlay(),this.bindScrollListener(),this.bindResizeListener()},onOverlayLeave(){this.unbindScrollListener(),this.unbindResizeListener(),this.overlay=null},onOverlayAfterLeave(e){s.ZIndexUtils.clear(e)},alignOverlay(){"self"===this.appendTo?s.DomHandler.relativePosition(this.overlay,this.$refs.input.$el):(this.overlay.style.minWidth=s.DomHandler.getOuterWidth(this.$refs.input.$el)+"px",s.DomHandler.absolutePosition(this.overlay,this.$refs.input.$el))},testStrength(e){let t=0;return this.strongCheckRegExp.test(e)?t=3:this.mediumCheckRegExp.test(e)?t=2:e.length&&(t=1),t},onInput(e){this.$emit("update:modelValue",e.target.value)},onFocus(e){this.focused=!0,this.feedback&&(this.setPasswordMeter(this.modelValue),this.overlayVisible=!0),this.$emit("focus",e)},onBlur(e){this.focused=!1,this.feedback&&(this.overlayVisible=!1),this.$emit("blur",e)},onKeyUp(e){if(this.feedback){const t=e.target.value,{meter:l,label:n}=this.checkPasswordStrength(t);if(this.meter=l,this.infoText=n,"Escape"===e.code)return void(this.overlayVisible&&(this.overlayVisible=!1));this.overlayVisible||(this.overlayVisible=!0)}},setPasswordMeter(){if(!this.modelValue)return;const{meter:e,label:t}=this.checkPasswordStrength(this.modelValue);this.meter=e,this.infoText=t,this.overlayVisible||(this.overlayVisible=!0)},checkPasswordStrength(e){let t=null,l=null;switch(this.testStrength(e)){case 1:t=this.weakText,l={strength:"weak",width:"33.33%"};break;case 2:t=this.mediumText,l={strength:"medium",width:"66.66%"};break;case 3:t=this.strongText,l={strength:"strong",width:"100%"};break;default:t=this.promptText,l=null}return{label:t,meter:l}},onInvalid(e){this.$emit("invalid",e)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new s.ConnectedOverlayScrollHandler(this.$refs.input.$el,(()=>{this.overlayVisible&&(this.overlayVisible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.overlayVisible&&!s.DomHandler.isTouchDevice()&&(this.overlayVisible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},overlayRef(e){this.overlay=e},onMaskToggle(){this.unmasked=!this.unmasked},onOverlayClick(e){u.default.emit("overlay-click",{originalEvent:e,target:this.$el})}},computed:{containerClass(){return["p-password p-component p-inputwrapper",{"p-inputwrapper-filled":this.filled,"p-inputwrapper-focus":this.focused,"p-input-icon-right":this.toggleMask}]},inputFieldClass(){return["p-password-input",this.inputClass,{"p-disabled":this.disabled}]},panelStyleClass(){return["p-password-panel p-component",this.panelClass,{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},strengthClass(){return`p-password-strength ${this.meter?this.meter.strength:""}`},inputType(){return this.unmasked?"text":"password"},filled(){return null!=this.modelValue&&this.modelValue.toString().length>0},weakText(){return this.weakLabel||this.$primevue.config.locale.weak},mediumText(){return this.mediumLabel||this.$primevue.config.locale.medium},strongText(){return this.strongLabel||this.$primevue.config.locale.strong},promptText(){return this.promptLabel||this.$primevue.config.locale.passwordPrompt},panelUniqueId:()=>s.UniqueComponentId()+"_panel"},components:{PInputText:p.default,Portal:h.default,EyeSlashIcon:d.default,EyeIcon:o.default}};const m={class:"p-hidden-accessible","aria-live":"polite"},y=["id"],v={class:"p-password-meter"},g={class:"p-password-info"};!function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===l&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-password {\n    position: relative;\n    display: inline-flex;\n}\n.p-password-panel {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-password .p-password-panel {\n    min-width: 100%;\n}\n.p-password-meter {\n    height: 10px;\n}\n.p-password-strength {\n    height: 100%;\n    width: 0;\n    transition: width 1s ease-in-out;\n}\n.p-fluid .p-password {\n    display: flex;\n}\n.p-password-input::-ms-reveal,\n.p-password-input::-ms-clear {\n    display: none;\n}\n"),c.render=function(e,t,l,n,i,s){const a=r.resolveComponent("PInputText"),o=r.resolveComponent("Portal");return r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(s.containerClass)},[r.createVNode(a,r.mergeProps({ref:"input",id:l.inputId,type:s.inputType,class:s.inputFieldClass,style:l.inputStyle,value:l.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,"aria-controls":l.panelProps&&l.panelProps.id||l.panelId||s.panelUniqueId,"aria-expanded":i.overlayVisible,"aria-haspopup":!0,placeholder:l.placeholder,required:l.required,onInput:s.onInput,onFocus:s.onFocus,onBlur:s.onBlur,onKeyup:s.onKeyUp,onInvalid:s.onInvalid},l.inputProps),null,16,["id","type","class","style","value","aria-labelledby","aria-label","aria-controls","aria-expanded","placeholder","required","onInput","onFocus","onBlur","onKeyup","onInvalid"]),l.toggleMask&&i.unmasked?r.renderSlot(e.$slots,"hideicon",{key:0,onClick:s.onMaskToggle},(()=>[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(l.hideIcon?"i":"EyeSlashIcon"),{class:r.normalizeClass(l.hideIcon),onClick:s.onMaskToggle},null,8,["class","onClick"]))])):r.createCommentVNode("",!0),l.toggleMask&&!i.unmasked?r.renderSlot(e.$slots,"showicon",{key:1,onClick:s.onMaskToggle},(()=>[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(l.showIcon?"i":"EyeIcon"),{class:r.normalizeClass(l.showIcon),onClick:s.onMaskToggle},null,8,["class","onClick"]))])):r.createCommentVNode("",!0),r.createElementVNode("span",m,r.toDisplayString(i.infoText),1),r.createVNode(o,{appendTo:l.appendTo},{default:r.withCtx((()=>[r.createVNode(r.Transition,{name:"p-connected-overlay",onEnter:s.onOverlayEnter,onLeave:s.onOverlayLeave,onAfterLeave:s.onOverlayAfterLeave},{default:r.withCtx((()=>[i.overlayVisible?(r.openBlock(),r.createElementBlock("div",r.mergeProps({key:0,ref:s.overlayRef,id:l.panelId||s.panelUniqueId,class:s.panelStyleClass,style:l.panelStyle,onClick:t[0]||(t[0]=(...e)=>s.onOverlayClick&&s.onOverlayClick(...e))},l.panelProps),[r.renderSlot(e.$slots,"header"),r.renderSlot(e.$slots,"content",{},(()=>[r.createElementVNode("div",v,[r.createElementVNode("div",{class:r.normalizeClass(s.strengthClass),style:r.normalizeStyle({width:i.meter?i.meter.width:""})},null,6)]),r.createElementVNode("div",g,r.toDisplayString(i.infoText),1)])),r.renderSlot(e.$slots,"footer")],16,y)):r.createCommentVNode("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])])),_:3},8,["appendTo"])],2)},module.exports=c;
+"use strict";var e=require("primevue/basecomponent"),t=require("primevue/icons/eye"),l=require("primevue/icons/eyeslash"),n=require("primevue/inputtext"),i=require("primevue/overlayeventbus"),s=require("primevue/portal"),r=require("primevue/utils"),o=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=a(e),p=a(t),u=a(l),h=a(n),c=a(i),m=a(s),y={name:"Password",extends:d.default,emits:["update:modelValue","change","focus","blur","invalid"],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,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},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},data:()=>({overlayVisible:!1,meter:null,infoText:null,focused:!1,unmasked:!1}),mediumCheckRegExp:null,strongCheckRegExp:null,resizeListener:null,scrollHandler:null,overlay:null,mounted(){this.infoText=this.promptText,this.mediumCheckRegExp=new RegExp(this.mediumRegex),this.strongCheckRegExp=new RegExp(this.strongRegex)},beforeUnmount(){this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.overlay&&(r.ZIndexUtils.clear(this.overlay),this.overlay=null)},methods:{onOverlayEnter(e){r.ZIndexUtils.set("overlay",e,this.$primevue.config.zIndex.overlay),this.alignOverlay(),this.bindScrollListener(),this.bindResizeListener()},onOverlayLeave(){this.unbindScrollListener(),this.unbindResizeListener(),this.overlay=null},onOverlayAfterLeave(e){r.ZIndexUtils.clear(e)},alignOverlay(){"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(e){let t=0;return this.strongCheckRegExp.test(e)?t=3:this.mediumCheckRegExp.test(e)?t=2:e.length&&(t=1),t},onInput(e){this.$emit("update:modelValue",e.target.value)},onFocus(e){this.focused=!0,this.feedback&&(this.setPasswordMeter(this.modelValue),this.overlayVisible=!0),this.$emit("focus",e)},onBlur(e){this.focused=!1,this.feedback&&(this.overlayVisible=!1),this.$emit("blur",e)},onKeyUp(e){if(this.feedback){const t=e.target.value,{meter:l,label:n}=this.checkPasswordStrength(t);if(this.meter=l,this.infoText=n,"Escape"===e.code)return void(this.overlayVisible&&(this.overlayVisible=!1));this.overlayVisible||(this.overlayVisible=!0)}},setPasswordMeter(){if(!this.modelValue)return;const{meter:e,label:t}=this.checkPasswordStrength(this.modelValue);this.meter=e,this.infoText=t,this.overlayVisible||(this.overlayVisible=!0)},checkPasswordStrength(e){let t=null,l=null;switch(this.testStrength(e)){case 1:t=this.weakText,l={strength:"weak",width:"33.33%"};break;case 2:t=this.mediumText,l={strength:"medium",width:"66.66%"};break;case 3:t=this.strongText,l={strength:"strong",width:"100%"};break;default:t=this.promptText,l=null}return{label:t,meter:l}},onInvalid(e){this.$emit("invalid",e)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new r.ConnectedOverlayScrollHandler(this.$refs.input.$el,(()=>{this.overlayVisible&&(this.overlayVisible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.overlayVisible&&!r.DomHandler.isTouchDevice()&&(this.overlayVisible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},overlayRef(e){this.overlay=e},onMaskToggle(){this.unmasked=!this.unmasked},onOverlayClick(e){c.default.emit("overlay-click",{originalEvent:e,target:this.$el})}},computed:{containerClass(){return["p-password p-component p-inputwrapper",{"p-inputwrapper-filled":this.filled,"p-inputwrapper-focus":this.focused,"p-input-icon-right":this.toggleMask}]},inputFieldClass(){return["p-password-input",this.inputClass,{"p-disabled":this.disabled}]},panelStyleClass(){return["p-password-panel p-component",this.panelClass,{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},strengthClass(){return`p-password-strength ${this.meter?this.meter.strength:""}`},inputType(){return this.unmasked?"text":"password"},filled(){return null!=this.modelValue&&this.modelValue.toString().length>0},weakText(){return this.weakLabel||this.$primevue.config.locale.weak},mediumText(){return this.mediumLabel||this.$primevue.config.locale.medium},strongText(){return this.strongLabel||this.$primevue.config.locale.strong},promptText(){return this.promptLabel||this.$primevue.config.locale.passwordPrompt},panelUniqueId:()=>r.UniqueComponentId()+"_panel"},components:{PInputText:h.default,Portal:m.default,EyeSlashIcon:u.default,EyeIcon:p.default}};const g=["id"];!function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===l&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-password {\n    position: relative;\n    display: inline-flex;\n}\n.p-password-panel {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-password .p-password-panel {\n    min-width: 100%;\n}\n.p-password-meter {\n    height: 10px;\n}\n.p-password-strength {\n    height: 100%;\n    width: 0;\n    transition: width 1s ease-in-out;\n}\n.p-fluid .p-password {\n    display: flex;\n}\n.p-password-input::-ms-reveal,\n.p-password-input::-ms-clear {\n    display: none;\n}\n"),y.render=function(e,t,l,n,i,s){const r=o.resolveComponent("PInputText"),a=o.resolveComponent("Portal");return o.openBlock(),o.createElementBlock("div",o.mergeProps({class:s.containerClass},e.ptm("root")),[o.createVNode(r,o.mergeProps({ref:"input",id:l.inputId,type:s.inputType,class:s.inputFieldClass,style:l.inputStyle,value:l.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,"aria-controls":l.panelProps&&l.panelProps.id||l.panelId||s.panelUniqueId,"aria-expanded":i.overlayVisible,"aria-haspopup":!0,placeholder:l.placeholder,required:l.required,onInput:s.onInput,onFocus:s.onFocus,onBlur:s.onBlur,onKeyup:s.onKeyUp,onInvalid:s.onInvalid},{...l.inputProps,...e.ptm("input")}),null,16,["id","type","class","style","value","aria-labelledby","aria-label","aria-controls","aria-expanded","placeholder","required","onInput","onFocus","onBlur","onKeyup","onInvalid"]),l.toggleMask&&i.unmasked?o.renderSlot(e.$slots,"hideicon",{key:0,onClick:s.onMaskToggle},(()=>[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(l.hideIcon?"i":"EyeSlashIcon"),o.mergeProps({class:l.hideIcon,onClick:s.onMaskToggle},e.ptm("hideIcon")),null,16,["class","onClick"]))])):o.createCommentVNode("",!0),l.toggleMask&&!i.unmasked?o.renderSlot(e.$slots,"showicon",{key:1,onClick:s.onMaskToggle},(()=>[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(l.showIcon?"i":"EyeIcon"),o.mergeProps({class:l.showIcon,onClick:s.onMaskToggle},e.ptm("showIcon")),null,16,["class","onClick"]))])):o.createCommentVNode("",!0),o.createElementVNode("span",o.mergeProps({class:"p-hidden-accessible","aria-live":"polite"},e.ptm("hiddenAccesible")),o.toDisplayString(i.infoText),17),o.createVNode(a,{appendTo:l.appendTo},{default:o.withCtx((()=>[o.createVNode(o.Transition,{name:"p-connected-overlay",onEnter:s.onOverlayEnter,onLeave:s.onOverlayLeave,onAfterLeave:s.onOverlayAfterLeave},{default:o.withCtx((()=>[i.overlayVisible?(o.openBlock(),o.createElementBlock("div",o.mergeProps({key:0,ref:s.overlayRef,id:l.panelId||s.panelUniqueId,class:s.panelStyleClass,style:l.panelStyle,onClick:t[0]||(t[0]=(...e)=>s.onOverlayClick&&s.onOverlayClick(...e))},{...l.panelProps,...e.ptm("panel")}),[o.renderSlot(e.$slots,"header"),o.renderSlot(e.$slots,"content",{},(()=>[o.createElementVNode("div",o.mergeProps({class:"p-password-meter"},e.ptm("meter")),[o.createElementVNode("div",o.mergeProps({class:s.strengthClass,style:{width:i.meter?i.meter.width:""}},e.ptm("meterLabel")),null,16)],16),o.createElementVNode("div",o.mergeProps({class:"p-password-info"},e.ptm("info")),o.toDisplayString(i.infoText),17)])),o.renderSlot(e.$slots,"footer")],16,g)):o.createCommentVNode("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])])),_:3},8,["appendTo"])],16)},module.exports=y;

package/password/password.esm.js

@@ -1,13 +1,15 @@
+import BaseComponent from 'primevue/basecomponent';
 import EyeIcon from 'primevue/icons/eye';
 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 { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, mergeProps, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, createElementVNode, toDisplayString, withCtx, Transition, normalizeStyle } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, mergeProps, createVNode, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, createElementVNode, toDisplayString, withCtx, Transition } from 'vue';
 
 var script = {
     name: 'Password',
+    extends: BaseComponent,
     emits: ['update:modelValue', 'change', 'focus', 'blur', 'invalid'],
     props: {
         modelValue: String,
@@ -374,21 +376,13 @@ var script = {
     }
 };
 
-const _hoisted_1 = {
-  class: "p-hidden-accessible",
-  "aria-live": "polite"
-};
-const _hoisted_2 = ["id"];
-const _hoisted_3 = { class: "p-password-meter" };
-const _hoisted_4 = { class: "p-password-info" };
+const _hoisted_1 = ["id"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_PInputText = resolveComponent("PInputText");
   const _component_Portal = resolveComponent("Portal");
 
-  return (openBlock(), createElementBlock("div", {
-    class: normalizeClass($options.containerClass)
-  }, [
+  return (openBlock(), createElementBlock("div", mergeProps({ class: $options.containerClass }, _ctx.ptm('root')), [
     createVNode(_component_PInputText, mergeProps({
       ref: "input",
       id: $props.inputId,
@@ -408,16 +402,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       onBlur: $options.onBlur,
       onKeyup: $options.onKeyUp,
       onInvalid: $options.onInvalid
-    }, $props.inputProps), null, 16, ["id", "type", "class", "style", "value", "aria-labelledby", "aria-label", "aria-controls", "aria-expanded", "placeholder", "required", "onInput", "onFocus", "onBlur", "onKeyup", "onInvalid"]),
+    }, { ...$props.inputProps, ..._ctx.ptm('input') }), null, 16, ["id", "type", "class", "style", "value", "aria-labelledby", "aria-label", "aria-controls", "aria-expanded", "placeholder", "required", "onInput", "onFocus", "onBlur", "onKeyup", "onInvalid"]),
     ($props.toggleMask && $data.unmasked)
       ? renderSlot(_ctx.$slots, "hideicon", {
           key: 0,
           onClick: $options.onMaskToggle
         }, () => [
-          (openBlock(), createBlock(resolveDynamicComponent($props.hideIcon ? 'i' : 'EyeSlashIcon'), {
-            class: normalizeClass($props.hideIcon),
+          (openBlock(), createBlock(resolveDynamicComponent($props.hideIcon ? 'i' : 'EyeSlashIcon'), mergeProps({
+            class: $props.hideIcon,
             onClick: $options.onMaskToggle
-          }, null, 8, ["class", "onClick"]))
+          }, _ctx.ptm('hideIcon')), null, 16, ["class", "onClick"]))
         ])
       : createCommentVNode("", true),
     ($props.toggleMask && !$data.unmasked)
@@ -425,13 +419,16 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           key: 1,
           onClick: $options.onMaskToggle
         }, () => [
-          (openBlock(), createBlock(resolveDynamicComponent($props.showIcon ? 'i' : 'EyeIcon'), {
-            class: normalizeClass($props.showIcon),
+          (openBlock(), createBlock(resolveDynamicComponent($props.showIcon ? 'i' : 'EyeIcon'), mergeProps({
+            class: $props.showIcon,
             onClick: $options.onMaskToggle
-          }, null, 8, ["class", "onClick"]))
+          }, _ctx.ptm('showIcon')), null, 16, ["class", "onClick"]))
         ])
       : createCommentVNode("", true),
-    createElementVNode("span", _hoisted_1, toDisplayString($data.infoText), 1),
+    createElementVNode("span", mergeProps({
+      class: "p-hidden-accessible",
+      "aria-live": "polite"
+    }, _ctx.ptm('hiddenAccesible')), toDisplayString($data.infoText), 17),
     createVNode(_component_Portal, { appendTo: $props.appendTo }, {
       default: withCtx(() => [
         createVNode(Transition, {
@@ -449,19 +446,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   class: $options.panelStyleClass,
                   style: $props.panelStyle,
                   onClick: _cache[0] || (_cache[0] = (...args) => ($options.onOverlayClick && $options.onOverlayClick(...args)))
-                }, $props.panelProps), [
+                }, { ...$props.panelProps, ..._ctx.ptm('panel') }), [
                   renderSlot(_ctx.$slots, "header"),
                   renderSlot(_ctx.$slots, "content", {}, () => [
-                    createElementVNode("div", _hoisted_3, [
-                      createElementVNode("div", {
-                        class: normalizeClass($options.strengthClass),
-                        style: normalizeStyle({ width: $data.meter ? $data.meter.width : '' })
-                      }, null, 6)
-                    ]),
-                    createElementVNode("div", _hoisted_4, toDisplayString($data.infoText), 1)
+                    createElementVNode("div", mergeProps({ class: "p-password-meter" }, _ctx.ptm('meter')), [
+                      createElementVNode("div", mergeProps({
+                        class: $options.strengthClass,
+                        style: { width: $data.meter ? $data.meter.width : '' }
+                      }, _ctx.ptm('meterLabel')), null, 16)
+                    ], 16),
+                    createElementVNode("div", mergeProps({ class: "p-password-info" }, _ctx.ptm('info')), toDisplayString($data.infoText), 17)
                   ]),
                   renderSlot(_ctx.$slots, "footer")
-                ], 16, _hoisted_2))
+                ], 16, _hoisted_1))
               : createCommentVNode("", true)
           ]),
           _: 3
@@ -469,7 +466,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 3
     }, 8, ["appendTo"])
-  ], 2))
+  ], 16))
 }
 
 function styleInject(css, ref) {

package/password/password.esm.min.js

@@ -1 +1 @@
-import e from"primevue/icons/eye";import t from"primevue/icons/eyeslash";import l from"primevue/inputtext";import i from"primevue/overlayeventbus";import n from"primevue/portal";import{ZIndexUtils as s,DomHandler as r,ConnectedOverlayScrollHandler as a,UniqueComponentId as o}from"primevue/utils";import{resolveComponent as p,openBlock as d,createElementBlock as u,normalizeClass as h,createVNode as c,mergeProps as m,renderSlot as y,createBlock as v,resolveDynamicComponent as f,createCommentVNode as g,createElementVNode as b,toDisplayString as w,withCtx as k,Transition as x,normalizeStyle as S}from"vue";var L={name:"Password",emits:["update:modelValue","change","focus","blur","invalid"],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,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},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},data:()=>({overlayVisible:!1,meter:null,infoText:null,focused:!1,unmasked:!1}),mediumCheckRegExp:null,strongCheckRegExp:null,resizeListener:null,scrollHandler:null,overlay:null,mounted(){this.infoText=this.promptText,this.mediumCheckRegExp=new RegExp(this.mediumRegex),this.strongCheckRegExp=new RegExp(this.strongRegex)},beforeUnmount(){this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.overlay&&(s.clear(this.overlay),this.overlay=null)},methods:{onOverlayEnter(e){s.set("overlay",e,this.$primevue.config.zIndex.overlay),this.alignOverlay(),this.bindScrollListener(),this.bindResizeListener()},onOverlayLeave(){this.unbindScrollListener(),this.unbindResizeListener(),this.overlay=null},onOverlayAfterLeave(e){s.clear(e)},alignOverlay(){"self"===this.appendTo?r.relativePosition(this.overlay,this.$refs.input.$el):(this.overlay.style.minWidth=r.getOuterWidth(this.$refs.input.$el)+"px",r.absolutePosition(this.overlay,this.$refs.input.$el))},testStrength(e){let t=0;return this.strongCheckRegExp.test(e)?t=3:this.mediumCheckRegExp.test(e)?t=2:e.length&&(t=1),t},onInput(e){this.$emit("update:modelValue",e.target.value)},onFocus(e){this.focused=!0,this.feedback&&(this.setPasswordMeter(this.modelValue),this.overlayVisible=!0),this.$emit("focus",e)},onBlur(e){this.focused=!1,this.feedback&&(this.overlayVisible=!1),this.$emit("blur",e)},onKeyUp(e){if(this.feedback){const t=e.target.value,{meter:l,label:i}=this.checkPasswordStrength(t);if(this.meter=l,this.infoText=i,"Escape"===e.code)return void(this.overlayVisible&&(this.overlayVisible=!1));this.overlayVisible||(this.overlayVisible=!0)}},setPasswordMeter(){if(!this.modelValue)return;const{meter:e,label:t}=this.checkPasswordStrength(this.modelValue);this.meter=e,this.infoText=t,this.overlayVisible||(this.overlayVisible=!0)},checkPasswordStrength(e){let t=null,l=null;switch(this.testStrength(e)){case 1:t=this.weakText,l={strength:"weak",width:"33.33%"};break;case 2:t=this.mediumText,l={strength:"medium",width:"66.66%"};break;case 3:t=this.strongText,l={strength:"strong",width:"100%"};break;default:t=this.promptText,l=null}return{label:t,meter:l}},onInvalid(e){this.$emit("invalid",e)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new a(this.$refs.input.$el,(()=>{this.overlayVisible&&(this.overlayVisible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.overlayVisible&&!r.isTouchDevice()&&(this.overlayVisible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},overlayRef(e){this.overlay=e},onMaskToggle(){this.unmasked=!this.unmasked},onOverlayClick(e){i.emit("overlay-click",{originalEvent:e,target:this.$el})}},computed:{containerClass(){return["p-password p-component p-inputwrapper",{"p-inputwrapper-filled":this.filled,"p-inputwrapper-focus":this.focused,"p-input-icon-right":this.toggleMask}]},inputFieldClass(){return["p-password-input",this.inputClass,{"p-disabled":this.disabled}]},panelStyleClass(){return["p-password-panel p-component",this.panelClass,{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},strengthClass(){return`p-password-strength ${this.meter?this.meter.strength:""}`},inputType(){return this.unmasked?"text":"password"},filled(){return null!=this.modelValue&&this.modelValue.toString().length>0},weakText(){return this.weakLabel||this.$primevue.config.locale.weak},mediumText(){return this.mediumLabel||this.$primevue.config.locale.medium},strongText(){return this.strongLabel||this.$primevue.config.locale.strong},promptText(){return this.promptLabel||this.$primevue.config.locale.passwordPrompt},panelUniqueId:()=>o()+"_panel"},components:{PInputText:l,Portal:n,EyeSlashIcon:t,EyeIcon:e}};const T={class:"p-hidden-accessible","aria-live":"polite"},C=["id"],I={class:"p-password-meter"},$={class:"p-password-info"};!function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===l&&i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-password {\n    position: relative;\n    display: inline-flex;\n}\n.p-password-panel {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-password .p-password-panel {\n    min-width: 100%;\n}\n.p-password-meter {\n    height: 10px;\n}\n.p-password-strength {\n    height: 100%;\n    width: 0;\n    transition: width 1s ease-in-out;\n}\n.p-fluid .p-password {\n    display: flex;\n}\n.p-password-input::-ms-reveal,\n.p-password-input::-ms-clear {\n    display: none;\n}\n"),L.render=function(e,t,l,i,n,s){const r=p("PInputText"),a=p("Portal");return d(),u("div",{class:h(s.containerClass)},[c(r,m({ref:"input",id:l.inputId,type:s.inputType,class:s.inputFieldClass,style:l.inputStyle,value:l.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,"aria-controls":l.panelProps&&l.panelProps.id||l.panelId||s.panelUniqueId,"aria-expanded":n.overlayVisible,"aria-haspopup":!0,placeholder:l.placeholder,required:l.required,onInput:s.onInput,onFocus:s.onFocus,onBlur:s.onBlur,onKeyup:s.onKeyUp,onInvalid:s.onInvalid},l.inputProps),null,16,["id","type","class","style","value","aria-labelledby","aria-label","aria-controls","aria-expanded","placeholder","required","onInput","onFocus","onBlur","onKeyup","onInvalid"]),l.toggleMask&&n.unmasked?y(e.$slots,"hideicon",{key:0,onClick:s.onMaskToggle},(()=>[(d(),v(f(l.hideIcon?"i":"EyeSlashIcon"),{class:h(l.hideIcon),onClick:s.onMaskToggle},null,8,["class","onClick"]))])):g("",!0),l.toggleMask&&!n.unmasked?y(e.$slots,"showicon",{key:1,onClick:s.onMaskToggle},(()=>[(d(),v(f(l.showIcon?"i":"EyeIcon"),{class:h(l.showIcon),onClick:s.onMaskToggle},null,8,["class","onClick"]))])):g("",!0),b("span",T,w(n.infoText),1),c(a,{appendTo:l.appendTo},{default:k((()=>[c(x,{name:"p-connected-overlay",onEnter:s.onOverlayEnter,onLeave:s.onOverlayLeave,onAfterLeave:s.onOverlayAfterLeave},{default:k((()=>[n.overlayVisible?(d(),u("div",m({key:0,ref:s.overlayRef,id:l.panelId||s.panelUniqueId,class:s.panelStyleClass,style:l.panelStyle,onClick:t[0]||(t[0]=(...e)=>s.onOverlayClick&&s.onOverlayClick(...e))},l.panelProps),[y(e.$slots,"header"),y(e.$slots,"content",{},(()=>[b("div",I,[b("div",{class:h(s.strengthClass),style:S({width:n.meter?n.meter.width:""})},null,6)]),b("div",$,w(n.infoText),1)])),y(e.$slots,"footer")],16,C)):g("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])])),_:3},8,["appendTo"])],2)};export{L as default};
+import e from"primevue/basecomponent";import t from"primevue/icons/eye";import l from"primevue/icons/eyeslash";import i from"primevue/inputtext";import n from"primevue/overlayeventbus";import s from"primevue/portal";import{ZIndexUtils as r,DomHandler as a,ConnectedOverlayScrollHandler as o,UniqueComponentId as p}from"primevue/utils";import{resolveComponent as d,openBlock as u,createElementBlock as h,mergeProps as c,createVNode as m,renderSlot as y,createBlock as f,resolveDynamicComponent as v,createCommentVNode as g,createElementVNode as b,toDisplayString as w,withCtx as k,Transition as x}from"vue";var S={name:"Password",extends:e,emits:["update:modelValue","change","focus","blur","invalid"],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,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},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},data:()=>({overlayVisible:!1,meter:null,infoText:null,focused:!1,unmasked:!1}),mediumCheckRegExp:null,strongCheckRegExp:null,resizeListener:null,scrollHandler:null,overlay:null,mounted(){this.infoText=this.promptText,this.mediumCheckRegExp=new RegExp(this.mediumRegex),this.strongCheckRegExp=new RegExp(this.strongRegex)},beforeUnmount(){this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.overlay&&(r.clear(this.overlay),this.overlay=null)},methods:{onOverlayEnter(e){r.set("overlay",e,this.$primevue.config.zIndex.overlay),this.alignOverlay(),this.bindScrollListener(),this.bindResizeListener()},onOverlayLeave(){this.unbindScrollListener(),this.unbindResizeListener(),this.overlay=null},onOverlayAfterLeave(e){r.clear(e)},alignOverlay(){"self"===this.appendTo?a.relativePosition(this.overlay,this.$refs.input.$el):(this.overlay.style.minWidth=a.getOuterWidth(this.$refs.input.$el)+"px",a.absolutePosition(this.overlay,this.$refs.input.$el))},testStrength(e){let t=0;return this.strongCheckRegExp.test(e)?t=3:this.mediumCheckRegExp.test(e)?t=2:e.length&&(t=1),t},onInput(e){this.$emit("update:modelValue",e.target.value)},onFocus(e){this.focused=!0,this.feedback&&(this.setPasswordMeter(this.modelValue),this.overlayVisible=!0),this.$emit("focus",e)},onBlur(e){this.focused=!1,this.feedback&&(this.overlayVisible=!1),this.$emit("blur",e)},onKeyUp(e){if(this.feedback){const t=e.target.value,{meter:l,label:i}=this.checkPasswordStrength(t);if(this.meter=l,this.infoText=i,"Escape"===e.code)return void(this.overlayVisible&&(this.overlayVisible=!1));this.overlayVisible||(this.overlayVisible=!0)}},setPasswordMeter(){if(!this.modelValue)return;const{meter:e,label:t}=this.checkPasswordStrength(this.modelValue);this.meter=e,this.infoText=t,this.overlayVisible||(this.overlayVisible=!0)},checkPasswordStrength(e){let t=null,l=null;switch(this.testStrength(e)){case 1:t=this.weakText,l={strength:"weak",width:"33.33%"};break;case 2:t=this.mediumText,l={strength:"medium",width:"66.66%"};break;case 3:t=this.strongText,l={strength:"strong",width:"100%"};break;default:t=this.promptText,l=null}return{label:t,meter:l}},onInvalid(e){this.$emit("invalid",e)},bindScrollListener(){this.scrollHandler||(this.scrollHandler=new o(this.$refs.input.$el,(()=>{this.overlayVisible&&(this.overlayVisible=!1)}))),this.scrollHandler.bindScrollListener()},unbindScrollListener(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()},bindResizeListener(){this.resizeListener||(this.resizeListener=()=>{this.overlayVisible&&!a.isTouchDevice()&&(this.overlayVisible=!1)},window.addEventListener("resize",this.resizeListener))},unbindResizeListener(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)},overlayRef(e){this.overlay=e},onMaskToggle(){this.unmasked=!this.unmasked},onOverlayClick(e){n.emit("overlay-click",{originalEvent:e,target:this.$el})}},computed:{containerClass(){return["p-password p-component p-inputwrapper",{"p-inputwrapper-filled":this.filled,"p-inputwrapper-focus":this.focused,"p-input-icon-right":this.toggleMask}]},inputFieldClass(){return["p-password-input",this.inputClass,{"p-disabled":this.disabled}]},panelStyleClass(){return["p-password-panel p-component",this.panelClass,{"p-input-filled":"filled"===this.$primevue.config.inputStyle,"p-ripple-disabled":!1===this.$primevue.config.ripple}]},strengthClass(){return`p-password-strength ${this.meter?this.meter.strength:""}`},inputType(){return this.unmasked?"text":"password"},filled(){return null!=this.modelValue&&this.modelValue.toString().length>0},weakText(){return this.weakLabel||this.$primevue.config.locale.weak},mediumText(){return this.mediumLabel||this.$primevue.config.locale.medium},strongText(){return this.strongLabel||this.$primevue.config.locale.strong},promptText(){return this.promptLabel||this.$primevue.config.locale.passwordPrompt},panelUniqueId:()=>p()+"_panel"},components:{PInputText:i,Portal:s,EyeSlashIcon:l,EyeIcon:t}};const L=["id"];!function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===l&&i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("\n.p-password {\n    position: relative;\n    display: inline-flex;\n}\n.p-password-panel {\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-password .p-password-panel {\n    min-width: 100%;\n}\n.p-password-meter {\n    height: 10px;\n}\n.p-password-strength {\n    height: 100%;\n    width: 0;\n    transition: width 1s ease-in-out;\n}\n.p-fluid .p-password {\n    display: flex;\n}\n.p-password-input::-ms-reveal,\n.p-password-input::-ms-clear {\n    display: none;\n}\n"),S.render=function(e,t,l,i,n,s){const r=d("PInputText"),a=d("Portal");return u(),h("div",c({class:s.containerClass},e.ptm("root")),[m(r,c({ref:"input",id:l.inputId,type:s.inputType,class:s.inputFieldClass,style:l.inputStyle,value:l.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,"aria-controls":l.panelProps&&l.panelProps.id||l.panelId||s.panelUniqueId,"aria-expanded":n.overlayVisible,"aria-haspopup":!0,placeholder:l.placeholder,required:l.required,onInput:s.onInput,onFocus:s.onFocus,onBlur:s.onBlur,onKeyup:s.onKeyUp,onInvalid:s.onInvalid},{...l.inputProps,...e.ptm("input")}),null,16,["id","type","class","style","value","aria-labelledby","aria-label","aria-controls","aria-expanded","placeholder","required","onInput","onFocus","onBlur","onKeyup","onInvalid"]),l.toggleMask&&n.unmasked?y(e.$slots,"hideicon",{key:0,onClick:s.onMaskToggle},(()=>[(u(),f(v(l.hideIcon?"i":"EyeSlashIcon"),c({class:l.hideIcon,onClick:s.onMaskToggle},e.ptm("hideIcon")),null,16,["class","onClick"]))])):g("",!0),l.toggleMask&&!n.unmasked?y(e.$slots,"showicon",{key:1,onClick:s.onMaskToggle},(()=>[(u(),f(v(l.showIcon?"i":"EyeIcon"),c({class:l.showIcon,onClick:s.onMaskToggle},e.ptm("showIcon")),null,16,["class","onClick"]))])):g("",!0),b("span",c({class:"p-hidden-accessible","aria-live":"polite"},e.ptm("hiddenAccesible")),w(n.infoText),17),m(a,{appendTo:l.appendTo},{default:k((()=>[m(x,{name:"p-connected-overlay",onEnter:s.onOverlayEnter,onLeave:s.onOverlayLeave,onAfterLeave:s.onOverlayAfterLeave},{default:k((()=>[n.overlayVisible?(u(),h("div",c({key:0,ref:s.overlayRef,id:l.panelId||s.panelUniqueId,class:s.panelStyleClass,style:l.panelStyle,onClick:t[0]||(t[0]=(...e)=>s.onOverlayClick&&s.onOverlayClick(...e))},{...l.panelProps,...e.ptm("panel")}),[y(e.$slots,"header"),y(e.$slots,"content",{},(()=>[b("div",c({class:"p-password-meter"},e.ptm("meter")),[b("div",c({class:s.strengthClass,style:{width:n.meter?n.meter.width:""}},e.ptm("meterLabel")),null,16)],16),b("div",c({class:"p-password-info"},e.ptm("info")),w(n.infoText),17)])),y(e.$slots,"footer")],16,L)):g("",!0)])),_:3},8,["onEnter","onLeave","onAfterLeave"])])),_:3},8,["appendTo"])],16)};export{S as default};