@indice/ng-components 0.5.0 → 0.5.1-beta.1

package/fesm2022/indice-ng-components.mjs

@@ -4424,6 +4424,9 @@ class BaseListComponent {
         this.metaItems = [];
         this.singularResult = 'result';
         this.pluralResults = 'results';
+        this.minimumSearchCharacters = 3;
+        this.searchDebounceTime = 300;
+        this.searchSubject$ = new Subject();
         this.autoLoad = true;
     }
     ngOnDestroy() {
@@ -4433,6 +4436,9 @@ class BaseListComponent {
         if (this.loadSub$) {
             this.loadSub$.unsubscribe();
         }
+        if (this.searchSub$) {
+            this.searchSub$.unsubscribe();
+        }
     }
     getViewActions() {
         const actions = [
@@ -4451,6 +4457,9 @@ class BaseListComponent {
         this.metaItems = [
             { key: 'count', icon: Icons.ItemsCount, text: 'please wait...' }
         ];
+        this.searchSub$ = this.searchSubject$.pipe(filter(value => (value?.length ?? 0) >= this.minimumSearchCharacters || (value?.length ?? 0) === 0), debounceTime(this.searchDebounceTime), distinctUntilChanged()).subscribe(searchText => {
+            this.executeSearch(searchText);
+        });
         // disabled external route changes monitoring due to sync issues - which is bad :) - refresh from url will not work
         // until i come up with a solution...
         this.routeSub$ = this.route$.queryParamMap.subscribe(params => {
@@ -4615,6 +4624,9 @@ class BaseListComponent {
         this.load();
     }
     searchChanged(searchText) {
+        this.searchSubject$.next(searchText);
+    }
+    executeSearch(searchText) {
         this.count = 0;
         this.page = 1;
         this.items = null;