@esfaenza/forms-and-validations 11.2.71 → 11.2.74

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

@@ -1941,7 +1941,7 @@
                 });
                 // 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;
+                    (_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 */
@@ -2126,8 +2126,9 @@
         BaseFormControl.prototype.changed = function (forcedValue, markForCheck) {
             if (forcedValue === void 0) { forcedValue = null; }
             if (markForCheck === void 0) { 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();
         };
@@ -2518,7 +2519,7 @@
                 return;
             }
             // Quando filtro la source, se non devo ignorare l'evento devo comunque assicurarmi di impostare il valore selezionato a null
-            _super.prototype.changed.call(this, "");
+            _super.prototype.changed.call(this, null);
             if (!event && this.MinChars == 0 && !this.SearchFunction) {
                 this.FilteredBoundSource = this.BoundSource;
                 return;
@@ -2536,6 +2537,7 @@
                         _this.tryBindSourceDisplay();
                         // In questo caso è già filtrata dalla SearchFunction
                         _this.FilteredBoundSource = _this.BoundSource;
+                        _this.removeFilteredSourceOnDescriptionSelection();
                         _this.cdr.markForCheck();
                     });
                 }, 400);
@@ -2544,10 +2546,19 @@
                 this.throttla("filtersource", function () {
                     // In questo caso devo filtrare io in memoria
                     _this.FilteredBoundSource = _this.BoundSource.filter(function (t) { return (_this.CaseSensitive && t.description.includes(event)) || (!_this.CaseSensitive && t.description.toLowerCase().includes(event.toLowerCase())); });
+                    _this.removeFilteredSourceOnDescriptionSelection();
                     _this.cdr.markForCheck();
                 }, 100);
             }
         };
+        /** @ignore */
+        FormAdaptiveComponent.prototype.removeFilteredSourceOnDescriptionSelection = function () {
+            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 */
         FormAdaptiveComponent.prototype.changed = function () {
             var toEmit = this.getModelToEmit();
@@ -3380,6 +3391,22 @@
             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
+         */
+        FormAutocompleteComponent.prototype.evaluateIdResearch = function () {
+            var _this = this;
+            if (!this.Model)
+                return;
+            this.SearchFunction(this.Model, true).subscribe(function (t) {
+                if (t && t.length > 0) {
+                    _this.Source = t;
+                    _this.tryBindSourceDisplay();
+                    setTimeout(function () { _this.finalizeValue(_this.Model); });
+                }
+            });
+        };
         /**
          * Evento di filtro della sorgente dati in base all'input utente
          *
@@ -3392,7 +3419,7 @@
                 return;
             }
             // Quando filtro la source, se non devo ignorare l'evento devo comunque assicurarmi di impostare il valore selezionato a null
-            _super.prototype.changed.call(this, "");
+            _super.prototype.changed.call(this, null);
             if (!event && this.MinChars == 0 && !this.SearchFunction) {
                 this.FilteredBoundSource = this.BoundSource;
                 return;
@@ -3410,6 +3437,7 @@
                         _this.tryBindSourceDisplay();
                         // In questo caso è già filtrata dalla SearchFunction
                         _this.FilteredBoundSource = _this.BoundSource;
+                        _this.removeFilteredSourceOnDescriptionSelection();
                         _this.cdr.markForCheck();
                     });
                 }, 400);
@@ -3418,11 +3446,20 @@
                 this.throttla("filtersource", function () {
                     // In questo caso devo filtrare io in memoria
                     _this.FilteredBoundSource = _this.BoundSource.filter(function (t) { return (_this.CaseSensitive && t.description.includes(event)) || (!_this.CaseSensitive && t.description.toLowerCase().includes(event.toLowerCase())); });
+                    _this.removeFilteredSourceOnDescriptionSelection();
                     _this.cdr.markForCheck();
                 }, 100);
             }
         };
         /** @ignore */
+        FormAutocompleteComponent.prototype.removeFilteredSourceOnDescriptionSelection = function () {
+            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 */
         FormAutocompleteComponent.prototype.ngOnChanges = function (changes) {
             var _a;
             var newSource = changes["Source"];
@@ -3459,7 +3496,7 @@
     FormAutocompleteComponent.decorators = [
         { type: core.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: localizations.LocalizationService, useClass: FormAutocompleteComponentLoc }],
                     changeDetection: core.ChangeDetectionStrategy.OnPush
                 },] }