design-angular-kit 1.0.0-2 → 1.0.0-21

package/lib/components/core/tooltip/tooltip.directive.d.ts

@@ -1,8 +1,8 @@
-import { AfterViewInit, ElementRef, EventEmitter } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
 import { ElementPlacement } from '../../../interfaces/core';
 import { BooleanInput } from '../../../utils/boolean-input';
 import * as i0 from "@angular/core";
-export declare class TooltipDirective implements AfterViewInit {
+export declare class ItTooltipDirective implements AfterViewInit, OnDestroy {
     private readonly _elementRef;
     /**
      * Define the tooltip title
@@ -13,36 +13,37 @@ export declare class TooltipDirective implements AfterViewInit {
      * Define the tooltip placement
      * @param placement
      */
-    set placement(placement: ElementPlacement);
+    set tooltipPlacement(placement: ElementPlacement);
     /**
      * Indicates whether the title contains html
      * @param html true if contain html
      */
-    set html(html: BooleanInput);
+    set tooltipHtml(html: BooleanInput);
     /**
      * This event fires immediately when the show method is called.
      */
-    onShow: EventEmitter<Event>;
+    showEvent: EventEmitter<Event>;
     /**
      * This event is triggered when the tooltip has been made visible to the user (it will wait for the CSS transitions to complete).
      */
-    onShown: EventEmitter<Event>;
+    shownEvent: EventEmitter<Event>;
     /**
      * This event fires immediately when the hide method is called.
      */
-    onHide: EventEmitter<Event>;
+    hideEvent: EventEmitter<Event>;
     /**
      * This event is raised when the tooltip has finished being hidden from the user (it will wait for the CSS transitions to complete).
      */
-    onHidden: EventEmitter<Event>;
+    hiddenEvent: EventEmitter<Event>;
     /**
      * This event fires after the show event when the tooltip template has been added to the DOM.
      */
-    onInserted: EventEmitter<Event>;
+    insertedEvent: EventEmitter<Event>;
     private readonly element;
     private tooltip?;
     constructor(_elementRef: ElementRef);
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     /**
      * Shows the tooltip of an item.
      */
@@ -75,6 +76,6 @@ export declare class TooltipDirective implements AfterViewInit {
      * Updates the position of an element's tooltip.
      */
     update(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[itTooltip]", ["itTooltip"], { "title": "itTooltip"; "placement": "tooltipPlacement"; "html": "tooltipHtml"; }, { "onShow": "onShow"; "onShown": "onShown"; "onHide": "onHide"; "onHidden": "onHidden"; "onInserted": "onInserted"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ItTooltipDirective, "[itTooltip]", ["itTooltip"], { "title": { "alias": "itTooltip"; "required": false; }; "tooltipPlacement": { "alias": "tooltipPlacement"; "required": false; }; "tooltipHtml": { "alias": "tooltipHtml"; "required": false; }; }, { "showEvent": "showEvent"; "shownEvent": "shownEvent"; "hideEvent": "hideEvent"; "hiddenEvent": "hiddenEvent"; "insertedEvent": "insertedEvent"; }, never, never, true, never>;
 }

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

@@ -1,30 +1,33 @@
-import { AbstractFormComponent } from "../../../abstracts/abstract-form-component";
-import { BooleanInput } from "../../../utils/boolean-input";
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import { BooleanInput } from '../../../utils/boolean-input';
 import * as i0 from "@angular/core";
-export declare class CheckboxComponent extends AbstractFormComponent<boolean> {
+export declare class ItCheckboxComponent extends ItAbstractFormComponent<boolean | null | undefined> implements OnInit, OnChanges {
     /**
      * If show checkbox as toggle
      */
-    toggle?: BooleanInput;
+    toggle: BooleanInput | undefined;
     /**
      * If show checkbox inline
      */
-    inline?: BooleanInput;
+    inline: BooleanInput | undefined;
     /**
      * If is checkbox group
      */
-    group?: BooleanInput;
+    group: BooleanInput | undefined;
     /**
      * If checkbox is checked
      */
-    checked?: BooleanInput;
+    checked: BooleanInput | undefined;
     /**
      * If checkbox is indeterminate
      */
-    indeterminate?: BooleanInput;
+    indeterminate: BooleanInput | undefined;
     get isIndeterminate(): boolean;
     get isGroup(): boolean;
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "it-checkbox[id][label]", never, { "toggle": "toggle"; "inline": "inline"; "group": "group"; "checked": "checked"; "indeterminate": "indeterminate"; }, {}, never, ["*", "[error]"], false, never>;
+    ngOnChanges(changes: SimpleChanges): void;
+    private markAsChecked;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItCheckboxComponent, "it-checkbox", never, { "toggle": { "alias": "toggle"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "group": { "alias": "group"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, {}, never, ["*", "[error]", "[label]"], true, never>;
 }

package/lib/components/form/form.module.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./checkbox/checkbox.component";
+import * as i2 from "./input/input.component";
+import * as i3 from "./password-input/password-input.component";
+import * as i4 from "./radio-button/radio-button.component";
+import * as i5 from "./range/range.component";
+import * as i6 from "./rating/rating.component";
+import * as i7 from "./select/select.component";
+import * as i8 from "./textarea/textarea.component";
+import * as i9 from "./upload-drag-drop/upload-drag-drop.component";
+import * as i10 from "./upload-file-list/upload-file-list.component";
+export declare class ItFormModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItFormModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ItFormModule, never, [typeof i1.ItCheckboxComponent, typeof i2.ItInputComponent, typeof i3.ItPasswordInputComponent, typeof i4.ItRadioButtonComponent, typeof i5.ItRangeComponent, typeof i6.ItRatingComponent, typeof i7.ItSelectComponent, typeof i8.ItTextareaComponent, typeof i9.ItUploadDragDropComponent, typeof i10.ItUploadFileListComponent], [typeof i1.ItCheckboxComponent, typeof i2.ItInputComponent, typeof i3.ItPasswordInputComponent, typeof i4.ItRadioButtonComponent, typeof i5.ItRangeComponent, typeof i6.ItRatingComponent, typeof i7.ItSelectComponent, typeof i8.ItTextareaComponent, typeof i9.ItUploadDragDropComponent, typeof i10.ItUploadFileListComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ItFormModule>;
+}

package/lib/components/form/input/input.component.d.ts

@@ -1,9 +1,10 @@
-import { AbstractFormComponent } from '../../../abstracts/abstract-form-component';
-import { InputControlType } from '../../../interfaces/form';
+import { EventEmitter, OnInit } from '@angular/core';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import { AutocompleteItem, InputControlType } from '../../../interfaces/form';
 import { BooleanInput } from '../../../utils/boolean-input';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class InputComponent extends AbstractFormComponent<string | number> {
+export declare class ItInputComponent extends ItAbstractFormComponent<string | number | null | undefined> implements OnInit {
     /**
      * The input type
      * @default text
@@ -16,36 +17,69 @@ export declare class InputComponent extends AbstractFormComponent<string | numbe
     /**
      * The input description
      */
-    description?: string;
+    description: string | undefined;
     /**
      * To prevent modification of the contained value.
      * - <b>plaintext</b>: Readonly field in the form stylized as plain text
      */
-    readonly?: BooleanInput | 'plaintext';
+    readonly: BooleanInput | 'plaintext' | undefined;
+    /**
+     * The max date value [Used only in type = 'date']
+     * @default '9999-12-31'
+     * @example 'yyyy-mm-dd'
+     */
+    maxDate?: string;
+    /**
+     * The min date value [Used only in type = 'date']
+     * @example 'yyyy-mm-dd'
+     */
+    minDate: string | undefined;
     /**
      * The max value [Used only in type = 'number']
      */
-    max?: number;
+    max: number | undefined;
     /**
      * The min value [Used only in type = 'number']
      */
-    min?: number;
+    min: number | undefined;
     /**
      * The step value [Used only in type = 'number']
      */
-    step?: number | 'any';
+    step: number | 'any' | undefined;
     /**
      * If is a currency number [Used only in type = 'number']
      */
-    currency?: BooleanInput;
+    currency: BooleanInput | undefined;
     /**
      * If is a percentage number [Used only in type = 'number']
      */
-    percentage?: BooleanInput;
+    percentage: BooleanInput | undefined;
     /**
      * To make the numeric field automatically resize according to the value contained in it. [Used only in type = 'number']
      */
-    adaptive?: BooleanInput;
+    adaptive: BooleanInput | undefined;
+    /**
+     * Input autocomplete attribute (Browser autocomplete)
+     * @default undefined
+     */
+    autocomplete: string | undefined;
+    /**
+     * Indicates the list of searchable elements on which to base the input autocomplete system [Optional. Used only in type = 'search']
+     * If you need to retrieve items via API, can pass a function of Observable
+     * @default undefined
+     */
+    autocompleteData?: Array<AutocompleteItem> | ((search?: string | number | null) => Observable<Array<AutocompleteItem>>);
+    /**
+     * Time span [ms] has passed without another source emission, to delay data filtering.
+     * Useful when the user is typing multiple letters
+     * @default 300 [ms]
+     */
+    autocompleteDebounceTime: number;
+    /**
+     * Fired when the Autocomplete Item has been selected
+     */
+    autocompleteSelectedEvent: EventEmitter<AutocompleteItem>;
+    protected showAutocompletion: boolean;
     get isActiveLabel(): boolean;
     /**
      * Check is readonly field
@@ -55,12 +89,24 @@ export declare class InputComponent extends AbstractFormComponent<string | numbe
      * Return the invalid message string from TranslateService
      */
     get invalidMessage(): Observable<string>;
+    /** Observable da cui vengono emessi i risultati dell'auto completamento */
+    autocompleteResults$: Observable<{
+        searchedValue: string | number | null | undefined;
+        relatedEntries: Array<AutocompleteItem>;
+    }>;
     ngOnInit(): void;
     /**
      * Increment or decrease the input number value of step
      * @param decrease true to decrease value
      */
     incrementNumber(decrease?: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "it-input[id]", never, { "type": "type"; "placeholder": "placeholder"; "description": "description"; "readonly": "readonly"; "max": "max"; "min": "min"; "step": "step"; "currency": "currency"; "percentage": "percentage"; "adaptive": "adaptive"; }, {}, never, ["[prepend]", "[prependText]", "[append]", "[appendText]", "[error]"], false, never>;
+    /**
+     * Create the autocomplete list
+     */
+    private getAutocompleteResults$;
+    onEntryClick(entry: AutocompleteItem, event: Event): void;
+    autocompleteItemTrackByValueFn(index: number, item: AutocompleteItem): string;
+    onKeyDown(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItInputComponent, "it-input", never, { "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "description": { "alias": "description"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "percentage": { "alias": "percentage"; "required": false; }; "adaptive": { "alias": "adaptive"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocompleteData": { "alias": "autocompleteData"; "required": false; }; "autocompleteDebounceTime": { "alias": "autocompleteDebounceTime"; "required": false; }; }, { "autocompleteSelectedEvent": "autocompleteSelectedEvent"; }, never, ["[prepend]", "[prependText]", "[append]", "[appendText]", "[error]"], true, never>;
 }

package/lib/components/form/password-input/password-input.component.d.ts

@@ -1,8 +1,14 @@
-import { AbstractFormComponent } from '../../../abstracts/abstract-form-component';
+import { AfterViewInit, OnInit } from '@angular/core';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
 import { Observable } from 'rxjs';
 import { BooleanInput } from '../../../utils/boolean-input';
 import * as i0 from "@angular/core";
-export declare class PasswordInputComponent extends AbstractFormComponent<string> {
+export declare class ItPasswordInputComponent extends ItAbstractFormComponent<string | null | undefined> implements OnInit, AfterViewInit {
+    /**
+     * The field is required
+     * @default true
+     */
+    required: boolean;
     /**
      * The password minimum length
      * @default 10
@@ -34,21 +40,40 @@ export declare class PasswordInputComponent extends AbstractFormComponent<string
     placeholder: string;
     /**
      * The input description
+     * - <b>true</b>: show the StrengthMeter description message
+     * - <b>string</b>: show custom description
+     * @default true for StrengthMeter mode else is undefined
      */
-    description?: string;
+    description: string | true | undefined;
     /**
      * Enable to show the strength meter
+     * @default false
+     */
+    showStrengthMeter: BooleanInput | undefined;
+    /**
+     * Is the confirmation password field
+     * @default false
      */
-    showStrengthMeter?: BooleanInput;
-    inputPasswordBs?: any;
+    confirmPasswordField: BooleanInput;
+    /**
+     * Input autocomplete attribute (Browser autocomplete)
+     * @default undefined
+     */
+    autocomplete: string | undefined;
+    private inputPasswordBs?;
     private inputElement?;
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    get isStrengthMeter(): boolean;
+    protected get isStrengthMeter(): boolean;
+    protected get isConfirmPasswordField(): boolean;
     /**
      * Return the invalid message string from TranslateService
      */
     get invalidMessage(): Observable<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PasswordInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordInputComponent, "it-password-input[id]", never, { "minLength": "minLength"; "useNumber": "useNumber"; "useCapitalCase": "useCapitalCase"; "useSmallCase": "useSmallCase"; "useSpecialCharacters": "useSpecialCharacters"; "placeholder": "placeholder"; "description": "description"; "showStrengthMeter": "showStrengthMeter"; }, {}, never, ["[error]"], false, never>;
+    /**
+     * Retrieve the default StrengthMeter description message from TranslateService
+     */
+    protected get strengthMeterDescription(): Observable<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItPasswordInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItPasswordInputComponent, "it-password-input", never, { "required": { "alias": "required"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "useNumber": { "alias": "useNumber"; "required": false; }; "useCapitalCase": { "alias": "useCapitalCase"; "required": false; }; "useSmallCase": { "alias": "useSmallCase"; "required": false; }; "useSpecialCharacters": { "alias": "useSpecialCharacters"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "description": { "alias": "description"; "required": false; }; "showStrengthMeter": { "alias": "showStrengthMeter"; "required": false; }; "confirmPasswordField": { "alias": "confirmPasswordField"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; }, {}, never, ["[error]"], true, never>;
 }

package/lib/components/form/radio-button/radio-button.component.d.ts

@@ -1,11 +1,12 @@
-import { AbstractFormComponent } from '../../../abstracts/abstract-form-component';
+import { OnInit } from '@angular/core';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
 import { BooleanInput } from '../../../utils/boolean-input';
 import * as i0 from "@angular/core";
-export declare class RadioButtonComponent extends AbstractFormComponent<string | number> {
+export declare class ItRadioButtonComponent extends ItAbstractFormComponent<string | number | null | undefined> implements OnInit {
     /**
      * The radio value
      */
-    value?: string | number;
+    value: string | number | undefined | null;
     /**
      * If show radio inline
      * @default false
@@ -19,11 +20,11 @@ export declare class RadioButtonComponent extends AbstractFormComponent<string |
     /**
      * If is radio is checked
      */
-    checked?: BooleanInput;
+    checked: BooleanInput | undefined;
     get isInline(): boolean;
     get isGroup(): boolean;
     get name(): string;
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "it-radio-button[id][label][value]", never, { "value": "value"; "inline": "inline"; "group": "group"; "checked": "checked"; }, {}, never, ["*", "[error]", "[error]"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItRadioButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItRadioButtonComponent, "it-radio-button[value]", never, { "value": { "alias": "value"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "group": { "alias": "group"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, {}, never, ["[label]", "*", "[error]", "[error]"], true, never>;
 }

package/lib/components/form/range/range.component.d.ts

@@ -0,0 +1,42 @@
+import { ElementRef, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import * as i0 from "@angular/core";
+export declare class ItRangeComponent extends ItAbstractFormComponent<number | null | undefined> implements OnInit, OnChanges, OnDestroy {
+    /**
+     * The max value
+     */
+    max?: number;
+    /**
+     * The min value
+     */
+    min?: number;
+    /**
+     * The step value
+     */
+    step?: number | 'any';
+    /**
+     * The color on left of thumb [Require rightColor]
+     * @example '#0d6efd' or 'var(--bs-primary)'
+     * @default undefined ('var(--bs-gray-300)')
+     */
+    leftColor?: string;
+    /**
+     * The color on right of thumb [Require leftColor]
+     * @example '#0d6efd' or 'var(--bs-primary)'
+     * @default undefined ('var(--bs-gray-300)')
+     */
+    rightColor?: string;
+    slider: ElementRef<HTMLInputElement>;
+    private subscription?;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    writeValue(value: number | null | undefined): void;
+    /**
+     * Update the percentage of slider color
+     * @private
+     */
+    private updateSliderColor;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItRangeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItRangeComponent, "it-range", never, { "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "leftColor": { "alias": "leftColor"; "required": false; }; "rightColor": { "alias": "rightColor"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/form/rating/rating.component.d.ts

@@ -0,0 +1,24 @@
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import * as i0 from "@angular/core";
+export declare class ItRatingComponent extends ItAbstractFormComponent<number | null | undefined> implements OnInit, OnChanges {
+    /**
+     * The rating value
+     */
+    value: number | undefined;
+    /**
+     * Number of stars to show
+     * @default 5
+     */
+    starCount: number;
+    protected stars: Array<number>;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    /**
+     * Generate the array of stars
+     * @private
+     */
+    private generateStars;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItRatingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItRatingComponent, "it-rating", never, { "value": { "alias": "value"; "required": false; }; "starCount": { "alias": "starCount"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/form/select/select.component.d.ts

@@ -1,19 +1,25 @@
-import { AbstractFormComponent } from '../../../abstracts/abstract-form-component';
+import { OnInit } from '@angular/core';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
 import { SelectControlGroup, SelectControlOption } from '../../../interfaces/form';
 import * as i0 from "@angular/core";
-export declare class SelectComponent extends AbstractFormComponent {
+export declare class ItSelectComponent extends ItAbstractFormComponent implements OnInit {
     /**
      * The select options
      */
-    options: Array<SelectControlOption>;
+    options: Array<SelectControlOption> | undefined;
     /**
      * The select group options
      */
-    groups?: Array<SelectControlGroup>;
+    groups: Array<SelectControlGroup> | undefined;
     /**
      * The select description
      */
     description?: string;
+    /**
+     * If set, add a `disabled selected` option with value `null` and as text the value of the attribute
+     * @example 'Select an option'
+     */
+    defaultOption?: string;
     ngOnInit(): void;
     /**
      * Check if the option is selected
@@ -25,6 +31,6 @@ export declare class SelectComponent extends AbstractFormComponent {
      * @param option the option
      */
     optionIsDisabled(option: SelectControlOption): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "it-select[id][options]", never, { "options": "options"; "groups": "groups"; "description": "description"; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItSelectComponent, "it-select", never, { "options": { "alias": "options"; "required": false; }; "groups": { "alias": "groups"; "required": false; }; "description": { "alias": "description"; "required": false; }; "defaultOption": { "alias": "defaultOption"; "required": false; }; }, {}, never, ["*", "[error]"], true, never>;
 }

package/lib/components/form/textarea/textarea.component.d.ts

@@ -1,7 +1,7 @@
-import { AbstractFormComponent } from '../../../abstracts/abstract-form-component';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class TextareaComponent extends AbstractFormComponent<string> {
+export declare class ItTextareaComponent extends ItAbstractFormComponent<string | null | undefined> {
     /**
      * Textarea Rows
      * @default 3
@@ -14,11 +14,11 @@ export declare class TextareaComponent extends AbstractFormComponent<string> {
     /**
      * The input description
      */
-    description?: string;
+    description: string | undefined;
     /**
      * Return the invalid message string from TranslateService
      */
     get invalidMessage(): Observable<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "it-textarea[id]", never, { "rows": "rows"; "placeholder": "placeholder"; "description": "description"; }, {}, never, ["[error]"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItTextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItTextareaComponent, "it-textarea", never, { "rows": { "alias": "rows"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "description": { "alias": "description"; "required": false; }; }, {}, never, ["[error]"], true, never>;
 }

package/lib/components/form/upload-drag-drop/upload-drag-drop.component.d.ts

@@ -1,7 +1,8 @@
-import { EventEmitter } from '@angular/core';
-import { AbstractComponent } from '../../../abstracts/abstract.component';
+import { AfterViewInit, EventEmitter } from '@angular/core';
+import { ItAbstractComponent } from '../../../abstracts/abstract.component';
+import { ProgressDonut } from 'bootstrap-italia';
 import * as i0 from "@angular/core";
-export declare class UploadDragDropComponent extends AbstractComponent {
+export declare class ItUploadDragDropComponent extends ItAbstractComponent implements AfterViewInit {
     /**
      * The accepted file type to upload <br>
      * Possible values: <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types">MIME Types</a> separated by comma
@@ -16,7 +17,7 @@ export declare class UploadDragDropComponent extends AbstractComponent {
     isDragover: boolean;
     isLoading: boolean;
     isSuccess: boolean;
-    donut?: any;
+    donut?: ProgressDonut;
     private donutElement?;
     filename?: string;
     extension?: string;
@@ -37,7 +38,7 @@ export declare class UploadDragDropComponent extends AbstractComponent {
     start(file: File): void;
     /**
      * Percentage of upload
-     * @param value the percentage
+     * @param value the percentage [0 - 100]
      */
     progress(value: number): void;
     /**
@@ -48,6 +49,6 @@ export declare class UploadDragDropComponent extends AbstractComponent {
      * Reset file uploader
      */
     reset(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UploadDragDropComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UploadDragDropComponent, "it-upload-drag-drop[id]", ["itUploadDragDrop"], { "accept": "accept"; }, { "fileStartUpload": "fileStartUpload"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItUploadDragDropComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItUploadDragDropComponent, "it-upload-drag-drop", ["itUploadDragDrop"], { "accept": { "alias": "accept"; "required": false; }; }, { "fileStartUpload": "fileStartUpload"; }, never, never, true, never>;
 }

package/lib/components/form/upload-file-list/upload-file-list.component.d.ts

@@ -1,15 +1,17 @@
 import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { AbstractComponent } from "../../../abstracts/abstract.component";
-import { BooleanInput } from "../../../utils/boolean-input";
-import { UploadFileListItem } from "../../../interfaces/form";
+import { ItAbstractComponent } from '../../../abstracts/abstract.component';
+import { BooleanInput } from '../../../utils/boolean-input';
+import { UploadFileListItem } from '../../../interfaces/form';
 import * as i0 from "@angular/core";
-export declare class UploadFileListComponent extends AbstractComponent implements OnInit, OnChanges {
+export declare class ItUploadFileListComponent extends ItAbstractComponent implements OnInit, OnChanges {
     /**
      * The list of files to show in list
      */
     fileList: Array<UploadFileListItem>;
     /**
-     * The accepted file type to upload
+     * The accepted file type to upload <br>
+     * Possible values: <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types">MIME Types</a> separated by comma
+     * @example application/pdf,image/png
      * @default *
      */
     accept: string;
@@ -20,11 +22,11 @@ export declare class UploadFileListComponent extends AbstractComponent implement
     /**
      * If is file list image
      */
-    images?: BooleanInput;
+    images: BooleanInput | undefined;
     /**
      * Hide the load button
      */
-    hideLoadButton?: BooleanInput;
+    hideLoadButton: BooleanInput | undefined;
     /**
      * Fired when upload new files
      */
@@ -52,6 +54,6 @@ export declare class UploadFileListComponent extends AbstractComponent implement
      * @param file
      */
     getFileSize(file: File): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UploadFileListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UploadFileListComponent, "it-upload-file-list[id][fileList]", never, { "fileList": "fileList"; "accept": "accept"; "multiple": "multiple"; "images": "images"; "hideLoadButton": "hideLoadButton"; }, { "uploadFiles": "uploadFiles"; "deleteItem": "deleteItem"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItUploadFileListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItUploadFileListComponent, "it-upload-file-list[fileList]", never, { "fileList": { "alias": "fileList"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "images": { "alias": "images"; "required": false; }; "hideLoadButton": { "alias": "hideLoadButton"; "required": false; }; }, { "uploadFiles": "uploadFiles"; "deleteItem": "deleteItem"; }, never, never, true, never>;
 }

package/lib/components/navigation/back-button/back-button.component.d.ts

@@ -1,7 +1,7 @@
 import { Location } from '@angular/common';
 import { BooleanInput } from '../../../utils/boolean-input';
 import * as i0 from "@angular/core";
-export declare class BackButtonComponent {
+export declare class ItBackButtonComponent {
     readonly _location: Location;
     /**
      * Back button style
@@ -41,7 +41,7 @@ export declare class BackButtonComponent {
     /**
      * Go back function
      */
-    goBack(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BackButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BackButtonComponent, "it-back-button", ["itBackButton"], { "buttonStyle": "buttonStyle"; "direction": "direction"; "showIcon": "showIcon"; "showText": "showText"; "backFn": "backFn"; }, {}, never, never, false, never>;
+    goBack(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItBackButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItBackButtonComponent, "it-back-button", ["itBackButton"], { "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "showText": { "alias": "showText"; "required": false; }; "backFn": { "alias": "backFn"; "required": false; }; }, {}, never, never, true, never>;
 }