@igo2/geo 21.0.0-next.37 → 21.0.0-next.38

package/fesm2022/igo2-geo.mjs

@@ -20,12 +20,12 @@ import html2canvas from 'html2canvas';
 import jsPDF, { jsPDF as jsPDF$1 } from 'jspdf';
 import { autoTable } from 'jspdf-autotable';
 import moment from 'moment';
-import { Observable, of, combineLatest, BehaviorSubject, interval, tap, merge, fromEvent, firstValueFrom, Subject, forkJoin, map as map$1, catchError as catchError$1, debounceTime as debounceTime$1, switchMap, EMPTY, timer, filter as filter$1, take, from, Subscription, pairwise, lastValueFrom, throwError, first as first$1, zip } from 'rxjs';
+import { Observable, of, combineLatest, BehaviorSubject, interval, tap, merge, fromEvent, firstValueFrom, Subject, forkJoin, map as map$1, catchError as catchError$1, debounceTime as debounceTime$1, switchMap, debounce, timer, filter as filter$1, take, from, Subscription, pairwise, lastValueFrom, throwError, first as first$1, zip, EMPTY } from 'rxjs';
 import { HttpClient, HttpParams, HttpHeaders } from '@angular/common/http';
 import { fetchImageFromDepotUrl, ImageErrorDirective, SecureImagePipe } from '@igo2/common/image';
 import { saveAs } from 'file-saver';
 import JSZip from 'jszip';
-import { concatMap, distinctUntilChanged, map, timeout, first, catchError, debounceTime, skip, filter, switchMap as switchMap$1, debounce, mergeMap, skipWhile, takeUntil, take as take$1, finalize, startWith } from 'rxjs/operators';
+import { concatMap, distinctUntilChanged, map, timeout, first, catchError, debounceTime, skip, filter, switchMap as switchMap$1, mergeMap, skipWhile, takeUntil, take as take$1, finalize, debounce as debounce$1, startWith } from 'rxjs/operators';
 import { getUid } from 'ol/util';
 import { __decorate, __param, __metadata } from 'tslib';
 import olSourceImageWMS from 'ol/source/ImageWMS';
@@ -12580,6 +12580,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImpo
         }] });
 
 class LayerSearchComponent {
+    destroyRef = inject(DestroyRef);
     control = new FormControl();
     initialValue = input(...(ngDevMode ? [undefined, { debugName: "initialValue" }] : /* istanbul ignore next */ []));
     floatLabel = input('auto', ...(ngDevMode ? [{ debugName: "floatLabel" }] : /* istanbul ignore next */ []));
@@ -12593,7 +12594,9 @@ class LayerSearchComponent {
                 emitEvent: false
             });
         }
-        this.control.valueChanges.pipe(debounceTime$1(300)).subscribe((value) => {
+        this.control.valueChanges
+            .pipe(debounce((value) => (value ? timer(300) : of(0))), takeUntilDestroyed(this.destroyRef))
+            .subscribe((value) => {
             this.searchChange.emit(value);
         });
     }
@@ -13123,6 +13126,10 @@ class LayerViewerComponent {
      * @internal
      */
     ngOnInit() {
+        const initialKeyword = this.options()?.filterAndSortOptions?.keyword;
+        if (initialKeyword) {
+            this.keyword$.next(initialKeyword);
+        }
         const baseObs$ = [
             this.layerController.layers$,
             this.keyword$
@@ -13147,11 +13154,7 @@ class LayerViewerComponent {
             this.isLoading.set(false);
             this.cdr.markForCheck();
         });
-        this.keyword$
-            .pipe(debounce(() => {
-            return this.layers?.length === 0 ? EMPTY : timer(50);
-        }))
-            .subscribe((keyword) => {
+        this.keyword$.subscribe((keyword) => {
             this.isDragDropDisabled = !!keyword;
             this.appliedFilterAndSort.emit({
                 keyword
@@ -32051,7 +32054,7 @@ class SearchBarComponent {
             this.empty$.next(term === undefined || term.length === 0);
         });
         this.stream$$ = this.stream$
-            .pipe(debounce(() => timer(this.debounce())))
+            .pipe(debounce$1(() => timer(this.debounce())))
             .subscribe((term) => this.onSetTerm(term));
         this.handlePlaceholder();
         this.searchType$$ = this.searchType$
@@ -32955,7 +32958,7 @@ class SearchResultsComponent {
     liftResults() {
         return this.store()
             ?.stateView.all$()
-            .pipe(debounce((results) => {
+            .pipe(debounce$1((results) => {
             return results.length === 0 ? EMPTY : timer(200);
         }), map((results) => {
             return this.groupResults(results.map((r) => r.entity).sort(this.sortByOrder));