@esfaenza/es-table 20.3.15 → 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;
         // ===========================================================================
@@ -6630,6 +6635,9 @@ class EsTable2Component {
                 left: Math.min(s.a.c, s.f.c), right: Math.max(s.a.c, s.f.c)
             };
         }, ...(ngDevMode ? [{ debugName: "rangeRect" }] : []));
+        /** true se il mousedown corrente è un click sulla singola cella già selezionata
+         *  (→ un click senza trascinamento la deseleziona) */
+        this.rangeClickToggle = false;
         /** Avviso transitorio mostrato in un piccolo toast (es. incolla incompatibile) */
         this.notice = signal(null, ...(ngDevMode ? [{ debugName: "notice" }] : []));
         this.noticeTimer = null;
@@ -6667,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) {
@@ -6677,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();
@@ -6688,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
     // ===========================================================================
@@ -7095,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();
@@ -7116,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);
@@ -7130,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);
@@ -7394,6 +7459,11 @@ class EsTable2Component {
         // Una sola selezione alla volta: avviare un range azzera l'eventuale selezione di riga
         if (this.hasSelection)
             this.clearSelection();
+        // Se ri-clicco l'unica cella già selezionata (range 1×1 su questa cella), un
+        // click senza drag la deseleziona (gestito nel mouseup).
+        const prev = this.rangeSel();
+        this.rangeClickToggle = !!prev &&
+            prev.a.r === co.r && prev.a.c === co.c && prev.f.r === co.r && prev.f.c === co.c;
         this.rangeDragging.set(true);
         this.rangeSel.set({ a: co, f: co });
         this.clearTextSelection();
@@ -7413,12 +7483,22 @@ class EsTable2Component {
             return;
         if (s.f.r === co.r && s.f.c === co.c)
             return; // nessun cambiamento → niente ricalcolo (no debounce necessario)
+        this.rangeClickToggle = false; // è un drag, non un click di toggle
         this.rangeSel.set({ a: s.a, f: co });
         this.clearTextSelection();
         this.cdr.markForCheck();
     }
-    onDocMouseUp() { if (this.rangeDragging())
-        this.rangeDragging.set(false); }
+    onDocMouseUp() {
+        if (!this.rangeDragging())
+            return;
+        this.rangeDragging.set(false);
+        // click (nessun drag) sull'unica cella già selezionata → deseleziona
+        if (this.rangeClickToggle) {
+            this.rangeClickToggle = false;
+            this.rangeSel.set(null);
+            this.cdr.markForCheck();
+        }
+    }
     flashNotice(msg) {
         this.notice.set(msg);
         this.cdr.markForCheck();