cat-documents-ng 0.2.89 → 0.2.91

package/README.md

@@ -320,102 +320,3 @@ folderBlocks: Data sourced from FOLDERPANEL for folder blocks.
 
 ## Additional Resources
 For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
-
-## Troubleshooting
-
-### Confirmation Dialog Not Visible
-
-If you experience issues where confirmation dialogs are not visible when the library is installed in your project, this is likely due to z-index conflicts. Here are the solutions:
-
-#### Solution 1: Import Global Styles
-
-Import the library's global styles in your main `styles.scss` or `angular.json`:
-
-```scss
-// In your styles.scss
-@import '~cat-document-lib/lib/styles.scss';
-```
-
-#### Solution 2: Configure Z-Index in angular.json
-
-Add the library's styles to your `angular.json` file:
-
-```json
-{
-  "projects": {
-    "your-project": {
-      "architect": {
-        "build": {
-          "options": {
-            "styles": [
-              "src/styles.scss",
-              "node_modules/cat-document-lib/lib/styles.scss"
-            ]
-          }
-        }
-      }
-    }
-  }
-}
-```
-
-#### Solution 3: Override Z-Index in Host Project
-
-If the above solutions don't work, you can override the z-index values in your host project's CSS:
-
-```scss
-/* Ensure confirmation dialogs are visible */
-.p-confirm-dialog {
-  z-index: 10001 !important;
-}
-
-.p-dialog-mask {
-  z-index: 10000 !important;
-}
-
-.p-sidebar {
-  z-index: 10000 !important;
-}
-```
-
-#### Solution 4: Use Higher Base Z-Index
-
-When using the sidebar component, you can specify a higher base z-index:
-
-```html
-<lib-sidebar 
-  [baseZIndex]="20000"
-  [autoZIndex]="false">
-  <!-- content -->
-</lib-sidebar>
-```
-
-### Common Issues
-
-1. **Dialog appears behind other elements**: This is usually a z-index issue. Use Solution 1 or 2 above.
-2. **Sidebar not visible**: Check if the `visible` property is properly bound and the component is not hidden by CSS.
-3. **Confirmation dialog not showing**: Ensure PrimeNG's ConfirmationService is properly configured in your app.
-
-## API Reference
-
-### SidebarComponent
-
-The main sidebar component with the following inputs:
-
-- `visible`: Boolean to control sidebar visibility
-- `position`: 'left' | 'right' - Sidebar position
-- `width`: String for sidebar width
-- `baseZIndex`: Number for z-index (default: 10000)
-- `autoZIndex`: Boolean to auto-manage z-index (default: false)
-
-## Contributing
-
-1. Fork the repository
-2. Create a feature branch
-3. Make your changes
-4. Add tests
-5. Submit a pull request
-
-## License
-
-This project is licensed under the MIT License.

package/Shared/components/confirmation-dialog/confirmation-dialog.component.d.ts

