primevue
Version:
PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc
2 lines (1 loc) • 1.31 kB
JavaScript
import n from"primevue/base/style";var p=n.extend({name:"password",css:"\n@layer primevue {\n .p-password {\n display: inline-flex;\n }\n\n .p-password .p-password-panel {\n min-width: 100%;\n }\n\n .p-password-meter {\n height: 10px;\n }\n\n .p-password-strength {\n height: 100%;\n width: 0;\n transition: width 1s ease-in-out;\n }\n\n .p-fluid .p-password {\n display: flex;\n }\n\n .p-password-input::-ms-reveal,\n .p-password-input::-ms-clear {\n display: none;\n }\n}\n",classes:{root:function(n){var p=n.instance;return["p-password p-component p-inputwrapper",{"p-inputwrapper-filled":p.filled,"p-inputwrapper-focus":p.focused,"p-input-icon-right":n.props.toggleMask}]},input:function(n){return["p-password-input",{"p-disabled":n.props.disabled}]},panel:function(n){var p=n.instance;return["p-password-panel p-component",{"p-input-filled":"filled"===p.$primevue.config.inputStyle,"p-ripple-disabled":!1===p.$primevue.config.ripple}]},meter:"p-password-meter",meterLabel:function(n){var p=n.instance;return"p-password-strength ".concat(p.meter?p.meter.strength:"")},info:"p-password-info"},inlineStyles:{root:function(n){return{position:"self"===n.props.appendTo?"relative":void 0}}}});export{p as default};