primereact 10.6.2 → 10.6.4

package/password/password.cjs.js

@@ -8,12 +8,12 @@ var PrimeReact = require('primereact/api');
 var componentbase = require('primereact/componentbase');
 var csstransition = require('primereact/csstransition');
 var hooks = require('primereact/hooks');
+var utils = require('primereact/utils');
 var eye = require('primereact/icons/eye');
 var eyeslash = require('primereact/icons/eyeslash');
 var inputtext = require('primereact/inputtext');
 var overlayservice = require('primereact/overlayservice');
 var portal = require('primereact/portal');
-var utils = require('primereact/utils');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -35,6 +35,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
@@ -149,6 +150,90 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var classes$2 = {
+  root: function root(_ref) {
+    var props = _ref.props;
+    return utils.classNames('p-icon-field', {
+      'p-icon-field-right': props.iconPosition === 'right',
+      'p-icon-field-left': props.iconPosition === 'left'
+    });
+  }
+};
+var IconFieldBase = componentbase.ComponentBase.extend({
+  defaultProps: {
+    __TYPE: 'IconField',
+    __parentMetadata: null,
+    children: undefined,
+    className: null,
+    iconPosition: 'right'
+  },
+  css: {
+    classes: classes$2
+  }
+});
+
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var IconField = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__default["default"].forwardRef(function (inProps, ref) {
+  var elementRef = React.useRef(ref);
+  var mergeProps = hooks.useMergeProps();
+  var context = React.useContext(PrimeReact.PrimeReactContext);
+  var props = IconFieldBase.getProps(inProps, context);
+  var _IconFieldBase$setMet = IconFieldBase.setMetaData(_objectSpread$2(_objectSpread$2({
+      props: props
+    }, props.__parentMetadata), {}, {
+      context: {
+        iconPosition: props.iconPosition
+      }
+    })),
+    ptm = _IconFieldBase$setMet.ptm,
+    cx = _IconFieldBase$setMet.cx;
+  var rootProps = mergeProps({
+    className: utils.classNames(props.className, cx('root', {
+      iconPosition: props.iconPosition
+    }))
+  }, IconFieldBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends({}, rootProps, {
+    ref: elementRef
+  }), props.children);
+}));
+IconField.displayName = 'IconField';
+
+var classes$1 = {
+  root: 'p-input-icon'
+};
+var InputIconBase = componentbase.ComponentBase.extend({
+  defaultProps: {
+    __TYPE: 'InputIcon',
+    __parentMetadata: null,
+    className: null
+  },
+  css: {
+    classes: classes$1
+  }
+});
+
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var InputIcon = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__default["default"].forwardRef(function (inProps, ref) {
+  var elementRef = React.useRef(ref);
+  var mergeProps = hooks.useMergeProps();
+  var context = React.useContext(PrimeReact.PrimeReactContext);
+  var props = InputIconBase.getProps(inProps, context);
+  var _InputIconBase$setMet = InputIconBase.setMetaData(_objectSpread$1({
+      props: props
+    }, props.__parentMetadata)),
+    ptm = _InputIconBase$setMet.ptm,
+    cx = _InputIconBase$setMet.cx;
+  var rootProps = mergeProps({
+    className: utils.classNames(props.className, cx('root'))
+  }, InputIconBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", _extends({}, rootProps, {
+    ref: elementRef
+  }), props.children));
+}));
+InputIcon.displayName = 'InputIcon';
+
 var classes = {
   root: function root(_ref) {
     var props = _ref.props,
@@ -158,7 +243,7 @@ var classes = {
       'p-inputwrapper-filled': isFilled,
       'p-inputwrapper-focus': focusedState,
       'p-input-icon-right': props.toggleMask
-    }, props.className);
+    });
   },
   input: function input(_ref2) {
     var props = _ref2.props;
@@ -214,6 +299,7 @@ var PasswordBase = componentbase.ComponentBase.extend({
     inputStyle: null,
     inputClassName: null,
     invalid: false,
+    variant: null,
     panelStyle: null,
     panelClassName: null,
     transitionOptions: null,
@@ -502,6 +588,9 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
   };
   var createIcon = function createIcon() {
+    if (!props.toggleMask) {
+      return null;
+    }
     var icon;
     var hideIconProps = mergeProps({
       key: 'hideIcon',
@@ -531,20 +620,17 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var eyeIcon = utils.IconUtils.getJSXIcon(icon, unmaskedState ? _objectSpread({}, hideIconProps) : _objectSpread({}, showIconProps), {
       props: props
     });
-    if (props.toggleMask) {
-      var content = eyeIcon;
-      if (props.icon) {
-        var defaultIconOptions = {
-          onClick: toggleMask,
-          className: className,
-          element: content,
-          props: props
-        };
-        content = utils.ObjectUtils.getJSXElement(props.icon, defaultIconOptions);
-      }
-      return content;
+    var content = eyeIcon;
+    if (props.icon) {
+      var defaultIconOptions = {
+        onClick: toggleMask,
+        className: className,
+        element: content,
+        props: props
+      };
+      content = utils.ObjectUtils.getJSXElement(props.icon, defaultIconOptions);
     }
-    return null;
+    return content;
   };
   var createPanel = function createPanel() {
     var _ref2 = meterState || {
@@ -614,10 +700,10 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var rootProps = mergeProps({
     ref: elementRef,
     id: props.id,
-    className: cx('root', {
+    className: utils.classNames(props.className, cx('root', {
       isFilled: isFilled,
       focusedState: focusedState
-    }),
+    })),
     style: props.style
   }, ptm('root'));
   var inputTextProps = mergeProps(_objectSpread(_objectSpread({
@@ -630,6 +716,7 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     onInput: onInput,
     onKeyUp: onKeyup,
     invalid: props.invalid,
+    variant: props.variant,
     style: props.inputStyle,
     tabIndex: props.tabIndex,
     tooltip: props.tooltip,
@@ -640,7 +727,11 @@ var Password = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       parent: metaData
     }
   }), ptm('input'));
-  return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement(inputtext.InputText, inputTextProps), icon, panel);
+  var input = /*#__PURE__*/React__namespace.createElement(inputtext.InputText, inputTextProps);
+  if (icon) {
+    input = /*#__PURE__*/React__namespace.createElement(IconField, null, /*#__PURE__*/React__namespace.createElement(InputIcon, null, icon), input);
+  }
+  return /*#__PURE__*/React__namespace.createElement("div", rootProps, input, panel);
 }));
 Password.displayName = 'Password';
 

package/password/password.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),a=require("primereact/icons/eye"),l=require("primereact/icons/eyeslash"),i=require("primereact/inputtext"),s=require("primereact/overlayservice"),u=require("primereact/portal"),c=require("primereact/utils");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var f=d(e),m=p(t);function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},y.apply(this,arguments)}function b(e){return b="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},b(e)}function w(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=w(e,"string");return"symbol"===b(t)?t:String(t)}function h(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,i=[],s=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){u=!0,o=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function E(e,t){if(e){if("string"==typeof e)return O(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?O(e,t):void 0}}function S(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,t){return h(e)||v(e,t)||E(e,t)||S()}var I=n.ComponentBase.extend({defaultProps:{__TYPE:"Password",id:null,inputId:null,inputRef:null,promptLabel:null,weakLabel:null,mediumLabel:null,strongLabel:null,mediumRegex:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",strongRegex:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",feedback:!0,toggleMask:!1,appendTo:null,header:null,content:null,footer:null,showIcon:null,hideIcon:null,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,invalid:!1,panelStyle:null,panelClassName:null,transitionOptions:null,tabIndex:null,value:void 0,onInput:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return c.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState,"p-input-icon-right":t.toggleMask},t.className)},input:function(e){return c.classNames("p-password-input",e.props.inputClassName)},panel:function(e){var t=e.context;return c.classNames("p-password-panel p-component",e.props.panelClassName,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===m.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===m.default.ripple})},meter:"p-password-meter",meterLabel:function(e){return c.classNames("p-password-strength",e.strength)},info:function(e){return c.classNames("p-password-info",e.strength)},showIcon:"p-password-show-icon",hideIcon:"p-password-hide-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-password {\n        position: relative;\n        display: inline-flex;\n    }\n    \n    .p-password-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\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    .p-password .p-password-show-icon,\n    .p-password .p-password-hide-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n}\n"}});function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){var r,o,a;r=e,a=n[t],(o=g(o=t))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=f.memo(f.forwardRef((function(e,p){var d=o.useMergeProps(),b=f.useContext(t.PrimeReactContext),w=I.getProps(e,b),g=w.promptLabel||t.localeOption("passwordPrompt"),h=w.weakLabel||t.localeOption("weak"),v=w.mediumLabel||t.localeOption("medium"),O=w.strongLabel||t.localeOption("strong"),E=x(f.useState(!1),2),S=E[0],j=E[1],N=x(f.useState(null),2),P=N[0],R=N[1],C=x(f.useState(g),2),U=C[0],D=C[1],H=x(f.useState(!1),2),L=H[0],M=H[1],T=x(f.useState(!1),2),q=T[0],A=T[1],_=f.useRef(null),Z=f.useRef(null),K=f.useRef(w.inputRef),z=f.useRef(new RegExp(w.mediumRegex)),F=f.useRef(new RegExp(w.strongRegex)),J=q?"text":"password",X={props:w,state:{overlayVisible:S,meter:P,infoText:U,focused:L,unmasked:q}},B=I.setMetaData(X),V=B.ptm,G=B.cx;n.useHandleStyle(I.css.styles,B.isUnstyled,{name:"password"});var Y=o.useDisplayOrder("password",S);o.useGlobalOnEscapeKey({callback:function(){ie()},when:S&&w.feedback&&Y,priority:[o.ESC_KEY_HANDLING_PRIORITIES.PASSWORD,Y]});var W=x(o.useOverlayListener({target:_,overlay:Z,listener:function(e,t){t.valid&&ie()},when:S}),2),$=W[0],Q=W[1],ee=K.current&&K.current.value,te=f.useMemo((function(){return c.ObjectUtils.isNotEmpty(w.value)||c.ObjectUtils.isNotEmpty(w.defaultValue)||c.ObjectUtils.isNotEmpty(ee)}),[w.value,w.defaultValue,ee]),ne=function(){if(P){var e=null;switch(P.strength){case"weak":e=h;break;case"medium":e=v;break;case"strong":e=O}e&&U!==e&&D(e)}else U!==g&&D(g)},re=function(e){if(!w.feedback)return!1;var t=null,n=null;switch(fe(e)){case 1:t=h,n={strength:"weak",width:"33.33%"};break;case 2:t=v,n={strength:"medium",width:"66.66%"};break;case 3:t=O,n={strength:"strong",width:"100%"};break;default:t=g,n=null}return R(n),D(t),!0},oe=function(e){w.feedback&&s.OverlayService.emit("overlay-click",{originalEvent:e,target:_.current})},ae=function(){A((function(e){return!e}))},le=function(){ne(),j(!0)},ie=function(){j(!1)},se=function(){K.current&&c.DomHandler.alignOverlay(Z.current,K.current.parentElement,w.appendTo||b&&b.appendTo||m.default.appendTo)},ue=function(){c.ZIndexUtils.set("overlay",Z.current,b&&b.autoZIndex||m.default.autoZIndex,b&&b.zIndex.overlay||m.default.zIndex.overlay),c.DomHandler.addStyles(Z.current,{position:"absolute",top:"0",left:"0"}),se()},ce=function(){$(),w.onShow&&w.onShow()},pe=function(){Q()},de=function(){c.ZIndexUtils.clear(Z.current),w.onHide&&w.onHide()},fe=function(e){return e&&0!==e.length?F.current.test(e)?3:z.current.test(e)?2:e.length>0?1:0:0};f.useImperativeHandle(p,(function(){return{props:w,toggleMask:ae,focus:function(){return c.DomHandler.focus(K.current)},getElement:function(){return _.current},getOverlay:function(){return Z.current},getInput:function(){return K.current}}})),f.useEffect((function(){c.ObjectUtils.combinedRefs(K,w.inputRef)}),[K,w.inputRef]),f.useEffect((function(){z.current=new RegExp(w.mediumRegex)}),[w.mediumRegex]),f.useEffect((function(){F.current=new RegExp(w.strongRegex)}),[w.strongRegex]),f.useEffect((function(){!te&&c.DomHandler.hasClass(_.current,"p-inputwrapper-filled")&&c.DomHandler.removeClass(_.current,"p-inputwrapper-filled")}),[te]),o.useUpdateEffect((function(){re(w.value)}),[w.value]),o.useMountEffect((function(){se()})),o.useUnmountEffect((function(){c.ZIndexUtils.clear(Z.current)}));var me=function(e){"Enter"!==e.key&&"Space"!==e.code||(ae(),e.preventDefault())},ye=c.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":te,"p-inputwrapper-focus":L,"p-input-icon-right":w.toggleMask},w.className),be=I.getOtherProps(w),we=function(){var e=d({key:"hideIcon",role:"switch",tabIndex:w.tabIndex||"0",className:G("hideIcon"),onClick:ae,onKeyDown:me,"aria-label":t.ariaLabel("passwordHide")||"Hide Password","aria-checked":"false"},V("hideIcon")),n=d({key:"showIcon",role:"switch",tabIndex:w.tabIndex||"0",className:G("showIcon"),onClick:ae,onKeyDown:me,"aria-label":t.ariaLabel("passwordShow")||"Show Password","aria-checked":"true"},V("showIcon")),r=c.IconUtils.getJSXIcon(q?w.hideIcon||f.createElement(l.EyeSlashIcon,e):w.showIcon||f.createElement(a.EyeIcon,n),k({},q?e:n),{props:w});if(w.toggleMask){var o=r;if(w.icon)o=c.ObjectUtils.getJSXElement(w.icon,{onClick:ae,className:ye,element:o,props:w});return o}return null}(),ge=function(){var e=P||{strength:"",width:"0%"},t=e.strength,n=e.width,o=c.ObjectUtils.getJSXElement(w.header,w),a=c.ObjectUtils.getJSXElement(w.footer,w),l=d({className:G("panel",{context:b}),style:w.panelStyle,onClick:oe},V("panel")),i=d({className:G("meter")},V("meter")),s=d({className:G("meterLabel",{strength:t}),style:{width:n}},V("meterLabel")),p=d({className:G("info",{strength:t})},V("info")),m=w.content?c.ObjectUtils.getJSXElement(w.content,w):f.createElement(f.Fragment,null,f.createElement("div",i,f.createElement("div",s)),f.createElement("div",p,U)),g=d({classNames:G("transition"),in:S,timeout:{enter:120,exit:100},options:w.transitionOptions,unmountOnExit:!0,onEnter:ue,onEntered:ce,onExit:pe,onExited:de},V("transition")),h=f.createElement(r.CSSTransition,y({nodeRef:Z},g),f.createElement("div",y({ref:Z},l),o,m,a));return f.createElement(u.Portal,{element:h,appendTo:w.appendTo})}(),he=d({ref:_,id:w.id,className:G("root",{isFilled:te,focusedState:L}),style:w.style},V("root")),ve=d(k(k({ref:K,id:w.inputId},be),{},{className:c.classNames(w.inputClassName,G("input")),onBlur:function(e){M(!1),w.feedback&&ie(),w.onBlur&&w.onBlur(e)},onFocus:function(e){M(!0),w.feedback&&le(),w.onFocus&&w.onFocus(e)},onInput:function(e,t){w.onInput&&w.onInput(e,t),w.onChange||(c.ObjectUtils.isNotEmpty(e.target.value)?c.DomHandler.addClass(_.current,"p-inputwrapper-filled"):c.DomHandler.removeClass(_.current,"p-inputwrapper-filled"))},onKeyUp:function(e){var t=e.code;w.feedback&&t&&"Escape"!==t&&!S&&le(),w.onKeyUp&&w.onKeyUp(e)},invalid:w.invalid,style:w.inputStyle,tabIndex:w.tabIndex,tooltip:w.tooltip,tooltipOptions:w.tooltipOptions,type:J,value:w.value,__parentMetadata:{parent:X}}),V("input"));return f.createElement("div",he,f.createElement(i.InputText,ve),we,ge)})));N.displayName="Password",exports.Password=N;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),a=require("primereact/utils"),i=require("primereact/icons/eye"),l=require("primereact/icons/eyeslash"),s=require("primereact/inputtext"),u=require("primereact/overlayservice"),c=require("primereact/portal");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=p(e),m=f(e),b=p(t);function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},y.apply(this,arguments)}function g(e){return g="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},g(e)}function w(e,t){if("object"!==g(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==g(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=w(e,"string");return"symbol"===g(t)?t:String(t)}function v(e,t,n){return(t=h(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){if(Array.isArray(e))return e}function P(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,l=[],s=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){u=!0,o=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}return l}}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function j(e,t){if(e){if("string"==typeof e)return E(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?E(e,t):void 0}}function x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,t){return O(e)||P(e,t)||j(e,t)||x()}var I=n.ComponentBase.extend({defaultProps:{__TYPE:"IconField",__parentMetadata:null,children:void 0,className:null,iconPosition:"right"},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-icon-field",{"p-icon-field-right":"right"===t.iconPosition,"p-icon-field-left":"left"===t.iconPosition})}}}});function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=d.default.memo(d.default.forwardRef((function(n,r){var i=e.useRef(r),l=o.useMergeProps(),s=e.useContext(t.PrimeReactContext),u=I.getProps(n,s),c=I.setMetaData(k(k({props:u},u.__parentMetadata),{},{context:{iconPosition:u.iconPosition}})),p=c.ptm,f=l({className:a.classNames(u.className,(0,c.cx)("root",{iconPosition:u.iconPosition}))},I.getOtherProps(u),p("root"));return d.default.createElement("div",y({},f,{ref:i}),u.children)})));R.displayName="IconField";var D=n.ComponentBase.extend({defaultProps:{__TYPE:"InputIcon",__parentMetadata:null,className:null},css:{classes:{root:"p-input-icon"}}});function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=d.default.memo(d.default.forwardRef((function(n,r){var i=e.useRef(r),l=o.useMergeProps(),s=e.useContext(t.PrimeReactContext),u=D.getProps(n,s),c=D.setMetaData(_({props:u},u.__parentMetadata)),p=c.ptm,f=l({className:a.classNames(u.className,(0,c.cx)("root"))},D.getOtherProps(u),p("root"));return d.default.createElement(d.default.Fragment,null,d.default.createElement("span",y({},f,{ref:i}),u.children))})));M.displayName="InputIcon";var U=n.ComponentBase.extend({defaultProps:{__TYPE:"Password",id:null,inputId:null,inputRef:null,promptLabel:null,weakLabel:null,mediumLabel:null,strongLabel:null,mediumRegex:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",strongRegex:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",feedback:!0,toggleMask:!1,appendTo:null,header:null,content:null,footer:null,showIcon:null,hideIcon:null,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,invalid:!1,variant:null,panelStyle:null,panelClassName:null,transitionOptions:null,tabIndex:null,value:void 0,onInput:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){return a.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState,"p-input-icon-right":e.props.toggleMask})},input:function(e){return a.classNames("p-password-input",e.props.inputClassName)},panel:function(e){var t=e.context;return a.classNames("p-password-panel p-component",e.props.panelClassName,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===b.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===b.default.ripple})},meter:"p-password-meter",meterLabel:function(e){return a.classNames("p-password-strength",e.strength)},info:function(e){return a.classNames("p-password-info",e.strength)},showIcon:"p-password-show-icon",hideIcon:"p-password-hide-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-password {\n        position: relative;\n        display: inline-flex;\n    }\n    \n    .p-password-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\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    .p-password .p-password-show-icon,\n    .p-password .p-password-hide-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n}\n"}});function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=m.memo(m.forwardRef((function(e,p){var f=o.useMergeProps(),d=m.useContext(t.PrimeReactContext),g=U.getProps(e,d),w=g.promptLabel||t.localeOption("passwordPrompt"),h=g.weakLabel||t.localeOption("weak"),v=g.mediumLabel||t.localeOption("medium"),O=g.strongLabel||t.localeOption("strong"),P=S(m.useState(!1),2),E=P[0],j=P[1],x=S(m.useState(null),2),I=x[0],N=x[1],k=S(m.useState(w),2),D=k[0],C=k[1],_=S(m.useState(!1),2),H=_[0],T=_[1],q=S(m.useState(!1),2),A=q[0],F=q[1],Z=m.useRef(null),K=m.useRef(null),z=m.useRef(g.inputRef),B=m.useRef(new RegExp(g.mediumRegex)),J=m.useRef(new RegExp(g.strongRegex)),X=A?"text":"password",Y={props:g,state:{overlayVisible:E,meter:I,infoText:D,focused:H,unmasked:A}},V=U.setMetaData(Y),G=V.ptm,W=V.cx;n.useHandleStyle(U.css.styles,V.isUnstyled,{name:"password"});var $=o.useDisplayOrder("password",E);o.useGlobalOnEscapeKey({callback:function(){ue()},when:E&&g.feedback&&$,priority:[o.ESC_KEY_HANDLING_PRIORITIES.PASSWORD,$]});var Q=S(o.useOverlayListener({target:Z,overlay:K,listener:function(e,t){t.valid&&ue()},when:E}),2),ee=Q[0],te=Q[1],ne=z.current&&z.current.value,re=m.useMemo((function(){return a.ObjectUtils.isNotEmpty(g.value)||a.ObjectUtils.isNotEmpty(g.defaultValue)||a.ObjectUtils.isNotEmpty(ne)}),[g.value,g.defaultValue,ne]),oe=function(){if(I){var e=null;switch(I.strength){case"weak":e=h;break;case"medium":e=v;break;case"strong":e=O}e&&D!==e&&C(e)}else D!==w&&C(w)},ae=function(e){if(!g.feedback)return!1;var t=null,n=null;switch(be(e)){case 1:t=h,n={strength:"weak",width:"33.33%"};break;case 2:t=v,n={strength:"medium",width:"66.66%"};break;case 3:t=O,n={strength:"strong",width:"100%"};break;default:t=w,n=null}return N(n),C(t),!0},ie=function(e){g.feedback&&u.OverlayService.emit("overlay-click",{originalEvent:e,target:Z.current})},le=function(){F((function(e){return!e}))},se=function(){oe(),j(!0)},ue=function(){j(!1)},ce=function(){z.current&&a.DomHandler.alignOverlay(K.current,z.current.parentElement,g.appendTo||d&&d.appendTo||b.default.appendTo)},pe=function(){a.ZIndexUtils.set("overlay",K.current,d&&d.autoZIndex||b.default.autoZIndex,d&&d.zIndex.overlay||b.default.zIndex.overlay),a.DomHandler.addStyles(K.current,{position:"absolute",top:"0",left:"0"}),ce()},fe=function(){ee(),g.onShow&&g.onShow()},de=function(){te()},me=function(){a.ZIndexUtils.clear(K.current),g.onHide&&g.onHide()},be=function(e){return e&&0!==e.length?J.current.test(e)?3:B.current.test(e)?2:e.length>0?1:0:0};m.useImperativeHandle(p,(function(){return{props:g,toggleMask:le,focus:function(){return a.DomHandler.focus(z.current)},getElement:function(){return Z.current},getOverlay:function(){return K.current},getInput:function(){return z.current}}})),m.useEffect((function(){a.ObjectUtils.combinedRefs(z,g.inputRef)}),[z,g.inputRef]),m.useEffect((function(){B.current=new RegExp(g.mediumRegex)}),[g.mediumRegex]),m.useEffect((function(){J.current=new RegExp(g.strongRegex)}),[g.strongRegex]),m.useEffect((function(){!re&&a.DomHandler.hasClass(Z.current,"p-inputwrapper-filled")&&a.DomHandler.removeClass(Z.current,"p-inputwrapper-filled")}),[re]),o.useUpdateEffect((function(){ae(g.value)}),[g.value]),o.useMountEffect((function(){ce()})),o.useUnmountEffect((function(){a.ZIndexUtils.clear(K.current)}));var ye=function(e){"Enter"!==e.key&&"Space"!==e.code||(le(),e.preventDefault())},ge=a.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":re,"p-inputwrapper-focus":H,"p-input-icon-right":g.toggleMask},g.className),we=U.getOtherProps(g),he=function(){if(!g.toggleMask)return null;var e=f({key:"hideIcon",role:"switch",tabIndex:g.tabIndex||"0",className:W("hideIcon"),onClick:le,onKeyDown:ye,"aria-label":t.ariaLabel("passwordHide")||"Hide Password","aria-checked":"false"},G("hideIcon")),n=f({key:"showIcon",role:"switch",tabIndex:g.tabIndex||"0",className:W("showIcon"),onClick:le,onKeyDown:ye,"aria-label":t.ariaLabel("passwordShow")||"Show Password","aria-checked":"true"},G("showIcon")),r=a.IconUtils.getJSXIcon(A?g.hideIcon||m.createElement(l.EyeSlashIcon,e):g.showIcon||m.createElement(i.EyeIcon,n),L({},A?e:n),{props:g});g.icon&&(r=a.ObjectUtils.getJSXElement(g.icon,{onClick:le,className:ge,element:r,props:g}));return r}(),ve=function(){var e=I||{strength:"",width:"0%"},t=e.strength,n=e.width,o=a.ObjectUtils.getJSXElement(g.header,g),i=a.ObjectUtils.getJSXElement(g.footer,g),l=f({className:W("panel",{context:d}),style:g.panelStyle,onClick:ie},G("panel")),s=f({className:W("meter")},G("meter")),u=f({className:W("meterLabel",{strength:t}),style:{width:n}},G("meterLabel")),p=f({className:W("info",{strength:t})},G("info")),b=g.content?a.ObjectUtils.getJSXElement(g.content,g):m.createElement(m.Fragment,null,m.createElement("div",s,m.createElement("div",u)),m.createElement("div",p,D)),w=f({classNames:W("transition"),in:E,timeout:{enter:120,exit:100},options:g.transitionOptions,unmountOnExit:!0,onEnter:pe,onEntered:fe,onExit:de,onExited:me},G("transition")),h=m.createElement(r.CSSTransition,y({nodeRef:K},w),m.createElement("div",y({ref:K},l),o,b,i));return m.createElement(c.Portal,{element:h,appendTo:g.appendTo})}(),Oe=f({ref:Z,id:g.id,className:a.classNames(g.className,W("root",{isFilled:re,focusedState:H})),style:g.style},G("root")),Pe=f(L(L({ref:z,id:g.inputId},we),{},{className:a.classNames(g.inputClassName,W("input")),onBlur:function(e){T(!1),g.feedback&&ue(),g.onBlur&&g.onBlur(e)},onFocus:function(e){T(!0),g.feedback&&se(),g.onFocus&&g.onFocus(e)},onInput:function(e,t){g.onInput&&g.onInput(e,t),g.onChange||(a.ObjectUtils.isNotEmpty(e.target.value)?a.DomHandler.addClass(Z.current,"p-inputwrapper-filled"):a.DomHandler.removeClass(Z.current,"p-inputwrapper-filled"))},onKeyUp:function(e){var t=e.code;g.feedback&&t&&"Escape"!==t&&!E&&se(),g.onKeyUp&&g.onKeyUp(e)},invalid:g.invalid,variant:g.variant,style:g.inputStyle,tabIndex:g.tabIndex,tooltip:g.tooltip,tooltipOptions:g.tooltipOptions,type:X,value:g.value,__parentMetadata:{parent:Y}}),G("input")),Ee=m.createElement(s.InputText,Pe);return he&&(Ee=m.createElement(R,null,m.createElement(M,null,he),Ee)),m.createElement("div",Oe,Ee,ve)})));T.displayName="Password",exports.Password=T;

package/password/password.d.ts

@@ -50,11 +50,6 @@ export interface PasswordPassThroughOptions {
      * Uses to pass attributes to the show icon's DOM element.
      */
     showIcon?: PasswordPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
-    /**
-     * When present, it specifies that the component should have invalid state style.
-     * @defaultValue false
-     */
-    invalid?: boolean | undefined;
     /**
      * Uses to pass attributes to the panel's DOM element.
      */
@@ -168,6 +163,16 @@ export interface PasswordProps extends Omit<React.DetailedHTMLProps<React.InputH
      * Style class of the input field.
      */
     inputClassName?: string | undefined;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     */
+    invalid?: boolean | undefined;
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue outlined
+     */
+    variant?: 'outlined' | 'filled' | undefined;
     /**
      * Hide icon template.
      */

package/password/password.esm.js

@@ -1,15 +1,16 @@
 'use client';
 import * as React from 'react';
+import React__default, { useRef, useContext } from 'react';
 import PrimeReact, { PrimeReactContext, localeOption, ariaLabel } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
 import { useMergeProps, useDisplayOrder, useGlobalOnEscapeKey, ESC_KEY_HANDLING_PRIORITIES, useOverlayListener, useUpdateEffect, useMountEffect, useUnmountEffect } from 'primereact/hooks';
+import { classNames, ObjectUtils, DomHandler, ZIndexUtils, IconUtils } from 'primereact/utils';
 import { EyeIcon } from 'primereact/icons/eye';
 import { EyeSlashIcon } from 'primereact/icons/eyeslash';
 import { InputText } from 'primereact/inputtext';
 import { OverlayService } from 'primereact/overlayservice';
 import { Portal } from 'primereact/portal';
-import { classNames, ObjectUtils, DomHandler, ZIndexUtils, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -122,6 +123,90 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var classes$2 = {
+  root: function root(_ref) {
+    var props = _ref.props;
+    return classNames('p-icon-field', {
+      'p-icon-field-right': props.iconPosition === 'right',
+      'p-icon-field-left': props.iconPosition === 'left'
+    });
+  }
+};
+var IconFieldBase = ComponentBase.extend({
+  defaultProps: {
+    __TYPE: 'IconField',
+    __parentMetadata: null,
+    children: undefined,
+    className: null,
+    iconPosition: 'right'
+  },
+  css: {
+    classes: classes$2
+  }
+});
+
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var IconField = /*#__PURE__*/React__default.memo( /*#__PURE__*/React__default.forwardRef(function (inProps, ref) {
+  var elementRef = useRef(ref);
+  var mergeProps = useMergeProps();
+  var context = useContext(PrimeReactContext);
+  var props = IconFieldBase.getProps(inProps, context);
+  var _IconFieldBase$setMet = IconFieldBase.setMetaData(_objectSpread$2(_objectSpread$2({
+      props: props
+    }, props.__parentMetadata), {}, {
+      context: {
+        iconPosition: props.iconPosition
+      }
+    })),
+    ptm = _IconFieldBase$setMet.ptm,
+    cx = _IconFieldBase$setMet.cx;
+  var rootProps = mergeProps({
+    className: classNames(props.className, cx('root', {
+      iconPosition: props.iconPosition
+    }))
+  }, IconFieldBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__default.createElement("div", _extends({}, rootProps, {
+    ref: elementRef
+  }), props.children);
+}));
+IconField.displayName = 'IconField';
+
+var classes$1 = {
+  root: 'p-input-icon'
+};
+var InputIconBase = ComponentBase.extend({
+  defaultProps: {
+    __TYPE: 'InputIcon',
+    __parentMetadata: null,
+    className: null
+  },
+  css: {
+    classes: classes$1
+  }
+});
+
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var InputIcon = /*#__PURE__*/React__default.memo( /*#__PURE__*/React__default.forwardRef(function (inProps, ref) {
+  var elementRef = useRef(ref);
+  var mergeProps = useMergeProps();
+  var context = useContext(PrimeReactContext);
+  var props = InputIconBase.getProps(inProps, context);
+  var _InputIconBase$setMet = InputIconBase.setMetaData(_objectSpread$1({
+      props: props
+    }, props.__parentMetadata)),
+    ptm = _InputIconBase$setMet.ptm,
+    cx = _InputIconBase$setMet.cx;
+  var rootProps = mergeProps({
+    className: classNames(props.className, cx('root'))
+  }, InputIconBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", _extends({}, rootProps, {
+    ref: elementRef
+  }), props.children));
+}));
+InputIcon.displayName = 'InputIcon';
+
 var classes = {
   root: function root(_ref) {
     var props = _ref.props,
@@ -131,7 +216,7 @@ var classes = {
       'p-inputwrapper-filled': isFilled,
       'p-inputwrapper-focus': focusedState,
       'p-input-icon-right': props.toggleMask
-    }, props.className);
+    });
   },
   input: function input(_ref2) {
     var props = _ref2.props;
@@ -187,6 +272,7 @@ var PasswordBase = ComponentBase.extend({
     inputStyle: null,
     inputClassName: null,
     invalid: false,
+    variant: null,
     panelStyle: null,
     panelClassName: null,
     transitionOptions: null,
@@ -475,6 +561,9 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
   };
   var createIcon = function createIcon() {
+    if (!props.toggleMask) {
+      return null;
+    }
     var icon;
     var hideIconProps = mergeProps({
       key: 'hideIcon',
@@ -504,20 +593,17 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     var eyeIcon = IconUtils.getJSXIcon(icon, unmaskedState ? _objectSpread({}, hideIconProps) : _objectSpread({}, showIconProps), {
       props: props
     });
-    if (props.toggleMask) {
-      var content = eyeIcon;
-      if (props.icon) {
-        var defaultIconOptions = {
-          onClick: toggleMask,
-          className: className,
-          element: content,
-          props: props
-        };
-        content = ObjectUtils.getJSXElement(props.icon, defaultIconOptions);
-      }
-      return content;
+    var content = eyeIcon;
+    if (props.icon) {
+      var defaultIconOptions = {
+        onClick: toggleMask,
+        className: className,
+        element: content,
+        props: props
+      };
+      content = ObjectUtils.getJSXElement(props.icon, defaultIconOptions);
     }
-    return null;
+    return content;
   };
   var createPanel = function createPanel() {
     var _ref2 = meterState || {
@@ -587,10 +673,10 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var rootProps = mergeProps({
     ref: elementRef,
     id: props.id,
-    className: cx('root', {
+    className: classNames(props.className, cx('root', {
       isFilled: isFilled,
       focusedState: focusedState
-    }),
+    })),
     style: props.style
   }, ptm('root'));
   var inputTextProps = mergeProps(_objectSpread(_objectSpread({
@@ -603,6 +689,7 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     onInput: onInput,
     onKeyUp: onKeyup,
     invalid: props.invalid,
+    variant: props.variant,
     style: props.inputStyle,
     tabIndex: props.tabIndex,
     tooltip: props.tooltip,
@@ -613,7 +700,11 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       parent: metaData
     }
   }), ptm('input'));
-  return /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement(InputText, inputTextProps), icon, panel);
+  var input = /*#__PURE__*/React.createElement(InputText, inputTextProps);
+  if (icon) {
+    input = /*#__PURE__*/React.createElement(IconField, null, /*#__PURE__*/React.createElement(InputIcon, null, icon), input);
+  }
+  return /*#__PURE__*/React.createElement("div", rootProps, input, panel);
 }));
 Password.displayName = 'Password';
 

package/password/password.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{PrimeReactContext as n,localeOption as r,ariaLabel as o}from"primereact/api";import{ComponentBase as a,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as l}from"primereact/csstransition";import{useMergeProps as s,useDisplayOrder as u,useGlobalOnEscapeKey as p,ESC_KEY_HANDLING_PRIORITIES as c,useOverlayListener as f,useUpdateEffect as d,useMountEffect as m,useUnmountEffect as w}from"primereact/hooks";import{EyeIcon as y}from"primereact/icons/eye";import{EyeSlashIcon as g}from"primereact/icons/eyeslash";import{InputText as h}from"primereact/inputtext";import{OverlayService as b}from"primereact/overlayservice";import{Portal as v}from"primereact/portal";import{classNames as E,ObjectUtils as S,DomHandler as x,ZIndexUtils as k,IconUtils as O}from"primereact/utils";function I(){return I=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},I.apply(this,arguments)}function R(e){return R="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},R(e)}function N(e,t){if("object"!==R(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==R(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function j(e){var t=N(e,"string");return"symbol"===R(t)?t:String(t)}function P(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,l=[],s=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){u=!0,o=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}return l}}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function A(e,t){if(e){if("string"==typeof e)return L(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(e,t):void 0}}function T(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function D(e,t){return P(e)||C(e,t)||A(e,t)||T()}var M=a.extend({defaultProps:{__TYPE:"Password",id:null,inputId:null,inputRef:null,promptLabel:null,weakLabel:null,mediumLabel:null,strongLabel:null,mediumRegex:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",strongRegex:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",feedback:!0,toggleMask:!1,appendTo:null,header:null,content:null,footer:null,showIcon:null,hideIcon:null,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,invalid:!1,panelStyle:null,panelClassName:null,transitionOptions:null,tabIndex:null,value:void 0,onInput:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return E("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState,"p-input-icon-right":t.toggleMask},t.className)},input:function(e){return E("p-password-input",e.props.inputClassName)},panel:function(e){var n=e.context;return E("p-password-panel p-component",e.props.panelClassName,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===t.ripple})},meter:"p-password-meter",meterLabel:function(e){return E("p-password-strength",e.strength)},info:function(e){return E("p-password-info",e.strength)},showIcon:"p-password-show-icon",hideIcon:"p-password-hide-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-password {\n        position: relative;\n        display: inline-flex;\n    }\n    \n    .p-password-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\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    .p-password .p-password-show-icon,\n    .p-password .p-password-hide-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n}\n"}});function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){var r,o,a;r=e,a=n[t],(o=j(o=t))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var z=e.memo(e.forwardRef((function(a,R){var N=s(),j=e.useContext(n),P=M.getProps(a,j),C=P.promptLabel||r("passwordPrompt"),L=P.weakLabel||r("weak"),A=P.mediumLabel||r("medium"),T=P.strongLabel||r("strong"),F=D(e.useState(!1),2),z=F[0],J=F[1],K=D(e.useState(null),2),U=K[0],X=K[1],Z=D(e.useState(C),2),_=Z[0],B=Z[1],V=D(e.useState(!1),2),W=V[0],Y=V[1],$=D(e.useState(!1),2),q=$[0],G=$[1],Q=e.useRef(null),ee=e.useRef(null),te=e.useRef(P.inputRef),ne=e.useRef(new RegExp(P.mediumRegex)),re=e.useRef(new RegExp(P.strongRegex)),oe=q?"text":"password",ae={props:P,state:{overlayVisible:z,meter:U,infoText:_,focused:W,unmasked:q}},ie=M.setMetaData(ae),le=ie.ptm,se=ie.cx;i(M.css.styles,ie.isUnstyled,{name:"password"});var ue=u("password",z);p({callback:function(){ve()},when:z&&P.feedback&&ue,priority:[c.PASSWORD,ue]});var pe=D(f({target:Q,overlay:ee,listener:function(e,t){t.valid&&ve()},when:z}),2),ce=pe[0],fe=pe[1],de=te.current&&te.current.value,me=e.useMemo((function(){return S.isNotEmpty(P.value)||S.isNotEmpty(P.defaultValue)||S.isNotEmpty(de)}),[P.value,P.defaultValue,de]),we=function(){if(U){var e=null;switch(U.strength){case"weak":e=L;break;case"medium":e=A;break;case"strong":e=T}e&&_!==e&&B(e)}else _!==C&&B(C)},ye=function(e){if(!P.feedback)return!1;var t=null,n=null;switch(Ie(e)){case 1:t=L,n={strength:"weak",width:"33.33%"};break;case 2:t=A,n={strength:"medium",width:"66.66%"};break;case 3:t=T,n={strength:"strong",width:"100%"};break;default:t=C,n=null}return X(n),B(t),!0},ge=function(e){P.feedback&&b.emit("overlay-click",{originalEvent:e,target:Q.current})},he=function(){G((function(e){return!e}))},be=function(){we(),J(!0)},ve=function(){J(!1)},Ee=function(){te.current&&x.alignOverlay(ee.current,te.current.parentElement,P.appendTo||j&&j.appendTo||t.appendTo)},Se=function(){k.set("overlay",ee.current,j&&j.autoZIndex||t.autoZIndex,j&&j.zIndex.overlay||t.zIndex.overlay),x.addStyles(ee.current,{position:"absolute",top:"0",left:"0"}),Ee()},xe=function(){ce(),P.onShow&&P.onShow()},ke=function(){fe()},Oe=function(){k.clear(ee.current),P.onHide&&P.onHide()},Ie=function(e){return e&&0!==e.length?re.current.test(e)?3:ne.current.test(e)?2:e.length>0?1:0:0};e.useImperativeHandle(R,(function(){return{props:P,toggleMask:he,focus:function(){return x.focus(te.current)},getElement:function(){return Q.current},getOverlay:function(){return ee.current},getInput:function(){return te.current}}})),e.useEffect((function(){S.combinedRefs(te,P.inputRef)}),[te,P.inputRef]),e.useEffect((function(){ne.current=new RegExp(P.mediumRegex)}),[P.mediumRegex]),e.useEffect((function(){re.current=new RegExp(P.strongRegex)}),[P.strongRegex]),e.useEffect((function(){!me&&x.hasClass(Q.current,"p-inputwrapper-filled")&&x.removeClass(Q.current,"p-inputwrapper-filled")}),[me]),d((function(){ye(P.value)}),[P.value]),m((function(){Ee()})),w((function(){k.clear(ee.current)}));var Re=function(e){"Enter"!==e.key&&"Space"!==e.code||(he(),e.preventDefault())},Ne=E("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":me,"p-inputwrapper-focus":W,"p-input-icon-right":P.toggleMask},P.className),je=M.getOtherProps(P),Pe=function(){var t=N({key:"hideIcon",role:"switch",tabIndex:P.tabIndex||"0",className:se("hideIcon"),onClick:he,onKeyDown:Re,"aria-label":o("passwordHide")||"Hide Password","aria-checked":"false"},le("hideIcon")),n=N({key:"showIcon",role:"switch",tabIndex:P.tabIndex||"0",className:se("showIcon"),onClick:he,onKeyDown:Re,"aria-label":o("passwordShow")||"Show Password","aria-checked":"true"},le("showIcon")),r=O.getJSXIcon(q?P.hideIcon||e.createElement(g,t):P.showIcon||e.createElement(y,n),H({},q?t:n),{props:P});if(P.toggleMask){var a=r;if(P.icon)a=S.getJSXElement(P.icon,{onClick:he,className:Ne,element:a,props:P});return a}return null}(),Ce=function(){var t=U||{strength:"",width:"0%"},n=t.strength,r=t.width,o=S.getJSXElement(P.header,P),a=S.getJSXElement(P.footer,P),i=N({className:se("panel",{context:j}),style:P.panelStyle,onClick:ge},le("panel")),s=N({className:se("meter")},le("meter")),u=N({className:se("meterLabel",{strength:n}),style:{width:r}},le("meterLabel")),p=N({className:se("info",{strength:n})},le("info")),c=P.content?S.getJSXElement(P.content,P):e.createElement(e.Fragment,null,e.createElement("div",s,e.createElement("div",u)),e.createElement("div",p,_)),f=N({classNames:se("transition"),in:z,timeout:{enter:120,exit:100},options:P.transitionOptions,unmountOnExit:!0,onEnter:Se,onEntered:xe,onExit:ke,onExited:Oe},le("transition")),d=e.createElement(l,I({nodeRef:ee},f),e.createElement("div",I({ref:ee},i),o,c,a));return e.createElement(v,{element:d,appendTo:P.appendTo})}(),Le=N({ref:Q,id:P.id,className:se("root",{isFilled:me,focusedState:W}),style:P.style},le("root")),Ae=N(H(H({ref:te,id:P.inputId},je),{},{className:E(P.inputClassName,se("input")),onBlur:function(e){Y(!1),P.feedback&&ve(),P.onBlur&&P.onBlur(e)},onFocus:function(e){Y(!0),P.feedback&&be(),P.onFocus&&P.onFocus(e)},onInput:function(e,t){P.onInput&&P.onInput(e,t),P.onChange||(S.isNotEmpty(e.target.value)?x.addClass(Q.current,"p-inputwrapper-filled"):x.removeClass(Q.current,"p-inputwrapper-filled"))},onKeyUp:function(e){var t=e.code;P.feedback&&t&&"Escape"!==t&&!z&&be(),P.onKeyUp&&P.onKeyUp(e)},invalid:P.invalid,style:P.inputStyle,tabIndex:P.tabIndex,tooltip:P.tooltip,tooltipOptions:P.tooltipOptions,type:oe,value:P.value,__parentMetadata:{parent:ae}}),le("input"));return e.createElement("div",Le,e.createElement(h,Ae),Pe,Ce)})));z.displayName="Password";export{z as Password};
+import*as e from"react";import t,{useRef as n,useContext as r}from"react";import o,{PrimeReactContext as a,localeOption as i,ariaLabel as l}from"primereact/api";import{ComponentBase as s,useHandleStyle as p}from"primereact/componentbase";import{CSSTransition as c}from"primereact/csstransition";import{useMergeProps as u,useDisplayOrder as f,useGlobalOnEscapeKey as d,ESC_KEY_HANDLING_PRIORITIES as m,useOverlayListener as y,useUpdateEffect as b,useMountEffect as g,useUnmountEffect as w}from"primereact/hooks";import{classNames as h,ObjectUtils as v,DomHandler as O,ZIndexUtils as E,IconUtils as P}from"primereact/utils";import{EyeIcon as S}from"primereact/icons/eye";import{EyeSlashIcon as x}from"primereact/icons/eyeslash";import{InputText as j}from"primereact/inputtext";import{OverlayService as I}from"primereact/overlayservice";import{Portal as k}from"primereact/portal";function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},N.apply(this,arguments)}function R(e){return R="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},R(e)}function D(e,t){if("object"!==R(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==R(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function C(e){var t=D(e,"string");return"symbol"===R(t)?t:String(t)}function _(e,t,n){return(t=C(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function M(e){if(Array.isArray(e))return e}function T(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,l=[],s=!0,p=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){p=!0,o=e}finally{try{if(!s&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(p)throw o}}return l}}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function A(e,t){if(e){if("string"==typeof e)return L(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(e,t):void 0}}function F(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function H(e,t){return M(e)||T(e,t)||A(e,t)||F()}var z=s.extend({defaultProps:{__TYPE:"IconField",__parentMetadata:null,children:void 0,className:null,iconPosition:"right"},css:{classes:{root:function(e){var t=e.props;return h("p-icon-field",{"p-icon-field-right":"right"===t.iconPosition,"p-icon-field-left":"left"===t.iconPosition})}}}});function J(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function K(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?J(Object(n),!0).forEach((function(t){_(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):J(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var U=t.memo(t.forwardRef((function(e,o){var i=n(o),l=u(),s=r(a),p=z.getProps(e,s),c=z.setMetaData(K(K({props:p},p.__parentMetadata),{},{context:{iconPosition:p.iconPosition}})),f=c.ptm,d=l({className:h(p.className,(0,c.cx)("root",{iconPosition:p.iconPosition}))},z.getOtherProps(p),f("root"));return t.createElement("div",N({},d,{ref:i}),p.children)})));U.displayName="IconField";var X=s.extend({defaultProps:{__TYPE:"InputIcon",__parentMetadata:null,className:null},css:{classes:{root:"p-input-icon"}}});function Z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Z(Object(n),!0).forEach((function(t){_(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var V=t.memo(t.forwardRef((function(e,o){var i=n(o),l=u(),s=r(a),p=X.getProps(e,s),c=X.setMetaData(B({props:p},p.__parentMetadata)),f=c.ptm,d=l({className:h(p.className,(0,c.cx)("root"))},X.getOtherProps(p),f("root"));return t.createElement(t.Fragment,null,t.createElement("span",N({},d,{ref:i}),p.children))})));V.displayName="InputIcon";var Y=s.extend({defaultProps:{__TYPE:"Password",id:null,inputId:null,inputRef:null,promptLabel:null,weakLabel:null,mediumLabel:null,strongLabel:null,mediumRegex:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",strongRegex:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",feedback:!0,toggleMask:!1,appendTo:null,header:null,content:null,footer:null,showIcon:null,hideIcon:null,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,invalid:!1,variant:null,panelStyle:null,panelClassName:null,transitionOptions:null,tabIndex:null,value:void 0,onInput:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){return h("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState,"p-input-icon-right":e.props.toggleMask})},input:function(e){return h("p-password-input",e.props.inputClassName)},panel:function(e){var t=e.context;return h("p-password-panel p-component",e.props.panelClassName,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===o.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===o.ripple})},meter:"p-password-meter",meterLabel:function(e){return h("p-password-strength",e.strength)},info:function(e){return h("p-password-info",e.strength)},showIcon:"p-password-show-icon",hideIcon:"p-password-hide-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-password {\n        position: relative;\n        display: inline-flex;\n    }\n    \n    .p-password-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\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    .p-password .p-password-show-icon,\n    .p-password .p-password-hide-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n}\n"}});function W(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function $(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?W(Object(n),!0).forEach((function(t){_(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):W(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var q=e.memo(e.forwardRef((function(t,n){var r=u(),s=e.useContext(a),R=Y.getProps(t,s),D=R.promptLabel||i("passwordPrompt"),C=R.weakLabel||i("weak"),_=R.mediumLabel||i("medium"),M=R.strongLabel||i("strong"),T=H(e.useState(!1),2),L=T[0],A=T[1],F=H(e.useState(null),2),z=F[0],J=F[1],K=H(e.useState(D),2),X=K[0],Z=K[1],B=H(e.useState(!1),2),W=B[0],q=B[1],G=H(e.useState(!1),2),Q=G[0],ee=G[1],te=e.useRef(null),ne=e.useRef(null),re=e.useRef(R.inputRef),oe=e.useRef(new RegExp(R.mediumRegex)),ae=e.useRef(new RegExp(R.strongRegex)),ie=Q?"text":"password",le={props:R,state:{overlayVisible:L,meter:z,infoText:X,focused:W,unmasked:Q}},se=Y.setMetaData(le),pe=se.ptm,ce=se.cx;p(Y.css.styles,se.isUnstyled,{name:"password"});var ue=f("password",L);d({callback:function(){Ee()},when:L&&R.feedback&&ue,priority:[m.PASSWORD,ue]});var fe=H(y({target:te,overlay:ne,listener:function(e,t){t.valid&&Ee()},when:L}),2),de=fe[0],me=fe[1],ye=re.current&&re.current.value,be=e.useMemo((function(){return v.isNotEmpty(R.value)||v.isNotEmpty(R.defaultValue)||v.isNotEmpty(ye)}),[R.value,R.defaultValue,ye]),ge=function(){if(z){var e=null;switch(z.strength){case"weak":e=C;break;case"medium":e=_;break;case"strong":e=M}e&&X!==e&&Z(e)}else X!==D&&Z(D)},we=function(e){if(!R.feedback)return!1;var t=null,n=null;switch(ke(e)){case 1:t=C,n={strength:"weak",width:"33.33%"};break;case 2:t=_,n={strength:"medium",width:"66.66%"};break;case 3:t=M,n={strength:"strong",width:"100%"};break;default:t=D,n=null}return J(n),Z(t),!0},he=function(e){R.feedback&&I.emit("overlay-click",{originalEvent:e,target:te.current})},ve=function(){ee((function(e){return!e}))},Oe=function(){ge(),A(!0)},Ee=function(){A(!1)},Pe=function(){re.current&&O.alignOverlay(ne.current,re.current.parentElement,R.appendTo||s&&s.appendTo||o.appendTo)},Se=function(){E.set("overlay",ne.current,s&&s.autoZIndex||o.autoZIndex,s&&s.zIndex.overlay||o.zIndex.overlay),O.addStyles(ne.current,{position:"absolute",top:"0",left:"0"}),Pe()},xe=function(){de(),R.onShow&&R.onShow()},je=function(){me()},Ie=function(){E.clear(ne.current),R.onHide&&R.onHide()},ke=function(e){return e&&0!==e.length?ae.current.test(e)?3:oe.current.test(e)?2:e.length>0?1:0:0};e.useImperativeHandle(n,(function(){return{props:R,toggleMask:ve,focus:function(){return O.focus(re.current)},getElement:function(){return te.current},getOverlay:function(){return ne.current},getInput:function(){return re.current}}})),e.useEffect((function(){v.combinedRefs(re,R.inputRef)}),[re,R.inputRef]),e.useEffect((function(){oe.current=new RegExp(R.mediumRegex)}),[R.mediumRegex]),e.useEffect((function(){ae.current=new RegExp(R.strongRegex)}),[R.strongRegex]),e.useEffect((function(){!be&&O.hasClass(te.current,"p-inputwrapper-filled")&&O.removeClass(te.current,"p-inputwrapper-filled")}),[be]),b((function(){we(R.value)}),[R.value]),g((function(){Pe()})),w((function(){E.clear(ne.current)}));var Ne=function(e){"Enter"!==e.key&&"Space"!==e.code||(ve(),e.preventDefault())},Re=h("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":be,"p-inputwrapper-focus":W,"p-input-icon-right":R.toggleMask},R.className),De=Y.getOtherProps(R),Ce=function(){if(!R.toggleMask)return null;var t=r({key:"hideIcon",role:"switch",tabIndex:R.tabIndex||"0",className:ce("hideIcon"),onClick:ve,onKeyDown:Ne,"aria-label":l("passwordHide")||"Hide Password","aria-checked":"false"},pe("hideIcon")),n=r({key:"showIcon",role:"switch",tabIndex:R.tabIndex||"0",className:ce("showIcon"),onClick:ve,onKeyDown:Ne,"aria-label":l("passwordShow")||"Show Password","aria-checked":"true"},pe("showIcon")),o=P.getJSXIcon(Q?R.hideIcon||e.createElement(x,t):R.showIcon||e.createElement(S,n),$({},Q?t:n),{props:R});R.icon&&(o=v.getJSXElement(R.icon,{onClick:ve,className:Re,element:o,props:R}));return o}(),_e=function(){var t=z||{strength:"",width:"0%"},n=t.strength,o=t.width,a=v.getJSXElement(R.header,R),i=v.getJSXElement(R.footer,R),l=r({className:ce("panel",{context:s}),style:R.panelStyle,onClick:he},pe("panel")),p=r({className:ce("meter")},pe("meter")),u=r({className:ce("meterLabel",{strength:n}),style:{width:o}},pe("meterLabel")),f=r({className:ce("info",{strength:n})},pe("info")),d=R.content?v.getJSXElement(R.content,R):e.createElement(e.Fragment,null,e.createElement("div",p,e.createElement("div",u)),e.createElement("div",f,X)),m=r({classNames:ce("transition"),in:L,timeout:{enter:120,exit:100},options:R.transitionOptions,unmountOnExit:!0,onEnter:Se,onEntered:xe,onExit:je,onExited:Ie},pe("transition")),y=e.createElement(c,N({nodeRef:ne},m),e.createElement("div",N({ref:ne},l),a,d,i));return e.createElement(k,{element:y,appendTo:R.appendTo})}(),Me=r({ref:te,id:R.id,className:h(R.className,ce("root",{isFilled:be,focusedState:W})),style:R.style},pe("root")),Te=r($($({ref:re,id:R.inputId},De),{},{className:h(R.inputClassName,ce("input")),onBlur:function(e){q(!1),R.feedback&&Ee(),R.onBlur&&R.onBlur(e)},onFocus:function(e){q(!0),R.feedback&&Oe(),R.onFocus&&R.onFocus(e)},onInput:function(e,t){R.onInput&&R.onInput(e,t),R.onChange||(v.isNotEmpty(e.target.value)?O.addClass(te.current,"p-inputwrapper-filled"):O.removeClass(te.current,"p-inputwrapper-filled"))},onKeyUp:function(e){var t=e.code;R.feedback&&t&&"Escape"!==t&&!L&&Oe(),R.onKeyUp&&R.onKeyUp(e)},invalid:R.invalid,variant:R.variant,style:R.inputStyle,tabIndex:R.tabIndex,tooltip:R.tooltip,tooltipOptions:R.tooltipOptions,type:ie,value:R.value,__parentMetadata:{parent:le}}),pe("input")),Le=e.createElement(j,Te);return Ce&&(Le=e.createElement(U,null,e.createElement(V,null,Ce),Le)),e.createElement("div",Me,Le,_e)})));q.displayName="Password";export{q as Password};