@esfaenza/forms-and-validations 11.2.148 → 11.2.149-beta2

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/material/core'), require('@esfaenza/material-dayjs-adapter'), require('@angular/common'), require('@angular/forms'), require('@angular/material/datepicker'), require('@angular/material/autocomplete'), require('@angular/material/input'), require('@angular/material/chips'), require('@angular/material/icon'), require('@angular/material/checkbox'), require('@esfaenza/localizations'), require('@esfaenza/ngx-currency-mask'), require('angular2-multiselect-dropdown'), require('@angular-material-components/datetime-picker'), require('ngx-bootstrap/tooltip'), require('rxjs'), require('rxjs/operators'), require('@esfaenza/extensions'), require('@esfaenza/access-control')) :
-    typeof define === 'function' && define.amd ? define('@esfaenza/forms-and-validations', ['exports', '@angular/core', '@angular/material/core', '@esfaenza/material-dayjs-adapter', '@angular/common', '@angular/forms', '@angular/material/datepicker', '@angular/material/autocomplete', '@angular/material/input', '@angular/material/chips', '@angular/material/icon', '@angular/material/checkbox', '@esfaenza/localizations', '@esfaenza/ngx-currency-mask', 'angular2-multiselect-dropdown', '@angular-material-components/datetime-picker', 'ngx-bootstrap/tooltip', 'rxjs', 'rxjs/operators', '@esfaenza/extensions', '@esfaenza/access-control'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.esfaenza = global.esfaenza || {}, global.esfaenza['forms-and-validations'] = {}), global.ng.core, global.ng.material.core, global.materialDayjsAdapter, global.ng.common, global.ng.forms, global.ng.material.datepicker, global.ng.material.autocomplete, global.ng.material.input, global.ng.material.chips, global.ng.material.icon, global.ng.material.checkbox, global.localizations, global.ngxCurrencyMask, global.angular2MultiselectDropdown, global.datetimePicker, global.tooltip, global.rxjs, global.rxjs.operators, global.extensions, global.accessControl));
-}(this, (function (exports, core, core$1, materialDayjsAdapter, common, forms, datepicker, autocomplete, input, chips, icon, checkbox, localizations, ngxCurrencyMask, angular2MultiselectDropdown, datetimePicker, tooltip, rxjs, operators, extensions, accessControl) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/material/core'), require('@esfaenza/material-dayjs-adapter'), require('@angular/common'), require('@angular/forms'), require('@angular/material/datepicker'), require('@angular/material/autocomplete'), require('@angular/material/input'), require('@angular/material/chips'), require('@angular/material/icon'), require('@angular/material/checkbox'), require('primeng/inputtext'), require('@esfaenza/localizations'), require('@esfaenza/ngx-currency-mask'), require('angular2-multiselect-dropdown'), require('@angular-material-components/datetime-picker'), require('ngx-bootstrap/tooltip'), require('rxjs'), require('rxjs/operators'), require('@esfaenza/extensions'), require('@esfaenza/access-control')) :
+    typeof define === 'function' && define.amd ? define('@esfaenza/forms-and-validations', ['exports', '@angular/core', '@angular/material/core', '@esfaenza/material-dayjs-adapter', '@angular/common', '@angular/forms', '@angular/material/datepicker', '@angular/material/autocomplete', '@angular/material/input', '@angular/material/chips', '@angular/material/icon', '@angular/material/checkbox', 'primeng/inputtext', '@esfaenza/localizations', '@esfaenza/ngx-currency-mask', 'angular2-multiselect-dropdown', '@angular-material-components/datetime-picker', 'ngx-bootstrap/tooltip', 'rxjs', 'rxjs/operators', '@esfaenza/extensions', '@esfaenza/access-control'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.esfaenza = global.esfaenza || {}, global.esfaenza['forms-and-validations'] = {}), global.ng.core, global.ng.material.core, global.materialDayjsAdapter, global.ng.common, global.ng.forms, global.ng.material.datepicker, global.ng.material.autocomplete, global.ng.material.input, global.ng.material.chips, global.ng.material.icon, global.ng.material.checkbox, global.inputtext, global.localizations, global.ngxCurrencyMask, global.angular2MultiselectDropdown, global.datetimePicker, global.tooltip, global.rxjs, global.rxjs.operators, global.extensions, global.accessControl));
+}(this, (function (exports, core, core$1, materialDayjsAdapter, common, forms, datepicker, autocomplete, input, chips, icon, checkbox, inputtext, localizations, ngxCurrencyMask, angular2MultiselectDropdown, datetimePicker, tooltip, rxjs, operators, extensions, accessControl) { 'use strict';
 
     var ChangeEvent = /** @class */ (function () {
         function ChangeEvent(internal, value) {
@@ -827,11 +827,11 @@
             /**
              * valore del campo vuoto della select
              */
-            _this.emptyFieldValue = "-2";
+            _this.emptyFieldValue = "-2000";
             /**
              * Valore del placeholder
              */
-            _this.placeHolderValue = "-1";
+            _this.placeHolderValue = "-1000";
             /**
              * Per i componenti non obbligatori indica se fornire un "valore vuoto"
              */
@@ -2083,6 +2083,10 @@
             /** Cache delle proprietà scritte tipo --> {prop} */
             this.BindProperties = [];
             this.destroyed$ = new rxjs.Subject();
+            /**
+             * Variabile per tenere in memoria il fatto che il componente è forzato a invalido o no
+             */
+            this._forceInvalid = false;
             if (ngControl == null) {
                 if (!this.handleNullNgControl())
                     console.error("ngControl nullo per qualche motivo! Il 90% delle funzionalità di questo input saranno disabilitate");
@@ -2149,27 +2153,6 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(BaseFormControl.prototype, "_validationControl", {
-            /**
-             * Query sull'elemento 'validationControl' che funziona in ambiente statico
-             *
-             * @param {NgModel} comp Elemento HTML marcato con "#validationControl"
-             */
-            set: function (comp) { this.registerValComp(comp); },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(BaseFormControl.prototype, "validationControl_static", {
-            /**
-             * Query sull'elemento 'validationControl' che funziona in ambiente dinamico
-             *
-             * @param {NgModel} comp Elemento HTML marcato con "#validationControl"
-             */
-            set: function (comp) { this.registerValComp(comp); },
-            enumerable: false,
-            configurable: true
-        });
-        ;
         /**
          * Effettua il Bind/Parse delle varie **Source** unendo le informazioni specificate in **Display**
          *
@@ -2258,7 +2241,7 @@
             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
             // che si collegano per i cazzi loro al form ecc, quindi la parte sopra non serve... BOH
-            this.checkRequiredValidator();
+            this.doCheckRequiredValidator();
             //Il nome non c'è se metto standalone : true (CHE NON é DA METTERE)
             //Dato che anche il controllo esterno viene considerato come componente del form, non posso basarmi solo sul nome ma devo aggiungere un tag. In questo caso "_internal"
             // ATTENZIONE: QUALSIASI SIA IL MOTIVO, SE STO COSO VIENE SPOSTATO DALL ngOnInit NON FUNZIONA PIU NULLA
@@ -2276,6 +2259,7 @@
                 var origFunc_1 = this.Form.onSubmit;
                 var formOutsideRef = this.Form;
                 this.Form.onSubmit = function (ev) {
+                    _this.submitted = true;
                     _this.cdr.markForCheck();
                     return origFunc_1.apply(formOutsideRef);
                 };
@@ -2283,11 +2267,14 @@
             if (this.SetValidationSubject) {
                 this.SetValidationSubject.pipe(operators.takeUntil(this.destroyed$)).subscribe(function (v) {
                     if (v.fieldName + "_internal" == _this.GeneratedName) {
+                        // Bisogna farlo su entrambi i Control per portare il ".valid" nel punto giusto
+                        // e per avere gli stili sull'input
                         var control = _this.Form.getControl(_this.validationControl);
                         control.setErrors({ forcedtoinvalid: true });
                         control.markAsTouched();
                         _this.ngControl.control.setErrors({ forcedtoinvalid: true });
                         _this.ngControl.control.markAsTouched();
+                        _this.cdr.markForCheck();
                     }
                 });
             }
@@ -2303,17 +2290,17 @@
             this.destroyed$.complete();
         };
         /** 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
+        BaseFormControl.prototype.doCheckRequiredValidator = 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; }))
+            if (this._validators && this.Validation && this._validators.some(function (elem) { return elem instanceof forms.RequiredValidator && elem.required; }))
                 this.Required = true;
         };
         /** @ignore */
         BaseFormControl.prototype.ngAfterViewInit = function () {
             if (!this.ngControl)
                 return;
-            this.checkRequiredValidator();
+            this.doCheckRequiredValidator();
         };
         /** Helper che collega la funzione di reset del controllo form al controllo di validazione sottostante */
         BaseFormControl.prototype.bindResetFunction = function () {
@@ -2341,7 +2328,7 @@
             if (this.Model)
                 this.onNotNullValueSet();
             // markForCheck non va bene in quanto arrivano possibilmente 2 update su un solo ciclo di stack
-            // setTime*ut che wrappa tutto non va bene sennò spamma delle change detection a suon di interval che rallentano tantissimo l'app
+            // setTimeout che wrappa tutto non va bene sennò spamma delle change detection a suon di interval che rallentano tantissimo l'app
             this.cdr.detectChanges();
         };
         /** @ignore */
@@ -2352,17 +2339,23 @@
         BaseFormControl.prototype.registerOnTouched = function (fn) {
             this.onTouched = fn;
         };
-        /**
-         * Registra internamente il componente di validazione, ne imposta i validatori e collega il Form, se presente
-         *
-         * @param {NgModel} comp Elemento HTML marcato con "#validationControl"
-         */
-        BaseFormControl.prototype.registerValComp = function (comp) {
-            if (comp) {
+        Object.defineProperty(BaseFormControl.prototype, "baseInput", {
+            set: function (comp) { this.doRegisterBaseInput(comp); },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(BaseFormControl.prototype, "baseInput_static", {
+            set: function (comp) { this.doRegisterBaseInput(comp); },
+            enumerable: false,
+            configurable: true
+        });
+        ;
+        BaseFormControl.prototype.doRegisterBaseInput = function (baseInput) {
+            if (baseInput) {
                 // È arrivato un nuovo validationContorl (succede solo nel form-select quando cambia la source da 0 elementi / null ad N elementi, quindi al massimo una volta) 
                 if (this.validationControl && this.Form)
                     this.Form.removeControl(this.validationControl);
-                this.validationControl = comp;
+                this.validationControl = baseInput;
                 //Questa serve per passare avanti i validatori
                 if (this.UseUserValidators)
                     this.validationControl.control.setValidators(this._validators);
@@ -2373,10 +2366,11 @@
                 }
                 if (this.ngControl)
                     this.bindResetFunction();
-                //I val-roba questo lo fanno automaticamente dentro... gli altri no (es. semplice input checkbox)
-                this.updateValidityForNativeInput();
+                // I val-roba questo lo fanno automaticamente dentro... gli altri no (es. semplice input checkbox)
+                this.doUpdateValidityForNativeInput();
             }
         };
+        //#endregion
         BaseFormControl.prototype.registerForm = function (ngForm) {
             this.Form = ngForm;
             this.Form.addControl(this.validationControl);
@@ -2387,10 +2381,9 @@
          *
          * @param {boolean} forcedValue Forza l'aggiornamento anche se non è un input nativo (input nativo = checkbox, ad esempio)
          */
-        BaseFormControl.prototype.updateValidityForNativeInput = function (forcedValue) {
+        BaseFormControl.prototype.doUpdateValidityForNativeInput = function (forcedValue) {
             if (forcedValue === void 0) { forcedValue = false; }
-            if (forcedValue || this.nativeInput)
-                this.validationControl.control.updateValueAndValidity();
+            this.validationControl.control.updateValueAndValidity();
         };
         /**
          * @ignore
@@ -2442,6 +2435,74 @@
             if (this.FAV_DEBUG_MODE)
                 console.log("@forms-and-validations: " + message);
         };
+        Object.defineProperty(BaseFormControl.prototype, "submitted", {
+            /**
+             * Imposta il componente come "submitted" scatenandone le validazioni ed eventualmente la visualizzazione del tooltip di errore
+             *
+             * @param {boolean} val **true** se si vuole impostare questo controllo come submitted, **false** altrimenti
+             */
+            set: function (val) {
+                this._submitted = val;
+                if (!this.validationControl)
+                    return;
+                if (val) {
+                    this.validationControl.control.markAsTouched();
+                    this.validationControl.control.markAsDirty();
+                }
+                if (this.validationControl.control.status === "INVALID" && val) { /*this.showTooltipWithMessage();*/ }
+                else { /*this.tooltip.hide();*/ }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(BaseFormControl.prototype, "forceInvalid", {
+            /**
+             * Imposta il componente come "invalid" a prescindere dai validatori
+             */
+            set: function (val) {
+                var _this = this;
+                this._forceInvalid = val;
+                if (val)
+                    setTimeout(function () {
+                        _this.validationControl.control.setErrors({ forcedtoinvalid: true });
+                        _this.validationControl.control.markAsTouched();
+                        _this.validationControl.control.markAsDirty();
+                        _this.cdr.detectChanges();
+                    });
+                else
+                    setTimeout(function () {
+                        _this.validationControl.control.setErrors({ forcedtoinvalid: null });
+                        _this.validationControl.control.updateValueAndValidity();
+                    });
+            },
+            enumerable: false,
+            configurable: true
+        });
+        /**
+         * @ignore
+         */
+        BaseFormControl.prototype.setDisabledState = function (isDisabled) {
+            isDisabled ? this.validationControl.control.disable() : this.validationControl.control.enable();
+            this.Readonly = isDisabled;
+        };
+        /**
+         * Registra il Subject per ricevere le richieste di Focus dall'esterno
+         */
+        BaseFormControl.prototype.registerFocusRequest = function () {
+            var _this = this;
+            if (!this.FocusSubject)
+                return;
+            this.observable = this.FocusSubject.subscribe(function (t) {
+                _this.htmlInput.nativeElement.focus();
+            });
+        };
+        /**
+         * Deregistra il Subject delle richieste di focus
+         */
+        BaseFormControl.prototype.deregisterFocusRequest = function () {
+            if (this.observable)
+                this.observable.unsubscribe();
+        };
         return BaseFormControl;
     }());
     BaseFormControl.decorators = [
@@ -2485,11 +2546,14 @@
         Display: [{ type: core.Input }],
         Readonly: [{ type: core.Input }],
         LabelInputRatio: [{ type: core.Input }],
-        _validationControl: [{ type: core.ViewChild, args: ["validationControl", { static: false },] }],
-        validationControl_static: [{ type: core.ViewChild, args: ["validationControl", { static: true },] }],
+        htmlInput: [{ type: core.ViewChild, args: ['htmlInput', { static: false },] }],
         inputChange: [{ type: core.Output }],
         inputFocus: [{ type: core.Output }],
-        inputFinalized: [{ type: core.Output }]
+        inputFinalized: [{ type: core.Output }],
+        baseInput: [{ type: core.ViewChild, args: ["baseInput", { static: false },] }],
+        baseInput_static: [{ type: core.ViewChild, args: ["baseInput", { static: true },] }],
+        submitted: [{ type: core.Input, args: ["submitted",] }],
+        forceInvalid: [{ type: core.Input }]
     };
 
     /**
@@ -3344,10 +3408,10 @@
     };
 
     /** Semplice componente di Input testuale, con eventuale prefisso/suffisso */
-    var FormInputComponent = /** @class */ (function (_super) {
-        __extends(FormInputComponent, _super);
+    var FormInputComponentOLD = /** @class */ (function (_super) {
+        __extends(FormInputComponentOLD, _super);
         /** @ignore Costruttore  */
-        function FormInputComponent(cdr, ngControl, _validators, ac, AppContext, ACO_CUSTOMKEY, FAV_DEBUG_MODE) {
+        function FormInputComponentOLD(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;
@@ -3359,30 +3423,53 @@
             _this.HasSuffix = false;
             /** Indica la presenza o meno di un prefisso, si basa sulla "truthiness" della proiezione **prefix** */
             _this.HasPrefix = false;
+            _this.ShowPassword = false;
             return _this;
         }
         /** @ignore */
-        FormInputComponent.prototype.writeValue = function (obj) {
+        FormInputComponentOLD.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 () {
+        FormInputComponentOLD.prototype.ngAfterContentInit = function () {
             this.HasSuffix = !!this.suffix;
             this.HasPrefix = !!this.prefix;
         };
         /** @ignore */
-        FormInputComponent.prototype.onNotNullValueSet = function () { };
-        return FormInputComponent;
+        FormInputComponentOLD.prototype.onNotNullValueSet = function () { };
+        FormInputComponentOLD.prototype.onShowHidePassword = function (event) {
+            this.Password = !this.Password;
+            this.ShowPassword = !this.ShowPassword;
+            event.preventDefault();
+        };
+        /**
+        * @ignore
+        */
+        FormInputComponentOLD.prototype.ngOnInit = function () {
+            _super.prototype.ngOnInit.call(this);
+            this.registerFocusRequest();
+            // Controllo se è settato un required per decidere in maniera condizionale se utilizzare il validatore required nel componente interno
+            if (this._validators && this.Validation && this._validators.some(function (elem) { return elem instanceof forms.RequiredValidator; }))
+                this.Required = true;
+        };
+        /**
+         * @ignore
+         */
+        FormInputComponentOLD.prototype.ngOnDestroy = function () {
+            _super.prototype.ngOnDestroy.call(this);
+            this.deregisterFocusRequest();
+        };
+        return FormInputComponentOLD;
     }(BaseFormControl));
-    FormInputComponent.decorators = [
+    FormInputComponentOLD.decorators = [
         { type: core.Component, args: [{
-                    selector: "form-input",
-                    template: "<!-- Uguale in tutti i componenti --------------------------------------------------------------------------->\r\n<ng-container *ngIf=\"!FormLayout && (!DisplayMode || (DisplayLayout != 'hidden' && DisplayCondition))\">\r\n    <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">\r\n        <ng-container *ngIf=\"DisplayLayout == 'form'\">{{ EvaluatedModel }}</ng-container>\r\n        <div *ngIf=\"DisplayLayout == 'inline'\" class=\"app-inline\">{{ EvaluatedModel }}</div>\r\n    </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 && (!DisplayMode || (DisplayLayout != 'hidden' && DisplayCondition))\" class=\"{{FormGroupClass + (Last ? ' app-margin-bottom-0 app-margin-right-0 ' : '') + (DisplayLayout == 'inline' && DisplayMode ? (' app-inline-block ' + (!Last ? 'app-margin-right-10' : '')) : ' form-group row')}}\">\r\n\r\n    <label class=\"col-md-{{(DisplayMode && DisplayLayout == 'inline' ? 'none app-bold app-margin-bottom-0' : LabelColWidth) + (DisplayMode ? ' app-bold' : ' m-t-5') }}\">{{Label}}{{Required && !DisplayMode ? '*' : ''}}{{Label ? \":\" : \"\"}}</label>\r\n    <span *ngIf=\"DisplayMode && DisplayLayout == 'inline' && InlineSeparator != ''\">{{InlineSeparator}}</span>\r\n    <div class=\"col-md-{{DisplayMode && DisplayLayout == 'inline' ? 'none app-inline-block' : InputColWidth}}\">\r\n\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\r\n<ng-template #controlTemplate>\r\n    <val-input [FocusSubject]=\"FocusSubject\" [SetValidationSubject]=\"SetValidationSubject\" [FieldAppearence]=\"FieldAppearence\"\r\n               [noValidate]=\"!Validation\"\r\n               [Frozen]=\"Frozen\"\r\n               [submitted]=\"Form?.submitted\"\r\n               [readonly]=\"Readonly\"\r\n               [forceInvalid]=\"ForcedError\" \r\n               [FloatingLabel]=\"FloatingLabel\"\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>",
+                    selector: "form-input-old",
+                    template: "Uguale in tutti i componenti -------------------------------------------------------------------------\r\n<ng-container *ngIf=\"!FormLayout && (!DisplayMode || (DisplayLayout != 'hidden' && DisplayCondition))\">\r\n    <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">\r\n        <ng-container *ngIf=\"DisplayLayout == 'form'\">{{ EvaluatedModel }}</ng-container>\r\n        <div *ngIf=\"DisplayLayout == 'inline'\" class=\"app-inline\">{{ EvaluatedModel }}</div>\r\n    </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 && (!DisplayMode || (DisplayLayout != 'hidden' && DisplayCondition))\" class=\"{{FormGroupClass + (Last ? ' app-margin-bottom-0 app-margin-right-0 ' : '') + (DisplayLayout == 'inline' && DisplayMode ? (' app-inline-block ' + (!Last ? 'app-margin-right-10' : '')) : ' form-group row')}}\">\r\n    <label class=\"col-md-{{(DisplayMode && DisplayLayout == 'inline' ? 'none app-bold app-margin-bottom-0' : LabelColWidth) + (DisplayMode ? ' app-bold' : ' m-t-5') }}\">{{Label}}{{Required && !DisplayMode ? '*' : ''}}{{Label ? \":\" : \"\"}}</label>\r\n    <span *ngIf=\"DisplayMode && DisplayLayout == 'inline' && InlineSeparator != ''\">{{InlineSeparator}}</span>\r\n    <div class=\"col-md-{{DisplayMode && DisplayLayout == 'inline' ? 'none app-inline-block' : 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\r\n<ng-template #controlTemplate>\r\n    <mat-form-field floatLabel=\"never\" appearance=\"{{FieldAppearence}}\" class=\"mat-full-width mat-no-border-top mat-height-fixed\">\r\n        <mat-label [class.app-margin-left-25]=\"HasPrefix\" *ngIf=\"Placeholder && FloatingLabel\">{{Placeholder}}</mat-label>\r\n        <!--Prefisso-->\r\n        <ng-container *ngIf=\"HasPrefix\">\r\n            <button type=\"button\"\r\n                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-container>\r\n        <!--Input-->\r\n        <input matInput\r\n               #baseInput=\"ngModel\"\r\n               #htmlInput\r\n               [type]=\"Password ? 'password' : 'text'\"\r\n               triggers=\"\"\r\n               placement=\"top\"\r\n               autocomplete=\"off\"\r\n               name=\"base-input\"\r\n               class=\"form-control\"\r\n               id=\"{{GeneratedName}}\"\r\n               [class.app-margin-left-25]=\"HasPrefix\"\r\n               [class.mat-input-with-suffix]=\"HasSuffix || Password\"\r\n               [(ngModel)]=\"Model\"\r\n               [class.checking-field]=\"!Validation\"\r\n               [readonly]=\"Frozen\"\r\n               [disabled]=\"Readonly\"\r\n               [placeholder]=\"FloatingLabel ? undefined : Placeholder\"\r\n               (focus)=\"focused($event);\"\r\n               (ngModelChange)=\"changed()\"\r\n               (keyup)=\"($event.keyCode == 13 || $event.keyCode == 27) && finalized();\"\r\n               (blur)=\"finalized();\"\r\n               >\r\n        <ng-container *ngIf=\"HasSuffix || Password\">\r\n            <ng-container *ngIf=\"!Password\">\r\n                <button type=\"button\"\r\n                    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-container>\r\n            <!--Password-->\r\n            <span class=\"form-input-suffix\" *ngIf=\"Password\">\r\n                <ng-container *ngIf=\"Password\" matSuffix>\r\n                    <a *ngIf=\"ShowPassword\" class=\"fa fa-eye-slash app-fs-16 app-pointer\" (click)=\"onShowHidePassword($event)\"></a>\r\n                    <a *ngIf=\"!ShowPassword\" class=\"fa fa-eye app-fs-16 app-pointer\" (click)=\"onShowHidePassword($event)\"></a>\r\n                </ng-container>\r\n            </span>\r\n        </ng-container>\r\n    </mat-form-field>\r\n</ng-template>",
                     changeDetection: core.ChangeDetectionStrategy.OnPush
                 },] }
     ];
-    FormInputComponent.ctorParameters = function () { return [
+    FormInputComponentOLD.ctorParameters = function () { return [
         { 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,] }] },
@@ -3391,7 +3478,7 @@
         { 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 = {
+    FormInputComponentOLD.propDecorators = {
         Password: [{ type: core.Input }],
         onSuffixAction: [{ type: core.Output }],
         onPrefixAction: [{ type: core.Output }],
@@ -3441,7 +3528,7 @@
              *
              * Si consiglia di mantenere il default
              */
-            _this.EmptyFieldValue = '-2';
+            _this.EmptyFieldValue = '-2000';
             /** Se **true** rimuove il simbolino di validazione (croce rossa o tick verde) */
             _this.ShowValidationSymbol = true;
             /** Template per la visualizzazione delle opzioni */
@@ -4101,6 +4188,66 @@
         InOutFormat: [{ type: core.Input }]
     };
 
+    var FormInputComponent = /** @class */ (function (_super) {
+        __extends(FormInputComponent, _super);
+        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;
+            _this.Password = false;
+            _this.onSuffixAction = new core.EventEmitter();
+            _this.onPrefixAction = new core.EventEmitter();
+            _this.HasSuffix = false;
+            _this.HasPrefix = false;
+            return _this;
+        }
+        FormInputComponent.prototype.ngOnInit = function () {
+            _super.prototype.ngOnInit.call(this);
+            this.registerFocusRequest();
+        };
+        FormInputComponent.prototype.ngOnDestroy = function () {
+            _super.prototype.ngOnDestroy.call(this);
+            this.deregisterFocusRequest();
+        };
+        FormInputComponent.prototype.writeValue = function (obj) {
+            this.EvaluatedModel = (obj === null || obj === void 0 ? void 0 : obj.toString()) || "";
+            _super.prototype.writeValue.call(this, obj);
+        };
+        FormInputComponent.prototype.ngAfterContentInit = function () {
+            this.HasSuffix = !!this.suffix && !this.Password;
+            this.HasPrefix = !!this.prefix;
+        };
+        FormInputComponent.prototype.onNotNullValueSet = function () { };
+        FormInputComponent.prototype.onBlur = function () {
+            var _a, _b;
+            this.validationControl.control.markAsDirty();
+            this.inputFinalized.emit((_b = (_a = this.ngControl) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.toString());
+        };
+        return FormInputComponent;
+    }(BaseFormControl));
+    FormInputComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: "form-input",
+                    template: "<!-- Uguale in tutti i componenti --------------------------------------------------------------------------->\r\n<ng-container *ngIf=\"!FormLayout && (!DisplayMode || (DisplayLayout != 'hidden' && DisplayCondition))\">\r\n    <ng-container *ngIf=\"DisplayMode && !DisplayModeTemplate\">\r\n        <ng-container *ngIf=\"DisplayLayout == 'form'\">{{ EvaluatedModel }}</ng-container>\r\n        <div *ngIf=\"DisplayLayout == 'inline'\" class=\"app-inline\">{{ EvaluatedModel }}</div>\r\n    </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 && (!DisplayMode || (DisplayLayout != 'hidden' && DisplayCondition))\" class=\"{{FormGroupClass + (Last ? ' app-margin-bottom-0 app-margin-right-0 ' : '') + (DisplayLayout == 'inline' && DisplayMode ? (' app-inline-block ' + (!Last ? 'app-margin-right-10' : '')) : ' form-group row')}}\">\r\n    <label class=\"col-md-{{(DisplayMode && DisplayLayout == 'inline' ? 'none app-bold app-margin-bottom-0' : LabelColWidth) + (DisplayMode ? ' app-bold' : ' m-t-5') }}\">{{Label}}{{Required && !DisplayMode ? '*' : ''}}{{Label ? \":\" : \"\"}}</label>\r\n    <span *ngIf=\"DisplayMode && DisplayLayout == 'inline' && InlineSeparator != ''\">{{InlineSeparator}}</span>\r\n    <div class=\"col-md-{{DisplayMode && DisplayLayout == 'inline' ? 'none app-inline-block' : 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\r\n<ng-template #controlTemplate>\r\n    <span [class.p-float-label]=\"FloatingLabel && (!HasPrefix && !HasSuffix)\" \r\n          [class.p-input-icon-right]=\"Password || HasSuffix\"\r\n          [class.p-input-icon-left]=\"HasPrefix\">\r\n        <!--Prefisso-->\r\n        <ng-container *ngIf=\"HasPrefix\">\r\n            <i (click)=\"onPrefixAction.emit(); $event.stopPropagation(); $event.preventDefault();\" style=\"cursor: pointer;\">\r\n                <ng-container *ngTemplateOutlet=\"prefix\"></ng-container>\r\n            </i>\r\n        </ng-container>\r\n        <!--Input-->\r\n        <input pInputText #baseInput=\"ngModel\" #htmlInput\r\n               name=\"{{GeneratedName}}\" id=\"{{GeneratedName}}\"\r\n               [type]=\"Password ? 'password' : 'text'\"\r\n               triggers=\"\"\r\n               placement=\"top\"\r\n               autocomplete=\"off\"\r\n               [class.app-margin-left-25]=\"HasPrefix\"\r\n               [(ngModel)]=\"Model\"\r\n               style=\"box-shadow: unset\"\r\n               [readonly]=\"Frozen\"\r\n               [disabled]=\"Readonly\"\r\n               [placeholder]=\"FloatingLabel ? '' : Placeholder\"\r\n               (focus)=\"focused($event);\"\r\n               (ngModelChange)=\"changed()\"\r\n               (keyup)=\"($event.keyCode == 13 || $event.keyCode == 27) && onBlur();\"\r\n               (blur)=\"onBlur();\"\r\n               >\r\n        <label *ngIf=\"Placeholder && FloatingLabel\" htmlFor=\"{{GeneratedName}}\">\r\n            {{Placeholder}}\r\n        </label>\r\n        <!--Password-->\r\n        <i *ngIf=\"Password && htmlInput.type == 'password'\" class=\"fa fas fa-eye\" style=\"cursor: pointer;\" (click)=\"htmlInput.type = 'text'\"></i>\r\n        <i *ngIf=\"Password && htmlInput.type == 'text'\" class=\"fa fas fa-eye-slash\" style=\"cursor: pointer;\" (click)=\"htmlInput.type = 'password'\"></i>\r\n        <!--Suffisso-->\r\n        <ng-container *ngIf=\"HasSuffix\">\r\n            <i (click)=\"onSuffixAction.emit(); $event.stopPropagation(); $event.preventDefault();\" style=\"cursor: pointer;\">\r\n                <ng-container *ngTemplateOutlet=\"suffix\"></ng-container>\r\n            </i>\r\n        </ng-container>\r\n    </span>\r\n</ng-template>",
+                    changeDetection: core.ChangeDetectionStrategy.OnPush,
+                    styles: [".p-inputtext{width:100%}.p-input-icon-left,.p-input-icon-right{display:block!important}"]
+                },] }
+    ];
+    FormInputComponent.ctorParameters = function () { return [
+        { 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: Boolean, decorators: [{ type: core.Optional }, { type: core.Inject, args: [FAV_DEBUG_MODE,] }] }
+    ]; };
+    FormInputComponent.propDecorators = {
+        Password: [{ type: core.Input }],
+        onSuffixAction: [{ type: core.Output }],
+        onPrefixAction: [{ type: core.Output }],
+        suffix: [{ type: core.ContentChild, args: ["suffix", { static: false },] }],
+        prefix: [{ type: core.ContentChild, args: ["prefix", { static: false },] }]
+    };
+
     /**
      * Formato in display (modalità lunga, con ore, minuti e secondi) delle date per tutti i componenti che utilizzino input data.
      *
@@ -4128,6 +4275,7 @@
         FormCheckboxComponent,
         FormDateComponent,
         FormEmptyComponent,
+        FormInputComponentOLD,
         FormInputComponent,
         FormSelectComponent,
         FormTextareaComponent,
@@ -4161,7 +4309,8 @@
         ngxCurrencyMask.CurrencyMaskModule,
         autocomplete.MatAutocompleteModule,
         datetimePicker.NgxMatDatetimePickerModule,
-        datetimePicker.NgxMatTimepickerModule
+        datetimePicker.NgxMatTimepickerModule,
+        inputtext.InputTextModule
     ];
     /**
      * Moduli utilizzati dalla libreria e che devono essere esposti all'esterno
@@ -4219,7 +4368,7 @@
     exports.FormErrorComponent = FormErrorComponent;
     exports.FormFileComponent = FormFileComponent;
     exports.FormInfoComponent = FormInfoComponent;
-    exports.FormInputComponent = FormInputComponent;
+    exports.FormInputComponentOLD = FormInputComponentOLD;
     exports.FormSelectComponent = FormSelectComponent;
     exports.FormTemplateComponent = FormTemplateComponent;
     exports.FormTextareaComponent = FormTextareaComponent;
@@ -4238,12 +4387,13 @@
     exports.ɵa = BaseValidation;
     exports.ɵb = BaseValidationLoc;
     exports.ɵc = CustomRequiredDirective;
-    exports.ɵd = FormSelectComponentLoc;
-    exports.ɵe = FormAdaptiveComponentLoc;
-    exports.ɵf = FormMultiSelectComponent;
-    exports.ɵg = FormMultiSelectComponentLoc;
-    exports.ɵh = FormFileComponentLoc;
-    exports.ɵi = FormAutocompleteComponentLoc;
+    exports.ɵd = FormInputComponent;
+    exports.ɵe = FormSelectComponentLoc;
+    exports.ɵf = FormAdaptiveComponentLoc;
+    exports.ɵg = FormMultiSelectComponent;
+    exports.ɵh = FormMultiSelectComponentLoc;
+    exports.ɵi = FormFileComponentLoc;
+    exports.ɵj = FormAutocompleteComponentLoc;
 
     Object.defineProperty(exports, '__esModule', { value: true });