design-angular-kit 1.0.0-1 → 1.0.0-3

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

@@ -0,0 +1,54 @@
+import { AbstractFormComponent } 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> {
+    /**
+     * 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
+     */
+    description?: string;
+    /**
+     * Enable to show the strength meter
+     */
+    showStrengthMeter?: BooleanInput;
+    inputPasswordBs?: any;
+    private inputElement?;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    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>;
+}

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

@@ -0,0 +1,29 @@
+import { AbstractFormComponent } 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> {
+    /**
+     * The radio value
+     */
+    value?: string | number;
+    /**
+     * If show radio inline
+     * @default false
+     */
+    inline: BooleanInput;
+    /**
+     * If is radio group
+     * @default false
+     */
+    group: BooleanInput;
+    /**
+     * If is radio is checked
+     */
+    checked?: BooleanInput;
+    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>;
+}

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

@@ -0,0 +1,30 @@
+import { AbstractFormComponent } from '../../../abstracts/abstract-form-component';
+import { SelectControlGroup, SelectControlOption } from '../../../interfaces/form';
+import * as i0 from "@angular/core";
+export declare class SelectComponent extends AbstractFormComponent {
+    /**
+     * The select options
+     */
+    options: Array<SelectControlOption>;
+    /**
+     * The select group options
+     */
+    groups?: Array<SelectControlGroup>;
+    /**
+     * The select description
+     */
+    description?: 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<SelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "it-select[id][options]", never, { "options": "options"; "groups": "groups"; "description": "description"; }, {}, never, never, false, never>;
+}

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

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

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

