matcha-components 19.10.0 → 19.11.0

package/fesm2022/matcha-components.mjs

@@ -1,7 +1,8 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, Input, Output, ContentChildren, ElementRef, Renderer2, Inject, HostListener, Directive, NgModule } from '@angular/core';
 import { animation, style, animate, trigger, transition, useAnimation, state, query, stagger, animateChild, sequence, group } from '@angular/animations';
-import { Subscription } from 'rxjs';
+import { Subscription, Subject } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
@@ -501,11 +502,14 @@ class MatchaInfiniteScrollDataComponent {
         this.aggregatedList = [];
         this.currentPage = 0;
         this.subscription = new Subscription();
+        // Subject para aplicar debounce no searchTerm
+        this.searchTermSubject = new Subject();
     }
     ngOnInit() {
         this.initialize();
+        // Configura o Intersection Observer para carregamento via scroll
         const options = {
-            root: null, // utiliza a viewport como área de visualização
+            root: null,
             rootMargin: '0px',
             threshold: this.threshold
         };
@@ -517,18 +521,24 @@ 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
+        ).subscribe(() => {
+            // Reseta e carrega a primeira página após o debounce
+            this.reset();
+            this.loadNextPage();
+        }));
     }
     /**
-     * Detecta mudanças no resetKey e, se for o caso, reseta a lista e a página atual.
+     * 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();
         }
         if (changes['searchTerm'] && !changes['searchTerm'].firstChange) {
-            // Reset e dispara imediatamente a carga para o autocomplete
-            this.reset();
-            this.loadNextPage();
+            // Emite o novo valor para o Subject e aguarda o debounce
+            this.searchTermSubject.next(changes['searchTerm'].currentValue);
         }
     }
     /**