design-angular-kit 1.0.0-9 → 1.0.0-prerelease.2

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

@@ -1,10 +1,10 @@
-import { EventEmitter } from '@angular/core';
-import { AbstractFormComponent } from '../../../abstracts/abstract-form-component';
-import { AutocompleteItem, InputControlType } from '../../../interfaces/form';
-import { BooleanInput } from '../../../utils/boolean-input';
+import { OnInit } from '@angular/core';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import { InputControlType } from '../../../interfaces/form';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class InputComponent extends AbstractFormComponent<string | number> {
+import * as i1 from "../../../utils/coercion";
+export declare class ItInputComponent extends ItAbstractFormComponent<string | number | null | undefined> implements OnInit {
     /**
      * The input type
      * @default text
@@ -17,80 +17,79 @@ 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
+     * @default undefined
+     */
+    readonly: boolean | 'plaintext' | undefined;
+    /**
+     * The max date value [Used only in type = 'date']
+     * @default '9999-12-31'
+     * @example 'yyyy-mm-dd'
      */
-    readonly?: BooleanInput | 'plaintext';
+    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']
+     * @default false
      */
-    currency?: BooleanInput;
+    currency?: boolean;
     /**
      * If is a percentage number [Used only in type = 'number']
+     * @default false
      */
-    percentage?: BooleanInput;
+    percentage?: boolean;
     /**
-     * To make the numeric field automatically resize according to the value contained in it. [Used only in type = 'number']
+     * The currency or percentage symbol [Used only if percentage or currency]
+     * @example '$'
      */
-    adaptive?: BooleanInput;
+    symbol: 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) => 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]
+     * To make the numeric field automatically resize according to the value contained in it. [Used only in type = 'number']
+     * @default false
      */
-    autocompleteDebounceTime: number;
+    adaptive?: boolean;
     /**
-     * Fired when the Autocomplete Item has been selected
+     * Input autocomplete attribute (Browser autocomplete)
+     * @default undefined
      */
-    onAutocompleteSelected: EventEmitter<AutocompleteItem>;
-    showAutocompletion: boolean;
+    autocomplete: string | undefined;
     get isActiveLabel(): boolean;
     /**
      * Check is readonly field
      */
-    get isReadonly(): boolean;
+    protected get isReadonly(): boolean;
     /**
      * 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;
-        relatedEntries: Array<AutocompleteItem>;
-    }>;
     ngOnInit(): void;
     /**
      * Increment or decrease the input number value of step
      * @param decrease true to decrease value
      */
-    incrementNumber(decrease?: boolean): void;
-    /**
-     * Create the autocomplete list
-     */
-    private getAutocompleteResults$;
-    onEntryClick(entry: AutocompleteItem, event: Event): void;
-    autocompleteItemTrackByValueFn(index: number, item: AutocompleteItem): string;
-    onKeyDown(): 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"; "autocompleteData": "autocompleteData"; "autocompleteDebounceTime": "autocompleteDebounceTime"; }, { "onAutocompleteSelected": "onAutocompleteSelected"; }, never, ["[prepend]", "[prependText]", "[append]", "[appendText]", "[error]"], false, never>;
+    protected incrementNumber(decrease?: boolean): 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; }; "symbol": { "alias": "symbol"; "required": false; }; "adaptive": { "alias": "adaptive"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; }, {}, never, ["[prependText]", "[append]", "[appendText]", "[error]"], true, never>;
+    static ngAcceptInputType_currency: i1.BooleanInput;
+    static ngAcceptInputType_percentage: i1.BooleanInput;
+    static ngAcceptInputType_adaptive: i1.BooleanInput;
 }

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

@@ -1,9 +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 { InputPassword } from 'bootstrap-italia';
 import * as i0 from "@angular/core";
