@esfaenza/forms-and-validations 11.2.71 → 11.2.74

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

@@ -1577,7 +1577,7 @@ class BaseFormControl {
             });
             // Post trybind se c'è un modello associato ricalcolo l'**EvaluatedModel**
             if (this.Model)
-                this.EvaluatedModel = (_a = this.BoundSource.find(t => t.id == this.Model)) === null || _a === void 0 ? void 0 : _a.description;
+                (_a = this.BoundSource.find(t => t.id == this.Model)) === null || _a === void 0 ? void 0 : _a.description;
         }
     }
     /** Valuta il contenuto della variabile BindCheckingGroups */
@@ -1756,8 +1756,9 @@ class BaseFormControl {
      * Non posso tenerlo protected altrimenti posso eseguirlo solo dal .ts e non dall' .html
      */
     changed(forcedValue = null, markForCheck = false) {
-        this.propagateChange(forcedValue == null ? this.Model : forcedValue);
-        this.inputChange.emit(forcedValue == null ? this.Model : forcedValue);
+        var _a, _b;
+        this.propagateChange(forcedValue == null || forcedValue == "" ? (_a = this.Model) !== null && _a !== void 0 ? _a : "" : forcedValue);
+        this.inputChange.emit(forcedValue == null || forcedValue == "" ? (_b = this.Model) !== null && _b !== void 0 ? _b : "" : forcedValue);
         if (markForCheck)
             this.cdr.markForCheck();
     }
@@ -2128,7 +2129,7 @@ class FormAdaptiveComponent extends BaseFormControl {
             return;
         }
         // Quando filtro la source, se non devo ignorare l'evento devo comunque assicurarmi di impostare il valore selezionato a null
-        super.changed("");
+        super.changed(null);
         if (!event && this.MinChars == 0 && !this.SearchFunction) {
             this.FilteredBoundSource = this.BoundSource;
             return;
@@ -2146,6 +2147,7 @@ class FormAdaptiveComponent extends BaseFormControl {
                     this.tryBindSourceDisplay();
                     // In questo caso è già filtrata dalla SearchFunction
                     this.FilteredBoundSource = this.BoundSource;
+                    this.removeFilteredSourceOnDescriptionSelection();
                     this.cdr.markForCheck();
                 });
             }, 400);
@@ -2154,10 +2156,19 @@ class FormAdaptiveComponent extends BaseFormControl {
             this.throttla("filtersource", () => {
                 // In questo caso devo filtrare io in memoria
                 this.FilteredBoundSource = this.BoundSource.filter(t => (this.CaseSensitive && t.description.includes(event)) || (!this.CaseSensitive && t.description.toLowerCase().includes(event.toLowerCase())));
+                this.removeFilteredSourceOnDescriptionSelection();
                 this.cdr.markForCheck();
             }, 100);
         }
     }
+    /** @ignore */
+    removeFilteredSourceOnDescriptionSelection() {
+        if (this.FilteredBoundSource.length == 1 && (this.FilteredBoundSource[0].description === this.Model)) {
+            this.Model = this.BoundSource[0].id;
+            this.EvaluatedModel = this.BoundSource[0].description;
+            this.FilteredBoundSource = [];
+        }
+    }
     /** Metodo richiamato quando viene modificato il modello del campo di input */
     changed() {
         var toEmit = this.getModelToEmit();
@@ -2943,6 +2954,21 @@ class FormAutocompleteComponent extends BaseFormControl {
         this.Model = val ? val.description : value;
         this.EvaluatedModel = this.Model;
     }
+    /**
+     * Quando viene scritto un nuovo valore bisogna controllare se per botta di culo fosse un id, in tal caso dev'essere rieffettuato il bind
+     * per mostrare solo la descrizione nell'autocomplete
+     */
+    evaluateIdResearch() {
+        if (!this.Model)
+            return;
+        this.SearchFunction(this.Model, true).subscribe(t => {
+            if (t && t.length > 0) {
+                this.Source = t;
+                this.tryBindSourceDisplay();
+                setTimeout(() => { this.finalizeValue(this.Model); });
+            }
+        });
+    }
     /**
      * Evento di filtro della sorgente dati in base all'input utente
      *
@@ -2954,7 +2980,7 @@ class FormAutocompleteComponent extends BaseFormControl {
             return;
         }
         // Quando filtro la source, se non devo ignorare l'evento devo comunque assicurarmi di impostare il valore selezionato a null
-        super.changed("");
+        super.changed(null);
         if (!event && this.MinChars == 0 && !this.SearchFunction) {
             this.FilteredBoundSource = this.BoundSource;
             return;
@@ -2972,6 +2998,7 @@ class FormAutocompleteComponent extends BaseFormControl {
                     this.tryBindSourceDisplay();
                     // In questo caso è già filtrata dalla SearchFunction
                     this.FilteredBoundSource = this.BoundSource;
+                    this.removeFilteredSourceOnDescriptionSelection();
                     this.cdr.markForCheck();
                 });
             }, 400);
@@ -2980,11 +3007,20 @@ class FormAutocompleteComponent extends BaseFormControl {
             this.throttla("filtersource", () => {
                 // In questo caso devo filtrare io in memoria
                 this.FilteredBoundSource = this.BoundSource.filter(t => (this.CaseSensitive && t.description.includes(event)) || (!this.CaseSensitive && t.description.toLowerCase().includes(event.toLowerCase())));
+                this.removeFilteredSourceOnDescriptionSelection();
                 this.cdr.markForCheck();
             }, 100);
         }
     }
     /** @ignore */
+    removeFilteredSourceOnDescriptionSelection() {
+        if (this.FilteredBoundSource.length == 1 && (this.FilteredBoundSource[0].description === this.Model)) {
+            this.Model = this.BoundSource[0].id;
+            this.EvaluatedModel = this.BoundSource[0].description;
+            this.FilteredBoundSource = [];
+        }
+    }
+    /** @ignore */
     ngOnChanges(changes) {
         var _a;
         let newSource = changes["Source"];
@@ -3017,7 +3053,7 @@ class FormAutocompleteComponent extends BaseFormControl {
 FormAutocompleteComponent.decorators = [
     { type: Component, args: [{
                 selector: "form-autocomplete",
-                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>",
+                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               (ngModelChange)=\"Model = $event; evaluateIdResearch()\"\r\n               [id]=\"GeneratedName\"\r\n               name=\"{{GeneratedName}}\"\r\n               #validationControl=\"ngModel\"\r\n               (inputChange)=\"filterSource($event);\"\r\n               (inputFocus)=\"focused($event);\"\r\n               (inputFinalized)=\"finalized()\"\r\n               (optionChange)=\"changed($event);\"\r\n               [placeholder]=\"Required ? ((RequiredPlaceholder != null ? RequiredPlaceholder : ('Select' | localize : lc) + '...')) : Placeholder\"\r\n               [validationFailed]=\"FailedValidationMessage\"\r\n               [FilteredSource]=\"FilteredBoundSource\"\r\n               >\r\n    </val-autocomplete>\r\n</ng-template>",
                 providers: [{ provide: LocalizationService, useClass: FormAutocompleteComponentLoc }],
                 changeDetection: ChangeDetectionStrategy.OnPush
             },] }