@eqproject/eqp-dynamic-module 0.0.7 → 0.0.8

package/lib/components/exported/eqp-dynamic-module/eqp-dynamic-module.component.d.ts

@@ -0,0 +1,101 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { Context } from '../../../models/context.model';
+import { EndPointConfiguration } from '../../../models/endPointConfiguration.model';
+import { Form, FormTypeEnum } from '../../../models/form.model';
+import { Record } from '../../../models/record.model';
+import { UtilityHelperService } from '../../../services/utilityHelper.services';
+export declare class EqpDynamicModuleComponent implements OnInit {
+    private utilityHelperService;
+    context: Context;
+    formID: string;
+    values: Array<Record>;
+    showButtons: boolean;
+    showTitle: boolean;
+    /**
+     * Url del server da chiamare per recuperare, salvare o eliminare i record.
+     * Usato per creare la configurazione di default degli endpoint da chiamare.
+     */
+    baseServerUrl: string;
+    /**
+     * Token da usare negli endpoint da chiamare per recuperare o salvare i record.
+     * Usato solo se viene popolata la proprietà "baseServerUrl".
+     */
+    userToken: string;
+    /**
+     * Configurazione degli endpoint da chiamare per recuperare o salvare i dati.
+     * Può essere definita dall'utente oppure lasciata null, viene popolata con dei
+     * valori di default se viene valorizzata la proprietà "baseServerUrl" altrimenti
+     * viene lasciata null e non viene eseguita nessuna chiamata al server.
+     */
+    endPointConfiguration: EndPointConfiguration;
+    /**
+     * Eventi emessi quando si salva, elimina o duplica un record
+     * se non è stato specificato un endpoint da chiamare.
+     */
+    saveRecord: EventEmitter<Record>;
+    deleteRecord: EventEmitter<Record>;
+    duplicateRecord: EventEmitter<Record>;
+    /**
+     * Eventi emessi DOPO aver eseguito una chiamata al server per il salvataggio,
+     * l'eliminazione o la duplicazione di un record all'endpoint specificato.
+     */
+    afterSaveRecord: EventEmitter<Record>;
+    afterDeleteRecord: EventEmitter<Record>;
+    afterDuplicateRecord: EventEmitter<Record>;
+    form: Form;
+    viewMode: FormTypeEnum;
+    FormTypeEnum: typeof FormTypeEnum;
+    selectedRecord: Record;
+    onlyView: boolean;
+    constructor(utilityHelperService: UtilityHelperService);
+    ngOnInit(): void;
+    getFormByID(): void;
+    /**
+     * Metodo per configurare gli endpoint da usare di default a partire dall'url base del server
+     * a cui si deve connettere e al token da passare per autenticarsi.
+     * Se la proprietà "baseServerUrl" è null e non sono stati configurati i vari endpoint allora
+     * non viene eseguita nessuna chiamata http per recuperare/salvare i dati.
+     */
+    configureDefaultEndPoints(): void;
+    /**
+     * Metodo per recuperare tutti i record salvati per una particolare Form.
+     * La chiamata viene effettuata solo se è stato configurato l'endPoint da usare.
+     * La risposta della chiamata deve essere un array di oggetti di tipo "DynRecord"
+     * a partire dai quali vengono ricreati i Record usati nel client.
+     */
+    getRecordsByFormID(): void;
+    /**
+     * Metodo invocato quando si vuole aggiungere, visualizzare o modificare un record.
+     * Se l'evento è null vuol dire che stiamo aggiungendo un nuovo record altrimenti siamo in modifica
+     * o visualizzazione. In questi ultimi due casi, se è stato configurato un endpoint per il recupero
+     * del record completo allora viene effettuata una chiamata al server, altrimenti viene usato l'oggetto selezionato.
+     * @param event Oggetto con due proprietà:
+     * "record" = oggetto da modificare/visualizzare,
+     * "onlyView" = booleano (se TRUE siamo in visualizzazione altrimenti in modifica)
+     */
+    onAddViewEditRecord(event: {
+        record: Record;
+        onlyView: boolean;
+    }): void;
+    /**
+     * Metodo per salvare il record aggiunto o modificato.
+     * Se è stato configurato un endPoint per il salvataggio viene effettuata una chiamata al server passando l'oggeto da salvare
+     * nel body della chiamata, altrimenti scatena l'evento "saveRecord".
+     * @param event Oggetto di tipo Record da salvare.
+     */
+    onSaveRecord(event: Record): void;
+    /**
+     * Metodo per duplicare un record precedentemente salvato.
+     * Se è stato configurato un endPoint per la duplicazione lato server allora effettua una chiamata passando nel body
+     * un oggetto contenente il record da duplicare, altrimenti scatena l'evento di output "duplicateRecord".
+     * @param record Oggetto di tipo Record da duplicare.
+     */
+    onDuplicateRecord(record: Record): void;
+    /**
+     * Metodo per eliminare un record.
+     * Se è stato configurato un endPoint per l'eliminazione allora effettua una chiamata passando l'ID del record da eliminare
+     * come query param all'interno della rotta, altrimenti scatena l'evento di output "deleteRecord".
+     * @param record Oggetto di tipo Record da duplicare.
+     */
+    onDeleteRecord(record: Record): void;
+}

