cat-documents-ng 1.0.27 → 1.0.29

package/Shared/constant/URLS.d.ts

@@ -121,4 +121,6 @@ export declare class URLS {
     static DOCUMENT_REQUEST: string;
     static VALUATION_REPORT: string;
     static CONVERT_TO_PDF: string;
+    static BROKER_DOCUMENT_CATAGORIES: string;
+    static BROKER_DOCUMENT_TYPES: string;
 }

package/fesm2022/cat-documents-ng.mjs

@@ -4,7 +4,7 @@ import * as i6 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { firstValueFrom, EMPTY, tap, catchError, throwError, of, combineLatest, Subject, Observable, takeUntil, Subscription, debounceTime as debounceTime$1, distinctUntilChanged as distinctUntilChanged$1, BehaviorSubject } from 'rxjs';
 import * as i2 from '@angular/common/http';
-import { HttpHeaders, HttpParams, HttpClientModule } from '@angular/common/http';
+import { HttpParams, HttpClientModule, HttpHeaders } from '@angular/common/http';
 import { __decorate } from 'tslib';
 import { EntityStore, StoreConfig, QueryEntity } from '@datorama/akita';
 import { debounceTime, distinctUntilChanged, switchMap, map, catchError as catchError$1 } from 'rxjs/operators';
