design-angular-kit 1.2.1 → 1.3.0

package/lib/components/core/video-player/video-player.model.d.ts

@@ -0,0 +1,44 @@
+interface Source {
+    src: string;
+    type: string;
+}
+interface Caption {
+    lang: string;
+    src: string;
+    label: string;
+    default?: true;
+}
+interface Chapter {
+    lang: string;
+    src: string;
+    label: string;
+    default?: true;
+}
+type Sources = Array<Source>;
+type Captions = Array<Caption>;
+type Chapters = Array<Chapter>;
+type Preload = 'auto' | 'none' | 'metadata' | '';
+type EmbedSourceType = 'video/youtube';
+type TAutoplay = 'muted' | 'play' | 'any';
+type ItNativeVideoPlayerOptions = {
+    autoplay?: boolean | TAutoplay;
+    controls?: boolean;
+    fluid?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    poster?: string;
+    preload?: Preload;
+    sources: Sources;
+    captions?: Captions;
+    chapters?: Chapters;
+};
+type ItEmbedVideoPlayerOptions = Omit<ItNativeVideoPlayerOptions, 'sources' | 'captions' | 'chapters'> & {
+    source: Source & {
+        type: EmbedSourceType;
+    };
+};
+type ItVideoPlayerOptions = ItNativeVideoPlayerOptions | ItEmbedVideoPlayerOptions;
+type ItVideoPlayerConfig = ItVideoPlayerOptions & {
+    tech: string;
+};
+export type { Caption, Chapter, ItEmbedVideoPlayerOptions, ItNativeVideoPlayerOptions, ItVideoPlayerConfig, ItVideoPlayerOptions, Source };

package/lib/components/core/video-player/video-player.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./video-player.component";
+export declare class ItVideoPlayerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItVideoPlayerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ItVideoPlayerModule, never, [typeof i1.ItVideoPlayerComponent], [typeof i1.ItVideoPlayerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ItVideoPlayerModule>;
+}

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

