cat-documents-ng 0.2.88 → 0.2.90

package/fesm2022/cat-documents-ng.mjs

@@ -26,6 +26,7 @@ import { DropdownModule } from 'primeng/dropdown';
 import * as i4$1 from 'primeng/sidebar';
 import { SidebarModule } from 'primeng/sidebar';
 import * as i5 from 'primeng/messages';
+import { MessagesModule } from 'primeng/messages';
 import * as i1 from '@angular/router';
 import * as i7 from 'primeng/dialog';
 import { DialogModule } from 'primeng/dialog';
@@ -39,8 +40,6 @@ import * as i6 from 'ng2-pdf-viewer';
 import { PdfViewerModule } from 'ng2-pdf-viewer';
 import * as i3$2 from 'primeng/accordion';
 import { AccordionModule } from 'primeng/accordion';
-import * as i2$3 from 'primeng/confirmdialog';
-import { ConfirmDialogModule } from 'primeng/confirmdialog';
 import * as i5$2 from 'primeng/inputtextarea';
 import { InputTextareaModule } from 'primeng/inputtextarea';
 import * as i8 from 'primeng/tooltip';
@@ -56,6 +55,7 @@ import { TimelineModule } from 'primeng/timeline';
 import { CheckboxModule } from 'primeng/checkbox';
 import { PanelMenuModule } from 'primeng/panelmenu';
 import { ToastModule } from 'primeng/toast';
