@esfaenza/forms-and-validations 11.2.65 → 11.2.68

package/bundles/esfaenza-forms-and-validations.umd.js

@@ -418,14 +418,12 @@
         { type: String, decorators: [{ type: core.Inject, args: [core$1.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" */
     var FAV_LOCALE = new core.InjectionToken('FAV_LOCALE');
-    /**
-     * Chiave che indica il prefisso dei Contesti Applicativi per permettere l'abilitazione/disabilitazione di input in maniera contestuale
-     */
-    var ACO_CUSTOMKEY = new core.InjectionToken('ACO_CUSTOMKEY');
+    /** Chiave che indica il prefisso dei Contesti Applicativi per permettere l'abilitazione/disabilitazione di input in maniera contestuale */
+    var ACO_CUSTOMKEY = new core.InjectionToken('ACO_CUSTOMKEY');
+    /** Token che indica la lingua da utilizzare, sono supportate "it-IT" ed "en-US" */
+    var FAV_DEBUG_MODE = new core.InjectionToken('FAV_DEBUG_MODE');
 
     // Angular
     /**
@@ -1734,16 +1732,10 @@
     };
 
     // Angular
-    /**
-     * Componente base da cui tutti i componenti Form implementano
-     */
+    /** Componente base da cui tutti i componenti Form implementano */
     var BaseFormControl = /** @class */ (function () {
-        /**
-         * Costruttore
-         *
-         * @ignore
-         */
-        function BaseFormControl(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, nativeInput) {
+        /** @ignore Costruttore  */
+        function BaseFormControl(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE, nativeInput) {
             if (nativeInput === void 0) { nativeInput = false; }
             this.cdr = cdr;
             this.ngControl = ngControl;
@@ -1751,6 +1743,7 @@
             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
@@ -1759,13 +1752,9 @@
              * 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.
@@ -1773,17 +1762,11 @@
              * In quel caso la variabile **Form** del componente dev'essere valorizzata
              */
             this.detatchedFromform = false;
-            /**
-             * @ignore
-             */
+            /** @ignore */
             this.propagateChange = function (_) { };
-            /**
-             * @ignore
-             */
+            /** @ignore */
             this.onTouched = function () { };
-            /**
-             * @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.
@@ -1791,61 +1774,35 @@
              * 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**
@@ -1854,33 +1811,19 @@
              * È 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 core.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 core.EventEmitter();
-            /**
-             * Evento chiamato al finalize del campo di testo/combo/quelcheè
-             */
+            /** Evento chiamato al finalize del campo di testo/combo/quelcheè */
             this.inputFinalized = new core.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())
@@ -1978,6 +1921,7 @@
          */
         BaseFormControl.prototype.tryBindSourceDisplay = function () {
             var _this = this;
+            var _a;
             if (!this.Source)
                 return;
             if (this.Source.length == 0 && !this.SourceFirstBind)
@@ -1995,11 +1939,12 @@
                     // 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(function (t) { return t.id == _this.Model; })) === null || _a === void 0 ? void 0 : _a.description;
             }
         };
-        /**
-         * Valuta il contenuto della variabile BindCheckingGroups
-         */
+        /** Valuta il contenuto della variabile BindCheckingGroups */
         BaseFormControl.prototype.evaluateBindCheckingGroups = function () {
             var _this = this;
             // Blocco per tirare fuori le condizioni scritte tipo --> :prop?(Roba con {prop})
@@ -2013,9 +1958,7 @@
                 });
             }
         };
-        /**
-         * Valuta il contenuto della variabile BindProperties
-         */
+        /** Valuta il contenuto della variabile BindProperties */
         BaseFormControl.prototype.evaluateBindProperties = function () {
             var _this = this;
             // Blocco per tirare fuori le proprietà scritte tipo --> {prop}
@@ -2054,9 +1997,7 @@
         BaseFormControl.prototype.handleNullNgControl = function () {
             return false;
         };
-        /**
-         * @ignore
-         */
+        /** @ignore */
         BaseFormControl.prototype.ngOnInit = function () {
             var _this = this;
             // A volte nell'ngOnInit non ci passa quindi lo metto sia qui sia nell'afterviewinit, penso che valga per i componenti di terze parti
@@ -2092,26 +2033,20 @@
             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 */
         BaseFormControl.prototype.checkRequiredValidator = function () {
             // 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(function (elem) { return elem instanceof forms.RequiredValidator && elem.required; }))
                 this.Required = true;
         };
-        /**
-         * @ignore
-         */
+        /** @ignore */
         BaseFormControl.prototype.ngAfterViewInit = function () {
             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 */
         BaseFormControl.prototype.bindResetFunction = function () {
             //faccio in modo che se chiamo il reset del controllo (o della form) dall'esterno si resetti anche il controllo nativo
             var origFunc = this.ngControl.control.__original_reset__ || this.ngControl.control.reset;
@@ -2124,9 +2059,7 @@
             //Per consentire richiami multipli di questa funzione prendendo sempre la fiunzione di reset base
             this.ngControl.control.__original_reset__ = origFunc;
         };
-        /**
-         * @ignore
-         */
+        /** @ignore */
         BaseFormControl.prototype.writeValue = function (obj) {
             if (obj == null && this.firstBind) {
                 this.firstBind = false;
@@ -2142,15 +2075,11 @@
             // 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 */
         BaseFormControl.prototype.registerOnChange = function (fn) {
             this.propagateChange = fn;
         };
-        /**
-         * @ignore
-         */
+        /** @ignore */
         BaseFormControl.prototype.registerOnTouched = function (fn) {
             this.onTouched = fn;
         };
@@ -2210,7 +2139,7 @@
          */
         BaseFormControl.prototype.focused = function (event) {
             this.inputFocus.emit(event);
-            console.log("Control Focused: " + this.GeneratedName);
+            this.log("Control Focused - " + this.GeneratedName);
         };
         /**
          * @ignore
@@ -2220,7 +2149,16 @@
          */
         BaseFormControl.prototype.finalized = function () {
             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
+         */
+        BaseFormControl.prototype.log = function (message) {
+            if (this.FAV_DEBUG_MODE)
+                console.log("@forms-and-validations: " + message);
         };
         return BaseFormControl;
     }());
@@ -2234,12 +2172,14 @@
         { type: accessControl.AccessControlService, decorators: [{ type: core.Optional }] },
         { type: accessControl.ComponentContext, decorators: [{ type: core.Optional }] },
         { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [ACO_CUSTOMKEY,] }] },
+        { type: Boolean, decorators: [{ type: core.Optional }, { type: core.Inject, args: [FAV_DEBUG_MODE,] }] },
         { type: Boolean }
     ]; };
     BaseFormControl.propDecorators = {
         FocusSubject: [{ type: core.Input }],
         FieldAppearence: [{ type: core.Input }],
         FormLayout: [{ type: core.Input }],
+        DisplayMode: [{ type: core.Input }],
         EmitPendingChanges: [{ type: core.Input }],
         Validation: [{ type: core.Input }],
         Placeholder: [{ type: core.Input }],
@@ -2253,6 +2193,7 @@
         Form: [{ type: core.Input }],
         Source: [{ type: core.Input }],
         IdField: [{ type: core.Input }],
+        DisplayModeTemplate: [{ type: core.Input }],
         Display: [{ type: core.Input }],
         Readonly: [{ type: core.Input }],
         LabelInputRatio: [{ type: core.Input }],
@@ -2286,37 +2227,26 @@
         { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [FAV_LOCALE,] }] }
     ]; };
 
