ng-prime-tools 1.0.25 → 1.0.26

package/fesm2022/ng-prime-tools.mjs

@@ -47,9 +47,9 @@ import { filter } from 'rxjs/operators';
 import { BehaviorSubject } from 'rxjs';
 import * as i3$6 from 'primeng/breadcrumb';
 import { BreadcrumbModule } from 'primeng/breadcrumb';
-import * as i2$2 from 'primeng/toast';
+import * as i3$7 from 'primeng/toast';
 import { ToastModule } from 'primeng/toast';
-import * as i3$7 from 'primeng/confirmdialog';
+import * as i4$2 from 'primeng/confirmdialog';
 import { ConfirmDialogModule } from 'primeng/confirmdialog';
 import { DialogModule } from 'primeng/dialog';
 
@@ -676,6 +676,14 @@ const BadgeTypeStyles = {
     },
 };
 
+var SeverityEnum;
+(function (SeverityEnum) {
+    SeverityEnum["WARNING"] = "warning";
+    SeverityEnum["SUCCESS"] = "success";
+    SeverityEnum["DANGER"] = "danger";
+    SeverityEnum["INFO"] = "info";
+})(SeverityEnum || (SeverityEnum = {}));
+
 // projects/ng-prime-tools/src/lib/enums/public_api.ts
 
 class MultiSearchCriteriaComponent {
@@ -3499,63 +3507,110 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
                 }]
         }] });
 
