pjc-fields 0.0.40 → 0.0.42

package/fesm2022/pjc-fields.mjs

@@ -163,6 +163,34 @@ class PjcValidators {
             return emailRegex.test(value) ? null : { emailInvalido: true };
         };
     }
+    static imei() {
+        return (control) => {
+            const digits = control.value?.replace(/\D/g, '');
+            if (!digits)
+                return null;
+            if (digits.length !== 15) {
+                return { imeiInvalido: true };
+            }
+            if (!PjcValidators.validateImei(digits)) {
+                return { imeiInvalido: true };
+            }
+            return null;
+        };
+    }
+    static validateImei(digits) {
+        let sum = 0;
+        for (let i = 0; i < digits.length; i++) {
+            let n = Number.parseInt(digits[i], 10);
+            if (i % 2 === 1) {
+                n *= 2;
+                if (n > 9) {
+                    n -= 9;
+                }
+            }
+            sum += n;
+        }
+        return sum % 10 === 0;
+    }
     static numeroCartao() {
         return (control) => {
             const digits = control.value?.replace(/\D/g, '');
@@ -667,11 +695,11 @@ class PjcCpfCnpjFieldComponent {
                 useExisting: forwardRef(() => PjcCpfCnpjFieldComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <input\n        pInputText\n        [id]=\"id()\"\n        [value]=\"displayValue\"\n        (input)=\"onInputChange($event)\"\n        (blur)=\"onModelTouched()\"\n        [placeholder]=\"placeholder\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        maxlength=\"18\"\n        class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"displayValue\"\n      (input)=\"onInputChange($event)\"\n      (blur)=\"onModelTouched()\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      maxlength=\"18\"\n      class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n    />\n  }\n\n  @if (errorMessage) {\n    <small class=\"text-red-500 text-xs\">{{ errorMessage }}</small>\n  }\n\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <input\n        pInputText\n        [id]=\"id()\"\n        [value]=\"displayValue\"\n        (input)=\"onInputChange($event)\"\n        (blur)=\"onModelTouched()\"\n        [placeholder]=\"placeholder\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        maxlength=\"18\"\n        class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"displayValue\"\n      (input)=\"onInputChange($event)\"\n      (blur)=\"onModelTouched()\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      maxlength=\"18\"\n      class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcCpfCnpjFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pjc-cpf-cnpj-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, FloatLabelModule, InputTextModule], providers: [
+            args: [{ selector: 'pjc-cpf-cnpj-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, FloatLabelModule, InputTextModule, MessageModule], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => PjcCpfCnpjFieldComponent),
@@ -682,7 +710,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                             useExisting: forwardRef(() => PjcCpfCnpjFieldComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <input\n        pInputText\n        [id]=\"id()\"\n        [value]=\"displayValue\"\n        (input)=\"onInputChange($event)\"\n        (blur)=\"onModelTouched()\"\n        [placeholder]=\"placeholder\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        maxlength=\"18\"\n        class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"displayValue\"\n      (input)=\"onInputChange($event)\"\n      (blur)=\"onModelTouched()\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      maxlength=\"18\"\n      class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n    />\n  }\n\n  @if (errorMessage) {\n    <small class=\"text-red-500 text-xs\">{{ errorMessage }}</small>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
+                    ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <input\n        pInputText\n        [id]=\"id()\"\n        [value]=\"displayValue\"\n        (input)=\"onInputChange($event)\"\n        (blur)=\"onModelTouched()\"\n        [placeholder]=\"placeholder\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        maxlength=\"18\"\n        class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      [id]=\"id()\"\n      [value]=\"displayValue\"\n      (input)=\"onInputChange($event)\"\n      (blur)=\"onModelTouched()\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      maxlength=\"18\"\n      class=\"w-full p-2 outline-none bg-transparent border border-surface-300 rounded-md focus:border-primary-500\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
 
 class PjcPlacaFieldComponent {
@@ -1539,7 +1567,7 @@ class PjcEmailFieldComponent {
                 useExisting: forwardRef(() => PjcEmailFieldComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <input\n        pInputText\n        type=\"email\"\n        [id]=\"id()\"\n        [value]=\"value\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      type=\"email\"\n      [id]=\"id()\"\n      [value]=\"value\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      [placeholder]=\"placeholder()\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n    />\n  }\n\n  @if (errorMessage) {\n    <small class=\"text-red-500 text-xs\">{{ errorMessage }}</small>\n  }\n\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <input\n        pInputText\n        type=\"email\"\n        [id]=\"id()\"\n        [value]=\"value\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      type=\"email\"\n      [id]=\"id()\"\n      [value]=\"value\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      [placeholder]=\"placeholder()\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i1$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcEmailFieldComponent, decorators: [{
             type: Component,
@@ -1554,7 +1582,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                             useExisting: forwardRef(() => PjcEmailFieldComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <input\n        pInputText\n        type=\"email\"\n        [id]=\"id()\"\n        [value]=\"value\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      type=\"email\"\n      [id]=\"id()\"\n      [value]=\"value\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      [placeholder]=\"placeholder()\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n    />\n  }\n\n  @if (errorMessage) {\n    <small class=\"text-red-500 text-xs\">{{ errorMessage }}</small>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
+                    ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <input\n        pInputText\n        type=\"email\"\n        [id]=\"id()\"\n        [value]=\"value\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <input\n      pInputText\n      type=\"email\"\n      [id]=\"id()\"\n      [value]=\"value\"\n      (input)=\"onInput($event)\"\n      (blur)=\"onTouched()\"\n      [placeholder]=\"placeholder()\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      class=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
 
 class PjcIntegerFieldComponent {
@@ -1622,6 +1650,83 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                     ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-inputnumber\n        [inputId]=\"id()\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onValueChange($event)\"\n        (onBlur)=\"onTouched()\"\n        [placeholder]=\"placeholder()\"\n        [useGrouping]=\"useGrouping()\"\n        [prefix]=\"prefix()\"\n        [suffix]=\"suffix()\"\n        [min]=\"min()\"\n        [max]=\"max()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [maxFractionDigits]=\"0\"\n        inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n        styleClass=\"w-full\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n      />\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-inputnumber\n      [inputId]=\"id()\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onValueChange($event)\"\n      (onBlur)=\"onTouched()\"\n      [placeholder]=\"placeholder()\"\n      [useGrouping]=\"useGrouping()\"\n      [prefix]=\"prefix()\"\n      [suffix]=\"suffix()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [disabled]=\"disabled\"\n      [maxFractionDigits]=\"0\"\n      inputStyleClass=\"w-full p-2 border border-surface-300 rounded-md outline-none bg-transparent focus:border-primary-500\"\n      styleClass=\"w-full\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n    />\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }], prefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "prefix", required: false }] }], suffix: [{ type: i0.Input, args: [{ isSignal: true, alias: "suffix", required: false }] }], useGrouping: [{ type: i0.Input, args: [{ isSignal: true, alias: "useGrouping", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
 
+class PjcImeiFieldComponent {
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+    placeholder = input('000000000000000', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    id = input(`pjc-imei-${Math.random().toString(36).substring(2, 9)}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    labelVariant = input('on', ...(ngDevMode ? [{ debugName: "labelVariant" }] : /* istanbul ignore next */ []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+    erros = input({}, ...(ngDevMode ? [{ debugName: "erros" }] : /* istanbul ignore next */ []));
+    injector = inject(Injector);
+    cdr = inject(ChangeDetectorRef);
+    destroyRef = inject(DestroyRef);
+    ngControl = null;
+    value = '';
+    disabled = false;
+    onChange = () => { };
+    onTouched = () => { };
+    ngOnInit() {
+        this.ngControl = initFormValidation(this.injector, this.cdr, this.destroyRef);
+    }
+    get invalid() {
+        return isFormControlInvalid(this.ngControl);
+    }
+    get errorMessage() {
+        return getErrorMessage(this.ngControl, this.erros());
+    }
+    writeValue(val) {
+        this.value = val ?? '';
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    onModelChange(value) {
+        this.value = value ?? '';
+        this.onChange(this.value);
+    }
+    onModelTouched() {
+        this.onTouched();
+    }
+    validate(control) {
+        return PjcValidators.imei()(control);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcImeiFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PjcImeiFieldComponent, isStandalone: true, selector: "pjc-imei-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, labelVariant: { classPropertyName: "labelVariant", publicName: "labelVariant", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, erros: { classPropertyName: "erros", publicName: "erros", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => PjcImeiFieldComponent),
+                multi: true,
+            },
+            {
+                provide: NG_VALIDATORS,
+                useExisting: forwardRef(() => PjcImeiFieldComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-inputMask\n        [id]=\"id()\"\n        mask=\"999999999999999\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\n        inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n      ></p-inputMask>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-inputMask\n      [id]=\"id()\"\n      mask=\"999999999999999\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n      inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n    ></p-inputMask>\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: InputMaskModule }, { kind: "component", type: i2.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "readonly", "unmask", "characterPattern", "autofocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i3.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i4.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant", "motionOptions"], outputs: ["onClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PjcImeiFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pjc-imei-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, InputMaskModule, FloatLabelModule, MessageModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => PjcImeiFieldComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => PjcImeiFieldComponent),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"flex flex-col gap-1 w-full\">\n  @if (label()) {\n    <p-floatlabel [variant]=\"labelVariant()\" class=\"w-full\">\n      <p-inputMask\n        [id]=\"id()\"\n        mask=\"999999999999999\"\n        [ngModel]=\"value\"\n        (ngModelChange)=\"onModelChange($event)\"\n        (onBlur)=\"onModelTouched()\"\n        [unmask]=\"true\"\n        [autoClear]=\"false\"\n        [placeholder]=\"placeholder()\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly()\"\n        [class.ng-invalid]=\"invalid\"\n        [class.ng-dirty]=\"invalid\"\n        styleClass=\"w-full\"\n        inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n      ></p-inputMask>\n      <label [for]=\"id()\">{{ label() }}</label>\n    </p-floatlabel>\n  } @else {\n    <p-inputMask\n      [id]=\"id()\"\n      mask=\"999999999999999\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"onModelChange($event)\"\n      (onBlur)=\"onModelTouched()\"\n      [unmask]=\"true\"\n      [autoClear]=\"false\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled\"\n      [class.ng-invalid]=\"invalid\"\n      [class.ng-dirty]=\"invalid\"\n      styleClass=\"w-full border border-surface-300 rounded-md focus:border-primary-500 transition-colors\"\n      inputStyleClass=\"w-full p-2 outline-none bg-transparent\"\n    ></p-inputMask>\n  }\n\n  @if (hint()) {\n    <small class=\"text-xs text-surface-500\">{{ hint() }}</small>\n  }\n\n  @if (errorMessage) {\n    <p-message severity=\"error\" variant=\"simple\" size=\"small\">{{ errorMessage }}</p-message>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], labelVariant: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelVariant", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], erros: [{ type: i0.Input, args: [{ isSignal: true, alias: "erros", required: false }] }] } });
+
 class PjcNumeroCartaoFieldComponent {
     label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
     hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
@@ -2320,5 +2425,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ESTADOS, PJC_CIDADE_SERVICE, PjcCepFieldComponent, PjcChassiFieldComponent, PjcChassiInputDirective, PjcCidadeFieldComponent, PjcCidadeService, PjcCnhFieldComponent, PjcCnpjFieldComponent, PjcCpfCnpjFieldComponent, PjcCpfFieldComponent, PjcDataFieldComponent, PjcDataHoraFieldComponent, PjcEmailFieldComponent, PjcErroValidacaoComponent, PjcFields, PjcHoraFieldComponent, PjcIntegerFieldComponent, PjcMoedaFieldComponent, PjcNumeroCartaoFieldComponent, PjcPasswordFieldComponent, PjcPlacaFieldComponent, PjcRenavamFieldComponent, PjcTelefoneFieldComponent, PjcUfFieldComponent, PjcUppercaseFieldComponent, PjcValidators };
+export { ESTADOS, PJC_CIDADE_SERVICE, PjcCepFieldComponent, PjcChassiFieldComponent, PjcChassiInputDirective, PjcCidadeFieldComponent, PjcCidadeService, PjcCnhFieldComponent, PjcCnpjFieldComponent, PjcCpfCnpjFieldComponent, PjcCpfFieldComponent, PjcDataFieldComponent, PjcDataHoraFieldComponent, PjcEmailFieldComponent, PjcErroValidacaoComponent, PjcFields, PjcHoraFieldComponent, PjcImeiFieldComponent, PjcIntegerFieldComponent, PjcMoedaFieldComponent, PjcNumeroCartaoFieldComponent, PjcPasswordFieldComponent, PjcPlacaFieldComponent, PjcRenavamFieldComponent, PjcTelefoneFieldComponent, PjcUfFieldComponent, PjcUppercaseFieldComponent, PjcValidators };
 //# sourceMappingURL=pjc-fields.mjs.map