-    /**
-     * 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 */
     var FormFileComponent = /** @class */ (function (_super) {
         __extends(FormFileComponent, _super);
-        /**
-         * Costruttore
-         *
-         * @ignore
-         */
-        function FormFileComponent(cdr, utiExts, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, lc) {
-            var _this = _super.call(this, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) || this;
+        /** @ignore Costruttore  */
+        function FormFileComponent(cdr, utiExts, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, lc, FAV_DEBUG_MODE) {
+            var _this = _super.call(this, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) || this;
             _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();
             return _this;
         }
-        /**
-         * @ignore
-         */
+        /** @ignore */
         FormFileComponent.prototype.writeValue = function (obj) {
             var model = obj == null ? new AppFile() : obj;
+            this.EvaluatedModel = model.filename;
             _super.prototype.writeValue.call(this, model);
             if (obj == null)
                 this.changed();
@@ -2347,16 +2277,12 @@
             }
             this.changed(null, true);
         };
-        /**
-         * Permette di scaricare l'eventuale file selezionato
-         */
+        /** Permette di scaricare l'eventuale file selezionato */
         FormFileComponent.prototype.downloadAttachment = function () {
             var model = this.Model;
             this.utiExts.saveFile(model.fileb64, model.filename);
         };
-        /**
-         * @ignore
-         */
+        /** @ignore */
         FormFileComponent.prototype.onNotNullValueSet = function () { };
         return FormFileComponent;
     }(BaseFormControl));
@@ -2364,7 +2290,7 @@
         { type: core.Component, args: [{
                     selector: "form-file",
                     providers: [{ provide: localizations.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: core.ChangeDetectionStrategy.OnPush,
                     styles: [".frm-padding-left-22{padding-left:22px}"]
                 },] }
@@ -2377,7 +2303,8 @@
         { type: accessControl.AccessControlService, decorators: [{ type: core.Optional }] },
         { type: accessControl.ComponentContext, decorators: [{ type: core.Optional }] },
         { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [ACO_CUSTOMKEY,] }] },
