cat-documents-ng 0.2.88 → 0.2.90

package/README.md

@@ -320,3 +320,102 @@ 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>;
 }