@testgorilla/tgo-ui 2.3.0 → 2.3.2

package/components/autocomplete/autocomplete.component.d.ts

@@ -1,15 +1,16 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
+import { AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, OnChanges } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { ReplaySubject } from 'rxjs';
 import { Autocomplete, AutocompleteType, DropdownVariation } from './autocomplete.model';
 import { ApplicationTheme } from '../../models/application-theme.model';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
-export declare class AutocompleteComponent implements ControlValueAccessor, OnChanges, AfterViewInit {
+export declare class AutocompleteComponent implements ControlValueAccessor, OnChanges, AfterViewInit, DoCheck {
     private readonly defaultAppTheme;
     private readonly cdr;
     private readonly domSanitizer;
+    ngControl: NgControl;
     /**
      * @property itemsList
      * @description The list of items to display in the autocomplete.
@@ -138,7 +139,12 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
     protected filteredSuggestionList$: import("rxjs").Observable<any>;
     protected searchResult$: import("rxjs").Observable<boolean>;
     protected translationContext: string;
-    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, domSanitizer: DomSanitizer);
+    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, domSanitizer: DomSanitizer, ngControl: NgControl);
+    /**
+     * Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched
+     * to display validation errors that might happen (e.g. required)
+     */
+    ngDoCheck(): void;
     ngOnChanges(): void;
     ngAfterViewInit(): void;
     onChange: (_: any) => void;
@@ -161,6 +167,6 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
     protected onChevronClick(autocomplete: MatAutocomplete): void;
     protected get inputWidth(): number;
     protected trackByFn: (index: number, value: any) => any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, [{ optional: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, [{ optional: true; }, null, null, { optional: true; self: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ui-autocomplete", never, { "itemsList": { "alias": "itemsList"; "required": false; }; "suggestionsList": { "alias": "suggestionsList"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "allowAdd": { "alias": "allowAdd"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "label": { "alias": "label"; "required": false; }; "itemValue": { "alias": "itemValue"; "required": false; }; "type": { "alias": "type"; "required": false; }; "minCharactersSearch": { "alias": "minCharactersSearch"; "required": false; }; "variant": { "alias": "variant"; "required": true; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "valuePrimitive": { "alias": "valuePrimitive"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; }, never, never, false, never>;
 }

package/components/autocomplete/autocomplete.component.module.d.ts

@@ -12,8 +12,9 @@ import * as i10 from "../tag/tag.component.module";
 import * as i11 from "@angular/material/chips";
 import * as i12 from "../icon/icon.component.module";
 import * as i13 from "../../pipes/ui-translate.pipe";
+import * as i14 from "../validation-error/validation-error.module";
 export declare class AutocompleteComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AutocompleteComponentModule, [typeof i1.AutocompleteComponent, typeof i2.TransformItemPipe, typeof i3.IncludesPipe, typeof i4.SelectTextDirective], [typeof i5.CommonModule, typeof i6.MatFormFieldModule, typeof i7.MatAutocompleteModule, typeof i8.MatInputModule, typeof i9.FormsModule, typeof i10.TagComponentModule, typeof i11.MatChipsModule, typeof i12.IconComponentModule, typeof i13.UiTranslatePipe], [typeof i1.AutocompleteComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AutocompleteComponentModule, [typeof i1.AutocompleteComponent, typeof i2.TransformItemPipe, typeof i3.IncludesPipe, typeof i4.SelectTextDirective], [typeof i5.CommonModule, typeof i6.MatFormFieldModule, typeof i7.MatAutocompleteModule, typeof i8.MatInputModule, typeof i9.FormsModule, typeof i10.TagComponentModule, typeof i11.MatChipsModule, typeof i12.IconComponentModule, typeof i13.UiTranslatePipe, typeof i14.ValidationErrorModule], [typeof i1.AutocompleteComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AutocompleteComponentModule>;
 }

package/components/checkbox/checkbox.component.d.ts

@@ -1,11 +1,12 @@
-import { EventEmitter, OnInit, ChangeDetectorRef } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
+import { ChangeDetectorRef, DoCheck, EventEmitter, OnInit } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { MatCheckboxChange } from '@angular/material/checkbox';
-import { ApplicationTheme } from "../../models/application-theme.model";
+import { ApplicationTheme } from '../../models/application-theme.model';
 import * as i0 from "@angular/core";
-export declare class CheckboxComponent implements OnInit, ControlValueAccessor {
+export declare class CheckboxComponent implements OnInit, ControlValueAccessor, DoCheck {
     private readonly defaultAppTheme;
     private cdr;
+    ngControl: NgControl;
     /**
      * Determines whether the checkbox is disabled.
      * Default: false.
@@ -90,6 +91,13 @@ export declare class CheckboxComponent implements OnInit, ControlValueAccessor {
      * @memberof CheckboxComponent
      */
     hasError: boolean;
+    /**
+     * The language to be used
+     * @property language
+     * @type {Language}
+     * @memberof DropdownComponent
+     */
+    language: import("@testgorilla/tgo-ui").Language;
     /**
      * Event emitted when the checkbox's checked value changes.
      *
@@ -106,7 +114,12 @@ export declare class CheckboxComponent implements OnInit, ControlValueAccessor {
      */
     onTouch: () => void;
     classMultiple: string;
-    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef);
+    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, ngControl: NgControl);
+    /**
+     * Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched
+     * to display validation errors that might happen (e.g. required)
+     */
+    ngDoCheck(): void;
     emitChange(event: MatCheckboxChange): void;
     ngOnInit(): void;
     toggleChecked(event: MatCheckboxChange): void;
@@ -115,6 +128,6 @@ export declare class CheckboxComponent implements OnInit, ControlValueAccessor {
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, [{ optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ui-checkbox", never, { "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; }, { "changed": "changed"; }, never, ["[checkbox-label]"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, [{ optional: true; }, null, { optional: true; self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ui-checkbox", never, { "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "language": { "alias": "language"; "required": false; }; }, { "changed": "changed"; }, never, ["[checkbox-label]"], false, never>;
 }

package/components/checkbox/checkbox.component.module.d.ts

@@ -4,8 +4,11 @@ import * as i2 from "@angular/common";
 import * as i3 from "@angular/material/checkbox";
 import * as i4 from "@angular/forms";
 import * as i5 from "@angular/material/input";
+import * as i6 from "../icon/icon.component.module";
+import * as i7 from "../../pipes/ui-translate.pipe";
+import * as i8 from "../validation-error/validation-error.module";
 export declare class CheckboxComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboxComponentModule, [typeof i1.CheckboxComponent], [typeof i2.CommonModule, typeof i3.MatCheckboxModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.MatInputModule], [typeof i1.CheckboxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboxComponentModule, [typeof i1.CheckboxComponent], [typeof i2.CommonModule, typeof i3.MatCheckboxModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.MatInputModule, typeof i6.IconComponentModule, typeof i7.UiTranslatePipe, typeof i8.ValidationErrorModule], [typeof i1.CheckboxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CheckboxComponentModule>;
 }

package/components/dropdown/dropdown.component.d.ts

@@ -1,12 +1,13 @@
-import { ChangeDetectorRef, OnInit } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
+import { ChangeDetectorRef, DoCheck, OnInit } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { FloatLabelType } from '@angular/material/form-field';
 import { OptionType } from './dropdown.model';
-import { ApplicationTheme } from "../../models/application-theme.model";
+import { ApplicationTheme } from '../../models/application-theme.model';
 import * as i0 from "@angular/core";
-export declare class DropdownComponent implements OnInit, ControlValueAccessor {
+export declare class DropdownComponent implements OnInit, ControlValueAccessor, DoCheck {
     private readonly defaultAppTheme;
     private cdr;
+    ngControl: NgControl;
     class: string;
     /**
      * Text content will be applied to the input element if present.
@@ -119,11 +120,16 @@ export declare class DropdownComponent implements OnInit, ControlValueAccessor {
      * @ignore
      */
     onTouch: () => void;
-    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef);
+    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, ngControl: NgControl);
     floatLabel: FloatLabelType;
     classError: string;
     errorsLength: boolean;
     showCheck: boolean;
+    /**
+     * Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched
+     * to display validation errors that might happen (e.g. required)
+     */
+    ngDoCheck(): void;
     ngOnInit(): void;
     clearValue(event: Event): void;
     onChangeOption(event: any): void;
@@ -132,6 +138,6 @@ export declare class DropdownComponent implements OnInit, ControlValueAccessor {
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, [{ optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, [{ optional: true; }, null, { optional: true; self: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ui-dropdown", never, { "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "valueList": { "alias": "valueList"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "allowMultipleSelection": { "alias": "allowMultipleSelection"; "required": false; }; "required": { "alias": "required"; "required": false; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
 }

package/components/dropdown/dropdown.component.module.d.ts

@@ -8,8 +8,9 @@ import * as i6 from "@angular/forms";
 import * as i7 from "../button/button.component.module";
 import * as i8 from "@angular/material/select";
 import * as i9 from "../../pipes/ui-translate.pipe";
+import * as i10 from "../validation-error/validation-error.module";
 export declare class DropdownComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DropdownComponentModule, [typeof i1.DropdownComponent], [typeof i2.CommonModule, typeof i3.MatFormFieldModule, typeof i4.MatInputModule, typeof i5.IconComponentModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i7.ButtonComponentModule, typeof i8.MatSelectModule, typeof i9.UiTranslatePipe], [typeof i1.DropdownComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DropdownComponentModule, [typeof i1.DropdownComponent], [typeof i2.CommonModule, typeof i3.MatFormFieldModule, typeof i4.MatInputModule, typeof i5.IconComponentModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i7.ButtonComponentModule, typeof i8.MatSelectModule, typeof i9.UiTranslatePipe, typeof i10.ValidationErrorModule], [typeof i1.DropdownComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DropdownComponentModule>;
 }

package/components/field/field.component.d.ts

@@ -1,16 +1,17 @@
-import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
+import { ChangeDetectorRef, DoCheck, EventEmitter, OnInit } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { FieldType } from '../../components/field/field.model';
 import { MatIconRegistry } from '@angular/material/icon';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { ApplicationTheme } from '../../models/application-theme.model';
 import { IconName } from '../icon/icon.model';
 import * as i0 from "@angular/core";
-export declare class FieldComponent implements OnInit, ControlValueAccessor {
+export declare class FieldComponent implements OnInit, ControlValueAccessor, DoCheck {
     private readonly defaultAppTheme;
     private matIconRegistry;
     private domSanitizer;
     private cdr;
+    ngControl: NgControl;
     class: string;
     /**
      * Form field label
@@ -181,7 +182,12 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor {
      * @ignore
      */
     onTouch: () => void;
-    constructor(defaultAppTheme: ApplicationTheme, matIconRegistry: MatIconRegistry, domSanitizer: DomSanitizer, cdr: ChangeDetectorRef);
+    constructor(defaultAppTheme: ApplicationTheme, matIconRegistry: MatIconRegistry, domSanitizer: DomSanitizer, cdr: ChangeDetectorRef, ngControl: NgControl);
+    /**
+     * Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched
+     * to display validation errors that might happen (e.g. required)
+     */
+    ngDoCheck(): void;
     showClose: boolean;
     showPassword: boolean;
     currentType: string;
@@ -204,6 +210,6 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor {
     onSubmit(): void;
     private clearSpace;
     trackByFn: (index: number, value: any) => any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponent, [{ optional: true; }, null, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponent, [{ optional: true; }, null, null, null, { optional: true; self: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "ui-field", never, { "label": { "alias": "label"; "required": false; }; "fieldName": { "alias": "fieldName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "type": { "alias": "type"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "allowOnlyDigits": { "alias": "allowOnlyDigits"; "required": false; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "isValid": { "alias": "isValid"; "required": false; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; }; "trimOnBlur": { "alias": "trimOnBlur"; "required": false; }; "trimOnSubmit": { "alias": "trimOnSubmit"; "required": false; }; }, { "validateEvent": "validateEvent"; }, never, never, false, never>;
 }

package/components/field/field.component.module.d.ts

@@ -9,8 +9,9 @@ import * as i7 from "@angular/forms";
 import * as i8 from "../button/button.component.module";
 import * as i9 from "@angular/material/icon";
 import * as i10 from "../../pipes/ui-translate.pipe";
+import * as i11 from "../validation-error/validation-error.module";
 export declare class FieldComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FieldComponentModule, [typeof i1.FieldComponent, typeof i2.DigitsOnlyDirective], [typeof i3.CommonModule, typeof i4.MatFormFieldModule, typeof i5.MatInputModule, typeof i6.IconComponentModule, typeof i7.FormsModule, typeof i7.ReactiveFormsModule, typeof i8.ButtonComponentModule, typeof i9.MatIconModule, typeof i10.UiTranslatePipe], [typeof i1.FieldComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FieldComponentModule, [typeof i1.FieldComponent, typeof i2.DigitsOnlyDirective], [typeof i3.CommonModule, typeof i4.MatFormFieldModule, typeof i5.MatInputModule, typeof i6.IconComponentModule, typeof i7.FormsModule, typeof i7.ReactiveFormsModule, typeof i8.ButtonComponentModule, typeof i9.MatIconModule, typeof i10.UiTranslatePipe, typeof i11.ValidationErrorModule], [typeof i1.FieldComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FieldComponentModule>;
 }

package/components/phone-input/phone-input.component.d.ts

@@ -1,5 +1,5 @@
 import { FocusMonitor } from '@angular/cdk/a11y';
-import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, DoCheck, ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { ControlValueAccessor, NgControl, UntypedFormBuilder, UntypedFormControl, UntypedFormGroup } from '@angular/forms';
 import { ErrorStateMatcher } from '@angular/material/core';
 import { BehaviorSubject, Observable, Subject } from 'rxjs';
@@ -8,7 +8,7 @@ import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { ApplicationTheme } from '../../models/application-theme.model';
 import { UICountry } from './phone-input.model';
 import * as i0 from "@angular/core";
-export declare class PhoneInputComponent implements OnInit, OnDestroy, ControlValueAccessor {
+export declare class PhoneInputComponent implements OnInit, OnDestroy, ControlValueAccessor, DoCheck {
     ngControl: NgControl;
     private errorMatcher;
     private fb;
@@ -102,6 +102,11 @@ export declare class PhoneInputComponent implements OnInit, OnDestroy, ControlVa
     protected selectedCountry: UICountry;
     private unsubscribeAll$;
     constructor(ngControl: NgControl, errorMatcher: ErrorStateMatcher, fb: UntypedFormBuilder, focusMonitor: FocusMonitor, ref: ChangeDetectorRef, iconRegistry: MatIconRegistry, sanitizer: DomSanitizer, defaultAppTheme: ApplicationTheme);
+    /**
+     * Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched
+     * to display validation errors that might happen (e.g. required)
+     */
+    ngDoCheck(): void;
     ngOnInit(): void;
     registerCountryFlag(countryIso: string): void;
     setErrorsLength(): boolean;
@@ -121,6 +126,7 @@ export declare class PhoneInputComponent implements OnInit, OnDestroy, ControlVa
     private preSelectCountry;
     private setCountry;
     private getCountryByAlpha2Code;
+    private getCountryByCallingCode;
     private loadCountries;
     disableClick(ev: Event): void;
     trackByFn: (index: number, value: any) => any;

package/components/phone-input/phone-input.component.module.d.ts

@@ -11,8 +11,9 @@ import * as i9 from "ngx-mat-select-search";
 import * as i10 from "../icon/icon.component.module";
 import * as i11 from "../spinner/spinner.module";
 import * as i12 from "../../pipes/ui-translate.pipe";
+import * as i13 from "../validation-error/validation-error.module";
 export declare class PhoneInputComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PhoneInputComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PhoneInputComponentModule, [typeof i1.PhoneInputComponent, typeof i2.JoinStringsPipe], [typeof i3.CommonModule, typeof i4.MatProgressSpinnerModule, typeof i5.ReactiveFormsModule, typeof i6.MatSelectModule, typeof i7.MatIconModule, typeof i8.MatInputModule, typeof i9.NgxMatSelectSearchModule, typeof i10.IconComponentModule, typeof i11.SpinnerComponentModule, typeof i12.UiTranslatePipe], [typeof i1.PhoneInputComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PhoneInputComponentModule, [typeof i1.PhoneInputComponent, typeof i2.JoinStringsPipe], [typeof i3.CommonModule, typeof i4.MatProgressSpinnerModule, typeof i5.ReactiveFormsModule, typeof i6.MatSelectModule, typeof i7.MatIconModule, typeof i8.MatInputModule, typeof i9.NgxMatSelectSearchModule, typeof i10.IconComponentModule, typeof i11.SpinnerComponentModule, typeof i12.UiTranslatePipe, typeof i13.ValidationErrorModule], [typeof i1.PhoneInputComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PhoneInputComponentModule>;
 }

package/components/validation-error/validation-error.component.d.ts

@@ -0,0 +1,27 @@
+import { errorType } from './validation-error.model';
+import { NgControl } from '@angular/forms';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import * as i0 from "@angular/core";
+export declare class ValidationErrorComponent {
+    ngControl: NgControl;
+    label: string | undefined;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof ValidationErrorComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * The language to be used
+     * @property language
+     * @type {Language}
+     * @memberof ValidationErrorComponent
+     */
+    language: import("@testgorilla/tgo-ui").Language;
+    getErrorValue(type: errorType): number;
+    translationContextErrors: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValidationErrorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ValidationErrorComponent, "ui-validation-error", never, { "ngControl": { "alias": "ngControl"; "required": false; }; "label": { "alias": "label"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "language": { "alias": "language"; "required": false; }; }, {}, never, never, false, never>;
+}

package/components/validation-error/validation-error.model.d.ts

@@ -0,0 +1 @@
+export type errorType = 'maxlength' | 'minlength' | 'min' | 'max';

package/components/validation-error/validation-error.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./validation-error.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../icon/icon.component.module";
+import * as i4 from "../../pipes/ui-translate.pipe";
+export declare class ValidationErrorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValidationErrorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ValidationErrorModule, [typeof i1.ValidationErrorComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof i4.UiTranslatePipe], [typeof i1.ValidationErrorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ValidationErrorModule>;
+}

package/esm2022/assets/i18n/en.json

@@ -83,5 +83,13 @@
         "SPECIAL_CHARACTER": "Contains at least one special character",
         "CHARACTERS": "Contains at least 12 characters",
         "PASSWORD_PLACEHOLDER": "Password"
+    },
+    "ERRORS": {
+        "REQUIRED": "This field is required",
+        "REQUIRED_FIELD": "This field is required - ({{label}})",
+        "MAX_LENGTH": "Please enter a value with a maximum length of ({{maxlength}}) characters",
+        "MIN_LENGTH": "Please enter a value with a minimum length of ({{maxlength}}) characters",
+        "MAX": "Please enter a value with a maximum value of ({{max}})",
+        "MIN": "Please enter a value with a minimum value of ({{min}})"
     }
 }