cat-documents-ng 0.2.94 → 0.2.96

package/fesm2022/cat-documents-ng.mjs

@@ -2,11 +2,11 @@ import * as i0 from '@angular/core';
 import { Injectable, EventEmitter, Output, ViewChild, Input, ViewEncapsulation, Component, HostListener, ChangeDetectionStrategy, Directive, NgModule, APP_INITIALIZER } from '@angular/core';
 import * as i2$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { firstValueFrom, tap, EMPTY, catchError, throwError, of, combineLatest, Subject, Observable, takeUntil, Subscription, debounceTime as debounceTime$1, distinctUntilChanged as distinctUntilChanged$1 } from 'rxjs';
-import { __decorate } from 'tslib';
-import { EntityStore, StoreConfig, QueryEntity } from '@datorama/akita';
+import { firstValueFrom, EMPTY, tap, catchError, throwError, of, combineLatest, Subject, Observable, takeUntil, Subscription, debounceTime as debounceTime$1, distinctUntilChanged as distinctUntilChanged$1 } from 'rxjs';
 import * as i2 from '@angular/common/http';
 import { HttpHeaders, HttpParams, HttpClientModule } from '@angular/common/http';
+import { __decorate } from 'tslib';
+import { EntityStore, StoreConfig, QueryEntity } from '@datorama/akita';
 import { debounceTime, distinctUntilChanged, switchMap } from 'rxjs/operators';
 import { trigger, state, transition, style, animate } from '@angular/animations';
 import * as i3 from 'primeng/api';
@@ -34,8 +34,6 @@ import * as i7 from 'primeng/inputtext';
 import { InputTextModule } from 'primeng/inputtext';
 import * as i2$2 from 'primeng/table';
 import { TableModule } from 'primeng/table';
-import * as i5$1 from 'primeng/ripple';
-import { RippleModule } from 'primeng/ripple';
 import * as i6$1 from 'ng2-pdf-viewer';
 import { PdfViewerModule } from 'ng2-pdf-viewer';
 import * as i3$2 from 'primeng/accordion';
@@ -54,6 +52,7 @@ import { ListboxModule } from 'primeng/listbox';
 import { TimelineModule } from 'primeng/timeline';
 import { CheckboxModule } from 'primeng/checkbox';
 import { PanelMenuModule } from 'primeng/panelmenu';
+import { RippleModule } from 'primeng/ripple';
 import { ToastModule } from 'primeng/toast';
 import { MessageModule } from 'primeng/message';
 
@@ -308,6 +307,7 @@ class SHARED {
     static COMMA = ',';
     static TEAM_LEADER = 'TeamLeader';
     static UNDERWRITER_USER = 'Underwriter User';
+    static INITIAL_REQUEST = 'Initial Request';
     static Menu = [
         {
             label: 'Applicant',
@@ -897,6 +897,127 @@ class ERRORS {
     static ERROR_CALLING_API_WITH_SELECTION = 'Error calling API with selection:';
 }
 
+/**
+ * Class that holds the URLs used throughout the application.
+ * These URLs are typically used for making API requests and accessing various resources.
+ * @class URLS
+ * @typedef {URLS}
+ */
+class URLS {
+    /**
+     * The URL to fetch the application configuration file.
+     * This JSON file typically contains settings and options for the application.
+     * @static
+     * @type {string}
+     */
+    static CONFIGFILEURL = "assets/config/api.config.json";
+    /**
+     * The URL endpoint for document uploads.
+     * Used to send documents to the server for storage or processing.
+     * @static
+     * @type {string}
+     */
+    static DOCUMENT_UPLOAD_FILE = "documents/uploadFile";
+    /**
+     * The URL endpoint for document uploads.
+     * Used to send documents to the server for storage or processing.
+     * @static
+     * @type {string}
+     */
+    static DOCUMENT_UPLOAD = "Documents";
+    /**
+     * The URL endpoint for document uploads.
+     * Used to send documents to the server for storage or processing.
+     * @static
+     * @type {string}
+     */
+    static DOCUMENTS = "documents";
+    /**
+     * The URL endpoint for document uploads.
+     * Used to send documents to the server for storage or processing.
+     * @static
+     * @type {string}
+     */
+    static DOCUMENTS_CATAGORIES = "documents/getAllCategoriesByApplicationId";
+    /**
+     * The query parameter to pass a context ID in API requests.
+     * Used to specify the context for certain API calls, such as filtering or scoping the request.
+     * @static
+     * @type {string}
+     */
+    static CONTEXT = "?contextId=";
+    /**
+     * The query parameter to pass a document ID in API requests.
+     * @static
+     * @type {string}
+     */
+    static DOCUMENT_TYPES = "documentTypes";
+    /**
+     * The URL endpoint for getting categories by source (Applicant/Application).
+     * Used to fetch document categories based on the selected source.
+     * @static
+     * @type {string}
+     */
+    static GET_CATEGORIES_BY_SOURCE = "documentTypes/getAllCategoriesBySource/";
+    /**
+     * The URL endpoint for getting document types by category ID.
+     * Used to fetch document types based on the selected category.
+     * @static
+     * @type {string}
+     */
+    static GET_DOCUMENT_TYPES_BY_CATEGORY = "documentTypes/getAllDocumentTypesByCategoryId/";
+    /**
+     * The URL endpoint for saving document upload data.
+     * Used to save the complete document upload information.
+     * @static
+     * @type {string}
+     */
+    static SAVE_DOCUMENT_UPLOAD = "documents/create";
+    /**
+     * The query parameter to pass a context ID in API requests.
+     * @static
+     * @type {string}
+     */
+    static FOLDERS = "/folders?contextId=";
+    /**
+     * The query parameter to pass a document ID in API requests.
+     * @static
+     * @type {string}
+     */
+    static ALERT_BY_DOCUMENT_ID = "alerts?documentId=";
+    /**
+     * The query parameter to pass a document ID in API requests.
+     * @static
+     * @type {string}
+     */
+    static PARENT_DOCUMENT_TYPE_ID = "parentDocumentType?parentDocumentTypeId=";
+    /**
+     * The query parameter to pass a document ID in API requests.
+     * @static
+     * @type {string}
+     */
+    static USERLIST = "documents/getContextIdListByApplicationId/";
+    /**
+     * The URL endpoint for getting document status count by context ID.
+     * Used to fetch status data with applicationId, contextId, and category parameters.
+     * @static
+     * @type {string}
+     */
+    static STATUS_DOCUMENT_COUNT = "documents/getStatusDocumentCountByContextId/";
+    /**
+     * The query parameter to pass a context ID in API requests.
+     * Used to specify the context for certain API calls, such as filtering or scoping the request.
+     * @static
+     * @type {string}
+     */
+    static CONTEXT_ID = "&contextId=";
+    static GETALL = "documents/getAllByContextId";
+    static DOCUMENT_LIST = "list";
+    static DOCUMENT_HISTORY = "documents/getDocumentHistoryByDocumentId/";
+    static DELETE_DOCUMENT = "documents/deleteDocumentByDocumentId/";
+    static UPDATE_DOCUMENT_STATUS = "documents/updateDocumentStatusByDocumentId/";
+}
+
 /**
  * Creates the initial state for the `DocumentState` store.
  * This function provides default values for all properties in the `DocumentState` interface,
@@ -1091,127 +1212,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
-/**
- * Class that holds the URLs used throughout the application.
- * These URLs are typically used for making API requests and accessing various resources.
- * @class URLS
- * @typedef {URLS}
- */
-class URLS {
-    /**
-     * The URL to fetch the application configuration file.
-     * This JSON file typically contains settings and options for the application.
-     * @static
-     * @type {string}
-     */
-    static CONFIGFILEURL = "assets/config/api.config.json";
-    /**
-     * The URL endpoint for document uploads.
-     * Used to send documents to the server for storage or processing.
-     * @static
-     * @type {string}
-     */
-    static DOCUMENT_UPLOAD_FILE = "documents/uploadFile";
-    /**
-     * The URL endpoint for document uploads.
-     * Used to send documents to the server for storage or processing.
-     * @static
-     * @type {string}
-     */
-    static DOCUMENT_UPLOAD = "Documents";
-    /**
-     * The URL endpoint for document uploads.
-     * Used to send documents to the server for storage or processing.
-     * @static
-     * @type {string}
-     */
-    static DOCUMENTS = "documents";
-    /**
-     * The URL endpoint for document uploads.
-     * Used to send documents to the server for storage or processing.
-     * @static
-     * @type {string}
-     */
-    static DOCUMENTS_CATAGORIES = "documents/getAllCategoriesByApplicationId";
-    /**
-     * The query parameter to pass a context ID in API requests.
-     * Used to specify the context for certain API calls, such as filtering or scoping the request.
-     * @static
-     * @type {string}
-     */
-    static CONTEXT = "?contextId=";
-    /**
-     * The query parameter to pass a document ID in API requests.
-     * @static
-     * @type {string}
-     */
-    static DOCUMENT_TYPES = "documentTypes";
-    /**
-     * The URL endpoint for getting categories by source (Applicant/Application).
-     * Used to fetch document categories based on the selected source.
-     * @static
-     * @type {string}
-     */
-    static GET_CATEGORIES_BY_SOURCE = "documentTypes/getAllCategoriesBySource/";
-    /**
-     * The URL endpoint for getting document types by category ID.
-     * Used to fetch document types based on the selected category.
-     * @static
-     * @type {string}
-     */
-    static GET_DOCUMENT_TYPES_BY_CATEGORY = "documentTypes/getAllDocumentTypesByCategoryId/";
-    /**
-     * The URL endpoint for saving document upload data.
-     * Used to save the complete document upload information.
-     * @static
-     * @type {string}
-     */
-    static SAVE_DOCUMENT_UPLOAD = "documents/create";
-    /**
-     * The query parameter to pass a context ID in API requests.
-     * @static
-     * @type {string}
-     */
-    static FOLDERS = "/folders?contextId=";
-    /**
-     * The query parameter to pass a document ID in API requests.
-     * @static
-     * @type {string}
-     */
-    static ALERT_BY_DOCUMENT_ID = "alerts?documentId=";
-    /**
-     * The query parameter to pass a document ID in API requests.
-     * @static
-     * @type {string}
-     */
-    static PARENT_DOCUMENT_TYPE_ID = "parentDocumentType?parentDocumentTypeId=";
-    /**
-     * The query parameter to pass a document ID in API requests.
-     * @static
-     * @type {string}
-     */
-    static USERLIST = "documents/getContextIdListByApplicationId/";
-    /**
-     * The URL endpoint for getting document status count by context ID.
-     * Used to fetch status data with applicationId, contextId, and category parameters.
-     * @static
-     * @type {string}
-     */
-    static STATUS_DOCUMENT_COUNT = "documents/getStatusDocumentCountByContextId/";
-    /**
-     * The query parameter to pass a context ID in API requests.
-     * Used to specify the context for certain API calls, such as filtering or scoping the request.
-     * @static
-     * @type {string}
-     */
-    static CONTEXT_ID = "&contextId=";
-    static GETALL = "documents/getAllByContextId";
-    static DOCUMENT_LIST = "list";
-    static DOCUMENT_HISTORY = "documents/getDocumentHistoryByDocumentId/";
-    static DELETE_DOCUMENT = "documents/deleteDocumentByDocumentId/";
-    static UPDATE_DOCUMENT_STATUS = "documents/updateDocumentStatusByDocumentId/";
-}
-
 /**
  * Service that handles loading and providing configuration settings for the application.
  * It fetches configuration data from a remote server and exposes various configuration options.
@@ -1284,14 +1284,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
         }], ctorParameters: () => [{ type: i2.HttpClient }] });
 
 /**
- * Service for managing document-related operations.
- * The `DocumentService` acts as a bridge between the application and the backend API for handling document-related data.
- * It interacts with the `DocumentStore` for state management and uses `HttpClient` for making HTTP requests.
- * Creates an instance of `DocumentService`.
- * @param {DocumentStore} documentStore - The store that manages the state of documents.
- * @param {HttpClient} http - The Angular HTTP client for making API requests.
- */
-class DocumentService {
+ * Service for making HTTP requests related to documents.
+ * @class DocumentHttpService
+ * @typedef {DocumentHttpService}
+ */
+class DocumentHttpService {
     documentStore;
     http;
     appConfigService;
@@ -1315,134 +1312,367 @@ class DocumentService {
         return this.appConfigService.apiBaseUrl;
     }
     /**
-     * Sends a request to create a new document.
-     * @param {*} entity - The data of the document to be created.
-     * @returns {Observable<any>} Observable that emits the newly created document.
+     * Fetches a document by its path name and transforms the response for dropdown options.
+     * Includes error handling for failed API requests.
+     * @param {string} contextId - The context ID to fetch the document.
+     * @returns {Observable<any>} Observable that emits the transformed data for dropdown options.
      */
-    create(entity) {
-        const headers = { 'Authorization': 'Bearer 368626b1-44dd-4cc9-af54-0b9987eced92' };
-        return this.http.post(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD_FILE}`, entity, { headers }).pipe(tap((newEntity) => this.documentStore.add(newEntity)));
+    getFoldersData(contextId) {
+        if (!contextId)
+            return EMPTY;
+        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));
+        }));
     }
     /**
-     * Fetches all documents from the backend.
-     * @returns {Observable<DocumentModel[]>} Observable that emits an array of documents.
+     * Fetches a document catagories by its path name.
+     * Includes error handling for failed API requests.
+     * @param {string} contextId - The context ID to fetch the document.
+     * @returns {Observable<any>} Observable that emits the transformed data for dropdown options.
      */
-    getAll() {
-        return this.http.get(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD}`).pipe(tap((entities) => this.documentStore.set(entities)));
+    getDocumentCatagories(contextId) {
+        let headers = new HttpHeaders({ Authorization: `Bearer ec20c488-dee2-4598-96df-9137ab0d85ce` });
+        return this.http.get(`${this.apiUrl}${URLS.DOCUMENTS_CATAGORIES}/${contextId}`, { headers }).pipe(tap((response) => {
+            // Store only the categories array, not the entire response
+            if (response && response.categories) {
+                this.documentStore.setDocumentCategories(response.categories);
+            }
+        }), catchError((error) => {
+            return throwError(() => new Error(error));
+        }));
     }
     /**
-     * Fetches a document by its ID.
-     * @param {string} id - The unique identifier of the document.
-     * @returns {Observable<any>} Observable that emits the retrieved document.
+     * Fetches a document by its path name and transforms the response for dropdown options.
+     * Includes error handling for failed API requests.
+     * @returns {Observable<any>} Observable that emits the transformed data for dropdown options.
      */
-    getById(id) {
-        return this.http.get(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD}/${id}`).pipe(tap((entity) => this.documentStore.upsert(id, entity)));
-    }
+    //  getDocumentTypes(): Observable<DocumentTypeModel[]> {
+    //   return this.http.get<DocumentTypeModel[]>(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD}/${URLS.DOCUMENT_TYPES}`).pipe(
+    //     tap((documentTypes: DocumentTypeModel[]) => {
+    //       this.documentStore.setDocumentTypes(documentTypes);
+    //     }),
+    //     catchError((error) => {
+    //       return throwError(() => new Error(error));
+    //     })
+    //   );
+    // }
     /**
-     * Updates an existing document by its ID.
-     * @param {string} id - The unique identifier of the document.
-     * @param {DocumentModel} entity - The updated data of the document.
-     * @returns {Observable<DocumentModel>} Observable that emits the updated document.
+     * Fetches a document by its path name and transforms the response for dropdown options.
+     * @param {string} documentId - The document ID to fetch the document.
+     * @returns {Observable<any>} Observable that emits the transformed data for dropdown options.
      */
-    update(id, entity) {
-        return this.http.put(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD}/${id}`, entity).pipe(tap((updatedEntity) => this.documentStore.update(id, updatedEntity)));
+    getAlertsByDocumentID(documentId) {
+        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));
+        }));
     }
     /**
-     * Deletes a document by its ID.
-     * @param {string} id - The unique identifier of the document to be deleted.
-     * @returns {Observable<void>} Observable that completes when the document is deleted.
+     * Fetches a document by its folder ID and transforms the response for dropdown options.
+     * @param {string} folderId - The folder ID to fetch the document.
+     * @param {string} contextId - The context ID to fetch the document.
+     * @returns {Observable<any>} Observable that emits the transformed data for dropdown options.
      */
-    delete(id) {
-        return this.http.delete(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD_FILE}/${id}`).pipe(tap(() => this.documentStore.remove(id)));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentService, deps: [{ token: DocumentStore }, { token: i2.HttpClient }, { token: AppConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: DocumentStore }, { type: i2.HttpClient }, { type: AppConfigService }] });
-
-/**
- * Query service for managing document state.
- * This class extends Akita's `QueryEntity` to provide additional functionality for querying document data.
- * @class DocumentQuery
- * @typedef {DocumentQuery}
- * @augments {QueryEntity<DocumentState>}
- */
-class DocumentQuery extends QueryEntity {
-    store;
-    constructor(store) {
-        super(store);
-        this.store = store;
+    getDocumentByFolderID(folderId, contextId) {
+        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));
+        }));
     }
     /**
-     * Selects the currently selected folder ID from the document state.
-     * @returns {Observable<string | null>} Observable that emits the currently selected folder ID.
+     * Updates the name of a document.
+     * This method sends an HTTP PUT request to update the document's file name using the provided document ID and payload.
+     * In case of an error, it will return an observable that throws an Error.
+     * @param {string} documentId - The unique identifier of the document to update.
+     * @param {any} payload - The payload containing the updated document data (e.g., fileName).
+     * @returns {Observable<DocumentModel>} An observable that emits the updated DocumentModel.
      */
-    getParentDocumentTypeId() {
-        return this.getValue()['parentDocumentTypeId'];
+    updateDocumentName(documentId, payload) {
+        let headers = new HttpHeaders({ Authorization: `Bearer ec20c488-dee2-4598-96df-9137ab0d85ce` });
+        return this.http.put(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD}/${documentId}`, payload, { headers }).pipe(catchError((error) => {
+            return throwError(() => new Error(error));
+        }));
     }
     /**
-     * Selects the currently selected folder ID from the document state.
-     * @returns {Observable<string | null>} Observable that emits the currently selected folder ID.
-     */
-    selectParentDocumentTypeId() {
-        return this.select((state) => state['parentDocumentTypeId']);
+    * Fetches a userlist by its path name.
+    * @param {string} contextId - The document ID to fetch the document.
+    * @returns {Observable<UserListModel[]>} Observable that emits the user list data.
+    */
+    getUserListByContextId(contextId) {
+        if (!contextId)
+            return EMPTY;
+        let headers = new HttpHeaders({ Authorization: `Bearer ec20c488-dee2-4598-96df-9137ab0d85ce` });
+        return this.http.get(`${this.apiUrl}${URLS.USERLIST}${contextId}`, { headers }).pipe(tap((userList) => {
+            this.documentStore.setUserList(userList);
+        }), catchError((error) => {
+            return throwError(() => new Error(error));
+        }));
     }
     /**
-     * Selects the set messages.
-     * @returns {Observable<Message>} Observable that emits the current Message.
+     * Fetches document status count data by application ID with optional context ID and category parameters.
+     * @param {string} applicationId - The application ID to fetch status data.
+     * @param {string | null} contextId - The context ID (applicant ID) to filter by. If null, uses applicationId.
+     * @param {string | null} categoryId - The category ID to filter by.
+     * @returns {Observable<StatusDataModel[]>} Observable that emits the status data.
      */
-    selectMessages() {
-        return this.select((state) => state.messages);
+    getStatusDocumentCount(applicationId, contextId = null, categoryId = null) {
+        if (!applicationId)
+            return EMPTY;
+        let url = `${this.apiUrl}${URLS.STATUS_DOCUMENT_COUNT}${applicationId}`;
+        let params = new HttpParams();
+        const contextParam = contextId || null;
+        if (contextParam) {
+            params = params.set(SHARED.CONTEXT_ID, contextParam);
+        }
+        if (categoryId) {
+            params = params.set(SHARED.CATEGORY, categoryId);
+        }
+        let headers = new HttpHeaders({ Authorization: `Bearer ec20c488-dee2-4598-96df-9137ab0d85ce` });
+        return this.http.get(url, { params, headers }).pipe(tap((statusData) => {
+            this.documentStore.setStatusData(statusData);
+        }), catchError((error) => {
+            return throwError(() => new Error(error));
+        }));
     }
     /**
-     * Selects the set documents.
-     * @returns {Observable<DocumentModel[]>} Observable that emits the documets.
+     * Fetches documents based on selection criteria (user ID, status, and search key).
+     * This method sends an HTTP GET request with query parameters for the selected filters.
+     * Note: Menu item filtering has been removed - menu items are now used for navigation only.
+     * @param {string} contextId - The context ID (applicationId or applicantId).
+     * @param {string | null} menuItem - Reserved parameter (no longer used for filtering).
+     * @param {string | null} userId - The selected user ID filter.
+     * @param {string | null} status - The selected status filter.
+     * @param {string | null} searchKey - The search key filter.
+     * @returns {Observable<any>} An observable that emits the filtered document data.
      */
-    selectDocumets() {
-        return this.select((state) => state.documentList);
+    getDocumentsBySelection(contextId, menuItem, userId, status, searchKey = null) {
+        let params = new HttpParams();
+        // Menu item filtering removed - menu items are now used for navigation only
+        // if (menuItem) {
+        //   params = params.set(SHARED.CATEGORY, menuItem);
+        // }
+        if (userId) {
+            params = params.set(SHARED.CONTEXT_ID, userId);
+        }
+        if (status) {
+            params = params.set(SHARED.STATUS_PARAM, status);
+        }
+        if (searchKey) {
+            params = params.set(SHARED.SEARCH_KEY, searchKey);
+        }
+        let headers = new HttpHeaders({ Authorization: `Bearer ec20c488-dee2-4598-96df-9137ab0d85ce` });
+        return this.http.get(`${this.apiUrl}${URLS.GETALL}/${contextId}`, { params, headers }).pipe(tap((response) => {
+            if (response.documents) {
+                this.documentStore.setDocumentList(response.documents);
+            }
+        }), catchError((error) => {
+            return throwError(() => new Error(error));
+        }));
     }
-    /**
-     * Selects the document categories.
-     * @returns {Observable<DocumentCategory[]>} Observable that emits the document categories.
-     */
-    selectDocumentCategories() {
-        return this.select((state) => state.documentCategories);
+    getDocumentHistory(documentId) {
+        if (!documentId) {
+            return of([]);
+        }
+        let headers = new HttpHeaders({ Authorization: `Bearer ec20c488-dee2-4598-96df-9137ab0d85ce` });
+        return this.http.get(`${this.apiUrl}${URLS.DOCUMENT_HISTORY}${documentId}`, { headers });
     }
-    // New query methods for selection state
     /**
-     * Selects the currently selected menu item.
-     * @returns {Observable<string | null>} Observable that emits the currently selected menu item _id (not the label).
+     * Fetches document categories by source (Applicant/Application).
+     * @param {string} source - The source type (Applicant or Application).
+     * @returns {Observable<DocumentCategory[]>} Observable that emits the categories.
      */
-    selectSelectedMenuItem() {
-        return this.select((state) => state.selectedMenuItem);
+    getCategoriesBySource(source) {
+        if (!source)
+            return EMPTY;
+        let headers = new HttpHeaders({ Authorization: `Bearer ec20c488-dee2-4598-96df-9137ab0d85ce` });
+        return this.http.get(`${this.apiUrl}${URLS.GET_CATEGORIES_BY_SOURCE}${source}`, { headers }).pipe(catchError((error) => {
+            return throwError(() => new Error(error));
+        }));
     }
     /**
-     * Selects the currently selected user ID.
-     * @returns {Observable<string | null>} Observable that emits the currently selected user ID.
+     * Fetches 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.
      */
-    selectSelectedUserId() {
-        return this.select((state) => state.selectedUserId);
+    getDocumentTypesByCategory(categoryId) {
+        if (!categoryId)
+            return EMPTY;
+        let headers = new HttpHeaders({ Authorization: `Bearer ec20c488-dee2-4598-96df-9137ab0d85ce` });
+        return this.http.get(`${this.apiUrl}${URLS.GET_DOCUMENT_TYPES_BY_CATEGORY}${categoryId}`, { headers }).pipe(catchError((error) => {
+            return throwError(() => new Error(error));
+        }));
     }
     /**
-     * Selects the currently selected status.
-     * @returns {Observable<string | null>} Observable that emits the currently selected status.
+     * Uploads a single file using the uploadFile API.
+     * @param {FormData} formData - The form data containing the file and metadata.
+     * @returns {Observable<any>} Observable that emits the upload response.
      */
-    selectSelectedStatus() {
-        return this.select((state) => state.selectedStatus);
+    uploadFile(formData) {
+        let headers = new HttpHeaders({ Authorization: `Bearer ec20c488-dee2-4598-96df-9137ab0d85ce` });
+        return this.http.post(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD_FILE}`, formData, { headers }).pipe(catchError((error) => {
+            return throwError(() => new Error(error));
+        }));
     }
     /**
-     * Selects the current search key.
-     * @returns {Observable<string | null>} Observable that emits the current search key.
+     * Saves the complete document upload data.
+     * @param {any} payload - The document upload payload containing all necessary data.
+     * @returns {Observable<any>} Observable that emits the save response.
      */
-    selectSearchKey() {
-        return this.select((state) => state.searchKey);
+    saveDocumentUpload(payload) {
+        let headers = new HttpHeaders({ Authorization: `Bearer ec20c488-dee2-4598-96df-9137ab0d85ce` });
+        return this.http.post(`${this.apiUrl}${URLS.SAVE_DOCUMENT_UPLOAD}`, payload, { headers }).pipe(catchError((error) => {
+            return throwError(() => new Error(error));
+        }));
     }
     /**
-     * Selects all selection state properties (menu item, user ID, status, search key).
-     * @returns {Observable<{menuItem: string | null, userId: string | null, status: string | null, searchKey: string | null}>} Observable that emits the current selection state.
+     * Updates the status of a document by document ID
+     * @param {string} documentId - The ID of the document to update
+     * @param {string} status - The new status (Approved, Rejected, etc.)
+     * @param {string} statusUpdateDescription - The description/note for the status update
+     * @returns {Observable<any>} Observable that emits the updated document data with normalized status
+     */
+    updateDocumentStatus(documentId, status, statusUpdateDescription) {
+        const payload = {
+            statusUpdateDescription: statusUpdateDescription
+        };
+        let headers = new HttpHeaders({ Authorization: `Bearer ec20c488-dee2-4598-96df-9137ab0d85ce` });
+        return this.http.put(`${this.apiUrl}${URLS.UPDATE_DOCUMENT_STATUS}${documentId}/${status}`, payload, { headers }).pipe(tap((response) => {
+            if (response && response.status) {
+                const normalizedStatus = this.normalizeStatus(response.status);
+                response.normalizedStatus = normalizedStatus;
+            }
+        }), catchError((error) => {
+            return throwError(() => new Error(error));
+        }));
+    }
+    /**
+     * Normalizes the status from API response to match component expectations
+     * @param {string} status - The status from API response (Approved, Rejected, etc.)
+     * @returns {string} Normalized status value
+     */
+    normalizeStatus(status) {
+        switch (status.toLowerCase()) {
+            case SHARED.APPROVED:
+                return SHARED.STATUS_ACCEPTED;
+            case SHARED.STATUS_REJECTED_LOWERCASE:
+                return SHARED.STATUS_REJECTED_LOWERCASE;
+            case SHARED.STATUS_PENDING:
+                return SHARED.STATUS_PENDING;
+            default:
+                return status.toLowerCase();
+        }
+    }
+    /**
+     * Deletes a document by its ID and refreshes all data (categories, userlist, status, and document list)
+     * @param {string} documentId - The ID of the document to delete
+     * @param {string} contextId - The context ID to refresh all data
+     * @returns {Observable<any>} Observable that emits the delete response
+     */
+    deleteDocument(documentId, contextId) {
+        let headers = new HttpHeaders({ Authorization: `Bearer ec20c488-dee2-4598-96df-9137ab0d85ce` });
+        return this.http.delete(`${this.apiUrl}${URLS.DELETE_DOCUMENT}${documentId}`, { headers }).pipe(tap(() => {
+            this.getDocumentCatagories(contextId).subscribe();
+            this.getUserListByContextId(contextId).subscribe();
+            this.getStatusDocumentCount(contextId).subscribe();
+            this.getDocumentsBySelection(contextId, null, null, null, null).subscribe();
+        }), catchError((error) => {
+            return throwError(() => new Error(error));
+        }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentHttpService, deps: [{ token: DocumentStore }, { token: i2.HttpClient }, { token: AppConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentHttpService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentHttpService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: DocumentStore }, { type: i2.HttpClient }, { type: AppConfigService }] });
+
+/**
+ * Query service for managing document state.
+ * This class extends Akita's `QueryEntity` to provide additional functionality for querying document data.
+ * @class DocumentQuery
+ * @typedef {DocumentQuery}
+ * @augments {QueryEntity<DocumentState>}
+ */
+class DocumentQuery extends QueryEntity {
+    store;
+    constructor(store) {
+        super(store);
+        this.store = store;
+    }
+    /**
+     * Selects the currently selected folder ID from the document state.
+     * @returns {Observable<string | null>} Observable that emits the currently selected folder ID.
+     */
+    getParentDocumentTypeId() {
+        return this.getValue()['parentDocumentTypeId'];
+    }
+    /**
+     * Selects the currently selected folder ID from the document state.
+     * @returns {Observable<string | null>} Observable that emits the currently selected folder ID.
+     */
+    selectParentDocumentTypeId() {
+        return this.select((state) => state['parentDocumentTypeId']);
+    }
+    /**
+     * Selects the set messages.
+     * @returns {Observable<Message>} Observable that emits the current Message.
+     */
+    selectMessages() {
+        return this.select((state) => state.messages);
+    }
+    /**
+     * Selects the set documents.
+     * @returns {Observable<DocumentModel[]>} Observable that emits the documets.
+     */
+    selectDocumets() {
+        return this.select((state) => state.documentList);
+    }
+    /**
+     * Selects the document categories.
+     * @returns {Observable<DocumentCategory[]>} Observable that emits the document categories.
+     */
+    selectDocumentCategories() {
+        return this.select((state) => state.documentCategories);
+    }
+    // New query methods for selection state
+    /**
+     * Selects the currently selected menu item.
+     * @returns {Observable<string | null>} Observable that emits the currently selected menu item _id (not the label).
+     */
+    selectSelectedMenuItem() {
+        return this.select((state) => state.selectedMenuItem);
+    }
+    /**
+     * Selects the currently selected user ID.
+     * @returns {Observable<string | null>} Observable that emits the currently selected user ID.
+     */
+    selectSelectedUserId() {
+        return this.select((state) => state.selectedUserId);
+    }
+    /**
+     * Selects the currently selected status.
+     * @returns {Observable<string | null>} Observable that emits the currently selected status.
+     */
+    selectSelectedStatus() {
+        return this.select((state) => state.selectedStatus);
+    }
+    /**
+     * Selects the current search key.
+     * @returns {Observable<string | null>} Observable that emits the current search key.
+     */
+    selectSearchKey() {
+        return this.select((state) => state.searchKey);
+    }
+    /**
+     * Selects all selection state properties (menu item, user ID, status, search key).
+     * @returns {Observable<{menuItem: string | null, userId: string | null, status: string | null, searchKey: string | null}>} Observable that emits the current selection state.
      * Note: menuItem is the _id of the selected menu item, not the label.
      */
     selectSelectionState() {
@@ -1620,368 +1850,60 @@ class DocumentQuery extends QueryEntity {
      * @returns {boolean} The current document uploaded state.
      */
     getDocumentIsUploaded() {
-        return this.getValue().documentIsUploaded;
-    }
-    /**
-     * Selects the alert data.
-     * @returns {Observable<any>} Observable that emits the current alert data.
-     */
-    selectAlertData() {
-        return this.select((state) => state.alertData);
-    }
-    /**
-     * Gets the current alert data value (synchronous).
-     * @returns {any} The current alert data.
-     */
-    getAlertData() {
-        return this.getValue().alertData;
-    }
-    /**
-     * Selects all document viewer state properties.
-     * @returns {Observable<{selectedDocument?: DocumentListItem, documentHistory: DocumentHistorySection[], showDocumentHistory: boolean, isActionLoading: boolean, documentStatus: 'pending' | 'accepted' | 'rejected', documentIsUploaded: boolean, alertData: any}>} Observable that emits the current document viewer state.
-     */
-    selectDocumentViewerState() {
-        return this.select((state) => ({
-            selectedDocument: state.selectedDocument,
-            documentHistory: state.documentHistory,
-            showDocumentHistory: state.showDocumentHistory,
-            isActionLoading: state.isActionLoading,
-            documentStatus: state.documentStatus,
-            documentIsUploaded: state.documentIsUploaded,
-            alertData: state.alertData
-        }));
-    }
-    /**
-     * Gets the current document viewer state values (synchronous).
-     * @returns {Object} The current document viewer state values.
-     */
-    getDocumentViewerState() {
-        const state = this.getValue();
-        return {
-            selectedDocument: state.selectedDocument,
-            documentHistory: state.documentHistory,
-            showDocumentHistory: state.showDocumentHistory,
-            isActionLoading: state.isActionLoading,
-            documentStatus: state.documentStatus,
-            documentIsUploaded: state.documentIsUploaded,
-            alertData: state.alertData
-        };
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentQuery, deps: [{ token: DocumentStore }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentQuery, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentQuery, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: DocumentStore }] });
-
-/**
- * Service for making HTTP requests related to documents.
- * @class DocumentHttpService
- * @typedef {DocumentHttpService}
- */
-class DocumentHttpService {
-    documentStore;
-    http;
-    appConfigService;
-    /**
-     * Creates an instance of DocumentService.
-     * @param {DocumentStore} documentStore - Store managing the state of documents.
-     * @param {HttpClient} http - Angular HTTP client for making API requests.
-     * @param {AppConfigService} appConfigService - Service for retrieving application configuration, such as API base URL.
-     */
-    constructor(documentStore, http, appConfigService) {
-        this.documentStore = documentStore;
-        this.http = http;
-        this.appConfigService = appConfigService;
-    }
-    /**
-     * Get api url from appConfigService.
-     * @readonly
-     * @type {string}
-     */
-    get apiUrl() {
-        return this.appConfigService.apiBaseUrl;
-    }
-    /**
-     * Fetches a document by its path name and transforms the response for dropdown options.
-     * Includes error handling for failed API requests.
-     * @param {string} contextId - The context ID to fetch the document.
-     * @returns {Observable<any>} Observable that emits the transformed data for dropdown options.
-     */
-    getFoldersData(contextId) {
-        if (!contextId)
-            return EMPTY;
-        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));
-        }));
-    }
-    /**
-     * Fetches a document catagories by its path name.
-     * Includes error handling for failed API requests.
-     * @param {string} contextId - The context ID to fetch the document.
-     * @returns {Observable<any>} Observable that emits the transformed data for dropdown options.
-     */
-    getDocumentCatagories(contextId) {
-        let headers = new HttpHeaders({ Authorization: `Bearer 368626b1-44dd-4cc9-af54-0b9987eced92` });
-        return this.http.get(`${this.apiUrl}${URLS.DOCUMENTS_CATAGORIES}/${contextId}`, { headers }).pipe(tap((response) => {
-            // Store only the categories array, not the entire response
-            if (response && response.categories) {
-                this.documentStore.setDocumentCategories(response.categories);
-            }
-        }), catchError((error) => {
-            return throwError(() => new Error(error));
-        }));
-    }
-    /**
-     * Fetches a document by its path name and transforms the response for dropdown options.
-     * Includes error handling for failed API requests.
-     * @returns {Observable<any>} Observable that emits the transformed data for dropdown options.
-     */
-    //  getDocumentTypes(): Observable<DocumentTypeModel[]> {
-    //   return this.http.get<DocumentTypeModel[]>(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD}/${URLS.DOCUMENT_TYPES}`).pipe(
-    //     tap((documentTypes: DocumentTypeModel[]) => {
-    //       this.documentStore.setDocumentTypes(documentTypes);
-    //     }),
-    //     catchError((error) => {
-    //       return throwError(() => new Error(error));
-    //     })
-    //   );
-    // }
-    /**
-     * Fetches a document by its path name and transforms the response for dropdown options.
-     * @param {string} documentId - The document ID to fetch the document.
-     * @returns {Observable<any>} Observable that emits the transformed data for dropdown options.
-     */
-    getAlertsByDocumentID(documentId) {
-        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));
-        }));
-    }
-    /**
-     * Fetches a document by its folder ID and transforms the response for dropdown options.
-     * @param {string} folderId - The folder ID to fetch the document.
-     * @param {string} contextId - The context ID to fetch the document.
-     * @returns {Observable<any>} Observable that emits the transformed data for dropdown options.
-     */
-    getDocumentByFolderID(folderId, contextId) {
-        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));
-        }));
-    }
-    /**
-     * Updates the name of a document.
-     * This method sends an HTTP PUT request to update the document's file name using the provided document ID and payload.
-     * In case of an error, it will return an observable that throws an Error.
-     * @param {string} documentId - The unique identifier of the document to update.
-     * @param {any} payload - The payload containing the updated document data (e.g., fileName).
-     * @returns {Observable<DocumentModel>} An observable that emits the updated DocumentModel.
-     */
-    updateDocumentName(documentId, payload) {
-        let headers = new HttpHeaders({ Authorization: `Bearer 368626b1-44dd-4cc9-af54-0b9987eced92` });
-        return this.http.put(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD}/${documentId}`, payload, { headers }).pipe(catchError((error) => {
-            return throwError(() => new Error(error));
-        }));
-    }
-    /**
-    * Fetches a userlist by its path name.
-    * @param {string} contextId - The document ID to fetch the document.
-    * @returns {Observable<UserListModel[]>} Observable that emits the user list data.
-    */
-    getUserListByContextId(contextId) {
-        if (!contextId)
-            return EMPTY;
-        let headers = new HttpHeaders({ Authorization: `Bearer 368626b1-44dd-4cc9-af54-0b9987eced92` });
-        return this.http.get(`${this.apiUrl}${URLS.USERLIST}${contextId}`, { headers }).pipe(tap((userList) => {
-            this.documentStore.setUserList(userList);
-        }), catchError((error) => {
-            return throwError(() => new Error(error));
-        }));
-    }
-    /**
-     * Fetches document status count data by application ID with optional context ID and category parameters.
-     * @param {string} applicationId - The application ID to fetch status data.
-     * @param {string | null} contextId - The context ID (applicant ID) to filter by. If null, uses applicationId.
-     * @param {string | null} categoryId - The category ID to filter by.
-     * @returns {Observable<StatusDataModel[]>} Observable that emits the status data.
-     */
-    getStatusDocumentCount(applicationId, contextId = null, categoryId = null) {
-        if (!applicationId)
-            return EMPTY;
-        let url = `${this.apiUrl}${URLS.STATUS_DOCUMENT_COUNT}${applicationId}`;
-        let params = new HttpParams();
-        const contextParam = contextId || null;
-        if (contextParam) {
-            params = params.set(SHARED.CONTEXT_ID, contextParam);
-        }
-        if (categoryId) {
-            params = params.set(SHARED.CATEGORY, categoryId);
-        }
-        let headers = new HttpHeaders({ Authorization: `Bearer 368626b1-44dd-4cc9-af54-0b9987eced92` });
-        return this.http.get(url, { params, headers }).pipe(tap((statusData) => {
-            this.documentStore.setStatusData(statusData);
-        }), catchError((error) => {
-            return throwError(() => new Error(error));
-        }));
-    }
-    /**
-     * Fetches documents based on selection criteria (menu item, user ID, status, and search key).
-     * This method sends an HTTP GET request with query parameters for the selected filters.
-     * @param {string} contextId - The context ID (applicationId or applicantId).
-     * @param {string | null} menuItem - The selected menu item filter.
-     * @param {string | null} userId - The selected user ID filter.
-     * @param {string | null} status - The selected status filter.
-     * @param {string | null} searchKey - The search key filter.
-     * @returns {Observable<any>} An observable that emits the filtered document data.
-     */
-    getDocumentsBySelection(contextId, menuItem, userId, status, searchKey = null) {
-        let params = new HttpParams();
-        if (menuItem) {
-            params = params.set(SHARED.CATEGORY, menuItem);
-        }
-        if (userId) {
-            params = params.set(SHARED.CONTEXT_ID, userId);
-        }
-        if (status) {
-            params = params.set(SHARED.STATUS_PARAM, status);
-        }
-        if (searchKey) {
-            params = params.set(SHARED.SEARCH_KEY, searchKey);
-        }
-        let headers = new HttpHeaders({ Authorization: `Bearer 368626b1-44dd-4cc9-af54-0b9987eced92` });
-        return this.http.get(`${this.apiUrl}${URLS.GETALL}/${contextId}`, { params, headers }).pipe(tap((response) => {
-            if (response.documents) {
-                this.documentStore.setDocumentList(response.documents);
-            }
-        }), catchError((error) => {
-            return throwError(() => new Error(error));
-        }));
-    }
-    getDocumentHistory(documentId) {
-        if (!documentId) {
-            return of([]);
-        }
-        let headers = new HttpHeaders({ Authorization: `Bearer 368626b1-44dd-4cc9-af54-0b9987eced92` });
-        return this.http.get(`${this.apiUrl}${URLS.DOCUMENT_HISTORY}${documentId}`, { headers });
-    }
-    /**
-     * Fetches document categories by source (Applicant/Application).
-     * @param {string} source - The source type (Applicant or Application).
-     * @returns {Observable<DocumentCategory[]>} Observable that emits the categories.
-     */
-    getCategoriesBySource(source) {
-        if (!source)
-            return EMPTY;
-        let headers = new HttpHeaders({ Authorization: `Bearer 368626b1-44dd-4cc9-af54-0b9987eced92` });
-        return this.http.get(`${this.apiUrl}${URLS.GET_CATEGORIES_BY_SOURCE}${source}`, { headers }).pipe(catchError((error) => {
-            return throwError(() => new Error(error));
-        }));
-    }
-    /**
-     * Fetches 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.
-     */
-    getDocumentTypesByCategory(categoryId) {
-        if (!categoryId)
-            return EMPTY;
-        let headers = new HttpHeaders({ Authorization: `Bearer 368626b1-44dd-4cc9-af54-0b9987eced92` });
-        return this.http.get(`${this.apiUrl}${URLS.GET_DOCUMENT_TYPES_BY_CATEGORY}${categoryId}`, { headers }).pipe(catchError((error) => {
-            return throwError(() => new Error(error));
-        }));
-    }
-    /**
-     * Uploads a single file using the uploadFile API.
-     * @param {FormData} formData - The form data containing the file and metadata.
-     * @returns {Observable<any>} Observable that emits the upload response.
-     */
-    uploadFile(formData) {
-        let headers = new HttpHeaders({ Authorization: `Bearer 368626b1-44dd-4cc9-af54-0b9987eced92` });
-        return this.http.post(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD_FILE}`, formData, { headers }).pipe(catchError((error) => {
-            return throwError(() => new Error(error));
-        }));
-    }
-    /**
-     * Saves the complete document upload data.
-     * @param {any} payload - The document upload payload containing all necessary data.
-     * @returns {Observable<any>} Observable that emits the save response.
-     */
-    saveDocumentUpload(payload) {
-        let headers = new HttpHeaders({ Authorization: `Bearer 368626b1-44dd-4cc9-af54-0b9987eced92` });
-        return this.http.post(`${this.apiUrl}${URLS.SAVE_DOCUMENT_UPLOAD}`, payload, { headers }).pipe(catchError((error) => {
-            return throwError(() => new Error(error));
-        }));
-    }
-    /**
-     * Updates the status of a document by document ID
-     * @param {string} documentId - The ID of the document to update
-     * @param {string} status - The new status (Approved, Rejected, etc.)
-     * @param {string} statusUpdateDescription - The description/note for the status update
-     * @returns {Observable<any>} Observable that emits the updated document data with normalized status
-     */
-    updateDocumentStatus(documentId, status, statusUpdateDescription) {
-        const payload = {
-            statusUpdateDescription: statusUpdateDescription
-        };
-        let headers = new HttpHeaders({ Authorization: `Bearer 368626b1-44dd-4cc9-af54-0b9987eced92` });
-        return this.http.put(`${this.apiUrl}${URLS.UPDATE_DOCUMENT_STATUS}${documentId}/${status}`, payload, { headers }).pipe(tap((response) => {
-            if (response && response.status) {
-                const normalizedStatus = this.normalizeStatus(response.status);
-                response.normalizedStatus = normalizedStatus;
-            }
-        }), catchError((error) => {
-            return throwError(() => new Error(error));
-        }));
+        return this.getValue().documentIsUploaded;
     }
     /**
-     * Normalizes the status from API response to match component expectations
-     * @param {string} status - The status from API response (Approved, Rejected, etc.)
-     * @returns {string} Normalized status value
+     * Selects the alert data.
+     * @returns {Observable<any>} Observable that emits the current alert data.
      */
