ng-prime-tools 1.0.26 → 1.0.28

package/fesm2022/ng-prime-tools.mjs

@@ -47,11 +47,11 @@ import { filter } from 'rxjs/operators';
 import { BehaviorSubject } from 'rxjs';
 import * as i3$6 from 'primeng/breadcrumb';
 import { BreadcrumbModule } from 'primeng/breadcrumb';
-import * as i3$7 from 'primeng/toast';
-import { ToastModule } from 'primeng/toast';
-import * as i4$2 from 'primeng/confirmdialog';
+import * as i3$7 from 'primeng/confirmdialog';
 import { ConfirmDialogModule } from 'primeng/confirmdialog';
 import { DialogModule } from 'primeng/dialog';
+import * as i2$2 from 'primeng/toast';
+import { ToastModule } from 'primeng/toast';
 
 /**
  * Calculates the width required for a column based on the header text (column title).
@@ -3242,6 +3242,11 @@ class PTButtonComponent {
     ngOnInit() {
         // Initialization logic if needed
     }
+    ngOnChanges(changes) {
+        if (changes['buttonConfig']) {
+            this.applyButtonStyles();
+        }
+    }
     ngAfterViewInit() {
         this.applyButtonStyles();
     }
@@ -3252,23 +3257,22 @@ class PTButtonComponent {
         return this.buttonConfig.type || 'button';
     }
     applyButtonStyles() {
-        // Select the native button element inside the p-button
         const buttonElement = this.el.nativeElement.querySelector('button.p-element');
-        if (buttonElement) {
-            // Apply dynamic styles using Renderer2
-            this.renderer.setStyle(buttonElement, 'color', this.buttonConfig.fontColor);
-            this.renderer.setStyle(buttonElement, 'background-color', this.buttonConfig.backgroundColor);
-            this.renderer.setStyle(buttonElement, 'border-color', this.buttonConfig.borderColor);
+        if (buttonElement && this.buttonConfig) {
+            const isDisabled = this.buttonConfig.disabled;
+            this.renderer.setStyle(buttonElement, 'color', isDisabled ? '#999' : this.buttonConfig.fontColor);
+            this.renderer.setStyle(buttonElement, 'background-color', isDisabled ? '#e0e0e0' : this.buttonConfig.backgroundColor);
+            this.renderer.setStyle(buttonElement, 'border-color', isDisabled ? '#bdbdbd' : this.buttonConfig.borderColor);
             this.renderer.setStyle(buttonElement, 'width', this.buttonConfig.width || 'auto');
             this.renderer.setStyle(buttonElement, 'height', this.buttonConfig.height || 'auto');
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTButtonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTButtonComponent, selector: "pt-button", inputs: { buttonConfig: "buttonConfig" }, ngImport: i0, template: "<p-button\n  [label]=\"buttonConfig.label\"\n  [icon]=\"buttonConfig.icon || ''\"\n  [iconPos]=\"getIconPos()\"\n  [disabled]=\"buttonConfig.disabled\"\n  [loading]=\"buttonConfig.loading\"\n  [class]=\"buttonConfig.styleClass\"\n  [type]=\"getType()\"\n></p-button>\n", styles: ["::ng-deep p-button{display:block}\n"], dependencies: [{ kind: "component", type: i3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTButtonComponent, selector: "pt-button", inputs: { buttonConfig: "buttonConfig" }, usesOnChanges: true, ngImport: i0, template: "<p-button\n  [label]=\"buttonConfig?.label\"\n  [icon]=\"buttonConfig?.icon || ''\"\n  [iconPos]=\"getIconPos()\"\n  [disabled]=\"buttonConfig?.disabled\"\n  [loading]=\"buttonConfig?.loading\"\n  [class]=\"buttonConfig?.styleClass || ''\"\n  [type]=\"getType()\"\n></p-button>\n", styles: ["::ng-deep p-button{display:block}\n"], dependencies: [{ kind: "component", type: i3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pt-button', template: "<p-button\n  [label]=\"buttonConfig.label\"\n  [icon]=\"buttonConfig.icon || ''\"\n  [iconPos]=\"getIconPos()\"\n  [disabled]=\"buttonConfig.disabled\"\n  [loading]=\"buttonConfig.loading\"\n  [class]=\"buttonConfig.styleClass\"\n  [type]=\"getType()\"\n></p-button>\n", styles: ["::ng-deep p-button{display:block}\n"] }]
+            args: [{ selector: 'pt-button', template: "<p-button\n  [label]=\"buttonConfig?.label\"\n  [icon]=\"buttonConfig?.icon || ''\"\n  [iconPos]=\"getIconPos()\"\n  [disabled]=\"buttonConfig?.disabled\"\n  [loading]=\"buttonConfig?.loading\"\n  [class]=\"buttonConfig?.styleClass || ''\"\n  [type]=\"getType()\"\n></p-button>\n", styles: ["::ng-deep p-button{display:block}\n"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { buttonConfig: [{
                 type: Input
             }] } });
@@ -3575,18 +3579,18 @@ class PTDialogComponent {
         }
     }
     applyDialogStyle() {
-        const dialogStyle = this.dialogConfig.dialogStyle || SeverityEnum.INFO; // ✅ Ensure dialogStyle is always defined
-        const styleConfig = DIALOG_STYLES[dialogStyle] || {}; // ✅ Get the styles for the selected dialogStyle
+        const dialogStyle = this.dialogConfig.dialogStyle || SeverityEnum.INFO;
+        const styleConfig = DIALOG_STYLES[dialogStyle] || {};
         this.dialogConfig = {
-            ...DEFAULT_DIALOG_CONFIG, // ✅ Start with the default values
-            ...styleConfig, // ✅ Override with the selected dialogStyle values
+            ...DEFAULT_DIALOG_CONFIG,
+            ...styleConfig,
             confirmButtonConfig: {
-                ...DEFAULT_DIALOG_CONFIG.confirmButtonConfig, // ✅ Start with default confirm button styles
-                ...styleConfig.confirmButtonConfig, // ✅ Override with the confirm button styles for the selected dialogStyle
+                ...DEFAULT_DIALOG_CONFIG.confirmButtonConfig,
+                ...styleConfig.confirmButtonConfig,
             },
             cancelButtonConfig: {
-                ...DEFAULT_DIALOG_CONFIG.cancelButtonConfig, // ✅ Start with default cancel button styles
-                ...styleConfig.cancelButtonConfig, // ✅ Override with the cancel button styles for the selected dialogStyle
+                ...DEFAULT_DIALOG_CONFIG.cancelButtonConfig,
+                ...styleConfig.cancelButtonConfig,
             },
         };
     }
@@ -3603,14 +3607,12 @@ class PTDialogComponent {
             accept: () => {
                 this.confirm.emit();
                 if (this.dialogConfig.toastOnConfirm) {
-                    this.showToast(this.dialogConfig.toastOnConfirm);
                 }
             },
             reject: (type) => {
                 this.cancel.emit();
                 if (type === ConfirmEventType.REJECT &&
                     this.dialogConfig.toastOnCancel) {
-                    this.showToast(this.dialogConfig.toastOnCancel);
                 }
             },
         });
@@ -3623,18 +3625,8 @@ class PTDialogComponent {
             }
         }, 0);
     }
-    showToast(toast) {
-        if (toast) {
-            this.messageService.add({
-                severity: toast.severity,
-                summary: toast.summary,
-                detail: toast.detail,
-                life: toast.life || 3000,
-            });
-        }
-    }
     getButtonStyle(buttonConfig, isConfirm = false) {
-        let styleClass = buttonConfig?.styleClass ?? 'p-button-sm'; // ✅ Default button size
+        let styleClass = buttonConfig?.styleClass ?? 'p-button-sm';
         // ✅ Apply width dynamically if provided, otherwise default to 100%
         const buttonWidth = buttonConfig?.width ?? '100%';
         // ✅ Set default severity: SUCCESS for confirm, SECONDARY for cancel
@@ -3676,8 +3668,8 @@ class PTDialogComponent {
     }
     getDialogHeaderStyle() {
         const header = this.dialogConfig.header;
-        const dialogStyle = this.dialogConfig.dialogStyle ?? SeverityEnum.INFO; // ✅ Ensure dialogStyle is always defined
-        const styleHeader = DIALOG_STYLES[dialogStyle]?.header; // ✅ Store the style header separately
+        const dialogStyle = this.dialogConfig.dialogStyle ?? SeverityEnum.INFO;
+        const styleHeader = DIALOG_STYLES[dialogStyle]?.header;
         return typeof header === 'object' && header !== null
             ? {
                 color: header.color ||
@@ -3749,11 +3741,11 @@ class PTDialogComponent {
             };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTDialogComponent, deps: [{ token: i1$1.ConfirmationService }, { token: i1$1.MessageService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTDialogComponent, selector: "pt-dialog", inputs: { dialogConfig: "dialogConfig" }, outputs: { confirm: "confirm", cancel: "cancel" }, providers: [ConfirmationService, MessageService], usesOnChanges: true, ngImport: i0, template: "<div class=\"pt-dialog\">\n  <p-toast></p-toast>\n  <p-confirmDialog>\n    <!-- Header with Icon and Title aligned horizontally -->\n    <ng-template pTemplate=\"header\">\n      <div class=\"popup-header bordered-section\">\n        <i [class]=\"getDialogIconClass()\" [ngStyle]=\"getDialogIconStyle()\"></i>\n        <span class=\"popup-title\" [ngStyle]=\"getDialogHeaderStyle()\">\n          {{ getDialogHeaderText() }}\n        </span>\n      </div>\n    </ng-template>\n\n    <!-- Message Content with Divider -->\n    <ng-template pTemplate=\"message\" let-message>\n      <div\n        class=\"popup-content bordered-section\"\n        [ngStyle]=\"getDialogContentStyle()\"\n      >\n        <p>{{ getDialogContentText() }}</p>\n      </div>\n    </ng-template>\n  </p-confirmDialog>\n</div>\n", styles: ["::ng-deep .pt-dialog .p-dialog .p-dialog-header{padding-bottom:0}::ng-deep .pt-dialog .p-dialog .p-dialog-content{padding:0}::ng-deep .pt-dialog .full-width-button{width:100%;display:block;text-align:center}::ng-deep .pt-dialog .p-dialog-footer{display:flex;justify-content:center;gap:10px;width:100%;padding:10px}::ng-deep .pt-dialog .p-confirm-dialog-accept,::ng-deep .pt-dialog .p-confirm-dialog-reject{flex:1;max-width:50%;text-align:center;display:flex;justify-content:center;align-items:center;height:40px}::ng-deep .pt-dialog .p-confirm-dialog-accept i,::ng-deep .pt-dialog .p-confirm-dialog-reject i{margin-right:5px}::ng-deep .pt-dialog .p-confirm-dialog-accept .p-button-label,::ng-deep .pt-dialog .p-confirm-dialog-reject .p-button-label{font-weight:700;flex-grow:1;text-align:center}.pt-dialog .popup-header{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;padding-bottom:10px;width:100%}.pt-dialog .popup-title{color:#333;font-size:1.2rem}.pt-dialog .bordered-section{width:100%;border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:10px;margin-bottom:10px}.pt-dialog .popup-content{display:flex;justify-content:center;text-align:center;padding:15px;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3$7.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "component", type: i4$2.ConfirmDialog, selector: "p-confirmDialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position"], outputs: ["onHide"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTDialogComponent, selector: "pt-dialog", inputs: { dialogConfig: "dialogConfig" }, outputs: { confirm: "confirm", cancel: "cancel" }, providers: [ConfirmationService, MessageService], usesOnChanges: true, ngImport: i0, template: "<div class=\"pt-dialog\">\n  <p-confirmDialog>\n    <!-- Header with Icon and Title aligned horizontally -->\n    <ng-template pTemplate=\"header\">\n      <div class=\"popup-header bordered-section\">\n        <i [class]=\"getDialogIconClass()\" [ngStyle]=\"getDialogIconStyle()\"></i>\n        <span class=\"popup-title\" [ngStyle]=\"getDialogHeaderStyle()\">\n          {{ getDialogHeaderText() }}\n        </span>\n      </div>\n    </ng-template>\n\n    <!-- Message Content with Divider -->\n    <ng-template pTemplate=\"message\" let-message>\n      <div\n        class=\"popup-content bordered-section\"\n        [ngStyle]=\"getDialogContentStyle()\"\n      >\n        <p>{{ getDialogContentText() }}</p>\n      </div>\n    </ng-template>\n  </p-confirmDialog>\n</div>\n", styles: ["::ng-deep .pt-dialog .p-dialog .p-dialog-header{padding-bottom:0}::ng-deep .pt-dialog .p-dialog .p-dialog-content{padding:0}::ng-deep .pt-dialog .full-width-button{width:100%;display:block;text-align:center}::ng-deep .pt-dialog .p-dialog-footer{display:flex;justify-content:center;gap:10px;width:100%;padding:10px}::ng-deep .pt-dialog .p-confirm-dialog-accept,::ng-deep .pt-dialog .p-confirm-dialog-reject{flex:1;max-width:50%;text-align:center;display:flex;justify-content:center;align-items:center;height:40px}::ng-deep .pt-dialog .p-confirm-dialog-accept i,::ng-deep .pt-dialog .p-confirm-dialog-reject i{margin-right:5px}::ng-deep .pt-dialog .p-confirm-dialog-accept .p-button-label,::ng-deep .pt-dialog .p-confirm-dialog-reject .p-button-label{font-weight:700;flex-grow:1;text-align:center}.pt-dialog .popup-header{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;padding-bottom:10px;width:100%}.pt-dialog .popup-title{color:#333;font-size:1.2rem}.pt-dialog .bordered-section{width:100%;border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:10px;margin-bottom:10px}.pt-dialog .popup-content{display:flex;justify-content:center;text-align:center;padding:15px;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3$7.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: "17.3.11", ngImport: i0, type: PTDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pt-dialog', providers: [ConfirmationService, MessageService], template: "<div class=\"pt-dialog\">\n  <p-toast></p-toast>\n  <p-confirmDialog>\n    <!-- Header with Icon and Title aligned horizontally -->\n    <ng-template pTemplate=\"header\">\n      <div class=\"popup-header bordered-section\">\n        <i [class]=\"getDialogIconClass()\" [ngStyle]=\"getDialogIconStyle()\"></i>\n        <span class=\"popup-title\" [ngStyle]=\"getDialogHeaderStyle()\">\n          {{ getDialogHeaderText() }}\n        </span>\n      </div>\n    </ng-template>\n\n    <!-- Message Content with Divider -->\n    <ng-template pTemplate=\"message\" let-message>\n      <div\n        class=\"popup-content bordered-section\"\n        [ngStyle]=\"getDialogContentStyle()\"\n      >\n        <p>{{ getDialogContentText() }}</p>\n      </div>\n    </ng-template>\n  </p-confirmDialog>\n</div>\n", styles: ["::ng-deep .pt-dialog .p-dialog .p-dialog-header{padding-bottom:0}::ng-deep .pt-dialog .p-dialog .p-dialog-content{padding:0}::ng-deep .pt-dialog .full-width-button{width:100%;display:block;text-align:center}::ng-deep .pt-dialog .p-dialog-footer{display:flex;justify-content:center;gap:10px;width:100%;padding:10px}::ng-deep .pt-dialog .p-confirm-dialog-accept,::ng-deep .pt-dialog .p-confirm-dialog-reject{flex:1;max-width:50%;text-align:center;display:flex;justify-content:center;align-items:center;height:40px}::ng-deep .pt-dialog .p-confirm-dialog-accept i,::ng-deep .pt-dialog .p-confirm-dialog-reject i{margin-right:5px}::ng-deep .pt-dialog .p-confirm-dialog-accept .p-button-label,::ng-deep .pt-dialog .p-confirm-dialog-reject .p-button-label{font-weight:700;flex-grow:1;text-align:center}.pt-dialog .popup-header{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;padding-bottom:10px;width:100%}.pt-dialog .popup-title{color:#333;font-size:1.2rem}.pt-dialog .bordered-section{width:100%;border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:10px;margin-bottom:10px}.pt-dialog .popup-content{display:flex;justify-content:center;text-align:center;padding:15px;width:100%}\n"] }]
+            args: [{ selector: 'pt-dialog', providers: [ConfirmationService, MessageService], template: "<div class=\"pt-dialog\">\n  <p-confirmDialog>\n    <!-- Header with Icon and Title aligned horizontally -->\n    <ng-template pTemplate=\"header\">\n      <div class=\"popup-header bordered-section\">\n        <i [class]=\"getDialogIconClass()\" [ngStyle]=\"getDialogIconStyle()\"></i>\n        <span class=\"popup-title\" [ngStyle]=\"getDialogHeaderStyle()\">\n          {{ getDialogHeaderText() }}\n        </span>\n      </div>\n    </ng-template>\n\n    <!-- Message Content with Divider -->\n    <ng-template pTemplate=\"message\" let-message>\n      <div\n        class=\"popup-content bordered-section\"\n        [ngStyle]=\"getDialogContentStyle()\"\n      >\n        <p>{{ getDialogContentText() }}</p>\n      </div>\n    </ng-template>\n  </p-confirmDialog>\n</div>\n", styles: ["::ng-deep .pt-dialog .p-dialog .p-dialog-header{padding-bottom:0}::ng-deep .pt-dialog .p-dialog .p-dialog-content{padding:0}::ng-deep .pt-dialog .full-width-button{width:100%;display:block;text-align:center}::ng-deep .pt-dialog .p-dialog-footer{display:flex;justify-content:center;gap:10px;width:100%;padding:10px}::ng-deep .pt-dialog .p-confirm-dialog-accept,::ng-deep .pt-dialog .p-confirm-dialog-reject{flex:1;max-width:50%;text-align:center;display:flex;justify-content:center;align-items:center;height:40px}::ng-deep .pt-dialog .p-confirm-dialog-accept i,::ng-deep .pt-dialog .p-confirm-dialog-reject i{margin-right:5px}::ng-deep .pt-dialog .p-confirm-dialog-accept .p-button-label,::ng-deep .pt-dialog .p-confirm-dialog-reject .p-button-label{font-weight:700;flex-grow:1;text-align:center}.pt-dialog .popup-header{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;padding-bottom:10px;width:100%}.pt-dialog .popup-title{color:#333;font-size:1.2rem}.pt-dialog .bordered-section{width:100%;border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:10px;margin-bottom:10px}.pt-dialog .popup-content{display:flex;justify-content:center;text-align:center;padding:15px;width:100%}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.ConfirmationService }, { type: i1$1.MessageService }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { dialogConfig: [{
                 type: Input
             }], confirm: [{
@@ -3764,32 +3756,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
 
 class PTDialogModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: PTDialogModule, declarations: [PTDialogComponent], imports: [CommonModule,
-            DialogModule,
-            PTButtonModule,
-            ToastModule,
-            ConfirmDialogModule], exports: [PTDialogComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTDialogModule, imports: [CommonModule,
-            DialogModule,
-            PTButtonModule,
-            ToastModule,
-            ConfirmDialogModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: PTDialogModule, declarations: [PTDialogComponent], imports: [CommonModule, DialogModule, PTButtonModule, ConfirmDialogModule], exports: [PTDialogComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTDialogModule, imports: [CommonModule, DialogModule, PTButtonModule, ConfirmDialogModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTDialogModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PTDialogComponent],
-                    imports: [
-                        CommonModule,
-                        DialogModule,
-                        PTButtonModule,
-                        ToastModule,
-                        ConfirmDialogModule,
-                    ],
+                    imports: [CommonModule, DialogModule, PTButtonModule, ConfirmDialogModule],
                     exports: [PTDialogComponent],
                 }]
         }] });
 
+class PTToastNotifierComponent {
+    constructor(messageService) {
+        this.messageService = messageService;
+    }
+    show(toast) {
+        if (toast) {
+            this.messageService.add({
+                severity: toast.severity,
+                summary: toast.summary,
+                detail: toast.detail,
+                life: toast.life || 3000,
+            });
+        }
+    }
+    clear() {
+        this.messageService.clear();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTToastNotifierComponent, deps: [{ token: i1$1.MessageService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: PTToastNotifierComponent, selector: "pt-toast-notifier", ngImport: i0, template: "<p-toast position=\"top-right\"></p-toast>\n", dependencies: [{ kind: "component", type: i2$2.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTToastNotifierComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pt-toast-notifier', template: "<p-toast position=\"top-right\"></p-toast>\n" }]
+        }], ctorParameters: () => [{ type: i1$1.MessageService }] });
+
+class PTToastNotifierModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTToastNotifierModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: PTToastNotifierModule, declarations: [PTToastNotifierComponent], imports: [CommonModule, ToastModule], exports: [PTToastNotifierComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTToastNotifierModule, providers: [MessageService], imports: [CommonModule, ToastModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PTToastNotifierModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [PTToastNotifierComponent],
+                    imports: [CommonModule, ToastModule],
+                    exports: [PTToastNotifierComponent],
+                    providers: [MessageService],
+                }]
+        }] });
+
 class NgPrimeToolsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: NgPrimeToolsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.11", ngImport: i0, type: NgPrimeToolsModule, imports: [CommonModule,
@@ -3829,7 +3847,9 @@ class NgPrimeToolsModule {
             // Button
             PTButtonModule,
             // Dialog
-            PTDialogModule], exports: [PTAdvancedPrimeTableModule,
+            PTDialogModule,
+            // Toasts
+            PTToastNotifierModule], exports: [PTAdvancedPrimeTableModule,
             MultiSearchCriteriaModule,
             // Inputs
             PTCheckBoxInputModule,
@@ -3864,7 +3884,9 @@ class NgPrimeToolsModule {
             // Button
             PTButtonModule,
             // Dialog
-            PTDialogModule] }); }
+            PTDialogModule,
+            // Toasts
+            PTToastNotifierModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: NgPrimeToolsModule, imports: [CommonModule,
             FormsModule,
             PTAdvancedPrimeTableModule,
@@ -3902,7 +3924,9 @@ class NgPrimeToolsModule {
             // Button
             PTButtonModule,
             // Dialog
-            PTDialogModule, PTAdvancedPrimeTableModule,
+            PTDialogModule,
+            // Toasts
+            PTToastNotifierModule, PTAdvancedPrimeTableModule,
             MultiSearchCriteriaModule,
             // Inputs
             PTCheckBoxInputModule,
@@ -3937,7 +3961,9 @@ class NgPrimeToolsModule {
             // Button
             PTButtonModule,
             // Dialog
-            PTDialogModule] }); }
+            PTDialogModule,
+            // Toasts
+            PTToastNotifierModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: NgPrimeToolsModule, decorators: [{
             type: NgModule,
@@ -3981,6 +4007,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                         PTButtonModule,
                         // Dialog
                         PTDialogModule,
+                        // Toasts
+                        PTToastNotifierModule,
                     ],
                     exports: [
                         PTAdvancedPrimeTableModule,
@@ -4019,6 +4047,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                         PTButtonModule,
                         // Dialog
                         PTDialogModule,
+                        // Toasts
+                        PTToastNotifierModule,
                     ],
                 }]
         }] });
@@ -4459,5 +4489,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BadgeType, BadgeTypeStyles, ButtonColorEnum, FormInputTypeEnum, InputValidationEnum, MultiSearchCriteriaComponent, MultiSearchCriteriaModule, NgPrimeToolsModule, PTAdvancedPrimeTableComponent, PTAdvancedPrimeTableModule, PTBreadCrumbComponent, PTBreadCrumbModule, PTButtonComponent, PTButtonModule, PTCardComponent, PTCardModule, PTChartComparisonComponent, PTChartComparisonModule, PTChartComponent, PTChartModule, PTCheckBoxInputComponent, PTCheckBoxInputModule, PTDateInputComponent, PTDateInputModule, PTDialogComponent, PTDialogModule, PTDropdownComponent, PTDropdownModule, PTFooterComponent, PTFooterModule, PTFormBuilderComponent, PTFormBuilderModule, PTGroupComponent, PTGroupModule, PTLineChartComponent, PTLineChartModule, PTLoginPageComponent, PTLoginPageModule, PTMenuComponent, PTMenuFancyComponent, PTMenuFancyModule, PTMenuModule, PTMetricCardComponent, PTMetricCardGroupComponent, PTMetricCardGroupModule, PTMetricCardModule, PTMetricPanelComponent, PTMetricPanelModule, PTNavbarMenuComponent, PTNavbarMenuModule, PTNumberInputComponent, PTNumberInputModule, PTPageSkeletonComponent, PTPageSkeletonModule, PTSideBarMenuComponent, PTSideBarMenuModule, PTSwitchInputComponent, PTSwitchInputModule, PTTextAreaInputComponent, PTTextAreaInputModule, PTTextInputComponent, PTTextInputModule, SearchCriteriaTypeEnum, SeverityEnum, TableTypeEnum };
+export { BadgeType, BadgeTypeStyles, ButtonColorEnum, FormInputTypeEnum, InputValidationEnum, MultiSearchCriteriaComponent, MultiSearchCriteriaModule, NgPrimeToolsModule, PTAdvancedPrimeTableComponent, PTAdvancedPrimeTableModule, PTBreadCrumbComponent, PTBreadCrumbModule, PTButtonComponent, PTButtonModule, PTCardComponent, PTCardModule, PTChartComparisonComponent, PTChartComparisonModule, PTChartComponent, PTChartModule, PTCheckBoxInputComponent, PTCheckBoxInputModule, PTDateInputComponent, PTDateInputModule, PTDialogComponent, PTDialogModule, PTDropdownComponent, PTDropdownModule, PTFooterComponent, PTFooterModule, PTFormBuilderComponent, PTFormBuilderModule, PTGroupComponent, PTGroupModule, PTLineChartComponent, PTLineChartModule, PTLoginPageComponent, PTLoginPageModule, PTMenuComponent, PTMenuFancyComponent, PTMenuFancyModule, PTMenuModule, PTMetricCardComponent, PTMetricCardGroupComponent, PTMetricCardGroupModule, PTMetricCardModule, PTMetricPanelComponent, PTMetricPanelModule, PTNavbarMenuComponent, PTNavbarMenuModule, PTNumberInputComponent, PTNumberInputModule, PTPageSkeletonComponent, PTPageSkeletonModule, PTSideBarMenuComponent, PTSideBarMenuModule, PTSwitchInputComponent, PTSwitchInputModule, PTTextAreaInputComponent, PTTextAreaInputModule, PTTextInputComponent, PTTextInputModule, PTToastNotifierComponent, PTToastNotifierModule, SearchCriteriaTypeEnum, SeverityEnum, TableTypeEnum };
 //# sourceMappingURL=ng-prime-tools.mjs.map