design-angular-kit/lib/interfaces/form.d.ts

Un toolkit Angular conforme alle linee guida di design per i servizi web della PA

import { IconName } from './icon';
export type InputControlType = 'text' | 'email' | 'number' | 'date' | 'time' | 'tel' | 'color' | 'url';
export interface SelectControlOption<T = any> {
    value: T;
    text?: string;
    selected?: boolean | ((value: T) => boolean);
    disabled?: boolean | ((value: T) => boolean);
}
export interface SelectControlGroup<T = any> {
    label: string;
    options: Array<SelectControlOption<T>>;
    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?: boolean;
    /**
     * Add tooltip on file item name
     * @example It can be used to show the error message or additional information about the file
     */
    tooltip?: string;
}
/**
 * Elemento disponibile per l'autocompletamento del it-form-input
 */
export interface AutocompleteItem<T = any> {
    /** 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;
    /**
     * Attribute not used for autocomplete rendering.
     * It can be useful to retrieve some extra information when selecting the autocomplete item
     */
    additionalData?: T;
}