-        { type: localizations.LocalizationService }
+        { type: localizations.LocalizationService },
+        { type: Boolean, decorators: [{ type: core.Optional }, { type: core.Inject, args: [FAV_DEBUG_MODE,] }] }
     ]; };
     FormFileComponent.propDecorators = {
         Multiple: [{ type: core.Input }],
@@ -2390,39 +2317,39 @@
      */
     var FormDateTimeComponent = /** @class */ (function (_super) {
         __extends(FormDateTimeComponent, _super);
-        /**
-         * Costruttore
-         *
-         * @ignore
-         */
-        function FormDateTimeComponent(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) {
-            var _this = _super.call(this, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) || this;
-            /**
-             * Utilizza il Date di Javascript come modello in uscita. Il modello in entrata verrà comunque ricondotto a un DayJs
-             */
+        /** @ignore Costruttore  */
+        function FormDateTimeComponent(datesExts, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) {
+            var _this = _super.call(this, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) || this;
+            _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;
             return _this;
         }
-        /**
-         * @ignore
-         */
+        /** @ignore */
+        FormDateTimeComponent.prototype.writeValue = function (obj) {
+            this.EvaluatedModel = this.datesExts.getFormatted(obj, false, true);
+            _super.prototype.writeValue.call(this, obj);
+        };
+        /** @ignore */
         FormDateTimeComponent.prototype.onNotNullValueSet = function () { };
         return FormDateTimeComponent;
     }(BaseFormControl));
     FormDateTimeComponent.decorators = [
         { type: core.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: core.ChangeDetectionStrategy.OnPush
                 },] }
     ];
     FormDateTimeComponent.ctorParameters = function () { return [
+        { type: extensions.DateService },
         { type: core.ChangeDetectorRef },
         { type: forms.NgControl, decorators: [{ type: core.Optional }, { type: core.Self }] },
         { type: Array, decorators: [{ type: core.Optional }, { type: core.Inject, args: [forms.NG_VALIDATORS,] }] },
         { type: accessControl.AccessControlService, decorators: [{ type: core.Optional }] },
         { type: accessControl.ComponentContext, decorators: [{ type: core.Optional }] },
-        { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [ACO_CUSTOMKEY,] }] }
+        { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [ACO_CUSTOMKEY,] }] },
+        { type: Boolean, decorators: [{ type: core.Optional }, { type: core.Inject, args: [FAV_DEBUG_MODE,] }] }
     ]; };
     FormDateTimeComponent.propDecorators = {
         JsDates: [{ type: core.Input }]
@@ -2451,58 +2378,36 @@
         { type: String, decorators: [{ type: core.Optional }, { type: core.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 */
     var FormAdaptiveComponent = /** @class */ (function (_super) {
         __extends(FormAdaptiveComponent, _super);
-        /**
-         * Costruttore
-         *
-         * @ignore
-         */
-        function FormAdaptiveComponent(cdr, utiExts, datesExts, dateAdapter, lc, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) {
-            var _this = _super.call(this, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) || this;
+        /** @ignore Costruttore  */
+        function FormAdaptiveComponent(cdr, utiExts, datesExts, dateAdapter, lc, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) {
+            var _this = _super.call(this, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) || this;
             _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)
@@ -2511,9 +2416,7 @@
             _this.ModelFile = new AppFile();
             return _this;
         }
-        /**
-         * @ignore
-         */
+        /** @ignore */
         FormAdaptiveComponent.prototype.ngOnChanges = function (changes) {
             var _a;
             return __awaiter(this, void 0, void 0, function () {
@@ -2536,29 +2439,42 @@
                 });
             });
         };
-        /**
-         * @ignore
-         */
+        /** @ignore */
         FormAdaptiveComponent.prototype.writeValue = function (obj) {
             var _this = this;
+            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") {
-                var _b = __read((obj || "0:0:0").split(":"), 3), hours = _b[0], minutes = _b[1], seconds = _b[2];
-                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);
+                var _b = __read((obj || "00:00:00").split(":"), 3), hours = _b[0], minutes = _b[1], seconds = _b[2];
+                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(function (t) {
@@ -2571,6 +2487,8 @@
                 else
                     this.finalizeValue(obj);
             }
+            if (this.BoundSource && this.BoundSource.length > 0)
+                this.EvaluatedModel = (_a = this.BoundSource.find(function (t) { return t.id == obj; })) === null || _a === void 0 ? void 0 : _a.description;
             _super.prototype.writeValue.call(this, obj);
             if (this.alignValues) {
                 this.changed();
@@ -2586,6 +2504,7 @@
             var val = this.Source.find(function (t) { return 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
@@ -2629,9 +2548,7 @@
                 }, 100);
             }
         };
-        /**
-         * Metodo richiamato quando viene modificato il modello del campo di input
-         */
+        /** Metodo richiamato quando viene modificato il modello del campo di input */
         FormAdaptiveComponent.prototype.changed = function () {
             var toEmit = this.getModelToEmit();
             if (this.Type == "autocomplete")
@@ -2639,18 +2556,15 @@
             if (this.EmitPendingChanges)
                 _super.prototype.changed.call(this, toEmit);
         };
+        /** @ignore */
         FormAdaptiveComponent.prototype.finalized = function () {
             _super.prototype.finalized.call(this);
         };
-        /**
-         * Metodo richiamato quando viene selezionato il campo col mouse
-         */
+        /** Metodo richiamato quando viene selezionato il campo col mouse */
         FormAdaptiveComponent.prototype.focused = function (event) {
             _super.prototype.focused.call(this, event);
         };
-        /**
-         * Effettua gli aggiustamenti dati del caso ed emette il modello corretto
-         */
+        /** Effettua gli aggiustamenti dati del caso ed emette il modello corretto */
         FormAdaptiveComponent.prototype.getModelToEmit = function () {
             var toEmit = this.Model ?
                 (this.Type == "time" || this.useJsDates ?
@@ -2693,16 +2607,12 @@
             }
             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 */
         FormAdaptiveComponent.prototype.downloadAttachment = function () {
             var model = this.Model;
             this.utiExts.saveFile(model.fileb64, model.filename);
         };
-        /**
-         * @ignore
-         */
+        /** @ignore */
         FormAdaptiveComponent.prototype.onNotNullValueSet = function () { };
         /** @ignore */
         FormAdaptiveComponent.prototype.throttla = function (id, func, throttleTime) {
@@ -2719,7 +2629,7 @@
         { type: core.Component, args: [{
                     selector: "form-adaptive",
                     providers: [{ provide: localizations.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: core.ChangeDetectionStrategy.OnPush,
                     styles: [".frm-padding-left-22{padding-left:22px}"]
                 },] }
@@ -2734,7 +2644,8 @@
         { type: Array, decorators: [{ type: core.Optional }, { type: core.Inject, args: [forms.NG_VALIDATORS,] }] },
         { type: accessControl.AccessControlService },
         { type: accessControl.ComponentContext, decorators: [{ type: core.Optional }] },
-        { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [ACO_CUSTOMKEY,] }] }
+        { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [ACO_CUSTOMKEY,] }] },
+        { type: Boolean, decorators: [{ type: core.Optional }, { type: core.Inject, args: [FAV_DEBUG_MODE,] }] }
     ]; };
     FormAdaptiveComponent.propDecorators = {
         Type: [{ type: core.Input }],
@@ -2756,17 +2667,11 @@
      */
     var FormEmptyComponent = /** @class */ (function () {
         function FormEmptyComponent() {
-            /**
-             * 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";
         }
         return FormEmptyComponent;
@@ -2790,43 +2695,25 @@
      */
     var FormTemplateComponent = /** @class */ (function () {
         function FormTemplateComponent() {
-            /**
-             * 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 = "";
         }
         Object.defineProperty(FormTemplateComponent.prototype, "LabelInputRatio", {
-            /**
-             * 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: function (input) {
                 var ratio = input.split(/\s/);
                 this.LabelColWidth = parseInt(ratio[0]);
@@ -2863,27 +2750,17 @@
      */
     var FormErrorComponent = /** @class */ (function () {
         function FormErrorComponent() {
-            /**
-             * 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 = "";
         }
         Object.defineProperty(FormErrorComponent.prototype, "LabelInputRatio", {
-            /**
-             * 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: function (input) {
                 var ratio = input.split(/\s/);
                 this.LabelColWidth = parseInt(ratio[0]);
@@ -2916,27 +2793,17 @@
      */
     var FormInfoComponent = /** @class */ (function () {
         function FormInfoComponent() {
-            /**
-            * 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 = "";
         }
         Object.defineProperty(FormInfoComponent.prototype, "LabelInputRatio", {
-            /**
-             * 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: function (input) {
                 var ratio = input.split(/\s/);
                 this.LabelColWidth = parseInt(ratio[0]);
@@ -2962,33 +2829,34 @@
         LabelInputRatio: [{ type: core.Input }]
     };
 
-    /**
-     * Componente rappresentante una checkbox
-     */
+    /** Componente rappresentante una checkbox */
     var FormCheckboxComponent = /** @class */ (function (_super) {
         __extends(FormCheckboxComponent, _super);
-        /**
-         * Costruttore
-         *
-         * @ignore
-         */
-        function FormCheckboxComponent(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) {
-            return _super.call(this, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, true) || this;
+        /** @ignore Costruttore  */
+        function FormCheckboxComponent(lc, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) {
+            var _this = _super.call(this, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, true) || this;
+            _this.lc = lc;
+            return _this;
         }
-        /**
-         * @ignore
-         */
+        /** @ignore */
+        FormCheckboxComponent.prototype.writeValue = function (obj) {
+            obj = obj ? (obj === true || obj.toLowerCase() == "true") : false;
+            this.EvaluatedModel = this.lc.loc(obj ? 'Yes' : 'No');
+            _super.prototype.writeValue.call(this, obj);
+        };
+        /** @ignore */
         FormCheckboxComponent.prototype.onNotNullValueSet = function () { };
         return FormCheckboxComponent;
     }(BaseFormControl));
     FormCheckboxComponent.decorators = [
         { type: core.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: core.ChangeDetectionStrategy.OnPush
                 },] }
     ];
     FormCheckboxComponent.ctorParameters = function () { return [
+        { type: localizations.LocalizationService },
         { type: core.ChangeDetectorRef },
         { type: forms.NgControl, decorators: [{ type: core.Optional }, { type: core.Self }] },
         { type: Array, decorators: [{ type: core.Optional }, { type: core.Host }, { type: core.Inject, args: [forms.NG_VALIDATORS,] }] },
@@ -2997,100 +2865,83 @@
         { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [ACO_CUSTOMKEY,] }] }
     ]; };
 
-    /**
-     * Componente che dà all'utente la possibilità di selezionare una data
-     */
+    /** Componente che dà all'utente la possibilità di selezionare una data */
     var FormDateComponent = /** @class */ (function (_super) {
         __extends(FormDateComponent, _super);
-        /**
-         * Costruttore
-         *
-         * @ignore
-         */
-        function FormDateComponent(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) {
-            var _this = _super.call(this, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) || this;
-            /**
-             * Utilizza il Date di Javascript come modello in uscita. Il modello in entrata verrà comunque ricondotto a un DayJs
-             */
+        /** @ignore Costruttore  */
+        function FormDateComponent(datesExts, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) {
+            var _this = _super.call(this, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) || this;
+            _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;
             return _this;
         }
-        /**
-         * @ignore
-         */
+        /** @ignore */
+        FormDateComponent.prototype.writeValue = function (obj) {
+            this.EvaluatedModel = this.datesExts.getFormatted(obj, true, false);
+            _super.prototype.writeValue.call(this, obj);
+        };
+        /** @ignore */
         FormDateComponent.prototype.onNotNullValueSet = function () { };
         return FormDateComponent;
     }(BaseFormControl));
     FormDateComponent.decorators = [
         { type: core.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: core.ChangeDetectionStrategy.OnPush
                 },] }
     ];
     FormDateComponent.ctorParameters = function () { return [
+        { type: extensions.DateService },
         { type: core.ChangeDetectorRef },
         { type: forms.NgControl, decorators: [{ type: core.Optional }, { type: core.Self }] },
         { type: Array, decorators: [{ type: core.Optional }, { type: core.Inject, args: [forms.NG_VALIDATORS,] }] },
         { type: accessControl.AccessControlService, decorators: [{ type: core.Optional }] },
         { type: accessControl.ComponentContext, decorators: [{ type: core.Optional }] },
-        { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [ACO_CUSTOMKEY,] }] }
+        { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [ACO_CUSTOMKEY,] }] },
+        { type: Boolean, decorators: [{ type: core.Optional }, { type: core.Inject, args: [FAV_DEBUG_MODE,] }] }
     ]; };
     FormDateComponent.propDecorators = {
         JsDates: [{ type: core.Input }]
     };
 
-    /**
-     * Semplice componente di Input testuale, con eventuale prefisso/suffisso
-     */
+    /** Semplice componente di Input testuale, con eventuale prefisso/suffisso */
     var FormInputComponent = /** @class */ (function (_super) {
         __extends(FormInputComponent, _super);
-        /**
-         * Costruttore
-         *
-         * @ignore
-         */
-        function FormInputComponent(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) {
-            var _this = _super.call(this, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) || this;
-            /**
-             * Indica se l'input relativo è di tipo Password
-             */
+        /** @ignore Costruttore  */
+        function FormInputComponent(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) {
+            var _this = _super.call(this, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) || this;
+            /** 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 core.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 core.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;
             return _this;
         }
-        /**
-         * @ignore
-         */
+        /** @ignore */
+        FormInputComponent.prototype.writeValue = function (obj) {
+            this.EvaluatedModel = (obj === null || obj === void 0 ? void 0 : obj.toString()) || "";
+            _super.prototype.writeValue.call(this, obj);
+        };
+        /** @ignore */
         FormInputComponent.prototype.ngAfterContentInit = function () {
             this.HasSuffix = !!this.suffix;
             this.HasPrefix = !!this.prefix;
         };
-        /**
-         * @ignore
-         */
+        /** @ignore */
         FormInputComponent.prototype.onNotNullValueSet = function () { };
         return FormInputComponent;
     }(BaseFormControl));
     FormInputComponent.decorators = [
         { type: core.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: core.ChangeDetectionStrategy.OnPush
                 },] }
     ];
@@ -3100,7 +2951,8 @@
         { type: Array, decorators: [{ type: core.Optional }, { type: core.Inject, args: [forms.NG_VALIDATORS,] }] },
         { type: accessControl.AccessControlService, decorators: [{ type: core.Optional }] },
         { type: accessControl.ComponentContext, decorators: [{ type: core.Optional }] },
-        { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [ACO_CUSTOMKEY,] }] }
+        { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [ACO_CUSTOMKEY,] }] },
+        { type: Boolean, decorators: [{ type: core.Optional }, { type: core.Inject, args: [FAV_DEBUG_MODE,] }] }
     ]; };
     FormInputComponent.propDecorators = {
         Password: [{ type: core.Input }],
@@ -3130,22 +2982,14 @@
         { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [FAV_LOCALE,] }] }
     ]; };
 
