@testgorilla/tgo-ui 8.19.0 → 9.0.0

package/components/dialog/index.d.ts

@@ -1,21 +1,21 @@
 import * as i0 from '@angular/core';
-import { OnInit, OnChanges, AfterViewInit, EventEmitter, SimpleChanges } from '@angular/core';
-import * as i3 from '@angular/material/dialog';
+import { OnInit, OnChanges, AfterViewInit, EventEmitter, SimpleChanges, ChangeDetectorRef } from '@angular/core';
+import * as i2 from '@angular/material/dialog';
 import { MatDialogRef, MatDialog, MatDialogConfig } from '@angular/material/dialog';
-import * as i5 from '@testgorilla/tgo-ui/components/core';
+import * as i3 from '@testgorilla/tgo-ui/components/button';
+import { ButtonColor, ButtonIconPosition, ButtonComponent } from '@testgorilla/tgo-ui/components/button';
+import * as i4 from '@testgorilla/tgo-ui/components/core';
 import { ApplicationTheme, Language } from '@testgorilla/tgo-ui/components/core';
 export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i4 from '@testgorilla/tgo-ui/components/button';
-import { ButtonColor, ButtonIconPosition, ButtonComponent } from '@testgorilla/tgo-ui/components/button';
 import { IconName } from '@testgorilla/tgo-ui/components/icon';
-import * as i2 from '@angular/common';
+import * as i1 from '@angular/common';
 import { ComponentType } from '@angular/cdk/portal';
