@esfaenza/forms-and-validations 15.2.25 → 15.2.27

package/fesm2020/esfaenza-forms-and-validations.mjs

@@ -3506,7 +3506,7 @@ class FormMultiSelectComponent extends BaseFormControl {
         if (!this.UseKeyValues && !this.UseCommaSeparatedList)
             toEmit = this.Model.map(m => m.id);
         else if (this.UseKeyValues)
-            toEmit = this.Model.map(m => ({ id: m.id, description: m.itemName }));
+            toEmit = this.Model.map(m => ({ id: m.id, description: m.description }));
         else if (this.UseCommaSeparatedList)
             toEmit = this.Model.map(m => m.id).join(',');
         this.EvaluatedModel = this.Model.map(t => t.itemName).join(', ');
@@ -3644,6 +3644,9 @@ class FormAutocompleteComponent extends BaseFormControl {
         this.ignoreNextWriteValue = false;
         /** Sorgente Bindata Filtrata in base al contenuto della casella di testo */
         this.FilteredBoundSource = [];
+        this.timer = null;
+        this.maxCallsPerSecond = 4;
+        this.callsDoneThisThreeSeconds = 0;
         //******************** Funzione di throttling per non spammare richieste in caso di animazioni attivate
         //TODO: spostarla in un metodo di utilità (esfaenza/extensions)
         /** @ignore */
@@ -3654,7 +3657,7 @@ class FormAutocompleteComponent extends BaseFormControl {
         if (!value)
             return;
         if (this.SearchFunction) {
-            this.SearchFunction(value, true, this.SearchFunctionContext).subscribe(t => {
+            this.doSearchProtected(value, true, this.SearchFunctionContext, (t) => {
                 this.Source = t;
                 this.tryBindSourceDisplay();
                 setTimeout(() => { this.finalizeValue(value); });
@@ -3689,7 +3692,7 @@ class FormAutocompleteComponent extends BaseFormControl {
         let tmpModel = this.Model;
         if (!tmpModel || !this.SearchFunction)
             return;
-        this.SearchFunction(tmpModel, true, this.SearchFunctionContext).subscribe(t => {
+        this.doSearchProtected(tmpModel, true, this.SearchFunctionContext, (t) => {
             if (t && t.length > 0) {
                 this.Source = t;
                 this.tryBindSourceDisplay();
@@ -3725,7 +3728,7 @@ class FormAutocompleteComponent extends BaseFormControl {
             throw "Impossibile filtrare gli elementi senza una funzione di ricerca che restituisca una lista di { id: string, description: string }";
         if (this.SearchFunction) {
             this.throttla("filtersource", () => {
-                this.SearchFunction(event, false, this.SearchFunctionContext).subscribe(t => {
+                this.doSearchProtected(event, false, this.SearchFunctionContext, (t) => {
                     this.Source = t;
                     this.tryBindSourceDisplay();
                     // In questo caso è già filtrata dalla SearchFunction
@@ -3744,6 +3747,22 @@ class FormAutocompleteComponent extends BaseFormControl {
             }, 100);
         }
     }
+    // Permetto al massimo 4 chiamate ogni 3 secondi, se nell'arco di 3 secondi ci sono più di 4 chiamate, ignoro le eccedenti
+    doSearchProtected(search, byid, context, onRes) {
+        if (!this.timer) {
+            this.timer = setTimeout(() => {
+                this.callsDoneThisThreeSeconds = 0;
+                clearTimeout(this.timer);
+                this.timer = null;
+            }, 3000);
+        }
+        if (this.callsDoneThisThreeSeconds >= this.maxCallsPerSecond)
+            return;
+        this.callsDoneThisThreeSeconds++;
+        this.SearchFunction(search, byid, context).subscribe(t => {
+            onRes(t);
+        });
+    }
     /** @ignore */
     removeFilteredSourceOnDescriptionSelection() {
         if (this.FilteredBoundSource.length == 1 && (this.FilteredBoundSource[0].description === this.Model) && !this.Multi) {