-    /**
-     * 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 */
     var FormSelectComponent = /** @class */ (function (_super) {
         __extends(FormSelectComponent, _super);
-        /**
-         * Costruttore
-         *
-         * @ignore
-         */
-        function FormSelectComponent(cdr, lc, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) {
-            var _this = _super.call(this, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) || this;
+        /** @ignore Costruttore  */
+        function FormSelectComponent(cdr, lc, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) {
+            var _this = _super.call(this, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) || this;
             _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"
@@ -3153,9 +2997,7 @@
              * 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"
@@ -3163,15 +3005,11 @@
              * 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;
             return _this;
         }
-        /**
-         * @ignore
-         */
+        /** @ignore */
         FormSelectComponent.prototype.ngOnChanges = function (changes) {
             var _this = this;
             var newSource = changes["Source"];
@@ -3217,6 +3055,7 @@
                 this.cdr.markForCheck();
             }
         };
+        /** @ignore */
         FormSelectComponent.prototype.detatchPreviousAndRetatchNext = function (doStuff) {
             var _this = this;
             if (this.validationControl && this.Form)
@@ -3228,14 +3067,21 @@
                     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 */
+        FormSelectComponent.prototype.writeValue = function (obj) {
+            var _a;
+            if (this.BoundSource && this.BoundSource.length > 0)
+                this.EvaluatedModel = (_a = this.BoundSource.find(function (t) { return t.id == obj; })) === null || _a === void 0 ? void 0 : _a.description;
+            _super.prototype.writeValue.call(this, obj);
+        };
+        /** @ignore */
         FormSelectComponent.prototype.onNotNullValueSet = function () { };
         return FormSelectComponent;
     }(BaseFormControl));
@@ -3243,7 +3089,7 @@
         { type: core.Component, args: [{
                     selector: "form-select",
                     providers: [{ provide: localizations.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: core.ChangeDetectionStrategy.OnPush
                 },] }
     ];
@@ -3254,7 +3100,8 @@
         { type: Array, decorators: [{ type: core.Optional }, { type: core.Inject, args: [forms.NG_VALIDATORS,] }] },
         { type: accessControl.AccessControlService, decorators: [{ type: core.Optional }] },
         { type: accessControl.ComponentContext, decorators: [{ type: core.Optional }] },
-        { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [ACO_CUSTOMKEY,] }] }
+        { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [ACO_CUSTOMKEY,] }] },
+        { type: Boolean, decorators: [{ type: core.Optional }, { type: core.Inject, args: [FAV_DEBUG_MODE,] }] }
     ]; };
     FormSelectComponent.propDecorators = {
         SelectLabel: [{ type: core.Input }],
@@ -3296,13 +3143,9 @@
      */
     var FormMultiSelectComponent = /** @class */ (function (_super) {
         __extends(FormMultiSelectComponent, _super);
-        /**
-         * Costruttore
-         *
-         * @ignore
-         */
-        function FormMultiSelectComponent(cdr, lc, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) {
-            var _this = _super.call(this, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) || this;
+        /** @ignore Costruttore  */
+        function FormMultiSelectComponent(cdr, lc, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) {
+            var _this = _super.call(this, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) || this;
             _this.lc = lc;
             /**
              * Modello temporaneo **NON** compatibile in maniera diretta con il componente **angular2-multiselect** usato internamente
@@ -3310,29 +3153,19 @@
              * 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);
             return _this;
         }
-        /**
-         * @ignore
-         */
+        /** @ignore */
         FormMultiSelectComponent.prototype.ngOnChanges = function (changes) {
             var _a, _b;
             return __awaiter(this, void 0, void 0, function () {
@@ -3368,9 +3201,7 @@
                 tagToBody: false
             };
         };
-        /**
-         * @ignore
-         */
+        /** @ignore */
         FormMultiSelectComponent.prototype.onNotNullValueSet = function () { };
         /**
          * Indica se il comopnente in questione è in grado di gestire ngControl nulli.
@@ -3381,9 +3212,7 @@
         FormMultiSelectComponent.prototype.handleNullNgControl = function () {
             return true;
         };
-        /**
-         * @ignore Override per gestire input in ingresso
-         */
+        /** @ignore Override per gestire input in ingresso */
         FormMultiSelectComponent.prototype.writeValue = function (obj) {
             var _this = this;
             this.TmpModel = obj;
@@ -3399,11 +3228,10 @@
                         _this.RebindModelAfterSource = true;
                 });
             }
+            this.EvaluatedModel = toPass.map(function (t) { return t.description; }).join(', ');
             _super.prototype.writeValue.call(this, toPass);
         };
-        /**
-         * @ignore Override per gestire input in uscita
-         */
+        /** @ignore Override per gestire input in uscita */
         FormMultiSelectComponent.prototype.changed = function () {
             var toEmit = null;
             if (!this.UseKeyValues)
@@ -3419,7 +3247,7 @@
         { type: core.Component, args: [{
                     selector: "form-multiselect",
                     viewProviders: [{ provide: localizations.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: core.ViewEncapsulation.None,
                     changeDetection: core.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}"]
@@ -3432,36 +3260,34 @@
         { type: Array, decorators: [{ type: core.Optional }, { type: core.Inject, args: [forms.NG_VALIDATORS,] }] },
         { type: accessControl.AccessControlService, decorators: [{ type: core.Optional }] },
         { type: accessControl.ComponentContext, decorators: [{ type: core.Optional }] },
-        { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [ACO_CUSTOMKEY,] }] }
+        { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [ACO_CUSTOMKEY,] }] },
+        { type: Boolean, decorators: [{ type: core.Optional }, { type: core.Inject, args: [FAV_DEBUG_MODE,] }] }
     ]; };
     FormMultiSelectComponent.propDecorators = {
         SelectLabel: [{ type: core.Input }],
         UseKeyValues: [{ type: core.Input }]
     };
 
-    /**
-     * 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 */
     var FormTextareaComponent = /** @class */ (function (_super) {
         __extends(FormTextareaComponent, _super);
-        /**
-         * Costruttore
-         *
-         * @ignore
-         */
-        function FormTextareaComponent(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) {
-            return _super.call(this, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) || this;
+        /** @ignore Costruttore  */
+        function FormTextareaComponent(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) {
+            return _super.call(this, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) || this;
         }
-        /**
-         * @ignore
-         */
+        /** @ignore */
+        FormTextareaComponent.prototype.writeValue = function (obj) {
+            this.EvaluatedModel = (obj === null || obj === void 0 ? void 0 : obj.toString()) || "";
+            _super.prototype.writeValue.call(this, obj);
+        };
+        /** @ignore */
         FormTextareaComponent.prototype.onNotNullValueSet = function () { };
         return FormTextareaComponent;
     }(BaseFormControl));
     FormTextareaComponent.decorators = [
         { type: core.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: core.ChangeDetectionStrategy.OnPush
                 },] }
     ];
@@ -3471,7 +3297,8 @@
         { type: Array, decorators: [{ type: core.Optional }, { type: core.Inject, args: [forms.NG_VALIDATORS,] }] },
         { type: accessControl.AccessControlService, decorators: [{ type: core.Optional }] },
         { type: accessControl.ComponentContext, decorators: [{ type: core.Optional }] },
-        { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [ACO_CUSTOMKEY,] }] }
+        { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [ACO_CUSTOMKEY,] }] },
+        { type: Boolean, decorators: [{ type: core.Optional }, { type: core.Inject, args: [FAV_DEBUG_MODE,] }] }
     ]; };
     FormTextareaComponent.propDecorators = {
         Rows: [{ type: core.Input }]
@@ -3497,47 +3324,29 @@
         { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [FAV_LOCALE,] }] }
     ]; };
 