@@ -0,0 +1,53 @@
+import { EventEmitter } from '@angular/core';
+import { AbstractComponent } from '../../../abstracts/abstract.component';
+import * as i0 from "@angular/core";
+export declare class UploadDragDropComponent extends AbstractComponent {
+    /**
+     * 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;
+    /**
+     * Fired when file start to upload
+     */
+    fileStartUpload: EventEmitter<File>;
+    isDragover: boolean;
+    isLoading: boolean;
+    isSuccess: boolean;
+    donut?: any;
+    private donutElement?;
+    filename?: string;
+    extension?: string;
+    fileSize?: string;
+    ngAfterViewInit(): void;
+    onDragOver(evt: DragEvent): void;
+    onDragLeave(evt: DragEvent): void;
+    onDrop(evt: DragEvent): void;
+    /**
+     * On load file from input
+     * @param event
+     */
+    onLoadFile(event: Event): void;
+    /**
+     * Start the upload file
+     * @param file
+     */
+    start(file: File): void;
+    /**
+     * Percentage of upload
+     * @param value the percentage
+     */
+    progress(value: number): void;
+    /**
+     * Upload success
+     */
+    success(): void;
+    /**
+     * 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>;
+}

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

@@ -0,0 +1,57 @@
+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 * as i0 from "@angular/core";
+export declare class UploadFileListComponent extends AbstractComponent implements OnInit, OnChanges {
+    /**
+     * The list of files to show in list
+     */
+    fileList: Array<UploadFileListItem>;
+    /**
+     * The accepted file type to upload
+     * @default *
+     */
+    accept: string;
+    /**
+     * If upload multiple files
+     */
+    multiple: BooleanInput;
+    /**
+     * If is file list image
+     */
+    images?: BooleanInput;
+    /**
+     * Hide the load button
+     */
+    hideLoadButton?: BooleanInput;
+    /**
+     * Fired when upload new files
+     */
+    uploadFiles: EventEmitter<FileList>;
+    /**
+     * Fired on delete item button click
+     */
+    deleteItem: EventEmitter<UploadFileListItem>;
+    /**
+     * Cache to preview image
+     */
+    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
+     */
+    onLoadFiles(event: Event): void;
+    /**
+     * Get the file size string
+     * @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>;
+}

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

@@ -0,0 +1,47 @@
+import { Location } from '@angular/common';
+import { BooleanInput } from '../../../utils/boolean-input';
+import * as i0 from "@angular/core";
+export declare class BackButtonComponent {
+    readonly _location: Location;
+    /**
+     * Back button style
+     * - <b>link</b>: use a link with icon and text
+     * - <b>button</b>: use a button with icon and text
+     * @default button
+     */
+    buttonStyle: 'link' | 'button';
+    /**
+     * Button direction
+     * - <b>left</b>: Back direction
+     * - <b>up</b>: Upper direction
+     * @default left
+     */
+    direction: 'left' | 'up';
+    /**
+     * Show/Hide icon
+     * @default true
+     */
+    showIcon: BooleanInput;
+    /**
+     * Show/Hide text
+     * @default true
+     */
+    showText: BooleanInput;
+    /**
+     * Custom back logic <br/>
+     *
+     * NOTE: to use 'this' need bind function  <br/>
+     * @example backCbFn = this.errorCallback.bind(this);
+     * (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(): 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>;
+}

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

@@ -0,0 +1,27 @@
+import { BooleanInput } from "../../../utils/boolean-input";
+import { AbstractComponent } 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;
+    /**
+     * Show small button
+     */
+    small?: BooleanInput;
+    /**
+     * Show shadow
+     */
+    shadow?: BooleanInput;
+    /**
+     * Button usable button on a dark background
+     */
+    dark?: BooleanInput;
+    get isSmall(): boolean;
+    get isShadow(): boolean;
+    get isDark(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BackToTopComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BackToTopComponent, "it-back-to-top", never, { "id": "id"; "small": "small"; "shadow": "shadow"; "dark": "dark"; }, {}, never, never, false, never>;
+}

package/lib/components/navigation/breadcrumbs/breadcrumb/breadcrumb.component.d.ts

@@ -0,0 +1,30 @@
+import { ChangeDetectorRef, QueryList } from '@angular/core';
+import { BreadcrumbItemComponent } from "../breadcrumb-item/breadcrumb-item.component";
+import { BooleanInput } from "../../../../utils/boolean-input";
+import * as i0 from "@angular/core";
+export declare class BreadcrumbComponent {
+    private readonly _changeDetectorRef;
+    /**
+     * The character to use as separator
+     * @default /
+     */
+    separator: string;
+    /**
+     * Dark style
+     */
+    dark?: BooleanInput;
+    /**
+     * The tab items
+     */
+    items?: QueryList<BreadcrumbItemComponent>;
+    get isDark(): boolean;
+    constructor(_changeDetectorRef: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    /**
+     * Check if index is last item
+     * @param index
+     */
+    isLastItem(index: number): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "it-breadcrumb", never, { "separator": "separator"; "dark": "dark"; }, {}, ["items"], never, false, never>;
+}

package/lib/components/navigation/breadcrumbs/breadcrumb-item/breadcrumb-item.component.d.ts

@@ -0,0 +1,22 @@
+import { TemplateRef } from '@angular/core';
+import { BooleanInput } from '../../../../utils/boolean-input';
+import { IconName } from '../../../../interfaces/icon';
+import { LinkComponent } from '../../../core/link/link.component';
+import * as i0 from "@angular/core";
+export declare class BreadcrumbItemComponent extends LinkComponent {
+    /**
+     * Is active breadcrumb item
+     */
+    active?: BooleanInput;
+    /**
+     * The name of icon to show
+     */
+    iconName?: IconName;
+    /**
+     * The content of item
+     */
+    htmlContent: TemplateRef<any>;
+    get isActive(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbItemComponent, "it-breadcrumb-item", never, { "active": "active"; "iconName": "iconName"; }, {}, never, ["*"], false, never>;
+}

package/lib/components/navigation/header/header.component.d.ts

@@ -0,0 +1,28 @@
+import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
+import { BooleanInput } from "../../../utils/boolean-input";
+import { AbstractComponent } from "../../../abstracts/abstract.component";
+import * as i0 from "@angular/core";
+export declare class HeaderComponent extends AbstractComponent {
+    protected readonly _renderer: Renderer2;
+    protected readonly _elementRef: ElementRef;
+    light?: BooleanInput;
+    showSlim?: BooleanInput;
+    slimTitle?: string;
+    loginStyle: 'none' | 'default' | 'full';
+    smallHeader?: BooleanInput;
+    showSearch?: BooleanInput;
+    loginClick: EventEmitter<Event>;
+    searchClick: EventEmitter<Event>;
+    /**
+     * TODO: complete header
+     * @param _renderer
+     * @param _elementRef
+     */
+    constructor(_renderer: Renderer2, _elementRef: ElementRef);
+    get isLight(): boolean;
+    get isShowSlim(): boolean;
+    get isSmallHeader(): boolean;
+    get isShowSearch(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "it-header", never, { "light": "light"; "showSlim": "showSlim"; "slimTitle": "slimTitle"; "loginStyle": "loginStyle"; "smallHeader": "smallHeader"; "showSearch": "showSearch"; }, { "loginClick": "loginClick"; "searchClick": "searchClick"; }, never, ["[slimLinkList]", "[slimRightZone]", "[brand]", "[rightZone]"], false, never>;
+}

package/lib/components/utils/icon/icon.component.d.ts

@@ -0,0 +1,40 @@
+import { AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
+import { IconColor, IconName, IconSize } from "../../../interfaces/icon";
+import { BooleanInput } from "../../../utils/boolean-input";
+import * as i0 from "@angular/core";
+export declare class IconComponent implements AfterViewInit {
+    protected readonly _renderer: Renderer2;
+    protected readonly _elementRef: ElementRef;
+    /**
+     * The icon name
+     */
+    name: IconName;
+    /**
+     * The icon size
+     */
+    size?: IconSize;
+    /**
+     * The icon color
+     */
+    color?: IconColor;
+    /**
+     * Create a padding proportional to the size of the surrounding icon.
+     */
+    padded?: BooleanInput;
+    /**
+     * Custom class
+     */
+    class: string;
+    /**
+     * Return the icon href
+     */
+    get iconHref(): string;
+    /**
+     * Return the icon class
+     */
+    get iconClass(): string;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef);
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "it-icon[name]", never, { "name": "name"; "size": "size"; "color": "color"; "padded": "padded"; "class": "class"; }, {}, never, never, false, never>;
+}

package/lib/components/utils/not-found-page/not-found-page.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class NotFoundPageComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotFoundPageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotFoundPageComponent, "it-not-found-page", never, {}, {}, never, never, false, never>;
+}

package/lib/design-angular-kit.module.d.ts

@@ -1,29 +1,9 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./checkbox/checkbox.component";
-import * as i2 from "./toggle/toggle.component";
-import * as i3 from "./radio/radio.component";
-import * as i4 from "./badge/badge.directive";
-import * as i5 from "./progress-bar/progress-bar.component";
-import * as i6 from "./form-input/form-input.component";
-import * as i7 from "./breadcrumb/breadcrumb.component";
-import * as i8 from "./breadcrumb/breadcrumb-item.component";
-import * as i9 from "./form-input/it-prefix.directive";
-import * as i10 from "./form-input/it-suffix.directive";
-import * as i11 from "./form-input/it-text-prefix.directive";
-import * as i12 from "./form-input/it-text-suffix.directive";
-import * as i13 from "./form-input/mark-matching-text.pipe";
-import * as i14 from "@angular/common";
-import * as i15 from "./util/utils.module";
-import * as i16 from "@angular/forms";
-import * as i17 from "./popover/popover.module";
-import * as i18 from "./tooltip/tooltip.module";
-import * as i19 from "./collapse/collapse.module";
-import * as i20 from "./dropdown/dropdown.module";
-import * as i21 from "./icon/icon.module";
-import * as i22 from "./button/button.module";
-import * as i23 from "./tabs/tabs.module";
+import * as i1 from "./modules/components.module";
+import * as i2 from "@angular/common/http";
+import * as i3 from "@ngx-translate/core";
 export declare class DesignAngularKitModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DesignAngularKitModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DesignAngularKitModule, [typeof i1.CheckboxComponent, typeof i2.ToggleComponent, typeof i3.RadioGroupDirective, typeof i3.RadioButtonComponent, typeof i4.BadgeDirective, typeof i5.ProgressBarComponent, typeof i6.FormInputComponent, typeof i7.BreadcrumbComponent, typeof i8.BreadcrumbItemComponent, typeof i9.ItPrefixDirective, typeof i10.ItSuffixDirective, typeof i11.ItTextPrefixDirective, typeof i12.ItTextSuffixDirective, typeof i13.MarkMatchingTextPipe], [typeof i14.CommonModule, typeof i15.ItUtilsModule, typeof i16.FormsModule, typeof i17.ItPopoverModule, typeof i18.ItTooltipModule, typeof i19.ItCollapseModule, typeof i20.ItDropdownModule, typeof i21.ItIconModule, typeof i22.ItButtonModule, typeof i23.ItTabsModule], [typeof i1.CheckboxComponent, typeof i2.ToggleComponent, typeof i3.RadioGroupDirective, typeof i3.RadioButtonComponent, typeof i4.BadgeDirective, typeof i5.ProgressBarComponent, typeof i22.ItButtonModule, typeof i6.FormInputComponent, typeof i7.BreadcrumbComponent, typeof i8.BreadcrumbItemComponent, typeof i21.ItIconModule, typeof i9.ItPrefixDirective, typeof i10.ItSuffixDirective, typeof i11.ItTextPrefixDirective, typeof i12.ItTextSuffixDirective, typeof i17.ItPopoverModule, typeof i18.ItTooltipModule, typeof i19.ItCollapseModule, typeof i20.ItDropdownModule, typeof i15.ItUtilsModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DesignAngularKitModule, never, [typeof i1.ComponentsModule, typeof i2.HttpClientModule, typeof i3.TranslateModule], [typeof i1.ComponentsModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DesignAngularKitModule>;
 }

package/lib/interfaces/core.d.ts

@@ -0,0 +1,36 @@
+export declare type AlertColor = 'info' | 'success' | 'warning' | 'danger';
+export declare type ButtonColor = 'primary' | 'outline-primary' | 'secondary' | 'outline-secondary' | 'success' | 'outline-success' | 'danger' | 'outline-danger' | 'warning' | 'outline-warning' | 'info' | 'outline-info' | 'light' | 'outline-light' | 'dark' | 'outline-dark' | 'link';
+export declare type ButtonSize = 'lg' | 'sm' | 'xs';
+export declare type ButtonType = 'submit' | 'button';
+export declare type CalloutColor = 'success' | 'warning' | 'danger' | 'important' | 'note';
+export declare type CalloutAppearance = 'default' | 'highlight' | 'more';
+export declare type ElementPlacement = 'top' | 'bottom' | 'left' | 'right';
+export declare type ProgressBarColor = 'primary' | 'success' | 'warning' | 'danger' | 'info';
+export declare type BadgeColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+export declare type TableColor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark';
+export declare type TableHeadColor = 'light' | 'dark';
+export declare type TableResponsive = 'responsive' | 'responsive-sm' | 'responsive-md' | 'responsive-lg' | 'responsive-xl' | 'responsive-xxl';
+export declare type VerticalAlignment = 'align-baseline' | 'align-top' | 'align-middle' | 'align-bottom' | 'align-text-bottom' | 'align-text-top';
+export declare type DropdownDirection = 'dropup' | 'dropend' | 'dropstart';
+export declare type CarouselType = 'default' | 'three-cols' | 'three-cols-arrow-visible';
+export interface Notification {
+    type: NotificationType;
+    title: string;
+    message?: string;
+    duration?: number;
+    dismissable?: boolean;
+    position?: NotificationPosition;
+}
+export declare enum NotificationType {
+    Standard = "standard",
+    Success = "success",
+    Error = "error",
+    Info = "info",
+    Warning = "warning"
+}
+export declare enum NotificationPosition {
+    Top = "top-fix mt-3",
+    Bottom = "bottom-fix mb-3",
+    Left = "left-fix ms-3",
+    Right = "right-fix me-3"
+}

package/lib/interfaces/form.d.ts

@@ -0,0 +1,61 @@
+import { IconName } from "./icon";
+export declare type InputControlType = 'text' | 'email' | 'number' | 'date' | 'time' | 'tel' | 'color' | 'url' | 'search';
+export interface SelectControlOption {
+    value: any;
+    text?: string;
+    selected?: boolean | ((value: any) => boolean);
+    disabled?: boolean | ((value: any) => boolean);
+}
+export interface SelectControlGroup {
+    label: string;
+    options: Array<SelectControlOption>;
+    dragdrop?: boolean;
+}
+export interface UploadFileListItem {
+    /**
+     * The item id
+     */
+    id: number;
+    /**
+     * The uploaded file
+     */
+    file: File;
+    /**
+     * Show progress bar
+     *
+     * The status of the item changes based on the value:
+     * - <b>uploading</b>: if value is between 0 and 100 (exclusive 0 < value < 100)
+     * - <b>success</b>: if value is greater than 100
+     */
+    progress?: number;
+    /**
+     * Show the ability to delete item
+     * @default false
+     */
+    removable?: boolean;
+    /**
+     * Set the status of the item as 'error'
+     */
+    error?: string;
+    /**
+     * Add tooltip on file item name
+     */
+    tooltip?: string;
+}
+/**
+ * Elemento disponibile per l'autocompletamento del it-form-input
+ */
+export interface AutoCompleteItem {
+    /** Valore voce di autocompletamento */
+    value: string;
+    /** Opzionale. Path in cui ricercare l'immagine dell'avatar da posizionare a sinistra della voce di autocompletamento */
+    avatarSrcPath?: string;
+    /** Opzionale. Testo in alternativa dell'avatar per accessibilità */
+    avatarAltText?: string;
+    /** Opzionale. Icona posizionata a sinistra della voce di autocompletamento */
+    icon?: IconName;
+    /** Opzionale. Label posizionata a destra della voce di autocompletamento */
+    label?: string;
+    /** Opzionale. Link relativo all'elemento */
+    link?: string;
+}

package/lib/interfaces/icon.d.ts

@@ -0,0 +1,3 @@
+export declare type IconSize = 'xs' | 'sm' | 'lg' | 'xl';
+export declare type IconColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'light' | 'white';
+export declare type IconName = 'arrow-down' | 'arrow-down-circle' | 'arrow-down-triangle' | 'arrow-left' | 'arrow-left-circle' | 'arrow-left-triangle' | 'arrow-right' | 'arrow-right-circle' | 'arrow-right-triangle' | 'arrow-up' | 'arrow-up-circle' | 'arrow-up-triangle' | 'ban' | 'bookmark' | 'box' | 'burger' | 'calendar' | 'camera' | 'card' | 'chart-line' | 'check' | 'check-circle' | 'chevron-left' | 'chevron-right' | 'clip' | 'clock' | 'close' | 'close-big' | 'close-circle' | 'comment' | 'copy' | 'delete' | 'download' | 'error' | 'exchange-circle' | 'expand' | 'external-link' | 'flag' | 'folder' | 'fullscreen' | 'funnel' | 'hearing' | 'help' | 'help-circle' | 'horn' | 'inbox' | 'info-circle' | 'key' | 'link' | 'list' | 'locked' | 'logout' | 'mail' | 'mail-open' | 'map-marker' | 'map-marker-circle' | 'map-marker-minus' | 'map-marker-plus' | 'maximize' | 'maximize-alt' | 'minimize' | 'minus' | 'minus-circle' | 'more-actions' | 'more-items' | 'note' | 'pa' | 'password-invisible' | 'password-visible' | 'pencil' | 'piattaforme' | 'pin' | 'plug' | 'plus' | 'plus-circle' | 'presentation' | 'print' | 'refresh' | 'restore' | 'rss' | 'rss-square' | 'search' | 'settings' | 'share' | 'software' | 'star-full' | 'star-outline' | 'telephone' | 'tool' | 'unlocked' | 'upload' | 'user' | 'video' | 'warning' | 'warning-circle' | 'wifi' | 'zoom-in' | 'zoom-out' | 'behance' | 'facebook' | 'facebook-square' | 'figma' | 'figma-square' | 'flickr' | 'flickr-square' | 'github' | 'instagram' | 'linkedin' | 'linkedin-square' | 'medium' | 'medium-square' | 'pinterest' | 'pinterest-square' | 'quora' | 'quora-square' | 'reddit' | 'reddit-square' | 'slack' | 'slack-square' | 'snapchat' | 'snapchat-square' | 'stackexchange' | 'stackexchange-square' | 'stackoverflow' | 'stackoverflow-square' | 'telegram' | 'tiktok' | 'tiktok-square' | 'twitter' | 'twitter-square' | 'vimeo' | 'vimeo-square' | 'whatsapp' | 'whatsapp-square' | 'youtube' | 'google' | 'designers-italia' | 'team-digitale' | 'file' | 'files' | 'file-audio' | 'file-compressed' | 'file-csv' | 'file-json' | 'file-odp' | 'file-ods' | 'file-odt' | 'file-pdf' | 'file-pdf-ext' | 'file-sheet' | 'file-slides' | 'file-txt' | 'file-video' | 'file-xml';