cat-documents-ng 0.3.4 → 0.3.8

package/fesm2022/cat-documents-ng.mjs

@@ -8,6 +8,8 @@ import { HttpHeaders, HttpParams, HttpClientModule } from '@angular/common/http'
 import { __decorate } from 'tslib';
 import { EntityStore, StoreConfig, QueryEntity } from '@datorama/akita';
 import { debounceTime, distinctUntilChanged, switchMap } from 'rxjs/operators';
+import * as i6$2 from 'primeng/confirmdialog';
+import { ConfirmDialogModule } from 'primeng/confirmdialog';
 import { trigger, state, transition, style, animate } from '@angular/animations';
 import * as i3 from 'primeng/api';
 import { ConfirmationService, MessageService } from 'primeng/api';
@@ -958,6 +960,7 @@ class URLS {
      * @type {string}
      */
     static DOCUMENT_TYPES = "documentTypes";
+    static ALIAS_NAME = 'documents/updateAliasNameByDocumentId/';
     /**
      * The URL endpoint for getting categories by source (Applicant/Application).
      * Used to fetch document categories based on the selected source.
@@ -1339,7 +1342,7 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the transformed data for dropdown options.
      */
     getDocumentCatagories(contextId) {
-        let headers = new HttpHeaders().set('Authorization', `Bearer 875a75a6-479e-485d-8d28-5913fb3d01bf`);
+        let headers = new HttpHeaders().set('Authorization', `Bearer db15d0f4-46e9-4968-8e37-4371acb093c1`);
         return this.http.get(`${this.apiUrl}${URLS.DOCUMENTS_CATAGORIES}/${contextId}`, { headers }).pipe(tap((response) => {
             // Store only the categories array, not the entire response
             if (response && response.categories) {
@@ -1398,8 +1401,8 @@ class DocumentHttpService {
      * @returns {Observable<DocumentModel>} An observable that emits the updated DocumentModel.
      */
     updateDocumentName(documentId, payload) {
-        let headers = new HttpHeaders().set('Authorization', `Bearer 875a75a6-479e-485d-8d28-5913fb3d01bf`);
-        return this.http.put(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD}/${documentId}`, payload, { headers }).pipe(catchError((error) => {
+        let headers = new HttpHeaders().set('Authorization', `Bearer db15d0f4-46e9-4968-8e37-4371acb093c1`);
+        return this.http.put(`${this.apiUrl}${URLS.ALIAS_NAME}${documentId}`, payload, { headers }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
     }
@@ -1409,7 +1412,7 @@ class DocumentHttpService {
     * @returns {Observable<UserListModel[]>} Observable that emits the user list data.
     */
     getUserListByContextId(contextId) {
-        let headers = new HttpHeaders().set('Authorization', `Bearer 875a75a6-479e-485d-8d28-5913fb3d01bf`);
+        let headers = new HttpHeaders().set('Authorization', `Bearer db15d0f4-46e9-4968-8e37-4371acb093c1`);
         if (!contextId)
             return EMPTY;
         return this.http.get(`${this.apiUrl}${URLS.USERLIST}${contextId}`, { headers }).pipe(tap((userList) => {
@@ -1428,7 +1431,7 @@ class DocumentHttpService {
     getStatusDocumentCount(applicationId, contextId = null, categoryId = null) {
         if (!applicationId)
             return EMPTY;
-        let headers = new HttpHeaders().set('Authorization', `Bearer 875a75a6-479e-485d-8d28-5913fb3d01bf`);
+        let headers = new HttpHeaders().set('Authorization', `Bearer db15d0f4-46e9-4968-8e37-4371acb093c1`);
         let url = `${this.apiUrl}${URLS.STATUS_DOCUMENT_COUNT}${applicationId}`;
         let params = new HttpParams();
         const contextParam = contextId || null;
@@ -1457,7 +1460,7 @@ class DocumentHttpService {
      */
     getDocumentsBySelection(contextId, menuItem, userId, status, searchKey = null) {
         let params = new HttpParams();
-        let headers = new HttpHeaders().set('Authorization', `Bearer 875a75a6-479e-485d-8d28-5913fb3d01bf`);
+        let headers = new HttpHeaders().set('Authorization', `Bearer db15d0f4-46e9-4968-8e37-4371acb093c1`);
         if (userId) {
             params = params.set(SHARED.CONTEXT_ID, userId);
         }
@@ -1479,7 +1482,7 @@ class DocumentHttpService {
         if (!documentId) {
             return of([]);
         }
-        let headers = new HttpHeaders().set('Authorization', `Bearer 875a75a6-479e-485d-8d28-5913fb3d01bf`);
+        let headers = new HttpHeaders().set('Authorization', `Bearer db15d0f4-46e9-4968-8e37-4371acb093c1`);
         return this.http.get(`${this.apiUrl}${URLS.DOCUMENT_HISTORY}${documentId}`, { headers }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
@@ -1492,7 +1495,7 @@ class DocumentHttpService {
     getCategoriesBySource(source) {
         if (!source)
             return EMPTY;
-        let headers = new HttpHeaders().set('Authorization', `Bearer 875a75a6-479e-485d-8d28-5913fb3d01bf`);
+        let headers = new HttpHeaders().set('Authorization', `Bearer db15d0f4-46e9-4968-8e37-4371acb093c1`);
         return this.http.get(`${this.apiUrl}${URLS.GET_CATEGORIES_BY_SOURCE}${source}`, { headers }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
@@ -1505,7 +1508,7 @@ class DocumentHttpService {
     getDocumentTypesByCategory(categoryId) {
         if (!categoryId)
             return EMPTY;
-        let headers = new HttpHeaders().set('Authorization', `Bearer 875a75a6-479e-485d-8d28-5913fb3d01bf`);
+        let headers = new HttpHeaders().set('Authorization', `Bearer db15d0f4-46e9-4968-8e37-4371acb093c1`);
         return this.http.get(`${this.apiUrl}${URLS.GET_DOCUMENT_TYPES_BY_CATEGORY}${categoryId}`, { headers }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
@@ -1516,7 +1519,7 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the upload response.
      */
     uploadFile(formData) {
-        let headers = new HttpHeaders().set('Authorization', `Bearer 875a75a6-479e-485d-8d28-5913fb3d01bf`);
+        let headers = new HttpHeaders().set('Authorization', `Bearer db15d0f4-46e9-4968-8e37-4371acb093c1`);
         return this.http.post(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD_FILE}`, formData, { headers }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
@@ -1527,7 +1530,7 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the save response.
      */
     saveDocumentUpload(payload) {
-        let headers = new HttpHeaders().set('Authorization', `Bearer 875a75a6-479e-485d-8d28-5913fb3d01bf`);
+        let headers = new HttpHeaders().set('Authorization', `Bearer db15d0f4-46e9-4968-8e37-4371acb093c1`);
         return this.http.post(`${this.apiUrl}${URLS.SAVE_DOCUMENT_UPLOAD}`, payload, { headers }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
@@ -1543,7 +1546,7 @@ class DocumentHttpService {
         const payload = {
             statusUpdateDescription: statusUpdateDescription
         };
-        let headers = new HttpHeaders().set('Authorization', `Bearer 875a75a6-479e-485d-8d28-5913fb3d01bf`);
+        let headers = new HttpHeaders().set('Authorization', `Bearer db15d0f4-46e9-4968-8e37-4371acb093c1`);
         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);
@@ -1577,7 +1580,7 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the delete response
      */
     deleteDocument(documentId, contextId) {
-        let headers = new HttpHeaders().set('Authorization', `Bearer 875a75a6-479e-485d-8d28-5913fb3d01bf`);
+        let headers = new HttpHeaders().set('Authorization', `Bearer db15d0f4-46e9-4968-8e37-4371acb093c1`);
         return this.http.delete(`${this.apiUrl}${URLS.DELETE_DOCUMENT}${documentId}`, { headers }).pipe(tap(() => {
             this.getDocumentCatagories(contextId).subscribe();
             this.getUserListByContextId(contextId).subscribe();
@@ -2379,7 +2382,7 @@ class DocumentService {
      * @returns {Observable<any>} Observable that emits the newly created document.
      */
     create(entity) {
-        const headers = { 'Authorization': 'Bearer 875a75a6-479e-485d-8d28-5913fb3d01bf' };
+        const headers = { 'Authorization': 'Bearer db15d0f4-46e9-4968-8e37-4371acb093c1' };
         return this.http.post(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD_FILE}`, entity, { headers }).pipe(tap((newEntity) => this.documentStore.add(newEntity)));
     }
     /**
@@ -3536,6 +3539,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             }] } });
 
 class ConfirmationDialogComponent {
+    confirmationService;
     confirmationOptions = {
         message: 'Are you sure that you want to proceed?',
         header: 'Confirmation',
@@ -3544,13 +3548,12 @@ class ConfirmationDialogComponent {
         rejectLabel: 'No',
         acceptIcon: 'pi pi-check',
         rejectIcon: 'pi pi-times',
-        acceptButtonClass: 'btn-success',
+        acceptButtonClass: 'btn-danger',
         rejectButtonClass: 'btn-secondary'
     };
-    isVisible = false;
-    currentOptions = this.confirmationOptions;
-    acceptCallback;
-    rejectCallback;
+    constructor(confirmationService) {
+        this.confirmationService = confirmationService;
+    }
     /**
      * Shows the confirmation dialog with the specified options
      * @param options - Configuration options for the confirmation dialog
@@ -3558,19 +3561,60 @@ class ConfirmationDialogComponent {
      * @param rejectCallback - Function to execute when user rejects
      */
     confirm(options, acceptCallback, rejectCallback) {
-        this.currentOptions = { ...this.confirmationOptions, ...options };
-        this.acceptCallback = acceptCallback;
-        this.rejectCallback = rejectCallback;
-        this.isVisible = true;
+        const confirmation = {
+            message: options.message || this.confirmationOptions.message,
+            header: options.header || this.confirmationOptions.header,
+            icon: options.icon || this.confirmationOptions.icon,
+            acceptLabel: options.acceptLabel || this.confirmationOptions.acceptLabel,
+            rejectLabel: options.rejectLabel || this.confirmationOptions.rejectLabel,
+            acceptIcon: options.acceptIcon || this.confirmationOptions.acceptIcon,
+            rejectIcon: options.rejectIcon || this.confirmationOptions.rejectIcon,
+            accept: acceptCallback,
+            reject: rejectCallback
+        };
+        this.confirmationService.confirm(confirmation);
     }
     /**
-     * Shows a delete confirmation dialog
+     * Static method to show a confirmation dialog (for components that don't want to inject this component)
+     * @param confirmationService - The ConfirmationService instance
+     * @param options - Configuration options for the confirmation dialog
+     * @param acceptCallback - Function to execute when user accepts
+     * @param rejectCallback - Function to execute when user rejects
+     */
+    static confirm(confirmationService, options, acceptCallback, rejectCallback) {
+        const defaultOptions = {
+            message: 'Are you sure that you want to proceed?',
+            header: 'Confirmation',
+            icon: 'pi pi-exclamation-triangle',
+            acceptLabel: 'Yes',
+            rejectLabel: 'No',
+            acceptIcon: 'pi pi-check',
+            rejectIcon: 'pi pi-times',
+            acceptButtonClass: 'btn-success',
+            rejectButtonClass: 'btn-secondary'
+        };
+        const confirmation = {
+            message: options.message || defaultOptions.message,
+            header: options.header || defaultOptions.header,
+            icon: options.icon || defaultOptions.icon,
+            acceptLabel: options.acceptLabel || defaultOptions.acceptLabel,
+            rejectLabel: options.rejectLabel || defaultOptions.rejectLabel,
+            acceptIcon: options.acceptIcon || defaultOptions.acceptIcon,
+            rejectIcon: options.rejectIcon || defaultOptions.rejectIcon,
+            accept: acceptCallback,
+            reject: rejectCallback
+        };
+        confirmationService.confirm(confirmation);
+    }
+    /**
+     * Static method to show a delete confirmation dialog
+     * @param confirmationService - The ConfirmationService instance
      * @param itemName - Name of the item to be deleted
      * @param acceptCallback - Function to execute when user accepts deletion
      * @param rejectCallback - Function to execute when user rejects deletion
      */
-    confirmDelete(itemName, acceptCallback, rejectCallback) {
-        this.confirm({
+    static confirmDelete(confirmationService, itemName, acceptCallback, rejectCallback) {
+        ConfirmationDialogComponent.confirm(confirmationService, {
             message: `Are you sure you want to delete "${itemName}"?`,
             header: 'Delete Confirmation',
             acceptLabel: 'Delete',
@@ -3578,31 +3622,26 @@ class ConfirmationDialogComponent {
             acceptButtonClass: 'btn-danger'
         }, acceptCallback, rejectCallback);
     }
-    onAccept() {
-        this.isVisible = false;
-        if (this.acceptCallback) {
-            this.acceptCallback();
-        }
-    }
-    onReject() {
-        this.isVisible = false;
-        if (this.rejectCallback) {
-            this.rejectCallback();
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ConfirmationDialogComponent, isStandalone: false, selector: "app-confirmation-dialog", inputs: { confirmationOptions: "confirmationOptions" }, ngImport: i0, template: "<div *ngIf=\"isVisible\" class=\"custom-confirmation-overlay\">\r\n  <div class=\"custom-confirmation-dialog\">\r\n    <div class=\"dialog-header\">\r\n      <i *ngIf=\"currentOptions.icon\" [class]=\"currentOptions.icon\"></i>\r\n      <h3>{{ currentOptions.header }}</h3>\r\n    </div>\r\n    <div class=\"dialog-content\">\r\n      <p>{{ currentOptions.message }}</p>\r\n    </div>\r\n    <div class=\"dialog-actions\">\r\n      <button \r\n        type=\"button\" \r\n        pButton\r\n        class=\"btn btn-secondary\"\r\n        (click)=\"onReject()\">\r\n        <i *ngIf=\"currentOptions.rejectIcon\" [class]=\"currentOptions.rejectIcon\"></i>\r\n        {{ currentOptions.rejectLabel }}\r\n      </button>\r\n      <button \r\n        type=\"button\" \r\n        pButton\r\n        [class]=\"'btn ' + currentOptions.acceptButtonClass\"\r\n        (click)=\"onAccept()\">\r\n        <i *ngIf=\"currentOptions.acceptIcon\" [class]=\"currentOptions.acceptIcon\"></i>\r\n        {{ currentOptions.acceptLabel }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".custom-confirmation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001}.custom-confirmation-dialog{background:#fff;border-radius:8px;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 4px 20px #00000026}.dialog-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.dialog-header h3{margin:0;font-size:1.25rem;font-weight:600}.dialog-content{margin-bottom:1.5rem}.dialog-content p{margin:0;color:#495057;line-height:1.5}.dialog-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i9.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ConfirmationDialogComponent, deps: [{ token: i3.ConfirmationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ConfirmationDialogComponent, isStandalone: false, selector: "app-confirmation-dialog", inputs: { confirmationOptions: "confirmationOptions" }, ngImport: i0, template: "<!-- This component no longer renders a p-confirmDialog element -->\n<!-- The p-confirmDialog should be placed only once in the main app component -->\n<!-- This component now only provides methods to trigger confirmations via ConfirmationService -->\n", styles: [".btn-danger{background-color:#ef4444;color:#fff;border-color:#e53e3e;max-width:100px}.btn-secondary{background-color:#f3f4f6;color:#000;max-width:100px}\n"] });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ConfirmationDialogComponent, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }, {
             type: Component,
-            args: [{ selector: 'app-confirmation-dialog', standalone: false, template: "<div *ngIf=\"isVisible\" class=\"custom-confirmation-overlay\">\r\n  <div class=\"custom-confirmation-dialog\">\r\n    <div class=\"dialog-header\">\r\n      <i *ngIf=\"currentOptions.icon\" [class]=\"currentOptions.icon\"></i>\r\n      <h3>{{ currentOptions.header }}</h3>\r\n    </div>\r\n    <div class=\"dialog-content\">\r\n      <p>{{ currentOptions.message }}</p>\r\n    </div>\r\n    <div class=\"dialog-actions\">\r\n      <button \r\n        type=\"button\" \r\n        pButton\r\n        class=\"btn btn-secondary\"\r\n        (click)=\"onReject()\">\r\n        <i *ngIf=\"currentOptions.rejectIcon\" [class]=\"currentOptions.rejectIcon\"></i>\r\n        {{ currentOptions.rejectLabel }}\r\n      </button>\r\n      <button \r\n        type=\"button\" \r\n        pButton\r\n        [class]=\"'btn ' + currentOptions.acceptButtonClass\"\r\n        (click)=\"onAccept()\">\r\n        <i *ngIf=\"currentOptions.acceptIcon\" [class]=\"currentOptions.acceptIcon\"></i>\r\n        {{ currentOptions.acceptLabel }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".custom-confirmation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001}.custom-confirmation-dialog{background:#fff;border-radius:8px;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 4px 20px #00000026}.dialog-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.dialog-header h3{margin:0;font-size:1.25rem;font-weight:600}.dialog-content{margin-bottom:1.5rem}.dialog-content p{margin:0;color:#495057;line-height:1.5}.dialog-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}\n"] }]
-        }], propDecorators: { confirmationOptions: [{
+            args: [{ selector: 'app-confirmation-dialog', standalone: false, template: "<!-- This component no longer renders a p-confirmDialog element -->\n<!-- The p-confirmDialog should be placed only once in the main app component -->\n<!-- This component now only provides methods to trigger confirmations via ConfirmationService -->\n", styles: [".btn-danger{background-color:#ef4444;color:#fff;border-color:#e53e3e;max-width:100px}.btn-secondary{background-color:#f3f4f6;color:#000;max-width:100px}\n"] }]
+        }], ctorParameters: () => [{ type: i3.ConfirmationService }], propDecorators: { confirmationOptions: [{
                 type: Input
             }] } });
 
 class SidebarComponent {
-    confirmationDialog;
-    // Add setter to log visible changes
+    confirmationService;
+    // Flag to prevent multiple confirmations
+    isShowingConfirmation = false;
     set visible(value) {
         this._visible = value;
     }
@@ -3610,17 +3649,12 @@ class SidebarComponent {
         return this._visible;
     }
     _visible = false;
-    // Flag to prevent double event emission
-    isProgrammaticallyClosing = false;
     position = 'right';
     width = SHARED.WIDTH;
     title = SHARED.EMPTY;
     showCloseButton = true;
     modal = true;
     dismissible = true;
-    closeOnEscape = true;
-    baseZIndex = 10000;
-    autoZIndex = false;
     styleClass = SHARED.EMPTY;
     appendTo = 'body';
     blockScroll = true;
@@ -3635,7 +3669,7 @@ class SidebarComponent {
     onShow = new EventEmitter();
     onHide = new EventEmitter();
     onSave = new EventEmitter();
-    onDiscardChanges = new EventEmitter();
+    onClose = new EventEmitter();
     showSuccessMessage = false;
     showErrorMessage = false;
     destroy$ = new Subject();
@@ -3651,23 +3685,32 @@ class SidebarComponent {
         acceptButtonClass: SHARED.ACCEPT_BUTTON_STYLE_CLASS,
         rejectButtonClass: SHARED.REJECT_BUTTON_STYLE_CLASS
     };
-    constructor() {
+    constructor(confirmationService) {
+        this.confirmationService = confirmationService;
     }
     /**
      * Handles the onHide event from PrimeNG sidebar
+     * Only emits when actually closing, not when showing confirmation
      */
     onSidebarHide() {
-        if (!this.isProgrammaticallyClosing) {
+        // Only emit onHide if we're not showing confirmation
+        if (!this.isShowingConfirmation) {
             this.onHide.emit();
         }
     }
     /**
      * Handles the visibleChange event from PrimeNG sidebar
+     * Intercepts automatic closing to show confirmation if needed
      */
     onVisibleChange(value) {
-        if (!this.isProgrammaticallyClosing) {
-            this.visibleChange.emit(value);
+        // If PrimeNG is trying to close the sidebar and we have unsaved changes
+        if (!value && this.hasUnsavedChanges && !this.isShowingConfirmation) {
+            // Prevent the close and show confirmation
+            this._visible = true;
+            this.showUnsavedChangesConfirmation();
+            return;
         }
+        this.visibleChange.emit(value);
     }
     /**
      * Opens the sidebar
@@ -3682,94 +3725,36 @@ class SidebarComponent {
      * Closes the sidebar
      */
     close() {
-        this.isProgrammaticallyClosing = true;
         this._visible = false;
         this.clearMessages();
         this.visibleChange.emit(this._visible);
         this.onHide.emit();
-        this.isProgrammaticallyClosing = false;
     }
     /**
-     * Closes the sidebar and discards all changes
+     * Handles escape key press
+     * Shows confirmation if there are unsaved changes
      */
-    closeAndDiscardChanges() {
-        this.isProgrammaticallyClosing = true;
-        this._visible = false;
-        this.clearMessages();
-        this.visibleChange.emit(this._visible);
-        this.onDiscardChanges.emit();
-        this.onHide.emit();
-        this.isProgrammaticallyClosing = false;
-    }
-    /**
-     * Toggles the sidebar visibility
-     */
-    toggle() {
-        this._visible = !this._visible;
-        if (this._visible) {
-            this.clearMessages();
-            this.onShow.emit();
-        }
-        else {
-            this.clearMessages();
-            this.onHide.emit();
-        }
-        this.visibleChange.emit(this._visible);
-    }
-    /**
-     * Handles the close button click with unsaved changes check
-     */
-    onCloseClick() {
-        if (this.hasUnsavedChanges) {
-            this.showUnsavedChangesConfirmation();
-        }
-        else {
-            this.close();
+    handleEscapeKey(event) {
+        if (this.visible) {
+            event.preventDefault();
+            this.handleClose();
         }
     }
     /**
-     * Handles the mask click (when dismissible is true) with unsaved changes check
+     * Handles backdrop click events
+     * Prevents default PrimeNG behavior and shows confirmation if needed
      */
-    onMaskClick() {
-        if (this.dismissible) {
-            if (this.hasUnsavedChanges) {
-                this.showUnsavedChangesConfirmation();
-            }
-            else {
-                this.close();
-            }
-        }
+    handleBackdropClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.handleClose();
     }
     /**
-     * Handles the escape key press with unsaved changes check
+     * Handles all closing scenarios (backdrop click, escape key, close button, etc.)
+     * This is the single entry point for all closing logic
      */
-    onEscapeKey(event) {
-        if (this._visible && this.closeOnEscape) {
-            if (this.hasUnsavedChanges) {
-                event.preventDefault();
-                this.showUnsavedChangesConfirmation();
-            }
-            else {
-                this.close();
-            }
-        }
-    }
-    /**
-     * Handles backdrop click with unsaved changes check
-     */
-    onBackdropClick(event) {
-        if (this.hasUnsavedChanges) {
-            this.showUnsavedChangesConfirmation();
-        }
-        else {
-            this.close();
-        }
-    }
-    /**
-     * Handles close button click with unsaved changes check
-     */
-    onCloseButtonClick() {
-        if (this.hasUnsavedChanges) {
+    handleClose() {
+        if (this.hasUnsavedChanges && !this.isShowingConfirmation) {
             this.showUnsavedChangesConfirmation();
         }
         else {
@@ -3780,9 +3765,17 @@ class SidebarComponent {
      * Shows confirmation dialog for unsaved changes
      */
     showUnsavedChangesConfirmation() {
-        this.confirmationDialog.confirm(this.unsavedChangesConfirmationOptions, () => {
-            this.closeAndDiscardChanges();
-        }, () => { });
+        if (this.isShowingConfirmation) {
+            return; // Prevent multiple confirmations
+        }
+        this.isShowingConfirmation = true;
+        ConfirmationDialogComponent.confirm(this.confirmationService, this.unsavedChangesConfirmationOptions, () => {
+            this.isShowingConfirmation = false;
+            this.close();
+            this.onClose.emit(); // Emit close event when user confirms
+        }, () => {
+            this.isShowingConfirmation = false;
+        });
     }
     /**
      * Shows success message and closes sidebar after delay
@@ -3824,16 +3817,13 @@ class SidebarComponent {
         this.destroy$.next();
         this.destroy$.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: SidebarComponent, isStandalone: false, selector: "lib-sidebar", inputs: { visible: "visible", position: "position", width: "width", title: "title", showCloseButton: "showCloseButton", modal: "modal", dismissible: "dismissible", closeOnEscape: "closeOnEscape", baseZIndex: "baseZIndex", autoZIndex: "autoZIndex", styleClass: "styleClass", appendTo: "appendTo", blockScroll: "blockScroll", closeIcon: "closeIcon", showSaveButton: "showSaveButton", saveButtonText: "saveButtonText", saveButtonDisabled: "saveButtonDisabled", successMessage: "successMessage", errorMessage: "errorMessage", hasUnsavedChanges: "hasUnsavedChanges" }, outputs: { visibleChange: "visibleChange", onShow: "onShow", onHide: "onHide", onSave: "onSave", onDiscardChanges: "onDiscardChanges" }, host: { listeners: { "document:keydown.escape": "onEscapeKey($event)" } }, viewQueries: [{ propertyName: "confirmationDialog", first: true, predicate: ["confirmationDialog"], descendants: true }], ngImport: i0, template: "<!-- Custom backdrop for better control over outside clicks -->\r\n<div \r\n  *ngIf=\"visible\" \r\n  class=\"custom-sidebar-backdrop\" \r\n  (click)=\"onBackdropClick($event)\"\r\n></div>\r\n\r\n<p-sidebar \r\n  [(visible)]=\"visible\"\r\n  [position]=\"position\"\r\n  [style]=\"{width: width}\"\r\n  [modal]=\"false\"\r\n  [dismissible]=\"false\"\r\n  [closeOnEscape]=\"false\"\r\n  [showCloseIcon]=\"false\"\r\n  [baseZIndex]=\"baseZIndex\"\r\n  [autoZIndex]=\"autoZIndex\"\r\n  [styleClass]=\"styleClass\"\r\n  [appendTo]=\"appendTo\"\r\n  [blockScroll]=\"blockScroll\"\r\n  (visibleChange)=\"onVisibleChange($event)\"\r\n  (onShow)=\"onShow.emit()\"\r\n  (onHide)=\"onSidebarHide()\"\r\n>\r\n  <ng-template pTemplate=\"header\" *ngIf=\"title || showCloseButton || showSaveButton\">\r\n    <div class=\"sidebar-header\">\r\n      <h3 *ngIf=\"title\" class=\"sidebar-title\">{{ title }}</h3>\r\n      <div class=\"header-content\">\r\n        <ng-content select=\"[header]\"></ng-content>\r\n        \r\n        <p-messages \r\n          *ngIf=\"showSuccessMessage\"\r\n          severity=\"success\"\r\n          [closable]=\"false\"\r\n          [style]=\"{'margin-bottom': '0.5rem'}\"\r\n          class=\"ml-3\"\r\n        >\r\n          <ng-template pTemplate=\"message\">\r\n            <span>{{ successMessage }}</span>\r\n          </ng-template>\r\n        </p-messages>\r\n        <p-messages \r\n          *ngIf=\"showErrorMessage\"\r\n          severity=\"error\"\r\n          [closable]=\"false\"\r\n          [style]=\"{'margin-bottom': '0.5rem'}\"\r\n          class=\"ml-3\"\r\n        >\r\n          <ng-template pTemplate=\"message\">\r\n            <span>{{ errorMessage }}</span>\r\n          </ng-template>\r\n        </p-messages>\r\n\r\n        <div class=\"header-actions mr-3\">\r\n          <button \r\n            *ngIf=\"showSaveButton\"\r\n            pButton \r\n            type=\"button\" \r\n            [label]=\"saveButtonText\"\r\n            [disabled]=\"saveButtonDisabled\"\r\n            class=\"p-button-primary\"\r\n            (click)=\"onSave.emit()\"\r\n          ></button>\r\n\r\n           <button \r\n            *ngIf=\"showCloseButton\"\r\n            pButton \r\n            type=\"button\" \r\n            icon=\"pi pi-times\"\r\n            class=\"p-button-text p-button-rounded\"\r\n            (click)=\"onCloseButtonClick()\"\r\n          ></button>\r\n          \r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <ng-template pTemplate=\"content\">\r\n    <div class=\"sidebar-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </ng-template>\r\n</p-sidebar>\r\n\r\n<!-- Custom confirmation dialog for unsaved changes -->\r\n<app-confirmation-dialog \r\n  #confirmationDialog\r\n  [confirmationOptions]=\"unsavedChangesConfirmationOptions\">\r\n</app-confirmation-dialog>\r\n", styles: [":host{display:block}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:0;width:100%}.sidebar-title{margin:0;font-size:1.25rem;font-weight:600;color:#212529;flex:1}.header-content{display:flex;align-items:center;gap:.5rem;justify-content:space-between;width:100%}.header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;margin-right:0}.close-button{background:none;border:none;color:#6c757d;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;margin-right:.5rem}.close-button:hover{background-color:#e9ecef;color:#495057}.close-button:focus{outline:none;box-shadow:0 0 0 3px #0f8bfd4d}.close-button i{font-size:1rem}.sidebar-content{height:100%;overflow-y:auto;padding:0}.custom-sidebar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:9999;cursor:pointer}::ng-deep .p-sidebar{z-index:10000!important}::ng-deep .p-confirm-dialog{z-index:10001!important}::ng-deep .p-dialog-mask{z-index:10000!important}::ng-deep .p-confirm-dialog-mask{z-index:10000!important}.header-actions .p-button-text.p-button-rounded{width:2rem;height:2rem;border-radius:50%}.header-actions .p-button-text.p-button-rounded:hover{background-color:#0000001a}::ng-deep .p-sidebar .p-sidebar-header{border-bottom:1px solid #e9ecef;margin-bottom:1rem;background-color:#f8f9fa}::ng-deep .p-sidebar .p-sidebar-content{padding:0 1.5rem 1.5rem;height:calc(100% - 80px);overflow-y:auto}::ng-deep .p-sidebar.p-sidebar-right .p-sidebar-content{padding-left:1.5rem;padding-right:1.5rem}::ng-deep .p-sidebar.p-sidebar-left .p-sidebar-content{padding-left:1.5rem;padding-right:1.5rem}@media (max-width: 768px){::ng-deep .p-sidebar{width:100%!important;max-width:100%!important}::ng-deep .p-sidebar .p-sidebar-header{padding:1rem 1rem 0}::ng-deep .p-sidebar .p-sidebar-content{padding:0 1rem 1rem}}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i9.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i4.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "component", type: i5.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }, { kind: "component", type: ConfirmationDialogComponent, selector: "app-confirmation-dialog", inputs: ["confirmationOptions"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SidebarComponent, deps: [{ token: i3.ConfirmationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: SidebarComponent, isStandalone: false, selector: "lib-sidebar", inputs: { visible: "visible", position: "position", width: "width", title: "title", showCloseButton: "showCloseButton", modal: "modal", dismissible: "dismissible", styleClass: "styleClass", appendTo: "appendTo", blockScroll: "blockScroll", closeIcon: "closeIcon", showSaveButton: "showSaveButton", saveButtonText: "saveButtonText", saveButtonDisabled: "saveButtonDisabled", successMessage: "successMessage", errorMessage: "errorMessage", hasUnsavedChanges: "hasUnsavedChanges" }, outputs: { visibleChange: "visibleChange", onShow: "onShow", onHide: "onHide", onSave: "onSave", onClose: "onClose" }, host: { listeners: { "document:keydown.escape": "handleEscapeKey($event)" } }, ngImport: i0, template: "<!-- PrimeNG Sidebar with proper backdrop handling -->\n<p-sidebar \n  [(visible)]=\"visible\"\n  [position]=\"position\"\n  [style]=\"{width: width}\"\n  [modal]=\"true\"\n  [dismissible]=\"true\"\n  [showCloseIcon]=\"false\"\n  [styleClass]=\"styleClass\"\n  [appendTo]=\"'body'\"\n  [blockScroll]=\"blockScroll\"\n  (visibleChange)=\"onVisibleChange($event)\"\n  (onShow)=\"onShow.emit()\"\n  (onHide)=\"onSidebarHide()\"\n  (onMaskClick)=\"handleBackdropClick($event)\"\n>\n  <ng-template pTemplate=\"header\" *ngIf=\"title || showCloseButton || showSaveButton\">\n    <div class=\"sidebar-header\">\n      <h3 *ngIf=\"title\" class=\"sidebar-title\">{{ title }}</h3>\n      <div class=\"header-content\">\n        <ng-content select=\"[header]\"></ng-content>\n        \n        <p-messages \n          *ngIf=\"showSuccessMessage\"\n          severity=\"success\"\n          [closable]=\"false\"\n          [style]=\"{'margin-bottom': '0.5rem'}\"\n          class=\"ml-3\"\n        >\n          <ng-template pTemplate=\"message\">\n            <span>{{ successMessage }}</span>\n          </ng-template>\n        </p-messages>\n        <p-messages \n          *ngIf=\"showErrorMessage\"\n          severity=\"error\"\n          [closable]=\"false\"\n          [style]=\"{'margin-bottom': '0.5rem'}\"\n          class=\"ml-3\"\n        >\n          <ng-template pTemplate=\"message\">\n            <span>{{ errorMessage }}</span>\n          </ng-template>\n        </p-messages>\n\n        <div class=\"header-actions mr-3\">\n          <button \n            *ngIf=\"showSaveButton\"\n            pButton \n            type=\"button\" \n            [label]=\"saveButtonText\"\n            [disabled]=\"saveButtonDisabled\"\n            class=\"p-button-primary\"\n            (click)=\"onSave.emit()\"\n          ></button>\n\n           <button \n            *ngIf=\"showCloseButton\"\n            pButton \n            type=\"button\" \n            icon=\"pi pi-times\"\n            class=\"p-button-text p-button-rounded\"\n            (click)=\"handleClose()\"\n          ></button>\n          \n        </div>\n      </div>\n    </div>\n  </ng-template>\n\n  <ng-template pTemplate=\"content\">\n    <div class=\"sidebar-content\">\n      <ng-content></ng-content>\n    </div>\n  </ng-template>\n</p-sidebar>\n", styles: [":host{display:block}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:0;width:100%}.sidebar-title{margin:0;font-size:1.25rem;font-weight:600;color:#212529;flex:1}.header-content{display:flex;align-items:center;gap:.5rem;justify-content:space-between;width:100%}.header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;margin-right:0}.close-button{background:none;border:none;color:#6c757d;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;margin-right:.5rem}.close-button:hover{background-color:#e9ecef;color:#495057}.close-button:focus{outline:none;box-shadow:0 0 0 3px #0f8bfd4d}.close-button i{font-size:1rem}.sidebar-content{height:100%;overflow-y:auto;padding:0}.header-actions .p-button-text.p-button-rounded{width:2rem;height:2rem;border-radius:50%}.header-actions .p-button-text.p-button-rounded:hover{background-color:#0000001a}::ng-deep .p-sidebar .p-sidebar-header{border-bottom:1px solid #e9ecef;margin-bottom:1rem;background-color:#f8f9fa}::ng-deep .p-sidebar .p-sidebar-content{padding:0 1.5rem 1.5rem;height:calc(100% - 80px);overflow-y:auto}::ng-deep .p-sidebar.p-sidebar-right .p-sidebar-content{padding-left:1.5rem;padding-right:1.5rem}::ng-deep .p-sidebar.p-sidebar-left .p-sidebar-content{padding-left:1.5rem;padding-right:1.5rem}@media (max-width: 768px){::ng-deep .p-sidebar{width:100%!important;max-width:100%!important}::ng-deep .p-sidebar .p-sidebar-header{padding:1rem 1rem 0}::ng-deep .p-sidebar .p-sidebar-content{padding:0 1rem 1rem}}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i9.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i4.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "component", type: i5.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SidebarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-sidebar', standalone: false, template: "<!-- Custom backdrop for better control over outside clicks -->\r\n<div \r\n  *ngIf=\"visible\" \r\n  class=\"custom-sidebar-backdrop\" \r\n  (click)=\"onBackdropClick($event)\"\r\n></div>\r\n\r\n<p-sidebar \r\n  [(visible)]=\"visible\"\r\n  [position]=\"position\"\r\n  [style]=\"{width: width}\"\r\n  [modal]=\"false\"\r\n  [dismissible]=\"false\"\r\n  [closeOnEscape]=\"false\"\r\n  [showCloseIcon]=\"false\"\r\n  [baseZIndex]=\"baseZIndex\"\r\n  [autoZIndex]=\"autoZIndex\"\r\n  [styleClass]=\"styleClass\"\r\n  [appendTo]=\"appendTo\"\r\n  [blockScroll]=\"blockScroll\"\r\n  (visibleChange)=\"onVisibleChange($event)\"\r\n  (onShow)=\"onShow.emit()\"\r\n  (onHide)=\"onSidebarHide()\"\r\n>\r\n  <ng-template pTemplate=\"header\" *ngIf=\"title || showCloseButton || showSaveButton\">\r\n    <div class=\"sidebar-header\">\r\n      <h3 *ngIf=\"title\" class=\"sidebar-title\">{{ title }}</h3>\r\n      <div class=\"header-content\">\r\n        <ng-content select=\"[header]\"></ng-content>\r\n        \r\n        <p-messages \r\n          *ngIf=\"showSuccessMessage\"\r\n          severity=\"success\"\r\n          [closable]=\"false\"\r\n          [style]=\"{'margin-bottom': '0.5rem'}\"\r\n          class=\"ml-3\"\r\n        >\r\n          <ng-template pTemplate=\"message\">\r\n            <span>{{ successMessage }}</span>\r\n          </ng-template>\r\n        </p-messages>\r\n        <p-messages \r\n          *ngIf=\"showErrorMessage\"\r\n          severity=\"error\"\r\n          [closable]=\"false\"\r\n          [style]=\"{'margin-bottom': '0.5rem'}\"\r\n          class=\"ml-3\"\r\n        >\r\n          <ng-template pTemplate=\"message\">\r\n            <span>{{ errorMessage }}</span>\r\n          </ng-template>\r\n        </p-messages>\r\n\r\n        <div class=\"header-actions mr-3\">\r\n          <button \r\n            *ngIf=\"showSaveButton\"\r\n            pButton \r\n            type=\"button\" \r\n            [label]=\"saveButtonText\"\r\n            [disabled]=\"saveButtonDisabled\"\r\n            class=\"p-button-primary\"\r\n            (click)=\"onSave.emit()\"\r\n          ></button>\r\n\r\n           <button \r\n            *ngIf=\"showCloseButton\"\r\n            pButton \r\n            type=\"button\" \r\n            icon=\"pi pi-times\"\r\n            class=\"p-button-text p-button-rounded\"\r\n            (click)=\"onCloseButtonClick()\"\r\n          ></button>\r\n          \r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <ng-template pTemplate=\"content\">\r\n    <div class=\"sidebar-content\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </ng-template>\r\n</p-sidebar>\r\n\r\n<!-- Custom confirmation dialog for unsaved changes -->\r\n<app-confirmation-dialog \r\n  #confirmationDialog\r\n  [confirmationOptions]=\"unsavedChangesConfirmationOptions\">\r\n</app-confirmation-dialog>\r\n", styles: [":host{display:block}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:0;width:100%}.sidebar-title{margin:0;font-size:1.25rem;font-weight:600;color:#212529;flex:1}.header-content{display:flex;align-items:center;gap:.5rem;justify-content:space-between;width:100%}.header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;margin-right:0}.close-button{background:none;border:none;color:#6c757d;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;margin-right:.5rem}.close-button:hover{background-color:#e9ecef;color:#495057}.close-button:focus{outline:none;box-shadow:0 0 0 3px #0f8bfd4d}.close-button i{font-size:1rem}.sidebar-content{height:100%;overflow-y:auto;padding:0}.custom-sidebar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:9999;cursor:pointer}::ng-deep .p-sidebar{z-index:10000!important}::ng-deep .p-confirm-dialog{z-index:10001!important}::ng-deep .p-dialog-mask{z-index:10000!important}::ng-deep .p-confirm-dialog-mask{z-index:10000!important}.header-actions .p-button-text.p-button-rounded{width:2rem;height:2rem;border-radius:50%}.header-actions .p-button-text.p-button-rounded:hover{background-color:#0000001a}::ng-deep .p-sidebar .p-sidebar-header{border-bottom:1px solid #e9ecef;margin-bottom:1rem;background-color:#f8f9fa}::ng-deep .p-sidebar .p-sidebar-content{padding:0 1.5rem 1.5rem;height:calc(100% - 80px);overflow-y:auto}::ng-deep .p-sidebar.p-sidebar-right .p-sidebar-content{padding-left:1.5rem;padding-right:1.5rem}::ng-deep .p-sidebar.p-sidebar-left .p-sidebar-content{padding-left:1.5rem;padding-right:1.5rem}@media (max-width: 768px){::ng-deep .p-sidebar{width:100%!important;max-width:100%!important}::ng-deep .p-sidebar .p-sidebar-header{padding:1rem 1rem 0}::ng-deep .p-sidebar .p-sidebar-content{padding:0 1rem 1rem}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { confirmationDialog: [{
-                type: ViewChild,
-                args: ['confirmationDialog']
-            }], visible: [{
+            args: [{ selector: 'lib-sidebar', standalone: false, template: "<!-- PrimeNG Sidebar with proper backdrop handling -->\n<p-sidebar \n  [(visible)]=\"visible\"\n  [position]=\"position\"\n  [style]=\"{width: width}\"\n  [modal]=\"true\"\n  [dismissible]=\"true\"\n  [showCloseIcon]=\"false\"\n  [styleClass]=\"styleClass\"\n  [appendTo]=\"'body'\"\n  [blockScroll]=\"blockScroll\"\n  (visibleChange)=\"onVisibleChange($event)\"\n  (onShow)=\"onShow.emit()\"\n  (onHide)=\"onSidebarHide()\"\n  (onMaskClick)=\"handleBackdropClick($event)\"\n>\n  <ng-template pTemplate=\"header\" *ngIf=\"title || showCloseButton || showSaveButton\">\n    <div class=\"sidebar-header\">\n      <h3 *ngIf=\"title\" class=\"sidebar-title\">{{ title }}</h3>\n      <div class=\"header-content\">\n        <ng-content select=\"[header]\"></ng-content>\n        \n        <p-messages \n          *ngIf=\"showSuccessMessage\"\n          severity=\"success\"\n          [closable]=\"false\"\n          [style]=\"{'margin-bottom': '0.5rem'}\"\n          class=\"ml-3\"\n        >\n          <ng-template pTemplate=\"message\">\n            <span>{{ successMessage }}</span>\n          </ng-template>\n        </p-messages>\n        <p-messages \n          *ngIf=\"showErrorMessage\"\n          severity=\"error\"\n          [closable]=\"false\"\n          [style]=\"{'margin-bottom': '0.5rem'}\"\n          class=\"ml-3\"\n        >\n          <ng-template pTemplate=\"message\">\n            <span>{{ errorMessage }}</span>\n          </ng-template>\n        </p-messages>\n\n        <div class=\"header-actions mr-3\">\n          <button \n            *ngIf=\"showSaveButton\"\n            pButton \n            type=\"button\" \n            [label]=\"saveButtonText\"\n            [disabled]=\"saveButtonDisabled\"\n            class=\"p-button-primary\"\n            (click)=\"onSave.emit()\"\n          ></button>\n\n           <button \n            *ngIf=\"showCloseButton\"\n            pButton \n            type=\"button\" \n            icon=\"pi pi-times\"\n            class=\"p-button-text p-button-rounded\"\n            (click)=\"handleClose()\"\n          ></button>\n          \n        </div>\n      </div>\n    </div>\n  </ng-template>\n\n  <ng-template pTemplate=\"content\">\n    <div class=\"sidebar-content\">\n      <ng-content></ng-content>\n    </div>\n  </ng-template>\n</p-sidebar>\n", styles: [":host{display:block}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:0;width:100%}.sidebar-title{margin:0;font-size:1.25rem;font-weight:600;color:#212529;flex:1}.header-content{display:flex;align-items:center;gap:.5rem;justify-content:space-between;width:100%}.header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;margin-right:0}.close-button{background:none;border:none;color:#6c757d;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;margin-right:.5rem}.close-button:hover{background-color:#e9ecef;color:#495057}.close-button:focus{outline:none;box-shadow:0 0 0 3px #0f8bfd4d}.close-button i{font-size:1rem}.sidebar-content{height:100%;overflow-y:auto;padding:0}.header-actions .p-button-text.p-button-rounded{width:2rem;height:2rem;border-radius:50%}.header-actions .p-button-text.p-button-rounded:hover{background-color:#0000001a}::ng-deep .p-sidebar .p-sidebar-header{border-bottom:1px solid #e9ecef;margin-bottom:1rem;background-color:#f8f9fa}::ng-deep .p-sidebar .p-sidebar-content{padding:0 1.5rem 1.5rem;height:calc(100% - 80px);overflow-y:auto}::ng-deep .p-sidebar.p-sidebar-right .p-sidebar-content{padding-left:1.5rem;padding-right:1.5rem}::ng-deep .p-sidebar.p-sidebar-left .p-sidebar-content{padding-left:1.5rem;padding-right:1.5rem}@media (max-width: 768px){::ng-deep .p-sidebar{width:100%!important;max-width:100%!important}::ng-deep .p-sidebar .p-sidebar-header{padding:1rem 1rem 0}::ng-deep .p-sidebar .p-sidebar-content{padding:0 1rem 1rem}}\n"] }]
+        }], ctorParameters: () => [{ type: i3.ConfirmationService }], propDecorators: { visible: [{
                 type: Input
             }], position: [{
                 type: Input
@@ -3847,12 +3837,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 type: Input
             }], dismissible: [{
                 type: Input
-            }], closeOnEscape: [{
-                type: Input
-            }], baseZIndex: [{
-                type: Input
-            }], autoZIndex: [{
-                type: Input
             }], styleClass: [{
                 type: Input
             }], appendTo: [{
@@ -3881,9 +3865,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 type: Output
             }], onSave: [{
                 type: Output
-            }], onDiscardChanges: [{
+            }], onClose: [{
                 type: Output
-            }], onEscapeKey: [{
+            }], handleEscapeKey: [{
                 type: HostListener,
                 args: ['document:keydown.escape', ['$event']]
             }] } });
@@ -4477,7 +4461,7 @@ class FolderContainerComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FolderContainerComponent, deps: [{ token: DocumentQuery }, { token: DocumentHelperService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: FolderContainerComponent, isStandalone: false, selector: "lib-folder-container", inputs: { documentList: "documentList", folderList: "folderList", contextId: "contextId", userList: "userList", statusData: "statusData", categories: "categories" }, viewQueries: [{ propertyName: "documentUploadComponent", first: true, predicate: DocumentUploadComponent, descendants: true }, { propertyName: "sidebarComponent", first: true, predicate: SidebarComponent, descendants: true }], ngImport: i0, template: "\r\n<document-search [contextId]=\"contextId\" (onActionClick)=\"openDocumentUploadSidebar()\"></document-search>\r\n<div class=\"user-list-wrapper\" [@slideInOut]=\"userListAnimationState\">\r\n  <lib-user-list [userList]=\"userList\" [categories]=\"categories\"></lib-user-list>\r\n</div>\r\n<lib-document-status [contextId]=\"contextId\" [statusData]=\"statusData\"></lib-document-status>\r\n\r\n<!-- Document Upload Sidebar -->\r\n<lib-sidebar\r\n  [(visible)]=\"isDocumentUploadSidebarOpen\"\r\n  position=\"right\"\r\n  width=\"600px\"\r\n  title=\"Upload Documents\"\r\n  [showCloseButton]=\"true\"\r\n  [showSaveButton]=\"true\"\r\n  [saveButtonText]=\"'Save'\"\r\n  [saveButtonDisabled]=\"isSaveButtonDisabled\"\r\n  [successMessage]=\"'Document Saved Successfully'\"\r\n  [hasUnsavedChanges]=\"hasUnsavedChanges\"\r\n  (onHide)=\"onDocumentUploadSidebarHide()\"\r\n  (onSave)=\"onDocumentUploadSave()\"\r\n  (onDiscardChanges)=\"onDocumentUploadSidebarCloseWithUnsavedChanges()\"\r\n>\r\n  <lib-document-upload \r\n    [contextId]=\"contextId\" \r\n    (onFormValidationChange)=\"onFormValidationChange()\" \r\n    (onUploadSuccess)=\"onDocumentUploadSuccess()\"\r\n    (onUploadError)=\"onDocumentUploadError($event)\"\r\n  ></lib-document-upload>\r\n</lib-sidebar>", styles: [".user-list-wrapper{overflow:hidden;margin-bottom:1rem}.user-list-wrapper ::ng-deep *{transition:opacity .2s ease-in-out}.user-list-wrapper.ng-animating{pointer-events:none}::ng-deep lib-user-list{display:block;width:100%}\n"], dependencies: [{ kind: "component", type: DocumentUploadComponent, selector: "lib-document-upload", inputs: ["contextId"], outputs: ["onFormValidationChange", "onUploadSuccess"] }, { kind: "component", type: UserListComponent, selector: "lib-user-list", inputs: ["userList", "categories"], outputs: ["userSelected"] }, { kind: "component", type: DocumentStatusComponent, selector: "lib-document-status", inputs: ["contextId", "statusData"] }, { kind: "component", type: DocumentSearchComponent, selector: "document-search", inputs: ["contextId"], outputs: ["onActionClick"] }, { kind: "component", type: SidebarComponent, selector: "lib-sidebar", inputs: ["visible", "position", "width", "title", "showCloseButton", "modal", "dismissible", "closeOnEscape", "baseZIndex", "autoZIndex", "styleClass", "appendTo", "blockScroll", "closeIcon", "showSaveButton", "saveButtonText", "saveButtonDisabled", "successMessage", "errorMessage", "hasUnsavedChanges"], outputs: ["visibleChange", "onShow", "onHide", "onSave", "onDiscardChanges"] }], animations: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: FolderContainerComponent, isStandalone: false, selector: "lib-folder-container", inputs: { documentList: "documentList", folderList: "folderList", contextId: "contextId", userList: "userList", statusData: "statusData", categories: "categories" }, viewQueries: [{ propertyName: "documentUploadComponent", first: true, predicate: DocumentUploadComponent, descendants: true }, { propertyName: "sidebarComponent", first: true, predicate: SidebarComponent, descendants: true }], ngImport: i0, template: "\n<document-search [contextId]=\"contextId\" (onActionClick)=\"openDocumentUploadSidebar()\"></document-search>\n<div class=\"user-list-wrapper\" [@slideInOut]=\"userListAnimationState\">\n  <lib-user-list [userList]=\"userList\" [categories]=\"categories\"></lib-user-list>\n</div>\n<lib-document-status [contextId]=\"contextId\" [statusData]=\"statusData\"></lib-document-status>\n\n<!-- Document Upload Sidebar -->\n<lib-sidebar\n  [(visible)]=\"isDocumentUploadSidebarOpen\"\n  position=\"right\"\n  width=\"600px\"\n  title=\"Upload Documents\"\n  [showCloseButton]=\"true\"\n  [showSaveButton]=\"true\"\n  [saveButtonText]=\"'Save'\"\n  [saveButtonDisabled]=\"isSaveButtonDisabled\"\n  [successMessage]=\"'Document Saved Successfully'\"\n  [hasUnsavedChanges]=\"hasUnsavedChanges\"\n  (onHide)=\"onDocumentUploadSidebarHide()\"\n  (onSave)=\"onDocumentUploadSave()\"\n  (onClose)=\"onDocumentUploadSidebarCloseWithUnsavedChanges()\"\n>\n  <lib-document-upload \n    [contextId]=\"contextId\" \n    (onFormValidationChange)=\"onFormValidationChange()\" \n    (onUploadSuccess)=\"onDocumentUploadSuccess()\"\n    (onUploadError)=\"onDocumentUploadError($event)\"\n  ></lib-document-upload>\n</lib-sidebar>", styles: [".user-list-wrapper{overflow:hidden;margin-bottom:1rem}.user-list-wrapper ::ng-deep *{transition:opacity .2s ease-in-out}.user-list-wrapper.ng-animating{pointer-events:none}::ng-deep lib-user-list{display:block;width:100%}\n"], dependencies: [{ kind: "component", type: DocumentUploadComponent, selector: "lib-document-upload", inputs: ["contextId"], outputs: ["onFormValidationChange", "onUploadSuccess"] }, { kind: "component", type: UserListComponent, selector: "lib-user-list", inputs: ["userList", "categories"], outputs: ["userSelected"] }, { kind: "component", type: DocumentStatusComponent, selector: "lib-document-status", inputs: ["contextId", "statusData"] }, { kind: "component", type: DocumentSearchComponent, selector: "document-search", inputs: ["contextId"], outputs: ["onActionClick"] }, { kind: "component", type: SidebarComponent, selector: "lib-sidebar", inputs: ["visible", "position", "width", "title", "showCloseButton", "modal", "dismissible", "styleClass", "appendTo", "blockScroll", "closeIcon", "showSaveButton", "saveButtonText", "saveButtonDisabled", "successMessage", "errorMessage", "hasUnsavedChanges"], outputs: ["visibleChange", "onShow", "onHide", "onSave", "onClose"] }], animations: [
             trigger('slideInOut', [
                 state('visible', style({
                     height: '*',
@@ -4531,7 +4515,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                                 animate('300ms cubic-bezier(0.0, 0.0, 0.2, 1)')
                             ])
                         ])
-                    ], template: "\r\n<document-search [contextId]=\"contextId\" (onActionClick)=\"openDocumentUploadSidebar()\"></document-search>\r\n<div class=\"user-list-wrapper\" [@slideInOut]=\"userListAnimationState\">\r\n  <lib-user-list [userList]=\"userList\" [categories]=\"categories\"></lib-user-list>\r\n</div>\r\n<lib-document-status [contextId]=\"contextId\" [statusData]=\"statusData\"></lib-document-status>\r\n\r\n<!-- Document Upload Sidebar -->\r\n<lib-sidebar\r\n  [(visible)]=\"isDocumentUploadSidebarOpen\"\r\n  position=\"right\"\r\n  width=\"600px\"\r\n  title=\"Upload Documents\"\r\n  [showCloseButton]=\"true\"\r\n  [showSaveButton]=\"true\"\r\n  [saveButtonText]=\"'Save'\"\r\n  [saveButtonDisabled]=\"isSaveButtonDisabled\"\r\n  [successMessage]=\"'Document Saved Successfully'\"\r\n  [hasUnsavedChanges]=\"hasUnsavedChanges\"\r\n  (onHide)=\"onDocumentUploadSidebarHide()\"\r\n  (onSave)=\"onDocumentUploadSave()\"\r\n  (onDiscardChanges)=\"onDocumentUploadSidebarCloseWithUnsavedChanges()\"\r\n>\r\n  <lib-document-upload \r\n    [contextId]=\"contextId\" \r\n    (onFormValidationChange)=\"onFormValidationChange()\" \r\n    (onUploadSuccess)=\"onDocumentUploadSuccess()\"\r\n    (onUploadError)=\"onDocumentUploadError($event)\"\r\n  ></lib-document-upload>\r\n</lib-sidebar>", styles: [".user-list-wrapper{overflow:hidden;margin-bottom:1rem}.user-list-wrapper ::ng-deep *{transition:opacity .2s ease-in-out}.user-list-wrapper.ng-animating{pointer-events:none}::ng-deep lib-user-list{display:block;width:100%}\n"] }]
+                    ], template: "\n<document-search [contextId]=\"contextId\" (onActionClick)=\"openDocumentUploadSidebar()\"></document-search>\n<div class=\"user-list-wrapper\" [@slideInOut]=\"userListAnimationState\">\n  <lib-user-list [userList]=\"userList\" [categories]=\"categories\"></lib-user-list>\n</div>\n<lib-document-status [contextId]=\"contextId\" [statusData]=\"statusData\"></lib-document-status>\n\n<!-- Document Upload Sidebar -->\n<lib-sidebar\n  [(visible)]=\"isDocumentUploadSidebarOpen\"\n  position=\"right\"\n  width=\"600px\"\n  title=\"Upload Documents\"\n  [showCloseButton]=\"true\"\n  [showSaveButton]=\"true\"\n  [saveButtonText]=\"'Save'\"\n  [saveButtonDisabled]=\"isSaveButtonDisabled\"\n  [successMessage]=\"'Document Saved Successfully'\"\n  [hasUnsavedChanges]=\"hasUnsavedChanges\"\n  (onHide)=\"onDocumentUploadSidebarHide()\"\n  (onSave)=\"onDocumentUploadSave()\"\n  (onClose)=\"onDocumentUploadSidebarCloseWithUnsavedChanges()\"\n>\n  <lib-document-upload \n    [contextId]=\"contextId\" \n    (onFormValidationChange)=\"onFormValidationChange()\" \n    (onUploadSuccess)=\"onDocumentUploadSuccess()\"\n    (onUploadError)=\"onDocumentUploadError($event)\"\n  ></lib-document-upload>\n</lib-sidebar>", styles: [".user-list-wrapper{overflow:hidden;margin-bottom:1rem}.user-list-wrapper ::ng-deep *{transition:opacity .2s ease-in-out}.user-list-wrapper.ng-animating{pointer-events:none}::ng-deep lib-user-list{display:block;width:100%}\n"] }]
         }], ctorParameters: () => [{ type: DocumentQuery }, { type: DocumentHelperService }], propDecorators: { documentList: [{
                 type: Input
             }], folderList: [{
@@ -4560,13 +4544,48 @@ class DocumentTableBuilderService {
      * @returns TableData object
      */
     buildDocumentTable(documents) {
-        // Filter out the actions column completely - not needed for anyone
+        console.log('Building document table with documents:', documents);
         const columns = SHARED.DOCUMENT_TABLE_COLUMNS.filter(col => col.type !== SHARED.ACTIONS);
+        // Format document names to include aliasName if available
+        const formattedDocuments = documents.map(doc => {
+            console.log('Processing document:', {
+                docName: doc.docName,
+                aliasName: doc.aliasName,
+                hasAliasName: !!doc.aliasName,
+                aliasNameTrimmed: doc.aliasName?.trim(),
+                aliasNameEmpty: doc.aliasName === SHARED.EMPTY
+            });
+            return {
+                ...doc,
+                docName: this.formatDocumentDisplayName(doc.docName, doc.aliasName)
+            };
+        });
+        console.log('Formatted documents:', formattedDocuments);
         return {
             columns: columns,
-            data: documents
+            data: formattedDocuments
         };
     }
+    /**
+     * Formats document name to include aliasName if available
+     * @param docName The document name
+     * @param aliasName The alias name (optional)
+     * @returns Formatted display name
+     */
+    formatDocumentDisplayName(docName, aliasName) {
+        console.log('Formatting document name:', { docName, aliasName });
+        // Only show aliasName if it exists, is not empty, and is different from docName
+        if (aliasName &&
+            aliasName.trim() !== '' &&
+            aliasName !== SHARED.EMPTY &&
+            aliasName.trim() !== docName.replace(/\.[^/.]+$/, '')) { // Remove file extension for comparison
+            const formattedName = `${docName} - ${aliasName}`;
+            console.log('Formatted name:', formattedName);
+            return formattedName;
+        }
+        console.log('Using original name:', docName);
+        return docName;
+    }
     /**
      * Gets completion count for a category
      * @param category Document category
@@ -4600,18 +4619,25 @@ class DocumentTableBuilderService {
      * @returns Array of DocumentListItem
      */
     transformDocumentModelToListItem(documents) {
-        return documents.map(doc => ({
-            _id: doc._id || SHARED.EMPTY,
-            fileName: doc.fileName || SHARED.EMPTY,
-            docName: doc.docName || doc.documentName || SHARED.EMPTY,
-            fileSize: doc.fileSize || SHARED.EMPTY,
-            documentUrl: doc.documentUrl || doc.url || SHARED.EMPTY,
-            status: doc.status || SHARED.PENDING,
-            uploadedOn: doc.uploadedOn || doc.uploadDate || SHARED.EMPTY,
-            ownerName: doc.ownerName || doc.applicantName || SHARED.EMPTY,
-            contentType: doc.contentType || SHARED.EMPTY,
-            isUploaded: doc.isUploaded || false
-        }));
+        return documents.map(doc => {
+            // Format document name to include aliasName if available
+            let formattedDocName = doc.docName || doc.documentName || SHARED.EMPTY;
+            if (doc.aliasName && doc.aliasName.trim() !== '' && doc.aliasName !== SHARED.EMPTY) {
+                formattedDocName = `${formattedDocName} - ${doc.aliasName}`;
+            }
+            return {
+                _id: doc._id || SHARED.EMPTY,
+                fileName: doc.fileName || SHARED.EMPTY,
+                docName: formattedDocName,
+                fileSize: doc.fileSize || SHARED.EMPTY,
+                documentUrl: doc.documentUrl || doc.url || SHARED.EMPTY,
+                status: doc.status || SHARED.PENDING,
+                uploadedOn: doc.uploadedOn || doc.uploadDate || SHARED.EMPTY,
+                ownerName: doc.ownerName || doc.applicantName || SHARED.EMPTY,
+                contentType: doc.contentType || SHARED.EMPTY,
+                isUploaded: doc.isUploaded || false
+            };
+        });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentTableBuilderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentTableBuilderService, providedIn: 'root' });
@@ -5437,11 +5463,11 @@ class DocumentHistoryComponent {
         this.documentHistoryService.downloadDocument(documentUrl, docName);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentHistoryComponent, deps: [{ token: DocumentHistoryService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DocumentHistoryComponent, isStandalone: false, selector: "document-history", inputs: { historyData: "historyData", showHistory: "showHistory" }, ngImport: i0, template: "<div class=\"document-history-container\" *ngIf=\"showHistory && historyData.length > 0\">\r\n  <div class=\"history-sections\">\r\n    <div class=\"history-section\" *ngFor=\"let section of processedHistoryData\">\r\n      <div *ngIf=\"section.header === 'Initial Request' && section.hasValidContent\" \r\n           class=\"initial-request-section\"\r\n           [ngClass]=\"section.accordionClass\">\r\n        <p-accordion [activeIndex]=\"activeAccordionIndex\" \r\n                     (onOpen)=\"onAccordionOpen()\" \r\n                     (onClose)=\"onAccordionClose()\">\r\n          <p-accordionTab [header]=\"section.header\">\r\n            <div class=\"history-timeline\" *ngIf=\"section.hasValidContent\">\r\n              <div class=\"timeline-item\" *ngFor=\"let item of section.list; let i = index\">\r\n                <div class=\"timeline-card\" [ngClass]=\"item.actionBgColor\">\r\n                  <div class=\"card-header\">\r\n                    <div class=\"action-info\">\r\n                      <div class=\"action-icon\" [ngClass]=\"item.actionIconBgColor\">\r\n                        <i [class]=\"item.actionIcon\"></i>\r\n                      </div>\r\n                      <span class=\"action-label\" [ngClass]=\"item.actionColor\">\r\n                        {{ item.label }}\r\n                      </span>\r\n                    </div>\r\n                    <div class=\"timestamp\">\r\n                      {{ item.dateTime }}\r\n                    </div>\r\n                  </div>\r\n                  \r\n                  <!-- Description -->\r\n                  <div class=\"card-description\" *ngIf=\"item.requestDescription\">\r\n                    <p class=\"description-text\">{{ item.requestDescription ?? 'No Request' }}</p>\r\n                  </div>\r\n                  \r\n                  <!-- Document details if URL exists -->\r\n                  <div class=\"document-details\" *ngIf=\"item.documentUrl\">\r\n                    <div class=\"document-card\">\r\n                      <div class=\"document-info\">\r\n                        <div class=\"document-icon\">\r\n                          <i class=\"pi pi-file\"></i>\r\n                        </div>\r\n                        <div class=\"document-text\">\r\n                          <div class=\"document-title\">Document</div>\r\n                          <div class=\"document-filename clickable\" \r\n                               (click)=\"downloadDocument(item.documentUrl!, item.docName)\"\r\n                               title=\"Click to download\">\r\n                            {{ item.docName || 'Document' }}\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"document-actions\">\r\n                        <button class=\"action-btn download-btn\" \r\n                                title=\"Download\"\r\n                                (click)=\"downloadDocument(item.documentUrl!, item.docName)\">\r\n                          <i class=\"pi pi-download\"></i>\r\n                        </button>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  \r\n                  <!-- User information -->\r\n                  <div class=\"user-info\">\r\n                    <span class=\"user-name\">{{ item.userName }}</span>\r\n                    <span class=\"user-role\">({{ item.userRole }})</span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <!-- Show message if no valid content -->\r\n            <div class=\"no-content-message\" *ngIf=\"!section.hasValidContent\">\r\n              <p>No initial request details available.</p>\r\n            </div>\r\n          </p-accordionTab>\r\n        </p-accordion>\r\n      </div>\r\n      \r\n      <!-- Document History as regular timeline -->\r\n      <div *ngIf=\"section.header !== 'Initial Request'\" class=\"document-history-section\">\r\n        <div class=\"section-header\" *ngIf=\"section.header\">\r\n          <h4 class=\"section-title\">{{ section.header }}</h4>\r\n        </div>\r\n        \r\n        <div class=\"history-timeline\">\r\n          <div class=\"timeline-item\" *ngFor=\"let item of section.list; let i = index\">\r\n            <div class=\"timeline-card\" [ngClass]=\"item.actionBgColor\">\r\n              <!-- Header with icon and timestamp -->\r\n              <div class=\"card-header\">\r\n                <div class=\"action-info\">\r\n                  <div class=\"action-icon\" [ngClass]=\"item.actionIconBgColor\">\r\n                    <i [class]=\"item.actionIcon\"></i>\r\n                  </div>\r\n                  <span class=\"action-label\" [ngClass]=\"item.actionColor\">\r\n                    {{ item.label }}\r\n                  </span>\r\n                </div>\r\n                <div class=\"timestamp\">\r\n                  {{ item.dateTime }}\r\n                </div>\r\n              </div>\r\n              \r\n              <!-- Description -->\r\n              <div class=\"card-description\" *ngIf=\"item.requestDescription\">\r\n                <p class=\"description-text\">{{ item.requestDescription }}</p>\r\n              </div>\r\n              \r\n              <!-- Document details if URL exists -->\r\n              <div class=\"document-details\" *ngIf=\"item.documentUrl\">\r\n                <div class=\"document-card\">\r\n                  <div class=\"document-info\">\r\n                    <div class=\"document-icon\">\r\n                      <i class=\"pi pi-file\"></i>\r\n                    </div>\r\n                    <div class=\"document-text\">\r\n                      <div class=\"document-title\">Document</div>\r\n                      <div class=\"document-filename clickable\" \r\n                           (click)=\"downloadDocument(item.documentUrl!, item.docName)\"\r\n                           title=\"Click to download\">\r\n                        {{ item.docName || 'Document' }}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              \r\n              <!-- User information -->\r\n              <div class=\"user-info\">\r\n                <span class=\"user-name\">{{ item.userName }}</span>\r\n                <span class=\"user-role\">({{ item.userRole }})</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>", styles: [".document-history-container{padding:.75rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-height:none;overflow-y:auto}.document-history-container .history-header{margin-bottom:1rem}.document-history-container .history-header .history-title{font-size:1.25rem;font-weight:600;color:#374151;margin:0}.document-history-container .history-sections .history-section{margin-bottom:1.5rem}.document-history-container .history-sections .history-section .initial-request-section{margin-bottom:1rem}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link{background:#fff;border-top:1px solid;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:none;padding:.75rem 1rem;font-weight:600;color:#1f2937;font-size:1rem}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link:focus{box-shadow:none}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-header-icon{color:#6b7280;font-size:.875rem}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-header.p-highlight .p-accordion-header-link{background:#fff}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content{background:#fff;border:1px solid;border-top:none;border-radius:0 0 8px 8px;padding:1rem}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item{margin-bottom:0}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;border-right:3px solid}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .card-header .action-info .action-icon{background:#7d879b;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .card-header .action-info .action-icon i{font-size:14px}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .card-header .action-info .action-label{color:#1f2937;font-weight:600}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .card-header .timestamp{color:#6b7280;font-size:.75rem}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .card-description .description-text{color:#374151;line-height:1.5}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .user-info .user-name{color:#1f2937;font-weight:500}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .user-info .user-role{color:#6b7280}.document-history-container .history-sections .history-section .initial-request-section.document-requested ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link{border-color:#d1d5db}.document-history-container .history-sections .history-section .initial-request-section.document-requested ::ng-deep .p-accordion .p-accordion-content{border-color:#d1d5db}.document-history-container .history-sections .history-section .initial-request-section.document-uploaded ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link{border-color:#86efac}.document-history-container .history-sections .history-section .initial-request-section.document-uploaded ::ng-deep .p-accordion .p-accordion-content{border-color:#86efac}.document-history-container .history-sections .history-section .initial-request-section.document-rejected ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link{border-color:#fca5a5}.document-history-container .history-sections .history-section .initial-request-section.document-rejected ::ng-deep .p-accordion .p-accordion-content{border-color:#fca5a5}.document-history-container .history-sections .history-section .initial-request-section.document-accepted ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link{border-color:#86efac}.document-history-container .history-sections .history-section .initial-request-section.document-accepted ::ng-deep .p-accordion .p-accordion-content{border-color:#86efac}.document-history-container .history-sections .history-section .document-history-section .section-header{margin-bottom:.75rem}.document-history-container .history-sections .history-section .document-history-section .section-header .section-title{font-size:1.25rem;font-weight:500;color:#374151;margin:0}.document-history-container .history-sections .history-section .history-timeline .timeline-item{margin-bottom:.75rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card{border-radius:8px;border:1px solid;padding:1rem;position:relative;border-right:3px solid}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card.bg-green-50{background-color:#f0fdf4;border-color:#bbf7d0;border-right-color:#10b981}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card.bg-red-50{background-color:#fef2f2;border-color:#fecaca;border-right-color:#ef4444}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card.bg-blue-50{background-color:#eff6ff;border-color:#bfdbfe;border-right-color:#3b82f6}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card.bg-gray-50{background-color:#f8fafc;border-color:#e2e8f0;border-right-color:#6b7280}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header .action-info{display:flex;align-items:center;gap:.5rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header .action-info .action-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header .action-info .action-icon i{font-size:14px}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header .action-info .action-label{font-weight:600;font-size:.875rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header .timestamp{font-size:.75rem;color:#6b7280}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-description{margin-bottom:.75rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-description .description-text{margin:0;color:#374151;font-size:.875rem;line-height:1.4}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details{margin-bottom:.75rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card{background:#fff;border-radius:6px;padding:.75rem;display:flex;justify-content:space-between;align-items:center;border:1px solid #e5e7eb}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info{display:flex;align-items:center;gap:.5rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info .document-icon{color:#3b82f6;font-size:1.25rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info .document-text .document-title{font-weight:500;color:#374151;font-size:.875rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info .document-text .document-filename{color:#3b82f6;font-size:.75rem;word-break:break-word}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info .document-text .document-filename.clickable{cursor:pointer;text-decoration:underline}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info .document-text .document-filename.clickable:hover{color:#2563eb;text-decoration:none}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions{display:flex;gap:.25rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn{width:24px;height:24px;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.edit-btn{background:#3b82f6;color:#fff}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.edit-btn:hover{background:#2563eb}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.delete-btn{background:#ef4444;color:#fff}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.delete-btn:hover{background:#dc2626}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.download-btn{background:#10b981;color:#fff}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.download-btn:hover{background:#059669}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .user-info{text-align:right;font-size:.75rem;color:#374151}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .user-info .user-name{font-weight:500}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .user-info .user-role{color:#6b7280}.text-green-600{color:#059669}.text-red-600{color:#dc2626}.text-blue-600{color:#2563eb}.text-gray-600{color:#4b5563}.bg-green-50{background-color:#f0fdf4}.bg-red-50{background-color:#fef2f2}.bg-blue-50{background-color:#eff6ff}.bg-gray-50{background-color:#f8fafc}.border-green-200{border-color:#bbf7d0}.border-red-200{border-color:#fecaca}.border-blue-200{border-color:#bfdbfe}.border-gray-200{border-color:#e2e8f0}.icon-bg-green{background-color:#10b981}.icon-bg-red{background-color:#ef4444}.icon-bg-blue{background-color:#3b82f6}.icon-bg-gray{background-color:#6b7280}.no-content-message{text-align:center;padding:2rem;color:#6b7280;font-style:italic}.no-content-message p{margin:0;font-size:.875rem}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i3$1.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DocumentHistoryComponent, isStandalone: false, selector: "document-history", inputs: { historyData: "historyData", showHistory: "showHistory" }, ngImport: i0, template: "<div class=\"document-history-container\" *ngIf=\"showHistory && historyData.length > 0\">\n  <div class=\"history-sections\">\n    <div class=\"history-section\" *ngFor=\"let section of processedHistoryData\">\n      <div *ngIf=\"section.header === 'Initial Request' && section.hasValidContent\" \n           class=\"initial-request-section\"\n           [ngClass]=\"section.accordionClass\">\n        <p-accordion [activeIndex]=\"activeAccordionIndex\" \n                     (onOpen)=\"onAccordionOpen()\" \n                     (onClose)=\"onAccordionClose()\">\n          <p-accordionTab [header]=\"section.header\">\n            <div class=\"history-timeline\" *ngIf=\"section.hasValidContent\">\n              <div class=\"timeline-item\" *ngFor=\"let item of section.list; let i = index\">\n                <div class=\"timeline-card\" [ngClass]=\"item.actionBgColor\">\n                  <div class=\"card-header\">\n                    <div class=\"action-info\">\n                      <div class=\"action-icon\" [ngClass]=\"item.actionIconBgColor\">\n                        <i [class]=\"item.actionIcon\"></i>\n                      </div>\n                      <span class=\"action-label\" [ngClass]=\"item.actionColor\">\n                        {{ item.label }}\n                      </span>\n                    </div>\n                    <div class=\"timestamp\">\n                      {{ item.dateTime }}\n                    </div>\n                  </div>\n                  \n                  <!-- Description -->\n                  <div class=\"card-description\" *ngIf=\"item.requestDescription\">\n                    <p class=\"description-text\">{{ item.requestDescription ?? 'No Request' }}</p>\n                  </div>\n                  \n                  <!-- Document details if URL exists -->\n                  <div class=\"document-details\" *ngIf=\"item.documentUrl\">\n                    <div class=\"document-card\">\n                      <div class=\"document-info\">\n                        <div class=\"document-icon\">\n                          <i class=\"pi pi-file\"></i>\n                        </div>\n                        <div class=\"document-text\">\n                          <div class=\"document-title\">Document</div>\n                          <div class=\"document-filename clickable\" \n                               (click)=\"downloadDocument(item.documentUrl!, item.docName)\"\n                               title=\"Click to download\">\n                            {{ item.docName || 'Document' }}\n                          </div>\n                        </div>\n                      </div>\n                      <div class=\"document-actions\">\n                        <button class=\"action-btn download-btn\" \n                                title=\"Download\"\n                                (click)=\"downloadDocument(item.documentUrl!, item.docName)\">\n                          <i class=\"pi pi-download\"></i>\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                  \n                  <!-- User information -->\n                  <div class=\"user-info\">\n                    <span class=\"user-name\">{{ item.userName }}</span>\n                    <span class=\"user-role\">({{ item.userRole }})</span>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <!-- Show message if no valid content -->\n            <div class=\"no-content-message\" *ngIf=\"!section.hasValidContent\">\n              <p>No initial request details available.</p>\n            </div>\n          </p-accordionTab>\n        </p-accordion>\n      </div>\n      \n      <!-- Document History as regular timeline -->\n      <div *ngIf=\"section.header !== 'Initial Request'\" class=\"document-history-section\">\n        <div class=\"section-header\" *ngIf=\"section.header\">\n          <h4 class=\"section-title\">{{ section.header }}</h4>\n        </div>\n        \n        <div class=\"history-timeline\">\n          <div class=\"timeline-item\" *ngFor=\"let item of section.list; let i = index\">\n            <div class=\"timeline-card\" [ngClass]=\"item.actionBgColor\">\n              <!-- Header with icon and timestamp -->\n              <div class=\"card-header\">\n                <div class=\"action-info\">\n                  <div class=\"action-icon\" [ngClass]=\"item.actionIconBgColor\">\n                    <i [class]=\"item.actionIcon\"></i>\n                  </div>\n                  <span class=\"action-label\" [ngClass]=\"item.actionColor\">\n                    {{ item.label }}\n                  </span>\n                </div>\n                <div class=\"timestamp\">\n                  {{ item.dateTime }}\n                </div>\n              </div>\n              \n              <!-- Description -->\n              <div class=\"card-description\" *ngIf=\"item.requestDescription\">\n                <p class=\"description-text\">{{ item.requestDescription }}</p>\n              </div>\n              \n              <!-- Document details if URL exists -->\n              <div class=\"document-details\" *ngIf=\"item.documentUrl\">\n                <div class=\"document-card\">\n                  <div class=\"document-info\">\n                    <div class=\"document-icon\">\n                      <i class=\"pi pi-file\"></i>\n                    </div>\n                    <div class=\"document-text\">\n                      <div class=\"document-title\">Document</div>\n                      <div class=\"document-filename clickable\" \n                           (click)=\"downloadDocument(item.documentUrl!, item.docName)\"\n                           title=\"Click to download\">\n                        {{ item.docName || 'Document' }}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              \n              <!-- User information -->\n              <div class=\"user-info\">\n                <span class=\"user-name\">{{ item.userName }}</span>\n                <span class=\"user-role\">({{ item.userRole }})</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>", styles: [".document-history-container{padding:.75rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-height:none;overflow-y:auto}.document-history-container .history-header{margin-bottom:1rem}.document-history-container .history-header .history-title{font-size:1.25rem;font-weight:600;color:#374151;margin:0}.document-history-container .history-sections .history-section{margin-bottom:1.5rem}.document-history-container .history-sections .history-section .initial-request-section{margin-bottom:1rem}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link{background:#fff;border-top:1px solid;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:none;padding:.75rem 1rem;font-weight:600;color:#1f2937;font-size:1rem}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link:focus{box-shadow:none}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-header-icon{color:#6b7280;font-size:.875rem}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-header.p-highlight .p-accordion-header-link{background:#fff}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content{background:#fff;border:1px solid;border-top:none;border-radius:0 0 8px 8px;padding:1rem}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item{margin-bottom:0}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;border-right:3px solid}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .card-header .action-info .action-icon{background:#7d879b;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .card-header .action-info .action-icon i{font-size:14px}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .card-header .action-info .action-label{color:#1f2937;font-weight:600}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .card-header .timestamp{color:#6b7280;font-size:.75rem}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .card-description .description-text{color:#374151;line-height:1.5}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .user-info .user-name{color:#1f2937;font-weight:500}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .user-info .user-role{color:#6b7280}.document-history-container .history-sections .history-section .initial-request-section.document-requested ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link{border-color:#d1d5db}.document-history-container .history-sections .history-section .initial-request-section.document-requested ::ng-deep .p-accordion .p-accordion-content{border-color:#d1d5db}.document-history-container .history-sections .history-section .initial-request-section.document-uploaded ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link{border-color:#86efac}.document-history-container .history-sections .history-section .initial-request-section.document-uploaded ::ng-deep .p-accordion .p-accordion-content{border-color:#86efac}.document-history-container .history-sections .history-section .initial-request-section.document-rejected ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link{border-color:#fca5a5}.document-history-container .history-sections .history-section .initial-request-section.document-rejected ::ng-deep .p-accordion .p-accordion-content{border-color:#fca5a5}.document-history-container .history-sections .history-section .initial-request-section.document-accepted ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link{border-color:#86efac}.document-history-container .history-sections .history-section .initial-request-section.document-accepted ::ng-deep .p-accordion .p-accordion-content{border-color:#86efac}.document-history-container .history-sections .history-section .document-history-section .section-header{margin-bottom:.75rem}.document-history-container .history-sections .history-section .document-history-section .section-header .section-title{font-size:1.25rem;font-weight:500;color:#374151;margin:0}.document-history-container .history-sections .history-section .history-timeline .timeline-item{margin-bottom:.75rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card{border-radius:8px;border:1px solid;padding:1rem;position:relative;border-right:3px solid}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card.bg-green-50{background-color:#f0fdf4;border-color:#bbf7d0;border-right-color:#10b981}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card.bg-red-50{background-color:#fef2f2;border-color:#fecaca;border-right-color:#ef4444}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card.bg-blue-50{background-color:#eff6ff;border-color:#bfdbfe;border-right-color:#3b82f6}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card.bg-gray-50{background-color:#f8fafc;border-color:#e2e8f0;border-right-color:#6b7280}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header .action-info{display:flex;align-items:center;gap:.5rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header .action-info .action-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header .action-info .action-icon i{font-size:14px}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header .action-info .action-label{font-weight:600;font-size:.875rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header .timestamp{font-size:.75rem;color:#6b7280}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-description{margin-bottom:.75rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-description .description-text{margin:0;color:#374151;font-size:.875rem;line-height:1.4}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details{margin-bottom:.75rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card{background:#fff;border-radius:6px;padding:.75rem;display:flex;justify-content:space-between;align-items:center;border:1px solid #e5e7eb}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info{display:flex;align-items:center;gap:.5rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info .document-icon{color:#3b82f6;font-size:1.25rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info .document-text .document-title{font-weight:500;color:#374151;font-size:.875rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info .document-text .document-filename{color:#3b82f6;font-size:.75rem;word-break:break-word}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info .document-text .document-filename.clickable{cursor:pointer;text-decoration:underline}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info .document-text .document-filename.clickable:hover{color:#2563eb;text-decoration:none}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions{display:flex;gap:.25rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn{width:24px;height:24px;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.edit-btn{background:#3b82f6;color:#fff}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.edit-btn:hover{background:#2563eb}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.delete-btn{background:#ef4444;color:#fff}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.delete-btn:hover{background:#dc2626}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.download-btn{background:#10b981;color:#fff}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.download-btn:hover{background:#059669}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .user-info{text-align:right;font-size:.75rem;color:#374151}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .user-info .user-name{font-weight:500}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .user-info .user-role{color:#6b7280}.text-green-600{color:#059669}.text-red-600{color:#dc2626}.text-blue-600{color:#2563eb}.text-gray-600{color:#4b5563}.bg-green-50{background-color:#f0fdf4}.bg-red-50{background-color:#fef2f2}.bg-blue-50{background-color:#eff6ff}.bg-gray-50{background-color:#f8fafc}.border-green-200{border-color:#bbf7d0}.border-red-200{border-color:#fecaca}.border-blue-200{border-color:#bfdbfe}.border-gray-200{border-color:#e2e8f0}.icon-bg-green{background-color:#10b981}.icon-bg-red{background-color:#ef4444}.icon-bg-blue{background-color:#3b82f6}.icon-bg-gray{background-color:#6b7280}.no-content-message{text-align:center;padding:2rem;color:#6b7280;font-style:italic}.no-content-message p{margin:0;font-size:.875rem}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i3$1.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentHistoryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'document-history', standalone: false, template: "<div class=\"document-history-container\" *ngIf=\"showHistory && historyData.length > 0\">\r\n  <div class=\"history-sections\">\r\n    <div class=\"history-section\" *ngFor=\"let section of processedHistoryData\">\r\n      <div *ngIf=\"section.header === 'Initial Request' && section.hasValidContent\" \r\n           class=\"initial-request-section\"\r\n           [ngClass]=\"section.accordionClass\">\r\n        <p-accordion [activeIndex]=\"activeAccordionIndex\" \r\n                     (onOpen)=\"onAccordionOpen()\" \r\n                     (onClose)=\"onAccordionClose()\">\r\n          <p-accordionTab [header]=\"section.header\">\r\n            <div class=\"history-timeline\" *ngIf=\"section.hasValidContent\">\r\n              <div class=\"timeline-item\" *ngFor=\"let item of section.list; let i = index\">\r\n                <div class=\"timeline-card\" [ngClass]=\"item.actionBgColor\">\r\n                  <div class=\"card-header\">\r\n                    <div class=\"action-info\">\r\n                      <div class=\"action-icon\" [ngClass]=\"item.actionIconBgColor\">\r\n                        <i [class]=\"item.actionIcon\"></i>\r\n                      </div>\r\n                      <span class=\"action-label\" [ngClass]=\"item.actionColor\">\r\n                        {{ item.label }}\r\n                      </span>\r\n                    </div>\r\n                    <div class=\"timestamp\">\r\n                      {{ item.dateTime }}\r\n                    </div>\r\n                  </div>\r\n                  \r\n                  <!-- Description -->\r\n                  <div class=\"card-description\" *ngIf=\"item.requestDescription\">\r\n                    <p class=\"description-text\">{{ item.requestDescription ?? 'No Request' }}</p>\r\n                  </div>\r\n                  \r\n                  <!-- Document details if URL exists -->\r\n                  <div class=\"document-details\" *ngIf=\"item.documentUrl\">\r\n                    <div class=\"document-card\">\r\n                      <div class=\"document-info\">\r\n                        <div class=\"document-icon\">\r\n                          <i class=\"pi pi-file\"></i>\r\n                        </div>\r\n                        <div class=\"document-text\">\r\n                          <div class=\"document-title\">Document</div>\r\n                          <div class=\"document-filename clickable\" \r\n                               (click)=\"downloadDocument(item.documentUrl!, item.docName)\"\r\n                               title=\"Click to download\">\r\n                            {{ item.docName || 'Document' }}\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"document-actions\">\r\n                        <button class=\"action-btn download-btn\" \r\n                                title=\"Download\"\r\n                                (click)=\"downloadDocument(item.documentUrl!, item.docName)\">\r\n                          <i class=\"pi pi-download\"></i>\r\n                        </button>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  \r\n                  <!-- User information -->\r\n                  <div class=\"user-info\">\r\n                    <span class=\"user-name\">{{ item.userName }}</span>\r\n                    <span class=\"user-role\">({{ item.userRole }})</span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <!-- Show message if no valid content -->\r\n            <div class=\"no-content-message\" *ngIf=\"!section.hasValidContent\">\r\n              <p>No initial request details available.</p>\r\n            </div>\r\n          </p-accordionTab>\r\n        </p-accordion>\r\n      </div>\r\n      \r\n      <!-- Document History as regular timeline -->\r\n      <div *ngIf=\"section.header !== 'Initial Request'\" class=\"document-history-section\">\r\n        <div class=\"section-header\" *ngIf=\"section.header\">\r\n          <h4 class=\"section-title\">{{ section.header }}</h4>\r\n        </div>\r\n        \r\n        <div class=\"history-timeline\">\r\n          <div class=\"timeline-item\" *ngFor=\"let item of section.list; let i = index\">\r\n            <div class=\"timeline-card\" [ngClass]=\"item.actionBgColor\">\r\n              <!-- Header with icon and timestamp -->\r\n              <div class=\"card-header\">\r\n                <div class=\"action-info\">\r\n                  <div class=\"action-icon\" [ngClass]=\"item.actionIconBgColor\">\r\n                    <i [class]=\"item.actionIcon\"></i>\r\n                  </div>\r\n                  <span class=\"action-label\" [ngClass]=\"item.actionColor\">\r\n                    {{ item.label }}\r\n                  </span>\r\n                </div>\r\n                <div class=\"timestamp\">\r\n                  {{ item.dateTime }}\r\n                </div>\r\n              </div>\r\n              \r\n              <!-- Description -->\r\n              <div class=\"card-description\" *ngIf=\"item.requestDescription\">\r\n                <p class=\"description-text\">{{ item.requestDescription }}</p>\r\n              </div>\r\n              \r\n              <!-- Document details if URL exists -->\r\n              <div class=\"document-details\" *ngIf=\"item.documentUrl\">\r\n                <div class=\"document-card\">\r\n                  <div class=\"document-info\">\r\n                    <div class=\"document-icon\">\r\n                      <i class=\"pi pi-file\"></i>\r\n                    </div>\r\n                    <div class=\"document-text\">\r\n                      <div class=\"document-title\">Document</div>\r\n                      <div class=\"document-filename clickable\" \r\n                           (click)=\"downloadDocument(item.documentUrl!, item.docName)\"\r\n                           title=\"Click to download\">\r\n                        {{ item.docName || 'Document' }}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              \r\n              <!-- User information -->\r\n              <div class=\"user-info\">\r\n                <span class=\"user-name\">{{ item.userName }}</span>\r\n                <span class=\"user-role\">({{ item.userRole }})</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>", styles: [".document-history-container{padding:.75rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-height:none;overflow-y:auto}.document-history-container .history-header{margin-bottom:1rem}.document-history-container .history-header .history-title{font-size:1.25rem;font-weight:600;color:#374151;margin:0}.document-history-container .history-sections .history-section{margin-bottom:1.5rem}.document-history-container .history-sections .history-section .initial-request-section{margin-bottom:1rem}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link{background:#fff;border-top:1px solid;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:none;padding:.75rem 1rem;font-weight:600;color:#1f2937;font-size:1rem}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link:focus{box-shadow:none}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-header-icon{color:#6b7280;font-size:.875rem}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-header.p-highlight .p-accordion-header-link{background:#fff}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content{background:#fff;border:1px solid;border-top:none;border-radius:0 0 8px 8px;padding:1rem}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item{margin-bottom:0}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;border-right:3px solid}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .card-header .action-info .action-icon{background:#7d879b;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .card-header .action-info .action-icon i{font-size:14px}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .card-header .action-info .action-label{color:#1f2937;font-weight:600}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .card-header .timestamp{color:#6b7280;font-size:.75rem}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .card-description .description-text{color:#374151;line-height:1.5}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .user-info .user-name{color:#1f2937;font-weight:500}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .user-info .user-role{color:#6b7280}.document-history-container .history-sections .history-section .initial-request-section.document-requested ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link{border-color:#d1d5db}.document-history-container .history-sections .history-section .initial-request-section.document-requested ::ng-deep .p-accordion .p-accordion-content{border-color:#d1d5db}.document-history-container .history-sections .history-section .initial-request-section.document-uploaded ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link{border-color:#86efac}.document-history-container .history-sections .history-section .initial-request-section.document-uploaded ::ng-deep .p-accordion .p-accordion-content{border-color:#86efac}.document-history-container .history-sections .history-section .initial-request-section.document-rejected ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link{border-color:#fca5a5}.document-history-container .history-sections .history-section .initial-request-section.document-rejected ::ng-deep .p-accordion .p-accordion-content{border-color:#fca5a5}.document-history-container .history-sections .history-section .initial-request-section.document-accepted ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link{border-color:#86efac}.document-history-container .history-sections .history-section .initial-request-section.document-accepted ::ng-deep .p-accordion .p-accordion-content{border-color:#86efac}.document-history-container .history-sections .history-section .document-history-section .section-header{margin-bottom:.75rem}.document-history-container .history-sections .history-section .document-history-section .section-header .section-title{font-size:1.25rem;font-weight:500;color:#374151;margin:0}.document-history-container .history-sections .history-section .history-timeline .timeline-item{margin-bottom:.75rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card{border-radius:8px;border:1px solid;padding:1rem;position:relative;border-right:3px solid}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card.bg-green-50{background-color:#f0fdf4;border-color:#bbf7d0;border-right-color:#10b981}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card.bg-red-50{background-color:#fef2f2;border-color:#fecaca;border-right-color:#ef4444}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card.bg-blue-50{background-color:#eff6ff;border-color:#bfdbfe;border-right-color:#3b82f6}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card.bg-gray-50{background-color:#f8fafc;border-color:#e2e8f0;border-right-color:#6b7280}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header .action-info{display:flex;align-items:center;gap:.5rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header .action-info .action-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header .action-info .action-icon i{font-size:14px}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header .action-info .action-label{font-weight:600;font-size:.875rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header .timestamp{font-size:.75rem;color:#6b7280}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-description{margin-bottom:.75rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-description .description-text{margin:0;color:#374151;font-size:.875rem;line-height:1.4}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details{margin-bottom:.75rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card{background:#fff;border-radius:6px;padding:.75rem;display:flex;justify-content:space-between;align-items:center;border:1px solid #e5e7eb}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info{display:flex;align-items:center;gap:.5rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info .document-icon{color:#3b82f6;font-size:1.25rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info .document-text .document-title{font-weight:500;color:#374151;font-size:.875rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info .document-text .document-filename{color:#3b82f6;font-size:.75rem;word-break:break-word}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info .document-text .document-filename.clickable{cursor:pointer;text-decoration:underline}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info .document-text .document-filename.clickable:hover{color:#2563eb;text-decoration:none}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions{display:flex;gap:.25rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn{width:24px;height:24px;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.edit-btn{background:#3b82f6;color:#fff}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.edit-btn:hover{background:#2563eb}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.delete-btn{background:#ef4444;color:#fff}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.delete-btn:hover{background:#dc2626}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.download-btn{background:#10b981;color:#fff}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.download-btn:hover{background:#059669}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .user-info{text-align:right;font-size:.75rem;color:#374151}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .user-info .user-name{font-weight:500}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .user-info .user-role{color:#6b7280}.text-green-600{color:#059669}.text-red-600{color:#dc2626}.text-blue-600{color:#2563eb}.text-gray-600{color:#4b5563}.bg-green-50{background-color:#f0fdf4}.bg-red-50{background-color:#fef2f2}.bg-blue-50{background-color:#eff6ff}.bg-gray-50{background-color:#f8fafc}.border-green-200{border-color:#bbf7d0}.border-red-200{border-color:#fecaca}.border-blue-200{border-color:#bfdbfe}.border-gray-200{border-color:#e2e8f0}.icon-bg-green{background-color:#10b981}.icon-bg-red{background-color:#ef4444}.icon-bg-blue{background-color:#3b82f6}.icon-bg-gray{background-color:#6b7280}.no-content-message{text-align:center;padding:2rem;color:#6b7280;font-style:italic}.no-content-message p{margin:0;font-size:.875rem}\n"] }]
+            args: [{ selector: 'document-history', standalone: false, template: "<div class=\"document-history-container\" *ngIf=\"showHistory && historyData.length > 0\">\n  <div class=\"history-sections\">\n    <div class=\"history-section\" *ngFor=\"let section of processedHistoryData\">\n      <div *ngIf=\"section.header === 'Initial Request' && section.hasValidContent\" \n           class=\"initial-request-section\"\n           [ngClass]=\"section.accordionClass\">\n        <p-accordion [activeIndex]=\"activeAccordionIndex\" \n                     (onOpen)=\"onAccordionOpen()\" \n                     (onClose)=\"onAccordionClose()\">\n          <p-accordionTab [header]=\"section.header\">\n            <div class=\"history-timeline\" *ngIf=\"section.hasValidContent\">\n              <div class=\"timeline-item\" *ngFor=\"let item of section.list; let i = index\">\n                <div class=\"timeline-card\" [ngClass]=\"item.actionBgColor\">\n                  <div class=\"card-header\">\n                    <div class=\"action-info\">\n                      <div class=\"action-icon\" [ngClass]=\"item.actionIconBgColor\">\n                        <i [class]=\"item.actionIcon\"></i>\n                      </div>\n                      <span class=\"action-label\" [ngClass]=\"item.actionColor\">\n                        {{ item.label }}\n                      </span>\n                    </div>\n                    <div class=\"timestamp\">\n                      {{ item.dateTime }}\n                    </div>\n                  </div>\n                  \n                  <!-- Description -->\n                  <div class=\"card-description\" *ngIf=\"item.requestDescription\">\n                    <p class=\"description-text\">{{ item.requestDescription ?? 'No Request' }}</p>\n                  </div>\n                  \n                  <!-- Document details if URL exists -->\n                  <div class=\"document-details\" *ngIf=\"item.documentUrl\">\n                    <div class=\"document-card\">\n                      <div class=\"document-info\">\n                        <div class=\"document-icon\">\n                          <i class=\"pi pi-file\"></i>\n                        </div>\n                        <div class=\"document-text\">\n                          <div class=\"document-title\">Document</div>\n                          <div class=\"document-filename clickable\" \n                               (click)=\"downloadDocument(item.documentUrl!, item.docName)\"\n                               title=\"Click to download\">\n                            {{ item.docName || 'Document' }}\n                          </div>\n                        </div>\n                      </div>\n                      <div class=\"document-actions\">\n                        <button class=\"action-btn download-btn\" \n                                title=\"Download\"\n                                (click)=\"downloadDocument(item.documentUrl!, item.docName)\">\n                          <i class=\"pi pi-download\"></i>\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                  \n                  <!-- User information -->\n                  <div class=\"user-info\">\n                    <span class=\"user-name\">{{ item.userName }}</span>\n                    <span class=\"user-role\">({{ item.userRole }})</span>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <!-- Show message if no valid content -->\n            <div class=\"no-content-message\" *ngIf=\"!section.hasValidContent\">\n              <p>No initial request details available.</p>\n            </div>\n          </p-accordionTab>\n        </p-accordion>\n      </div>\n      \n      <!-- Document History as regular timeline -->\n      <div *ngIf=\"section.header !== 'Initial Request'\" class=\"document-history-section\">\n        <div class=\"section-header\" *ngIf=\"section.header\">\n          <h4 class=\"section-title\">{{ section.header }}</h4>\n        </div>\n        \n        <div class=\"history-timeline\">\n          <div class=\"timeline-item\" *ngFor=\"let item of section.list; let i = index\">\n            <div class=\"timeline-card\" [ngClass]=\"item.actionBgColor\">\n              <!-- Header with icon and timestamp -->\n              <div class=\"card-header\">\n                <div class=\"action-info\">\n                  <div class=\"action-icon\" [ngClass]=\"item.actionIconBgColor\">\n                    <i [class]=\"item.actionIcon\"></i>\n                  </div>\n                  <span class=\"action-label\" [ngClass]=\"item.actionColor\">\n                    {{ item.label }}\n                  </span>\n                </div>\n                <div class=\"timestamp\">\n                  {{ item.dateTime }}\n                </div>\n              </div>\n              \n              <!-- Description -->\n              <div class=\"card-description\" *ngIf=\"item.requestDescription\">\n                <p class=\"description-text\">{{ item.requestDescription }}</p>\n              </div>\n              \n              <!-- Document details if URL exists -->\n              <div class=\"document-details\" *ngIf=\"item.documentUrl\">\n                <div class=\"document-card\">\n                  <div class=\"document-info\">\n                    <div class=\"document-icon\">\n                      <i class=\"pi pi-file\"></i>\n                    </div>\n                    <div class=\"document-text\">\n                      <div class=\"document-title\">Document</div>\n                      <div class=\"document-filename clickable\" \n                           (click)=\"downloadDocument(item.documentUrl!, item.docName)\"\n                           title=\"Click to download\">\n                        {{ item.docName || 'Document' }}\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              \n              <!-- User information -->\n              <div class=\"user-info\">\n                <span class=\"user-name\">{{ item.userName }}</span>\n                <span class=\"user-role\">({{ item.userRole }})</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>", styles: [".document-history-container{padding:.75rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-height:none;overflow-y:auto}.document-history-container .history-header{margin-bottom:1rem}.document-history-container .history-header .history-title{font-size:1.25rem;font-weight:600;color:#374151;margin:0}.document-history-container .history-sections .history-section{margin-bottom:1.5rem}.document-history-container .history-sections .history-section .initial-request-section{margin-bottom:1rem}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link{background:#fff;border-top:1px solid;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:none;padding:.75rem 1rem;font-weight:600;color:#1f2937;font-size:1rem}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link:focus{box-shadow:none}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-header-icon{color:#6b7280;font-size:.875rem}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-header.p-highlight .p-accordion-header-link{background:#fff}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content{background:#fff;border:1px solid;border-top:none;border-radius:0 0 8px 8px;padding:1rem}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item{margin-bottom:0}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;border-right:3px solid}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .card-header .action-info .action-icon{background:#7d879b;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .card-header .action-info .action-icon i{font-size:14px}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .card-header .action-info .action-label{color:#1f2937;font-weight:600}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .card-header .timestamp{color:#6b7280;font-size:.75rem}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .card-description .description-text{color:#374151;line-height:1.5}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .user-info .user-name{color:#1f2937;font-weight:500}.document-history-container .history-sections .history-section .initial-request-section ::ng-deep .p-accordion .p-accordion-content .history-timeline .timeline-item .timeline-card .user-info .user-role{color:#6b7280}.document-history-container .history-sections .history-section .initial-request-section.document-requested ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link{border-color:#d1d5db}.document-history-container .history-sections .history-section .initial-request-section.document-requested ::ng-deep .p-accordion .p-accordion-content{border-color:#d1d5db}.document-history-container .history-sections .history-section .initial-request-section.document-uploaded ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link{border-color:#86efac}.document-history-container .history-sections .history-section .initial-request-section.document-uploaded ::ng-deep .p-accordion .p-accordion-content{border-color:#86efac}.document-history-container .history-sections .history-section .initial-request-section.document-rejected ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link{border-color:#fca5a5}.document-history-container .history-sections .history-section .initial-request-section.document-rejected ::ng-deep .p-accordion .p-accordion-content{border-color:#fca5a5}.document-history-container .history-sections .history-section .initial-request-section.document-accepted ::ng-deep .p-accordion .p-accordion-header .p-accordion-header-link{border-color:#86efac}.document-history-container .history-sections .history-section .initial-request-section.document-accepted ::ng-deep .p-accordion .p-accordion-content{border-color:#86efac}.document-history-container .history-sections .history-section .document-history-section .section-header{margin-bottom:.75rem}.document-history-container .history-sections .history-section .document-history-section .section-header .section-title{font-size:1.25rem;font-weight:500;color:#374151;margin:0}.document-history-container .history-sections .history-section .history-timeline .timeline-item{margin-bottom:.75rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card{border-radius:8px;border:1px solid;padding:1rem;position:relative;border-right:3px solid}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card.bg-green-50{background-color:#f0fdf4;border-color:#bbf7d0;border-right-color:#10b981}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card.bg-red-50{background-color:#fef2f2;border-color:#fecaca;border-right-color:#ef4444}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card.bg-blue-50{background-color:#eff6ff;border-color:#bfdbfe;border-right-color:#3b82f6}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card.bg-gray-50{background-color:#f8fafc;border-color:#e2e8f0;border-right-color:#6b7280}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header .action-info{display:flex;align-items:center;gap:.5rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header .action-info .action-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header .action-info .action-icon i{font-size:14px}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header .action-info .action-label{font-weight:600;font-size:.875rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-header .timestamp{font-size:.75rem;color:#6b7280}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-description{margin-bottom:.75rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .card-description .description-text{margin:0;color:#374151;font-size:.875rem;line-height:1.4}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details{margin-bottom:.75rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card{background:#fff;border-radius:6px;padding:.75rem;display:flex;justify-content:space-between;align-items:center;border:1px solid #e5e7eb}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info{display:flex;align-items:center;gap:.5rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info .document-icon{color:#3b82f6;font-size:1.25rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info .document-text .document-title{font-weight:500;color:#374151;font-size:.875rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info .document-text .document-filename{color:#3b82f6;font-size:.75rem;word-break:break-word}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info .document-text .document-filename.clickable{cursor:pointer;text-decoration:underline}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-info .document-text .document-filename.clickable:hover{color:#2563eb;text-decoration:none}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions{display:flex;gap:.25rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn{width:24px;height:24px;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.edit-btn{background:#3b82f6;color:#fff}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.edit-btn:hover{background:#2563eb}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.delete-btn{background:#ef4444;color:#fff}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.delete-btn:hover{background:#dc2626}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.download-btn{background:#10b981;color:#fff}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .document-details .document-card .document-actions .action-btn.download-btn:hover{background:#059669}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .user-info{text-align:right;font-size:.75rem;color:#374151}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .user-info .user-name{font-weight:500}.document-history-container .history-sections .history-section .history-timeline .timeline-item .timeline-card .user-info .user-role{color:#6b7280}.text-green-600{color:#059669}.text-red-600{color:#dc2626}.text-blue-600{color:#2563eb}.text-gray-600{color:#4b5563}.bg-green-50{background-color:#f0fdf4}.bg-red-50{background-color:#fef2f2}.bg-blue-50{background-color:#eff6ff}.bg-gray-50{background-color:#f8fafc}.border-green-200{border-color:#bbf7d0}.border-red-200{border-color:#fecaca}.border-blue-200{border-color:#bfdbfe}.border-gray-200{border-color:#e2e8f0}.icon-bg-green{background-color:#10b981}.icon-bg-red{background-color:#ef4444}.icon-bg-blue{background-color:#3b82f6}.icon-bg-gray{background-color:#6b7280}.no-content-message{text-align:center;padding:2rem;color:#6b7280;font-style:italic}.no-content-message p{margin:0;font-size:.875rem}\n"] }]
         }], ctorParameters: () => [{ type: DocumentHistoryService }], propDecorators: { historyData: [{
                 type: Input
             }], showHistory: [{
@@ -5698,6 +5724,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
 class DocumentActionsComponent {
     documentActionsService;
     sessionService;
+    confirmationService;
     SHARED = SHARED;
     document;
     documentId;
@@ -5723,10 +5750,10 @@ class DocumentActionsComponent {
     showApproveRejectActions = false;
     showDeleteAction = false;
     showNoActions = false;
-    confirmationDialog;
-    constructor(documentActionsService, sessionService) {
+    constructor(documentActionsService, sessionService, confirmationService) {
         this.documentActionsService = documentActionsService;
         this.sessionService = sessionService;
+        this.confirmationService = confirmationService;
     }
     get rejectNote() {
         return this._rejectNote;
@@ -5786,8 +5813,8 @@ class DocumentActionsComponent {
         this.showRejectDialog = true;
     }
     onDeleteClick() {
-        const documentName = this.document?.name || this.document?.fileName || 'this document';
-        this.confirmationDialog.confirmDelete(documentName, () => {
+        const documentName = this.document?.docName || 'this document';
+        ConfirmationDialogComponent.confirmDelete(this.confirmationService, documentName, () => {
             this.actionPerformed.emit(this.documentActionsService.createDeleteAction());
         }, () => { });
     }
@@ -5809,13 +5836,13 @@ class DocumentActionsComponent {
         this.acceptNote = SHARED.EMPTY;
         this.rejectNote = SHARED.EMPTY;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentActionsComponent, deps: [{ token: DocumentActionsService }, { token: SessionService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: DocumentActionsComponent, isStandalone: false, selector: "document-actions", inputs: { document: "document", documentId: "documentId", currentStatus: "currentStatus", isLoading: "isLoading", isUploaded: "isUploaded", statusId: "statusId" }, outputs: { actionPerformed: "actionPerformed" }, viewQueries: [{ propertyName: "confirmationDialog", first: true, predicate: ConfirmationDialogComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"document-actions-container\" *ngIf=\"document?.status !=='Pending' && !document?.isUploaded && document?.status === 'Reviewing'\">\r\n  <div class=\"actions-card\" [ngClass]=\"cardClass\">\r\n    <div class=\"actions-buttons\">\r\n      <button *ngIf=\"!document?.isUploaded\" class=\"action-btn reject-btn\" [ngClass]=\"rejectButtonClass\"\r\n        (click)=\"onRejectClick()\" [disabled]=\"currentStatus === SHARED.STATUS_REJECTED_LOWERCASE || isRejecting\">\r\n        <i class=\"pi pi-times\" *ngIf=\"currentStatus === SHARED.STATUS_REJECTED_LOWERCASE\"></i>\r\n        <i class=\"pi pi-spin pi-spinner\" *ngIf=\"isRejecting\"></i>\r\n        <span>{{ currentStatus === SHARED.STATUS_REJECTED_LOWERCASE ? SHARED.BUTTON_LABEL_REJECTED :\r\n          SHARED.BUTTON_LABEL_REJECT }}</span>\r\n      </button>\r\n      <button *ngIf=\"!document?.isUploaded\" class=\"action-btn accept-btn\" [ngClass]=\"acceptButtonClass\"\r\n        (click)=\"onAcceptClick()\" [disabled]=\"currentStatus === SHARED.STATUS_ACCEPTED || isAccepting\">\r\n        <i class=\"pi pi-check\" *ngIf=\"currentStatus === SHARED.STATUS_ACCEPTED\"></i>\r\n        <i class=\"pi pi-spin pi-spinner\" *ngIf=\"isAccepting\"></i>\r\n        <span>{{ currentStatus === SHARED.STATUS_ACCEPTED ? SHARED.BUTTON_LABEL_ACCEPTED : SHARED.BUTTON_LABEL_ACCEPT\r\n          }}</span>\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n@if(document?.isUploaded){\r\n<div class=\"actions-card\">\r\n  <div class=\"actions-buttons\">\r\n    <button class=\"action-btn delete-btn\" (click)=\"onDeleteClick()\" [disabled]=\"isLoading\"\r\n      [permission]=\"'documents-deleteDocumentByDocumentId'\" pTooltip=\"Delete Document\" tooltipPosition=\"top\">\r\n      <i class=\"pi pi-trash\"></i>\r\n    </button>\r\n  </div>\r\n</div>\r\n}\r\n<app-confirmation-dialog></app-confirmation-dialog>\r\n\r\n<p-dialog [(visible)]=\"showAcceptDialog\" [header]=\"SHARED.ACCEPT_CONFIRM_HEADER\" [modal]=\"true\" [draggable]=\"false\"\r\n  [closable]=\"true\" [style]=\"{ width: '25rem', height: '25rem' }\" styleClass=\"confirmation-dialog\">\r\n  <div class=\"dialog-content\">\r\n    <label for=\"acceptNote\" class=\"note-label\">{{ SHARED.ACCEPT_NOTE_LABEL }}</label>\r\n    <textarea id=\"acceptNote\" pInputTextarea [(ngModel)]=\"acceptNote\" [placeholder]=\"SHARED.ACCEPT_NOTE_PLACEHOLDER\"\r\n      rows=\"6\" class=\"note-textarea\">\r\n    </textarea>\r\n  </div>\r\n  <ng-template pTemplate=\"footer\">\r\n    <div class=\"dialog-footer\">\r\n      <button pButton [label]=\"SHARED.CANCEL_BUTTON_LABEL\" class=\"p-button-secondary\" (click)=\"onCancel()\">\r\n      </button>\r\n      <button pButton [label]=\"SHARED.ACCEPT_BUTTON_LABEL\" class=\"p-button-success\" (click)=\"onAcceptConfirm()\">\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<p-dialog [(visible)]=\"showRejectDialog\" [header]=\"SHARED.REJECT_CONFIRM_HEADER\" [modal]=\"true\" [draggable]=\"false\"\r\n  [closable]=\"true\" [style]=\"{ width: '25rem', height: '25rem' }\" styleClass=\"confirmation-dialog\">\r\n  <div class=\"dialog-content\">\r\n    <label for=\"rejectNote\" class=\"note-label\">{{ SHARED.REJECT_NOTE_LABEL }}</label>\r\n    <textarea id=\"rejectNote\" pInputTextarea [(ngModel)]=\"rejectNote\" [placeholder]=\"SHARED.REJECT_NOTE_PLACEHOLDER\"\r\n      rows=\"6\" class=\"note-textarea\">\r\n    </textarea>\r\n  </div>\r\n  <ng-template pTemplate=\"footer\">\r\n    <div class=\"dialog-footer\">\r\n      <button pButton [label]=\"SHARED.CANCEL_BUTTON_LABEL\" class=\"p-button-secondary\" (click)=\"onCancel()\">\r\n      </button>\r\n      <button pButton [label]=\"SHARED.REJECT_BUTTON_LABEL\" class=\"p-button-danger\" [disabled]=\"isRejectNoteEmpty\"\r\n        (click)=\"onRejectConfirm()\">\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-dialog>", styles: [".document-actions-container{margin:0}.actions-card{border-radius:8px;padding:.75rem;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;width:92%;margin-left:3%}.actions-card.pending-card{background-color:#f8f9fa;border:1px solid #e9ecef}.actions-card.accepted-card{background-color:#e8f5e9;border:1px solid #66bb6a}.actions-card.rejected-card{background-color:#feeaea;border:1px solid #e57373}.actions-card[class*=status-].status-approved-card{background-color:#e8f5e9;border:1px solid #66bb6a}.actions-card[class*=status-].status-rejected-card{background-color:#feeaea;border:1px solid #e57373}.actions-card[class*=status-].status-pending-card{background-color:#f8f9fa;border:1px solid #e9ecef}.actions-card:has(.delete-btn){width:auto;margin-left:0;background-color:#fff;border:1px solid #e2e8f0;padding:.5rem}.actions-buttons{display:flex;gap:.5rem;align-items:center}.action-btn{padding:.5rem 1rem;border-radius:6px;border:1px solid;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;min-width:80px;justify-content:center}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn i{font-size:.875rem}.reject-btn.default-reject{background-color:#feeaea;border-color:#e57373;color:#4a4a4a}.reject-btn.default-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn.secondary-reject{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.reject-btn.secondary-reject:hover:not(:disabled){background-color:#edf2f7}.reject-btn.primary-reject{background-color:#feeaea;border-color:#e57373;color:#e57373}.reject-btn.primary-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn[class*=status-].status-approved-reject{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.reject-btn[class*=status-].status-approved-reject:hover:not(:disabled){background-color:#edf2f7}.reject-btn[class*=status-].status-rejected-reject{background-color:#feeaea;border-color:#e57373;color:#e57373}.reject-btn[class*=status-].status-rejected-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn[class*=status-].status-pending-reject{background-color:#feeaea;border-color:#e57373;color:#4a4a4a}.reject-btn[class*=status-].status-pending-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.accept-btn.default-accept{background-color:#e8f5e9;border-color:#66bb6a;color:#4a4a4a}.accept-btn.default-accept:hover:not(:disabled){background-color:#c6f6d5;border-color:#68d391}.accept-btn.secondary-accept{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.accept-btn.secondary-accept:hover:not(:disabled){background-color:#edf2f7}.accept-btn.primary-accept{background-color:#4caf50;border-color:#4caf50;color:#fff}.accept-btn.primary-accept:hover:not(:disabled){background-color:#45a049;border-color:#45a049}.accept-btn[class*=status-].status-approved-accept{background-color:#4caf50;border-color:#4caf50;color:#fff}.accept-btn[class*=status-].status-approved-accept:hover:not(:disabled){background-color:#45a049;border-color:#45a049}.accept-btn[class*=status-].status-rejected-accept{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.accept-btn[class*=status-].status-rejected-accept:hover:not(:disabled){background-color:#edf2f7}.accept-btn[class*=status-].status-pending-accept{background-color:#e8f5e9;border-color:#66bb6a;color:#4a4a4a}.accept-btn[class*=status-].status-pending-accept:hover:not(:disabled){background-color:#c6f6d5;border-color:#68d391}.delete-btn{background-color:#f5f5f5;border-color:#e57373;color:#e57373;padding:.5rem;min-width:auto;width:40px;height:40px;border-radius:6px}.delete-btn:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181;color:#c53030}.delete-btn i{font-size:1rem}:host ::ng-deep .confirmation-dialog .p-dialog{border-radius:8px;box-shadow:0 4px 12px #00000026;border:none;overflow:hidden}:host ::ng-deep .confirmation-dialog .p-dialog-header{padding:1.25rem 1.5rem;background-color:#fff;border-bottom:none;border-top-right-radius:10px;border-top-left-radius:10px}:host ::ng-deep .confirmation-dialog .p-dialog-header .p-dialog-header-icon{display:none}:host ::ng-deep .confirmation-dialog .p-dialog-header .p-dialog-title{font-size:1.125rem;font-weight:600;color:#2d3748;margin:0}:host ::ng-deep .confirmation-dialog .p-dialog-content{padding:1.5rem;background-color:#fff}:host ::ng-deep .confirmation-dialog .p-dialog-footer{padding:1rem 1.5rem;background-color:#f7fafc;border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.dialog-content .note-label{display:block;margin-bottom:.75rem;font-weight:500;font-size:.875rem;color:#2d3748}.dialog-content .note-textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:.875rem;line-height:1.5;resize:vertical;background-color:#fff;color:#2d3748}.dialog-content .note-textarea::placeholder{color:#a0aec0}.dialog-content .note-textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.dialog-footer{display:flex;gap:.75rem;justify-content:flex-end}.dialog-footer button{min-width:80px;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.875rem;border:1px solid;cursor:pointer;transition:all .2s ease}.dialog-footer button.p-button-secondary{background-color:#f7fafc;border-color:#e2e8f0;color:#4a5568}.dialog-footer button.p-button-secondary:hover{background-color:#edf2f7;border-color:#cbd5e0}.dialog-footer button.p-button-success{background-color:#38a169;border-color:#38a169;color:#fff}.dialog-footer button.p-button-success:hover{background-color:#2f855a;border-color:#2f855a}.dialog-footer button.p-button-danger{background-color:#e53e3e;border-color:#e53e3e;color:#fff}.dialog-footer button.p-button-danger:hover{background-color:#c53030;border-color:#c53030}.no-actions-message{display:flex;align-items:center;justify-content:center;padding:.5rem;min-height:40px}.no-actions-message .no-actions-text{color:#6b7280;font-size:.875rem;font-style:italic;text-align:center}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i9.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i6.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "directive", type: i7.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: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: i9$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: HasPermissionDirective, selector: "[permission]", inputs: ["permission"] }, { kind: "component", type: ConfirmationDialogComponent, selector: "app-confirmation-dialog", inputs: ["confirmationOptions"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentActionsComponent, deps: [{ token: DocumentActionsService }, { token: SessionService }, { token: i3.ConfirmationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: DocumentActionsComponent, isStandalone: false, selector: "document-actions", inputs: { document: "document", documentId: "documentId", currentStatus: "currentStatus", isLoading: "isLoading", isUploaded: "isUploaded", statusId: "statusId" }, outputs: { actionPerformed: "actionPerformed" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"document-actions-container\" *ngIf=\"document?.status !=='Pending' && !document?.isUploaded && document?.status === 'Reviewing'\">\n  <div class=\"actions-card\" [ngClass]=\"cardClass\">\n    <div class=\"actions-buttons\">\n      <button *ngIf=\"!document?.isUploaded\" class=\"action-btn reject-btn\" [ngClass]=\"rejectButtonClass\"\n        (click)=\"onRejectClick()\" [disabled]=\"currentStatus === SHARED.STATUS_REJECTED_LOWERCASE || isRejecting\">\n        <i class=\"pi pi-times\" *ngIf=\"currentStatus === SHARED.STATUS_REJECTED_LOWERCASE\"></i>\n        <i class=\"pi pi-spin pi-spinner\" *ngIf=\"isRejecting\"></i>\n        <span>{{ currentStatus === SHARED.STATUS_REJECTED_LOWERCASE ? SHARED.BUTTON_LABEL_REJECTED :\n          SHARED.BUTTON_LABEL_REJECT }}</span>\n      </button>\n      <button *ngIf=\"!document?.isUploaded\" class=\"action-btn accept-btn\" [ngClass]=\"acceptButtonClass\"\n        (click)=\"onAcceptClick()\" [disabled]=\"currentStatus === SHARED.STATUS_ACCEPTED || isAccepting\">\n        <i class=\"pi pi-check\" *ngIf=\"currentStatus === SHARED.STATUS_ACCEPTED\"></i>\n        <i class=\"pi pi-spin pi-spinner\" *ngIf=\"isAccepting\"></i>\n        <span>{{ currentStatus === SHARED.STATUS_ACCEPTED ? SHARED.BUTTON_LABEL_ACCEPTED : SHARED.BUTTON_LABEL_ACCEPT\n          }}</span>\n      </button>\n    </div>\n  </div>\n</div>\n\n@if(document?.isUploaded){\n<div class=\"actions-card\">\n  <div class=\"actions-buttons\">\n    <button class=\"action-btn delete-btn\" (click)=\"onDeleteClick()\" [disabled]=\"isLoading\"\n    [permission]=\"'documents-deleteDocumentByDocumentId'\" pTooltip=\"Delete Document\" tooltipPosition=\"top\">\n    >\n      <i class=\"pi pi-trash\"></i>\n    </button>\n  </div>\n</div>\n}\n\n<p-dialog [(visible)]=\"showAcceptDialog\" [header]=\"SHARED.ACCEPT_CONFIRM_HEADER\" [modal]=\"true\" [draggable]=\"false\"\n  [closable]=\"true\" [style]=\"{ width: '25rem', height: '25rem' }\" styleClass=\"confirmation-dialog\">\n  <div class=\"dialog-content\">\n    <label for=\"acceptNote\" class=\"note-label\">{{ SHARED.ACCEPT_NOTE_LABEL }}</label>\n    <textarea id=\"acceptNote\" pInputTextarea [(ngModel)]=\"acceptNote\" [placeholder]=\"SHARED.ACCEPT_NOTE_PLACEHOLDER\"\n      rows=\"6\" class=\"note-textarea\">\n    </textarea>\n  </div>\n  <ng-template pTemplate=\"footer\">\n    <div class=\"dialog-footer\">\n      <button pButton [label]=\"SHARED.CANCEL_BUTTON_LABEL\" class=\"p-button-secondary\" (click)=\"onCancel()\">\n      </button>\n      <button pButton [label]=\"SHARED.ACCEPT_BUTTON_LABEL\" class=\"p-button-success\" (click)=\"onAcceptConfirm()\">\n      </button>\n    </div>\n  </ng-template>\n</p-dialog>\n\n<p-dialog [(visible)]=\"showRejectDialog\" [header]=\"SHARED.REJECT_CONFIRM_HEADER\" [modal]=\"true\" [draggable]=\"false\"\n  [closable]=\"true\" [style]=\"{ width: '25rem', height: '25rem' }\" styleClass=\"confirmation-dialog\">\n  <div class=\"dialog-content\">\n    <label for=\"rejectNote\" class=\"note-label\">{{ SHARED.REJECT_NOTE_LABEL }}</label>\n    <textarea id=\"rejectNote\" pInputTextarea [(ngModel)]=\"rejectNote\" [placeholder]=\"SHARED.REJECT_NOTE_PLACEHOLDER\"\n      rows=\"6\" class=\"note-textarea\">\n    </textarea>\n  </div>\n  <ng-template pTemplate=\"footer\">\n    <div class=\"dialog-footer\">\n      <button pButton [label]=\"SHARED.CANCEL_BUTTON_LABEL\" class=\"p-button-secondary\" (click)=\"onCancel()\">\n      </button>\n      <button pButton [label]=\"SHARED.REJECT_BUTTON_LABEL\" class=\"p-button-danger\" [disabled]=\"isRejectNoteEmpty\"\n        (click)=\"onRejectConfirm()\">\n      </button>\n    </div>\n  </ng-template>\n</p-dialog>", styles: [".document-actions-container{margin:0}.actions-card{border-radius:8px;padding:.75rem;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;width:92%;margin-left:3%}.actions-card.pending-card{background-color:#f8f9fa;border:1px solid #e9ecef}.actions-card.accepted-card{background-color:#e8f5e9;border:1px solid #66bb6a}.actions-card.rejected-card{background-color:#feeaea;border:1px solid #e57373}.actions-card[class*=status-].status-approved-card{background-color:#e8f5e9;border:1px solid #66bb6a}.actions-card[class*=status-].status-rejected-card{background-color:#feeaea;border:1px solid #e57373}.actions-card[class*=status-].status-pending-card{background-color:#f8f9fa;border:1px solid #e9ecef}.actions-card:has(.delete-btn){width:auto;margin-left:0;background-color:#fff;border:1px solid #e2e8f0;padding:.5rem}.actions-buttons{display:flex;gap:.5rem;align-items:center}.action-btn{padding:.5rem 1rem;border-radius:6px;border:1px solid;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;min-width:80px;justify-content:center}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn i{font-size:.875rem}.reject-btn.default-reject{background-color:#feeaea;border-color:#e57373;color:#4a4a4a}.reject-btn.default-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn.secondary-reject{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.reject-btn.secondary-reject:hover:not(:disabled){background-color:#edf2f7}.reject-btn.primary-reject{background-color:#feeaea;border-color:#e57373;color:#e57373}.reject-btn.primary-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn[class*=status-].status-approved-reject{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.reject-btn[class*=status-].status-approved-reject:hover:not(:disabled){background-color:#edf2f7}.reject-btn[class*=status-].status-rejected-reject{background-color:#feeaea;border-color:#e57373;color:#e57373}.reject-btn[class*=status-].status-rejected-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn[class*=status-].status-pending-reject{background-color:#feeaea;border-color:#e57373;color:#4a4a4a}.reject-btn[class*=status-].status-pending-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.accept-btn.default-accept{background-color:#e8f5e9;border-color:#66bb6a;color:#4a4a4a}.accept-btn.default-accept:hover:not(:disabled){background-color:#c6f6d5;border-color:#68d391}.accept-btn.secondary-accept{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.accept-btn.secondary-accept:hover:not(:disabled){background-color:#edf2f7}.accept-btn.primary-accept{background-color:#4caf50;border-color:#4caf50;color:#fff}.accept-btn.primary-accept:hover:not(:disabled){background-color:#45a049;border-color:#45a049}.accept-btn[class*=status-].status-approved-accept{background-color:#4caf50;border-color:#4caf50;color:#fff}.accept-btn[class*=status-].status-approved-accept:hover:not(:disabled){background-color:#45a049;border-color:#45a049}.accept-btn[class*=status-].status-rejected-accept{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.accept-btn[class*=status-].status-rejected-accept:hover:not(:disabled){background-color:#edf2f7}.accept-btn[class*=status-].status-pending-accept{background-color:#e8f5e9;border-color:#66bb6a;color:#4a4a4a}.accept-btn[class*=status-].status-pending-accept:hover:not(:disabled){background-color:#c6f6d5;border-color:#68d391}.delete-btn{background-color:#f5f5f5;border-color:#e57373;color:#e57373;padding:.5rem;min-width:auto;width:40px;height:40px;border-radius:6px}.delete-btn:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181;color:#c53030}.delete-btn i{font-size:1rem}:host ::ng-deep .confirmation-dialog .p-dialog{border-radius:8px;box-shadow:0 4px 12px #00000026;border:none;overflow:hidden}:host ::ng-deep .confirmation-dialog .p-dialog-header{padding:1.25rem 1.5rem;background-color:#fff;border-bottom:none;border-top-right-radius:10px;border-top-left-radius:10px}:host ::ng-deep .confirmation-dialog .p-dialog-header .p-dialog-header-icon{display:none}:host ::ng-deep .confirmation-dialog .p-dialog-header .p-dialog-title{font-size:1.125rem;font-weight:600;color:#2d3748;margin:0}:host ::ng-deep .confirmation-dialog .p-dialog-content{padding:1.5rem;background-color:#fff}:host ::ng-deep .confirmation-dialog .p-dialog-footer{padding:1rem 1.5rem;background-color:#f7fafc;border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.dialog-content .note-label{display:block;margin-bottom:.75rem;font-weight:500;font-size:.875rem;color:#2d3748}.dialog-content .note-textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:.875rem;line-height:1.5;resize:vertical;background-color:#fff;color:#2d3748}.dialog-content .note-textarea::placeholder{color:#a0aec0}.dialog-content .note-textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.dialog-footer{display:flex;gap:.75rem;justify-content:flex-end}.dialog-footer button{min-width:80px;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.875rem;border:1px solid;cursor:pointer;transition:all .2s ease}.dialog-footer button.p-button-secondary{background-color:#f7fafc;border-color:#e2e8f0;color:#4a5568}.dialog-footer button.p-button-secondary:hover{background-color:#edf2f7;border-color:#cbd5e0}.dialog-footer button.p-button-success{background-color:#38a169;border-color:#38a169;color:#fff}.dialog-footer button.p-button-success:hover{background-color:#2f855a;border-color:#2f855a}.dialog-footer button.p-button-danger{background-color:#e53e3e;border-color:#e53e3e;color:#fff}.dialog-footer button.p-button-danger:hover{background-color:#c53030;border-color:#c53030}.no-actions-message{display:flex;align-items:center;justify-content:center;padding:.5rem;min-height:40px}.no-actions-message .no-actions-text{color:#6b7280;font-size:.875rem;font-style:italic;text-align:center}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i9.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i6.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize", "variant"], outputs: ["onResize"] }, { kind: "directive", type: i7.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: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: i9$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: HasPermissionDirective, selector: "[permission]", inputs: ["permission"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentActionsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'document-actions', standalone: false, template: "<div class=\"document-actions-container\" *ngIf=\"document?.status !=='Pending' && !document?.isUploaded && document?.status === 'Reviewing'\">\r\n  <div class=\"actions-card\" [ngClass]=\"cardClass\">\r\n    <div class=\"actions-buttons\">\r\n      <button *ngIf=\"!document?.isUploaded\" class=\"action-btn reject-btn\" [ngClass]=\"rejectButtonClass\"\r\n        (click)=\"onRejectClick()\" [disabled]=\"currentStatus === SHARED.STATUS_REJECTED_LOWERCASE || isRejecting\">\r\n        <i class=\"pi pi-times\" *ngIf=\"currentStatus === SHARED.STATUS_REJECTED_LOWERCASE\"></i>\r\n        <i class=\"pi pi-spin pi-spinner\" *ngIf=\"isRejecting\"></i>\r\n        <span>{{ currentStatus === SHARED.STATUS_REJECTED_LOWERCASE ? SHARED.BUTTON_LABEL_REJECTED :\r\n          SHARED.BUTTON_LABEL_REJECT }}</span>\r\n      </button>\r\n      <button *ngIf=\"!document?.isUploaded\" class=\"action-btn accept-btn\" [ngClass]=\"acceptButtonClass\"\r\n        (click)=\"onAcceptClick()\" [disabled]=\"currentStatus === SHARED.STATUS_ACCEPTED || isAccepting\">\r\n        <i class=\"pi pi-check\" *ngIf=\"currentStatus === SHARED.STATUS_ACCEPTED\"></i>\r\n        <i class=\"pi pi-spin pi-spinner\" *ngIf=\"isAccepting\"></i>\r\n        <span>{{ currentStatus === SHARED.STATUS_ACCEPTED ? SHARED.BUTTON_LABEL_ACCEPTED : SHARED.BUTTON_LABEL_ACCEPT\r\n          }}</span>\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n@if(document?.isUploaded){\r\n<div class=\"actions-card\">\r\n  <div class=\"actions-buttons\">\r\n    <button class=\"action-btn delete-btn\" (click)=\"onDeleteClick()\" [disabled]=\"isLoading\"\r\n      [permission]=\"'documents-deleteDocumentByDocumentId'\" pTooltip=\"Delete Document\" tooltipPosition=\"top\">\r\n      <i class=\"pi pi-trash\"></i>\r\n    </button>\r\n  </div>\r\n</div>\r\n}\r\n<app-confirmation-dialog></app-confirmation-dialog>\r\n\r\n<p-dialog [(visible)]=\"showAcceptDialog\" [header]=\"SHARED.ACCEPT_CONFIRM_HEADER\" [modal]=\"true\" [draggable]=\"false\"\r\n  [closable]=\"true\" [style]=\"{ width: '25rem', height: '25rem' }\" styleClass=\"confirmation-dialog\">\r\n  <div class=\"dialog-content\">\r\n    <label for=\"acceptNote\" class=\"note-label\">{{ SHARED.ACCEPT_NOTE_LABEL }}</label>\r\n    <textarea id=\"acceptNote\" pInputTextarea [(ngModel)]=\"acceptNote\" [placeholder]=\"SHARED.ACCEPT_NOTE_PLACEHOLDER\"\r\n      rows=\"6\" class=\"note-textarea\">\r\n    </textarea>\r\n  </div>\r\n  <ng-template pTemplate=\"footer\">\r\n    <div class=\"dialog-footer\">\r\n      <button pButton [label]=\"SHARED.CANCEL_BUTTON_LABEL\" class=\"p-button-secondary\" (click)=\"onCancel()\">\r\n      </button>\r\n      <button pButton [label]=\"SHARED.ACCEPT_BUTTON_LABEL\" class=\"p-button-success\" (click)=\"onAcceptConfirm()\">\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-dialog>\r\n\r\n<p-dialog [(visible)]=\"showRejectDialog\" [header]=\"SHARED.REJECT_CONFIRM_HEADER\" [modal]=\"true\" [draggable]=\"false\"\r\n  [closable]=\"true\" [style]=\"{ width: '25rem', height: '25rem' }\" styleClass=\"confirmation-dialog\">\r\n  <div class=\"dialog-content\">\r\n    <label for=\"rejectNote\" class=\"note-label\">{{ SHARED.REJECT_NOTE_LABEL }}</label>\r\n    <textarea id=\"rejectNote\" pInputTextarea [(ngModel)]=\"rejectNote\" [placeholder]=\"SHARED.REJECT_NOTE_PLACEHOLDER\"\r\n      rows=\"6\" class=\"note-textarea\">\r\n    </textarea>\r\n  </div>\r\n  <ng-template pTemplate=\"footer\">\r\n    <div class=\"dialog-footer\">\r\n      <button pButton [label]=\"SHARED.CANCEL_BUTTON_LABEL\" class=\"p-button-secondary\" (click)=\"onCancel()\">\r\n      </button>\r\n      <button pButton [label]=\"SHARED.REJECT_BUTTON_LABEL\" class=\"p-button-danger\" [disabled]=\"isRejectNoteEmpty\"\r\n        (click)=\"onRejectConfirm()\">\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-dialog>", styles: [".document-actions-container{margin:0}.actions-card{border-radius:8px;padding:.75rem;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;width:92%;margin-left:3%}.actions-card.pending-card{background-color:#f8f9fa;border:1px solid #e9ecef}.actions-card.accepted-card{background-color:#e8f5e9;border:1px solid #66bb6a}.actions-card.rejected-card{background-color:#feeaea;border:1px solid #e57373}.actions-card[class*=status-].status-approved-card{background-color:#e8f5e9;border:1px solid #66bb6a}.actions-card[class*=status-].status-rejected-card{background-color:#feeaea;border:1px solid #e57373}.actions-card[class*=status-].status-pending-card{background-color:#f8f9fa;border:1px solid #e9ecef}.actions-card:has(.delete-btn){width:auto;margin-left:0;background-color:#fff;border:1px solid #e2e8f0;padding:.5rem}.actions-buttons{display:flex;gap:.5rem;align-items:center}.action-btn{padding:.5rem 1rem;border-radius:6px;border:1px solid;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;min-width:80px;justify-content:center}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn i{font-size:.875rem}.reject-btn.default-reject{background-color:#feeaea;border-color:#e57373;color:#4a4a4a}.reject-btn.default-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn.secondary-reject{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.reject-btn.secondary-reject:hover:not(:disabled){background-color:#edf2f7}.reject-btn.primary-reject{background-color:#feeaea;border-color:#e57373;color:#e57373}.reject-btn.primary-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn[class*=status-].status-approved-reject{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.reject-btn[class*=status-].status-approved-reject:hover:not(:disabled){background-color:#edf2f7}.reject-btn[class*=status-].status-rejected-reject{background-color:#feeaea;border-color:#e57373;color:#e57373}.reject-btn[class*=status-].status-rejected-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn[class*=status-].status-pending-reject{background-color:#feeaea;border-color:#e57373;color:#4a4a4a}.reject-btn[class*=status-].status-pending-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.accept-btn.default-accept{background-color:#e8f5e9;border-color:#66bb6a;color:#4a4a4a}.accept-btn.default-accept:hover:not(:disabled){background-color:#c6f6d5;border-color:#68d391}.accept-btn.secondary-accept{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.accept-btn.secondary-accept:hover:not(:disabled){background-color:#edf2f7}.accept-btn.primary-accept{background-color:#4caf50;border-color:#4caf50;color:#fff}.accept-btn.primary-accept:hover:not(:disabled){background-color:#45a049;border-color:#45a049}.accept-btn[class*=status-].status-approved-accept{background-color:#4caf50;border-color:#4caf50;color:#fff}.accept-btn[class*=status-].status-approved-accept:hover:not(:disabled){background-color:#45a049;border-color:#45a049}.accept-btn[class*=status-].status-rejected-accept{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.accept-btn[class*=status-].status-rejected-accept:hover:not(:disabled){background-color:#edf2f7}.accept-btn[class*=status-].status-pending-accept{background-color:#e8f5e9;border-color:#66bb6a;color:#4a4a4a}.accept-btn[class*=status-].status-pending-accept:hover:not(:disabled){background-color:#c6f6d5;border-color:#68d391}.delete-btn{background-color:#f5f5f5;border-color:#e57373;color:#e57373;padding:.5rem;min-width:auto;width:40px;height:40px;border-radius:6px}.delete-btn:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181;color:#c53030}.delete-btn i{font-size:1rem}:host ::ng-deep .confirmation-dialog .p-dialog{border-radius:8px;box-shadow:0 4px 12px #00000026;border:none;overflow:hidden}:host ::ng-deep .confirmation-dialog .p-dialog-header{padding:1.25rem 1.5rem;background-color:#fff;border-bottom:none;border-top-right-radius:10px;border-top-left-radius:10px}:host ::ng-deep .confirmation-dialog .p-dialog-header .p-dialog-header-icon{display:none}:host ::ng-deep .confirmation-dialog .p-dialog-header .p-dialog-title{font-size:1.125rem;font-weight:600;color:#2d3748;margin:0}:host ::ng-deep .confirmation-dialog .p-dialog-content{padding:1.5rem;background-color:#fff}:host ::ng-deep .confirmation-dialog .p-dialog-footer{padding:1rem 1.5rem;background-color:#f7fafc;border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.dialog-content .note-label{display:block;margin-bottom:.75rem;font-weight:500;font-size:.875rem;color:#2d3748}.dialog-content .note-textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:.875rem;line-height:1.5;resize:vertical;background-color:#fff;color:#2d3748}.dialog-content .note-textarea::placeholder{color:#a0aec0}.dialog-content .note-textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.dialog-footer{display:flex;gap:.75rem;justify-content:flex-end}.dialog-footer button{min-width:80px;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.875rem;border:1px solid;cursor:pointer;transition:all .2s ease}.dialog-footer button.p-button-secondary{background-color:#f7fafc;border-color:#e2e8f0;color:#4a5568}.dialog-footer button.p-button-secondary:hover{background-color:#edf2f7;border-color:#cbd5e0}.dialog-footer button.p-button-success{background-color:#38a169;border-color:#38a169;color:#fff}.dialog-footer button.p-button-success:hover{background-color:#2f855a;border-color:#2f855a}.dialog-footer button.p-button-danger{background-color:#e53e3e;border-color:#e53e3e;color:#fff}.dialog-footer button.p-button-danger:hover{background-color:#c53030;border-color:#c53030}.no-actions-message{display:flex;align-items:center;justify-content:center;padding:.5rem;min-height:40px}.no-actions-message .no-actions-text{color:#6b7280;font-size:.875rem;font-style:italic;text-align:center}\n"] }]
-        }], ctorParameters: () => [{ type: DocumentActionsService }, { type: SessionService }], propDecorators: { document: [{
+            args: [{ selector: 'document-actions', standalone: false, template: "<div class=\"document-actions-container\" *ngIf=\"document?.status !=='Pending' && !document?.isUploaded && document?.status === 'Reviewing'\">\n  <div class=\"actions-card\" [ngClass]=\"cardClass\">\n    <div class=\"actions-buttons\">\n      <button *ngIf=\"!document?.isUploaded\" class=\"action-btn reject-btn\" [ngClass]=\"rejectButtonClass\"\n        (click)=\"onRejectClick()\" [disabled]=\"currentStatus === SHARED.STATUS_REJECTED_LOWERCASE || isRejecting\">\n        <i class=\"pi pi-times\" *ngIf=\"currentStatus === SHARED.STATUS_REJECTED_LOWERCASE\"></i>\n        <i class=\"pi pi-spin pi-spinner\" *ngIf=\"isRejecting\"></i>\n        <span>{{ currentStatus === SHARED.STATUS_REJECTED_LOWERCASE ? SHARED.BUTTON_LABEL_REJECTED :\n          SHARED.BUTTON_LABEL_REJECT }}</span>\n      </button>\n      <button *ngIf=\"!document?.isUploaded\" class=\"action-btn accept-btn\" [ngClass]=\"acceptButtonClass\"\n        (click)=\"onAcceptClick()\" [disabled]=\"currentStatus === SHARED.STATUS_ACCEPTED || isAccepting\">\n        <i class=\"pi pi-check\" *ngIf=\"currentStatus === SHARED.STATUS_ACCEPTED\"></i>\n        <i class=\"pi pi-spin pi-spinner\" *ngIf=\"isAccepting\"></i>\n        <span>{{ currentStatus === SHARED.STATUS_ACCEPTED ? SHARED.BUTTON_LABEL_ACCEPTED : SHARED.BUTTON_LABEL_ACCEPT\n          }}</span>\n      </button>\n    </div>\n  </div>\n</div>\n\n@if(document?.isUploaded){\n<div class=\"actions-card\">\n  <div class=\"actions-buttons\">\n    <button class=\"action-btn delete-btn\" (click)=\"onDeleteClick()\" [disabled]=\"isLoading\"\n    [permission]=\"'documents-deleteDocumentByDocumentId'\" pTooltip=\"Delete Document\" tooltipPosition=\"top\">\n    >\n      <i class=\"pi pi-trash\"></i>\n    </button>\n  </div>\n</div>\n}\n\n<p-dialog [(visible)]=\"showAcceptDialog\" [header]=\"SHARED.ACCEPT_CONFIRM_HEADER\" [modal]=\"true\" [draggable]=\"false\"\n  [closable]=\"true\" [style]=\"{ width: '25rem', height: '25rem' }\" styleClass=\"confirmation-dialog\">\n  <div class=\"dialog-content\">\n    <label for=\"acceptNote\" class=\"note-label\">{{ SHARED.ACCEPT_NOTE_LABEL }}</label>\n    <textarea id=\"acceptNote\" pInputTextarea [(ngModel)]=\"acceptNote\" [placeholder]=\"SHARED.ACCEPT_NOTE_PLACEHOLDER\"\n      rows=\"6\" class=\"note-textarea\">\n    </textarea>\n  </div>\n  <ng-template pTemplate=\"footer\">\n    <div class=\"dialog-footer\">\n      <button pButton [label]=\"SHARED.CANCEL_BUTTON_LABEL\" class=\"p-button-secondary\" (click)=\"onCancel()\">\n      </button>\n      <button pButton [label]=\"SHARED.ACCEPT_BUTTON_LABEL\" class=\"p-button-success\" (click)=\"onAcceptConfirm()\">\n      </button>\n    </div>\n  </ng-template>\n</p-dialog>\n\n<p-dialog [(visible)]=\"showRejectDialog\" [header]=\"SHARED.REJECT_CONFIRM_HEADER\" [modal]=\"true\" [draggable]=\"false\"\n  [closable]=\"true\" [style]=\"{ width: '25rem', height: '25rem' }\" styleClass=\"confirmation-dialog\">\n  <div class=\"dialog-content\">\n    <label for=\"rejectNote\" class=\"note-label\">{{ SHARED.REJECT_NOTE_LABEL }}</label>\n    <textarea id=\"rejectNote\" pInputTextarea [(ngModel)]=\"rejectNote\" [placeholder]=\"SHARED.REJECT_NOTE_PLACEHOLDER\"\n      rows=\"6\" class=\"note-textarea\">\n    </textarea>\n  </div>\n  <ng-template pTemplate=\"footer\">\n    <div class=\"dialog-footer\">\n      <button pButton [label]=\"SHARED.CANCEL_BUTTON_LABEL\" class=\"p-button-secondary\" (click)=\"onCancel()\">\n      </button>\n      <button pButton [label]=\"SHARED.REJECT_BUTTON_LABEL\" class=\"p-button-danger\" [disabled]=\"isRejectNoteEmpty\"\n        (click)=\"onRejectConfirm()\">\n      </button>\n    </div>\n  </ng-template>\n</p-dialog>", styles: [".document-actions-container{margin:0}.actions-card{border-radius:8px;padding:.75rem;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;width:92%;margin-left:3%}.actions-card.pending-card{background-color:#f8f9fa;border:1px solid #e9ecef}.actions-card.accepted-card{background-color:#e8f5e9;border:1px solid #66bb6a}.actions-card.rejected-card{background-color:#feeaea;border:1px solid #e57373}.actions-card[class*=status-].status-approved-card{background-color:#e8f5e9;border:1px solid #66bb6a}.actions-card[class*=status-].status-rejected-card{background-color:#feeaea;border:1px solid #e57373}.actions-card[class*=status-].status-pending-card{background-color:#f8f9fa;border:1px solid #e9ecef}.actions-card:has(.delete-btn){width:auto;margin-left:0;background-color:#fff;border:1px solid #e2e8f0;padding:.5rem}.actions-buttons{display:flex;gap:.5rem;align-items:center}.action-btn{padding:.5rem 1rem;border-radius:6px;border:1px solid;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;min-width:80px;justify-content:center}.action-btn:disabled{opacity:.6;cursor:not-allowed}.action-btn i{font-size:.875rem}.reject-btn.default-reject{background-color:#feeaea;border-color:#e57373;color:#4a4a4a}.reject-btn.default-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn.secondary-reject{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.reject-btn.secondary-reject:hover:not(:disabled){background-color:#edf2f7}.reject-btn.primary-reject{background-color:#feeaea;border-color:#e57373;color:#e57373}.reject-btn.primary-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn[class*=status-].status-approved-reject{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.reject-btn[class*=status-].status-approved-reject:hover:not(:disabled){background-color:#edf2f7}.reject-btn[class*=status-].status-rejected-reject{background-color:#feeaea;border-color:#e57373;color:#e57373}.reject-btn[class*=status-].status-rejected-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.reject-btn[class*=status-].status-pending-reject{background-color:#feeaea;border-color:#e57373;color:#4a4a4a}.reject-btn[class*=status-].status-pending-reject:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181}.accept-btn.default-accept{background-color:#e8f5e9;border-color:#66bb6a;color:#4a4a4a}.accept-btn.default-accept:hover:not(:disabled){background-color:#c6f6d5;border-color:#68d391}.accept-btn.secondary-accept{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.accept-btn.secondary-accept:hover:not(:disabled){background-color:#edf2f7}.accept-btn.primary-accept{background-color:#4caf50;border-color:#4caf50;color:#fff}.accept-btn.primary-accept:hover:not(:disabled){background-color:#45a049;border-color:#45a049}.accept-btn[class*=status-].status-approved-accept{background-color:#4caf50;border-color:#4caf50;color:#fff}.accept-btn[class*=status-].status-approved-accept:hover:not(:disabled){background-color:#45a049;border-color:#45a049}.accept-btn[class*=status-].status-rejected-accept{background-color:#f5f5f5;border-color:transparent;color:#4a4a4a}.accept-btn[class*=status-].status-rejected-accept:hover:not(:disabled){background-color:#edf2f7}.accept-btn[class*=status-].status-pending-accept{background-color:#e8f5e9;border-color:#66bb6a;color:#4a4a4a}.accept-btn[class*=status-].status-pending-accept:hover:not(:disabled){background-color:#c6f6d5;border-color:#68d391}.delete-btn{background-color:#f5f5f5;border-color:#e57373;color:#e57373;padding:.5rem;min-width:auto;width:40px;height:40px;border-radius:6px}.delete-btn:hover:not(:disabled){background-color:#fed7d7;border-color:#fc8181;color:#c53030}.delete-btn i{font-size:1rem}:host ::ng-deep .confirmation-dialog .p-dialog{border-radius:8px;box-shadow:0 4px 12px #00000026;border:none;overflow:hidden}:host ::ng-deep .confirmation-dialog .p-dialog-header{padding:1.25rem 1.5rem;background-color:#fff;border-bottom:none;border-top-right-radius:10px;border-top-left-radius:10px}:host ::ng-deep .confirmation-dialog .p-dialog-header .p-dialog-header-icon{display:none}:host ::ng-deep .confirmation-dialog .p-dialog-header .p-dialog-title{font-size:1.125rem;font-weight:600;color:#2d3748;margin:0}:host ::ng-deep .confirmation-dialog .p-dialog-content{padding:1.5rem;background-color:#fff}:host ::ng-deep .confirmation-dialog .p-dialog-footer{padding:1rem 1.5rem;background-color:#f7fafc;border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.dialog-content .note-label{display:block;margin-bottom:.75rem;font-weight:500;font-size:.875rem;color:#2d3748}.dialog-content .note-textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:.875rem;line-height:1.5;resize:vertical;background-color:#fff;color:#2d3748}.dialog-content .note-textarea::placeholder{color:#a0aec0}.dialog-content .note-textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.dialog-footer{display:flex;gap:.75rem;justify-content:flex-end}.dialog-footer button{min-width:80px;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.875rem;border:1px solid;cursor:pointer;transition:all .2s ease}.dialog-footer button.p-button-secondary{background-color:#f7fafc;border-color:#e2e8f0;color:#4a5568}.dialog-footer button.p-button-secondary:hover{background-color:#edf2f7;border-color:#cbd5e0}.dialog-footer button.p-button-success{background-color:#38a169;border-color:#38a169;color:#fff}.dialog-footer button.p-button-success:hover{background-color:#2f855a;border-color:#2f855a}.dialog-footer button.p-button-danger{background-color:#e53e3e;border-color:#e53e3e;color:#fff}.dialog-footer button.p-button-danger:hover{background-color:#c53030;border-color:#c53030}.no-actions-message{display:flex;align-items:center;justify-content:center;padding:.5rem;min-height:40px}.no-actions-message .no-actions-text{color:#6b7280;font-size:.875rem;font-style:italic;text-align:center}\n"] }]
+        }], ctorParameters: () => [{ type: DocumentActionsService }, { type: SessionService }, { type: i3.ConfirmationService }], propDecorators: { document: [{
                 type: Input
             }], documentId: [{
                 type: Input
@@ -5829,9 +5856,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 type: Input
             }], actionPerformed: [{
                 type: Output
-            }], confirmationDialog: [{
-                type: ViewChild,
-                args: [ConfirmationDialogComponent]
             }] } });
 
 /**
@@ -5976,11 +6000,11 @@ class DocumentViewerComponent {
         this.subscription.unsubscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentViewerComponent, deps: [{ token: DocumentHttpService }, { token: DocumentHelperService }, { token: i3.MessageService }, { token: DocumentViewerService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: DocumentViewerComponent, isStandalone: false, selector: "document-viewer", inputs: { selectedDocument: "selectedDocument", documentList: "documentList", contextId: "contextId" }, outputs: { documentStatusUpdated: "documentStatusUpdated" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"document-viewer-container\">\n  <div class=\"main-content\">\n    <p-messages [(value)]=\"messages\" [enableService]=\"false\"></p-messages>\n    \n    <div class=\"content-grid\">\n      @if(selectedDocument){\n      <div class=\"document-preview\">\n        @if(isSelectedDocumentImage){\n        <div class=\"img-container\">\n          <img\n            [src]=\"selectedDocument?.documentUrl || ''\"\n            class=\"uploadedImages\"\n            alt=\"Document Image\"\n          />\n        </div>\n        }@else if(isSelectedDocumentPdf){\n        <div class=\"pdf-container\">\n          <pdf-viewer\n            [src]=\"selectedDocument?.documentUrl || ''\"\n            [rotation]=\"0\"\n            [original-size]=\"false\"\n            [show-all]=\"true\"\n            [fit-to-page]=\"false\"\n            [zoom]=\"0.7\"\n            [zoom-scale]=\"'page-width'\"\n            [stick-to-page]=\"false\"\n            [render-text]=\"true\"\n            [external-link-target]=\"'blank'\"\n            [autoresize]=\"true\"\n            [show-borders]=\"false\"\n            style=\"width: 100%; height: 100%\"\n          ></pdf-viewer>\n        </div>\n        }@else if(isSelectedDocumentUnsupported){\n          <div class=\"incorrect-docType\">\n            ContentType is incorrect.\n          </div>\n        }\n      </div>\n      }\n\n         <div class=\"left-part col-12 md:col-12 pt-0\">\n         \n          <!-- <div class=\"alerts mb-4 pb-1\">\n            <button\n              type=\"button\"\n              *ngIf=\"\n                (alertData?.status !== 'Pending' && !!alertData?.status) ||\n                alertData?.isAlert === false\n              \"\n              class=\"bg-green-500 border-none border-round-md flex align-items-center mb-3 p-2 px-3\"\n            >\n              <i\n                class=\"pi pi-verified mr-2 cursor-pointer\"\n                [ngStyle]=\"{\n                  color:\n                    alertData?.status === 'Pending' &&\n                    alertData?.isAlert !== false\n                      ? '#FFFFFF'\n                      : '#8A8EA6'\n                }\"\n                style=\"font-size: 20px\"\n              ></i>\n              <span class=\"font-semibold text-white\">Verified</span>\n            </button>\n            <div\n              class=\"card mb-0\"\n              [ngClass]=\"\n                (alertData?.status === 'Pending' || !alertData?.status) &&\n                alertData?.isAlert !== false\n                  ? 'alert-card'\n                  : 'success-alert'\n              \"\n            >\n              <div class=\"flex align-items-center mb-2 pb-1\" *ngIf=\"alertData?.status !== 'Verified'\">\n                <h4 class=\"mr-3 mt-0 mb-0 text-color font-bold\" style=\"font-size: 21px; font-weight: bold; border-color: rgba(68, 72, 109, 0.2) ;\" >Alerts</h4>\n                <i\n                  class=\"pi pi-exclamation-triangle\"\n                  style=\"font-size: 20px\"\n                  [ngStyle]=\"{\n                    color:\n                      (alertData?.status === 'Pending' || !alertData?.status) &&\n                      alertData?.isAlert !== false\n                        ? '#FB392D'\n                        : '#8A8EA6'\n                  }\"\n                ></i>\n              </div>\n              <p class=\"text-color mb-0\">{{ alertData?.alertMessage }}</p>\n            </div>\n          </div>\n           -->\n          \n      <div class=\"sidebar\">\n        <document-actions\n          [document]=\"selectedDocument\"\n          [documentId]=\"selectedDocument?._id\"\n          [currentStatus]=\"currentState.documentStatus\"\n          [isLoading]=\"currentState.isActionLoading\"\n          [isUploaded]=\"currentState.documentIsUploaded\"\n          [statusId]=\"selectedDocument?.statusId\"\n          (actionPerformed)=\"handleDocumentAction($event)\">\n        </document-actions>\n        \n        <document-history \n          [historyData]=\"currentState.documentHistory\" \n          [showHistory]=\"currentState.showDocumentHistory\">\n        </document-history>\n        \n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".document-viewer-container{height:100%;width:100%;position:relative;z-index:1}.document-viewer-container .main-content{height:100%;display:flex;flex-direction:column}.document-viewer-container .main-content .p-messages{margin-bottom:.5rem}.document-viewer-container .main-content .content-grid{display:grid;grid-template-columns:1fr 350px;gap:1rem;height:calc(100% - 60px);min-height:0}.document-viewer-container .main-content .content-grid .document-preview{background:#f8f9fa;border-radius:8px;padding:.5rem;display:flex;align-items:center;justify-content:center}.document-viewer-container .main-content .content-grid .document-preview .img-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.document-viewer-container .main-content .content-grid .document-preview .img-container .uploadedImages{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.document-viewer-container .main-content .content-grid .document-preview .pdf-container{width:100%;height:100%;border-radius:4px}.document-viewer-container .main-content .content-grid .document-preview .incorrect-docType{color:#dc3545;font-weight:500;text-align:center;padding:2rem}.document-viewer-container .main-content .content-grid .sidebar{display:flex;flex-direction:column;gap:.75rem;max-height:100%;overflow-y:auto}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-actions-container{margin:0}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-history-container{padding:.75rem;max-height:none}@media (max-width: 1200px){.document-viewer-container .main-content .content-grid{grid-template-columns:1fr 300px;gap:.75rem}}@media (max-width: 768px){.document-viewer-container .main-content .content-grid{grid-template-columns:1fr;gap:.5rem}.document-viewer-container .main-content .content-grid .sidebar{order:-1}}.alert-card{background-color:#fb392d1a}.success-alert{border-radius:10px;border:1px solid rgba(251,57,45,.1);background:linear-gradient(0deg,#dedede 0% 100%),#fff}.p-timeline-event-opposite{display:none}.decription{color:#676b89}.textAreaControl textarea{width:100%;resize:vertical;max-width:100%}.document-btn-wrapper .p-button-outlined{color:#f57c00}.document-viewer{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,.document-viewer .p-dialog-content{background-color:#fff;border-radius:0}\n"], dependencies: [{ kind: "component", type: i5.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }, { kind: "component", type: i6$1.PdfViewerComponent, selector: "pdf-viewer", inputs: ["src", "c-maps-url", "page", "render-text", "render-text-mode", "original-size", "show-all", "stick-to-page", "zoom", "zoom-scale", "rotation", "external-link-target", "autoresize", "fit-to-page", "show-borders"], outputs: ["after-load-complete", "page-rendered", "pages-initialized", "text-layer-rendered", "error", "on-progress", "pageChange"] }, { kind: "component", type: DocumentHistoryComponent, selector: "document-history", inputs: ["historyData", "showHistory"] }, { kind: "component", type: DocumentActionsComponent, selector: "document-actions", inputs: ["document", "documentId", "currentStatus", "isLoading", "isUploaded", "statusId"], outputs: ["actionPerformed"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: DocumentViewerComponent, isStandalone: false, selector: "document-viewer", inputs: { selectedDocument: "selectedDocument", documentList: "documentList", contextId: "contextId" }, outputs: { documentStatusUpdated: "documentStatusUpdated" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"document-viewer-container\">\n  <div class=\"main-content\">\n    <p-messages [(value)]=\"messages\" [enableService]=\"false\"></p-messages>\n    \n    <div class=\"content-grid\">\n      @if(selectedDocument){\n      <div class=\"document-preview\">\n        @if(isSelectedDocumentImage){\n        <div class=\"img-container\">\n          <img\n            [src]=\"selectedDocument?.documentUrl || ''\"\n            class=\"uploadedImages\"\n            alt=\"Document Image\"\n          />\n        </div>\n        }@else if(isSelectedDocumentPdf){\n        <div class=\"pdf-container\">\n          <pdf-viewer\n            [src]=\"selectedDocument?.documentUrl || ''\"\n            [rotation]=\"0\"\n            [original-size]=\"false\"\n            [show-all]=\"true\"\n            [fit-to-page]=\"false\"\n            [zoom]=\"0.7\"\n            [zoom-scale]=\"'page-width'\"\n            [stick-to-page]=\"false\"\n            [render-text]=\"true\"\n            [external-link-target]=\"'blank'\"\n            [autoresize]=\"true\"\n            [show-borders]=\"false\"\n            style=\"width: 100%; height: 100%\"\n          ></pdf-viewer>\n        </div>\n        }@else if(isSelectedDocumentUnsupported){\n          <div class=\"incorrect-docType\">\n            ContentType is incorrect.\n          </div>\n        }\n      </div>\n      }\n\n         <div class=\"left-part col-12 md:col-12 pt-0\">\n         \n          <!-- <div class=\"alerts mb-4 pb-1\">\n            <button\n              type=\"button\"\n              *ngIf=\"\n                (alertData?.status !== 'Pending' && !!alertData?.status) ||\n                alertData?.isAlert === false\n              \"\n              class=\"bg-green-500 border-none border-round-md flex align-items-center mb-3 p-2 px-3\"\n            >\n              <i\n                class=\"pi pi-verified mr-2 cursor-pointer\"\n                [ngStyle]=\"{\n                  color:\n                    alertData?.status === 'Pending' &&\n                    alertData?.isAlert !== false\n                      ? '#FFFFFF'\n                      : '#8A8EA6'\n                }\"\n                style=\"font-size: 20px\"\n              ></i>\n              <span class=\"font-semibold text-white\">Verified</span>\n            </button>\n            <div\n              class=\"card mb-0\"\n              [ngClass]=\"\n                (alertData?.status === 'Pending' || !alertData?.status) &&\n                alertData?.isAlert !== false\n                  ? 'alert-card'\n                  : 'success-alert'\n              \"\n            >\n              <div class=\"flex align-items-center mb-2 pb-1\" *ngIf=\"alertData?.status !== 'Verified'\">\n                <h4 class=\"mr-3 mt-0 mb-0 text-color font-bold\" style=\"font-size: 21px; font-weight: bold; border-color: rgba(68, 72, 109, 0.2) ;\" >Alerts</h4>\n                <i\n                  class=\"pi pi-exclamation-triangle\"\n                  style=\"font-size: 20px\"\n                  [ngStyle]=\"{\n                    color:\n                      (alertData?.status === 'Pending' || !alertData?.status) &&\n                      alertData?.isAlert !== false\n                        ? '#FB392D'\n                        : '#8A8EA6'\n                  }\"\n                ></i>\n              </div>\n              <p class=\"text-color mb-0\">{{ alertData?.alertMessage }}</p>\n            </div>\n          </div>\n           -->\n          \n      <div class=\"sidebar\">\n        <document-actions\n          [document]=\"selectedDocument\"\n          [documentId]=\"selectedDocument?._id\"\n          [currentStatus]=\"currentState.documentStatus\"\n          [isLoading]=\"currentState.isActionLoading\"\n          [isUploaded]=\"currentState.documentIsUploaded\"\n          [statusId]=\"selectedDocument?.statusId\"\n          (actionPerformed)=\"handleDocumentAction($event)\">\n        </document-actions>\n        \n        <document-history \n          [historyData]=\"currentState.documentHistory\" \n          [showHistory]=\"currentState.showDocumentHistory\">\n        </document-history>\n        \n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".document-viewer-container{height:100%;width:100%;position:relative;z-index:1}.document-viewer-container .main-content{height:100%;display:flex;flex-direction:column}.document-viewer-container .main-content .p-messages{margin-bottom:.5rem}.document-viewer-container .main-content .content-grid{display:grid;grid-template-columns:1fr 350px;gap:1rem;height:calc(100% - 60px);min-height:0}.document-viewer-container .main-content .content-grid .document-preview{background:#f8f9fa;border-radius:8px;padding:.5rem;display:flex;align-items:center;justify-content:center}.document-viewer-container .main-content .content-grid .document-preview .img-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.document-viewer-container .main-content .content-grid .document-preview .img-container .uploadedImages{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.document-viewer-container .main-content .content-grid .document-preview .pdf-container{width:100%;height:100%;border-radius:4px}.document-viewer-container .main-content .content-grid .document-preview .incorrect-docType{color:#dc3545;font-weight:500;text-align:center;padding:2rem}.document-viewer-container .main-content .content-grid .sidebar{display:flex;flex-direction:column;gap:.75rem;max-height:100%;overflow-y:auto}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-actions-container{margin:0}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-history-container{padding:.75rem;max-height:none}@media (max-width: 1200px){.document-viewer-container .main-content .content-grid{grid-template-columns:1fr 300px;gap:.75rem}}@media (max-width: 768px){.document-viewer-container .main-content .content-grid{grid-template-columns:1fr;gap:.5rem}.document-viewer-container .main-content .content-grid .sidebar{order:-1}}.alert-card{background-color:#fb392d1a}.success-alert{border-radius:10px;border:1px solid rgba(251,57,45,.1);background:linear-gradient(0deg,#dedede 0% 100%),#fff}.p-timeline-event-opposite{display:none}.decription{color:#676b89}.textAreaControl textarea{width:100%;resize:vertical;max-width:100%}.document-btn-wrapper .p-button-outlined{color:#f57c00}.document-viewer{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}\n"], dependencies: [{ kind: "component", type: i5.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }, { kind: "component", type: i6$1.PdfViewerComponent, selector: "pdf-viewer", inputs: ["src", "c-maps-url", "page", "render-text", "render-text-mode", "original-size", "show-all", "stick-to-page", "zoom", "zoom-scale", "rotation", "external-link-target", "autoresize", "fit-to-page", "show-borders"], outputs: ["after-load-complete", "page-rendered", "pages-initialized", "text-layer-rendered", "error", "on-progress", "pageChange"] }, { kind: "component", type: DocumentHistoryComponent, selector: "document-history", inputs: ["historyData", "showHistory"] }, { kind: "component", type: DocumentActionsComponent, selector: "document-actions", inputs: ["document", "documentId", "currentStatus", "isLoading", "isUploaded", "statusId"], outputs: ["actionPerformed"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'document-viewer', standalone: false, encapsulation: ViewEncapsulation.None, template: "<div class=\"document-viewer-container\">\n  <div class=\"main-content\">\n    <p-messages [(value)]=\"messages\" [enableService]=\"false\"></p-messages>\n    \n    <div class=\"content-grid\">\n      @if(selectedDocument){\n      <div class=\"document-preview\">\n        @if(isSelectedDocumentImage){\n        <div class=\"img-container\">\n          <img\n            [src]=\"selectedDocument?.documentUrl || ''\"\n            class=\"uploadedImages\"\n            alt=\"Document Image\"\n          />\n        </div>\n        }@else if(isSelectedDocumentPdf){\n        <div class=\"pdf-container\">\n          <pdf-viewer\n            [src]=\"selectedDocument?.documentUrl || ''\"\n            [rotation]=\"0\"\n            [original-size]=\"false\"\n            [show-all]=\"true\"\n            [fit-to-page]=\"false\"\n            [zoom]=\"0.7\"\n            [zoom-scale]=\"'page-width'\"\n            [stick-to-page]=\"false\"\n            [render-text]=\"true\"\n            [external-link-target]=\"'blank'\"\n            [autoresize]=\"true\"\n            [show-borders]=\"false\"\n            style=\"width: 100%; height: 100%\"\n          ></pdf-viewer>\n        </div>\n        }@else if(isSelectedDocumentUnsupported){\n          <div class=\"incorrect-docType\">\n            ContentType is incorrect.\n          </div>\n        }\n      </div>\n      }\n\n         <div class=\"left-part col-12 md:col-12 pt-0\">\n         \n          <!-- <div class=\"alerts mb-4 pb-1\">\n            <button\n              type=\"button\"\n              *ngIf=\"\n                (alertData?.status !== 'Pending' && !!alertData?.status) ||\n                alertData?.isAlert === false\n              \"\n              class=\"bg-green-500 border-none border-round-md flex align-items-center mb-3 p-2 px-3\"\n            >\n              <i\n                class=\"pi pi-verified mr-2 cursor-pointer\"\n                [ngStyle]=\"{\n                  color:\n                    alertData?.status === 'Pending' &&\n                    alertData?.isAlert !== false\n                      ? '#FFFFFF'\n                      : '#8A8EA6'\n                }\"\n                style=\"font-size: 20px\"\n              ></i>\n              <span class=\"font-semibold text-white\">Verified</span>\n            </button>\n            <div\n              class=\"card mb-0\"\n              [ngClass]=\"\n                (alertData?.status === 'Pending' || !alertData?.status) &&\n                alertData?.isAlert !== false\n                  ? 'alert-card'\n                  : 'success-alert'\n              \"\n            >\n              <div class=\"flex align-items-center mb-2 pb-1\" *ngIf=\"alertData?.status !== 'Verified'\">\n                <h4 class=\"mr-3 mt-0 mb-0 text-color font-bold\" style=\"font-size: 21px; font-weight: bold; border-color: rgba(68, 72, 109, 0.2) ;\" >Alerts</h4>\n                <i\n                  class=\"pi pi-exclamation-triangle\"\n                  style=\"font-size: 20px\"\n                  [ngStyle]=\"{\n                    color:\n                      (alertData?.status === 'Pending' || !alertData?.status) &&\n                      alertData?.isAlert !== false\n                        ? '#FB392D'\n                        : '#8A8EA6'\n                  }\"\n                ></i>\n              </div>\n              <p class=\"text-color mb-0\">{{ alertData?.alertMessage }}</p>\n            </div>\n          </div>\n           -->\n          \n      <div class=\"sidebar\">\n        <document-actions\n          [document]=\"selectedDocument\"\n          [documentId]=\"selectedDocument?._id\"\n          [currentStatus]=\"currentState.documentStatus\"\n          [isLoading]=\"currentState.isActionLoading\"\n          [isUploaded]=\"currentState.documentIsUploaded\"\n          [statusId]=\"selectedDocument?.statusId\"\n          (actionPerformed)=\"handleDocumentAction($event)\">\n        </document-actions>\n        \n        <document-history \n          [historyData]=\"currentState.documentHistory\" \n          [showHistory]=\"currentState.showDocumentHistory\">\n        </document-history>\n        \n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".document-viewer-container{height:100%;width:100%;position:relative;z-index:1}.document-viewer-container .main-content{height:100%;display:flex;flex-direction:column}.document-viewer-container .main-content .p-messages{margin-bottom:.5rem}.document-viewer-container .main-content .content-grid{display:grid;grid-template-columns:1fr 350px;gap:1rem;height:calc(100% - 60px);min-height:0}.document-viewer-container .main-content .content-grid .document-preview{background:#f8f9fa;border-radius:8px;padding:.5rem;display:flex;align-items:center;justify-content:center}.document-viewer-container .main-content .content-grid .document-preview .img-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.document-viewer-container .main-content .content-grid .document-preview .img-container .uploadedImages{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.document-viewer-container .main-content .content-grid .document-preview .pdf-container{width:100%;height:100%;border-radius:4px}.document-viewer-container .main-content .content-grid .document-preview .incorrect-docType{color:#dc3545;font-weight:500;text-align:center;padding:2rem}.document-viewer-container .main-content .content-grid .sidebar{display:flex;flex-direction:column;gap:.75rem;max-height:100%;overflow-y:auto}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-actions-container{margin:0}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-history-container{padding:.75rem;max-height:none}@media (max-width: 1200px){.document-viewer-container .main-content .content-grid{grid-template-columns:1fr 300px;gap:.75rem}}@media (max-width: 768px){.document-viewer-container .main-content .content-grid{grid-template-columns:1fr;gap:.5rem}.document-viewer-container .main-content .content-grid .sidebar{order:-1}}.alert-card{background-color:#fb392d1a}.success-alert{border-radius:10px;border:1px solid rgba(251,57,45,.1);background:linear-gradient(0deg,#dedede 0% 100%),#fff}.p-timeline-event-opposite{display:none}.decription{color:#676b89}.textAreaControl textarea{width:100%;resize:vertical;max-width:100%}.document-btn-wrapper .p-button-outlined{color:#f57c00}.document-viewer{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,.document-viewer .p-dialog-content{background-color:#fff;border-radius:0}\n"] }]
+            args: [{ selector: 'document-viewer', standalone: false, encapsulation: ViewEncapsulation.None, template: "<div class=\"document-viewer-container\">\n  <div class=\"main-content\">\n    <p-messages [(value)]=\"messages\" [enableService]=\"false\"></p-messages>\n    \n    <div class=\"content-grid\">\n      @if(selectedDocument){\n      <div class=\"document-preview\">\n        @if(isSelectedDocumentImage){\n        <div class=\"img-container\">\n          <img\n            [src]=\"selectedDocument?.documentUrl || ''\"\n            class=\"uploadedImages\"\n            alt=\"Document Image\"\n          />\n        </div>\n        }@else if(isSelectedDocumentPdf){\n        <div class=\"pdf-container\">\n          <pdf-viewer\n            [src]=\"selectedDocument?.documentUrl || ''\"\n            [rotation]=\"0\"\n            [original-size]=\"false\"\n            [show-all]=\"true\"\n            [fit-to-page]=\"false\"\n            [zoom]=\"0.7\"\n            [zoom-scale]=\"'page-width'\"\n            [stick-to-page]=\"false\"\n            [render-text]=\"true\"\n            [external-link-target]=\"'blank'\"\n            [autoresize]=\"true\"\n            [show-borders]=\"false\"\n            style=\"width: 100%; height: 100%\"\n          ></pdf-viewer>\n        </div>\n        }@else if(isSelectedDocumentUnsupported){\n          <div class=\"incorrect-docType\">\n            ContentType is incorrect.\n          </div>\n        }\n      </div>\n      }\n\n         <div class=\"left-part col-12 md:col-12 pt-0\">\n         \n          <!-- <div class=\"alerts mb-4 pb-1\">\n            <button\n              type=\"button\"\n              *ngIf=\"\n                (alertData?.status !== 'Pending' && !!alertData?.status) ||\n                alertData?.isAlert === false\n              \"\n              class=\"bg-green-500 border-none border-round-md flex align-items-center mb-3 p-2 px-3\"\n            >\n              <i\n                class=\"pi pi-verified mr-2 cursor-pointer\"\n                [ngStyle]=\"{\n                  color:\n                    alertData?.status === 'Pending' &&\n                    alertData?.isAlert !== false\n                      ? '#FFFFFF'\n                      : '#8A8EA6'\n                }\"\n                style=\"font-size: 20px\"\n              ></i>\n              <span class=\"font-semibold text-white\">Verified</span>\n            </button>\n            <div\n              class=\"card mb-0\"\n              [ngClass]=\"\n                (alertData?.status === 'Pending' || !alertData?.status) &&\n                alertData?.isAlert !== false\n                  ? 'alert-card'\n                  : 'success-alert'\n              \"\n            >\n              <div class=\"flex align-items-center mb-2 pb-1\" *ngIf=\"alertData?.status !== 'Verified'\">\n                <h4 class=\"mr-3 mt-0 mb-0 text-color font-bold\" style=\"font-size: 21px; font-weight: bold; border-color: rgba(68, 72, 109, 0.2) ;\" >Alerts</h4>\n                <i\n                  class=\"pi pi-exclamation-triangle\"\n                  style=\"font-size: 20px\"\n                  [ngStyle]=\"{\n                    color:\n                      (alertData?.status === 'Pending' || !alertData?.status) &&\n                      alertData?.isAlert !== false\n                        ? '#FB392D'\n                        : '#8A8EA6'\n                  }\"\n                ></i>\n              </div>\n              <p class=\"text-color mb-0\">{{ alertData?.alertMessage }}</p>\n            </div>\n          </div>\n           -->\n          \n      <div class=\"sidebar\">\n        <document-actions\n          [document]=\"selectedDocument\"\n          [documentId]=\"selectedDocument?._id\"\n          [currentStatus]=\"currentState.documentStatus\"\n          [isLoading]=\"currentState.isActionLoading\"\n          [isUploaded]=\"currentState.documentIsUploaded\"\n          [statusId]=\"selectedDocument?.statusId\"\n          (actionPerformed)=\"handleDocumentAction($event)\">\n        </document-actions>\n        \n        <document-history \n          [historyData]=\"currentState.documentHistory\" \n          [showHistory]=\"currentState.showDocumentHistory\">\n        </document-history>\n        \n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".document-viewer-container{height:100%;width:100%;position:relative;z-index:1}.document-viewer-container .main-content{height:100%;display:flex;flex-direction:column}.document-viewer-container .main-content .p-messages{margin-bottom:.5rem}.document-viewer-container .main-content .content-grid{display:grid;grid-template-columns:1fr 350px;gap:1rem;height:calc(100% - 60px);min-height:0}.document-viewer-container .main-content .content-grid .document-preview{background:#f8f9fa;border-radius:8px;padding:.5rem;display:flex;align-items:center;justify-content:center}.document-viewer-container .main-content .content-grid .document-preview .img-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.document-viewer-container .main-content .content-grid .document-preview .img-container .uploadedImages{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.document-viewer-container .main-content .content-grid .document-preview .pdf-container{width:100%;height:100%;border-radius:4px}.document-viewer-container .main-content .content-grid .document-preview .incorrect-docType{color:#dc3545;font-weight:500;text-align:center;padding:2rem}.document-viewer-container .main-content .content-grid .sidebar{display:flex;flex-direction:column;gap:.75rem;max-height:100%;overflow-y:auto}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-actions-container{margin:0}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-history-container{padding:.75rem;max-height:none}@media (max-width: 1200px){.document-viewer-container .main-content .content-grid{grid-template-columns:1fr 300px;gap:.75rem}}@media (max-width: 768px){.document-viewer-container .main-content .content-grid{grid-template-columns:1fr;gap:.5rem}.document-viewer-container .main-content .content-grid .sidebar{order:-1}}.alert-card{background-color:#fb392d1a}.success-alert{border-radius:10px;border:1px solid rgba(251,57,45,.1);background:linear-gradient(0deg,#dedede 0% 100%),#fff}.p-timeline-event-opposite{display:none}.decription{color:#676b89}.textAreaControl textarea{width:100%;resize:vertical;max-width:100%}.document-btn-wrapper .p-button-outlined{color:#f57c00}.document-viewer{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}\n"] }]
         }], ctorParameters: () => [{ type: DocumentHttpService }, { type: DocumentHelperService }, { type: i3.MessageService }, { type: DocumentViewerService }], propDecorators: { selectedDocument: [{
                 type: Input
             }], documentList: [{
@@ -6165,11 +6189,7 @@ class DocumentListComponent {
         }
         // Reorder sections when sorted menu items change
         if (changes['sortedMenuItems'] && this.sortedMenuItems && this.documentCategories && this.documentCategories.length > 0) {
-            this.reorderCategoriesByMenuItemOrder({
-                documentCategories: this.documentCategories,
-                categoryTables: this.categoryTables,
-                categoryCompletionCounts: this.categoryCompletionCounts
-            });
+            this.reorderCategoriesByMenuItemOrder();
         }
     }
     /**
@@ -6205,14 +6225,14 @@ class DocumentListComponent {
         this.documentCategories = result.documentCategories;
         this.categoryTables = result.categoryTables;
         this.categoryCompletionCounts = result.categoryCompletionCounts;
-        // Reorder categories to match menu item order
-        this.reorderCategoriesByMenuItemOrder(result);
+        // Reorder categories to match menu item order after setting the properties
+        this.reorderCategoriesByMenuItemOrder();
     }
     /**
      * Reorders document categories to match the menu item order
      * This ensures sections are displayed in the same order as menu items
      */
-    reorderCategoriesByMenuItemOrder(result) {
+    reorderCategoriesByMenuItemOrder() {
         if (!this.documentCategories || this.documentCategories.length === 0) {
             return;
         }
@@ -6224,13 +6244,37 @@ class DocumentListComponent {
         // Create a map of category labels to their target positions
         const categoryOrderMap = new Map();
         menuItemOrder.forEach((menuItem, index) => {
-            // Find the category that matches this menu item
-            const matchingCategory = this.documentCategories.find(category => category.label.toLowerCase().includes(menuItem.toLowerCase()) ||
-                menuItem.toLowerCase().includes(category.label.toLowerCase()));
+            // Find the category that matches this menu item more precisely
+            const matchingCategory = this.documentCategories.find(category => {
+                const categoryLabel = category.label.toLowerCase();
+                const menuItemLabel = menuItem.toLowerCase();
+                // Exact match first
+                if (categoryLabel === menuItemLabel) {
+                    return true;
+                }
+                // Check if category label contains the menu item (but be more specific)
+                if (categoryLabel.includes(menuItemLabel) && menuItemLabel.length > 2) {
+                    return true;
+                }
+                // Check if menu item contains the category label (but be more specific)
+                if (menuItemLabel.includes(categoryLabel) && categoryLabel.length > 2) {
+                    return true;
+                }
+                return false;
+            });
             if (matchingCategory) {
                 categoryOrderMap.set(matchingCategory.label, index);
             }
         });
+        // Create a map of original category labels to their data BEFORE reordering
+        const originalCategoryData = new Map();
+        this.documentCategories.forEach((category, index) => {
+            originalCategoryData.set(category.label, {
+                category: category,
+                table: this.categoryTables[index],
+                count: this.categoryCompletionCounts[index]
+            });
+        });
         // Sort categories based on the menu item order
         this.documentCategories.sort((a, b) => {
             const orderA = categoryOrderMap.get(a.label) ?? Number.MAX_SAFE_INTEGER;
@@ -6241,15 +6285,7 @@ class DocumentListComponent {
         // We need to maintain the relationship between categories and their data
         const reorderedTables = [];
         const reorderedCompletionCounts = [];
-        // Create a map of original category labels to their data
-        const originalCategoryData = new Map();
-        result.documentCategories.forEach((category, index) => {
-            originalCategoryData.set(category.label, {
-                table: result.categoryTables[index],
-                count: result.categoryCompletionCounts[index]
-            });
-        });
-        // Use the reordered categories to get the corresponding data
+        // Use the reordered categories to get the corresponding data from the original map
         this.documentCategories.forEach(category => {
             const categoryData = originalCategoryData.get(category.label);
             if (categoryData) {
@@ -6282,13 +6318,16 @@ class DocumentListComponent {
         }
         // Fallback to default order if sorted menu items are not available
         return [
+            'System Documents',
+            'Deposit',
+            'Direct Debit Mandate',
+            'Identity',
             'Affordability',
-            'Credit Report',
             'Income',
-            'Employment',
-            'Assets',
-            'Liabilities',
-            'Other Documents'
+            'Miscellaneous',
+            'Welcome Call',
+            'Ad Hoc',
+            'Credit Conduct'
         ];
     }
     /**
@@ -6349,7 +6388,7 @@ class DocumentListComponent {
         }
         else {
             this.documentExtension = '';
-            this.documentName = this.selectedDocument.docName;
+            this.documentName = this.selectedDocument.aliasName ?? this.selectedDocument.docName;
         }
         setTimeout(() => {
             const inputElement = document.querySelector('.file-input-wrapper');
@@ -6521,33 +6560,25 @@ class DocumentListComponent {
         else {
             this.fileNameError = SHARED.EMPTY;
         }
-        const span = document.querySelector('.hidden-measure');
-        if (span) {
-            const computedStyle = window.getComputedStyle(input);
-            span.style.fontSize = computedStyle.fontSize;
-            span.textContent = input.value || ' ';
-            input.style.width = `${span.offsetWidth + 50}px`;
-            input.style.minWidth = `${span.offsetWidth + 50}px`;
-        }
+        // Remove the dynamic width calculation that was causing the name to hide
+        // The input will now use its natural width or CSS-defined width
     }
     handleSaveClick() {
         if (this.documentName !== this.selectedDocument.docName && !this.fileNameError) {
-            const updatedDocumentName = this.documentExtension ? (this.documentName + this.documentExtension) : this.documentName;
-            const payload = { documentName: updatedDocumentName };
-            this.aliasName = "Rocking.pdf";
+            // Send only the document name without extension for alias
+            const payload = { aliasName: this.documentName };
             this.documentHttpService.updateDocumentName(this.selectedDocument._id, payload)
                 .subscribe((res) => {
-                console.log(`${SHARED.UPDATE_DOCUMENT_NAME} ${this.selectedDocument._id}`);
-                console.log(res);
-                this.selectedDocument.docName = updatedDocumentName;
                 if (res && res.aliasName) {
-                    this.aliasName = "Rocking.pdf";
+                    this.aliasName = res.aliasName;
                 }
                 else {
-                    this.aliasName = updatedDocumentName;
+                    this.aliasName = this.documentName;
                 }
                 this.isEditingDocumentName = false;
                 this.fileNameError = SHARED.EMPTY;
+                // Refresh everything after successful alias name update
+                this.documentListService.refreshAllDataWithCurrentFilters(this.contextId);
             });
         }
         else {
@@ -6562,11 +6593,11 @@ class DocumentListComponent {
         this.documentListSubscription.unsubscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentListComponent, deps: [{ token: DocumentListService }, { token: DocumentHttpService }, { token: DocumentMenuService }], 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", sortedMenuItems: "sortedMenuItems", 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 [header]=\"selectedDocument?.docName\" [(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    <ng-template pTemplate=\"header\">\r\n      <div class=\"inline-flex align-items-center justify-content-center gap-2\">\r\n        <!-- Show alias name and document name when available -->\r\n        <div *ngIf=\"!isEditingDocumentName && aliasName\" \r\n             class=\"document-name-display clickable-doc-name\"\r\n             (click)=\"onDocumentNameClick()\"\r\n             title=\"Click to edit document name\">\r\n          <div class=\"alias-name\">\r\n            {{ aliasName }}\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        <span \r\n          *ngIf=\"!isEditingDocumentName && !aliasName\" \r\n          class=\"font-bold white-space-nowrap hidden-measure clickable-doc-name\"\r\n          (click)=\"onDocumentNameClick()\"\r\n          title=\"Click to edit document name\">\r\n          {{selectedDocument?.docName}}\r\n          <i class=\"pi pi-pencil edit-icon\"></i>\r\n        </span>\r\n        <input \r\n          *ngIf=\"isEditingDocumentName\"\r\n          #fileInput \r\n          type=\"text\" \r\n          class=\"h-3rem file-input-wrapper\" \r\n          pInputText \r\n          [(ngModel)]=\"documentName\"\r\n          (input)=\"onDocumentNameChange($event)\" \r\n          (blur)=\"handleSaveClick()\"\r\n          (keydown.escape)=\"cancelDocumentNameEdit()\"\r\n          (keydown.enter)=\"handleSaveClick()\" />\r\n        <div *ngIf=\"fileNameError\" class=\"error-message-wrapper\">\r\n          {{ fileNameError }}\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    <document-viewer [selectedDocument]=\"selectedDocument\" [documentList]=\"documentList\" [contextId]=\"contextId\"\r\n      (documentStatusUpdated)=\"refreshDocumentList($event.actionType === 'delete')\">\r\n      <ng-template pTemplate=\"header\">\r\n        <div class=\"w-full flex align-items-center justify-content-between\">\r\n          <input type=\"text\" class=\"w-full border-none bg-white h-3rem file-input-wrapper\" pInputText\r\n            [(ngModel)]=\"fileName\" />\r\n\r\n        </div>\r\n      </ng-template>\r\n      <ng-content></ng-content>\r\n    </document-viewer>\r\n  </p-dialog>\r\n</div>\r\n\r\n<div class=\"document-categories-container\" #documentCategoriesContainer>\r\n  <div class=\"category\" *ngFor=\"let category of documentCategories; let i = index\"\r\n    [id]=\"'section-' + category.label.toLowerCase().replace(' ', '-')\">\r\n    <div class=\"category-header\">\r\n      <div class=\"category-title\">\r\n        <h3>{{ formattedCategoryLabels[i] }}</h3>\r\n        <p class=\"category-description\">{{ category.categoryDescription }}</p>\r\n      </div>\r\n      <div class=\"completion-status\">\r\n        <span class=\"status-badge\">{{ categoryCompletionCounts[i] }} Complete</span>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"table-container\">\r\n      <lib-table-primary [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,.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:center;gap:4px;cursor:pointer;transition:all .2s ease;padding:4px 8px;border-radius:4px}.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:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;transition:color .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.document-name-display .alias-name .edit-icon-small{font-size:.6em;opacity:.5;transition:opacity .2s ease}.document-name-display:hover .edit-icon-small{opacity:1}.document-name-display .document-name{font-size:.875rem;color:var(--text-color-secondary, #6c757d);font-weight:400;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;opacity:.8}.file-input-wrapper{transition:all .2s ease}.file-input-wrapper:focus{border-color:var(--primary-color, #4C6292)!important;box-shadow:0 0 0 .2rem #4c629240!important}.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;background-color:#f8f9fa;min-height:auto}.document-categories-container .category{background:#fff;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:all .3s ease}.document-categories-container .category .category-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e9ecef}.document-categories-container .category .category-header .category-title h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.document-categories-container .category .category-header .category-title .category-description{margin:0;color:#6c757d;font-size:.875rem;line-height:1.4}.document-categories-container .category .category-header .completion-status .status-badge{background-color:#fbbf24;color:#92400e;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;display:inline-block}.document-categories-container .category .table-container{padding:0}@keyframes highlightPulse{0%{transform:scale(1.02);box-shadow:0 4px 20px #3b82f64d}50%{transform:scale(1.03);box-shadow:0 6px 25px #3b82f680}to{transform:scale(1.02);box-shadow:0 4px 20px #3b82f64d}}.document-sections-container{padding:1rem;background-color:#f8f9fa;min-height:100vh}.document-sections-container .section{background:#fff;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;overflow:hidden}.document-sections-container .section .section-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e9ecef}.document-sections-container .section .section-header .section-title h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.document-sections-container .section .section-header .section-title .section-description{margin:0;color:#6c757d;font-size:.875rem;line-height:1.4}.document-sections-container .section .section-header .completion-status .status-badge{background-color:#fbbf24;color:#92400e;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;display:inline-block}.document-sections-container .section .table-container{padding:0}@media (max-width: 768px){.document-categories-container,.document-sections-container{padding:.5rem}.document-categories-container .category .category-header,.document-categories-container .category .section-header,.document-categories-container .section .category-header,.document-categories-container .section .section-header,.document-sections-container .category .category-header,.document-sections-container .category .section-header,.document-sections-container .section .category-header,.document-sections-container .section .section-header{flex-direction:column;gap:1rem;align-items:flex-start}.document-categories-container .category .category-header .completion-status,.document-categories-container .category .section-header .completion-status,.document-categories-container .section .category-header .completion-status,.document-categories-container .section .section-header .completion-status,.document-sections-container .category .category-header .completion-status,.document-sections-container .category .section-header .completion-status,.document-sections-container .section .category-header .completion-status,.document-sections-container .section .section-header .completion-status{align-self:flex-end}}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }, { kind: "directive", type: i7.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: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: i9$2.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: TablePrimaryComponent, selector: "lib-table-primary", inputs: ["tableData", "showHeader", "tableStyle"], outputs: ["rowClick"] }, { kind: "component", type: DocumentViewerComponent, selector: "document-viewer", inputs: ["selectedDocument", "documentList", "contextId"], outputs: ["documentStatusUpdated"] }], encapsulation: i0.ViewEncapsulation.None });
+    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", sortedMenuItems: "sortedMenuItems", documentList: "documentList" }, outputs: { handleSelectedDocument: "handleSelectedDocument" }, viewQueries: [{ propertyName: "documentCategoriesContainer", first: true, predicate: ["documentCategoriesContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"document-viewer\">\n  <p-dialog [header]=\"selectedDocument?.docName\" [(visible)]=\"isdialogVisible\" [modal]=\"true\"\n    class=\"w-full h-full document-dailog-wrapper\" [draggable]=\"false\" [closable]=\"true\" (onHide)=\"handleCloseModal()\">\n    <p-messages [(value)]=\"deleteMessage\" [enableService]=\"false\" [closable]=\"false\" />\n    <ng-template pTemplate=\"header\">\n      <div class=\"inline-flex align-items-center justify-content-center gap-2\">\n        <!-- Show alias name and document name when available -->\n        <div *ngIf=\"!isEditingDocumentName && aliasName\" \n             class=\"document-name-display clickable-doc-name\"\n             (click)=\"onDocumentNameClick()\"\n             title=\"Click to edit document name\">\n          <div class=\"alias-name\">\n            {{ aliasName }}\n            <i class=\"pi pi-pencil edit-icon-small\"></i>\n          </div>\n          <div class=\"document-name\">{{ selectedDocument?.docName }}</div>\n        </div>\n        <span \n          *ngIf=\"!isEditingDocumentName && !aliasName\" \n          class=\"font-bold white-space-nowrap clickable-doc-name\"\n          (click)=\"onDocumentNameClick()\"\n          title=\"Click to edit document name\">\n          {{selectedDocument?.docName}}\n          <i class=\"pi pi-pencil edit-icon\"></i>\n        </span>\n        <input \n          *ngIf=\"isEditingDocumentName\"\n          #fileInput \n          type=\"text\" \n          class=\"h-3rem file-input-wrapper document-name-input\" \n          pInputText \n          [(ngModel)]=\"documentName\"\n          (input)=\"onDocumentNameChange($event)\" \n          (blur)=\"handleSaveClick()\"\n          (keydown.escape)=\"cancelDocumentNameEdit()\"\n          (keydown.enter)=\"handleSaveClick()\" />\n        <div *ngIf=\"fileNameError\" class=\"error-message-wrapper\">\n          {{ fileNameError }}\n        </div>\n      </div>\n    </ng-template>\n    <document-viewer [selectedDocument]=\"selectedDocument\" [documentList]=\"documentList\" [contextId]=\"contextId\"\n      (documentStatusUpdated)=\"refreshDocumentList($event.actionType === 'delete')\">\n      <ng-template pTemplate=\"header\">\n        <div class=\"w-full flex align-items-center justify-content-between\">\n          <input type=\"text\" class=\"w-full border-none bg-white h-3rem file-input-wrapper\" pInputText\n            [(ngModel)]=\"fileName\" />\n\n        </div>\n      </ng-template>\n      <ng-content></ng-content>\n    </document-viewer>\n  </p-dialog>\n</div>\n\n<div class=\"document-categories-container\" #documentCategoriesContainer>\n  <div class=\"category\" *ngFor=\"let category of documentCategories; let i = index\"\n    [id]=\"'section-' + category.label.toLowerCase().replace(' ', '-')\">\n    <div class=\"category-header\">\n      <div class=\"category-title\">\n        <h3>{{ formattedCategoryLabels[i] }}</h3>\n        <p class=\"category-description\">{{ category.categoryDescription }}</p>\n      </div>\n      <div class=\"completion-status\">\n        <span class=\"status-badge\">{{ categoryCompletionCounts[i] }} Complete</span>\n      </div>\n    </div>\n\n    <div class=\"table-container\">\n      <lib-table-primary [tableData]=\"categoryTables[i]\" [tableStyle]=\"{ 'min-width': '100%' }\"\n        (rowClick)=\"handleTableRowClick($event)\" (deleteAction)=\"handleDeleteAction($event)\">\n      </lib-table-primary>\n    </div>\n  </div>\n</div>", styles: [".document-list-wrapper .p-accordion-header-link{padding:.5rem}.document-list-wrapper .p-sidebar-right,.right-sidebar{width:35%}.document-title-wrapper{font-size:20px;font-weight:700;color:var(--text-color)}.document-input-field{display:flex;flex-direction:column}.document-input-field input{width:100%;height:46px;padding:10px 15px;gap:10px;border-radius:10px;outline:none;border:1px solid rgba(76,98,146,.1019607843);font-size:15px}label{color:#0f1729;font-weight:600}.document-list-dropDown .p-element{padding:10px 0 10px 15px}.document-list-dropDown .p-dropdown{border-radius:10px!important}.side-bar-con{display:flex;flex-direction:column}.save-btn-con{width:100%;border-top:1px solid rgba(76,98,146,.2);background:#4c629214;padding:13px 40px}.save-btn-wrapper{padding:10px 4px}.save-btn .p-button{height:45px!important;width:140px;border-radius:10px}.p-sidebar-footer{padding:0}.file-input-wrapper.p-inputtext:enabled:focus{box-shadow:0 0 0 .2rem #a6d5fa!important}.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:.6em;opacity:.5;transition:opacity .2s ease}.document-name-display:hover .edit-icon-small{opacity:1}.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}.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-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;background-color:#f8f9fa;min-height:auto}.document-categories-container .category{background:#fff;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:all .3s ease}.document-categories-container .category .category-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e9ecef}.document-categories-container .category .category-header .category-title h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.document-categories-container .category .category-header .category-title .category-description{margin:0;color:#6c757d;font-size:.875rem;line-height:1.4}.document-categories-container .category .category-header .completion-status .status-badge{background-color:#fbbf24;color:#92400e;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;display:inline-block}.document-categories-container .category .table-container{padding:0}@keyframes highlightPulse{0%{transform:scale(1.02);box-shadow:0 4px 20px #3b82f64d}50%{transform:scale(1.03);box-shadow:0 6px 25px #3b82f680}to{transform:scale(1.02);box-shadow:0 4px 20px #3b82f64d}}.document-sections-container{padding:1rem;background-color:#f8f9fa;min-height:100vh}.document-sections-container .section{background:#fff;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;overflow:hidden}.document-sections-container .section .section-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e9ecef}.document-sections-container .section .section-header .section-title h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.document-sections-container .section .section-header .section-title .section-description{margin:0;color:#6c757d;font-size:.875rem;line-height:1.4}.document-sections-container .section .section-header .completion-status .status-badge{background-color:#fbbf24;color:#92400e;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;display:inline-block}.document-sections-container .section .table-container{padding:0}@media (max-width: 768px){.document-categories-container,.document-sections-container{padding:.5rem}.document-categories-container .category .category-header,.document-categories-container .category .section-header,.document-categories-container .section .category-header,.document-categories-container .section .section-header,.document-sections-container .category .category-header,.document-sections-container .category .section-header,.document-sections-container .section .category-header,.document-sections-container .section .section-header{flex-direction:column;gap:1rem;align-items:flex-start}.document-categories-container .category .category-header .completion-status,.document-categories-container .category .section-header .completion-status,.document-categories-container .section .category-header .completion-status,.document-categories-container .section .section-header .completion-status,.document-sections-container .category .category-header .completion-status,.document-sections-container .category .section-header .completion-status,.document-sections-container .section .category-header .completion-status,.document-sections-container .section .section-header .completion-status{align-self:flex-end}}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }, { kind: "directive", type: i7.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: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: i9$2.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: TablePrimaryComponent, selector: "lib-table-primary", inputs: ["tableData", "showHeader", "tableStyle"], outputs: ["rowClick"] }, { kind: "component", type: DocumentViewerComponent, selector: "document-viewer", inputs: ["selectedDocument", "documentList", "contextId"], outputs: ["documentStatusUpdated"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-document-list', standalone: false, encapsulation: ViewEncapsulation.None, template: "<div class=\"document-viewer\">\r\n  <p-dialog [header]=\"selectedDocument?.docName\" [(visible)]=\"isdialogVisible\" [modal]=\"true\"\r\n    class=\"w-full h-full document-dailog-wrapper\" [draggable]=\"false\" [closable]=\"true\" (onHide)=\"handleCloseModal()\">\r\n    <p-messages [(value)]=\"deleteMessage\" [enableService]=\"false\" [closable]=\"false\" />\r\n    <ng-template pTemplate=\"header\">\r\n      <div class=\"inline-flex align-items-center justify-content-center gap-2\">\r\n        <!-- Show alias name and document name when available -->\r\n        <div *ngIf=\"!isEditingDocumentName && aliasName\" \r\n             class=\"document-name-display clickable-doc-name\"\r\n             (click)=\"onDocumentNameClick()\"\r\n             title=\"Click to edit document name\">\r\n          <div class=\"alias-name\">\r\n            {{ aliasName }}\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        <span \r\n          *ngIf=\"!isEditingDocumentName && !aliasName\" \r\n          class=\"font-bold white-space-nowrap hidden-measure clickable-doc-name\"\r\n          (click)=\"onDocumentNameClick()\"\r\n          title=\"Click to edit document name\">\r\n          {{selectedDocument?.docName}}\r\n          <i class=\"pi pi-pencil edit-icon\"></i>\r\n        </span>\r\n        <input \r\n          *ngIf=\"isEditingDocumentName\"\r\n          #fileInput \r\n          type=\"text\" \r\n          class=\"h-3rem file-input-wrapper\" \r\n          pInputText \r\n          [(ngModel)]=\"documentName\"\r\n          (input)=\"onDocumentNameChange($event)\" \r\n          (blur)=\"handleSaveClick()\"\r\n          (keydown.escape)=\"cancelDocumentNameEdit()\"\r\n          (keydown.enter)=\"handleSaveClick()\" />\r\n        <div *ngIf=\"fileNameError\" class=\"error-message-wrapper\">\r\n          {{ fileNameError }}\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    <document-viewer [selectedDocument]=\"selectedDocument\" [documentList]=\"documentList\" [contextId]=\"contextId\"\r\n      (documentStatusUpdated)=\"refreshDocumentList($event.actionType === 'delete')\">\r\n      <ng-template pTemplate=\"header\">\r\n        <div class=\"w-full flex align-items-center justify-content-between\">\r\n          <input type=\"text\" class=\"w-full border-none bg-white h-3rem file-input-wrapper\" pInputText\r\n            [(ngModel)]=\"fileName\" />\r\n\r\n        </div>\r\n      </ng-template>\r\n      <ng-content></ng-content>\r\n    </document-viewer>\r\n  </p-dialog>\r\n</div>\r\n\r\n<div class=\"document-categories-container\" #documentCategoriesContainer>\r\n  <div class=\"category\" *ngFor=\"let category of documentCategories; let i = index\"\r\n    [id]=\"'section-' + category.label.toLowerCase().replace(' ', '-')\">\r\n    <div class=\"category-header\">\r\n      <div class=\"category-title\">\r\n        <h3>{{ formattedCategoryLabels[i] }}</h3>\r\n        <p class=\"category-description\">{{ category.categoryDescription }}</p>\r\n      </div>\r\n      <div class=\"completion-status\">\r\n        <span class=\"status-badge\">{{ categoryCompletionCounts[i] }} Complete</span>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"table-container\">\r\n      <lib-table-primary [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,.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:center;gap:4px;cursor:pointer;transition:all .2s ease;padding:4px 8px;border-radius:4px}.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:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;transition:color .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.document-name-display .alias-name .edit-icon-small{font-size:.6em;opacity:.5;transition:opacity .2s ease}.document-name-display:hover .edit-icon-small{opacity:1}.document-name-display .document-name{font-size:.875rem;color:var(--text-color-secondary, #6c757d);font-weight:400;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;opacity:.8}.file-input-wrapper{transition:all .2s ease}.file-input-wrapper:focus{border-color:var(--primary-color, #4C6292)!important;box-shadow:0 0 0 .2rem #4c629240!important}.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;background-color:#f8f9fa;min-height:auto}.document-categories-container .category{background:#fff;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:all .3s ease}.document-categories-container .category .category-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e9ecef}.document-categories-container .category .category-header .category-title h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.document-categories-container .category .category-header .category-title .category-description{margin:0;color:#6c757d;font-size:.875rem;line-height:1.4}.document-categories-container .category .category-header .completion-status .status-badge{background-color:#fbbf24;color:#92400e;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;display:inline-block}.document-categories-container .category .table-container{padding:0}@keyframes highlightPulse{0%{transform:scale(1.02);box-shadow:0 4px 20px #3b82f64d}50%{transform:scale(1.03);box-shadow:0 6px 25px #3b82f680}to{transform:scale(1.02);box-shadow:0 4px 20px #3b82f64d}}.document-sections-container{padding:1rem;background-color:#f8f9fa;min-height:100vh}.document-sections-container .section{background:#fff;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;overflow:hidden}.document-sections-container .section .section-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e9ecef}.document-sections-container .section .section-header .section-title h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.document-sections-container .section .section-header .section-title .section-description{margin:0;color:#6c757d;font-size:.875rem;line-height:1.4}.document-sections-container .section .section-header .completion-status .status-badge{background-color:#fbbf24;color:#92400e;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;display:inline-block}.document-sections-container .section .table-container{padding:0}@media (max-width: 768px){.document-categories-container,.document-sections-container{padding:.5rem}.document-categories-container .category .category-header,.document-categories-container .category .section-header,.document-categories-container .section .category-header,.document-categories-container .section .section-header,.document-sections-container .category .category-header,.document-sections-container .category .section-header,.document-sections-container .section .category-header,.document-sections-container .section .section-header{flex-direction:column;gap:1rem;align-items:flex-start}.document-categories-container .category .category-header .completion-status,.document-categories-container .category .section-header .completion-status,.document-categories-container .section .category-header .completion-status,.document-categories-container .section .section-header .completion-status,.document-sections-container .category .category-header .completion-status,.document-sections-container .category .section-header .completion-status,.document-sections-container .section .category-header .completion-status,.document-sections-container .section .section-header .completion-status{align-self:flex-end}}\n"] }]
+            args: [{ selector: 'lib-document-list', standalone: false, encapsulation: ViewEncapsulation.None, template: "<div class=\"document-viewer\">\n  <p-dialog [header]=\"selectedDocument?.docName\" [(visible)]=\"isdialogVisible\" [modal]=\"true\"\n    class=\"w-full h-full document-dailog-wrapper\" [draggable]=\"false\" [closable]=\"true\" (onHide)=\"handleCloseModal()\">\n    <p-messages [(value)]=\"deleteMessage\" [enableService]=\"false\" [closable]=\"false\" />\n    <ng-template pTemplate=\"header\">\n      <div class=\"inline-flex align-items-center justify-content-center gap-2\">\n        <!-- Show alias name and document name when available -->\n        <div *ngIf=\"!isEditingDocumentName && aliasName\" \n             class=\"document-name-display clickable-doc-name\"\n             (click)=\"onDocumentNameClick()\"\n             title=\"Click to edit document name\">\n          <div class=\"alias-name\">\n            {{ aliasName }}\n            <i class=\"pi pi-pencil edit-icon-small\"></i>\n          </div>\n          <div class=\"document-name\">{{ selectedDocument?.docName }}</div>\n        </div>\n        <span \n          *ngIf=\"!isEditingDocumentName && !aliasName\" \n          class=\"font-bold white-space-nowrap clickable-doc-name\"\n          (click)=\"onDocumentNameClick()\"\n          title=\"Click to edit document name\">\n          {{selectedDocument?.docName}}\n          <i class=\"pi pi-pencil edit-icon\"></i>\n        </span>\n        <input \n          *ngIf=\"isEditingDocumentName\"\n          #fileInput \n          type=\"text\" \n          class=\"h-3rem file-input-wrapper document-name-input\" \n          pInputText \n          [(ngModel)]=\"documentName\"\n          (input)=\"onDocumentNameChange($event)\" \n          (blur)=\"handleSaveClick()\"\n          (keydown.escape)=\"cancelDocumentNameEdit()\"\n          (keydown.enter)=\"handleSaveClick()\" />\n        <div *ngIf=\"fileNameError\" class=\"error-message-wrapper\">\n          {{ fileNameError }}\n        </div>\n      </div>\n    </ng-template>\n    <document-viewer [selectedDocument]=\"selectedDocument\" [documentList]=\"documentList\" [contextId]=\"contextId\"\n      (documentStatusUpdated)=\"refreshDocumentList($event.actionType === 'delete')\">\n      <ng-template pTemplate=\"header\">\n        <div class=\"w-full flex align-items-center justify-content-between\">\n          <input type=\"text\" class=\"w-full border-none bg-white h-3rem file-input-wrapper\" pInputText\n            [(ngModel)]=\"fileName\" />\n\n        </div>\n      </ng-template>\n      <ng-content></ng-content>\n    </document-viewer>\n  </p-dialog>\n</div>\n\n<div class=\"document-categories-container\" #documentCategoriesContainer>\n  <div class=\"category\" *ngFor=\"let category of documentCategories; let i = index\"\n    [id]=\"'section-' + category.label.toLowerCase().replace(' ', '-')\">\n    <div class=\"category-header\">\n      <div class=\"category-title\">\n        <h3>{{ formattedCategoryLabels[i] }}</h3>\n        <p class=\"category-description\">{{ category.categoryDescription }}</p>\n      </div>\n      <div class=\"completion-status\">\n        <span class=\"status-badge\">{{ categoryCompletionCounts[i] }} Complete</span>\n      </div>\n    </div>\n\n    <div class=\"table-container\">\n      <lib-table-primary [tableData]=\"categoryTables[i]\" [tableStyle]=\"{ 'min-width': '100%' }\"\n        (rowClick)=\"handleTableRowClick($event)\" (deleteAction)=\"handleDeleteAction($event)\">\n      </lib-table-primary>\n    </div>\n  </div>\n</div>", styles: [".document-list-wrapper .p-accordion-header-link{padding:.5rem}.document-list-wrapper .p-sidebar-right,.right-sidebar{width:35%}.document-title-wrapper{font-size:20px;font-weight:700;color:var(--text-color)}.document-input-field{display:flex;flex-direction:column}.document-input-field input{width:100%;height:46px;padding:10px 15px;gap:10px;border-radius:10px;outline:none;border:1px solid rgba(76,98,146,.1019607843);font-size:15px}label{color:#0f1729;font-weight:600}.document-list-dropDown .p-element{padding:10px 0 10px 15px}.document-list-dropDown .p-dropdown{border-radius:10px!important}.side-bar-con{display:flex;flex-direction:column}.save-btn-con{width:100%;border-top:1px solid rgba(76,98,146,.2);background:#4c629214;padding:13px 40px}.save-btn-wrapper{padding:10px 4px}.save-btn .p-button{height:45px!important;width:140px;border-radius:10px}.p-sidebar-footer{padding:0}.file-input-wrapper.p-inputtext:enabled:focus{box-shadow:0 0 0 .2rem #a6d5fa!important}.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:.6em;opacity:.5;transition:opacity .2s ease}.document-name-display:hover .edit-icon-small{opacity:1}.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}.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-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;background-color:#f8f9fa;min-height:auto}.document-categories-container .category{background:#fff;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:all .3s ease}.document-categories-container .category .category-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e9ecef}.document-categories-container .category .category-header .category-title h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.document-categories-container .category .category-header .category-title .category-description{margin:0;color:#6c757d;font-size:.875rem;line-height:1.4}.document-categories-container .category .category-header .completion-status .status-badge{background-color:#fbbf24;color:#92400e;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;display:inline-block}.document-categories-container .category .table-container{padding:0}@keyframes highlightPulse{0%{transform:scale(1.02);box-shadow:0 4px 20px #3b82f64d}50%{transform:scale(1.03);box-shadow:0 6px 25px #3b82f680}to{transform:scale(1.02);box-shadow:0 4px 20px #3b82f64d}}.document-sections-container{padding:1rem;background-color:#f8f9fa;min-height:100vh}.document-sections-container .section{background:#fff;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;overflow:hidden}.document-sections-container .section .section-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e9ecef}.document-sections-container .section .section-header .section-title h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.document-sections-container .section .section-header .section-title .section-description{margin:0;color:#6c757d;font-size:.875rem;line-height:1.4}.document-sections-container .section .section-header .completion-status .status-badge{background-color:#fbbf24;color:#92400e;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;display:inline-block}.document-sections-container .section .table-container{padding:0}@media (max-width: 768px){.document-categories-container,.document-sections-container{padding:.5rem}.document-categories-container .category .category-header,.document-categories-container .category .section-header,.document-categories-container .section .category-header,.document-categories-container .section .section-header,.document-sections-container .category .category-header,.document-sections-container .category .section-header,.document-sections-container .section .category-header,.document-sections-container .section .section-header{flex-direction:column;gap:1rem;align-items:flex-start}.document-categories-container .category .category-header .completion-status,.document-categories-container .category .section-header .completion-status,.document-categories-container .section .category-header .completion-status,.document-categories-container .section .section-header .completion-status,.document-sections-container .category .category-header .completion-status,.document-sections-container .category .section-header .completion-status,.document-sections-container .section .category-header .completion-status,.document-sections-container .section .section-header .completion-status{align-self:flex-end}}\n"] }]
         }], ctorParameters: () => [{ type: DocumentListService }, { type: DocumentHttpService }, { type: DocumentMenuService }], propDecorators: { contextId: [{
                 type: Input
             }], documentListResponse: [{
@@ -7124,11 +7155,11 @@ class DocumentContainerComponent {
         this.clearAllState();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentContainerComponent, deps: [{ token: DocumentHttpService }, { token: DocumentHelperService }, { token: DocumentQuery }, { token: DocumentStore }, { token: DocumentMenuService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DocumentContainerComponent, isStandalone: false, selector: "lib-document-container", inputs: { refreshTrigger: "refreshTrigger", contextId: "contextId" }, outputs: { selectedDocument: "selectedDocument" }, viewQueries: [{ propertyName: "contentScrollContainer", first: true, predicate: ["contentScrollContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"grid m-0 flex document-container-layout\">\n  <!-- Fixed Left Menu -->\n  <div class=\"menu-panel col-12 md:col-2\">\n    <lib-documents-menu \n      [catagories]=\"catagories\" \n      [applicationNumber]=\"applicationNumber\" \n      [contextId]=\"contextId\"\n      (menuItemSelected)=\"onMenuItemSelected($event)\">\n    </lib-documents-menu>\n  </div>\n  \n  <!-- Scrollable Right Content -->\n  <div class=\"content-panel col-12 md:col-10\" #contentScrollContainer>\n    <div class=\"card content-card\">\n      <lib-folder-container [contextId]=\"contextId\" [userList]=\"userList\"  [statusData]=\"statusData\" [categories]=\"catagories\"></lib-folder-container>\n    </div>\n    <div>\n      <lib-document-list  \n        [contextId]=\"contextId\" \n        [documentListResponse]=\"documentListResponse\"\n        [selectedMenuItemId]=\"selectedMenuItemId\"\n        [navigationInfo]=\"navigationInfo\"\n        [sortedMenuItems]=\"sortedMenuItems\"\n        (handleSelectedDocument)=\"onDocumentSelected($event)\"\n        >\n        <ng-content></ng-content>\n      </lib-document-list>\n    </div>\n  </div>\n</div>", styles: [".document-container-layout{display:grid;grid-template-columns:1fr;height:98vh;overflow:auto;position:relative}@media (min-width: 768px){.document-container-layout{grid-template-columns:16.6667% 1fr}}.menu-panel{background-color:#fff;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}@media (min-width: 768px){.menu-panel{position:fixed;left:0;top:0;bottom:0;width:16.6667%}}.menu-panel::-webkit-scrollbar{display:none}.content-panel{display:flex;flex-direction:column;height:98vh;overflow-y:auto;overflow-x:hidden;padding:0;position:relative;z-index:10;scrollbar-width:none;-ms-overflow-style:none}@media (min-width: 768px){.content-panel{margin-left:16.6667%}}.content-panel::-webkit-scrollbar{display:none}@media (max-width: 1024px){.menu-panel{width:240px}.content-panel{margin-left:240px}}@media (max-width: 768px){.document-container-layout{grid-template-columns:1fr}.menu-panel{position:relative;width:100%;height:200px;border-right:none;border-bottom:1px solid #e5e7eb;z-index:auto}.content-panel{margin-left:0;flex:1}}.custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}*{scrollbar-width:thin}body,html{height:100%}::ng-deep .p-card{overflow:visible!important}::ng-deep .p-card-body{overflow:visible!important}::ng-deep .p-dialog{z-index:9999!important}::ng-deep .p-dialog-mask{z-index:9998!important}::ng-deep .content-panel .p-card{overflow:visible!important}\n"], dependencies: [{ kind: "component", type: FolderContainerComponent, selector: "lib-folder-container", inputs: ["documentList", "folderList", "contextId", "userList", "statusData", "categories"] }, { kind: "component", type: DocumentListComponent, selector: "lib-document-list", inputs: ["contextId", "documentListResponse", "selectedMenuItemId", "navigationInfo", "sortedMenuItems", "documentList"], outputs: ["handleSelectedDocument"] }, { kind: "component", type: DocumentsMenuComponent, selector: "lib-documents-menu", inputs: ["catagories", "applicationNumber", "contextId"], outputs: ["menuItemSelected"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DocumentContainerComponent, isStandalone: false, selector: "lib-document-container", inputs: { refreshTrigger: "refreshTrigger", contextId: "contextId" }, outputs: { selectedDocument: "selectedDocument" }, viewQueries: [{ propertyName: "contentScrollContainer", first: true, predicate: ["contentScrollContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"grid m-0 flex document-container-layout\">\n  <!-- Fixed Left Menu -->\n  <div class=\"menu-panel col-12 md:col-2\">\n    <lib-documents-menu \n      [catagories]=\"catagories\" \n      [applicationNumber]=\"applicationNumber\" \n      [contextId]=\"contextId\"\n      (menuItemSelected)=\"onMenuItemSelected($event)\">\n    </lib-documents-menu>\n  </div>\n  \n  <!-- Scrollable Right Content -->\n  <div class=\"content-panel col-12 md:col-10\" #contentScrollContainer>\n    <div class=\"card content-card\">\n      <lib-folder-container [contextId]=\"contextId\" [userList]=\"userList\"  [statusData]=\"statusData\" [categories]=\"catagories\"></lib-folder-container>\n    </div>\n    <div>\n      <lib-document-list  \n        [contextId]=\"contextId\" \n        [documentListResponse]=\"documentListResponse\"\n        [selectedMenuItemId]=\"selectedMenuItemId\"\n        [navigationInfo]=\"navigationInfo\"\n        [sortedMenuItems]=\"sortedMenuItems\"\n        (handleSelectedDocument)=\"onDocumentSelected($event)\"\n        >\n        <ng-content></ng-content>\n      </lib-document-list>\n    </div>\n  </div>\n</div>\n\n<!-- Centralized confirmation dialog for all components -->\n<p-confirmDialog \n  [style]=\"{width: '25vw'}\" \n  acceptLabel=\"Yes\"\n  rejectLabel=\"No\"\n  appendTo=\"body\"\n  acceptIcon=\"pi pi-check\"\n  rejectIcon=\"pi pi-times\">\n</p-confirmDialog>", styles: [".document-container-layout{display:grid;grid-template-columns:1fr;height:98vh;overflow:auto;position:relative}@media (min-width: 768px){.document-container-layout{grid-template-columns:16.6667% 1fr}}.menu-panel{background-color:#fff;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}@media (min-width: 768px){.menu-panel{position:fixed;left:0;top:0;bottom:0;width:16.6667%}}.menu-panel::-webkit-scrollbar{display:none}.content-panel{display:flex;flex-direction:column;height:98vh;overflow-y:auto;overflow-x:hidden;padding:0;position:relative;z-index:10;scrollbar-width:none;-ms-overflow-style:none}@media (min-width: 768px){.content-panel{margin-left:16.6667%}}.content-panel::-webkit-scrollbar{display:none}@media (max-width: 1024px){.menu-panel{width:240px}.content-panel{margin-left:240px}}@media (max-width: 768px){.document-container-layout{grid-template-columns:1fr}.menu-panel{position:relative;width:100%;height:200px;border-right:none;border-bottom:1px solid #e5e7eb;z-index:auto}.content-panel{margin-left:0;flex:1}}.custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}*{scrollbar-width:thin}body,html{height:100%}::ng-deep .p-card{overflow:visible!important}::ng-deep .p-card-body{overflow:visible!important}::ng-deep .p-dialog{z-index:9999!important}::ng-deep .p-dialog-mask{z-index:9998!important}::ng-deep .content-panel .p-card{overflow:visible!important}\n"], dependencies: [{ kind: "component", type: i6$2.ConfirmDialog, selector: "p-confirmDialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position"], outputs: ["onHide"] }, { kind: "component", type: FolderContainerComponent, selector: "lib-folder-container", inputs: ["documentList", "folderList", "contextId", "userList", "statusData", "categories"] }, { kind: "component", type: DocumentListComponent, selector: "lib-document-list", inputs: ["contextId", "documentListResponse", "selectedMenuItemId", "navigationInfo", "sortedMenuItems", "documentList"], outputs: ["handleSelectedDocument"] }, { kind: "component", type: DocumentsMenuComponent, selector: "lib-documents-menu", inputs: ["catagories", "applicationNumber", "contextId"], outputs: ["menuItemSelected"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-document-container', standalone: false, template: "<div class=\"grid m-0 flex document-container-layout\">\n  <!-- Fixed Left Menu -->\n  <div class=\"menu-panel col-12 md:col-2\">\n    <lib-documents-menu \n      [catagories]=\"catagories\" \n      [applicationNumber]=\"applicationNumber\" \n      [contextId]=\"contextId\"\n      (menuItemSelected)=\"onMenuItemSelected($event)\">\n    </lib-documents-menu>\n  </div>\n  \n  <!-- Scrollable Right Content -->\n  <div class=\"content-panel col-12 md:col-10\" #contentScrollContainer>\n    <div class=\"card content-card\">\n      <lib-folder-container [contextId]=\"contextId\" [userList]=\"userList\"  [statusData]=\"statusData\" [categories]=\"catagories\"></lib-folder-container>\n    </div>\n    <div>\n      <lib-document-list  \n        [contextId]=\"contextId\" \n        [documentListResponse]=\"documentListResponse\"\n        [selectedMenuItemId]=\"selectedMenuItemId\"\n        [navigationInfo]=\"navigationInfo\"\n        [sortedMenuItems]=\"sortedMenuItems\"\n        (handleSelectedDocument)=\"onDocumentSelected($event)\"\n        >\n        <ng-content></ng-content>\n      </lib-document-list>\n    </div>\n  </div>\n</div>", styles: [".document-container-layout{display:grid;grid-template-columns:1fr;height:98vh;overflow:auto;position:relative}@media (min-width: 768px){.document-container-layout{grid-template-columns:16.6667% 1fr}}.menu-panel{background-color:#fff;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}@media (min-width: 768px){.menu-panel{position:fixed;left:0;top:0;bottom:0;width:16.6667%}}.menu-panel::-webkit-scrollbar{display:none}.content-panel{display:flex;flex-direction:column;height:98vh;overflow-y:auto;overflow-x:hidden;padding:0;position:relative;z-index:10;scrollbar-width:none;-ms-overflow-style:none}@media (min-width: 768px){.content-panel{margin-left:16.6667%}}.content-panel::-webkit-scrollbar{display:none}@media (max-width: 1024px){.menu-panel{width:240px}.content-panel{margin-left:240px}}@media (max-width: 768px){.document-container-layout{grid-template-columns:1fr}.menu-panel{position:relative;width:100%;height:200px;border-right:none;border-bottom:1px solid #e5e7eb;z-index:auto}.content-panel{margin-left:0;flex:1}}.custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}*{scrollbar-width:thin}body,html{height:100%}::ng-deep .p-card{overflow:visible!important}::ng-deep .p-card-body{overflow:visible!important}::ng-deep .p-dialog{z-index:9999!important}::ng-deep .p-dialog-mask{z-index:9998!important}::ng-deep .content-panel .p-card{overflow:visible!important}\n"] }]
+            args: [{ selector: 'lib-document-container', standalone: false, template: "<div class=\"grid m-0 flex document-container-layout\">\n  <!-- Fixed Left Menu -->\n  <div class=\"menu-panel col-12 md:col-2\">\n    <lib-documents-menu \n      [catagories]=\"catagories\" \n      [applicationNumber]=\"applicationNumber\" \n      [contextId]=\"contextId\"\n      (menuItemSelected)=\"onMenuItemSelected($event)\">\n    </lib-documents-menu>\n  </div>\n  \n  <!-- Scrollable Right Content -->\n  <div class=\"content-panel col-12 md:col-10\" #contentScrollContainer>\n    <div class=\"card content-card\">\n      <lib-folder-container [contextId]=\"contextId\" [userList]=\"userList\"  [statusData]=\"statusData\" [categories]=\"catagories\"></lib-folder-container>\n    </div>\n    <div>\n      <lib-document-list  \n        [contextId]=\"contextId\" \n        [documentListResponse]=\"documentListResponse\"\n        [selectedMenuItemId]=\"selectedMenuItemId\"\n        [navigationInfo]=\"navigationInfo\"\n        [sortedMenuItems]=\"sortedMenuItems\"\n        (handleSelectedDocument)=\"onDocumentSelected($event)\"\n        >\n        <ng-content></ng-content>\n      </lib-document-list>\n    </div>\n  </div>\n</div>\n\n<!-- Centralized confirmation dialog for all components -->\n<p-confirmDialog \n  [style]=\"{width: '25vw'}\" \n  acceptLabel=\"Yes\"\n  rejectLabel=\"No\"\n  appendTo=\"body\"\n  acceptIcon=\"pi pi-check\"\n  rejectIcon=\"pi pi-times\">\n</p-confirmDialog>", styles: [".document-container-layout{display:grid;grid-template-columns:1fr;height:98vh;overflow:auto;position:relative}@media (min-width: 768px){.document-container-layout{grid-template-columns:16.6667% 1fr}}.menu-panel{background-color:#fff;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}@media (min-width: 768px){.menu-panel{position:fixed;left:0;top:0;bottom:0;width:16.6667%}}.menu-panel::-webkit-scrollbar{display:none}.content-panel{display:flex;flex-direction:column;height:98vh;overflow-y:auto;overflow-x:hidden;padding:0;position:relative;z-index:10;scrollbar-width:none;-ms-overflow-style:none}@media (min-width: 768px){.content-panel{margin-left:16.6667%}}.content-panel::-webkit-scrollbar{display:none}@media (max-width: 1024px){.menu-panel{width:240px}.content-panel{margin-left:240px}}@media (max-width: 768px){.document-container-layout{grid-template-columns:1fr}.menu-panel{position:relative;width:100%;height:200px;border-right:none;border-bottom:1px solid #e5e7eb;z-index:auto}.content-panel{margin-left:0;flex:1}}.custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}*{scrollbar-width:thin}body,html{height:100%}::ng-deep .p-card{overflow:visible!important}::ng-deep .p-card-body{overflow:visible!important}::ng-deep .p-dialog{z-index:9999!important}::ng-deep .p-dialog-mask{z-index:9998!important}::ng-deep .content-panel .p-card{overflow:visible!important}\n"] }]
         }], ctorParameters: () => [{ type: DocumentHttpService }, { type: DocumentHelperService }, { type: DocumentQuery }, { type: DocumentStore }, { type: DocumentMenuService }], propDecorators: { refreshTrigger: [{
                 type: Input
             }], contentScrollContainer: [{
@@ -7218,11 +7249,11 @@ class DocumentListItemComponent {
         this.documentClick.emit(document);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DocumentListItemComponent, isStandalone: false, selector: "lib-document-list-item", inputs: { document: "document" }, outputs: { documentClick: "documentClick" }, ngImport: i0, template: "<div class=\"grid m-0\">\r\n    <div\r\n      class=\"col-12 flex align-items-center justify-content-between md:col-12 xl:col-12\"\r\n    >\r\n      <div\r\n        class=\"col-5 flex cursor-pointer align-items-center pl-0\"\r\n        (click)=\"handleOpenDocument(document)\"\r\n      >\r\n        <img src=\"../../../../assets/images/Frame.png\" alt=\"\" />\r\n        <span class=\"ml-4 file-name-wrapper document-text-wrapper\">{{ document.fileName }}</span>\r\n      </div>\r\n      <div class=\"col-4 flex align-items-center justify-content-center\">\r\n        <span\r\n          [class]=\"'product-badge status-' + document.status?.toLowerCase()\"\r\n          class=\"flex align-items-center justify-content-center pl-2 pr-2 pt-1 pb-1\"\r\n        >\r\n          <ng-container *ngIf=\"document.status?.toLowerCase() === 'pending'\">\r\n            <i class=\"pi pi-clock pr-1\" style=\"font-size: 12px;\"></i>\r\n            Pending\r\n          </ng-container>\r\n          <ng-container *ngIf=\"document.status?.toLowerCase() === 'verified'\">\r\n            <i class=\"pi pi-check-circle pr-1\" style=\"font-size: 12px;\"></i>\r\n            Verified\r\n          </ng-container>\r\n          <ng-container *ngIf=\"document.status?.toLowerCase() === 'alert'\">\r\n            <i class=\"pi pi-bell pr-1\" style=\"font-size: 12px;\"></i>\r\n            Alert\r\n          </ng-container>\r\n        </span>\r\n      </div>\r\n      <div class=\"document-type file-name-wrapper document-text-wrapper\">\r\n        {{document.documentTypeName}}\r\n    </div>\r\n    </div>\r\n  </div>\r\n  ", styles: [".product-badge.status-pending{background:#e9b127;color:#fff;border-radius:4px}.product-badge.status-verified{background:#4caf50;color:#fff;border-radius:4px}.product-badge.status-alert{background:#f57c00;color:#fff;border-radius:4px}.product-badge{text-transform:none;font-weight:500;font-size:12px}.file-name-wrapper{font-size:15px;font-weight:500}.document-text-wrapper{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DocumentListItemComponent, isStandalone: false, selector: "lib-document-list-item", inputs: { document: "document" }, outputs: { documentClick: "documentClick" }, ngImport: i0, template: "<div class=\"grid m-0\">\n    <div\n      class=\"col-12 flex align-items-center justify-content-between md:col-12 xl:col-12\"\n    >\n      <div\n        class=\"col-5 flex cursor-pointer align-items-center pl-0\"\n        (click)=\"handleOpenDocument(document)\"\n      >\n        <img src=\"../../../../assets/images/Frame.png\" alt=\"\" />\n        <span class=\"ml-4 file-name-wrapper document-text-wrapper\">{{ document.fileName }}</span>\n      </div>\n      <div class=\"col-4 flex align-items-center justify-content-center\">\n        <span\n          [class]=\"'product-badge status-' + document.status?.toLowerCase()\"\n          class=\"flex align-items-center justify-content-center pl-2 pr-2 pt-1 pb-1\"\n        >\n          <ng-container *ngIf=\"document.status?.toLowerCase() === 'pending'\">\n            <i class=\"pi pi-clock pr-1\" style=\"font-size: 12px;\"></i>\n            Pending\n          </ng-container>\n          <ng-container *ngIf=\"document.status?.toLowerCase() === 'verified'\">\n            <i class=\"pi pi-check-circle pr-1\" style=\"font-size: 12px;\"></i>\n            Verified\n          </ng-container>\n          <ng-container *ngIf=\"document.status?.toLowerCase() === 'alert'\">\n            <i class=\"pi pi-bell pr-1\" style=\"font-size: 12px;\"></i>\n            Alert\n          </ng-container>\n        </span>\n      </div>\n      <div class=\"document-type file-name-wrapper document-text-wrapper\">\n        {{document.documentTypeName}}\n    </div>\n    </div>\n  </div>\n  ", styles: [".product-badge.status-pending{background:#e9b127;color:#fff;border-radius:4px}.product-badge.status-verified{background:#4caf50;color:#fff;border-radius:4px}.product-badge.status-alert{background:#f57c00;color:#fff;border-radius:4px}.product-badge{text-transform:none;font-weight:500;font-size:12px}.file-name-wrapper{font-size:15px;font-weight:500}.document-text-wrapper{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentListItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-document-list-item', standalone: false, template: "<div class=\"grid m-0\">\r\n    <div\r\n      class=\"col-12 flex align-items-center justify-content-between md:col-12 xl:col-12\"\r\n    >\r\n      <div\r\n        class=\"col-5 flex cursor-pointer align-items-center pl-0\"\r\n        (click)=\"handleOpenDocument(document)\"\r\n      >\r\n        <img src=\"../../../../assets/images/Frame.png\" alt=\"\" />\r\n        <span class=\"ml-4 file-name-wrapper document-text-wrapper\">{{ document.fileName }}</span>\r\n      </div>\r\n      <div class=\"col-4 flex align-items-center justify-content-center\">\r\n        <span\r\n          [class]=\"'product-badge status-' + document.status?.toLowerCase()\"\r\n          class=\"flex align-items-center justify-content-center pl-2 pr-2 pt-1 pb-1\"\r\n        >\r\n          <ng-container *ngIf=\"document.status?.toLowerCase() === 'pending'\">\r\n            <i class=\"pi pi-clock pr-1\" style=\"font-size: 12px;\"></i>\r\n            Pending\r\n          </ng-container>\r\n          <ng-container *ngIf=\"document.status?.toLowerCase() === 'verified'\">\r\n            <i class=\"pi pi-check-circle pr-1\" style=\"font-size: 12px;\"></i>\r\n            Verified\r\n          </ng-container>\r\n          <ng-container *ngIf=\"document.status?.toLowerCase() === 'alert'\">\r\n            <i class=\"pi pi-bell pr-1\" style=\"font-size: 12px;\"></i>\r\n            Alert\r\n          </ng-container>\r\n        </span>\r\n      </div>\r\n      <div class=\"document-type file-name-wrapper document-text-wrapper\">\r\n        {{document.documentTypeName}}\r\n    </div>\r\n    </div>\r\n  </div>\r\n  ", styles: [".product-badge.status-pending{background:#e9b127;color:#fff;border-radius:4px}.product-badge.status-verified{background:#4caf50;color:#fff;border-radius:4px}.product-badge.status-alert{background:#f57c00;color:#fff;border-radius:4px}.product-badge{text-transform:none;font-weight:500;font-size:12px}.file-name-wrapper{font-size:15px;font-weight:500}.document-text-wrapper{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}\n"] }]
+            args: [{ selector: 'lib-document-list-item', standalone: false, template: "<div class=\"grid m-0\">\n    <div\n      class=\"col-12 flex align-items-center justify-content-between md:col-12 xl:col-12\"\n    >\n      <div\n        class=\"col-5 flex cursor-pointer align-items-center pl-0\"\n        (click)=\"handleOpenDocument(document)\"\n      >\n        <img src=\"../../../../assets/images/Frame.png\" alt=\"\" />\n        <span class=\"ml-4 file-name-wrapper document-text-wrapper\">{{ document.fileName }}</span>\n      </div>\n      <div class=\"col-4 flex align-items-center justify-content-center\">\n        <span\n          [class]=\"'product-badge status-' + document.status?.toLowerCase()\"\n          class=\"flex align-items-center justify-content-center pl-2 pr-2 pt-1 pb-1\"\n        >\n          <ng-container *ngIf=\"document.status?.toLowerCase() === 'pending'\">\n            <i class=\"pi pi-clock pr-1\" style=\"font-size: 12px;\"></i>\n            Pending\n          </ng-container>\n          <ng-container *ngIf=\"document.status?.toLowerCase() === 'verified'\">\n            <i class=\"pi pi-check-circle pr-1\" style=\"font-size: 12px;\"></i>\n            Verified\n          </ng-container>\n          <ng-container *ngIf=\"document.status?.toLowerCase() === 'alert'\">\n            <i class=\"pi pi-bell pr-1\" style=\"font-size: 12px;\"></i>\n            Alert\n          </ng-container>\n        </span>\n      </div>\n      <div class=\"document-type file-name-wrapper document-text-wrapper\">\n        {{document.documentTypeName}}\n    </div>\n    </div>\n  </div>\n  ", styles: [".product-badge.status-pending{background:#e9b127;color:#fff;border-radius:4px}.product-badge.status-verified{background:#4caf50;color:#fff;border-radius:4px}.product-badge.status-alert{background:#f57c00;color:#fff;border-radius:4px}.product-badge{text-transform:none;font-weight:500;font-size:12px}.file-name-wrapper{font-size:15px;font-weight:500}.document-text-wrapper{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}\n"] }]
         }], propDecorators: { documentClick: [{
                 type: Output
             }], document: [{
@@ -7333,11 +7364,11 @@ class LinkedDocumentComponent {
         this.selectedDocumentChange.emit(this.selectedDocument);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LinkedDocumentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: LinkedDocumentComponent, isStandalone: false, selector: "app-linked-document", inputs: { selectedDocument: "selectedDocument", documentList: "documentList" }, outputs: { selectedDocumentChange: "selectedDocumentChange" }, ngImport: i0, template: "<div class=\"summary-card mb-4 pb-1\">\r\n    <div class=\"card p-0 mb-0\"\r\n      style=\"border-bottom: 1px solid;border-color: rgba(68, 72, 109, 0.2); border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; background-color: #F9fafb;\">\r\n      <div class=\"p-0\">\r\n        <h4 class=\"m-0 pt-3 pl-3 mb-3\" style=\"font-size: 21px; font-weight: bold; \">Linked Documents</h4>\r\n      </div>\r\n    </div>\r\n    <div class=\"card mb-0\" style=\"border-top-right-radius: 0px;border-top-left-radius: 0px;\">\r\n      @for(document of documentList; track document){\r\n        <div class=\"linkedDocument documentName m-2\">\r\n          <div class=\"documentName\"         [class.selected]=\"document._id === selectedDocument?._id\"\r\n          (click)=\"handleDocumentClick(document)\">\r\n            <span class=\"pi pi-link\"></span>\r\n            {{document.fileName}}\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n    </div>\r\n  \r\n  \r\n  </div>\r\n  ", styles: [".documentName{font-family:inherit;text-decoration:underline;cursor:pointer;width:max-content}.selected{color:var(--primary-color)}\n"] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: LinkedDocumentComponent, isStandalone: false, selector: "app-linked-document", inputs: { selectedDocument: "selectedDocument", documentList: "documentList" }, outputs: { selectedDocumentChange: "selectedDocumentChange" }, ngImport: i0, template: "<div class=\"summary-card mb-4 pb-1\">\n    <div class=\"card p-0 mb-0\"\n      style=\"border-bottom: 1px solid;border-color: rgba(68, 72, 109, 0.2); border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; background-color: #F9fafb;\">\n      <div class=\"p-0\">\n        <h4 class=\"m-0 pt-3 pl-3 mb-3\" style=\"font-size: 21px; font-weight: bold; \">Linked Documents</h4>\n      </div>\n    </div>\n    <div class=\"card mb-0\" style=\"border-top-right-radius: 0px;border-top-left-radius: 0px;\">\n      @for(document of documentList; track document){\n        <div class=\"linkedDocument documentName m-2\">\n          <div class=\"documentName\"         [class.selected]=\"document._id === selectedDocument?._id\"\n          (click)=\"handleDocumentClick(document)\">\n            <span class=\"pi pi-link\"></span>\n            {{document.fileName}}\n          </div>\n        </div>\n      }\n\n    </div>\n  \n  \n  </div>\n  ", styles: [".documentName{font-family:inherit;text-decoration:underline;cursor:pointer;width:max-content}.selected{color:var(--primary-color)}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: LinkedDocumentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-linked-document', standalone: false, template: "<div class=\"summary-card mb-4 pb-1\">\r\n    <div class=\"card p-0 mb-0\"\r\n      style=\"border-bottom: 1px solid;border-color: rgba(68, 72, 109, 0.2); border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; background-color: #F9fafb;\">\r\n      <div class=\"p-0\">\r\n        <h4 class=\"m-0 pt-3 pl-3 mb-3\" style=\"font-size: 21px; font-weight: bold; \">Linked Documents</h4>\r\n      </div>\r\n    </div>\r\n    <div class=\"card mb-0\" style=\"border-top-right-radius: 0px;border-top-left-radius: 0px;\">\r\n      @for(document of documentList; track document){\r\n        <div class=\"linkedDocument documentName m-2\">\r\n          <div class=\"documentName\"         [class.selected]=\"document._id === selectedDocument?._id\"\r\n          (click)=\"handleDocumentClick(document)\">\r\n            <span class=\"pi pi-link\"></span>\r\n            {{document.fileName}}\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n    </div>\r\n  \r\n  \r\n  </div>\r\n  ", styles: [".documentName{font-family:inherit;text-decoration:underline;cursor:pointer;width:max-content}.selected{color:var(--primary-color)}\n"] }]
+            args: [{ selector: 'app-linked-document', standalone: false, template: "<div class=\"summary-card mb-4 pb-1\">\n    <div class=\"card p-0 mb-0\"\n      style=\"border-bottom: 1px solid;border-color: rgba(68, 72, 109, 0.2); border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; background-color: #F9fafb;\">\n      <div class=\"p-0\">\n        <h4 class=\"m-0 pt-3 pl-3 mb-3\" style=\"font-size: 21px; font-weight: bold; \">Linked Documents</h4>\n      </div>\n    </div>\n    <div class=\"card mb-0\" style=\"border-top-right-radius: 0px;border-top-left-radius: 0px;\">\n      @for(document of documentList; track document){\n        <div class=\"linkedDocument documentName m-2\">\n          <div class=\"documentName\"         [class.selected]=\"document._id === selectedDocument?._id\"\n          (click)=\"handleDocumentClick(document)\">\n            <span class=\"pi pi-link\"></span>\n            {{document.fileName}}\n          </div>\n        </div>\n      }\n\n    </div>\n  \n  \n  </div>\n  ", styles: [".documentName{font-family:inherit;text-decoration:underline;cursor:pointer;width:max-content}.selected{color:var(--primary-color)}\n"] }]
         }], propDecorators: { selectedDocument: [{
                 type: Input
             }], documentList: [{
@@ -7351,11 +7382,13 @@ class SharedModule {
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: SharedModule, declarations: [TablePrimaryComponent, HasPermissionDirective, ConfirmationDialogComponent], imports: [CommonModule,
             TableModule,
             ButtonModule,
-            RippleModule], exports: [TablePrimaryComponent, HasPermissionDirective, ConfirmationDialogComponent] });
+            RippleModule,
+            ConfirmDialogModule], exports: [TablePrimaryComponent, HasPermissionDirective, ConfirmationDialogComponent, ConfirmDialogModule] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SharedModule, providers: [ConfirmationService], imports: [CommonModule,
             TableModule,
             ButtonModule,
-            RippleModule] });
+            RippleModule,
+            ConfirmDialogModule, ConfirmDialogModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SharedModule, decorators: [{
             type: NgModule,
@@ -7365,10 +7398,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         CommonModule,
                         TableModule,
                         ButtonModule,
-                        RippleModule
+                        RippleModule,
+                        ConfirmDialogModule
                     ],
                     providers: [ConfirmationService],
-                    exports: [TablePrimaryComponent, HasPermissionDirective, ConfirmationDialogComponent]
+                    exports: [TablePrimaryComponent, HasPermissionDirective, ConfirmationDialogComponent, ConfirmDialogModule]
                 }]
         }] });