@@ -1,4 +1,3 @@
-import { ConfirmationService } from 'primeng/api';
 import * as i0 from "@angular/core";
 export interface ConfirmationOptions {
     message: string;
@@ -12,9 +11,11 @@ export interface ConfirmationOptions {
     rejectButtonClass?: string;
 }
 export declare class ConfirmationDialogComponent {
-    private confirmationService;
     confirmationOptions: ConfirmationOptions;
-    constructor(confirmationService: ConfirmationService);
+    isVisible: boolean;
+    currentOptions: ConfirmationOptions;
+    private acceptCallback?;
+    private rejectCallback?;
     /**
      * Shows the confirmation dialog with the specified options
      * @param options - Configuration options for the confirmation dialog
@@ -29,6 +30,8 @@ export declare class ConfirmationDialogComponent {
      * @param rejectCallback - Function to execute when user rejects deletion
      */
     confirmDelete(itemName: string, acceptCallback: () => void, rejectCallback?: () => void): void;
+    onAccept(): void;
+    onReject(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationDialogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmationDialogComponent, "app-confirmation-dialog", never, { "confirmationOptions": { "alias": "confirmationOptions"; "required": false; }; }, {}, never, never, false, never>;
 }

package/Shared/shared.module.d.ts

@@ -6,9 +6,8 @@ import * as i4 from "@angular/common";
 import * as i5 from "primeng/table";
 import * as i6 from "primeng/button";
 import * as i7 from "primeng/ripple";
-import * as i8 from "primeng/confirmdialog";
 export declare class SharedModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedModule, [typeof i1.TablePrimaryComponent, typeof i2.HasPermissionDirective, typeof i3.ConfirmationDialogComponent], [typeof i4.CommonModule, typeof i5.TableModule, typeof i6.ButtonModule, typeof i7.RippleModule, typeof i8.ConfirmDialogModule], [typeof i1.TablePrimaryComponent, typeof i2.HasPermissionDirective, typeof i3.ConfirmationDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedModule, [typeof i1.TablePrimaryComponent, typeof i2.HasPermissionDirective, typeof i3.ConfirmationDialogComponent], [typeof i4.CommonModule, typeof i5.TableModule, typeof i6.ButtonModule, typeof i7.RippleModule], [typeof i1.TablePrimaryComponent, typeof i2.HasPermissionDirective, typeof i3.ConfirmationDialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedModule>;
 }

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.
@@ -3333,8 +3333,73 @@ 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\">\r\n  <div class=\"custom-confirmation-dialog\">\r\n    <div class=\"dialog-header\">\r\n      <i *ngIf=\"currentOptions.icon\" [class]=\"currentOptions.icon\"></i>\r\n      <h3>{{ currentOptions.header }}</h3>\r\n    </div>\r\n    <div class=\"dialog-content\">\r\n      <p>{{ currentOptions.message }}</p>\r\n    </div>\r\n    <div class=\"dialog-actions\">\r\n      <button \r\n        type=\"button\" \r\n        pButton\r\n        class=\"btn btn-secondary\"\r\n        (click)=\"onReject()\">\r\n        <i *ngIf=\"currentOptions.rejectIcon\" [class]=\"currentOptions.rejectIcon\"></i>\r\n        {{ currentOptions.rejectLabel }}\r\n      </button>\r\n      <button \r\n        type=\"button\" \r\n        pButton\r\n        [class]=\"'btn ' + currentOptions.acceptButtonClass\"\r\n        (click)=\"onAccept()\">\r\n        <i *ngIf=\"currentOptions.acceptIcon\" [class]=\"currentOptions.acceptIcon\"></i>\r\n        {{ currentOptions.acceptLabel }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".custom-confirmation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001}.custom-confirmation-dialog{background:#fff;border-radius:8px;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 4px 20px #00000026}.dialog-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.dialog-header h3{margin:0;font-size:1.25rem;font-weight:600}.dialog-content{margin-bottom:1.5rem}.dialog-content p{margin:0;color:#495057;line-height:1.5}.dialog-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-confirmation-dialog', standalone: false, template: "<div *ngIf=\"isVisible\" class=\"custom-confirmation-overlay\">\r\n  <div class=\"custom-confirmation-dialog\">\r\n    <div class=\"dialog-header\">\r\n      <i *ngIf=\"currentOptions.icon\" [class]=\"currentOptions.icon\"></i>\r\n      <h3>{{ currentOptions.header }}</h3>\r\n    </div>\r\n    <div class=\"dialog-content\">\r\n      <p>{{ currentOptions.message }}</p>\r\n    </div>\r\n    <div class=\"dialog-actions\">\r\n      <button \r\n        type=\"button\" \r\n        pButton\r\n        class=\"btn btn-secondary\"\r\n        (click)=\"onReject()\">\r\n        <i *ngIf=\"currentOptions.rejectIcon\" [class]=\"currentOptions.rejectIcon\"></i>\r\n        {{ currentOptions.rejectLabel }}\r\n      </button>\r\n      <button \r\n        type=\"button\" \r\n        pButton\r\n        [class]=\"'btn ' + currentOptions.acceptButtonClass\"\r\n        (click)=\"onAccept()\">\r\n        <i *ngIf=\"currentOptions.acceptIcon\" [class]=\"currentOptions.acceptIcon\"></i>\r\n        {{ currentOptions.acceptLabel }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".custom-confirmation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001}.custom-confirmation-dialog{background:#fff;border-radius:8px;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 4px 20px #00000026}.dialog-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.dialog-header h3{margin:0;font-size:1.25rem;font-weight:600}.dialog-content{margin-bottom:1.5rem}.dialog-content p{margin:0;color:#495057;line-height:1.5}.dialog-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}\n"] }]
+        }], propDecorators: { confirmationOptions: [{
+                type: Input
+            }] } });
+
 class SidebarComponent {
-    injector;
+    confirmationDialog;
     // Add setter to log visible changes
     set visible(value) {
         this._visible = value;
@@ -3372,17 +3437,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 +3463,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 +3578,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 +3622,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: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"] }] });
+    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: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: () => [{ 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 +5446,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 +6826,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 +6840,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 +6990,9 @@ class DocumentModule {
             SharedModule,
             InputTextareaModule,
             ToastModule,
-            ConfirmDialogModule,
-            TooltipModule], exports: [
+            TooltipModule,
+            MessagesModule,
+            MessageModule], exports: [
             /**
              * Exports the `DocumentContainerComponent` to be used in other modules.
              */
@@ -7160,8 +7141,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 +7284,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         SharedModule,
                         InputTextareaModule,
                         ToastModule,
-                        ConfirmDialogModule,
-                        TooltipModule
+                        TooltipModule,
+                        MessagesModule,
+                        MessageModule
                     ],
                     exports: [
                         /**
@@ -7381,15 +7364,6 @@ 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"]
  */
 
 /**