primenglab 22.0.0-beta.1

package/fesm2022/primenglab-inputotp.mjs

@@ -0,0 +1,445 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, forwardRef, inject, input, booleanAttribute, output, contentChild, signal, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { SharedModule } from 'primenglab/api';
+import { AutoFocus } from 'primenglab/autofocus';
+import { BaseEditableHolder } from 'primenglab/baseeditableholder';
+import { PARENT_INSTANCE } from 'primenglab/basecomponent';
+import * as i1 from 'primenglab/bind';
+import { Bind, BindModule } from 'primenglab/bind';
+import { InputText } from 'primenglab/inputtext';
+import { style } from '@primeuix/styles/inputotp';
+import { BaseStyle } from 'primenglab/base';
+
+const classes = {
+    root: 'p-inputotp p-component',
+    pcInputText: 'p-inputotp-input'
+};
+class InputOtpStyle extends BaseStyle {
+    name = 'inputotp';
+    style = style;
+    classes = classes;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: InputOtpStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: InputOtpStyle });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: InputOtpStyle, decorators: [{
+            type: Injectable
+        }] });
+/**
+ *
+ * InputOtp is used to enter one time passwords.
+ *
+ * [Live Demo](https://www.primeng.org/inputotp/)
+ *
+ * @module inputotpstyle
+ *
+ */
+var InputOtpClasses;
+(function (InputOtpClasses) {
+    /**
+     * Class name of the root element
+     */
+    InputOtpClasses["root"] = "p-inputotp";
+    /**
+     * Class name of the input element
+     */
+    InputOtpClasses["pcInputText"] = "p-inputotp-input";
+})(InputOtpClasses || (InputOtpClasses = {}));
+
+const INPUTOTP_INSTANCE = new InjectionToken('INPUTOTP_INSTANCE');
+const INPUT_OTP_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => InputOtp),
+    multi: true
+};
+/**
+ * Input Otp is used to enter one time passwords.
+ * @group Components
+ */
+class InputOtp extends BaseEditableHolder {
+    componentName = 'InputOtp';
+    _componentStyle = inject(InputOtpStyle);
+    $pcInputOtp = inject(INPUTOTP_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
+    bindDirectiveInstance = inject(Bind, { self: true });
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
+    }
+    /**
+     * When present, it specifies that an input field is read-only.
+     * @group Props
+     */
+    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    tabindex = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tabindex" }] : /* istanbul ignore next */ []));
+    /**
+     * Number of characters to initiate.
+     * @group Props
+     */
+    length = input(4, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "length" }] : /* istanbul ignore next */ []));
+    /**
+     * Style class of the input element.
+     * @group Props
+     */
+    styleClass = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "styleClass" }] : /* istanbul ignore next */ []));
+    /**
+     * Mask pattern.
+     * @group Props
+     */
+    mask = input(false, { ...(ngDevMode ? { debugName: "mask" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * When present, it specifies that an input field is integer-only.
+     * @group Props
+     */
+    integerOnly = input(false, { ...(ngDevMode ? { debugName: "integerOnly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @group Props
+     */
+    autofocus = input(false, { ...(ngDevMode ? { debugName: "autofocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    variant = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
+    /**
+     * Specifies the size of the component.
+     * @defaultValue undefined
+     * @group Props
+     */
+    size = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "size" }] : /* istanbul ignore next */ []));
+    /**
+     * Callback to invoke on value change.
+     * @group Emits
+     */
+    onChange = output();
+    /**
+     * Callback to invoke when the component receives focus.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onFocus = output();
+    /**
+     * Callback to invoke when the component loses focus.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onBlur = output();
+    /**
+     * Custom input template.
+     * @param {InputOtpInputTemplateContext} context - Context of the template
+     * @see {@link InputOtpInputTemplateContext}
+     * @group Templates
+     */
+    inputTemplate = contentChild('input', { ...(ngDevMode ? { debugName: "inputTemplate" } : /* istanbul ignore next */ {}), descendants: false });
+    tokens = [];
+    value = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    $variant = computed(() => this.variant() || this.config.inputVariant(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$variant" }] : /* istanbul ignore next */ []));
+    inputMode = computed(() => (this.integerOnly() ? 'numeric' : 'text'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inputMode" }] : /* istanbul ignore next */ []));
+    inputType = computed(() => (this.mask() ? 'password' : 'text'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inputType" }] : /* istanbul ignore next */ []));
+    attrRequired = computed(() => (this.required() ? '' : undefined), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "attrRequired" }] : /* istanbul ignore next */ []));
+    attrReadonly = computed(() => (this.readonly() ? '' : undefined), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "attrReadonly" }] : /* istanbul ignore next */ []));
+    attrDisabled = computed(() => (this.$disabled() ? '' : undefined), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "attrDisabled" }] : /* istanbul ignore next */ []));
+    getToken(index) {
+        return this.tokens[index];
+    }
+    getTemplateContext(i) {
+        return {
+            $implicit: this.getToken(i - 1),
+            events: this.getTemplateEvents(i - 1),
+            index: i
+        };
+    }
+    getTemplateEvents(index) {
+        return {
+            input: (event) => this.onInput(event, index),
+            keydown: (event) => this.onKeyDown(event),
+            focus: (event) => this.onFocus.emit(event),
+            blur: (event) => this.onBlur.emit(event),
+            paste: (event) => this.onPaste(event)
+        };
+    }
+    onInput(event, index) {
+        const inputEvent = event;
+        const target = event.target;
+        const value = target.value;
+        if (index === 0 && value.length > 1) {
+            this.handleOnPaste(value, event);
+            event.stopPropagation();
+            return;
+        }
+        this.tokens[index] = value;
+        this.updateModel(event);
+        if (inputEvent.inputType === 'deleteContentBackward') {
+            this.moveToPrev(event);
+        }
+        else if (inputEvent.inputType === 'insertText' || inputEvent.inputType === 'deleteContentForward') {
+            this.moveToNext(event);
+        }
+    }
+    updateModel(event) {
+        const newValue = this.tokens.join('');
+        this.writeModelValue(newValue);
+        this.onModelChange(newValue);
+        this.onChange.emit({
+            originalEvent: event,
+            value: newValue
+        });
+    }
+    updateTokens() {
+        const currentValue = this.value();
+        if (currentValue !== null && currentValue !== undefined) {
+            if (Array.isArray(currentValue)) {
+                this.tokens = [...currentValue];
+            }
+            else {
+                this.tokens = currentValue.toString().split('');
+            }
+        }
+        else {
+            this.tokens = [];
+        }
+    }
+    getModelValue(i) {
+        return this.tokens[i - 1] || '';
+    }
+    getAutofocus(i) {
+        if (i === 1) {
+            return this.autofocus();
+        }
+        return false;
+    }
+    moveToPrev(event) {
+        const prevInput = this.findPrevInput(event.target);
+        if (prevInput) {
+            prevInput.focus();
+            prevInput.select();
+        }
+    }
+    moveToNext(event) {
+        const nextInput = this.findNextInput(event.target);
+        if (nextInput) {
+            nextInput.focus();
+            nextInput.select();
+        }
+    }
+    findNextInput(element) {
+        const nextElement = element.nextElementSibling;
+        if (!nextElement)
+            return;
+        return nextElement.nodeName === 'INPUT' ? nextElement : this.findNextInput(nextElement);
+    }
+    findPrevInput(element) {
+        const prevElement = element.previousElementSibling;
+        if (!prevElement)
+            return;
+        return prevElement.nodeName === 'INPUT' ? prevElement : this.findPrevInput(prevElement);
+    }
+    onInputFocus(event) {
+        event.target.select();
+        this.onFocus.emit(event);
+    }
+    onInputBlur(event) {
+        this.onBlur.emit(event);
+    }
+    onKeyDown(event) {
+        if (event.altKey || event.ctrlKey || event.metaKey) {
+            return;
+        }
+        switch (event.key) {
+            case 'ArrowLeft':
+                this.moveToPrev(event);
+                event.preventDefault();
+                break;
+            case 'ArrowUp':
+            case 'ArrowDown':
+                event.preventDefault();
+                break;
+            case 'Backspace':
+                if (event.target.value.length === 0) {
+                    this.moveToPrev(event);
+                    event.preventDefault();
+                }
+                break;
+            case 'ArrowRight':
+                this.moveToNext(event);
+                event.preventDefault();
+                break;
+            default:
+                const target = event.target;
+                const hasSelection = target.selectionStart !== target.selectionEnd;
+                const isAtMaxLength = this.tokens.join('').length >= this.length();
+                const isValidKey = this.integerOnly() ? /^[0-9]$/.test(event.key) : true;
+                if (!isValidKey || (isAtMaxLength && event.key !== 'Delete' && !hasSelection)) {
+                    event.preventDefault();
+                }
+                break;
+        }
+    }
+    onPaste(event) {
+        if (!this.$disabled() && !this.readonly()) {
+            const paste = event.clipboardData?.getData('text') ?? '';
+            if (paste.length) {
+                this.handleOnPaste(paste, event);
+            }
+            event.preventDefault();
+        }
+    }
+    handleOnPaste(paste, event) {
+        const pastedCode = paste.substring(0, this.length() + 1);
+        if (!this.integerOnly() || !isNaN(Number(pastedCode))) {
+            this.tokens = pastedCode.split('');
+            this.updateModel(event);
+        }
+    }
+    getRange(n) {
+        return Array.from({ length: n }, (_, index) => index + 1);
+    }
+    trackByFn(index) {
+        return index;
+    }
+    /**
+     * @override
+     *
+     * @see {@link BaseEditableHolder.writeControlValue}
+     * Writes the value to the control.
+     */
+    writeControlValue(newValue, setModelValue) {
+        const incomingString = newValue == null ? '' : Array.isArray(newValue) ? newValue.join('') : newValue.toString();
+        if (incomingString === this.tokens.join('')) {
+            setModelValue(this.value());
+            return;
+        }
+        if (newValue) {
+            if (Array.isArray(newValue) && newValue.length > 0) {
+                this.value.set(newValue.slice(0, this.length()));
+            }
+            else {
+                this.value.set(newValue.toString().split('').slice(0, this.length()));
+            }
+        }
+        else {
+            this.value.set(newValue);
+        }
+        setModelValue(this.value());
+        this.updateTokens();
+        this.cd.markForCheck();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: InputOtp, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.3", type: InputOtp, isStandalone: true, selector: "p-inputotp, p-input-otp", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, length: { classPropertyName: "length", publicName: "length", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null }, integerOnly: { classPropertyName: "integerOnly", publicName: "integerOnly", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange", onFocus: "onFocus", onBlur: "onBlur" }, host: { properties: { "class": "cx('root')" } }, providers: [INPUT_OTP_VALUE_ACCESSOR, InputOtpStyle, { provide: INPUTOTP_INSTANCE, useExisting: InputOtp }, { provide: PARENT_INSTANCE, useExisting: InputOtp }], queries: [{ propertyName: "inputTemplate", first: true, predicate: ["input"], isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
+        @for (i of getRange(length()); track i) {
+            @if (!inputTemplate()) {
+                <input
+                    type="text"
+                    pInputText
+                    [value]="getModelValue(i)"
+                    [attr.maxlength]="i === 1 ? length() : 1"
+                    [attr.type]="inputType()"
+                    [class]="cn(cx('pcInputText'), styleClass())"
+                    [pSize]="size()"
+                    [variant]="$variant()"
+                    [invalid]="invalid()"
+                    [attr.inputmode]="inputMode()"
+                    [attr.name]="name()"
+                    [attr.tabindex]="tabindex()"
+                    [attr.required]="attrRequired()"
+                    [attr.readonly]="attrReadonly()"
+                    [attr.disabled]="attrDisabled()"
+                    (input)="onInput($event, i - 1)"
+                    (focus)="onInputFocus($event)"
+                    (blur)="onInputBlur($event)"
+                    (paste)="onPaste($event)"
+                    (keydown)="onKeyDown($event)"
+                    [pAutoFocus]="getAutofocus(i)"
+                    [pt]="ptm('pcInputText')"
+                    [unstyled]="unstyled()"
+                />
+            } @else {
+                <ng-container *ngTemplateOutlet="inputTemplate(); context: getTemplateContext(i)"> </ng-container>
+            }
+        }
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["hostName", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: AutoFocus, selector: "[pAutoFocus]", inputs: ["pAutoFocus"] }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: BindModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: InputOtp, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-inputotp, p-input-otp',
+                    standalone: true,
+                    imports: [NgTemplateOutlet, InputText, AutoFocus, SharedModule, BindModule],
+                    template: `
+        @for (i of getRange(length()); track i) {
+            @if (!inputTemplate()) {
+                <input
+                    type="text"
+                    pInputText
+                    [value]="getModelValue(i)"
+                    [attr.maxlength]="i === 1 ? length() : 1"
+                    [attr.type]="inputType()"
+                    [class]="cn(cx('pcInputText'), styleClass())"
+                    [pSize]="size()"
+                    [variant]="$variant()"
+                    [invalid]="invalid()"
+                    [attr.inputmode]="inputMode()"
+                    [attr.name]="name()"
+                    [attr.tabindex]="tabindex()"
+                    [attr.required]="attrRequired()"
+                    [attr.readonly]="attrReadonly()"
+                    [attr.disabled]="attrDisabled()"
+                    (input)="onInput($event, i - 1)"
+                    (focus)="onInputFocus($event)"
+                    (blur)="onInputBlur($event)"
+                    (paste)="onPaste($event)"
+                    (keydown)="onKeyDown($event)"
+                    [pAutoFocus]="getAutofocus(i)"
+                    [pt]="ptm('pcInputText')"
+                    [unstyled]="unstyled()"
+                />
+            } @else {
+                <ng-container *ngTemplateOutlet="inputTemplate(); context: getTemplateContext(i)"> </ng-container>
+            }
+        }
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [INPUT_OTP_VALUE_ACCESSOR, InputOtpStyle, { provide: INPUTOTP_INSTANCE, useExisting: InputOtp }, { provide: PARENT_INSTANCE, useExisting: InputOtp }],
+                    hostDirectives: [Bind],
+                    host: {
+                        '[class]': "cx('root')"
+                    }
+                }]
+        }], propDecorators: { readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }], length: [{ type: i0.Input, args: [{ isSignal: true, alias: "length", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], mask: [{ type: i0.Input, args: [{ isSignal: true, alias: "mask", required: false }] }], integerOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "integerOnly", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], onChange: [{ type: i0.Output, args: ["onChange"] }], onFocus: [{ type: i0.Output, args: ["onFocus"] }], onBlur: [{ type: i0.Output, args: ["onBlur"] }], inputTemplate: [{ type: i0.ContentChild, args: ['input', { ...{ descendants: false }, isSignal: true }] }] } });
+class InputOtpModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: InputOtpModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.3", ngImport: i0, type: InputOtpModule, imports: [InputOtp, SharedModule], exports: [InputOtp, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: InputOtpModule, imports: [InputOtp, SharedModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: InputOtpModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [InputOtp, SharedModule],
+                    exports: [InputOtp, SharedModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { INPUT_OTP_VALUE_ACCESSOR, InputOtp, InputOtpClasses, InputOtpModule, InputOtpStyle };
+//# sourceMappingURL=primenglab-inputotp.mjs.map

package/fesm2022/primenglab-inputotp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"primenglab-inputotp.mjs","sources":["../../src/inputotp/style/inputotpstyle.ts","../../src/inputotp/inputotp.ts","../../src/inputotp/primenglab-inputotp.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { style } from '@primeuix/styles/inputotp';\nimport { BaseStyle } from 'primenglab/base';\n\nconst classes = {\n    root: 'p-inputotp p-component',\n    pcInputText: 'p-inputotp-input'\n};\n\n@Injectable()\nexport class InputOtpStyle extends BaseStyle {\n    name = 'inputotp';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * InputOtp is used to enter one time passwords.\n *\n * [Live Demo](https://www.primeng.org/inputotp/)\n *\n * @module inputotpstyle\n *\n */\n\nexport enum InputOtpClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-inputotp',\n    /**\n     * Class name of the input element\n     */\n    pcInputText = 'p-inputotp-input'\n}\n\nexport interface InputOtpStyle extends BaseStyle {}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { AfterViewChecked, booleanAttribute, ChangeDetectionStrategy, Component, computed, contentChild, forwardRef, inject, InjectionToken, input, NgModule, output, Provider, signal, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { SharedModule } from 'primenglab/api';\nimport { AutoFocus } from 'primenglab/autofocus';\nimport { BaseEditableHolder } from 'primenglab/baseeditableholder';\nimport { PARENT_INSTANCE } from 'primenglab/basecomponent';\nimport { Bind, BindModule } from 'primenglab/bind';\nimport { InputText } from 'primenglab/inputtext';\nimport { InputOtpChangeEvent, InputOtpInputTemplateContext, InputOtpPassThrough } from 'primenglab/types/inputotp';\nimport type { InputSize, InputVariant } from 'primenglab/types/shared';\nimport { InputOtpStyle } from './style/inputotpstyle';\n\nconst INPUTOTP_INSTANCE = new InjectionToken<InputOtp>('INPUTOTP_INSTANCE');\n\nexport const INPUT_OTP_VALUE_ACCESSOR: Provider = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => InputOtp),\n    multi: true\n};\n\n// Re-export interfaces from types for backwards compatibility\nexport { InputOtpChangeEvent, InputOtpInputTemplateContext, InputOtpTemplateEvents } from 'primenglab/types/inputotp';\n\n/**\n * Input Otp is used to enter one time passwords.\n * @group Components\n */\n@Component({\n    selector: 'p-inputotp, p-input-otp',\n    standalone: true,\n    imports: [NgTemplateOutlet, InputText, AutoFocus, SharedModule, BindModule],\n    template: `\n        @for (i of getRange(length()); track i) {\n            @if (!inputTemplate()) {\n                <input\n                    type=\"text\"\n                    pInputText\n                    [value]=\"getModelValue(i)\"\n                    [attr.maxlength]=\"i === 1 ? length() : 1\"\n                    [attr.type]=\"inputType()\"\n                    [class]=\"cn(cx('pcInputText'), styleClass())\"\n                    [pSize]=\"size()\"\n                    [variant]=\"$variant()\"\n                    [invalid]=\"invalid()\"\n                    [attr.inputmode]=\"inputMode()\"\n                    [attr.name]=\"name()\"\n                    [attr.tabindex]=\"tabindex()\"\n                    [attr.required]=\"attrRequired()\"\n                    [attr.readonly]=\"attrReadonly()\"\n                    [attr.disabled]=\"attrDisabled()\"\n                    (input)=\"onInput($event, i - 1)\"\n                    (focus)=\"onInputFocus($event)\"\n                    (blur)=\"onInputBlur($event)\"\n                    (paste)=\"onPaste($event)\"\n                    (keydown)=\"onKeyDown($event)\"\n                    [pAutoFocus]=\"getAutofocus(i)\"\n                    [pt]=\"ptm('pcInputText')\"\n                    [unstyled]=\"unstyled()\"\n                />\n            } @else {\n                <ng-container *ngTemplateOutlet=\"inputTemplate(); context: getTemplateContext(i)\"> </ng-container>\n            }\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [INPUT_OTP_VALUE_ACCESSOR, InputOtpStyle, { provide: INPUTOTP_INSTANCE, useExisting: InputOtp }, { provide: PARENT_INSTANCE, useExisting: InputOtp }],\n    hostDirectives: [Bind],\n    host: {\n        '[class]': \"cx('root')\"\n    }\n})\nexport class InputOtp extends BaseEditableHolder<InputOtpPassThrough> implements AfterViewChecked {\n    componentName = 'InputOtp';\n\n    _componentStyle = inject(InputOtpStyle);\n\n    $pcInputOtp: InputOtp | undefined = inject(INPUTOTP_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n\n    /**\n     * When present, it specifies that an input field is read-only.\n     * @group Props\n     */\n    readonly = input(false, { transform: booleanAttribute });\n    /**\n     * Index of the element in tabbing order.\n     * @group Props\n     */\n    tabindex = input<number | null>(null);\n    /**\n     * Number of characters to initiate.\n     * @group Props\n     */\n    length = input(4);\n    /**\n     * Style class of the input element.\n     * @group Props\n     */\n    styleClass = input<string>();\n    /**\n     * Mask pattern.\n     * @group Props\n     */\n    mask = input(false, { transform: booleanAttribute });\n    /**\n     * When present, it specifies that an input field is integer-only.\n     * @group Props\n     */\n    integerOnly = input(false, { transform: booleanAttribute });\n    /**\n     * When present, it specifies that the component should automatically get focus on load.\n     * @group Props\n     */\n    autofocus = input(false, { transform: booleanAttribute });\n    /**\n     * Specifies the input variant of the component.\n     * @defaultValue undefined\n     * @group Props\n     */\n    variant = input<InputVariant>();\n    /**\n     * Specifies the size of the component.\n     * @defaultValue undefined\n     * @group Props\n     */\n    size = input<InputSize>();\n    /**\n     * Callback to invoke on value change.\n     * @group Emits\n     */\n    onChange = output<InputOtpChangeEvent>();\n    /**\n     * Callback to invoke when the component receives focus.\n     * @param {Event} event - Browser event.\n     * @group Emits\n     */\n    onFocus = output<Event>();\n    /**\n     * Callback to invoke when the component loses focus.\n     * @param {Event} event - Browser event.\n     * @group Emits\n     */\n    onBlur = output<Event>();\n    /**\n     * Custom input template.\n     * @param {InputOtpInputTemplateContext} context - Context of the template\n     * @see {@link InputOtpInputTemplateContext}\n     * @group Templates\n     */\n    inputTemplate = contentChild<TemplateRef<InputOtpInputTemplateContext>>('input', { descendants: false });\n\n    tokens: string[] = [];\n\n    value = signal<any>(undefined);\n\n    $variant = computed(() => this.variant() || this.config.inputVariant());\n\n    inputMode = computed(() => (this.integerOnly() ? 'numeric' : 'text'));\n\n    inputType = computed(() => (this.mask() ? 'password' : 'text'));\n\n    attrRequired = computed(() => (this.required() ? '' : undefined));\n\n    attrReadonly = computed(() => (this.readonly() ? '' : undefined));\n\n    attrDisabled = computed(() => (this.$disabled() ? '' : undefined));\n\n    getToken(index: number) {\n        return this.tokens[index];\n    }\n\n    getTemplateContext(i: number): InputOtpInputTemplateContext {\n        return {\n            $implicit: this.getToken(i - 1),\n            events: this.getTemplateEvents(i - 1),\n            index: i\n        };\n    }\n\n    getTemplateEvents(index: number) {\n        return {\n            input: (event: Event) => this.onInput(event, index),\n            keydown: (event: KeyboardEvent) => this.onKeyDown(event),\n            focus: (event: FocusEvent) => this.onFocus.emit(event),\n            blur: (event: FocusEvent) => this.onBlur.emit(event),\n            paste: (event: ClipboardEvent) => this.onPaste(event)\n        };\n    }\n\n    onInput(event: Event, index: number) {\n        const inputEvent = event as InputEvent;\n        const target = event.target as HTMLInputElement;\n        const value = target.value;\n        if (index === 0 && value.length > 1) {\n            this.handleOnPaste(value, event);\n            event.stopPropagation();\n            return;\n        }\n        this.tokens[index] = value;\n        this.updateModel(event);\n\n        if (inputEvent.inputType === 'deleteContentBackward') {\n            this.moveToPrev(event);\n        } else if (inputEvent.inputType === 'insertText' || inputEvent.inputType === 'deleteContentForward') {\n            this.moveToNext(event);\n        }\n    }\n\n    updateModel(event: Event) {\n        const newValue = this.tokens.join('');\n        this.writeModelValue(newValue);\n        this.onModelChange(newValue);\n\n        this.onChange.emit({\n            originalEvent: event,\n            value: newValue\n        });\n    }\n\n    updateTokens() {\n        const currentValue = this.value();\n        if (currentValue !== null && currentValue !== undefined) {\n            if (Array.isArray(currentValue)) {\n                this.tokens = [...currentValue];\n            } else {\n                this.tokens = currentValue.toString().split('');\n            }\n        } else {\n            this.tokens = [];\n        }\n    }\n\n    getModelValue(i: number) {\n        return this.tokens[i - 1] || '';\n    }\n\n    getAutofocus(i: number): boolean {\n        if (i === 1) {\n            return this.autofocus();\n        }\n        return false;\n    }\n\n    moveToPrev(event: Event) {\n        const prevInput = this.findPrevInput(event.target as HTMLElement);\n\n        if (prevInput) {\n            prevInput.focus();\n            prevInput.select();\n        }\n    }\n\n    moveToNext(event: Event) {\n        const nextInput = this.findNextInput(event.target as HTMLElement);\n\n        if (nextInput) {\n            nextInput.focus();\n            nextInput.select();\n        }\n    }\n\n    findNextInput(element: HTMLElement): HTMLInputElement | undefined {\n        const nextElement = element.nextElementSibling as HTMLElement | null;\n\n        if (!nextElement) return;\n\n        return nextElement.nodeName === 'INPUT' ? (nextElement as HTMLInputElement) : this.findNextInput(nextElement);\n    }\n\n    findPrevInput(element: HTMLElement): HTMLInputElement | undefined {\n        const prevElement = element.previousElementSibling as HTMLElement | null;\n\n        if (!prevElement) return;\n\n        return prevElement.nodeName === 'INPUT' ? (prevElement as HTMLInputElement) : this.findPrevInput(prevElement);\n    }\n\n    onInputFocus(event: FocusEvent) {\n        (event.target as HTMLInputElement).select();\n        this.onFocus.emit(event);\n    }\n\n    onInputBlur(event: FocusEvent) {\n        this.onBlur.emit(event);\n    }\n\n    onKeyDown(event: KeyboardEvent) {\n        if (event.altKey || event.ctrlKey || event.metaKey) {\n            return;\n        }\n\n        switch (event.key) {\n            case 'ArrowLeft':\n                this.moveToPrev(event);\n                event.preventDefault();\n\n                break;\n\n            case 'ArrowUp':\n            case 'ArrowDown':\n                event.preventDefault();\n\n                break;\n\n            case 'Backspace':\n                if ((event.target as HTMLInputElement).value.length === 0) {\n                    this.moveToPrev(event);\n                    event.preventDefault();\n                }\n\n                break;\n\n            case 'ArrowRight':\n                this.moveToNext(event);\n                event.preventDefault();\n\n                break;\n\n            default:\n                const target = event.target as HTMLInputElement;\n                const hasSelection = target.selectionStart !== target.selectionEnd;\n                const isAtMaxLength = this.tokens.join('').length >= this.length();\n                const isValidKey = this.integerOnly() ? /^[0-9]$/.test(event.key) : true;\n\n                if (!isValidKey || (isAtMaxLength && event.key !== 'Delete' && !hasSelection)) {\n                    event.preventDefault();\n                }\n\n                break;\n        }\n    }\n\n    onPaste(event: ClipboardEvent) {\n        if (!this.$disabled() && !this.readonly()) {\n            const paste = event.clipboardData?.getData('text') ?? '';\n\n            if (paste.length) {\n                this.handleOnPaste(paste, event);\n            }\n\n            event.preventDefault();\n        }\n    }\n\n    handleOnPaste(paste: string, event: Event) {\n        const pastedCode = paste.substring(0, this.length() + 1);\n\n        if (!this.integerOnly() || !isNaN(Number(pastedCode))) {\n            this.tokens = pastedCode.split('');\n            this.updateModel(event);\n        }\n    }\n\n    getRange(n: number): number[] {\n        return Array.from({ length: n }, (_, index) => index + 1);\n    }\n\n    trackByFn(index: number) {\n        return index;\n    }\n\n    /**\n     * @override\n     *\n     * @see {@link BaseEditableHolder.writeControlValue}\n     * Writes the value to the control.\n     */\n    writeControlValue(newValue: any, setModelValue: (value: any) => void) {\n        const incomingString = newValue == null ? '' : Array.isArray(newValue) ? newValue.join('') : newValue.toString();\n        if (incomingString === this.tokens.join('')) {\n            setModelValue(this.value());\n            return;\n        }\n        if (newValue) {\n            if (Array.isArray(newValue) && newValue.length > 0) {\n                this.value.set(newValue.slice(0, this.length()));\n            } else {\n                this.value.set(newValue.toString().split('').slice(0, this.length()));\n            }\n        } else {\n            this.value.set(newValue);\n        }\n        setModelValue(this.value());\n        this.updateTokens();\n        this.cd.markForCheck();\n    }\n}\n\n@NgModule({\n    imports: [InputOtp, SharedModule],\n    exports: [InputOtp, SharedModule]\n})\nexport class InputOtpModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/primenglab-inputpassword.mjs

@@ -0,0 +1,102 @@
+import * as i0 from '@angular/core';
+import { Injectable, model, inject, Directive, NgModule } from '@angular/core';
+import { BaseComponent, PARENT_INSTANCE } from 'primenglab/basecomponent';
+import * as i1 from 'primenglab/inputtext';
+import { InputText } from 'primenglab/inputtext';
+import { style } from '@primeuix/styles/password';
+import { BaseStyle } from 'primenglab/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.3", ngImport: i0, type: InputPasswordStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: InputPasswordStyle });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.3", 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.3", ngImport: i0, type: InputPassword, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.3", 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.3", 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.3", ngImport: i0, type: InputPasswordModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.3", ngImport: i0, type: InputPasswordModule, imports: [InputPassword], exports: [InputPassword] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: InputPasswordModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: InputPasswordModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [InputPassword],
+                    exports: [InputPassword]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputPassword, InputPasswordClasses, InputPasswordModule, InputPasswordStyle };
+//# sourceMappingURL=primenglab-inputpassword.mjs.map

package/fesm2022/primenglab-inputpassword.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"primenglab-inputpassword.mjs","sources":["../../src/inputpassword/style/inputpasswordstyle.ts","../../src/inputpassword/inputpassword.ts","../../src/inputpassword/primenglab-inputpassword.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { style } from '@primeuix/styles/password';\nimport { BaseStyle } from 'primenglab/base';\n\nconst classes = {\n    root: 'p-password p-component'\n};\n\n@Injectable()\nexport class InputPasswordStyle extends BaseStyle {\n    name = 'password';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * InputPassword is an extension to standard input element with mask toggling.\n *\n * [Live Demo](https://www.primeng.org/inputpassword/)\n *\n * @module inputpasswordstyle\n *\n */\nexport enum InputPasswordClasses {\n    /**\n     * The class of root element\n     */\n    root = 'p-password'\n}\n\nexport interface InputPasswordStyle extends BaseStyle {}\n","import { Directive, inject, model, NgModule } from '@angular/core';\nimport { PARENT_INSTANCE } from 'primenglab/basecomponent';\nimport { BaseComponent } from 'primenglab/basecomponent';\nimport { InputText } from 'primenglab/inputtext';\nimport { InputPasswordPassThrough } from 'primenglab/types/inputpassword';\nimport { InputPasswordStyle } from './style/inputpasswordstyle';\n\n/**\n * InputPassword directive is an extension to standard input element with mask toggling.\n * @group Components\n */\n@Directive({\n    selector: '[pInputPassword]',\n    standalone: true,\n    host: {\n        '[attr.type]': 'inputType',\n        '[class]': \"cx('root')\"\n    },\n    providers: [InputPasswordStyle, { provide: PARENT_INSTANCE, useExisting: InputPassword }],\n    hostDirectives: [\n        {\n            directive: InputText,\n            inputs: ['invalid', 'variant', 'fluid', 'pSize', 'pInputTextPT', 'pInputTextUnstyled', 'hostName']\n        }\n    ]\n})\nexport class InputPassword extends BaseComponent<InputPasswordPassThrough> {\n    componentName = 'InputPassword';\n\n    /**\n     * Whether the password is masked.\n     * @defaultValue true\n     * @group Props\n     */\n    mask = model<boolean>(true);\n\n    _componentStyle = inject(InputPasswordStyle);\n\n    /**\n     * Toggles the mask state between password and text.\n     * @group Methods\n     */\n    toggleMask() {\n        this.mask.set(!this.mask());\n    }\n\n    get inputType(): string {\n        return this.mask() ? 'password' : 'text';\n    }\n}\n\n@NgModule({\n    imports: [InputPassword],\n    exports: [InputPassword]\n})\nexport class InputPasswordModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}