cat-documents-ng 0.3.20 → 0.3.21

package/fesm2022/cat-documents-ng.mjs

@@ -40,9 +40,9 @@ import { TableModule } from 'primeng/table';
 import * as i3$2 from 'primeng/accordion';
 import { AccordionModule } from 'primeng/accordion';
 import * as XLSX from 'xlsx';
-import * as i4$1 from 'ng2-pdf-viewer';
+import * as i3$3 from 'ng2-pdf-viewer';
 import { PdfViewerModule } from 'ng2-pdf-viewer';
-import * as i5$1 from 'ngx-doc-viewer';
+import * as i4$1 from 'ngx-doc-viewer';
 import { NgxDocViewerModule } from 'ngx-doc-viewer';
 import * as i1 from '@angular/router';
 import * as i6 from 'primeng/inputtextarea';
@@ -1302,6 +1302,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
 
 /**
  * Service for making HTTP requests related to documents.
+ * Authentication is handled automatically by the HTTP interceptor in the main project.
  * @class DocumentHttpService
  * @typedef {DocumentHttpService}
  */
@@ -1350,8 +1351,8 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the transformed data for dropdown options.
      */
     getDocumentCatagories(contextId) {
-        let headers = new HttpHeaders().set('Authorization', `Bearer 3cfa4bbb-f612-4098-aef2-d01842d1dac8`);
-        return this.http.get(`${this.apiUrl}${URLS.DOCUMENTS_CATAGORIES}/${contextId}`, { headers }).pipe(tap((response) => {
+        let header = new HttpHeaders({ Authorization: `Bearer 4292a93f-c1ed-430f-b13b-7b3683bc4a33` });
+        return this.http.get(`${this.apiUrl}${URLS.DOCUMENTS_CATAGORIES}/${contextId}`, { headers: header }).pipe(tap((response) => {
             // Store only the categories array, not the entire response
             if (response && response.categories) {
                 this.documentStore.setDocumentCategories(response.categories);
@@ -1394,7 +1395,8 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the transformed data for dropdown options.
     */
     getDocumentByFolderID(folderId, contextId) {
-        return this.http.get(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD}/${URLS.PARENT_DOCUMENT_TYPE_ID}${folderId}${URLS.CONTEXT_ID}${contextId}`).pipe(tap((records) => {
+        let header = new HttpHeaders({ Authorization: `Bearer 4292a93f-c1ed-430f-b13b-7b3683bc4a33` });
+        return this.http.get(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD}/${URLS.PARENT_DOCUMENT_TYPE_ID}${folderId}${URLS.CONTEXT_ID}${contextId}`, { headers: header }).pipe(tap((records) => {
             this.documentStore.set(records);
         }), catchError((error) => {
             return throwError(() => new Error(error));
@@ -1409,8 +1411,8 @@ class DocumentHttpService {
      * @returns {Observable<DocumentModel>} An observable that emits the updated DocumentModel.
      */
     updateDocumentName(documentId, payload) {
-        let headers = new HttpHeaders().set('Authorization', `Bearer 3cfa4bbb-f612-4098-aef2-d01842d1dac8`);
-        return this.http.put(`${this.apiUrl}${URLS.ALIAS_NAME}${documentId}`, payload, { headers }).pipe(catchError((error) => {
+        let header = new HttpHeaders({ Authorization: `Bearer 4292a93f-c1ed-430f-b13b-7b3683bc4a33` });
+        return this.http.put(`${this.apiUrl}${URLS.ALIAS_NAME}${documentId}`, payload, { headers: header }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
     }
@@ -1420,10 +1422,10 @@ class DocumentHttpService {
     * @returns {Observable<UserListModel[]>} Observable that emits the user list data.
     */
     getUserListByContextId(contextId) {
-        let headers = new HttpHeaders().set('Authorization', `Bearer 3cfa4bbb-f612-4098-aef2-d01842d1dac8`);
         if (!contextId)
             return EMPTY;
-        return this.http.get(`${this.apiUrl}${URLS.USERLIST}${contextId}`, { headers }).pipe(tap((userList) => {
+        let header = new HttpHeaders({ Authorization: `Bearer 4292a93f-c1ed-430f-b13b-7b3683bc4a33` });
+        return this.http.get(`${this.apiUrl}${URLS.USERLIST}${contextId}`, { headers: header }).pipe(tap((userList) => {
             this.documentStore.setUserList(userList);
         }), catchError((error) => {
             return throwError(() => new Error(error));
@@ -1439,7 +1441,6 @@ class DocumentHttpService {
     getStatusDocumentCount(applicationId, contextId = null, categoryId = null) {
         if (!applicationId)
             return EMPTY;
-        let headers = new HttpHeaders().set('Authorization', `Bearer 3cfa4bbb-f612-4098-aef2-d01842d1dac8`);
         let url = `${this.apiUrl}${URLS.STATUS_DOCUMENT_COUNT}${applicationId}`;
         let params = new HttpParams();
         const contextParam = contextId || null;
@@ -1449,7 +1450,8 @@ class DocumentHttpService {
         if (categoryId) {
             params = params.set(SHARED.CATEGORY, categoryId);
         }
-        return this.http.get(url, { params, headers }).pipe(tap((statusData) => {
+        let header = new HttpHeaders({ Authorization: `Bearer 4292a93f-c1ed-430f-b13b-7b3683bc4a33` });
+        return this.http.get(url, { params, headers: header }).pipe(tap((statusData) => {
             this.documentStore.setStatusData(statusData);
         }), catchError((error) => {
             return throwError(() => new Error(error));
@@ -1468,7 +1470,6 @@ class DocumentHttpService {
      */
     getDocumentsBySelection(contextId, menuItem, userId, status, searchKey = null) {
         let params = new HttpParams();
-        let headers = new HttpHeaders().set('Authorization', `Bearer 3cfa4bbb-f612-4098-aef2-d01842d1dac8`);
         if (userId) {
             params = params.set(SHARED.CONTEXT_ID, userId);
         }
@@ -1478,7 +1479,8 @@ class DocumentHttpService {
         if (searchKey) {
             params = params.set(SHARED.SEARCH_KEY, searchKey);
         }
-        return this.http.get(`${this.apiUrl}${URLS.GETALL}/${contextId}`, { params, headers }).pipe(tap((response) => {
+        let header = new HttpHeaders({ Authorization: `Bearer 4292a93f-c1ed-430f-b13b-7b3683bc4a33` });
+        return this.http.get(`${this.apiUrl}${URLS.GETALL}/${contextId}`, { params, headers: header }).pipe(tap((response) => {
             if (response.documents) {
                 this.documentStore.setDocumentList(response.documents);
             }
@@ -1490,8 +1492,8 @@ class DocumentHttpService {
         if (!documentId) {
             return of([]);
         }
-        let headers = new HttpHeaders().set('Authorization', `Bearer 3cfa4bbb-f612-4098-aef2-d01842d1dac8`);
-        return this.http.get(`${this.apiUrl}${URLS.DOCUMENT_HISTORY}${documentId}`, { headers }).pipe(catchError((error) => {
+        let header = new HttpHeaders({ Authorization: `Bearer 4292a93f-c1ed-430f-b13b-7b3683bc4a33` });
+        return this.http.get(`${this.apiUrl}${URLS.DOCUMENT_HISTORY}${documentId}`, { headers: header }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
     }
@@ -1503,8 +1505,8 @@ class DocumentHttpService {
     getCategoriesBySource(source) {
         if (!source)
             return EMPTY;
-        let headers = new HttpHeaders().set('Authorization', `Bearer 3cfa4bbb-f612-4098-aef2-d01842d1dac8`);
-        return this.http.get(`${this.apiUrl}${URLS.GET_CATEGORIES_BY_SOURCE}${source}`, { headers }).pipe(catchError((error) => {
+        let header = new HttpHeaders({ Authorization: `Bearer 4292a93f-c1ed-430f-b13b-7b3683bc4a33` });
+        return this.http.get(`${this.apiUrl}${URLS.GET_CATEGORIES_BY_SOURCE}${source}`, { headers: header }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
     }
@@ -1516,8 +1518,8 @@ class DocumentHttpService {
     getDocumentTypesByCategory(categoryId) {
         if (!categoryId)
             return EMPTY;
-        let headers = new HttpHeaders().set('Authorization', `Bearer 3cfa4bbb-f612-4098-aef2-d01842d1dac8`);
-        return this.http.get(`${this.apiUrl}${URLS.GET_DOCUMENT_TYPES_BY_CATEGORY}${categoryId}`, { headers }).pipe(catchError((error) => {
+        let header = new HttpHeaders({ Authorization: `Bearer 4292a93f-c1ed-430f-b13b-7b3683bc4a33` });
+        return this.http.get(`${this.apiUrl}${URLS.GET_DOCUMENT_TYPES_BY_CATEGORY}${categoryId}`, { headers: header }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
     }
@@ -1527,8 +1529,8 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the upload response.
      */
     uploadFile(formData) {
-        let headers = new HttpHeaders().set('Authorization', `Bearer 3cfa4bbb-f612-4098-aef2-d01842d1dac8`);
-        return this.http.post(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD_FILE}`, formData, { headers }).pipe(catchError((error) => {
+        let header = new HttpHeaders({ Authorization: `Bearer 4292a93f-c1ed-430f-b13b-7b3683bc4a33` });
+        return this.http.post(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD_FILE}`, formData, { headers: header }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
     }
@@ -1538,8 +1540,8 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the save response.
      */
     saveDocumentUpload(payload) {
-        let headers = new HttpHeaders().set('Authorization', `Bearer 3cfa4bbb-f612-4098-aef2-d01842d1dac8`);
-        return this.http.post(`${this.apiUrl}${URLS.SAVE_DOCUMENT_UPLOAD}`, payload, { headers }).pipe(catchError((error) => {
+        let header = new HttpHeaders({ Authorization: `Bearer 4292a93f-c1ed-430f-b13b-7b3683bc4a33` });
+        return this.http.post(`${this.apiUrl}${URLS.SAVE_DOCUMENT_UPLOAD}`, payload, { headers: header }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
     }
@@ -1554,8 +1556,8 @@ class DocumentHttpService {
         const payload = {
             statusUpdateDescription: statusUpdateDescription
         };
-        let headers = new HttpHeaders().set('Authorization', `Bearer 3cfa4bbb-f612-4098-aef2-d01842d1dac8`);
-        return this.http.put(`${this.apiUrl}${URLS.UPDATE_DOCUMENT_STATUS}${documentId}/${status}`, payload, { headers }).pipe(tap((response) => {
+        let header = new HttpHeaders({ Authorization: `Bearer 4292a93f-c1ed-430f-b13b-7b3683bc4a33` });
+        return this.http.put(`${this.apiUrl}${URLS.UPDATE_DOCUMENT_STATUS}${documentId}/${status}`, payload, { headers: header }).pipe(tap((response) => {
             if (response && response.status) {
                 const normalizedStatus = this.normalizeStatus(response.status);
                 response.normalizedStatus = normalizedStatus;
@@ -1588,8 +1590,8 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the delete response
      */
     deleteDocument(documentId, contextId) {
-        let headers = new HttpHeaders().set('Authorization', `Bearer 3cfa4bbb-f612-4098-aef2-d01842d1dac8`);
-        return this.http.delete(`${this.apiUrl}${URLS.DELETE_DOCUMENT}${documentId}`, { headers }).pipe(tap(() => {
+        let header = new HttpHeaders({ Authorization: `Bearer 4292a93f-c1ed-430f-b13b-7b3683bc4a33` });
+        return this.http.delete(`${this.apiUrl}${URLS.DELETE_DOCUMENT}${documentId}`, { headers: header }).pipe(tap(() => {
             this.getDocumentCatagories(contextId).subscribe();
             this.getUserListByContextId(contextId).subscribe();
             this.getStatusDocumentCount(contextId).subscribe();
@@ -1598,6 +1600,19 @@ class DocumentHttpService {
             return throwError(() => new Error(error));
         }));
     }
+    /**
+     * Downloads an Excel file with proper authentication headers
+     * Authentication is handled automatically by the HTTP interceptor
+     * @param {string} documentUrl - The URL of the Excel file to download
+     * @returns {Observable<ArrayBuffer>} Observable that emits the file data as ArrayBuffer
+     */
+    downloadExcelFile(documentUrl) {
+        return this.http.get(documentUrl, {
+            responseType: 'arraybuffer'
+        }).pipe(catchError((error) => {
+            return throwError(() => new Error(error));
+        }));
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentHttpService, deps: [{ token: DocumentStore }, { token: i2.HttpClient }, { token: AppConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentHttpService, providedIn: 'root' });
 }
@@ -2388,8 +2403,7 @@ class DocumentService {
      * @returns {Observable<any>} Observable that emits the newly created document.
      */
     create(entity) {
-        const headers = { 'Authorization': 'Bearer 3cfa4bbb-f612-4098-aef2-d01842d1dac8' };
-        return this.http.post(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD_FILE}`, entity, { headers }).pipe(tap((newEntity) => this.documentStore.add(newEntity)));
+        return this.http.post(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD_FILE}`, entity).pipe(tap((newEntity) => this.documentStore.add(newEntity)));
     }
     /**
      * Fetches all documents from the backend.
@@ -6009,8 +6023,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
  * @typedef {DocumentContentViewerComponent}
  */
 class DocumentContentViewerComponent {
-    http;
     excelParserService;
+    documentHttpService;
     /**
      * The document URL to display
      * @type {string}
@@ -6061,6 +6075,11 @@ class DocumentContentViewerComponent {
      * @type {string | null}
      */
     excelError = null;
+    /**
+     * Loading state specifically for Word documents
+     * @type {boolean}
+     */
+    isLoadingWordDocument = false;
     /**
      * Configuration for the document viewer
      * @type {any}
@@ -6071,6 +6090,15 @@ class DocumentContentViewerComponent {
         minZoom: 25,
         maxZoom: 400
     };
+    /**
+       * Constructor
+       * @param {ExcelParserService} excelParserService - Service for parsing Excel files
+       * @param {DocumentHttpService} documentHttpService - Service for making HTTP requests with authentication
+       */
+    constructor(excelParserService, documentHttpService) {
+        this.excelParserService = excelParserService;
+        this.documentHttpService = documentHttpService;
+    }
     /**
      * Computed property to determine if the document is an image
      * @type {boolean}
@@ -6189,6 +6217,9 @@ class DocumentContentViewerComponent {
      */
     ngOnChanges(changes) {
         if (changes['documentUrl'] || changes['contentType']) {
+            if (this.isWord && this.documentUrl) {
+                this.isLoadingWordDocument = true;
+            }
             this.loadExcelData();
         }
     }
@@ -6227,12 +6258,7 @@ class DocumentContentViewerComponent {
         if (this.isExcel && this.documentUrl) {
             this.isLoadingExcel = true;
             this.excelError = null;
-            this.http.get(this.documentUrl, {
-                responseType: 'arraybuffer',
-                headers: {
-                    'Accept': 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel,*/*'
-                }
-            })
+            this.documentHttpService.downloadExcelFile(this.documentUrl)
                 .subscribe({
                 next: (data) => {
                     try {
@@ -6244,7 +6270,7 @@ class DocumentContentViewerComponent {
                     this.isLoadingExcel = false;
                 },
                 error: (error) => {
-                    this.excelError = 'Unable to load Excel file';
+                    console.log(error);
                     this.isLoadingExcel = false;
                 }
             });
@@ -6292,61 +6318,6 @@ class DocumentContentViewerComponent {
             this.excelTableData = this.excelParserService.convertToLegacyFormat(this.excelStyledData);
         }
     }
-    // /**
-    //  * Gets the formatted and sanitized HTML content for display
-    //  * @returns {string} The formatted HTML content
-    //  */
-    // /**
-    //  * Gets the safe HTML content for display
-    //  * @returns {SafeHtml} The safe HTML content
-    //  */
-    // get safeDocxHtml(): SafeHtml {
-    //   if (!this.formattedDocxHtml) return '';
-    //   return this.sanitizer.bypassSecurityTrustHtml(this.formattedDocxHtml);
-    // }
-    // /**
-    //  * Gets the number of paragraphs in the DOCX content
-    //  * @returns {number} The number of paragraphs
-    //  */
-    // get docxParagraphCount(): number {
-    //   if (!this.docxContent?.text) return 0;
-    //   return this.docxContent.text.split('\n').filter(line => line.trim().length > 0).length;
-    // }
-    // /**
-    //  * Gets the document title safely
-    //  * @returns {string | undefined} The document title or undefined
-    //  */
-    // get docxTitle(): string | undefined {
-    //   return this.docxContent?.metadata?.title;
-    // }
-    // /**
-    //  * Gets the document author safely
-    //  * @returns {string | undefined} The document author or undefined
-    //  */
-    // get docxAuthor(): string | undefined {
-    //   return this.docxContent?.metadata?.author;
-    // }
-    // /**
-    //  * Gets whether the document has images
-    //  * @returns {boolean} True if the document has images
-    //  */
-    // get docxHasImages(): boolean {
-    //   return this.docxContent?.hasImages || false;
-    // }
-    // /**
-    //  * Gets whether the document has tables
-    //  * @returns {boolean} True if the document has tables
-    //  */
-    // get docxHasTables(): boolean {
-    //   return this.docxContent?.hasTables || false;
-    // }
-    // /**
-    //  * Gets whether the document has lists
-    //  * @returns {boolean} True if the document has lists
-    //  */
-    // get docxHasLists(): boolean {
-    //   return this.docxContent?.hasLists || false;
-    // }
     /**
      * Resets Excel data to initial state
      */
@@ -6360,23 +6331,31 @@ class DocumentContentViewerComponent {
         this.excelError = null;
     }
     /**
-     * Constructor
-     * @param {HttpClient} http - HTTP client for fetching Excel data
-     * @param {ExcelParserService} excelParserService - Service for parsing Excel files
-     * @param {DocxParserService} docxParserService - Service for parsing DOCX files
-     * @param {DomSanitizer} sanitizer - Service for sanitizing HTML content
+     * Handles the beforeLoad event from ngx-doc-viewer
      */
-    constructor(http, excelParserService) {
-        this.http = http;
-        this.excelParserService = excelParserService;
+    onWordDocumentBeforeLoad() {
+        this.isLoadingWordDocument = true;
+    }
+    /**
+     * Handles the load event from ngx-doc-viewer
+     */
+    onWordDocumentLoad() {
+        this.isLoadingWordDocument = false;
+    }
+    /**
+     * Handles the error event from ngx-doc-viewer
+     */
+    onWordDocumentError(error) {
+        this.isLoadingWordDocument = false;
+        console.error('Word document loading error:', error);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentContentViewerComponent, deps: [{ token: i2.HttpClient }, { token: ExcelParserService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: DocumentContentViewerComponent, isStandalone: false, selector: "document-content-viewer", inputs: { documentUrl: "documentUrl", contentType: "contentType", documentName: "documentName" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"document-content-viewer-container\">\r\n  @if(documentUrl && contentType){\r\n    <!-- PDF Viewer -->\r\n    @if(isPdf){\r\n      <div class=\"pdf-container\">\r\n        <pdf-viewer\r\n          [src]=\"documentUrl\"\r\n          [rotation]=\"0\"\r\n          [original-size]=\"false\"\r\n          [show-all]=\"true\"\r\n          [fit-to-page]=\"false\"\r\n          [zoom]=\"0.7\"\r\n          [zoom-scale]=\"'page-width'\"\r\n          [stick-to-page]=\"false\"\r\n          [render-text]=\"true\"\r\n          [external-link-target]=\"'blank'\"\r\n          [autoresize]=\"true\"\r\n          [show-borders]=\"false\"\r\n          style=\"width: 100%; height: 100%\"\r\n        ></pdf-viewer>\r\n      </div>\r\n    }\r\n\r\n    <!-- Image Viewer -->\r\n    @else if(isImage){\r\n      <div class=\"image-container\">\r\n        <img\r\n          [src]=\"documentUrl\"\r\n          [alt]=\"documentName || 'Document Image'\"\r\n          class=\"document-image\"\r\n        />\r\n      </div>\r\n    }\r\n\r\n    <!-- Excel Files -->\r\n    @else if(isExcel){\r\n      <div class=\"excel-container\">\r\n        @if(isLoadingExcel){\r\n          <div class=\"loading-container\">\r\n            <div class=\"loading-content\">\r\n              <i class=\"pi pi-spin pi-spinner\" style=\"font-size: 2rem; color: #3b82f6;\"></i>\r\n              <p>Loading Excel file...</p>\r\n            </div>\r\n          </div>\r\n        }@else if(excelError){\r\n          <div class=\"error-container\">\r\n            <div class=\"error-content\">\r\n              <i class=\"pi pi-exclamation-triangle\" style=\"font-size: 3rem; color: #ef4444;\"></i>\r\n              <h4>Error Loading Excel File</h4>\r\n              <p>{{ excelError }}</p>\r\n              <div class=\"error-actions\">\r\n                <button \r\n                  type=\"button\" \r\n                  class=\"p-button p-button-primary p-button-sm\"\r\n                  (click)=\"downloadDocument()\"\r\n                >\r\n                  <i class=\"pi pi-download\"></i>\r\n                  Download Instead\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        }@else if(excelData){\r\n          <div class=\"excel-viewer\">\r\n            <div class=\"excel-header\">\r\n              <div class=\"excel-info\">\r\n                <i [class]=\"documentIcon\"></i>\r\n                <div class=\"excel-details\">\r\n                  <h4>{{ documentName || 'Excel Document' }}</h4>\r\n                  <p>{{ documentTypeText }}</p>\r\n                </div>\r\n              </div>\r\n              <div class=\"excel-actions\">\r\n                <button \r\n                  type=\"button\" \r\n                  class=\"p-button p-button-outlined p-button-sm\"\r\n                  (click)=\"downloadDocument()\"\r\n                >\r\n                  <i class=\"pi pi-download\"></i>\r\n                  Download\r\n                </button>\r\n                <button \r\n                  type=\"button\" \r\n                  class=\"p-button p-button-outlined p-button-sm\"\r\n                  (click)=\"openInNewTab()\"\r\n                >\r\n                  <i class=\"pi pi-external-link\"></i>\r\n                  Open\r\n                </button>\r\n              </div>\r\n            </div>\r\n            <div class=\"excel-content\">\r\n              <!-- Sheet Navigation -->\r\n              @if(excelSheets.length > 1){\r\n                <div class=\"sheet-navigation\">\r\n                  <span class=\"sheet-label\">Sheets:</span>\r\n                  @for(sheet of excelSheets; track sheet){\r\n                    <button \r\n                      type=\"button\" \r\n                      class=\"sheet-tab\"\r\n                      [class.active]=\"sheet === currentSheet\"\r\n                      (click)=\"changeSheet(sheet)\"\r\n                    >\r\n                      {{ sheet }}\r\n                    </button>\r\n                  }\r\n                </div>\r\n              }\r\n              \r\n              <!-- Excel Table -->\r\n              <div class=\"excel-table-container\">\r\n                <table class=\"excel-table\">\r\n                  <thead>\r\n                    <tr>\r\n                      @for(cell of safeExcelStyledData[0]?.cells; track $index){\r\n                        <th>{{ cell?.value || 'Column ' + ($index + 1) }}</th>\r\n                      }\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody>\r\n                    @for(row of safeExcelStyledData.slice(1); track $index){\r\n                      <tr>\r\n                        @for(cell of row.cells; track $index){\r\n                          <td \r\n                            [class.empty-cell]=\"!cell.value\"\r\n                            [style.background-color]=\"cell.style?.backgroundColor\"\r\n                            [style.color]=\"cell.style?.fontColor\"\r\n                            [style.font-weight]=\"cell.style?.bold ? 'bold' : 'normal'\"\r\n                            [style.font-style]=\"cell.style?.italic ? 'italic' : 'normal'\"\r\n                            [style.border-top]=\"cell.style?.border?.top ? '1px solid ' + cell.style?.border?.top : ''\"\r\n                            [style.border-bottom]=\"cell.style?.border?.bottom ? '1px solid ' + cell.style?.border?.bottom : ''\"\r\n                            [style.border-left]=\"cell.style?.border?.left ? '1px solid ' + cell.style?.border?.left : ''\"\r\n                            [style.border-right]=\"cell.style?.border?.right ? '1px solid ' + cell.style?.border?.right : ''\"\r\n                          >\r\n                            {{ cell.value || '' }}\r\n                          </td>\r\n                        }\r\n                      </tr>\r\n                    }\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n              \r\n              <!-- Excel Info -->\r\n              <div class=\"excel-info-bar\">\r\n                <span class=\"info-item\">\r\n                  <i class=\"pi pi-table\"></i>\r\n                  {{ safeExcelStyledData.length - 1 }} rows\r\n                </span>\r\n                <span class=\"info-item\">\r\n                  <i class=\"pi pi-columns\"></i>\r\n                  {{ safeExcelStyledData[0]?.cells?.length || 0 }} columns\r\n                </span>\r\n                <span class=\"info-item\">\r\n                  <i class=\"pi pi-file-excel\"></i>\r\n                  {{ currentSheet }}\r\n                </span>\r\n                <span class=\"info-item\" *ngIf=\"excelData?.hasStyling !== undefined\">\r\n                  <i class=\"pi pi-palette\"></i>\r\n                  {{ excelData?.hasStyling ? 'Styling detected' : 'No styling found' }}\r\n                </span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        }\r\n      </div>\r\n    }\r\n\r\n    <!-- Word Files -->\r\n    @else if(isWord){\r\n      <div class=\"docx-container\">\r\n        <!-- <div class=\"docx-header\">\r\n          <div class=\"docx-info\">\r\n            <i [class]=\"documentIcon\"></i>\r\n            <div class=\"docx-details\">\r\n              <h4>{{ documentName || 'Word Document' }}</h4>\r\n              <p>{{ documentTypeText }}</p>\r\n            </div>\r\n          </div>\r\n          <div class=\"docx-actions\">\r\n            <button \r\n              type=\"button\" \r\n              class=\"p-button p-button-outlined p-button-sm\"\r\n              (click)=\"downloadDocument()\"\r\n            >\r\n              <i class=\"pi pi-download\"></i>\r\n              Download\r\n            </button>\r\n            <button \r\n              type=\"button\" \r\n              class=\"p-button p-button-outlined p-button-sm\"\r\n              (click)=\"openInNewTab()\"\r\n            >\r\n              <i class=\"pi pi-external-link\"></i>\r\n              Open\r\n            </button>\r\n          </div>\r\n        </div> -->\r\n        \r\n        <div class=\"docx-content\">\r\n          <ngx-doc-viewer\r\n            [url]=\"documentUrl\"\r\n            viewer=\"google\"\r\n            style=\"width:100%;height:93vh;\"\r\n          ></ngx-doc-viewer>\r\n        </div>\r\n      </div>\r\n    }\r\n\r\n    <!-- CSV Files -->\r\n    @else if(isCsv){\r\n      <div class=\"office-document-container\">\r\n        <div class=\"document-preview\">\r\n          <div class=\"document-icon\">\r\n            <i [class]=\"documentIcon\"></i>\r\n          </div>\r\n          <div class=\"document-info\">\r\n            <h4>{{ documentTypeText }}</h4>\r\n            <p>{{ documentName || 'CSV File' }}</p>\r\n            <p class=\"document-note\">CSV files cannot be previewed directly. Please download to view.</p>\r\n          </div>\r\n          <div class=\"document-actions\">\r\n            <button \r\n              type=\"button\" \r\n              class=\"p-button p-button-primary p-button-sm\"\r\n              (click)=\"downloadDocument()\"\r\n            >\r\n              <i class=\"pi pi-download\"></i>\r\n              Download\r\n            </button>\r\n            <button \r\n              type=\"button\" \r\n              class=\"p-button p-button-outlined p-button-sm\"\r\n              (click)=\"openInNewTab()\"\r\n            >\r\n              <i class=\"pi pi-external-link\"></i>\r\n              Open\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n\r\n    <!-- Email Files -->\r\n    @else if(isEmail){\r\n      <div class=\"office-document-container\">\r\n        <div class=\"document-preview\">\r\n          <div class=\"document-icon\">\r\n            <i [class]=\"documentIcon\"></i>\r\n          </div>\r\n          <div class=\"document-info\">\r\n            <h4>{{ documentTypeText }}</h4>\r\n            <p>{{ documentName || 'Email Message' }}</p>\r\n            <p class=\"document-note\">Email files cannot be previewed directly. Please download to view.</p>\r\n          </div>\r\n          <div class=\"document-actions\">\r\n            <button \r\n              type=\"button\" \r\n              class=\"p-button p-button-primary p-button-sm\"\r\n              (click)=\"downloadDocument()\"\r\n            >\r\n              <i class=\"pi pi-download\"></i>\r\n              Download\r\n            </button>\r\n            <button \r\n              type=\"button\" \r\n              class=\"p-button p-button-outlined p-button-sm\"\r\n              (click)=\"openInNewTab()\"\r\n            >\r\n              <i class=\"pi pi-external-link\"></i>\r\n              Open\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n\r\n    <!-- OpenDocument Files -->\r\n    @else if(isOpenDocument){\r\n      <div class=\"office-document-container\">\r\n        <div class=\"document-preview\">\r\n          <div class=\"document-icon\">\r\n            <i [class]=\"documentIcon\"></i>\r\n          </div>\r\n          <div class=\"document-info\">\r\n            <h4>{{ documentTypeText }}</h4>\r\n            <p>{{ documentName || 'OpenDocument' }}</p>\r\n            <p class=\"document-note\">OpenDocument files cannot be previewed directly. Please download to view.</p>\r\n          </div>\r\n          <div class=\"document-actions\">\r\n            <button \r\n              type=\"button\" \r\n              class=\"p-button p-button-primary p-button-sm\"\r\n              (click)=\"downloadDocument()\"\r\n            >\r\n              <i class=\"pi pi-download\"></i>\r\n              Download\r\n            </button>\r\n            <button \r\n              type=\"button\" \r\n              class=\"p-button p-button-outlined p-button-sm\"\r\n              (click)=\"openInNewTab()\"\r\n            >\r\n              <i class=\"pi pi-external-link\"></i>\r\n              Open\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n\r\n    <!-- Unsupported Files -->\r\n    @else if(isUnsupported){\r\n      <div class=\"unsupported-document-container\">\r\n        <div class=\"document-preview\">\r\n          <div class=\"document-icon\">\r\n            <i [class]=\"documentIcon\"></i>\r\n          </div>\r\n          <div class=\"document-info\">\r\n            <h4>Unsupported Document Type</h4>\r\n            <p>{{ documentName || 'Document' }}</p>\r\n            <p class=\"document-note\">This document type ({{ contentType }}) is not supported for preview. Please download to view.</p>\r\n          </div>\r\n          <div class=\"document-actions\">\r\n            <button \r\n              type=\"button\" \r\n              class=\"p-button p-button-primary p-button-sm\"\r\n              (click)=\"downloadDocument()\"\r\n            >\r\n              <i class=\"pi pi-download\"></i>\r\n              Download\r\n            </button>\r\n            <button \r\n              type=\"button\" \r\n              class=\"p-button p-button-outlined p-button-sm\"\r\n              (click)=\"openInNewTab()\"\r\n            >\r\n              <i class=\"pi pi-external-link\"></i>\r\n              Open\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n  }\r\n  @else {\r\n    <div class=\"no-document-container\">\r\n      <div class=\"no-document-content\">\r\n        <i class=\"pi pi-file-o\" style=\"font-size: 3rem; color: #6b7280;\"></i>\r\n        <h4>No Document Selected</h4>\r\n        <p>Please select a document to view its content.</p>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n\r\n", styles: [".document-content-viewer-container{height:100%;width:100%;display:flex;flex-direction:column;background:#f8f9fa;border-radius:8px;overflow:hidden}.document-content-viewer-container .pdf-container{width:100%;height:100%;border-radius:8px;overflow:hidden}.document-content-viewer-container .pdf-container ::ng-deep .ng2-pdf-viewer-container{height:100%;overflow:auto}.document-content-viewer-container .image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem}.document-content-viewer-container .image-container .document-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a}.document-content-viewer-container .excel-container{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden}.document-content-viewer-container .excel-container .loading-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.document-content-viewer-container .excel-container .loading-container .loading-content{text-align:center;color:#6b7280}.document-content-viewer-container .excel-container .loading-container .loading-content i{margin-bottom:1rem;display:block}.document-content-viewer-container .excel-container .loading-container .loading-content p{margin:0;color:#9ca3af;font-size:.875rem}.document-content-viewer-container .excel-container .error-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.document-content-viewer-container .excel-container .error-container .error-content{text-align:center;color:#6b7280;max-width:400px}.document-content-viewer-container .excel-container .error-container .error-content i{margin-bottom:1rem;display:block}.document-content-viewer-container .excel-container .error-container .error-content h4{margin:0 0 .5rem;color:#dc2626;font-size:1.25rem;font-weight:600}.document-content-viewer-container .excel-container .error-container .error-content p{margin:0 0 1.5rem;color:#6b7280;font-size:.875rem}.document-content-viewer-container .excel-container .error-container .error-content .error-actions{display:flex;justify-content:center}.document-content-viewer-container .excel-container .excel-viewer{width:100%;height:100%;display:flex;flex-direction:column}.document-content-viewer-container .excel-container .excel-viewer .excel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info{display:flex;align-items:center;gap:1rem}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info i{font-size:2rem;color:#10b981}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info .excel-details h4{margin:0 0 .25rem;color:#1f2937;font-size:1.125rem;font-weight:600}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info .excel-details p{margin:0;color:#6b7280;font-size:.875rem}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-actions{display:flex;gap:.5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-actions .p-button.p-button-sm{padding:.375rem .75rem;font-size:.75rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content{flex:1;display:flex;flex-direction:column;padding:1rem;background:#fafafa;overflow:hidden}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-label{font-size:.875rem;font-weight:500;color:#6b7280;margin-right:.5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab{padding:.375rem .75rem;border:1px solid #d1d5db;background:#fff;border-radius:4px;font-size:.75rem;color:#6b7280;cursor:pointer;transition:all .2s}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab:hover{background:#f3f4f6;border-color:#9ca3af}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab.active{background:#10b981;color:#fff;border-color:#10b981}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container{flex:1;overflow:auto;background:#fff;border-radius:6px;border:1px solid #e5e7eb;margin-bottom:1rem;min-width:100%;position:relative;min-height:300px;overflow-x:auto;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container::-webkit-scrollbar{display:none}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table{width:100%;min-width:max-content;border-collapse:collapse;font-size:.875rem;table-layout:auto;border:2px solid #e5e7eb;word-wrap:break-word;white-space:nowrap}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th,.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid #f3f4f6;border-right:1px solid #f3f4f6;min-width:80px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:normal;position:relative;box-sizing:border-box;vertical-align:top}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td:empty:after{content:\"\";display:block;min-height:1.5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th:last-child,.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td:last-child{border-right:1px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th:first-child,.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td:first-child{border-left:1px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table .empty-cell{background-color:#fafafa;color:#9ca3af;font-style:italic;border:1px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table tr{border:1px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th{background:#f8fafc;font-weight:600;color:#374151;position:sticky;top:0;z-index:10;border-bottom:2px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td{color:#6b7280;background:#fff}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td:first-child{font-weight:500;color:#374151}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table tr:hover td{background:#f9fafb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table tbody tr:last-child td{border-bottom:none}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-info-bar{display:flex;align-items:center;gap:1.5rem;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb;font-size:.75rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-info-bar .info-item{display:flex;align-items:center;gap:.5rem;color:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-info-bar .info-item i{color:#10b981;font-size:.875rem}.document-content-viewer-container .office-document-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.document-content-viewer-container .office-document-container .document-preview{background:#fff;border-radius:12px;padding:2rem;text-align:center;box-shadow:0 10px 15px -3px #0000001a;max-width:400px;width:100%}.document-content-viewer-container .office-document-container .document-preview .document-icon{margin-bottom:1.5rem}.document-content-viewer-container .office-document-container .document-preview .document-icon i{font-size:4rem;color:#3b82f6}.document-content-viewer-container .office-document-container .document-preview .document-info{margin-bottom:2rem}.document-content-viewer-container .office-document-container .document-preview .document-info h4{margin:0 0 .5rem;color:#1f2937;font-size:1.25rem;font-weight:600}.document-content-viewer-container .office-document-container .document-preview .document-info p{margin:.25rem 0;color:#6b7280;font-size:.875rem}.document-content-viewer-container .office-document-container .document-preview .document-info p.document-note{color:#9ca3af;font-style:italic;margin-top:.75rem}.document-content-viewer-container .office-document-container .document-preview .document-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.document-content-viewer-container .office-document-container .document-preview .document-actions .p-button{min-width:120px}.document-content-viewer-container .office-document-container .document-preview .document-actions .p-button.p-button-sm{padding:.5rem 1rem;font-size:.875rem}.document-content-viewer-container .unsupported-document-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.document-content-viewer-container .unsupported-document-container .document-preview{background:#fff;border-radius:12px;padding:2rem;text-align:center;box-shadow:0 10px 15px -3px #0000001a;max-width:400px;width:100%;border:2px solid #fbbf24}.document-content-viewer-container .unsupported-document-container .document-preview .document-icon{margin-bottom:1.5rem}.document-content-viewer-container .unsupported-document-container .document-preview .document-icon i{font-size:4rem;color:#f59e0b}.document-content-viewer-container .unsupported-document-container .document-preview .document-info{margin-bottom:2rem}.document-content-viewer-container .unsupported-document-container .document-preview .document-info h4{margin:0 0 .5rem;color:#92400e;font-size:1.25rem;font-weight:600}.document-content-viewer-container .unsupported-document-container .document-preview .document-info p{margin:.25rem 0;color:#6b7280;font-size:.875rem}.document-content-viewer-container .unsupported-document-container .document-preview .document-info p.document-note{color:#d97706;font-style:italic;margin-top:.75rem;background:#fef3c7;padding:.5rem;border-radius:6px;border:1px solid #fde68a}.document-content-viewer-container .unsupported-document-container .document-preview .document-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.document-content-viewer-container .unsupported-document-container .document-preview .document-actions .p-button{min-width:120px}.document-content-viewer-container .unsupported-document-container .document-preview .document-actions .p-button.p-button-sm{padding:.5rem 1rem;font-size:.875rem}.document-content-viewer-container .no-document-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.document-content-viewer-container .no-document-container .no-document-content{text-align:center;color:#6b7280}.document-content-viewer-container .no-document-container .no-document-content i{margin-bottom:1rem;display:block}.document-content-viewer-container .no-document-container .no-document-content h4{margin:0 0 .5rem;color:#374151;font-size:1.25rem;font-weight:600}.document-content-viewer-container .no-document-container .no-document-content p{margin:0;color:#9ca3af;font-size:.875rem}@media (max-width: 768px){.document-content-viewer-container .office-document-container,.document-content-viewer-container .unsupported-document-container{padding:1rem}.document-content-viewer-container .office-document-container .document-preview,.document-content-viewer-container .unsupported-document-container .document-preview{padding:1.5rem;max-width:100%}.document-content-viewer-container .office-document-container .document-preview .document-icon i,.document-content-viewer-container .unsupported-document-container .document-preview .document-icon i{font-size:3rem}.document-content-viewer-container .office-document-container .document-preview .document-actions,.document-content-viewer-container .unsupported-document-container .document-preview .document-actions{flex-direction:column;align-items:center}.document-content-viewer-container .office-document-container .document-preview .document-actions .p-button,.document-content-viewer-container .unsupported-document-container .document-preview .document-actions .p-button{width:100%;max-width:200px}.document-content-viewer-container .image-container{padding:.5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-header{flex-direction:column;gap:1rem;padding:1rem}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info{justify-content:center}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-actions{justify-content:center;width:100%}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-actions .p-button{flex:1;max-width:150px}.document-content-viewer-container .excel-container .excel-viewer .excel-content{padding:.5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation{flex-wrap:wrap;gap:.25rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab{font-size:.7rem;padding:.25rem .5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table{font-size:.75rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th,.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td{padding:.25rem .5rem;min-width:80px;max-width:150px}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-info-bar{flex-wrap:wrap;gap:1rem;font-size:.7rem}}@media (prefers-color-scheme: dark){.document-content-viewer-container{background:#1f2937}.document-content-viewer-container .office-document-container .document-preview,.document-content-viewer-container .unsupported-document-container .document-preview{background:#374151;color:#f9fafb}.document-content-viewer-container .office-document-container .document-preview .document-info h4,.document-content-viewer-container .unsupported-document-container .document-preview .document-info h4{color:#f9fafb}.document-content-viewer-container .office-document-container .document-preview .document-info p,.document-content-viewer-container .unsupported-document-container .document-preview .document-info p{color:#d1d5db}.document-content-viewer-container .office-document-container .document-preview .document-info p.document-note,.document-content-viewer-container .unsupported-document-container .document-preview .document-info p.document-note{color:#9ca3af;background:#4b5563;border-color:#6b7280}.document-content-viewer-container .excel-container{background:#374151}.document-content-viewer-container .excel-container .excel-viewer .excel-header{background:#4b5563;border-color:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info .excel-details h4{color:#f9fafb}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info .excel-details p{color:#d1d5db}.document-content-viewer-container .excel-container .excel-viewer .excel-content{background:#374151}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation{background:#4b5563;border-color:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab{background:#4b5563;border-color:#6b7280;color:#d1d5db}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab:hover{background:#6b7280;border-color:#9ca3af}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab.active{background:#10b981;color:#fff;border-color:#10b981}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container{background:#4b5563;border-color:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th{background:#6b7280;color:#f9fafb;border-color:#9ca3af}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td{background:#4b5563;color:#d1d5db;border-color:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td:first-child{color:#f9fafb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table tr:hover td{background:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-info-bar{background:#4b5563;border-color:#6b7280;color:#d1d5db}.document-content-viewer-container .no-document-container .no-document-content{color:#9ca3af}.document-content-viewer-container .no-document-container .no-document-content h4{color:#f9fafb}.document-content-viewer-container .no-document-container .no-document-content p{color:#d1d5db}}.excel-table{border-collapse:collapse;width:100%;font-size:.875rem}.excel-table th,.excel-table td{padding:.5rem;border:1px solid #e2e8f0;text-align:left;vertical-align:top;min-width:80px}.excel-table th[style*=background-color]:not([style*=color]),.excel-table td[style*=background-color]:not([style*=color]){color:#1f2937}.excel-table th[style*=\"font-weight: bold\"],.excel-table td[style*=\"font-weight: bold\"]{font-weight:600}.excel-table th[style*=\"font-style: italic\"],.excel-table td[style*=\"font-style: italic\"]{font-style:italic}.excel-table th{background-color:#f8fafc;font-weight:600;color:#475569;position:sticky;top:0;z-index:10}.excel-table td{background-color:#fff}.excel-table td.empty-cell{background-color:#f8fafc;color:#9ca3af}.excel-table tbody tr:hover td{background-color:#f1f5f9}.excel-table tbody tr:hover td[style*=background-color]{opacity:.8}.debug-info{margin-top:1rem;padding:1rem;background-color:#fef3c7;border:1px solid #f59e0b;border-radius:8px}.debug-info summary{cursor:pointer;font-weight:600;color:#d97706;margin-bottom:.5rem}.debug-info summary:hover{color:#b45309}.debug-info .debug-content{margin-top:.5rem}.debug-info .debug-content p{margin:.5rem 0;color:#92400e}.debug-info .debug-content ul{margin:.5rem 0;padding-left:1.5rem;color:#92400e}.debug-info .debug-content li{margin:.25rem 0}.debug-info .debug-content button{margin-top:.5rem}.docx-container{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden}.docx-container .loading-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.docx-container .loading-container .loading-content{text-align:center;color:#6b7280}.docx-container .loading-container .loading-content i{margin-bottom:1rem;display:block}.docx-container .loading-container .loading-content p{margin:0;color:#9ca3af;font-size:.875rem}.docx-container .error-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.docx-container .error-container .error-content{text-align:center;color:#6b7280;max-width:400px}.docx-container .error-container .error-content i{margin-bottom:1rem;display:block}.docx-container .error-container .error-content h4{margin:0 0 .5rem;color:#dc2626;font-size:1.25rem;font-weight:600}.docx-container .error-container .error-content p{margin:0 0 1rem;color:#9ca3af;font-size:.875rem}.docx-container .error-container .error-content .error-actions{margin-top:1rem}.docx-container .docx-viewer{width:100%;height:100%;display:flex;flex-direction:column;background:#fff}.docx-container .docx-viewer .docx-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.docx-container .docx-viewer .docx-header .docx-info{display:flex;align-items:center;gap:1rem}.docx-container .docx-viewer .docx-header .docx-info i{font-size:2rem;color:#2563eb}.docx-container .docx-viewer .docx-header .docx-info .docx-details h4{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:#111827}.docx-container .docx-viewer .docx-header .docx-info .docx-details p{margin:0 0 .125rem;font-size:.875rem;color:#6b7280}.docx-container .docx-viewer .docx-header .docx-info .docx-details .document-title{font-weight:500;color:#374151;font-size:.875rem}.docx-container .docx-viewer .docx-header .docx-info .docx-details .document-author{font-style:italic;color:#6b7280;font-size:.75rem}.docx-container .docx-viewer .docx-header .docx-actions{display:flex;gap:.5rem}.docx-container .docx-viewer .docx-content{flex:1;overflow:auto;padding:1.5rem}.docx-container .docx-viewer .docx-content .docx-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.docx-container .docx-viewer .docx-content .docx-stats .stat-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#fff;border-radius:6px;border:1px solid #e2e8f0;font-size:.75rem;color:#475569;font-weight:500}.docx-container .docx-viewer .docx-content .docx-stats .stat-item i{color:#64748b}.docx-container .docx-viewer .docx-content .docx-content-body{line-height:1.6;color:#1f2937}.docx-container .docx-viewer .docx-content .docx-content-body .docx-paragraph{margin:0 0 1rem;text-align:justify}.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading{margin:1.5rem 0 1rem;font-weight:600;color:#111827;line-height:1.3}.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h1{font-size:1.875rem;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h2{font-size:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:.25rem}.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h3{font-size:1.25rem}.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h4,.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h5,.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h6{font-size:1.125rem}.docx-container .docx-viewer .docx-content .docx-content-body .docx-table{width:100%;margin:1rem 0;border-collapse:collapse;border:1px solid #e5e7eb;background-color:#fff}.docx-container .docx-viewer .docx-content .docx-content-body .docx-table .docx-header{background-color:#f8fafc;font-weight:600;color:#374151}.docx-container .docx-viewer .docx-content .docx-content-body .docx-table .docx-cell,.docx-container .docx-viewer .docx-content .docx-content-body .docx-table .docx-header{padding:.75rem;border:1px solid #e5e7eb;text-align:left;vertical-align:top}.docx-container .docx-viewer .docx-content .docx-content-body .docx-table .docx-row:hover{background-color:#f9fafb}.docx-container .docx-viewer .docx-content .docx-content-body .docx-list{margin:1rem 0;padding-left:1.5rem}.docx-container .docx-viewer .docx-content .docx-content-body .docx-list.docx-ul{list-style-type:disc}.docx-container .docx-viewer .docx-content .docx-content-body .docx-list.docx-ol{list-style-type:decimal}.docx-container .docx-viewer .docx-content .docx-content-body .docx-list .docx-list-item{margin:.5rem 0;line-height:1.5}.docx-container .docx-viewer .docx-content .docx-content-body .docx-image{max-width:100%;height:auto;border-radius:6px;box-shadow:0 2px 4px #0000001a;margin:1rem 0}.docx-container .docx-viewer .docx-content .docx-content-body blockquote{margin:1rem 0;padding:1rem 1.5rem;border-left:4px solid #3b82f6;background-color:#f8fafc;font-style:italic;color:#374151}.docx-container .docx-viewer .docx-content .docx-content-body pre,.docx-container .docx-viewer .docx-content .docx-content-body code{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:.5rem;font-family:Courier New,monospace;font-size:.875rem;color:#1e293b;overflow-x:auto}.docx-container .docx-viewer .docx-content .docx-content-body pre{padding:1rem;margin:1rem 0}.docx-container .docx-viewer .docx-content .docx-content-body a{color:#2563eb;text-decoration:none}.docx-container .docx-viewer .docx-content .docx-content-body a:hover{text-decoration:underline}.docx-container .docx-viewer .docx-content .docx-content-body em,.docx-container .docx-viewer .docx-content .docx-content-body i{font-style:italic}.docx-container .docx-viewer .docx-content .docx-content-body strong,.docx-container .docx-viewer .docx-content .docx-content-body b{font-weight:600}.docx-container .docx-viewer .docx-content .docx-content-body hr{border:none;border-top:1px solid #e5e7eb;margin:2rem 0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$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: i5$1.NgxDocViewerComponent, selector: "ngx-doc-viewer", inputs: ["url", "queryParams", "viewerUrl", "googleCheckInterval", "googleMaxChecks", "disableContent", "googleCheckContentLoaded", "viewer", "overrideLocalhost"], outputs: ["loaded"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentContentViewerComponent, deps: [{ token: ExcelParserService }, { token: DocumentHttpService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: DocumentContentViewerComponent, isStandalone: false, selector: "document-content-viewer", inputs: { documentUrl: "documentUrl", contentType: "contentType", documentName: "documentName" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"document-content-viewer-container\">\n  @if(documentUrl && contentType){\n    <!-- PDF Viewer -->\n    @if(isPdf){\n      <div class=\"pdf-container\">\n        <pdf-viewer\n          [src]=\"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    }\n\n    <!-- Image Viewer -->\n    @else if(isImage){\n      <div class=\"image-container\">\n        <img\n          [src]=\"documentUrl\"\n          [alt]=\"documentName || 'Document Image'\"\n          class=\"document-image\"\n        />\n      </div>\n    }\n\n    <!-- Excel Files -->\n    @else if(isExcel){\n      <div class=\"excel-container\">\n        @if(isLoadingExcel){\n          <div class=\"loading-container\">\n            <div class=\"loading-content\">\n              <i class=\"pi pi-spin pi-spinner\" style=\"font-size: 2rem; color: #3b82f6;\"></i>\n              <p>Loading Excel file...</p>\n            </div>\n          </div>\n        }@else if(excelError){\n          <div class=\"error-container\">\n            <div class=\"error-content\">\n              <i class=\"pi pi-exclamation-triangle\" style=\"font-size: 3rem; color: #ef4444;\"></i>\n              <h4>Error Loading Excel File</h4>\n              <p>{{ excelError }}</p>\n              <div class=\"error-actions\">\n                <button \n                  type=\"button\" \n                  class=\"p-button p-button-primary p-button-sm\"\n                  (click)=\"downloadDocument()\"\n                >\n                  <i class=\"pi pi-download\"></i>\n                  Download Instead\n                </button>\n              </div>\n            </div>\n          </div>\n        }\n        @else if(excelData){\n          <div class=\"docx-container\">\n            <div class=\"docx-content\">\n                <ngx-doc-viewer\n                  [url]=\"documentUrl\"\n                  viewer=\"office\"\n                  style=\"width:100%;height:85vh;\"\n                ></ngx-doc-viewer>\n            </div>\n          </div>\n        }\n      </div>\n    }\n\n    <!-- Word Files -->\n    @else if(isWord){\n      <div class=\"docx-container\">\n        <div class=\"docx-content\">\n            <ngx-doc-viewer\n              [url]=\"documentUrl\"\n              viewer=\"office\"\n              style=\"width:100%;height:85vh;\"\n            ></ngx-doc-viewer>\n        </div>\n      </div>\n    }\n\n    <!-- CSV Files -->\n    @else if(isCsv){\n      <div class=\"office-document-container\">\n        <div class=\"document-preview\">\n          <div class=\"document-icon\">\n            <i [class]=\"documentIcon\"></i>\n          </div>\n          <div class=\"document-info\">\n            <h4>{{ documentTypeText }}</h4>\n            <p>{{ documentName || 'CSV File' }}</p>\n            <p class=\"document-note\">CSV files cannot be previewed directly. Please download to view.</p>\n          </div>\n          <div class=\"document-actions\">\n            <button \n              type=\"button\" \n              class=\"p-button p-button-primary p-button-sm\"\n              (click)=\"downloadDocument()\"\n            >\n              <i class=\"pi pi-download\"></i>\n              Download\n            </button>\n            <button \n              type=\"button\" \n              class=\"p-button p-button-outlined p-button-sm\"\n              (click)=\"openInNewTab()\"\n            >\n              <i class=\"pi pi-external-link\"></i>\n              Open\n            </button>\n          </div>\n        </div>\n      </div>\n    }\n\n    <!-- Email Files -->\n    @else if(isEmail){\n      <div class=\"office-document-container\">\n        <div class=\"document-preview\">\n          <div class=\"document-icon\">\n            <i [class]=\"documentIcon\"></i>\n          </div>\n          <div class=\"document-info\">\n            <h4>{{ documentTypeText }}</h4>\n            <p>{{ documentName || 'Email Message' }}</p>\n            <p class=\"document-note\">Email files cannot be previewed directly. Please download to view.</p>\n          </div>\n          <div class=\"document-actions\">\n            <button \n              type=\"button\" \n              class=\"p-button p-button-primary p-button-sm\"\n              (click)=\"downloadDocument()\"\n            >\n              <i class=\"pi pi-download\"></i>\n              Download\n            </button>\n            <button \n              type=\"button\" \n              class=\"p-button p-button-outlined p-button-sm\"\n              (click)=\"openInNewTab()\"\n            >\n              <i class=\"pi pi-external-link\"></i>\n              Open\n            </button>\n          </div>\n        </div>\n      </div>\n    }\n\n    <!-- OpenDocument Files -->\n    @else if(isOpenDocument){\n      <div class=\"office-document-container\">\n        <div class=\"document-preview\">\n          <div class=\"document-icon\">\n            <i [class]=\"documentIcon\"></i>\n          </div>\n          <div class=\"document-info\">\n            <h4>{{ documentTypeText }}</h4>\n            <p>{{ documentName || 'OpenDocument' }}</p>\n            <p class=\"document-note\">OpenDocument files cannot be previewed directly. Please download to view.</p>\n          </div>\n          <div class=\"document-actions\">\n            <button \n              type=\"button\" \n              class=\"p-button p-button-primary p-button-sm\"\n              (click)=\"downloadDocument()\"\n            >\n              <i class=\"pi pi-download\"></i>\n              Download\n            </button>\n            <button \n              type=\"button\" \n              class=\"p-button p-button-outlined p-button-sm\"\n              (click)=\"openInNewTab()\"\n            >\n              <i class=\"pi pi-external-link\"></i>\n              Open\n            </button>\n          </div>\n        </div>\n      </div>\n    }\n\n    <!-- Unsupported Files -->\n    @else if(isUnsupported){\n      <div class=\"unsupported-document-container\">\n        <div class=\"document-preview\">\n          <div class=\"document-icon\">\n            <i [class]=\"documentIcon\"></i>\n          </div>\n          <div class=\"document-info\">\n            <h4>Unsupported Document Type</h4>\n            <p>{{ documentName || 'Document' }}</p>\n            <p class=\"document-note\">This document type ({{ contentType }}) is not supported for preview. Please download to view.</p>\n          </div>\n          <div class=\"document-actions\">\n            <button \n              type=\"button\" \n              class=\"p-button p-button-primary p-button-sm\"\n              (click)=\"downloadDocument()\"\n            >\n              <i class=\"pi pi-download\"></i>\n              Download\n            </button>\n            <button \n              type=\"button\" \n              class=\"p-button p-button-outlined p-button-sm\"\n              (click)=\"openInNewTab()\"\n            >\n              <i class=\"pi pi-external-link\"></i>\n              Open\n            </button>\n          </div>\n        </div>\n      </div>\n    }\n  }\n  @else {\n    <div class=\"no-document-container\">\n      <div class=\"no-document-content\">\n        <i class=\"pi pi-file-o\" style=\"font-size: 3rem; color: #6b7280;\"></i>\n        <h4>No Document Selected</h4>\n        <p>Please select a document to view its content.</p>\n      </div>\n    </div>\n  }\n</div>\n\n", styles: [".document-content-viewer-container{height:100%;width:100%;display:flex;flex-direction:column;background:#f8f9fa;border-radius:8px;overflow:hidden}.document-content-viewer-container .pdf-container{width:100%;height:100%;border-radius:8px;overflow:hidden}.document-content-viewer-container .pdf-container ::ng-deep .ng2-pdf-viewer-container{height:100%;overflow:auto}.document-content-viewer-container .image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem}.document-content-viewer-container .image-container .document-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a}.document-content-viewer-container .excel-container{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden}.document-content-viewer-container .excel-container .loading-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.document-content-viewer-container .excel-container .loading-container .loading-content{text-align:center;color:#6b7280}.document-content-viewer-container .excel-container .loading-container .loading-content i{margin-bottom:1rem;display:block}.document-content-viewer-container .excel-container .loading-container .loading-content p{margin:0;color:#9ca3af;font-size:.875rem}.document-content-viewer-container .excel-container .error-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.document-content-viewer-container .excel-container .error-container .error-content{text-align:center;color:#6b7280;max-width:400px}.document-content-viewer-container .excel-container .error-container .error-content i{margin-bottom:1rem;display:block}.document-content-viewer-container .excel-container .error-container .error-content h4{margin:0 0 .5rem;color:#dc2626;font-size:1.25rem;font-weight:600}.document-content-viewer-container .excel-container .error-container .error-content p{margin:0 0 1.5rem;color:#6b7280;font-size:.875rem}.document-content-viewer-container .excel-container .error-container .error-content .error-actions{display:flex;justify-content:center}.document-content-viewer-container .excel-container .excel-viewer{width:100%;height:100%;display:flex;flex-direction:column}.document-content-viewer-container .excel-container .excel-viewer .excel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info{display:flex;align-items:center;gap:1rem}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info i{font-size:2rem;color:#10b981}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info .excel-details h4{margin:0 0 .25rem;color:#1f2937;font-size:1.125rem;font-weight:600}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info .excel-details p{margin:0;color:#6b7280;font-size:.875rem}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-actions{display:flex;gap:.5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-actions .p-button.p-button-sm{padding:.375rem .75rem;font-size:.75rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content{flex:1;display:flex;flex-direction:column;padding:1rem;background:#fafafa;overflow:hidden}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-label{font-size:.875rem;font-weight:500;color:#6b7280;margin-right:.5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab{padding:.375rem .75rem;border:1px solid #d1d5db;background:#fff;border-radius:4px;font-size:.75rem;color:#6b7280;cursor:pointer;transition:all .2s}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab:hover{background:#f3f4f6;border-color:#9ca3af}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab.active{background:#10b981;color:#fff;border-color:#10b981}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container{flex:1;overflow:auto;background:#fff;border-radius:6px;border:1px solid #e5e7eb;margin-bottom:1rem;min-width:100%;position:relative;min-height:300px;overflow-x:auto;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container::-webkit-scrollbar{display:none}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table{width:100%;min-width:max-content;border-collapse:collapse;font-size:.875rem;table-layout:auto;border:2px solid #e5e7eb;word-wrap:break-word;white-space:nowrap}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th,.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid #f3f4f6;border-right:1px solid #f3f4f6;min-width:80px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:normal;position:relative;box-sizing:border-box;vertical-align:top}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td:empty:after{content:\"\";display:block;min-height:1.5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th:last-child,.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td:last-child{border-right:1px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th:first-child,.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td:first-child{border-left:1px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table .empty-cell{background-color:#fafafa;color:#9ca3af;font-style:italic;border:1px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table tr{border:1px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th{background:#f8fafc;font-weight:600;color:#374151;position:sticky;top:0;z-index:10;border-bottom:2px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td{color:#6b7280;background:#fff}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td:first-child{font-weight:500;color:#374151}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table tr:hover td{background:#f9fafb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table tbody tr:last-child td{border-bottom:none}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-info-bar{display:flex;align-items:center;gap:1.5rem;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb;font-size:.75rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-info-bar .info-item{display:flex;align-items:center;gap:.5rem;color:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-info-bar .info-item i{color:#10b981;font-size:.875rem}.document-content-viewer-container .office-document-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.document-content-viewer-container .office-document-container .document-preview{background:#fff;border-radius:12px;padding:2rem;text-align:center;box-shadow:0 10px 15px -3px #0000001a;max-width:400px;width:100%}.document-content-viewer-container .office-document-container .document-preview .document-icon{margin-bottom:1.5rem}.document-content-viewer-container .office-document-container .document-preview .document-icon i{font-size:4rem;color:#3b82f6}.document-content-viewer-container .office-document-container .document-preview .document-info{margin-bottom:2rem}.document-content-viewer-container .office-document-container .document-preview .document-info h4{margin:0 0 .5rem;color:#1f2937;font-size:1.25rem;font-weight:600}.document-content-viewer-container .office-document-container .document-preview .document-info p{margin:.25rem 0;color:#6b7280;font-size:.875rem}.document-content-viewer-container .office-document-container .document-preview .document-info p.document-note{color:#9ca3af;font-style:italic;margin-top:.75rem}.document-content-viewer-container .office-document-container .document-preview .document-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.document-content-viewer-container .office-document-container .document-preview .document-actions .p-button{min-width:120px}.document-content-viewer-container .office-document-container .document-preview .document-actions .p-button.p-button-sm{padding:.5rem 1rem;font-size:.875rem}.document-content-viewer-container .unsupported-document-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.document-content-viewer-container .unsupported-document-container .document-preview{background:#fff;border-radius:12px;padding:2rem;text-align:center;box-shadow:0 10px 15px -3px #0000001a;max-width:400px;width:100%;border:2px solid #fbbf24}.document-content-viewer-container .unsupported-document-container .document-preview .document-icon{margin-bottom:1.5rem}.document-content-viewer-container .unsupported-document-container .document-preview .document-icon i{font-size:4rem;color:#f59e0b}.document-content-viewer-container .unsupported-document-container .document-preview .document-info{margin-bottom:2rem}.document-content-viewer-container .unsupported-document-container .document-preview .document-info h4{margin:0 0 .5rem;color:#92400e;font-size:1.25rem;font-weight:600}.document-content-viewer-container .unsupported-document-container .document-preview .document-info p{margin:.25rem 0;color:#6b7280;font-size:.875rem}.document-content-viewer-container .unsupported-document-container .document-preview .document-info p.document-note{color:#d97706;font-style:italic;margin-top:.75rem;background:#fef3c7;padding:.5rem;border-radius:6px;border:1px solid #fde68a}.document-content-viewer-container .unsupported-document-container .document-preview .document-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.document-content-viewer-container .unsupported-document-container .document-preview .document-actions .p-button{min-width:120px}.document-content-viewer-container .unsupported-document-container .document-preview .document-actions .p-button.p-button-sm{padding:.5rem 1rem;font-size:.875rem}.document-content-viewer-container .no-document-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.document-content-viewer-container .no-document-container .no-document-content{text-align:center;color:#6b7280}.document-content-viewer-container .no-document-container .no-document-content i{margin-bottom:1rem;display:block}.document-content-viewer-container .no-document-container .no-document-content h4{margin:0 0 .5rem;color:#374151;font-size:1.25rem;font-weight:600}.document-content-viewer-container .no-document-container .no-document-content p{margin:0;color:#9ca3af;font-size:.875rem}@media (max-width: 768px){.document-content-viewer-container .office-document-container,.document-content-viewer-container .unsupported-document-container{padding:1rem}.document-content-viewer-container .office-document-container .document-preview,.document-content-viewer-container .unsupported-document-container .document-preview{padding:1.5rem;max-width:100%}.document-content-viewer-container .office-document-container .document-preview .document-icon i,.document-content-viewer-container .unsupported-document-container .document-preview .document-icon i{font-size:3rem}.document-content-viewer-container .office-document-container .document-preview .document-actions,.document-content-viewer-container .unsupported-document-container .document-preview .document-actions{flex-direction:column;align-items:center}.document-content-viewer-container .office-document-container .document-preview .document-actions .p-button,.document-content-viewer-container .unsupported-document-container .document-preview .document-actions .p-button{width:100%;max-width:200px}.document-content-viewer-container .image-container{padding:.5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-header{flex-direction:column;gap:1rem;padding:1rem}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info{justify-content:center}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-actions{justify-content:center;width:100%}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-actions .p-button{flex:1;max-width:150px}.document-content-viewer-container .excel-container .excel-viewer .excel-content{padding:.5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation{flex-wrap:wrap;gap:.25rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab{font-size:.7rem;padding:.25rem .5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table{font-size:.75rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th,.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td{padding:.25rem .5rem;min-width:80px;max-width:150px}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-info-bar{flex-wrap:wrap;gap:1rem;font-size:.7rem}}@media (prefers-color-scheme: dark){.document-content-viewer-container{background:#1f2937}.document-content-viewer-container .office-document-container .document-preview,.document-content-viewer-container .unsupported-document-container .document-preview{background:#374151;color:#f9fafb}.document-content-viewer-container .office-document-container .document-preview .document-info h4,.document-content-viewer-container .unsupported-document-container .document-preview .document-info h4{color:#f9fafb}.document-content-viewer-container .office-document-container .document-preview .document-info p,.document-content-viewer-container .unsupported-document-container .document-preview .document-info p{color:#d1d5db}.document-content-viewer-container .office-document-container .document-preview .document-info p.document-note,.document-content-viewer-container .unsupported-document-container .document-preview .document-info p.document-note{color:#9ca3af;background:#4b5563;border-color:#6b7280}.document-content-viewer-container .excel-container{background:#374151}.document-content-viewer-container .excel-container .excel-viewer .excel-header{background:#4b5563;border-color:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info .excel-details h4{color:#f9fafb}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info .excel-details p{color:#d1d5db}.document-content-viewer-container .excel-container .excel-viewer .excel-content{background:#374151}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation{background:#4b5563;border-color:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab{background:#4b5563;border-color:#6b7280;color:#d1d5db}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab:hover{background:#6b7280;border-color:#9ca3af}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab.active{background:#10b981;color:#fff;border-color:#10b981}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container{background:#4b5563;border-color:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th{background:#6b7280;color:#f9fafb;border-color:#9ca3af}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td{background:#4b5563;color:#d1d5db;border-color:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td:first-child{color:#f9fafb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table tr:hover td{background:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-info-bar{background:#4b5563;border-color:#6b7280;color:#d1d5db}.document-content-viewer-container .no-document-container .no-document-content{color:#9ca3af}.document-content-viewer-container .no-document-container .no-document-content h4{color:#f9fafb}.document-content-viewer-container .no-document-container .no-document-content p{color:#d1d5db}}.excel-table{border-collapse:collapse;width:100%;font-size:.875rem}.excel-table th,.excel-table td{padding:.5rem;border:1px solid #e2e8f0;text-align:left;vertical-align:top;min-width:80px}.excel-table th[style*=background-color]:not([style*=color]),.excel-table td[style*=background-color]:not([style*=color]){color:#1f2937}.excel-table th[style*=\"font-weight: bold\"],.excel-table td[style*=\"font-weight: bold\"]{font-weight:600}.excel-table th[style*=\"font-style: italic\"],.excel-table td[style*=\"font-style: italic\"]{font-style:italic}.excel-table th{background-color:#f8fafc;font-weight:600;color:#475569;position:sticky;top:0;z-index:10}.excel-table td{background-color:#fff}.excel-table td.empty-cell{background-color:#f8fafc;color:#9ca3af}.excel-table tbody tr:hover td{background-color:#f1f5f9}.excel-table tbody tr:hover td[style*=background-color]{opacity:.8}.debug-info{margin-top:1rem;padding:1rem;background-color:#fef3c7;border:1px solid #f59e0b;border-radius:8px}.debug-info summary{cursor:pointer;font-weight:600;color:#d97706;margin-bottom:.5rem}.debug-info summary:hover{color:#b45309}.debug-info .debug-content{margin-top:.5rem}.debug-info .debug-content p{margin:.5rem 0;color:#92400e}.debug-info .debug-content ul{margin:.5rem 0;padding-left:1.5rem;color:#92400e}.debug-info .debug-content li{margin:.25rem 0}.debug-info .debug-content button{margin-top:.5rem}.docx-container{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden}.docx-container .loading-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.docx-container .loading-container .loading-content{text-align:center;color:#6b7280}.docx-container .loading-container .loading-content i{margin-bottom:1rem;display:block}.docx-container .loading-container .loading-content p{margin:0;color:#9ca3af;font-size:.875rem}.docx-container .error-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.docx-container .error-container .error-content{text-align:center;color:#6b7280;max-width:400px}.docx-container .error-container .error-content i{margin-bottom:1rem;display:block}.docx-container .error-container .error-content h4{margin:0 0 .5rem;color:#dc2626;font-size:1.25rem;font-weight:600}.docx-container .error-container .error-content p{margin:0 0 1rem;color:#9ca3af;font-size:.875rem}.docx-container .error-container .error-content .error-actions{margin-top:1rem}.docx-container .docx-viewer{width:100%;height:100%;display:flex;flex-direction:column;background:#fff}.docx-container .docx-viewer .docx-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.docx-container .docx-viewer .docx-header .docx-info{display:flex;align-items:center;gap:1rem}.docx-container .docx-viewer .docx-header .docx-info i{font-size:2rem;color:#2563eb}.docx-container .docx-viewer .docx-header .docx-info .docx-details h4{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:#111827}.docx-container .docx-viewer .docx-header .docx-info .docx-details p{margin:0 0 .125rem;font-size:.875rem;color:#6b7280}.docx-container .docx-viewer .docx-header .docx-info .docx-details .document-title{font-weight:500;color:#374151;font-size:.875rem}.docx-container .docx-viewer .docx-header .docx-info .docx-details .document-author{font-style:italic;color:#6b7280;font-size:.75rem}.docx-container .docx-viewer .docx-header .docx-actions{display:flex;gap:.5rem}.docx-container .docx-viewer .docx-content{flex:1;overflow:auto;padding:1.5rem}.docx-container .docx-viewer .docx-content .docx-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.docx-container .docx-viewer .docx-content .docx-stats .stat-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#fff;border-radius:6px;border:1px solid #e2e8f0;font-size:.75rem;color:#475569;font-weight:500}.docx-container .docx-viewer .docx-content .docx-stats .stat-item i{color:#64748b}.docx-container .docx-viewer .docx-content .docx-content-body{line-height:1.6;color:#1f2937}.docx-container .docx-viewer .docx-content .docx-content-body .docx-paragraph{margin:0 0 1rem;text-align:justify}.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading{margin:1.5rem 0 1rem;font-weight:600;color:#111827;line-height:1.3}.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h1{font-size:1.875rem;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h2{font-size:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:.25rem}.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h3{font-size:1.25rem}.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h4,.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h5,.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h6{font-size:1.125rem}.docx-container .docx-viewer .docx-content .docx-content-body .docx-table{width:100%;margin:1rem 0;border-collapse:collapse;border:1px solid #e5e7eb;background-color:#fff}.docx-container .docx-viewer .docx-content .docx-content-body .docx-table .docx-header{background-color:#f8fafc;font-weight:600;color:#374151}.docx-container .docx-viewer .docx-content .docx-content-body .docx-table .docx-cell,.docx-container .docx-viewer .docx-content .docx-content-body .docx-table .docx-header{padding:.75rem;border:1px solid #e5e7eb;text-align:left;vertical-align:top}.docx-container .docx-viewer .docx-content .docx-content-body .docx-table .docx-row:hover{background-color:#f9fafb}.docx-container .docx-viewer .docx-content .docx-content-body .docx-list{margin:1rem 0;padding-left:1.5rem}.docx-container .docx-viewer .docx-content .docx-content-body .docx-list.docx-ul{list-style-type:disc}.docx-container .docx-viewer .docx-content .docx-content-body .docx-list.docx-ol{list-style-type:decimal}.docx-container .docx-viewer .docx-content .docx-content-body .docx-list .docx-list-item{margin:.5rem 0;line-height:1.5}.docx-container .docx-viewer .docx-content .docx-content-body .docx-image{max-width:100%;height:auto;border-radius:6px;box-shadow:0 2px 4px #0000001a;margin:1rem 0}.docx-container .docx-viewer .docx-content .docx-content-body blockquote{margin:1rem 0;padding:1rem 1.5rem;border-left:4px solid #3b82f6;background-color:#f8fafc;font-style:italic;color:#374151}.docx-container .docx-viewer .docx-content .docx-content-body pre,.docx-container .docx-viewer .docx-content .docx-content-body code{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:.5rem;font-family:Courier New,monospace;font-size:.875rem;color:#1e293b;overflow-x:auto}.docx-container .docx-viewer .docx-content .docx-content-body pre{padding:1rem;margin:1rem 0}.docx-container .docx-viewer .docx-content .docx-content-body a{color:#2563eb;text-decoration:none}.docx-container .docx-viewer .docx-content .docx-content-body a:hover{text-decoration:underline}.docx-container .docx-viewer .docx-content .docx-content-body em,.docx-container .docx-viewer .docx-content .docx-content-body i{font-style:italic}.docx-container .docx-viewer .docx-content .docx-content-body strong,.docx-container .docx-viewer .docx-content .docx-content-body b{font-weight:600}.docx-container .docx-viewer .docx-content .docx-content-body hr{border:none;border-top:1px solid #e5e7eb;margin:2rem 0}.word-loading-container{display:flex;align-items:center;justify-content:center;min-height:400px;width:100%;background-color:#f9fafb;border-radius:8px}.word-loading-container .loading-content{text-align:center}.word-loading-container .loading-content i{margin-bottom:1rem;display:block;font-size:2rem;color:#3b82f6}.word-loading-container .loading-content p{margin:0;color:#6b7280;font-size:1rem;font-weight:500}.docx-container{min-height:400px}.docx-container .docx-content{height:100%;min-height:inherit;position:relative}ngx-doc-viewer{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "component", type: i3$3.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: i4$1.NgxDocViewerComponent, selector: "ngx-doc-viewer", inputs: ["url", "queryParams", "viewerUrl", "googleCheckInterval", "googleMaxChecks", "disableContent", "googleCheckContentLoaded", "viewer", "overrideLocalhost"], outputs: ["loaded"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentContentViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'document-content-viewer', standalone: false, encapsulation: ViewEncapsulation.None, template: "<div class=\"document-content-viewer-container\">\r\n  @if(documentUrl && contentType){\r\n    <!-- PDF Viewer -->\r\n    @if(isPdf){\r\n      <div class=\"pdf-container\">\r\n        <pdf-viewer\r\n          [src]=\"documentUrl\"\r\n          [rotation]=\"0\"\r\n          [original-size]=\"false\"\r\n          [show-all]=\"true\"\r\n          [fit-to-page]=\"false\"\r\n          [zoom]=\"0.7\"\r\n          [zoom-scale]=\"'page-width'\"\r\n          [stick-to-page]=\"false\"\r\n          [render-text]=\"true\"\r\n          [external-link-target]=\"'blank'\"\r\n          [autoresize]=\"true\"\r\n          [show-borders]=\"false\"\r\n          style=\"width: 100%; height: 100%\"\r\n        ></pdf-viewer>\r\n      </div>\r\n    }\r\n\r\n    <!-- Image Viewer -->\r\n    @else if(isImage){\r\n      <div class=\"image-container\">\r\n        <img\r\n          [src]=\"documentUrl\"\r\n          [alt]=\"documentName || 'Document Image'\"\r\n          class=\"document-image\"\r\n        />\r\n      </div>\r\n    }\r\n\r\n    <!-- Excel Files -->\r\n    @else if(isExcel){\r\n      <div class=\"excel-container\">\r\n        @if(isLoadingExcel){\r\n          <div class=\"loading-container\">\r\n            <div class=\"loading-content\">\r\n              <i class=\"pi pi-spin pi-spinner\" style=\"font-size: 2rem; color: #3b82f6;\"></i>\r\n              <p>Loading Excel file...</p>\r\n            </div>\r\n          </div>\r\n        }@else if(excelError){\r\n          <div class=\"error-container\">\r\n            <div class=\"error-content\">\r\n              <i class=\"pi pi-exclamation-triangle\" style=\"font-size: 3rem; color: #ef4444;\"></i>\r\n              <h4>Error Loading Excel File</h4>\r\n              <p>{{ excelError }}</p>\r\n              <div class=\"error-actions\">\r\n                <button \r\n                  type=\"button\" \r\n                  class=\"p-button p-button-primary p-button-sm\"\r\n                  (click)=\"downloadDocument()\"\r\n                >\r\n                  <i class=\"pi pi-download\"></i>\r\n                  Download Instead\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        }@else if(excelData){\r\n          <div class=\"excel-viewer\">\r\n            <div class=\"excel-header\">\r\n              <div class=\"excel-info\">\r\n                <i [class]=\"documentIcon\"></i>\r\n                <div class=\"excel-details\">\r\n                  <h4>{{ documentName || 'Excel Document' }}</h4>\r\n                  <p>{{ documentTypeText }}</p>\r\n                </div>\r\n              </div>\r\n              <div class=\"excel-actions\">\r\n                <button \r\n                  type=\"button\" \r\n                  class=\"p-button p-button-outlined p-button-sm\"\r\n                  (click)=\"downloadDocument()\"\r\n                >\r\n                  <i class=\"pi pi-download\"></i>\r\n                  Download\r\n                </button>\r\n                <button \r\n                  type=\"button\" \r\n                  class=\"p-button p-button-outlined p-button-sm\"\r\n                  (click)=\"openInNewTab()\"\r\n                >\r\n                  <i class=\"pi pi-external-link\"></i>\r\n                  Open\r\n                </button>\r\n              </div>\r\n            </div>\r\n            <div class=\"excel-content\">\r\n              <!-- Sheet Navigation -->\r\n              @if(excelSheets.length > 1){\r\n                <div class=\"sheet-navigation\">\r\n                  <span class=\"sheet-label\">Sheets:</span>\r\n                  @for(sheet of excelSheets; track sheet){\r\n                    <button \r\n                      type=\"button\" \r\n                      class=\"sheet-tab\"\r\n                      [class.active]=\"sheet === currentSheet\"\r\n                      (click)=\"changeSheet(sheet)\"\r\n                    >\r\n                      {{ sheet }}\r\n                    </button>\r\n                  }\r\n                </div>\r\n              }\r\n              \r\n              <!-- Excel Table -->\r\n              <div class=\"excel-table-container\">\r\n                <table class=\"excel-table\">\r\n                  <thead>\r\n                    <tr>\r\n                      @for(cell of safeExcelStyledData[0]?.cells; track $index){\r\n                        <th>{{ cell?.value || 'Column ' + ($index + 1) }}</th>\r\n                      }\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody>\r\n                    @for(row of safeExcelStyledData.slice(1); track $index){\r\n                      <tr>\r\n                        @for(cell of row.cells; track $index){\r\n                          <td \r\n                            [class.empty-cell]=\"!cell.value\"\r\n                            [style.background-color]=\"cell.style?.backgroundColor\"\r\n                            [style.color]=\"cell.style?.fontColor\"\r\n                            [style.font-weight]=\"cell.style?.bold ? 'bold' : 'normal'\"\r\n                            [style.font-style]=\"cell.style?.italic ? 'italic' : 'normal'\"\r\n                            [style.border-top]=\"cell.style?.border?.top ? '1px solid ' + cell.style?.border?.top : ''\"\r\n                            [style.border-bottom]=\"cell.style?.border?.bottom ? '1px solid ' + cell.style?.border?.bottom : ''\"\r\n                            [style.border-left]=\"cell.style?.border?.left ? '1px solid ' + cell.style?.border?.left : ''\"\r\n                            [style.border-right]=\"cell.style?.border?.right ? '1px solid ' + cell.style?.border?.right : ''\"\r\n                          >\r\n                            {{ cell.value || '' }}\r\n                          </td>\r\n                        }\r\n                      </tr>\r\n                    }\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n              \r\n              <!-- Excel Info -->\r\n              <div class=\"excel-info-bar\">\r\n                <span class=\"info-item\">\r\n                  <i class=\"pi pi-table\"></i>\r\n                  {{ safeExcelStyledData.length - 1 }} rows\r\n                </span>\r\n                <span class=\"info-item\">\r\n                  <i class=\"pi pi-columns\"></i>\r\n                  {{ safeExcelStyledData[0]?.cells?.length || 0 }} columns\r\n                </span>\r\n                <span class=\"info-item\">\r\n                  <i class=\"pi pi-file-excel\"></i>\r\n                  {{ currentSheet }}\r\n                </span>\r\n                <span class=\"info-item\" *ngIf=\"excelData?.hasStyling !== undefined\">\r\n                  <i class=\"pi pi-palette\"></i>\r\n                  {{ excelData?.hasStyling ? 'Styling detected' : 'No styling found' }}\r\n                </span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        }\r\n      </div>\r\n    }\r\n\r\n    <!-- Word Files -->\r\n    @else if(isWord){\r\n      <div class=\"docx-container\">\r\n        <!-- <div class=\"docx-header\">\r\n          <div class=\"docx-info\">\r\n            <i [class]=\"documentIcon\"></i>\r\n            <div class=\"docx-details\">\r\n              <h4>{{ documentName || 'Word Document' }}</h4>\r\n              <p>{{ documentTypeText }}</p>\r\n            </div>\r\n          </div>\r\n          <div class=\"docx-actions\">\r\n            <button \r\n              type=\"button\" \r\n              class=\"p-button p-button-outlined p-button-sm\"\r\n              (click)=\"downloadDocument()\"\r\n            >\r\n              <i class=\"pi pi-download\"></i>\r\n              Download\r\n            </button>\r\n            <button \r\n              type=\"button\" \r\n              class=\"p-button p-button-outlined p-button-sm\"\r\n              (click)=\"openInNewTab()\"\r\n            >\r\n              <i class=\"pi pi-external-link\"></i>\r\n              Open\r\n            </button>\r\n          </div>\r\n        </div> -->\r\n        \r\n        <div class=\"docx-content\">\r\n          <ngx-doc-viewer\r\n            [url]=\"documentUrl\"\r\n            viewer=\"google\"\r\n            style=\"width:100%;height:93vh;\"\r\n          ></ngx-doc-viewer>\r\n        </div>\r\n      </div>\r\n    }\r\n\r\n    <!-- CSV Files -->\r\n    @else if(isCsv){\r\n      <div class=\"office-document-container\">\r\n        <div class=\"document-preview\">\r\n          <div class=\"document-icon\">\r\n            <i [class]=\"documentIcon\"></i>\r\n          </div>\r\n          <div class=\"document-info\">\r\n            <h4>{{ documentTypeText }}</h4>\r\n            <p>{{ documentName || 'CSV File' }}</p>\r\n            <p class=\"document-note\">CSV files cannot be previewed directly. Please download to view.</p>\r\n          </div>\r\n          <div class=\"document-actions\">\r\n            <button \r\n              type=\"button\" \r\n              class=\"p-button p-button-primary p-button-sm\"\r\n              (click)=\"downloadDocument()\"\r\n            >\r\n              <i class=\"pi pi-download\"></i>\r\n              Download\r\n            </button>\r\n            <button \r\n              type=\"button\" \r\n              class=\"p-button p-button-outlined p-button-sm\"\r\n              (click)=\"openInNewTab()\"\r\n            >\r\n              <i class=\"pi pi-external-link\"></i>\r\n              Open\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n\r\n    <!-- Email Files -->\r\n    @else if(isEmail){\r\n      <div class=\"office-document-container\">\r\n        <div class=\"document-preview\">\r\n          <div class=\"document-icon\">\r\n            <i [class]=\"documentIcon\"></i>\r\n          </div>\r\n          <div class=\"document-info\">\r\n            <h4>{{ documentTypeText }}</h4>\r\n            <p>{{ documentName || 'Email Message' }}</p>\r\n            <p class=\"document-note\">Email files cannot be previewed directly. Please download to view.</p>\r\n          </div>\r\n          <div class=\"document-actions\">\r\n            <button \r\n              type=\"button\" \r\n              class=\"p-button p-button-primary p-button-sm\"\r\n              (click)=\"downloadDocument()\"\r\n            >\r\n              <i class=\"pi pi-download\"></i>\r\n              Download\r\n            </button>\r\n            <button \r\n              type=\"button\" \r\n              class=\"p-button p-button-outlined p-button-sm\"\r\n              (click)=\"openInNewTab()\"\r\n            >\r\n              <i class=\"pi pi-external-link\"></i>\r\n              Open\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n\r\n    <!-- OpenDocument Files -->\r\n    @else if(isOpenDocument){\r\n      <div class=\"office-document-container\">\r\n        <div class=\"document-preview\">\r\n          <div class=\"document-icon\">\r\n            <i [class]=\"documentIcon\"></i>\r\n          </div>\r\n          <div class=\"document-info\">\r\n            <h4>{{ documentTypeText }}</h4>\r\n            <p>{{ documentName || 'OpenDocument' }}</p>\r\n            <p class=\"document-note\">OpenDocument files cannot be previewed directly. Please download to view.</p>\r\n          </div>\r\n          <div class=\"document-actions\">\r\n            <button \r\n              type=\"button\" \r\n              class=\"p-button p-button-primary p-button-sm\"\r\n              (click)=\"downloadDocument()\"\r\n            >\r\n              <i class=\"pi pi-download\"></i>\r\n              Download\r\n            </button>\r\n            <button \r\n              type=\"button\" \r\n              class=\"p-button p-button-outlined p-button-sm\"\r\n              (click)=\"openInNewTab()\"\r\n            >\r\n              <i class=\"pi pi-external-link\"></i>\r\n              Open\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n\r\n    <!-- Unsupported Files -->\r\n    @else if(isUnsupported){\r\n      <div class=\"unsupported-document-container\">\r\n        <div class=\"document-preview\">\r\n          <div class=\"document-icon\">\r\n            <i [class]=\"documentIcon\"></i>\r\n          </div>\r\n          <div class=\"document-info\">\r\n            <h4>Unsupported Document Type</h4>\r\n            <p>{{ documentName || 'Document' }}</p>\r\n            <p class=\"document-note\">This document type ({{ contentType }}) is not supported for preview. Please download to view.</p>\r\n          </div>\r\n          <div class=\"document-actions\">\r\n            <button \r\n              type=\"button\" \r\n              class=\"p-button p-button-primary p-button-sm\"\r\n              (click)=\"downloadDocument()\"\r\n            >\r\n              <i class=\"pi pi-download\"></i>\r\n              Download\r\n            </button>\r\n            <button \r\n              type=\"button\" \r\n              class=\"p-button p-button-outlined p-button-sm\"\r\n              (click)=\"openInNewTab()\"\r\n            >\r\n              <i class=\"pi pi-external-link\"></i>\r\n              Open\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    }\r\n  }\r\n  @else {\r\n    <div class=\"no-document-container\">\r\n      <div class=\"no-document-content\">\r\n        <i class=\"pi pi-file-o\" style=\"font-size: 3rem; color: #6b7280;\"></i>\r\n        <h4>No Document Selected</h4>\r\n        <p>Please select a document to view its content.</p>\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n\r\n", styles: [".document-content-viewer-container{height:100%;width:100%;display:flex;flex-direction:column;background:#f8f9fa;border-radius:8px;overflow:hidden}.document-content-viewer-container .pdf-container{width:100%;height:100%;border-radius:8px;overflow:hidden}.document-content-viewer-container .pdf-container ::ng-deep .ng2-pdf-viewer-container{height:100%;overflow:auto}.document-content-viewer-container .image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem}.document-content-viewer-container .image-container .document-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a}.document-content-viewer-container .excel-container{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden}.document-content-viewer-container .excel-container .loading-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.document-content-viewer-container .excel-container .loading-container .loading-content{text-align:center;color:#6b7280}.document-content-viewer-container .excel-container .loading-container .loading-content i{margin-bottom:1rem;display:block}.document-content-viewer-container .excel-container .loading-container .loading-content p{margin:0;color:#9ca3af;font-size:.875rem}.document-content-viewer-container .excel-container .error-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.document-content-viewer-container .excel-container .error-container .error-content{text-align:center;color:#6b7280;max-width:400px}.document-content-viewer-container .excel-container .error-container .error-content i{margin-bottom:1rem;display:block}.document-content-viewer-container .excel-container .error-container .error-content h4{margin:0 0 .5rem;color:#dc2626;font-size:1.25rem;font-weight:600}.document-content-viewer-container .excel-container .error-container .error-content p{margin:0 0 1.5rem;color:#6b7280;font-size:.875rem}.document-content-viewer-container .excel-container .error-container .error-content .error-actions{display:flex;justify-content:center}.document-content-viewer-container .excel-container .excel-viewer{width:100%;height:100%;display:flex;flex-direction:column}.document-content-viewer-container .excel-container .excel-viewer .excel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info{display:flex;align-items:center;gap:1rem}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info i{font-size:2rem;color:#10b981}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info .excel-details h4{margin:0 0 .25rem;color:#1f2937;font-size:1.125rem;font-weight:600}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info .excel-details p{margin:0;color:#6b7280;font-size:.875rem}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-actions{display:flex;gap:.5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-actions .p-button.p-button-sm{padding:.375rem .75rem;font-size:.75rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content{flex:1;display:flex;flex-direction:column;padding:1rem;background:#fafafa;overflow:hidden}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-label{font-size:.875rem;font-weight:500;color:#6b7280;margin-right:.5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab{padding:.375rem .75rem;border:1px solid #d1d5db;background:#fff;border-radius:4px;font-size:.75rem;color:#6b7280;cursor:pointer;transition:all .2s}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab:hover{background:#f3f4f6;border-color:#9ca3af}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab.active{background:#10b981;color:#fff;border-color:#10b981}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container{flex:1;overflow:auto;background:#fff;border-radius:6px;border:1px solid #e5e7eb;margin-bottom:1rem;min-width:100%;position:relative;min-height:300px;overflow-x:auto;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container::-webkit-scrollbar{display:none}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table{width:100%;min-width:max-content;border-collapse:collapse;font-size:.875rem;table-layout:auto;border:2px solid #e5e7eb;word-wrap:break-word;white-space:nowrap}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th,.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid #f3f4f6;border-right:1px solid #f3f4f6;min-width:80px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:normal;position:relative;box-sizing:border-box;vertical-align:top}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td:empty:after{content:\"\";display:block;min-height:1.5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th:last-child,.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td:last-child{border-right:1px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th:first-child,.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td:first-child{border-left:1px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table .empty-cell{background-color:#fafafa;color:#9ca3af;font-style:italic;border:1px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table tr{border:1px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th{background:#f8fafc;font-weight:600;color:#374151;position:sticky;top:0;z-index:10;border-bottom:2px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td{color:#6b7280;background:#fff}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td:first-child{font-weight:500;color:#374151}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table tr:hover td{background:#f9fafb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table tbody tr:last-child td{border-bottom:none}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-info-bar{display:flex;align-items:center;gap:1.5rem;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb;font-size:.75rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-info-bar .info-item{display:flex;align-items:center;gap:.5rem;color:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-info-bar .info-item i{color:#10b981;font-size:.875rem}.document-content-viewer-container .office-document-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.document-content-viewer-container .office-document-container .document-preview{background:#fff;border-radius:12px;padding:2rem;text-align:center;box-shadow:0 10px 15px -3px #0000001a;max-width:400px;width:100%}.document-content-viewer-container .office-document-container .document-preview .document-icon{margin-bottom:1.5rem}.document-content-viewer-container .office-document-container .document-preview .document-icon i{font-size:4rem;color:#3b82f6}.document-content-viewer-container .office-document-container .document-preview .document-info{margin-bottom:2rem}.document-content-viewer-container .office-document-container .document-preview .document-info h4{margin:0 0 .5rem;color:#1f2937;font-size:1.25rem;font-weight:600}.document-content-viewer-container .office-document-container .document-preview .document-info p{margin:.25rem 0;color:#6b7280;font-size:.875rem}.document-content-viewer-container .office-document-container .document-preview .document-info p.document-note{color:#9ca3af;font-style:italic;margin-top:.75rem}.document-content-viewer-container .office-document-container .document-preview .document-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.document-content-viewer-container .office-document-container .document-preview .document-actions .p-button{min-width:120px}.document-content-viewer-container .office-document-container .document-preview .document-actions .p-button.p-button-sm{padding:.5rem 1rem;font-size:.875rem}.document-content-viewer-container .unsupported-document-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.document-content-viewer-container .unsupported-document-container .document-preview{background:#fff;border-radius:12px;padding:2rem;text-align:center;box-shadow:0 10px 15px -3px #0000001a;max-width:400px;width:100%;border:2px solid #fbbf24}.document-content-viewer-container .unsupported-document-container .document-preview .document-icon{margin-bottom:1.5rem}.document-content-viewer-container .unsupported-document-container .document-preview .document-icon i{font-size:4rem;color:#f59e0b}.document-content-viewer-container .unsupported-document-container .document-preview .document-info{margin-bottom:2rem}.document-content-viewer-container .unsupported-document-container .document-preview .document-info h4{margin:0 0 .5rem;color:#92400e;font-size:1.25rem;font-weight:600}.document-content-viewer-container .unsupported-document-container .document-preview .document-info p{margin:.25rem 0;color:#6b7280;font-size:.875rem}.document-content-viewer-container .unsupported-document-container .document-preview .document-info p.document-note{color:#d97706;font-style:italic;margin-top:.75rem;background:#fef3c7;padding:.5rem;border-radius:6px;border:1px solid #fde68a}.document-content-viewer-container .unsupported-document-container .document-preview .document-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.document-content-viewer-container .unsupported-document-container .document-preview .document-actions .p-button{min-width:120px}.document-content-viewer-container .unsupported-document-container .document-preview .document-actions .p-button.p-button-sm{padding:.5rem 1rem;font-size:.875rem}.document-content-viewer-container .no-document-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.document-content-viewer-container .no-document-container .no-document-content{text-align:center;color:#6b7280}.document-content-viewer-container .no-document-container .no-document-content i{margin-bottom:1rem;display:block}.document-content-viewer-container .no-document-container .no-document-content h4{margin:0 0 .5rem;color:#374151;font-size:1.25rem;font-weight:600}.document-content-viewer-container .no-document-container .no-document-content p{margin:0;color:#9ca3af;font-size:.875rem}@media (max-width: 768px){.document-content-viewer-container .office-document-container,.document-content-viewer-container .unsupported-document-container{padding:1rem}.document-content-viewer-container .office-document-container .document-preview,.document-content-viewer-container .unsupported-document-container .document-preview{padding:1.5rem;max-width:100%}.document-content-viewer-container .office-document-container .document-preview .document-icon i,.document-content-viewer-container .unsupported-document-container .document-preview .document-icon i{font-size:3rem}.document-content-viewer-container .office-document-container .document-preview .document-actions,.document-content-viewer-container .unsupported-document-container .document-preview .document-actions{flex-direction:column;align-items:center}.document-content-viewer-container .office-document-container .document-preview .document-actions .p-button,.document-content-viewer-container .unsupported-document-container .document-preview .document-actions .p-button{width:100%;max-width:200px}.document-content-viewer-container .image-container{padding:.5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-header{flex-direction:column;gap:1rem;padding:1rem}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info{justify-content:center}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-actions{justify-content:center;width:100%}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-actions .p-button{flex:1;max-width:150px}.document-content-viewer-container .excel-container .excel-viewer .excel-content{padding:.5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation{flex-wrap:wrap;gap:.25rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab{font-size:.7rem;padding:.25rem .5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table{font-size:.75rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th,.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td{padding:.25rem .5rem;min-width:80px;max-width:150px}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-info-bar{flex-wrap:wrap;gap:1rem;font-size:.7rem}}@media (prefers-color-scheme: dark){.document-content-viewer-container{background:#1f2937}.document-content-viewer-container .office-document-container .document-preview,.document-content-viewer-container .unsupported-document-container .document-preview{background:#374151;color:#f9fafb}.document-content-viewer-container .office-document-container .document-preview .document-info h4,.document-content-viewer-container .unsupported-document-container .document-preview .document-info h4{color:#f9fafb}.document-content-viewer-container .office-document-container .document-preview .document-info p,.document-content-viewer-container .unsupported-document-container .document-preview .document-info p{color:#d1d5db}.document-content-viewer-container .office-document-container .document-preview .document-info p.document-note,.document-content-viewer-container .unsupported-document-container .document-preview .document-info p.document-note{color:#9ca3af;background:#4b5563;border-color:#6b7280}.document-content-viewer-container .excel-container{background:#374151}.document-content-viewer-container .excel-container .excel-viewer .excel-header{background:#4b5563;border-color:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info .excel-details h4{color:#f9fafb}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info .excel-details p{color:#d1d5db}.document-content-viewer-container .excel-container .excel-viewer .excel-content{background:#374151}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation{background:#4b5563;border-color:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab{background:#4b5563;border-color:#6b7280;color:#d1d5db}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab:hover{background:#6b7280;border-color:#9ca3af}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab.active{background:#10b981;color:#fff;border-color:#10b981}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container{background:#4b5563;border-color:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th{background:#6b7280;color:#f9fafb;border-color:#9ca3af}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td{background:#4b5563;color:#d1d5db;border-color:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td:first-child{color:#f9fafb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table tr:hover td{background:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-info-bar{background:#4b5563;border-color:#6b7280;color:#d1d5db}.document-content-viewer-container .no-document-container .no-document-content{color:#9ca3af}.document-content-viewer-container .no-document-container .no-document-content h4{color:#f9fafb}.document-content-viewer-container .no-document-container .no-document-content p{color:#d1d5db}}.excel-table{border-collapse:collapse;width:100%;font-size:.875rem}.excel-table th,.excel-table td{padding:.5rem;border:1px solid #e2e8f0;text-align:left;vertical-align:top;min-width:80px}.excel-table th[style*=background-color]:not([style*=color]),.excel-table td[style*=background-color]:not([style*=color]){color:#1f2937}.excel-table th[style*=\"font-weight: bold\"],.excel-table td[style*=\"font-weight: bold\"]{font-weight:600}.excel-table th[style*=\"font-style: italic\"],.excel-table td[style*=\"font-style: italic\"]{font-style:italic}.excel-table th{background-color:#f8fafc;font-weight:600;color:#475569;position:sticky;top:0;z-index:10}.excel-table td{background-color:#fff}.excel-table td.empty-cell{background-color:#f8fafc;color:#9ca3af}.excel-table tbody tr:hover td{background-color:#f1f5f9}.excel-table tbody tr:hover td[style*=background-color]{opacity:.8}.debug-info{margin-top:1rem;padding:1rem;background-color:#fef3c7;border:1px solid #f59e0b;border-radius:8px}.debug-info summary{cursor:pointer;font-weight:600;color:#d97706;margin-bottom:.5rem}.debug-info summary:hover{color:#b45309}.debug-info .debug-content{margin-top:.5rem}.debug-info .debug-content p{margin:.5rem 0;color:#92400e}.debug-info .debug-content ul{margin:.5rem 0;padding-left:1.5rem;color:#92400e}.debug-info .debug-content li{margin:.25rem 0}.debug-info .debug-content button{margin-top:.5rem}.docx-container{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden}.docx-container .loading-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.docx-container .loading-container .loading-content{text-align:center;color:#6b7280}.docx-container .loading-container .loading-content i{margin-bottom:1rem;display:block}.docx-container .loading-container .loading-content p{margin:0;color:#9ca3af;font-size:.875rem}.docx-container .error-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.docx-container .error-container .error-content{text-align:center;color:#6b7280;max-width:400px}.docx-container .error-container .error-content i{margin-bottom:1rem;display:block}.docx-container .error-container .error-content h4{margin:0 0 .5rem;color:#dc2626;font-size:1.25rem;font-weight:600}.docx-container .error-container .error-content p{margin:0 0 1rem;color:#9ca3af;font-size:.875rem}.docx-container .error-container .error-content .error-actions{margin-top:1rem}.docx-container .docx-viewer{width:100%;height:100%;display:flex;flex-direction:column;background:#fff}.docx-container .docx-viewer .docx-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.docx-container .docx-viewer .docx-header .docx-info{display:flex;align-items:center;gap:1rem}.docx-container .docx-viewer .docx-header .docx-info i{font-size:2rem;color:#2563eb}.docx-container .docx-viewer .docx-header .docx-info .docx-details h4{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:#111827}.docx-container .docx-viewer .docx-header .docx-info .docx-details p{margin:0 0 .125rem;font-size:.875rem;color:#6b7280}.docx-container .docx-viewer .docx-header .docx-info .docx-details .document-title{font-weight:500;color:#374151;font-size:.875rem}.docx-container .docx-viewer .docx-header .docx-info .docx-details .document-author{font-style:italic;color:#6b7280;font-size:.75rem}.docx-container .docx-viewer .docx-header .docx-actions{display:flex;gap:.5rem}.docx-container .docx-viewer .docx-content{flex:1;overflow:auto;padding:1.5rem}.docx-container .docx-viewer .docx-content .docx-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.docx-container .docx-viewer .docx-content .docx-stats .stat-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#fff;border-radius:6px;border:1px solid #e2e8f0;font-size:.75rem;color:#475569;font-weight:500}.docx-container .docx-viewer .docx-content .docx-stats .stat-item i{color:#64748b}.docx-container .docx-viewer .docx-content .docx-content-body{line-height:1.6;color:#1f2937}.docx-container .docx-viewer .docx-content .docx-content-body .docx-paragraph{margin:0 0 1rem;text-align:justify}.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading{margin:1.5rem 0 1rem;font-weight:600;color:#111827;line-height:1.3}.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h1{font-size:1.875rem;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h2{font-size:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:.25rem}.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h3{font-size:1.25rem}.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h4,.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h5,.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h6{font-size:1.125rem}.docx-container .docx-viewer .docx-content .docx-content-body .docx-table{width:100%;margin:1rem 0;border-collapse:collapse;border:1px solid #e5e7eb;background-color:#fff}.docx-container .docx-viewer .docx-content .docx-content-body .docx-table .docx-header{background-color:#f8fafc;font-weight:600;color:#374151}.docx-container .docx-viewer .docx-content .docx-content-body .docx-table .docx-cell,.docx-container .docx-viewer .docx-content .docx-content-body .docx-table .docx-header{padding:.75rem;border:1px solid #e5e7eb;text-align:left;vertical-align:top}.docx-container .docx-viewer .docx-content .docx-content-body .docx-table .docx-row:hover{background-color:#f9fafb}.docx-container .docx-viewer .docx-content .docx-content-body .docx-list{margin:1rem 0;padding-left:1.5rem}.docx-container .docx-viewer .docx-content .docx-content-body .docx-list.docx-ul{list-style-type:disc}.docx-container .docx-viewer .docx-content .docx-content-body .docx-list.docx-ol{list-style-type:decimal}.docx-container .docx-viewer .docx-content .docx-content-body .docx-list .docx-list-item{margin:.5rem 0;line-height:1.5}.docx-container .docx-viewer .docx-content .docx-content-body .docx-image{max-width:100%;height:auto;border-radius:6px;box-shadow:0 2px 4px #0000001a;margin:1rem 0}.docx-container .docx-viewer .docx-content .docx-content-body blockquote{margin:1rem 0;padding:1rem 1.5rem;border-left:4px solid #3b82f6;background-color:#f8fafc;font-style:italic;color:#374151}.docx-container .docx-viewer .docx-content .docx-content-body pre,.docx-container .docx-viewer .docx-content .docx-content-body code{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:.5rem;font-family:Courier New,monospace;font-size:.875rem;color:#1e293b;overflow-x:auto}.docx-container .docx-viewer .docx-content .docx-content-body pre{padding:1rem;margin:1rem 0}.docx-container .docx-viewer .docx-content .docx-content-body a{color:#2563eb;text-decoration:none}.docx-container .docx-viewer .docx-content .docx-content-body a:hover{text-decoration:underline}.docx-container .docx-viewer .docx-content .docx-content-body em,.docx-container .docx-viewer .docx-content .docx-content-body i{font-style:italic}.docx-container .docx-viewer .docx-content .docx-content-body strong,.docx-container .docx-viewer .docx-content .docx-content-body b{font-weight:600}.docx-container .docx-viewer .docx-content .docx-content-body hr{border:none;border-top:1px solid #e5e7eb;margin:2rem 0}\n"] }]
-        }], ctorParameters: () => [{ type: i2.HttpClient }, { type: ExcelParserService }], propDecorators: { documentUrl: [{
+            args: [{ selector: 'document-content-viewer', standalone: false, encapsulation: ViewEncapsulation.None, template: "<div class=\"document-content-viewer-container\">\n  @if(documentUrl && contentType){\n    <!-- PDF Viewer -->\n    @if(isPdf){\n      <div class=\"pdf-container\">\n        <pdf-viewer\n          [src]=\"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    }\n\n    <!-- Image Viewer -->\n    @else if(isImage){\n      <div class=\"image-container\">\n        <img\n          [src]=\"documentUrl\"\n          [alt]=\"documentName || 'Document Image'\"\n          class=\"document-image\"\n        />\n      </div>\n    }\n\n    <!-- Excel Files -->\n    @else if(isExcel){\n      <div class=\"excel-container\">\n        @if(isLoadingExcel){\n          <div class=\"loading-container\">\n            <div class=\"loading-content\">\n              <i class=\"pi pi-spin pi-spinner\" style=\"font-size: 2rem; color: #3b82f6;\"></i>\n              <p>Loading Excel file...</p>\n            </div>\n          </div>\n        }@else if(excelError){\n          <div class=\"error-container\">\n            <div class=\"error-content\">\n              <i class=\"pi pi-exclamation-triangle\" style=\"font-size: 3rem; color: #ef4444;\"></i>\n              <h4>Error Loading Excel File</h4>\n              <p>{{ excelError }}</p>\n              <div class=\"error-actions\">\n                <button \n                  type=\"button\" \n                  class=\"p-button p-button-primary p-button-sm\"\n                  (click)=\"downloadDocument()\"\n                >\n                  <i class=\"pi pi-download\"></i>\n                  Download Instead\n                </button>\n              </div>\n            </div>\n          </div>\n        }\n        @else if(excelData){\n          <div class=\"docx-container\">\n            <div class=\"docx-content\">\n                <ngx-doc-viewer\n                  [url]=\"documentUrl\"\n                  viewer=\"office\"\n                  style=\"width:100%;height:85vh;\"\n                ></ngx-doc-viewer>\n            </div>\n          </div>\n        }\n      </div>\n    }\n\n    <!-- Word Files -->\n    @else if(isWord){\n      <div class=\"docx-container\">\n        <div class=\"docx-content\">\n            <ngx-doc-viewer\n              [url]=\"documentUrl\"\n              viewer=\"office\"\n              style=\"width:100%;height:85vh;\"\n            ></ngx-doc-viewer>\n        </div>\n      </div>\n    }\n\n    <!-- CSV Files -->\n    @else if(isCsv){\n      <div class=\"office-document-container\">\n        <div class=\"document-preview\">\n          <div class=\"document-icon\">\n            <i [class]=\"documentIcon\"></i>\n          </div>\n          <div class=\"document-info\">\n            <h4>{{ documentTypeText }}</h4>\n            <p>{{ documentName || 'CSV File' }}</p>\n            <p class=\"document-note\">CSV files cannot be previewed directly. Please download to view.</p>\n          </div>\n          <div class=\"document-actions\">\n            <button \n              type=\"button\" \n              class=\"p-button p-button-primary p-button-sm\"\n              (click)=\"downloadDocument()\"\n            >\n              <i class=\"pi pi-download\"></i>\n              Download\n            </button>\n            <button \n              type=\"button\" \n              class=\"p-button p-button-outlined p-button-sm\"\n              (click)=\"openInNewTab()\"\n            >\n              <i class=\"pi pi-external-link\"></i>\n              Open\n            </button>\n          </div>\n        </div>\n      </div>\n    }\n\n    <!-- Email Files -->\n    @else if(isEmail){\n      <div class=\"office-document-container\">\n        <div class=\"document-preview\">\n          <div class=\"document-icon\">\n            <i [class]=\"documentIcon\"></i>\n          </div>\n          <div class=\"document-info\">\n            <h4>{{ documentTypeText }}</h4>\n            <p>{{ documentName || 'Email Message' }}</p>\n            <p class=\"document-note\">Email files cannot be previewed directly. Please download to view.</p>\n          </div>\n          <div class=\"document-actions\">\n            <button \n              type=\"button\" \n              class=\"p-button p-button-primary p-button-sm\"\n              (click)=\"downloadDocument()\"\n            >\n              <i class=\"pi pi-download\"></i>\n              Download\n            </button>\n            <button \n              type=\"button\" \n              class=\"p-button p-button-outlined p-button-sm\"\n              (click)=\"openInNewTab()\"\n            >\n              <i class=\"pi pi-external-link\"></i>\n              Open\n            </button>\n          </div>\n        </div>\n      </div>\n    }\n\n    <!-- OpenDocument Files -->\n    @else if(isOpenDocument){\n      <div class=\"office-document-container\">\n        <div class=\"document-preview\">\n          <div class=\"document-icon\">\n            <i [class]=\"documentIcon\"></i>\n          </div>\n          <div class=\"document-info\">\n            <h4>{{ documentTypeText }}</h4>\n            <p>{{ documentName || 'OpenDocument' }}</p>\n            <p class=\"document-note\">OpenDocument files cannot be previewed directly. Please download to view.</p>\n          </div>\n          <div class=\"document-actions\">\n            <button \n              type=\"button\" \n              class=\"p-button p-button-primary p-button-sm\"\n              (click)=\"downloadDocument()\"\n            >\n              <i class=\"pi pi-download\"></i>\n              Download\n            </button>\n            <button \n              type=\"button\" \n              class=\"p-button p-button-outlined p-button-sm\"\n              (click)=\"openInNewTab()\"\n            >\n              <i class=\"pi pi-external-link\"></i>\n              Open\n            </button>\n          </div>\n        </div>\n      </div>\n    }\n\n    <!-- Unsupported Files -->\n    @else if(isUnsupported){\n      <div class=\"unsupported-document-container\">\n        <div class=\"document-preview\">\n          <div class=\"document-icon\">\n            <i [class]=\"documentIcon\"></i>\n          </div>\n          <div class=\"document-info\">\n            <h4>Unsupported Document Type</h4>\n            <p>{{ documentName || 'Document' }}</p>\n            <p class=\"document-note\">This document type ({{ contentType }}) is not supported for preview. Please download to view.</p>\n          </div>\n          <div class=\"document-actions\">\n            <button \n              type=\"button\" \n              class=\"p-button p-button-primary p-button-sm\"\n              (click)=\"downloadDocument()\"\n            >\n              <i class=\"pi pi-download\"></i>\n              Download\n            </button>\n            <button \n              type=\"button\" \n              class=\"p-button p-button-outlined p-button-sm\"\n              (click)=\"openInNewTab()\"\n            >\n              <i class=\"pi pi-external-link\"></i>\n              Open\n            </button>\n          </div>\n        </div>\n      </div>\n    }\n  }\n  @else {\n    <div class=\"no-document-container\">\n      <div class=\"no-document-content\">\n        <i class=\"pi pi-file-o\" style=\"font-size: 3rem; color: #6b7280;\"></i>\n        <h4>No Document Selected</h4>\n        <p>Please select a document to view its content.</p>\n      </div>\n    </div>\n  }\n</div>\n\n", styles: [".document-content-viewer-container{height:100%;width:100%;display:flex;flex-direction:column;background:#f8f9fa;border-radius:8px;overflow:hidden}.document-content-viewer-container .pdf-container{width:100%;height:100%;border-radius:8px;overflow:hidden}.document-content-viewer-container .pdf-container ::ng-deep .ng2-pdf-viewer-container{height:100%;overflow:auto}.document-content-viewer-container .image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem}.document-content-viewer-container .image-container .document-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a}.document-content-viewer-container .excel-container{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden}.document-content-viewer-container .excel-container .loading-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.document-content-viewer-container .excel-container .loading-container .loading-content{text-align:center;color:#6b7280}.document-content-viewer-container .excel-container .loading-container .loading-content i{margin-bottom:1rem;display:block}.document-content-viewer-container .excel-container .loading-container .loading-content p{margin:0;color:#9ca3af;font-size:.875rem}.document-content-viewer-container .excel-container .error-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.document-content-viewer-container .excel-container .error-container .error-content{text-align:center;color:#6b7280;max-width:400px}.document-content-viewer-container .excel-container .error-container .error-content i{margin-bottom:1rem;display:block}.document-content-viewer-container .excel-container .error-container .error-content h4{margin:0 0 .5rem;color:#dc2626;font-size:1.25rem;font-weight:600}.document-content-viewer-container .excel-container .error-container .error-content p{margin:0 0 1.5rem;color:#6b7280;font-size:.875rem}.document-content-viewer-container .excel-container .error-container .error-content .error-actions{display:flex;justify-content:center}.document-content-viewer-container .excel-container .excel-viewer{width:100%;height:100%;display:flex;flex-direction:column}.document-content-viewer-container .excel-container .excel-viewer .excel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info{display:flex;align-items:center;gap:1rem}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info i{font-size:2rem;color:#10b981}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info .excel-details h4{margin:0 0 .25rem;color:#1f2937;font-size:1.125rem;font-weight:600}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info .excel-details p{margin:0;color:#6b7280;font-size:.875rem}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-actions{display:flex;gap:.5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-actions .p-button.p-button-sm{padding:.375rem .75rem;font-size:.75rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content{flex:1;display:flex;flex-direction:column;padding:1rem;background:#fafafa;overflow:hidden}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-label{font-size:.875rem;font-weight:500;color:#6b7280;margin-right:.5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab{padding:.375rem .75rem;border:1px solid #d1d5db;background:#fff;border-radius:4px;font-size:.75rem;color:#6b7280;cursor:pointer;transition:all .2s}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab:hover{background:#f3f4f6;border-color:#9ca3af}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab.active{background:#10b981;color:#fff;border-color:#10b981}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container{flex:1;overflow:auto;background:#fff;border-radius:6px;border:1px solid #e5e7eb;margin-bottom:1rem;min-width:100%;position:relative;min-height:300px;overflow-x:auto;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container::-webkit-scrollbar{display:none}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table{width:100%;min-width:max-content;border-collapse:collapse;font-size:.875rem;table-layout:auto;border:2px solid #e5e7eb;word-wrap:break-word;white-space:nowrap}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th,.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid #f3f4f6;border-right:1px solid #f3f4f6;min-width:80px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:normal;position:relative;box-sizing:border-box;vertical-align:top}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td:empty:after{content:\"\";display:block;min-height:1.5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th:last-child,.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td:last-child{border-right:1px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th:first-child,.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td:first-child{border-left:1px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table .empty-cell{background-color:#fafafa;color:#9ca3af;font-style:italic;border:1px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table tr{border:1px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th{background:#f8fafc;font-weight:600;color:#374151;position:sticky;top:0;z-index:10;border-bottom:2px solid #e5e7eb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td{color:#6b7280;background:#fff}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td:first-child{font-weight:500;color:#374151}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table tr:hover td{background:#f9fafb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table tbody tr:last-child td{border-bottom:none}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-info-bar{display:flex;align-items:center;gap:1.5rem;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb;font-size:.75rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-info-bar .info-item{display:flex;align-items:center;gap:.5rem;color:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-info-bar .info-item i{color:#10b981;font-size:.875rem}.document-content-viewer-container .office-document-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.document-content-viewer-container .office-document-container .document-preview{background:#fff;border-radius:12px;padding:2rem;text-align:center;box-shadow:0 10px 15px -3px #0000001a;max-width:400px;width:100%}.document-content-viewer-container .office-document-container .document-preview .document-icon{margin-bottom:1.5rem}.document-content-viewer-container .office-document-container .document-preview .document-icon i{font-size:4rem;color:#3b82f6}.document-content-viewer-container .office-document-container .document-preview .document-info{margin-bottom:2rem}.document-content-viewer-container .office-document-container .document-preview .document-info h4{margin:0 0 .5rem;color:#1f2937;font-size:1.25rem;font-weight:600}.document-content-viewer-container .office-document-container .document-preview .document-info p{margin:.25rem 0;color:#6b7280;font-size:.875rem}.document-content-viewer-container .office-document-container .document-preview .document-info p.document-note{color:#9ca3af;font-style:italic;margin-top:.75rem}.document-content-viewer-container .office-document-container .document-preview .document-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.document-content-viewer-container .office-document-container .document-preview .document-actions .p-button{min-width:120px}.document-content-viewer-container .office-document-container .document-preview .document-actions .p-button.p-button-sm{padding:.5rem 1rem;font-size:.875rem}.document-content-viewer-container .unsupported-document-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.document-content-viewer-container .unsupported-document-container .document-preview{background:#fff;border-radius:12px;padding:2rem;text-align:center;box-shadow:0 10px 15px -3px #0000001a;max-width:400px;width:100%;border:2px solid #fbbf24}.document-content-viewer-container .unsupported-document-container .document-preview .document-icon{margin-bottom:1.5rem}.document-content-viewer-container .unsupported-document-container .document-preview .document-icon i{font-size:4rem;color:#f59e0b}.document-content-viewer-container .unsupported-document-container .document-preview .document-info{margin-bottom:2rem}.document-content-viewer-container .unsupported-document-container .document-preview .document-info h4{margin:0 0 .5rem;color:#92400e;font-size:1.25rem;font-weight:600}.document-content-viewer-container .unsupported-document-container .document-preview .document-info p{margin:.25rem 0;color:#6b7280;font-size:.875rem}.document-content-viewer-container .unsupported-document-container .document-preview .document-info p.document-note{color:#d97706;font-style:italic;margin-top:.75rem;background:#fef3c7;padding:.5rem;border-radius:6px;border:1px solid #fde68a}.document-content-viewer-container .unsupported-document-container .document-preview .document-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.document-content-viewer-container .unsupported-document-container .document-preview .document-actions .p-button{min-width:120px}.document-content-viewer-container .unsupported-document-container .document-preview .document-actions .p-button.p-button-sm{padding:.5rem 1rem;font-size:.875rem}.document-content-viewer-container .no-document-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.document-content-viewer-container .no-document-container .no-document-content{text-align:center;color:#6b7280}.document-content-viewer-container .no-document-container .no-document-content i{margin-bottom:1rem;display:block}.document-content-viewer-container .no-document-container .no-document-content h4{margin:0 0 .5rem;color:#374151;font-size:1.25rem;font-weight:600}.document-content-viewer-container .no-document-container .no-document-content p{margin:0;color:#9ca3af;font-size:.875rem}@media (max-width: 768px){.document-content-viewer-container .office-document-container,.document-content-viewer-container .unsupported-document-container{padding:1rem}.document-content-viewer-container .office-document-container .document-preview,.document-content-viewer-container .unsupported-document-container .document-preview{padding:1.5rem;max-width:100%}.document-content-viewer-container .office-document-container .document-preview .document-icon i,.document-content-viewer-container .unsupported-document-container .document-preview .document-icon i{font-size:3rem}.document-content-viewer-container .office-document-container .document-preview .document-actions,.document-content-viewer-container .unsupported-document-container .document-preview .document-actions{flex-direction:column;align-items:center}.document-content-viewer-container .office-document-container .document-preview .document-actions .p-button,.document-content-viewer-container .unsupported-document-container .document-preview .document-actions .p-button{width:100%;max-width:200px}.document-content-viewer-container .image-container{padding:.5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-header{flex-direction:column;gap:1rem;padding:1rem}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info{justify-content:center}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-actions{justify-content:center;width:100%}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-actions .p-button{flex:1;max-width:150px}.document-content-viewer-container .excel-container .excel-viewer .excel-content{padding:.5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation{flex-wrap:wrap;gap:.25rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab{font-size:.7rem;padding:.25rem .5rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table{font-size:.75rem}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th,.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td{padding:.25rem .5rem;min-width:80px;max-width:150px}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-info-bar{flex-wrap:wrap;gap:1rem;font-size:.7rem}}@media (prefers-color-scheme: dark){.document-content-viewer-container{background:#1f2937}.document-content-viewer-container .office-document-container .document-preview,.document-content-viewer-container .unsupported-document-container .document-preview{background:#374151;color:#f9fafb}.document-content-viewer-container .office-document-container .document-preview .document-info h4,.document-content-viewer-container .unsupported-document-container .document-preview .document-info h4{color:#f9fafb}.document-content-viewer-container .office-document-container .document-preview .document-info p,.document-content-viewer-container .unsupported-document-container .document-preview .document-info p{color:#d1d5db}.document-content-viewer-container .office-document-container .document-preview .document-info p.document-note,.document-content-viewer-container .unsupported-document-container .document-preview .document-info p.document-note{color:#9ca3af;background:#4b5563;border-color:#6b7280}.document-content-viewer-container .excel-container{background:#374151}.document-content-viewer-container .excel-container .excel-viewer .excel-header{background:#4b5563;border-color:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info .excel-details h4{color:#f9fafb}.document-content-viewer-container .excel-container .excel-viewer .excel-header .excel-info .excel-details p{color:#d1d5db}.document-content-viewer-container .excel-container .excel-viewer .excel-content{background:#374151}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation{background:#4b5563;border-color:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab{background:#4b5563;border-color:#6b7280;color:#d1d5db}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab:hover{background:#6b7280;border-color:#9ca3af}.document-content-viewer-container .excel-container .excel-viewer .excel-content .sheet-navigation .sheet-tab.active{background:#10b981;color:#fff;border-color:#10b981}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container{background:#4b5563;border-color:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table th{background:#6b7280;color:#f9fafb;border-color:#9ca3af}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td{background:#4b5563;color:#d1d5db;border-color:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table td:first-child{color:#f9fafb}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-table-container .excel-table tr:hover td{background:#6b7280}.document-content-viewer-container .excel-container .excel-viewer .excel-content .excel-info-bar{background:#4b5563;border-color:#6b7280;color:#d1d5db}.document-content-viewer-container .no-document-container .no-document-content{color:#9ca3af}.document-content-viewer-container .no-document-container .no-document-content h4{color:#f9fafb}.document-content-viewer-container .no-document-container .no-document-content p{color:#d1d5db}}.excel-table{border-collapse:collapse;width:100%;font-size:.875rem}.excel-table th,.excel-table td{padding:.5rem;border:1px solid #e2e8f0;text-align:left;vertical-align:top;min-width:80px}.excel-table th[style*=background-color]:not([style*=color]),.excel-table td[style*=background-color]:not([style*=color]){color:#1f2937}.excel-table th[style*=\"font-weight: bold\"],.excel-table td[style*=\"font-weight: bold\"]{font-weight:600}.excel-table th[style*=\"font-style: italic\"],.excel-table td[style*=\"font-style: italic\"]{font-style:italic}.excel-table th{background-color:#f8fafc;font-weight:600;color:#475569;position:sticky;top:0;z-index:10}.excel-table td{background-color:#fff}.excel-table td.empty-cell{background-color:#f8fafc;color:#9ca3af}.excel-table tbody tr:hover td{background-color:#f1f5f9}.excel-table tbody tr:hover td[style*=background-color]{opacity:.8}.debug-info{margin-top:1rem;padding:1rem;background-color:#fef3c7;border:1px solid #f59e0b;border-radius:8px}.debug-info summary{cursor:pointer;font-weight:600;color:#d97706;margin-bottom:.5rem}.debug-info summary:hover{color:#b45309}.debug-info .debug-content{margin-top:.5rem}.debug-info .debug-content p{margin:.5rem 0;color:#92400e}.debug-info .debug-content ul{margin:.5rem 0;padding-left:1.5rem;color:#92400e}.debug-info .debug-content li{margin:.25rem 0}.debug-info .debug-content button{margin-top:.5rem}.docx-container{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden}.docx-container .loading-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.docx-container .loading-container .loading-content{text-align:center;color:#6b7280}.docx-container .loading-container .loading-content i{margin-bottom:1rem;display:block}.docx-container .loading-container .loading-content p{margin:0;color:#9ca3af;font-size:.875rem}.docx-container .error-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.docx-container .error-container .error-content{text-align:center;color:#6b7280;max-width:400px}.docx-container .error-container .error-content i{margin-bottom:1rem;display:block}.docx-container .error-container .error-content h4{margin:0 0 .5rem;color:#dc2626;font-size:1.25rem;font-weight:600}.docx-container .error-container .error-content p{margin:0 0 1rem;color:#9ca3af;font-size:.875rem}.docx-container .error-container .error-content .error-actions{margin-top:1rem}.docx-container .docx-viewer{width:100%;height:100%;display:flex;flex-direction:column;background:#fff}.docx-container .docx-viewer .docx-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.docx-container .docx-viewer .docx-header .docx-info{display:flex;align-items:center;gap:1rem}.docx-container .docx-viewer .docx-header .docx-info i{font-size:2rem;color:#2563eb}.docx-container .docx-viewer .docx-header .docx-info .docx-details h4{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:#111827}.docx-container .docx-viewer .docx-header .docx-info .docx-details p{margin:0 0 .125rem;font-size:.875rem;color:#6b7280}.docx-container .docx-viewer .docx-header .docx-info .docx-details .document-title{font-weight:500;color:#374151;font-size:.875rem}.docx-container .docx-viewer .docx-header .docx-info .docx-details .document-author{font-style:italic;color:#6b7280;font-size:.75rem}.docx-container .docx-viewer .docx-header .docx-actions{display:flex;gap:.5rem}.docx-container .docx-viewer .docx-content{flex:1;overflow:auto;padding:1.5rem}.docx-container .docx-viewer .docx-content .docx-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.docx-container .docx-viewer .docx-content .docx-stats .stat-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#fff;border-radius:6px;border:1px solid #e2e8f0;font-size:.75rem;color:#475569;font-weight:500}.docx-container .docx-viewer .docx-content .docx-stats .stat-item i{color:#64748b}.docx-container .docx-viewer .docx-content .docx-content-body{line-height:1.6;color:#1f2937}.docx-container .docx-viewer .docx-content .docx-content-body .docx-paragraph{margin:0 0 1rem;text-align:justify}.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading{margin:1.5rem 0 1rem;font-weight:600;color:#111827;line-height:1.3}.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h1{font-size:1.875rem;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h2{font-size:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:.25rem}.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h3{font-size:1.25rem}.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h4,.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h5,.docx-container .docx-viewer .docx-content .docx-content-body .docx-heading.docx-h6{font-size:1.125rem}.docx-container .docx-viewer .docx-content .docx-content-body .docx-table{width:100%;margin:1rem 0;border-collapse:collapse;border:1px solid #e5e7eb;background-color:#fff}.docx-container .docx-viewer .docx-content .docx-content-body .docx-table .docx-header{background-color:#f8fafc;font-weight:600;color:#374151}.docx-container .docx-viewer .docx-content .docx-content-body .docx-table .docx-cell,.docx-container .docx-viewer .docx-content .docx-content-body .docx-table .docx-header{padding:.75rem;border:1px solid #e5e7eb;text-align:left;vertical-align:top}.docx-container .docx-viewer .docx-content .docx-content-body .docx-table .docx-row:hover{background-color:#f9fafb}.docx-container .docx-viewer .docx-content .docx-content-body .docx-list{margin:1rem 0;padding-left:1.5rem}.docx-container .docx-viewer .docx-content .docx-content-body .docx-list.docx-ul{list-style-type:disc}.docx-container .docx-viewer .docx-content .docx-content-body .docx-list.docx-ol{list-style-type:decimal}.docx-container .docx-viewer .docx-content .docx-content-body .docx-list .docx-list-item{margin:.5rem 0;line-height:1.5}.docx-container .docx-viewer .docx-content .docx-content-body .docx-image{max-width:100%;height:auto;border-radius:6px;box-shadow:0 2px 4px #0000001a;margin:1rem 0}.docx-container .docx-viewer .docx-content .docx-content-body blockquote{margin:1rem 0;padding:1rem 1.5rem;border-left:4px solid #3b82f6;background-color:#f8fafc;font-style:italic;color:#374151}.docx-container .docx-viewer .docx-content .docx-content-body pre,.docx-container .docx-viewer .docx-content .docx-content-body code{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:.5rem;font-family:Courier New,monospace;font-size:.875rem;color:#1e293b;overflow-x:auto}.docx-container .docx-viewer .docx-content .docx-content-body pre{padding:1rem;margin:1rem 0}.docx-container .docx-viewer .docx-content .docx-content-body a{color:#2563eb;text-decoration:none}.docx-container .docx-viewer .docx-content .docx-content-body a:hover{text-decoration:underline}.docx-container .docx-viewer .docx-content .docx-content-body em,.docx-container .docx-viewer .docx-content .docx-content-body i{font-style:italic}.docx-container .docx-viewer .docx-content .docx-content-body strong,.docx-container .docx-viewer .docx-content .docx-content-body b{font-weight:600}.docx-container .docx-viewer .docx-content .docx-content-body hr{border:none;border-top:1px solid #e5e7eb;margin:2rem 0}.word-loading-container{display:flex;align-items:center;justify-content:center;min-height:400px;width:100%;background-color:#f9fafb;border-radius:8px}.word-loading-container .loading-content{text-align:center}.word-loading-container .loading-content i{margin-bottom:1rem;display:block;font-size:2rem;color:#3b82f6}.word-loading-container .loading-content p{margin:0;color:#6b7280;font-size:1rem;font-weight:500}.docx-container{min-height:400px}.docx-container .docx-content{height:100%;min-height:inherit;position:relative}ngx-doc-viewer{display:block;width:100%;height:100%}\n"] }]
+        }], ctorParameters: () => [{ type: ExcelParserService }, { type: DocumentHttpService }], propDecorators: { documentUrl: [{
                 type: Input
             }], contentType: [{
                 type: Input