cat-documents-ng 0.3.49 → 0.3.51

package/fesm2022/cat-documents-ng.mjs

@@ -345,6 +345,10 @@ class SHARED {
     static ERROR_PARSING_EXCEL_FILE = 'Unable to parse Excel file';
     static ERROR_PARSING_EXCEL_FILE_STRUCTURE = 'Unable to parse Excel file structure';
     static NAME_UPDATE_ACTION = 'nameUpdate';
+    static REQUESTED = 'requested';
+    static ACCEPTED = 'accepted';
+    static UPLOADED = 'uploaded';
+    static REJECTED = 'rejected';
     static Menu = [
         {
             label: 'Applicant',
@@ -453,11 +457,22 @@ class SHARED {
     static ICON_WITH_DASH = 'icon-';
     static SEARCH_KEY = 'searchKey';
     static APPROVED = 'approved';
-    static UPLOADED = 'uploaded';
     static PENDING = 'Pending';
     static DOT = '.';
     static PDF = 'PDF';
     static PENDING_STATUS = 'pending';
+    static EVENT_REQUESTED = 'event-requested';
+    static EVENT_ACCEPTED = 'event-accepted';
+    static EVENT_REJECTED = 'event-rejected';
+    static EVENT_DEFAULT = 'event-default';
+    static ICON_REQUESTED = 'icon-requested';
+    static ICON_ACCEPTED = 'icon-accepted';
+    static ICON_REJECTED = 'icon-rejected';
+    static ICON_DEFAULT = 'icon-default';
+    static ICON_CHECK_CIRCLE = 'pi pi-check-circle';
+    static ICON_FOLDER_PLUS = 'pi pi-folder-plus';
+    static ICON_TIMES = 'pi pi-times';
+    static ICON_FILE = 'pi pi-file';
     // File extension constants
     static JPG = 'JPG';
     static PNG = 'PNG';
@@ -481,13 +496,11 @@ class SHARED {
     static ICON_EXCLAMATION_TRIANGLE = 'pi pi-exclamation-triangle';
     static ICON_CLOUD_UPLOAD = 'pi pi-cloud-upload';
     static ICON_EYE = 'pi pi-eye';
-    static ICON_TIMES = 'pi pi-times';
     static ICON_CLOCK = 'pi pi-clock';
     // File type icons
     static ICON_FILE_PDF = 'pi pi-file-pdf';
     static ICON_IMAGE = 'pi pi-image';
     static ICON_FILE_EXCEL = 'pi pi-file-excel';
-    static ICON_FILE = 'pi pi-file';
     static ICON_DELETE = 'ri-delete-bin-6-line';
     // Cell type constants
     static CELL_TYPE_DOCUMENT = 'document';
@@ -1110,7 +1123,9 @@ function createInitialState() {
         isActionLoading: false,
         documentStatus: 'pending',
         documentIsUploaded: false,
-        alertData: null
+        alertData: null,
+        deleteError: null,
+        deleteSuccess: false
     };
 }
 
@@ -1226,6 +1241,12 @@ let DocumentStore = class DocumentStore extends EntityStore {
     setAlertData(alertData) {
         this.update({ alertData: alertData });
     }
+    setDeleteError(error) {
+        this.update({ deleteError: error });
+    }
+    setDeleteSuccess(success) {
+        this.update({ deleteSuccess: success });
+    }
     // Method to update all document viewer state at once
     updateDocumentViewerState(document, history, showHistory, loading, status, uploaded, alertData) {
         const updates = {};
@@ -1254,7 +1275,9 @@ let DocumentStore = class DocumentStore extends EntityStore {
             isActionLoading: false,
             documentStatus: 'pending',
             documentIsUploaded: false,
-            alertData: null
+            alertData: null,
+            deleteError: null,
+            deleteSuccess: false
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -1390,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 3096f8cb-e508-4731-b4fb-4ee7c07a9315` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
         return this.http.get(`${this.apiUrl}${URLS.DOCUMENTS_CATAGORIES}/${contextId}`, { headers })
             .pipe(tap((response) => {
             if (response && response.categories) {
@@ -1434,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 3096f8cb-e508-4731-b4fb-4ee7c07a9315` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
         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) => {
@@ -1450,7 +1473,7 @@ class DocumentHttpService {
      * @returns {Observable<DocumentModel>} An observable that emits the updated DocumentModel.
      */
     updateDocumentName(documentId, payload) {
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 3096f8cb-e508-4731-b4fb-4ee7c07a9315` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
         return this.http.put(`${this.apiUrl}${URLS.ALIAS_NAME}${documentId}`, payload, { headers }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
@@ -1463,7 +1486,7 @@ class DocumentHttpService {
     getUserListByContextId(contextId) {
         if (!contextId)
             return EMPTY;
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 3096f8cb-e508-4731-b4fb-4ee7c07a9315` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
         return this.http.get(`${this.apiUrl}${URLS.USERLIST}${contextId}`, { headers }).pipe(tap((userList) => {
             this.documentStore.setUserList(userList);
         }), catchError((error) => {
@@ -1489,7 +1512,7 @@ class DocumentHttpService {
         if (categoryId) {
             params = params.set(SHARED.CATEGORY, categoryId);
         }
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 3096f8cb-e508-4731-b4fb-4ee7c07a9315` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
         return this.http.get(url, { params, headers }).pipe(tap((statusData) => {
             this.documentStore.setStatusData(statusData);
         }), catchError((error) => {
@@ -1518,7 +1541,7 @@ class DocumentHttpService {
         if (searchKey) {
             params = params.set(SHARED.SEARCH_KEY, searchKey);
         }
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 3096f8cb-e508-4731-b4fb-4ee7c07a9315` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
         return this.http.get(`${this.apiUrl}${URLS.GETALL}/${contextId}`, { params, headers }).pipe(tap((response) => {
             if (response.documents) {
                 this.documentStore.setDocumentList(response.documents);
@@ -1531,7 +1554,7 @@ class DocumentHttpService {
         if (!documentId) {
             return of([]);
         }
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 3096f8cb-e508-4731-b4fb-4ee7c07a9315` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
         return this.http.get(`${this.apiUrl}${URLS.DOCUMENT_HISTORY}${documentId}`, { headers }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
@@ -1544,7 +1567,7 @@ class DocumentHttpService {
     getCategoriesBySource(source) {
         if (!source)
             return EMPTY;
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 3096f8cb-e508-4731-b4fb-4ee7c07a9315` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
         return this.http.get(`${this.apiUrl}${URLS.GET_CATEGORIES_BY_SOURCE}${source}`, { headers }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
@@ -1557,7 +1580,7 @@ class DocumentHttpService {
     getDocumentTypesByCategory(categoryId) {
         if (!categoryId)
             return EMPTY;
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 3096f8cb-e508-4731-b4fb-4ee7c07a9315` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
         return this.http.get(`${this.apiUrl}${URLS.GET_DOCUMENT_TYPES_BY_CATEGORY}${categoryId}`, { headers }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
@@ -1568,7 +1591,7 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the upload response.
      */
     uploadFile(formData) {
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 3096f8cb-e508-4731-b4fb-4ee7c07a9315` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
         return this.http.post(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD_FILE}`, formData, { headers }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
@@ -1579,7 +1602,7 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the save response.
      */
     saveDocumentUpload(payload) {
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 3096f8cb-e508-4731-b4fb-4ee7c07a9315` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
         return this.http.post(`${this.apiUrl}${URLS.SAVE_DOCUMENT_UPLOAD}`, payload, { headers }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
@@ -1595,7 +1618,7 @@ class DocumentHttpService {
         const payload = {
             statusUpdateDescription: statusUpdateDescription
         };
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 3096f8cb-e508-4731-b4fb-4ee7c07a9315` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
         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);
@@ -1629,7 +1652,7 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the delete response
      */
     deleteDocument(documentId, contextId) {
-        let headers = new HttpHeaders({ 'Authorization': `Bearer 3096f8cb-e508-4731-b4fb-4ee7c07a9315` });
+        let headers = new HttpHeaders({ 'Authorization': `Bearer 0775de31-db38-432f-92b0-9ebea6d40c00` });
         return this.http.delete(`${this.apiUrl}${URLS.DELETE_DOCUMENT}${documentId}`, { headers }).pipe(tap(() => {
             this.getDocumentCatagories(contextId).subscribe();
             this.getUserListByContextId(contextId).subscribe();
@@ -1950,7 +1973,7 @@ class DocumentQuery extends QueryEntity {
     }
     /**
      * 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.
+     * @returns {Observable<{selectedDocument?: DocumentListItem, documentHistory: DocumentHistorySection[], showDocumentHistory: boolean, isActionLoading: boolean, documentStatus: 'pending' | 'accepted' | 'rejected', documentIsUploaded: boolean, alertData: any, deleteError: any, deleteSuccess: boolean}>} Observable that emits the current document viewer state.
      */
     selectDocumentViewerState() {
         return this.select((state) => ({
@@ -1960,7 +1983,9 @@ class DocumentQuery extends QueryEntity {
             isActionLoading: state.isActionLoading,
             documentStatus: state.documentStatus,
             documentIsUploaded: state.documentIsUploaded,
-            alertData: state.alertData
+            alertData: state.alertData,
+            deleteError: state.deleteError,
+            deleteSuccess: state.deleteSuccess
         }));
     }
     /**
@@ -1976,7 +2001,9 @@ class DocumentQuery extends QueryEntity {
             isActionLoading: state.isActionLoading,
             documentStatus: state.documentStatus,
             documentIsUploaded: state.documentIsUploaded,
-            alertData: state.alertData
+            alertData: state.alertData,
+            deleteError: state.deleteError,
+            deleteSuccess: state.deleteSuccess
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentQuery, deps: [{ token: DocumentStore }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -5200,6 +5227,7 @@ class DocumentViewerService {
                 break;
             case SHARED.DELETE_ACTION:
                 this.deleteDocument(currentState.selectedDocument._id, contextId);
+                // Don't emit success event here - it will be emitted only on successful delete
                 break;
         }
     }
@@ -5251,12 +5279,13 @@ class DocumentViewerService {
             next: (res) => {
                 if (res) {
                     this.documentService.refreshAllDataWithCurrentFilters(contextId);
+                    this.documentStore.setDeleteSuccess(true);
                     this.documentStore.clearDocumentViewerState();
                 }
             },
             error: (error) => {
-                console.error('Error deleting document:', error);
                 this.documentStore.setIsActionLoading(false);
+                this.documentStore.setDeleteError(error.message);
             }
         });
     }
@@ -5997,33 +6026,32 @@ class DocumentHistoryComponent {
      */
     getEventCardClass(label) {
         const lowerLabel = label.toLowerCase();
-        if (lowerLabel.includes('requested')) {
-            return 'event-requested';
+        if (lowerLabel.includes(SHARED.REQUESTED)) {
+            return SHARED.EVENT_REQUESTED;
         }
-        else if (lowerLabel.includes('accepted') || lowerLabel.includes('upload')) {
-            return 'event-accepted';
+        else if (lowerLabel.includes(SHARED.ACCEPTED) || lowerLabel.includes(SHARED.UPLOADED)) {
+            return SHARED.EVENT_ACCEPTED;
         }
-        else if (lowerLabel.includes('rejected')) {
-            return 'event-rejected';
+        else if (lowerLabel.includes(SHARED.REJECTED)) {
+            return SHARED.EVENT_REJECTED;
         }
-        return 'event-default';
+        return SHARED.EVENT_DEFAULT;
     }
     /**
      * Get CSS class for event icon based on action type
      */
     getEventIconClass(label) {
         const lowerLabel = label.toLowerCase();
-        console.log('label', label);
-        if (lowerLabel.includes('requested')) {
-            return 'icon-requested';
+        if (lowerLabel.includes(SHARED.REQUESTED)) {
+            return SHARED.ICON_REQUESTED;
         }
-        else if (lowerLabel.includes('accepted') || lowerLabel.includes('uploaded')) {
-            return 'icon-accepted';
+        else if (lowerLabel.includes(SHARED.ACCEPTED) || lowerLabel.includes(SHARED.UPLOADED)) {
+            return SHARED.ICON_ACCEPTED;
         }
-        else if (lowerLabel.includes('rejected')) {
-            return 'icon-rejected';
+        else if (lowerLabel.includes(SHARED.REJECTED)) {
+            return SHARED.ICON_REJECTED;
         }
-        return 'icon-default';
+        return SHARED.ICON_DEFAULT;
     }
     /**
      * Get the appropriate icon for the event
@@ -6032,19 +6060,19 @@ class DocumentHistoryComponent {
      */
     getEventIcon(label) {
         const lowerLabel = label.toLowerCase();
-        if (lowerLabel.includes('uploaded')) {
-            return 'pi pi-check-circle';
+        if (lowerLabel.includes(SHARED.UPLOADED)) {
+            return SHARED.ICON_CHECK_CIRCLE;
         }
-        else if (lowerLabel.includes('requested')) {
-            return 'pi pi-folder-plus';
+        else if (lowerLabel.includes(SHARED.REQUESTED)) {
+            return SHARED.ICON_FOLDER_PLUS;
         }
-        else if (lowerLabel.includes('accepted') || lowerLabel.includes('approved')) {
-            return 'pi pi-check-circle';
+        else if (lowerLabel.includes(SHARED.ACCEPTED) || lowerLabel.includes(SHARED.APPROVED)) {
+            return SHARED.ICON_CHECK_CIRCLE;
         }
-        else if (lowerLabel.includes('rejected')) {
-            return 'pi pi-times';
+        else if (lowerLabel.includes(SHARED.REJECTED)) {
+            return SHARED.ICON_TIMES;
         }
-        return 'pi pi-file';
+        return SHARED.ICON_FILE;
     }
     /**
      * Toggle the actions dropdown menu
@@ -6067,7 +6095,7 @@ class DocumentHistoryComponent {
             const documentName = this.selectedDocument?.docName || 'this document';
             ConfirmationDialogComponent.confirmDelete(this.confirmationService, documentName, () => {
                 const deleteAction = this.documentActionsService.createDeleteAction();
-                this.documentViewerService.handleDocumentAction(deleteAction, this.contextId);
+                this.documentViewerService.handleDocumentAction(deleteAction, this.selectedDocument?.parentDocumentId ?? this.contextId);
                 this.deleteTaskRequested.emit();
             }, () => { });
         }
@@ -6125,7 +6153,7 @@ class DocumentHistoryComponent {
      */
     shouldHideItem(item) {
         return this.selectedDocument?.isUploaded &&
-            item.label.toLowerCase().includes('requested');
+            item.label.toLowerCase().includes(SHARED.REQUESTED);
     }
     /**
      * Listen for clicks outside the dropdown to close it
@@ -6985,6 +7013,10 @@ class DocumentZoomControlsComponent {
     }
     // Document name editing methods
     onDocumentNameClick() {
+        // Only allow editing if the document alias is editable
+        if (!this.selectedDocument?.isAliasEditable) {
+            return;
+        }
         this.isEditingDocumentName = true;
         if (this.selectedDocument?.aliasName && this.selectedDocument.aliasName.trim() !== SHARED.EMPTY) {
             this.documentName = this.selectedDocument.aliasName;
@@ -7053,7 +7085,7 @@ class DocumentZoomControlsComponent {
                     this.documentNameUpdated.emit();
                 },
                 error: (error) => {
-                    this.fileNameError = ERRORS.ERROR_FILE_NAME_INVALID_CHARACTERS;
+                    this.fileNameError = error.message;
                 }
             });
         }
@@ -7063,11 +7095,11 @@ class DocumentZoomControlsComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentZoomControlsComponent, deps: [{ token: DocumentZoomService }, { token: DocumentHttpService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DocumentZoomControlsComponent, isStandalone: false, selector: "document-zoom-controls", inputs: { selectedDocument: "selectedDocument", contextId: "contextId" }, outputs: { documentNameUpdated: "documentNameUpdated" }, ngImport: i0, template: "<div class=\"control-container\">\r\n  <div class=\"inline-flex align-items-center justify-content-center gap-2\">\r\n    <!-- Document name display with hover edit icon -->\r\n    <div *ngIf=\"!isEditingDocumentName\" class=\"document-name-display clickable-doc-name\" (click)=\"onDocumentNameClick()\"\r\n      title=\"Click to edit document name\">\r\n      <div class=\"alias-name\">\r\n        {{ selectedDocument?.aliasName || selectedDocument?.docName }}\r\n        <i class=\"pi pi-pencil edit-icon-small\"></i>\r\n      </div>\r\n      <div class=\"document-name\">{{ selectedDocument?.docName }}</div>\r\n    </div>\r\n    <div *ngIf=\"isEditingDocumentName\" class=\"document-edit-container\">\r\n      <input #fileInput type=\"text\" class=\"h-3rem file-input-wrapper document-name-input\" pInputText\r\n        [(ngModel)]=\"documentName\" (input)=\"onDocumentNameChange($event)\" (keydown.escape)=\"cancelDocumentNameEdit()\"\r\n        (keydown.enter)=\"handleSaveClick()\" />\r\n      <div class=\"document-name-subline\">\r\n        {{ selectedDocument?.docName }}\r\n      </div>\r\n    </div>\r\n    <div *ngIf=\"fileNameError\" class=\"error-message-wrapper\">\r\n      {{ fileNameError }}\r\n    </div>\r\n  </div>\r\n  <div class=\"zoom-controls\">\r\n    <p-button type=\"button\" icon=\"pi pi-minus\" [rounded]=\"true\" severity=\"secondary\" [outlined]=\"true\" (click)=\"zoomOut()\" [disabled]=\"isZoomOutDisabled\" title=\"Zoom Out\">\r\n    </p-button>\r\n    <p-button type=\"button\" icon=\"pi pi-plus\" [rounded]=\"true\" severity=\"secondary\" [outlined]=\"true\" (click)=\"zoomIn()\" [disabled]=\"isZoomInDisabled\" title=\"Zoom In\">\r\n    </p-button>\r\n   \r\n  </div>\r\n\r\n</div>", styles: ["@charset \"UTF-8\";.control-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;width:100%}.document-name-display{display:flex;flex-direction:column;gap:.25rem;cursor:pointer;padding:.75rem;border-radius:.5rem;transition:all .2s ease;border:1px solid transparent;margin-right:auto}.document-name-display:hover{background-color:#f8fafc;border-color:#e2e8f0;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.document-name-display .alias-name{font-weight:600;color:#1e293b;font-size:1.125rem;display:flex;align-items:center;gap:.5rem;line-height:1.4}.document-name-display .alias-name .edit-icon-small{font-size:.75rem;color:#64748b;opacity:.7;transition:all .2s ease;padding:.25rem;border-radius:.25rem}.document-name-display .document-name{font-size:.875rem;color:#64748b;font-weight:400;line-height:1.3;word-break:break-all}.document-name-display:hover .edit-icon-small{opacity:1;background-color:#e2e8f0;color:#475569}.document-edit-container{display:flex;flex-direction:column;gap:.375rem;padding:.5rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0}.document-edit-container .document-name-input{border:2px solid #3b82f6;border-radius:.5rem;padding:.625rem .875rem;font-size:1rem;font-weight:500;color:#1e293b;background:#fff;transition:all .2s ease;width:100%;box-sizing:border-box}.document-edit-container .document-name-input:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.document-edit-container .document-name-input::placeholder{color:#94a3b8;font-weight:400}.document-edit-container .document-name-subline{font-size:.75rem;color:#94a3b8;font-style:italic;padding-left:.5rem;line-height:1.3}.error-message-wrapper{color:#dc2626;font-size:.875rem;font-weight:500;padding:.5rem .75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-top:.25rem;display:flex;align-items:center;gap:.5rem}.error-message-wrapper:before{content:\"\\26a0\";font-size:1rem}.zoom-controls{display:flex;align-items:center;gap:.75rem;transition:all .2s ease;margin-left:auto;padding-right:10px}.zoom-controls .zoom-button{width:44px;height:44px;border-radius:.5rem;border:none;background:#fff;color:#475569;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.25rem;font-weight:600;box-shadow:0 1px 3px #0000001a}.zoom-controls .zoom-button:hover:not(:disabled){background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.zoom-controls .zoom-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #3b82f64d}.zoom-controls .zoom-button:disabled{opacity:.4;cursor:not-allowed;background:#f1f5f9;color:#94a3b8;transform:none}.zoom-controls .zoom-button i{font-size:1rem;transition:transform .2s ease}.zoom-controls .zoom-button:hover:not(:disabled) i{transform:scale(1.1)}.zoom-controls .zoom-level{min-width:4.5rem;text-align:center;font-weight:700;color:#1e293b;font-size:1rem;background:#fff;padding:.75rem 1rem;border-radius:.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;-webkit-user-select:none;user-select:none}.zoom-controls .zoom-level:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.zoom-controls .reset-button{padding:.75rem 1.25rem;border:1px solid #cbd5e1;background:#fff;color:#64748b;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;white-space:nowrap}.zoom-controls .reset-button:hover{background:#f8fafc;border-color:#94a3b8;color:#475569;transform:translateY(-1px);box-shadow:0 3px 6px #0000001a}.zoom-controls .reset-button:active{transform:translateY(0)}@media (max-width: 768px){.control-container{gap:.75rem;flex-direction:column;align-items:stretch;justify-content:flex-start}.document-name-display{margin-right:0;margin-bottom:.5rem}.zoom-controls{margin-left:0;align-self:flex-end}.zoom-controls{padding:.75rem;gap:.5rem;flex-wrap:wrap;justify-content:center}.zoom-controls .zoom-button{width:40px;height:40px}.zoom-controls .zoom-level{min-width:4rem;padding:.5rem .75rem}.zoom-controls .reset-button{padding:.5rem 1rem;font-size:.8rem}.document-name-display{padding:.5rem}.document-name-display .alias-name{font-size:1rem}}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i9.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DocumentZoomControlsComponent, isStandalone: false, selector: "document-zoom-controls", inputs: { selectedDocument: "selectedDocument", contextId: "contextId" }, outputs: { documentNameUpdated: "documentNameUpdated" }, ngImport: i0, template: "<div class=\"control-container\">\r\n  <div class=\"inline-flex align-items-center justify-content-center gap-2\">\r\n    <!-- Document name display with hover edit icon -->\r\n    <div *ngIf=\"!isEditingDocumentName\" class=\"document-name-display\" \r\n      [class.clickable-doc-name]=\"selectedDocument?.isAliasEditable\" \r\n      [class.non-clickable-doc-name]=\"!selectedDocument?.isAliasEditable\"\r\n      (click)=\"selectedDocument?.isAliasEditable ? onDocumentNameClick() : null\"\r\n      [title]=\"selectedDocument?.isAliasEditable ? 'Click to edit document name' : 'Document name is not editable'\">\r\n      <div class=\"alias-name\">\r\n        {{ selectedDocument?.aliasName || selectedDocument?.docName }}\r\n        <i *ngIf=\"selectedDocument?.isAliasEditable\" class=\"pi pi-pencil edit-icon-small\"></i>\r\n      </div>\r\n      <div class=\"document-name\">{{ selectedDocument?.docName }}</div>\r\n    </div>\r\n    <div *ngIf=\"isEditingDocumentName\" class=\"document-edit-container\">\r\n      <input #fileInput type=\"text\" class=\"h-3rem file-input-wrapper document-name-input\" pInputText\r\n        [(ngModel)]=\"documentName\" (input)=\"onDocumentNameChange($event)\" (keydown.escape)=\"cancelDocumentNameEdit()\"\r\n        (keydown.enter)=\"handleSaveClick()\" />\r\n      <div class=\"document-name-subline\">\r\n        {{ selectedDocument?.docName }}\r\n      </div>\r\n    </div>\r\n    <div *ngIf=\"fileNameError\" class=\"error-message-wrapper\">\r\n      {{ fileNameError }}\r\n    </div>\r\n  </div>\r\n  <div class=\"zoom-controls\">\r\n    <p-button type=\"button\" icon=\"pi pi-minus\" [rounded]=\"true\" severity=\"secondary\" [outlined]=\"true\" (click)=\"zoomOut()\" [disabled]=\"isZoomOutDisabled\" title=\"Zoom Out\">\r\n    </p-button>\r\n    <p-button type=\"button\" icon=\"pi pi-plus\" [rounded]=\"true\" severity=\"secondary\" [outlined]=\"true\" (click)=\"zoomIn()\" [disabled]=\"isZoomInDisabled\" title=\"Zoom In\">\r\n    </p-button>\r\n   \r\n  </div>\r\n\r\n</div>", styles: ["@charset \"UTF-8\";.control-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;width:100%}.document-name-display{display:flex;flex-direction:column;gap:.25rem;cursor:pointer;padding:.75rem;border-radius:.5rem;transition:all .2s ease;border:1px solid transparent;margin-right:auto}.document-name-display:hover{background-color:#f8fafc;border-color:#e2e8f0;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.document-name-display .alias-name{font-weight:600;color:#1e293b;font-size:1.125rem;display:flex;align-items:center;gap:.5rem;line-height:1.4}.document-name-display .alias-name .edit-icon-small{font-size:.75rem;color:#64748b;opacity:.7;transition:all .2s ease;padding:.25rem;border-radius:.25rem}.document-name-display .document-name{font-size:.875rem;color:#64748b;font-weight:400;line-height:1.3;word-break:break-all}.document-name-display:hover .edit-icon-small{opacity:1;background-color:#e2e8f0;color:#475569}.document-edit-container{display:flex;flex-direction:column;gap:.375rem;padding:.5rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0}.document-edit-container .document-name-input{border:2px solid #3b82f6;border-radius:.5rem;padding:.625rem .875rem;font-size:1rem;font-weight:500;color:#1e293b;background:#fff;transition:all .2s ease;width:100%;box-sizing:border-box}.document-edit-container .document-name-input:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.document-edit-container .document-name-input::placeholder{color:#94a3b8;font-weight:400}.document-edit-container .document-name-subline{font-size:.75rem;color:#94a3b8;font-style:italic;padding-left:.5rem;line-height:1.3}.error-message-wrapper{color:#dc2626;font-size:.875rem;font-weight:500;padding:.5rem .75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-top:.25rem;display:flex;align-items:center;gap:.5rem}.error-message-wrapper:before{content:\"\\26a0\";font-size:1rem}.zoom-controls{display:flex;align-items:center;gap:.75rem;transition:all .2s ease;margin-left:auto;padding-right:10px}.zoom-controls .zoom-button{width:44px;height:44px;border-radius:.5rem;border:none;background:#fff;color:#475569;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.25rem;font-weight:600;box-shadow:0 1px 3px #0000001a}.zoom-controls .zoom-button:hover:not(:disabled){background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.zoom-controls .zoom-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #3b82f64d}.zoom-controls .zoom-button:disabled{opacity:.4;cursor:not-allowed;background:#f1f5f9;color:#94a3b8;transform:none}.zoom-controls .zoom-button i{font-size:1rem;transition:transform .2s ease}.zoom-controls .zoom-button:hover:not(:disabled) i{transform:scale(1.1)}.zoom-controls .zoom-level{min-width:4.5rem;text-align:center;font-weight:700;color:#1e293b;font-size:1rem;background:#fff;padding:.75rem 1rem;border-radius:.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;-webkit-user-select:none;user-select:none}.zoom-controls .zoom-level:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.zoom-controls .reset-button{padding:.75rem 1.25rem;border:1px solid #cbd5e1;background:#fff;color:#64748b;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;white-space:nowrap}.zoom-controls .reset-button:hover{background:#f8fafc;border-color:#94a3b8;color:#475569;transform:translateY(-1px);box-shadow:0 3px 6px #0000001a}.zoom-controls .reset-button:active{transform:translateY(0)}@media (max-width: 768px){.control-container{gap:.75rem;flex-direction:column;align-items:stretch;justify-content:flex-start}.document-name-display{margin-right:0;margin-bottom:.5rem}.zoom-controls{margin-left:0;align-self:flex-end}.zoom-controls{padding:.75rem;gap:.5rem;flex-wrap:wrap;justify-content:center}.zoom-controls .zoom-button{width:40px;height:40px}.zoom-controls .zoom-level{min-width:4rem;padding:.5rem .75rem}.zoom-controls .reset-button{padding:.5rem 1rem;font-size:.8rem}.document-name-display{padding:.5rem}.document-name-display .alias-name{font-size:1rem}}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i9.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["variant"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentZoomControlsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'document-zoom-controls', standalone: false, template: "<div class=\"control-container\">\r\n  <div class=\"inline-flex align-items-center justify-content-center gap-2\">\r\n    <!-- Document name display with hover edit icon -->\r\n    <div *ngIf=\"!isEditingDocumentName\" class=\"document-name-display clickable-doc-name\" (click)=\"onDocumentNameClick()\"\r\n      title=\"Click to edit document name\">\r\n      <div class=\"alias-name\">\r\n        {{ selectedDocument?.aliasName || selectedDocument?.docName }}\r\n        <i class=\"pi pi-pencil edit-icon-small\"></i>\r\n      </div>\r\n      <div class=\"document-name\">{{ selectedDocument?.docName }}</div>\r\n    </div>\r\n    <div *ngIf=\"isEditingDocumentName\" class=\"document-edit-container\">\r\n      <input #fileInput type=\"text\" class=\"h-3rem file-input-wrapper document-name-input\" pInputText\r\n        [(ngModel)]=\"documentName\" (input)=\"onDocumentNameChange($event)\" (keydown.escape)=\"cancelDocumentNameEdit()\"\r\n        (keydown.enter)=\"handleSaveClick()\" />\r\n      <div class=\"document-name-subline\">\r\n        {{ selectedDocument?.docName }}\r\n      </div>\r\n    </div>\r\n    <div *ngIf=\"fileNameError\" class=\"error-message-wrapper\">\r\n      {{ fileNameError }}\r\n    </div>\r\n  </div>\r\n  <div class=\"zoom-controls\">\r\n    <p-button type=\"button\" icon=\"pi pi-minus\" [rounded]=\"true\" severity=\"secondary\" [outlined]=\"true\" (click)=\"zoomOut()\" [disabled]=\"isZoomOutDisabled\" title=\"Zoom Out\">\r\n    </p-button>\r\n    <p-button type=\"button\" icon=\"pi pi-plus\" [rounded]=\"true\" severity=\"secondary\" [outlined]=\"true\" (click)=\"zoomIn()\" [disabled]=\"isZoomInDisabled\" title=\"Zoom In\">\r\n    </p-button>\r\n   \r\n  </div>\r\n\r\n</div>", styles: ["@charset \"UTF-8\";.control-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;width:100%}.document-name-display{display:flex;flex-direction:column;gap:.25rem;cursor:pointer;padding:.75rem;border-radius:.5rem;transition:all .2s ease;border:1px solid transparent;margin-right:auto}.document-name-display:hover{background-color:#f8fafc;border-color:#e2e8f0;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.document-name-display .alias-name{font-weight:600;color:#1e293b;font-size:1.125rem;display:flex;align-items:center;gap:.5rem;line-height:1.4}.document-name-display .alias-name .edit-icon-small{font-size:.75rem;color:#64748b;opacity:.7;transition:all .2s ease;padding:.25rem;border-radius:.25rem}.document-name-display .document-name{font-size:.875rem;color:#64748b;font-weight:400;line-height:1.3;word-break:break-all}.document-name-display:hover .edit-icon-small{opacity:1;background-color:#e2e8f0;color:#475569}.document-edit-container{display:flex;flex-direction:column;gap:.375rem;padding:.5rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0}.document-edit-container .document-name-input{border:2px solid #3b82f6;border-radius:.5rem;padding:.625rem .875rem;font-size:1rem;font-weight:500;color:#1e293b;background:#fff;transition:all .2s ease;width:100%;box-sizing:border-box}.document-edit-container .document-name-input:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.document-edit-container .document-name-input::placeholder{color:#94a3b8;font-weight:400}.document-edit-container .document-name-subline{font-size:.75rem;color:#94a3b8;font-style:italic;padding-left:.5rem;line-height:1.3}.error-message-wrapper{color:#dc2626;font-size:.875rem;font-weight:500;padding:.5rem .75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-top:.25rem;display:flex;align-items:center;gap:.5rem}.error-message-wrapper:before{content:\"\\26a0\";font-size:1rem}.zoom-controls{display:flex;align-items:center;gap:.75rem;transition:all .2s ease;margin-left:auto;padding-right:10px}.zoom-controls .zoom-button{width:44px;height:44px;border-radius:.5rem;border:none;background:#fff;color:#475569;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.25rem;font-weight:600;box-shadow:0 1px 3px #0000001a}.zoom-controls .zoom-button:hover:not(:disabled){background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.zoom-controls .zoom-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #3b82f64d}.zoom-controls .zoom-button:disabled{opacity:.4;cursor:not-allowed;background:#f1f5f9;color:#94a3b8;transform:none}.zoom-controls .zoom-button i{font-size:1rem;transition:transform .2s ease}.zoom-controls .zoom-button:hover:not(:disabled) i{transform:scale(1.1)}.zoom-controls .zoom-level{min-width:4.5rem;text-align:center;font-weight:700;color:#1e293b;font-size:1rem;background:#fff;padding:.75rem 1rem;border-radius:.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;-webkit-user-select:none;user-select:none}.zoom-controls .zoom-level:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.zoom-controls .reset-button{padding:.75rem 1.25rem;border:1px solid #cbd5e1;background:#fff;color:#64748b;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;white-space:nowrap}.zoom-controls .reset-button:hover{background:#f8fafc;border-color:#94a3b8;color:#475569;transform:translateY(-1px);box-shadow:0 3px 6px #0000001a}.zoom-controls .reset-button:active{transform:translateY(0)}@media (max-width: 768px){.control-container{gap:.75rem;flex-direction:column;align-items:stretch;justify-content:flex-start}.document-name-display{margin-right:0;margin-bottom:.5rem}.zoom-controls{margin-left:0;align-self:flex-end}.zoom-controls{padding:.75rem;gap:.5rem;flex-wrap:wrap;justify-content:center}.zoom-controls .zoom-button{width:40px;height:40px}.zoom-controls .zoom-level{min-width:4rem;padding:.5rem .75rem}.zoom-controls .reset-button{padding:.5rem 1rem;font-size:.8rem}.document-name-display{padding:.5rem}.document-name-display .alias-name{font-size:1rem}}\n"] }]
+            args: [{ selector: 'document-zoom-controls', standalone: false, template: "<div class=\"control-container\">\r\n  <div class=\"inline-flex align-items-center justify-content-center gap-2\">\r\n    <!-- Document name display with hover edit icon -->\r\n    <div *ngIf=\"!isEditingDocumentName\" class=\"document-name-display\" \r\n      [class.clickable-doc-name]=\"selectedDocument?.isAliasEditable\" \r\n      [class.non-clickable-doc-name]=\"!selectedDocument?.isAliasEditable\"\r\n      (click)=\"selectedDocument?.isAliasEditable ? onDocumentNameClick() : null\"\r\n      [title]=\"selectedDocument?.isAliasEditable ? 'Click to edit document name' : 'Document name is not editable'\">\r\n      <div class=\"alias-name\">\r\n        {{ selectedDocument?.aliasName || selectedDocument?.docName }}\r\n        <i *ngIf=\"selectedDocument?.isAliasEditable\" class=\"pi pi-pencil edit-icon-small\"></i>\r\n      </div>\r\n      <div class=\"document-name\">{{ selectedDocument?.docName }}</div>\r\n    </div>\r\n    <div *ngIf=\"isEditingDocumentName\" class=\"document-edit-container\">\r\n      <input #fileInput type=\"text\" class=\"h-3rem file-input-wrapper document-name-input\" pInputText\r\n        [(ngModel)]=\"documentName\" (input)=\"onDocumentNameChange($event)\" (keydown.escape)=\"cancelDocumentNameEdit()\"\r\n        (keydown.enter)=\"handleSaveClick()\" />\r\n      <div class=\"document-name-subline\">\r\n        {{ selectedDocument?.docName }}\r\n      </div>\r\n    </div>\r\n    <div *ngIf=\"fileNameError\" class=\"error-message-wrapper\">\r\n      {{ fileNameError }}\r\n    </div>\r\n  </div>\r\n  <div class=\"zoom-controls\">\r\n    <p-button type=\"button\" icon=\"pi pi-minus\" [rounded]=\"true\" severity=\"secondary\" [outlined]=\"true\" (click)=\"zoomOut()\" [disabled]=\"isZoomOutDisabled\" title=\"Zoom Out\">\r\n    </p-button>\r\n    <p-button type=\"button\" icon=\"pi pi-plus\" [rounded]=\"true\" severity=\"secondary\" [outlined]=\"true\" (click)=\"zoomIn()\" [disabled]=\"isZoomInDisabled\" title=\"Zoom In\">\r\n    </p-button>\r\n   \r\n  </div>\r\n\r\n</div>", styles: ["@charset \"UTF-8\";.control-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;width:100%}.document-name-display{display:flex;flex-direction:column;gap:.25rem;cursor:pointer;padding:.75rem;border-radius:.5rem;transition:all .2s ease;border:1px solid transparent;margin-right:auto}.document-name-display:hover{background-color:#f8fafc;border-color:#e2e8f0;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.document-name-display .alias-name{font-weight:600;color:#1e293b;font-size:1.125rem;display:flex;align-items:center;gap:.5rem;line-height:1.4}.document-name-display .alias-name .edit-icon-small{font-size:.75rem;color:#64748b;opacity:.7;transition:all .2s ease;padding:.25rem;border-radius:.25rem}.document-name-display .document-name{font-size:.875rem;color:#64748b;font-weight:400;line-height:1.3;word-break:break-all}.document-name-display:hover .edit-icon-small{opacity:1;background-color:#e2e8f0;color:#475569}.document-edit-container{display:flex;flex-direction:column;gap:.375rem;padding:.5rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0}.document-edit-container .document-name-input{border:2px solid #3b82f6;border-radius:.5rem;padding:.625rem .875rem;font-size:1rem;font-weight:500;color:#1e293b;background:#fff;transition:all .2s ease;width:100%;box-sizing:border-box}.document-edit-container .document-name-input:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.document-edit-container .document-name-input::placeholder{color:#94a3b8;font-weight:400}.document-edit-container .document-name-subline{font-size:.75rem;color:#94a3b8;font-style:italic;padding-left:.5rem;line-height:1.3}.error-message-wrapper{color:#dc2626;font-size:.875rem;font-weight:500;padding:.5rem .75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-top:.25rem;display:flex;align-items:center;gap:.5rem}.error-message-wrapper:before{content:\"\\26a0\";font-size:1rem}.zoom-controls{display:flex;align-items:center;gap:.75rem;transition:all .2s ease;margin-left:auto;padding-right:10px}.zoom-controls .zoom-button{width:44px;height:44px;border-radius:.5rem;border:none;background:#fff;color:#475569;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.25rem;font-weight:600;box-shadow:0 1px 3px #0000001a}.zoom-controls .zoom-button:hover:not(:disabled){background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.zoom-controls .zoom-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #3b82f64d}.zoom-controls .zoom-button:disabled{opacity:.4;cursor:not-allowed;background:#f1f5f9;color:#94a3b8;transform:none}.zoom-controls .zoom-button i{font-size:1rem;transition:transform .2s ease}.zoom-controls .zoom-button:hover:not(:disabled) i{transform:scale(1.1)}.zoom-controls .zoom-level{min-width:4.5rem;text-align:center;font-weight:700;color:#1e293b;font-size:1rem;background:#fff;padding:.75rem 1rem;border-radius:.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;-webkit-user-select:none;user-select:none}.zoom-controls .zoom-level:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.zoom-controls .reset-button{padding:.75rem 1.25rem;border:1px solid #cbd5e1;background:#fff;color:#64748b;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;white-space:nowrap}.zoom-controls .reset-button:hover{background:#f8fafc;border-color:#94a3b8;color:#475569;transform:translateY(-1px);box-shadow:0 3px 6px #0000001a}.zoom-controls .reset-button:active{transform:translateY(0)}@media (max-width: 768px){.control-container{gap:.75rem;flex-direction:column;align-items:stretch;justify-content:flex-start}.document-name-display{margin-right:0;margin-bottom:.5rem}.zoom-controls{margin-left:0;align-self:flex-end}.zoom-controls{padding:.75rem;gap:.5rem;flex-wrap:wrap;justify-content:center}.zoom-controls .zoom-button{width:40px;height:40px}.zoom-controls .zoom-level{min-width:4rem;padding:.5rem .75rem}.zoom-controls .reset-button{padding:.5rem 1rem;font-size:.8rem}.document-name-display{padding:.5rem}.document-name-display .alias-name{font-size:1rem}}\n"] }]
         }], ctorParameters: () => [{ type: DocumentZoomService }, { type: DocumentHttpService }], propDecorators: { selectedDocument: [{
                 type: Input
             }], contextId: [{
@@ -7704,7 +7736,7 @@ class DocumentActionsComponent {
      */
     isUserTeamLeader() {
         this.userRole = this.sessionService.getUserRole();
-        return this.userRole === 'TeamLeader';
+        return this.userRole === SHARED.TEAM_LEADER;
     }
     /**
      * Checks if the current user is an Underwriter
@@ -7712,7 +7744,7 @@ class DocumentActionsComponent {
      */
     isUserUnderwriter() {
         this.userRole = this.sessionService.getUserRole();
-        return this.userRole === 'Underwriter User';
+        return this.userRole === SHARED.UNDERWRITER_USER;
     }
     /**
      * Updates the isRejectNoteEmpty property based on current rejectNote value
@@ -7804,6 +7836,16 @@ class DocumentViewerComponent {
      * @type {EventEmitter<void>}
      */
     documentStatusUpdated = new EventEmitter();
+    /**
+     * Event emitted when a delete error occurs
+     * @type {EventEmitter<any>}
+     */
+    deleteError = new EventEmitter();
+    /**
+     * Event emitted when a delete operation succeeds
+     * @type {EventEmitter<void>}
+     */
+    deleteSuccess = new EventEmitter();
     /**
      * Event emitted when the document viewer is destroyed to trigger refresh
      * @type {EventEmitter<void>}
@@ -7839,7 +7881,9 @@ class DocumentViewerComponent {
         isActionLoading: false,
         documentStatus: SHARED.STATUS_PENDING,
         documentIsUploaded: false,
-        alertData: null
+        alertData: null,
+        deleteError: null,
+        deleteSuccess: false
     };
     /**
      * Holds the subscription to manage observable cleanup.
@@ -7862,6 +7906,18 @@ class DocumentViewerComponent {
         // Subscribe to state changes from the service
         this.subscription.add(this.documentViewerService.state$.subscribe(state => {
             this.currentState = state;
+            // Check for delete errors and emit them to parent
+            if (state.deleteError) {
+                this.deleteError.emit(state.deleteError);
+                // Clear the error from state after emitting
+                this.documentStore.setDeleteError(null);
+            }
+            // Check for delete success and emit to parent
+            if (state.deleteSuccess) {
+                this.deleteSuccess.emit();
+                // Clear the success flag from state after emitting
+                this.documentStore.setDeleteSuccess(false);
+            }
         }));
     }
     /**
@@ -7916,14 +7972,14 @@ class DocumentViewerComponent {
         if (document && document.documentUrl && document.docName) {
             // Create a temporary document object for the viewer
             const tempDocument = {
-                _id: 'temp-' + Date.now(), // Temporary ID
+                _id: document._id,
                 docName: document.docName,
                 fileName: document.docName,
                 documentUrl: document.documentUrl,
                 contentType: document.contentType,
-                status: 'Reviewing', // Default status
+                status: document.status,
                 isUploaded: true,
-                fileSize: '0', // Default file size
+                fileSize: '0',
                 uploadedOn: new Date().toISOString(), // Current date
                 ownerName: 'History Document' // Default owner
             };
@@ -7948,7 +8004,7 @@ class DocumentViewerComponent {
         this.documentStore.clearDocumentViewerState();
     }
     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 }, { token: DocumentStore }], 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", viewerDestroyed: "viewerDestroyed" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"document-viewer-container grid p-formgrid\">\r\n  <div class=\"main-content col-12 md:col-12\">\r\n    @if(messages.length > 0) {\r\n    <p-messages [(value)]=\"messages\" [enableService]=\"false\"></p-messages>\r\n    }\r\n    \r\n    <div class=\"content-grid col-12 md:col-12\">\r\n      @if(selectedDocument){\r\n      <div class=\"document-preview col-12 md:col-9\">\r\n        <document-content-viewer\r\n          [documentUrl]=\"selectedDocument?.documentUrl\"\r\n          [contentType]=\"selectedDocument?.contentType\"\r\n          [documentName]=\"selectedDocument?.docName\"\r\n          [selectedDocument]=\"selectedDocument\"\r\n          [contextId]=\"contextId\"\r\n          (documentNameUpdated)=\"onDocumentNameUpdated()\"\r\n        ></document-content-viewer>\r\n      </div>\r\n      }\r\n\r\n      <div class=\"sidebar col-12 md:col-3 pt-0\">\r\n        <div class=\"sidebar card\">\r\n          <document-history \r\n          [historyData]=\"currentState.documentHistory\" \r\n          [showHistory]=\"currentState.showDocumentHistory\"\r\n          [contextId]=\"contextId\"\r\n          [selectedDocument]=\"selectedDocument\"\r\n          (deleteTaskRequested)=\"onDeleteTaskRequested()\"\r\n          (documentSelected)=\"onDocumentSelected($event)\">\r\n          \r\n          <!-- Document Actions Component inside the history component -->\r\n           <div actions-component *ngIf=\"selectedDocument?.status !=='Pending' && !selectedDocument?.isUploaded && selectedDocument?.status === 'Reviewing'\">\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          </div>\r\n          <ng-content [select]=\"'action-launcher'\"></ng-content>\r\n        </document-history>\r\n        \r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;height:100%;width:100%;overflow:hidden;position:relative}.document-viewer-container{height:100%;width:100%;position:relative;z-index:1;overflow:hidden;display:flex;flex-direction:column}.document-viewer-container .main-content{height:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0}.document-viewer-container .main-content .p-messages{margin-bottom:.5rem;flex-shrink:0}.document-viewer-container .main-content .content-grid{display:grid;grid-template-columns:1fr 400px;gap:1rem;height:0;min-height:0;overflow:hidden;flex:1}.document-viewer-container .main-content .content-grid .document-preview{background:transparent;border-radius:8px;height:100%;width:100%;min-width:0;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.document-viewer-container .main-content .content-grid .document-preview::-webkit-scrollbar{display:none}.document-viewer-container .main-content .content-grid .sidebar{display:flex;flex-direction:column;gap:.75rem;height:100%;overflow-y:auto;min-width:0;width:100%;scrollbar-width:none;-ms-overflow-style:none}.document-viewer-container .main-content .content-grid .sidebar::-webkit-scrollbar{display:none}.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;scrollbar-width:none;-ms-overflow-style:none}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-history-container::-webkit-scrollbar{display:none}::ng-deep .p-dialog-content{overflow:hidden!important;height:100%!important}::ng-deep .p-dialog{overflow:hidden!important}@media (max-width: 1200px){.document-viewer-container .main-content .content-grid{grid-template-columns:1fr 380px;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{position:relative;z-index:1}.document-viewer .p-dialog{width:100%;height:100%;max-height:100%!important;box-shadow:none!important;z-index:9999!important}.document-viewer .p-dialog-header-close-icon{height:20px;width:20px}.document-viewer .p-dialog-header{background-color:#fff;border-radius:0;padding:.5rem}.document-viewer .p-dialog-content{background-color:#fff;border-radius:0;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5$1.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }, { kind: "component", type: DocumentHistoryComponent, selector: "document-history", inputs: ["historyData", "showHistory", "contextId", "selectedDocument"], outputs: ["deleteTaskRequested", "documentSelected"] }, { kind: "component", type: DocumentContentViewerComponent, selector: "document-content-viewer", inputs: ["documentUrl", "contentType", "documentName", "selectedDocument", "contextId"] }, { 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", deleteError: "deleteError", deleteSuccess: "deleteSuccess", viewerDestroyed: "viewerDestroyed" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"document-viewer-container grid p-formgrid\">\r\n  <div class=\"main-content col-12 md:col-12\">\r\n    @if(messages.length > 0) {\r\n    <p-messages [(value)]=\"messages\" [enableService]=\"false\"></p-messages>\r\n    }\r\n    \r\n    <div class=\"content-grid col-12 md:col-12\">\r\n      @if(selectedDocument){\r\n      <div class=\"document-preview col-12 md:col-9\">\r\n        <document-content-viewer\r\n          [documentUrl]=\"selectedDocument?.documentUrl\"\r\n          [contentType]=\"selectedDocument?.contentType\"\r\n          [documentName]=\"selectedDocument?.docName\"\r\n          [selectedDocument]=\"selectedDocument\"\r\n          [contextId]=\"contextId\"\r\n          (documentNameUpdated)=\"onDocumentNameUpdated()\"\r\n        ></document-content-viewer>\r\n      </div>\r\n      }\r\n\r\n      <div class=\"sidebar col-12 md:col-3 pt-0\">\r\n        <div class=\"sidebar card\">\r\n          <document-history \r\n          [historyData]=\"currentState.documentHistory\" \r\n          [showHistory]=\"currentState.showDocumentHistory\"\r\n          [contextId]=\"contextId\"\r\n          [selectedDocument]=\"selectedDocument\"\r\n          (deleteTaskRequested)=\"onDeleteTaskRequested()\"\r\n          (documentSelected)=\"onDocumentSelected($event)\">\r\n          \r\n          <!-- Document Actions Component inside the history component -->\r\n           <div actions-component *ngIf=\"selectedDocument?.status !=='Pending' && !selectedDocument?.isUploaded && selectedDocument?.status === 'Reviewing'\">\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          </div>\r\n          <ng-content [select]=\"'action-launcher'\"></ng-content>\r\n        </document-history>\r\n        \r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;height:100%;width:100%;overflow:hidden;position:relative}.document-viewer-container{height:100%;width:100%;position:relative;z-index:1;overflow:hidden;display:flex;flex-direction:column}.document-viewer-container .main-content{height:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0}.document-viewer-container .main-content .p-messages{margin-bottom:.5rem;flex-shrink:0}.document-viewer-container .main-content .content-grid{display:grid;grid-template-columns:1fr 400px;gap:1rem;height:0;min-height:0;overflow:hidden;flex:1}.document-viewer-container .main-content .content-grid .document-preview{background:transparent;border-radius:8px;height:100%;width:100%;min-width:0;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.document-viewer-container .main-content .content-grid .document-preview::-webkit-scrollbar{display:none}.document-viewer-container .main-content .content-grid .sidebar{display:flex;flex-direction:column;gap:.75rem;height:100%;overflow-y:auto;min-width:0;width:100%;scrollbar-width:none;-ms-overflow-style:none}.document-viewer-container .main-content .content-grid .sidebar::-webkit-scrollbar{display:none}.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;scrollbar-width:none;-ms-overflow-style:none}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-history-container::-webkit-scrollbar{display:none}::ng-deep .p-dialog-content{overflow:hidden!important;height:100%!important}::ng-deep .p-dialog{overflow:hidden!important}@media (max-width: 1200px){.document-viewer-container .main-content .content-grid{grid-template-columns:1fr 380px;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{position:relative;z-index:1}.document-viewer .p-dialog{width:100%;height:100%;max-height:100%!important;box-shadow:none!important;z-index:9999!important}.document-viewer .p-dialog-header-close-icon{height:20px;width:20px}.document-viewer .p-dialog-header{background-color:#fff;border-radius:0;padding:.5rem}.document-viewer .p-dialog-content{background-color:#fff;border-radius:0;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5$1.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }, { kind: "component", type: DocumentHistoryComponent, selector: "document-history", inputs: ["historyData", "showHistory", "contextId", "selectedDocument"], outputs: ["deleteTaskRequested", "documentSelected"] }, { kind: "component", type: DocumentContentViewerComponent, selector: "document-content-viewer", inputs: ["documentUrl", "contentType", "documentName", "selectedDocument", "contextId"] }, { 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,
@@ -7961,6 +8017,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 type: Input
             }], documentStatusUpdated: [{
                 type: Output
+            }], deleteError: [{
+                type: Output
+            }], deleteSuccess: [{
+                type: Output
             }], viewerDestroyed: [{
                 type: Output
             }] } });
@@ -8200,6 +8260,7 @@ 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();
                 }
@@ -8207,6 +8268,8 @@ class DocumentListComponent {
             },
             error: (error) => {
                 console.error(ERRORS.ERROR_FETCHING_DOCUMENTS, error);
+                // Show error message without closing dialog
+                this.showDeleteErrorMessage(error);
             }
         });
     }
@@ -8240,7 +8303,8 @@ class DocumentListComponent {
      */
     handleDocumentStatusUpdate(event) {
         if (event.actionType === SHARED.DELETE_ACTION) {
-            this.refreshDocumentList(true);
+            // Delete success is now handled separately via handleDeleteSuccess()
+            // Don't call refreshDocumentList here for delete actions
         }
         else if (event.actionType === SHARED.NAME_UPDATE_ACTION) {
             this.handleDocumentNameUpdate();
@@ -8249,6 +8313,31 @@ class DocumentListComponent {
             this.refreshDocumentList();
         }
     }
+    /**
+     * Shows delete error message for 2 seconds without closing dialog
+     * @param error - The error object from the delete operation
+     */
+    showDeleteErrorMessage(error) {
+        const errorMessage = error?.error?.message || error?.message || 'Failed to delete document. Please try again.';
+        this.deleteMessage = [{ severity: 'error', detail: errorMessage }];
+        // Clear error message after 2 seconds
+        setTimeout(() => {
+            this.deleteMessage = SHARED.EMPTY_ARRAY;
+        }, 2000);
+    }
+    /**
+     * Handles delete error events from the document viewer
+     * @param error - The error object from the delete operation
+     */
+    handleDeleteError(error) {
+        this.showDeleteErrorMessage(error);
+    }
+    /**
+     * Handles delete success events from the document viewer
+     */
+    handleDeleteSuccess() {
+        this.refreshDocumentList(true);
+    }
     /**
      * Handles document name update event from viewer
      */
@@ -8437,11 +8526,11 @@ class DocumentListComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentListComponent, deps: [{ token: DocumentListService }, { token: DocumentHttpService }, { token: DocumentMenuService }, { token: DocumentStore }, { token: DocumentScrollService }], 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", selectedMenuItemId: "selectedMenuItemId", navigationInfo: "navigationInfo", documentList: "documentList" }, outputs: { handleSelectedDocument: "handleSelectedDocument" }, viewQueries: [{ propertyName: "documentCategoriesContainer", first: true, predicate: ["documentCategoriesContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"document-viewer\">\r\n  <p-dialog [(visible)]=\"isdialogVisible\" [modal]=\"true\"\r\n    class=\"w-full h-full document-dailog-wrapper\" [draggable]=\"false\" [closable]=\"true\" (onHide)=\"handleCloseModal()\">\r\n    <p-messages [(value)]=\"deleteMessage\" [enableService]=\"false\" [closable]=\"false\" />\r\n  \r\n    <document-viewer [selectedDocument]=\"selectedDocument\" [documentList]=\"documentList\" [contextId]=\"contextId\"\r\n      (documentStatusUpdated)=\"handleDocumentStatusUpdate($event)\"\r\n      (viewerDestroyed)=\"handleViewerDestroyed()\">\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\" #documentCategoriesContainer>\r\n  <div class=\"category\" *ngFor=\"let category of documentCategories; let i = index\"\r\n    [id]=\"categoryIds[i]\">\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        <p-badge \r\n          [severity]=\"categorySeverities[i]\" \r\n          [value]=\"categoryCompletionCounts[i] + ' Complete'\"\r\n          class=\"completion-badge\">\r\n        </p-badge>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"table-container\">\r\n      <lib-table-primary [tableData]=\"categoryTables[i]\" [tableStyle]=\"{ 'min-width': '100%' }\"\r\n        (rowClick)=\"handleTableRowClick($event)\" (deleteAction)=\"handleDeleteAction($event)\">\r\n      </lib-table-primary>\r\n    </div>\r\n  </div>\r\n</div>", styles: [".document-list-wrapper .p-accordion-header-link{padding:.5rem}.document-list-wrapper .p-sidebar-right{width:35%}.error-message-wrapper{color:#dc3545}.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}.clickable-doc-name{cursor:pointer;transition:all .2s ease;padding:4px 8px;border-radius:4px}.clickable-doc-name:hover{background-color:#4c62921a;color:var(--primary-color, #4C6292)}.clickable-doc-name:active{background-color:#4c629233;transform:scale(.98)}.clickable-doc-name .edit-icon{font-size:.8em;margin-left:8px;opacity:.6;transition:opacity .2s ease}.clickable-doc-name:hover .edit-icon{opacity:1}.document-name-display{display:flex;flex-direction:column;align-items:flex-start;gap:4px;cursor:pointer;transition:all .2s ease;padding:4px 8px;border-radius:4px;width:100%}.document-name-display:hover{background-color:#4c62921a}.document-name-display:hover .alias-name{color:var(--primary-color, #4C6292)}.document-name-display:active{background-color:#4c629233;transform:scale(.98)}.document-name-display .alias-name{font-size:1.5rem;font-weight:700;color:var(--text-color, #2c3e50);line-height:1.2;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:none;transition:color .2s ease;display:flex;align-items:center;justify-content:flex-start;gap:8px}.document-name-display .alias-name .edit-icon-small{font-size:.7em;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;margin-left:6px}.document-name-display:hover .edit-icon-small{opacity:1;visibility:visible}.document-name-display .document-name{font-size:.875rem;color:var(--text-color-secondary, #6c757d);font-weight:400;line-height:1.2;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:none;opacity:.8}.file-input-wrapper{transition:all .2s ease;min-width:300px!important;width:auto!important;max-width:80vw!important}.file-input-wrapper:focus{border-color:var(--primary-color, #4C6292)!important;box-shadow:0 0 0 .2rem #4c629240!important;outline:none!important}.document-name-input{min-width:400px!important;width:auto!important;max-width:70vw!important;padding:8px 12px!important;font-size:1.1rem!important;font-weight:500!important;border:2px solid var(--primary-color, #4C6292)!important;border-radius:6px!important;background-color:#fff!important}.document-name-input:focus{outline:none!important;border-color:var(--primary-color, #4C6292)!important;box-shadow:0 0 0 .2rem #4c629240!important}.document-edit-container{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;max-width:70vw}.document-name-subline{font-size:.85rem;color:var(--text-color-secondary, #6c757d);line-height:1.2;padding-left:4px;opacity:.8}.document-viewer{position:relative;z-index:1}.document-viewer ::ng-deep .p-dialog{z-index:9999!important}.document-viewer ::ng-deep .p-dialog-mask{z-index:9998!important}.document-viewer ::ng-deep .p-dialog{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;margin:0!important;top:0!important;left:0!important;transform:none!important}.document-viewer ::ng-deep .p-dialog-content{height:calc(100vh - 60px)!important;max-height:none!important}.document-categories-container{padding:1rem;min-height:auto}.document-categories-container .category{background:#fff;border-radius:8px;margin-bottom:2rem;overflow:hidden;transition:all .3s ease}.document-categories-container .category .category-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:.6rem;padding-bottom:1rem}.document-categories-container .category .category-header .category-title{flex:1;min-width:0}.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{display:flex;align-items:center;justify-content:center;min-width:fit-content}.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 .category-header .completion-status .completion-badge{display:flex;align-items:center;justify-content:center}.document-categories-container .category .category-header .completion-status .completion-badge .p-badge{font-size:.75rem;font-weight:500;padding:.375rem .75rem;border-radius:6px;display:flex;align-items:center;justify-content:center;min-width:fit-content;white-space:nowrap}.document-categories-container .category .category-header .completion-status .completion-badge .p-badge.p-badge-success{background-color:#d1fae5;color:#065f46;font-family:inherit;font-size:12px;padding:15px;font-weight:400}.document-categories-container .category .category-header .completion-status .completion-badge .p-badge.p-badge-info{background-color:#e5e7eb;color:#000;font-family:inherit;font-size:12px;font-weight:400;padding:15px;font-style:inherit}.document-categories-container .category .category-header .completion-status .completion-badge .p-badge.p-badge-warning{background-color:#fef3c7;color:#d97706;font-family:inherit;padding:15px;font-size:12px;font-weight:400;font-style:inherit}.document-categories-container .category .category-header .completion-status .completion-badge .p-badge.p-badge-danger{background-color:#fee2e2;color:#dc2626;font-family:inherit;font-size:12px;padding:15px;font-weight:400;font-style:inherit}.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 .section-header .completion-status .completion-badge .p-badge{font-size:.75rem;font-weight:500;padding:.375rem .75rem;border-radius:6px}.document-sections-container .section .section-header .completion-status .completion-badge .p-badge.p-badge-success{background-color:#10b981;color:#fff}.document-sections-container .section .section-header .completion-status .completion-badge .p-badge.p-badge-info{background-color:#3b82f6;color:#fff}.document-sections-container .section .section-header .completion-status .completion-badge .p-badge.p-badge-warning{background-color:#f59e0b;color:#fff}.document-sections-container .section .section-header .completion-status .completion-badge .p-badge.p-badge-danger{background-color:#ef4444;color:#fff}.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:stretch}.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:center;width:100%;justify-content:center}}\n"], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5$1.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }, { kind: "component", type: i9$1.Badge, selector: "p-badge", inputs: ["styleClass", "style", "badgeSize", "severity", "value", "badgeDisabled", "size"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8$1.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: i6.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", "viewerDestroyed"] }], 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" }, outputs: { handleSelectedDocument: "handleSelectedDocument" }, viewQueries: [{ propertyName: "documentCategoriesContainer", first: true, predicate: ["documentCategoriesContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"document-viewer\">\r\n  <p-dialog [(visible)]=\"isdialogVisible\" [modal]=\"true\"\r\n    class=\"w-full h-full document-dailog-wrapper\" [draggable]=\"false\" [closable]=\"true\" (onHide)=\"handleCloseModal()\">\r\n    <p-messages [(value)]=\"deleteMessage\" [enableService]=\"false\" [closable]=\"false\" />\r\n  \r\n    <document-viewer [selectedDocument]=\"selectedDocument\" [documentList]=\"documentList\" [contextId]=\"contextId\"\r\n      (documentStatusUpdated)=\"handleDocumentStatusUpdate($event)\"\r\n      (viewerDestroyed)=\"handleViewerDestroyed()\"\r\n      (deleteError)=\"handleDeleteError($event)\"\r\n      (deleteSuccess)=\"handleDeleteSuccess()\">\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\" #documentCategoriesContainer>\r\n  <div class=\"category\" *ngFor=\"let category of documentCategories; let i = index\"\r\n    [id]=\"categoryIds[i]\">\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        <p-badge \r\n          [severity]=\"categorySeverities[i]\" \r\n          [value]=\"categoryCompletionCounts[i] + ' Complete'\"\r\n          class=\"completion-badge\">\r\n        </p-badge>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"table-container\">\r\n      <lib-table-primary [tableData]=\"categoryTables[i]\" [tableStyle]=\"{ 'min-width': '100%' }\"\r\n        (rowClick)=\"handleTableRowClick($event)\" (deleteAction)=\"handleDeleteAction($event)\">\r\n      </lib-table-primary>\r\n    </div>\r\n  </div>\r\n</div>", styles: [".document-list-wrapper .p-accordion-header-link{padding:.5rem}.document-list-wrapper .p-sidebar-right{width:35%}.error-message-wrapper{color:#dc3545}.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}.clickable-doc-name{cursor:pointer;transition:all .2s ease;padding:4px 8px;border-radius:4px}.clickable-doc-name:hover{background-color:#4c62921a;color:var(--primary-color, #4C6292)}.clickable-doc-name:active{background-color:#4c629233;transform:scale(.98)}.clickable-doc-name .edit-icon{font-size:.8em;margin-left:8px;opacity:.6;transition:opacity .2s ease}.clickable-doc-name:hover .edit-icon{opacity:1}.document-name-display{display:flex;flex-direction:column;align-items:flex-start;gap:4px;cursor:pointer;transition:all .2s ease;padding:4px 8px;border-radius:4px;width:100%}.document-name-display:hover{background-color:#4c62921a}.document-name-display:hover .alias-name{color:var(--primary-color, #4C6292)}.document-name-display:active{background-color:#4c629233;transform:scale(.98)}.document-name-display .alias-name{font-size:1.5rem;font-weight:700;color:var(--text-color, #2c3e50);line-height:1.2;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:none;transition:color .2s ease;display:flex;align-items:center;justify-content:flex-start;gap:8px}.document-name-display .alias-name .edit-icon-small{font-size:.7em;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;margin-left:6px}.document-name-display:hover .edit-icon-small{opacity:1;visibility:visible}.document-name-display .document-name{font-size:.875rem;color:var(--text-color-secondary, #6c757d);font-weight:400;line-height:1.2;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:none;opacity:.8}.file-input-wrapper{transition:all .2s ease;min-width:300px!important;width:auto!important;max-width:80vw!important}.file-input-wrapper:focus{border-color:var(--primary-color, #4C6292)!important;box-shadow:0 0 0 .2rem #4c629240!important;outline:none!important}.document-name-input{min-width:400px!important;width:auto!important;max-width:70vw!important;padding:8px 12px!important;font-size:1.1rem!important;font-weight:500!important;border:2px solid var(--primary-color, #4C6292)!important;border-radius:6px!important;background-color:#fff!important}.document-name-input:focus{outline:none!important;border-color:var(--primary-color, #4C6292)!important;box-shadow:0 0 0 .2rem #4c629240!important}.document-edit-container{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;max-width:70vw}.document-name-subline{font-size:.85rem;color:var(--text-color-secondary, #6c757d);line-height:1.2;padding-left:4px;opacity:.8}.document-viewer{position:relative;z-index:1}.document-viewer ::ng-deep .p-dialog{z-index:9999!important}.document-viewer ::ng-deep .p-dialog-mask{z-index:9998!important}.document-viewer ::ng-deep .p-dialog{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;margin:0!important;top:0!important;left:0!important;transform:none!important}.document-viewer ::ng-deep .p-dialog-content{height:calc(100vh - 60px)!important;max-height:none!important}.document-categories-container{padding:1rem;min-height:auto}.document-categories-container .category{background:#fff;border-radius:8px;margin-bottom:2rem;overflow:hidden;transition:all .3s ease}.document-categories-container .category .category-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:.6rem;padding-bottom:1rem}.document-categories-container .category .category-header .category-title{flex:1;min-width:0}.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{display:flex;align-items:center;justify-content:center;min-width:fit-content}.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 .category-header .completion-status .completion-badge{display:flex;align-items:center;justify-content:center}.document-categories-container .category .category-header .completion-status .completion-badge .p-badge{font-size:.75rem;font-weight:500;padding:.375rem .75rem;border-radius:6px;display:flex;align-items:center;justify-content:center;min-width:fit-content;white-space:nowrap}.document-categories-container .category .category-header .completion-status .completion-badge .p-badge.p-badge-success{background-color:#d1fae5;color:#065f46;font-family:inherit;font-size:12px;padding:15px;font-weight:400}.document-categories-container .category .category-header .completion-status .completion-badge .p-badge.p-badge-info{background-color:#e5e7eb;color:#000;font-family:inherit;font-size:12px;font-weight:400;padding:15px;font-style:inherit}.document-categories-container .category .category-header .completion-status .completion-badge .p-badge.p-badge-warning{background-color:#fef3c7;color:#d97706;font-family:inherit;padding:15px;font-size:12px;font-weight:400;font-style:inherit}.document-categories-container .category .category-header .completion-status .completion-badge .p-badge.p-badge-danger{background-color:#fee2e2;color:#dc2626;font-family:inherit;font-size:12px;padding:15px;font-weight:400;font-style:inherit}.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 .section-header .completion-status .completion-badge .p-badge{font-size:.75rem;font-weight:500;padding:.375rem .75rem;border-radius:6px}.document-sections-container .section .section-header .completion-status .completion-badge .p-badge.p-badge-success{background-color:#10b981;color:#fff}.document-sections-container .section .section-header .completion-status .completion-badge .p-badge.p-badge-info{background-color:#3b82f6;color:#fff}.document-sections-container .section .section-header .completion-status .completion-badge .p-badge.p-badge-warning{background-color:#f59e0b;color:#fff}.document-sections-container .section .section-header .completion-status .completion-badge .p-badge.p-badge-danger{background-color:#ef4444;color:#fff}.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:stretch}.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:center;width:100%;justify-content:center}}\n"], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5$1.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }, { kind: "component", type: i9$1.Badge, selector: "p-badge", inputs: ["styleClass", "style", "badgeSize", "severity", "value", "badgeDisabled", "size"] }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8$1.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: i6.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", "deleteError", "deleteSuccess", "viewerDestroyed"] }], 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 [(visible)]=\"isdialogVisible\" [modal]=\"true\"\r\n    class=\"w-full h-full document-dailog-wrapper\" [draggable]=\"false\" [closable]=\"true\" (onHide)=\"handleCloseModal()\">\r\n    <p-messages [(value)]=\"deleteMessage\" [enableService]=\"false\" [closable]=\"false\" />\r\n  \r\n    <document-viewer [selectedDocument]=\"selectedDocument\" [documentList]=\"documentList\" [contextId]=\"contextId\"\r\n      (documentStatusUpdated)=\"handleDocumentStatusUpdate($event)\"\r\n      (viewerDestroyed)=\"handleViewerDestroyed()\">\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\" #documentCategoriesContainer>\r\n  <div class=\"category\" *ngFor=\"let category of documentCategories; let i = index\"\r\n    [id]=\"categoryIds[i]\">\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        <p-badge \r\n          [severity]=\"categorySeverities[i]\" \r\n          [value]=\"categoryCompletionCounts[i] + ' Complete'\"\r\n          class=\"completion-badge\">\r\n        </p-badge>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"table-container\">\r\n      <lib-table-primary [tableData]=\"categoryTables[i]\" [tableStyle]=\"{ 'min-width': '100%' }\"\r\n        (rowClick)=\"handleTableRowClick($event)\" (deleteAction)=\"handleDeleteAction($event)\">\r\n      </lib-table-primary>\r\n    </div>\r\n  </div>\r\n</div>", styles: [".document-list-wrapper .p-accordion-header-link{padding:.5rem}.document-list-wrapper .p-sidebar-right{width:35%}.error-message-wrapper{color:#dc3545}.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}.clickable-doc-name{cursor:pointer;transition:all .2s ease;padding:4px 8px;border-radius:4px}.clickable-doc-name:hover{background-color:#4c62921a;color:var(--primary-color, #4C6292)}.clickable-doc-name:active{background-color:#4c629233;transform:scale(.98)}.clickable-doc-name .edit-icon{font-size:.8em;margin-left:8px;opacity:.6;transition:opacity .2s ease}.clickable-doc-name:hover .edit-icon{opacity:1}.document-name-display{display:flex;flex-direction:column;align-items:flex-start;gap:4px;cursor:pointer;transition:all .2s ease;padding:4px 8px;border-radius:4px;width:100%}.document-name-display:hover{background-color:#4c62921a}.document-name-display:hover .alias-name{color:var(--primary-color, #4C6292)}.document-name-display:active{background-color:#4c629233;transform:scale(.98)}.document-name-display .alias-name{font-size:1.5rem;font-weight:700;color:var(--text-color, #2c3e50);line-height:1.2;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:none;transition:color .2s ease;display:flex;align-items:center;justify-content:flex-start;gap:8px}.document-name-display .alias-name .edit-icon-small{font-size:.7em;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;margin-left:6px}.document-name-display:hover .edit-icon-small{opacity:1;visibility:visible}.document-name-display .document-name{font-size:.875rem;color:var(--text-color-secondary, #6c757d);font-weight:400;line-height:1.2;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:none;opacity:.8}.file-input-wrapper{transition:all .2s ease;min-width:300px!important;width:auto!important;max-width:80vw!important}.file-input-wrapper:focus{border-color:var(--primary-color, #4C6292)!important;box-shadow:0 0 0 .2rem #4c629240!important;outline:none!important}.document-name-input{min-width:400px!important;width:auto!important;max-width:70vw!important;padding:8px 12px!important;font-size:1.1rem!important;font-weight:500!important;border:2px solid var(--primary-color, #4C6292)!important;border-radius:6px!important;background-color:#fff!important}.document-name-input:focus{outline:none!important;border-color:var(--primary-color, #4C6292)!important;box-shadow:0 0 0 .2rem #4c629240!important}.document-edit-container{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;max-width:70vw}.document-name-subline{font-size:.85rem;color:var(--text-color-secondary, #6c757d);line-height:1.2;padding-left:4px;opacity:.8}.document-viewer{position:relative;z-index:1}.document-viewer ::ng-deep .p-dialog{z-index:9999!important}.document-viewer ::ng-deep .p-dialog-mask{z-index:9998!important}.document-viewer ::ng-deep .p-dialog{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;margin:0!important;top:0!important;left:0!important;transform:none!important}.document-viewer ::ng-deep .p-dialog-content{height:calc(100vh - 60px)!important;max-height:none!important}.document-categories-container{padding:1rem;min-height:auto}.document-categories-container .category{background:#fff;border-radius:8px;margin-bottom:2rem;overflow:hidden;transition:all .3s ease}.document-categories-container .category .category-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:.6rem;padding-bottom:1rem}.document-categories-container .category .category-header .category-title{flex:1;min-width:0}.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{display:flex;align-items:center;justify-content:center;min-width:fit-content}.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 .category-header .completion-status .completion-badge{display:flex;align-items:center;justify-content:center}.document-categories-container .category .category-header .completion-status .completion-badge .p-badge{font-size:.75rem;font-weight:500;padding:.375rem .75rem;border-radius:6px;display:flex;align-items:center;justify-content:center;min-width:fit-content;white-space:nowrap}.document-categories-container .category .category-header .completion-status .completion-badge .p-badge.p-badge-success{background-color:#d1fae5;color:#065f46;font-family:inherit;font-size:12px;padding:15px;font-weight:400}.document-categories-container .category .category-header .completion-status .completion-badge .p-badge.p-badge-info{background-color:#e5e7eb;color:#000;font-family:inherit;font-size:12px;font-weight:400;padding:15px;font-style:inherit}.document-categories-container .category .category-header .completion-status .completion-badge .p-badge.p-badge-warning{background-color:#fef3c7;color:#d97706;font-family:inherit;padding:15px;font-size:12px;font-weight:400;font-style:inherit}.document-categories-container .category .category-header .completion-status .completion-badge .p-badge.p-badge-danger{background-color:#fee2e2;color:#dc2626;font-family:inherit;font-size:12px;padding:15px;font-weight:400;font-style:inherit}.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 .section-header .completion-status .completion-badge .p-badge{font-size:.75rem;font-weight:500;padding:.375rem .75rem;border-radius:6px}.document-sections-container .section .section-header .completion-status .completion-badge .p-badge.p-badge-success{background-color:#10b981;color:#fff}.document-sections-container .section .section-header .completion-status .completion-badge .p-badge.p-badge-info{background-color:#3b82f6;color:#fff}.document-sections-container .section .section-header .completion-status .completion-badge .p-badge.p-badge-warning{background-color:#f59e0b;color:#fff}.document-sections-container .section .section-header .completion-status .completion-badge .p-badge.p-badge-danger{background-color:#ef4444;color:#fff}.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:stretch}.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:center;width:100%;justify-content:center}}\n"] }]
+            args: [{ selector: 'lib-document-list', standalone: false, encapsulation: ViewEncapsulation.None, template: "<div class=\"document-viewer\">\r\n  <p-dialog [(visible)]=\"isdialogVisible\" [modal]=\"true\"\r\n    class=\"w-full h-full document-dailog-wrapper\" [draggable]=\"false\" [closable]=\"true\" (onHide)=\"handleCloseModal()\">\r\n    <p-messages [(value)]=\"deleteMessage\" [enableService]=\"false\" [closable]=\"false\" />\r\n  \r\n    <document-viewer [selectedDocument]=\"selectedDocument\" [documentList]=\"documentList\" [contextId]=\"contextId\"\r\n      (documentStatusUpdated)=\"handleDocumentStatusUpdate($event)\"\r\n      (viewerDestroyed)=\"handleViewerDestroyed()\"\r\n      (deleteError)=\"handleDeleteError($event)\"\r\n      (deleteSuccess)=\"handleDeleteSuccess()\">\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\" #documentCategoriesContainer>\r\n  <div class=\"category\" *ngFor=\"let category of documentCategories; let i = index\"\r\n    [id]=\"categoryIds[i]\">\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        <p-badge \r\n          [severity]=\"categorySeverities[i]\" \r\n          [value]=\"categoryCompletionCounts[i] + ' Complete'\"\r\n          class=\"completion-badge\">\r\n        </p-badge>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"table-container\">\r\n      <lib-table-primary [tableData]=\"categoryTables[i]\" [tableStyle]=\"{ 'min-width': '100%' }\"\r\n        (rowClick)=\"handleTableRowClick($event)\" (deleteAction)=\"handleDeleteAction($event)\">\r\n      </lib-table-primary>\r\n    </div>\r\n  </div>\r\n</div>", styles: [".document-list-wrapper .p-accordion-header-link{padding:.5rem}.document-list-wrapper .p-sidebar-right{width:35%}.error-message-wrapper{color:#dc3545}.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}.clickable-doc-name{cursor:pointer;transition:all .2s ease;padding:4px 8px;border-radius:4px}.clickable-doc-name:hover{background-color:#4c62921a;color:var(--primary-color, #4C6292)}.clickable-doc-name:active{background-color:#4c629233;transform:scale(.98)}.clickable-doc-name .edit-icon{font-size:.8em;margin-left:8px;opacity:.6;transition:opacity .2s ease}.clickable-doc-name:hover .edit-icon{opacity:1}.document-name-display{display:flex;flex-direction:column;align-items:flex-start;gap:4px;cursor:pointer;transition:all .2s ease;padding:4px 8px;border-radius:4px;width:100%}.document-name-display:hover{background-color:#4c62921a}.document-name-display:hover .alias-name{color:var(--primary-color, #4C6292)}.document-name-display:active{background-color:#4c629233;transform:scale(.98)}.document-name-display .alias-name{font-size:1.5rem;font-weight:700;color:var(--text-color, #2c3e50);line-height:1.2;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:none;transition:color .2s ease;display:flex;align-items:center;justify-content:flex-start;gap:8px}.document-name-display .alias-name .edit-icon-small{font-size:.7em;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;margin-left:6px}.document-name-display:hover .edit-icon-small{opacity:1;visibility:visible}.document-name-display .document-name{font-size:.875rem;color:var(--text-color-secondary, #6c757d);font-weight:400;line-height:1.2;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:none;opacity:.8}.file-input-wrapper{transition:all .2s ease;min-width:300px!important;width:auto!important;max-width:80vw!important}.file-input-wrapper:focus{border-color:var(--primary-color, #4C6292)!important;box-shadow:0 0 0 .2rem #4c629240!important;outline:none!important}.document-name-input{min-width:400px!important;width:auto!important;max-width:70vw!important;padding:8px 12px!important;font-size:1.1rem!important;font-weight:500!important;border:2px solid var(--primary-color, #4C6292)!important;border-radius:6px!important;background-color:#fff!important}.document-name-input:focus{outline:none!important;border-color:var(--primary-color, #4C6292)!important;box-shadow:0 0 0 .2rem #4c629240!important}.document-edit-container{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;max-width:70vw}.document-name-subline{font-size:.85rem;color:var(--text-color-secondary, #6c757d);line-height:1.2;padding-left:4px;opacity:.8}.document-viewer{position:relative;z-index:1}.document-viewer ::ng-deep .p-dialog{z-index:9999!important}.document-viewer ::ng-deep .p-dialog-mask{z-index:9998!important}.document-viewer ::ng-deep .p-dialog{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;margin:0!important;top:0!important;left:0!important;transform:none!important}.document-viewer ::ng-deep .p-dialog-content{height:calc(100vh - 60px)!important;max-height:none!important}.document-categories-container{padding:1rem;min-height:auto}.document-categories-container .category{background:#fff;border-radius:8px;margin-bottom:2rem;overflow:hidden;transition:all .3s ease}.document-categories-container .category .category-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:.6rem;padding-bottom:1rem}.document-categories-container .category .category-header .category-title{flex:1;min-width:0}.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{display:flex;align-items:center;justify-content:center;min-width:fit-content}.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 .category-header .completion-status .completion-badge{display:flex;align-items:center;justify-content:center}.document-categories-container .category .category-header .completion-status .completion-badge .p-badge{font-size:.75rem;font-weight:500;padding:.375rem .75rem;border-radius:6px;display:flex;align-items:center;justify-content:center;min-width:fit-content;white-space:nowrap}.document-categories-container .category .category-header .completion-status .completion-badge .p-badge.p-badge-success{background-color:#d1fae5;color:#065f46;font-family:inherit;font-size:12px;padding:15px;font-weight:400}.document-categories-container .category .category-header .completion-status .completion-badge .p-badge.p-badge-info{background-color:#e5e7eb;color:#000;font-family:inherit;font-size:12px;font-weight:400;padding:15px;font-style:inherit}.document-categories-container .category .category-header .completion-status .completion-badge .p-badge.p-badge-warning{background-color:#fef3c7;color:#d97706;font-family:inherit;padding:15px;font-size:12px;font-weight:400;font-style:inherit}.document-categories-container .category .category-header .completion-status .completion-badge .p-badge.p-badge-danger{background-color:#fee2e2;color:#dc2626;font-family:inherit;font-size:12px;padding:15px;font-weight:400;font-style:inherit}.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 .section-header .completion-status .completion-badge .p-badge{font-size:.75rem;font-weight:500;padding:.375rem .75rem;border-radius:6px}.document-sections-container .section .section-header .completion-status .completion-badge .p-badge.p-badge-success{background-color:#10b981;color:#fff}.document-sections-container .section .section-header .completion-status .completion-badge .p-badge.p-badge-info{background-color:#3b82f6;color:#fff}.document-sections-container .section .section-header .completion-status .completion-badge .p-badge.p-badge-warning{background-color:#f59e0b;color:#fff}.document-sections-container .section .section-header .completion-status .completion-badge .p-badge.p-badge-danger{background-color:#ef4444;color:#fff}.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:stretch}.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:center;width:100%;justify-content:center}}\n"] }]
         }], ctorParameters: () => [{ type: DocumentListService }, { type: DocumentHttpService }, { type: DocumentMenuService }, { type: DocumentStore }, { type: DocumentScrollService }], propDecorators: { contextId: [{
                 type: Input
             }], documentListResponse: [{