-    normalizeStatus(status) {
-        switch (status.toLowerCase()) {
-            case SHARED.APPROVED:
-                return SHARED.STATUS_ACCEPTED;
-            case SHARED.STATUS_REJECTED_LOWERCASE:
-                return SHARED.STATUS_REJECTED_LOWERCASE;
-            case SHARED.STATUS_PENDING:
-                return SHARED.STATUS_PENDING;
-            default:
-                return status.toLowerCase();
-        }
+    selectAlertData() {
+        return this.select((state) => state.alertData);
     }
     /**
-     * Deletes a document by its ID and refreshes all data (categories, userlist, status, and document list)
-     * @param {string} documentId - The ID of the document to delete
-     * @param {string} contextId - The context ID to refresh all data
-     * @returns {Observable<any>} Observable that emits the delete response
+     * Gets the current alert data value (synchronous).
+     * @returns {any} The current alert data.
      */
-    deleteDocument(documentId, contextId) {
-        let headers = new HttpHeaders({ Authorization: `Bearer 368626b1-44dd-4cc9-af54-0b9987eced92` });
-        return this.http.delete(`${this.apiUrl}${URLS.DELETE_DOCUMENT}${documentId}`, { headers }).pipe(tap(() => {
-            this.getDocumentCatagories(contextId).subscribe();
-            this.getUserListByContextId(contextId).subscribe();
-            this.getStatusDocumentCount(contextId).subscribe();
-            this.getDocumentsBySelection(contextId, null, null, null, null).subscribe();
-        }), catchError((error) => {
-            return throwError(() => new Error(error));
+    getAlertData() {
+        return this.getValue().alertData;
+    }
+    /**
+     * Selects all document viewer state properties.
+     * @returns {Observable<{selectedDocument?: DocumentListItem, documentHistory: DocumentHistorySection[], showDocumentHistory: boolean, isActionLoading: boolean, documentStatus: 'pending' | 'accepted' | 'rejected', documentIsUploaded: boolean, alertData: any}>} Observable that emits the current document viewer state.
+     */
+    selectDocumentViewerState() {
+        return this.select((state) => ({
+            selectedDocument: state.selectedDocument,
+            documentHistory: state.documentHistory,
+            showDocumentHistory: state.showDocumentHistory,
+            isActionLoading: state.isActionLoading,
+            documentStatus: state.documentStatus,
+            documentIsUploaded: state.documentIsUploaded,
+            alertData: state.alertData
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentHttpService, deps: [{ token: DocumentStore }, { token: i2.HttpClient }, { token: AppConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentHttpService, providedIn: 'root' });
+    /**
+     * Gets the current document viewer state values (synchronous).
+     * @returns {Object} The current document viewer state values.
+     */
+    getDocumentViewerState() {
+        const state = this.getValue();
+        return {
+            selectedDocument: state.selectedDocument,
+            documentHistory: state.documentHistory,
+            showDocumentHistory: state.showDocumentHistory,
+            isActionLoading: state.isActionLoading,
+            documentStatus: state.documentStatus,
+            documentIsUploaded: state.documentIsUploaded,
+            alertData: state.alertData
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentQuery, deps: [{ token: DocumentStore }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentQuery, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentHttpService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentQuery, decorators: [{
             type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: DocumentStore }, { type: i2.HttpClient }, { type: AppConfigService }] });
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: DocumentStore }] });
 
 /**
  * Service to manage the document data and selection state
@@ -2006,15 +1928,14 @@ class DocumentHelperService {
         // Clean up any existing subscription
         this.cleanupSelectionWatcher();
         this.selectionWatcherSubscription = combineLatest([
-            this.documentQuery.selectSelectedMenuItem(),
             this.documentQuery.selectSelectedUserId(),
             this.documentQuery.selectSelectedStatus(),
             this.documentQuery.selectSearchKey()
         ]).pipe(debounceTime(300), distinctUntilChanged((prev, curr) => {
-            const isSame = prev[0] === curr[0] && prev[1] === curr[1] && prev[2] === curr[2] && prev[3] === curr[3];
+            const isSame = prev[0] === curr[0] && prev[1] === curr[1] && prev[2] === curr[2];
             return isSame;
-        }), switchMap(([menuItem, userId, status, searchKey]) => {
-            return this.documentHttpService.getDocumentsBySelection(contextId, menuItem, userId, status, searchKey);
+        }), switchMap(([userId, status, searchKey]) => {
+            return this.documentHttpService.getDocumentsBySelection(contextId, null, userId, status, searchKey);
         })).subscribe({
             next: (response) => {
                 const currentState = this.documentQuery.getSelectionState();
@@ -2166,7 +2087,8 @@ class DocumentHelperService {
      */
     refreshDocumentsWithCurrentSelection(contextId) {
         const currentState = this.documentQuery.getSelectionState();
-        this.documentHttpService.getDocumentsBySelection(contextId, currentState.menuItem, currentState.userId, currentState.status).subscribe({
+        this.documentHttpService.getDocumentsBySelection(contextId, null, // No menu item filtering
+        currentState.userId, currentState.status).subscribe({
             next: (response) => {
                 this.documentStore.setDocumentListResponse(response);
             },
@@ -2211,22 +2133,21 @@ class DocumentHelperService {
      *
      * This method ensures that after a document action (accept/reject/delete):
      * 1. Document categories are refreshed
-     * 2. Status counts are refreshed with current menu item and user filters
+     * 2. Status counts are refreshed with current user filters
      * 3. User list is refreshed with current filters (if applicable)
-     * 4. Document list is refreshed with all current filters (menu item, user, status, search)
+     * 4. Document list is refreshed with current filters (user, status, search)
      *
      * Filter application:
      * - Document categories: Uses base contextId
-     * - Status data: Uses userId as contextId and menuItem as categoryId
+     * - Status data: Uses userId as contextId (no category filtering)
      * - User list: Uses base contextId (can be enhanced with additional filters if API supports)
-     * - Document list: Uses all current filters (menuItem, userId, status, searchKey)
+     * - Document list: Uses current filters (userId, status, searchKey)
      *
      * @param contextId - The context ID to use for the API calls
      */
     refreshAllDataWithCurrentFilters(contextId) {
         const currentState = this.documentQuery.getSelectionState();
         const statusContextId = currentState.userId || null;
-        const categoryId = currentState.menuItem || null;
         // Refresh document categories
         this.documentHttpService.getDocumentCatagories(contextId).subscribe({
             next: (response) => {
@@ -2236,8 +2157,8 @@ class DocumentHelperService {
                 console.error('Error refreshing document categories after action:', error);
             }
         });
-        // Refresh status data
-        this.documentHttpService.getStatusDocumentCount(contextId, statusContextId, categoryId).subscribe({
+        // Refresh status data (no category filtering)
+        this.documentHttpService.getStatusDocumentCount(contextId, statusContextId, null).subscribe({
             next: (statusData) => {
                 this.documentStore.setStatusData(statusData);
             },
@@ -2266,6 +2187,86 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 }]
         }], ctorParameters: () => [{ type: DocumentStore }, { type: DocumentQuery }, { type: DocumentHttpService }] });
 
+/**
+ * Service for managing document-related operations.
+ * The `DocumentService` acts as a bridge between the application and the backend API for handling document-related data.
+ * It interacts with the `DocumentStore` for state management and uses `HttpClient` for making HTTP requests.
+ * Creates an instance of `DocumentService`.
+ * @param {DocumentStore} documentStore - The store that manages the state of documents.
+ * @param {HttpClient} http - The Angular HTTP client for making API requests.
+ */
+class DocumentService {
+    documentStore;
+    http;
+    appConfigService;
+    /**
+     * Creates an instance of DocumentService.
+     * @param {DocumentStore} documentStore - Store managing the state of documents.
+     * @param {HttpClient} http - Angular HTTP client for making API requests.
+     * @param {AppConfigService} appConfigService - Service for retrieving application configuration, such as API base URL.
+     */
+    constructor(documentStore, http, appConfigService) {
+        this.documentStore = documentStore;
+        this.http = http;
+        this.appConfigService = appConfigService;
+    }
+    /**
+     * Get api url from appConfigService.
+     * @readonly
+     * @type {string}
+     */
+    get apiUrl() {
+        return this.appConfigService.apiBaseUrl;
+    }
+    /**
+     * Sends a request to create a new document.
+     * @param {*} entity - The data of the document to be created.
+     * @returns {Observable<any>} Observable that emits the newly created document.
+     */
+    create(entity) {
+        const headers = { 'Authorization': 'Bearer ec20c488-dee2-4598-96df-9137ab0d85ce' };
+        return this.http.post(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD_FILE}`, entity, { headers }).pipe(tap((newEntity) => this.documentStore.add(newEntity)));
+    }
+    /**
+     * Fetches all documents from the backend.
+     * @returns {Observable<DocumentModel[]>} Observable that emits an array of documents.
+     */
+    getAll() {
+        return this.http.get(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD}`).pipe(tap((entities) => this.documentStore.set(entities)));
+    }
+    /**
+     * Fetches a document by its ID.
+     * @param {string} id - The unique identifier of the document.
+     * @returns {Observable<any>} Observable that emits the retrieved document.
+     */
+    getById(id) {
+        return this.http.get(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD}/${id}`).pipe(tap((entity) => this.documentStore.upsert(id, entity)));
+    }
+    /**
+     * Updates an existing document by its ID.
+     * @param {string} id - The unique identifier of the document.
+     * @param {DocumentModel} entity - The updated data of the document.
+     * @returns {Observable<DocumentModel>} Observable that emits the updated document.
+     */
+    update(id, entity) {
+        return this.http.put(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD}/${id}`, entity).pipe(tap((updatedEntity) => this.documentStore.update(id, updatedEntity)));
+    }
+    /**
+     * Deletes a document by its ID.
+     * @param {string} id - The unique identifier of the document to be deleted.
+     * @returns {Observable<void>} Observable that completes when the document is deleted.
+     */
+    delete(id) {
+        return this.http.delete(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD_FILE}/${id}`).pipe(tap(() => this.documentStore.remove(id)));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentService, deps: [{ token: DocumentStore }, { token: i2.HttpClient }, { token: AppConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: DocumentStore }, { type: i2.HttpClient }, { type: AppConfigService }] });
+
 /**
  * Service for handling document uploads.
  * @class DocumentUploadService
@@ -3769,23 +3770,6 @@ class UserListService {
             color: this.getColorByIndex(index)
         }));
     }
-    /**
-     * Finds the selected menu item from categories
-     * @param selectedMenuItemId - The ID of the selected menu item
-     * @param categories - The document categories
-     * @returns The selected menu item or null
-     */
-    findSelectedMenuItem(selectedMenuItemId, categories) {
-        for (const category of categories) {
-            if (category.items) {
-                const item = category.items.find(item => item._id === selectedMenuItemId);
-                if (item) {
-                    return item;
-                }
-            }
-        }
-        return null;
-    }
     /**
      * Filters user list based on selected menu item category
      * @param userList - The complete user list
@@ -3793,21 +3777,8 @@ class UserListService {
      * @returns Filtered user list
      */
     filterUsersByCategory(userList, categories) {
-        const selectedMenuItemId = this.documentQuery.getSelectionState().menuItem;
-        if (!selectedMenuItemId) {
-            return userList;
-        }
-        const selectedMenuItem = this.findSelectedMenuItem(selectedMenuItemId, categories);
-        if (!selectedMenuItem) {
-            return userList;
-        }
-        const selectedCategory = categories.find(category => category.items?.some(item => item._id === selectedMenuItemId));
-        if (!selectedCategory) {
-            return userList;
-        }
-        if (selectedCategory.label === SHARED.APPLICATION) {
-            return userList.filter(user => user.name === SHARED.APPLICATION_DOCS);
-        }
+        // No menu item filtering - return all users
+        // The menu item is now used for navigation, not filtering
         return userList;
     }
     selectUser(userId, userData) {
@@ -3922,18 +3893,19 @@ class UserListComponent {
             }
             this.cdr.markForCheck();
         });
-        this.documentQuery.selectSelectedMenuItem().subscribe(menuItemId => {
-            this.updateFilteredUserData();
-            if (this.selectedUser) {
-                const selectedUserInFiltered = this.filteredUserData.find(user => user.name === this.selectedUser);
-                if (!selectedUserInFiltered) {
-                    this.selectedUser = undefined;
-                    this.documentStore.setSelectedUserId(null);
-                    this.userSelected.emit(SHARED.EMPTY);
-                }
-            }
-            this.cdr.markForCheck();
-        });
+        // Remove menu item dependency - users are no longer filtered by menu item
+        // this.documentQuery.selectSelectedMenuItem().subscribe(menuItemId => {
+        //   this.updateFilteredUserData();
+        //   if (this.selectedUser) {
+        //     const selectedUserInFiltered = this.filteredUserData.find(user => user.name === this.selectedUser);
+        //     if (!selectedUserInFiltered) {
+        //       this.selectedUser = undefined;
+        //       this.documentStore.setSelectedUserId(null);
+        //       this.userSelected.emit(SHARED.EMPTY);
+        //     }
+        //   }
+        //   this.cdr.markForCheck();
+        // });
         this.documentQuery.selectShowUserList().subscribe(show => {
             if (!show && this.selectedUser) {
                 this.selectedUser = undefined;
@@ -4744,90 +4716,18 @@ class DocumentListService {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentListService, deps: [{ token: DocumentUploadService }, { token: DocumentHttpService }, { token: DocumentQuery }, { token: DocumentStore }, { token: DocumentTableBuilderService }, { token: DocumentHelperService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentListService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentListService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: DocumentUploadService }, { type: DocumentHttpService }, { type: DocumentQuery }, { type: DocumentStore }, { type: DocumentTableBuilderService }, { type: DocumentHelperService }] });
-
-/**
- * Directive to conditionally show or hide elements based on user permissions.
- * @class HasPermissionDirective
- * @typedef {HasPermissionDirective}
- */
-class HasPermissionDirective {
-    el;
-    renderer;
-    sessionService;
-    /**
-     * The required permission(s) to display the element.
-     * Accepts a single string or an array of strings.
-     * @type {string | string[]}
-     */
-    permission;
-    /**
-     * Creates an instance of HasPermissionDirective.
-     * @param {ElementRef} el - Reference to the host element.
-     * @param {Renderer2} renderer - Angular Renderer for DOM manipulation.
-     * @param {SessionService} sessionService - Service to retrieve user permissions.
-     */
-    constructor(el, renderer, sessionService) {
-        this.el = el;
-        this.renderer = renderer;
-        this.sessionService = sessionService;
-    }
-    /**
-     * Lifecycle hook that is called when input properties change.
-     * @param {SimpleChanges} changes - The changes in input properties.
-     */
-    ngOnChanges(changes) {
-        if (changes['permission']) {
-            this.checkPermission();
-        }
-    }
-    /**
-     * Checks if the user has the required permission(s).
-     * Hides the element if the permission is not found.
-     */
-    checkPermission() {
-        // If no permission is required (empty string, null, or undefined), show the element
-        if (!this.permission || this.permission === '' || (Array.isArray(this.permission) && this.permission.length === 0)) {
-            this.renderer.removeStyle(this.el.nativeElement, 'display');
-            return;
-        }
-        const userPermissionsObjects = this.sessionService.getUserPermissions();
-        const userPermissionNames = userPermissionsObjects?.map((perm) => perm.name) || [];
-        const requiredPermissions = Array.isArray(this.permission)
-            ? this.permission
-            : [this.permission];
-        const hasPermission = requiredPermissions.some(permission => userPermissionNames.includes(permission));
-        if (!hasPermission) {
-            this.renderer.setStyle(this.el.nativeElement, 'display', 'none');
-        }
-        else {
-            this.renderer.removeStyle(this.el.nativeElement, 'display');
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HasPermissionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: HasPermissionDirective, isStandalone: false, selector: "[permission]", inputs: { permission: "permission" }, usesOnChanges: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HasPermissionDirective, decorators: [{
-            type: Directive,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentListService, decorators: [{
+            type: Injectable,
             args: [{
-                    selector: '[permission]',
-                    standalone: false
+                    providedIn: 'root'
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: SessionService }], propDecorators: { permission: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [{ type: DocumentUploadService }, { type: DocumentHttpService }, { type: DocumentQuery }, { type: DocumentStore }, { type: DocumentTableBuilderService }, { type: DocumentHelperService }] });
 
 class TablePrimaryComponent {
     tableData = { columns: [], data: [] };
     showHeader = true;
     tableStyle = { 'min-width': '100%' };
     rowClick = new EventEmitter();
-    deleteAction = new EventEmitter();
     processedData = [];
     // Expose SHARED constants for template use
     SHARED = SHARED;
@@ -4895,19 +4795,15 @@ class TablePrimaryComponent {
     getFileExtension(fileName) {
         return fileName.split(SHARED.DOT).pop()?.toUpperCase() || SHARED.PDF;
     }
-    onActionClick(event, rowData) {
-        event.stopPropagation();
-        this.deleteAction.emit(rowData);
-    }
     onRowClick(rowData) {
         this.rowClick.emit(rowData);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TablePrimaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: TablePrimaryComponent, isStandalone: false, selector: "lib-table-primary", inputs: { tableData: "tableData", showHeader: "showHeader", tableStyle: "tableStyle" }, outputs: { rowClick: "rowClick", deleteAction: "deleteAction" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"card\">\r\n    <p-table [value]=\"processedData\" [tableStyle]=\"tableStyle\">\r\n        <ng-template pTemplate=\"header\" *ngIf=\"showHeader\">\r\n            <tr>\r\n                <th *ngFor=\"let col of tableData.columns\" [style.width]=\"col.width\">\r\n                    {{ col.header }}\r\n                </th>\r\n            </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"body\" let-rowData>\r\n            <tr (click)=\"onRowClick(rowData)\" class=\"clickable-row\">\r\n                <td *ngFor=\"let col of tableData.columns\" [style.width]=\"col.width\">\r\n                    <!-- Document Cell -->\r\n                    <div *ngIf=\"col.type === SHARED.CELL_TYPE_DOCUMENT\" class=\"document-cell\">\r\n                        <div class=\"document-info\">\r\n                            <div class=\"document-icon\">\r\n                                <i [class]=\"SHARED.ICON_FILE_PDF\" *ngIf=\"rowData._isPdfFile\"></i>\r\n                                <i [class]=\"SHARED.ICON_IMAGE\" *ngIf=\"rowData._isImageFile\"></i>\r\n                                <i [class]=\"SHARED.ICON_FILE_EXCEL\" *ngIf=\"rowData._isExcelFile\"></i>\r\n                                <i [class]=\"SHARED.ICON_FILE\" *ngIf=\"rowData._isOtherFile\"></i>\r\n                            </div>\r\n                            <div class=\"document-details\">\r\n                                <div class=\"document-name\">{{ rowData.docName }}</div>\r\n                                <div class=\"file-info\">{{ rowData.fileName }} - {{ rowData.fileSize }}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <!-- Status Cell -->\r\n                    \r\n                    <div *ngIf=\"col.type === SHARED.CELL_TYPE_STATUS\" class=\"status-cell\">\r\n                        <span class=\"status-pill\" [ngClass]=\"rowData._statusClass\">\r\n                            <i [class]=\"rowData._statusIcon\"></i>\r\n                            {{ rowData[col.field] }}\r\n                        </span>\r\n                    </div>\r\n\r\n                    <!-- Actions Cell -->\r\n                    <div *ngIf=\"col.type === SHARED.CELL_TYPE_ACTIONS\" class=\"actions-cell\">\r\n                        @if(rowData.isUploaded){\r\n                            <button pButton pRipple type=\"button\" [icon]=\"SHARED.ICON_DELETE\" \r\n                            class=\"p-button-text p-button-rounded\" \r\n                            [permission]=\"'documents-deleteDocumentByDocumentId'\"\r\n                            (click)=\"onActionClick($event, rowData)\">\r\n                        </button>\r\n                    } \r\n                    </div>\r\n\r\n                    <!-- Default Text Cell -->\r\n                    <div *ngIf=\"!col.type || col.type === SHARED.CELL_TYPE_TEXT\" class=\"text-cell\">\r\n                        {{ rowData[col.field] }}\r\n                    </div>\r\n                </td>\r\n            </tr>\r\n        </ng-template>\r\n        \r\n        <!-- No Records Template -->\r\n        <ng-template pTemplate=\"emptymessage\">\r\n            <tr>\r\n                <td [attr.colspan]=\"tableData.columns.length\" class=\"no-records-cell\">\r\n                    <div class=\"no-records-content\">\r\n                        <i class=\"pi pi-inbox\" style=\"font-size: 2rem; color: #6c757d;\"></i>\r\n                        <p class=\"no-records-text\">No records found</p>\r\n                    </div>\r\n                </td>\r\n            </tr>\r\n        </ng-template>\r\n    </p-table>\r\n</div>", styles: [".document-cell .document-info{display:flex;align-items:center;gap:.75rem;text-align:left}.document-cell .document-info .document-icon{width:40px;height:40px;background-color:#e3f2fd;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#1976d2;font-size:1.25rem;flex-shrink:0}.document-cell .document-info .document-details{flex:1;min-width:0}.document-cell .document-info .document-details .document-name{font-weight:400;color:#334155;line-height:20px;font-size:14px;margin-bottom:.25rem;text-align:left;word-break:break-word}.document-cell .document-info .document-details .file-info{font-size:.75rem;color:#6c757d;text-align:left}.status-cell .status-pill{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;white-space:nowrap;min-width:80px}.status-cell .status-pill i{font-size:.875rem}.status-cell .status-pill.status-pending{background-color:#f3f4f6;color:#6b7280}.status-cell .status-pill.status-approved{background-color:#d1fae5;color:#065f46}.status-cell .status-pill.status-alert{background-color:#fee2e2;color:#dc2626}.status-cell .status-pill.status-uploaded{background-color:#dbeafe;color:#1d4ed8}.status-cell .status-pill.status-reviewing{background-color:#fef3c7;color:#d97706}.status-cell .status-pill.status-rejected{background-color:#fee2e2;color:#dc2626}.actions-cell{text-align:left}.actions-cell .p-button{width:2rem;height:2rem;border-radius:50%;background-color:transparent;border:none;color:#6c757d}.actions-cell .p-button:hover{background-color:#f8f9fa;color:#495057}.text-cell{font-weight:500;color:#475569;font-size:14px;line-height:20px;text-align:left}.clickable-row{cursor:pointer;transition:background-color .2s ease}.clickable-row:hover{background-color:#f8f9fa!important}.clickable-row:active{background-color:#e9ecef!important}::ng-deep .p-datatable .p-datatable-wrapper{border:1px solid #E2E8F0;border-radius:10px}::ng-deep .p-datatable .p-datatable-thead>tr>th{background-color:#f8f9fa;border:none;border-bottom:1px solid #dee2e6;padding:1rem 1.5rem;font-weight:600;color:#64748b;font-size:.875rem;text-transform:capitalize;letter-spacing:.5px;text-align:left;border-radius:8px 8px 0 0}::ng-deep .p-datatable .p-datatable-thead>tr>th:first-child{border-top-left-radius:8px}::ng-deep .p-datatable .p-datatable-thead>tr>th:last-child{border-top-right-radius:8px}::ng-deep .p-datatable .p-datatable-tbody>tr{border-bottom:1px solid #f1f3f4}::ng-deep .p-datatable .p-datatable-tbody>tr:hover{background-color:#f8f9fa}::ng-deep .p-datatable .p-datatable-tbody>tr:last-child>td:first-child{border-bottom-left-radius:8px}::ng-deep .p-datatable .p-datatable-tbody>tr:last-child>td:last-child{border-bottom-right-radius:8px}::ng-deep .p-datatable .p-datatable-tbody>tr>td{border:none;padding:1rem 1.5rem;vertical-align:middle;text-align:left}.no-records-cell{text-align:center;padding:3rem 1.5rem!important;border:none}.no-records-cell .no-records-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.no-records-cell .no-records-content .no-records-text{margin:0;color:#6c757d;font-size:1rem;font-weight:500}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i9.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i5$1.Ripple, selector: "[pRipple]" }, { kind: "directive", type: HasPermissionDirective, selector: "[permission]", inputs: ["permission"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: TablePrimaryComponent, isStandalone: false, selector: "lib-table-primary", inputs: { tableData: "tableData", showHeader: "showHeader", tableStyle: "tableStyle" }, outputs: { rowClick: "rowClick" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"card\">\n    <p-table [value]=\"processedData\" [tableStyle]=\"tableStyle\">\n        <ng-template pTemplate=\"header\" *ngIf=\"showHeader\">\n            <tr>\n                <th *ngFor=\"let col of tableData.columns\" [style.width]=\"col.width\">\n                    {{ col.header }}\n                </th>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-rowData>\n            <tr (click)=\"onRowClick(rowData)\" class=\"clickable-row\">\n                <td *ngFor=\"let col of tableData.columns\" [style.width]=\"col.width\">\n                    <!-- Document Cell -->\n                    <div *ngIf=\"col.type === SHARED.CELL_TYPE_DOCUMENT\" class=\"document-cell\">\n                        <div class=\"document-info\">\n                            <div class=\"document-icon\">\n                                <i [class]=\"SHARED.ICON_FILE_PDF\" *ngIf=\"rowData._isPdfFile\"></i>\n                                <i [class]=\"SHARED.ICON_IMAGE\" *ngIf=\"rowData._isImageFile\"></i>\n                                <i [class]=\"SHARED.ICON_FILE_EXCEL\" *ngIf=\"rowData._isExcelFile\"></i>\n                                <i [class]=\"SHARED.ICON_FILE\" *ngIf=\"rowData._isOtherFile\"></i>\n                            </div>\n                            <div class=\"document-details\">\n                                <div class=\"document-name\">{{ rowData.docName }}</div>\n                                <div class=\"file-info\">{{ rowData.fileName }} - {{ rowData.fileSize }}</div>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Status Cell -->\n                    \n                    <div *ngIf=\"col.type === SHARED.CELL_TYPE_STATUS\" class=\"status-cell\">\n                        <span class=\"status-pill\" [ngClass]=\"rowData._statusClass\">\n                            <i [class]=\"rowData._statusIcon\"></i>\n                            {{ rowData[col.field] }}\n                        </span>\n                    </div>\n\n\n\n                    <!-- Default Text Cell -->\n                    <div *ngIf=\"!col.type || col.type === SHARED.CELL_TYPE_TEXT\" class=\"text-cell\">\n                        {{ rowData[col.field] }}\n                    </div>\n                </td>\n            </tr>\n        </ng-template>\n        \n        <!-- No Records Template -->\n        <ng-template pTemplate=\"emptymessage\">\n            <tr>\n                <td [attr.colspan]=\"tableData.columns.length\" class=\"no-records-cell\">\n                    <div class=\"no-records-content\">\n                        <i class=\"pi pi-inbox\" style=\"font-size: 2rem; color: #6c757d;\"></i>\n                        <p class=\"no-records-text\">No records found</p>\n                    </div>\n                </td>\n            </tr>\n        </ng-template>\n    </p-table>\n</div>", styles: [".document-cell .document-info{display:flex;align-items:center;gap:.75rem;text-align:left}.document-cell .document-info .document-icon{width:40px;height:40px;background-color:#e3f2fd;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#1976d2;font-size:1.25rem;flex-shrink:0}.document-cell .document-info .document-details{flex:1;min-width:0}.document-cell .document-info .document-details .document-name{font-weight:400;color:#334155;line-height:20px;font-size:14px;margin-bottom:.25rem;text-align:left;word-break:break-word}.document-cell .document-info .document-details .file-info{font-size:.75rem;color:#6c757d;text-align:left}.status-cell .status-pill{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;white-space:nowrap;min-width:80px}.status-cell .status-pill i{font-size:.875rem}.status-cell .status-pill.status-pending{background-color:#f3f4f6;color:#6b7280}.status-cell .status-pill.status-approved{background-color:#d1fae5;color:#065f46}.status-cell .status-pill.status-alert{background-color:#fee2e2;color:#dc2626}.status-cell .status-pill.status-uploaded{background-color:#dbeafe;color:#1d4ed8}.status-cell .status-pill.status-reviewing{background-color:#fef3c7;color:#d97706}.status-cell .status-pill.status-rejected{background-color:#fee2e2;color:#dc2626}.actions-cell{text-align:left}.actions-cell .p-button{width:2rem;height:2rem;border-radius:50%;background-color:transparent;border:none;color:#6c757d}.actions-cell .p-button:hover{background-color:#f8f9fa;color:#495057}.text-cell{font-weight:500;color:#475569;font-size:14px;line-height:20px;text-align:left}.clickable-row{cursor:pointer;transition:background-color .2s ease}.clickable-row:hover{background-color:#f8f9fa!important}.clickable-row:active{background-color:#e9ecef!important}::ng-deep .p-datatable .p-datatable-wrapper{border:1px solid #E2E8F0;border-radius:10px}::ng-deep .p-datatable .p-datatable-thead>tr>th{background-color:#f8f9fa;border:none;border-bottom:1px solid #dee2e6;padding:1rem 1.5rem;font-weight:600;color:#64748b;font-size:.875rem;text-transform:capitalize;letter-spacing:.5px;text-align:left;border-radius:8px 8px 0 0}::ng-deep .p-datatable .p-datatable-thead>tr>th:first-child{border-top-left-radius:8px}::ng-deep .p-datatable .p-datatable-thead>tr>th:last-child{border-top-right-radius:8px}::ng-deep .p-datatable .p-datatable-tbody>tr{border-bottom:1px solid #f1f3f4}::ng-deep .p-datatable .p-datatable-tbody>tr:hover{background-color:#f8f9fa}::ng-deep .p-datatable .p-datatable-tbody>tr:last-child>td:first-child{border-bottom-left-radius:8px}::ng-deep .p-datatable .p-datatable-tbody>tr:last-child>td:last-child{border-bottom-right-radius:8px}::ng-deep .p-datatable .p-datatable-tbody>tr>td{border:none;padding:1rem 1.5rem;vertical-align:middle;text-align:left}.no-records-cell{text-align:center;padding:3rem 1.5rem!important;border:none}.no-records-cell .no-records-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.no-records-cell .no-records-content .no-records-text{margin:0;color:#6c757d;font-size:1rem;font-weight:500}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TablePrimaryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-table-primary', standalone: false, template: "<div class=\"card\">\r\n    <p-table [value]=\"processedData\" [tableStyle]=\"tableStyle\">\r\n        <ng-template pTemplate=\"header\" *ngIf=\"showHeader\">\r\n            <tr>\r\n                <th *ngFor=\"let col of tableData.columns\" [style.width]=\"col.width\">\r\n                    {{ col.header }}\r\n                </th>\r\n            </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"body\" let-rowData>\r\n            <tr (click)=\"onRowClick(rowData)\" class=\"clickable-row\">\r\n                <td *ngFor=\"let col of tableData.columns\" [style.width]=\"col.width\">\r\n                    <!-- Document Cell -->\r\n                    <div *ngIf=\"col.type === SHARED.CELL_TYPE_DOCUMENT\" class=\"document-cell\">\r\n                        <div class=\"document-info\">\r\n                            <div class=\"document-icon\">\r\n                                <i [class]=\"SHARED.ICON_FILE_PDF\" *ngIf=\"rowData._isPdfFile\"></i>\r\n                                <i [class]=\"SHARED.ICON_IMAGE\" *ngIf=\"rowData._isImageFile\"></i>\r\n                                <i [class]=\"SHARED.ICON_FILE_EXCEL\" *ngIf=\"rowData._isExcelFile\"></i>\r\n                                <i [class]=\"SHARED.ICON_FILE\" *ngIf=\"rowData._isOtherFile\"></i>\r\n                            </div>\r\n                            <div class=\"document-details\">\r\n                                <div class=\"document-name\">{{ rowData.docName }}</div>\r\n                                <div class=\"file-info\">{{ rowData.fileName }} - {{ rowData.fileSize }}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <!-- Status Cell -->\r\n                    \r\n                    <div *ngIf=\"col.type === SHARED.CELL_TYPE_STATUS\" class=\"status-cell\">\r\n                        <span class=\"status-pill\" [ngClass]=\"rowData._statusClass\">\r\n                            <i [class]=\"rowData._statusIcon\"></i>\r\n                            {{ rowData[col.field] }}\r\n                        </span>\r\n                    </div>\r\n\r\n                    <!-- Actions Cell -->\r\n                    <div *ngIf=\"col.type === SHARED.CELL_TYPE_ACTIONS\" class=\"actions-cell\">\r\n                        @if(rowData.isUploaded){\r\n                            <button pButton pRipple type=\"button\" [icon]=\"SHARED.ICON_DELETE\" \r\n                            class=\"p-button-text p-button-rounded\" \r\n                            [permission]=\"'documents-deleteDocumentByDocumentId'\"\r\n                            (click)=\"onActionClick($event, rowData)\">\r\n                        </button>\r\n                    } \r\n                    </div>\r\n\r\n                    <!-- Default Text Cell -->\r\n                    <div *ngIf=\"!col.type || col.type === SHARED.CELL_TYPE_TEXT\" class=\"text-cell\">\r\n                        {{ rowData[col.field] }}\r\n                    </div>\r\n                </td>\r\n            </tr>\r\n        </ng-template>\r\n        \r\n        <!-- No Records Template -->\r\n        <ng-template pTemplate=\"emptymessage\">\r\n            <tr>\r\n                <td [attr.colspan]=\"tableData.columns.length\" class=\"no-records-cell\">\r\n                    <div class=\"no-records-content\">\r\n                        <i class=\"pi pi-inbox\" style=\"font-size: 2rem; color: #6c757d;\"></i>\r\n                        <p class=\"no-records-text\">No records found</p>\r\n                    </div>\r\n                </td>\r\n            </tr>\r\n        </ng-template>\r\n    </p-table>\r\n</div>", styles: [".document-cell .document-info{display:flex;align-items:center;gap:.75rem;text-align:left}.document-cell .document-info .document-icon{width:40px;height:40px;background-color:#e3f2fd;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#1976d2;font-size:1.25rem;flex-shrink:0}.document-cell .document-info .document-details{flex:1;min-width:0}.document-cell .document-info .document-details .document-name{font-weight:400;color:#334155;line-height:20px;font-size:14px;margin-bottom:.25rem;text-align:left;word-break:break-word}.document-cell .document-info .document-details .file-info{font-size:.75rem;color:#6c757d;text-align:left}.status-cell .status-pill{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;white-space:nowrap;min-width:80px}.status-cell .status-pill i{font-size:.875rem}.status-cell .status-pill.status-pending{background-color:#f3f4f6;color:#6b7280}.status-cell .status-pill.status-approved{background-color:#d1fae5;color:#065f46}.status-cell .status-pill.status-alert{background-color:#fee2e2;color:#dc2626}.status-cell .status-pill.status-uploaded{background-color:#dbeafe;color:#1d4ed8}.status-cell .status-pill.status-reviewing{background-color:#fef3c7;color:#d97706}.status-cell .status-pill.status-rejected{background-color:#fee2e2;color:#dc2626}.actions-cell{text-align:left}.actions-cell .p-button{width:2rem;height:2rem;border-radius:50%;background-color:transparent;border:none;color:#6c757d}.actions-cell .p-button:hover{background-color:#f8f9fa;color:#495057}.text-cell{font-weight:500;color:#475569;font-size:14px;line-height:20px;text-align:left}.clickable-row{cursor:pointer;transition:background-color .2s ease}.clickable-row:hover{background-color:#f8f9fa!important}.clickable-row:active{background-color:#e9ecef!important}::ng-deep .p-datatable .p-datatable-wrapper{border:1px solid #E2E8F0;border-radius:10px}::ng-deep .p-datatable .p-datatable-thead>tr>th{background-color:#f8f9fa;border:none;border-bottom:1px solid #dee2e6;padding:1rem 1.5rem;font-weight:600;color:#64748b;font-size:.875rem;text-transform:capitalize;letter-spacing:.5px;text-align:left;border-radius:8px 8px 0 0}::ng-deep .p-datatable .p-datatable-thead>tr>th:first-child{border-top-left-radius:8px}::ng-deep .p-datatable .p-datatable-thead>tr>th:last-child{border-top-right-radius:8px}::ng-deep .p-datatable .p-datatable-tbody>tr{border-bottom:1px solid #f1f3f4}::ng-deep .p-datatable .p-datatable-tbody>tr:hover{background-color:#f8f9fa}::ng-deep .p-datatable .p-datatable-tbody>tr:last-child>td:first-child{border-bottom-left-radius:8px}::ng-deep .p-datatable .p-datatable-tbody>tr:last-child>td:last-child{border-bottom-right-radius:8px}::ng-deep .p-datatable .p-datatable-tbody>tr>td{border:none;padding:1rem 1.5rem;vertical-align:middle;text-align:left}.no-records-cell{text-align:center;padding:3rem 1.5rem!important;border:none}.no-records-cell .no-records-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.no-records-cell .no-records-content .no-records-text{margin:0;color:#6c757d;font-size:1rem;font-weight:500}\n"] }]
+            args: [{ selector: 'lib-table-primary', standalone: false, template: "<div class=\"card\">\n    <p-table [value]=\"processedData\" [tableStyle]=\"tableStyle\">\n        <ng-template pTemplate=\"header\" *ngIf=\"showHeader\">\n            <tr>\n                <th *ngFor=\"let col of tableData.columns\" [style.width]=\"col.width\">\n                    {{ col.header }}\n                </th>\n            </tr>\n        </ng-template>\n        <ng-template pTemplate=\"body\" let-rowData>\n            <tr (click)=\"onRowClick(rowData)\" class=\"clickable-row\">\n                <td *ngFor=\"let col of tableData.columns\" [style.width]=\"col.width\">\n                    <!-- Document Cell -->\n                    <div *ngIf=\"col.type === SHARED.CELL_TYPE_DOCUMENT\" class=\"document-cell\">\n                        <div class=\"document-info\">\n                            <div class=\"document-icon\">\n                                <i [class]=\"SHARED.ICON_FILE_PDF\" *ngIf=\"rowData._isPdfFile\"></i>\n                                <i [class]=\"SHARED.ICON_IMAGE\" *ngIf=\"rowData._isImageFile\"></i>\n                                <i [class]=\"SHARED.ICON_FILE_EXCEL\" *ngIf=\"rowData._isExcelFile\"></i>\n                                <i [class]=\"SHARED.ICON_FILE\" *ngIf=\"rowData._isOtherFile\"></i>\n                            </div>\n                            <div class=\"document-details\">\n                                <div class=\"document-name\">{{ rowData.docName }}</div>\n                                <div class=\"file-info\">{{ rowData.fileName }} - {{ rowData.fileSize }}</div>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Status Cell -->\n                    \n                    <div *ngIf=\"col.type === SHARED.CELL_TYPE_STATUS\" class=\"status-cell\">\n                        <span class=\"status-pill\" [ngClass]=\"rowData._statusClass\">\n                            <i [class]=\"rowData._statusIcon\"></i>\n                            {{ rowData[col.field] }}\n                        </span>\n                    </div>\n\n\n\n                    <!-- Default Text Cell -->\n                    <div *ngIf=\"!col.type || col.type === SHARED.CELL_TYPE_TEXT\" class=\"text-cell\">\n                        {{ rowData[col.field] }}\n                    </div>\n                </td>\n            </tr>\n        </ng-template>\n        \n        <!-- No Records Template -->\n        <ng-template pTemplate=\"emptymessage\">\n            <tr>\n                <td [attr.colspan]=\"tableData.columns.length\" class=\"no-records-cell\">\n                    <div class=\"no-records-content\">\n                        <i class=\"pi pi-inbox\" style=\"font-size: 2rem; color: #6c757d;\"></i>\n                        <p class=\"no-records-text\">No records found</p>\n                    </div>\n                </td>\n            </tr>\n        </ng-template>\n    </p-table>\n</div>", styles: [".document-cell .document-info{display:flex;align-items:center;gap:.75rem;text-align:left}.document-cell .document-info .document-icon{width:40px;height:40px;background-color:#e3f2fd;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#1976d2;font-size:1.25rem;flex-shrink:0}.document-cell .document-info .document-details{flex:1;min-width:0}.document-cell .document-info .document-details .document-name{font-weight:400;color:#334155;line-height:20px;font-size:14px;margin-bottom:.25rem;text-align:left;word-break:break-word}.document-cell .document-info .document-details .file-info{font-size:.75rem;color:#6c757d;text-align:left}.status-cell .status-pill{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;white-space:nowrap;min-width:80px}.status-cell .status-pill i{font-size:.875rem}.status-cell .status-pill.status-pending{background-color:#f3f4f6;color:#6b7280}.status-cell .status-pill.status-approved{background-color:#d1fae5;color:#065f46}.status-cell .status-pill.status-alert{background-color:#fee2e2;color:#dc2626}.status-cell .status-pill.status-uploaded{background-color:#dbeafe;color:#1d4ed8}.status-cell .status-pill.status-reviewing{background-color:#fef3c7;color:#d97706}.status-cell .status-pill.status-rejected{background-color:#fee2e2;color:#dc2626}.actions-cell{text-align:left}.actions-cell .p-button{width:2rem;height:2rem;border-radius:50%;background-color:transparent;border:none;color:#6c757d}.actions-cell .p-button:hover{background-color:#f8f9fa;color:#495057}.text-cell{font-weight:500;color:#475569;font-size:14px;line-height:20px;text-align:left}.clickable-row{cursor:pointer;transition:background-color .2s ease}.clickable-row:hover{background-color:#f8f9fa!important}.clickable-row:active{background-color:#e9ecef!important}::ng-deep .p-datatable .p-datatable-wrapper{border:1px solid #E2E8F0;border-radius:10px}::ng-deep .p-datatable .p-datatable-thead>tr>th{background-color:#f8f9fa;border:none;border-bottom:1px solid #dee2e6;padding:1rem 1.5rem;font-weight:600;color:#64748b;font-size:.875rem;text-transform:capitalize;letter-spacing:.5px;text-align:left;border-radius:8px 8px 0 0}::ng-deep .p-datatable .p-datatable-thead>tr>th:first-child{border-top-left-radius:8px}::ng-deep .p-datatable .p-datatable-thead>tr>th:last-child{border-top-right-radius:8px}::ng-deep .p-datatable .p-datatable-tbody>tr{border-bottom:1px solid #f1f3f4}::ng-deep .p-datatable .p-datatable-tbody>tr:hover{background-color:#f8f9fa}::ng-deep .p-datatable .p-datatable-tbody>tr:last-child>td:first-child{border-bottom-left-radius:8px}::ng-deep .p-datatable .p-datatable-tbody>tr:last-child>td:last-child{border-bottom-right-radius:8px}::ng-deep .p-datatable .p-datatable-tbody>tr>td{border:none;padding:1rem 1.5rem;vertical-align:middle;text-align:left}.no-records-cell{text-align:center;padding:3rem 1.5rem!important;border:none}.no-records-cell .no-records-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.no-records-cell .no-records-content .no-records-text{margin:0;color:#6c757d;font-size:1rem;font-weight:500}\n"] }]
         }], propDecorators: { tableData: [{
                 type: Input
             }], showHeader: [{
@@ -4916,8 +4812,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 type: Input
             }], rowClick: [{
                 type: Output
-            }], deleteAction: [{
-                type: Output
             }] } });
 
 class DocumentViewerService {
@@ -5373,12 +5267,19 @@ class DocumentHistoryService {
                     actionIconBgColor: this.documentHistoryStyleService.getActionIconBgColor(item.label)
                 }))
             };
-            // Add accordion class based on the first item's label
             processedSection.accordionClass = this.getAccordionClass(processedSection);
-            // Add hasValidContent property
             processedSection.hasValidContent = this.checkValidContent(processedSection);
             return processedSection;
-        });
+        }).sort((a, b) => {
+            if (a.header === SHARED.INITIAL_REQUEST)
+                return -1;
+            if (b.header === SHARED.INITIAL_REQUEST)
+                return 1;
+            return 0;
+        }).map(section => ({
+            ...section,
+            list: section.list.reverse()
+        }));
     }
     /**
      * Downloads a document when clicked
@@ -5594,6 +5495,77 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 }]
         }] });
 
+/**
+ * Directive to conditionally show or hide elements based on user permissions.
+ * @class HasPermissionDirective
+ * @typedef {HasPermissionDirective}
+ */
+class HasPermissionDirective {
+    el;
+    renderer;
+    sessionService;
+    /**
+     * The required permission(s) to display the element.
+     * Accepts a single string or an array of strings.
+     * @type {string | string[]}
+     */
+    permission;
+    /**
+     * Creates an instance of HasPermissionDirective.
+     * @param {ElementRef} el - Reference to the host element.
+     * @param {Renderer2} renderer - Angular Renderer for DOM manipulation.
+     * @param {SessionService} sessionService - Service to retrieve user permissions.
+     */
+    constructor(el, renderer, sessionService) {
+        this.el = el;
+        this.renderer = renderer;
+        this.sessionService = sessionService;
+    }
+    /**
+     * Lifecycle hook that is called when input properties change.
+     * @param {SimpleChanges} changes - The changes in input properties.
+     */
+    ngOnChanges(changes) {
+        if (changes['permission']) {
+            this.checkPermission();
+        }
+    }
+    /**
+     * Checks if the user has the required permission(s).
+     * Hides the element if the permission is not found.
+     */
+    checkPermission() {
+        // If no permission is required (empty string, null, or undefined), show the element
+        if (!this.permission || this.permission === '' || (Array.isArray(this.permission) && this.permission.length === 0)) {
+            this.renderer.removeStyle(this.el.nativeElement, 'display');
+            return;
+        }
+        const userPermissionsObjects = this.sessionService.getUserPermissions();
+        const userPermissionNames = userPermissionsObjects?.map((perm) => perm.name) || [];
+        const requiredPermissions = Array.isArray(this.permission)
+            ? this.permission
+            : [this.permission];
+        const hasPermission = requiredPermissions.some(permission => userPermissionNames.includes(permission));
+        if (!hasPermission) {
+            this.renderer.setStyle(this.el.nativeElement, 'display', 'none');
+        }
+        else {
+            this.renderer.removeStyle(this.el.nativeElement, 'display');
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HasPermissionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: HasPermissionDirective, isStandalone: false, selector: "[permission]", inputs: { permission: "permission" }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HasPermissionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[permission]',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: SessionService }], propDecorators: { permission: [{
+                type: Input
+            }] } });
+
 class DocumentActionsComponent {
     documentActionsService;
     sessionService;
@@ -5709,11 +5681,11 @@ class DocumentActionsComponent {
         this.rejectNote = SHARED.EMPTY;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentActionsComponent, deps: [{ token: DocumentActionsService }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: DocumentActionsComponent, isStandalone: false, selector: "document-actions", inputs: { document: "document", documentId: "documentId", currentStatus: "currentStatus", isLoading: "isLoading", isUploaded: "isUploaded", statusId: "statusId" }, outputs: { actionPerformed: "actionPerformed" }, viewQueries: [{ propertyName: "confirmationDialog", first: true, predicate: ConfirmationDialogComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"document-actions-container\" *ngIf=\"document?.status !== SHARED.STATUS_PENDING && !document?.isUploaded\">\r\n  <div class=\"actions-card\" [ngClass]=\"cardClass\">\r\n    <div class=\"actions-buttons\">\r\n      <button *ngIf=\"!document?.isUploaded\" class=\"action-btn reject-btn\" [ngClass]=\"rejectButtonClass\"\r\n        (click)=\"onRejectClick()\" [disabled]=\"currentStatus === SHARED.STATUS_REJECTED_LOWERCASE || isRejecting\">\r\n        <i class=\"pi pi-times\" *ngIf=\"currentStatus === SHARED.STATUS_REJECTED_LOWERCASE\"></i>\r\n        <i class=\"pi pi-spin pi-spinner\" *ngIf=\"isRejecting\"></i>\r\n        <span>{{ currentStatus === SHARED.STATUS_REJECTED_LOWERCASE ? SHARED.BUTTON_LABEL_REJECTED :\r\n          SHARED.BUTTON_LABEL_REJECT }}</span>\r\n      </button>\r\n      <button *ngIf=\"!document?.isUploaded\" class=\"action-btn accept-btn\" [ngClass]=\"acceptButtonClass\"\r\n        (click)=\"onAcceptClick()\" [disabled]=\"currentStatus === SHARED.STATUS_ACCEPTED || isAccepting\">\r\n        <i class=\"pi pi-check\" *ngIf=\"currentStatus === SHARED.STATUS_ACCEPTED\"></i>\r\n        <i class=\"pi pi-spin pi-spinner\" *ngIf=\"isAccepting\"></i>\r\n        <span>{{ currentStatus === SHARED.STATUS_ACCEPTED ? SHARED.BUTTON_LABEL_ACCEPTED : SHARED.BUTTON_LABEL_ACCEPT\r\n          }}</span>\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n@if(document?.isUploaded){\r\n<div class=\"actions-card\">\r\n  <div class=\"actions-buttons\">\r\n    <button class=\"action-btn delete-btn\" (click)=\"onDeleteClick()\" [disabled]=\"isLoading\"\r\n      [permission]=\"'documents-deleteDocumentByDocumentId'\" pTooltip=\"Delete Document\" tooltipPosition=\"top\">\r\n      <i class=\"pi pi-trash\"></i>\r\n    </button>\r\n  </div>\r\n</div>\r\n}\r\n<app-confirmation-dialog></app-confirmation-dialog>\r\n\r\n<p-dialog [(visible)]=\"showAcceptDialog\" [header]=\"SHARED.ACCEPT_CONFIRM_HEADER\" [modal]=\"true\" [draggable]=\"false\"\r\n  [closable]=\"true\" [style]=\"{ width: '25rem', height: '25rem' }\" styleClass=\"confirmation-dialog\">\r\n  <div class=\"dialog-content\">\r\n    <label for=\"acceptNote\" class=\"note-label\">{{ SHARED.ACCEPT_NOTE_LABEL }}</label>\r\n    <textarea id=\"acceptNote\" pInputTextarea [(ngModel)]=\"acceptNote\" [placeholder]=\"SHARED.ACCEPT_NOTE_PLACEHOLDER\"\r\n      rows=\"6\" class=\"note-textarea\">\r\n    </textarea>\r\n  </div>\r\n  <ng-template pTemplate=\"footer\">\r\n    <div class=\"dialog-footer\">\r\n      <button pButton [label]=\"SHARED.CANCEL_BUTTON_LABEL\" class=\"p-button-secondary\" (click)=\"onCancel()\">\r\n      </button>\r\n      <button pButton [label]=\"SHARED.ACCEPT_BUTTON_LABEL\" class=\"p-button-success\" (click)=\"onAcceptConfirm()\">\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<p-dialog [(visible)]=\"showRejectDialog\" [header]=\"SHARED.REJECT_CONFIRM_HEADER\" [modal]=\"true\" [draggable]=\"false\"\r\n  [closable]=\"true\" [style]=\"{ width: '25rem', height: '25rem' }\" styleClass=\"confirmation-dialog\">\r\n  <div class=\"dialog-content\">\r\n    <label for=\"rejectNote\" class=\"note-label\">{{ SHARED.REJECT_NOTE_LABEL }}</label>\r\n    <textarea id=\"rejectNote\" pInputTextarea [(ngModel)]=\"rejectNote\" [placeholder]=\"SHARED.REJECT_NOTE_PLACEHOLDER\"\r\n      rows=\"6\" class=\"note-textarea\">\r\n    </textarea>\r\n  </div>\r\n  <ng-template pTemplate=\"footer\">\r\n    <div class=\"dialog-footer\">\r\n      <button pButton [label]=\"SHARED.CANCEL_BUTTON_LABEL\" class=\"p-button-secondary\" (click)=\"onCancel()\">\r\n      </button>\r\n      <button pButton [label]=\"SHARED.REJECT_BUTTON_LABEL\" class=\"p-button-danger\" [disabled]=\"isRejectNoteEmpty\"\r\n        (click)=\"onRejectConfirm()\">\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-dialog>", styles: [".document-actions-container{margin:0}.actions-card{border-radius:8px;padding:.75rem;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;width:92%;margin-left:3%}.actions-card.pending-card{background-color:#f8f9fa;border:1px solid #e9ecef}.actions-card.accepted-card{background-color:#e8f5e9;border:1px solid #66bb6a}.actions-card.rejected-card{background-color:#feeaea;border:1px solid #e57373}.actions-card[class*=status-].status-approved-card{background-color:#e8f5e9;border:1px solid #66bb6a}.actions-card[class*=status-].status-rejected-card{background-color:#feeaea;border:1px solid #e57373}.actions-card[class*=status-].status-pending-card{background-color:#f8f9fa;border:1px solid #e9ecef}.actions-card:has(.delete-btn){width:auto;margin-left:0;background-color:#fff;border:1px solid #e2e8f0;padding:.5rem}.actions-buttons{display:flex;gap:.5rem;align-items:center}.action-btn{padding:.5rem 1rem;border-radius:6px;border:1px solid;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;min-width:80px;justify-content:center}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn i{font-size:.875rem}.reject-btn.default-reject{background-color:#feeaea;border-color:#e57373;color:#4a4a4a}.reject-btn.default-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn.secondary-reject{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.reject-btn.secondary-reject:hover:not(:disabled){background-color:#edf2f7}.reject-btn.primary-reject{background-color:#feeaea;border-color:#e57373;color:#e57373}.reject-btn.primary-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn[class*=status-].status-approved-reject{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.reject-btn[class*=status-].status-approved-reject:hover:not(:disabled){background-color:#edf2f7}.reject-btn[class*=status-].status-rejected-reject{background-color:#feeaea;border-color:#e57373;color:#e57373}.reject-btn[class*=status-].status-rejected-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn[class*=status-].status-pending-reject{background-color:#feeaea;border-color:#e57373;color:#4a4a4a}.reject-btn[class*=status-].status-pending-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.accept-btn.default-accept{background-color:#e8f5e9;border-color:#66bb6a;color:#4a4a4a}.accept-btn.default-accept:hover:not(:disabled){background-color:#c6f6d5;border-color:#68d391}.accept-btn.secondary-accept{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.accept-btn.secondary-accept:hover:not(:disabled){background-color:#edf2f7}.accept-btn.primary-accept{background-color:#4caf50;border-color:#4caf50;color:#fff}.accept-btn.primary-accept:hover:not(:disabled){background-color:#45a049;border-color:#45a049}.accept-btn[class*=status-].status-approved-accept{background-color:#4caf50;border-color:#4caf50;color:#fff}.accept-btn[class*=status-].status-approved-accept:hover:not(:disabled){background-color:#45a049;border-color:#45a049}.accept-btn[class*=status-].status-rejected-accept{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.accept-btn[class*=status-].status-rejected-accept:hover:not(:disabled){background-color:#edf2f7}.accept-btn[class*=status-].status-pending-accept{background-color:#e8f5e9;border-color:#66bb6a;color:#4a4a4a}.accept-btn[class*=status-].status-pending-accept:hover:not(:disabled){background-color:#c6f6d5;border-color:#68d391}.delete-btn{background-color:#f5f5f5;border-color:#e57373;color:#e57373;padding:.5rem;min-width:auto;width:40px;height:40px;border-radius:6px}.delete-btn:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181;color:#c53030}.delete-btn i{font-size:1rem}:host ::ng-deep .confirmation-dialog .p-dialog{border-radius:8px;box-shadow:0 4px 12px #00000026;border:none;overflow:hidden}:host ::ng-deep .confirmation-dialog .p-dialog-header{padding:1.25rem 1.5rem;background-color:#fff;border-bottom:none;border-top-right-radius:10px;border-top-left-radius:10px}:host ::ng-deep .confirmation-dialog .p-dialog-header .p-dialog-header-icon{display:none}:host ::ng-deep .confirmation-dialog .p-dialog-header .p-dialog-title{font-size:1.125rem;font-weight:600;color:#2d3748;margin:0}:host ::ng-deep .confirmation-dialog .p-dialog-content{padding:1.5rem;background-color:#fff}:host ::ng-deep .confirmation-dialog .p-dialog-footer{padding:1rem 1.5rem;background-color:#f7fafc;border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.dialog-content .note-label{display:block;margin-bottom:.75rem;font-weight:500;font-size:.875rem;color:#2d3748}.dialog-content .note-textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:.875rem;line-height:1.5;resize:vertical;background-color:#fff;color:#2d3748}.dialog-content .note-textarea::placeholder{color:#a0aec0}.dialog-content .note-textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.dialog-footer{display:flex;gap:.75rem;justify-content:flex-end}.dialog-footer button{min-width:80px;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.875rem;border:1px solid;cursor:pointer;transition:all .2s ease}.dialog-footer button.p-button-secondary{background-color:#f7fafc;border-color:#e2e8f0;color:#4a5568}.dialog-footer button.p-button-secondary:hover{background-color:#edf2f7;border-color:#cbd5e0}.dialog-footer button.p-button-success{background-color:#38a169;border-color:#38a169;color:#fff}.dialog-footer button.p-button-success:hover{background-color:#2f855a;border-color:#2f855a}.dialog-footer button.p-button-danger{background-color:#e53e3e;border-color:#e53e3e;color:#fff}.dialog-footer button.p-button-danger:hover{background-color:#c53030;border-color:#c53030}.no-actions-message{display:flex;align-items:center;justify-content:center;padding:.5rem;min-height:40px}.no-actions-message .no-actions-text{color:#6b7280;font-size:.875rem;font-style:italic;text-align:center}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i9.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i6.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "directive", type: i3$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: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: i9$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: HasPermissionDirective, selector: "[permission]", inputs: ["permission"] }, { kind: "component", type: ConfirmationDialogComponent, selector: "app-confirmation-dialog", inputs: ["confirmationOptions"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: DocumentActionsComponent, isStandalone: false, selector: "document-actions", inputs: { document: "document", documentId: "documentId", currentStatus: "currentStatus", isLoading: "isLoading", isUploaded: "isUploaded", statusId: "statusId" }, outputs: { actionPerformed: "actionPerformed" }, viewQueries: [{ propertyName: "confirmationDialog", first: true, predicate: ConfirmationDialogComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"document-actions-container\" *ngIf=\"document?.status !=='Pending' && !document?.isUploaded && document?.status === 'Reviewing'\">\r\n  <div class=\"actions-card\" [ngClass]=\"cardClass\">\r\n    <div class=\"actions-buttons\">\r\n      <button *ngIf=\"!document?.isUploaded\" class=\"action-btn reject-btn\" [ngClass]=\"rejectButtonClass\"\r\n        (click)=\"onRejectClick()\" [disabled]=\"currentStatus === SHARED.STATUS_REJECTED_LOWERCASE || isRejecting\">\r\n        <i class=\"pi pi-times\" *ngIf=\"currentStatus === SHARED.STATUS_REJECTED_LOWERCASE\"></i>\r\n        <i class=\"pi pi-spin pi-spinner\" *ngIf=\"isRejecting\"></i>\r\n        <span>{{ currentStatus === SHARED.STATUS_REJECTED_LOWERCASE ? SHARED.BUTTON_LABEL_REJECTED :\r\n          SHARED.BUTTON_LABEL_REJECT }}</span>\r\n      </button>\r\n      <button *ngIf=\"!document?.isUploaded\" class=\"action-btn accept-btn\" [ngClass]=\"acceptButtonClass\"\r\n        (click)=\"onAcceptClick()\" [disabled]=\"currentStatus === SHARED.STATUS_ACCEPTED || isAccepting\">\r\n        <i class=\"pi pi-check\" *ngIf=\"currentStatus === SHARED.STATUS_ACCEPTED\"></i>\r\n        <i class=\"pi pi-spin pi-spinner\" *ngIf=\"isAccepting\"></i>\r\n        <span>{{ currentStatus === SHARED.STATUS_ACCEPTED ? SHARED.BUTTON_LABEL_ACCEPTED : SHARED.BUTTON_LABEL_ACCEPT\r\n          }}</span>\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n@if(document?.isUploaded){\r\n<div class=\"actions-card\">\r\n  <div class=\"actions-buttons\">\r\n    <button class=\"action-btn delete-btn\" (click)=\"onDeleteClick()\" [disabled]=\"isLoading\"\r\n      [permission]=\"'documents-deleteDocumentByDocumentId'\" pTooltip=\"Delete Document\" tooltipPosition=\"top\">\r\n      <i class=\"pi pi-trash\"></i>\r\n    </button>\r\n  </div>\r\n</div>\r\n}\r\n<app-confirmation-dialog></app-confirmation-dialog>\r\n\r\n<p-dialog [(visible)]=\"showAcceptDialog\" [header]=\"SHARED.ACCEPT_CONFIRM_HEADER\" [modal]=\"true\" [draggable]=\"false\"\r\n  [closable]=\"true\" [style]=\"{ width: '25rem', height: '25rem' }\" styleClass=\"confirmation-dialog\">\r\n  <div class=\"dialog-content\">\r\n    <label for=\"acceptNote\" class=\"note-label\">{{ SHARED.ACCEPT_NOTE_LABEL }}</label>\r\n    <textarea id=\"acceptNote\" pInputTextarea [(ngModel)]=\"acceptNote\" [placeholder]=\"SHARED.ACCEPT_NOTE_PLACEHOLDER\"\r\n      rows=\"6\" class=\"note-textarea\">\r\n    </textarea>\r\n  </div>\r\n  <ng-template pTemplate=\"footer\">\r\n    <div class=\"dialog-footer\">\r\n      <button pButton [label]=\"SHARED.CANCEL_BUTTON_LABEL\" class=\"p-button-secondary\" (click)=\"onCancel()\">\r\n      </button>\r\n      <button pButton [label]=\"SHARED.ACCEPT_BUTTON_LABEL\" class=\"p-button-success\" (click)=\"onAcceptConfirm()\">\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<p-dialog [(visible)]=\"showRejectDialog\" [header]=\"SHARED.REJECT_CONFIRM_HEADER\" [modal]=\"true\" [draggable]=\"false\"\r\n  [closable]=\"true\" [style]=\"{ width: '25rem', height: '25rem' }\" styleClass=\"confirmation-dialog\">\r\n  <div class=\"dialog-content\">\r\n    <label for=\"rejectNote\" class=\"note-label\">{{ SHARED.REJECT_NOTE_LABEL }}</label>\r\n    <textarea id=\"rejectNote\" pInputTextarea [(ngModel)]=\"rejectNote\" [placeholder]=\"SHARED.REJECT_NOTE_PLACEHOLDER\"\r\n      rows=\"6\" class=\"note-textarea\">\r\n    </textarea>\r\n  </div>\r\n  <ng-template pTemplate=\"footer\">\r\n    <div class=\"dialog-footer\">\r\n      <button pButton [label]=\"SHARED.CANCEL_BUTTON_LABEL\" class=\"p-button-secondary\" (click)=\"onCancel()\">\r\n      </button>\r\n      <button pButton [label]=\"SHARED.REJECT_BUTTON_LABEL\" class=\"p-button-danger\" [disabled]=\"isRejectNoteEmpty\"\r\n        (click)=\"onRejectConfirm()\">\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-dialog>", styles: [".document-actions-container{margin:0}.actions-card{border-radius:8px;padding:.75rem;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;width:92%;margin-left:3%}.actions-card.pending-card{background-color:#f8f9fa;border:1px solid #e9ecef}.actions-card.accepted-card{background-color:#e8f5e9;border:1px solid #66bb6a}.actions-card.rejected-card{background-color:#feeaea;border:1px solid #e57373}.actions-card[class*=status-].status-approved-card{background-color:#e8f5e9;border:1px solid #66bb6a}.actions-card[class*=status-].status-rejected-card{background-color:#feeaea;border:1px solid #e57373}.actions-card[class*=status-].status-pending-card{background-color:#f8f9fa;border:1px solid #e9ecef}.actions-card:has(.delete-btn){width:auto;margin-left:0;background-color:#fff;border:1px solid #e2e8f0;padding:.5rem}.actions-buttons{display:flex;gap:.5rem;align-items:center}.action-btn{padding:.5rem 1rem;border-radius:6px;border:1px solid;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;min-width:80px;justify-content:center}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn i{font-size:.875rem}.reject-btn.default-reject{background-color:#feeaea;border-color:#e57373;color:#4a4a4a}.reject-btn.default-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn.secondary-reject{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.reject-btn.secondary-reject:hover:not(:disabled){background-color:#edf2f7}.reject-btn.primary-reject{background-color:#feeaea;border-color:#e57373;color:#e57373}.reject-btn.primary-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn[class*=status-].status-approved-reject{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.reject-btn[class*=status-].status-approved-reject:hover:not(:disabled){background-color:#edf2f7}.reject-btn[class*=status-].status-rejected-reject{background-color:#feeaea;border-color:#e57373;color:#e57373}.reject-btn[class*=status-].status-rejected-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn[class*=status-].status-pending-reject{background-color:#feeaea;border-color:#e57373;color:#4a4a4a}.reject-btn[class*=status-].status-pending-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.accept-btn.default-accept{background-color:#e8f5e9;border-color:#66bb6a;color:#4a4a4a}.accept-btn.default-accept:hover:not(:disabled){background-color:#c6f6d5;border-color:#68d391}.accept-btn.secondary-accept{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.accept-btn.secondary-accept:hover:not(:disabled){background-color:#edf2f7}.accept-btn.primary-accept{background-color:#4caf50;border-color:#4caf50;color:#fff}.accept-btn.primary-accept:hover:not(:disabled){background-color:#45a049;border-color:#45a049}.accept-btn[class*=status-].status-approved-accept{background-color:#4caf50;border-color:#4caf50;color:#fff}.accept-btn[class*=status-].status-approved-accept:hover:not(:disabled){background-color:#45a049;border-color:#45a049}.accept-btn[class*=status-].status-rejected-accept{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.accept-btn[class*=status-].status-rejected-accept:hover:not(:disabled){background-color:#edf2f7}.accept-btn[class*=status-].status-pending-accept{background-color:#e8f5e9;border-color:#66bb6a;color:#4a4a4a}.accept-btn[class*=status-].status-pending-accept:hover:not(:disabled){background-color:#c6f6d5;border-color:#68d391}.delete-btn{background-color:#f5f5f5;border-color:#e57373;color:#e57373;padding:.5rem;min-width:auto;width:40px;height:40px;border-radius:6px}.delete-btn:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181;color:#c53030}.delete-btn i{font-size:1rem}:host ::ng-deep .confirmation-dialog .p-dialog{border-radius:8px;box-shadow:0 4px 12px #00000026;border:none;overflow:hidden}:host ::ng-deep .confirmation-dialog .p-dialog-header{padding:1.25rem 1.5rem;background-color:#fff;border-bottom:none;border-top-right-radius:10px;border-top-left-radius:10px}:host ::ng-deep .confirmation-dialog .p-dialog-header .p-dialog-header-icon{display:none}:host ::ng-deep .confirmation-dialog .p-dialog-header .p-dialog-title{font-size:1.125rem;font-weight:600;color:#2d3748;margin:0}:host ::ng-deep .confirmation-dialog .p-dialog-content{padding:1.5rem;background-color:#fff}:host ::ng-deep .confirmation-dialog .p-dialog-footer{padding:1rem 1.5rem;background-color:#f7fafc;border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.dialog-content .note-label{display:block;margin-bottom:.75rem;font-weight:500;font-size:.875rem;color:#2d3748}.dialog-content .note-textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:.875rem;line-height:1.5;resize:vertical;background-color:#fff;color:#2d3748}.dialog-content .note-textarea::placeholder{color:#a0aec0}.dialog-content .note-textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.dialog-footer{display:flex;gap:.75rem;justify-content:flex-end}.dialog-footer button{min-width:80px;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.875rem;border:1px solid;cursor:pointer;transition:all .2s ease}.dialog-footer button.p-button-secondary{background-color:#f7fafc;border-color:#e2e8f0;color:#4a5568}.dialog-footer button.p-button-secondary:hover{background-color:#edf2f7;border-color:#cbd5e0}.dialog-footer button.p-button-success{background-color:#38a169;border-color:#38a169;color:#fff}.dialog-footer button.p-button-success:hover{background-color:#2f855a;border-color:#2f855a}.dialog-footer button.p-button-danger{background-color:#e53e3e;border-color:#e53e3e;color:#fff}.dialog-footer button.p-button-danger:hover{background-color:#c53030;border-color:#c53030}.no-actions-message{display:flex;align-items:center;justify-content:center;padding:.5rem;min-height:40px}.no-actions-message .no-actions-text{color:#6b7280;font-size:.875rem;font-style:italic;text-align:center}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i9.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i6.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "directive", type: i3$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: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: i9$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: HasPermissionDirective, selector: "[permission]", inputs: ["permission"] }, { kind: "component", type: ConfirmationDialogComponent, selector: "app-confirmation-dialog", inputs: ["confirmationOptions"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentActionsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'document-actions', standalone: false, template: "<div class=\"document-actions-container\" *ngIf=\"document?.status !== SHARED.STATUS_PENDING && !document?.isUploaded\">\r\n  <div class=\"actions-card\" [ngClass]=\"cardClass\">\r\n    <div class=\"actions-buttons\">\r\n      <button *ngIf=\"!document?.isUploaded\" class=\"action-btn reject-btn\" [ngClass]=\"rejectButtonClass\"\r\n        (click)=\"onRejectClick()\" [disabled]=\"currentStatus === SHARED.STATUS_REJECTED_LOWERCASE || isRejecting\">\r\n        <i class=\"pi pi-times\" *ngIf=\"currentStatus === SHARED.STATUS_REJECTED_LOWERCASE\"></i>\r\n        <i class=\"pi pi-spin pi-spinner\" *ngIf=\"isRejecting\"></i>\r\n        <span>{{ currentStatus === SHARED.STATUS_REJECTED_LOWERCASE ? SHARED.BUTTON_LABEL_REJECTED :\r\n          SHARED.BUTTON_LABEL_REJECT }}</span>\r\n      </button>\r\n      <button *ngIf=\"!document?.isUploaded\" class=\"action-btn accept-btn\" [ngClass]=\"acceptButtonClass\"\r\n        (click)=\"onAcceptClick()\" [disabled]=\"currentStatus === SHARED.STATUS_ACCEPTED || isAccepting\">\r\n        <i class=\"pi pi-check\" *ngIf=\"currentStatus === SHARED.STATUS_ACCEPTED\"></i>\r\n        <i class=\"pi pi-spin pi-spinner\" *ngIf=\"isAccepting\"></i>\r\n        <span>{{ currentStatus === SHARED.STATUS_ACCEPTED ? SHARED.BUTTON_LABEL_ACCEPTED : SHARED.BUTTON_LABEL_ACCEPT\r\n          }}</span>\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n@if(document?.isUploaded){\r\n<div class=\"actions-card\">\r\n  <div class=\"actions-buttons\">\r\n    <button class=\"action-btn delete-btn\" (click)=\"onDeleteClick()\" [disabled]=\"isLoading\"\r\n      [permission]=\"'documents-deleteDocumentByDocumentId'\" pTooltip=\"Delete Document\" tooltipPosition=\"top\">\r\n      <i class=\"pi pi-trash\"></i>\r\n    </button>\r\n  </div>\r\n</div>\r\n}\r\n<app-confirmation-dialog></app-confirmation-dialog>\r\n\r\n<p-dialog [(visible)]=\"showAcceptDialog\" [header]=\"SHARED.ACCEPT_CONFIRM_HEADER\" [modal]=\"true\" [draggable]=\"false\"\r\n  [closable]=\"true\" [style]=\"{ width: '25rem', height: '25rem' }\" styleClass=\"confirmation-dialog\">\r\n  <div class=\"dialog-content\">\r\n    <label for=\"acceptNote\" class=\"note-label\">{{ SHARED.ACCEPT_NOTE_LABEL }}</label>\r\n    <textarea id=\"acceptNote\" pInputTextarea [(ngModel)]=\"acceptNote\" [placeholder]=\"SHARED.ACCEPT_NOTE_PLACEHOLDER\"\r\n      rows=\"6\" class=\"note-textarea\">\r\n    </textarea>\r\n  </div>\r\n  <ng-template pTemplate=\"footer\">\r\n    <div class=\"dialog-footer\">\r\n      <button pButton [label]=\"SHARED.CANCEL_BUTTON_LABEL\" class=\"p-button-secondary\" (click)=\"onCancel()\">\r\n      </button>\r\n      <button pButton [label]=\"SHARED.ACCEPT_BUTTON_LABEL\" class=\"p-button-success\" (click)=\"onAcceptConfirm()\">\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<p-dialog [(visible)]=\"showRejectDialog\" [header]=\"SHARED.REJECT_CONFIRM_HEADER\" [modal]=\"true\" [draggable]=\"false\"\r\n  [closable]=\"true\" [style]=\"{ width: '25rem', height: '25rem' }\" styleClass=\"confirmation-dialog\">\r\n  <div class=\"dialog-content\">\r\n    <label for=\"rejectNote\" class=\"note-label\">{{ SHARED.REJECT_NOTE_LABEL }}</label>\r\n    <textarea id=\"rejectNote\" pInputTextarea [(ngModel)]=\"rejectNote\" [placeholder]=\"SHARED.REJECT_NOTE_PLACEHOLDER\"\r\n      rows=\"6\" class=\"note-textarea\">\r\n    </textarea>\r\n  </div>\r\n  <ng-template pTemplate=\"footer\">\r\n    <div class=\"dialog-footer\">\r\n      <button pButton [label]=\"SHARED.CANCEL_BUTTON_LABEL\" class=\"p-button-secondary\" (click)=\"onCancel()\">\r\n      </button>\r\n      <button pButton [label]=\"SHARED.REJECT_BUTTON_LABEL\" class=\"p-button-danger\" [disabled]=\"isRejectNoteEmpty\"\r\n        (click)=\"onRejectConfirm()\">\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-dialog>", styles: [".document-actions-container{margin:0}.actions-card{border-radius:8px;padding:.75rem;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;width:92%;margin-left:3%}.actions-card.pending-card{background-color:#f8f9fa;border:1px solid #e9ecef}.actions-card.accepted-card{background-color:#e8f5e9;border:1px solid #66bb6a}.actions-card.rejected-card{background-color:#feeaea;border:1px solid #e57373}.actions-card[class*=status-].status-approved-card{background-color:#e8f5e9;border:1px solid #66bb6a}.actions-card[class*=status-].status-rejected-card{background-color:#feeaea;border:1px solid #e57373}.actions-card[class*=status-].status-pending-card{background-color:#f8f9fa;border:1px solid #e9ecef}.actions-card:has(.delete-btn){width:auto;margin-left:0;background-color:#fff;border:1px solid #e2e8f0;padding:.5rem}.actions-buttons{display:flex;gap:.5rem;align-items:center}.action-btn{padding:.5rem 1rem;border-radius:6px;border:1px solid;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;min-width:80px;justify-content:center}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn i{font-size:.875rem}.reject-btn.default-reject{background-color:#feeaea;border-color:#e57373;color:#4a4a4a}.reject-btn.default-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn.secondary-reject{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.reject-btn.secondary-reject:hover:not(:disabled){background-color:#edf2f7}.reject-btn.primary-reject{background-color:#feeaea;border-color:#e57373;color:#e57373}.reject-btn.primary-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn[class*=status-].status-approved-reject{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.reject-btn[class*=status-].status-approved-reject:hover:not(:disabled){background-color:#edf2f7}.reject-btn[class*=status-].status-rejected-reject{background-color:#feeaea;border-color:#e57373;color:#e57373}.reject-btn[class*=status-].status-rejected-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn[class*=status-].status-pending-reject{background-color:#feeaea;border-color:#e57373;color:#4a4a4a}.reject-btn[class*=status-].status-pending-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.accept-btn.default-accept{background-color:#e8f5e9;border-color:#66bb6a;color:#4a4a4a}.accept-btn.default-accept:hover:not(:disabled){background-color:#c6f6d5;border-color:#68d391}.accept-btn.secondary-accept{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.accept-btn.secondary-accept:hover:not(:disabled){background-color:#edf2f7}.accept-btn.primary-accept{background-color:#4caf50;border-color:#4caf50;color:#fff}.accept-btn.primary-accept:hover:not(:disabled){background-color:#45a049;border-color:#45a049}.accept-btn[class*=status-].status-approved-accept{background-color:#4caf50;border-color:#4caf50;color:#fff}.accept-btn[class*=status-].status-approved-accept:hover:not(:disabled){background-color:#45a049;border-color:#45a049}.accept-btn[class*=status-].status-rejected-accept{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.accept-btn[class*=status-].status-rejected-accept:hover:not(:disabled){background-color:#edf2f7}.accept-btn[class*=status-].status-pending-accept{background-color:#e8f5e9;border-color:#66bb6a;color:#4a4a4a}.accept-btn[class*=status-].status-pending-accept:hover:not(:disabled){background-color:#c6f6d5;border-color:#68d391}.delete-btn{background-color:#f5f5f5;border-color:#e57373;color:#e57373;padding:.5rem;min-width:auto;width:40px;height:40px;border-radius:6px}.delete-btn:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181;color:#c53030}.delete-btn i{font-size:1rem}:host ::ng-deep .confirmation-dialog .p-dialog{border-radius:8px;box-shadow:0 4px 12px #00000026;border:none;overflow:hidden}:host ::ng-deep .confirmation-dialog .p-dialog-header{padding:1.25rem 1.5rem;background-color:#fff;border-bottom:none;border-top-right-radius:10px;border-top-left-radius:10px}:host ::ng-deep .confirmation-dialog .p-dialog-header .p-dialog-header-icon{display:none}:host ::ng-deep .confirmation-dialog .p-dialog-header .p-dialog-title{font-size:1.125rem;font-weight:600;color:#2d3748;margin:0}:host ::ng-deep .confirmation-dialog .p-dialog-content{padding:1.5rem;background-color:#fff}:host ::ng-deep .confirmation-dialog .p-dialog-footer{padding:1rem 1.5rem;background-color:#f7fafc;border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.dialog-content .note-label{display:block;margin-bottom:.75rem;font-weight:500;font-size:.875rem;color:#2d3748}.dialog-content .note-textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:.875rem;line-height:1.5;resize:vertical;background-color:#fff;color:#2d3748}.dialog-content .note-textarea::placeholder{color:#a0aec0}.dialog-content .note-textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.dialog-footer{display:flex;gap:.75rem;justify-content:flex-end}.dialog-footer button{min-width:80px;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.875rem;border:1px solid;cursor:pointer;transition:all .2s ease}.dialog-footer button.p-button-secondary{background-color:#f7fafc;border-color:#e2e8f0;color:#4a5568}.dialog-footer button.p-button-secondary:hover{background-color:#edf2f7;border-color:#cbd5e0}.dialog-footer button.p-button-success{background-color:#38a169;border-color:#38a169;color:#fff}.dialog-footer button.p-button-success:hover{background-color:#2f855a;border-color:#2f855a}.dialog-footer button.p-button-danger{background-color:#e53e3e;border-color:#e53e3e;color:#fff}.dialog-footer button.p-button-danger:hover{background-color:#c53030;border-color:#c53030}.no-actions-message{display:flex;align-items:center;justify-content:center;padding:.5rem;min-height:40px}.no-actions-message .no-actions-text{color:#6b7280;font-size:.875rem;font-style:italic;text-align:center}\n"] }]
+            args: [{ selector: 'document-actions', standalone: false, template: "<div class=\"document-actions-container\" *ngIf=\"document?.status !=='Pending' && !document?.isUploaded && document?.status === 'Reviewing'\">\r\n  <div class=\"actions-card\" [ngClass]=\"cardClass\">\r\n    <div class=\"actions-buttons\">\r\n      <button *ngIf=\"!document?.isUploaded\" class=\"action-btn reject-btn\" [ngClass]=\"rejectButtonClass\"\r\n        (click)=\"onRejectClick()\" [disabled]=\"currentStatus === SHARED.STATUS_REJECTED_LOWERCASE || isRejecting\">\r\n        <i class=\"pi pi-times\" *ngIf=\"currentStatus === SHARED.STATUS_REJECTED_LOWERCASE\"></i>\r\n        <i class=\"pi pi-spin pi-spinner\" *ngIf=\"isRejecting\"></i>\r\n        <span>{{ currentStatus === SHARED.STATUS_REJECTED_LOWERCASE ? SHARED.BUTTON_LABEL_REJECTED :\r\n          SHARED.BUTTON_LABEL_REJECT }}</span>\r\n      </button>\r\n      <button *ngIf=\"!document?.isUploaded\" class=\"action-btn accept-btn\" [ngClass]=\"acceptButtonClass\"\r\n        (click)=\"onAcceptClick()\" [disabled]=\"currentStatus === SHARED.STATUS_ACCEPTED || isAccepting\">\r\n        <i class=\"pi pi-check\" *ngIf=\"currentStatus === SHARED.STATUS_ACCEPTED\"></i>\r\n        <i class=\"pi pi-spin pi-spinner\" *ngIf=\"isAccepting\"></i>\r\n        <span>{{ currentStatus === SHARED.STATUS_ACCEPTED ? SHARED.BUTTON_LABEL_ACCEPTED : SHARED.BUTTON_LABEL_ACCEPT\r\n          }}</span>\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n@if(document?.isUploaded){\r\n<div class=\"actions-card\">\r\n  <div class=\"actions-buttons\">\r\n    <button class=\"action-btn delete-btn\" (click)=\"onDeleteClick()\" [disabled]=\"isLoading\"\r\n      [permission]=\"'documents-deleteDocumentByDocumentId'\" pTooltip=\"Delete Document\" tooltipPosition=\"top\">\r\n      <i class=\"pi pi-trash\"></i>\r\n    </button>\r\n  </div>\r\n</div>\r\n}\r\n<app-confirmation-dialog></app-confirmation-dialog>\r\n\r\n<p-dialog [(visible)]=\"showAcceptDialog\" [header]=\"SHARED.ACCEPT_CONFIRM_HEADER\" [modal]=\"true\" [draggable]=\"false\"\r\n  [closable]=\"true\" [style]=\"{ width: '25rem', height: '25rem' }\" styleClass=\"confirmation-dialog\">\r\n  <div class=\"dialog-content\">\r\n    <label for=\"acceptNote\" class=\"note-label\">{{ SHARED.ACCEPT_NOTE_LABEL }}</label>\r\n    <textarea id=\"acceptNote\" pInputTextarea [(ngModel)]=\"acceptNote\" [placeholder]=\"SHARED.ACCEPT_NOTE_PLACEHOLDER\"\r\n      rows=\"6\" class=\"note-textarea\">\r\n    </textarea>\r\n  </div>\r\n  <ng-template pTemplate=\"footer\">\r\n    <div class=\"dialog-footer\">\r\n      <button pButton [label]=\"SHARED.CANCEL_BUTTON_LABEL\" class=\"p-button-secondary\" (click)=\"onCancel()\">\r\n      </button>\r\n      <button pButton [label]=\"SHARED.ACCEPT_BUTTON_LABEL\" class=\"p-button-success\" (click)=\"onAcceptConfirm()\">\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<p-dialog [(visible)]=\"showRejectDialog\" [header]=\"SHARED.REJECT_CONFIRM_HEADER\" [modal]=\"true\" [draggable]=\"false\"\r\n  [closable]=\"true\" [style]=\"{ width: '25rem', height: '25rem' }\" styleClass=\"confirmation-dialog\">\r\n  <div class=\"dialog-content\">\r\n    <label for=\"rejectNote\" class=\"note-label\">{{ SHARED.REJECT_NOTE_LABEL }}</label>\r\n    <textarea id=\"rejectNote\" pInputTextarea [(ngModel)]=\"rejectNote\" [placeholder]=\"SHARED.REJECT_NOTE_PLACEHOLDER\"\r\n      rows=\"6\" class=\"note-textarea\">\r\n    </textarea>\r\n  </div>\r\n  <ng-template pTemplate=\"footer\">\r\n    <div class=\"dialog-footer\">\r\n      <button pButton [label]=\"SHARED.CANCEL_BUTTON_LABEL\" class=\"p-button-secondary\" (click)=\"onCancel()\">\r\n      </button>\r\n      <button pButton [label]=\"SHARED.REJECT_BUTTON_LABEL\" class=\"p-button-danger\" [disabled]=\"isRejectNoteEmpty\"\r\n        (click)=\"onRejectConfirm()\">\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-dialog>", styles: [".document-actions-container{margin:0}.actions-card{border-radius:8px;padding:.75rem;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;width:92%;margin-left:3%}.actions-card.pending-card{background-color:#f8f9fa;border:1px solid #e9ecef}.actions-card.accepted-card{background-color:#e8f5e9;border:1px solid #66bb6a}.actions-card.rejected-card{background-color:#feeaea;border:1px solid #e57373}.actions-card[class*=status-].status-approved-card{background-color:#e8f5e9;border:1px solid #66bb6a}.actions-card[class*=status-].status-rejected-card{background-color:#feeaea;border:1px solid #e57373}.actions-card[class*=status-].status-pending-card{background-color:#f8f9fa;border:1px solid #e9ecef}.actions-card:has(.delete-btn){width:auto;margin-left:0;background-color:#fff;border:1px solid #e2e8f0;padding:.5rem}.actions-buttons{display:flex;gap:.5rem;align-items:center}.action-btn{padding:.5rem 1rem;border-radius:6px;border:1px solid;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;min-width:80px;justify-content:center}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn i{font-size:.875rem}.reject-btn.default-reject{background-color:#feeaea;border-color:#e57373;color:#4a4a4a}.reject-btn.default-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn.secondary-reject{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.reject-btn.secondary-reject:hover:not(:disabled){background-color:#edf2f7}.reject-btn.primary-reject{background-color:#feeaea;border-color:#e57373;color:#e57373}.reject-btn.primary-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn[class*=status-].status-approved-reject{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.reject-btn[class*=status-].status-approved-reject:hover:not(:disabled){background-color:#edf2f7}.reject-btn[class*=status-].status-rejected-reject{background-color:#feeaea;border-color:#e57373;color:#e57373}.reject-btn[class*=status-].status-rejected-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn[class*=status-].status-pending-reject{background-color:#feeaea;border-color:#e57373;color:#4a4a4a}.reject-btn[class*=status-].status-pending-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.accept-btn.default-accept{background-color:#e8f5e9;border-color:#66bb6a;color:#4a4a4a}.accept-btn.default-accept:hover:not(:disabled){background-color:#c6f6d5;border-color:#68d391}.accept-btn.secondary-accept{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.accept-btn.secondary-accept:hover:not(:disabled){background-color:#edf2f7}.accept-btn.primary-accept{background-color:#4caf50;border-color:#4caf50;color:#fff}.accept-btn.primary-accept:hover:not(:disabled){background-color:#45a049;border-color:#45a049}.accept-btn[class*=status-].status-approved-accept{background-color:#4caf50;border-color:#4caf50;color:#fff}.accept-btn[class*=status-].status-approved-accept:hover:not(:disabled){background-color:#45a049;border-color:#45a049}.accept-btn[class*=status-].status-rejected-accept{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.accept-btn[class*=status-].status-rejected-accept:hover:not(:disabled){background-color:#edf2f7}.accept-btn[class*=status-].status-pending-accept{background-color:#e8f5e9;border-color:#66bb6a;color:#4a4a4a}.accept-btn[class*=status-].status-pending-accept:hover:not(:disabled){background-color:#c6f6d5;border-color:#68d391}.delete-btn{background-color:#f5f5f5;border-color:#e57373;color:#e57373;padding:.5rem;min-width:auto;width:40px;height:40px;border-radius:6px}.delete-btn:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181;color:#c53030}.delete-btn i{font-size:1rem}:host ::ng-deep .confirmation-dialog .p-dialog{border-radius:8px;box-shadow:0 4px 12px #00000026;border:none;overflow:hidden}:host ::ng-deep .confirmation-dialog .p-dialog-header{padding:1.25rem 1.5rem;background-color:#fff;border-bottom:none;border-top-right-radius:10px;border-top-left-radius:10px}:host ::ng-deep .confirmation-dialog .p-dialog-header .p-dialog-header-icon{display:none}:host ::ng-deep .confirmation-dialog .p-dialog-header .p-dialog-title{font-size:1.125rem;font-weight:600;color:#2d3748;margin:0}:host ::ng-deep .confirmation-dialog .p-dialog-content{padding:1.5rem;background-color:#fff}:host ::ng-deep .confirmation-dialog .p-dialog-footer{padding:1rem 1.5rem;background-color:#f7fafc;border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.dialog-content .note-label{display:block;margin-bottom:.75rem;font-weight:500;font-size:.875rem;color:#2d3748}.dialog-content .note-textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:.875rem;line-height:1.5;resize:vertical;background-color:#fff;color:#2d3748}.dialog-content .note-textarea::placeholder{color:#a0aec0}.dialog-content .note-textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.dialog-footer{display:flex;gap:.75rem;justify-content:flex-end}.dialog-footer button{min-width:80px;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.875rem;border:1px solid;cursor:pointer;transition:all .2s ease}.dialog-footer button.p-button-secondary{background-color:#f7fafc;border-color:#e2e8f0;color:#4a5568}.dialog-footer button.p-button-secondary:hover{background-color:#edf2f7;border-color:#cbd5e0}.dialog-footer button.p-button-success{background-color:#38a169;border-color:#38a169;color:#fff}.dialog-footer button.p-button-success:hover{background-color:#2f855a;border-color:#2f855a}.dialog-footer button.p-button-danger{background-color:#e53e3e;border-color:#e53e3e;color:#fff}.dialog-footer button.p-button-danger:hover{background-color:#c53030;border-color:#c53030}.no-actions-message{display:flex;align-items:center;justify-content:center;padding:.5rem;min-height:40px}.no-actions-message .no-actions-text{color:#6b7280;font-size:.875rem;font-style:italic;text-align:center}\n"] }]
         }], ctorParameters: () => [{ type: DocumentActionsService }, { type: SessionService }], propDecorators: { document: [{
                 type: Input
             }], documentId: [{
@@ -5875,11 +5847,11 @@ class DocumentViewerComponent {
         this.subscription.unsubscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentViewerComponent, deps: [{ token: DocumentHttpService }, { token: DocumentHelperService }, { token: i3.MessageService }, { token: DocumentViewerService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: DocumentViewerComponent, isStandalone: false, selector: "document-viewer", inputs: { selectedDocument: "selectedDocument", documentList: "documentList", contextId: "contextId" }, outputs: { documentStatusUpdated: "documentStatusUpdated" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"document-viewer-container\">\r\n  <div class=\"main-content\">\r\n    <p-messages [(value)]=\"messages\" [enableService]=\"false\"></p-messages>\r\n    \r\n    <div class=\"content-grid\">\r\n      @if(selectedDocument){\r\n      <div class=\"document-preview\">\r\n        @if(isSelectedDocumentImage){\r\n        <div class=\"img-container\">\r\n          <img\r\n            [src]=\"selectedDocument?.documentUrl || ''\"\r\n            class=\"uploadedImages\"\r\n            alt=\"Document Image\"\r\n          />\r\n        </div>\r\n        }@else if(isSelectedDocumentPdf){\r\n        <div class=\"pdf-container\">\r\n          <pdf-viewer\r\n            [src]=\"selectedDocument?.documentUrl || ''\"\r\n            [rotation]=\"0\"\r\n            [original-size]=\"false\"\r\n            [show-all]=\"true\"\r\n            [fit-to-page]=\"false\"\r\n            [zoom]=\"0.7\"\r\n            [zoom-scale]=\"'page-width'\"\r\n            [stick-to-page]=\"false\"\r\n            [render-text]=\"true\"\r\n            [external-link-target]=\"'blank'\"\r\n            [autoresize]=\"true\"\r\n            [show-borders]=\"false\"\r\n            style=\"width: 100%; height: 100%\"\r\n          ></pdf-viewer>\r\n        </div>\r\n        }@else if(isSelectedDocumentUnsupported){\r\n          <div class=\"incorrect-docType\">\r\n            ContentType is incorrect.\r\n          </div>\r\n        }\r\n      </div>\r\n      }\r\n\r\n         <div class=\"left-part col-12 md:col-12 pt-0\">\r\n         \r\n          <!-- <div class=\"alerts mb-4 pb-1\">\r\n            <button\r\n              type=\"button\"\r\n              *ngIf=\"\r\n                (alertData?.status !== 'Pending' && !!alertData?.status) ||\r\n                alertData?.isAlert === false\r\n              \"\r\n              class=\"bg-green-500 border-none border-round-md flex align-items-center mb-3 p-2 px-3\"\r\n            >\r\n              <i\r\n                class=\"pi pi-verified mr-2 cursor-pointer\"\r\n                [ngStyle]=\"{\r\n                  color:\r\n                    alertData?.status === 'Pending' &&\r\n                    alertData?.isAlert !== false\r\n                      ? '#FFFFFF'\r\n                      : '#8A8EA6'\r\n                }\"\r\n                style=\"font-size: 20px\"\r\n              ></i>\r\n              <span class=\"font-semibold text-white\">Verified</span>\r\n            </button>\r\n            <div\r\n              class=\"card mb-0\"\r\n              [ngClass]=\"\r\n                (alertData?.status === 'Pending' || !alertData?.status) &&\r\n                alertData?.isAlert !== false\r\n                  ? 'alert-card'\r\n                  : 'success-alert'\r\n              \"\r\n            >\r\n              <div class=\"flex align-items-center mb-2 pb-1\" *ngIf=\"alertData?.status !== 'Verified'\">\r\n                <h4 class=\"mr-3 mt-0 mb-0 text-color font-bold\" style=\"font-size: 21px; font-weight: bold; border-color: rgba(68, 72, 109, 0.2) ;\" >Alerts</h4>\r\n                <i\r\n                  class=\"pi pi-exclamation-triangle\"\r\n                  style=\"font-size: 20px\"\r\n                  [ngStyle]=\"{\r\n                    color:\r\n                      (alertData?.status === 'Pending' || !alertData?.status) &&\r\n                      alertData?.isAlert !== false\r\n                        ? '#FB392D'\r\n                        : '#8A8EA6'\r\n                  }\"\r\n                ></i>\r\n              </div>\r\n              <p class=\"text-color mb-0\">{{ alertData?.alertMessage }}</p>\r\n            </div>\r\n          </div>\r\n           -->\r\n          \r\n      <div class=\"sidebar\">\r\n        <document-actions\r\n          [document]=\"selectedDocument\"\r\n          [documentId]=\"selectedDocument?._id\"\r\n          [currentStatus]=\"currentState.documentStatus\"\r\n          [isLoading]=\"currentState.isActionLoading\"\r\n          [isUploaded]=\"currentState.documentIsUploaded\"\r\n          [statusId]=\"selectedDocument?.statusId\"\r\n          (actionPerformed)=\"handleDocumentAction($event)\">\r\n        </document-actions>\r\n        \r\n        <document-history \r\n          [historyData]=\"currentState.documentHistory\" \r\n          [showHistory]=\"currentState.showDocumentHistory\">\r\n        </document-history>\r\n        \r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".document-viewer-container{height:100%;width:100%}.document-viewer-container .main-content{height:100%;display:flex;flex-direction:column}.document-viewer-container .main-content .p-messages{margin-bottom:.5rem}.document-viewer-container .main-content .content-grid{display:grid;grid-template-columns:1fr 350px;gap:1rem;height:calc(100% - 60px);min-height:0}.document-viewer-container .main-content .content-grid .document-preview{background:#f8f9fa;border-radius:8px;padding:.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.document-viewer-container .main-content .content-grid .document-preview .img-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.document-viewer-container .main-content .content-grid .document-preview .img-container .uploadedImages{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.document-viewer-container .main-content .content-grid .document-preview .pdf-container{width:100%;height:100%;border-radius:4px;overflow:hidden}.document-viewer-container .main-content .content-grid .document-preview .incorrect-docType{color:#dc3545;font-weight:500;text-align:center;padding:2rem}.document-viewer-container .main-content .content-grid .sidebar{display:flex;flex-direction:column;gap:.75rem;max-height:100%;overflow-y:auto}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-actions-container{margin:0}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-history-container{padding:.75rem;max-height:none}@media (max-width: 1200px){.document-viewer-container .main-content .content-grid{grid-template-columns:1fr 300px;gap:.75rem}}@media (max-width: 768px){.document-viewer-container .main-content .content-grid{grid-template-columns:1fr;gap:.5rem}.document-viewer-container .main-content .content-grid .sidebar{order:-1}}.alert-card{background-color:#fb392d1a}.success-alert{border-radius:10px;border:1px solid rgba(251,57,45,.1);background:linear-gradient(0deg,#dedede 0% 100%),#fff}.p-timeline-event-opposite{display:none}.decription{color:#676b89}.textAreaControl textarea{width:100%;resize:vertical;max-width:100%}.document-btn-wrapper .p-button-outlined{color:#f57c00}.document-viewer .p-dialog{width:100%;height:100%;max-height:100%!important;box-shadow:none!important}.document-viewer .p-dialog-header-close-icon{height:20px;width:20px}.document-viewer .p-dialog-header,.document-viewer .p-dialog-content{background-color:#fff;border-radius:0}\n"], dependencies: [{ kind: "component", type: i5.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }, { kind: "component", type: i6$1.PdfViewerComponent, selector: "pdf-viewer", inputs: ["src", "c-maps-url", "page", "render-text", "render-text-mode", "original-size", "show-all", "stick-to-page", "zoom", "zoom-scale", "rotation", "external-link-target", "autoresize", "fit-to-page", "show-borders"], outputs: ["after-load-complete", "page-rendered", "pages-initialized", "text-layer-rendered", "error", "on-progress", "pageChange"] }, { kind: "component", type: DocumentHistoryComponent, selector: "document-history", inputs: ["historyData", "showHistory"] }, { kind: "component", type: DocumentActionsComponent, selector: "document-actions", inputs: ["document", "documentId", "currentStatus", "isLoading", "isUploaded", "statusId"], outputs: ["actionPerformed"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: DocumentViewerComponent, isStandalone: false, selector: "document-viewer", inputs: { selectedDocument: "selectedDocument", documentList: "documentList", contextId: "contextId" }, outputs: { documentStatusUpdated: "documentStatusUpdated" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"document-viewer-container\">\r\n  <div class=\"main-content\">\r\n    <p-messages [(value)]=\"messages\" [enableService]=\"false\"></p-messages>\r\n    \r\n    <div class=\"content-grid\">\r\n      @if(selectedDocument){\r\n      <div class=\"document-preview\">\r\n        @if(isSelectedDocumentImage){\r\n        <div class=\"img-container\">\r\n          <img\r\n            [src]=\"selectedDocument?.documentUrl || ''\"\r\n            class=\"uploadedImages\"\r\n            alt=\"Document Image\"\r\n          />\r\n        </div>\r\n        }@else if(isSelectedDocumentPdf){\r\n        <div class=\"pdf-container\">\r\n          <pdf-viewer\r\n            [src]=\"selectedDocument?.documentUrl || ''\"\r\n            [rotation]=\"0\"\r\n            [original-size]=\"false\"\r\n            [show-all]=\"true\"\r\n            [fit-to-page]=\"false\"\r\n            [zoom]=\"0.7\"\r\n            [zoom-scale]=\"'page-width'\"\r\n            [stick-to-page]=\"false\"\r\n            [render-text]=\"true\"\r\n            [external-link-target]=\"'blank'\"\r\n            [autoresize]=\"true\"\r\n            [show-borders]=\"false\"\r\n            style=\"width: 100%; height: 100%\"\r\n          ></pdf-viewer>\r\n        </div>\r\n        }@else if(isSelectedDocumentUnsupported){\r\n          <div class=\"incorrect-docType\">\r\n            ContentType is incorrect.\r\n          </div>\r\n        }\r\n      </div>\r\n      }\r\n\r\n         <div class=\"left-part col-12 md:col-12 pt-0\">\r\n         \r\n          <!-- <div class=\"alerts mb-4 pb-1\">\r\n            <button\r\n              type=\"button\"\r\n              *ngIf=\"\r\n                (alertData?.status !== 'Pending' && !!alertData?.status) ||\r\n                alertData?.isAlert === false\r\n              \"\r\n              class=\"bg-green-500 border-none border-round-md flex align-items-center mb-3 p-2 px-3\"\r\n            >\r\n              <i\r\n                class=\"pi pi-verified mr-2 cursor-pointer\"\r\n                [ngStyle]=\"{\r\n                  color:\r\n                    alertData?.status === 'Pending' &&\r\n                    alertData?.isAlert !== false\r\n                      ? '#FFFFFF'\r\n                      : '#8A8EA6'\r\n                }\"\r\n                style=\"font-size: 20px\"\r\n              ></i>\r\n              <span class=\"font-semibold text-white\">Verified</span>\r\n            </button>\r\n            <div\r\n              class=\"card mb-0\"\r\n              [ngClass]=\"\r\n                (alertData?.status === 'Pending' || !alertData?.status) &&\r\n                alertData?.isAlert !== false\r\n                  ? 'alert-card'\r\n                  : 'success-alert'\r\n              \"\r\n            >\r\n              <div class=\"flex align-items-center mb-2 pb-1\" *ngIf=\"alertData?.status !== 'Verified'\">\r\n                <h4 class=\"mr-3 mt-0 mb-0 text-color font-bold\" style=\"font-size: 21px; font-weight: bold; border-color: rgba(68, 72, 109, 0.2) ;\" >Alerts</h4>\r\n                <i\r\n                  class=\"pi pi-exclamation-triangle\"\r\n                  style=\"font-size: 20px\"\r\n                  [ngStyle]=\"{\r\n                    color:\r\n                      (alertData?.status === 'Pending' || !alertData?.status) &&\r\n                      alertData?.isAlert !== false\r\n                        ? '#FB392D'\r\n                        : '#8A8EA6'\r\n                  }\"\r\n                ></i>\r\n              </div>\r\n              <p class=\"text-color mb-0\">{{ alertData?.alertMessage }}</p>\r\n            </div>\r\n          </div>\r\n           -->\r\n          \r\n      <div class=\"sidebar\">\r\n        <document-actions\r\n          [document]=\"selectedDocument\"\r\n          [documentId]=\"selectedDocument?._id\"\r\n          [currentStatus]=\"currentState.documentStatus\"\r\n          [isLoading]=\"currentState.isActionLoading\"\r\n          [isUploaded]=\"currentState.documentIsUploaded\"\r\n          [statusId]=\"selectedDocument?.statusId\"\r\n          (actionPerformed)=\"handleDocumentAction($event)\">\r\n        </document-actions>\r\n        \r\n        <document-history \r\n          [historyData]=\"currentState.documentHistory\" \r\n          [showHistory]=\"currentState.showDocumentHistory\">\r\n        </document-history>\r\n        \r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".document-viewer-container{height:100%;width:100%}.document-viewer-container .main-content{height:100%;display:flex;flex-direction:column}.document-viewer-container .main-content .p-messages{margin-bottom:.5rem}.document-viewer-container .main-content .content-grid{display:grid;grid-template-columns:1fr 350px;gap:1rem;height:calc(100% - 60px);min-height:0}.document-viewer-container .main-content .content-grid .document-preview{background:#f8f9fa;border-radius:8px;padding:.5rem;display:flex;align-items:center;justify-content:center}.document-viewer-container .main-content .content-grid .document-preview .img-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.document-viewer-container .main-content .content-grid .document-preview .img-container .uploadedImages{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.document-viewer-container .main-content .content-grid .document-preview .pdf-container{width:100%;height:100%;border-radius:4px}.document-viewer-container .main-content .content-grid .document-preview .incorrect-docType{color:#dc3545;font-weight:500;text-align:center;padding:2rem}.document-viewer-container .main-content .content-grid .sidebar{display:flex;flex-direction:column;gap:.75rem;max-height:100%;overflow-y:auto}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-actions-container{margin:0}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-history-container{padding:.75rem;max-height:none}@media (max-width: 1200px){.document-viewer-container .main-content .content-grid{grid-template-columns:1fr 300px;gap:.75rem}}@media (max-width: 768px){.document-viewer-container .main-content .content-grid{grid-template-columns:1fr;gap:.5rem}.document-viewer-container .main-content .content-grid .sidebar{order:-1}}.alert-card{background-color:#fb392d1a}.success-alert{border-radius:10px;border:1px solid rgba(251,57,45,.1);background:linear-gradient(0deg,#dedede 0% 100%),#fff}.p-timeline-event-opposite{display:none}.decription{color:#676b89}.textAreaControl textarea{width:100%;resize:vertical;max-width:100%}.document-btn-wrapper .p-button-outlined{color:#f57c00}.document-viewer .p-dialog{width:100%;height:100%;max-height:100%!important;box-shadow:none!important}.document-viewer .p-dialog-header-close-icon{height:20px;width:20px}.document-viewer .p-dialog-header,.document-viewer .p-dialog-content{background-color:#fff;border-radius:0}\n"], dependencies: [{ kind: "component", type: i5.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }, { kind: "component", type: i6$1.PdfViewerComponent, selector: "pdf-viewer", inputs: ["src", "c-maps-url", "page", "render-text", "render-text-mode", "original-size", "show-all", "stick-to-page", "zoom", "zoom-scale", "rotation", "external-link-target", "autoresize", "fit-to-page", "show-borders"], outputs: ["after-load-complete", "page-rendered", "pages-initialized", "text-layer-rendered", "error", "on-progress", "pageChange"] }, { kind: "component", type: DocumentHistoryComponent, selector: "document-history", inputs: ["historyData", "showHistory"] }, { kind: "component", type: DocumentActionsComponent, selector: "document-actions", inputs: ["document", "documentId", "currentStatus", "isLoading", "isUploaded", "statusId"], outputs: ["actionPerformed"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'document-viewer', standalone: false, encapsulation: ViewEncapsulation.None, template: "<div class=\"document-viewer-container\">\r\n  <div class=\"main-content\">\r\n    <p-messages [(value)]=\"messages\" [enableService]=\"false\"></p-messages>\r\n    \r\n    <div class=\"content-grid\">\r\n      @if(selectedDocument){\r\n      <div class=\"document-preview\">\r\n        @if(isSelectedDocumentImage){\r\n        <div class=\"img-container\">\r\n          <img\r\n            [src]=\"selectedDocument?.documentUrl || ''\"\r\n            class=\"uploadedImages\"\r\n            alt=\"Document Image\"\r\n          />\r\n        </div>\r\n        }@else if(isSelectedDocumentPdf){\r\n        <div class=\"pdf-container\">\r\n          <pdf-viewer\r\n            [src]=\"selectedDocument?.documentUrl || ''\"\r\n            [rotation]=\"0\"\r\n            [original-size]=\"false\"\r\n            [show-all]=\"true\"\r\n            [fit-to-page]=\"false\"\r\n            [zoom]=\"0.7\"\r\n            [zoom-scale]=\"'page-width'\"\r\n            [stick-to-page]=\"false\"\r\n            [render-text]=\"true\"\r\n            [external-link-target]=\"'blank'\"\r\n            [autoresize]=\"true\"\r\n            [show-borders]=\"false\"\r\n            style=\"width: 100%; height: 100%\"\r\n          ></pdf-viewer>\r\n        </div>\r\n        }@else if(isSelectedDocumentUnsupported){\r\n          <div class=\"incorrect-docType\">\r\n            ContentType is incorrect.\r\n          </div>\r\n        }\r\n      </div>\r\n      }\r\n\r\n         <div class=\"left-part col-12 md:col-12 pt-0\">\r\n         \r\n          <!-- <div class=\"alerts mb-4 pb-1\">\r\n            <button\r\n              type=\"button\"\r\n              *ngIf=\"\r\n                (alertData?.status !== 'Pending' && !!alertData?.status) ||\r\n                alertData?.isAlert === false\r\n              \"\r\n              class=\"bg-green-500 border-none border-round-md flex align-items-center mb-3 p-2 px-3\"\r\n            >\r\n              <i\r\n                class=\"pi pi-verified mr-2 cursor-pointer\"\r\n                [ngStyle]=\"{\r\n                  color:\r\n                    alertData?.status === 'Pending' &&\r\n                    alertData?.isAlert !== false\r\n                      ? '#FFFFFF'\r\n                      : '#8A8EA6'\r\n                }\"\r\n                style=\"font-size: 20px\"\r\n              ></i>\r\n              <span class=\"font-semibold text-white\">Verified</span>\r\n            </button>\r\n            <div\r\n              class=\"card mb-0\"\r\n              [ngClass]=\"\r\n                (alertData?.status === 'Pending' || !alertData?.status) &&\r\n                alertData?.isAlert !== false\r\n                  ? 'alert-card'\r\n                  : 'success-alert'\r\n              \"\r\n            >\r\n              <div class=\"flex align-items-center mb-2 pb-1\" *ngIf=\"alertData?.status !== 'Verified'\">\r\n                <h4 class=\"mr-3 mt-0 mb-0 text-color font-bold\" style=\"font-size: 21px; font-weight: bold; border-color: rgba(68, 72, 109, 0.2) ;\" >Alerts</h4>\r\n                <i\r\n                  class=\"pi pi-exclamation-triangle\"\r\n                  style=\"font-size: 20px\"\r\n                  [ngStyle]=\"{\r\n                    color:\r\n                      (alertData?.status === 'Pending' || !alertData?.status) &&\r\n                      alertData?.isAlert !== false\r\n                        ? '#FB392D'\r\n                        : '#8A8EA6'\r\n                  }\"\r\n                ></i>\r\n              </div>\r\n              <p class=\"text-color mb-0\">{{ alertData?.alertMessage }}</p>\r\n            </div>\r\n          </div>\r\n           -->\r\n          \r\n      <div class=\"sidebar\">\r\n        <document-actions\r\n          [document]=\"selectedDocument\"\r\n          [documentId]=\"selectedDocument?._id\"\r\n          [currentStatus]=\"currentState.documentStatus\"\r\n          [isLoading]=\"currentState.isActionLoading\"\r\n          [isUploaded]=\"currentState.documentIsUploaded\"\r\n          [statusId]=\"selectedDocument?.statusId\"\r\n          (actionPerformed)=\"handleDocumentAction($event)\">\r\n        </document-actions>\r\n        \r\n        <document-history \r\n          [historyData]=\"currentState.documentHistory\" \r\n          [showHistory]=\"currentState.showDocumentHistory\">\r\n        </document-history>\r\n        \r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".document-viewer-container{height:100%;width:100%}.document-viewer-container .main-content{height:100%;display:flex;flex-direction:column}.document-viewer-container .main-content .p-messages{margin-bottom:.5rem}.document-viewer-container .main-content .content-grid{display:grid;grid-template-columns:1fr 350px;gap:1rem;height:calc(100% - 60px);min-height:0}.document-viewer-container .main-content .content-grid .document-preview{background:#f8f9fa;border-radius:8px;padding:.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.document-viewer-container .main-content .content-grid .document-preview .img-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.document-viewer-container .main-content .content-grid .document-preview .img-container .uploadedImages{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.document-viewer-container .main-content .content-grid .document-preview .pdf-container{width:100%;height:100%;border-radius:4px;overflow:hidden}.document-viewer-container .main-content .content-grid .document-preview .incorrect-docType{color:#dc3545;font-weight:500;text-align:center;padding:2rem}.document-viewer-container .main-content .content-grid .sidebar{display:flex;flex-direction:column;gap:.75rem;max-height:100%;overflow-y:auto}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-actions-container{margin:0}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-history-container{padding:.75rem;max-height:none}@media (max-width: 1200px){.document-viewer-container .main-content .content-grid{grid-template-columns:1fr 300px;gap:.75rem}}@media (max-width: 768px){.document-viewer-container .main-content .content-grid{grid-template-columns:1fr;gap:.5rem}.document-viewer-container .main-content .content-grid .sidebar{order:-1}}.alert-card{background-color:#fb392d1a}.success-alert{border-radius:10px;border:1px solid rgba(251,57,45,.1);background:linear-gradient(0deg,#dedede 0% 100%),#fff}.p-timeline-event-opposite{display:none}.decription{color:#676b89}.textAreaControl textarea{width:100%;resize:vertical;max-width:100%}.document-btn-wrapper .p-button-outlined{color:#f57c00}.document-viewer .p-dialog{width:100%;height:100%;max-height:100%!important;box-shadow:none!important}.document-viewer .p-dialog-header-close-icon{height:20px;width:20px}.document-viewer .p-dialog-header,.document-viewer .p-dialog-content{background-color:#fff;border-radius:0}\n"] }]
+            args: [{ selector: 'document-viewer', standalone: false, encapsulation: ViewEncapsulation.None, template: "<div class=\"document-viewer-container\">\r\n  <div class=\"main-content\">\r\n    <p-messages [(value)]=\"messages\" [enableService]=\"false\"></p-messages>\r\n    \r\n    <div class=\"content-grid\">\r\n      @if(selectedDocument){\r\n      <div class=\"document-preview\">\r\n        @if(isSelectedDocumentImage){\r\n        <div class=\"img-container\">\r\n          <img\r\n            [src]=\"selectedDocument?.documentUrl || ''\"\r\n            class=\"uploadedImages\"\r\n            alt=\"Document Image\"\r\n          />\r\n        </div>\r\n        }@else if(isSelectedDocumentPdf){\r\n        <div class=\"pdf-container\">\r\n          <pdf-viewer\r\n            [src]=\"selectedDocument?.documentUrl || ''\"\r\n            [rotation]=\"0\"\r\n            [original-size]=\"false\"\r\n            [show-all]=\"true\"\r\n            [fit-to-page]=\"false\"\r\n            [zoom]=\"0.7\"\r\n            [zoom-scale]=\"'page-width'\"\r\n            [stick-to-page]=\"false\"\r\n            [render-text]=\"true\"\r\n            [external-link-target]=\"'blank'\"\r\n            [autoresize]=\"true\"\r\n            [show-borders]=\"false\"\r\n            style=\"width: 100%; height: 100%\"\r\n          ></pdf-viewer>\r\n        </div>\r\n        }@else if(isSelectedDocumentUnsupported){\r\n          <div class=\"incorrect-docType\">\r\n            ContentType is incorrect.\r\n          </div>\r\n        }\r\n      </div>\r\n      }\r\n\r\n         <div class=\"left-part col-12 md:col-12 pt-0\">\r\n         \r\n          <!-- <div class=\"alerts mb-4 pb-1\">\r\n            <button\r\n              type=\"button\"\r\n              *ngIf=\"\r\n                (alertData?.status !== 'Pending' && !!alertData?.status) ||\r\n                alertData?.isAlert === false\r\n              \"\r\n              class=\"bg-green-500 border-none border-round-md flex align-items-center mb-3 p-2 px-3\"\r\n            >\r\n              <i\r\n                class=\"pi pi-verified mr-2 cursor-pointer\"\r\n                [ngStyle]=\"{\r\n                  color:\r\n                    alertData?.status === 'Pending' &&\r\n                    alertData?.isAlert !== false\r\n                      ? '#FFFFFF'\r\n                      : '#8A8EA6'\r\n                }\"\r\n                style=\"font-size: 20px\"\r\n              ></i>\r\n              <span class=\"font-semibold text-white\">Verified</span>\r\n            </button>\r\n            <div\r\n              class=\"card mb-0\"\r\n              [ngClass]=\"\r\n                (alertData?.status === 'Pending' || !alertData?.status) &&\r\n                alertData?.isAlert !== false\r\n                  ? 'alert-card'\r\n                  : 'success-alert'\r\n              \"\r\n            >\r\n              <div class=\"flex align-items-center mb-2 pb-1\" *ngIf=\"alertData?.status !== 'Verified'\">\r\n                <h4 class=\"mr-3 mt-0 mb-0 text-color font-bold\" style=\"font-size: 21px; font-weight: bold; border-color: rgba(68, 72, 109, 0.2) ;\" >Alerts</h4>\r\n                <i\r\n                  class=\"pi pi-exclamation-triangle\"\r\n                  style=\"font-size: 20px\"\r\n                  [ngStyle]=\"{\r\n                    color:\r\n                      (alertData?.status === 'Pending' || !alertData?.status) &&\r\n                      alertData?.isAlert !== false\r\n                        ? '#FB392D'\r\n                        : '#8A8EA6'\r\n                  }\"\r\n                ></i>\r\n              </div>\r\n              <p class=\"text-color mb-0\">{{ alertData?.alertMessage }}</p>\r\n            </div>\r\n          </div>\r\n           -->\r\n          \r\n      <div class=\"sidebar\">\r\n        <document-actions\r\n          [document]=\"selectedDocument\"\r\n          [documentId]=\"selectedDocument?._id\"\r\n          [currentStatus]=\"currentState.documentStatus\"\r\n          [isLoading]=\"currentState.isActionLoading\"\r\n          [isUploaded]=\"currentState.documentIsUploaded\"\r\n          [statusId]=\"selectedDocument?.statusId\"\r\n          (actionPerformed)=\"handleDocumentAction($event)\">\r\n        </document-actions>\r\n        \r\n        <document-history \r\n          [historyData]=\"currentState.documentHistory\" \r\n          [showHistory]=\"currentState.showDocumentHistory\">\r\n        </document-history>\r\n        \r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".document-viewer-container{height:100%;width:100%}.document-viewer-container .main-content{height:100%;display:flex;flex-direction:column}.document-viewer-container .main-content .p-messages{margin-bottom:.5rem}.document-viewer-container .main-content .content-grid{display:grid;grid-template-columns:1fr 350px;gap:1rem;height:calc(100% - 60px);min-height:0}.document-viewer-container .main-content .content-grid .document-preview{background:#f8f9fa;border-radius:8px;padding:.5rem;display:flex;align-items:center;justify-content:center}.document-viewer-container .main-content .content-grid .document-preview .img-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.document-viewer-container .main-content .content-grid .document-preview .img-container .uploadedImages{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.document-viewer-container .main-content .content-grid .document-preview .pdf-container{width:100%;height:100%;border-radius:4px}.document-viewer-container .main-content .content-grid .document-preview .incorrect-docType{color:#dc3545;font-weight:500;text-align:center;padding:2rem}.document-viewer-container .main-content .content-grid .sidebar{display:flex;flex-direction:column;gap:.75rem;max-height:100%;overflow-y:auto}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-actions-container{margin:0}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-history-container{padding:.75rem;max-height:none}@media (max-width: 1200px){.document-viewer-container .main-content .content-grid{grid-template-columns:1fr 300px;gap:.75rem}}@media (max-width: 768px){.document-viewer-container .main-content .content-grid{grid-template-columns:1fr;gap:.5rem}.document-viewer-container .main-content .content-grid .sidebar{order:-1}}.alert-card{background-color:#fb392d1a}.success-alert{border-radius:10px;border:1px solid rgba(251,57,45,.1);background:linear-gradient(0deg,#dedede 0% 100%),#fff}.p-timeline-event-opposite{display:none}.decription{color:#676b89}.textAreaControl textarea{width:100%;resize:vertical;max-width:100%}.document-btn-wrapper .p-button-outlined{color:#f57c00}.document-viewer .p-dialog{width:100%;height:100%;max-height:100%!important;box-shadow:none!important}.document-viewer .p-dialog-header-close-icon{height:20px;width:20px}.document-viewer .p-dialog-header,.document-viewer .p-dialog-content{background-color:#fff;border-radius:0}\n"] }]
         }], ctorParameters: () => [{ type: DocumentHttpService }, { type: DocumentHelperService }, { type: i3.MessageService }, { type: DocumentViewerService }], propDecorators: { selectedDocument: [{
                 type: Input
             }], documentList: [{
@@ -5910,6 +5882,22 @@ class DocumentListComponent {
      * @memberof DocumentListComponent
      */
     documentListResponse = null;
+    /**
+     * The selected menu item ID for scrolling to specific sections
+     * @type {string | null}
+     * @memberof DocumentListComponent
+     */
+    selectedMenuItemId = null;
+    /**
+     * Additional navigation information for precise scrolling
+     * @type {object | null}
+     * @memberof DocumentListComponent
+     */
+    navigationInfo = null;
+    /**
+     * Reference to the document categories container for scrolling
+     */
+    documentCategoriesContainer;
     /**
      * Subscription to document list response from store
      */
@@ -5999,6 +5987,12 @@ class DocumentListComponent {
         if (changes[SHARED.CONTEXT_ID] && !changes[SHARED.CONTEXT_ID].firstChange) {
             this.documentListService.refreshDocumentListForNewContext(this.contextId);
         }
+        if (changes['selectedMenuItemId'] && this.selectedMenuItemId) {
+            this.scrollToCategorySection(this.selectedMenuItemId);
+        }
+        if (changes['navigationInfo'] && this.navigationInfo) {
+            this.scrollToCategorySectionWithNavigationInfo(this.navigationInfo);
+        }
     }
     /**
      * Initializes the component by setting up document list subscription.
@@ -6006,6 +6000,17 @@ class DocumentListComponent {
     ngOnInit() {
         this.setupDocumentListSubscription();
     }
+    /**
+     * Called after the view is initialized
+     */
+    ngAfterViewInit() {
+        // If there's a selected menu item on init, scroll to it after a short delay
+        if (this.selectedMenuItemId) {
+            setTimeout(() => {
+                this.scrollToCategorySection(this.selectedMenuItemId);
+            }, 100);
+        }
+    }
     /**
      * Handles the visibility of the sidebar.
      * @param {boolean} isVisible - Indicates whether the sidebar should be visible or not.
@@ -6084,6 +6089,161 @@ class DocumentListComponent {
             }, 2000);
         }
     }
+    /**
+     * Scrolls to the category section that matches the selected menu item
+     * @param menuItemId - The ID of the selected menu item
+     */
+    scrollToCategorySection(menuItemId) {
+        if (!this.documentCategories || !this.documentCategoriesContainer) {
+            return;
+        }
+        let targetCategory = this.documentCategories.find(category => category.label.toLowerCase().includes('application') ||
+            category.label.toLowerCase().includes('applicant') ||
+            category.label.toLowerCase().includes('document'));
+        if (!targetCategory) {
+            if (menuItemId.includes('application') || menuItemId.includes('app')) {
+                targetCategory = this.documentCategories.find(cat => cat.label.toLowerCase().includes('application'));
+            }
+            else if (menuItemId.includes('applicant') || menuItemId.includes('user')) {
+                targetCategory = this.documentCategories.find(cat => cat.label.toLowerCase().includes('applicant') ||
+                    cat.label.toLowerCase().includes('user'));
+            }
+            else {
+                targetCategory = this.documentCategories[0];
+            }
+        }
+        if (targetCategory) {
+            const categoryIndex = this.documentCategories.findIndex(cat => cat === targetCategory);
+            const categoryElements = this.documentCategoriesContainer.nativeElement.querySelectorAll('.category');
+            if (categoryElements[categoryIndex]) {
+                categoryElements[categoryIndex].scrollIntoView({
+                    behavior: 'smooth',
+                    block: 'start',
+                    inline: 'nearest'
+                });
+                // Add a temporary highlight effect
+                this.highlightCategory(categoryElements[categoryIndex]);
+            }
+            else {
+                console.log('Scroll: Category element not found at index:', categoryIndex);
+            }
+        }
+        else {
+            console.log('Scroll: No target category found');
+        }
+    }
+    /**
+     * Scrolls to the category section using navigationInfo
+     * @param navigationInfo - The navigation info object containing menuItemId
+     */
+    scrollToCategorySectionWithNavigationInfo(navigationInfo) {
+        if (!this.documentCategories || !this.documentCategoriesContainer) {
+            console.log('Scroll: Missing required data for scrolling');
+            return;
+        }
+        console.log('Scroll: Using navigation info for scrolling');
+        console.log('Scroll: Menu item:', navigationInfo.menuItemLabel);
+        console.log('Scroll: Available categories:', this.documentCategories.map(cat => cat.label));
+        // Find the target category by exact menu item label match
+        // This is the clean, dynamic approach since menu item labels match section labels
+        const targetCategory = this.documentCategories.find(category => category.label.toLowerCase() === navigationInfo.menuItemLabel.toLowerCase());
+        if (targetCategory) {
+            console.log('Scroll: Found target category:', targetCategory.label);
+            // Try to find the element by semantic ID first (more reliable)
+            const sectionId = 'section-' + targetCategory.label.toLowerCase().replace(' ', '-');
+            let targetElement = this.documentCategoriesContainer.nativeElement.querySelector(`#${sectionId}`);
+            if (targetElement) {
+                console.log('Scroll: Found target element by ID:', sectionId);
+                // Scroll to the target category with smooth behavior
+                // Use scrollIntoView to work with the parent content container
+                targetElement.scrollIntoView({
+                    behavior: 'smooth',
+                    block: 'start',
+                    inline: 'nearest'
+                });
+                // Add a temporary highlight effect
+                this.highlightCategory(targetElement);
+            }
+            else {
+                // Fallback to index-based approach
+                console.log('Scroll: Element not found by ID, using index-based approach');
+                const categoryIndex = this.documentCategories.findIndex(cat => cat === targetCategory);
+                const categoryElements = this.documentCategoriesContainer.nativeElement.querySelectorAll('.category');
+                if (categoryElements[categoryIndex]) {
+                    console.log('Scroll: Scrolling to category element by index');
+                    categoryElements[categoryIndex].scrollIntoView({
+                        behavior: 'smooth',
+                        block: 'start',
+                        inline: 'nearest'
+                    });
+                    this.highlightCategory(categoryElements[categoryIndex]);
+                }
+                else {
+                    console.log('Scroll: Category element not found at index:', categoryIndex);
+                }
+            }
+        }
+        else {
+            console.log('Scroll: No target category found for menu item:', navigationInfo.menuItemLabel);
+            console.log('Scroll: Available sections:', this.documentCategories.map(cat => cat.label));
+        }
+    }
+    /**
+     * Adds a temporary highlight effect to the scrolled category
+     * @param categoryElement - The DOM element of the category to highlight
+     */
+    highlightCategory(categoryElement) {
+        // Add highlight class
+        categoryElement.classList.add('category-highlight');
+        // Remove highlight after animation
+        setTimeout(() => {
+            categoryElement.classList.remove('category-highlight');
+        }, 2000);
+    }
+    /**
+     * Alternative scrolling method using IntersectionObserver for better performance
+     * This method can be used as a fallback or alternative to the current approach
+     * @param navigationInfo - The navigation info object
+     */
+    scrollToCategorySectionWithIntersectionObserver(navigationInfo) {
+        if (!this.documentCategories || !this.documentCategoriesContainer) {
+            return;
+        }
+        // Find the target category
+        const targetCategory = this.documentCategories.find(category => category.label.toLowerCase() === navigationInfo.menuItemLabel.toLowerCase());
+        if (!targetCategory) {
+            return;
+        }
+        // Create a temporary observer to find the target element
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting && entry.target.id === `section-${targetCategory.label.toLowerCase().replace(' ', '-')}`) {
+                    // Element is visible, scroll to it
+                    entry.target.scrollIntoView({
+                        behavior: 'smooth',
+                        block: 'start'
+                    });
+                    // Highlight the element
+                    this.highlightCategory(entry.target);
+                    // Disconnect observer after use
+                    observer.disconnect();
+                }
+            });
+        }, {
+            threshold: 0.1,
+            rootMargin: '0px 0px -100px 0px'
+        });
+        // Observe all category elements
+        const categoryElements = this.documentCategoriesContainer.nativeElement.querySelectorAll('.category');
+        categoryElements.forEach((element) => {
+            observer.observe(element);
+        });
+        // Fallback: if no intersection after a short delay, use direct scrolling
+        setTimeout(() => {
+            observer.disconnect();
+            this.scrollToCategorySectionWithNavigationInfo(navigationInfo);
+        }, 100);
+    }
     /**
      * Cleanup subscriptions on component destroy
      */
@@ -6091,15 +6251,22 @@ class DocumentListComponent {
         this.documentListSubscription.unsubscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentListComponent, deps: [{ token: DocumentListService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DocumentListComponent, isStandalone: false, selector: "lib-document-list", inputs: { contextId: "contextId", documentListResponse: "documentListResponse", documentList: "documentList" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"document-viewer\">\r\n  <p-dialog [header]=\"selectedDocument?.docName\" [(visible)]=\"isdialogVisible\" [modal]=\"true\" \r\n    class=\"w-full h-full document-dailog-wrapper\" [draggable]=\"false\" [closable]=\"true\"\r\n    (onHide)=\"handleCloseModal()\">\r\n    <p-messages \r\n[(value)]=\"deleteMessage\" \r\n[enableService]=\"false\" \r\n[closable]=\"false\" />\r\n    <document-viewer \r\n      [selectedDocument]=\"selectedDocument\" \r\n      [documentList]=\"documentList\" \r\n      [contextId]=\"contextId\" \r\n      (documentStatusUpdated)=\"refreshDocumentList($event.actionType === 'delete')\">\r\n      <ng-template pTemplate=\"header\">\r\n        <div class=\"w-full flex align-items-center justify-content-between\">\r\n          <input type=\"text\" class=\"w-full border-none bg-white h-3rem file-input-wrapper\" pInputText\r\n          [(ngModel)]=\"fileName\" />\r\n          \r\n        </div>\r\n      </ng-template>\r\n      <ng-content></ng-content>\r\n    </document-viewer>\r\n  </p-dialog>\r\n</div>\r\n\r\n<div class=\"document-categories-container\">\r\n  <div class=\"category\" *ngFor=\"let category of documentCategories; let i = index\">\r\n    <div class=\"category-header\">\r\n      <div class=\"category-title\">\r\n        <h3>{{ formattedCategoryLabels[i] }}</h3>\r\n        <p class=\"category-description\">{{ category.categoryDescription }}</p>\r\n      </div>\r\n      <div class=\"completion-status\">\r\n        <span class=\"status-badge\">{{ categoryCompletionCounts[i] }} Complete</span>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"table-container\">\r\n      <lib-table-primary \r\n        [tableData]=\"categoryTables[i]\" \r\n        [tableStyle]=\"{ 'min-width': '100%' }\"\r\n        (rowClick)=\"handleTableRowClick($event)\"\r\n        (deleteAction)=\"handleDeleteAction($event)\">\r\n      </lib-table-primary>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".document-list-wrapper .p-accordion-header-link{padding:.5rem}.document-list-wrapper .p-sidebar-right,.right-sidebar{width:35%}.document-title-wrapper{font-size:20px;font-weight:700;color:var(--text-color)}.document-input-field{display:flex;flex-direction:column}.document-input-field input{width:100%;height:46px;padding:10px 15px;gap:10px;border-radius:10px;outline:none;border:1px solid rgba(76,98,146,.1019607843);font-size:15px}label{color:#0f1729;font-weight:600}.document-list-dropDown .p-element{padding:10px 0 10px 15px}.document-list-dropDown .p-dropdown{border-radius:10px!important}.side-bar-con{display:flex;flex-direction:column}.save-btn-con{width:100%;border-top:1px solid rgba(76,98,146,.2);background:#4c629214;padding:13px 40px}.save-btn-wrapper{padding:10px 4px}.save-btn .p-button{height:45px!important;width:140px;border-radius:10px}.p-sidebar-footer{padding:0}.file-input-wrapper.p-inputtext:enabled:focus{box-shadow:0 0 0 .2rem #a6d5fa!important}.document-categories-container{padding:1rem;background-color:#f8f9fa;min-height:100vh}.document-categories-container .category{background:#fff;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;overflow:hidden}.document-categories-container .category .category-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e9ecef}.document-categories-container .category .category-header .category-title h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.document-categories-container .category .category-header .category-title .category-description{margin:0;color:#6c757d;font-size:.875rem;line-height:1.4}.document-categories-container .category .category-header .completion-status .status-badge{background-color:#fbbf24;color:#92400e;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;display:inline-block}.document-categories-container .category .table-container{padding:0}.document-sections-container{padding:1rem;background-color:#f8f9fa;min-height:100vh}.document-sections-container .section{background:#fff;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;overflow:hidden}.document-sections-container .section .section-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e9ecef}.document-sections-container .section .section-header .section-title h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.document-sections-container .section .section-header .section-title .section-description{margin:0;color:#6c757d;font-size:.875rem;line-height:1.4}.document-sections-container .section .section-header .completion-status .status-badge{background-color:#fbbf24;color:#92400e;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;display:inline-block}.document-sections-container .section .table-container{padding:0}@media (max-width: 768px){.document-categories-container,.document-sections-container{padding:.5rem}.document-categories-container .category .category-header,.document-categories-container .category .section-header,.document-categories-container .section .category-header,.document-categories-container .section .section-header,.document-sections-container .category .category-header,.document-sections-container .category .section-header,.document-sections-container .section .category-header,.document-sections-container .section .section-header{flex-direction:column;gap:1rem;align-items:flex-start}.document-categories-container .category .category-header .completion-status,.document-categories-container .category .section-header .completion-status,.document-categories-container .section .category-header .completion-status,.document-categories-container .section .section-header .completion-status,.document-sections-container .category .category-header .completion-status,.document-sections-container .category .section-header .completion-status,.document-sections-container .section .category-header .completion-status,.document-sections-container .section .section-header .completion-status{align-self:flex-end}}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }, { kind: "directive", type: i3$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: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: TablePrimaryComponent, selector: "lib-table-primary", inputs: ["tableData", "showHeader", "tableStyle"], outputs: ["rowClick", "deleteAction"] }, { kind: "component", type: DocumentViewerComponent, selector: "document-viewer", inputs: ["selectedDocument", "documentList", "contextId"], outputs: ["documentStatusUpdated"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DocumentListComponent, isStandalone: false, selector: "lib-document-list", inputs: { contextId: "contextId", documentListResponse: "documentListResponse", selectedMenuItemId: "selectedMenuItemId", navigationInfo: "navigationInfo", documentList: "documentList" }, viewQueries: [{ propertyName: "documentCategoriesContainer", first: true, predicate: ["documentCategoriesContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"document-viewer\">\n  <p-dialog [header]=\"selectedDocument?.docName\" [(visible)]=\"isdialogVisible\" [modal]=\"true\" \n    class=\"w-full h-full document-dailog-wrapper\" [draggable]=\"false\" [closable]=\"true\"\n    (onHide)=\"handleCloseModal()\">\n    <p-messages \n[(value)]=\"deleteMessage\" \n[enableService]=\"false\" \n[closable]=\"false\" />\n    <document-viewer \n      [selectedDocument]=\"selectedDocument\" \n      [documentList]=\"documentList\" \n      [contextId]=\"contextId\" \n      (documentStatusUpdated)=\"refreshDocumentList($event.actionType === 'delete')\">\n      <ng-template pTemplate=\"header\">\n        <div class=\"w-full flex align-items-center justify-content-between\">\n          <input type=\"text\" class=\"w-full border-none bg-white h-3rem file-input-wrapper\" pInputText\n          [(ngModel)]=\"fileName\" />\n          \n        </div>\n      </ng-template>\n      <ng-content></ng-content>\n    </document-viewer>\n  </p-dialog>\n</div>\n\n<div class=\"document-categories-container\" #documentCategoriesContainer>\n  <div class=\"category\" *ngFor=\"let category of documentCategories; let i = index\" [id]=\"'section-' + category.label.toLowerCase().replace(' ', '-')\">\n    <div class=\"category-header\">\n      <div class=\"category-title\">\n        <h3>{{ formattedCategoryLabels[i] }}</h3>\n        <p class=\"category-description\">{{ category.categoryDescription }}</p>\n      </div>\n      <div class=\"completion-status\">\n        <span class=\"status-badge\">{{ categoryCompletionCounts[i] }} Complete</span>\n      </div>\n    </div>\n\n    <div class=\"table-container\">\n      <lib-table-primary \n        [tableData]=\"categoryTables[i]\" \n        [tableStyle]=\"{ 'min-width': '100%' }\"\n        (rowClick)=\"handleTableRowClick($event)\"\n        (deleteAction)=\"handleDeleteAction($event)\">\n      </lib-table-primary>\n    </div>\n  </div>\n</div>\n", styles: [".document-list-wrapper .p-accordion-header-link{padding:.5rem}.document-list-wrapper .p-sidebar-right,.right-sidebar{width:35%}.document-title-wrapper{font-size:20px;font-weight:700;color:var(--text-color)}.document-input-field{display:flex;flex-direction:column}.document-input-field input{width:100%;height:46px;padding:10px 15px;gap:10px;border-radius:10px;outline:none;border:1px solid rgba(76,98,146,.1019607843);font-size:15px}label{color:#0f1729;font-weight:600}.document-list-dropDown .p-element{padding:10px 0 10px 15px}.document-list-dropDown .p-dropdown{border-radius:10px!important}.side-bar-con{display:flex;flex-direction:column}.save-btn-con{width:100%;border-top:1px solid rgba(76,98,146,.2);background:#4c629214;padding:13px 40px}.save-btn-wrapper{padding:10px 4px}.save-btn .p-button{height:45px!important;width:140px;border-radius:10px}.p-sidebar-footer{padding:0}.file-input-wrapper.p-inputtext:enabled:focus{box-shadow:0 0 0 .2rem #a6d5fa!important}.document-categories-container{padding:1rem;background-color:#f8f9fa;min-height:auto}.document-categories-container .category{background:#fff;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:all .3s ease}.document-categories-container .category .category-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e9ecef}.document-categories-container .category .category-header .category-title h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.document-categories-container .category .category-header .category-title .category-description{margin:0;color:#6c757d;font-size:.875rem;line-height:1.4}.document-categories-container .category .category-header .completion-status .status-badge{background-color:#fbbf24;color:#92400e;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;display:inline-block}.document-categories-container .category .table-container{padding:0}@keyframes highlightPulse{0%{transform:scale(1.02);box-shadow:0 4px 20px #3b82f64d}50%{transform:scale(1.03);box-shadow:0 6px 25px #3b82f680}to{transform:scale(1.02);box-shadow:0 4px 20px #3b82f64d}}.document-sections-container{padding:1rem;background-color:#f8f9fa;min-height:100vh}.document-sections-container .section{background:#fff;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;overflow:hidden}.document-sections-container .section .section-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e9ecef}.document-sections-container .section .section-header .section-title h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.document-sections-container .section .section-header .section-title .section-description{margin:0;color:#6c757d;font-size:.875rem;line-height:1.4}.document-sections-container .section .section-header .completion-status .status-badge{background-color:#fbbf24;color:#92400e;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;display:inline-block}.document-sections-container .section .table-container{padding:0}@media (max-width: 768px){.document-categories-container,.document-sections-container{padding:.5rem}.document-categories-container .category .category-header,.document-categories-container .category .section-header,.document-categories-container .section .category-header,.document-categories-container .section .section-header,.document-sections-container .category .category-header,.document-sections-container .category .section-header,.document-sections-container .section .category-header,.document-sections-container .section .section-header{flex-direction:column;gap:1rem;align-items:flex-start}.document-categories-container .category .category-header .completion-status,.document-categories-container .category .section-header .completion-status,.document-categories-container .section .category-header .completion-status,.document-categories-container .section .section-header .completion-status,.document-sections-container .category .category-header .completion-status,.document-sections-container .category .section-header .completion-status,.document-sections-container .section .category-header .completion-status,.document-sections-container .section .section-header .completion-status{align-self:flex-end}}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }, { kind: "directive", type: i3$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: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: TablePrimaryComponent, selector: "lib-table-primary", inputs: ["tableData", "showHeader", "tableStyle"], outputs: ["rowClick"] }, { kind: "component", type: DocumentViewerComponent, selector: "document-viewer", inputs: ["selectedDocument", "documentList", "contextId"], outputs: ["documentStatusUpdated"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-document-list', standalone: false, encapsulation: ViewEncapsulation.None, template: "<div class=\"document-viewer\">\r\n  <p-dialog [header]=\"selectedDocument?.docName\" [(visible)]=\"isdialogVisible\" [modal]=\"true\" \r\n    class=\"w-full h-full document-dailog-wrapper\" [draggable]=\"false\" [closable]=\"true\"\r\n    (onHide)=\"handleCloseModal()\">\r\n    <p-messages \r\n[(value)]=\"deleteMessage\" \r\n[enableService]=\"false\" \r\n[closable]=\"false\" />\r\n    <document-viewer \r\n      [selectedDocument]=\"selectedDocument\" \r\n      [documentList]=\"documentList\" \r\n      [contextId]=\"contextId\" \r\n      (documentStatusUpdated)=\"refreshDocumentList($event.actionType === 'delete')\">\r\n      <ng-template pTemplate=\"header\">\r\n        <div class=\"w-full flex align-items-center justify-content-between\">\r\n          <input type=\"text\" class=\"w-full border-none bg-white h-3rem file-input-wrapper\" pInputText\r\n          [(ngModel)]=\"fileName\" />\r\n          \r\n        </div>\r\n      </ng-template>\r\n      <ng-content></ng-content>\r\n    </document-viewer>\r\n  </p-dialog>\r\n</div>\r\n\r\n<div class=\"document-categories-container\">\r\n  <div class=\"category\" *ngFor=\"let category of documentCategories; let i = index\">\r\n    <div class=\"category-header\">\r\n      <div class=\"category-title\">\r\n        <h3>{{ formattedCategoryLabels[i] }}</h3>\r\n        <p class=\"category-description\">{{ category.categoryDescription }}</p>\r\n      </div>\r\n      <div class=\"completion-status\">\r\n        <span class=\"status-badge\">{{ categoryCompletionCounts[i] }} Complete</span>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"table-container\">\r\n      <lib-table-primary \r\n        [tableData]=\"categoryTables[i]\" \r\n        [tableStyle]=\"{ 'min-width': '100%' }\"\r\n        (rowClick)=\"handleTableRowClick($event)\"\r\n        (deleteAction)=\"handleDeleteAction($event)\">\r\n      </lib-table-primary>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".document-list-wrapper .p-accordion-header-link{padding:.5rem}.document-list-wrapper .p-sidebar-right,.right-sidebar{width:35%}.document-title-wrapper{font-size:20px;font-weight:700;color:var(--text-color)}.document-input-field{display:flex;flex-direction:column}.document-input-field input{width:100%;height:46px;padding:10px 15px;gap:10px;border-radius:10px;outline:none;border:1px solid rgba(76,98,146,.1019607843);font-size:15px}label{color:#0f1729;font-weight:600}.document-list-dropDown .p-element{padding:10px 0 10px 15px}.document-list-dropDown .p-dropdown{border-radius:10px!important}.side-bar-con{display:flex;flex-direction:column}.save-btn-con{width:100%;border-top:1px solid rgba(76,98,146,.2);background:#4c629214;padding:13px 40px}.save-btn-wrapper{padding:10px 4px}.save-btn .p-button{height:45px!important;width:140px;border-radius:10px}.p-sidebar-footer{padding:0}.file-input-wrapper.p-inputtext:enabled:focus{box-shadow:0 0 0 .2rem #a6d5fa!important}.document-categories-container{padding:1rem;background-color:#f8f9fa;min-height:100vh}.document-categories-container .category{background:#fff;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;overflow:hidden}.document-categories-container .category .category-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e9ecef}.document-categories-container .category .category-header .category-title h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.document-categories-container .category .category-header .category-title .category-description{margin:0;color:#6c757d;font-size:.875rem;line-height:1.4}.document-categories-container .category .category-header .completion-status .status-badge{background-color:#fbbf24;color:#92400e;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;display:inline-block}.document-categories-container .category .table-container{padding:0}.document-sections-container{padding:1rem;background-color:#f8f9fa;min-height:100vh}.document-sections-container .section{background:#fff;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;overflow:hidden}.document-sections-container .section .section-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e9ecef}.document-sections-container .section .section-header .section-title h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.document-sections-container .section .section-header .section-title .section-description{margin:0;color:#6c757d;font-size:.875rem;line-height:1.4}.document-sections-container .section .section-header .completion-status .status-badge{background-color:#fbbf24;color:#92400e;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;display:inline-block}.document-sections-container .section .table-container{padding:0}@media (max-width: 768px){.document-categories-container,.document-sections-container{padding:.5rem}.document-categories-container .category .category-header,.document-categories-container .category .section-header,.document-categories-container .section .category-header,.document-categories-container .section .section-header,.document-sections-container .category .category-header,.document-sections-container .category .section-header,.document-sections-container .section .category-header,.document-sections-container .section .section-header{flex-direction:column;gap:1rem;align-items:flex-start}.document-categories-container .category .category-header .completion-status,.document-categories-container .category .section-header .completion-status,.document-categories-container .section .category-header .completion-status,.document-categories-container .section .section-header .completion-status,.document-sections-container .category .category-header .completion-status,.document-sections-container .category .section-header .completion-status,.document-sections-container .section .category-header .completion-status,.document-sections-container .section .section-header .completion-status{align-self:flex-end}}\n"] }]
+            args: [{ selector: 'lib-document-list', standalone: false, encapsulation: ViewEncapsulation.None, template: "<div class=\"document-viewer\">\n  <p-dialog [header]=\"selectedDocument?.docName\" [(visible)]=\"isdialogVisible\" [modal]=\"true\" \n    class=\"w-full h-full document-dailog-wrapper\" [draggable]=\"false\" [closable]=\"true\"\n    (onHide)=\"handleCloseModal()\">\n    <p-messages \n[(value)]=\"deleteMessage\" \n[enableService]=\"false\" \n[closable]=\"false\" />\n    <document-viewer \n      [selectedDocument]=\"selectedDocument\" \n      [documentList]=\"documentList\" \n      [contextId]=\"contextId\" \n      (documentStatusUpdated)=\"refreshDocumentList($event.actionType === 'delete')\">\n      <ng-template pTemplate=\"header\">\n        <div class=\"w-full flex align-items-center justify-content-between\">\n          <input type=\"text\" class=\"w-full border-none bg-white h-3rem file-input-wrapper\" pInputText\n          [(ngModel)]=\"fileName\" />\n          \n        </div>\n      </ng-template>\n      <ng-content></ng-content>\n    </document-viewer>\n  </p-dialog>\n</div>\n\n<div class=\"document-categories-container\" #documentCategoriesContainer>\n  <div class=\"category\" *ngFor=\"let category of documentCategories; let i = index\" [id]=\"'section-' + category.label.toLowerCase().replace(' ', '-')\">\n    <div class=\"category-header\">\n      <div class=\"category-title\">\n        <h3>{{ formattedCategoryLabels[i] }}</h3>\n        <p class=\"category-description\">{{ category.categoryDescription }}</p>\n      </div>\n      <div class=\"completion-status\">\n        <span class=\"status-badge\">{{ categoryCompletionCounts[i] }} Complete</span>\n      </div>\n    </div>\n\n    <div class=\"table-container\">\n      <lib-table-primary \n        [tableData]=\"categoryTables[i]\" \n        [tableStyle]=\"{ 'min-width': '100%' }\"\n        (rowClick)=\"handleTableRowClick($event)\"\n        (deleteAction)=\"handleDeleteAction($event)\">\n      </lib-table-primary>\n    </div>\n  </div>\n</div>\n", styles: [".document-list-wrapper .p-accordion-header-link{padding:.5rem}.document-list-wrapper .p-sidebar-right,.right-sidebar{width:35%}.document-title-wrapper{font-size:20px;font-weight:700;color:var(--text-color)}.document-input-field{display:flex;flex-direction:column}.document-input-field input{width:100%;height:46px;padding:10px 15px;gap:10px;border-radius:10px;outline:none;border:1px solid rgba(76,98,146,.1019607843);font-size:15px}label{color:#0f1729;font-weight:600}.document-list-dropDown .p-element{padding:10px 0 10px 15px}.document-list-dropDown .p-dropdown{border-radius:10px!important}.side-bar-con{display:flex;flex-direction:column}.save-btn-con{width:100%;border-top:1px solid rgba(76,98,146,.2);background:#4c629214;padding:13px 40px}.save-btn-wrapper{padding:10px 4px}.save-btn .p-button{height:45px!important;width:140px;border-radius:10px}.p-sidebar-footer{padding:0}.file-input-wrapper.p-inputtext:enabled:focus{box-shadow:0 0 0 .2rem #a6d5fa!important}.document-categories-container{padding:1rem;background-color:#f8f9fa;min-height:auto}.document-categories-container .category{background:#fff;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:all .3s ease}.document-categories-container .category .category-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e9ecef}.document-categories-container .category .category-header .category-title h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.document-categories-container .category .category-header .category-title .category-description{margin:0;color:#6c757d;font-size:.875rem;line-height:1.4}.document-categories-container .category .category-header .completion-status .status-badge{background-color:#fbbf24;color:#92400e;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;display:inline-block}.document-categories-container .category .table-container{padding:0}@keyframes highlightPulse{0%{transform:scale(1.02);box-shadow:0 4px 20px #3b82f64d}50%{transform:scale(1.03);box-shadow:0 6px 25px #3b82f680}to{transform:scale(1.02);box-shadow:0 4px 20px #3b82f64d}}.document-sections-container{padding:1rem;background-color:#f8f9fa;min-height:100vh}.document-sections-container .section{background:#fff;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;overflow:hidden}.document-sections-container .section .section-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e9ecef}.document-sections-container .section .section-header .section-title h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.document-sections-container .section .section-header .section-title .section-description{margin:0;color:#6c757d;font-size:.875rem;line-height:1.4}.document-sections-container .section .section-header .completion-status .status-badge{background-color:#fbbf24;color:#92400e;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;display:inline-block}.document-sections-container .section .table-container{padding:0}@media (max-width: 768px){.document-categories-container,.document-sections-container{padding:.5rem}.document-categories-container .category .category-header,.document-categories-container .category .section-header,.document-categories-container .section .category-header,.document-categories-container .section .section-header,.document-sections-container .category .category-header,.document-sections-container .category .section-header,.document-sections-container .section .category-header,.document-sections-container .section .section-header{flex-direction:column;gap:1rem;align-items:flex-start}.document-categories-container .category .category-header .completion-status,.document-categories-container .category .section-header .completion-status,.document-categories-container .section .category-header .completion-status,.document-categories-container .section .section-header .completion-status,.document-sections-container .category .category-header .completion-status,.document-sections-container .category .section-header .completion-status,.document-sections-container .section .category-header .completion-status,.document-sections-container .section .section-header .completion-status{align-self:flex-end}}\n"] }]
         }], ctorParameters: () => [{ type: DocumentListService }], propDecorators: { contextId: [{
                 type: Input
             }], documentListResponse: [{
                 type: Input
+            }], selectedMenuItemId: [{
+                type: Input
+            }], navigationInfo: [{
+                type: Input
+            }], documentCategoriesContainer: [{
+                type: ViewChild,
+                args: ['documentCategoriesContainer', { static: false }]
             }], documentList: [{
                 type: Input
             }] } });
@@ -6147,18 +6314,9 @@ class DocumentMenuService {
      */
     handleUserListVisibility(menuItemId, categories) {
         const category = this.getMenuItemCategory(menuItemId, categories);
-        const menuItem = this.getMenuItemById(menuItemId, categories);
-        if (category === SHARED.APPLICATION) {
-            this.documentStore.setShowUserList(true);
-        }
-        else if (category === SHARED.APPLICANTS) {
-            this.documentStore.setShowUserList(true);
-        }
-        else {
-            this.documentStore.setShowUserList(false);
-            this.documentStore.setSelectedUserId(null);
-            this.documentStore.setSelectedStatus(null);
-        }
+        // Always show user list for navigation purposes
+        // Menu items are now used for navigation, not filtering
+        this.documentStore.setShowUserList(true);
     }
     /**
      * Handles document status based on selected menu item
@@ -6168,9 +6326,8 @@ class DocumentMenuService {
     handleDocumentStatus(menuItemId, categories) {
         const menuItem = this.getMenuItemById(menuItemId, categories);
         if (menuItem) {
-            // You can add logic here to handle document status based on the selected menu item
-            // For example, filtering documents by status, updating status counts, etc.
-            console.log('Selected menu item:', menuItem.label, 'with status:', menuItem.status);
+            // Menu items are now used for navigation, not status filtering
+            console.log('Selected menu item for navigation:', menuItem.label);
         }
     }
     /**
@@ -6205,17 +6362,25 @@ class DocumentMenuService {
     getBadgeSeverity(item) {
         const status = item.status;
         const total = this.getTotalDocuments(item);
-        const approved = this.getApprovedDocuments(item);
+        const pending = status.Pending || status.pending || 0;
         const rejected = status.Rejected || status.rejected || 0;
+        const reviewing = status.Reviewing || status.reviewing || 0;
+        const approved = this.getApprovedDocuments(item);
         if (total === 0)
             return 'info';
-        // If any docs are rejected, show red
+        // 1st Preference: Grey if any documents are pending
+        if (pending > 0)
+            return 'info';
+        // 2nd Preference: Red if any documents are rejected
         if (rejected > 0)
             return 'danger';
-        // If all docs are approved, show green
+        // 3rd Preference: Amber if any documents are reviewing
+        if (reviewing > 0)
+            return 'warning';
+        // 4th Preference: Green if all documents are approved
         if (approved === total && total > 0)
             return 'success';
-        // Otherwise show amber
+        // Fallback: show amber for any other state
         return 'warning';
     }
     /**
@@ -6254,6 +6419,7 @@ class DocumentsMenuComponent {
     catagories = SHARED.EMPTY_ARRAY;
     applicationNumber = SHARED.EMPTY;
     contextId = SHARED.EMPTY;
+    menuItemSelected = new EventEmitter();
     selectedMenuItem = null;
     selectedMenuItemId = null;
     // Store the categories from the store
@@ -6322,6 +6488,24 @@ class DocumentsMenuComponent {
         }
         return null;
     }
+    /**
+     * Finds the category for a menu item by its _id
+     * @param id The _id to search for
+     * @returns The category or null if not found
+     */
+    findMenuItemCategoryById(id) {
+        if (!id)
+            return null;
+        for (const category of this.categories) {
+            if (category.items) {
+                const item = category.items.find(item => item._id === id);
+                if (item) {
+                    return category;
+                }
+            }
+        }
+        return null;
+    }
     /**
      * Update menu use catagories
      */
@@ -6342,48 +6526,69 @@ class DocumentsMenuComponent {
         });
     }
     /**
-     * Handle the menu item click
+     * Handle the menu item click for navigation
      * @param {*} event - Event
      * @param {DocumentCategoryItem} item - catagory item
      */
     onMenuItemClick(event, item) {
         if (this.selectedMenuItemId === item._id) {
-            // Immediately clear the selection state
+            // If clicking the same item, deselect it
             this.selectedMenuItem = null;
             this.selectedMenuItemId = null;
-            // Update the store
             this.documentStore.setSelectedMenuItem(null);
-            // Refresh documents
-            this.documentHelperService.refreshDocumentsWithoutFilters(this.contextId);
-            // Force change detection by updating the component state
-            this.handleDeselection();
+            // Emit deselection event
+            this.menuItemSelected.emit({
+                item: item,
+                category: this.findMenuItemCategoryById(item._id),
+                navigationInfo: undefined
+            });
         }
         else {
+            // Select the new item
             this.selectedMenuItem = item.label;
             this.selectedMenuItemId = item._id;
             this.documentStore.setSelectedMenuItem(item._id);
+            const category = this.findMenuItemCategoryById(item._id);
+            if (category) {
+                this.menuItemSelected.emit({
+                    item: item,
+                    category: category,
+                    navigationInfo: {
+                        menuItemId: item._id,
+                        menuItemLabel: item.label,
+                        categoryLabel: category.label,
+                        categoryIndex: this.categories.findIndex(cat => cat === category)
+                    }
+                });
+            }
             this.documentMenuService.handleUserListVisibility(item._id, this.categories);
         }
     }
-    /**
-     * Handle deselection to ensure immediate visual feedback
-     */
-    handleDeselection() {
-        this.selectedMenuItemId = null;
-        this.selectedMenuItem = null;
-        setTimeout(() => {
-        }, 0);
-    }
     /**
      * Handle the menu item selection
      * @param {string} menuItemId - The ID of the menu item to select
      */
     onSelectMenuItem(menuItemId) {
         const label = this.findMenuItemLabelById(menuItemId);
-        if (label) {
+        const category = this.findMenuItemCategoryById(menuItemId);
+        if (label && category) {
             this.selectedMenuItem = label;
             this.selectedMenuItemId = menuItemId;
             this.documentStore.setSelectedMenuItem(menuItemId);
+            // Find the item and emit selection event
+            const item = category.items?.find(item => item._id === menuItemId);
+            if (item) {
+                this.menuItemSelected.emit({
+                    item: item,
+                    category: category,
+                    navigationInfo: {
+                        menuItemId: item._id,
+                        menuItemLabel: item.label,
+                        categoryLabel: category.label,
+                        categoryIndex: this.categories.findIndex(cat => cat === category)
+                    }
+                });
+            }
             this.documentMenuService.handleUserListVisibility(menuItemId, this.categories);
         }
     }
@@ -6394,7 +6599,12 @@ class DocumentsMenuComponent {
         this.selectedMenuItem = null;
         this.selectedMenuItemId = null;
         this.documentStore.setSelectedMenuItem(null);
-        this.documentHelperService.refreshDocumentsWithoutFilters(this.contextId);
+        // Emit deselection event
+        this.menuItemSelected.emit({
+            item: {},
+            category: {},
+            navigationInfo: undefined
+        });
     }
     /**
      * Get the selected menu item
@@ -6404,14 +6614,13 @@ class DocumentsMenuComponent {
         return this.selectedMenuItem;
     }
     /**
-     * Handles contextId changes by clearing current selection and refreshing data
+     * Handles contextId changes by clearing current selection
      */
     handleContextIdChange() {
         if (this.contextId && this.contextId !== SHARED.EMPTY) {
             this.selectedMenuItem = null;
             this.selectedMenuItemId = null;
             this.documentStore.setSelectedMenuItem(null);
-            this.documentHelperService.refreshDocumentsWithoutFilters(this.contextId);
         }
     }
     /**
@@ -6422,17 +6631,19 @@ class DocumentsMenuComponent {
         return this.selectedMenuItemId;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentsMenuComponent, deps: [{ token: DocumentStore }, { token: DocumentQuery }, { token: DocumentMenuService }, { token: DocumentHelperService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: DocumentsMenuComponent, isStandalone: false, selector: "lib-documents-menu", inputs: { catagories: "catagories", applicationNumber: "applicationNumber", contextId: "contextId" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"document-sidebar-container h-full\">\r\n  <p-card class=\"widget-menu-wrapper h-full\">\r\n    @if(applicationNumber){\r\n      <div class=\"flex align-items-center justify-content-between widget-menu-header-wrapper\">\r\n        <p class=\"mb-0 application-title-wrapper\">ID - {{applicationNumber}}</p>\r\n        <div class=\"expand-icon-wrapper\">\r\n          <i class=\"ri-arrow-left-s-line text-primary flex align-items-center justify-content-center w-full h-full\"></i>\r\n        </div>\r\n      </div>\r\n    }\r\n\r\n    <div class=\"widget-menu-container\" >\r\n      <div class=\"widget-menu-wrapper h-ful l custom-scroll\">\r\n       <p-menu [model]=\"categories\" styleClass=\"w-full md:w-15rem\">\r\n            <ng-template pTemplate=\"submenuheader\" let-item>\r\n                <span [style]=\"{\r\n                    color : '#9EA0B3'\r\n                }\">{{  item.label === 'Application' ? 'Application Documents' : item.label }}</span>\r\n            </ng-template>\r\n            <ng-template pTemplate=\"item\" let-item>\r\n                <a pRipple \r\n                   class=\"flex align-items-center p-menuitem-link\"\r\n                   [class.selected-menu-item]=\"selectedMenuItemId === item._id\"\r\n                   (click)=\"onMenuItemClick($event, item)\">\r\n                    <span [class]=\"item.icon\" class=\"text-xl\"></span>\r\n                    <span class=\"ml-2\">{{ item.label }}</span>\r\n                    <p-badge *ngIf=\"item.menuData?.shouldShowBadge\" \r\n                           class=\"ml-auto\" \r\n                           [severity]=\"item.menuData?.badgeSeverity\" \r\n                           [value]=\"item.menuData?.badgeValue\" />\r\n                </a>\r\n            </ng-template>\r\n        </p-menu>\r\n      </div>\r\n    </div>\r\n  </p-card>\r\n</div>\r\n\r\n  ", styles: [".expand-icon-wrapper{border:1px solid var(--primary-color);height:24px;width:24px;border-radius:50%;background:var(--blue-bg-light)}::ng-deep .p-badge.p-badge-success{background-color:#dcfce7;color:#16a34a;font-family:inherit;font-size:12px;font-weight:400;font-style:inherit}::ng-deep .p-badge.p-badge-danger{background-color:#fee2e2;color:#dc2626;font-family:inherit;font-size:12px;font-weight:400;font-style:inherit}::ng-deep .p-badge.p-badge-warning{background-color:#fef3c7;color:#d97706;font-family:inherit;font-size:12px;font-weight:400;font-style:inherit}::ng-deep .p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link{color:#1f2937}@media screen and (min-width: 768px){::ng-deep .md\\:w-15rem{width:100%!important}}::ng-deep .p-menu .p-menuitem:not(p-highlight):not(p-disabled)>.p-menuitem-content:hover{color:#06f!important;border:none!important}::ng-deep .p-menu{border:none}::ng-deep .custom-scroll{scrollbar-gutter:inherit}::ng-deep .selected-menu-item{background-color:#0066ff1a!important;color:var(--primary-color)!important;border:1px solid rgba(68,72,109,.1)!important;border-radius:10px!important}::ng-deep .selected-menu-item .text-xl{color:var(--primary-color)!important}::ng-deep .p-menuitem-link:not(.selected-menu-item){background-color:#fff!important;border:none!important;border-radius:0!important}::ng-deep .p-menuitem-link:not(.selected-menu-item) .text-xl{color:var(--text-color)!important}::ng-deep .p-panelmenu .p-panelmenu-content{border:none!important}.application-title-wrapper{color:#9ea0b3;font-weight:500}.widget-menu-wrapper{margin-top:8px}.widget-menu-header-wrapper{padding:4px 4px 4px 16px}.widget-menu-container{height:calc(100% - 38px)}.custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}::ng-deep .document-sidebar-container .p-card{height:100%;box-shadow:none}::ng-deep .document-sidebar-container .p-card .p-card-content{height:100%;padding:0!important}::ng-deep .document-sidebar-container .p-card .p-card-body{height:100%;width:100%;padding:12px 8px;border-radius:10px;border:1px solid #e5e7eb}::ng-deep .document-sidebar-container .widget-menu-wrapper .p-panelmenu-panel .p-panelmenu-expanded .p-panelmenu-content{border:none!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content{border:none;color:var(--text-color);font-weight:400!important;background-color:var(--surface-0)!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action{color:var(--text-color);font-weight:400!important;position:relative;padding:12px}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-icon-wrapper{position:absolute;right:0;top:16px;margin-right:7px;transform:rotate(90deg)!important;transition:none!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text{max-width:75%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-menuitem-link-active{border:1px solid rgba(68,72,109,.1);border-radius:10px;padding:12px;color:var(--primary-color);background-color:#0066ff1a!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-menuitem-link-active .p-menuitem-icon{color:var(--primary-color)}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-menuitem-link-active .p-menuitem-text{color:var(--primary-color)}::ng-deep .widget-menu-wrapper .p-panelmenu .company-action-wrapper:not(.p-disabled).p-highlight .p-panelmenu-header-content{margin:12px 0!important}::ng-deep .widget-menu-wrapper .p-panelmenu .no-highlight.p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content{background-color:transparent!important;border-radius:10px;padding:12px;border-bottom:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}::ng-deep .widget-menu-wrapper .p-panelmenu .no-highlight.p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content .p-panelmenu-header-action{padding:0!important}::ng-deep .widget-menu-wrapper .p-panelmenu .no-highlight.p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content .p-panelmenu-header-action .p-icon-wrapper{transform:rotate(180deg)!important;transition:none!important;top:0!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link{background-color:#fff!important;color:var(--text-color);padding:12px 6px!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text{max-width:75%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link-active{border:1px solid rgba(68,72,109,.1);border-radius:10px;padding:12px;color:var(--primary-color);box-shadow:none!important;background-color:#0066ff1a!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link-active .p-menuitem-icon{color:var(--primary-color)}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link-active .p-menuitem-text{color:var(--primary-color)}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem.p-focus>.p-menuitem-content{background-color:#fff!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-focus)>.p-menuitem-content .p-menuitem-link{background-color:#fff!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link:not(.selected-menu-item){background-color:#fff!important;border:none!important;border-radius:0!important;color:var(--text-color)!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link:not(.selected-menu-item) .p-menuitem-icon{color:var(--text-color)!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link:not(.selected-menu-item) .p-menuitem-text{color:var(--text-color)!important}::ng-deep .widget-menu-wrapper .p-panelmenu-panel .p-panelmenu-expanded .p-panelmenu-content{border:1px solid rgba(68,72,109,.1)!important;border-top:0!important;border-bottom-left-radius:10px;border-bottom-right-radius:10px}::ng-deep .widget-menu-wrapper .p-panelmenu-panel .widget-separator{border-top:1px solid rgba(68,72,109,.1)!important}::ng-deep .widget-menu-wrapper .p-panelmenu-panel .widget-separator .p-panelmenu-header-content .p-panelmenu-header-action{padding:0!important}.no-documents-message{padding:12px 16px;text-align:center}.no-documents-message .text-muted{color:#9ea0b3;font-size:14px;font-style:italic}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i7$1.Badge, selector: "p-badge", inputs: ["styleClass", "style", "badgeSize", "severity", "value", "badgeDisabled", "size"] }, { kind: "component", type: i8$1.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "component", type: i9$2.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: DocumentsMenuComponent, isStandalone: false, selector: "lib-documents-menu", inputs: { catagories: "catagories", applicationNumber: "applicationNumber", contextId: "contextId" }, outputs: { menuItemSelected: "menuItemSelected" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"document-sidebar-container h-full\">\n  <!-- Menu items are now used for navigation to specific sections, not for filtering documents -->\n  <p-card class=\"widget-menu-wrapper h-full\">\n    @if(applicationNumber){\n      <div class=\"flex align-items-center justify-content-between widget-menu-header-wrapper\">\n        <p class=\"mb-0 application-title-wrapper\">ID - {{applicationNumber}}</p>\n        <div class=\"expand-icon-wrapper\">\n          <i class=\"ri-arrow-left-s-line text-primary flex align-items-center justify-content-center w-full h-full\"></i>\n        </div>\n      </div>\n    }\n\n    <div class=\"widget-menu-container\" >\n      <div class=\"widget-menu-wrapper h-ful l custom-scroll\">\n       <p-menu [model]=\"categories\" styleClass=\"w-full md:w-15rem\">\n            <ng-template pTemplate=\"submenuheader\" let-item>\n                <span [style]=\"{\n                    color : '#9EA0B3'\n                }\">{{  item.label === 'Application' ? 'Application Documents' : item.label }}</span>\n            </ng-template>\n            <ng-template pTemplate=\"item\" let-item>\n                <a pRipple \n                   class=\"flex align-items-center p-menuitem-link\"\n                   [class.selected-menu-item]=\"selectedMenuItemId === item._id\"\n                   (click)=\"onMenuItemClick($event, item)\">\n                    <span [class]=\"item.icon\" class=\"text-xl\"></span>\n                    <span class=\"ml-2\">{{ item.label }}</span>\n                    <p-badge *ngIf=\"item.menuData?.shouldShowBadge\" \n                           class=\"ml-auto\" \n                           [severity]=\"item.menuData?.badgeSeverity\" \n                           [value]=\"item.menuData?.badgeValue\" />\n                </a>\n            </ng-template>\n        </p-menu>\n      </div>\n    </div>\n  </p-card>\n</div>\n\n  ", styles: [".expand-icon-wrapper{border:1px solid var(--primary-color);height:24px;width:24px;border-radius:50%;background:var(--blue-bg-light)}::ng-deep .p-badge.p-badge-success{background-color:#dcfce7;color:#16a34a;font-family:inherit;font-size:12px;font-weight:400;font-style:inherit}::ng-deep .p-badge.p-badge-danger{background-color:#fee2e2;color:#dc2626;font-family:inherit;font-size:12px;font-weight:400;font-style:inherit}::ng-deep .p-badge.p-badge-warning{background-color:#fef3c7;color:#d97706;font-family:inherit;font-size:12px;font-weight:400;font-style:inherit}::ng-deep .p-badge.p-badge-info{background-color:#e5e7eb;color:#000;font-family:inherit;font-size:12px;font-weight:400;font-style:inherit}::ng-deep .p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link{color:#1f2937}@media screen and (min-width: 768px){::ng-deep .md\\:w-15rem{width:100%!important}}::ng-deep .p-menu .p-menuitem:not(p-highlight):not(p-disabled)>.p-menuitem-content:hover{color:#06f!important;border:none!important}::ng-deep .p-menu{border:none}::ng-deep .custom-scroll{scrollbar-gutter:inherit}::ng-deep .selected-menu-item{background-color:#0066ff1a!important;color:var(--primary-color)!important;border:1px solid rgba(68,72,109,.1)!important;border-radius:10px!important}::ng-deep .selected-menu-item .text-xl{color:var(--primary-color)!important}::ng-deep .p-menuitem-link:not(.selected-menu-item){background-color:#fff!important;border:none!important;border-radius:0!important}::ng-deep .p-menuitem-link:not(.selected-menu-item) .text-xl{color:var(--text-color)!important}::ng-deep .p-panelmenu .p-panelmenu-content{border:none!important}.application-title-wrapper{color:#9ea0b3;font-weight:500}.widget-menu-wrapper{margin-top:8px}.widget-menu-header-wrapper{padding:4px 4px 4px 16px}.widget-menu-container{height:calc(100vh - 60px);overflow-y:auto;overflow-x:hidden}.custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}::ng-deep .document-sidebar-container .p-card{height:100%;box-shadow:none}::ng-deep .document-sidebar-container .p-card .p-card-content{height:100%;padding:0!important}::ng-deep .document-sidebar-container .p-card .p-card-body{height:100%;width:100%;padding:12px 8px;border-radius:10px;border:1px solid #e5e7eb}::ng-deep .document-sidebar-container .widget-menu-wrapper .p-panelmenu-panel .p-panelmenu-expanded .p-panelmenu-content{border:none!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content{border:none;color:var(--text-color);font-weight:400!important;background-color:var(--surface-0)!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action{color:var(--text-color);font-weight:400!important;position:relative;padding:12px}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-icon-wrapper{position:absolute;right:0;top:16px;margin-right:7px;transform:rotate(90deg)!important;transition:none!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text{max-width:75%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-menuitem-link-active{border:1px solid rgba(68,72,109,.1);border-radius:10px;padding:12px;color:var(--primary-color);background-color:#0066ff1a!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-menuitem-link-active .p-menuitem-icon{color:var(--primary-color)}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-menuitem-link-active .p-menuitem-text{color:var(--primary-color)}::ng-deep .widget-menu-wrapper .p-panelmenu .company-action-wrapper:not(.p-disabled).p-highlight .p-panelmenu-header-content{margin:12px 0!important}::ng-deep .widget-menu-wrapper .p-panelmenu .no-highlight.p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content{background-color:transparent!important;border-radius:10px;padding:12px;border-bottom:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}::ng-deep .widget-menu-wrapper .p-panelmenu .no-highlight.p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content .p-panelmenu-header-action{padding:0!important}::ng-deep .widget-menu-wrapper .p-panelmenu .no-highlight.p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content .p-panelmenu-header-action .p-icon-wrapper{transform:rotate(180deg)!important;transition:none!important;top:0!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link{background-color:#fff!important;color:var(--text-color);padding:12px 6px!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text{max-width:75%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link-active{border:1px solid rgba(68,72,109,.1);border-radius:10px;padding:12px;color:var(--primary-color);box-shadow:none!important;background-color:#0066ff1a!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link-active .p-menuitem-icon{color:var(--primary-color)}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link-active .p-menuitem-text{color:var(--primary-color)}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem.p-focus>.p-menuitem-content{background-color:#fff!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-focus)>.p-menuitem-content .p-menuitem-link{background-color:#fff!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link:not(.selected-menu-item){background-color:#fff!important;border:none!important;border-radius:0!important;color:var(--text-color)!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link:not(.selected-menu-item) .p-menuitem-icon{color:var(--text-color)!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link:not(.selected-menu-item) .p-menuitem-text{color:var(--text-color)!important}::ng-deep .widget-menu-wrapper .p-panelmenu-panel .p-panelmenu-expanded .p-panelmenu-content{border:1px solid rgba(68,72,109,.1)!important;border-top:0!important;border-bottom-left-radius:10px;border-bottom-right-radius:10px}::ng-deep .widget-menu-wrapper .p-panelmenu-panel .widget-separator{border-top:1px solid rgba(68,72,109,.1)!important}::ng-deep .widget-menu-wrapper .p-panelmenu-panel .widget-separator .p-panelmenu-header-content .p-panelmenu-header-action{padding:0!important}.no-documents-message{padding:12px 16px;text-align:center}.no-documents-message .text-muted{color:#9ea0b3;font-size:14px;font-style:italic}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i7$1.Badge, selector: "p-badge", inputs: ["styleClass", "style", "badgeSize", "severity", "value", "badgeDisabled", "size"] }, { kind: "component", type: i8$1.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "component", type: i9$2.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentsMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-documents-menu', standalone: false, template: "<div class=\"document-sidebar-container h-full\">\r\n  <p-card class=\"widget-menu-wrapper h-full\">\r\n    @if(applicationNumber){\r\n      <div class=\"flex align-items-center justify-content-between widget-menu-header-wrapper\">\r\n        <p class=\"mb-0 application-title-wrapper\">ID - {{applicationNumber}}</p>\r\n        <div class=\"expand-icon-wrapper\">\r\n          <i class=\"ri-arrow-left-s-line text-primary flex align-items-center justify-content-center w-full h-full\"></i>\r\n        </div>\r\n      </div>\r\n    }\r\n\r\n    <div class=\"widget-menu-container\" >\r\n      <div class=\"widget-menu-wrapper h-ful l custom-scroll\">\r\n       <p-menu [model]=\"categories\" styleClass=\"w-full md:w-15rem\">\r\n            <ng-template pTemplate=\"submenuheader\" let-item>\r\n                <span [style]=\"{\r\n                    color : '#9EA0B3'\r\n                }\">{{  item.label === 'Application' ? 'Application Documents' : item.label }}</span>\r\n            </ng-template>\r\n            <ng-template pTemplate=\"item\" let-item>\r\n                <a pRipple \r\n                   class=\"flex align-items-center p-menuitem-link\"\r\n                   [class.selected-menu-item]=\"selectedMenuItemId === item._id\"\r\n                   (click)=\"onMenuItemClick($event, item)\">\r\n                    <span [class]=\"item.icon\" class=\"text-xl\"></span>\r\n                    <span class=\"ml-2\">{{ item.label }}</span>\r\n                    <p-badge *ngIf=\"item.menuData?.shouldShowBadge\" \r\n                           class=\"ml-auto\" \r\n                           [severity]=\"item.menuData?.badgeSeverity\" \r\n                           [value]=\"item.menuData?.badgeValue\" />\r\n                </a>\r\n            </ng-template>\r\n        </p-menu>\r\n      </div>\r\n    </div>\r\n  </p-card>\r\n</div>\r\n\r\n  ", styles: [".expand-icon-wrapper{border:1px solid var(--primary-color);height:24px;width:24px;border-radius:50%;background:var(--blue-bg-light)}::ng-deep .p-badge.p-badge-success{background-color:#dcfce7;color:#16a34a;font-family:inherit;font-size:12px;font-weight:400;font-style:inherit}::ng-deep .p-badge.p-badge-danger{background-color:#fee2e2;color:#dc2626;font-family:inherit;font-size:12px;font-weight:400;font-style:inherit}::ng-deep .p-badge.p-badge-warning{background-color:#fef3c7;color:#d97706;font-family:inherit;font-size:12px;font-weight:400;font-style:inherit}::ng-deep .p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link{color:#1f2937}@media screen and (min-width: 768px){::ng-deep .md\\:w-15rem{width:100%!important}}::ng-deep .p-menu .p-menuitem:not(p-highlight):not(p-disabled)>.p-menuitem-content:hover{color:#06f!important;border:none!important}::ng-deep .p-menu{border:none}::ng-deep .custom-scroll{scrollbar-gutter:inherit}::ng-deep .selected-menu-item{background-color:#0066ff1a!important;color:var(--primary-color)!important;border:1px solid rgba(68,72,109,.1)!important;border-radius:10px!important}::ng-deep .selected-menu-item .text-xl{color:var(--primary-color)!important}::ng-deep .p-menuitem-link:not(.selected-menu-item){background-color:#fff!important;border:none!important;border-radius:0!important}::ng-deep .p-menuitem-link:not(.selected-menu-item) .text-xl{color:var(--text-color)!important}::ng-deep .p-panelmenu .p-panelmenu-content{border:none!important}.application-title-wrapper{color:#9ea0b3;font-weight:500}.widget-menu-wrapper{margin-top:8px}.widget-menu-header-wrapper{padding:4px 4px 4px 16px}.widget-menu-container{height:calc(100% - 38px)}.custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}::ng-deep .document-sidebar-container .p-card{height:100%;box-shadow:none}::ng-deep .document-sidebar-container .p-card .p-card-content{height:100%;padding:0!important}::ng-deep .document-sidebar-container .p-card .p-card-body{height:100%;width:100%;padding:12px 8px;border-radius:10px;border:1px solid #e5e7eb}::ng-deep .document-sidebar-container .widget-menu-wrapper .p-panelmenu-panel .p-panelmenu-expanded .p-panelmenu-content{border:none!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content{border:none;color:var(--text-color);font-weight:400!important;background-color:var(--surface-0)!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action{color:var(--text-color);font-weight:400!important;position:relative;padding:12px}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-icon-wrapper{position:absolute;right:0;top:16px;margin-right:7px;transform:rotate(90deg)!important;transition:none!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text{max-width:75%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-menuitem-link-active{border:1px solid rgba(68,72,109,.1);border-radius:10px;padding:12px;color:var(--primary-color);background-color:#0066ff1a!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-menuitem-link-active .p-menuitem-icon{color:var(--primary-color)}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-menuitem-link-active .p-menuitem-text{color:var(--primary-color)}::ng-deep .widget-menu-wrapper .p-panelmenu .company-action-wrapper:not(.p-disabled).p-highlight .p-panelmenu-header-content{margin:12px 0!important}::ng-deep .widget-menu-wrapper .p-panelmenu .no-highlight.p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content{background-color:transparent!important;border-radius:10px;padding:12px;border-bottom:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}::ng-deep .widget-menu-wrapper .p-panelmenu .no-highlight.p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content .p-panelmenu-header-action{padding:0!important}::ng-deep .widget-menu-wrapper .p-panelmenu .no-highlight.p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content .p-panelmenu-header-action .p-icon-wrapper{transform:rotate(180deg)!important;transition:none!important;top:0!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link{background-color:#fff!important;color:var(--text-color);padding:12px 6px!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text{max-width:75%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link-active{border:1px solid rgba(68,72,109,.1);border-radius:10px;padding:12px;color:var(--primary-color);box-shadow:none!important;background-color:#0066ff1a!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link-active .p-menuitem-icon{color:var(--primary-color)}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link-active .p-menuitem-text{color:var(--primary-color)}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem.p-focus>.p-menuitem-content{background-color:#fff!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-focus)>.p-menuitem-content .p-menuitem-link{background-color:#fff!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link:not(.selected-menu-item){background-color:#fff!important;border:none!important;border-radius:0!important;color:var(--text-color)!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link:not(.selected-menu-item) .p-menuitem-icon{color:var(--text-color)!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link:not(.selected-menu-item) .p-menuitem-text{color:var(--text-color)!important}::ng-deep .widget-menu-wrapper .p-panelmenu-panel .p-panelmenu-expanded .p-panelmenu-content{border:1px solid rgba(68,72,109,.1)!important;border-top:0!important;border-bottom-left-radius:10px;border-bottom-right-radius:10px}::ng-deep .widget-menu-wrapper .p-panelmenu-panel .widget-separator{border-top:1px solid rgba(68,72,109,.1)!important}::ng-deep .widget-menu-wrapper .p-panelmenu-panel .widget-separator .p-panelmenu-header-content .p-panelmenu-header-action{padding:0!important}.no-documents-message{padding:12px 16px;text-align:center}.no-documents-message .text-muted{color:#9ea0b3;font-size:14px;font-style:italic}\n"] }]
+            args: [{ selector: 'lib-documents-menu', standalone: false, template: "<div class=\"document-sidebar-container h-full\">\n  <!-- Menu items are now used for navigation to specific sections, not for filtering documents -->\n  <p-card class=\"widget-menu-wrapper h-full\">\n    @if(applicationNumber){\n      <div class=\"flex align-items-center justify-content-between widget-menu-header-wrapper\">\n        <p class=\"mb-0 application-title-wrapper\">ID - {{applicationNumber}}</p>\n        <div class=\"expand-icon-wrapper\">\n          <i class=\"ri-arrow-left-s-line text-primary flex align-items-center justify-content-center w-full h-full\"></i>\n        </div>\n      </div>\n    }\n\n    <div class=\"widget-menu-container\" >\n      <div class=\"widget-menu-wrapper h-ful l custom-scroll\">\n       <p-menu [model]=\"categories\" styleClass=\"w-full md:w-15rem\">\n            <ng-template pTemplate=\"submenuheader\" let-item>\n                <span [style]=\"{\n                    color : '#9EA0B3'\n                }\">{{  item.label === 'Application' ? 'Application Documents' : item.label }}</span>\n            </ng-template>\n            <ng-template pTemplate=\"item\" let-item>\n                <a pRipple \n                   class=\"flex align-items-center p-menuitem-link\"\n                   [class.selected-menu-item]=\"selectedMenuItemId === item._id\"\n                   (click)=\"onMenuItemClick($event, item)\">\n                    <span [class]=\"item.icon\" class=\"text-xl\"></span>\n                    <span class=\"ml-2\">{{ item.label }}</span>\n                    <p-badge *ngIf=\"item.menuData?.shouldShowBadge\" \n                           class=\"ml-auto\" \n                           [severity]=\"item.menuData?.badgeSeverity\" \n                           [value]=\"item.menuData?.badgeValue\" />\n                </a>\n            </ng-template>\n        </p-menu>\n      </div>\n    </div>\n  </p-card>\n</div>\n\n  ", styles: [".expand-icon-wrapper{border:1px solid var(--primary-color);height:24px;width:24px;border-radius:50%;background:var(--blue-bg-light)}::ng-deep .p-badge.p-badge-success{background-color:#dcfce7;color:#16a34a;font-family:inherit;font-size:12px;font-weight:400;font-style:inherit}::ng-deep .p-badge.p-badge-danger{background-color:#fee2e2;color:#dc2626;font-family:inherit;font-size:12px;font-weight:400;font-style:inherit}::ng-deep .p-badge.p-badge-warning{background-color:#fef3c7;color:#d97706;font-family:inherit;font-size:12px;font-weight:400;font-style:inherit}::ng-deep .p-badge.p-badge-info{background-color:#e5e7eb;color:#000;font-family:inherit;font-size:12px;font-weight:400;font-style:inherit}::ng-deep .p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link{color:#1f2937}@media screen and (min-width: 768px){::ng-deep .md\\:w-15rem{width:100%!important}}::ng-deep .p-menu .p-menuitem:not(p-highlight):not(p-disabled)>.p-menuitem-content:hover{color:#06f!important;border:none!important}::ng-deep .p-menu{border:none}::ng-deep .custom-scroll{scrollbar-gutter:inherit}::ng-deep .selected-menu-item{background-color:#0066ff1a!important;color:var(--primary-color)!important;border:1px solid rgba(68,72,109,.1)!important;border-radius:10px!important}::ng-deep .selected-menu-item .text-xl{color:var(--primary-color)!important}::ng-deep .p-menuitem-link:not(.selected-menu-item){background-color:#fff!important;border:none!important;border-radius:0!important}::ng-deep .p-menuitem-link:not(.selected-menu-item) .text-xl{color:var(--text-color)!important}::ng-deep .p-panelmenu .p-panelmenu-content{border:none!important}.application-title-wrapper{color:#9ea0b3;font-weight:500}.widget-menu-wrapper{margin-top:8px}.widget-menu-header-wrapper{padding:4px 4px 4px 16px}.widget-menu-container{height:calc(100vh - 60px);overflow-y:auto;overflow-x:hidden}.custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}::ng-deep .document-sidebar-container .p-card{height:100%;box-shadow:none}::ng-deep .document-sidebar-container .p-card .p-card-content{height:100%;padding:0!important}::ng-deep .document-sidebar-container .p-card .p-card-body{height:100%;width:100%;padding:12px 8px;border-radius:10px;border:1px solid #e5e7eb}::ng-deep .document-sidebar-container .widget-menu-wrapper .p-panelmenu-panel .p-panelmenu-expanded .p-panelmenu-content{border:none!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content{border:none;color:var(--text-color);font-weight:400!important;background-color:var(--surface-0)!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action{color:var(--text-color);font-weight:400!important;position:relative;padding:12px}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-icon-wrapper{position:absolute;right:0;top:16px;margin-right:7px;transform:rotate(90deg)!important;transition:none!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-text{max-width:75%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-menuitem-link-active{border:1px solid rgba(68,72,109,.1);border-radius:10px;padding:12px;color:var(--primary-color);background-color:#0066ff1a!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-menuitem-link-active .p-menuitem-icon{color:var(--primary-color)}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-menuitem-link-active .p-menuitem-text{color:var(--primary-color)}::ng-deep .widget-menu-wrapper .p-panelmenu .company-action-wrapper:not(.p-disabled).p-highlight .p-panelmenu-header-content{margin:12px 0!important}::ng-deep .widget-menu-wrapper .p-panelmenu .no-highlight.p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content{background-color:transparent!important;border-radius:10px;padding:12px;border-bottom:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}::ng-deep .widget-menu-wrapper .p-panelmenu .no-highlight.p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content .p-panelmenu-header-action{padding:0!important}::ng-deep .widget-menu-wrapper .p-panelmenu .no-highlight.p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content .p-panelmenu-header-action .p-icon-wrapper{transform:rotate(180deg)!important;transition:none!important;top:0!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link{background-color:#fff!important;color:var(--text-color);padding:12px 6px!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text{max-width:75%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link-active{border:1px solid rgba(68,72,109,.1);border-radius:10px;padding:12px;color:var(--primary-color);box-shadow:none!important;background-color:#0066ff1a!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link-active .p-menuitem-icon{color:var(--primary-color)}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link-active .p-menuitem-text{color:var(--primary-color)}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem.p-focus>.p-menuitem-content{background-color:#fff!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-focus)>.p-menuitem-content .p-menuitem-link{background-color:#fff!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link:not(.selected-menu-item){background-color:#fff!important;border:none!important;border-radius:0!important;color:var(--text-color)!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link:not(.selected-menu-item) .p-menuitem-icon{color:var(--text-color)!important}::ng-deep .widget-menu-wrapper .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link:not(.selected-menu-item) .p-menuitem-text{color:var(--text-color)!important}::ng-deep .widget-menu-wrapper .p-panelmenu-panel .p-panelmenu-expanded .p-panelmenu-content{border:1px solid rgba(68,72,109,.1)!important;border-top:0!important;border-bottom-left-radius:10px;border-bottom-right-radius:10px}::ng-deep .widget-menu-wrapper .p-panelmenu-panel .widget-separator{border-top:1px solid rgba(68,72,109,.1)!important}::ng-deep .widget-menu-wrapper .p-panelmenu-panel .widget-separator .p-panelmenu-header-content .p-panelmenu-header-action{padding:0!important}.no-documents-message{padding:12px 16px;text-align:center}.no-documents-message .text-muted{color:#9ea0b3;font-size:14px;font-style:italic}\n"] }]
         }], ctorParameters: () => [{ type: DocumentStore }, { type: DocumentQuery }, { type: DocumentMenuService }, { type: DocumentHelperService }], propDecorators: { catagories: [{
                 type: Input
             }], applicationNumber: [{
                 type: Input
             }], contextId: [{
                 type: Input
+            }], menuItemSelected: [{
+                type: Output
             }] } });
 
 /**
@@ -6441,26 +6652,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
  * @typedef {DocumentContainerComponent}
  */
 class DocumentContainerComponent {
-    documentStore;
-    documentService;
-    documentQuery;
     documentHttpService;
     documentHelperService;
+    documentQuery;
+    documentStore;
+    /**
+     * The document list response data
+     * @type {DocumentListResponse[] | null}
+     */
+    documentListResponse = null;
+    /**
+     * Status data for the current selection
+     * @type {StatusDataModel[]}
+     */
+    statusData = [];
+    /**
+     * The currently selected menu item ID for scrolling
+     */
+    selectedMenuItemId = null;
+    /**
+     * Additional navigation information for better scrolling
+     */
+    navigationInfo = null;
+    /**
+     * Reference to the content scroll container
+     */
+    contentScrollContainer;
+    /**
+     * Subscription to track selected menu item changes
+     */
+    selectedMenuItemSubscription = new Subscription();
     /**
      * Creates an instance of DocumentContainerComponent.
-     * @param {DocumentStore} documentStore - Query Store service to manage store document-related state.
-     * @param {DocumentService} documentService - Service to manage document-related operations.
-     * @param {DocumentQuery} documentQuery - Query service to manage document-related state.
-     * @param {DocumentHttpService} documentHttpService - Service to make HTTP requests related to documents.
+     * @param {DocumentHttpService} documentHttpService - Service for HTTP operations
+     * @param {DocumentHelperService} documentHelperService - Service for document operations
+     * @param {DocumentQuery} documentQuery - Query service for document state
+     * @param {DocumentStore} documentStore - Store service for document state
      */
-    constructor(documentStore, documentService, documentQuery, documentHttpService, documentHelperService) {
-        // Note: initializeSelectionWatcher now requires contextId
-        // This should be called from the component that has access to contextId
-        this.documentStore = documentStore;
-        this.documentService = documentService;
-        this.documentQuery = documentQuery;
+    constructor(documentHttpService, documentHelperService, documentQuery, documentStore) {
         this.documentHttpService = documentHttpService;
         this.documentHelperService = documentHelperService;
+        this.documentQuery = documentQuery;
+        this.documentStore = documentStore;
     }
     /**
      * Get contextId in input.
@@ -6474,19 +6707,8 @@ class DocumentContainerComponent {
     applicationNumber = SHARED.EMPTY;
     catagories = SHARED.EMPTY_ARRAY;
     userList = SHARED.EMPTY_ARRAY;
-    /**
-     * Status data for the current selection
-     * @type {StatusDataModel[]}
-     */
-    statusData = [];
-    /**
-     * Document list response from API
-     * @type {DocumentListResponse | null}
-     */
-    documentListResponse = null;
     /**
      * Holds the subscription to manage observable cleanup.
-     * @
      * @type {Subscription}
      */
     subscription = new Subscription();
@@ -6495,19 +6717,51 @@ class DocumentContainerComponent {
      */
     ngOnChanges(changes) {
         if (changes[SHARED.CONTEXT_ID] && !changes[SHARED.CONTEXT_ID].firstChange) {
-            // When contextId changes, clear all state and refetch data for the new context
             this.handleContextIdChange();
         }
     }
     /**
-     * Fetches the folder and document data on initialization.
-     * @returns {void}
+     * Initializes the component
      */
     ngOnInit() {
         this.clearAllState();
         if (this.contextId && this.contextId !== SHARED.EMPTY) {
             this.initializeData();
         }
+        this.setupSelectedMenuItemSubscription();
+    }
+    /**
+     * Sets up subscription to track selected menu item changes
+     */
+    setupSelectedMenuItemSubscription() {
+        this.selectedMenuItemSubscription.add(this.documentQuery.selectSelectedMenuItem().subscribe(menuItemId => {
+            this.selectedMenuItemId = menuItemId;
+        }));
+    }
+    /**
+     * Handles menu item selection events from the documents menu
+     * @param event - The menu item selection event
+     */
+    onMenuItemSelected(event) {
+        if (event && event.navigationInfo) {
+            this.navigationInfo = event.navigationInfo;
+        }
+        else {
+            this.navigationInfo = null;
+            this.resetContentScrollToTop();
+        }
+    }
+    /**
+     * Resets the content scroll container to the top
+     */
+    resetContentScrollToTop() {
+        if (this.contentScrollContainer) {
+            this.contentScrollContainer.nativeElement.scrollTo({
+                top: 0,
+                behavior: 'smooth'
+            });
+            console.log('Container: Reset scroll to top');
+        }
     }
     /**
      * Initialize all data with proper sequencing to avoid duplicate API calls
@@ -6538,6 +6792,8 @@ class DocumentContainerComponent {
         this.statusData = [];
         this.documentListResponse = null;
         this.applicationNumber = SHARED.EMPTY;
+        this.selectedMenuItemId = null;
+        this.navigationInfo = null;
     }
     /**
      * Handles contextId change by clearing all state and refetching data
@@ -6556,12 +6812,6 @@ class DocumentContainerComponent {
      * to trigger status data fetching and user list refreshing
      */
     setupStatusDataSubscriptions() {
-        this.subscription.add(this.documentQuery.selectSelectedMenuItem().subscribe(menuItem => {
-            this.fetchStatusData();
-            if (this.catagories.length > 0) {
-                this.fetchUserListWithFilters();
-            }
-        }));
         this.subscription.add(this.documentQuery.selectSelectedUserId().subscribe(userId => {
             this.fetchStatusData();
             if (this.catagories.length > 0) {
@@ -6586,8 +6836,8 @@ class DocumentContainerComponent {
         }
         const currentState = this.documentQuery.getSelectionState();
         const contextId = currentState.userId || null;
-        const categoryId = currentState.menuItem || null;
-        this.documentHttpService.getStatusDocumentCount(this.contextId, contextId, categoryId).subscribe({
+        // No category filtering - removed menu item dependency
+        this.documentHttpService.getStatusDocumentCount(this.contextId, contextId, null).subscribe({
             next: (statusData) => {
                 this.statusData = statusData;
                 this.documentStore.setStatusData(statusData);
@@ -6670,16 +6920,22 @@ class DocumentContainerComponent {
         if (this.subscription) {
             this.subscription.unsubscribe();
         }
+        if (this.selectedMenuItemSubscription) {
+            this.selectedMenuItemSubscription.unsubscribe();
+        }
         this.documentHelperService.cleanupSelectionWatcher();
         this.clearAllState();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentContainerComponent, deps: [{ token: DocumentStore }, { token: DocumentService }, { token: DocumentQuery }, { token: DocumentHttpService }, { token: DocumentHelperService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DocumentContainerComponent, isStandalone: false, selector: "lib-document-container", inputs: { contextId: "contextId" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"grid m-0 h-full flex\">\r\n  <div class=\"col-12 md:col-2 lg:col-2\">\r\n    <lib-documents-menu [catagories]=\"catagories\" [applicationNumber]=\"applicationNumber\" [contextId]=\"contextId\"></lib-documents-menu>\r\n  </div>\r\n  <div class=\"col-12 md:col-10 lg:col-10 p-0 h-full\" [ngClass]=\"{'custom-scroll': true}\">\r\n      <div class=\"card\">\r\n        <lib-folder-container [contextId]=\"contextId\" [userList]=\"userList\"  [statusData]=\"statusData\" [categories]=\"catagories\"></lib-folder-container>\r\n      </div>\r\n    <div >\r\n      <lib-document-list  [contextId]=\"contextId\" [documentListResponse]=\"documentListResponse\">\r\n        <ng-content></ng-content>\r\n      </lib-document-list>\r\n    </div>\r\n  </div>\r\n</div>", styles: [".custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: FolderContainerComponent, selector: "lib-folder-container", inputs: ["documentList", "folderList", "contextId", "userList", "statusData", "categories"] }, { kind: "component", type: DocumentListComponent, selector: "lib-document-list", inputs: ["contextId", "documentListResponse", "documentList"] }, { kind: "component", type: DocumentsMenuComponent, selector: "lib-documents-menu", inputs: ["catagories", "applicationNumber", "contextId"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentContainerComponent, deps: [{ token: DocumentHttpService }, { token: DocumentHelperService }, { token: DocumentQuery }, { token: DocumentStore }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DocumentContainerComponent, isStandalone: false, selector: "lib-document-container", inputs: { contextId: "contextId" }, viewQueries: [{ propertyName: "contentScrollContainer", first: true, predicate: ["contentScrollContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"document-container-layout\">\r\n  <!-- Fixed Left Menu -->\r\n  <div class=\"menu-panel\">\r\n    <lib-documents-menu \r\n      [catagories]=\"catagories\" \r\n      [applicationNumber]=\"applicationNumber\" \r\n      [contextId]=\"contextId\"\r\n      (menuItemSelected)=\"onMenuItemSelected($event)\">\r\n    </lib-documents-menu>\r\n  </div>\r\n  \r\n  <!-- Scrollable Right Content -->\r\n  <div class=\"content-panel\" #contentScrollContainer>\r\n    <div class=\"card\">\r\n      <lib-folder-container [contextId]=\"contextId\" [userList]=\"userList\"  [statusData]=\"statusData\" [categories]=\"catagories\"></lib-folder-container>\r\n    </div>\r\n    <div>\r\n      <lib-document-list  \r\n        [contextId]=\"contextId\" \r\n        [documentListResponse]=\"documentListResponse\"\r\n        [selectedMenuItemId]=\"selectedMenuItemId\"\r\n        [navigationInfo]=\"navigationInfo\">\r\n        <ng-content></ng-content>\r\n      </lib-document-list>\r\n    </div>\r\n  </div>\r\n</div>", styles: [".document-container-layout{display:flex;height:98vh;overflow:auto;position:relative}.menu-panel{position:fixed;left:0;top:0;bottom:0;width:280px;background-color:#fff;overflow-y:auto;overflow-x:hidden}.menu-panel::-webkit-scrollbar{width:6px}.menu-panel::-webkit-scrollbar-track{background:#f1f5f9}.menu-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.menu-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}.content-panel{flex:1;margin-left:280px;display:flex;flex-direction:column;height:98vh;overflow-y:auto;overflow-x:hidden;padding:0;position:relative;z-index:1}.content-panel::-webkit-scrollbar{width:8px}.content-panel::-webkit-scrollbar-track{background:#f8fafc}.content-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.content-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1024px){.menu-panel{width:240px}.content-panel{margin-left:240px}}@media (max-width: 768px){.document-container-layout{flex-direction:column}.menu-panel{position:relative;width:100%;height:200px;border-right:none;border-bottom:1px solid #e5e7eb}.content-panel{margin-left:0;flex:1}}.custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}*{scrollbar-width:thin}body,html{overflow:hidden;height:100%}::ng-deep .p-card{overflow:visible!important}::ng-deep .p-card-body{overflow:visible!important}::ng-deep .content-panel .p-card{overflow:visible!important}\n"], dependencies: [{ kind: "component", type: FolderContainerComponent, selector: "lib-folder-container", inputs: ["documentList", "folderList", "contextId", "userList", "statusData", "categories"] }, { kind: "component", type: DocumentListComponent, selector: "lib-document-list", inputs: ["contextId", "documentListResponse", "selectedMenuItemId", "navigationInfo", "documentList"] }, { kind: "component", type: DocumentsMenuComponent, selector: "lib-documents-menu", inputs: ["catagories", "applicationNumber", "contextId"], outputs: ["menuItemSelected"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-document-container', standalone: false, template: "<div class=\"grid m-0 h-full flex\">\r\n  <div class=\"col-12 md:col-2 lg:col-2\">\r\n    <lib-documents-menu [catagories]=\"catagories\" [applicationNumber]=\"applicationNumber\" [contextId]=\"contextId\"></lib-documents-menu>\r\n  </div>\r\n  <div class=\"col-12 md:col-10 lg:col-10 p-0 h-full\" [ngClass]=\"{'custom-scroll': true}\">\r\n      <div class=\"card\">\r\n        <lib-folder-container [contextId]=\"contextId\" [userList]=\"userList\"  [statusData]=\"statusData\" [categories]=\"catagories\"></lib-folder-container>\r\n      </div>\r\n    <div >\r\n      <lib-document-list  [contextId]=\"contextId\" [documentListResponse]=\"documentListResponse\">\r\n        <ng-content></ng-content>\r\n      </lib-document-list>\r\n    </div>\r\n  </div>\r\n</div>", styles: [".custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}\n"] }]
-        }], ctorParameters: () => [{ type: DocumentStore }, { type: DocumentService }, { type: DocumentQuery }, { type: DocumentHttpService }, { type: DocumentHelperService }], propDecorators: { contextId: [{
+            args: [{ selector: 'lib-document-container', standalone: false, template: "<div class=\"document-container-layout\">\r\n  <!-- Fixed Left Menu -->\r\n  <div class=\"menu-panel\">\r\n    <lib-documents-menu \r\n      [catagories]=\"catagories\" \r\n      [applicationNumber]=\"applicationNumber\" \r\n      [contextId]=\"contextId\"\r\n      (menuItemSelected)=\"onMenuItemSelected($event)\">\r\n    </lib-documents-menu>\r\n  </div>\r\n  \r\n  <!-- Scrollable Right Content -->\r\n  <div class=\"content-panel\" #contentScrollContainer>\r\n    <div class=\"card\">\r\n      <lib-folder-container [contextId]=\"contextId\" [userList]=\"userList\"  [statusData]=\"statusData\" [categories]=\"catagories\"></lib-folder-container>\r\n    </div>\r\n    <div>\r\n      <lib-document-list  \r\n        [contextId]=\"contextId\" \r\n        [documentListResponse]=\"documentListResponse\"\r\n        [selectedMenuItemId]=\"selectedMenuItemId\"\r\n        [navigationInfo]=\"navigationInfo\">\r\n        <ng-content></ng-content>\r\n      </lib-document-list>\r\n    </div>\r\n  </div>\r\n</div>", styles: [".document-container-layout{display:flex;height:98vh;overflow:auto;position:relative}.menu-panel{position:fixed;left:0;top:0;bottom:0;width:280px;background-color:#fff;overflow-y:auto;overflow-x:hidden}.menu-panel::-webkit-scrollbar{width:6px}.menu-panel::-webkit-scrollbar-track{background:#f1f5f9}.menu-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.menu-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}.content-panel{flex:1;margin-left:280px;display:flex;flex-direction:column;height:98vh;overflow-y:auto;overflow-x:hidden;padding:0;position:relative;z-index:1}.content-panel::-webkit-scrollbar{width:8px}.content-panel::-webkit-scrollbar-track{background:#f8fafc}.content-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.content-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1024px){.menu-panel{width:240px}.content-panel{margin-left:240px}}@media (max-width: 768px){.document-container-layout{flex-direction:column}.menu-panel{position:relative;width:100%;height:200px;border-right:none;border-bottom:1px solid #e5e7eb}.content-panel{margin-left:0;flex:1}}.custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}*{scrollbar-width:thin}body,html{overflow:hidden;height:100%}::ng-deep .p-card{overflow:visible!important}::ng-deep .p-card-body{overflow:visible!important}::ng-deep .content-panel .p-card{overflow:visible!important}\n"] }]
+        }], ctorParameters: () => [{ type: DocumentHttpService }, { type: DocumentHelperService }, { type: DocumentQuery }, { type: DocumentStore }], propDecorators: { contentScrollContainer: [{
+                type: ViewChild,
+                args: ['contentScrollContainer', { static: false }]
+            }], contextId: [{
                 type: Input
             }] } });