-export declare class PasswordInputComponent extends AbstractFormComponent<string> {
+import * as i1 from "../../../utils/coercion";
+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
@@ -35,21 +40,41 @@ 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?: boolean;
+    /**
+     * Is the confirmation password field
+     * @default false
      */
-    showStrengthMeter?: BooleanInput;
-    inputPasswordBs?: InputPassword;
+    confirmPasswordField?: boolean;
+    /**
+     * 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;
     /**
      * 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>;
+    static ngAcceptInputType_showStrengthMeter: i1.BooleanInput;
+    static ngAcceptInputType_confirmPasswordField: i1.BooleanInput;
 }

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

@@ -1,29 +1,38 @@
-import { AbstractFormComponent } from '../../../abstracts/abstract-form-component';
-import { BooleanInput } from '../../../utils/boolean-input';
+import { OnInit } from '@angular/core';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
 import * as i0 from "@angular/core";
-export declare class RadioButtonComponent extends AbstractFormComponent<string | number> {
+import * as i1 from "../../../utils/coercion";
+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
      */
-    inline: BooleanInput;
+    inline?: boolean;
     /**
      * If is radio group
      * @default false
      */
-    group: BooleanInput;
+    group?: boolean;
     /**
      * If is radio is checked
+     * @default false
+     */
+    checked?: boolean;
+    /**
+     * Set the radio name manually.
+     * For example when the radio button name is duplicated inside page
+     * @default by default the radio name is calculated from form field name
      */
-    checked?: BooleanInput;
-    get isInline(): boolean;
-    get isGroup(): boolean;
+    forceRadioName?: string;
     get name(): string;
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "it-radio-button[id][value]", never, { "value": "value"; "inline": "inline"; "group": "group"; "checked": "checked"; }, {}, never, ["[label]", "*", "[error]", "[error]"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItRadioButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItRadioButtonComponent, "it-radio-button", never, { "value": { "alias": "value"; "required": true; }; "inline": { "alias": "inline"; "required": false; }; "group": { "alias": "group"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "forceRadioName": { "alias": "forceRadioName"; "required": false; }; }, {}, never, ["[label]", "*", "[error]", "[error]"], true, never>;
+    static ngAcceptInputType_inline: i1.BooleanInput;
+    static ngAcceptInputType_group: i1.BooleanInput;
+    static ngAcceptInputType_checked: i1.BooleanInput;
 }

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,21 @@ export declare class TextareaComponent extends AbstractFormComponent<string> {
     /**
      * 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
+     * @default undefined
+     */
+    readonly: boolean | 'plaintext' | 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>;
+    /**
+     * Check is readonly field
+     */
+    protected get isReadonly(): boolean;
+    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; }; "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, ["[error]"], true, never>;
 }

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

@@ -1,8 +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
@@ -14,14 +14,20 @@ export declare class UploadDragDropComponent extends AbstractComponent {
      * Fired when file start to upload
      */
     fileStartUpload: EventEmitter<File>;
-    isDragover: boolean;
-    isLoading: boolean;
-    isSuccess: boolean;
-    donut?: ProgressDonut;
+    protected isDragover: boolean;
+    protected isLoading: boolean;
+    protected isSuccess: boolean;
+    protected donut?: ProgressDonut;
     private donutElement?;
-    filename?: string;
-    extension?: string;
-    fileSize?: string;
+    protected filename?: string;
+    protected extension?: string;
+    protected fileSize?: string;
+    /**
+     * The bootstrap-italia asset folder path
+     * @default ./bootstrap-italia
+     */
+    protected assetBasePath: string;
+    constructor();
     ngAfterViewInit(): void;
     onDragOver(evt: DragEvent): void;
     onDragLeave(evt: DragEvent): void;
@@ -49,6 +55,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,9 +1,9 @@
 import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { AbstractComponent } from '../../../abstracts/abstract.component';
-import { BooleanInput } from '../../../utils/boolean-input';
+import { ItAbstractComponent } from '../../../abstracts/abstract.component';
 import { UploadFileListItem } from '../../../interfaces/form';
 import * as i0 from "@angular/core";
-export declare class UploadFileListComponent extends AbstractComponent implements OnInit, OnChanges {
+import * as i1 from "../../../utils/coercion";
+export declare class ItUploadFileListComponent extends ItAbstractComponent implements OnInit, OnChanges {
     /**
      * The list of files to show in list
      */
@@ -17,16 +17,19 @@ export declare class UploadFileListComponent extends AbstractComponent implement
     accept: string;
     /**
      * If upload multiple files
+     * @default true
      */
-    multiple: BooleanInput;
+    multiple: boolean;
     /**
      * If is file list image
+     * @default false
      */
-    images?: BooleanInput;
+    images?: boolean;
     /**
      * Hide the load button
+     * @default false
      */
-    hideLoadButton?: BooleanInput;
+    hideLoadButton?: boolean;
     /**
      * Fired when upload new files
      */
@@ -41,9 +44,6 @@ export declare class UploadFileListComponent extends AbstractComponent implement
     previewImages: Map<number, string>;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    get isMultipleInput(): boolean;
-    get isImageList(): boolean;
-    get isHideLoadButton(): boolean;
     /**
      * On load file from input
      * @param event
@@ -54,6 +54,9 @@ 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", never, { "fileList": { "alias": "fileList"; "required": true; }; "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>;
+    static ngAcceptInputType_multiple: i1.BooleanInput;
+    static ngAcceptInputType_images: i1.BooleanInput;
+    static ngAcceptInputType_hideLoadButton: i1.BooleanInput;
 }

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 {
+import * as i1 from "../../../utils/coercion";
+export declare class ItBackButtonComponent {
     readonly _location: Location;
     /**
      * Back button style
@@ -21,12 +21,12 @@ export declare class BackButtonComponent {
      * Show/Hide icon
      * @default true
      */
-    showIcon: BooleanInput;
+    showIcon: boolean;
     /**
      * Show/Hide text
      * @default true
      */
-    showText: BooleanInput;
+    showText: boolean;
     /**
      * Custom back logic <br/>
      *
@@ -35,13 +35,13 @@ export declare class BackButtonComponent {
      * (errorCallback is your function, pass backCbFn to the component)
      */
     backFn?: (location: Location) => void;
-    get isShowIcon(): boolean;
-    get isShowText(): boolean;
     constructor(_location: Location);
     /**
      * Go back function
      */
     goBack(event: Event): 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>;
+    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>;
+    static ngAcceptInputType_showIcon: i1.BooleanInput;
+    static ngAcceptInputType_showText: i1.BooleanInput;
 }

package/lib/components/navigation/back-to-top/back-to-top.component.d.ts

@@ -1,29 +1,25 @@
-import { BooleanInput } from '../../../utils/boolean-input';
-import { AbstractComponent } from '../../../abstracts/abstract.component';
+import { AfterViewInit } from '@angular/core';
+import { ItAbstractComponent } from '../../../abstracts/abstract.component';
 import * as i0 from "@angular/core";
-export declare class BackToTopComponent extends AbstractComponent {
-    /**
-     * The back to top ID
-     * @default 'back-to-top-button'
-     */
-    id: string;
+import * as i1 from "../../../utils/coercion";
+export declare class ItBackToTopComponent extends ItAbstractComponent implements AfterViewInit {
     /**
      * Show small button
+     * @default false
      */
-    small?: BooleanInput;
+    small?: boolean;
     /**
      * Show shadow
+     * @default false
      */
-    shadow?: BooleanInput;
+    shadow?: boolean;
     /**
      * Button usable button on a dark background
+     * @default false
      */
-    dark?: BooleanInput;
+    dark?: boolean;
     private backToTop?;
     private backToTopElement?;
-    get isSmall(): boolean;
-    get isShadow(): boolean;
-    get isDark(): boolean;
     ngAfterViewInit(): void;
     /**
      * Show button
@@ -41,6 +37,9 @@ export declare class BackToTopComponent extends AbstractComponent {
      * Eliminate component features
      */
     dispose(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BackToTopComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BackToTopComponent, "it-back-to-top", ["itBackToTop"], { "id": "id"; "small": "small"; "shadow": "shadow"; "dark": "dark"; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItBackToTopComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItBackToTopComponent, "it-back-to-top", ["itBackToTop"], { "small": { "alias": "small"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_small: i1.BooleanInput;
+    static ngAcceptInputType_shadow: i1.BooleanInput;
+    static ngAcceptInputType_dark: i1.BooleanInput;
 }