@esfaenza/es-table 20.3.16 → 20.3.17

package/fesm2022/esfaenza-es-table.mjs

@@ -6593,6 +6593,11 @@ class EsTable2Component {
         // ===========================================================================
         this.onChange = () => { };
         this.onTouched = () => { };
+        // ===========================================================================
+        //  ControlValueAccessor
+        // ===========================================================================
+        /** Timeout di debounce del writeValue in modalità EsTableHandledSearch */
+        this.searchCallTimeout = null;
         /** Ancora per la selezione a range stile Windows (Shift+click) */
         this.selectionAnchor = null;
         // ===========================================================================
@@ -6670,6 +6675,8 @@ class EsTable2Component {
         this.headerRO?.disconnect();
         if (this.noticeTimer)
             clearTimeout(this.noticeTimer);
+        if (this.searchCallTimeout)
+            clearTimeout(this.searchCallTimeout);
     }
     /** Risoluzione input: valore esplicito || default di progetto || hard default */
     io(v, d, hard) {
@@ -6680,10 +6687,17 @@ class EsTable2Component {
         this.thDirectives?.changes.subscribe(() => { this.buildColumns(); this.refresh(); });
         this.tdDirectives?.changes.subscribe(() => { this.buildColumns(); this.refresh(); });
     }
-    // ===========================================================================
-    //  ControlValueAccessor
-    // ===========================================================================
-    writeValue(obj) {
+    writeValue(obj, throttle = true) {
+        // Modalità EsTableHandledSearch: il writeValue viene debouncato (come l'originale),
+        // così binding ravvicinati non generano ricerche a raffica.
+        if (this.EsTableHandledSearch() && throttle) {
+            if (this.searchCallTimeout)
+                clearTimeout(this.searchCallTimeout);
+            this.searchCallTimeout = setTimeout(() => this.writeValue(obj, false), this.SearchThrottle());
+            return;
+        }
+        // È arrivato un nuovo modello → nessuna ricerca "in progress"
+        this.researchInProgress.set(false);
         this.view.set(obj ?? null);
         this.detectMode(obj);
         this.syncOrdersFromView();
@@ -6691,11 +6705,59 @@ class EsTable2Component {
         if (obj)
             this.firstBind.set(false);
         this.cdr.markForCheck();
+        // Auto-ricerca: la valorizzazione dell'ngModel chiede al consumer di cercare
+        // (storicamente serviva ad applicare le preferenze colonne senza che il modello
+        // in arrivo le sovrascrivesse). Il flag `selfsearch` evita loop; `firstsearch`
+        // (true su `new AppSearch()`) salta l'auto-ricerca al primo bind.
+        this.handleWriteValueAutoSearch();
     }
     registerOnChange(fn) { this.onChange = fn; }
     registerOnTouched(fn) { this.onTouched = fn; }
     setDisabledState() { }
-    changed() { this.onChange(this.view()); }
+    /** Blocco auto-ricerca a fine writeValue (modalità EsTableHandledSearch) */
+    handleWriteValueAutoSearch() {
+        if (!this.EsTableHandledSearch() || !this.view())
+            return;
+        const v = this.view();
+        if (!v.selfsearch && !v.firstsearch) {
+            v.selfsearch = true;
+            this.changed(true); // svuota gli items + propaga (mostra "vuoto" mentre cerca)
+            this.onSearchRequest.emit(false);
+        }
+        else if (v.selfsearch) {
+            v.selfsearch = false; // ricerca rientrata: azzero il guard
+            this.changed();
+        }
+    }
+    /**
+     * Richiesta di ricerca (paging/ordinamento). In modalità EsTableHandledSearch
+     * imposta il guard `selfsearch` così il writeValue di rientro non ri-cerca.
+     */
+    emitSearchRequest(arg) {
+        this.researchInProgress.set(true);
+        const v = this.view();
+        if (v && !v.selfsearch && this.EsTableHandledSearch()) {
+            v.selfsearch = true;
+            this.changed(true);
+            this.onSearchRequest.emit(false);
+        }
+        else {
+            this.onSearchRequest.emit(arg);
+        }
+    }
+    changed(clearItems = false) {
+        if (clearItems && this.viewMode()) {
+            const isp = this.ItemSourceProperty();
+            const v = this.view();
+            if (v) {
+                if (!isp)
+                    v.items = [];
+                else
+                    v[isp] = [];
+            }
+        }
+        this.onChange(this.view());
+    }
     // ===========================================================================
     //  Mode & column model
     // ===========================================================================
@@ -7098,7 +7160,7 @@ class EsTable2Component {
             v.orders = list;
             v.internalsearchrequest = true;
             this.onOrderChanged.emit(new AppOrdering(col.id, next ?? undefined));
-            this.onSearchRequest.emit(false);
+            this.emitSearchRequest(false);
         }
         else {
             this.refresh();
@@ -7119,7 +7181,7 @@ class EsTable2Component {
             const v = this.view();
             v.page = p;
             v.internalsearchrequest = true;
-            this.onSearchRequest.emit(false);
+            this.emitSearchRequest(false);
         }
         else {
             this.arrayPage.set(p);
@@ -7133,7 +7195,7 @@ class EsTable2Component {
             v.itemsperpageoverride = n;
             v.page = 1;
             v.internalsearchrequest = true;
-            this.onSearchRequest.emit(false);
+            this.emitSearchRequest(false);
         }
         else {
             this.ArraymodeItemsPerPage.set(n);