ngx-mat-form-errors 0.0.4 → 0.0.5

package/esm2022/lib/error/error.component.mjs

@@ -0,0 +1,51 @@
+import { Component, Input } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import { Subject, takeUntil } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "../services/error.service";
+import * as i3 from "@angular/common";
+export class ErrorComponent {
+    controlContainer;
+    errorService;
+    destroy$ = new Subject();
+    field;
+    label;
+    form;
+    errorMessage = '';
+    constructor(controlContainer, errorService) {
+        this.controlContainer = controlContainer;
+        this.errorService = errorService;
+    }
+    ngOnInit() {
+        this.form = this.controlContainer.control;
+        const control = this.form.get(this.field);
+        if (!control)
+            return;
+        control.statusChanges.pipe(takeUntil(this.destroy$))
+            .subscribe(() => {
+            if (control.errors && (control.touched || control.dirty)) {
+                this.errorMessage = this.errorService.getErrorMessage(control.errors, this.label || this.field);
+            }
+            else {
+                this.errorMessage = '';
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ErrorComponent, deps: [{ token: i1.ControlContainer }, { token: i2.ErrorService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ErrorComponent, isStandalone: true, selector: "ngx-error", inputs: { field: "field", label: "label" }, ngImport: i0, template: "<div class=\"ngx-error\" *ngIf=\"errorMessage\">\r\n  {{ errorMessage }}\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-error', standalone: true, imports: [CommonModule, ReactiveFormsModule], template: "<div class=\"ngx-error\" *ngIf=\"errorMessage\">\r\n  {{ errorMessage }}\r\n</div>" }]
+        }], ctorParameters: () => [{ type: i1.ControlContainer }, { type: i2.ErrorService }], propDecorators: { field: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXJyb3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWZvcm0tZXJyb3JzL3NyYy9saWIvZXJyb3IvZXJyb3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWZvcm0tZXJyb3JzL3NyYy9saWIvZXJyb3IvZXJyb3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUErQixtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7Ozs7QUFTMUMsTUFBTSxPQUFPLGNBQWM7SUFVZjtJQUNBO0lBVFgsUUFBUSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7SUFDckIsS0FBSyxDQUFVO0lBQ2YsS0FBSyxDQUFVO0lBRXhCLElBQUksQ0FBYTtJQUNqQixZQUFZLEdBQUcsRUFBRSxDQUFDO0lBRWxCLFlBQ1UsZ0JBQWtDLEVBQ2xDLFlBQTBCO1FBRDFCLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFDbEMsaUJBQVksR0FBWixZQUFZLENBQWM7SUFDakMsQ0FBQztJQUVKLFFBQVE7UUFDTixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFvQixDQUFDO1FBRXZELE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQyxJQUFJLENBQUMsT0FBTztZQUFFLE9BQU87UUFFckIsT0FBTyxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUN2RCxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ1YsSUFBSSxPQUFPLENBQUMsTUFBTSxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sSUFBSSxPQUFPLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQztnQkFDekQsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGVBQWUsQ0FDbkQsT0FBTyxDQUFDLE1BQU0sRUFDZCxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQ3pCLENBQUM7WUFDSixDQUFDO2lCQUFNLENBQUM7Z0JBQ04sSUFBSSxDQUFDLFlBQVksR0FBRyxFQUFFLENBQUM7WUFDekIsQ0FBQztRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDWCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDM0IsQ0FBQzt3R0FwQ1ksY0FBYzs0RkFBZCxjQUFjLGlIQ2IzQixvRkFFTSwyQ0RRTSxZQUFZLGtJQUFFLG1CQUFtQjs7NEZBR2hDLGNBQWM7a0JBTjFCLFNBQVM7K0JBQ0UsV0FBVyxjQUNULElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxtQkFBbUIsQ0FBQztnSEFNbkMsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sQ29udGFpbmVyLCBGb3JtR3JvdXAsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IEVycm9yU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2Vycm9yLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBTdWJqZWN0LCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ25neC1lcnJvcicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vZXJyb3IuY29tcG9uZW50Lmh0bWwnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFcnJvckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gZGVzdHJveSQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xyXG4gIEBJbnB1dCgpIGZpZWxkITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGxhYmVsPzogc3RyaW5nO1xyXG5cclxuICBmb3JtITogRm9ybUdyb3VwO1xyXG4gIGVycm9yTWVzc2FnZSA9ICcnO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgY29udHJvbENvbnRhaW5lcjogQ29udHJvbENvbnRhaW5lcixcclxuICAgIHByaXZhdGUgZXJyb3JTZXJ2aWNlOiBFcnJvclNlcnZpY2VcclxuICApIHt9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5mb3JtID0gdGhpcy5jb250cm9sQ29udGFpbmVyLmNvbnRyb2wgYXMgRm9ybUdyb3VwO1xyXG5cclxuICAgIGNvbnN0IGNvbnRyb2wgPSB0aGlzLmZvcm0uZ2V0KHRoaXMuZmllbGQpO1xyXG4gICAgaWYgKCFjb250cm9sKSByZXR1cm47XHJcblxyXG4gICAgY29udHJvbC5zdGF0dXNDaGFuZ2VzLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveSQpKVxyXG4uc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgaWYgKGNvbnRyb2wuZXJyb3JzICYmIChjb250cm9sLnRvdWNoZWQgfHwgY29udHJvbC5kaXJ0eSkpIHtcclxuICAgICAgICB0aGlzLmVycm9yTWVzc2FnZSA9IHRoaXMuZXJyb3JTZXJ2aWNlLmdldEVycm9yTWVzc2FnZShcclxuICAgICAgICAgIGNvbnRyb2wuZXJyb3JzLFxyXG4gICAgICAgICAgdGhpcy5sYWJlbCB8fCB0aGlzLmZpZWxkXHJcbiAgICAgICAgKTtcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICB0aGlzLmVycm9yTWVzc2FnZSA9ICcnO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCkge1xyXG4gIHRoaXMuZGVzdHJveSQubmV4dCgpO1xyXG4gIHRoaXMuZGVzdHJveSQuY29tcGxldGUoKTtcclxufVxyXG59IiwiPGRpdiBjbGFzcz1cIm5neC1lcnJvclwiICpuZ0lmPVwiZXJyb3JNZXNzYWdlXCI+XHJcbiAge3sgZXJyb3JNZXNzYWdlIH19XHJcbjwvZGl2PiJdfQ==

package/esm2022/lib/ngx-form-errors.module.mjs

@@ -1,16 +1,17 @@
 import { NgModule } from '@angular/core';
 import { NgxFormErrorsComponent } from './ngx-form-errors.component';
+import { ErrorComponent } from './error/error.component';
 import * as i0 from "@angular/core";
 export class NgxFormErrorsModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NgxFormErrorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: NgxFormErrorsModule, imports: [NgxFormErrorsComponent], exports: [NgxFormErrorsComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NgxFormErrorsModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: NgxFormErrorsModule, imports: [NgxFormErrorsComponent, ErrorComponent], exports: [NgxFormErrorsComponent, ErrorComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NgxFormErrorsModule, imports: [ErrorComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NgxFormErrorsModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [NgxFormErrorsComponent], // 👈 standalone component import
-                    exports: [NgxFormErrorsComponent] // 👈 expose to users
+                    imports: [NgxFormErrorsComponent, ErrorComponent], // 👈 standalone component import
+                    exports: [NgxFormErrorsComponent, ErrorComponent] // 👈 expose to users
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWZvcm0tZXJyb3JzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1mb3JtLWVycm9ycy9zcmMvbGliL25neC1mb3JtLWVycm9ycy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7QUFNckUsTUFBTSxPQUFPLG1CQUFtQjt3R0FBbkIsbUJBQW1CO3lHQUFuQixtQkFBbUIsWUFIcEIsc0JBQXNCLGFBQ3RCLHNCQUFzQjt5R0FFckIsbUJBQW1COzs0RkFBbkIsbUJBQW1CO2tCQUovQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLHNCQUFzQixDQUFDLEVBQUksaUNBQWlDO29CQUN0RSxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQyxDQUFJLHFCQUFxQjtpQkFDM0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOZ3hGb3JtRXJyb3JzQ29tcG9uZW50IH0gZnJvbSAnLi9uZ3gtZm9ybS1lcnJvcnMuY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgaW1wb3J0czogW05neEZvcm1FcnJvcnNDb21wb25lbnRdLCAgIC8vIPCfkYggc3RhbmRhbG9uZSBjb21wb25lbnQgaW1wb3J0XHJcbiAgZXhwb3J0czogW05neEZvcm1FcnJvcnNDb21wb25lbnRdICAgIC8vIPCfkYggZXhwb3NlIHRvIHVzZXJzXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOZ3hGb3JtRXJyb3JzTW9kdWxlIHt9Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWZvcm0tZXJyb3JzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1mb3JtLWVycm9ycy9zcmMvbGliL25neC1mb3JtLWVycm9ycy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBTXpELE1BQU0sT0FBTyxtQkFBbUI7d0dBQW5CLG1CQUFtQjt5R0FBbkIsbUJBQW1CLFlBSHBCLHNCQUFzQixFQUFDLGNBQWMsYUFDckMsc0JBQXNCLEVBQUMsY0FBYzt5R0FFcEMsbUJBQW1CLFlBSEcsY0FBYzs7NEZBR3BDLG1CQUFtQjtrQkFKL0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsRUFBQyxjQUFjLENBQUMsRUFBSSxpQ0FBaUM7b0JBQ3JGLE9BQU8sRUFBRSxDQUFDLHNCQUFzQixFQUFDLGNBQWMsQ0FBQyxDQUFJLHFCQUFxQjtpQkFDMUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOZ3hGb3JtRXJyb3JzQ29tcG9uZW50IH0gZnJvbSAnLi9uZ3gtZm9ybS1lcnJvcnMuY29tcG9uZW50JztcclxuaW1wb3J0IHsgRXJyb3JDb21wb25lbnQgfSBmcm9tICcuL2Vycm9yL2Vycm9yLmNvbXBvbmVudCc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGltcG9ydHM6IFtOZ3hGb3JtRXJyb3JzQ29tcG9uZW50LEVycm9yQ29tcG9uZW50XSwgICAvLyDwn5GIIHN0YW5kYWxvbmUgY29tcG9uZW50IGltcG9ydFxyXG4gIGV4cG9ydHM6IFtOZ3hGb3JtRXJyb3JzQ29tcG9uZW50LEVycm9yQ29tcG9uZW50XSAgICAvLyDwn5GIIGV4cG9zZSB0byB1c2Vyc1xyXG59KVxyXG5leHBvcnQgY2xhc3MgTmd4Rm9ybUVycm9yc01vZHVsZSB7fSJdfQ==

package/esm2022/lib/services/error.service.mjs

@@ -0,0 +1,31 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+export class ErrorService {
+    getErrorMessage(errors, label) {
+        if (errors['required']) {
+            return `${label} is required`;
+        }
+        if (errors['email']) {
+            return `Invalid email format`;
+        }
+        if (errors['minlength']) {
+            return `${label} must be at least ${errors['minlength'].requiredLength} characters`;
+        }
+        if (errors['maxlength']) {
+            return `${label} cannot exceed ${errors['maxlength'].requiredLength} characters`;
+        }
+        if (errors['pattern']) {
+            return `Invalid ${label} format`;
+        }
+        return `Invalid ${label}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ErrorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ErrorService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ErrorService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXJyb3Iuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1mb3JtLWVycm9ycy9zcmMvbGliL3NlcnZpY2VzL2Vycm9yLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFLM0MsTUFBTSxPQUFPLFlBQVk7SUFFdkIsZUFBZSxDQUFDLE1BQVcsRUFBRSxLQUFhO1FBRXhDLElBQUksTUFBTSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUM7WUFDdkIsT0FBTyxHQUFHLEtBQUssY0FBYyxDQUFDO1FBQ2hDLENBQUM7UUFFRCxJQUFJLE1BQU0sQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO1lBQ3BCLE9BQU8sc0JBQXNCLENBQUM7UUFDaEMsQ0FBQztRQUVELElBQUksTUFBTSxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUM7WUFDeEIsT0FBTyxHQUFHLEtBQUsscUJBQXFCLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxjQUFjLGFBQWEsQ0FBQztRQUN0RixDQUFDO1FBRUQsSUFBSSxNQUFNLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQztZQUN4QixPQUFPLEdBQUcsS0FBSyxrQkFBa0IsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDLGNBQWMsYUFBYSxDQUFDO1FBQ25GLENBQUM7UUFFRCxJQUFJLE1BQU0sQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDO1lBQ3RCLE9BQU8sV0FBVyxLQUFLLFNBQVMsQ0FBQztRQUNuQyxDQUFDO1FBRUQsT0FBTyxXQUFXLEtBQUssRUFBRSxDQUFDO0lBQzVCLENBQUM7d0dBekJVLFlBQVk7NEdBQVosWUFBWSxjQUZYLE1BQU07OzRGQUVQLFlBQVk7a0JBSHhCLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQEluamVjdGFibGUoe1xyXG4gIHByb3ZpZGVkSW46ICdyb290J1xyXG59KVxyXG5leHBvcnQgY2xhc3MgRXJyb3JTZXJ2aWNlIHtcclxuXHJcbiAgZ2V0RXJyb3JNZXNzYWdlKGVycm9yczogYW55LCBsYWJlbDogc3RyaW5nKTogc3RyaW5nIHtcclxuXHJcbiAgICBpZiAoZXJyb3JzWydyZXF1aXJlZCddKSB7XHJcbiAgICAgIHJldHVybiBgJHtsYWJlbH0gaXMgcmVxdWlyZWRgO1xyXG4gICAgfVxyXG5cclxuICAgIGlmIChlcnJvcnNbJ2VtYWlsJ10pIHtcclxuICAgICAgcmV0dXJuIGBJbnZhbGlkIGVtYWlsIGZvcm1hdGA7XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKGVycm9yc1snbWlubGVuZ3RoJ10pIHtcclxuICAgICAgcmV0dXJuIGAke2xhYmVsfSBtdXN0IGJlIGF0IGxlYXN0ICR7ZXJyb3JzWydtaW5sZW5ndGgnXS5yZXF1aXJlZExlbmd0aH0gY2hhcmFjdGVyc2A7XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKGVycm9yc1snbWF4bGVuZ3RoJ10pIHtcclxuICAgICAgcmV0dXJuIGAke2xhYmVsfSBjYW5ub3QgZXhjZWVkICR7ZXJyb3JzWydtYXhsZW5ndGgnXS5yZXF1aXJlZExlbmd0aH0gY2hhcmFjdGVyc2A7XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKGVycm9yc1sncGF0dGVybiddKSB7XHJcbiAgICAgIHJldHVybiBgSW52YWxpZCAke2xhYmVsfSBmb3JtYXRgO1xyXG4gICAgfVxyXG5cclxuICAgIHJldHVybiBgSW52YWxpZCAke2xhYmVsfWA7XHJcbiAgfVxyXG5cclxufSJdfQ==

package/esm2022/public-api.mjs

@@ -1,7 +1,8 @@
 /*
  * Public API Surface of ngx-form-errors
  */
-export * from './lib/ngx-form-errors.service';
-export * from './lib/ngx-form-errors.component';
 export * from './lib/ngx-form-errors.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25neC1mb3JtLWVycm9ycy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDhCQUE4QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG5neC1mb3JtLWVycm9yc1xyXG4gKi9cclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL25neC1mb3JtLWVycm9ycy5zZXJ2aWNlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbmd4LWZvcm0tZXJyb3JzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL25neC1mb3JtLWVycm9ycy5tb2R1bGUnOyBcclxuIl19
+export * from './lib/ngx-form-errors.component';
+export * from './lib/error/error.component';
+export * from './lib/services/error.service';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25neC1mb3JtLWVycm9ycy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsOEJBQThCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygbmd4LWZvcm0tZXJyb3JzXHJcbiAqL1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbmd4LWZvcm0tZXJyb3JzLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL25neC1mb3JtLWVycm9ycy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9lcnJvci9lcnJvci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy9lcnJvci5zZXJ2aWNlJzsiXX0=

package/fesm2022/ngx-mat-form-errors.mjs

@@ -1,17 +1,10 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, NgModule } from '@angular/core';
-
-class NgxFormErrorsService {
-    constructor() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NgxFormErrorsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NgxFormErrorsService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NgxFormErrorsService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [] });
+import { Component, Injectable, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { Subject, takeUntil } from 'rxjs';
 
 class NgxFormErrorsComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NgxFormErrorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -30,16 +23,88 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
   ` }]
         }] });
 
+class ErrorService {
+    getErrorMessage(errors, label) {
+        if (errors['required']) {
+            return `${label} is required`;
+        }
+        if (errors['email']) {
+            return `Invalid email format`;
+        }
+        if (errors['minlength']) {
+            return `${label} must be at least ${errors['minlength'].requiredLength} characters`;
+        }
+        if (errors['maxlength']) {
+            return `${label} cannot exceed ${errors['maxlength'].requiredLength} characters`;
+        }
+        if (errors['pattern']) {
+            return `Invalid ${label} format`;
+        }
+        return `Invalid ${label}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ErrorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ErrorService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ErrorService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class ErrorComponent {
+    controlContainer;
+    errorService;
+    destroy$ = new Subject();
+    field;
+    label;
+    form;
+    errorMessage = '';
+    constructor(controlContainer, errorService) {
+        this.controlContainer = controlContainer;
+        this.errorService = errorService;
+    }
+    ngOnInit() {
+        this.form = this.controlContainer.control;
+        const control = this.form.get(this.field);
+        if (!control)
+            return;
+        control.statusChanges.pipe(takeUntil(this.destroy$))
+            .subscribe(() => {
+            if (control.errors && (control.touched || control.dirty)) {
+                this.errorMessage = this.errorService.getErrorMessage(control.errors, this.label || this.field);
+            }
+            else {
+                this.errorMessage = '';
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ErrorComponent, deps: [{ token: i1.ControlContainer }, { token: ErrorService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ErrorComponent, isStandalone: true, selector: "ngx-error", inputs: { field: "field", label: "label" }, ngImport: i0, template: "<div class=\"ngx-error\" *ngIf=\"errorMessage\">\r\n  {{ errorMessage }}\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-error', standalone: true, imports: [CommonModule, ReactiveFormsModule], template: "<div class=\"ngx-error\" *ngIf=\"errorMessage\">\r\n  {{ errorMessage }}\r\n</div>" }]
+        }], ctorParameters: () => [{ type: i1.ControlContainer }, { type: ErrorService }], propDecorators: { field: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }] } });
+
 class NgxFormErrorsModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NgxFormErrorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: NgxFormErrorsModule, imports: [NgxFormErrorsComponent], exports: [NgxFormErrorsComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NgxFormErrorsModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: NgxFormErrorsModule, imports: [NgxFormErrorsComponent, ErrorComponent], exports: [NgxFormErrorsComponent, ErrorComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NgxFormErrorsModule, imports: [ErrorComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NgxFormErrorsModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [NgxFormErrorsComponent], // 👈 standalone component import
-                    exports: [NgxFormErrorsComponent] // 👈 expose to users
+                    imports: [NgxFormErrorsComponent, ErrorComponent], // 👈 standalone component import
+                    exports: [NgxFormErrorsComponent, ErrorComponent] // 👈 expose to users
                 }]
         }] });
 
@@ -51,5 +116,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { NgxFormErrorsComponent, NgxFormErrorsModule, NgxFormErrorsService };
+export { ErrorComponent, ErrorService, NgxFormErrorsComponent, NgxFormErrorsModule };
 //# sourceMappingURL=ngx-mat-form-errors.mjs.map

package/fesm2022/ngx-mat-form-errors.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-mat-form-errors.mjs","sources":["../../../projects/ngx-form-errors/src/lib/ngx-form-errors.service.ts","../../../projects/ngx-form-errors/src/lib/ngx-form-errors.component.ts","../../../projects/ngx-form-errors/src/lib/ngx-form-errors.module.ts","../../../projects/ngx-form-errors/src/public-api.ts","../../../projects/ngx-form-errors/src/ngx-mat-form-errors.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class NgxFormErrorsService {\r\n\r\n  constructor() { }\r\n}\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'lib-ngx-form-errors',\r\n  standalone: true,\r\n  imports: [],\r\n  template: `\r\n    <p>\r\n      ngx-form-errors works!\r\n    </p>\r\n  `,\r\n  styles: ``\r\n})\r\nexport class NgxFormErrorsComponent {\r\n\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { NgxFormErrorsComponent } from './ngx-form-errors.component';\r\n\r\n@NgModule({\r\n  imports: [NgxFormErrorsComponent],   // 👈 standalone component import\r\n  exports: [NgxFormErrorsComponent]    // 👈 expose to users\r\n})\r\nexport class NgxFormErrorsModule {}","/*\r\n * Public API Surface of ngx-form-errors\r\n */\r\n\r\nexport * from './lib/ngx-form-errors.service';\r\nexport * from './lib/ngx-form-errors.component';\r\nexport * from './lib/ngx-form-errors.module'; \r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAKa,oBAAoB,CAAA;AAE/B,IAAA,WAAA,GAAA,GAAiB;wGAFN,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAApB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,cAFnB,MAAM,EAAA,CAAA,CAAA;;4FAEP,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAHhC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA,CAAA;;;MCSY,sBAAsB,CAAA;wGAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,EAPvB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAGU,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAXlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EACnB,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,EAAE,EACD,QAAA,EAAA,CAAA;;;;AAIT,EAAA,CAAA,EAAA,CAAA;;;MCHU,mBAAmB,CAAA;wGAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;yGAAnB,mBAAmB,EAAA,OAAA,EAAA,CAHpB,sBAAsB,CAAA,EAAA,OAAA,EAAA,CACtB,sBAAsB,CAAA,EAAA,CAAA,CAAA;yGAErB,mBAAmB,EAAA,CAAA,CAAA;;4FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAJ/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,sBAAsB,CAAC;AACjC,oBAAA,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA,CAAA;;;ACND;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"ngx-mat-form-errors.mjs","sources":["../../../projects/ngx-form-errors/src/lib/ngx-form-errors.component.ts","../../../projects/ngx-form-errors/src/lib/services/error.service.ts","../../../projects/ngx-form-errors/src/lib/error/error.component.ts","../../../projects/ngx-form-errors/src/lib/error/error.component.html","../../../projects/ngx-form-errors/src/lib/ngx-form-errors.module.ts","../../../projects/ngx-form-errors/src/public-api.ts","../../../projects/ngx-form-errors/src/ngx-mat-form-errors.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'lib-ngx-form-errors',\r\n  standalone: true,\r\n  imports: [],\r\n  template: `\r\n    <p>\r\n      ngx-form-errors works!\r\n    </p>\r\n  `,\r\n  styles: ``\r\n})\r\nexport class NgxFormErrorsComponent {\r\n\r\n}\r\n","import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class ErrorService {\r\n\r\n  getErrorMessage(errors: any, label: string): string {\r\n\r\n    if (errors['required']) {\r\n      return `${label} is required`;\r\n    }\r\n\r\n    if (errors['email']) {\r\n      return `Invalid email format`;\r\n    }\r\n\r\n    if (errors['minlength']) {\r\n      return `${label} must be at least ${errors['minlength'].requiredLength} characters`;\r\n    }\r\n\r\n    if (errors['maxlength']) {\r\n      return `${label} cannot exceed ${errors['maxlength'].requiredLength} characters`;\r\n    }\r\n\r\n    if (errors['pattern']) {\r\n      return `Invalid ${label} format`;\r\n    }\r\n\r\n    return `Invalid ${label}`;\r\n  }\r\n\r\n}","import { Component, Input, OnInit } from '@angular/core';\r\nimport { ControlContainer, FormGroup, ReactiveFormsModule } from '@angular/forms';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ErrorService } from '../services/error.service';\r\nimport { Subject, takeUntil } from 'rxjs';\r\n\r\n\r\n@Component({\r\n  selector: 'ngx-error',\r\n  standalone: true,\r\n  imports: [CommonModule, ReactiveFormsModule],\r\n  templateUrl: './error.component.html'\r\n})\r\nexport class ErrorComponent implements OnInit {\r\n\r\n destroy$ = new Subject<void>();\r\n  @Input() field!: string;\r\n  @Input() label?: string;\r\n\r\n  form!: FormGroup;\r\n  errorMessage = '';\r\n\r\n  constructor(\r\n    private controlContainer: ControlContainer,\r\n    private errorService: ErrorService\r\n  ) {}\r\n\r\n  ngOnInit() {\r\n    this.form = this.controlContainer.control as FormGroup;\r\n\r\n    const control = this.form.get(this.field);\r\n    if (!control) return;\r\n\r\n    control.statusChanges.pipe(takeUntil(this.destroy$))\r\n.subscribe(() => {\r\n      if (control.errors && (control.touched || control.dirty)) {\r\n        this.errorMessage = this.errorService.getErrorMessage(\r\n          control.errors,\r\n          this.label || this.field\r\n        );\r\n      } else {\r\n        this.errorMessage = '';\r\n      }\r\n    });\r\n  }\r\n\r\n  ngOnDestroy() {\r\n  this.destroy$.next();\r\n  this.destroy$.complete();\r\n}\r\n}","<div class=\"ngx-error\" *ngIf=\"errorMessage\">\r\n  {{ errorMessage }}\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { NgxFormErrorsComponent } from './ngx-form-errors.component';\r\nimport { ErrorComponent } from './error/error.component';\r\n\r\n@NgModule({\r\n  imports: [NgxFormErrorsComponent,ErrorComponent],   // 👈 standalone component import\r\n  exports: [NgxFormErrorsComponent,ErrorComponent]    // 👈 expose to users\r\n})\r\nexport class NgxFormErrorsModule {}","/*\r\n * Public API Surface of ngx-form-errors\r\n */\r\n\r\nexport * from './lib/ngx-form-errors.module';\r\nexport * from './lib/ngx-form-errors.component';\r\nexport * from './lib/error/error.component';\r\nexport * from './lib/services/error.service';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2.ErrorService"],"mappings":"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"}

package/lib/error/error.component.d.ts

@@ -0,0 +1,19 @@
+import { OnInit } from '@angular/core';
+import { ControlContainer, FormGroup } from '@angular/forms';
+import { ErrorService } from '../services/error.service';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class ErrorComponent implements OnInit {
+    private controlContainer;
+    private errorService;
+    destroy$: Subject<void>;
+    field: string;
+    label?: string;
+    form: FormGroup;
+    errorMessage: string;
+    constructor(controlContainer: ControlContainer, errorService: ErrorService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ErrorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ErrorComponent, "ngx-error", never, { "field": { "alias": "field"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/ngx-form-errors.module.d.ts

@@ -1,7 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./ngx-form-errors.component";
+import * as i2 from "./error/error.component";
 export declare class NgxFormErrorsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxFormErrorsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxFormErrorsModule, never, [typeof i1.NgxFormErrorsComponent], [typeof i1.NgxFormErrorsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxFormErrorsModule, never, [typeof i1.NgxFormErrorsComponent, typeof i2.ErrorComponent], [typeof i1.NgxFormErrorsComponent, typeof i2.ErrorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxFormErrorsModule>;
 }

package/lib/services/error.service.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class ErrorService {
+    getErrorMessage(errors: any, label: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ErrorService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ErrorService>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-mat-form-errors",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "private": false,
   "peerDependencies": {
     "@angular/common": "^18.2.0",

package/public-api.d.ts

@@ -1,3 +1,4 @@
-export * from './lib/ngx-form-errors.service';
-export * from './lib/ngx-form-errors.component';
 export * from './lib/ngx-form-errors.module';
+export * from './lib/ngx-form-errors.component';
+export * from './lib/error/error.component';
+export * from './lib/services/error.service';