@@ -1106,6 +1106,8 @@ class URLS {
     static DOCUMENT_REQUEST = "documents/requestDocument";
     static VALUATION_REPORT = "valuationReport/";
     static CONVERT_TO_PDF = "documents/convert-email-to-pdf";
+    static BROKER_DOCUMENT_CATAGORIES = "documentTypes/getAllCategoriesForBrokerBySource/";
+    static BROKER_DOCUMENT_TYPES = "documentTypes/getAllDocumentTypesForBrokerByCategoryId/";
 }
 
 /**
@@ -1421,10 +1423,7 @@ class DocumentHttpService {
     getFoldersData(contextId) {
         if (!contextId)
             return EMPTY;
-        let headers = new HttpHeaders({
-            'Authorization': `Bearer 3def65bf-2dfc-466b-85a3-13cd1db0960e`
-        });
-        return this.http.get(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD}${URLS.FOLDERS}${contextId}`, { headers }).pipe(tap((folders) => {
+        return this.http.get(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD}${URLS.FOLDERS}${contextId}`).pipe(tap((folders) => {
             this.documentStore.setFolders(folders);
         }), catchError((error) => {
             return throwError(() => new Error(error));
@@ -1437,10 +1436,7 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the transformed data for dropdown options.
      */
     getDocumentCatagories(contextId) {
-        let headers = new HttpHeaders({
-            'Authorization': `Bearer 3def65bf-2dfc-466b-85a3-13cd1db0960e`
-        });
-        return this.http.get(`${this.apiUrl}${URLS.DOCUMENTS_CATAGORIES}/${contextId}`, { headers })
+        return this.http.get(`${this.apiUrl}${URLS.DOCUMENTS_CATAGORIES}/${contextId}`)
             .pipe(tap((response) => {
             if (response && response.categories) {
                 this.documentStore.setDocumentCategories(response.categories);
@@ -1470,10 +1466,7 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the transformed data for dropdown options.
     */
     getAlertsByDocumentID(documentId) {
-        let headers = new HttpHeaders({
-            'Authorization': `Bearer 3def65bf-2dfc-466b-85a3-13cd1db0960e`
-        });
-        return this.http.get(`${this.apiUrl}${URLS.ALERT_BY_DOCUMENT_ID}${documentId}`, { headers }).pipe(tap((documentAlert) => {
+        return this.http.get(`${this.apiUrl}${URLS.ALERT_BY_DOCUMENT_ID}${documentId}`).pipe(tap((documentAlert) => {
             this.documentStore.setDocumentAlert(documentAlert);
         }), catchError((error) => {
             return throwError(() => new Error(error));
@@ -1486,10 +1479,7 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the transformed data for dropdown options.
     */
     getDocumentByFolderID(folderId, contextId) {
-        let headers = new HttpHeaders({
-            'Authorization': `Bearer 3def65bf-2dfc-466b-85a3-13cd1db0960e`
-        });
-        return this.http.get(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD}/${URLS.PARENT_DOCUMENT_TYPE_ID}${folderId}${URLS.CONTEXT_ID}${contextId}`, { headers }).pipe(tap((records) => {
+        return this.http.get(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD}/${URLS.PARENT_DOCUMENT_TYPE_ID}${folderId}${URLS.CONTEXT_ID}${contextId}`).pipe(tap((records) => {
             this.documentStore.set(records);
         }), catchError((error) => {
             return throwError(() => new Error(error));
@@ -1504,10 +1494,7 @@ class DocumentHttpService {
      * @returns {Observable<DocumentModel>} An observable that emits the updated DocumentModel.
      */
     updateDocumentName(documentId, payload) {
-        let headers = new HttpHeaders({
-            'Authorization': `Bearer 3def65bf-2dfc-466b-85a3-13cd1db0960e`
-        });
-        return this.http.put(`${this.apiUrl}${URLS.ALIAS_NAME}${documentId}`, payload, { headers }).pipe(catchError((error) => {
+        return this.http.put(`${this.apiUrl}${URLS.ALIAS_NAME}${documentId}`, payload).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
     }
@@ -1519,10 +1506,7 @@ class DocumentHttpService {
     getUserListByContextId(contextId) {
         if (!contextId)
             return EMPTY;
-        let headers = new HttpHeaders({
-            'Authorization': `Bearer 3def65bf-2dfc-466b-85a3-13cd1db0960e`
-        });
-        return this.http.get(`${this.apiUrl}${URLS.USERLIST}${contextId}`, { headers }).pipe(tap((userList) => {
+        return this.http.get(`${this.apiUrl}${URLS.USERLIST}${contextId}`).pipe(tap((userList) => {
             this.documentStore.setUserList(userList);
         }), catchError((error) => {
             return throwError(() => new Error(error));
@@ -1538,9 +1522,6 @@ class DocumentHttpService {
     getStatusDocumentCount(applicationId, contextId = null, categoryId = null) {
         if (!applicationId)
             return EMPTY;
-        let headers = new HttpHeaders({
-            'Authorization': `Bearer 3def65bf-2dfc-466b-85a3-13cd1db0960e`
-        });
         let url = `${this.apiUrl}${URLS.STATUS_DOCUMENT_COUNT}${applicationId}`;
         let params = new HttpParams();
         const contextParam = contextId || null;
@@ -1550,7 +1531,7 @@ class DocumentHttpService {
         if (categoryId) {
             params = params.set(SHARED.CATEGORY, categoryId);
         }
-        return this.http.get(url, { params, headers }).pipe(tap((statusData) => {
+        return this.http.get(url, { params }).pipe(tap((statusData) => {
             this.documentStore.setStatusData(statusData);
         }), catchError((error) => {
             return throwError(() => new Error(error));
@@ -1568,9 +1549,6 @@ class DocumentHttpService {
      * @returns {Observable<any>} An observable that emits the filtered document data.
      */
     getDocumentsBySelection(contextId, menuItem, userId, status, searchKey = null) {
-        let headers = new HttpHeaders({
-            'Authorization': `Bearer 3def65bf-2dfc-466b-85a3-13cd1db0960e`
-        });
         let params = new HttpParams();
         if (userId) {
             params = params.set(SHARED.CONTEXT_ID, userId);
@@ -1581,7 +1559,7 @@ class DocumentHttpService {
         if (searchKey) {
             params = params.set(SHARED.SEARCH_KEY, searchKey);
         }
-        return this.http.get(`${this.apiUrl}${URLS.GETALL}/${contextId}`, { params, headers }).pipe(tap((response) => {
+        return this.http.get(`${this.apiUrl}${URLS.GETALL}/${contextId}`, { params }).pipe(tap((response) => {
             if (response.documents) {
                 this.documentStore.setDocumentList(response.documents);
             }
@@ -1593,10 +1571,7 @@ class DocumentHttpService {
         if (!documentId) {
             return of([]);
         }
-        let headers = new HttpHeaders({
-            'Authorization': `Bearer 3def65bf-2dfc-466b-85a3-13cd1db0960e`
-        });
-        return this.http.get(`${this.apiUrl}${URLS.DOCUMENT_HISTORY}${documentId}`, { headers }).pipe(catchError((error) => {
+        return this.http.get(`${this.apiUrl}${URLS.DOCUMENT_HISTORY}${documentId}`).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
     }
@@ -1608,10 +1583,31 @@ class DocumentHttpService {
     getCategoriesBySource(source) {
         if (!source)
             return EMPTY;
-        let headers = new HttpHeaders({
-            'Authorization': `Bearer 3def65bf-2dfc-466b-85a3-13cd1db0960e`
-        });
-        return this.http.get(`${this.apiUrl}${URLS.GET_CATEGORIES_BY_SOURCE}${source}`, { headers }).pipe(catchError((error) => {
+        return this.http.get(`${this.apiUrl}${URLS.GET_CATEGORIES_BY_SOURCE}${source}`).pipe(catchError((error) => {
+            return throwError(() => new Error(error));
+        }));
+    }
+    /**
+     * Fetches broker document categories by source.
+     * @param {string} source - The source type (Broker).
+     * @returns {Observable<DocumentCategory[]>} Observable that emits the categories.
+     */
+    getBrokerDocumentCatagoriesBySource(source) {
+        if (!source)
+            return EMPTY;
+        return this.http.get(`${this.apiUrl}${URLS.BROKER_DOCUMENT_CATAGORIES}${source}`).pipe(catchError((error) => {
+            return throwError(() => new Error(error));
+        }));
+    }
+    /**
+     * Fetches broker document types by category ID.
+     * @param {string} categoryId - The category ID to fetch document types for.
+     * @returns {Observable<DocumentTypeModel[]>} Observable that emits the document types.
+     */
+    getBrokerDocumentTypesByCategoryId(categoryId) {
+        if (!categoryId)
+            return EMPTY;
+        return this.http.get(`${this.apiUrl}${URLS.BROKER_DOCUMENT_TYPES}${categoryId}`).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
     }
@@ -1623,10 +1619,7 @@ class DocumentHttpService {
     getDocumentTypesByCategory(categoryId) {
         if (!categoryId)
             return EMPTY;
-        let headers = new HttpHeaders({
-            'Authorization': `Bearer 3def65bf-2dfc-466b-85a3-13cd1db0960e`
-        });
-        return this.http.get(`${this.apiUrl}${URLS.GET_DOCUMENT_TYPES_BY_CATEGORY}${categoryId}`, { headers }).pipe(catchError((error) => {
+        return this.http.get(`${this.apiUrl}${URLS.GET_DOCUMENT_TYPES_BY_CATEGORY}${categoryId}`).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
     }
@@ -1636,10 +1629,7 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the upload response.
      */
     uploadFile(formData) {
-        let headers = new HttpHeaders({
-            'Authorization': `Bearer 3def65bf-2dfc-466b-85a3-13cd1db0960e`
-        });
-        return this.http.post(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD_FILE}`, formData, { headers }).pipe(catchError((error) => {
+        return this.http.post(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD_FILE}`, formData).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
     }
@@ -1649,10 +1639,7 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the save response.
      */
     saveDocumentUpload(payload) {
-        let headers = new HttpHeaders({
-            'Authorization': `Bearer 3def65bf-2dfc-466b-85a3-13cd1db0960e`
-        });
-        return this.http.post(`${this.apiUrl}${URLS.SAVE_DOCUMENT_UPLOAD}`, payload, { headers }).pipe(catchError((error) => {
+        return this.http.post(`${this.apiUrl}${URLS.SAVE_DOCUMENT_UPLOAD}`, payload).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
     }
@@ -1667,10 +1654,7 @@ class DocumentHttpService {
         const payload = {
             statusUpdateDescription: statusUpdateDescription
         };
-        let headers = new HttpHeaders({
-            'Authorization': `Bearer 3def65bf-2dfc-466b-85a3-13cd1db0960e`
-        });
-        return this.http.put(`${this.apiUrl}${URLS.UPDATE_DOCUMENT_STATUS}${documentId}/${status}`, payload, { headers }).pipe(tap((response) => {
+        return this.http.put(`${this.apiUrl}${URLS.UPDATE_DOCUMENT_STATUS}${documentId}/${status}`, payload).pipe(tap((response) => {
             if (response && response.status) {
                 const normalizedStatus = this.normalizeStatus(response.status);
                 response.normalizedStatus = normalizedStatus;
@@ -1703,10 +1687,7 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the delete response
      */
     deleteDocument(documentId, contextId) {
-        let headers = new HttpHeaders({
-            'Authorization': `Bearer 3def65bf-2dfc-466b-85a3-13cd1db0960e`
-        });
-        return this.http.delete(`${this.apiUrl}${URLS.DELETE_DOCUMENT}${documentId}`, { headers }).pipe(tap(() => {
+        return this.http.delete(`${this.apiUrl}${URLS.DELETE_DOCUMENT}${documentId}`).pipe(tap(() => {
             this.getDocumentCatagories(contextId).subscribe();
             this.getUserListByContextId(contextId).subscribe();
             this.getStatusDocumentCount(contextId).subscribe();
@@ -1722,10 +1703,7 @@ class DocumentHttpService {
      * @returns {Observable<ArrayBuffer>} Observable that emits the file data as ArrayBuffer
      */
     downloadExcelFile(documentUrl) {
-        let headers = new HttpHeaders({
-            'Authorization': `Bearer 3def65bf-2dfc-466b-85a3-13cd1db0960e`
-        });
-        return this.http.get(documentUrl, { headers,
+        return this.http.get(documentUrl, {
             responseType: 'arraybuffer'
         }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
@@ -1738,10 +1716,7 @@ class DocumentHttpService {
      * @returns {Observable<string>} Observable that emits the file data as string
      */
     downloadCsvFile(documentUrl) {
-        let headers = new HttpHeaders({
-            'Authorization': `Bearer 3def65bf-2dfc-466b-85a3-13cd1db0960e`
-        });
-        return this.http.get(documentUrl, { headers,
+        return this.http.get(documentUrl, {
             responseType: 'text'
         }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
@@ -1753,28 +1728,22 @@ class DocumentHttpService {
      * @returns Observable of file content as text
      */
     downloadEmailFile(documentUrl) {
-        let headers = new HttpHeaders({
-            'Authorization': `Bearer 3def65bf-2dfc-466b-85a3-13cd1db0960e`
-        });
         const isAzureBlobStorage = documentUrl.includes('.blob.core.windows.net');
         if (isAzureBlobStorage) {
-            return this.http.get(documentUrl, { headers,
+            return this.http.get(documentUrl, {
                 responseType: 'text'
             }).pipe(catchError((error) => {
                 return throwError(() => new Error('Failed to download email file. Please check if the file URL is valid and accessible.'));
             }));
         }
         else {
-            return this.http.get(documentUrl, { headers }).pipe(catchError((error) => {
+            return this.http.get(documentUrl).pipe(catchError((error) => {
                 return throwError(() => new Error('Failed to download email file. Please check if the file URL is valid and accessible.'));
             }));
         }
     }
     documentRequest(payload) {
-        let headers = new HttpHeaders({
-            'Authorization': `Bearer 3def65bf-2dfc-466b-85a3-13cd1db0960e`
-        });
-        return this.http.post(`${this.apiUrl}${URLS.DOCUMENT_REQUEST}`, payload, { headers }).pipe(catchError((error) => {
+        return this.http.post(`${this.apiUrl}${URLS.DOCUMENT_REQUEST}`, payload).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
     }
@@ -1786,10 +1755,7 @@ class DocumentHttpService {
     getValuationReportByContextId(contextId) {
         if (!contextId)
             return EMPTY;
-        let headers = new HttpHeaders({
-            'Authorization': `Bearer 3def65bf-2dfc-466b-85a3-13cd1db0960e`
-        });
-        return this.http.get(`${this.apiUrl}${URLS.VALUATION_REPORT}${contextId}`, { headers }).pipe(catchError((error) => {
+        return this.http.get(`${this.apiUrl}${URLS.VALUATION_REPORT}${contextId}`).pipe(catchError((error) => {
             // Return empty object if no data found or error occurs
             return of(null);
         }));
@@ -1803,10 +1769,7 @@ class DocumentHttpService {
         if (!documentUrl)
             return EMPTY;
         const payload = { documentUrl: documentUrl };
-        let headers = new HttpHeaders({
-            'Authorization': `Bearer 3def65bf-2dfc-466b-85a3-13cd1db0960e`
-        });
-        return this.http.post(`${this.apiUrl}${URLS.CONVERT_TO_PDF}`, payload, { headers,
+        return this.http.post(`${this.apiUrl}${URLS.CONVERT_TO_PDF}`, payload, {
             responseType: 'blob'
         }).pipe(catchError((error) => {
             return throwError(() => new Error(error?.message || 'Failed to convert email to PDF'));
@@ -2732,10 +2695,7 @@ class DocumentService {
      * @returns {Observable<any>} Observable that emits the newly created document.
      */
     create(entity) {
-        let headers = new HttpHeaders({
-            'Authorization': `Bearer 3def65bf-2dfc-466b-85a3-13cd1db0960e`
-        });
-        return this.http.post(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD_FILE}`, entity, { headers }).pipe(tap((newEntity) => this.documentStore.add(newEntity)));
+        return this.http.post(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD_FILE}`, entity).pipe(tap((newEntity) => this.documentStore.add(newEntity)));
     }
     /**
      * Fetches all documents from the backend.
@@ -3054,12 +3014,24 @@ class DocumentUploadBusinessService {
     loadCategories(assignmentType) {
         return this.documentHttpService.getCategoriesBySource(assignmentType);
     }
+    /**
+     * Loads categories based on assignment type
+     */
+    loadBrokerCategories(assignmentType) {
+        return this.documentHttpService.getBrokerDocumentCatagoriesBySource(assignmentType);
+    }
     /**
      * Loads document types based on category
      */
     loadDocumentTypes(categoryId) {
         return this.documentHttpService.getDocumentTypesByCategory(categoryId);
     }
+    /**
+     * Loads broker document types based on category
+     */
+    loadBrokerDocumentTypes(categoryId) {
+        return this.documentHttpService.getBrokerDocumentTypesByCategoryId(categoryId);
+    }
     /**
      * Filters applicants based on assignment type
      */
@@ -3396,6 +3368,21 @@ class DocumentUploadDataService {
         }
         return this.businessService.loadCategories(assignmentType);
     }
+    /**
+     * Loads categories and handles the response
+     */
+    loadBrokerCategories(assignmentType, onSuccess, onError) {
+        if (!assignmentType) {
+            return new Observable();
+        }
+        return this.businessService.loadBrokerCategories(assignmentType);
+    }
+    /**
+     * Loads broker document types and handles the response
+     */
+    loadBrokerDocumentTypes(categoryId, onSuccess, onError) {
+        return this.businessService.loadBrokerDocumentTypes(categoryId);
+    }
     /**
      * Loads document types and handles the response
      */
@@ -4158,14 +4145,14 @@ class RequestDocumentComponent {
     }
     loadCategories() {
         this.isLoadingCategories = true;
-        this.dataService.loadCategories(this.selectedAssignmentType, (categories) => this.handleCategoriesLoaded(categories), (error) => this.handleError('Failed to Load Categories', error, () => this.isLoadingCategories = false)).pipe(takeUntil(this.destroy$)).subscribe({
+        this.dataService.loadBrokerCategories(this.selectedAssignmentType, (categories) => this.handleCategoriesLoaded(categories), (error) => this.handleError('Failed to Load Categories', error, () => this.isLoadingCategories = false)).pipe(takeUntil(this.destroy$)).subscribe({
             next: (categories) => this.handleCategoriesLoaded(categories),
             error: (error) => this.handleError('Failed to Load Categories', error, () => this.isLoadingCategories = false)
         });
     }
     loadDocumentTypes() {
         this.isLoadingDocumentTypes = true;
-        this.dataService.loadDocumentTypes(this.selectedCategory, (documentTypes) => this.handleDocumentTypesLoaded(documentTypes), (error) => this.handleError('Failed to Load Document Types', error, () => this.isLoadingDocumentTypes = false)).pipe(takeUntil(this.destroy$)).subscribe({
+        this.dataService.loadBrokerDocumentTypes(this.selectedCategory, (documentTypes) => this.handleDocumentTypesLoaded(documentTypes), (error) => this.handleError('Failed to Load Document Types', error, () => this.isLoadingDocumentTypes = false)).pipe(takeUntil(this.destroy$)).subscribe({
             next: (documentTypes) => this.handleDocumentTypesLoaded(documentTypes),
             error: (error) => this.handleError('Failed to Load Document Types', error, () => this.isLoadingDocumentTypes = false)
         });
@@ -4792,11 +4779,11 @@ class DocumentSearchComponent {
         }
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentSearchComponent, deps: [{ token: DocumentHelperService }, { token: DocumentQuery }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DocumentSearchComponent, isStandalone: false, selector: "document-search", inputs: { contextId: "contextId" }, outputs: { onActionClick: "onActionClick", onRequestClick: "onRequestClick" }, ngImport: i0, template: "<div class=\"search-container\">\r\n  <div class=\"search-header\">\r\n    <h2 class=\"ml-3 document-heading\">Documents</h2>  \r\n  </div>\r\n  <div class=\"search-input-wrapper\">\r\n    <i class=\"pi pi-search search-icon\"></i>\r\n    <input \r\n      type=\"text\" \r\n      [(ngModel)]=\"searchTerm\"\r\n      (ngModelChange)=\"onSearchInputChange($event)\"\r\n      class=\"search-input\"\r\n      placeholder=\"Search by document name, category, type, status or applicant name...\"\r\n      [attr.aria-label]=\"'Search documents'\"\r\n    />\r\n    <button \r\n      *ngIf=\"searchTerm\"\r\n      type=\"button\"\r\n      class=\"clear-button\"\r\n      (click)=\"onClearSearch()\"\r\n      [attr.aria-label]=\"'Clear search'\"\r\n    >\r\n      <i class=\"pi pi-times\"></i>\r\n    </button>\r\n  </div>\r\n\r\n  <button \r\n    *ngIf=\"shouldShowClearAll\"\r\n    type=\"button\"\r\n    class=\"clear-all-filters-link\"\r\n    (click)=\"onClearAllFilters()\"\r\n    [attr.aria-label]=\"'Clear all'\"\r\n  >\r\n  Clear All\r\n  <i class=\"pi pi-times\"></i>\r\n  </button>\r\n\r\n  <div class=\"filters-section\">\r\n    <div class=\"actions-menu\">\r\n      <button \r\n        type=\"button\"\r\n        class=\"actions-btn\" \r\n        (click)=\"toggleActionsMenu()\" \r\n        [class.active]=\"showActionsMenu\"\r\n        [attr.aria-label]=\"'Open actions menu'\"\r\n        [attr.aria-expanded]=\"showActionsMenu\"\r\n      >\r\n        Actions\r\n        <i class=\"pi pi-chevron-down\" [class.rotated]=\"showActionsMenu\"></i>\r\n      </button>\r\n\r\n      <!-- Actions Dropdown Menu -->\r\n      <div class=\"actions-dropdown\" *ngIf=\"showActionsMenu\">\r\n        <div class=\"dropdown-item\" (click)=\"handleUploadDocument()\">\r\n          <i class=\"pi pi-upload\"></i>\r\n          <span>Upload Document</span>\r\n        </div>\r\n        <div class=\"dropdown-item\" (click)=\"handleRequestDocument()\">\r\n          <i class=\"pi pi-file\"></i>\r\n          <span>Request Document</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div> ", styles: [".search-container{display:flex;align-items:center;gap:1rem;width:100%;justify-content:flex-start;padding:10px}.search-input-wrapper{position:relative;flex:1;display:flex;align-items:center;max-width:50%;min-width:300px}.clear-all-filters-link{background:none;border:none;color:#0f8bfd;cursor:pointer;padding:8px 12px;border-radius:4px;font-size:16px;font-weight:500;text-decoration:none!important;transition:background-color .2s ease,color .2s ease;white-space:nowrap;flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:4px}.filters-section{display:flex;align-items:center;gap:1rem;flex-shrink:0;margin-left:auto}.filters-section .actions-menu{position:relative}.filters-section .actions-menu .actions-btn{background:#0f8bfd;border:none;border-radius:8px;padding:8px 10px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;white-space:nowrap}.filters-section .actions-menu .actions-btn:hover{background:#0d7ae6;transform:translateY(-1px)}.filters-section .actions-menu .actions-btn:active{transform:translateY(0)}.filters-section .actions-menu .actions-btn.active{background:#0d7ae6}.filters-section .actions-menu .actions-btn:focus{outline:none;box-shadow:0 0 0 3px #0f8bfd4d}.filters-section .actions-menu .actions-btn i{font-size:.75rem;transition:transform .2s}.filters-section .actions-menu .actions-btn i.rotated{transform:rotate(180deg)}.filters-section .actions-menu .actions-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;min-width:200px;overflow:hidden}.filters-section .actions-menu .actions-dropdown .dropdown-item{padding:.75rem 1rem;cursor:pointer;color:#374151;font-size:.875rem;transition:background-color .2s;display:flex;align-items:center;gap:.75rem}.filters-section .actions-menu .actions-dropdown .dropdown-item i{font-size:1rem;color:#6b7280}.filters-section .actions-menu .actions-dropdown .dropdown-item:hover{background-color:#f3f4f6}.filters-section .actions-menu .actions-dropdown .dropdown-item:not(:last-child){border-bottom:1px solid #f3f4f6}.filters-section .actions-menu .actions-dropdown .dropdown-item:active{background-color:#e5e7eb}.search-icon{position:absolute;left:12px;color:#6c757d;z-index:1}.search-input{width:100%;padding:12px 40px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{border-color:#0f8bfd;box-shadow:0 0 0 3px #0f8bfd1a}.search-input::placeholder{color:#6c757d}.clear-button{position:absolute;right:12px;background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease,color .2s ease}.clear-button:hover{background-color:#f8f9fa;color:#495057}@media (max-width: 768px){.search-container{flex-direction:column;gap:.75rem}.search-input-wrapper{max-width:100%}.filters-section{width:100%;justify-content:center;gap:.5rem}.filters-section .actions-menu .actions-btn{width:auto;justify-content:center}.filters-section .actions-menu .actions-dropdown{left:50%;transform:translate(-50%);right:auto}}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i9$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i9$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DocumentSearchComponent, isStandalone: false, selector: "document-search", inputs: { contextId: "contextId" }, outputs: { onActionClick: "onActionClick", onRequestClick: "onRequestClick" }, ngImport: i0, template: "<div class=\"search-container\">\r\n  <div class=\"search-header\">\r\n    <h2 class=\"ml-3 document-heading\">Documents</h2>  \r\n  </div>\r\n  <div class=\"search-input-wrapper\">\r\n    <!-- <i class=\"pi pi-search search-icon\"></i> -->\r\n    <input \r\n      type=\"text\" \r\n      [(ngModel)]=\"searchTerm\"\r\n      (ngModelChange)=\"onSearchInputChange($event)\"\r\n      class=\"search-input\"\r\n      placeholder=\"Search by document name, category, type, status or applicant name...\"\r\n      [attr.aria-label]=\"'Search documents'\"\r\n    />\r\n    <button \r\n      *ngIf=\"searchTerm\"\r\n      type=\"button\"\r\n      class=\"clear-button\"\r\n      (click)=\"onClearSearch()\"\r\n      [attr.aria-label]=\"'Clear search'\"\r\n    >\r\n      <i class=\"pi pi-times\"></i>\r\n    </button>\r\n  </div>\r\n\r\n  <button \r\n    *ngIf=\"shouldShowClearAll\"\r\n    type=\"button\"\r\n    class=\"clear-all-filters-link\"\r\n    (click)=\"onClearAllFilters()\"\r\n    [attr.aria-label]=\"'Clear all'\"\r\n  >\r\n  Clear All\r\n  <i class=\"pi pi-times\"></i>\r\n  </button>\r\n\r\n  <div class=\"filters-section\">\r\n    <div class=\"actions-menu\">\r\n      <button \r\n        type=\"button\"\r\n        class=\"actions-btn\" \r\n        (click)=\"toggleActionsMenu()\" \r\n        [class.active]=\"showActionsMenu\"\r\n        [attr.aria-label]=\"'Open actions menu'\"\r\n        [attr.aria-expanded]=\"showActionsMenu\"\r\n      >\r\n        Actions\r\n        <i class=\"pi pi-chevron-down\" [class.rotated]=\"showActionsMenu\"></i>\r\n      </button>\r\n\r\n      <!-- Actions Dropdown Menu -->\r\n      <div class=\"actions-dropdown\" *ngIf=\"showActionsMenu\">\r\n        <div class=\"dropdown-item\" (click)=\"handleUploadDocument()\">\r\n          <i class=\"pi pi-upload\"></i>\r\n          <span>Upload Document</span>\r\n        </div>\r\n        <div class=\"dropdown-item\" (click)=\"handleRequestDocument()\">\r\n          <i class=\"pi pi-file\"></i>\r\n          <span>Request Document</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div> ", styles: [".search-container{display:flex;align-items:center;gap:1rem;width:100%;justify-content:flex-start;padding:10px}.search-input-wrapper{position:relative;flex:1;display:flex;align-items:center;max-width:50%;min-width:300px}.clear-all-filters-link{background:none;border:none;color:#0f8bfd;cursor:pointer;padding:8px 12px;border-radius:4px;font-size:16px;font-weight:500;text-decoration:none!important;transition:background-color .2s ease,color .2s ease;white-space:nowrap;flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:4px}.filters-section{display:flex;align-items:center;gap:1rem;flex-shrink:0;margin-left:auto}.filters-section .actions-menu{position:relative}.filters-section .actions-menu .actions-btn{background:#0f8bfd;border:none;border-radius:8px;padding:8px 10px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;white-space:nowrap}.filters-section .actions-menu .actions-btn:hover{background:#0d7ae6;transform:translateY(-1px)}.filters-section .actions-menu .actions-btn:active{transform:translateY(0)}.filters-section .actions-menu .actions-btn.active{background:#0d7ae6}.filters-section .actions-menu .actions-btn:focus{outline:none;box-shadow:0 0 0 3px #0f8bfd4d}.filters-section .actions-menu .actions-btn i{font-size:.75rem;transition:transform .2s}.filters-section .actions-menu .actions-btn i.rotated{transform:rotate(180deg)}.filters-section .actions-menu .actions-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;min-width:200px;overflow:hidden}.filters-section .actions-menu .actions-dropdown .dropdown-item{padding:.75rem 1rem;cursor:pointer;color:#374151;font-size:.875rem;transition:background-color .2s;display:flex;align-items:center;gap:.75rem}.filters-section .actions-menu .actions-dropdown .dropdown-item i{font-size:1rem;color:#6b7280}.filters-section .actions-menu .actions-dropdown .dropdown-item:hover{background-color:#f3f4f6}.filters-section .actions-menu .actions-dropdown .dropdown-item:not(:last-child){border-bottom:1px solid #f3f4f6}.filters-section .actions-menu .actions-dropdown .dropdown-item:active{background-color:#e5e7eb}.search-icon{position:absolute;left:12px;color:#6c757d;z-index:1}.search-input{width:100%;padding:10px 12px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{border-color:#0f8bfd;box-shadow:0 0 0 3px #0f8bfd1a}.search-input::placeholder{color:#6c757d}.clear-button{position:absolute;right:12px;background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease,color .2s ease}.clear-button:hover{background-color:#f8f9fa;color:#495057}@media (max-width: 768px){.search-container{flex-direction:column;gap:.75rem}.search-input-wrapper{max-width:100%}.filters-section{width:100%;justify-content:center;gap:.5rem}.filters-section .actions-menu .actions-btn{width:auto;justify-content:center}.filters-section .actions-menu .actions-dropdown{left:50%;transform:translate(-50%);right:auto}}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i9$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i9$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'document-search', standalone: false, template: "<div class=\"search-container\">\r\n  <div class=\"search-header\">\r\n    <h2 class=\"ml-3 document-heading\">Documents</h2>  \r\n  </div>\r\n  <div class=\"search-input-wrapper\">\r\n    <i class=\"pi pi-search search-icon\"></i>\r\n    <input \r\n      type=\"text\" \r\n      [(ngModel)]=\"searchTerm\"\r\n      (ngModelChange)=\"onSearchInputChange($event)\"\r\n      class=\"search-input\"\r\n      placeholder=\"Search by document name, category, type, status or applicant name...\"\r\n      [attr.aria-label]=\"'Search documents'\"\r\n    />\r\n    <button \r\n      *ngIf=\"searchTerm\"\r\n      type=\"button\"\r\n      class=\"clear-button\"\r\n      (click)=\"onClearSearch()\"\r\n      [attr.aria-label]=\"'Clear search'\"\r\n    >\r\n      <i class=\"pi pi-times\"></i>\r\n    </button>\r\n  </div>\r\n\r\n  <button \r\n    *ngIf=\"shouldShowClearAll\"\r\n    type=\"button\"\r\n    class=\"clear-all-filters-link\"\r\n    (click)=\"onClearAllFilters()\"\r\n    [attr.aria-label]=\"'Clear all'\"\r\n  >\r\n  Clear All\r\n  <i class=\"pi pi-times\"></i>\r\n  </button>\r\n\r\n  <div class=\"filters-section\">\r\n    <div class=\"actions-menu\">\r\n      <button \r\n        type=\"button\"\r\n        class=\"actions-btn\" \r\n        (click)=\"toggleActionsMenu()\" \r\n        [class.active]=\"showActionsMenu\"\r\n        [attr.aria-label]=\"'Open actions menu'\"\r\n        [attr.aria-expanded]=\"showActionsMenu\"\r\n      >\r\n        Actions\r\n        <i class=\"pi pi-chevron-down\" [class.rotated]=\"showActionsMenu\"></i>\r\n      </button>\r\n\r\n      <!-- Actions Dropdown Menu -->\r\n      <div class=\"actions-dropdown\" *ngIf=\"showActionsMenu\">\r\n        <div class=\"dropdown-item\" (click)=\"handleUploadDocument()\">\r\n          <i class=\"pi pi-upload\"></i>\r\n          <span>Upload Document</span>\r\n        </div>\r\n        <div class=\"dropdown-item\" (click)=\"handleRequestDocument()\">\r\n          <i class=\"pi pi-file\"></i>\r\n          <span>Request Document</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div> ", styles: [".search-container{display:flex;align-items:center;gap:1rem;width:100%;justify-content:flex-start;padding:10px}.search-input-wrapper{position:relative;flex:1;display:flex;align-items:center;max-width:50%;min-width:300px}.clear-all-filters-link{background:none;border:none;color:#0f8bfd;cursor:pointer;padding:8px 12px;border-radius:4px;font-size:16px;font-weight:500;text-decoration:none!important;transition:background-color .2s ease,color .2s ease;white-space:nowrap;flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:4px}.filters-section{display:flex;align-items:center;gap:1rem;flex-shrink:0;margin-left:auto}.filters-section .actions-menu{position:relative}.filters-section .actions-menu .actions-btn{background:#0f8bfd;border:none;border-radius:8px;padding:8px 10px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;white-space:nowrap}.filters-section .actions-menu .actions-btn:hover{background:#0d7ae6;transform:translateY(-1px)}.filters-section .actions-menu .actions-btn:active{transform:translateY(0)}.filters-section .actions-menu .actions-btn.active{background:#0d7ae6}.filters-section .actions-menu .actions-btn:focus{outline:none;box-shadow:0 0 0 3px #0f8bfd4d}.filters-section .actions-menu .actions-btn i{font-size:.75rem;transition:transform .2s}.filters-section .actions-menu .actions-btn i.rotated{transform:rotate(180deg)}.filters-section .actions-menu .actions-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;min-width:200px;overflow:hidden}.filters-section .actions-menu .actions-dropdown .dropdown-item{padding:.75rem 1rem;cursor:pointer;color:#374151;font-size:.875rem;transition:background-color .2s;display:flex;align-items:center;gap:.75rem}.filters-section .actions-menu .actions-dropdown .dropdown-item i{font-size:1rem;color:#6b7280}.filters-section .actions-menu .actions-dropdown .dropdown-item:hover{background-color:#f3f4f6}.filters-section .actions-menu .actions-dropdown .dropdown-item:not(:last-child){border-bottom:1px solid #f3f4f6}.filters-section .actions-menu .actions-dropdown .dropdown-item:active{background-color:#e5e7eb}.search-icon{position:absolute;left:12px;color:#6c757d;z-index:1}.search-input{width:100%;padding:12px 40px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{border-color:#0f8bfd;box-shadow:0 0 0 3px #0f8bfd1a}.search-input::placeholder{color:#6c757d}.clear-button{position:absolute;right:12px;background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease,color .2s ease}.clear-button:hover{background-color:#f8f9fa;color:#495057}@media (max-width: 768px){.search-container{flex-direction:column;gap:.75rem}.search-input-wrapper{max-width:100%}.filters-section{width:100%;justify-content:center;gap:.5rem}.filters-section .actions-menu .actions-btn{width:auto;justify-content:center}.filters-section .actions-menu .actions-dropdown{left:50%;transform:translate(-50%);right:auto}}\n"] }]
+            args: [{ selector: 'document-search', standalone: false, template: "<div class=\"search-container\">\r\n  <div class=\"search-header\">\r\n    <h2 class=\"ml-3 document-heading\">Documents</h2>  \r\n  </div>\r\n  <div class=\"search-input-wrapper\">\r\n    <!-- <i class=\"pi pi-search search-icon\"></i> -->\r\n    <input \r\n      type=\"text\" \r\n      [(ngModel)]=\"searchTerm\"\r\n      (ngModelChange)=\"onSearchInputChange($event)\"\r\n      class=\"search-input\"\r\n      placeholder=\"Search by document name, category, type, status or applicant name...\"\r\n      [attr.aria-label]=\"'Search documents'\"\r\n    />\r\n    <button \r\n      *ngIf=\"searchTerm\"\r\n      type=\"button\"\r\n      class=\"clear-button\"\r\n      (click)=\"onClearSearch()\"\r\n      [attr.aria-label]=\"'Clear search'\"\r\n    >\r\n      <i class=\"pi pi-times\"></i>\r\n    </button>\r\n  </div>\r\n\r\n  <button \r\n    *ngIf=\"shouldShowClearAll\"\r\n    type=\"button\"\r\n    class=\"clear-all-filters-link\"\r\n    (click)=\"onClearAllFilters()\"\r\n    [attr.aria-label]=\"'Clear all'\"\r\n  >\r\n  Clear All\r\n  <i class=\"pi pi-times\"></i>\r\n  </button>\r\n\r\n  <div class=\"filters-section\">\r\n    <div class=\"actions-menu\">\r\n      <button \r\n        type=\"button\"\r\n        class=\"actions-btn\" \r\n        (click)=\"toggleActionsMenu()\" \r\n        [class.active]=\"showActionsMenu\"\r\n        [attr.aria-label]=\"'Open actions menu'\"\r\n        [attr.aria-expanded]=\"showActionsMenu\"\r\n      >\r\n        Actions\r\n        <i class=\"pi pi-chevron-down\" [class.rotated]=\"showActionsMenu\"></i>\r\n      </button>\r\n\r\n      <!-- Actions Dropdown Menu -->\r\n      <div class=\"actions-dropdown\" *ngIf=\"showActionsMenu\">\r\n        <div class=\"dropdown-item\" (click)=\"handleUploadDocument()\">\r\n          <i class=\"pi pi-upload\"></i>\r\n          <span>Upload Document</span>\r\n        </div>\r\n        <div class=\"dropdown-item\" (click)=\"handleRequestDocument()\">\r\n          <i class=\"pi pi-file\"></i>\r\n          <span>Request Document</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div> ", styles: [".search-container{display:flex;align-items:center;gap:1rem;width:100%;justify-content:flex-start;padding:10px}.search-input-wrapper{position:relative;flex:1;display:flex;align-items:center;max-width:50%;min-width:300px}.clear-all-filters-link{background:none;border:none;color:#0f8bfd;cursor:pointer;padding:8px 12px;border-radius:4px;font-size:16px;font-weight:500;text-decoration:none!important;transition:background-color .2s ease,color .2s ease;white-space:nowrap;flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:4px}.filters-section{display:flex;align-items:center;gap:1rem;flex-shrink:0;margin-left:auto}.filters-section .actions-menu{position:relative}.filters-section .actions-menu .actions-btn{background:#0f8bfd;border:none;border-radius:8px;padding:8px 10px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;white-space:nowrap}.filters-section .actions-menu .actions-btn:hover{background:#0d7ae6;transform:translateY(-1px)}.filters-section .actions-menu .actions-btn:active{transform:translateY(0)}.filters-section .actions-menu .actions-btn.active{background:#0d7ae6}.filters-section .actions-menu .actions-btn:focus{outline:none;box-shadow:0 0 0 3px #0f8bfd4d}.filters-section .actions-menu .actions-btn i{font-size:.75rem;transition:transform .2s}.filters-section .actions-menu .actions-btn i.rotated{transform:rotate(180deg)}.filters-section .actions-menu .actions-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;min-width:200px;overflow:hidden}.filters-section .actions-menu .actions-dropdown .dropdown-item{padding:.75rem 1rem;cursor:pointer;color:#374151;font-size:.875rem;transition:background-color .2s;display:flex;align-items:center;gap:.75rem}.filters-section .actions-menu .actions-dropdown .dropdown-item i{font-size:1rem;color:#6b7280}.filters-section .actions-menu .actions-dropdown .dropdown-item:hover{background-color:#f3f4f6}.filters-section .actions-menu .actions-dropdown .dropdown-item:not(:last-child){border-bottom:1px solid #f3f4f6}.filters-section .actions-menu .actions-dropdown .dropdown-item:active{background-color:#e5e7eb}.search-icon{position:absolute;left:12px;color:#6c757d;z-index:1}.search-input{width:100%;padding:10px 12px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{border-color:#0f8bfd;box-shadow:0 0 0 3px #0f8bfd1a}.search-input::placeholder{color:#6c757d}.clear-button{position:absolute;right:12px;background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease,color .2s ease}.clear-button:hover{background-color:#f8f9fa;color:#495057}@media (max-width: 768px){.search-container{flex-direction:column;gap:.75rem}.search-input-wrapper{max-width:100%}.filters-section{width:100%;justify-content:center;gap:.5rem}.filters-section .actions-menu .actions-btn{width:auto;justify-content:center}.filters-section .actions-menu .actions-dropdown{left:50%;transform:translate(-50%);right:auto}}\n"] }]
         }], ctorParameters: () => [{ type: DocumentHelperService }, { type: DocumentQuery }], propDecorators: { contextId: [{
                 type: Input
             }], onActionClick: [{
@@ -5700,70 +5687,86 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 }]
         }], ctorParameters: () => [{ type: DocumentUploadService }, { type: DocumentHttpService }, { type: DocumentQuery }, { type: DocumentStore }, { type: DocumentTableBuilderService }, { type: DocumentHelperService }] });
 
+/**
+ * Service to observe section visibility and scroll state; deselects menu item when section scrolls out of view.
+ */
 class DocumentScrollService {
     documentStore;
     sectionObserver = null;
     currentObservedSection = null;
     isScrolling = false;
+    /** @type {(() => void) | null} */
     scrollHandler = null;
     scrollTimeout = null;
+    /** Pending deselect scheduled on ratio=0. Cancelled when ratio>0 so we don't deselect after a stale ratio=0. */
+    deselectTimeoutId = null;
     constructor(documentStore) {
         this.documentStore = documentStore;
     }
     /**
-     * Sets up scroll event listeners to track scrolling state
-     * @param containerElement - The container element to monitor for scroll events
+     * Sets up scroll event listeners to track scrolling state.
+     * @param {HTMLElement} containerElement - The container element to monitor for scroll events
      */
     setupScrollListeners(containerElement) {
         if (containerElement) {
+            /** Scroll handler: sets isScrolling and resets after 150ms */
             this.scrollHandler = () => {
                 this.isScrolling = true;
-                if (this.scrollTimeout) {
+                if (this.scrollTimeout)
                     clearTimeout(this.scrollTimeout);
-                }
-                this.scrollTimeout = setTimeout(() => {
-                    this.isScrolling = false;
-                }, 150);
+                this.scrollTimeout = setTimeout(() => { this.isScrolling = false; }, 150);
             };
             containerElement.addEventListener('scroll', this.scrollHandler);
         }
     }
     /**
-     * Sets up intersection observer to detect when the selected section scrolls out of view
-     * @param sectionElement - The section element to observe
-     * @param menuItemId - The ID of the selected menu item
+     * Sets up intersection observer to deselect when the selected section scrolls out of view.
+     * @param {Element} sectionElement - The section element to observe
+     * @param {string} menuItemId - The ID of the selected menu item
      */
     setupSectionObserver(sectionElement, menuItemId) {
+        this.cancelPendingDeselect();
         this.disconnectSectionObserver();
         setTimeout(() => {
-            if (!menuItemId || this.isScrolling) {
+            if (!menuItemId || this.isScrolling)
                 return;
-            }
-            this.sectionObserver = new IntersectionObserver((entries) => {
-                entries.forEach(entry => {
-                    if (entry.intersectionRatio === 0) {
-                        setTimeout(() => {
-                            if (this.sectionObserver && menuItemId && entry.intersectionRatio === 0) {
-                                this.documentStore.setSelectedMenuItem(null);
-                                this.disconnectSectionObserver();
-                            }
-                        }, 200);
-                    }
-                });
-            }, {
-                threshold: [0, 0.1, 0.5, 1],
-                rootMargin: '0px'
-            });
-            // Always start observing regardless of current visibility
-            // The IntersectionObserver will handle visibility changes automatically
+            this.sectionObserver = new IntersectionObserver((entries) => this.handleIntersectionEntries(entries, menuItemId), { threshold: [0, 0.1, 0.5, 1], rootMargin: '0px' });
             this.sectionObserver.observe(sectionElement);
             this.currentObservedSection = sectionElement;
         }, 1200);
     }
+    /**
+     * Handles IntersectionObserver entries: cancel pending deselect when visible, schedule deselect when ratio=0.
+     * @param {IntersectionObserverEntry[]} entries - Observer entries
+     * @param {string} menuItemId - Selected menu item id
+     */
+    handleIntersectionEntries(entries, menuItemId) {
+        entries.forEach(entry => {
+            const ratio = entry.intersectionRatio;
+            if (ratio > 0)
+                this.cancelPendingDeselect();
+            if (ratio === 0) {
+                this.cancelPendingDeselect();
+                this.deselectTimeoutId = setTimeout(() => {
+                    this.deselectTimeoutId = null;
+                    if (this.sectionObserver && menuItemId)
+                        this.documentStore.setSelectedMenuItem(null);
+                    this.disconnectSectionObserver();
+                }, 200);
+            }
+        });
+    }
+    cancelPendingDeselect() {
+        if (this.deselectTimeoutId != null) {
+            clearTimeout(this.deselectTimeoutId);
+            this.deselectTimeoutId = null;
+        }
+    }
     /**
      * Disconnects the section observer
      */
     disconnectSectionObserver() {
+        this.cancelPendingDeselect();
         if (this.sectionObserver) {
             this.sectionObserver.disconnect();
             this.sectionObserver = null;
@@ -5777,8 +5780,8 @@ class DocumentScrollService {
         this.isScrolling = true;
     }
     /**
-     * Resets the scrolling flag after a specified delay
-     * @param delay - Delay in milliseconds before resetting the flag
+     * Resets the scrolling flag after a specified delay.
+     * @param {number} [delay=1200] - Delay in milliseconds before resetting the flag
      */
     resetScrollingAfterDelay(delay = 1200) {
         setTimeout(() => {
@@ -5786,7 +5789,8 @@ class DocumentScrollService {
         }, delay);
     }
     /**
-     * Gets the current scrolling state
+     * Gets the current scrolling state.
+     * @returns {boolean} True when a scroll is in progress
      */
     get isCurrentlyScrolling() {
         return this.isScrolling;
@@ -5799,8 +5803,8 @@ class DocumentScrollService {
         this.cleanupScrollListeners();
     }
     /**
-     * Removes scroll event listeners
-     * @param containerElement - The container element to remove listeners from
+     * Removes scroll event listeners.
+     * @param {HTMLElement} [containerElement] - The container element to remove listeners from
      */
     cleanupScrollListeners(containerElement) {
         if (containerElement && this.scrollHandler) {