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

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 = 1000;
+        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,14 @@ 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.count = 0;
+            this.page = 1;
+            this.items = null;
+            this.search = searchText;
+            this.setRouteParams();
+            this.load();
+        });
         // 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,12 +4629,7 @@ class BaseListComponent {
         this.load();
     }
     searchChanged(searchText) {
-        this.count = 0;
-        this.page = 1;
-        this.items = null;
-        this.search = searchText;
-        this.setRouteParams();
-        this.load();
+        this.searchSubject$.next(searchText);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BaseListComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: BaseListComponent, isStandalone: false, selector: "ng-component", inputs: { autoLoad: ["auto-load", "autoLoad"] }, ngImport: i0, template: '', isInline: true }); }