@ah-oh/ao-workspaces-design-system 0.0.48 → 0.0.49

package/fesm2022/ah-oh-ao-workspaces-design-system.mjs

@@ -9,7 +9,7 @@ import { ReactiveFormsModule, NG_VALUE_ACCESSOR, FormsModule, FormControl, Valid
 import * as phosphorIcons from '@ng-icons/phosphor-icons/regular';
 import { phosphorLockSimple, phosphorWarning, phosphorCaretDown, phosphorSquare, phosphorCheckSquare, phosphorMinusSquare, phosphorCaretLeft, phosphorCaretRight, phosphorCalendarBlank, phosphorDotsThreeVertical, phosphorPlus, phosphorTrash, phosphorDatabase, phosphorMagnifyingGlass, phosphorFunnel, phosphorArrowsDownUp, phosphorCaretUp, phosphorPencilSimple, phosphorEye, phosphorArrowClockwise, phosphorArrowCounterClockwise, phosphorMinus, phosphorLink, phosphorCodeBlock, phosphorQuotes, phosphorListNumbers, phosphorListBullets, phosphorTextHThree, phosphorTextHTwo, phosphorTextHOne, phosphorCode, phosphorTextStrikethrough, phosphorTextItalic, phosphorTextB, phosphorCheck, phosphorX, phosphorSparkle, phosphorMicrophone, phosphorArrowRight, phosphorBell, phosphorBookOpenText, phosphorTestTube, phosphorPaperPlaneRight, phosphorClockCounterClockwise, phosphorSignOut, phosphorRobot, phosphorPuzzlePiece, phosphorGearSix, phosphorPenNib, phosphorTreeStructure, phosphorSquaresFour } from '@ng-icons/phosphor-icons/regular';
 import { takeUntilDestroyed, toSignal, toObservable } from '@angular/core/rxjs-interop';
-import { Subject, debounceTime, BehaviorSubject, map as map$1, catchError, of, tap, takeUntil, firstValueFrom, filter as filter$1, distinctUntilChanged, switchMap, timer, fromEvent } from 'rxjs';
+import { Subject, debounceTime, BehaviorSubject, map as map$1, catchError, of, tap, takeUntil, throttleTime, asyncScheduler, switchMap, firstValueFrom, filter as filter$1, distinctUntilChanged, timer, fromEvent } from 'rxjs';
 import { Editor } from '@tiptap/core';
 import Link from '@tiptap/extension-link';
 import Placeholder from '@tiptap/extension-placeholder';
@@ -21,7 +21,7 @@ import { Product, AccessRole } from '@ah-oh/ao-workspaces-types';
 import * as i1$1 from '@angular/router';
 import { NavigationEnd, Router } from '@angular/router';
 import RecordRTC from 'recordrtc';
-import { filter, map, throttleTime } from 'rxjs/operators';
+import { filter, map, throttleTime as throttleTime$1 } from 'rxjs/operators';
 import { ENTER, COMMA } from '@angular/cdk/keycodes';
 import { MarkdownComponent } from 'ngx-markdown';
 import { CdkMenu, CdkMenuItem } from '@angular/cdk/menu';
@@ -5972,7 +5972,7 @@ const ROBIN_SEARCH_APP_NAME = new InjectionToken('ROBIN_SEARCH_APP_NAME', {
     providedIn: 'root',
     factory: () => 'unknown',
 });
-const QUICK_DEBOUNCE_MS = 200;
+const QUICK_THROTTLE_MS = 200;
 class RobinSearchService {
     http = inject(HttpClient);
     baseUrl = inject(ROBIN_API_BASE_URL);
@@ -5984,8 +5984,12 @@ class RobinSearchService {
     resultGroups = signal([], ...(ngDevMode ? [{ debugName: "resultGroups" }] : /* istanbul ignore next */ []));
     pageSuggestion = signal(null, ...(ngDevMode ? [{ debugName: "pageSuggestion" }] : /* istanbul ignore next */ []));
     aiSuggestions = signal([], ...(ngDevMode ? [{ debugName: "aiSuggestions" }] : /* istanbul ignore next */ []));
-    debounceHandle = null;
-    requestSeq = 0;
+    quickSearchInput$ = new Subject();
+    constructor() {
+        this.quickSearchInput$
+            .pipe(throttleTime(QUICK_THROTTLE_MS, asyncScheduler, { leading: true, trailing: true }), switchMap(({ query, type }) => this.fetchQuickSearch(query, type)))
+            .subscribe((outcome) => this.applyQuickSearchOutcome(outcome));
+    }
     async loadRecommendedFilters() {
         try {
             const params = new HttpParams().set('appName', this.appName);
@@ -5999,9 +6003,6 @@ class RobinSearchService {
     }
     search(query, type) {
         this.query.set(query);
-        if (this.debounceHandle !== null) {
-            clearTimeout(this.debounceHandle);
-        }
         if (!query.trim()) {
             this.resultGroups.set([]);
             this.pageSuggestion.set(null);
@@ -6011,9 +6012,7 @@ class RobinSearchService {
             return;
         }
         this.loading.set(true);
-        this.debounceHandle = setTimeout(() => {
-            void this.runQuickSearch(query, type);
-        }, QUICK_DEBOUNCE_MS);
+        this.quickSearchInput$.next({ query, type });
     }
     async loadFull(query, type, date) {
         let params = new HttpParams().set('q', query).set('appName', this.appName);
@@ -6041,35 +6040,35 @@ class RobinSearchService {
             this.loading.set(false);
         }
     }
-    async runQuickSearch(query, type) {
-        const seq = ++this.requestSeq;
+    fetchQuickSearch(query, type) {
         let params = new HttpParams().set('q', query).set('appName', this.appName);
         if (type)
             params = params.set('type', type);
-        try {
-            const payload = await firstValueFrom(this.http.get(this.url('/search/quick'), { params }));
-            if (seq !== this.requestSeq)
-                return;
-            const safe = payload ?? {};
-            this.resultGroups.set(safe.groups ?? []);
-            this.pageSuggestion.set(safe.pageSuggestion ?? null);
-            this.aiSuggestions.set(safe.aiSuggestions ?? []);
-            this.error.set(null);
-        }
-        catch (err) {
-            if (seq !== this.requestSeq)
-                return;
+        return this.http
+            .get(this.url('/search/quick'), { params })
+            .pipe(map$1((payload) => ({ query, payload, failed: false })), catchError((err) => {
             console.warn('[RobinSearch] quickSearch failed', err);
+            return of({ query, payload: null, failed: true });
+        }));
+    }
+    applyQuickSearchOutcome(outcome) {
+        if (this.query() !== outcome.query) {
+            return;
+        }
+        if (outcome.failed) {
             this.error.set('Suche fehlgeschlagen');
             this.resultGroups.set([]);
             this.pageSuggestion.set(null);
             this.aiSuggestions.set([]);
         }
-        finally {
-            if (seq === this.requestSeq) {
-                this.loading.set(false);
-            }
+        else {
+            const safe = outcome.payload ?? {};
+            this.resultGroups.set(safe.groups ?? []);
+            this.pageSuggestion.set(safe.pageSuggestion ?? null);
+            this.aiSuggestions.set(safe.aiSuggestions ?? []);
+            this.error.set(null);
         }
+        this.loading.set(false);
     }
     url(path) {
         return `${this.baseUrl}${path}`;
@@ -6080,7 +6079,7 @@ class RobinSearchService {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: RobinSearchService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }] });
+        }], ctorParameters: () => [] });
 
 class LogoMenuComponent {
     workspaceNavbarService = inject(WorkspaceNavbarService);
@@ -7185,7 +7184,7 @@ class WorkspaceNavbarComponent {
     ngAfterViewInit() {
         if (isPlatformBrowser(this.platformId)) {
             fromEvent(window, 'scroll', { passive: true })
-                .pipe(throttleTime(50), takeUntilDestroyed(this.destroyRef))
+                .pipe(throttleTime$1(50), takeUntilDestroyed(this.destroyRef))
                 .subscribe(() => {
                 const scrollY = window.scrollY ?? window.pageYOffset ?? 0;
                 if (scrollY <= this.scrollThreshold) {