-    /**
-     * Componente di input che si auto-completa in base al valore attuale
-     */
+    /** Componente di input che si auto-completa in base al valore attuale */
     var FormAutocompleteComponent = /** @class */ (function (_super) {
         __extends(FormAutocompleteComponent, _super);
-        /**
-         * Costruttore
-         *
-         * @ignore
-         */
-        function FormAutocompleteComponent(cdr, lc, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) {
-            var _this = _super.call(this, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) || this;
+        /** @ignore Costruttore  */
+        function FormAutocompleteComponent(cdr, lc, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) {
+            var _this = _super.call(this, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) || this;
             _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)
@@ -3545,9 +3354,7 @@
             _this.executionTimers = {};
             return _this;
         }
-        /**
-         * @ignore
-         */
+        /** @ignore */
         FormAutocompleteComponent.prototype.writeValue = function (value) {
             var _this = this;
             if (!value)
@@ -3571,6 +3378,7 @@
             var val = this.Source.find(function (t) { return 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
@@ -3614,9 +3422,7 @@
                 }, 100);
             }
         };
-        /**
-         * @ignore
-         */
+        /** @ignore */
         FormAutocompleteComponent.prototype.ngOnChanges = function (changes) {
             var _a;
             var newSource = changes["Source"];
@@ -3630,20 +3436,14 @@
                 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 */
         FormAutocompleteComponent.prototype.changed = function (forcedValue, markForCheck) {
             if (forcedValue === void 0) { forcedValue = null; }
             if (markForCheck === void 0) { markForCheck = false; }
             this.ignoreNextWriteValue = true;
             _super.prototype.changed.call(this, forcedValue, markForCheck);
         };
-        /**
-         * @ignore
-         */
+        /** @ignore */
         FormAutocompleteComponent.prototype.onNotNullValueSet = function () { };
         /** @ignore */
         FormAutocompleteComponent.prototype.throttla = function (id, func, throttleTime) {
@@ -3659,7 +3459,7 @@
     FormAutocompleteComponent.decorators = [
         { type: core.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: localizations.LocalizationService, useClass: FormAutocompleteComponentLoc }],
                     changeDetection: core.ChangeDetectionStrategy.OnPush
                 },] }
