matcha-components 19.11.0 → 19.14.0

package/fesm2022/matcha-components.mjs

@@ -501,7 +501,10 @@ class MatchaInfiniteScrollDataComponent {
         this.aggregatedData = new EventEmitter();
         this.aggregatedList = [];
         this.currentPage = 0;
-        this.subscription = new Subscription();
+        // Subscription para as chamadas do loadData
+        this.dataSubscription = new Subscription();
+        // Subscription exclusiva para o debounce do searchTerm
+        this.searchSubscription = new Subscription();
         // Subject para aplicar debounce no searchTerm
         this.searchTermSubject = new Subject();
     }
@@ -522,19 +525,19 @@ class MatchaInfiniteScrollDataComponent {
         }, options);
         this.observer.observe(this.element.nativeElement);
         // Inscreve para receber alterações do searchTerm com debounce
-        this.subscription.add(this.searchTermSubject.pipe(debounceTime(300) // ajusta o tempo conforme necessário
+        this.searchSubscription = this.searchTermSubject.pipe(debounceTime(300) // ajuste o tempo conforme necessário
         ).subscribe(() => {
             // Reseta e carrega a primeira página após o debounce
-            this.reset();
+            this.resetData();
             this.loadNextPage();
-        }));
+        });
     }
     /**
      * Detecta mudanças nos inputs e, se for o caso, reseta a lista e a página atual.
      */
     ngOnChanges(changes) {
         if (changes['resetKey'] && !changes['resetKey'].firstChange) {
-            this.reset();
+            this.resetData();
         }
         if (changes['searchTerm'] && !changes['searchTerm'].firstChange) {
             // Emite o novo valor para o Subject e aguarda o debounce
@@ -550,12 +553,12 @@ class MatchaInfiniteScrollDataComponent {
         this.aggregatedData.emit(this.aggregatedList);
     }
     /**
-     * Reseta o estado interno da diretiva.
+     * Reseta apenas as assinaturas e o estado dos dados (não a inscrição do searchTerm).
      */
-    reset() {
-        // Cancela quaisquer assinaturas pendentes
-        this.subscription.unsubscribe();
-        this.subscription = new Subscription();
+    resetData() {
+        // Cancela as assinaturas das chamadas de loadData
+        this.dataSubscription.unsubscribe();
+        this.dataSubscription = new Subscription();
         // Re-inicializa a lista e o contador
         this.initialize();
     }
@@ -574,11 +577,12 @@ class MatchaInfiniteScrollDataComponent {
                 this.aggregatedData.emit(this.aggregatedList);
             }
         });
-        this.subscription.add(sub);
+        this.dataSubscription.add(sub);
     }
     ngOnDestroy() {
         this.observer.disconnect();
-        this.subscription.unsubscribe();
+        this.dataSubscription.unsubscribe();
+        this.searchSubscription.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaInfiniteScrollDataComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: MatchaInfiniteScrollDataComponent, isStandalone: false, selector: "matcha-infinite-scroll-data", inputs: { loadData: "loadData", initialList: "initialList", threshold: "threshold", resetKey: "resetKey", searchTerm: "searchTerm" }, outputs: { aggregatedData: "aggregatedData" }, usesOnChanges: true, ngImport: i0, template: "", styles: ["", ":host{height:1px;opacity:0}\n"] }); }