package/lib/components/exported/eqp-dynamic-module-configurator/eqp-dynamic-module-configurator.component.d.ts

@@ -0,0 +1,235 @@
+import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { ConfigColumn, EqpTableComponent } from '@eqproject/eqp-table';
+import { BaseField } from '../../../models/baseField.model';
+import { Context } from '../../../models/context.model';
+import { EndPointConfiguration } from '../../../models/endPointConfiguration.model';
+import { ActionOnRecord, Form, FormScalarTypeEnum, FormTypeEnum } from '../../../models/form.model';
+import { UtilityHelperService } from '../../../services/utilityHelper.services';
+export declare class EqpDynamicModuleConfiguratorComponent implements OnInit {
+    private formBuilder;
+    private dialog;
+    private utilityHelperService;
+    context: Context;
+    form: Form;
+    formID: string;
+    innerFormManagment: boolean;
+    /**
+     * Url del server da chiamare per recuerare, salvare o eliminare i record.
+     * Usato per creare la configurazione di default degli endpoint da chiamare.
+     */
+    baseServerUrl: string;
+    /**
+     * Token da usare negli endpoint da chiamare per recuperare o salvare i record.
+     * Usato solo se viene popolata la proprietà "baseServerUrl".
+     */
+    userToken: string;
+    /**
+     * Configurazione degli endpoint da chiamare per recuperare o salvare i dati.
+     * Può essere definita dall'utente oppure lasciata null, viene popolata con dei
+     * valori di default se viene valorizzata la proprietà "baseServerUrl" altrimenti
+     * viene lasciata null e non viene eseguita nessuna chiamata al server.
+     */
+    endPointConfiguration: EndPointConfiguration;
+    formFormGroup: FormGroup;
+    formCompleted: boolean;
+    previewForm: Form;
+    formFieldGroupName: string;
+    actionAutocompleteOptions: Array<{
+        label: string;
+        value: string;
+    }>;
+    FormTypeEnum: typeof FormTypeEnum;
+    FormScalarTypeEnum: typeof FormScalarTypeEnum;
+    fieldsColumns: Array<ConfigColumn>;
+    fieldsTable: EqpTableComponent;
+    selectedField: BaseField | any;
+    indexSelectedField: number;
+    actionOnRecordFormGroup: FormGroup;
+    dialogFieldRef: MatDialogRef<TemplateRef<any>>;
+    dialogField: TemplateRef<any>;
+    fieldSectionColumnTemplate: TemplateRef<any>;
+    selectedInnerForm: Form;
+    indexSelectedInnerForm: number;
+    dialogInnerFormRef: MatDialogRef<TemplateRef<any>>;
+    dialogInnerForm: TemplateRef<any>;
+    actionsOnRecordColumns: Array<ConfigColumn>;
+    actionsOnRecordTable: EqpTableComponent;
+    selectedAction: ActionOnRecord;
+    indexSelectedAction: number;
+    dialogActionOnRecordRef: MatDialogRef<TemplateRef<any>>;
+    dialogActionOnRecord: TemplateRef<any>;
+    /**
+     * Evento emesso quando si salva una form e non è stato specificato un endpoint da chiamare.
+     */
+    saveFormEvent: EventEmitter<Form>;
+    /**
+     * Evento emesso DOPO aver eseguito una chiamata al server per il salvataggiodi una form all'endpoint specificato.
+     */
+    afterSaveFormEvent: EventEmitter<Form>;
+    constructor(formBuilder: FormBuilder, dialog: MatDialog, utilityHelperService: UtilityHelperService);
+    ngOnInit(): void;
+    /**
+     * Metodo per configurare gli endpoint da usare di default a partire dall'url base del server
+     * a cui si deve connettere e al token da passare per autenticarsi.
+     * Se la proprietà baseServerUrl è null e non sono stati configurati i vari endpoint allora
+     * non viene eseguita nessuna chiamata http per recuperare/salvare i dati.
+     */
+    configureDefaultEndPoints(): void;
+    /**
+     * Metodo per recuperare tutti i record salvati per una particolare Form.
+     * La chiamata viene effettuata solo se è stato configurato l'endPoint da usare.
+     */
+    getFormByID(): void;
+    /**
+     * Metodo invocato al cambio del tipo di visualizzazione della form.
+     * Se l'utente sceglie una visualizzazione raggruppata il metodo aggiunge al FormGroup un nuovo
+     * controllo per l'array dei nomi delle sezioni da creare.
+     */
+    onChangeFormScalarType(): void;
+    /**
+     * Evento invocato al keyup nell'input per inserire i nomi delle sezioni per la visualizzazione
+     * raggruppata della form. Quanto l'utente preme il tasto invio viene aggiunto il nuovo nome alle
+     * sezioni dispobili se non ne esiste una con lo stesso nome.
+     * @param event Evento che rappresenta il keyup sulla tastiera.
+     */
+    onFormFieldGroupNameKeyUp(event: any): void;
+    /**
+     * Metodo per rimuovere la sezione selezionata da quelle disponibili per la form.
+     * @param groupName Nome della sezione da eliminare.
+     */
+    onDeleteFormFieldGroupName(groupName: string): void;
+    /**
+     * Metodo chiamato quando si vuole aggiungere un nuovo campo o si vuole modificare uno esistente.
+     * Memorizza l'eventuale Field scelto one crea uno nuovo prima di aprire il dialog per modificarlo/aggiungerlo.
+     * @param field Oggetto BaseField da modificare. Se null ne viene creata una nuova istanza per l'aggiunta.
+     */
+    openFieldDialog(field?: BaseField): void;
+    /**
+     * Metodo che salva il campo appena creato o modificato.
+     * Prima del salvataggio controlla se esiste un altro campo con la stessa label, in questo
+     * case genere un errore (i campi devono avere nomi, e quindi label, univoche - i nomi vengono
+     * ricavati unendo le parole che formano la label tramite "_").
+     * @param field Campo da salvare
+     */
+    onSaveField(field: BaseField): void;
+    /**
+     * Metodo che controlla se lo step per l'aggiunta dei campi nella form è concluso.
+     * @returns Se TRUE lo step viene considerato completato ed è possbile passare al successivo.
+     */
+    isFieldStepCompleted(): boolean;
+    /**
+     * Metodo per aprire il dialog di creazione/modifica delle form di dettaglio.
+     * Se il parametro passato è null sono in aggiunta altrimenti sono in modifica.
+     * @param innenrForm Form di dettaglio da modificare (se null allora vado in add).
+     */
+    openInnerFormDialog(innenrForm?: Form): void;
+    /**
+     * Metodo scatenato al salvataggio di una form di dettaglio.
+     * @param event Form creata/modificata dall'utente. Se è null allora l'utente ha abbandonato la configurazione.
+     */
+    onSaveOrExitInnerForm(event: Form): void;
+    /**
+     * Metodo per aprire il dialog di creazione/modifica delle action.
+     * Se il parametro passato è null sono in aggiunta altrimenti sono in modifica.
+     * @param action ActionOnRecord da modificare (se null allora vado in add).
+     */
+    openActionOnRecordDialog(action?: ActionOnRecord): void;
+    /**
+     * Metodo per impostare i valori da suggerire nell'autocomplete del campo Formula.
+     * Viene scatenato al focus (in questo caso viene passato il parametro a null per differenziarlo
+     * dall'evento di click sulla tastiera) e al keyup sull'input (il parametro è diverso da null).
+     * @param keyboardEvent Evento scatenato al keyup sulla tastiera. Se null allora il metodo è stato invocato dal focus sull'input.
+     * @summary Aggiorna l'elenco dei suggerimenti per l'autocomplete se l'utente esegue il focus sull'input
+     * oppure al keyup sulla tastiera di un tasto diverso dalle frecce.
+     */
+    setActionAutocompleteOptions(keyboardEvent: KeyboardEvent): void;
+    /**
+     * Metodo per salvare l'azione creata/modificate.
+     */
+    saveActionOnRecord(): void;
+    /**
+     * Metodo per chiudere il dialog di gestione delle action.
+     */
+    closeDialogActionOnRecord(): void;
+    /**
+     * Metodo per segnare come conclusa la creazione della form e per crearne una copia
+     * da visalizzare come anteprima.
+     * @param completed Se TRUE segna la form come conclusa e ne crea una copia da visualizzare
+     */
+    setFormStatus(completed: boolean): void;
+    /**
+     * Metodo per salvare la form creata alla fine del wizard.
+     * Se è stato configurato un endPoint per il salvataggio viene effettuata una chiamata al server passando l'oggeto da salvare
+     * nel body della chiamata, altrimenti scatena l'evento "saveFormEvent".
+     * NOTA: Per comunicare correttamente con la parte server del modulo dinamico bisogna modificare l'array dei Fields.
+     * Al posto di passare un array di BaseField bisogna passare un array di oggetti del tipo { FieldType: FieldTypeEnum, Value: BaseField }.
+     */
+    saveForm(): void;
+    /**
+     * Metodo per impostare la form e configurare colonne/FormGourp.
+     * @param form Form da utilizzare.
+     */
+    private setFormAndConfigure;
+    /**
+     * Configura le colonne per le tabelle necessarie alla creazione della form:
+     *  - per la visualizzazione dei campi inseriti
+     *  - per le form di dettaglio create
+     *  - per le azioni configurate sui record della form
+     */
+    private configureColumns;
+    /**
+     * Crea il FormGroup per l'oggetto Form
+     */
+    private createFormForm;
+    /**
+     * Crea il FormGroup epr l'aggiunta o la modifica di una action sui record della Form.
+     */
+    private createActionOnRecordForm;
+    /**
+     * Chiude il dialog per aggiungere/modificare un Field senza salvare
+     */
+    private closeFieldDialog;
+    /**
+     * Metodo per gestire l'apertura del dialog per la modifica di un Field.
+     * Se il field è di tipo "Form di dettaglio" apre il dialog per la modifica di una
+     * InnerForm altrimenti apre quello per la modifica di un Field.
+     * @param field Campo da modificare
+     */
+    private editField;
+    /**
+     * Metodo per rimuovere un Field all'interno di una Form.
+     * Richiede conferma all'utente prima di rimuoverlo.
+     * @param field BaseField da rimuovere
+     */
+    private deleteElement;
+    /**
+     * Metodo per spostare un campo all'interno della form.
+     * @param field Oggetto di tipo BaseField da spostare.
+     * @param moveUp Se TRUE allora sposta verso l'alto il campo (abbassa l'indice) altrimenti il contrario.
+     */
+    private moveElement;
+    /**
+     * Imposta l'ordinamento delle sezioni che compongono la form.
+     */
+    private setFormFieldGroupOrdinalPosition;
+    /**
+     * Imposta l'ordinamento dei campi all'interno della form in base all'ordine che l'utente
+     * ha definito nella tabella in cui sono mostrati
+     */
+    private setFieldOrdinalPosition;
+    /**
+     * Metodo per ricaricare i dati della tabella dei campi aggiunti in una form
+     */
+    private reloadFieldsTable;
+    /**
+     * Imposta l'ordinamento dei campi all'interno della form in base all'ordine che l'utente
+     * ha definito nella tabella in cui sono mostrati
+     */
+    private setActionOrdinalPosition;
+    /**
+     * Metodo per ricaricare i dati della tabella delle azioni aggiuntive sui record della Form.
+     */
+    private reloadActionsOnRecordTable;
+}

