@esfaenza/forms-and-validations 11.2.65 → 11.2.68

package/fesm2015/esfaenza-forms-and-validations.js

@@ -115,14 +115,12 @@ NgxExpandedDayJsDateAdapter.ctorParameters = () => [
     { type: String, decorators: [{ type: Inject, args: [MAT_DATE_LOCALE,] }] }
 ];
 
-/**
- * Token che indica la lingua da utilizzare, sono supportate "it-IT" ed "en-US"
- */
+/** Token che indica la lingua da utilizzare, sono supportate "it-IT" ed "en-US" */
 const FAV_LOCALE = new InjectionToken('FAV_LOCALE');
-/**
- * Chiave che indica il prefisso dei Contesti Applicativi per permettere l'abilitazione/disabilitazione di input in maniera contestuale
- */
-const ACO_CUSTOMKEY = new InjectionToken('ACO_CUSTOMKEY');
+/** Chiave che indica il prefisso dei Contesti Applicativi per permettere l'abilitazione/disabilitazione di input in maniera contestuale */
+const ACO_CUSTOMKEY = new InjectionToken('ACO_CUSTOMKEY');
+/** Token che indica la lingua da utilizzare, sono supportate "it-IT" ed "en-US" */
+const FAV_DEBUG_MODE = new InjectionToken('FAV_DEBUG_MODE');
 
 // Angular
 /**
@@ -1388,22 +1386,17 @@ ValidationAutocompleteComponent.propDecorators = {
 };
 
 // Angular
-/**
- * Componente base da cui tutti i componenti Form implementano
- */
+/** Componente base da cui tutti i componenti Form implementano */
 class BaseFormControl {
-    /**
-     * Costruttore
-     *
-     * @ignore
-     */
-    constructor(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, nativeInput = false) {
+    /** @ignore Costruttore  */
+    constructor(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE, nativeInput = false) {
         this.cdr = cdr;
         this.ngControl = ngControl;
         this._validators = _validators;
         this.ac = ac;
         this.AppContext = AppContext;
         this.ACO_CUSTOMKEY = ACO_CUSTOMKEY;
+        this.FAV_DEBUG_MODE = FAV_DEBUG_MODE;
         this.nativeInput = nativeInput;
         /**
          * https://github.com/angular/angular/issues/14988
@@ -1412,13 +1405,9 @@ class BaseFormControl {
          * poi mettendo firstBind a false di lì in poi funziono come devo. Vista la casistica evito essenzialmente metà detectChanges
          */
         this.firstBind = true;
-        /**
-         * Indica se il campo è obbligatorio i opzionale
-         */
+        /** Indica se il campo è obbligatorio i opzionale */
         this.Required = false;
-        /**
-         * Indica se il Form che contiene questo campo è già stato registrato
-         */
+        /** Indica se il Form che contiene questo campo è già stato registrato */
         this.formHasBennBound = false;
         /**
          * Indica se questo campo è staccato dal Form, ad esempio nel caso sia in un ng-template proiettato nel form.
@@ -1426,17 +1415,11 @@ class BaseFormControl {
          * In quel caso la variabile **Form** del componente dev'essere valorizzata
          */
         this.detatchedFromform = false;
-        /**
-         * @ignore
-         */
+        /** @ignore */
         this.propagateChange = (_) => { };
-        /**
-         * @ignore
-         */
+        /** @ignore */
         this.onTouched = () => { };
-        /**
-         * @ignore Vedi getter e setter
-         */
+        /** @ignore Vedi getter e setter */
         this._readonly = false;
         /**
          * Qualora ci fosse un contesto collegato questa variabile identifica se Sono l'Owner o meno.
@@ -1444,61 +1427,35 @@ class BaseFormControl {
          * Se non lo sono, il campo risulterà in sola lettura
          */
         this.AppContextOwnership = true;
-        /**
-         * Modalità in cui viene mostrato il campo, 1-1 rispetto alle definizioni di Angular Material
-         */
+        /** Modalità in cui viene mostrato il campo, 1-1 rispetto alle definizioni di Angular Material  */
         this.FieldAppearence = "outline";
-        /**
-         * Utilizza o meno il Layout di un form (Label con input di fianco), se false mostra solo l'input
-         */
+        /** Utilizza o meno il Layout di un form (Label con input di fianco), se false mostra solo l'input */
         this.FormLayout = true;
-        /**
-         * Definisce se richiamare l'EventEmitter **inputChange** in maniera classica (true) o solo per la change considerate definitive come tasto invio / blur / ecc... (false)
-         */
+        /** Indica che la parte input del controllo dev'essere una label readonly e la parte label di titolo dev'essere in bold. Per utilizzare un solo componente sia per la modifica che per il dettaglio */
+        this.DisplayMode = false;
+        /** Definisce se richiamare l'EventEmitter **inputChange** in maniera classica (true) o solo per la change considerate definitive come tasto invio / blur / ecc... (false) */
         this.EmitPendingChanges = true;
-        /**
-         * Attiva o disattiva la validazione per questo componente
-         */
+        /** Attiva o disattiva la validazione per questo componente */
         this.Validation = true;
-        /**
-         * Placeholder per quando l'input è vuoto
-         */
+        /** Placeholder per quando l'input è vuoto */
         this.Placeholder = "";
-        /**
-         * Classe extra per il form-group in cui viene wrappato l'input
-         */
+        /** Classe extra per il form-group in cui viene wrappato l'input */
         this.FormGroupClass = "";
-        /**
-         * Messaggio da mostrare quando la validazione fallisce per questo componente. Di default viene proposta dalla libreria
-         */
+        /** Messaggio da mostrare quando la validazione fallisce per questo componente. Di default viene proposta dalla libreria */
         this.FailedValidationMessage = "";
-        /**
-         * Input che forza l'invalidità del componente
-         */
+        /** Input che forza l'invalidità del componente */
         this.ForcedError = false;
-        /**
-         * Mostra un testo a sinistra dell'input (FormLayout permettendo)
-         */
+        /** Mostra un testo a sinistra dell'input (FormLayout permettendo) */
         this.Label = "";
-        /**
-         * col-md-X per la label
-         */
+        /** col-md-X per la label */
         this.LabelColWidth = 4;
-        /**
-         * col-md-X per l'input
-         */
+        /** col-md-X per l'input */
         this.InputColWidth = 8;
-        /**
-         * Indica se è l'ultimo componente di un form (serve per rimuovere il margine finale)
-         */
+        /** Indica se è l'ultimo componente di un form (serve per rimuovere il margine finale) */
         this.Last = false;
-        /**
-         * Associa il componente Form a questo input
-         */
+        /** Associa il componente Form a questo input */
         this.Form = null;
-        /**
-         * Nome della proprietà che contiene l'Id degli oggetti bindati nella **Source**
-         */
+        /** Nome della proprietà che contiene l'Id degli oggetti bindati nella **Source** */
         this.IdField = 'id';
         /**
          * Espressione simil-Angular per cambiare il testo dei componenti che scelgono il proprio modello da una **Source**
@@ -1507,33 +1464,19 @@ class BaseFormControl {
          * È inoltre possibile aggiungere pezzi di descrizione in maniera condizionale con la sintassi **:prop?(Prop vale {prop})**
          */
         this.Display = '{description}';
-        /**
-         * Risultato dell'unione fra le informazioni degli oggetti in **Source** e le impostazioni specificate nell'Input **Display**
-         */
+        /** Risultato dell'unione fra le informazioni degli oggetti in **Source** e le impostazioni specificate nell'Input **Display** */
         this.BoundSource = [];
-        /**
-         * Indica se è il primo Bind della Source
-         */
+        /** Indica se è il primo Bind della Source */
         this.SourceFirstBind = true;
-        /**
-         * Evento chiamato alla modifica del valore collegato a questo campo
-         */
+        /** Evento chiamato alla modifica del valore collegato a questo campo */
         this.inputChange = new EventEmitter();
-        /**
-         * Evento chiamato al focus del campo di testo/combo/quelcheè, riemitta l'evento originale Javascript
-         */
+        /** Evento chiamato al focus del campo di testo/combo/quelcheè, riemitta l'evento originale Javascript */
         this.inputFocus = new EventEmitter();
-        /**
-         * Evento chiamato al finalize del campo di testo/combo/quelcheè
-         */
+        /** Evento chiamato al finalize del campo di testo/combo/quelcheè */
         this.inputFinalized = new EventEmitter();
-        /**
-         * Cache delle condizioni scritte tipo :prop?(Roba con {prop})
-         */
+        /** Cache delle condizioni scritte tipo :prop?(Roba con {prop}) */
         this.BindCheckingGroups = [];
-        /**
-         * Cache delle proprietà scritte tipo --> {prop}
-         */
+        /** Cache delle proprietà scritte tipo --> {prop} */
         this.BindProperties = [];
         if (ngControl == null) {
             if (!this.handleNullNgControl())
@@ -1614,6 +1557,7 @@ class BaseFormControl {
      * Eventualmente rieffettua un bind al modello in base al valore della variabile **RebindModelAfterSource**
      */
     tryBindSourceDisplay() {
+        var _a;
         if (!this.Source)
             return;
         if (this.Source.length == 0 && !this.SourceFirstBind)
@@ -1631,11 +1575,12 @@ class BaseFormControl {
                 // Aggiungo alla BoundSource in formato standard KeyValue
                 this.BoundSource.push(this.transformSourceItem(s));
             });
+            // Post trybind se c'è un modello associato ricalcolo l'**EvaluatedModel**
+            if (this.Model)
+                this.EvaluatedModel = (_a = this.BoundSource.find(t => t.id == this.Model)) === null || _a === void 0 ? void 0 : _a.description;
         }
     }
-    /**
-     * Valuta il contenuto della variabile BindCheckingGroups
-     */
+    /** Valuta il contenuto della variabile BindCheckingGroups */
     evaluateBindCheckingGroups() {
         // Blocco per tirare fuori le condizioni scritte tipo --> :prop?(Roba con {prop})
         var iffedMatches = this.Display.match(/:([a-z]+)\?\(([^\(\)]+)\)/g);
@@ -1648,9 +1593,7 @@ class BaseFormControl {
             });
         }
     }
-    /**
-     * Valuta il contenuto della variabile BindProperties
-     */
+    /** Valuta il contenuto della variabile BindProperties */
     evaluateBindProperties() {
         // Blocco per tirare fuori le proprietà scritte tipo --> {prop}
         var matches = this.Display.match(/{[a-z]+}/gi);
@@ -1688,9 +1631,7 @@ class BaseFormControl {
     handleNullNgControl() {
         return false;
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
     ngOnInit() {
         // A volte nell'ngOnInit non ci passa quindi lo metto sia qui sia nell'afterviewinit, penso che valga per i componenti di terze parti
         // che si collegano per i cazzi loro al form ecc, quindi la parte sopra non serve... BOH
@@ -1725,26 +1666,20 @@ class BaseFormControl {
         if (this.detatchedFromform && this.Form)
             this.Form.removeControl(this.validationControl);
     }
-    /**
-     * Elabora i validatori iniettati e capisce se il valore è obbligatorio o meno
-     */
+    /** Elabora i validatori iniettati e capisce se il valore è obbligatorio o meno */
     checkRequiredValidator() {
         // controllo se è settato un required per decidere in maniera condizionale se utilizzare il validatore required nel componente interno
         // Lo faccio qui e non in un eventuale ngOnInit o costruttore perché ngOnInit non sempre viene chiamato e da costruttore il validatore non ha ancora il valore giusto
         if (this._validators && this._validators.some(elem => elem instanceof RequiredValidator && elem.required))
             this.Required = true;
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
     ngAfterViewInit() {
         if (!this.ngControl)
             return;
         this.checkRequiredValidator();
     }
-    /**
-     * Helper che collega la funzione di reset del controllo form al controllo di validazione sottostante
-     */
+    /** Helper che collega la funzione di reset del controllo form al controllo di validazione sottostante */
     bindResetFunction() {
         //faccio in modo che se chiamo il reset del controllo (o della form) dall'esterno si resetti anche il controllo nativo
         const origFunc = this.ngControl.control.__original_reset__ || this.ngControl.control.reset;
@@ -1757,9 +1692,7 @@ class BaseFormControl {
         //Per consentire richiami multipli di questa funzione prendendo sempre la fiunzione di reset base
         this.ngControl.control.__original_reset__ = origFunc;
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
     writeValue(obj) {
         if (obj == null && this.firstBind) {
             this.firstBind = false;
@@ -1775,15 +1708,11 @@ class BaseFormControl {
         // setTime*ut che wrappa tutto non va bene sennò spamma delle change detection a suon di interval che rallentano tantissimo l'app
         this.cdr.detectChanges();
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
     registerOnChange(fn) {
         this.propagateChange = fn;
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
     registerOnTouched(fn) {
         this.onTouched = fn;
     }
@@ -1840,7 +1769,7 @@ class BaseFormControl {
      */
     focused(event) {
         this.inputFocus.emit(event);
-        console.log("Control Focused: " + this.GeneratedName);
+        this.log("Control Focused - " + this.GeneratedName);
     }
     /**
      * @ignore
@@ -1850,7 +1779,16 @@ class BaseFormControl {
      */
     finalized() {
         this.inputFinalized.emit();
-        console.log("Control Value Finalized: " + this.GeneratedName);
+        this.log("Control Value Finalized - " + this.GeneratedName);
+    }
+    /**
+     * Stampa un log a console
+     *
+     * @param {string} message Messaggio da stampare
+     */
+    log(message) {
+        if (this.FAV_DEBUG_MODE)
+            console.log("@forms-and-validations: " + message);
     }
 }
 BaseFormControl.decorators = [
@@ -1863,12 +1801,14 @@ BaseFormControl.ctorParameters = () => [
     { type: AccessControlService, decorators: [{ type: Optional }] },
     { type: ComponentContext, decorators: [{ type: Optional }] },
     { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ACO_CUSTOMKEY,] }] },
+    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [FAV_DEBUG_MODE,] }] },
     { type: Boolean }
 ];
 BaseFormControl.propDecorators = {
     FocusSubject: [{ type: Input }],
     FieldAppearence: [{ type: Input }],
     FormLayout: [{ type: Input }],
+    DisplayMode: [{ type: Input }],
     EmitPendingChanges: [{ type: Input }],
     Validation: [{ type: Input }],
     Placeholder: [{ type: Input }],
@@ -1882,6 +1822,7 @@ BaseFormControl.propDecorators = {
     Form: [{ type: Input }],
     Source: [{ type: Input }],
     IdField: [{ type: Input }],
+    DisplayModeTemplate: [{ type: Input }],
     Display: [{ type: Input }],
     Readonly: [{ type: Input }],
     LabelInputRatio: [{ type: Input }],
@@ -1913,35 +1854,24 @@ FormFileComponentLoc.ctorParameters = () => [
 ];
 
 // Angular
-/**
- * Componente che permette all'utente di caricare/scaricare un file all'interno di un campo Input
- */
+/** Componente che permette all'utente di caricare/scaricare un file all'interno di un campo Input */
 class FormFileComponent extends BaseFormControl {
-    /**
-     * Costruttore
-     *
-     * @ignore
-     */
-    constructor(cdr, utiExts, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, lc) {
-        super(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY);
+    /** @ignore Costruttore  */
+    constructor(cdr, utiExts, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, lc, FAV_DEBUG_MODE) {
+        super(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE);
         this.utiExts = utiExts;
         this.lc = lc;
-        /**
-         * Permette di caricare file multipli
-         */
+        /** Permette di caricare file multipli */
         this.Multiple = false;
-        /**
-         * Permette di scaricare l'eventuale file selezionato
-         */
+        /** Permette di scaricare l'eventuale file selezionato */
         this.AllowDownload = true;
         //Per questo componente non posso permettermi che il modello sia nullo
         this.Model = new AppFile();
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
     writeValue(obj) {
         var model = obj == null ? new AppFile() : obj;
+        this.EvaluatedModel = model.filename;
         super.writeValue(model);
         if (obj == null)
             this.changed();
@@ -1971,23 +1901,19 @@ class FormFileComponent extends BaseFormControl {
         }
         this.changed(null, true);
     }
-    /**
-     * Permette di scaricare l'eventuale file selezionato
-     */
+    /** Permette di scaricare l'eventuale file selezionato */
     downloadAttachment() {
         let model = this.Model;
         this.utiExts.saveFile(model.fileb64, model.filename);
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
     onNotNullValueSet() { }
 }
 FormFileComponent.decorators = [
     { type: Component, args: [{
                 selector: "form-file",
                 providers: [{ provide: LocalizationService, useClass: FormFileComponentLoc }],
-                template: "<ng-container *ngIf=\"!FormLayout\">\r\n    <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n    <label class=\"col-md-{{LabelColWidth}} m-t-5\">{{Label}}{{Required ? '*' : ''}}:</label>\r\n    <div class=\"col-md-{{InputColWidth}}\">\r\n        <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<ng-template #controlTemplate>\r\n    <div class=\"input-group file-upload\">\r\n        <input type=\"file\" (change)=\"fileChange()\" id=\"{{GeneratedName}}\" #fileInput class=\"file-upload-btn app-pointer\" [multiple]=\"Multiple ? true : null\" />\r\n        <input type=\"text\" [class.frm-padding-left-22]=\"AllowDownload && Model.filename && Model.fileb64\" class=\"form-control checking-field\" placeholder=\"{{'Select a file' | localize : lc}}...\" [(ngModel)]=\"Model.filename\" name=\"dsfile\" #validationControl=\"ngModel\" [required]=\"Required ? true : null\" />\r\n\r\n        <a class=\"fa fa-download app-pointer app-input-icon\" *ngIf=\"AllowDownload && Model.filename && Model.fileb64\" (click)=\"downloadAttachment()\"></a>\r\n        <i class=\"fa fa-times delete-file\" (click)=\"fileChange(true)\" *ngIf=\"Model.filename\"></i>\r\n        <span class=\"input-group-btn\">\r\n            <button class=\"btn btn-primary btn-file-upload\" type=\"button\"><i class=\"fa fa-upload\"></i></button>\r\n        </span>\r\n    </div>\r\n</ng-template>",
+                template: "<ng-container *ngIf=\"!FormLayout\">\r\n    <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n    <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n    <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n    <label class=\"col-md-{{LabelColWidth}}\" [class.app-bold]=\"DisplayMode\" [class.m-t-5]=\"!DisplayMode\">{{Label}}{{Required && !DisplayMode ? '*' : ''}}:</label>\r\n    <div class=\"col-md-{{InputColWidth}}\">\r\n        <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n        <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n        <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<ng-template #controlTemplate>\r\n    <div class=\"input-group file-upload\">\r\n        <input type=\"file\" (change)=\"fileChange()\" id=\"{{GeneratedName}}\" #fileInput class=\"file-upload-btn app-pointer\" [multiple]=\"Multiple ? true : null\" />\r\n        <input type=\"text\" [class.frm-padding-left-22]=\"AllowDownload && Model.filename && Model.fileb64\" class=\"form-control checking-field\" placeholder=\"{{'Select a file' | localize : lc}}...\" [(ngModel)]=\"Model.filename\" name=\"dsfile\" #validationControl=\"ngModel\" [required]=\"Required ? true : null\" />\r\n\r\n        <a class=\"fa fa-download app-pointer app-input-icon\" *ngIf=\"AllowDownload && Model.filename && Model.fileb64\" (click)=\"downloadAttachment()\"></a>\r\n        <i class=\"fa fa-times delete-file\" (click)=\"fileChange(true)\" *ngIf=\"Model.filename\"></i>\r\n        <span class=\"input-group-btn\">\r\n            <button class=\"btn btn-primary btn-file-upload\" type=\"button\"><i class=\"fa fa-upload\"></i></button>\r\n        </span>\r\n    </div>\r\n</ng-template>",
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 styles: [".frm-padding-left-22{padding-left:22px}"]
             },] }
@@ -2000,7 +1926,8 @@ FormFileComponent.ctorParameters = () => [
     { type: AccessControlService, decorators: [{ type: Optional }] },
     { type: ComponentContext, decorators: [{ type: Optional }] },
     { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ACO_CUSTOMKEY,] }] },
-    { type: LocalizationService }
+    { type: LocalizationService },
+    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [FAV_DEBUG_MODE,] }] }
 ];
 FormFileComponent.propDecorators = {
     Multiple: [{ type: Input }],
@@ -2013,37 +1940,37 @@ FormFileComponent.propDecorators = {
  * Componente che dà all'utente la possibilità di selezionare una data insieme ad un orario
  */
 class FormDateTimeComponent extends BaseFormControl {
-    /**
-     * Costruttore
-     *
-     * @ignore
-     */
-    constructor(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) {
-        super(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY);
-        /**
-         * Utilizza il Date di Javascript come modello in uscita. Il modello in entrata verrà comunque ricondotto a un DayJs
-         */
+    /** @ignore Costruttore  */
+    constructor(datesExts, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) {
+        super(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE);
+        this.datesExts = datesExts;
+        /** Utilizza il Date di Javascript come modello in uscita. Il modello in entrata verrà comunque ricondotto a un DayJs */
         this.JsDates = false;
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
+    writeValue(obj) {
+        this.EvaluatedModel = this.datesExts.getFormatted(obj, false, true);
+        super.writeValue(obj);
+    }
+    /** @ignore */
     onNotNullValueSet() { }
 }
 FormDateTimeComponent.decorators = [
     { type: Component, args: [{
                 selector: "form-datetime",
-                template: "<ng-container *ngIf=\"!FormLayout\">\r\n    <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n    <label class=\"col-md-{{LabelColWidth}} m-t-5\">{{Label}}{{Required ? '*' : ''}}:</label>\r\n    <div class=\"col-md-{{InputColWidth}}\">\r\n        <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<ng-template #controlTemplate>\r\n    <val-datetime  [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [noValidate]=\"!Validation\"\r\n                   [submitted]=\"Form?.submitted\"\r\n                   [forceInvalid]=\"ForcedError\"\r\n                   [readonly]=\"Readonly\"\r\n                   [id]=\"GeneratedName\"\r\n                   [class]=\"Readonly ? 'app-bg-lightgrey' : ''\"\r\n                   [useJsDates]=\"JsDates\"\r\n                   [(ngModel)]=\"Model\"\r\n                   name=\"{{GeneratedName}}\"\r\n                   #validationControl=\"ngModel\"\r\n                   (inputChange)=\"changed();\"\r\n                   (inputFocus)=\"focused($event);\"\r\n                   (inputFinalized)=\"finalized()\"\r\n                   [placeholder]=\"Placeholder\"\r\n                   [validationFailed]=\"FailedValidationMessage\">\r\n    </val-datetime>\r\n</ng-template>",
+                template: "<ng-container *ngIf=\"!FormLayout\">\r\n    <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n    <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n    <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n    <label class=\"col-md-{{LabelColWidth}}\" [class.app-bold]=\"DisplayMode\" [class.m-t-5]=\"!DisplayMode\">{{Label}}{{Required && !DisplayMode ? '*' : ''}}:</label>\r\n    <div class=\"col-md-{{InputColWidth}}\">\r\n        <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n        <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n        <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<ng-template #controlTemplate>\r\n    <val-datetime  [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [noValidate]=\"!Validation\"\r\n                   [submitted]=\"Form?.submitted\"\r\n                   [forceInvalid]=\"ForcedError\"\r\n                   [readonly]=\"Readonly\"\r\n                   [id]=\"GeneratedName\"\r\n                   [class]=\"Readonly ? 'app-bg-lightgrey' : ''\"\r\n                   [useJsDates]=\"JsDates\"\r\n                   [(ngModel)]=\"Model\"\r\n                   name=\"{{GeneratedName}}\"\r\n                   #validationControl=\"ngModel\"\r\n                   (inputChange)=\"changed();\"\r\n                   (inputFocus)=\"focused($event);\"\r\n                   (inputFinalized)=\"finalized()\"\r\n                   [placeholder]=\"Placeholder\"\r\n                   [validationFailed]=\"FailedValidationMessage\">\r\n    </val-datetime>\r\n</ng-template>",
                 changeDetection: ChangeDetectionStrategy.OnPush
             },] }
 ];
 FormDateTimeComponent.ctorParameters = () => [
+    { type: DateService },
     { type: ChangeDetectorRef },
     { type: NgControl, decorators: [{ type: Optional }, { type: Self }] },
     { type: Array, decorators: [{ type: Optional }, { type: Inject, args: [NG_VALIDATORS,] }] },
     { type: AccessControlService, decorators: [{ type: Optional }] },
     { type: ComponentContext, decorators: [{ type: Optional }] },
-    { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ACO_CUSTOMKEY,] }] }
+    { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ACO_CUSTOMKEY,] }] },
+    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [FAV_DEBUG_MODE,] }] }
 ];
 FormDateTimeComponent.propDecorators = {
     JsDates: [{ type: Input }]
@@ -2069,57 +1996,35 @@ FormAdaptiveComponentLoc.ctorParameters = () => [
     { type: String, decorators: [{ type: Optional }, { type: Inject, args: [FAV_LOCALE,] }] }
 ];
 
-/**
- * Componente in grado di assumere la forma di un qualsiasi altro componente form in base al tipo specificato. Utile  per la creazione di form dinamici
- */
+/** Componente in grado di assumere la forma di un qualsiasi altro componente form in base al tipo specificato. Utile  per la creazione di form dinamici */
 class FormAdaptiveComponent extends BaseFormControl {
-    /**
-     * Costruttore
-     *
-     * @ignore
-     */
-    constructor(cdr, utiExts, datesExts, dateAdapter, lc, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) {
-        super(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY);
+    /** @ignore Costruttore  */
+    constructor(cdr, utiExts, datesExts, dateAdapter, lc, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) {
+        super(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE);
         this.utiExts = utiExts;
         this.datesExts = datesExts;
         this.dateAdapter = dateAdapter;
         this.lc = lc;
-        /**
-         * Permette di scaricare l'eventuale file presente qualora il **Type** di questo componente fosse **file**
-         */
+        /** Permette di scaricare l'eventuale file presente qualora il **Type** di questo componente fosse **file** */
         this.AllowDownload = true;
-        /**
-         * Utilizzata nel form-adapter per specificare la precisione degli input currencymap (Type: currency)
-         */
+        /** Utilizzata nel form-adapter per specificare la precisione degli input currencymap (Type: currency) */
         this.Precision = 2;
-        /**
-         * Allineamento della currency mask
-         */
+        /** Allineamento della currency mask */
         this.Alignment = 'right';
-        /**
-         * Funzione di ricerca che verrà chiamata dal componente
-         */
+        /** Funzione di ricerca che verrà chiamata dal componente */
         this.SearchFunction = null;
-        /**
-         * Numero minimo di caratteri con cui cercare
-         */
+        /** Numero minimo di caratteri con cui cercare */
         this.MinChars = 3;
-        /**
-         * Indica se i controlli devono essere effettuati tenendo conto del Case o meno. Vale solo qualora la **Source** fosse fornita
-         */
+        /** Indica se i controlli devono essere effettuati tenendo conto del Case o meno. Vale solo qualora la **Source** fosse fornita */
         this.CaseSensitive = false;
-        /**
-         * Variabile interna che gestisce se effettuare il riallineamento dei dati o meno
-         */
+        /** Variabile interna che gestisce se effettuare il riallineamento dei dati o meno */
         this.alignValues = false;
         /**
          * Indica se ignorare il prossimo evento writeValue che normalmente dovrebbe richiedere la nuova source. Serve per quando l'utente seleziona un elemento:
          * Subito dopo partirebbe un altro evento modelChange che ricaricherebbe nuovamente la source
          */
         this.ignoreNextWriteValue = false;
-        /**
-         * Cache della sorgente originale POST binding, in modo da poter fare filtri in locale qualora la **SearchFunction** non fosse definita e la **Source** fosse assegnata
-         */
+        /** Cache della sorgente originale POST binding, in modo da poter fare filtri in locale qualora la **SearchFunction** non fosse definita e la **Source** fosse assegnata */
         this.FilteredBoundSource = [];
         //******************** Funzione di throttling per non spammare richieste in caso di animazioni attivate
         //TODO: spostarla in un metodo di utilità (esfaenza/extensions)
@@ -2127,9 +2032,7 @@ class FormAdaptiveComponent extends BaseFormControl {
         this.executionTimers = {};
         this.ModelFile = new AppFile();
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
     ngOnChanges(changes) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
@@ -2148,28 +2051,41 @@ class FormAdaptiveComponent extends BaseFormControl {
                 this.writeValue(this.Model);
         });
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
     writeValue(obj) {
+        var _a;
         this.alignValues = false;
-        if (!this.Type)
+        this.EvaluatedModel = (obj === null || obj === void 0 ? void 0 : obj.toString()) || "";
+        if (!this.Type) {
             this.Type = "string";
-        if (this.Type == "date" || this.Type == "datetime")
+            this.EvaluatedModel = obj;
+        }
+        if (this.Type == "date" || this.Type == "datetime") {
             this.useJsDates = Object.prototype.toString.call(obj) === "[object Date]";
-        else if ((this.Type == "float" || this.Type == "number") && obj)
+            if (this.Type == "date")
+                this.EvaluatedModel = this.datesExts.getFormatted(obj, true, false);
+            if (this.Type == "datetime")
+                this.EvaluatedModel = this.datesExts.getFormatted(obj, false, true);
+        }
+        else if ((this.Type == "float" || this.Type == "number") && obj) {
             obj = obj.toString().replace(".", ",");
+            this.EvaluatedModel = obj;
+        }
         // Per sicurezza riallineo i valori
         else if (this.Type == "boolean") {
             obj = obj ? (obj === true || obj.toLowerCase() == "true") : false;
             this.alignValues = true;
+            this.EvaluatedModel = this.lc.loc(obj ? 'Yes' : 'No');
         }
         else if (this.Type == "time") {
-            const [hours, minutes, seconds] = (obj || "0:0:0").split(":");
-            obj = dayjs().hour(hours !== null && hours !== void 0 ? hours : 0).minute(minutes !== null && minutes !== void 0 ? minutes : 0).second(seconds !== null && seconds !== void 0 ? seconds : 0);
+            const [hours, minutes, seconds] = (obj || "00:00:00").split(":");
+            obj = dayjs().hour(parseInt(hours !== null && hours !== void 0 ? hours : 0)).minute(parseInt(minutes !== null && minutes !== void 0 ? minutes : 0)).second(parseInt(seconds !== null && seconds !== void 0 ? seconds : 0));
+            this.EvaluatedModel = `${hours || '00'}:${minutes || '00'}:${seconds || '00'}`;
         }
-        else if (this.Type == "file")
+        else if (this.Type == "file") {
             obj = this.ModelFile;
+            this.EvaluatedModel = this.ModelFile.filename;
+        }
         else if (this.Type == "autocomplete") {
             if (this.SearchFunction) {
                 this.SearchFunction(obj, true).subscribe(t => {
@@ -2182,6 +2098,8 @@ class FormAdaptiveComponent extends BaseFormControl {
             else
                 this.finalizeValue(obj);
         }
+        if (this.BoundSource && this.BoundSource.length > 0)
+            this.EvaluatedModel = (_a = this.BoundSource.find(t => t.id == obj)) === null || _a === void 0 ? void 0 : _a.description;
         super.writeValue(obj);
         if (this.alignValues) {
             this.changed();
@@ -2197,6 +2115,7 @@ class FormAdaptiveComponent extends BaseFormControl {
         var val = this.Source.find(t => t.id == value);
         this.propagateChange(val ? val.id : value);
         this.Model = val ? val.description : value;
+        this.EvaluatedModel = this.Model;
     }
     /**
      * Evento di filtro della sorgente dati in base all'input utente
@@ -2239,9 +2158,7 @@ class FormAdaptiveComponent extends BaseFormControl {
             }, 100);
         }
     }
-    /**
-     * Metodo richiamato quando viene modificato il modello del campo di input
-     */
+    /** Metodo richiamato quando viene modificato il modello del campo di input */
     changed() {
         var toEmit = this.getModelToEmit();
         if (this.Type == "autocomplete")
@@ -2249,18 +2166,15 @@ class FormAdaptiveComponent extends BaseFormControl {
         if (this.EmitPendingChanges)
             super.changed(toEmit);
     }
+    /** @ignore */
     finalized() {
         super.finalized();
     }
-    /**
-     * Metodo richiamato quando viene selezionato il campo col mouse
-     */
+    /** Metodo richiamato quando viene selezionato il campo col mouse */
     focused(event) {
         super.focused(event);
     }
-    /**
-     * Effettua gli aggiustamenti dati del caso ed emette il modello corretto
-     */
+    /** Effettua gli aggiustamenti dati del caso ed emette il modello corretto */
     getModelToEmit() {
         var toEmit = this.Model ?
             (this.Type == "time" || this.useJsDates ?
@@ -2302,16 +2216,12 @@ class FormAdaptiveComponent extends BaseFormControl {
         }
         this.changed();
     }
-    /**
-     * Permette di scaricare il file collegato all'evetnuale file input rappresentato da questo componente
-     */
+    /** Permette di scaricare il file collegato all'evetnuale file input rappresentato da questo componente */
     downloadAttachment() {
         let model = this.Model;
         this.utiExts.saveFile(model.fileb64, model.filename);
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
     onNotNullValueSet() { }
     /** @ignore */
     throttla(id, func, throttleTime) {
@@ -2326,7 +2236,7 @@ FormAdaptiveComponent.decorators = [
     { type: Component, args: [{
                 selector: "form-adaptive",
                 providers: [{ provide: LocalizationService, useClass: FormAdaptiveComponentLoc }],
-                template: "<ng-container *ngIf=\"!FormLayout\">\r\n    <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n    <label class=\"col-md-{{LabelColWidth}} m-t-5\">{{Label}}{{Required ? '*' : ''}}:</label>\r\n    <div class=\"col-md-{{InputColWidth}}\">\r\n        <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<ng-template #controlTemplate>\r\n    <div *ngIf=\"!Type\" class=\"app-margin-top-5\">\r\n        <em>{{TypeMissingMessage}}</em>\r\n    </div>\r\n   \r\n     <!--Se currency-->\r\n     <div *ngIf=\"Type == 'currency'\">\r\n        <val-currency #validationControl=\"ngModel\" [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [forceInvalid]=\"ForcedError\"\r\n        [CurrencyOptions]=\"{ prefix: '', thousands: '.', decimal: ',', precision: Precision, align: Alignment }\" [noValidate]=\"!Validation\"\r\n        type=\"text\" [readonly]=\"Readonly\" [submitted]=\"Form?.submitted\" [required]=\"Required\" [(ngModel)]=\"Model\" [id]=\"GeneratedName\" name=\"{{GeneratedName}}\" autocomplete=\"off\" (inputChange)=\"changed();\" (inputFocus)=\"focused($event);\" (inputFinalized)=\"finalized()\"></val-currency>\r\n    </div>\r\n    <!--Se data-->\r\n    <div *ngIf=\"Type == 'date'\">\r\n        <val-date #validationControl=\"ngModel\" [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [forceInvalid]=\"ForcedError\" [noValidate]=\"!Validation\" [readonly]=\"Readonly\" [submitted]=\"Form?.submitted\" [required]=\"Required\" [(ngModel)]=\"Model\" [id]=\"GeneratedName\" [useJsDates]=\"useJsDates\" name=\"{{GeneratedName}}\" autocomplete=\"off\" (inputChange)=\"changed();\" (inputFocus)=\"focused($event);\" (inputFinalized)=\"finalized()\"></val-date>\r\n    </div>\r\n    <!--Se stringa-->\r\n    <div *ngIf=\"Type == 'string'\">\r\n        <val-input #validationControl=\"ngModel\" [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [forceInvalid]=\"ForcedError\" [noValidate]=\"!Validation\" [readonly]=\"Readonly\" [submitted]=\"Form?.submitted\" type=\"text\" pattern=\"{{Pattern || ''}}\" [required]=\"Required\" [(ngModel)]=\"Model\" [id]=\"GeneratedName\" name=\"{{GeneratedName}}\" autocomplete=\"off\" (inputChange)=\"changed();\" (inputFocus)=\"focused($event);\" (inputFinalized)=\"finalized()\"></val-input>\r\n    </div>\r\n    <!--Se numero-->\r\n    <div *ngIf=\"Type == 'float' || Type == 'number'\">\r\n        <val-input #validationControl=\"ngModel\" [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [forceInvalid]=\"ForcedError\" [noValidate]=\"!Validation\" [readonly]=\"Readonly\" [submitted]=\"Form?.submitted\" type=\"text\" pattern=\"{{Pattern || '^([0-9]*[,])?[0-9]+$'}}\" [required]=\"Required\" [(ngModel)]=\"Model\" [id]=\"GeneratedName\" name=\"{{GeneratedName}}\" autocomplete=\"off\" (inputChange)=\"changed();\" (inputFocus)=\"focused($event);\" (inputFinalized)=\"finalized()\"></val-input>\r\n    </div>\r\n    <!--Se numero intero-->\r\n    <div *ngIf=\"Type == 'int'\">\r\n        <val-input #validationControl=\"ngModel\" [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [forceInvalid]=\"ForcedError\" [noValidate]=\"!Validation\" [readonly]=\"Readonly\" [submitted]=\"Form?.submitted\" type=\"text\" pattern=\"{{Pattern || '^[0-9]\\\\d*$'}}\" [required]=\"Required\" [(ngModel)]=\"Model\" [id]=\"GeneratedName\" name=\"{{GeneratedName}}\" autocomplete=\"off\" (inputChange)=\"changed();\" (inputFocus)=\"focused($event);\" (inputFinalized)=\"finalized()\"></val-input>\r\n    </div>\r\n    <!--Se boolean-->\r\n    <div class=\"m-t-5\" *ngIf=\"Type == 'boolean'\">\r\n        <input #validationControl=\"ngModel\" [readonly]=\"Readonly\" type=\"checkbox\" class=\"app-pointer\" [(ngModel)]=\"Model\" id=\"{{GeneratedName}}\" name=\"{{GeneratedName}}\" (ngModelChange)=\"changed(); finalized();\" (click)=\"focused($event);\" />\r\n    </div>\r\n    <!--Se enum-->\r\n    <div *ngIf=\"Type == 'enum'\">\r\n        <val-select #validationControl=\"ngModel\" [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [forceInvalid]=\"ForcedError\" [noValidate]=\"!Validation\" [readonly]=\"Readonly\" [submitted]=\"Form?.submitted\" [placeHolderValue]=\"''\" [placeholder]=\"Required ? ('Select' | localize : lc) + '...' : Placeholder\" [required]=\"Required\" [(ngModel)]=\"Model\" (inputChange)=\"changed();\" (inputFocus)=\"focused($event);\" (inputFinalized)=\"finalized()\" [id]=\"GeneratedName\" name=\"{{GeneratedName}}\">\r\n            <option *ngFor=\"let val of BoundSource\" [value]=\"val.id\">{{val.description}}</option>\r\n        </val-select>\r\n    </div>\r\n    <!--Se autocomplete-->\r\n    <div *ngIf=\"Type == 'autocomplete'\">\r\n        <val-autocomplete #validationControl=\"ngModel\" [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [forceInvalid]=\"ForcedError\" [noValidate]=\"!Validation\" [readonly]=\"Readonly\" [submitted]=\"Form?.submitted\" [required]=\"Required\" [placeholder]=\"Required ? ('Select' | localize : lc) + '...' : Placeholder\" [(ngModel)]=\"Model\" [id]=\"GeneratedName\" name=\"{{GeneratedName}}\" [FilteredSource]=\"FilteredBoundSource\" (inputChange)=\"filterSource($event); changed();\" (inputFocus)=\"focused($event);\" (inputFinalized)=\"finalized()\"></val-autocomplete>\r\n    </div>\r\n    <!--Se date time-->\r\n    <div *ngIf=\"Type == 'datetime'\">\r\n        <val-datetime #validationControl=\"ngModel\" [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [forceInvalid]=\"ForcedError\" [noValidate]=\"!Validation\" [readonly]=\"Readonly\" [submitted]=\"Form?.submitted\" [required]=\"Required\" [useJsDates]=\"useJsDates\" [(ngModel)]=\"Model\" [id]=\"GeneratedName\" name=\"{{GeneratedName}}\" autocomplete=\"off\" (inputChange)=\"changed();\" (inputFocus)=\"focused($event);\" (inputFinalized)=\"finalized()\"></val-datetime>\r\n    </div>\r\n    <!--Se time-->\r\n    <div *ngIf=\"Type == 'time'\">\r\n        <ngx-mat-timepicker name=\"val-time\" #elementRef #baseInput=\"ngModel\" [(ngModel)]=\"Model\" [disabled]=\"Readonly\"\r\n        [showSpinners]=\"false\" [stepHour]=\"2\" [stepMinute]=\"5\" [stepSecond]=\"30\"\r\n        [showSeconds]=\"true\" (ngModelChange)=\"changed()\" #validationControl=\"ngModel\">\r\n        </ngx-mat-timepicker>\r\n    </div>\r\n    <!--Se file-->\r\n    <div *ngIf=\"Type == 'file'\">\r\n        <div class=\"input-group file-upload\">\r\n            <input type=\"file\" (change)=\"fileChange()\" #fileInput id=\"{{GeneratedName}}\" class=\"file-upload-btn app-pointer\" [multiple]=\"null\"/>\r\n            <input type=\"text\" [class.frm-padding-left-22]=\"AllowDownload && ModelFile.filename && ModelFile.fileb64\" class=\"form-control checking-field\" placeholder=\"{{'Select a file' | localize : lc}}...\" [(ngModel)]=\"ModelFile.filename\" name=\"dsfile\" #validationControl=\"ngModel\" [required]=\"Required\"/>\r\n    \r\n            <a class=\"fa fa-download app-pointer app-input-icon\" *ngIf=\"AllowDownload && ModelFile.filename && ModelFile.fileb64\" (click)=\"downloadAttachment()\"></a>\r\n            <i class=\"fa fa-times delete-file\" (click)=\"fileChange(true)\" *ngIf=\"ModelFile.filename\"></i>\r\n            <span class=\"input-group-btn\">\r\n                <button class=\"btn btn-primary btn-file-upload\" type=\"button\"><i class=\"fa fa-upload\"></i></button>\r\n            </span>\r\n        </div>\r\n    </div>\r\n</ng-template>",
+                template: "<ng-container *ngIf=\"!FormLayout\">\r\n    <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n    <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n    <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n    <label class=\"col-md-{{LabelColWidth}}\" [class.app-bold]=\"DisplayMode\" [class.m-t-5]=\"!DisplayMode\">{{Label}}{{Required && !DisplayMode ? '*' : ''}}:</label>\r\n    <div class=\"col-md-{{InputColWidth}}\">\r\n        <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n        <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n        <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<ng-template #controlTemplate>\r\n    <div *ngIf=\"!Type\" class=\"app-margin-top-5\">\r\n        <em>{{TypeMissingMessage}}</em>\r\n    </div>\r\n   \r\n     <!--Se currency-->\r\n     <div *ngIf=\"Type == 'currency'\">\r\n        <val-currency #validationControl=\"ngModel\" [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [forceInvalid]=\"ForcedError\"\r\n        [CurrencyOptions]=\"{ prefix: '', thousands: '.', decimal: ',', precision: Precision, align: Alignment }\" [noValidate]=\"!Validation\"\r\n        type=\"text\" [readonly]=\"Readonly\" [submitted]=\"Form?.submitted\" [required]=\"Required\" [(ngModel)]=\"Model\" [id]=\"GeneratedName\" name=\"{{GeneratedName}}\" autocomplete=\"off\" (inputChange)=\"changed();\" (inputFocus)=\"focused($event);\" (inputFinalized)=\"finalized()\"></val-currency>\r\n    </div>\r\n    <!--Se data-->\r\n    <div *ngIf=\"Type == 'date'\">\r\n        <val-date #validationControl=\"ngModel\" [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [forceInvalid]=\"ForcedError\" [noValidate]=\"!Validation\" [readonly]=\"Readonly\" [submitted]=\"Form?.submitted\" [required]=\"Required\" [(ngModel)]=\"Model\" [id]=\"GeneratedName\" [useJsDates]=\"useJsDates\" name=\"{{GeneratedName}}\" autocomplete=\"off\" (inputChange)=\"changed();\" (inputFocus)=\"focused($event);\" (inputFinalized)=\"finalized()\"></val-date>\r\n    </div>\r\n    <!--Se stringa-->\r\n    <div *ngIf=\"Type == 'string'\">\r\n        <val-input #validationControl=\"ngModel\" [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [forceInvalid]=\"ForcedError\" [noValidate]=\"!Validation\" [readonly]=\"Readonly\" [submitted]=\"Form?.submitted\" type=\"text\" pattern=\"{{Pattern || ''}}\" [required]=\"Required\" [(ngModel)]=\"Model\" [id]=\"GeneratedName\" name=\"{{GeneratedName}}\" autocomplete=\"off\" (inputChange)=\"changed();\" (inputFocus)=\"focused($event);\" (inputFinalized)=\"finalized()\"></val-input>\r\n    </div>\r\n    <!--Se numero-->\r\n    <div *ngIf=\"Type == 'float' || Type == 'number'\">\r\n        <val-input #validationControl=\"ngModel\" [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [forceInvalid]=\"ForcedError\" [noValidate]=\"!Validation\" [readonly]=\"Readonly\" [submitted]=\"Form?.submitted\" type=\"text\" pattern=\"{{Pattern || '^([0-9]*[,])?[0-9]+$'}}\" [required]=\"Required\" [(ngModel)]=\"Model\" [id]=\"GeneratedName\" name=\"{{GeneratedName}}\" autocomplete=\"off\" (inputChange)=\"changed();\" (inputFocus)=\"focused($event);\" (inputFinalized)=\"finalized()\"></val-input>\r\n    </div>\r\n    <!--Se numero intero-->\r\n    <div *ngIf=\"Type == 'int'\">\r\n        <val-input #validationControl=\"ngModel\" [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [forceInvalid]=\"ForcedError\" [noValidate]=\"!Validation\" [readonly]=\"Readonly\" [submitted]=\"Form?.submitted\" type=\"text\" pattern=\"{{Pattern || '^[0-9]\\\\d*$'}}\" [required]=\"Required\" [(ngModel)]=\"Model\" [id]=\"GeneratedName\" name=\"{{GeneratedName}}\" autocomplete=\"off\" (inputChange)=\"changed();\" (inputFocus)=\"focused($event);\" (inputFinalized)=\"finalized()\"></val-input>\r\n    </div>\r\n    <!--Se boolean-->\r\n    <div class=\"m-t-5\" *ngIf=\"Type == 'boolean'\">\r\n        <input #validationControl=\"ngModel\" [readonly]=\"Readonly\" type=\"checkbox\" class=\"app-pointer\" [(ngModel)]=\"Model\" id=\"{{GeneratedName}}\" name=\"{{GeneratedName}}\" (ngModelChange)=\"changed(); finalized();\" (click)=\"focused($event);\" />\r\n    </div>\r\n    <!--Se enum-->\r\n    <div *ngIf=\"Type == 'enum'\">\r\n        <val-select #validationControl=\"ngModel\" [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [forceInvalid]=\"ForcedError\" [noValidate]=\"!Validation\" [readonly]=\"Readonly\" [submitted]=\"Form?.submitted\" [placeHolderValue]=\"''\" [placeholder]=\"Required ? ('Select' | localize : lc) + '...' : Placeholder\" [required]=\"Required\" [(ngModel)]=\"Model\" (inputChange)=\"changed();\" (inputFocus)=\"focused($event);\" (inputFinalized)=\"finalized()\" [id]=\"GeneratedName\" name=\"{{GeneratedName}}\">\r\n            <option *ngFor=\"let val of BoundSource\" [value]=\"val.id\">{{val.description}}</option>\r\n        </val-select>\r\n    </div>\r\n    <!--Se autocomplete-->\r\n    <div *ngIf=\"Type == 'autocomplete'\">\r\n        <val-autocomplete #validationControl=\"ngModel\" [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [forceInvalid]=\"ForcedError\" [noValidate]=\"!Validation\" [readonly]=\"Readonly\" [submitted]=\"Form?.submitted\" [required]=\"Required\" [placeholder]=\"Required ? ('Select' | localize : lc) + '...' : Placeholder\" [(ngModel)]=\"Model\" [id]=\"GeneratedName\" name=\"{{GeneratedName}}\" [FilteredSource]=\"FilteredBoundSource\" (inputChange)=\"filterSource($event); changed();\" (inputFocus)=\"focused($event);\" (inputFinalized)=\"finalized()\"></val-autocomplete>\r\n    </div>\r\n    <!--Se date time-->\r\n    <div *ngIf=\"Type == 'datetime'\">\r\n        <val-datetime #validationControl=\"ngModel\" [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [forceInvalid]=\"ForcedError\" [noValidate]=\"!Validation\" [readonly]=\"Readonly\" [submitted]=\"Form?.submitted\" [required]=\"Required\" [useJsDates]=\"useJsDates\" [(ngModel)]=\"Model\" [id]=\"GeneratedName\" name=\"{{GeneratedName}}\" autocomplete=\"off\" (inputChange)=\"changed();\" (inputFocus)=\"focused($event);\" (inputFinalized)=\"finalized()\"></val-datetime>\r\n    </div>\r\n    <!--Se time-->\r\n    <div *ngIf=\"Type == 'time'\">\r\n        <ngx-mat-timepicker name=\"val-time\" #elementRef #baseInput=\"ngModel\" [(ngModel)]=\"Model\" [disabled]=\"Readonly\"\r\n        [showSpinners]=\"false\" [stepHour]=\"2\" [stepMinute]=\"5\" [stepSecond]=\"30\"\r\n        [showSeconds]=\"true\" (ngModelChange)=\"changed()\" #validationControl=\"ngModel\">\r\n        </ngx-mat-timepicker>\r\n    </div>\r\n    <!--Se file-->\r\n    <div *ngIf=\"Type == 'file'\">\r\n        <div class=\"input-group file-upload\">\r\n            <input type=\"file\" (change)=\"fileChange()\" #fileInput id=\"{{GeneratedName}}\" class=\"file-upload-btn app-pointer\" [multiple]=\"null\"/>\r\n            <input type=\"text\" [class.frm-padding-left-22]=\"AllowDownload && ModelFile.filename && ModelFile.fileb64\" class=\"form-control checking-field\" placeholder=\"{{'Select a file' | localize : lc}}...\" [(ngModel)]=\"ModelFile.filename\" name=\"dsfile\" #validationControl=\"ngModel\" [required]=\"Required\"/>\r\n    \r\n            <a class=\"fa fa-download app-pointer app-input-icon\" *ngIf=\"AllowDownload && ModelFile.filename && ModelFile.fileb64\" (click)=\"downloadAttachment()\"></a>\r\n            <i class=\"fa fa-times delete-file\" (click)=\"fileChange(true)\" *ngIf=\"ModelFile.filename\"></i>\r\n            <span class=\"input-group-btn\">\r\n                <button class=\"btn btn-primary btn-file-upload\" type=\"button\"><i class=\"fa fa-upload\"></i></button>\r\n            </span>\r\n        </div>\r\n    </div>\r\n</ng-template>",
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 styles: [".frm-padding-left-22{padding-left:22px}"]
             },] }
@@ -2341,7 +2251,8 @@ FormAdaptiveComponent.ctorParameters = () => [
     { type: Array, decorators: [{ type: Optional }, { type: Inject, args: [NG_VALIDATORS,] }] },
     { type: AccessControlService },
     { type: ComponentContext, decorators: [{ type: Optional }] },
-    { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ACO_CUSTOMKEY,] }] }
+    { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ACO_CUSTOMKEY,] }] },
+    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [FAV_DEBUG_MODE,] }] }
 ];
 FormAdaptiveComponent.propDecorators = {
     Type: [{ type: Input }],
@@ -2363,17 +2274,11 @@ FormAdaptiveComponent.propDecorators = {
  */
 class FormEmptyComponent {
     constructor() {
-        /**
-         * Indica se è l'ultimo componente di un form (serve per rimuovere il margine finale)
-         */
+        /** Indica se è l'ultimo componente di un form (serve per rimuovere il margine finale) */
         this.Last = false;
-        /**
-         * Classe extra per il form-group in cui viene wrappato l'input finto
-         */
+        /** Classe extra per il form-group in cui viene wrappato l'input finto */
         this.FormGroupClass = "";
-        /**
-         * Valore placeholder da mostrare
-         */
+        /** Valore placeholder da mostrare */
         this.PlaceholderModel = "Placeholder";
     }
 }
@@ -2396,42 +2301,24 @@ FormEmptyComponent.propDecorators = {
  */
 class FormTemplateComponent {
     constructor() {
-        /**
-         * Indica se l'input è obbligatorio o no
-         */
+        /** Indica se l'input è obbligatorio o no */
         this.Required = false;
-        /**
-         * Mostra un testo a sinistra dell'input, **FormLayout** permettendo
-         */
+        /** Mostra un testo a sinistra dell'input, **FormLayout** permettendo */
         this.Label = "";
-        /**
-         * Eventuali classi extra da applicare alla Label, di default c'è solo un leggero margin top
-         */
+        /** Eventuali classi extra da applicare alla Label, di default c'è solo un leggero margin top */
         this.LabelClass = "m-t-5";
-        /**
-         * Utilizza o meno il Layout di un form (Label con input di fianco), se false mostra solo l'input
-         */
+        /** Utilizza o meno il Layout di un form (Label con input di fianco), se false mostra solo l'input */
         this.FormLayout = true;
-        /**
-         * col-md-X per la label
-         */
+        /** col-md-X per la label */
         this.LabelColWidth = 4;
-        /**
-         * col-md-X per l'input
-         */
+        /** col-md-X per l'input */
         this.InputColWidth = 8;
-        /**
-         * Indica se è l'ultimo componente di un form (serve per rimuovere il margine finale)
-         */
+        /** Indica se è l'ultimo componente di un form (serve per rimuovere il margine finale) */
         this.Last = false;
-        /**
-         * Classe extra per il form-group in cui viene wrappato l'input
-         */
+        /** Classe extra per il form-group in cui viene wrappato l'input */
         this.FormGroupClass = "";
     }
-    /**
-     * Permette di settare in una volta solo gli input LabelColWidth e InputColWidth, basta scriverlo con la sintassi "X Y"
-     */
+    /** Permette di settare in una volta solo gli input LabelColWidth e InputColWidth, basta scriverlo con la sintassi "X Y" */
     set LabelInputRatio(input) {
         var ratio = input.split(/\s/);
         this.LabelColWidth = parseInt(ratio[0]);
@@ -2464,26 +2351,16 @@ FormTemplateComponent.propDecorators = {
  */
 class FormErrorComponent {
     constructor() {
-        /**
-         * col-md-X per la label (Che in questoc aso è vuota)
-         */
+        /** col-md-X per la label (Che in questoc aso è vuota) */
         this.LabelColWidth = 4;
-        /**
-         * col-md-X per l'input (che in questo caso contiene il messaggio d'errore proiettato nell'HTML)
-         */
+        /** col-md-X per l'input (che in questo caso contiene il messaggio d'errore proiettato nell'HTML) */
         this.InputColWidth = 8;
-        /**
-         * Indica se è l'ultimo componente di un form (serve per rimuovere il margine finale)
-         */
+        /** Indica se è l'ultimo componente di un form (serve per rimuovere il margine finale) */
         this.Last = false;
-        /**
-         * Classe extra per il form-group in cui viene wrappato l'input
-         */
+        /** Classe extra per il form-group in cui viene wrappato l'input */
         this.FormGroupClass = "";
     }
-    /**
-     * Permette di settare in una volta solo gli input LabelColWidth e InputColWidth, basta scriverlo con la sintassi "X Y"
-     */
+    /** Permette di settare in una volta solo gli input LabelColWidth e InputColWidth, basta scriverlo con la sintassi "X Y" */
     set LabelInputRatio(input) {
         var ratio = input.split(/\s/);
         this.LabelColWidth = parseInt(ratio[0]);
@@ -2512,26 +2389,16 @@ FormErrorComponent.propDecorators = {
  */
 class FormInfoComponent {
     constructor() {
-        /**
-        * col-md-X per la label (Che in questoc aso è vuota)
-        */
+        /** col-md-X per la label (Che in questoc aso è vuota) */
         this.LabelColWidth = 4;
-        /**
-         * col-md-X per l'input (che in questo caso contiene il messaggio d'errore proiettato nell'HTML)
-         */
+        /** col-md-X per l'input (che in questo caso contiene il messaggio d'errore proiettato nell'HTML) */
         this.InputColWidth = 8;
-        /**
-         * Indica se è l'ultimo componente di un form (serve per rimuovere il margine finale)
-         */
+        /** Indica se è l'ultimo componente di un form (serve per rimuovere il margine finale) */
         this.Last = false;
-        /**
-         * Classe extra per il form-group in cui viene wrappato l'input
-         */
+        /** Classe extra per il form-group in cui viene wrappato l'input */
         this.FormGroupClass = "";
     }
-    /**
-     * Permette di settare in una volta solo gli input LabelColWidth e InputColWidth, basta scriverlo con la sintassi "X Y"
-     */
+    /** Permette di settare in una volta solo gli input LabelColWidth e InputColWidth, basta scriverlo con la sintassi "X Y" */
     set LabelInputRatio(input) {
         var ratio = input.split(/\s/);
         this.LabelColWidth = parseInt(ratio[0]);
@@ -2554,31 +2421,31 @@ FormInfoComponent.propDecorators = {
 };
 
 // Angular
-/**
- * Componente rappresentante una checkbox
- */
+/** Componente rappresentante una checkbox */
 class FormCheckboxComponent extends BaseFormControl {
-    /**
-     * Costruttore
-     *
-     * @ignore
-     */
-    constructor(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) {
+    /** @ignore Costruttore  */
+    constructor(lc, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) {
         super(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, true);
+        this.lc = lc;
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
+    writeValue(obj) {
+        obj = obj ? (obj === true || obj.toLowerCase() == "true") : false;
+        this.EvaluatedModel = this.lc.loc(obj ? 'Yes' : 'No');
+        super.writeValue(obj);
+    }
+    /** @ignore */
     onNotNullValueSet() { }
 }
 FormCheckboxComponent.decorators = [
     { type: Component, args: [{
                 selector: "form-checkbox",
-                template: "<ng-container *ngIf=\"!FormLayout\">\r\n    <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n    <label class=\"col-md-{{LabelColWidth}} m-t-5\">{{Label}}{{Required ? '*' : ''}}:</label>\r\n    <div class=\"col-md-{{InputColWidth}} m-t-5\">\r\n        <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<ng-template #controlTemplate>\r\n    <input class=\"app-pointer\" [disabled]=\"Readonly ? true : null\" type=\"checkbox\" [(ngModel)]=\"Model\" id=\"{{GeneratedName}}\" name=\"{{GeneratedName}}\" #validationControl=\"ngModel\" (ngModelChange)=\"changed(); finalized()\" (click)=\"focused($event)\" />\r\n</ng-template>",
+                template: "<ng-container *ngIf=\"!FormLayout\">\r\n    <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n    <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n    <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n    <label class=\"col-md-{{LabelColWidth}}\" [class.app-bold]=\"DisplayMode\" [class.m-t-5]=\"!DisplayMode\">{{Label}}{{Required && !DisplayMode ? '*' : ''}}:</label>\r\n    <div class=\"col-md-{{InputColWidth}}\" [class.m-t-5]=\"!DisplayMode\">\r\n        <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n        <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n        <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<ng-template #controlTemplate>\r\n    <input class=\"app-pointer\" [disabled]=\"Readonly ? true : null\" type=\"checkbox\" [(ngModel)]=\"Model\" id=\"{{GeneratedName}}\" name=\"{{GeneratedName}}\" #validationControl=\"ngModel\" (ngModelChange)=\"changed(); finalized()\" (click)=\"focused($event)\" />\r\n</ng-template>",
                 changeDetection: ChangeDetectionStrategy.OnPush
             },] }
 ];
 FormCheckboxComponent.ctorParameters = () => [
+    { type: LocalizationService },
     { type: ChangeDetectorRef },
     { type: NgControl, decorators: [{ type: Optional }, { type: Self }] },
     { type: Array, decorators: [{ type: Optional }, { type: Host }, { type: Inject, args: [NG_VALIDATORS,] }] },
@@ -2588,95 +2455,78 @@ FormCheckboxComponent.ctorParameters = () => [
 ];
 
 // Angular
-/**
- * Componente che dà all'utente la possibilità di selezionare una data
- */
+/** Componente che dà all'utente la possibilità di selezionare una data */
 class FormDateComponent extends BaseFormControl {
-    /**
-     * Costruttore
-     *
-     * @ignore
-     */
-    constructor(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) {
-        super(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY);
-        /**
-         * Utilizza il Date di Javascript come modello in uscita. Il modello in entrata verrà comunque ricondotto a un DayJs
-         */
+    /** @ignore Costruttore  */
+    constructor(datesExts, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) {
+        super(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE);
+        this.datesExts = datesExts;
+        /** Utilizza il Date di Javascript come modello in uscita. Il modello in entrata verrà comunque ricondotto a un DayJs */
         this.JsDates = false;
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
+    writeValue(obj) {
+        this.EvaluatedModel = this.datesExts.getFormatted(obj, true, false);
+        super.writeValue(obj);
+    }
+    /** @ignore */
     onNotNullValueSet() { }
 }
 FormDateComponent.decorators = [
     { type: Component, args: [{
                 selector: "form-date",
-                template: "<ng-container *ngIf=\"!FormLayout\">\r\n    <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n    <label class=\"col-md-{{LabelColWidth}} m-t-5\">{{Label}}{{Required ? '*' : ''}}:</label>\r\n    <div class=\"col-md-{{InputColWidth}}\">\r\n        <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<ng-template #controlTemplate>\r\n    <val-date [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [noValidate]=\"!Validation\"\r\n              [submitted]=\"Form?.submitted\"\r\n              [forceInvalid]=\"ForcedError\"\r\n              [id]=\"GeneratedName\"\r\n              [readonly]=\"Readonly\"\r\n              [class]=\"Readonly ? 'app-bg-lightgrey' : ''\"\r\n              [useJsDates]=\"JsDates\"\r\n              [(ngModel)]=\"Model\"\r\n              name=\"{{GeneratedName}}\"\r\n              #validationControl=\"ngModel\"\r\n              (inputChange)=\"changed();\"\r\n              (inputFocus)=\"focused($event);\"\r\n              (inputFinalized)=\"finalized()\"\r\n              [placeholder]=\"Placeholder\"\r\n              [validationFailed]=\"FailedValidationMessage\">\r\n    </val-date>\r\n</ng-template>",
+                template: "<ng-container *ngIf=\"!FormLayout\">\r\n    <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n    <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n    <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n    <label class=\"col-md-{{LabelColWidth}}\" [class.app-bold]=\"DisplayMode\" [class.m-t-5]=\"!DisplayMode\">{{Label}}{{Required && !DisplayMode ? '*' : ''}}:</label>\r\n    <div class=\"col-md-{{InputColWidth}}\">\r\n        <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n        <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n        <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<ng-template #controlTemplate>\r\n    <val-date [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [noValidate]=\"!Validation\"\r\n              [submitted]=\"Form?.submitted\"\r\n              [forceInvalid]=\"ForcedError\"\r\n              [id]=\"GeneratedName\"\r\n              [readonly]=\"Readonly\"\r\n              [class]=\"Readonly ? 'app-bg-lightgrey' : ''\"\r\n              [useJsDates]=\"JsDates\"\r\n              [(ngModel)]=\"Model\"\r\n              name=\"{{GeneratedName}}\"\r\n              #validationControl=\"ngModel\"\r\n              (inputChange)=\"changed();\"\r\n              (inputFocus)=\"focused($event);\"\r\n              (inputFinalized)=\"finalized()\"\r\n              [placeholder]=\"Placeholder\"\r\n              [validationFailed]=\"FailedValidationMessage\">\r\n    </val-date>\r\n</ng-template>",
                 changeDetection: ChangeDetectionStrategy.OnPush
             },] }
 ];
 FormDateComponent.ctorParameters = () => [
+    { type: DateService },
     { type: ChangeDetectorRef },
     { type: NgControl, decorators: [{ type: Optional }, { type: Self }] },
     { type: Array, decorators: [{ type: Optional }, { type: Inject, args: [NG_VALIDATORS,] }] },
     { type: AccessControlService, decorators: [{ type: Optional }] },
     { type: ComponentContext, decorators: [{ type: Optional }] },
-    { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ACO_CUSTOMKEY,] }] }
+    { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ACO_CUSTOMKEY,] }] },
+    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [FAV_DEBUG_MODE,] }] }
 ];
 FormDateComponent.propDecorators = {
     JsDates: [{ type: Input }]
 };
 
 // Angular
-/**
- * Semplice componente di Input testuale, con eventuale prefisso/suffisso
- */
+/** Semplice componente di Input testuale, con eventuale prefisso/suffisso */
 class FormInputComponent extends BaseFormControl {
-    /**
-     * Costruttore
-     *
-     * @ignore
-     */
-    constructor(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) {
-        super(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY);
-        /**
-         * Indica se l'input relativo è di tipo Password
-         */
+    /** @ignore Costruttore  */
+    constructor(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) {
+        super(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE);
+        /** Indica se l'input relativo è di tipo Password */
         this.Password = false;
-        /**
-         * Delegato per l'esecuzione di un'operazione al click del suffisso
-         */
+        /** Delegato per l'esecuzione di un'operazione al click del suffisso */
         this.onSuffixAction = new EventEmitter();
-        /**
-         * Delegato per l'esecuzione di un'operazione al click del prefisso
-         */
+        /** Delegato per l'esecuzione di un'operazione al click del prefisso */
         this.onPrefixAction = new EventEmitter();
-        /**
-         * Indica la presenza o meno di un suffisso, si basa sulla "truthiness" della proiezione **suffix**
-         */
+        /** Indica la presenza o meno di un suffisso, si basa sulla "truthiness" della proiezione **suffix** */
         this.HasSuffix = false;
-        /**
-         * Indica la presenza o meno di un prefisso, si basa sulla "truthiness" della proiezione **prefix**
-         */
+        /** Indica la presenza o meno di un prefisso, si basa sulla "truthiness" della proiezione **prefix** */
         this.HasPrefix = false;
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
+    writeValue(obj) {
+        this.EvaluatedModel = (obj === null || obj === void 0 ? void 0 : obj.toString()) || "";
+        super.writeValue(obj);
+    }
+    /** @ignore */
     ngAfterContentInit() {
         this.HasSuffix = !!this.suffix;
         this.HasPrefix = !!this.prefix;
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
     onNotNullValueSet() { }
 }
 FormInputComponent.decorators = [
     { type: Component, args: [{
                 selector: "form-input",
-                template: "<ng-container *ngIf=\"!FormLayout\">\r\n    <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n    <label class=\"col-md-{{LabelColWidth}} m-t-5\">{{Label}}{{Required ? '*' : ''}}:</label>\r\n    <div class=\"col-md-{{InputColWidth}}\">\r\n        <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<ng-template #controlTemplate>\r\n    <val-input [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\"\r\n               [noValidate]=\"!Validation\"\r\n               [submitted]=\"Form?.submitted\"\r\n               [readonly]=\"Readonly\"\r\n               [forceInvalid]=\"ForcedError\"\r\n               type=\"text\"\r\n               [(ngModel)]=\"Model\"\r\n               [id]=\"GeneratedName\"\r\n               name=\"{{GeneratedName}}\"\r\n               autocomplete=\"off\"\r\n               #validationControl=\"ngModel\"\r\n               (inputChange)=\"changed();\"\r\n               (inputFocus)=\"focused($event);\"\r\n               (inputFinalized)=\"finalized()\"\r\n               [placeholder]=\"Placeholder\"\r\n               [validationFailed]=\"FailedValidationMessage\"\r\n               [Password]=\"Password\">\r\n        <ng-container *ngIf=\"HasSuffix\">\r\n            <ng-template #suffix_internal>\r\n                <button type=\"button\" class=\"mat-button mat-icon-button mat-button-base mat-icon-button-override mat-icon-button-override-suffix\"\r\n                        matSuffix (click)=\"onSuffixAction.emit(); $event.stopPropagation(); $event.preventDefault();\">\r\n                    <ng-container *ngTemplateOutlet=\"suffix\"></ng-container>\r\n                </button>\r\n            </ng-template>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"HasPrefix\">\r\n            <ng-template #prefix_internal>\r\n                <button type=\"button\" class=\"mat-button mat-icon-button mat-button-base mat-icon-button-override mat-icon-button-override-prefix\"\r\n                        matPrefix (click)=\"onPrefixAction.emit(); $event.stopPropagation(); $event.preventDefault();\">\r\n                    <ng-container *ngTemplateOutlet=\"prefix\"></ng-container>\r\n                </button>\r\n            </ng-template>\r\n        </ng-container>\r\n    </val-input>\r\n</ng-template>",
+                template: "<ng-container *ngIf=\"!FormLayout\">\r\n    <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n    <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n    <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n    <label class=\"col-md-{{LabelColWidth}}\" [class.app-bold]=\"DisplayMode\" [class.m-t-5]=\"!DisplayMode\">{{Label}}{{Required && !DisplayMode ? '*' : ''}}:</label>\r\n    <div class=\"col-md-{{InputColWidth}}\">\r\n        <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n        <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n        <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<ng-template #controlTemplate>\r\n    <val-input [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\"\r\n               [noValidate]=\"!Validation\"\r\n               [submitted]=\"Form?.submitted\"\r\n               [readonly]=\"Readonly\"\r\n               [forceInvalid]=\"ForcedError\"\r\n               type=\"text\"\r\n               [(ngModel)]=\"Model\"\r\n               [id]=\"GeneratedName\"\r\n               name=\"{{GeneratedName}}\"\r\n               autocomplete=\"off\"\r\n               #validationControl=\"ngModel\"\r\n               (inputChange)=\"changed();\"\r\n               (inputFocus)=\"focused($event);\"\r\n               (inputFinalized)=\"finalized()\"\r\n               [placeholder]=\"Placeholder\"\r\n               [validationFailed]=\"FailedValidationMessage\"\r\n               [Password]=\"Password\">\r\n        <ng-container *ngIf=\"HasSuffix\">\r\n            <ng-template #suffix_internal>\r\n                <button type=\"button\" class=\"mat-button mat-icon-button mat-button-base mat-icon-button-override mat-icon-button-override-suffix\"\r\n                        matSuffix (click)=\"onSuffixAction.emit(); $event.stopPropagation(); $event.preventDefault();\">\r\n                    <ng-container *ngTemplateOutlet=\"suffix\"></ng-container>\r\n                </button>\r\n            </ng-template>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"HasPrefix\">\r\n            <ng-template #prefix_internal>\r\n                <button type=\"button\" class=\"mat-button mat-icon-button mat-button-base mat-icon-button-override mat-icon-button-override-prefix\"\r\n                        matPrefix (click)=\"onPrefixAction.emit(); $event.stopPropagation(); $event.preventDefault();\">\r\n                    <ng-container *ngTemplateOutlet=\"prefix\"></ng-container>\r\n                </button>\r\n            </ng-template>\r\n        </ng-container>\r\n    </val-input>\r\n</ng-template>",
                 changeDetection: ChangeDetectionStrategy.OnPush
             },] }
 ];
@@ -2686,7 +2536,8 @@ FormInputComponent.ctorParameters = () => [
     { type: Array, decorators: [{ type: Optional }, { type: Inject, args: [NG_VALIDATORS,] }] },
     { type: AccessControlService, decorators: [{ type: Optional }] },
     { type: ComponentContext, decorators: [{ type: Optional }] },
-    { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ACO_CUSTOMKEY,] }] }
+    { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ACO_CUSTOMKEY,] }] },
+    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [FAV_DEBUG_MODE,] }] }
 ];
 FormInputComponent.propDecorators = {
     Password: [{ type: Input }],
@@ -2715,21 +2566,13 @@ FormSelectComponentLoc.ctorParameters = () => [
 ];
 
 // Angular
-/**
- * Componente che permette di selezionare un valore da una lista di valori disponibili
- */
+/** Componente che permette di selezionare un valore da una lista di valori disponibili */
 class FormSelectComponent extends BaseFormControl {
-    /**
-     * Costruttore
-     *
-     * @ignore
-     */
-    constructor(cdr, lc, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) {
-        super(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY);
+    /** @ignore Costruttore  */
+    constructor(cdr, lc, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) {
+        super(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE);
         this.lc = lc;
-        /**
-         * Permette di specificare il testo della Label flottante material-style
-         */
+        /** Permette di specificare il testo della Label flottante material-style */
         this.SelectLabel = "";
         /**
          * Permette al componente di considerare questo valore come "valore placeholder"
@@ -2737,9 +2580,7 @@ class FormSelectComponent extends BaseFormControl {
          * Si consiglia di mantenere il default
          */
         this.PlaceholderValue = '';
-        /**
-         * Override del placeholder per select requried
-         */
+        /** Override del placeholder per select requried */
         this.RequiredPlaceholder = null;
         /**
          * Permette al componente di considerare questo valore come "valore vuoto"
@@ -2747,14 +2588,10 @@ class FormSelectComponent extends BaseFormControl {
          * Si consiglia di mantenere il default
          */
         this.EmptyFieldValue = '-2';
-        /**
-         * Se **true** rimuove il simbolino di validazione (croce rossa o tick verde)
-         */
+        /** Se **true** rimuove il simbolino di validazione (croce rossa o tick verde) */
         this.ShowValidationSymbol = true;
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
     ngOnChanges(changes) {
         let newSource = changes["Source"];
         if (!newSource)
@@ -2799,6 +2636,7 @@ class FormSelectComponent extends BaseFormControl {
             this.cdr.markForCheck();
         }
     }
+    /** @ignore */
     detatchPreviousAndRetatchNext(doStuff) {
         if (this.validationControl && this.Form)
             this.Form.removeControl(this.validationControl);
@@ -2809,21 +2647,28 @@ class FormSelectComponent extends BaseFormControl {
                 else if (this.validationControl && this.Form) {
                     this.Form.addControl(this.validationControl);
                 }
-                else
+                else if (!this.validationControl && this.Form) {
+                    // Questo messaggio ha senso solo se almeno il form esiste... se non esiste sticazzi insomma...
                     console.error(`Impossibile aggiungere il componente di validaazione per ${this.GeneratedName}, le validazioni potrebbero funzionare in maniera erratica`);
+                }
             });
         });
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
+    writeValue(obj) {
+        var _a;
+        if (this.BoundSource && this.BoundSource.length > 0)
+            this.EvaluatedModel = (_a = this.BoundSource.find(t => t.id == obj)) === null || _a === void 0 ? void 0 : _a.description;
+        super.writeValue(obj);
+    }
+    /** @ignore */
     onNotNullValueSet() { }
 }
 FormSelectComponent.decorators = [
     { type: Component, args: [{
                 selector: "form-select",
                 providers: [{ provide: LocalizationService, useClass: FormSelectComponentLoc }],
-                template: "<ng-container *ngIf=\"!FormLayout\">\r\n    <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout && BoundSource\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n    <label class=\"col-md-{{LabelColWidth}} m-t-5\">{{Label}}{{Required ? '*' : ''}}:</label>\r\n    <div class=\"col-md-{{InputColWidth}}\">\r\n        <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<ng-template #controlTemplate>\r\n\r\n    <!-- Select vuota per quando non ho Sorgenti dati da cui selezionare. Uguale identica alla piena ma senza option\r\n    Purtroppo devono essere due componenti distinti perch\u00E9 una select una volta creata non riesce pi\u00F9 ad adattarsi ai cambi di options -->\r\n    <val-select *ngIf=\"!BoundSource || BoundSource.length == 0\"\r\n                [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\"\r\n                [required]=\"Required ? 'required' : null\"\r\n                [noValidate]=\"!Validation\"\r\n                [readonly]=\"Readonly\"\r\n                [forceInvalid]=\"ForcedError\"\r\n                [label]=\"SelectLabel\"\r\n                [validationFailed]=\"FailedValidationMessage\"\r\n                [placeholder]=\"Required ? ((RequiredPlaceholder != null ? RequiredPlaceholder : ('Select' | localize : lc) + '...'))  : Placeholder\"\r\n                [placeHolderValue]=\"PlaceholderValue\"\r\n                [submitted]=\"Form?.submitted\"\r\n                [emptyFieldValue]=\"Required || Placeholder || SelectLabel ? EmptyFieldValue : ''\"\r\n                [(ngModel)]=\"Model\"\r\n                [showValidationSymbol]=\"ShowValidationSymbol\"\r\n                [id]=\"GeneratedName\"\r\n                name=\"{{GeneratedName}}_zero\"\r\n                (inputChange)=\"Model = $event == EmptyFieldValue ? (Required? PlaceholderValue : '') : $event; changed();\"\r\n                (inputFocus)=\"focused($event);\"\r\n                #validationControl=\"ngModel\">\r\n    </val-select>\r\n\r\n    <!-- Select vera e propria per quando arrivano i dati -->\r\n    <val-select *ngIf=\"BoundSource && BoundSource.length > 0\"\r\n                [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\"\r\n                [required]=\"Required ? 'required' : null\"\r\n                [noValidate]=\"!Validation\"\r\n                [readonly]=\"Readonly\"\r\n                [forceInvalid]=\"ForcedError\"\r\n                [label]=\"SelectLabel\"\r\n                [validationFailed]=\"FailedValidationMessage\"\r\n                [showValidationSymbol]=\"ShowValidationSymbol\"\r\n                [placeholder]=\"Required ? ((RequiredPlaceholder != null ? RequiredPlaceholder : ('Select' | localize : lc) + '...')) : Placeholder\"\r\n                [placeHolderValue]=\"PlaceholderValue\"\r\n                [submitted]=\"Form?.submitted\"\r\n                [emptyFieldValue]=\"Required || Placeholder || SelectLabel ? EmptyFieldValue : ''\"\r\n                [(ngModel)]=\"Model\"\r\n                [id]=\"GeneratedName\"\r\n                name=\"{{GeneratedName}}_filled\"\r\n                (inputChange)=\"Model = $event == EmptyFieldValue ? (Required? PlaceholderValue : '') : $event; changed();\"\r\n                (inputFocus)=\"focused($event);\"\r\n                (inputFinalized)=\"finalized()\"\r\n                #validationControl=\"ngModel\">\r\n        <option *ngFor=\"let obj of BoundSource\" [value]=\"obj.id\">{{obj.description}}</option>\r\n    </val-select>\r\n</ng-template>",
+                template: "<ng-container *ngIf=\"!FormLayout\">\r\n    <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n    <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n    <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout && BoundSource\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n    <label class=\"col-md-{{LabelColWidth}}\" [class.app-bold]=\"DisplayMode\" [class.m-t-5]=\"!DisplayMode\">{{Label}}{{Required && !DisplayMode ? '*' : ''}}:</label>\r\n    <div class=\"col-md-{{InputColWidth}}\">\r\n        <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n        <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n        <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<ng-template #controlTemplate>\r\n\r\n    <!-- Select vuota per quando non ho Sorgenti dati da cui selezionare. Uguale identica alla piena ma senza option\r\n    Purtroppo devono essere due componenti distinti perch\u00E9 una select una volta creata non riesce pi\u00F9 ad adattarsi ai cambi di options -->\r\n    <val-select *ngIf=\"!BoundSource || BoundSource.length == 0\"\r\n                [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\"\r\n                [required]=\"Required ? 'required' : null\"\r\n                [noValidate]=\"!Validation\"\r\n                [readonly]=\"Readonly\"\r\n                [forceInvalid]=\"ForcedError\"\r\n                [label]=\"SelectLabel\"\r\n                [validationFailed]=\"FailedValidationMessage\"\r\n                [placeholder]=\"Required ? ((RequiredPlaceholder != null ? RequiredPlaceholder : ('Select' | localize : lc) + '...'))  : Placeholder\"\r\n                [placeHolderValue]=\"PlaceholderValue\"\r\n                [submitted]=\"Form?.submitted\"\r\n                [emptyFieldValue]=\"Required || Placeholder || SelectLabel ? EmptyFieldValue : ''\"\r\n                [(ngModel)]=\"Model\"\r\n                [showValidationSymbol]=\"ShowValidationSymbol\"\r\n                [id]=\"GeneratedName\"\r\n                name=\"{{GeneratedName}}_zero\"\r\n                (inputChange)=\"Model = $event == EmptyFieldValue ? (Required? PlaceholderValue : '') : $event; changed();\"\r\n                (inputFocus)=\"focused($event);\"\r\n                #validationControl=\"ngModel\">\r\n    </val-select>\r\n\r\n    <!-- Select vera e propria per quando arrivano i dati -->\r\n    <val-select *ngIf=\"BoundSource && BoundSource.length > 0\"\r\n                [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\"\r\n                [required]=\"Required ? 'required' : null\"\r\n                [noValidate]=\"!Validation\"\r\n                [readonly]=\"Readonly\"\r\n                [forceInvalid]=\"ForcedError\"\r\n                [label]=\"SelectLabel\"\r\n                [validationFailed]=\"FailedValidationMessage\"\r\n                [showValidationSymbol]=\"ShowValidationSymbol\"\r\n                [placeholder]=\"Required ? ((RequiredPlaceholder != null ? RequiredPlaceholder : ('Select' | localize : lc) + '...')) : Placeholder\"\r\n                [placeHolderValue]=\"PlaceholderValue\"\r\n                [submitted]=\"Form?.submitted\"\r\n                [emptyFieldValue]=\"Required || Placeholder || SelectLabel ? EmptyFieldValue : ''\"\r\n                [(ngModel)]=\"Model\"\r\n                [id]=\"GeneratedName\"\r\n                name=\"{{GeneratedName}}_filled\"\r\n                (inputChange)=\"Model = $event == EmptyFieldValue ? (Required? PlaceholderValue : '') : $event; changed();\"\r\n                (inputFocus)=\"focused($event);\"\r\n                (inputFinalized)=\"finalized()\"\r\n                #validationControl=\"ngModel\">\r\n        <option *ngFor=\"let obj of BoundSource\" [value]=\"obj.id\">{{obj.description}}</option>\r\n    </val-select>\r\n</ng-template>",
                 changeDetection: ChangeDetectionStrategy.OnPush
             },] }
 ];
@@ -2834,7 +2679,8 @@ FormSelectComponent.ctorParameters = () => [
     { type: Array, decorators: [{ type: Optional }, { type: Inject, args: [NG_VALIDATORS,] }] },
     { type: AccessControlService, decorators: [{ type: Optional }] },
     { type: ComponentContext, decorators: [{ type: Optional }] },
-    { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ACO_CUSTOMKEY,] }] }
+    { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ACO_CUSTOMKEY,] }] },
+    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [FAV_DEBUG_MODE,] }] }
 ];
 FormSelectComponent.propDecorators = {
     SelectLabel: [{ type: Input }],
@@ -2872,13 +2718,9 @@ FormMultiSelectComponentLoc.ctorParameters = () => [
  * utilizzato internamente (angular2-multiselect) non è stato assolutamente pensato per essere usato con **ChangeDetectionStrategy.OnPush**
  */
 class FormMultiSelectComponent extends BaseFormControl {
-    /**
-     * Costruttore
-     *
-     * @ignore
-     */
-    constructor(cdr, lc, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) {
-        super(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY);
+    /** @ignore Costruttore  */
+    constructor(cdr, lc, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) {
+        super(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE);
         this.lc = lc;
         /**
          * Modello temporaneo **NON** compatibile in maniera diretta con il componente **angular2-multiselect** usato internamente
@@ -2886,28 +2728,18 @@ class FormMultiSelectComponent extends BaseFormControl {
          * Serve da appoggio per effettuare un re-bind qualora la sorgente cambiasse e qualora **RebindModelAfterSource** fosse true
          */
         this.TmpModel = [];
-        /**
-         * Indica se la prossima modifica alla Source deve anche effettuare un re-bind del modello. Serve se la **BoundSource** passa da non avere oggetti ad averne
-         */
+        /** Indica se la prossima modifica alla Source deve anche effettuare un re-bind del modello. Serve se la **BoundSource** passa da non avere oggetti ad averne */
         this.RebindModelAfterSource = false;
-        /**
-         * Permette di specificare il testo della Label flottante material-style
-         */
+        /** Permette di specificare il testo della Label flottante material-style */
         this.SelectLabel = "";
-        /**
-         * Permette al componente di gestire come modello non una lista di chiavi, ma una lista di KeyValue
-         */
+        /** Permette al componente di gestire come modello non una lista di chiavi, ma una lista di KeyValue */
         this.UseKeyValues = false;
-        /**
-         * Impostazioni del componente interno **angular2-multiselect**
-         */
+        /** Impostazioni del componente interno **angular2-multiselect** */
         this.Settings = null;
         // Default dei settings per evitare che siano mai nulli, altrimenti il cazzo di CuppaLab salta in araia che è veramente una bellezza
         this.evaluateSettings(false);
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
     ngOnChanges(changes) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
@@ -2939,9 +2771,7 @@ class FormMultiSelectComponent extends BaseFormControl {
             tagToBody: false
         };
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
     onNotNullValueSet() { }
     /**
      * Indica se il comopnente in questione è in grado di gestire ngControl nulli.
@@ -2952,9 +2782,7 @@ class FormMultiSelectComponent extends BaseFormControl {
     handleNullNgControl() {
         return true;
     }
-    /**
-     * @ignore Override per gestire input in ingresso
-     */
+    /** @ignore Override per gestire input in ingresso */
     writeValue(obj) {
         this.TmpModel = obj;
         let toPass = [];
@@ -2969,11 +2797,10 @@ class FormMultiSelectComponent extends BaseFormControl {
                     this.RebindModelAfterSource = true;
             });
         }
+        this.EvaluatedModel = toPass.map(t => t.description).join(', ');
         super.writeValue(toPass);
     }
-    /**
-     * @ignore Override per gestire input in uscita
-     */
+    /** @ignore Override per gestire input in uscita */
     changed() {
         let toEmit = null;
         if (!this.UseKeyValues)
@@ -2988,7 +2815,7 @@ FormMultiSelectComponent.decorators = [
     { type: Component, args: [{
                 selector: "form-multiselect",
                 viewProviders: [{ provide: LocalizationService, useClass: FormMultiSelectComponentLoc }],
-                template: "<ng-container *ngIf=\"!FormLayout\">\r\n    <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout && BoundSource\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n    <label class=\"col-md-{{LabelColWidth}} m-t-5\">{{Label}}{{Required ? '*' : ''}}:</label>\r\n    <div class=\"col-md-{{InputColWidth}}\">\r\n        <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<ng-template #controlTemplate>\r\n    <div [class.ms-placeholder]=\"!Model || Model.length == 0\" (click)=\"focused($event)\">\r\n        <angular2-multiselect #validationControl=\"ngModel\" type=\"text\"\r\n            [(ngModel)]=\"Model\" name=\"{{GeneratedName}}\"\r\n            [settings]=\"Settings\" [data]=\"BoundSource\"\r\n            (onSelect)=\"changed();\" \r\n            (onDeSelect)=\"changed();\" \r\n            (onSelectAll)=\"changed();\"\r\n            (onDeSelectAll)=\"changed();\" \r\n            (onDeSelectAll)=\"Model = []; changed();\">\r\n        </angular2-multiselect>\r\n    </div>\r\n</ng-template>",
+                template: "<ng-container *ngIf=\"!FormLayout\">\r\n    <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n    <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n    <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout && BoundSource\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n    <label class=\"col-md-{{LabelColWidth}}\" [class.app-bold]=\"DisplayMode\" [class.m-t-5]=\"!DisplayMode\">{{Label}}{{Required && !DisplayMode ? '*' : ''}}:</label>\r\n    <div class=\"col-md-{{InputColWidth}}\">\r\n        <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n        <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n        <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<ng-template #controlTemplate>\r\n    <div [class.ms-placeholder]=\"!Model || Model.length == 0\" (click)=\"focused($event)\">\r\n        <angular2-multiselect #validationControl=\"ngModel\" type=\"text\"\r\n            [(ngModel)]=\"Model\" name=\"{{GeneratedName}}\"\r\n            [settings]=\"Settings\" [data]=\"BoundSource\"\r\n            (onSelect)=\"changed();\" \r\n            (onDeSelect)=\"changed();\" \r\n            (onSelectAll)=\"changed();\"\r\n            (onDeSelectAll)=\"changed();\" \r\n            (onDeSelectAll)=\"Model = []; changed();\">\r\n        </angular2-multiselect>\r\n    </div>\r\n</ng-template>",
                 encapsulation: ViewEncapsulation.None,
                 changeDetection: ChangeDetectionStrategy.Default,
                 styles: [".c-btn{background:#fff;border:1px solid #ccc;color:#333}.selected-list .c-list .c-token{background:#415269}.selected-list .c-list .c-token .c-label{color:#fff}.selected-list .c-list .c-token .c-remove svg{fill:#fff}.selected-list .c-angle-down svg,.selected-list .c-angle-up svg{fill:#333}.dropdown-list ul li:hover{background:#f5f5f5}.arrow-down,.arrow-up{border-bottom:15px solid #fff}.arrow-2{border-bottom:15px solid #ccc}.list-area{border:1px solid #ccc;background:#fff;box-shadow:0 1px 5px #959595}.list-filter,.select-all{border-bottom:1px solid #ccc}.list-filter .c-clear svg,.list-filter .c-search svg{fill:#888}.pure-checkbox input[type=checkbox]:focus+label:before,.pure-checkbox input[type=checkbox]:hover+label:before{border-color:#415269;background-color:#f2f2f2}.pure-checkbox input[type=checkbox]+label{color:#000}.pure-checkbox input[type=checkbox]+label:before{color:#415269;border:1px solid #415269}.pure-checkbox input[type=checkbox]+label:after{background-color:#415269}.pure-checkbox input[type=checkbox]:disabled+label:before{border-color:#ccc}.pure-checkbox input[type=checkbox]:disabled:checked+label:before{background-color:#ccc}.pure-checkbox input[type=checkbox]+label:after{border-color:#fff}.pure-checkbox input[type=radio]:checked+label:before{background-color:#fff}.pure-checkbox input[type=checkbox]:checked+label:before{background:#415269}.single-select-mode .pure-checkbox input[type=checkbox]:focus+label:before,.single-select-mode .pure-checkbox input[type=checkbox]:hover+label:before{border-color:#415269;background-color:#f2f2f2}.single-select-mode .pure-checkbox input[type=checkbox]+label{color:#000}.single-select-mode .pure-checkbox input[type=checkbox]+label:before{color:transparent!important;border:0 solid #415269}.single-select-mode .pure-checkbox input[type=checkbox]+label:after{background-color:transparent!important}.single-select-mode .pure-checkbox input[type=checkbox]:disabled+label:before{border-color:#ccc}.single-select-mode .pure-checkbox input[type=checkbox]:disabled:checked+label:before{background-color:#ccc}.single-select-mode .pure-checkbox input[type=checkbox]+label:after{border-color:#415269}.single-select-mode .pure-checkbox input[type=radio]:checked+label:before{background-color:#fff}.single-select-mode .pure-checkbox input[type=checkbox]:checked+label:before{background:none!important}.selected-item{background:#e9f4ff}.btn-iceblue{background:#415269;border:1px solid #ccc;color:#fff}.cuppa-dropdown{margin-top:2px;min-width:200px}.cuppa-dropdown .c-btn{min-height:34px}.cuppa-dropdown .c-angle-down,.cuppa-dropdown .c-angle-up{margin-top:-2px}.selected-list .c-list{width:auto!important;padding-right:35px!important;margin-top:-2px!important}.selected-list .c-list .c-token{padding:3px 22px 3px 8px!important}.ms-placeholder .cuppa-dropdown .selected-list>div>span{color:#aaa}"]
@@ -3001,7 +2828,8 @@ FormMultiSelectComponent.ctorParameters = () => [
     { type: Array, decorators: [{ type: Optional }, { type: Inject, args: [NG_VALIDATORS,] }] },
     { type: AccessControlService, decorators: [{ type: Optional }] },
     { type: ComponentContext, decorators: [{ type: Optional }] },
-    { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ACO_CUSTOMKEY,] }] }
+    { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ACO_CUSTOMKEY,] }] },
+    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [FAV_DEBUG_MODE,] }] }
 ];
 FormMultiSelectComponent.propDecorators = {
     SelectLabel: [{ type: Input }],
@@ -3009,27 +2837,24 @@ FormMultiSelectComponent.propDecorators = {
 };
 
 // Angular
-/**
- * Componente che presenta una casella di testo tipicamente utilizzata per scrivere delle note o del log breve
- */
+/** Componente che presenta una casella di testo tipicamente utilizzata per scrivere delle note o del log breve */
 class FormTextareaComponent extends BaseFormControl {
-    /**
-     * Costruttore
-     *
-     * @ignore
-     */
-    constructor(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) {
-        super(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY);
+    /** @ignore Costruttore  */
+    constructor(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) {
+        super(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE);
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
+    writeValue(obj) {
+        this.EvaluatedModel = (obj === null || obj === void 0 ? void 0 : obj.toString()) || "";
+        super.writeValue(obj);
+    }
+    /** @ignore */
     onNotNullValueSet() { }
 }
 FormTextareaComponent.decorators = [
     { type: Component, args: [{
                 selector: "form-textarea",
-                template: "<ng-container *ngIf=\"!FormLayout\">\r\n    <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout && BoundSource\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n    <label class=\"col-md-{{LabelColWidth}} m-t-5\">{{Label}}{{Required ? '*' : ''}}:</label>\r\n    <div class=\"col-md-{{InputColWidth}}\">\r\n        <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<ng-template #controlTemplate>\r\n    <val-textarea \r\n        [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\"\r\n        [noValidate]=\"!Validation\" \r\n        [submitted]=\"Form?.submitted\" \r\n        [forceInvalid]=\"ForcedError\"\r\n        [id]=\"GeneratedName\" \r\n        [rows]=\"Rows\" \r\n        [readonly]=\"Readonly\"\r\n        [class]=\"Readonly ? 'app-bg-lightgrey app-no-resize' : 'app-no-resize'\" \r\n        [(ngModel)]=\"Model\"\r\n        name=\"{{GeneratedName}}\" \r\n        autocomplete=\"off\" \r\n        [placeholder]=\"Placeholder\"\r\n        [validationFailed]=\"FailedValidationMessage\" \r\n        #validationControl=\"ngModel\" \r\n        (inputChange)=\"changed();\"\r\n        (inputFocus)=\"focused($event);\"\r\n        (inputFinalized)=\"finalized()\"\r\n        >\r\n    </val-textarea>\r\n</ng-template>",
+                template: "<ng-container *ngIf=\"!FormLayout\">\r\n    <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n    <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n    <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout && BoundSource\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n    <label class=\"col-md-{{LabelColWidth}}\" [class.app-bold]=\"DisplayMode\" [class.m-t-5]=\"!DisplayMode\">{{Label}}{{Required && !DisplayMode ? '*' : ''}}:</label>\r\n    <div class=\"col-md-{{InputColWidth}}\">\r\n        <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n        <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n        <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<ng-template #controlTemplate>\r\n    <val-textarea \r\n        [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\"\r\n        [noValidate]=\"!Validation\" \r\n        [submitted]=\"Form?.submitted\" \r\n        [forceInvalid]=\"ForcedError\"\r\n        [id]=\"GeneratedName\" \r\n        [rows]=\"Rows\" \r\n        [readonly]=\"Readonly\"\r\n        [class]=\"Readonly ? 'app-bg-lightgrey app-no-resize' : 'app-no-resize'\" \r\n        [(ngModel)]=\"Model\"\r\n        name=\"{{GeneratedName}}\" \r\n        autocomplete=\"off\" \r\n        [placeholder]=\"Placeholder\"\r\n        [validationFailed]=\"FailedValidationMessage\" \r\n        #validationControl=\"ngModel\" \r\n        (inputChange)=\"changed();\"\r\n        (inputFocus)=\"focused($event);\"\r\n        (inputFinalized)=\"finalized()\"\r\n        >\r\n    </val-textarea>\r\n</ng-template>",
                 changeDetection: ChangeDetectionStrategy.OnPush
             },] }
 ];
@@ -3039,7 +2864,8 @@ FormTextareaComponent.ctorParameters = () => [
     { type: Array, decorators: [{ type: Optional }, { type: Inject, args: [NG_VALIDATORS,] }] },
     { type: AccessControlService, decorators: [{ type: Optional }] },
     { type: ComponentContext, decorators: [{ type: Optional }] },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [ACO_CUSTOMKEY,] }] }
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [ACO_CUSTOMKEY,] }] },
+    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [FAV_DEBUG_MODE,] }] }
 ];
 FormTextareaComponent.propDecorators = {
     Rows: [{ type: Input }]
@@ -3064,55 +2890,35 @@ FormAutocompleteComponentLoc.ctorParameters = () => [
 ];
 
 // Angular
-/**
- * Componente di input che si auto-completa in base al valore attuale
- */
+/** Componente di input che si auto-completa in base al valore attuale */
 class FormAutocompleteComponent extends BaseFormControl {
-    /**
-     * Costruttore
-     *
-     * @ignore
-     */
-    constructor(cdr, lc, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) {
-        super(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY);
+    /** @ignore Costruttore  */
+    constructor(cdr, lc, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) {
+        super(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE);
         this.lc = lc;
-        /**
-         * Permette di specificare il testo della Label flottante material-style
-         */
+        /** Permette di specificare il testo della Label flottante material-style */
         this.SelectLabel = "";
-        /**
-         * Funzione di ricerca che verrà chiamata dal componente
-         */
+        /** Funzione di ricerca che verrà chiamata dal componente */
         this.SearchFunction = null;
-        /**
-         * Numero minimo di caratteri con cui cercare
-         */
+        /** Numero minimo di caratteri con cui cercare */
         this.MinChars = 3;
-        /**
-         * Override del placeholder per select requried
-         */
+        /** Override del placeholder per select requried */
         this.RequiredPlaceholder = null;
-        /**
-         * Indica se i controlli devono essere effettuati tenendo conto del Case o meno. Vale solo qualora la **Source** fosse fornita
-         */
+        /** Indica se i controlli devono essere effettuati tenendo conto del Case o meno. Vale solo qualora la **Source** fosse fornita */
         this.CaseSensitive = false;
         /**
          * Indica se ignorare il prossimo evento writeValue che normalmente dovrebbe richiedere la nuova source. Serve per quando l'utente seleziona un elemento:
          * Subito dopo partirebbe un altro evento modelChange che ricaricherebbe nuovamente la source
          */
         this.ignoreNextWriteValue = false;
-        /**
-         * Sorgente Bindata Filtrata in base al contenuto della casella di testo
-         */
+        /** Sorgente Bindata Filtrata in base al contenuto della casella di testo */
         this.FilteredBoundSource = [];
         //******************** Funzione di throttling per non spammare richieste in caso di animazioni attivate
         //TODO: spostarla in un metodo di utilità (esfaenza/extensions)
         /** @ignore */
         this.executionTimers = {};
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
     writeValue(value) {
         if (!value)
             return;
@@ -3135,6 +2941,7 @@ class FormAutocompleteComponent extends BaseFormControl {
         var val = this.Source.find(t => t.id == value);
         this.propagateChange(val ? val.id : value);
         this.Model = val ? val.description : value;
+        this.EvaluatedModel = this.Model;
     }
     /**
      * Evento di filtro della sorgente dati in base all'input utente
@@ -3177,9 +2984,7 @@ class FormAutocompleteComponent extends BaseFormControl {
             }, 100);
         }
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
     ngOnChanges(changes) {
         var _a;
         let newSource = changes["Source"];
@@ -3193,18 +2998,12 @@ class FormAutocompleteComponent extends BaseFormControl {
             this.cdr.markForCheck();
         }
     }
-    /**
-     * @ignore
-     *
-     * Override che marca anche il prossimo evento di filterSource da ignorare
-     */
+    /** @ignore Override che marca anche il prossimo evento di filterSource da ignorare */
     changed(forcedValue = null, markForCheck = false) {
         this.ignoreNextWriteValue = true;
         super.changed(forcedValue, markForCheck);
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
     onNotNullValueSet() { }
     /** @ignore */
     throttla(id, func, throttleTime) {
@@ -3218,7 +3017,7 @@ class FormAutocompleteComponent extends BaseFormControl {
 FormAutocompleteComponent.decorators = [
     { type: Component, args: [{
                 selector: "form-autocomplete",
-                template: "<ng-container *ngIf=\"!FormLayout\">\r\n    <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n    <label class=\"col-md-{{LabelColWidth}} m-t-5\">{{Label}}{{Required ? '*' : ''}}:</label>\r\n    <div class=\"col-md-{{InputColWidth}}\">\r\n        <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<ng-template #controlTemplate>\r\n    <val-autocomplete [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [noValidate]=\"!Validation\"\r\n               [submitted]=\"Form?.submitted\"\r\n               [forceInvalid]=\"ForcedError\"\r\n               [readonly]=\"Readonly\"\r\n               [label]=\"SelectLabel\"\r\n               type=\"text\"\r\n               [(ngModel)]=\"Model\"\r\n               [id]=\"GeneratedName\"\r\n               name=\"{{GeneratedName}}\"\r\n               #validationControl=\"ngModel\"\r\n               (inputChange)=\"filterSource($event);\"\r\n               (inputFocus)=\"focused($event);\"\r\n               (inputFinalized)=\"finalized()\"\r\n               (optionChange)=\"changed($event);\"\r\n               [placeholder]=\"Required ? ((RequiredPlaceholder != null ? RequiredPlaceholder : ('Select' | localize : lc) + '...')) : Placeholder\"\r\n               [validationFailed]=\"FailedValidationMessage\"\r\n               [FilteredSource]=\"FilteredBoundSource\"\r\n               >\r\n    </val-autocomplete>\r\n</ng-template>",
+                template: "<ng-container *ngIf=\"!FormLayout\">\r\n    <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n    <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n    <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n    <label class=\"col-md-{{LabelColWidth}}\" [class.app-bold]=\"DisplayMode\" [class.m-t-5]=\"!DisplayMode\">{{Label}}{{Required && !DisplayMode ? '*' : ''}}:</label>\r\n    <div class=\"col-md-{{InputColWidth}}\">\r\n        <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n        <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n        <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<ng-template #controlTemplate>\r\n    <val-autocomplete [FocusSubject]=\"FocusSubject\" [FieldAppearence]=\"FieldAppearence\" [noValidate]=\"!Validation\"\r\n               [submitted]=\"Form?.submitted\"\r\n               [forceInvalid]=\"ForcedError\"\r\n               [readonly]=\"Readonly\"\r\n               [label]=\"SelectLabel\"\r\n               type=\"text\"\r\n               [(ngModel)]=\"Model\"\r\n               [id]=\"GeneratedName\"\r\n               name=\"{{GeneratedName}}\"\r\n               #validationControl=\"ngModel\"\r\n               (inputChange)=\"filterSource($event);\"\r\n               (inputFocus)=\"focused($event);\"\r\n               (inputFinalized)=\"finalized()\"\r\n               (optionChange)=\"changed($event);\"\r\n               [placeholder]=\"Required ? ((RequiredPlaceholder != null ? RequiredPlaceholder : ('Select' | localize : lc) + '...')) : Placeholder\"\r\n               [validationFailed]=\"FailedValidationMessage\"\r\n               [FilteredSource]=\"FilteredBoundSource\"\r\n               >\r\n    </val-autocomplete>\r\n</ng-template>",
                 providers: [{ provide: LocalizationService, useClass: FormAutocompleteComponentLoc }],
                 changeDetection: ChangeDetectionStrategy.OnPush
             },] }
@@ -3230,7 +3029,8 @@ FormAutocompleteComponent.ctorParameters = () => [
     { type: Array, decorators: [{ type: Optional }, { type: Inject, args: [NG_VALIDATORS,] }] },
     { type: AccessControlService, decorators: [{ type: Optional }] },
     { type: ComponentContext, decorators: [{ type: Optional }] },
-    { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ACO_CUSTOMKEY,] }] }
+    { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ACO_CUSTOMKEY,] }] },
+    { type: Boolean, decorators: [{ type: Optional }, { type: Inject, args: [FAV_DEBUG_MODE,] }] }
 ];
 FormAutocompleteComponent.propDecorators = {
     SelectLabel: [{ type: Input }],
@@ -3241,35 +3041,21 @@ FormAutocompleteComponent.propDecorators = {
 };
 
 // Angular
-/**
- * Componente che identifica la selezione di un orario
- */
+/** Componente che identifica la selezione di un orario */
 class FormTimeComponent extends BaseFormControl {
-    /**
-     * @ignore
-     */
+    /** @ignore */
     constructor(cdr, dateAdapter, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) {
         super(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, true);
         this.dateAdapter = dateAdapter;
-        /**
-         * Mostra o meno gli spinner dove cliccare per aumentare/diminuire le componenti dell'orologio (ore, minuti e secondi)
-         */
+        /** Mostra o meno gli spinner dove cliccare per aumentare/diminuire le componenti dell'orologio (ore, minuti e secondi) */
         this.ShowSpinners = false;
-        /**
-         * Imposta lo step (minimo avanzamento) per la cella "ore"
-         */
+        /** Imposta lo step (minimo avanzamento) per la cella "ore" */
         this.StepHour = 1;
-        /**
-         * Imposta lo step (minimo avanzamento) per la cella "minuti"
-         */
+        /** Imposta lo step (minimo avanzamento) per la cella "minuti" */
         this.StepMinute = 1;
-        /**
-         * Imposta lo step (minimo avanzamento) per la cella "secondi"
-         */
+        /** Imposta lo step (minimo avanzamento) per la cella "secondi" */
         this.StepSecond = 5;
-        /**
-         * Indica se mostrare i secondi o meno
-         */
+        /** Indica se mostrare i secondi o meno */
         this.ShowSeconds = false;
         /**
          * Indica il formato da utilizzare sia in Input che in Output
@@ -3282,28 +3068,27 @@ class FormTimeComponent extends BaseFormControl {
          */
         this.InOutFormat = 'timestring';
     }
-    /**
-     * @ignore Override per gestire input in ingresso
-     */
+    /** @ignore Override per gestire input in ingresso */
     writeValue(obj) {
-        const [hours, minutes, seconds] = (obj || "0:0:0").split(":");
         //Qualsiasi cosa mi arrivi devo ricondurla a un dayjs
         switch (this.InOutFormat) {
             case 'date':
                 obj = dayjs(obj);
+                this.EvaluatedModel = obj.format('HH:mm:ss');
                 break;
             case 'timestring':
-                obj = dayjs().hour(hours !== null && hours !== void 0 ? hours : 0).minute(minutes !== null && minutes !== void 0 ? minutes : 0).second(seconds !== null && seconds !== void 0 ? seconds : 0);
+                const [hours, minutes, seconds] = (obj || "00:00:00").split(":");
+                obj = dayjs().hour(parseInt(hours !== null && hours !== void 0 ? hours : 0)).minute(parseInt(minutes !== null && minutes !== void 0 ? minutes : 0)).second(parseInt(seconds !== null && seconds !== void 0 ? seconds : 0));
+                this.EvaluatedModel = `${hours || '00'}:${minutes || '00'}:${seconds || '00'}`;
                 break;
             case 'dayjs':
                 obj = obj;
+                this.EvaluatedModel = obj.format('HH:mm:ss');
                 break;
         }
         super.writeValue(obj);
     }
-    /**
-     * @ignore Override per gestire input in uscita
-     */
+    /** @ignore Override per gestire input in uscita */
     changed() {
         var toEmit = this.dateAdapter.clone(this.Model);
         switch (this.InOutFormat) {
@@ -3319,15 +3104,13 @@ class FormTimeComponent extends BaseFormControl {
         }
         super.changed(toEmit);
     }
-    /**
-     * @ignore
-     */
+    /** @ignore */
     onNotNullValueSet() { }
 }
 FormTimeComponent.decorators = [
     { type: Component, args: [{
                 selector: "form-time",
-                template: "<ng-container *ngIf=\"!FormLayout\">\r\n    <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n    <label class=\"col-md-{{LabelColWidth}} m-t-5\">{{Label}}{{Required ? '*' : ''}}:</label>\r\n    <div class=\"col-md-{{InputColWidth}} m-t-5\">\r\n        <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<ng-template #controlTemplate>\r\n\r\n    <ngx-mat-timepicker name=\"val-time\" #elementRef #baseInput=\"ngModel\" [(ngModel)]=\"Model\" [disabled]=\"Readonly\"\r\n        [showSpinners]=\"ShowSpinners\" [stepHour]=\"StepHour\" [stepMinute]=\"StepMinute\" [stepSecond]=\"StepSecond\"\r\n        [showSeconds]=\"ShowSeconds\" (ngModelChange)=\"changed()\" #validationControl=\"ngModel\">\r\n    </ngx-mat-timepicker>\r\n\r\n</ng-template>",
+                template: "<ng-container *ngIf=\"!FormLayout\">\r\n    <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n    <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n    <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n    <label class=\"col-md-{{LabelColWidth}}\" [class.app-bold]=\"DisplayMode\" [class.m-t-5]=\"!DisplayMode\">{{Label}}{{Required && !DisplayMode ? '*' : ''}}:</label>\r\n    <div class=\"col-md-{{InputColWidth}} m-t-5\">\r\n        <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">{{ EvaluatedModel }}</ng-container>\r\n        <ng-container *ngIf=\"DisplayMode && DisplayModeTemplate\"><ng-container *ngTemplateOutlet=\"DisplayModeTemplate, context: { $implicit: EvaluatedModel }\"></ng-container></ng-container>\r\n        <div [hidden]=\"DisplayMode\"><ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container></div>\r\n    </div>\r\n    <div class=\"clearfix\"></div>\r\n</div>\r\n\r\n<ng-template #controlTemplate>\r\n\r\n    <ngx-mat-timepicker name=\"val-time\" #elementRef #baseInput=\"ngModel\" [(ngModel)]=\"Model\" [disabled]=\"Readonly\"\r\n        [showSpinners]=\"ShowSpinners\" [stepHour]=\"StepHour\" [stepMinute]=\"StepMinute\" [stepSecond]=\"StepSecond\"\r\n        [showSeconds]=\"ShowSeconds\" (ngModelChange)=\"changed()\" #validationControl=\"ngModel\">\r\n    </ngx-mat-timepicker>\r\n\r\n</ng-template>",
                 changeDetection: ChangeDetectionStrategy.OnPush
             },] }
 ];
@@ -3420,6 +3203,7 @@ class FormsAndValidationsModule {
             ngModule: FormsAndValidationsModule,
             providers: [
                 { provide: FAV_LOCALE, useValue: (config === null || config === void 0 ? void 0 : config.locale) || 'it-IT' },
+                { provide: FAV_DEBUG_MODE, useValue: (config === null || config === void 0 ? void 0 : config.debugMode) != null ? config === null || config === void 0 ? void 0 : config.debugMode : false },
                 { provide: ACO_CUSTOMKEY, useValue: (config === null || config === void 0 ? void 0 : config.acocustom) || null },
                 { provide: NGX_MAT_DATE_FORMATS, useValue: formats_long },
                 { provide: NgxMatDateAdapter, useClass: NgxExpandedDayJsDateAdapter },
@@ -3443,5 +3227,5 @@ FormsAndValidationsModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { AppFile, FormAdaptiveComponent, FormAutocompleteComponent, FormCheckboxComponent, FormDateComponent, FormDateTimeComponent, FormEmptyComponent, FormErrorComponent, FormFileComponent, FormInfoComponent, FormInputComponent, FormSelectComponent, FormTemplateComponent, FormTextareaComponent, FormTimeComponent, FormsAndValidationsModule, FormsAndValidationsModuleConfig, NgxExpandedDayJsDateAdapter, ValidationAutocompleteComponent, ValidationCurrencyComponent, ValidationDateComponent, ValidationDateTimeComponent, ValidationInputComponent, ValidationSelectComponent, ValidationTextAreaComponent, BaseValidation as ɵa, BaseValidationLoc as ɵb, FAV_LOCALE as ɵc, ACO_CUSTOMKEY as ɵd, CustomRequiredDirective as ɵe, BaseFormControl as ɵf, FormSelectComponentLoc as ɵg, FormAdaptiveComponentLoc as ɵh, FormMultiSelectComponent as ɵi, FormMultiSelectComponentLoc as ɵj, FormFileComponentLoc as ɵk, FormAutocompleteComponentLoc as ɵl };
+export { AppFile, FormAdaptiveComponent, FormAutocompleteComponent, FormCheckboxComponent, FormDateComponent, FormDateTimeComponent, FormEmptyComponent, FormErrorComponent, FormFileComponent, FormInfoComponent, FormInputComponent, FormSelectComponent, FormTemplateComponent, FormTextareaComponent, FormTimeComponent, FormsAndValidationsModule, FormsAndValidationsModuleConfig, NgxExpandedDayJsDateAdapter, ValidationAutocompleteComponent, ValidationCurrencyComponent, ValidationDateComponent, ValidationDateTimeComponent, ValidationInputComponent, ValidationSelectComponent, ValidationTextAreaComponent, BaseValidation as ɵa, BaseValidationLoc as ɵb, FAV_LOCALE as ɵc, ACO_CUSTOMKEY as ɵd, FAV_DEBUG_MODE as ɵe, CustomRequiredDirective as ɵf, BaseFormControl as ɵg, FormSelectComponentLoc as ɵh, FormAdaptiveComponentLoc as ɵi, FormMultiSelectComponent as ɵj, FormMultiSelectComponentLoc as ɵk, FormFileComponentLoc as ɵl, FormAutocompleteComponentLoc as ɵm };
 //# sourceMappingURL=esfaenza-forms-and-validations.js.map