+// Default Styles for Different Dialog Types
+const DIALOG_STYLES = {
+    [SeverityEnum.WARNING]: {
+        header: { text: 'Warning', color: '#d98300' },
+        content: { text: 'This is a warning message!', color: '#d98300' },
+        confirmButtonConfig: { backgroundColor: '#d98300', fontColor: '#fff' },
+        cancelButtonConfig: { backgroundColor: '#6c757d', fontColor: '#fff' },
+    },
+    [SeverityEnum.SUCCESS]: {
+        header: { text: 'Success', color: '#28a745' },
+        content: { text: 'Operation was successful!', color: '#28a745' },
+        confirmButtonConfig: { backgroundColor: '#28a745', fontColor: '#fff' },
+        cancelButtonConfig: { backgroundColor: '#6c757d', fontColor: '#fff' },
+    },
+    [SeverityEnum.DANGER]: {
+        header: { text: 'Error', color: '#dc3545' },
+        content: { text: 'An error occurred!', color: '#dc3545' },
+        confirmButtonConfig: { backgroundColor: '#dc3545', fontColor: '#fff' },
+        cancelButtonConfig: { backgroundColor: '#6c757d', fontColor: '#fff' },
+    },
+    [SeverityEnum.INFO]: {
+        header: { text: 'Information', color: '#007bff' },
+        content: { text: 'Here is some important information.', color: '#007bff' },
+        confirmButtonConfig: { backgroundColor: '#007bff', fontColor: '#fff' },
+        cancelButtonConfig: { backgroundColor: '#6c757d', fontColor: '#fff' },
+    },
+};
+// Centralized Default Values
+const DEFAULT_DIALOG_CONFIG = {
+    header: { text: 'Confirmation' },
+    visible: false,
+    width: '400px',
+    height: 'auto',
+    content: 'Do you want to proceed?',
+    confirmButtonConfig: {
+        label: 'Confirm',
+        fontColor: '#fff',
+        backgroundColor: '#007bff',
+    },
+    cancelButtonConfig: {
+        label: 'Cancel',
+        fontColor: '#fff',
+        backgroundColor: '#6c757d',
+    },
+    dialogStyle: SeverityEnum.INFO,
+};
 class PTDialogComponent {
     constructor(confirmationService, messageService, renderer, el) {
         this.confirmationService = confirmationService;
         this.messageService = messageService;
         this.renderer = renderer;
         this.el = el;
-        this.dialogModel = {
-            header: { text: 'Confirmation' },
-            visible: false,
-            width: '400px',
-            height: 'auto',
-            content: 'Do you want to proceed?',
-            confirmButtonConfig: {
-                label: 'Confirm',
-                fontColor: '#fff',
-                backgroundColor: '#007bff',
-            },
-            cancelButtonConfig: {
-                label: 'Cancel',
-                fontColor: '#fff',
-                backgroundColor: '#6c757d',
-            },
-        };
+        this.dialogConfig = { ...DEFAULT_DIALOG_CONFIG };
         this.confirm = new EventEmitter();
         this.cancel = new EventEmitter();
     }
     ngOnChanges(changes) {
-        if (changes['dialogModel'] && this.dialogModel.visible) {
-            this.showDialog();
+        if (changes['dialogConfig']) {
+            if (changes['dialogConfig'].currentValue?.dialogStyle !==
+                changes['dialogConfig'].previousValue?.dialogStyle) {
+                this.applyDialogStyle();
+            }
+            if (this.dialogConfig.visible) {
+                this.showDialog();
+            }
         }
     }
+    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
+        this.dialogConfig = {
+            ...DEFAULT_DIALOG_CONFIG, // ✅ Start with the default values
+            ...styleConfig, // ✅ Override with the selected dialogStyle values
+            confirmButtonConfig: {
+                ...DEFAULT_DIALOG_CONFIG.confirmButtonConfig, // ✅ Start with default confirm button styles
+                ...styleConfig.confirmButtonConfig, // ✅ Override with the confirm button styles for the selected dialogStyle
+            },
+            cancelButtonConfig: {
+                ...DEFAULT_DIALOG_CONFIG.cancelButtonConfig, // ✅ Start with default cancel button styles
+                ...styleConfig.cancelButtonConfig, // ✅ Override with the cancel button styles for the selected dialogStyle
+            },
+        };
+    }
     showDialog() {
         this.confirmationService.confirm({
-            header: this.dialogModel.header?.text || 'Confirmation',
-            message: this.dialogModel.content || 'Are you sure?',
-            acceptButtonStyleClass: this.getButtonStyle(this.dialogModel.confirmButtonConfig),
-            rejectButtonStyleClass: this.getButtonStyle(this.dialogModel.cancelButtonConfig),
-            acceptIcon: this.dialogModel.confirmButtonConfig?.icon || 'pi pi-check',
-            rejectIcon: this.dialogModel.cancelButtonConfig?.icon || 'pi pi-times',
+            header: this.getDialogHeaderText(),
+            message: this.getDialogContentText(),
+            acceptLabel: this.dialogConfig.confirmButtonConfig?.label || 'Confirm',
+            rejectLabel: this.dialogConfig.cancelButtonConfig?.label || 'Cancel',
+            acceptButtonStyleClass: this.getButtonStyle(this.dialogConfig.confirmButtonConfig, true),
+            rejectButtonStyleClass: this.getButtonStyle(this.dialogConfig.cancelButtonConfig, false),
+            acceptIcon: this.dialogConfig.confirmButtonConfig?.icon || 'pi pi-check',
+            rejectIcon: this.dialogConfig.cancelButtonConfig?.icon || 'pi pi-times',
             accept: () => {
                 this.confirm.emit();
-                this.messageService.add({
-                    severity: 'info',
-                    summary: 'Confirmed',
-                    detail: 'Action confirmed',
-                    life: 3000,
-                });
+                if (this.dialogConfig.toastOnConfirm) {
+                    this.showToast(this.dialogConfig.toastOnConfirm);
+                }
             },
             reject: (type) => {
                 this.cancel.emit();
-                if (type === ConfirmEventType.REJECT) {
-                    this.messageService.add({
-                        severity: 'error',
-                        summary: 'Rejected',
-                        detail: 'Action cancelled',
-                        life: 3000,
-                    });
+                if (type === ConfirmEventType.REJECT &&
+                    this.dialogConfig.toastOnCancel) {
+                    this.showToast(this.dialogConfig.toastOnCancel);
                 }
             },
         });
@@ -3563,21 +3618,143 @@ class PTDialogComponent {
         setTimeout(() => {
             const dialogElement = this.el.nativeElement.querySelector('.p-dialog');
             if (dialogElement) {
-                this.renderer.setStyle(dialogElement, 'width', this.dialogModel.width || '400px');
-                this.renderer.setStyle(dialogElement, 'height', this.dialogModel.height || 'auto');
+                this.renderer.setStyle(dialogElement, 'width', this.dialogConfig.width || '400px');
+                this.renderer.setStyle(dialogElement, 'height', this.dialogConfig.height || 'auto');
             }
         }, 0);
     }
-    getButtonStyle(buttonConfig) {
-        return buttonConfig?.styleClass || 'p-button-sm'; // Default to small button style
+    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
+        // ✅ Apply width dynamically if provided, otherwise default to 100%
+        const buttonWidth = buttonConfig?.width ?? '100%';
+        // ✅ Set default severity: SUCCESS for confirm, SECONDARY for cancel
+        const defaultSeverity = isConfirm ? SeverityEnum.DANGER : SeverityEnum.INFO;
+        const severity = buttonConfig?.severity ?? defaultSeverity;
+        // ✅ Apply severity-based styles only if no custom background color is set
+        if (!buttonConfig?.backgroundColor) {
+            switch (severity) {
+                case SeverityEnum.WARNING:
+                    styleClass += ' p-button-warning';
+                    break;
+                case SeverityEnum.DANGER:
+                    styleClass += ' p-button-danger';
+                    break;
+                case SeverityEnum.SUCCESS:
+                    styleClass += ' p-button-success';
+                    break;
+                case SeverityEnum.INFO:
+                default:
+                    styleClass += ' p-button-secondary';
+                    break;
+            }
+        }
+        return `${styleClass.trim()} width-${buttonWidth.replace('%', '')}`;
+    }
+    getDialogHeaderText() {
+        const header = this.dialogConfig.header;
+        const dialogStyle = this.dialogConfig.dialogStyle ?? SeverityEnum.INFO;
+        const styleHeader = DIALOG_STYLES[dialogStyle]?.header;
+        return typeof header === 'object' && header !== null && 'text' in header
+            ? header.text
+            : typeof header === 'string'
+                ? header
+                : typeof styleHeader === 'object' &&
+                    styleHeader !== null &&
+                    'text' in styleHeader
+                    ? styleHeader.text
+                    : 'Confirmation'; // ✅ Default value
+    }
+    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
+        return typeof header === 'object' && header !== null
+            ? {
+                color: header.color ||
+                    (typeof styleHeader === 'object' ? styleHeader?.color : '#333'),
+                fontSize: header.fontSize || '25px',
+            }
+            : {
+                color: typeof styleHeader === 'object' ? styleHeader?.color : '#333',
+                fontSize: '25px',
+            };
+    }
+    getDialogIconClass() {
+        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
+        // ✅ Ensure header.icon exists and is an object before accessing .code
+        const icon = typeof header === 'object' && header !== null && 'icon' in header
+            ? header.icon
+            : typeof styleHeader === 'object' && 'icon' in styleHeader
+                ? styleHeader.icon
+                : undefined;
+        // ✅ If `icon` is an object, extract `.code`, otherwise return as string or default value
+        return typeof icon === 'string'
+            ? icon
+            : icon?.code || 'pi pi-exclamation-circle';
+    }
+    getDialogIconStyle() {
+        const header = this.dialogConfig.header;
+        const dialogStyle = this.dialogConfig.dialogStyle ?? SeverityEnum.INFO;
+        const styleHeader = DIALOG_STYLES[dialogStyle]?.header;
+        const icon = typeof header === 'object' && header !== null && 'icon' in header
+            ? header.icon
+            : undefined;
+        return {
+            color: icon?.color ||
+                (typeof styleHeader === 'object' ? styleHeader?.color : '#f39c12'),
+            fontSize: icon?.fontSize || '1.5rem',
+            backgroundColor: icon?.backgroundColor || 'transparent',
+            borderRadius: icon?.shape === 'circular' ? '50%' : '4px',
+            padding: '5px',
+        };
+    }
+    getDialogContentText() {
+        const content = this.dialogConfig.content;
+        const dialogStyle = this.dialogConfig.dialogStyle ?? SeverityEnum.INFO;
+        const styleContent = DIALOG_STYLES[dialogStyle]?.content;
+        return typeof content === 'string'
+            ? content
+            : content?.text ||
+                (typeof styleContent === 'object'
+                    ? styleContent?.text
+                    : 'Are you sure?');
+    }
+    getDialogContentStyle() {
+        const content = this.dialogConfig.content;
+        const dialogStyle = this.dialogConfig.dialogStyle ?? SeverityEnum.INFO;
+        const styleContent = DIALOG_STYLES[dialogStyle]?.content;
+        return typeof content === 'object' && content !== null
+            ? {
+                color: content.color ||
+                    (typeof styleContent === 'object' ? styleContent?.color : '#333'),
+                fontSize: content.fontSize || '20px',
+                textAlign: content.position || 'left',
+            }
+            : {
+                color: typeof styleContent === 'object' ? styleContent?.color : '#333',
+                fontSize: '20px',
+                textAlign: 'left',
+            };
     }
     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: { dialogModel: "dialogModel" }, outputs: { confirm: "confirm", cancel: "cancel" }, providers: [ConfirmationService, MessageService], usesOnChanges: true, ngImport: i0, template: "<div>\n  <p-toast></p-toast>\n  <p-confirmDialog>\n    <ng-template pTemplate=\"message\" let-message>\n      <div\n        class=\"flex flex-column align-items-center w-full gap-3 border-bottom-1 surface-border\"\n      >\n        <i [class]=\"dialogModel.header?.icon || 'pi pi-exclamation-circle'\"></i>\n        <p>{{ message.message }}</p>\n      </div>\n    </ng-template>\n  </p-confirmDialog>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { 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"] }, { 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"] }] }); }
+    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"] }] }); }
 }
 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>\n  <p-toast></p-toast>\n  <p-confirmDialog>\n    <ng-template pTemplate=\"message\" let-message>\n      <div\n        class=\"flex flex-column align-items-center w-full gap-3 border-bottom-1 surface-border\"\n      >\n        <i [class]=\"dialogModel.header?.icon || 'pi pi-exclamation-circle'\"></i>\n        <p>{{ message.message }}</p>\n      </div>\n    </ng-template>\n  </p-confirmDialog>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i1$1.ConfirmationService }, { type: i1$1.MessageService }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { dialogModel: [{
+            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"] }]
+        }], ctorParameters: () => [{ type: i1$1.ConfirmationService }, { type: i1$1.MessageService }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { dialogConfig: [{
                 type: Input
             }], confirm: [{
                 type: Output
@@ -4282,5 +4459,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, 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, SearchCriteriaTypeEnum, SeverityEnum, TableTypeEnum };
 //# sourceMappingURL=ng-prime-tools.mjs.map