cat-documents-ng 0.3.51 → 0.3.53

package/fesm2022/cat-documents-ng.mjs

@@ -1413,7 +1413,7 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the transformed data for dropdown options.
      */
     getDocumentCatagories(contextId) {
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 4f84cc39-5446-45cc-9f4d-6fec8fdf45c9` });
         return this.http.get(`${this.apiUrl}${URLS.DOCUMENTS_CATAGORIES}/${contextId}`, { headers })
             .pipe(tap((response) => {
             if (response && response.categories) {
@@ -1457,7 +1457,7 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the transformed data for dropdown options.
     */
     getDocumentByFolderID(folderId, contextId) {
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 4f84cc39-5446-45cc-9f4d-6fec8fdf45c9` });
         return this.http.get(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD}/${URLS.PARENT_DOCUMENT_TYPE_ID}${folderId}${URLS.CONTEXT_ID}${contextId}`, { headers }).pipe(tap((records) => {
             this.documentStore.set(records);
         }), catchError((error) => {
@@ -1473,7 +1473,7 @@ class DocumentHttpService {
      * @returns {Observable<DocumentModel>} An observable that emits the updated DocumentModel.
      */
     updateDocumentName(documentId, payload) {
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 4f84cc39-5446-45cc-9f4d-6fec8fdf45c9` });
         return this.http.put(`${this.apiUrl}${URLS.ALIAS_NAME}${documentId}`, payload, { headers }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
@@ -1486,7 +1486,7 @@ class DocumentHttpService {
     getUserListByContextId(contextId) {
         if (!contextId)
             return EMPTY;
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 4f84cc39-5446-45cc-9f4d-6fec8fdf45c9` });
         return this.http.get(`${this.apiUrl}${URLS.USERLIST}${contextId}`, { headers }).pipe(tap((userList) => {
             this.documentStore.setUserList(userList);
         }), catchError((error) => {
@@ -1512,7 +1512,7 @@ class DocumentHttpService {
         if (categoryId) {
             params = params.set(SHARED.CATEGORY, categoryId);
         }
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 4f84cc39-5446-45cc-9f4d-6fec8fdf45c9` });
         return this.http.get(url, { params, headers }).pipe(tap((statusData) => {
             this.documentStore.setStatusData(statusData);
         }), catchError((error) => {
@@ -1541,7 +1541,7 @@ class DocumentHttpService {
         if (searchKey) {
             params = params.set(SHARED.SEARCH_KEY, searchKey);
         }
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 4f84cc39-5446-45cc-9f4d-6fec8fdf45c9` });
         return this.http.get(`${this.apiUrl}${URLS.GETALL}/${contextId}`, { params, headers }).pipe(tap((response) => {
             if (response.documents) {
                 this.documentStore.setDocumentList(response.documents);
@@ -1554,7 +1554,7 @@ class DocumentHttpService {
         if (!documentId) {
             return of([]);
         }
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 4f84cc39-5446-45cc-9f4d-6fec8fdf45c9` });
         return this.http.get(`${this.apiUrl}${URLS.DOCUMENT_HISTORY}${documentId}`, { headers }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
@@ -1567,7 +1567,7 @@ class DocumentHttpService {
     getCategoriesBySource(source) {
         if (!source)
             return EMPTY;
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 4f84cc39-5446-45cc-9f4d-6fec8fdf45c9` });
         return this.http.get(`${this.apiUrl}${URLS.GET_CATEGORIES_BY_SOURCE}${source}`, { headers }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
@@ -1580,7 +1580,7 @@ class DocumentHttpService {
     getDocumentTypesByCategory(categoryId) {
         if (!categoryId)
             return EMPTY;
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 4f84cc39-5446-45cc-9f4d-6fec8fdf45c9` });
         return this.http.get(`${this.apiUrl}${URLS.GET_DOCUMENT_TYPES_BY_CATEGORY}${categoryId}`, { headers }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
@@ -1591,7 +1591,7 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the upload response.
      */
     uploadFile(formData) {
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 4f84cc39-5446-45cc-9f4d-6fec8fdf45c9` });
         return this.http.post(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD_FILE}`, formData, { headers }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
@@ -1602,7 +1602,7 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the save response.
      */
     saveDocumentUpload(payload) {
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 4f84cc39-5446-45cc-9f4d-6fec8fdf45c9` });
         return this.http.post(`${this.apiUrl}${URLS.SAVE_DOCUMENT_UPLOAD}`, payload, { headers }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
@@ -1618,7 +1618,7 @@ class DocumentHttpService {
         const payload = {
             statusUpdateDescription: statusUpdateDescription
         };
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 4f84cc39-5446-45cc-9f4d-6fec8fdf45c9` });
         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);
@@ -1652,7 +1652,7 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the delete response
      */
     deleteDocument(documentId, contextId) {
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 4f84cc39-5446-45cc-9f4d-6fec8fdf45c9` });
         return this.http.delete(`${this.apiUrl}${URLS.DELETE_DOCUMENT}${documentId}`, { headers }).pipe(tap(() => {
             this.getDocumentCatagories(contextId).subscribe();
             this.getUserListByContextId(contextId).subscribe();
@@ -2014,6 +2014,255 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: DocumentStore }] });
 
+class DocumentMenuService {
+    documentStore;
+    constructor(documentStore) {
+        this.documentStore = documentStore;
+    }
+    /**
+     * Sorts categories alphabetically by label
+     * @param categories - The list of document categories to sort
+     * @returns Sorted categories array
+     */
+    sortCategoriesAlphabetically(categories) {
+        return [...categories].sort((a, b) => a.label.localeCompare(b.label));
+    }
+    /**
+     * Sorts menu items within each category alphabetically by label
+     * @param categories - The list of document categories to sort
+     * @returns Categories with sorted menu items
+     */
+    sortMenuItemsAlphabetically(categories) {
+        return categories.map(category => ({
+            ...category,
+            items: category.items ? [...category.items].sort((a, b) => a.label.localeCompare(b.label)) : category.items
+        }));
+    }
+    /**
+     * Sorts both categories and their menu items alphabetically
+     * @param categories - The list of document categories to sort
+     * @returns Fully sorted categories array
+     */
+    sortCategoriesAndMenuItems(categories) {
+        const sortedCategories = this.sortCategoriesAlphabetically(categories);
+        return this.sortMenuItemsAlphabetically(sortedCategories);
+    }
+    /**
+     * Gets the category name for a given menu item _id
+     * @param menuItemId - The _id of the menu item
+     * @param categories - The list of document categories
+     * @returns The category name or null if not found
+     */
+    getMenuItemCategory(menuItemId, categories) {
+        for (const category of categories) {
+            if (category.items?.some((menuItem) => menuItem._id === menuItemId)) {
+                return category.label;
+            }
+        }
+        return null;
+    }
+    /**
+     * Gets the menu item by its _id
+     * @param menuItemId - The _id of the menu item
+     * @param categories - The list of document categories
+     * @returns The menu item or null if not found
+     */
+    getMenuItemById(menuItemId, categories) {
+        for (const category of categories) {
+            if (category.items) {
+                const item = category.items.find((menuItem) => menuItem._id === menuItemId);
+                if (item) {
+                    return item;
+                }
+            }
+        }
+        return null;
+    }
+    /**
+     * Handles user list visibility based on menu item category
+     * @param menuItemId - The _id of the menu item
+     * @param categories - The list of document categories
+     */
+    handleUserListVisibility(menuItemId, categories) {
+        const category = this.getMenuItemCategory(menuItemId, categories);
+        this.documentStore.setShowUserList(true);
+    }
+    /**
+     * Calculates total documents for a menu item
+     * @param item - The menu item
+     * @returns Total number of documents
+     */
+    getTotalDocuments(item) {
+        const status = item.status;
+        // Handle both uppercase and lowercase keys
+        const pending = status.Pending || status.pending || 0;
+        const reviewing = status.Reviewing || status.reviewing || 0;
+        const accepted = status.Accepted || status.approved || 0; // Note: approved maps to Accepted
+        const rejected = status.Rejected || status.rejected || 0;
+        return pending + reviewing + accepted + rejected;
+    }
+    /**
+     * Gets badge value for a menu item
+     * @param item - The menu item
+     * @returns Badge value string (e.g., "2/3")
+     */
+    getBadgeValue(item) {
+        const approved = this.getApprovedDocuments(item);
+        const total = this.getTotalDocuments(item);
+        return `${approved}/${total}`;
+    }
+    /**
+     * Gets badge severity based on status
+     * @param item - The menu item
+     * @returns Badge severity for PrimeNG
+     */
+    getBadgeSeverity(item) {
+        const status = item.status;
+        const total = this.getTotalDocuments(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 (pending > 0)
+            return 'info';
+        if (rejected > 0)
+            return 'danger';
+        if (reviewing > 0)
+            return 'warning';
+        if (approved === total && total > 0)
+            return 'success';
+        return 'warning';
+    }
+    /**
+     * Checks if badge should be shown for a menu item
+     * @param item - The menu item
+     * @returns True if badge should be shown
+     */
+    shouldShowBadge(item) {
+        return this.getTotalDocuments(item) > 0;
+    }
+    /**
+     * Calculates approved documents for a menu item
+     * @param item - The menu item
+     * @returns Number of approved documents
+     */
+    getApprovedDocuments(item) {
+        const status = item.status;
+        // Handle both uppercase and lowercase keys, with approved mapping to Accepted
+        return status.Accepted || status.approved || 0;
+    }
+    /**
+     * Checks if a menu item's section is visible in the filtered document list
+     * @param menuItemId - The ID of the menu item to check
+     * @param documentListResponse - The filtered document list response
+     * @returns True if the section is visible, false otherwise
+     */
+    isMenuItemSectionVisible(menuItemId, documentListResponse, menuItemLabel) {
+        if (!menuItemId || !documentListResponse || documentListResponse.length === 0) {
+            return false;
+        }
+        return documentListResponse.some(category => {
+            if (!category.label || !category.list || category.list.length === 0) {
+                return false;
+            }
+            const categoryLabelLower = category.label.toLowerCase();
+            if (menuItemLabel) {
+                const menuItemLabelLower = menuItemLabel.toLowerCase();
+                if (categoryLabelLower === menuItemLabelLower) {
+                    return true;
+                }
+                if (this.isSmartPartialMatch(menuItemLabelLower, categoryLabelLower)) {
+                    return true;
+                }
+            }
+            const menuItemIdLower = menuItemId.toLowerCase();
+            if (this.isSmartPartialMatch(menuItemIdLower, categoryLabelLower)) {
+                return true;
+            }
+            return false;
+        });
+    }
+    /**
+     * Performs smart partial matching to prevent substring conflicts
+     * @param menuLabel - The menu item label to match
+     * @param categoryLabel - The category label to match against
+     * @returns True if it's a valid partial match, false otherwise
+     */
+    isSmartPartialMatch(menuLabel, categoryLabel) {
+        if (categoryLabel.length > menuLabel.length + 3) {
+            return false;
+        }
+        return categoryLabel.includes(menuLabel) || menuLabel.includes(categoryLabel);
+    }
+    /**
+     * Deselects a menu item if its section is not visible in the filtered document list
+     * @param menuItemId - The ID of the menu item to check
+     * @param documentListResponse - The filtered document list response
+     * @param menuItemLabel - The label of the menu item (optional)
+     * @returns True if the menu item was deselected, false otherwise
+     */
+    deselectMenuItemIfSectionNotVisible(menuItemId, documentListResponse, menuItemLabel) {
+        if (!this.isMenuItemSectionVisible(menuItemId, documentListResponse, menuItemLabel)) {
+            this.documentStore.setSelectedMenuItem(null);
+            return true;
+        }
+        return false;
+    }
+    /**
+     * Checks if a menu item should be selectable based on the filtered document list
+     * @param menuItemId - The ID of the menu item to check
+     * @param documentListResponse - The filtered document list response
+     * @param menuItemLabel - The label of the menu item (optional)
+     * @returns True if the menu item should be selectable, false otherwise
+     */
+    isMenuItemSelectable(menuItemId, documentListResponse, menuItemLabel) {
+        return this.isMenuItemSectionVisible(menuItemId, documentListResponse, menuItemLabel);
+    }
+    /**
+     * Gets the selectability status for all menu items in categories
+     * @param categories - The document categories containing menu items
+     * @param documentListResponse - The filtered document list response
+     * @returns Map of menu item IDs to their selectability status
+     */
+    getMenuItemsSelectabilityStatus(categories, documentListResponse) {
+        const selectabilityMap = new Map();
+        categories.forEach(category => {
+            if (category.items) {
+                category.items.forEach(item => {
+                    const isSelectable = this.isMenuItemSelectable(item._id, documentListResponse);
+                    selectabilityMap.set(item._id, isSelectable);
+                });
+            }
+        });
+        return selectabilityMap;
+    }
+    /**
+     * Updates menu items with selectability status
+     * @param categories - The document categories containing menu items
+     * @param documentListResponse - The filtered document list response
+     * @returns Updated categories with selectability information
+     */
+    updateMenuItemsWithSelectabilityStatus(categories, documentListResponse) {
+        return categories.map(category => ({
+            ...category,
+            items: category.items?.map(item => ({
+                ...item,
+                isSelectable: this.isMenuItemSelectable(item._id, documentListResponse, item.label)
+            }))
+        }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentMenuService, deps: [{ token: DocumentStore }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentMenuService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentMenuService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: DocumentStore }] });
+
 /**
  * Service to manage the document data and selection state
  */
@@ -2021,11 +2270,13 @@ class DocumentHelperService {
     documentStore;
     documentQuery;
     documentHttpService;
+    documentMenuService;
     selectionWatcherSubscription = null;
-    constructor(documentStore, documentQuery, documentHttpService) {
+    constructor(documentStore, documentQuery, documentHttpService, documentMenuService) {
         this.documentStore = documentStore;
         this.documentQuery = documentQuery;
         this.documentHttpService = documentHttpService;
+        this.documentMenuService = documentMenuService;
         // Note: initializeSelectionWatcher now requires contextId
         // This should be called from the component that has access to contextId
     }
@@ -2197,9 +2448,13 @@ class DocumentHelperService {
     refreshDocumentsWithCurrentSelection(contextId) {
         const currentState = this.documentQuery.getSelectionState();
         this.documentHttpService.getDocumentsBySelection(contextId, null, // No menu item filtering
-        currentState.userId, currentState.status).subscribe({
+        currentState.userId, currentState.status, currentState.searchKey).subscribe({
             next: (response) => {
-                this.documentStore.setDocumentListResponse(response);
+                // Set the correct response structure - check if response has documents property
+                const documentListResponse = response.documents || response;
+                this.documentStore.setDocumentListResponse(documentListResponse);
+                // Check if the selected menu item's section is still visible after filtering
+                this.checkAndDeselectMenuItemIfSectionNotVisible(contextId);
             },
             error: (error) => {
                 throw new Error(error);
@@ -2286,164 +2541,31 @@ class DocumentHelperService {
         });
         this.refreshDocumentsWithCurrentSelection(contextId);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentHelperService, deps: [{ token: DocumentStore }, { token: DocumentQuery }, { token: DocumentHttpService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentHelperService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentHelperService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: DocumentStore }, { type: DocumentQuery }, { type: DocumentHttpService }] });
-
-class DocumentMenuService {
-    documentStore;
-    constructor(documentStore) {
-        this.documentStore = documentStore;
-    }
-    /**
-     * Sorts categories alphabetically by label
-     * @param categories - The list of document categories to sort
-     * @returns Sorted categories array
-     */
-    sortCategoriesAlphabetically(categories) {
-        return [...categories].sort((a, b) => a.label.localeCompare(b.label));
-    }
-    /**
-     * Sorts menu items within each category alphabetically by label
-     * @param categories - The list of document categories to sort
-     * @returns Categories with sorted menu items
-     */
-    sortMenuItemsAlphabetically(categories) {
-        return categories.map(category => ({
-            ...category,
-            items: category.items ? [...category.items].sort((a, b) => a.label.localeCompare(b.label)) : category.items
-        }));
-    }
-    /**
-     * Sorts both categories and their menu items alphabetically
-     * @param categories - The list of document categories to sort
-     * @returns Fully sorted categories array
-     */
-    sortCategoriesAndMenuItems(categories) {
-        const sortedCategories = this.sortCategoriesAlphabetically(categories);
-        return this.sortMenuItemsAlphabetically(sortedCategories);
-    }
-    /**
-     * Gets the category name for a given menu item _id
-     * @param menuItemId - The _id of the menu item
-     * @param categories - The list of document categories
-     * @returns The category name or null if not found
-     */
-    getMenuItemCategory(menuItemId, categories) {
-        for (const category of categories) {
-            if (category.items?.some((menuItem) => menuItem._id === menuItemId)) {
-                return category.label;
-            }
-        }
-        return null;
-    }
     /**
-     * Gets the menu item by its _id
-     * @param menuItemId - The _id of the menu item
-     * @param categories - The list of document categories
-     * @returns The menu item or null if not found
+     * Checks if the currently selected menu item's section is visible in the filtered document list
+     * and deselects it if not visible
+     * @param contextId - The context ID to use for API calls
      */
-    getMenuItemById(menuItemId, categories) {
-        for (const category of categories) {
-            if (category.items) {
-                const item = category.items.find((menuItem) => menuItem._id === menuItemId);
-                if (item) {
-                    return item;
-                }
-            }
+    checkAndDeselectMenuItemIfSectionNotVisible(contextId) {
+        const currentState = this.documentQuery.getSelectionState();
+        const selectedMenuItem = currentState.menuItem;
+        if (selectedMenuItem) {
+            // Get the current document list response
+            const documentListResponse = this.documentQuery.getDocumentListResponse();
+            // Check if the menu item's section is visible and deselect if not
+            const wasDeselected = this.documentMenuService.deselectMenuItemIfSectionNotVisible(selectedMenuItem, documentListResponse);
+            // Menu item was deselected if its section is not visible
         }
-        return null;
-    }
-    /**
-     * Handles user list visibility based on menu item category
-     * @param menuItemId - The _id of the menu item
-     * @param categories - The list of document categories
-     */
-    handleUserListVisibility(menuItemId, categories) {
-        const category = this.getMenuItemCategory(menuItemId, categories);
-        this.documentStore.setShowUserList(true);
-    }
-    /**
-     * Calculates total documents for a menu item
-     * @param item - The menu item
-     * @returns Total number of documents
-     */
-    getTotalDocuments(item) {
-        const status = item.status;
-        // Handle both uppercase and lowercase keys
-        const pending = status.Pending || status.pending || 0;
-        const reviewing = status.Reviewing || status.reviewing || 0;
-        const accepted = status.Accepted || status.approved || 0; // Note: approved maps to Accepted
-        const rejected = status.Rejected || status.rejected || 0;
-        return pending + reviewing + accepted + rejected;
-    }
-    /**
-     * Gets badge value for a menu item
-     * @param item - The menu item
-     * @returns Badge value string (e.g., "2/3")
-     */
-    getBadgeValue(item) {
-        const approved = this.getApprovedDocuments(item);
-        const total = this.getTotalDocuments(item);
-        return `${approved}/${total}`;
-    }
-    /**
-     * Gets badge severity based on status
-     * @param item - The menu item
-     * @returns Badge severity for PrimeNG
-     */
-    getBadgeSeverity(item) {
-        const status = item.status;
-        const total = this.getTotalDocuments(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 (pending > 0)
-            return 'info';
-        if (rejected > 0)
-            return 'danger';
-        if (reviewing > 0)
-            return 'warning';
-        if (approved === total && total > 0)
-            return 'success';
-        return 'warning';
     }
-    /**
-     * Checks if badge should be shown for a menu item
-     * @param item - The menu item
-     * @returns True if badge should be shown
-     */
-    shouldShowBadge(item) {
-        return this.getTotalDocuments(item) > 0;
-    }
-    /**
-     * Calculates approved documents for a menu item
-     * @param item - The menu item
-     * @returns Number of approved documents
-     */
-    getApprovedDocuments(item) {
-        const status = item.status;
-        // Handle both uppercase and lowercase keys, with approved mapping to Accepted
-        return status.Accepted || status.approved || 0;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentMenuService, deps: [{ token: DocumentStore }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentMenuService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentHelperService, deps: [{ token: DocumentStore }, { token: DocumentQuery }, { token: DocumentHttpService }, { token: DocumentMenuService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentHelperService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentMenuService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentHelperService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: DocumentStore }] });
+        }], ctorParameters: () => [{ type: DocumentStore }, { type: DocumentQuery }, { type: DocumentHttpService }, { type: DocumentMenuService }] });
 
 /**
  * Service for managing document-related operations.
@@ -7970,7 +8092,6 @@ class DocumentViewerComponent {
      */
     onDocumentSelected(document) {
         if (document && document.documentUrl && document.docName) {
-            // Create a temporary document object for the viewer
             const tempDocument = {
                 _id: document._id,
                 docName: document.docName,
@@ -7979,11 +8100,13 @@ class DocumentViewerComponent {
                 contentType: document.contentType,
                 status: document.status,
                 isUploaded: true,
+                isAliasEditable: document.isAliasEditable,
+                parentDocumentId: document.parentDocumentId,
+                aliasName: document.aliasName,
                 fileSize: '0',
-                uploadedOn: new Date().toISOString(), // Current date
-                ownerName: 'History Document' // Default owner
+                uploadedOn: new Date().toISOString(),
+                ownerName: 'History Document'
             };
-            // Update the selected document to show in the viewer
             this.selectedDocument = tempDocument;
         }
     }
@@ -8260,15 +8383,12 @@ class DocumentListComponent {
         this.documentListService.handleDeleteAction(rowData, this.contextId)
             .subscribe({
             next: (response) => {
-                console.log('response', response);
                 if (this.selectedDocument && this.selectedDocument._id === rowData._id) {
                     this.handleCloseModal();
                 }
                 this.documentListService.refreshAllDataWithCurrentFilters(this.contextId);
             },
             error: (error) => {
-                console.error(ERRORS.ERROR_FETCHING_DOCUMENTS, error);
-                // Show error message without closing dialog
                 this.showDeleteErrorMessage(error);
             }
         });
@@ -8349,7 +8469,6 @@ class DocumentListComponent {
      * Triggers a refresh of the document data
      */
     handleViewerDestroyed() {
-        // Refresh document data when viewer is closed
         this.documentListService.refreshDocumentList(this.contextId);
     }
     /**
@@ -8361,20 +8480,12 @@ class DocumentListComponent {
             return;
         }
         this.documentScrollService.setScrolling();
-        let targetCategory = this.documentCategories.find(category => category.label.toLowerCase().includes(SHARED.APPLICATION_LOWERCASE) ||
-            category.label.toLowerCase().includes(SHARED.APPLICANT_LOWERCASE) ||
-            category.label.toLowerCase().includes(SHARED.DOCUMENT_LOWERCASE));
+        let targetCategory = this.findCategoryByMenuItemId(menuItemId);
         if (!targetCategory) {
-            if (menuItemId.includes(SHARED.APPLICATION_LOWERCASE)) {
-                targetCategory = this.documentCategories.find(cat => cat.label.toLowerCase().includes(SHARED.APPLICATION_LOWERCASE));
-            }
-            else if (menuItemId.includes(SHARED.APPLICANT_LOWERCASE) || menuItemId.includes(SHARED.USER_LOWERCASE)) {
-                targetCategory = this.documentCategories.find(cat => cat.label.toLowerCase().includes(SHARED.APPLICANT_LOWERCASE) ||
-                    cat.label.toLowerCase().includes(SHARED.USER_LOWERCASE));
-            }
-            else {
-                targetCategory = this.documentCategories[0];
-            }
+            targetCategory = this.findCategoryByLegacyMatching(menuItemId);
+        }
+        if (!targetCategory) {
+            targetCategory = this.documentCategories[0];
         }
         if (targetCategory) {
             const categoryIndex = this.documentCategories.findIndex(cat => cat === targetCategory);
@@ -8391,6 +8502,61 @@ class DocumentListComponent {
             }
         }
     }
+    /**
+     * Finds category by converting menuItemId to readable format and matching exactly
+     * @param menuItemId - The menu item ID to match
+     * @returns The matching category or null
+     */
+    findCategoryByMenuItemId(menuItemId) {
+        const readableLabel = this.convertMenuItemIdToReadableLabel(menuItemId);
+        let targetCategory = this.documentCategories.find(category => category.label.toLowerCase() === readableLabel.toLowerCase());
+        if (!targetCategory) {
+            targetCategory = this.documentCategories.find(category => {
+                const categoryLabel = category.label.toLowerCase();
+                const menuLabel = readableLabel.toLowerCase();
+                return categoryLabel.includes(menuLabel) &&
+                    !this.isSubstringOfLongerCategory(menuLabel, categoryLabel);
+            });
+        }
+        return targetCategory || null;
+    }
+    /**
+     * Converts menuItemId to readable label format
+     * @param menuItemId - The menu item ID
+     * @returns Readable label
+     */
+    convertMenuItemIdToReadableLabel(menuItemId) {
+        // Convert kebab-case or snake_case to Title Case
+        return menuItemId
+            .replace(/[-_]/g, ' ')
+            .replace(/\b\w/g, l => l.toUpperCase());
+    }
+    /**
+     * Checks if a menu label is a substring of a longer category name
+     * @param menuLabel - The menu label to check
+     * @param categoryLabel - The category label to check against
+     * @returns True if menuLabel is a substring of a longer category
+     */
+    isSubstringOfLongerCategory(menuLabel, categoryLabel) {
+        // If the category is significantly longer than the menu item, it's likely a substring
+        return categoryLabel.length > menuLabel.length + 3; // Allow some tolerance
+    }
+    /**
+     * Legacy matching for backward compatibility with existing hardcoded keywords
+     * @param menuItemId - The menu item ID
+     * @returns The matching category or null
+     */
+    findCategoryByLegacyMatching(menuItemId) {
+        // Legacy matching for specific hardcoded keywords
+        if (menuItemId.includes(SHARED.APPLICATION_LOWERCASE)) {
+            return this.documentCategories.find(cat => cat.label.toLowerCase().includes(SHARED.APPLICATION_LOWERCASE)) || null;
+        }
+        else if (menuItemId.includes(SHARED.APPLICANT_LOWERCASE) || menuItemId.includes(SHARED.USER_LOWERCASE)) {
+            return this.documentCategories.find(cat => cat.label.toLowerCase().includes(SHARED.APPLICANT_LOWERCASE) ||
+                cat.label.toLowerCase().includes(SHARED.USER_LOWERCASE)) || null;
+        }
+        return null;
+    }
     /**
      * Scrolls to the category section using navigationInfo
      * @param navigationInfo - The navigation info object containing menuItemId
@@ -8412,9 +8578,7 @@ class DocumentListComponent {
                     inline: 'nearest'
                 });
                 this.highlightCategory(targetElement);
-                // Setup observer to deselect menu item when section scrolls out of view
                 this.documentScrollService.setupSectionObserver(targetElement, this.selectedMenuItemId);
-                // Reset scrolling flag after smooth scroll completes
                 this.documentScrollService.resetScrollingAfterDelay(1200);
             }
             else {
@@ -8494,26 +8658,26 @@ class DocumentListComponent {
      * Checks if the selected menu item's section is still visible and deselects if not
      */
     handleDocumentListFilteringChange() {
-        if (this.selectedMenuItemId && this.documentCategories && this.documentCategories.length > 0) {
-            const isSectionVisible = this.isSelectedMenuItemSectionVisible();
+        if (this.selectedMenuItemId && this.documentCategories) {
+            // If no categories are available (all filtered out), deselect the menu item
+            if (this.documentCategories.length === 0) {
+                this.deselectMenuItemAndReset();
+                return;
+            }
+            // Use the document menu service to check visibility
+            const isSectionVisible = this.documentMenuService.isMenuItemSectionVisible(this.selectedMenuItemId, this.documentListResponse);
             if (!isSectionVisible) {
-                this.selectedMenuItemId = null;
-                this.documentStore.setSelectedMenuItem(null);
-                this.resetToTop();
+                this.deselectMenuItemAndReset();
             }
         }
     }
     /**
-     * Checks if the currently selected menu item's section is visible in the filtered document list
-     * @returns True if the section is visible, false otherwise
+     * Deselects the current menu item and resets the view
      */
-    isSelectedMenuItemSectionVisible() {
-        if (!this.selectedMenuItemId || !this.documentCategories || this.documentCategories.length === 0) {
-            return false;
-        }
-        return this.documentCategories.some(category => category.label && this.selectedMenuItemId &&
-            (category.label.toLowerCase().includes(this.selectedMenuItemId.toLowerCase()) ||
-                this.selectedMenuItemId.toLowerCase().includes(category.label.toLowerCase())));
+    deselectMenuItemAndReset() {
+        this.selectedMenuItemId = null;
+        this.documentStore.setSelectedMenuItem(null);
+        this.resetToTop();
     }
     /**
      * Cleanup subscriptions on component destroy
@@ -8566,6 +8730,7 @@ class DocumentsMenuComponent {
     // Subscriptions to track for cleanup
     selectedMenuItemSubscription;
     documentCategoriesSubscription;
+    documentListResponseSubscription;
     constructor(documentStore, documentQuery, documentMenuService, documentHelperService) {
         this.documentStore = documentStore;
         this.documentQuery = documentQuery;
@@ -8590,6 +8755,8 @@ class DocumentsMenuComponent {
                 this.updateMenuItemsData();
             }
         });
+        // Subscribe to document list response to update menu item selectability
+        this.setupDocumentListResponseSubscription();
     }
     /**
      * Handle changes to input properties
@@ -8673,16 +8840,57 @@ class DocumentsMenuComponent {
                         shouldShowBadge: this.documentMenuService.shouldShowBadge(item)
                     };
                     item.menuData = menuData;
+                    // Initialize isSelectable as true (default state)
+                    if (item.isSelectable === undefined) {
+                        item.isSelectable = true;
+                    }
                 });
             }
         });
     }
+    /**
+     * Sets up subscription to document list response to update menu item selectability
+     */
+    setupDocumentListResponseSubscription() {
+        this.documentListResponseSubscription = this.documentQuery.selectDocumentListResponse().subscribe(documentListResponse => {
+            this.updateMenuItemsSelectability(documentListResponse);
+        });
+    }
+    /**
+     * Updates menu items with selectability status based on filtered document list
+     * @param documentListResponse - The filtered document list response
+     */
+    updateMenuItemsSelectability(documentListResponse) {
+        if (this._cachedCategories && this._cachedCategories.length > 0) {
+            // Only update if we have a valid response (not null/undefined)
+            // If response is null, it means no filters are applied, so all items should be selectable
+            if (documentListResponse !== null && documentListResponse !== undefined) {
+                this._cachedCategories = this.documentMenuService.updateMenuItemsWithSelectabilityStatus(this._cachedCategories, documentListResponse);
+            }
+            else {
+                // If no response, make all items selectable (default state)
+                this._cachedCategories = this._cachedCategories.map(category => ({
+                    ...category,
+                    items: category.items?.map(item => ({
+                        ...item,
+                        isSelectable: true
+                    }))
+                }));
+            }
+        }
+    }
     /**
      * Handle the menu item click for navigation
      * @param {*} event - Event
      * @param {DocumentCategoryItem} item - catagory item
      */
     onMenuItemClick(event, item) {
+        // Prevent selection if the menu item is not selectable
+        if (item.isSelectable === false) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
         if (this.selectedMenuItemId === item._id) {
             this.selectedMenuItem = null;
             this.selectedMenuItemId = null;
@@ -8747,13 +8955,16 @@ class DocumentsMenuComponent {
         if (this.documentCategoriesSubscription) {
             this.documentCategoriesSubscription.unsubscribe();
         }
+        if (this.documentListResponseSubscription) {
+            this.documentListResponseSubscription.unsubscribe();
+        }
     }
     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" }, outputs: { menuItemSelected: "menuItemSelected" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"document-sidebar-container h-full\">\r\n  <!-- Menu items are now used for navigation to specific sections, not for filtering documents -->\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 }} Documents</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-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{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{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: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i9$1.Badge, selector: "p-badge", inputs: ["styleClass", "style", "badgeSize", "severity", "value", "badgeDisabled", "size"] }, { kind: "component", type: i8$2.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 }} Documents</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                   [class.disabled-menu-item]=\"item.isSelectable === false\"\n                   [class.pointer-events-none]=\"item.isSelectable === false\"\n                   [style.opacity]=\"item.isSelectable === false ? '0.5' : '1'\"\n                   [style.cursor]=\"item.isSelectable === false ? 'not-allowed' : 'pointer'\"\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{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 .disabled-menu-item{opacity:.5!important;cursor:not-allowed!important;pointer-events:none!important}::ng-deep .disabled-menu-item .text-xl{color:#9ea0b3!important}::ng-deep .disabled-menu-item .ml-2{color:#9ea0b3!important}::ng-deep .disabled-menu-item .p-badge{opacity:.5!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{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: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i9$1.Badge, selector: "p-badge", inputs: ["styleClass", "style", "badgeSize", "severity", "value", "badgeDisabled", "size"] }, { kind: "component", type: i8$2.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  <!-- Menu items are now used for navigation to specific sections, not for filtering documents -->\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 }} Documents</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-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{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{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"] }]
+            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 }} Documents</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                   [class.disabled-menu-item]=\"item.isSelectable === false\"\n                   [class.pointer-events-none]=\"item.isSelectable === false\"\n                   [style.opacity]=\"item.isSelectable === false ? '0.5' : '1'\"\n                   [style.cursor]=\"item.isSelectable === false ? 'not-allowed' : 'pointer'\"\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{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 .disabled-menu-item{opacity:.5!important;cursor:not-allowed!important;pointer-events:none!important}::ng-deep .disabled-menu-item .text-xl{color:#9ea0b3!important}::ng-deep .disabled-menu-item .ml-2{color:#9ea0b3!important}::ng-deep .disabled-menu-item .p-badge{opacity:.5!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{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: [{