package/lib/components/private/add-form-field/add-form-field.component.d.ts

@@ -0,0 +1,199 @@
+import { ChangeDetectorRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { AttachmentType, EqpAttachmentsComponent, IAttachmentDTO } from '@eqproject/eqp-attachments';
+import { EnumHelper } from '@eqproject/eqp-select';
+import { ConfigColumn, EqpTableComponent } from '@eqproject/eqp-table';
+import { BaseField, ColSpanSizesEnum, FieldTypeEnum } from '../../../models/baseField.model';
+import { BoolPresentantioEnum } from '../../../models/fields/booleanField.model';
+import { DateTimeTypeEnum } from '../../../models/fields/dateField.model';
+import { ListPresentationEnum } from '../../../models/fields/listValueField.model';
+import { TextMaskEnum } from '../../../models/fields/textField.model';
+import { FormFieldGroup } from '../../../models/form.model';
+export declare class AddFormFieldComponent implements OnInit {
+    private formBuilder;
+    private enumHelper;
+    private dialog;
+    private cdr;
+    field: BaseField | any;
+    indexField: number;
+    formFieldsGroups: Array<FormFieldGroup>;
+    /** Elenco dei Field creati nella form, usati per popolare l'autocomplete della proprietà Formula. */
+    availableFields: Array<BaseField>;
+    fieldTypesToExclude: Array<FieldTypeEnum>;
+    fieldFormGroup: FormGroup;
+    keyValueObject: {
+        key: string;
+        value: string;
+    };
+    availableColSpanSizes: Array<ColSpanSizesEnum>;
+    formulaAutocompleteOptions: Array<{
+        label: string;
+        value: string;
+    }>;
+    AvailableFileExtensions: {
+        key: string;
+        value: string;
+    }[];
+    AvailableImageExtensions: {
+        key: string;
+        value: string;
+    }[];
+    saveFieldEvent: EventEmitter<BaseField | any>;
+    fieldTypeFormTemplate: TemplateRef<any>;
+    textFieldFormTemplate: TemplateRef<any>;
+    textareaFieldFormTemplate: TemplateRef<any>;
+    booleadFieldFormTemplate: TemplateRef<any>;
+    dateFieldFormTemplate: TemplateRef<any>;
+    numericFieldFormTemplate: TemplateRef<any>;
+    attachmentFieldFormTemplate: TemplateRef<any>;
+    imageFieldFormTemplate: TemplateRef<any>;
+    listValueFieldFormTemplate: TemplateRef<any>;
+    lookupFieldFormTemplate: TemplateRef<any>;
+    metadataColumns: Array<ConfigColumn>;
+    metadataFieldsTable: EqpTableComponent;
+    selectedMetadata: BaseField;
+    indexSelectedMetadata: number;
+    dialogMetadataRef: MatDialogRef<TemplateRef<any>>;
+    dialogMetadata: TemplateRef<any>;
+    buttonImagesKeyValueInputColumn: TemplateRef<any>;
+    FieldTypeEnum: typeof FieldTypeEnum;
+    BoolPresentantioEnum: typeof BoolPresentantioEnum;
+    DateTimeTypeEnum: typeof DateTimeTypeEnum;
+    ListPresentationEnum: typeof ListPresentationEnum;
+    TextMaskEnum: typeof TextMaskEnum;
+    AttachmentType: typeof AttachmentType;
+    constructor(formBuilder: FormBuilder, enumHelper: EnumHelper, dialog: MatDialog, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    /**
+     * Metodo per impostare i valori da suggerire nell'autocomplete del campo Formula.
+     * Viene scatenato al focus (in questo caso viene passato il parametro a null per differenziarlo
+     * dall'evento di click sulla tastiera) e al keyup sull'input (il parametro è diverso da null).
+     * @param keyboardEvent Evento scatenato al keyup sulla tastiera. Se null allora il metodo è stato invocato dal focus sull'input.
+     * @summary Aggiorna l'elenco dei suggerimenti per l'autocomplete se l'utente esegue il focus sull'input
+     * oppure al keyup sulla tastiera di un tasto diverso dalle frecce.
+     */
+    setFormulaAutocompleteOptions(keyboardEvent: KeyboardEvent): void;
+    /**
+     * Crea il FormGroup per l'aggiunta di un nuovo campo all'interno della form.
+     * Metodo richiamato ogni volta che cambia il tipo del campo scelto o viene aggiunto/modificato un Field
+     */
+    createFieldForm(): void;
+    /**
+     * Metodo chiamato quando cambia il FieldType del BaseField che si sta aggiungendo/modificando.
+     * Ricrea l'oggetto field popolando solo le proprietà del BaseField inserite dall'utente
+     * (quelle comuni a tutte le tipologie di campo), ricrea la form e, in base al FieldType scelto,
+     * aggiunge alla form i FormControl necessari e seleziona il template corretto da usare.
+     * @param restoreField Se TRUE ripristina i valori base (ereditati dal modello BaseField) del campo aggiunto/modificato
+     */
+    onFieldTypeChange(restoreField?: boolean): void;
+    /**
+     * Metodo invocato al cambio del valore della proprietà ImageIsContextualAttachment nel caso
+     * di campi di tipo Immagine. Se TRUE allora rimuove i FormControl per le proprietà IsMultiAttach
+     * e AllowedExtensions e aggiunge i FormControl per le proprietà ImgName e ContextualAttachment,
+     * altrimenti il contrario.
+     */
+    onImageIsContextualAttachmentChange(): void;
+    /**
+     * Metodo per intercettare l'aggiunta di un allegato nei campi di tipo Immagine per aggiornare
+     * il valore della proprietà ContextualAttachment e la validazione del relativo FormControl.
+     * @param event Array contenente l'elenco aggiornato degli allegati caricati (nel nostro caso ne contiene al più 1).
+     */
+    catchContextualAttachmentChange(event: Array<IAttachmentDTO>): void;
+    /**
+     * Metodo invocato alla selezione di una classe nella select per le colonne di bootstrap
+     * da usare nella visualizzazione del campo. Questa funzione manipola la sorgente dati per
+     * la eqp-select in modo da escludere i valori dell'enumeratore che fanno riferimento ad
+     * una larghezza di schermo già selezionata. Esempio: per gli schermi piccoli (sm) l'utente
+     * seleziona la classe "col-sm-6", al change del valore questo metodo rimuove dalla select
+     * tutti gli altri valori per la grandezza di schermo selezionata.
+     */
+    onColSpanSizeSelect(): void;
+    /**
+     * Metodo invocato al cambio del tipo di visualizzazione scelta per i campi di tipo elenco generico.
+     * Se viene scelta la visualizzazione ad immagini svuota la lista delle coppie chiave-valore inserite
+     * in precedenza, altrimenti svuota la lista delle immagini caricate.
+     */
+    onPresentationModeChange(): void;
+    /**
+     * Metodo invocato quando viene caricato il componente eqp-attachments per caricare le immagini da usare
+     * nella visualizzazione ad immagini dei campi di tipo "Elenco generico". Aggiunge due colonne a quelle
+     * configurate nel componente in cui l'utente può indicare chiave e valore della scelta.
+     * @param component Istanza del componente eqp-attachments in cui effettuare la modifica.
+     */
+    configureButtonImagesColumns(component: EqpAttachmentsComponent): void;
+    /**
+     * Metodo invocato al salvataggio degli allegati quando viene configurato un campo di tipo "Elenco generico"
+     * con il tipo di visualizzazione ad immagini. Intercetta l'elenco aggiornato delle immagini caricate e lo
+     * memorizza nell'oggetto field corrente.
+     * @param attachments Array aggiornato degli allegati caricati.
+     */
+    catchButtonImagesChange(attachments: Array<IAttachmentDTO>): void;
+    /**
+     * Metodo chiamato al keyup degli input testuali che prevedono l'aggiunta del valore inserito in un array.
+     * Se l'utente preme il tasto invio, in base al tipo di campo che sta inserendo/modificando, questo metodo
+     * aggiunge il valore inserito dall'utente nella lista di stringhe corretta (in input viene passato il nome
+     * della proprietà in cui inserire la stringa).
+     * @param event Evento che rappresenta il keyup dell'utente
+     * @param propertyName Nome della proprietà del field in cui inserire la stringa digitata.
+     */
+    onMultiSelectInputKeyup(event: any, propertyName: string): void;
+    /**
+     * Metodo chiamato per mostrare come elenco le opzioni aggiunte in un campo di tipo "Elenco generico".
+     * @returns Restituisce un array di oggetti del tipo { key: string, value: string } con i valori inseriti dall'utente.
+     */
+    getDictionaryKeyValue(): {
+        key: string;
+        value: any;
+    }[];
+    /**
+     * Metodo per rimuovere una opzione aggiunta al campo di tipo "Elenco generico"
+     * @param key Nome della chiave da rimuovere
+     */
+    deleteKeyFromDictionary(key: string): void;
+    /**
+     * Metodo per aprire il dialog per aggiungere/modificare un metadata in un campo di tipo Allegato o Immagine.
+     * @param metadata Metadata da modificare, se null allora ne sto creando uno nuovo.
+     */
+    openMetadataDialog(field?: BaseField): void;
+    /**
+     * Metodo invocato dall'output dal dialog per aggiungere/modificare un metadata
+     * nei campi di tipo Allegato o Immagine. Prima di aggiungere il metadata nell'elenco
+     * contolla se esiste un altro metadata con lo stesso nome e nel caso genera un errore
+     * (i metadata, come per i campi della form, devono avere un nome univoco).
+     * @param metadata Metadata aggiunto o modificato, se null allora il dialog è stato chiuso senza fare modifiche.
+     */
+    onSaveMetadata(metadata: BaseField): void;
+    /**
+     * Metodo per disabilitare il pulsante per salvare il campo inserito/modificato.
+     * @returns Restituisce un booleano, se true il salvataggio viene disabilitato.
+     */
+    disableSaveField(): boolean;
+    /**
+     * Metodo per salvare il campo inserito/modificato.
+     * Se è stato inserito un field con la stessa label viene generato un errore (le label devono essere univoche).
+     * Una volta aggiunto/aggiornato il campo nell'elenco dei Field della Form chiude il dialog e ricarica la tabella
+     * che mostra l'elenco dei campi aggiunti alla form.
+     */
+    saveAndExitAddField(save: boolean): void;
+    /**
+     * Metodo per ripristinare l'oggetto field al cambio del tipo selezionato.
+     * Lascia valorizzate solo le proprietà dell'oggetto BaseField comune a tutti i tipi di campo.
+     */
+    private restoreBaseFieldProperties;
+    private configureColumns;
+    /**
+     * Metodo per eliminare un metadata aggiunto per un campo di tipo Allegato o Immagine.
+     * @param metadata Metadata da eliminare.
+     */
+    private deleteMetadata;
+    /**
+     * Imposta l'ordinamento dei metadata all'interno dei campi di tipo Allegato e Immagine.
+     */
+    private setMetadataOrdinalPosition;
+    /**
+     * Metodo per ricaricare i dati della tabella dei metadata visualizzata nella creazione/modifica
+     * dei campi di tipo Allegato o Immagine.
+     */
+    private reloadMetadataTable;
+}

package/lib/components/private/dynamic-module-field/dynamic-module-field.component.d.ts

@@ -0,0 +1,55 @@
+import { EventEmitter, OnInit, QueryList, TemplateRef } from '@angular/core';
+import { MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { IBaseFieldComponent } from '../../../interfaces/iBaseFieldComponent.interface';
+import { BaseField, FieldTypeEnum } from '../../../models/baseField.model';
+import { Form } from '../../../models/form.model';
+import { Record } from '../../../models/record.model';
+import { ListFormRecordComponent } from '../form-records/list-form-record/list-form-record.component';
+export declare class DynamicModuleFieldComponent implements OnInit, IBaseFieldComponent {
+    private dialog;
+    field: BaseField;
+    form: Form;
+    record: Record;
+    recordChange: EventEmitter<Record>;
+    FieldTypeEnum: typeof FieldTypeEnum;
+    selectedInnerForm: Form;
+    selectedInnerFormRecord: Record;
+    indexInnerFormRecord: number;
+    onlyViewInnerFormRecord: boolean;
+    dialogInnerFormRecordRef: MatDialogRef<TemplateRef<any>>;
+    dialogInnerFormRecord: TemplateRef<any>;
+    fieldTemplate: QueryList<DynamicModuleFieldComponent>;
+    listInnerFormRecords: QueryList<ListFormRecordComponent>;
+    constructor(dialog: MatDialog);
+    updateField(): void;
+    ngOnInit(): void;
+    /**
+     * Metodo invocato al cambio del valore di ogni proprietà dell'oggetto record.
+     * Serve ad aggiornare il valore di tutti i campi che hanno una formula.
+     */
+    onRecordChange(): void;
+    /**
+     * Metodo per recuperare una InnerForm a partire dal Field che la rappresenta.
+     * @param field Campo a partire dal quale si vuole recuperare la InnerForm.
+     * @returns Restituisce un oggetto di tipo Form.
+     */
+    getInnerFormFromField(field: BaseField): Form;
+    /**
+   * Metodo per aprire un dialog in cui aggiungere/modificare/visualizzare un record appartenente
+   * a una form di dettaglio.
+   * @param record Evento di output del componente list-form-record, contiene il record selezionato e un booleno che indica
+   * se l'utente vuole modificare o visualizzare l'elemento selezionato.
+   * @param innerForm Contiene la Form di dettaglio dalla quale è stato richiesto il record.
+   */
+    onAddViewEditInnerFormRecord(record: {
+        record: Record;
+        onlyView: boolean;
+    }, field: BaseField): void;
+    /**
+     * Metodo invocato al salvataggio o alla chiusura del dialog di aggiunta/modifica/visualizzazione
+     * di un record di una form di dettaglio.
+     * @param record Oggetto restituito dal componente add-form-field (questo qui) contenente il Record
+     * aggiornato dall'utente. Se null allora l'utente non ha modificato nulla e ha chiuso il dialog.
+     */
+    onSaveInnerFormRecord(record: Record): void;
+}

package/lib/components/private/field-templates/attachment-field-template/attachment-field-template.component.d.ts

@@ -0,0 +1,68 @@
+import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { Record } from '../../../../models/record.model';
+import { AttachmentField } from '../../../../models/fields/attachmentField.model';
+import { IBaseFieldComponent } from '../../../../interfaces/iBaseFieldComponent.interface';
+import { UtilityHelperService } from '../../../../services/utilityHelper.services';
+import { EqpAttachmentsComponent } from '@eqproject/eqp-attachments';
+import { FormGroup } from '@angular/forms';
+import { ConfigColumn } from '@eqproject/eqp-table';
+export declare class AttachmentFieldTemplateComponent implements OnInit, OnChanges, IBaseFieldComponent, AfterViewInit {
+    utilityService: UtilityHelperService;
+    private cdr;
+    onlyImages: boolean;
+    field: AttachmentField;
+    record: Record;
+    recordChange: EventEmitter<Record>;
+    onAttachmentsChange: EventEmitter<void>;
+    eqpAttachments: EqpAttachmentsComponent;
+    metadataColumnTemplate: TemplateRef<any>;
+    metadataFormGroups: Array<FormGroup>;
+    constructor(utilityService: UtilityHelperService, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Metodo per aggiornare il valore del campo quando questo è rappresentato da una formula.
+     */
+    updateField(): void;
+    /**
+     * Metodo per intercettare le modifiche agli allegati caricati.
+     * Se il campo prevede dei metadata allora per ogni allegato caricato crea un FormGroup
+     * per gestire la validazione degli input che l'utente può/deve riempire. I FormGroup
+     * seguono lo stesso ordine degli allegati caricati.
+     * @param event Contiene la lista aggiornata degli Attachment caricati dall'utente.
+     */
+    catchAttachmentList(event: any): void;
+    /**
+     * Metodo per aggiornare lo stato di validazione del FormControl che rappresenta
+     * il campo Allegato (non i metadata al suo interno). Se tra le form dei metadata
+     * ne trova una invalida allora marca il controllo come invalido.
+     */
+    updateMetadataValidity(): void;
+    /**
+     * Metodo per recuperare il BaseField che rappresenta il metadata nella riga della eqp-table
+     * in base alla colonna e alla riga. Una volta trovato il BaseField gli viene associato il
+     * FormGroup di cui fa parte.
+     * @param col Colonna della eqp-table.
+     * @param row Riga della eqp-table (in questo caso eredita da IAttachment).
+     * @returns Restituisce un BaseField per renderizzare il campo nella eqp-table degli allegati multipli.
+     */
+    getFieldFromMetadata(col: ConfigColumn, row: any): any;
+    /**
+     * Metodo per aggiornare il valore e il validator del FormControl associato al campo.
+     */
+    private setFormControlValue;
+    /**
+     * Metodo per emettere l'evento che il valore del record è cambiato.
+     */
+    private onRecordValueChange;
+    /**
+     * Metodo per aggiungere alle colonne di eqp-attachments le colonne per modificare i metadata
+     * configurati per il campo Allegato o Immagine.
+     */
+    private configureMultiAttachmentColumns;
+    /**
+     * Metodo per creare i FormGroup che rappresentano i metadata degli allegati caricati.
+     */
+    private createMetadataFormGroups;
+}