@testgorilla/tgo-ui 1.7.0 → 1.8.0

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

@@ -1,10 +1,13 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnChanges } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { ReplaySubject } from 'rxjs';
 import { Autocomplete, AutocompleteType, DropdownVariation } from './autocomplete.model';
+import { Language, LanguageService } from '../../utils/localization/language.service';
 import * as i0 from "@angular/core";
-export declare class AutocompleteComponent implements ControlValueAccessor, OnChanges, AfterViewInit {
+export declare class AutocompleteComponent implements ControlValueAccessor, OnChanges, AfterViewInit, OnInit {
+    private readonly languageService;
+    private readonly cdr;
     /**
      * @property itemsList
      * @description The list of items to display in the autocomplete.
@@ -71,12 +74,19 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
      * @memberof AutocompleteComponent
      */
     variant: DropdownVariation;
+    /**
+     * The language to be used
+     * @property language
+     * @type {Language}
+     * @memberof AutocompleteComponent
+     */
+    set language(value: Language);
     selectionChange: EventEmitter<any>;
     searchTextChange: EventEmitter<string>;
     formFieldElement: ElementRef<HTMLElement>;
     tagContainer: ElementRef<HTMLElement>;
     autocomplete: MatAutocompleteTrigger;
-    private readonly cdr;
+    private lang;
     protected value: any;
     protected inputValue: any;
     protected isInputFocus: boolean;
@@ -90,7 +100,9 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
     protected filteredSuggestionList$: import("rxjs").Observable<any>;
     protected searchResult$: import("rxjs").Observable<boolean>;
     protected translationContext: string;
+    constructor(languageService: LanguageService, cdr: ChangeDetectorRef);
     ngOnChanges(): void;
+    ngOnInit(): void;
     ngAfterViewInit(): void;
     onChange: (_: any) => void;
     onTouch: () => void;
@@ -112,5 +124,5 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
     protected onChevronClick(autocomplete: MatAutocomplete): void;
     protected get inputWidth(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, never>;
-    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; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; }, never, never, false, never>;
+    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; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; }, never, never, false, never>;
 }

package/components/card/card.component.d.ts