+import { MessageModule } from 'primeng/message';
 
 /**
  * The `SHARED` class contains shared constants used across the application.
@@ -1313,7 +1313,7 @@ class DocumentService {
      * @returns {Observable<any>} Observable that emits the newly created document.
      */
     create(entity) {
-        const headers = { 'Authorization': 'Bearer f193f6cf-cab3-4459-a875-dc832d8d777d' };
+        const headers = { 'Authorization': 'Bearer a79cbca8-164c-4ec3-991d-0efb441ff126' };
         return this.http.post(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD_FILE}`, entity, { headers }).pipe(tap((newEntity) => this.documentStore.add(newEntity)));
     }
     /**
@@ -1718,7 +1718,7 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the transformed data for dropdown options.
      */
     getDocumentCatagories(contextId) {
-        let headers = new HttpHeaders({ Authorization: `Bearer f193f6cf-cab3-4459-a875-dc832d8d777d` });
+        let headers = new HttpHeaders({ Authorization: `Bearer a79cbca8-164c-4ec3-991d-0efb441ff126` });
         return this.http.get(`${this.apiUrl}${URLS.DOCUMENTS_CATAGORIES}/${contextId}`, { headers }).pipe(tap((response) => {
             // Store only the categories array, not the entire response
             if (response && response.categories) {
@@ -1777,7 +1777,7 @@ class DocumentHttpService {
      * @returns {Observable<DocumentModel>} An observable that emits the updated DocumentModel.
      */
     updateDocumentName(documentId, payload) {
-        let headers = new HttpHeaders({ Authorization: `Bearer f193f6cf-cab3-4459-a875-dc832d8d777d` });
+        let headers = new HttpHeaders({ Authorization: `Bearer a79cbca8-164c-4ec3-991d-0efb441ff126` });
         return this.http.put(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD}/${documentId}`, payload, { headers }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
@@ -1790,7 +1790,7 @@ class DocumentHttpService {
     getUserListByContextId(contextId) {
         if (!contextId)
             return EMPTY;
-        let headers = new HttpHeaders({ Authorization: `Bearer f193f6cf-cab3-4459-a875-dc832d8d777d` });
+        let headers = new HttpHeaders({ Authorization: `Bearer a79cbca8-164c-4ec3-991d-0efb441ff126` });
         return this.http.get(`${this.apiUrl}${URLS.USERLIST}${contextId}`, { headers }).pipe(tap((userList) => {
             this.documentStore.setUserList(userList);
         }), catchError((error) => {
@@ -1816,7 +1816,7 @@ class DocumentHttpService {
         if (categoryId) {
             params = params.set(SHARED.CATEGORY, categoryId);
         }
-        let headers = new HttpHeaders({ Authorization: `Bearer f193f6cf-cab3-4459-a875-dc832d8d777d` });
+        let headers = new HttpHeaders({ Authorization: `Bearer a79cbca8-164c-4ec3-991d-0efb441ff126` });
         return this.http.get(url, { params, headers }).pipe(tap((statusData) => {
             this.documentStore.setStatusData(statusData);
         }), catchError((error) => {
@@ -1847,7 +1847,7 @@ class DocumentHttpService {
         if (searchKey) {
             params = params.set(SHARED.SEARCH_KEY, searchKey);
         }
-        let headers = new HttpHeaders({ Authorization: `Bearer f193f6cf-cab3-4459-a875-dc832d8d777d` });
+        let headers = new HttpHeaders({ Authorization: `Bearer a79cbca8-164c-4ec3-991d-0efb441ff126` });
         return this.http.get(`${this.apiUrl}${URLS.GETALL}/${contextId}`, { params, headers }).pipe(tap((response) => {
             if (response.documents) {
                 this.documentStore.setDocumentList(response.documents);
@@ -1860,7 +1860,7 @@ class DocumentHttpService {
         if (!documentId) {
             return of([]);
         }
-        let headers = new HttpHeaders({ Authorization: `Bearer f193f6cf-cab3-4459-a875-dc832d8d777d` });
+        let headers = new HttpHeaders({ Authorization: `Bearer a79cbca8-164c-4ec3-991d-0efb441ff126` });
         return this.http.get(`${this.apiUrl}${URLS.DOCUMENT_HISTORY}${documentId}`, { headers });
     }
     /**
@@ -1871,7 +1871,7 @@ class DocumentHttpService {
     getCategoriesBySource(source) {
         if (!source)
             return EMPTY;
-        let headers = new HttpHeaders({ Authorization: `Bearer f193f6cf-cab3-4459-a875-dc832d8d777d` });
+        let headers = new HttpHeaders({ Authorization: `Bearer a79cbca8-164c-4ec3-991d-0efb441ff126` });
         return this.http.get(`${this.apiUrl}${URLS.GET_CATEGORIES_BY_SOURCE}${source}`, { headers }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
@@ -1884,7 +1884,7 @@ class DocumentHttpService {
     getDocumentTypesByCategory(categoryId) {
         if (!categoryId)
             return EMPTY;
-        let headers = new HttpHeaders({ Authorization: `Bearer f193f6cf-cab3-4459-a875-dc832d8d777d` });
+        let headers = new HttpHeaders({ Authorization: `Bearer a79cbca8-164c-4ec3-991d-0efb441ff126` });
         return this.http.get(`${this.apiUrl}${URLS.GET_DOCUMENT_TYPES_BY_CATEGORY}${categoryId}`, { headers }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
@@ -1895,7 +1895,7 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the upload response.
      */
     uploadFile(formData) {
-        let headers = new HttpHeaders({ Authorization: `Bearer f193f6cf-cab3-4459-a875-dc832d8d777d` });
+        let headers = new HttpHeaders({ Authorization: `Bearer a79cbca8-164c-4ec3-991d-0efb441ff126` });
         return this.http.post(`${this.apiUrl}${URLS.DOCUMENT_UPLOAD_FILE}`, formData, { headers }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
@@ -1906,7 +1906,7 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the save response.
      */
     saveDocumentUpload(payload) {
-        let headers = new HttpHeaders({ Authorization: `Bearer f193f6cf-cab3-4459-a875-dc832d8d777d` });
+        let headers = new HttpHeaders({ Authorization: `Bearer a79cbca8-164c-4ec3-991d-0efb441ff126` });
         return this.http.post(`${this.apiUrl}${URLS.SAVE_DOCUMENT_UPLOAD}`, payload, { headers }).pipe(catchError((error) => {
             return throwError(() => new Error(error));
         }));
@@ -1922,7 +1922,7 @@ class DocumentHttpService {
         const payload = {
             statusUpdateDescription: statusUpdateDescription
         };
-        let headers = new HttpHeaders({ Authorization: `Bearer f193f6cf-cab3-4459-a875-dc832d8d777d` });
+        let headers = new HttpHeaders({ Authorization: `Bearer a79cbca8-164c-4ec3-991d-0efb441ff126` });
         return this.http.put(`${this.apiUrl}${URLS.UPDATE_DOCUMENT_STATUS}${documentId}/${status}`, payload, { headers }).pipe(tap((response) => {
             if (response && response.status) {
                 const normalizedStatus = this.normalizeStatus(response.status);
@@ -1956,7 +1956,7 @@ class DocumentHttpService {
      * @returns {Observable<any>} Observable that emits the delete response
      */
     deleteDocument(documentId, contextId) {
-        let headers = new HttpHeaders({ Authorization: `Bearer f193f6cf-cab3-4459-a875-dc832d8d777d` });
+        let headers = new HttpHeaders({ Authorization: `Bearer a79cbca8-164c-4ec3-991d-0efb441ff126` });
         return this.http.delete(`${this.apiUrl}${URLS.DELETE_DOCUMENT}${documentId}`, { headers }).pipe(tap(() => {
             this.getDocumentCatagories(contextId).subscribe();
             this.getUserListByContextId(contextId).subscribe();
@@ -3333,8 +3333,129 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 type: Output
             }] } });
 
+class ConfirmationDialogComponent {
+    confirmationOptions = {
+        message: 'Are you sure that you want to proceed?',
+        header: 'Confirmation',
+        icon: 'pi pi-exclamation-triangle',
+        acceptLabel: 'Yes',
+        rejectLabel: 'No',
+        acceptIcon: 'pi pi-check',
+        rejectIcon: 'pi pi-times',
+        acceptButtonClass: 'btn-success',
+        rejectButtonClass: 'btn-secondary'
+    };
+    isVisible = false;
+    currentOptions = this.confirmationOptions;
+    acceptCallback;
+    rejectCallback;
+    /**
+     * Shows the confirmation dialog with the specified options
+     * @param options - Configuration options for the confirmation dialog
+     * @param acceptCallback - Function to execute when user accepts
+     * @param rejectCallback - Function to execute when user rejects
+     */
+    confirm(options, acceptCallback, rejectCallback) {
+        this.currentOptions = { ...this.confirmationOptions, ...options };
+        this.acceptCallback = acceptCallback;
+        this.rejectCallback = rejectCallback;
+        this.isVisible = true;
+    }
+    /**
+     * Shows a delete confirmation dialog
+     * @param itemName - Name of the item to be deleted
+     * @param acceptCallback - Function to execute when user accepts deletion
+     * @param rejectCallback - Function to execute when user rejects deletion
+     */
+    confirmDelete(itemName, acceptCallback, rejectCallback) {
+        this.confirm({
+            message: `Are you sure you want to delete "${itemName}"?`,
+            header: 'Delete Confirmation',
+            acceptLabel: 'Delete',
+            rejectLabel: 'Cancel',
+            acceptButtonClass: 'btn-danger'
+        }, acceptCallback, rejectCallback);
+    }
+    onAccept() {
+        this.isVisible = false;
+        if (this.acceptCallback) {
+            this.acceptCallback();
+        }
+    }
+    onReject() {
+        this.isVisible = false;
+        if (this.rejectCallback) {
+            this.rejectCallback();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ConfirmationDialogComponent, isStandalone: false, selector: "app-confirmation-dialog", inputs: { confirmationOptions: "confirmationOptions" }, ngImport: i0, template: `
+    <div *ngIf="isVisible" class="custom-confirmation-overlay">
+      <div class="custom-confirmation-dialog">
+        <div class="dialog-header">
+          <i *ngIf="currentOptions.icon" [class]="currentOptions.icon"></i>
+          <h3>{{ currentOptions.header }}</h3>
+        </div>
+        <div class="dialog-content">
+          <p>{{ currentOptions.message }}</p>
+        </div>
+        <div class="dialog-actions">
+          <button 
+            type="button" 
+            class="btn btn-secondary"
+            (click)="onReject()">
+            <i *ngIf="currentOptions.rejectIcon" [class]="currentOptions.rejectIcon"></i>
+            {{ currentOptions.rejectLabel }}
+          </button>
+          <button 
+            type="button" 
+            [class]="'btn ' + currentOptions.acceptButtonClass"
+            (click)="onAccept()">
+            <i *ngIf="currentOptions.acceptIcon" [class]="currentOptions.acceptIcon"></i>
+            {{ currentOptions.acceptLabel }}
+          </button>
+        </div>
+      </div>
+    </div>
+  `, isInline: true, styles: [".custom-confirmation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001}.custom-confirmation-dialog{background:#fff;border-radius:8px;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 4px 20px #00000026}.dialog-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.dialog-header h3{margin:0;font-size:1.25rem;font-weight:600}.dialog-content{margin-bottom:1.5rem}.dialog-content p{margin:0;color:#495057;line-height:1.5}.dialog-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-confirmation-dialog', template: `
+    <div *ngIf="isVisible" class="custom-confirmation-overlay">
+      <div class="custom-confirmation-dialog">
+        <div class="dialog-header">
+          <i *ngIf="currentOptions.icon" [class]="currentOptions.icon"></i>
+          <h3>{{ currentOptions.header }}</h3>
+        </div>
+        <div class="dialog-content">
+          <p>{{ currentOptions.message }}</p>
+        </div>
+        <div class="dialog-actions">
+          <button 
+            type="button" 
+            class="btn btn-secondary"
+            (click)="onReject()">
+            <i *ngIf="currentOptions.rejectIcon" [class]="currentOptions.rejectIcon"></i>
+            {{ currentOptions.rejectLabel }}
+          </button>
+          <button 
+            type="button" 
+            [class]="'btn ' + currentOptions.acceptButtonClass"
+            (click)="onAccept()">
+            <i *ngIf="currentOptions.acceptIcon" [class]="currentOptions.acceptIcon"></i>
+            {{ currentOptions.acceptLabel }}
+          </button>
+        </div>
+      </div>
+    </div>
+  `, standalone: false, styles: [".custom-confirmation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001}.custom-confirmation-dialog{background:#fff;border-radius:8px;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 4px 20px #00000026}.dialog-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.dialog-header h3{margin:0;font-size:1.25rem;font-weight:600}.dialog-content{margin-bottom:1.5rem}.dialog-content p{margin:0;color:#495057;line-height:1.5}.dialog-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}\n"] }]
+        }], propDecorators: { confirmationOptions: [{
+                type: Input
+            }] } });
+
 class SidebarComponent {
-    injector;
+    confirmationDialog;
     // Add setter to log visible changes
     set visible(value) {
         this._visible = value;
@@ -3352,8 +3473,8 @@ class SidebarComponent {
     modal = true;
     dismissible = true;
     closeOnEscape = true;
-    baseZIndex = SHARED.BASEZINDEX;
-    autoZIndex = true;
+    baseZIndex = 10000;
+    autoZIndex = false;
     styleClass = SHARED.EMPTY;
     appendTo = 'body';
     blockScroll = true;
@@ -3372,17 +3493,24 @@ class SidebarComponent {
     showSuccessMessage = false;
     showErrorMessage = false;
     destroy$ = new Subject();
-    confirmationService;
-    constructor(injector) {
-        this.injector = injector;
-        // Inject ConfirmationService using injector to avoid circular dependency issues
-        this.confirmationService = this.injector.get(ConfirmationService);
+    // Confirmation options for unsaved changes
+    unsavedChangesConfirmationOptions = {
+        message: SHARED.UNSAVED_CHANGES_MESSAGE,
+        header: SHARED.UNSAVED_CHANGES_HEADER,
+        icon: SHARED.UNSAVED_CHANGES_ICON,
+        acceptLabel: SHARED.REMOVE,
+        rejectLabel: SHARED.CANCEL,
+        acceptIcon: SHARED.ACCEPT_ICON,
+        rejectIcon: SHARED.REJECT_ICON,
+        acceptButtonClass: SHARED.ACCEPT_BUTTON_STYLE_CLASS,
+        rejectButtonClass: SHARED.REJECT_BUTTON_STYLE_CLASS
+    };
+    constructor() {
     }
     /**
      * Handles the onHide event from PrimeNG sidebar
      */
     onSidebarHide() {
-        // Only emit onHide if we're not programmatically closing
         if (!this.isProgrammaticallyClosing) {
             this.onHide.emit();
         }
@@ -3391,7 +3519,6 @@ class SidebarComponent {
      * Handles the visibleChange event from PrimeNG sidebar
      */
     onVisibleChange(value) {
-        // Only emit visibleChange if we're not programmatically closing
         if (!this.isProgrammaticallyClosing) {
             this.visibleChange.emit(value);
         }
@@ -3507,21 +3634,9 @@ class SidebarComponent {
      * Shows confirmation dialog for unsaved changes
      */
     showUnsavedChangesConfirmation() {
-        this.confirmationService.confirm({
-            message: SHARED.UNSAVED_CHANGES_MESSAGE,
-            header: SHARED.UNSAVED_CHANGES_HEADER,
-            icon: SHARED.UNSAVED_CHANGES_ICON,
-            acceptLabel: SHARED.REMOVE,
-            rejectLabel: SHARED.CANCEL,
-            acceptIcon: SHARED.ACCEPT_ICON,
-            rejectIcon: SHARED.REJECT_ICON,
-            acceptButtonStyleClass: SHARED.ACCEPT_BUTTON_STYLE_CLASS,
-            rejectButtonStyleClass: SHARED.REJECT_BUTTON_STYLE_CLASS,
-            accept: () => {
-                this.closeAndDiscardChanges();
-            },
-            reject: () => { }
-        });
+        this.confirmationDialog.confirm(this.unsavedChangesConfirmationOptions, () => {
+            this.closeAndDiscardChanges();
+        }, () => { });
     }
     /**
      * Shows success message and closes sidebar after delay
@@ -3563,13 +3678,16 @@ class SidebarComponent {
         this.destroy$.next();
         this.destroy$.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SidebarComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: SidebarComponent, isStandalone: false, selector: "lib-sidebar", inputs: { visible: "visible", position: "position", width: "width", title: "title", showCloseButton: "showCloseButton", modal: "modal", dismissible: "dismissible", closeOnEscape: "closeOnEscape", baseZIndex: "baseZIndex", autoZIndex: "autoZIndex", styleClass: "styleClass", appendTo: "appendTo", blockScroll: "blockScroll", closeIcon: "closeIcon", showSaveButton: "showSaveButton", saveButtonText: "saveButtonText", saveButtonDisabled: "saveButtonDisabled", successMessage: "successMessage", errorMessage: "errorMessage", hasUnsavedChanges: "hasUnsavedChanges" }, outputs: { visibleChange: "visibleChange", onShow: "onShow", onHide: "onHide", onSave: "onSave", onDiscardChanges: "onDiscardChanges" }, host: { listeners: { "document:keydown.escape": "onEscapeKey($event)" } }, ngImport: i0, template: "<!-- Custom backdrop for better control over outside clicks -->\n<div \n  *ngIf=\"visible\" \n  class=\"custom-sidebar-backdrop\" \n  (click)=\"onBackdropClick($event)\"\n></div>\n\n<p-sidebar \n  [(visible)]=\"visible\"\n  [position]=\"position\"\n  [style]=\"{width: width}\"\n  [modal]=\"false\"\n  [dismissible]=\"false\"\n  [closeOnEscape]=\"false\"\n  [showCloseIcon]=\"false\"\n  [baseZIndex]=\"baseZIndex\"\n  [autoZIndex]=\"autoZIndex\"\n  [styleClass]=\"styleClass\"\n  [appendTo]=\"appendTo\"\n  [blockScroll]=\"blockScroll\"\n  (visibleChange)=\"onVisibleChange($event)\"\n  (onShow)=\"onShow.emit()\"\n  (onHide)=\"onSidebarHide()\"\n>\n  <ng-template pTemplate=\"header\" *ngIf=\"title || showCloseButton || showSaveButton\">\n    <div class=\"sidebar-header\">\n      <h3 *ngIf=\"title\" class=\"sidebar-title\">{{ title }}</h3>\n      <div class=\"header-content\">\n        <ng-content select=\"[header]\"></ng-content>\n        \n        <p-messages \n          *ngIf=\"showSuccessMessage\"\n          severity=\"success\"\n          [closable]=\"false\"\n          [style]=\"{'margin-bottom': '0.5rem'}\"\n          class=\"ml-3\"\n        >\n          <ng-template pTemplate=\"message\">\n            <span>{{ successMessage }}</span>\n          </ng-template>\n        </p-messages>\n        <p-messages \n          *ngIf=\"showErrorMessage\"\n          severity=\"error\"\n          [closable]=\"false\"\n          [style]=\"{'margin-bottom': '0.5rem'}\"\n          class=\"ml-3\"\n        >\n          <ng-template pTemplate=\"message\">\n            <span>{{ errorMessage }}</span>\n          </ng-template>\n        </p-messages>\n\n        <div class=\"header-actions mr-3\">\n          <button \n            *ngIf=\"showSaveButton\"\n            pButton \n            type=\"button\" \n            [label]=\"saveButtonText\"\n            [disabled]=\"saveButtonDisabled\"\n            class=\"p-button-primary\"\n            (click)=\"onSave.emit()\"\n          ></button>\n\n           <button \n            *ngIf=\"showCloseButton\"\n            pButton \n            type=\"button\" \n            icon=\"pi pi-times\"\n            class=\"p-button-text p-button-rounded\"\n            (click)=\"onCloseButtonClick()\"\n          ></button>\n          \n        </div>\n      </div>\n    </div>\n  </ng-template>\n\n  <ng-template pTemplate=\"content\">\n    <div class=\"sidebar-content\">\n      <ng-content></ng-content>\n    </div>\n  </ng-template>\n</p-sidebar>\n", styles: [":host{display:block}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:0;width:100%}.sidebar-title{margin:0;font-size:1.25rem;font-weight:600;color:#212529;flex:1}.header-content{display:flex;align-items:center;gap:.5rem;justify-content:space-between;width:100%}.header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;margin-right:0}.close-button{background:none;border:none;color:#6c757d;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;margin-right:.5rem}.close-button:hover{background-color:#e9ecef;color:#495057}.close-button:focus{outline:none;box-shadow:0 0 0 3px #0f8bfd4d}.close-button i{font-size:1rem}.sidebar-content{height:100%;overflow-y:auto;padding:0}.custom-sidebar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:999;cursor:pointer}::ng-deep .p-sidebar{z-index:1000!important}.header-actions .p-button-text.p-button-rounded{width:2rem;height:2rem;border-radius:50%}.header-actions .p-button-text.p-button-rounded:hover{background-color:#0000001a}::ng-deep .p-sidebar .p-sidebar-header{border-bottom:1px solid #e9ecef;margin-bottom:1rem;background-color:#f8f9fa}::ng-deep .p-sidebar .p-sidebar-content{padding:0 1.5rem 1.5rem;height:calc(100% - 80px);overflow-y:auto}::ng-deep .p-sidebar.p-sidebar-right .p-sidebar-content{padding-left:1.5rem;padding-right:1.5rem}::ng-deep .p-sidebar.p-sidebar-left .p-sidebar-content{padding-left:1.5rem;padding-right:1.5rem}@media (max-width: 768px){::ng-deep .p-sidebar{width:100%!important;max-width:100%!important}::ng-deep .p-sidebar .p-sidebar-header{padding:1rem 1rem 0}::ng-deep .p-sidebar .p-sidebar-content{padding:0 1rem 1rem}}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i4$1.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "component", type: i5.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: SidebarComponent, isStandalone: false, selector: "lib-sidebar", inputs: { visible: "visible", position: "position", width: "width", title: "title", showCloseButton: "showCloseButton", modal: "modal", dismissible: "dismissible", closeOnEscape: "closeOnEscape", baseZIndex: "baseZIndex", autoZIndex: "autoZIndex", styleClass: "styleClass", appendTo: "appendTo", blockScroll: "blockScroll", closeIcon: "closeIcon", showSaveButton: "showSaveButton", saveButtonText: "saveButtonText", saveButtonDisabled: "saveButtonDisabled", successMessage: "successMessage", errorMessage: "errorMessage", hasUnsavedChanges: "hasUnsavedChanges" }, outputs: { visibleChange: "visibleChange", onShow: "onShow", onHide: "onHide", onSave: "onSave", onDiscardChanges: "onDiscardChanges" }, host: { listeners: { "document:keydown.escape": "onEscapeKey($event)" } }, viewQueries: [{ propertyName: "confirmationDialog", first: true, predicate: ["confirmationDialog"], descendants: true }], ngImport: i0, template: "<!-- Custom backdrop for better control over outside clicks -->\n<div \n  *ngIf=\"visible\" \n  class=\"custom-sidebar-backdrop\" \n  (click)=\"onBackdropClick($event)\"\n></div>\n\n<p-sidebar \n  [(visible)]=\"visible\"\n  [position]=\"position\"\n  [style]=\"{width: width}\"\n  [modal]=\"false\"\n  [dismissible]=\"false\"\n  [closeOnEscape]=\"false\"\n  [showCloseIcon]=\"false\"\n  [baseZIndex]=\"baseZIndex\"\n  [autoZIndex]=\"autoZIndex\"\n  [styleClass]=\"styleClass\"\n  [appendTo]=\"appendTo\"\n  [blockScroll]=\"blockScroll\"\n  (visibleChange)=\"onVisibleChange($event)\"\n  (onShow)=\"onShow.emit()\"\n  (onHide)=\"onSidebarHide()\"\n>\n  <ng-template pTemplate=\"header\" *ngIf=\"title || showCloseButton || showSaveButton\">\n    <div class=\"sidebar-header\">\n      <h3 *ngIf=\"title\" class=\"sidebar-title\">{{ title }}</h3>\n      <div class=\"header-content\">\n        <ng-content select=\"[header]\"></ng-content>\n        \n        <p-messages \n          *ngIf=\"showSuccessMessage\"\n          severity=\"success\"\n          [closable]=\"false\"\n          [style]=\"{'margin-bottom': '0.5rem'}\"\n          class=\"ml-3\"\n        >\n          <ng-template pTemplate=\"message\">\n            <span>{{ successMessage }}</span>\n          </ng-template>\n        </p-messages>\n        <p-messages \n          *ngIf=\"showErrorMessage\"\n          severity=\"error\"\n          [closable]=\"false\"\n          [style]=\"{'margin-bottom': '0.5rem'}\"\n          class=\"ml-3\"\n        >\n          <ng-template pTemplate=\"message\">\n            <span>{{ errorMessage }}</span>\n          </ng-template>\n        </p-messages>\n\n        <div class=\"header-actions mr-3\">\n          <button \n            *ngIf=\"showSaveButton\"\n            pButton \n            type=\"button\" \n            [label]=\"saveButtonText\"\n            [disabled]=\"saveButtonDisabled\"\n            class=\"p-button-primary\"\n            (click)=\"onSave.emit()\"\n          ></button>\n\n           <button \n            *ngIf=\"showCloseButton\"\n            pButton \n            type=\"button\" \n            icon=\"pi pi-times\"\n            class=\"p-button-text p-button-rounded\"\n            (click)=\"onCloseButtonClick()\"\n          ></button>\n          \n        </div>\n      </div>\n    </div>\n  </ng-template>\n\n  <ng-template pTemplate=\"content\">\n    <div class=\"sidebar-content\">\n      <ng-content></ng-content>\n    </div>\n  </ng-template>\n</p-sidebar>\n\n<!-- Custom confirmation dialog for unsaved changes -->\n<app-confirmation-dialog \n  #confirmationDialog\n  [confirmationOptions]=\"unsavedChangesConfirmationOptions\">\n</app-confirmation-dialog>\n", styles: [":host{display:block}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:0;width:100%}.sidebar-title{margin:0;font-size:1.25rem;font-weight:600;color:#212529;flex:1}.header-content{display:flex;align-items:center;gap:.5rem;justify-content:space-between;width:100%}.header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;margin-right:0}.close-button{background:none;border:none;color:#6c757d;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;margin-right:.5rem}.close-button:hover{background-color:#e9ecef;color:#495057}.close-button:focus{outline:none;box-shadow:0 0 0 3px #0f8bfd4d}.close-button i{font-size:1rem}.sidebar-content{height:100%;overflow-y:auto;padding:0}.custom-sidebar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:9999;cursor:pointer}::ng-deep .p-sidebar{z-index:10000!important}::ng-deep .p-confirm-dialog{z-index:10001!important}::ng-deep .p-dialog-mask{z-index:10000!important}::ng-deep .p-confirm-dialog-mask{z-index:10000!important}.header-actions .p-button-text.p-button-rounded{width:2rem;height:2rem;border-radius:50%}.header-actions .p-button-text.p-button-rounded:hover{background-color:#0000001a}::ng-deep .p-sidebar .p-sidebar-header{border-bottom:1px solid #e9ecef;margin-bottom:1rem;background-color:#f8f9fa}::ng-deep .p-sidebar .p-sidebar-content{padding:0 1.5rem 1.5rem;height:calc(100% - 80px);overflow-y:auto}::ng-deep .p-sidebar.p-sidebar-right .p-sidebar-content{padding-left:1.5rem;padding-right:1.5rem}::ng-deep .p-sidebar.p-sidebar-left .p-sidebar-content{padding-left:1.5rem;padding-right:1.5rem}@media (max-width: 768px){::ng-deep .p-sidebar{width:100%!important;max-width:100%!important}::ng-deep .p-sidebar .p-sidebar-header{padding:1rem 1rem 0}::ng-deep .p-sidebar .p-sidebar-content{padding:0 1rem 1rem}}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i4$1.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "component", type: i5.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }, { kind: "component", type: ConfirmationDialogComponent, selector: "app-confirmation-dialog", inputs: ["confirmationOptions"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SidebarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-sidebar', standalone: false, template: "<!-- Custom backdrop for better control over outside clicks -->\n<div \n  *ngIf=\"visible\" \n  class=\"custom-sidebar-backdrop\" \n  (click)=\"onBackdropClick($event)\"\n></div>\n\n<p-sidebar \n  [(visible)]=\"visible\"\n  [position]=\"position\"\n  [style]=\"{width: width}\"\n  [modal]=\"false\"\n  [dismissible]=\"false\"\n  [closeOnEscape]=\"false\"\n  [showCloseIcon]=\"false\"\n  [baseZIndex]=\"baseZIndex\"\n  [autoZIndex]=\"autoZIndex\"\n  [styleClass]=\"styleClass\"\n  [appendTo]=\"appendTo\"\n  [blockScroll]=\"blockScroll\"\n  (visibleChange)=\"onVisibleChange($event)\"\n  (onShow)=\"onShow.emit()\"\n  (onHide)=\"onSidebarHide()\"\n>\n  <ng-template pTemplate=\"header\" *ngIf=\"title || showCloseButton || showSaveButton\">\n    <div class=\"sidebar-header\">\n      <h3 *ngIf=\"title\" class=\"sidebar-title\">{{ title }}</h3>\n      <div class=\"header-content\">\n        <ng-content select=\"[header]\"></ng-content>\n        \n        <p-messages \n          *ngIf=\"showSuccessMessage\"\n          severity=\"success\"\n          [closable]=\"false\"\n          [style]=\"{'margin-bottom': '0.5rem'}\"\n          class=\"ml-3\"\n        >\n          <ng-template pTemplate=\"message\">\n            <span>{{ successMessage }}</span>\n          </ng-template>\n        </p-messages>\n        <p-messages \n          *ngIf=\"showErrorMessage\"\n          severity=\"error\"\n          [closable]=\"false\"\n          [style]=\"{'margin-bottom': '0.5rem'}\"\n          class=\"ml-3\"\n        >\n          <ng-template pTemplate=\"message\">\n            <span>{{ errorMessage }}</span>\n          </ng-template>\n        </p-messages>\n\n        <div class=\"header-actions mr-3\">\n          <button \n            *ngIf=\"showSaveButton\"\n            pButton \n            type=\"button\" \n            [label]=\"saveButtonText\"\n            [disabled]=\"saveButtonDisabled\"\n            class=\"p-button-primary\"\n            (click)=\"onSave.emit()\"\n          ></button>\n\n           <button \n            *ngIf=\"showCloseButton\"\n            pButton \n            type=\"button\" \n            icon=\"pi pi-times\"\n            class=\"p-button-text p-button-rounded\"\n            (click)=\"onCloseButtonClick()\"\n          ></button>\n          \n        </div>\n      </div>\n    </div>\n  </ng-template>\n\n  <ng-template pTemplate=\"content\">\n    <div class=\"sidebar-content\">\n      <ng-content></ng-content>\n    </div>\n  </ng-template>\n</p-sidebar>\n", styles: [":host{display:block}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:0;width:100%}.sidebar-title{margin:0;font-size:1.25rem;font-weight:600;color:#212529;flex:1}.header-content{display:flex;align-items:center;gap:.5rem;justify-content:space-between;width:100%}.header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;margin-right:0}.close-button{background:none;border:none;color:#6c757d;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;margin-right:.5rem}.close-button:hover{background-color:#e9ecef;color:#495057}.close-button:focus{outline:none;box-shadow:0 0 0 3px #0f8bfd4d}.close-button i{font-size:1rem}.sidebar-content{height:100%;overflow-y:auto;padding:0}.custom-sidebar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:999;cursor:pointer}::ng-deep .p-sidebar{z-index:1000!important}.header-actions .p-button-text.p-button-rounded{width:2rem;height:2rem;border-radius:50%}.header-actions .p-button-text.p-button-rounded:hover{background-color:#0000001a}::ng-deep .p-sidebar .p-sidebar-header{border-bottom:1px solid #e9ecef;margin-bottom:1rem;background-color:#f8f9fa}::ng-deep .p-sidebar .p-sidebar-content{padding:0 1.5rem 1.5rem;height:calc(100% - 80px);overflow-y:auto}::ng-deep .p-sidebar.p-sidebar-right .p-sidebar-content{padding-left:1.5rem;padding-right:1.5rem}::ng-deep .p-sidebar.p-sidebar-left .p-sidebar-content{padding-left:1.5rem;padding-right:1.5rem}@media (max-width: 768px){::ng-deep .p-sidebar{width:100%!important;max-width:100%!important}::ng-deep .p-sidebar .p-sidebar-header{padding:1rem 1rem 0}::ng-deep .p-sidebar .p-sidebar-content{padding:0 1rem 1rem}}\n"] }]
-        }], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { visible: [{
+            args: [{ selector: 'lib-sidebar', standalone: false, template: "<!-- Custom backdrop for better control over outside clicks -->\n<div \n  *ngIf=\"visible\" \n  class=\"custom-sidebar-backdrop\" \n  (click)=\"onBackdropClick($event)\"\n></div>\n\n<p-sidebar \n  [(visible)]=\"visible\"\n  [position]=\"position\"\n  [style]=\"{width: width}\"\n  [modal]=\"false\"\n  [dismissible]=\"false\"\n  [closeOnEscape]=\"false\"\n  [showCloseIcon]=\"false\"\n  [baseZIndex]=\"baseZIndex\"\n  [autoZIndex]=\"autoZIndex\"\n  [styleClass]=\"styleClass\"\n  [appendTo]=\"appendTo\"\n  [blockScroll]=\"blockScroll\"\n  (visibleChange)=\"onVisibleChange($event)\"\n  (onShow)=\"onShow.emit()\"\n  (onHide)=\"onSidebarHide()\"\n>\n  <ng-template pTemplate=\"header\" *ngIf=\"title || showCloseButton || showSaveButton\">\n    <div class=\"sidebar-header\">\n      <h3 *ngIf=\"title\" class=\"sidebar-title\">{{ title }}</h3>\n      <div class=\"header-content\">\n        <ng-content select=\"[header]\"></ng-content>\n        \n        <p-messages \n          *ngIf=\"showSuccessMessage\"\n          severity=\"success\"\n          [closable]=\"false\"\n          [style]=\"{'margin-bottom': '0.5rem'}\"\n          class=\"ml-3\"\n        >\n          <ng-template pTemplate=\"message\">\n            <span>{{ successMessage }}</span>\n          </ng-template>\n        </p-messages>\n        <p-messages \n          *ngIf=\"showErrorMessage\"\n          severity=\"error\"\n          [closable]=\"false\"\n          [style]=\"{'margin-bottom': '0.5rem'}\"\n          class=\"ml-3\"\n        >\n          <ng-template pTemplate=\"message\">\n            <span>{{ errorMessage }}</span>\n          </ng-template>\n        </p-messages>\n\n        <div class=\"header-actions mr-3\">\n          <button \n            *ngIf=\"showSaveButton\"\n            pButton \n            type=\"button\" \n            [label]=\"saveButtonText\"\n            [disabled]=\"saveButtonDisabled\"\n            class=\"p-button-primary\"\n            (click)=\"onSave.emit()\"\n          ></button>\n\n           <button \n            *ngIf=\"showCloseButton\"\n            pButton \n            type=\"button\" \n            icon=\"pi pi-times\"\n            class=\"p-button-text p-button-rounded\"\n            (click)=\"onCloseButtonClick()\"\n          ></button>\n          \n        </div>\n      </div>\n    </div>\n  </ng-template>\n\n  <ng-template pTemplate=\"content\">\n    <div class=\"sidebar-content\">\n      <ng-content></ng-content>\n    </div>\n  </ng-template>\n</p-sidebar>\n\n<!-- Custom confirmation dialog for unsaved changes -->\n<app-confirmation-dialog \n  #confirmationDialog\n  [confirmationOptions]=\"unsavedChangesConfirmationOptions\">\n</app-confirmation-dialog>\n", styles: [":host{display:block}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:0;width:100%}.sidebar-title{margin:0;font-size:1.25rem;font-weight:600;color:#212529;flex:1}.header-content{display:flex;align-items:center;gap:.5rem;justify-content:space-between;width:100%}.header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;margin-right:0}.close-button{background:none;border:none;color:#6c757d;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;margin-right:.5rem}.close-button:hover{background-color:#e9ecef;color:#495057}.close-button:focus{outline:none;box-shadow:0 0 0 3px #0f8bfd4d}.close-button i{font-size:1rem}.sidebar-content{height:100%;overflow-y:auto;padding:0}.custom-sidebar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:9999;cursor:pointer}::ng-deep .p-sidebar{z-index:10000!important}::ng-deep .p-confirm-dialog{z-index:10001!important}::ng-deep .p-dialog-mask{z-index:10000!important}::ng-deep .p-confirm-dialog-mask{z-index:10000!important}.header-actions .p-button-text.p-button-rounded{width:2rem;height:2rem;border-radius:50%}.header-actions .p-button-text.p-button-rounded:hover{background-color:#0000001a}::ng-deep .p-sidebar .p-sidebar-header{border-bottom:1px solid #e9ecef;margin-bottom:1rem;background-color:#f8f9fa}::ng-deep .p-sidebar .p-sidebar-content{padding:0 1.5rem 1.5rem;height:calc(100% - 80px);overflow-y:auto}::ng-deep .p-sidebar.p-sidebar-right .p-sidebar-content{padding-left:1.5rem;padding-right:1.5rem}::ng-deep .p-sidebar.p-sidebar-left .p-sidebar-content{padding-left:1.5rem;padding-right:1.5rem}@media (max-width: 768px){::ng-deep .p-sidebar{width:100%!important;max-width:100%!important}::ng-deep .p-sidebar .p-sidebar-header{padding:1rem 1rem 0}::ng-deep .p-sidebar .p-sidebar-content{padding:0 1rem 1rem}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { confirmationDialog: [{
+                type: ViewChild,
+                args: ['confirmationDialog']
+            }], visible: [{
                 type: Input
             }], position: [{
                 type: Input
@@ -5384,85 +5502,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 type: Input
             }] } });
 
-class ConfirmationDialogComponent {
-    confirmationService;
-    confirmationOptions = {
-        message: 'Are you sure that you want to proceed?',
-        header: 'Confirmation',
-        icon: 'pi pi-exclamation-triangle',
-        acceptLabel: 'Yes',
-        rejectLabel: 'No',
-        acceptIcon: 'pi pi-check',
-        rejectIcon: 'pi pi-times',
-        acceptButtonClass: 'p-button-success',
-        rejectButtonClass: 'p-button-secondary'
-    };
-    constructor(confirmationService) {
-        this.confirmationService = confirmationService;
-    }
-    /**
-     * Shows the confirmation dialog with the specified options
-     * @param options - Configuration options for the confirmation dialog
-     * @param acceptCallback - Function to execute when user accepts
-     * @param rejectCallback - Function to execute when user rejects
-     */
-    confirm(options, acceptCallback, rejectCallback) {
-        const finalOptions = { ...this.confirmationOptions, ...options };
-        this.confirmationService.confirm({
-            message: finalOptions.message,
-            header: finalOptions.header,
-            icon: finalOptions.icon,
-            acceptLabel: finalOptions.acceptLabel,
-            rejectLabel: finalOptions.rejectLabel,
-            acceptIcon: finalOptions.acceptIcon,
-            rejectIcon: finalOptions.rejectIcon,
-            acceptButtonStyleClass: finalOptions.acceptButtonClass,
-            rejectButtonStyleClass: finalOptions.rejectButtonClass,
-            accept: acceptCallback,
-            reject: rejectCallback
-        });
-    }
-    /**
-     * Shows a delete confirmation dialog
-     * @param itemName - Name of the item to be deleted
-     * @param acceptCallback - Function to execute when user accepts deletion
-     * @param rejectCallback - Function to execute when user rejects deletion
-     */
-    confirmDelete(itemName, acceptCallback, rejectCallback) {
-        this.confirm({
-            message: `Are you sure you want to delete "${itemName}"?`,
-            header: 'Delete Confirmation',
-            acceptLabel: 'Delete',
-            rejectLabel: 'Cancel',
-            acceptButtonClass: 'p-button-danger'
-        }, acceptCallback, rejectCallback);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ConfirmationDialogComponent, deps: [{ token: i3.ConfirmationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ConfirmationDialogComponent, isStandalone: false, selector: "app-confirmation-dialog", inputs: { confirmationOptions: "confirmationOptions" }, ngImport: i0, template: `
-    <p-confirmDialog 
-      [style]="{ width: '25rem', height : '15rem' }" 
-      acceptButtonStyleClass="p-button-success" 
-      rejectButtonStyleClass="p-button-secondary">
-    </p-confirmDialog>
-  `, isInline: true, dependencies: [{ kind: "component", type: i2$3.ConfirmDialog, selector: "p-confirmDialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position"], outputs: ["onHide"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'app-confirmation-dialog',
-                    template: `
-    <p-confirmDialog 
-      [style]="{ width: '25rem', height : '15rem' }" 
-      acceptButtonStyleClass="p-button-success" 
-      rejectButtonStyleClass="p-button-secondary">
-    </p-confirmDialog>
-  `,
-                    standalone: false
-                }]
-        }], ctorParameters: () => [{ type: i3.ConfirmationService }], propDecorators: { confirmationOptions: [{
-                type: Input
-            }] } });
-
 class DocumentActionsService {
     /**
      * Calculates the card class based on status
@@ -6843,13 +6882,11 @@ class SharedModule {
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: SharedModule, declarations: [TablePrimaryComponent, HasPermissionDirective, ConfirmationDialogComponent], imports: [CommonModule,
             TableModule,
             ButtonModule,
-            RippleModule,
-            ConfirmDialogModule], exports: [TablePrimaryComponent, HasPermissionDirective, ConfirmationDialogComponent] });
+            RippleModule], exports: [TablePrimaryComponent, HasPermissionDirective, ConfirmationDialogComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SharedModule, providers: [ConfirmationService], imports: [CommonModule,
             TableModule,
             ButtonModule,
-            RippleModule,
-            ConfirmDialogModule] });
+            RippleModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SharedModule, decorators: [{
             type: NgModule,
@@ -6859,8 +6896,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         CommonModule,
                         TableModule,
                         ButtonModule,
-                        RippleModule,
-                        ConfirmDialogModule
+                        RippleModule
                     ],
                     providers: [ConfirmationService],
                     exports: [TablePrimaryComponent, HasPermissionDirective, ConfirmationDialogComponent]
@@ -7010,8 +7046,9 @@ class DocumentModule {
             SharedModule,
             InputTextareaModule,
             ToastModule,
-            ConfirmDialogModule,
-            TooltipModule], exports: [
+            TooltipModule,
+            MessagesModule,
+            MessageModule], exports: [
             /**
              * Exports the `DocumentContainerComponent` to be used in other modules.
              */
@@ -7160,8 +7197,9 @@ class DocumentModule {
             SharedModule,
             InputTextareaModule,
             ToastModule,
-            ConfirmDialogModule,
-            TooltipModule] });
+            TooltipModule,
+            MessagesModule,
+            MessageModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentModule, decorators: [{
             type: NgModule,
@@ -7302,8 +7340,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         SharedModule,
                         InputTextareaModule,
                         ToastModule,
-                        ConfirmDialogModule,
-                        TooltipModule
+                        TooltipModule,
+                        MessagesModule,
+                        MessageModule
                     ],
                     exports: [
                         /**
@@ -7381,6 +7420,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
 
 /*
  * Public API Surface of cat-document-lib
+ *
+ * IMPORTANT: To ensure proper z-index values and prevent confirmation dialog visibility issues,
+ * import the global styles in your host project:
+ *
+ * Option 1: In your styles.scss
+ * @import '~cat-document-lib/lib/styles.scss';
+ *
+ * Option 2: In your angular.json
+ * "styles": ["node_modules/cat-document-lib/lib/styles.scss"]
  */
 
 /**