design-angular-kit 1.2.2 → 1.3.0

package/lib/abstracts/abstract-form.component.d.ts

@@ -1,4 +1,4 @@
-import { ControlValueAccessor, FormControl, NgControl, ValidatorFn } from '@angular/forms';
+import { ControlContainer, ControlValueAccessor, FormControl, NgControl, ValidatorFn } from '@angular/forms';
 import { DoCheck, OnInit } from '@angular/core';
 import { ItAbstractComponent } from './abstract.component';
 import { Observable } from 'rxjs';
@@ -8,6 +8,7 @@ import * as i1 from "../utils/coercion";
 export declare abstract class ItAbstractFormComponent<T = any> extends ItAbstractComponent implements OnInit, ControlValueAccessor, DoCheck {
     protected readonly _translateService: TranslateService;
     protected readonly _ngControl: NgControl;
+    protected fgd?: ControlContainer | undefined;
     /**
      * The label of form control
      */
@@ -18,7 +19,7 @@ export declare abstract class ItAbstractFormComponent<T = any> extends ItAbstrac
      * - <b>false</b>: Never show validation color
      * - <b>only-valid</b>: Show only valid validation color
      * - <b>only-invalid</b>: Show only invalid validation color
-     * @default <b>true</b>: Always show the validation color
+     * @default <b>false</b>: Do not show the validation color by default
      */
     validationMode: boolean | 'only-valid' | 'only-invalid';
     /**
@@ -29,7 +30,7 @@ export declare abstract class ItAbstractFormComponent<T = any> extends ItAbstrac
      * Internal form control
      */
     protected control: FormControl<T>;
-    constructor(_translateService: TranslateService, _ngControl: NgControl);
+    constructor(_translateService: TranslateService, _ngControl: NgControl, fgd?: ControlContainer | undefined);
     /**
      * Check if field is invalid (Validation failed)
      */
@@ -81,7 +82,8 @@ export declare abstract class ItAbstractFormComponent<T = any> extends ItAbstrac
      * null is returned.
      */
     getError(errorCode: string, path?: Array<string | number> | string): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ItAbstractFormComponent<any>, [null, { optional: true; self: true; }]>;
+    private setValidationModeWhenInAForm;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItAbstractFormComponent<any>, [null, { optional: true; self: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ItAbstractFormComponent<any>, "ng-component", never, { "label": { "alias": "label"; "required": false; }; "validationMode": { "alias": "validationMode"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
     static ngAcceptInputType_disabled: i1.BooleanInput;
 }

package/lib/components/core/carousel/carousel/carousel.component.d.ts

@@ -53,7 +53,7 @@ export declare class ItCarouselComponent implements AfterViewInit, OnDestroy {
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /**
-     * Removes CarouselBI features
+     * Removes Carousel features
      */
     dispose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ItCarouselComponent, never>;

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

@@ -0,0 +1,179 @@
+interface VideoJsTranslation {
+    'Audio Player': string;
+    'Video Player': string;
+    Play: string;
+    Pause: string;
+    Replay: string;
+    'Current Time': string;
+    Duration: string;
+    'Remaining Time': string;
+    'Stream Type': string;
+    LIVE: string;
+    Loaded: string;
+    Progress: string;
+    'Progress Bar': string;
+    'progress bar timing: currentTime={1} duration={2}': string;
+    Fullscreen: string;
+    'Exit Fullscreen': string;
+    Mute: string;
+    Unmute: string;
+    'Playback Rate': string;
+    Subtitles: string;
+    'subtitles off': string;
+    Captions: string;
+    'captions off': string;
+    Chapters: string;
+    Descriptions: string;
+    'descriptions off': string;
+    'Audio Track': string;
+    'Volume Level': string;
+    'You aborted the media playback': string;
+    'A network error caused the media download to fail part-way.': string;
+    'The media could not be loaded, either because the server or network failed or because the format is not supported.': string;
+    'The media playback was aborted due to a corruption problem or because the media used features your browser did not support.': string;
+    'No compatible source was found for this media.': string;
+    'The media is encrypted and we do not have the keys to decrypt it.': string;
+    'Play Video': string;
+    Close: string;
+    'Close Modal Dialog': string;
+    'Modal Window': string;
+    'This is a modal window': string;
+    'This modal can be closed by pressing the Escape key or activating the close button.': string;
+    ', opens captions settings dialog': string;
+    ', opens subtitles settings dialog': string;
+    ', opens descriptions settings dialog': string;
+    ', selected': string;
+    'captions settings': string;
+    'subtitles settings': string;
+    'descriptions settings': string;
+    Text: string;
+    White: string;
+    Black: string;
+    Red: string;
+    Green: string;
+    Blue: string;
+    Yellow: string;
+    Magenta: string;
+    Cyan: string;
+    Background: string;
+    Window: string;
+    Transparent: string;
+    'Semi-Transparent': string;
+    Opaque: string;
+    'Font Size': string;
+    'Text Edge Style': string;
+    None: string;
+    Uniform: string;
+    'Drop shadow': string;
+    'Font Family': string;
+    'Proportional Sans-Serif': string;
+    'Monospace Sans-Serif': string;
+    'Proportional Serif': string;
+    'Monospace Serif': string;
+    'Small Caps': string;
+    Reset: string;
+    'restore all settings to the default values': string;
+    Done: string;
+    'Caption Settings Dialog': string;
+    'Beginning of dialog window. Escape will cancel and close the window.': string;
+    'End of dialog window.': string;
+    '{1} is loading.': string;
+    'Exit Picture-in-Picture': string;
+    'Picture-in-Picture': string;
+    Color: string;
+    Opacity: string;
+    'Text Background': string;
+    'Caption Area Background': string;
+    'Skip forward {1} seconds': string;
+    'Skip backward {1} seconds': string;
+}
+interface VideoPlayerTranslations {
+    'audio-player': string;
+    'video-player': string;
+    play: string;
+    pause: string;
+    replay: string;
+    'current-time': string;
+    duration: string;
+    'remaining-time': string;
+    'stream-type': string;
+    live: string;
+    loaded: string;
+    progress: string;
+    'progress-bar': string;
+    'progress-bar-timing:-currenttime={1}-duration={2}': string;
+    fullscreen: string;
+    'exit-fullscreen': string;
+    mute: string;
+    unmute: string;
+    'playback-rate': string;
+    subtitles: string;
+    'subtitles-off': string;
+    captions: string;
+    'captions-off': string;
+    chapters: string;
+    descriptions: string;
+    'descriptions-off': string;
+    'audio-track': string;
+    'volume-level': string;
+    'you-aborted-the-media-playback': string;
+    'a-network-error-caused-the-media-download-to-fail-part-way.': string;
+    'the-media-could-not-be-loaded,-either-because-the-server-or-network-failed-or-because-the-format-is-not-supported.': string;
+    'the-media-playback-was-aborted-due-to-a-corruption-problem-or-because-the-media-used-features-your-browser-did-not-support.': string;
+    'no-compatible-source-was-found-for-this-media.': string;
+    'the-media-is-encrypted-and-we-do-not-have-the-keys-to-decrypt-it.': string;
+    'play-video': string;
+    close: string;
+    'close-modal-dialog': string;
+    'modal-window': string;
+    'this-is-a-modal-window': string;
+    'this-modal-can-be-closed-by-pressing-the-escape-key-or-activating-the-close-button.': string;
+    ',-opens-captions-settings-dialog': string;
+    ',-opens-subtitles-settings-dialog': string;
+    ',-opens-descriptions-settings-dialog': string;
+    ',-selected': string;
+    'captions-settings': string;
+    'subtitles-settings': string;
+    'descriptions-settings': string;
+    text: string;
+    white: string;
+    black: string;
+    red: string;
+    green: string;
+    blue: string;
+    yellow: string;
+    magenta: string;
+    cyan: string;
+    background: string;
+    window: string;
+    transparent: string;
+    'semi-transparent': string;
+    opaque: string;
+    'font-size': string;
+    'text-edge-style': string;
+    none: string;
+    uniform: string;
+    'drop-shadow': string;
+    'font-family': string;
+    'proportional-sans-serif': string;
+    'monospace-sans-serif': string;
+    'proportional-serif': string;
+    'monospace-serif': string;
+    'small-caps': string;
+    reset: string;
+    'restore-all-settings-to-the-default-values': string;
+    done: string;
+    'caption-settings-dialog': string;
+    'beginning-of-dialog-window.-escape-will-cancel-and-close-the-window.': string;
+    'end-of-dialog-window.': string;
+    '{1}-is-loading.': string;
+    'exit-picture-in-picture': string;
+    'picture-in-picture': string;
+    color: string;
+    opacity: string;
+    'text-background': string;
+    'caption-area-background': string;
+    'skip-forward-{1}-seconds': string;
+    'skip-backward-{1}-seconds': string;
+}
+export type { VideoJsTranslation, VideoPlayerTranslations };

package/lib/components/core/video-player/video-player-i18n.service.d.ts

@@ -0,0 +1,17 @@
+import { DestroyRef } from '@angular/core';
+import Player from 'video.js/dist/types/player';
+import { VideoJsTranslation } from './video-player-i18n.model';
+import * as i0 from "@angular/core";
+export declare class VideoPlayerI18nService {
+    #private;
+    init(player: Player, destroyRef: DestroyRef): void;
+    getLanguage(): {
+        languages: {
+            [x: string]: VideoJsTranslation;
+        };
+        language: string;
+    };
+    private getTranslations;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VideoPlayerI18nService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<VideoPlayerI18nService>;
+}

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

@@ -0,0 +1,48 @@
+import { AfterViewInit, ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import Player from 'video.js/dist/types/player';
+import { ItAbstractComponent } from '../../../abstracts/abstract.component';
+import { VideoPlayerI18nService } from './video-player-i18n.service';
+import { VideoPlayerConfigService } from './video-player.config';
+import { ItVideoPlayerOptions } from './video-player.model';
+import * as i0 from "@angular/core";
+declare enum ViewType {
+    Default = "DEFAULT",
+    Overlay = "OVERLAY"
+}
+/**
+ * Video Player
+ * @description Component that allows playing a video.
+ */
+export declare class ItVideoPlayerComponent extends ItAbstractComponent implements OnInit, AfterViewInit, OnDestroy {
+    #private;
+    private config;
+    /**
+     * Options for video player configuration
+     */
+    options: ItVideoPlayerOptions;
+    videoPlayerRef?: ElementRef<HTMLVideoElement>;
+    acceptOveralyRef?: ElementRef<HTMLDivElement>;
+    acceptOverlayableRef?: ElementRef<HTMLDivElement>;
+    chrRememberRef?: ElementRef<HTMLInputElement>;
+    player?: Player;
+    readonly viewTypes: typeof ViewType;
+    readonly viewType$: BehaviorSubject<ViewType | undefined>;
+    readonly cookieAccepted$: BehaviorSubject<boolean>;
+    protected readonly i18nService: VideoPlayerI18nService;
+    private get viewType();
+    constructor(config: VideoPlayerConfigService);
+    ngOnInit(): Promise<void>;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    acceptCookieHandler(): void;
+    private initVideoPlayer;
+    private setVideoPlayer;
+    private setViewType;
+    private hideOverlay;
+    private rememberHandler;
+    private setVideoAttributes;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ItVideoPlayerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ItVideoPlayerComponent, "it-video-player", never, { "options": { "alias": "options"; "required": false; }; }, {}, never, ["[transcriptionTitle]", "[transcriptionText]"], true, never>;
+}
+export {};

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

@@ -0,0 +1,68 @@
+import { ItVideoPlayerOptions } from './video-player.model';
+import * as i0 from "@angular/core";
+export type Tech = 'html5' | 'youtube';
+export declare class VideoPlayerConfigService {
+    #private;
+    configureTech({ tech }: {
+        tech: Tech;
+    }): Promise<void>;
+    mergeConfig(o: ItVideoPlayerOptions): {
+        preload: "" | "auto" | "none" | "metadata";
+        techOrder: string[];
+        tracks: {
+            kind: string;
+            lang: string;
+            src: string;
+            label: string;
+            default?: true | undefined;
+        }[];
+        tech: string;
+        autoplay?: boolean | ("any" | "play" | "muted") | undefined;
+        controls?: boolean | undefined;
+        fluid?: boolean | undefined;
+        loop?: boolean | undefined;
+        muted?: boolean | undefined;
+        poster?: string | undefined;
+        sources: import("./video-player.model").Source[];
+        captions?: import("./video-player.model").Caption[] | undefined;
+        chapters?: import("./video-player.model").Chapter[] | undefined;
+        languages: {
+            [x: string]: import("./video-player-i18n.model").VideoJsTranslation;
+        };
+        language: string;
+    } | {
+        sources: (import("./video-player.model").Source & {
+            type: "video/youtube";
+        })[];
+        tech: string;
+        youtube: {
+            ytControls: number;
+            rel: number;
+            fs: number;
+            modestbranding: number;
+        };
+        preload: "" | "auto" | "none" | "metadata";
+        techOrder: string[];
+        tracks: {
+            kind: string;
+            lang: string;
+            src: string;
+            label: string;
+            default?: true | undefined;
+        }[];
+        autoplay?: boolean | ("any" | "play" | "muted") | undefined;
+        controls?: boolean | undefined;
+        fluid?: boolean | undefined;
+        loop?: boolean | undefined;
+        muted?: boolean | undefined;
+        poster?: string | undefined;
+        captions?: import("./video-player.model").Caption[] | undefined;
+        chapters?: import("./video-player.model").Chapter[] | undefined;
+        languages: {
+            [x: string]: import("./video-player-i18n.model").VideoJsTranslation;
+        };
+        language: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<VideoPlayerConfigService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<VideoPlayerConfigService>;
+}

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

@@ -0,0 +1,6 @@
+declare const cookies: {
+    rememberChoice: (service: string, remember: boolean) => void;
+    isChoiceRemembered: (service: string) => boolean;
+    clearAllRememberedChoices: () => void;
+};
+export { cookies };

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

@@ -1,59 +1,75 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { Observable } from 'rxjs';
+import { EventEmitter } from '@angular/core';
 import { ItAbstractFormComponent } from '../../../abstracts/abstract-form.component';
-import { AutocompleteItem } from '../../../interfaces/form';
 import * as i0 from "@angular/core";
-import * as i1 from "../../../utils/coercion";
-export declare class ItAutocompleteComponent extends ItAbstractFormComponent<string | null | undefined> implements OnInit {
+type functionSource = (query: string, populateResults: (results: string[]) => void) => void;
+export declare class ItAutocompleteComponent extends ItAbstractFormComponent<string | null | undefined> {
     /**
-     * Indicates the list of searchable elements on which to base the input autocomplete system
-     * If you need to retrieve items via API, can pass a function of Observable
-     * @default undefined
+     * Autocomplete elements.
+     * @default []
      */
-    autocompleteData: Array<AutocompleteItem> | ((search?: string | null) => Observable<Array<AutocompleteItem>>);
+    source: string[] | functionSource;
     /**
-     * To get a large version of Autocomplete
+     * Autocomplete if required.
+     * @default false
      */
-    big?: boolean;
+    required: 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]
+     * Input field name
      */
-    debounceTime: number;
+    name: string | undefined;
     /**
-     * The input placeholder
+     * The input description
      */
-    placeholder: string;
+    description: string | undefined;
     /**
-     * The input label even get labelWaria icon
+     * Prevents suggestions from appearing if fewer than N characters are typed
+     * @default 0
      */
-    labelWaria: string | undefined;
+    minLength: number;
     /**
-     * Show the label
+     * Default value
      */
-    forceShowLabel: boolean;
+    defaultValue: string | null;
     /**
-     * Fired when the Autocomplete Item has been selected
+     * Function to set assistive hint label. For more information https://github.com/alphagov/accessible-autocomplete?tab=readme-ov-file#internationalization
      */
-    autocompleteSelectedEvent: EventEmitter<AutocompleteItem>;
-    protected showAutocompletion: boolean;
-    /** Observable da cui vengono emessi i risultati dell'auto completamento */
-    protected autocompleteResults$: Observable<{
-        searchedValue: string | undefined | null;
-        relatedEntries: Array<AutocompleteItem>;
-    }>;
-    ngOnInit(): void;
+    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;
     /**
-     * Create the autocomplete list
+     * Function to set status results label. For more information https://github.com/alphagov/accessible-autocomplete?tab=readme-ov-file#internationalization
      */
-    private getAutocompleteResults$;
-    protected onEntryClick(entry: AutocompleteItem, event: Event): void;
-    protected autocompleteItemTrackByValueFn(index: number, item: AutocompleteItem): string;
-    protected onKeyDown(): void;
-    protected get isActiveLabel(): boolean;
+    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, { "autocompleteData": { "alias": "autocompleteData"; "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; }; }, { "autocompleteSelectedEvent": "autocompleteSelectedEvent"; }, never, ["[error]"], true, never>;
-    static ngAcceptInputType_big: i1.BooleanInput;
-    static ngAcceptInputType_forceShowLabel: i1.BooleanInput;
+    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/form.module.d.ts

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