@@ -1,5 +1,13 @@
+import { CardSize } from './card.model';
 import * as i0 from "@angular/core";
 export declare class CardComponent {
+    /**
+     * Card size. Defaults "medium".
+     *
+     * @type {CardSize}
+     * @memberof CardComponent
+     */
+    size: CardSize;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ui-card", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ui-card", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/components/card/card.model.d.ts

@@ -0,0 +1 @@
+export type CardSize = 'small' | 'medium' | 'large';

package/components/confirm-dialog/confirm-dialog.component.d.ts

@@ -5,9 +5,9 @@ export declare class ConfirmDialogComponent {
     dialogRef: MatDialogRef<ConfirmDialogComponent>;
     private data;
     confirmMessage: string;
-    confirmButtonText: string;
-    cancelButtonText: string;
-    title: string;
+    confirmButtonText: string | undefined;
+    cancelButtonText: string | undefined;
+    title: string | undefined;
     constructor(dialogRef: MatDialogRef<ConfirmDialogComponent>, data: ConfirmDialogData);
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmDialogComponent, "ui-confirm-dialog", never, {}, {}, never, never, false, never>;

package/components/confirm-dialog/confirm-dialog.component.module.d.ts

@@ -4,8 +4,9 @@ import * as i2 from "@angular/common";
 import * as i3 from "@angular/material/dialog";
 import * as i4 from "../button/button.component.module";
 import * as i5 from "../dialog/dialog.component.module";
+import * as i6 from "@ngneat/transloco";
 export declare class ConfirmDialogComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialogComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ConfirmDialogComponentModule, [typeof i1.ConfirmDialogComponent], [typeof i2.CommonModule, typeof i3.MatDialogModule, typeof i4.ButtonComponentModule, typeof i5.DialogComponentModule], [typeof i1.ConfirmDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ConfirmDialogComponentModule, [typeof i1.ConfirmDialogComponent], [typeof i2.CommonModule, typeof i3.MatDialogModule, typeof i4.ButtonComponentModule, typeof i5.DialogComponentModule, typeof i6.TranslocoModule], [typeof i1.ConfirmDialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ConfirmDialogComponentModule>;
 }

package/components/datepicker/datepicker.component.d.ts

@@ -1,7 +1,9 @@
-import { EventEmitter, OnChanges } from '@angular/core';
+import { EventEmitter, OnChanges, OnInit } from '@angular/core';
 import { ControlValueAccessor, FormControl, FormGroup } from '@angular/forms';
+import { Language, LanguageService } from '../../utils/localization/language.service';
 import * as i0 from "@angular/core";
-export declare class DatepickerComponent implements OnChanges, ControlValueAccessor {
+export declare class DatepickerComponent implements OnChanges, ControlValueAccessor, OnInit {
+    private readonly languageService;
     class: string;
     /**
      * Form field label
@@ -81,6 +83,15 @@ export declare class DatepickerComponent implements OnChanges, ControlValueAcces
      * @memberof DatepickerComponent
      */
     updateOnBlur: boolean;
+    /**
+     * The language to be used
+     *
+     * @type {Language}
+     * @memberof SnackbarComponent
+     */
+    set language(value: Language);
+    private lang;
+    constructor(languageService: LanguageService);
     /**
      * @ignore
      */
@@ -101,8 +112,10 @@ export declare class DatepickerComponent implements OnChanges, ControlValueAcces
         end: FormControl<Date | null>;
     }>;
     errorsLength: boolean;
+    protected translationContext: string;
     get hint(): string;
     ngOnChanges(): void;
+    ngOnInit(): void;
     setErrorsLength(): boolean;
     onValueChange(value: Date | string): void;
     writeValue(value?: Date | string): void;
@@ -113,5 +126,5 @@ export declare class DatepickerComponent implements OnChanges, ControlValueAcces
     private setRange;
     private getRange;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "ui-datepicker", 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; }; "isRange": { "alias": "isRange"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; }, { "changed": "changed"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "ui-datepicker", 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; }; "isRange": { "alias": "isRange"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "language": { "alias": "language"; "required": false; }; }, { "changed": "changed"; }, never, never, false, never>;
 }

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

@@ -7,8 +7,9 @@ import * as i5 from "../icon/icon.component.module";
 import * as i6 from "@angular/forms";
 import * as i7 from "@angular/material/datepicker";
 import * as i8 from "@angular/material/core";
+import * as i9 from "@ngneat/transloco";
 export declare class DatepickerComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DatepickerComponentModule, [typeof i1.DatepickerComponent], [typeof i2.CommonModule, typeof i3.MatFormFieldModule, typeof i4.MatInputModule, typeof i5.IconComponentModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i7.MatDatepickerModule, typeof i8.MatNativeDateModule], [typeof i1.DatepickerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DatepickerComponentModule, [typeof i1.DatepickerComponent], [typeof i2.CommonModule, typeof i3.MatFormFieldModule, typeof i4.MatInputModule, typeof i5.IconComponentModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i7.MatDatepickerModule, typeof i8.MatNativeDateModule, typeof i9.TranslocoModule], [typeof i1.DatepickerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DatepickerComponentModule>;
 }

package/components/dialog/dialog.component.d.ts

@@ -1,10 +1,12 @@
 import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
 import { ButtonColor } from '../button/button.model';
+import { Language, LanguageService } from '../../utils/localization/language.service';
 import * as i0 from "@angular/core";
 export declare class DialogComponent implements OnInit, OnChanges {
     dialogRef: MatDialogRef<DialogComponent>;
-    constructor(dialogRef: MatDialogRef<DialogComponent>);
+    private readonly languageService;
+    constructor(dialogRef: MatDialogRef<DialogComponent>, languageService: LanguageService);
     /**
      * Dialog title
      *
@@ -47,10 +49,19 @@ export declare class DialogComponent implements OnInit, OnChanges {
      * @memberof DialogComponent
      */
     primaryButtonType: ButtonColor;
+    /**
+     * The language to be used
+     * @property language
+     * @type {Language}
+     * @memberof DialogComponent
+     */
+    set language(value: Language);
     closeEvent: EventEmitter<Event>;
     secondaryButtonClickEvent: EventEmitter<Event>;
     primaryButtonClickEvent: EventEmitter<Event>;
     disableButtons: boolean;
+    private lang;
+    protected readonly translationContext = "DIALOG.";
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     areButtonsDisabled(): void;
@@ -59,5 +70,5 @@ export declare class DialogComponent implements OnInit, OnChanges {
     onSecondaryButtonClick(event: Event): void;
     onPrimaryButtonClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "ui-dialog", never, { "title": { "alias": "title"; "required": false; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; }; "canCloseFn": { "alias": "canCloseFn"; "required": false; }; "secondaryButtonLabel": { "alias": "secondaryButtonLabel"; "required": false; }; "primaryButtonLabel": { "alias": "primaryButtonLabel"; "required": false; }; "secondaryButtonType": { "alias": "secondaryButtonType"; "required": false; }; "primaryButtonType": { "alias": "primaryButtonType"; "required": false; }; }, { "closeEvent": "closeEvent"; "secondaryButtonClickEvent": "secondaryButtonClickEvent"; "primaryButtonClickEvent": "primaryButtonClickEvent"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "ui-dialog", never, { "title": { "alias": "title"; "required": false; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; }; "canCloseFn": { "alias": "canCloseFn"; "required": false; }; "secondaryButtonLabel": { "alias": "secondaryButtonLabel"; "required": false; }; "primaryButtonLabel": { "alias": "primaryButtonLabel"; "required": false; }; "secondaryButtonType": { "alias": "secondaryButtonType"; "required": false; }; "primaryButtonType": { "alias": "primaryButtonType"; "required": false; }; "language": { "alias": "language"; "required": false; }; }, { "closeEvent": "closeEvent"; "secondaryButtonClickEvent": "secondaryButtonClickEvent"; "primaryButtonClickEvent": "primaryButtonClickEvent"; }, never, ["*"], false, never>;
 }

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

@@ -3,8 +3,9 @@ import * as i1 from "./dialog.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/material/dialog";
 import * as i4 from "../button/button.component.module";
+import * as i5 from "@ngneat/transloco";
 export declare class DialogComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DialogComponentModule, [typeof i1.DialogComponent], [typeof i2.CommonModule, typeof i3.MatDialogModule, typeof i4.ButtonComponentModule], [typeof i1.DialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DialogComponentModule, [typeof i1.DialogComponent], [typeof i2.CommonModule, typeof i3.MatDialogModule, typeof i4.ButtonComponentModule, typeof i5.TranslocoModule], [typeof i1.DialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DialogComponentModule>;
 }

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

@@ -2,8 +2,10 @@ import { OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { FloatLabelType } from '@angular/material/form-field';
 import { OptionType } from './dropdown.model';
+import { Language, LanguageService } from '../../utils/localization/language.service';
 import * as i0 from "@angular/core";
 export declare class DropdownComponent implements OnInit, ControlValueAccessor {
+    private readonly languageService;
     class: string;
     /**
      * Text content will be applied to the input element if present.
@@ -86,6 +88,14 @@ export declare class DropdownComponent implements OnInit, ControlValueAccessor {
      * @memberof DropdownComponent
      */
     required: boolean;
+    /**
+     * The language to be used
+     * @property language
+     * @type {Language}
+     * @memberof DropdownComponent
+     */
+    set language(value: Language);
+    private lang;
     /**
      * @ignore
      */
@@ -94,7 +104,7 @@ export declare class DropdownComponent implements OnInit, ControlValueAccessor {
      * @ignore
      */
     onTouch: () => void;
-    constructor();
+    constructor(languageService: LanguageService);
     floatLabel: FloatLabelType;
     classError: string;
     errorsLength: boolean;
@@ -108,5 +118,5 @@ export declare class DropdownComponent implements OnInit, ControlValueAccessor {
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
-    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; }; }, {}, never, never, false, never>;
+    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; }; }, {}, never, never, false, never>;
 }

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

@@ -7,8 +7,9 @@ import * as i5 from "../icon/icon.component.module";
 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 "@ngneat/transloco";
 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 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.TranslocoModule], [typeof i1.DropdownComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DropdownComponentModule>;
 }

package/components/empty-state/empty-state.component.d.ts

@@ -1,7 +1,9 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { IconName } from '../icon/icon.model';
+import { Language, LanguageService } from '../../utils/localization/language.service';
 import * as i0 from "@angular/core";
-export declare class EmptyStateComponent {
+export declare class EmptyStateComponent implements OnInit {
+    private readonly languageService;
     /**
      * @description If the default image should be displayed.
      * @type {boolean}
@@ -44,6 +46,12 @@ export declare class EmptyStateComponent {
      * @memberof EmptyStateComponent
      */
     tertiaryButtonText: string;
+    /**
+     * The language to be used
+     * @type {Language}
+     * @memberof EmptyStateComponent
+     */
+    set language(value: Language);
     /**
      * Event triggered when the primary button is clicked.
      * @type {Event}
@@ -65,9 +73,12 @@ export declare class EmptyStateComponent {
      * @memberof TagComponent
      */
     tertiaryButtonClick: EventEmitter<Event>;
+    private lang;
+    constructor(languageService: LanguageService);
+    ngOnInit(): void;
     onPrimaryButtonClick(event: Event): void;
     onSecondaryButtonClick(event: Event): void;
     onTertiaryButtonClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EmptyStateComponent, "ui-empty-state", never, { "showDefaultImg": { "alias": "showDefaultImg"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "title": { "alias": "title"; "required": false; }; "bodyText": { "alias": "bodyText"; "required": false; }; "primaryButtonText": { "alias": "primaryButtonText"; "required": false; }; "secondaryButtonText": { "alias": "secondaryButtonText"; "required": false; }; "tertiaryButtonText": { "alias": "tertiaryButtonText"; "required": false; }; }, { "primaryButtonClick": "primaryButtonClick"; "secondaryButtonClick": "secondaryButtonClick"; "tertiaryButtonClick": "tertiaryButtonClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EmptyStateComponent, "ui-empty-state", never, { "showDefaultImg": { "alias": "showDefaultImg"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "title": { "alias": "title"; "required": false; }; "bodyText": { "alias": "bodyText"; "required": false; }; "primaryButtonText": { "alias": "primaryButtonText"; "required": false; }; "secondaryButtonText": { "alias": "secondaryButtonText"; "required": false; }; "tertiaryButtonText": { "alias": "tertiaryButtonText"; "required": false; }; "language": { "alias": "language"; "required": false; }; }, { "primaryButtonClick": "primaryButtonClick"; "secondaryButtonClick": "secondaryButtonClick"; "tertiaryButtonClick": "tertiaryButtonClick"; }, never, never, false, never>;
 }

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

@@ -3,10 +3,12 @@ import { ControlValueAccessor } from '@angular/forms';
 import { FieldType } from '../../components/field/field.model';
 import { MatIconRegistry } from '@angular/material/icon';
 import { DomSanitizer } from '@angular/platform-browser';
+import { Language, LanguageService } from '../../utils/localization/language.service';
 import * as i0 from "@angular/core";
 export declare class FieldComponent implements OnInit, ControlValueAccessor {
     private matIconRegistry;
     private domSanitizer;
+    private readonly languageService;
     class: string;
     /**
      * Form field label
@@ -93,6 +95,15 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor {
      * @memberof FieldComponent
      */
     allowOnlyDigits: boolean;
+    /**
+     * The language to be used
+     * @property language
+     * @type {Language}
+     * @memberof FieldComponent
+     */
+    set language(value: Language);
+    private lang;
+    protected readonly translationContext = "FIELD.";
     /**
      * @ignore
      */
@@ -101,7 +112,7 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor {
      * @ignore
      */
     onTouch: () => void;
-    constructor(matIconRegistry: MatIconRegistry, domSanitizer: DomSanitizer);
+    constructor(matIconRegistry: MatIconRegistry, domSanitizer: DomSanitizer, languageService: LanguageService);
     showClose: boolean;
     showPassword: boolean;
     currentType: string;
@@ -119,5 +130,5 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor {
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponent, never>;
-    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; }; }, {}, never, never, false, never>;
+    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; }; }, {}, never, never, false, never>;
 }

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

@@ -8,8 +8,9 @@ import * as i6 from "../icon/icon.component.module";
 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 "@ngneat/transloco";
 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 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.TranslocoModule], [typeof i1.FieldComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FieldComponentModule>;
 }

package/components/file-upload/file-upload.component.d.ts

@@ -1,7 +1,9 @@
 import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { Language, LanguageService } from '../../utils/localization/language.service';
 import * as i0 from "@angular/core";
 export declare class FileUploadComponent implements OnInit, OnChanges, ControlValueAccessor {
+    private readonly languageService;
     class: string;
     /**
      *
@@ -44,7 +46,16 @@ export declare class FileUploadComponent implements OnInit, OnChanges, ControlVa
      * @memberof FileUploadComponent
      */
     file: File | null;
+    /**
+     * The language to be used
+     * @property language
+     * @type {Language}
+     * @memberof FileUploadComponent
+     */
+    set language(value: Language);
     OnDrop: EventEmitter<File>;
+    private lang;
+    protected readonly translationContext = "FILE_UPLOAD.";
     /**
      * @ignore
      */
@@ -56,7 +67,7 @@ export declare class FileUploadComponent implements OnInit, OnChanges, ControlVa
     progress: boolean;
     success: boolean;
     browse: boolean;
-    constructor();
+    constructor(languageService: LanguageService);
     ngOnInit(): void;
     onFileDropped(files: FileList): void;
     onChangeUpload(event: Event): void;
@@ -70,5 +81,5 @@ export declare class FileUploadComponent implements OnInit, OnChanges, ControlVa
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ui-file-upload", never, { "maxFileSizeMB": { "alias": "maxFileSizeMB"; "required": false; }; "supportedFileTypes": { "alias": "supportedFileTypes"; "required": false; }; "uploadProgress": { "alias": "uploadProgress"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "file": { "alias": "file"; "required": false; }; }, { "OnDrop": "OnDrop"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ui-file-upload", never, { "maxFileSizeMB": { "alias": "maxFileSizeMB"; "required": false; }; "supportedFileTypes": { "alias": "supportedFileTypes"; "required": false; }; "uploadProgress": { "alias": "uploadProgress"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "file": { "alias": "file"; "required": false; }; "language": { "alias": "language"; "required": false; }; }, { "OnDrop": "OnDrop"; }, never, never, false, never>;
 }

package/components/file-upload/file-upload.component.module.d.ts

@@ -6,8 +6,9 @@ import * as i4 from "@angular/material/form-field";
 import * as i5 from "@angular/material/input";
 import * as i6 from "../icon/icon.component.module";
 import * as i7 from "../progress-bar/progress-bar.component.module";
+import * as i8 from "@ngneat/transloco";
 export declare class FileUploadComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FileUploadComponentModule, [typeof i1.FileUploadComponent, typeof i2.DragDropDirective], [typeof i3.CommonModule, typeof i4.MatFormFieldModule, typeof i5.MatInputModule, typeof i6.IconComponentModule, typeof i7.ProgressBarComponentModule], [typeof i1.FileUploadComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FileUploadComponentModule, [typeof i1.FileUploadComponent, typeof i2.DragDropDirective], [typeof i3.CommonModule, typeof i4.MatFormFieldModule, typeof i5.MatInputModule, typeof i6.IconComponentModule, typeof i7.ProgressBarComponentModule, typeof i8.TranslocoModule], [typeof i1.FileUploadComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FileUploadComponentModule>;
 }

package/components/icon/icon.config.d.ts

@@ -1 +1 @@
-export declare const tgoIcons: readonly ["Add", "Archive", "Arrow_down", "Arrow_left", "Arrow_right", "Arrow_up", "Assessment", "Attempts", "Book", "Calendar", "Candidates", "Chat-notifications", "Chat", "Check", "Clone", "Close", "Code", "Company", "Copy", "Custom-questions", "Delete", "Devices", "Document", "Download", "Edit", "Email-message", "Empty-placeholder", "Error", "Essay", "Eye-hide", "Eye-view", "Feedback-1", "Feedback-2", "Feedback-3", "Feedback-4", "Feedback-5", "File-attach", "File-upload", "Filter", "Folder", "Format-add-file", "Format-add-table", "Format-align-L", "Format-align-R", "Format-align-center", "Format-align-justify", "Format-bold", "Format-code-active", "Format-code-block", "Format-edit-table", "Format-format", "Format-function", "Format-italics", "Format-list-bulleted", "Format-list-numbered", "Format-picker", "Format-quote", "Format-subscript", "Format-superscript", "Format-text-direction-L", "Format-text-direction-R", "Format-text-size", "Format-underline", "Format-variable", "Full-screen", "Gender-female", "Gender-male", "Help-2", "Help", "Image", "Info", "Integration", "Language", "Layout", "Learn", "Level", "Light-bulb", "Link", "Loading-spinner", "Localisation", "Location", "Lock", "Log-out", "Menu-burger", "Menu-ellipsis", "Microphone", "Minus", "Mouse-cursor", "Mouse-grab-cursor", "Mouse", "Multi-choice", "Notifications", "Password", "Path", "Plan-billing", "Plus", "Premium", "Promotion", "Question-count", "Refer", "Reset", "Review", "Round-check-filled", "Round-check", "Search", "Secure-checkout", "Send", "Settings", "Social-facebook", "Social-instagram", "Social-linkedin", "Sorting-down-1", "Sorting-down", "Speedometer", "Star-filled", "Star-half", "Star-outline", "Support", "Sync", "Team", "Test", "Thunder", "Timer", "Type", "Unarchive", "Unlock", "Upgrade", "Upload", "User-access", "User-add", "User-invite", "User-profile", "User-reject", "User-switch", "Video-pause", "Video-play", "Video-record", "Video", "Volume", "Warning", "Zoom-in", "Zoom-out"];
+export declare const tgoIcons: readonly ["Add", "Archive", "Arrow_down", "Arrow_left", "Arrow_right", "Arrow_up", "Assessment", "Attempts", "Book", "Calendar", "Candidates", "Chat-notifications", "Chat", "Check", "Clone", "Close", "Code", "Company", "Copy", "Custom-questions", "Delete", "Devices", "Document", "Download", "Edit", "Email-message", "Empty-placeholder", "Error", "Essay", "Eye-hide", "Eye-view", "Feedback-1", "Feedback-2", "Feedback-3", "Feedback-4", "Feedback-5", "File-attach", "File-upload", "Filter", "Folder", "Format-add-file", "Format-add-table", "Format-align-L", "Format-align-R", "Format-align-center", "Format-align-justify", "Format-bold", "Format-code-active", "Format-code-block", "Format-edit-table", "Format-format", "Format-function", "Format-italics", "Format-list-bulleted", "Format-list-numbered", "Format-picker", "Format-quote", "Format-subscript", "Format-superscript", "Format-text-direction-L", "Format-text-direction-R", "Format-text-size", "Format-underline", "Format-variable", "Full-screen", "Gender-female", "Gender-male", "Help-2", "Help", "Image", "Info", "Integration", "Language", "Layout", "Learn", "Level", "Light-bulb", "Link", "Loading-spinner", "Localisation", "Location", "Lock", "Log-out", "Menu-burger", "Menu-ellipsis", "Microphone", "Minus", "Mouse-cursor", "Mouse-grab-cursor", "Mouse", "Multi-choice", "Notifications", "Password", "Path", "Plan-billing", "Plus", "Premium", "Promotion", "Question-count", "Refer", "Reset", "Review", "Round-check-filled", "Round-check", "Search", "Secure-checkout", "Send", "Settings", "Social-facebook", "Social-instagram", "Social-linkedin", "Sorting-down-1", "Sorting-down", "Speedometer", "Star-filled", "Star-half", "Star-outline", "Support", "Sync", "Team", "Test", "Thunder", "Timer", "Type", "Unarchive", "Unlock", "Upgrade", "Upload", "User-access", "User-add", "User-invite", "User-profile", "User-reject", "User-switch", "Video-pause", "Video-play", "Video-record", "Video", "Volume", "Warning", "Zoom-in", "Zoom-out", "Fire", "Gift", "Grab", "Share", "Sparkles", "Video-stop"];

package/components/navbar/navbar.component.d.ts

@@ -1,7 +1,9 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { IRoute, MenuItem } from './navbar.model';
+import { Language, LanguageService } from '../../utils/localization/language.service';
 import * as i0 from "@angular/core";
-export declare class NavbarComponent {
+export declare class NavbarComponent implements OnInit {
+    private readonly languageService;
     /**
      * Routes object
      *
@@ -31,6 +33,13 @@ export declare class NavbarComponent {
      * @memberof NavbarComponent
      */
     menuItems: MenuItem[];
+    /**
+     * The language to be used
+     * @property language
+     * @type {Language}
+     * @memberof NavbarComponent
+     */
+    set language(value: Language);
     /**
      * @ignore
      */
@@ -43,10 +52,13 @@ export declare class NavbarComponent {
      * @ignore
      */
     logoutEvent: EventEmitter<void>;
-    constructor();
+    private lang;
+    protected readonly translationContext = "NAVBAR.";
+    constructor(languageService: LanguageService);
+    ngOnInit(): void;
     navigate(routeId: string): void;
     logout(): void;
     clickMenuItem(id: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "ui-navbar", never, { "routes": { "alias": "routes"; "required": false; }; "activedRoute": { "alias": "activedRoute"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; }, { "navigateEvent": "navigateEvent"; "menuItemClicked": "menuItemClicked"; "logoutEvent": "logoutEvent"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "ui-navbar", never, { "routes": { "alias": "routes"; "required": false; }; "activedRoute": { "alias": "activedRoute"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; "language": { "alias": "language"; "required": false; }; }, { "navigateEvent": "navigateEvent"; "menuItemClicked": "menuItemClicked"; "logoutEvent": "logoutEvent"; }, never, never, false, never>;
 }

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

@@ -8,8 +8,9 @@ import * as i6 from "@angular/material/core";
 import * as i7 from "@angular/material/menu";
 import * as i8 from "../logo/logo.component.module";
 import * as i9 from "../icon/icon.component.module";
+import * as i10 from "@ngneat/transloco";
 export declare class NavbarComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NavbarComponentModule, [typeof i1.NavbarComponent], [typeof i2.CommonModule, typeof i3.MatToolbarModule, typeof i4.MatIconModule, typeof i5.MatButtonModule, typeof i6.MatRippleModule, typeof i7.MatMenuModule, typeof i8.LogoComponentModule, typeof i9.IconComponentModule], [typeof i1.NavbarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NavbarComponentModule, [typeof i1.NavbarComponent], [typeof i2.CommonModule, typeof i3.MatToolbarModule, typeof i4.MatIconModule, typeof i5.MatButtonModule, typeof i6.MatRippleModule, typeof i7.MatMenuModule, typeof i8.LogoComponentModule, typeof i9.IconComponentModule, typeof i10.TranslocoModule], [typeof i1.NavbarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NavbarComponentModule>;
 }

package/components/navigation/navigation.component.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '@angular/core';
-import { ILabelOptionItem } from '../label/label.model';
+import { NavigationOptionItem } from './navigation.model';
 import * as i0 from "@angular/core";
 export declare class NavigationComponent {
     /**
@@ -19,11 +19,11 @@ export declare class NavigationComponent {
     /**
      * Navigation status component
      *
-     * @type {ILabelOptionItem}
+     * @type {NavigationOptionItem}
      * @memberof NavigationComponent
      * @ignore
      */
-    labelItem: ILabelOptionItem;
+    labelItem: NavigationOptionItem;
     /**
      * logo url
      *

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

@@ -3,9 +3,8 @@ import * as i1 from "./navigation.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/material/icon";
 import * as i4 from "@angular/material/button";
-import * as i5 from "../label/label.component.module";
 export declare class NavigationComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigationComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NavigationComponentModule, [typeof i1.NavigationComponent], [typeof i2.CommonModule, typeof i3.MatIconModule, typeof i4.MatButtonModule, typeof i5.LabelComponentModule], [typeof i1.NavigationComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NavigationComponentModule, [typeof i1.NavigationComponent], [typeof i2.CommonModule, typeof i3.MatIconModule, typeof i4.MatButtonModule], [typeof i1.NavigationComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NavigationComponentModule>;
 }

package/components/navigation/navigation.model.d.ts

@@ -0,0 +1,12 @@
+export interface NavigationOptionItem {
+    title: string;
+    textColor: string;
+    backgroundColor: string;
+    size: NavigationSize;
+}
+export declare enum NavigationSizeEnum {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large"
+}
+export type NavigationSize = 'small' | 'medium' | 'large';

package/components/side-sheet/side-sheet.component.d.ts

@@ -2,10 +2,12 @@ import { DestroyRef, OnInit, ViewContainerRef } from '@angular/core';
 import { SideSheetService } from './side-sheet.service';
 import { SideSheetConfig, SideSheetPosition } from './side-sheet.model';
 import { MatDrawer } from '@angular/material/sidenav';
+import { Language, LanguageService } from '../../utils/localization/language.service';
 import * as i0 from "@angular/core";
 export declare class SideSheetComponent implements OnInit {
     private sideSheetService;
     private destroyRef;
+    private readonly languageService;
     /**
      * Set position. Defaults "end"
      *
@@ -13,17 +15,25 @@ export declare class SideSheetComponent implements OnInit {
      * @memberof SideSheetComponent
      */
     position: SideSheetPosition;
+    /**
+     * The language to be used
+     *
+     * @type {Language}
+     * @memberof SideSheetComponent
+     */
+    set language(value: Language);
     drawer: MatDrawer;
     container: ViewContainerRef;
+    private lang;
     protected title: string;
     protected showBackButton: boolean;
     protected showTitleTooltip: boolean;
     protected componentRef$: import("rxjs").Observable<SideSheetConfig | null>;
-    constructor(sideSheetService: SideSheetService, destroyRef: DestroyRef);
+    constructor(sideSheetService: SideSheetService, destroyRef: DestroyRef, languageService: LanguageService);
     ngOnInit(): void;
     private setComponentRef;
     private setConfig;
     protected onClose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SideSheetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SideSheetComponent, "ui-side-sheet", never, { "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideSheetComponent, "ui-side-sheet", never, { "position": { "alias": "position"; "required": false; }; "language": { "alias": "language"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/components/skeleton/skeleton.component.d.ts

@@ -1,9 +1,15 @@
-import { NgxSkeletonLoaderConfig, NgxSkeletonLoaderConfigTheme } from 'ngx-skeleton-loader';
+import { NgxSkeletonLoaderConfigTheme } from 'ngx-skeleton-loader';
+import { BehaviorSubject } from 'rxjs';
+import { Appearance } from './skeleton.model';
 import * as i0 from "@angular/core";
 export declare class SkeletonComponent {
     count: number | string;
-    theme: NgxSkeletonLoaderConfigTheme;
-    appearance: NgxSkeletonLoaderConfig['appearance'];
+    set theme(value: NgxSkeletonLoaderConfigTheme);
+    set appearance(value: Appearance);
+    protected readonly theme$: BehaviorSubject<NgxSkeletonLoaderConfigTheme>;
+    protected readonly appearance$: BehaviorSubject<"" | "circle" | "line" | "custom-content">;
+    protected readonly currentTheme$: import("rxjs").Observable<NgxSkeletonLoaderConfigTheme>;
+    private getThemeWithDefaultValues;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonComponent, "ui-skeleton", never, { "count": { "alias": "count"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; }, {}, never, never, true, never>;
 }