@@ -0,0 +1,75 @@
+import { EventEmitter } from '@angular/core';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import * as i0 from "@angular/core";
+type functionSource = (query: string, populateResults: (results: string[]) => void) => void;
+export declare class ItAutocompleteComponent extends ItAbstractFormComponent<string | null | undefined> {
+    /**
+     * Autocomplete elements.
+     * @default []
+     */
+    source: string[] | functionSource;
+    /**
+     * Autocomplete if required.
+     * @default false
+     */
+    required: boolean;
+    /**
+     * Input field name
+     */
+    name: string | undefined;
+    /**
+     * The input description
+     */
+    description: string | undefined;
+    /**
+     * Prevents suggestions from appearing if fewer than N characters are typed
+     * @default 0
+     */
+    minLength: number;
+    /**
+     * Default value
+     */
+    defaultValue: string | null;
+    /**
+     * Function to set assistive hint label. For more information https://github.com/alphagov/accessible-autocomplete?tab=readme-ov-file#internationalization
+     */
+    assistiveHintLabel: () => string;
+    /**
+     * Function to set label in case of no result. For more information https://github.com/alphagov/accessible-autocomplete?tab=readme-ov-file#internationalization
+     */
+    noResultsLabel: () => string;
+    /**
+     * Function to set label that alerts you that query's too short. For more information https://github.com/alphagov/accessible-autocomplete?tab=readme-ov-file#internationalization
+     */
+    statusQueryTooShortLabel: (minQueryLength: number) => string;
+    /**
+     * Function to set no results label. For more information https://github.com/alphagov/accessible-autocomplete?tab=readme-ov-file#internationalization
+     */
+    statusNoResultsLabel: () => string;
+    /**
+     * Function to set selected option label. For more information https://github.com/alphagov/accessible-autocomplete?tab=readme-ov-file#internationalization
+     */
+    statusSelectedOptionLabel: (selectedOption: string, length: number, index: number) => string;
+    /**
+     * Function to set status results label. For more information https://github.com/alphagov/accessible-autocomplete?tab=readme-ov-file#internationalization
+     */
+    statusResultsLabel: (length: number, contentSelectedOption: string) => string;
+    /**
+     * Fired when value changes
+     */
+    selected: EventEmitter<any>;
+    private selectAutocompleteEl?;
+    private selectAutocomplete?;
+    private value;
+    private _interval;
+    private _inputEl;
+    ngOnInit(): void;
+    clear(): void;
+    _findInput(): void;
+    private _setAndCheck;
+    private _initInputEl;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItAutocompleteComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItAutocompleteComponent, "it-autocomplete", never, { "source": { "alias": "source"; "required": false; }; "required": { "alias": "required"; "required": false; }; "name": { "alias": "name"; "required": false; }; "description": { "alias": "description"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "assistiveHintLabel": { "alias": "assistiveHintLabel"; "required": false; }; "noResultsLabel": { "alias": "noResultsLabel"; "required": false; }; "statusQueryTooShortLabel": { "alias": "statusQueryTooShortLabel"; "required": false; }; "statusNoResultsLabel": { "alias": "statusNoResultsLabel"; "required": false; }; "statusSelectedOptionLabel": { "alias": "statusSelectedOptionLabel"; "required": false; }; "statusResultsLabel": { "alias": "statusResultsLabel"; "required": false; }; }, { "selected": "selected"; }, never, ["[error]"], true, never>;
+}
+export {};

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

@@ -0,0 +1,41 @@
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../utils/coercion";
+export declare class ItCheckboxComponent extends ItAbstractFormComponent<boolean | null | undefined> implements OnInit, OnChanges {
+    /**
+     * If show checkbox as toggle
+     * @default false
+     */
+    toggle?: boolean;
+    /**
+     * If show checkbox inline
+     * @default false
+     */
+    inline?: boolean;
+    /**
+     * If is checkbox group
+     * @default false
+     */
+    group?: boolean;
+    /**
+     * If checkbox is checked
+     * @default false
+     */
+    checked?: boolean;
+    /**
+     * If checkbox is indeterminate
+     * @default false
+     */
+    indeterminate?: boolean;
+    ngOnInit(): void;
+    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>;
+    static ngAcceptInputType_toggle: i1.BooleanInput;
+    static ngAcceptInputType_inline: i1.BooleanInput;
+    static ngAcceptInputType_group: i1.BooleanInput;
+    static ngAcceptInputType_checked: i1.BooleanInput;
+    static ngAcceptInputType_indeterminate: i1.BooleanInput;
+}

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

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./autocomplete/autocomplete.component";
+import * as i2 from "./search/search.component";
+import * as i3 from "./checkbox/checkbox.component";
+import * as i4 from "./input/input.component";
+import * as i5 from "./password-input/password-input.component";
+import * as i6 from "./radio-button/radio-button.component";
+import * as i7 from "./range/range.component";
+import * as i8 from "./rating/rating.component";
+import * as i9 from "./select/select.component";
+import * as i10 from "./textarea/textarea.component";
+import * as i11 from "./transfer/transfer.component";
+import * as i12 from "./upload-drag-drop/upload-drag-drop.component";
+import * as i13 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.ItAutocompleteComponent, typeof i2.ItSearchComponent, typeof i3.ItCheckboxComponent, typeof i4.ItInputComponent, typeof i5.ItPasswordInputComponent, typeof i6.ItRadioButtonComponent, typeof i7.ItRangeComponent, typeof i8.ItRatingComponent, typeof i9.ItSelectComponent, typeof i10.ItTextareaComponent, typeof i11.ItTransferComponent, typeof i12.ItUploadDragDropComponent, typeof i13.ItUploadFileListComponent], [typeof i1.ItAutocompleteComponent, typeof i2.ItSearchComponent, typeof i3.ItCheckboxComponent, typeof i4.ItInputComponent, typeof i5.ItPasswordInputComponent, typeof i6.ItRadioButtonComponent, typeof i7.ItRangeComponent, typeof i8.ItRatingComponent, typeof i9.ItSelectComponent, typeof i10.ItTextareaComponent, typeof i11.ItTransferComponent, typeof i12.ItUploadDragDropComponent, typeof i13.ItUploadFileListComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ItFormModule>;
+}

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