-import * as i5$1 from '@testgorilla/tgo-ui/components/toggle';
+import * as i4$1 from '@testgorilla/tgo-ui/components/toggle';
 
 declare class DialogComponent implements OnInit, OnChanges, AfterViewInit {
     private readonly defaultAppTheme;
     dialogRef: MatDialogRef<DialogComponent>;
-    private data;
+    private readonly data;
     /**
      * Dialog title
      *
@@ -155,7 +155,7 @@ declare class DialogComponent implements OnInit, OnChanges, AfterViewInit {
     });
     disableButtons: boolean;
     protected readonly translationContext = "DIALOG.";
-    customHeader?: any;
+    customHeader?: unknown;
     get hasCustomHeader(): boolean;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -166,18 +166,18 @@ declare class DialogComponent implements OnInit, OnChanges, AfterViewInit {
     onSecondaryButtonClick(event: Event): void;
     onPrimaryButtonClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, [{ optional: true; }, null, null]>;
-    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; }; "footerMessage": { "alias": "footerMessage"; "required": false; }; "primaryButtonLabel": { "alias": "primaryButtonLabel"; "required": false; }; "primaryButtonIconName": { "alias": "primaryButtonIconName"; "required": false; }; "secondaryButtonType": { "alias": "secondaryButtonType"; "required": false; }; "primaryButtonType": { "alias": "primaryButtonType"; "required": false; }; "primaryButtonDataTestId": { "alias": "primaryButtonDataTestId"; "required": false; }; "secondaryButtonDataTestId": { "alias": "secondaryButtonDataTestId"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "disablePrimaryButton": { "alias": "disablePrimaryButton"; "required": false; }; "disableClose": { "alias": "disableClose"; "required": false; }; "shouldDisableButtons": { "alias": "shouldDisableButtons"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "keyboardOpen": { "alias": "keyboardOpen"; "required": false; }; "primaryButtonIconPosition": { "alias": "primaryButtonIconPosition"; "required": false; "isSignal": true; }; }, { "closeEvent": "closeEvent"; "secondaryButtonClickEvent": "secondaryButtonClickEvent"; "primaryButtonClickEvent": "primaryButtonClickEvent"; }, ["customHeader"], ["[dialogHeader]", "*", "[dialogFooter]"], 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; }; "footerMessage": { "alias": "footerMessage"; "required": false; }; "primaryButtonLabel": { "alias": "primaryButtonLabel"; "required": false; }; "primaryButtonIconName": { "alias": "primaryButtonIconName"; "required": false; }; "secondaryButtonType": { "alias": "secondaryButtonType"; "required": false; }; "primaryButtonType": { "alias": "primaryButtonType"; "required": false; }; "primaryButtonDataTestId": { "alias": "primaryButtonDataTestId"; "required": false; }; "secondaryButtonDataTestId": { "alias": "secondaryButtonDataTestId"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "disablePrimaryButton": { "alias": "disablePrimaryButton"; "required": false; }; "disableClose": { "alias": "disableClose"; "required": false; }; "shouldDisableButtons": { "alias": "shouldDisableButtons"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "keyboardOpen": { "alias": "keyboardOpen"; "required": false; }; "primaryButtonIconPosition": { "alias": "primaryButtonIconPosition"; "required": false; "isSignal": true; }; }, { "closeEvent": "closeEvent"; "secondaryButtonClickEvent": "secondaryButtonClickEvent"; "primaryButtonClickEvent": "primaryButtonClickEvent"; }, ["customHeader"], ["[dialogHeader]", "*", "[dialogFooter]"], true, never>;
 }
 
 declare class DialogComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DialogComponentModule, [typeof DialogComponent], [typeof i2.CommonModule, typeof i3.MatDialogModule, typeof i4.ButtonComponentModule, typeof i5.UiTranslatePipe], [typeof DialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DialogComponentModule, never, [typeof i1.CommonModule, typeof i2.MatDialogModule, typeof i3.ButtonComponentModule, typeof i4.UiTranslatePipe, typeof DialogComponent], [typeof DialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DialogComponentModule>;
 }
 
 type DialogSize = 'small' | 'large' | 'x-large';
 declare class DialogService {
-    private matDialog;
+    private readonly matDialog;
     private readonly defaultAppTheme;
     constructor(matDialog: MatDialog, defaultAppTheme: ApplicationTheme);
     open<K = any, R = any, T = any>(dialogComponent: ComponentType<T>, dialogConfig?: DialogConfig<K>): MatDialogRef<T, R>;
@@ -243,12 +243,12 @@ interface ConfirmDialogData {
 declare class ConfirmDialogComponent {
     private readonly defaultAppTheme;
     dialogRef: MatDialogRef<ConfirmDialogComponent>;
-    private data;
+    private readonly data;
     confirmMessage: string | undefined;
     confirmButtonText: string | undefined;
     cancelButtonText: string | undefined;
     title: string | undefined;
-    lang: i5.Language;
+    lang: i4.Language;
     confirmMessageHtml: string | undefined;
     showCloseButton: boolean;
     showSecondaryButton: boolean;
@@ -270,18 +270,26 @@ declare class ConfirmDialogComponent {
     constructor(defaultAppTheme: ApplicationTheme, dialogRef: MatDialogRef<ConfirmDialogComponent>, data: ConfirmDialogData);
     onConfirm(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialogComponent, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmDialogComponent, "ui-confirm-dialog", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmDialogComponent, "ui-confirm-dialog", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class ConfirmDialogComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialogComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ConfirmDialogComponentModule, [typeof ConfirmDialogComponent], [typeof i2.CommonModule, typeof i3.MatDialogModule, typeof i4.ButtonComponentModule, typeof DialogComponentModule, typeof i5.UiTranslatePipe], [typeof ConfirmDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ConfirmDialogComponentModule, never, [typeof i1.CommonModule, typeof i2.MatDialogModule, typeof i3.ButtonComponentModule, typeof DialogComponentModule, typeof i4.UiTranslatePipe, typeof ConfirmDialogComponent], [typeof ConfirmDialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ConfirmDialogComponentModule>;
 }
 
+interface DialogCustomData {
+    title?: string;
+    type?: 'default' | 'custom-header' | 'footer-content';
+    showCloseButton: boolean;
+    keyboardOpen: boolean;
+    footerMessage?: string;
+}
 declare class DialogCustomComponent implements OnInit {
     private readonly defaultAppTheme;
-    protected data: any;
+    protected data: DialogCustomData;
+    private readonly cdr;
     canClose: () => boolean;
     /**
      *
@@ -291,17 +299,17 @@ declare class DialogCustomComponent implements OnInit {
      * @memberof DialogComponent
      */
     applicationTheme: ApplicationTheme;
-    constructor(defaultAppTheme: ApplicationTheme, data: any);
+    constructor(defaultAppTheme: ApplicationTheme, data: DialogCustomData, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     canCloseFalse(): boolean;
     canCloseTrue(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DialogCustomComponent, [{ optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DialogCustomComponent, "ui-dialog-custom", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogCustomComponent, [{ optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogCustomComponent, "ui-dialog-custom", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class DialogCustomComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogCustomComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DialogCustomComponentModule, [typeof DialogCustomComponent], [typeof i2.CommonModule, typeof DialogComponentModule, typeof i4.ButtonComponentModule, typeof i5$1.ToggleComponentModule], [typeof DialogCustomComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DialogCustomComponentModule, never, [typeof i1.CommonModule, typeof DialogComponentModule, typeof i3.ButtonComponentModule, typeof i4$1.ToggleComponentModule, typeof DialogCustomComponent], [typeof DialogCustomComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DialogCustomComponentModule>;
 }
 

package/components/divider/index.d.ts

@@ -1,8 +1,8 @@
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import * as i0 from '@angular/core';
-import * as i2 from '@angular/common';
-import * as i3 from '@angular/material/divider';
+import * as i1 from '@angular/common';
+import * as i2 from '@angular/material/divider';
 
 type DividerSize = 'small' | 'large';
 
@@ -40,12 +40,12 @@ declare class DividerComponent {
     label: string;
     constructor(defaultAppTheme: ApplicationTheme);
     static ɵfac: i0.ɵɵFactoryDeclaration<DividerComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DividerComponent, "ui-divider", never, { "size": { "alias": "size"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DividerComponent, "ui-divider", never, { "size": { "alias": "size"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class DividerComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DividerComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DividerComponentModule, [typeof DividerComponent], [typeof i2.CommonModule, typeof i3.MatDividerModule], [typeof DividerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DividerComponentModule, never, [typeof i1.CommonModule, typeof i2.MatDividerModule, typeof DividerComponent], [typeof DividerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DividerComponentModule>;
 }
 

package/components/donut-chart/index.d.ts

@@ -2,7 +2,7 @@ import * as chart_js from 'chart.js';
 import { Color, Plugin, ChartOptions } from 'chart.js';
 import * as i0 from '@angular/core';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i2 from 'ng2-charts';
+import * as i1 from 'ng2-charts';
 
 type DonutChartData = {
     labels: string[];
@@ -26,12 +26,12 @@ declare class DonutChartComponent {
     donutChartPlugins: Plugin<'doughnut'>[];
     donutChartOptions: ChartOptions<'doughnut'>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DonutChartComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DonutChartComponent, "ui-donut-chart", never, { "donutChartData": { "alias": "donutChartData"; "required": false; "isSignal": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DonutChartComponent, "ui-donut-chart", never, { "donutChartData": { "alias": "donutChartData"; "required": false; "isSignal": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class DonutChartComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DonutChartComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DonutChartComponentModule, [typeof DonutChartComponent], [typeof i2.BaseChartDirective], [typeof DonutChartComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DonutChartComponentModule, never, [typeof i1.BaseChartDirective, typeof DonutChartComponent], [typeof DonutChartComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DonutChartComponentModule>;
 }
 

package/components/dropdown/index.d.ts

@@ -1,39 +1,34 @@
 import * as i0 from '@angular/core';
-import { OnInit, DoCheck, OnChanges, AfterViewInit, EventEmitter, TemplateRef, ChangeDetectorRef, Renderer2, DestroyRef, NgZone, SimpleChanges } from '@angular/core';
-import * as i6 from '@angular/forms';
+import { OnInit, DoCheck, OnChanges, AfterViewInit, EventEmitter, TemplateRef, SimpleChanges } from '@angular/core';
+import * as i5 from '@angular/forms';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
-import * as i3 from '@angular/material/form-field';
+import { MatOption } from '@angular/material/core';
+import * as i2 from '@angular/material/form-field';
 import { FloatLabelType } from '@angular/material/form-field';
-import * as i9 from '@testgorilla/tgo-ui/components/core';
+import * as i7 from '@angular/material/select';
+import { MatSelect, MatSelectChange } from '@angular/material/select';
+import * as i8 from '@testgorilla/tgo-ui/components/core';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i5 from '@testgorilla/tgo-ui/components/icon';
+import * as i4 from '@testgorilla/tgo-ui/components/icon';
 import { IconName } from '@testgorilla/tgo-ui/components/icon';
-import { FocusMonitor } from '@angular/cdk/a11y';
-import * as i8 from '@angular/material/select';
-import { MatSelect } from '@angular/material/select';
-import * as i2 from '@angular/common';
-import * as i4 from '@angular/material/input';
-import * as i7 from '@testgorilla/tgo-ui/components/button';
-import * as i10 from '@testgorilla/tgo-ui/components/validation-error';
+import * as i1 from '@angular/common';
+import * as i3 from '@angular/material/input';
+import * as i6 from '@testgorilla/tgo-ui/components/button';
+import * as i9 from '@testgorilla/tgo-ui/components/validation-error';
 
 type OptionType = {
     value?: string;
     displayValue?: string;
     sectionTitle?: string;
     isAISuggested?: boolean;
-} & Record<string, any>;
+} & Record<string, unknown>;
 
+/** The dropdown's form value: a single option value, or an array for multi-select. */
+type DropdownValue = string | string[] | null | undefined;
 declare class DropdownComponent implements OnInit, ControlValueAccessor, DoCheck, OnChanges, AfterViewInit {
-    private readonly defaultAppTheme;
-    private readonly cdr;
-    ngControl: NgControl;
-    private readonly renderer2;
-    private readonly focusMonitor;
-    private readonly destroyRef;
-    private readonly ngZone;
     class: string;
-    findValueByValueField: (item: any) => boolean;
+    findValueByValueField: (item: OptionType) => boolean;
     /**
      * Text content will be applied to the input element if present.
      *
@@ -188,23 +183,30 @@ declare class DropdownComponent implements OnInit, ControlValueAccessor, DoCheck
     closed: EventEmitter<void>;
     opened: EventEmitter<void>;
     matSelect: MatSelect;
-    customOptionTemplate: TemplateRef<any> | null;
-    customSelectedOptionTemplate: TemplateRef<any> | null;
+    customOptionTemplate: TemplateRef<unknown> | null;
+    customSelectedOptionTemplate: TemplateRef<unknown> | null;
     onTabPress(): void;
     /**
      * @ignore
      */
-    onChange: (_: any) => void;
+    onChange: (value: DropdownValue) => void;
     /**
      * @ignore
      */
     onTouch: () => void;
-    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, ngControl: NgControl, renderer2: Renderer2, focusMonitor: FocusMonitor, destroyRef: DestroyRef, ngZone: NgZone);
+    private readonly defaultAppTheme;
+    private readonly cdr;
+    ngControl: NgControl | null;
+    private readonly renderer2;
+    private readonly focusMonitor;
+    private readonly destroyRef;
+    private readonly ngZone;
+    constructor();
     floatLabel: FloatLabelType;
     classError: string;
     errorsLength: boolean;
     showCheck: boolean;
-    optionSelected: any;
+    optionSelected: MatOption | null;
     keyboardFocused: i0.WritableSignal<boolean>;
     isOpen: i0.WritableSignal<boolean>;
     /**
@@ -216,23 +218,25 @@ declare class DropdownComponent implements OnInit, ControlValueAccessor, DoCheck
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     clearValue(event: Event): void;
-    onChangeOption(event: any): void;
+    onChangeOption(event: MatSelectChange): void;
     setErrorsLength(): boolean;
-    writeValue(value?: any): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
+    writeValue(value?: string): void;
+    registerOnChange(fn: (value: DropdownValue) => void): void;
+    registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     onClosed(): void;
     onOpened(): void;
     setStyleVariable(): void;
     onKeydown($event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, [{ optional: true; }, null, { optional: true; self: true; }, null, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ui-dropdown", never, { "label": { "alias": "label"; "required": false; }; "labelIcon": { "alias": "labelIcon"; "required": false; }; "isAIVariant": { "alias": "isAIVariant"; "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; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; }, { "closed": "closed"; "opened": "opened"; }, ["customOptionTemplate", "customSelectedOptionTemplate"], never, false, never>;
+    private handleArrowNavigation;
+    private handleSelectionKey;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ui-dropdown", never, { "label": { "alias": "label"; "required": false; }; "labelIcon": { "alias": "labelIcon"; "required": false; }; "isAIVariant": { "alias": "isAIVariant"; "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; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; }, { "closed": "closed"; "opened": "opened"; }, ["customOptionTemplate", "customSelectedOptionTemplate"], never, true, never>;
 }
 
 declare class DropdownComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DropdownComponentModule, [typeof 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 i9.HasValidationErrorPipe], [typeof DropdownComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DropdownComponentModule, never, [typeof i1.CommonModule, typeof i2.MatFormFieldModule, typeof i3.MatInputModule, typeof i4.IconComponentModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.ButtonComponentModule, typeof i7.MatSelectModule, typeof i8.UiTranslatePipe, typeof i9.ValidationErrorModule, typeof i8.HasValidationErrorPipe, typeof DropdownComponent], [typeof DropdownComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DropdownComponentModule>;
 }
 

package/components/elevation-shadow/index.d.ts

@@ -1,6 +1,6 @@
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import * as i0 from '@angular/core';
-import * as i2 from '@angular/common';
+import * as i1 from '@angular/common';
 
 declare enum ElevationType {
     DEFAULT = "default",
@@ -32,12 +32,12 @@ declare class ElevationShadowComponent {
     applicationTheme: ApplicationTheme;
     constructor(defaultAppTheme: ApplicationTheme);
     static ɵfac: i0.ɵɵFactoryDeclaration<ElevationShadowComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElevationShadowComponent, "ui-elevation-shadow", never, { "elevationType": { "alias": "elevationType"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElevationShadowComponent, "ui-elevation-shadow", never, { "elevationType": { "alias": "elevationType"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class ElevationShadowComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElevationShadowComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ElevationShadowComponentModule, [typeof ElevationShadowComponent], [typeof i2.CommonModule], [typeof ElevationShadowComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElevationShadowComponentModule, never, [typeof i1.CommonModule, typeof ElevationShadowComponent], [typeof ElevationShadowComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ElevationShadowComponentModule>;
 }
 

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

@@ -1,13 +1,13 @@
 import * as i0 from '@angular/core';
 import { OnInit, EventEmitter } from '@angular/core';
-import * as i5 from '@testgorilla/tgo-ui/components/core';
+import * as i3 from '@testgorilla/tgo-ui/components/button';
+import { ButtonColor, ButtonIconPosition, ButtonSize } from '@testgorilla/tgo-ui/components/button';
+import * as i4 from '@testgorilla/tgo-ui/components/core';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i4 from '@testgorilla/tgo-ui/components/button';
-import { ButtonColor, ButtonIconPosition, ButtonSize } from '@testgorilla/tgo-ui/components/button';
-import * as i3 from '@testgorilla/tgo-ui/components/icon';
+import * as i2 from '@testgorilla/tgo-ui/components/icon';
 import { IconName } from '@testgorilla/tgo-ui/components/icon';
-import * as i2 from '@angular/common';
+import * as i1 from '@angular/common';
 
 type ButtonVariant = 'pink' | 'black' | 'ghost';
 type IllustrationVariant = 'Empty-search' | 'Lost-found-404' | 'Disconnected' | 'Messages' | 'Applications';
@@ -204,12 +204,12 @@ declare class EmptyStateComponent implements OnInit {
     onGeneralVariationButtonClick(event: Event): void;
     getVariant(variant: ButtonVariant): "ghost" | "primary" | "secondary";
     static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStateComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EmptyStateComponent, "ui-empty-state", never, { "showIllustration": { "alias": "showIllustration"; "required": false; }; "illustrationVariant": { "alias": "illustrationVariant"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "emptyStateVariant": { "alias": "emptyStateVariant"; "required": false; }; "title": { "alias": "title"; "required": false; }; "bodyText": { "alias": "bodyText"; "required": false; }; "primaryButtonText": { "alias": "primaryButtonText"; "required": false; }; "primaryButtonVariant": { "alias": "primaryButtonVariant"; "required": false; }; "generalButtonVariation": { "alias": "generalButtonVariation"; "required": false; }; "primaryButtonIconName": { "alias": "primaryButtonIconName"; "required": false; }; "primaryButtonIconPosition": { "alias": "primaryButtonIconPosition"; "required": false; }; "secondaryButtonText": { "alias": "secondaryButtonText"; "required": false; }; "secondaryButtonVariant": { "alias": "secondaryButtonVariant"; "required": false; }; "secondaryButtonIconName": { "alias": "secondaryButtonIconName"; "required": false; }; "secondaryButtonIconPosition": { "alias": "secondaryButtonIconPosition"; "required": false; }; "tertiaryButtonText": { "alias": "tertiaryButtonText"; "required": false; }; "tertiaryButtonVariant": { "alias": "tertiaryButtonVariant"; "required": false; }; "tertiaryButtonIconName": { "alias": "tertiaryButtonIconName"; "required": false; }; "tertiaryButtonIconPosition": { "alias": "tertiaryButtonIconPosition"; "required": false; }; "generalVariationButtonText": { "alias": "generalVariationButtonText"; "required": false; }; "generalVariationButtonSize": { "alias": "generalVariationButtonSize"; "required": false; }; "generalVariationButtonIconName": { "alias": "generalVariationButtonIconName"; "required": false; }; "generalVariationButtonIconPosition": { "alias": "generalVariationButtonIconPosition"; "required": false; }; "generalVariationButtonDisabled": { "alias": "generalVariationButtonDisabled"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "primaryButtonClick": "primaryButtonClick"; "secondaryButtonClick": "secondaryButtonClick"; "tertiaryButtonClick": "tertiaryButtonClick"; "generalVariationButtonClick": "generalVariationButtonClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EmptyStateComponent, "ui-empty-state", never, { "showIllustration": { "alias": "showIllustration"; "required": false; }; "illustrationVariant": { "alias": "illustrationVariant"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "emptyStateVariant": { "alias": "emptyStateVariant"; "required": false; }; "title": { "alias": "title"; "required": false; }; "bodyText": { "alias": "bodyText"; "required": false; }; "primaryButtonText": { "alias": "primaryButtonText"; "required": false; }; "primaryButtonVariant": { "alias": "primaryButtonVariant"; "required": false; }; "generalButtonVariation": { "alias": "generalButtonVariation"; "required": false; }; "primaryButtonIconName": { "alias": "primaryButtonIconName"; "required": false; }; "primaryButtonIconPosition": { "alias": "primaryButtonIconPosition"; "required": false; }; "secondaryButtonText": { "alias": "secondaryButtonText"; "required": false; }; "secondaryButtonVariant": { "alias": "secondaryButtonVariant"; "required": false; }; "secondaryButtonIconName": { "alias": "secondaryButtonIconName"; "required": false; }; "secondaryButtonIconPosition": { "alias": "secondaryButtonIconPosition"; "required": false; }; "tertiaryButtonText": { "alias": "tertiaryButtonText"; "required": false; }; "tertiaryButtonVariant": { "alias": "tertiaryButtonVariant"; "required": false; }; "tertiaryButtonIconName": { "alias": "tertiaryButtonIconName"; "required": false; }; "tertiaryButtonIconPosition": { "alias": "tertiaryButtonIconPosition"; "required": false; }; "generalVariationButtonText": { "alias": "generalVariationButtonText"; "required": false; }; "generalVariationButtonSize": { "alias": "generalVariationButtonSize"; "required": false; }; "generalVariationButtonIconName": { "alias": "generalVariationButtonIconName"; "required": false; }; "generalVariationButtonIconPosition": { "alias": "generalVariationButtonIconPosition"; "required": false; }; "generalVariationButtonDisabled": { "alias": "generalVariationButtonDisabled"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "primaryButtonClick": "primaryButtonClick"; "secondaryButtonClick": "secondaryButtonClick"; "tertiaryButtonClick": "tertiaryButtonClick"; "generalVariationButtonClick": "generalVariationButtonClick"; }, never, never, true, never>;
 }
 
 declare class EmptyStateComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStateComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EmptyStateComponentModule, [typeof EmptyStateComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof i2.NgOptimizedImage, typeof i4.ButtonComponentModule, typeof i5.UiTranslatePipe], [typeof EmptyStateComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EmptyStateComponentModule, never, [typeof i1.CommonModule, typeof i2.IconComponentModule, typeof i1.NgOptimizedImage, typeof i3.ButtonComponentModule, typeof i4.UiTranslatePipe, typeof EmptyStateComponent], [typeof EmptyStateComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EmptyStateComponentModule>;
 }
 

package/components/field/index.d.ts

@@ -1,45 +1,26 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, DoCheck, AfterViewInit, EventEmitter, ElementRef, ChangeDetectorRef, NgZone, DestroyRef } from '@angular/core';
-import { FocusMonitor } from '@angular/cdk/a11y';
-import * as i6 from '@angular/forms';
-import { ControlValueAccessor, NgControl } from '@angular/forms';
-import * as i8 from '@angular/material/icon';
-import { MatIconRegistry } from '@angular/material/icon';
-import { DomSanitizer } from '@angular/platform-browser';
+import { OnInit, DoCheck, AfterViewInit, EventEmitter, ElementRef } from '@angular/core';
 import { CdkTextareaAutosize } from '@angular/cdk/text-field';
-import * as i9 from '@testgorilla/tgo-ui/components/core';
+import * as i5 from '@angular/forms';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import * as i10 from '@testgorilla/tgo-ui/components/badge';
+import { BadgeVariant } from '@testgorilla/tgo-ui/components/badge';
+import * as i6 from '@testgorilla/tgo-ui/components/button';
+import { ButtonComponent } from '@testgorilla/tgo-ui/components/button';
+import * as i8 from '@testgorilla/tgo-ui/components/core';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i11 from '@testgorilla/tgo-ui/components/badge';
-import { BadgeVariant } from '@testgorilla/tgo-ui/components/badge';
-import * as i5 from '@testgorilla/tgo-ui/components/icon';
+import * as i4 from '@testgorilla/tgo-ui/components/icon';
 import { IconName } from '@testgorilla/tgo-ui/components/icon';
-import * as i2 from '@angular/common';
-import * as i3 from '@angular/material/form-field';
-import * as i4 from '@angular/material/input';
-import * as i7 from '@testgorilla/tgo-ui/components/button';
-import * as i10 from '@testgorilla/tgo-ui/components/validation-error';
+import * as i1 from '@angular/common';
+import * as i2 from '@angular/material/form-field';
+import * as i3 from '@angular/material/input';
+import * as i7 from '@angular/material/icon';
+import * as i9 from '@testgorilla/tgo-ui/components/validation-error';
 
 type FieldType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'search' | 'collapsed-search' | 'validation-text' | 'textarea' | 'textarea-scrollable' | 'multi-line';
 
-/**
- * A global counter used to generate unique field IDs.
- * This variable is incremented each time a new field ID is needed.
- *
- * @remarks
- * This is primarily used to ensure that each field component
- * has a unique identifier within the application / useful for their Aria Labels.
- */
-declare let fieldID: number;
 declare class FieldComponent implements OnInit, ControlValueAccessor, DoCheck, AfterViewInit {
-    private readonly defaultAppTheme;
-    private matIconRegistry;
-    private domSanitizer;
-    private cdr;
-    ngControl: NgControl;
-    private focusMonitor;
-    private ngZone;
-    private destroyRef;
     class: string;
     /**
      * Indicator of the autocomplete width
@@ -348,12 +329,20 @@ declare class FieldComponent implements OnInit, ControlValueAccessor, DoCheck, A
     /**
      * @ignore
      */
-    onChange: (_: any) => void;
+    onChange: (value: string | number) => void;
     /**
      * @ignore
      */
     onTouch: () => void;
-    constructor(defaultAppTheme: ApplicationTheme, matIconRegistry: MatIconRegistry, domSanitizer: DomSanitizer, cdr: ChangeDetectorRef, ngControl: NgControl, focusMonitor: FocusMonitor, ngZone: NgZone, destroyRef: DestroyRef);
+    private readonly defaultAppTheme;
+    private readonly matIconRegistry;
+    private readonly domSanitizer;
+    private readonly cdr;
+    ngControl: NgControl | null;
+    private readonly focusMonitor;
+    private readonly ngZone;
+    private readonly destroyRef;
+    constructor();
     ngAfterViewInit(): void;
     /**
      * Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors
@@ -372,10 +361,10 @@ declare class FieldComponent implements OnInit, ControlValueAccessor, DoCheck, A
     showPasswordClick(): void;
     onChangeInputSearch(): void;
     setErrorsLength(): boolean;
-    onInput(event: any): void;
-    writeValue(value?: any): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
+    onInput(event: Event): void;
+    writeValue(value?: string | number): void;
+    registerOnChange(fn: (value: string | number) => void): void;
+    registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     onActive(state: boolean, action: string): void;
     onSubmit(): void;
@@ -383,16 +372,16 @@ declare class FieldComponent implements OnInit, ControlValueAccessor, DoCheck, A
     onBlur(): void;
     trackByFn: (index: number, value: string) => string;
     focus(): void;
-    refocusPasswordButton(btn: any): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldComponent, [{ optional: true; }, null, null, null, { optional: true; self: true; }, null, null, null]>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FieldComponent, "ui-field", never, { "fullWidth": { "alias": "fullWidth"; "required": false; }; "fullHeight": { "alias": "fullHeight"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelHtml": { "alias": "labelHtml"; "required": false; "isSignal": true; }; "labelIcon": { "alias": "labelIcon"; "required": false; }; "fieldName": { "alias": "fieldName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "badgeVariant": { "alias": "badgeVariant"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "type": { "alias": "type"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "allowOnlyDigits": { "alias": "allowOnlyDigits"; "required": false; }; "isAutocompleteOff": { "alias": "isAutocompleteOff"; "required": false; }; "allowNegative": { "alias": "allowNegative"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "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; }; "maxRows": { "alias": "maxRows"; "required": false; }; "hasTextAreaCounter": { "alias": "hasTextAreaCounter"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "textareaHeight": { "alias": "textareaHeight"; "required": false; }; "borderless": { "alias": "borderless"; "required": false; }; "autosizableTextarea": { "alias": "autosizableTextarea"; "required": false; }; "isAIVariant": { "alias": "isAIVariant"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; }; }, { "validateEvent": "validateEvent"; "fieldBlur": "fieldBlur"; }, never, never, false, never>;
+    refocusPasswordButton(btn: ButtonComponent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FieldComponent, "ui-field", never, { "fullWidth": { "alias": "fullWidth"; "required": false; }; "fullHeight": { "alias": "fullHeight"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelHtml": { "alias": "labelHtml"; "required": false; "isSignal": true; }; "labelIcon": { "alias": "labelIcon"; "required": false; }; "fieldName": { "alias": "fieldName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "badgeVariant": { "alias": "badgeVariant"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "type": { "alias": "type"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "allowOnlyDigits": { "alias": "allowOnlyDigits"; "required": false; }; "isAutocompleteOff": { "alias": "isAutocompleteOff"; "required": false; }; "allowNegative": { "alias": "allowNegative"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "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; }; "maxRows": { "alias": "maxRows"; "required": false; }; "hasTextAreaCounter": { "alias": "hasTextAreaCounter"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "textareaHeight": { "alias": "textareaHeight"; "required": false; }; "borderless": { "alias": "borderless"; "required": false; }; "autosizableTextarea": { "alias": "autosizableTextarea"; "required": false; }; "isAIVariant": { "alias": "isAIVariant"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; }; }, { "validateEvent": "validateEvent"; "fieldBlur": "fieldBlur"; }, never, never, true, never>;
 }
 
 declare class FieldComponentModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldComponentModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FieldComponentModule, [typeof FieldComponent], [typeof i2.CommonModule, typeof i3.MatFormFieldModule, typeof i4.MatInputModule, typeof i5.IconComponentModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i7.ButtonComponentModule, typeof i8.MatIconModule, typeof i9.UiTranslatePipe, typeof i10.ValidationErrorModule, typeof i9.HasValidationErrorPipe, typeof i9.DigitsOnlyDirective, typeof i11.BadgeComponentModule], [typeof FieldComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FieldComponentModule, never, [typeof i1.CommonModule, typeof i2.MatFormFieldModule, typeof i3.MatInputModule, typeof i4.IconComponentModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.ButtonComponentModule, typeof i7.MatIconModule, typeof i8.UiTranslatePipe, typeof i9.ValidationErrorModule, typeof i8.HasValidationErrorPipe, typeof i8.DigitsOnlyDirective, typeof i10.BadgeComponentModule, typeof FieldComponent], [typeof FieldComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<FieldComponentModule>;
 }
 
-export { FieldComponent, FieldComponentModule, fieldID };
+export { FieldComponent, FieldComponentModule };
 export type { FieldType };

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

@@ -1,14 +1,14 @@
 import * as i0 from '@angular/core';
 import { OnInit, OnChanges, EventEmitter, ElementRef, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import * as i8 from '@testgorilla/tgo-ui/components/core';
+import * as i6 from '@testgorilla/tgo-ui/components/core';
 import { ApplicationTheme, Color } from '@testgorilla/tgo-ui/components/core';
 export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i3 from '@angular/common';
-import * as i4 from '@angular/material/form-field';
-import * as i5 from '@angular/material/input';
-import * as i6 from '@testgorilla/tgo-ui/components/icon';
-import * as i7 from '@testgorilla/tgo-ui/components/progress-bar';
+import * as i1 from '@angular/common';
+import * as i2 from '@angular/material/form-field';
+import * as i3 from '@angular/material/input';
+import * as i4 from '@testgorilla/tgo-ui/components/icon';
+import * as i5 from '@testgorilla/tgo-ui/components/progress-bar';
 
 declare class FileUploadComponent implements OnInit, OnChanges, ControlValueAccessor {
     private readonly defaultAppTheme;
@@ -117,7 +117,7 @@ declare class FileUploadComponent implements OnInit, OnChanges, ControlValueAcce
     /**
      * @ignore
      */
-    onChange: (_value: any) => void;
+    onChange: (_value: File | null) => void;
     /**
      * @ignore
      */
@@ -138,31 +138,32 @@ declare class FileUploadComponent implements OnInit, OnChanges, ControlValueAcce
     showSuccess(): boolean;
     showBrowse(): boolean;
     ngOnChanges(changes: SimpleChanges): void;
+    private readonly cdr;
     writeValue(value?: File): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
+    registerOnChange(fn: (value: File | null) => void): void;
+    registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     private getCompanyColor;
     private fileSizeToMB;
     onKeydown(ev: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ui-file-upload", never, { "maxFileSizeMB": { "alias": "maxFileSizeMB"; "required": false; }; "minFileSizeMB": { "alias": "minFileSizeMB"; "required": false; }; "supportedFileTypes": { "alias": "supportedFileTypes"; "required": false; }; "uploadProgress": { "alias": "uploadProgress"; "required": false; }; "showUploadProgress": { "alias": "showUploadProgress"; "required": false; }; "fileProcessingMessage": { "alias": "fileProcessingMessage"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "file": { "alias": "file"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "showFileSize": { "alias": "showFileSize"; "required": false; }; }, { "OnDrop": "OnDrop"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ui-file-upload", never, { "maxFileSizeMB": { "alias": "maxFileSizeMB"; "required": false; }; "minFileSizeMB": { "alias": "minFileSizeMB"; "required": false; }; "supportedFileTypes": { "alias": "supportedFileTypes"; "required": false; }; "uploadProgress": { "alias": "uploadProgress"; "required": false; }; "showUploadProgress": { "alias": "showUploadProgress"; "required": false; }; "fileProcessingMessage": { "alias": "fileProcessingMessage"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "file": { "alias": "file"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "showFileSize": { "alias": "showFileSize"; "required": false; }; }, { "OnDrop": "OnDrop"; }, never, never, true, never>;
 }
 
 declare class DragDropDirective {
     constructor();
     file: boolean;
-    fileDropped: EventEmitter<any>;
+    fileDropped: EventEmitter<FileList>;
     onDragOver(event: Event): void;
     onDragLeave(event: Event): void;
     ondrop(event: DragEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DragDropDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DragDropDirective, "[uiDragDrop]", never, {}, { "fileDropped": "fileDropped"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DragDropDirective, "[uiDragDrop]", never, {}, { "fileDropped": "fileDropped"; }, never, never, true, never>;
 }
 
 declare class FileUploadComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FileUploadComponentModule, [typeof FileUploadComponent, typeof DragDropDirective], [typeof i3.CommonModule, typeof i4.MatFormFieldModule, typeof i5.MatInputModule, typeof i6.IconComponentModule, typeof i7.ProgressBarComponentModule, typeof i8.UiTranslatePipe], [typeof FileUploadComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FileUploadComponentModule, never, [typeof i1.CommonModule, typeof i2.MatFormFieldModule, typeof i3.MatInputModule, typeof i4.IconComponentModule, typeof i5.ProgressBarComponentModule, typeof i6.UiTranslatePipe, typeof FileUploadComponent, typeof DragDropDirective], [typeof FileUploadComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FileUploadComponentModule>;
 }