@esfaenza/forms-and-validations 11.2.72 → 11.2.75

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 */
@@ -2265,6 +2265,8 @@
             if (clear) {
                 model.filename = "";
                 ne.value = "";
+                model.fileb64 = "";
+                model.nativefiles = [];
             }
             else {
                 for (var i = 0; i < ne.files.length; i++)
@@ -2537,6 +2539,7 @@
                         _this.tryBindSourceDisplay();
                         // In questo caso è già filtrata dalla SearchFunction
                         _this.FilteredBoundSource = _this.BoundSource;
+                        _this.removeFilteredSourceOnDescriptionSelection();
                         _this.cdr.markForCheck();
                     });
                 }, 400);
@@ -2545,10 +2548,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();
@@ -3381,6 +3393,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
          *
@@ -3411,6 +3439,7 @@
                         _this.tryBindSourceDisplay();
                         // In questo caso è già filtrata dalla SearchFunction
                         _this.FilteredBoundSource = _this.BoundSource;
+                        _this.removeFilteredSourceOnDescriptionSelection();
                         _this.cdr.markForCheck();
                     });
                 }, 400);
@@ -3419,11 +3448,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"];
@@ -3460,7 +3498,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
                 },] }