@@ -0,0 +1,95 @@
+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";
+import * as i1 from "../../../utils/coercion";
+export declare class ItInputComponent extends ItAbstractFormComponent<string | number | null | undefined> implements OnInit {
+    /**
+     * The input type
+     * @default text
+     */
+    type: InputControlType;
+    /**
+     * The input placeholder
+     */
+    placeholder: string;
+    /**
+     * The input description
+     */
+    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'
+     */
+    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 | undefined;
+    /**
+     * The min value [Used only in type = 'number']
+     */
+    min: number | undefined;
+    /**
+     * The step value [Used only in type = 'number']
+     */
+    step: number | 'any' | undefined;
+    /**
+     * If is a currency number [Used only in type = 'number']
+     * @default false
+     */
+    currency?: boolean;
+    /**
+     * If is a percentage number [Used only in type = 'number']
+     * @default false
+     */
+    percentage?: boolean;
+    /**
+     * The currency or percentage symbol [Used only if percentage or currency]
+     * @example '$'
+     */
+    symbol: string | undefined;
+    /**
+     * To make the numeric field automatically resize according to the value contained in it. [Used only in type = 'number']
+     * @default false
+     */
+    adaptive?: boolean;
+    /**
+     * Input autocomplete attribute (Browser autocomplete)
+     * @default undefined
+     */
+    autocomplete: string | undefined;
+    get isActiveLabel(): boolean;
+    /**
+     * Check is readonly field
+     */
+    protected get isReadonly(): boolean;
+    /**
+     * Return the invalid message string from TranslateService
+     */
+    get invalidMessage(): Observable<string>;
+    ngOnInit(): void;
+    /**
+     * Increment or decrease the input number value of step
+     * @param decrease true to decrease value
+     */
+    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

@@ -0,0 +1,80 @@
+import { AfterViewInit, OnInit } from '@angular/core';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+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
+     */
+    minLength: number;
+    /**
+     * The password must contain at least one number
+     * @default true
+     */
+    useNumber: boolean;
+    /**
+     * The password must contain at least one uppercase character
+     * @default true
+     */
+    useCapitalCase: boolean;
+    /**
+     * The password must contain at least one lowercase character
+     * @default true
+     */
+    useSmallCase: boolean;
+    /**
+     * The password must contain at least one special character
+     * @default true
+     */
+    useSpecialCharacters: boolean;
+    /**
+     * The input placeholder
+     */
+    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 | true | undefined;
+    /**
+     * Enable to show the strength meter
+     * @default false
+     */
+    showStrengthMeter?: boolean;
+    /**
+     * Is the confirmation password field
+     * @default false
+     */
+    confirmPasswordField?: boolean;
+    /**
+     * Input autocomplete attribute (Browser autocomplete)
+     * @default undefined
+     */
+    autocomplete: string | undefined;
+    private inputPasswordBs?;
+    private inputElement?;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    protected get isStrengthMeter(): boolean;
+    /**
+     * Return the invalid message string from TranslateService
+     */
+    get invalidMessage(): Observable<string>;
+    /**
+     * 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

@@ -0,0 +1,38 @@
+import { OnInit } from '@angular/core';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../utils/coercion";
+export declare class ItRadioButtonComponent extends ItAbstractFormComponent<string | number | null | undefined> implements OnInit {
+    /**
+     * The radio value
+     */
+    value: string | number | undefined | null;
+    /**
+     * If show radio inline
+     * @default false
+     */
+    inline?: boolean;
+    /**
+     * If is radio group
+     * @default false
+     */
+    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
+     */
+    forceRadioName?: string;
+    get name(): string;
+    ngOnInit(): void;
+    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/search/search.component.d.ts

@@ -0,0 +1,59 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import { SearchItem } from '../../../interfaces/form';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../utils/coercion";
+export declare class ItSearchComponent extends ItAbstractFormComponent<string | null | undefined> implements OnInit {
+    /**
+     * Indicates the list of searchable elements on which to base the input search system
+     * If you need to retrieve items via API, can pass a function of Observable
+     * @default undefined
+     */
+    searchData: Array<SearchItem> | ((search?: string | null) => Observable<Array<SearchItem>>);
+    /**
+     * To get a large version of Search
+     */
+    big?: boolean;
+    /**
+     * Time span [ms] has passed without another source emission, to delay data filtering.
+     * Useful when the user is typing multiple letters
+     * @default 300 [ms]
+     */
+    debounceTime: number;
+    /**
+     * The input placeholder
+     */
+    placeholder: string;
+    /**
+     * The input label even get labelWaria icon
+     */
+    labelWaria: string | undefined;
+    /**
+     * Show the label
+     */
+    forceShowLabel: boolean;
+    /**
+     * Fired when the Search Item has been selected
+     */
+    searchSelectedEvent: EventEmitter<SearchItem>;
+    protected showAutocompletion: boolean;
+    /** Observable da cui vengono emessi i risultati dell'auto completamento */
+    protected searchResults$: Observable<{
+        searchedValue: string | undefined | null;
+        relatedEntries: Array<SearchItem>;
+    }>;
+    ngOnInit(): void;
+    /**
+     * Create the search list
+     */
+    private getSearchResults$;
+    protected onEntryClick(entry: SearchItem, event: Event): void;
+    protected searchItemTrackByValueFn(index: number, item: SearchItem): string;
+    protected onKeyDown(): void;
+    protected get isActiveLabel(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItSearchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItSearchComponent, "it-search", never, { "searchData": { "alias": "searchData"; "required": true; }; "big": { "alias": "big"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "labelWaria": { "alias": "labelWaria"; "required": false; }; "forceShowLabel": { "alias": "forceShowLabel"; "required": false; }; }, { "searchSelectedEvent": "searchSelectedEvent"; }, never, ["[error]"], true, never>;
+    static ngAcceptInputType_big: i1.BooleanInput;
+    static ngAcceptInputType_forceShowLabel: i1.BooleanInput;
+}

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

@@ -0,0 +1,36 @@
+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 ItSelectComponent extends ItAbstractFormComponent implements OnInit {
+    /**
+     * The select options
+     */
+    options: Array<SelectControlOption> | undefined;
+    /**
+     * The select group options
+     */
+    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
+     * @param option the option
+     */
+    optionIsSelected(option: SelectControlOption): boolean;
+    /**
+     * Check if the option is disabled
+     * @param option the option
+     */
+    optionIsDisabled(option: SelectControlOption): boolean;
+    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

@@ -0,0 +1,34 @@
+import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class ItTextareaComponent extends ItAbstractFormComponent<string | null | undefined> {
+    /**
+     * Textarea Rows
+     * @default 3
+     */
+    rows?: number;
+    /**
+     * The textarea placeholder
+     */
+    placeholder: string;
+    /**
+     * The input description
+     */
+    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>;
+    /**
+     * 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>;
+}