@@ -3671,7 +3471,8 @@
         { type: Array, decorators: [{ type: core.Optional }, { type: core.Inject, args: [forms.NG_VALIDATORS,] }] },
         { type: accessControl.AccessControlService, decorators: [{ type: core.Optional }] },
         { type: accessControl.ComponentContext, decorators: [{ type: core.Optional }] },
-        { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [ACO_CUSTOMKEY,] }] }
+        { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [ACO_CUSTOMKEY,] }] },
+        { type: Boolean, decorators: [{ type: core.Optional }, { type: core.Inject, args: [FAV_DEBUG_MODE,] }] }
     ]; };
     FormAutocompleteComponent.propDecorators = {
         SelectLabel: [{ type: core.Input }],
@@ -3681,36 +3482,22 @@
         CaseSensitive: [{ type: core.Input }]
     };
 
-    /**
-     * Componente che identifica la selezione di un orario
-     */
+    /** Componente che identifica la selezione di un orario */
     var FormTimeComponent = /** @class */ (function (_super) {
         __extends(FormTimeComponent, _super);
-        /**
-         * @ignore
-         */
+        /** @ignore */
         function FormTimeComponent(cdr, dateAdapter, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY) {
             var _this = _super.call(this, cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, true) || this;
             _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
@@ -3724,28 +3511,27 @@
             _this.InOutFormat = 'timestring';
             return _this;
         }
-        /**
-         * @ignore Override per gestire input in ingresso
-         */
+        /** @ignore Override per gestire input in ingresso */
         FormTimeComponent.prototype.writeValue = function (obj) {
-            var _a = __read((obj || "0:0:0").split(":"), 3), hours = _a[0], minutes = _a[1], seconds = _a[2];
             //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);
+                    var _a = __read((obj || "00:00:00").split(":"), 3), hours = _a[0], minutes = _a[1], seconds = _a[2];
+                    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.prototype.writeValue.call(this, obj);
         };
-        /**
-         * @ignore Override per gestire input in uscita
-         */
+        /** @ignore Override per gestire input in uscita */
         FormTimeComponent.prototype.changed = function () {
             var toEmit = this.dateAdapter.clone(this.Model);
             switch (this.InOutFormat) {
@@ -3761,16 +3547,14 @@
             }
             _super.prototype.changed.call(this, toEmit);
         };
-        /**
-         * @ignore
-         */
+        /** @ignore */
         FormTimeComponent.prototype.onNotNullValueSet = function () { };
         return FormTimeComponent;
     }(BaseFormControl));
     FormTimeComponent.decorators = [
         { type: core.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: core.ChangeDetectionStrategy.OnPush
                 },] }
     ];
