primeng/fesm2022/primeng-inputpassword.mjs

PrimeNG is a premium UI library for Angular featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock,

import * as i0 from '@angular/core';
import { Injectable, model, inject, Directive, NgModule } from '@angular/core';
import { BaseComponent, PARENT_INSTANCE } from 'primeng/basecomponent';
import * as i1 from 'primeng/inputtext';
import { InputText } from 'primeng/inputtext';
import { style } from '@primeuix/styles/password';
import { BaseStyle } from 'primeng/base';

const classes = {
    root: 'p-password p-component'
};
class InputPasswordStyle extends BaseStyle {
    name = 'password';
    style = style;
    classes = classes;
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: InputPasswordStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: InputPasswordStyle });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: InputPasswordStyle, decorators: [{
            type: Injectable
        }] });
/**
 *
 * InputPassword is an extension to standard input element with mask toggling.
 *
 * [Live Demo](https://www.primeng.org/inputpassword/)
 *
 * @module inputpasswordstyle
 *
 */
var InputPasswordClasses;
(function (InputPasswordClasses) {
    /**
     * The class of root element
     */
    InputPasswordClasses["root"] = "p-password";
})(InputPasswordClasses || (InputPasswordClasses = {}));

/**
 * InputPassword directive is an extension to standard input element with mask toggling.
 * @group Components
 */
class InputPassword extends BaseComponent {
    componentName = 'InputPassword';
    /**
     * Whether the password is masked.
     * @defaultValue true
     * @group Props
     */
    mask = model(true, /* @ts-ignore */
    ...(ngDevMode ? [{ debugName: "mask" }] : /* istanbul ignore next */ []));
    _componentStyle = inject(InputPasswordStyle);
    /**
     * Toggles the mask state between password and text.
     * @group Methods
     */
    toggleMask() {
        this.mask.set(!this.mask());
    }
    get inputType() {
        return this.mask() ? 'password' : 'text';
    }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: InputPassword, deps: null, target: i0.ɵɵFactoryTarget.Directive });
    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.6", type: InputPassword, isStandalone: true, selector: "[pInputPassword]", inputs: { mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mask: "maskChange" }, host: { properties: { "attr.type": "inputType", "class": "cx('root')" } }, providers: [InputPasswordStyle, { provide: PARENT_INSTANCE, useExisting: InputPassword }], usesInheritance: true, hostDirectives: [{ directive: i1.InputText, inputs: ["invalid", "invalid", "variant", "variant", "fluid", "fluid", "pSize", "pSize", "pInputTextPT", "pInputTextPT", "pInputTextUnstyled", "pInputTextUnstyled", "hostName", "hostName"] }], ngImport: i0 });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: InputPassword, decorators: [{
            type: Directive,
            args: [{
                    selector: '[pInputPassword]',
                    standalone: true,
                    host: {
                        '[attr.type]': 'inputType',
                        '[class]': "cx('root')"
                    },
                    providers: [InputPasswordStyle, { provide: PARENT_INSTANCE, useExisting: InputPassword }],
                    hostDirectives: [
                        {
                            directive: InputText,
                            inputs: ['invalid', 'variant', 'fluid', 'pSize', 'pInputTextPT', 'pInputTextUnstyled', 'hostName']
                        }
                    ]
                }]
        }], propDecorators: { mask: [{ type: i0.Input, args: [{ isSignal: true, alias: "mask", required: false }] }, { type: i0.Output, args: ["maskChange"] }] } });
class InputPasswordModule {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: InputPasswordModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.6", ngImport: i0, type: InputPasswordModule, imports: [InputPassword], exports: [InputPassword] });
    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: InputPasswordModule });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: InputPasswordModule, decorators: [{
            type: NgModule,
            args: [{
                    imports: [InputPassword],
                    exports: [InputPassword]
                }]
        }] });

/**
 * Generated bundle index. Do not edit.
 */

export { InputPassword, InputPasswordClasses, InputPasswordModule, InputPasswordStyle };
//# sourceMappingURL=primeng-inputpassword.mjs.map