@@ -3864,6 +3648,7 @@
                 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: datetimePicker.NGX_MAT_DATE_FORMATS, useValue: formats_long },
                     { provide: datetimePicker.NgxMatDateAdapter, useClass: NgxExpandedDayJsDateAdapter },
@@ -3917,14 +3702,15 @@
     exports.ɵb = BaseValidationLoc;
     exports.ɵc = FAV_LOCALE;
     exports.ɵd = ACO_CUSTOMKEY;
-    exports.ɵe = CustomRequiredDirective;
-    exports.ɵf = BaseFormControl;
-    exports.ɵg = FormSelectComponentLoc;
-    exports.ɵh = FormAdaptiveComponentLoc;
-    exports.ɵi = FormMultiSelectComponent;
-    exports.ɵj = FormMultiSelectComponentLoc;
-    exports.ɵk = FormFileComponentLoc;
-    exports.ɵl = FormAutocompleteComponentLoc;
+    exports.ɵe = FAV_DEBUG_MODE;
+    exports.ɵf = CustomRequiredDirective;
+    exports.ɵg = BaseFormControl;
+    exports.ɵh = FormSelectComponentLoc;
+    exports.ɵi = FormAdaptiveComponentLoc;
+    exports.ɵj = FormMultiSelectComponent;
+    exports.ɵk = FormMultiSelectComponentLoc;
+    exports.ɵl = FormFileComponentLoc;
+    exports.ɵm = FormAutocompleteComponentLoc;
 
     Object.defineProperty(exports, '__esModule', { value: true });