primeng 19.0.6 → 19.0.8

package/fesm2022/primeng-messages.mjs

@@ -2,7 +2,7 @@ import { trigger, transition, style, animate } from '@angular/animations';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, inject, booleanAttribute, Component, ChangeDetectionStrategy, ViewEncapsulation, Optional, Input, Output, ContentChildren, NgModule } from '@angular/core';
+import { Injectable, EventEmitter, inject, booleanAttribute, ContentChildren, Output, Input, Optional, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import * as i1 from 'primeng/api';
 import { PrimeTemplate, SharedModule } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
@@ -232,181 +232,13 @@ class MessagesStyle extends BaseStyle {
     name = 'message';
     theme = theme;
     classes = classes;
-    static ɵfac = /*@__PURE__*/ (() => { let ɵMessagesStyle_BaseFactory; return function MessagesStyle_Factory(__ngFactoryType__) { return (ɵMessagesStyle_BaseFactory || (ɵMessagesStyle_BaseFactory = i0.ɵɵgetInheritedFactory(MessagesStyle)))(__ngFactoryType__ || MessagesStyle); }; })();
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: MessagesStyle, factory: MessagesStyle.ɵfac });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MessagesStyle, [{
-        type: Injectable
-    }], null, null); })();
-
-const _c0 = (a0, a1) => ({ showTransitionParams: a0, hideTransitionParams: a1 });
-const _c1 = a0 => ({ value: "visible", params: a0 });
-function Messages_Conditional_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function Messages_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵtemplate(1, Messages_Conditional_1_ng_container_1_Template, 1, 0, "ng-container", 3);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", "p-message p-message-" + ctx_r0.severity);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.contentTemplate);
-} }
-function Messages_Conditional_2_div_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 5);
-} if (rf & 2) {
-    const msg_r2 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassMap("pi " + msg_r2.icon);
-    i0.ɵɵproperty("ngClass", ctx_r0.cx("icon"));
-    i0.ɵɵattribute("data-pc-section", "icon");
-} }
-function Messages_Conditional_2_div_0_Conditional_3_Case_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "CheckIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "icon");
-} }
-function Messages_Conditional_2_div_0_Conditional_3_Case_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "TimesCircleIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "icon");
-} }
-function Messages_Conditional_2_div_0_Conditional_3_Case_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "TimesCircleIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "icon");
-} }
-function Messages_Conditional_2_div_0_Conditional_3_Case_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ExclamationTriangleIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "icon");
-} }
-function Messages_Conditional_2_div_0_Conditional_3_Case_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "InfoCircleIcon");
-} if (rf & 2) {
-    i0.ɵɵattribute("data-pc-section", "icon");
-} }
-function Messages_Conditional_2_div_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 5);
-    i0.ɵɵtemplate(1, Messages_Conditional_2_div_0_Conditional_3_Case_1_Template, 1, 1, "CheckIcon")(2, Messages_Conditional_2_div_0_Conditional_3_Case_2_Template, 1, 1, "TimesCircleIcon")(3, Messages_Conditional_2_div_0_Conditional_3_Case_3_Template, 1, 1, "TimesCircleIcon")(4, Messages_Conditional_2_div_0_Conditional_3_Case_4_Template, 1, 1, "ExclamationTriangleIcon")(5, Messages_Conditional_2_div_0_Conditional_3_Case_5_Template, 1, 1, "InfoCircleIcon");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    let tmp_6_0;
-    const msg_r2 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r0.cx("icon"));
-    i0.ɵɵadvance();
-    i0.ɵɵconditional((tmp_6_0 = msg_r2.icon) === "success" ? 1 : tmp_6_0 === "error" ? 2 : tmp_6_0 === "danger" ? 3 : tmp_6_0 === "warn" ? 4 : 5);
-} }
-function Messages_Conditional_2_div_0_Conditional_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 5);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const msg_r2 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r0.cx("text"));
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(msg_r2.text);
-} }
-function Messages_Conditional_2_div_0_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 5);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const msg_r2 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r0.cx("text", "p-message-summary"));
-    i0.ɵɵattribute("data-pc-section", "summary");
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", msg_r2.summary, " ");
-} }
-function Messages_Conditional_2_div_0_Conditional_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 5);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const msg_r2 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r0.cx("text", "p-message-detail"));
-    i0.ɵɵattribute("data-pc-section", "detail");
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", msg_r2.detail, " ");
-} }
-function Messages_Conditional_2_div_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Messages_Conditional_2_div_0_Conditional_4_Conditional_0_Template, 2, 2, "span", 5)(1, Messages_Conditional_2_div_0_Conditional_4_Conditional_1_Template, 2, 3, "span", 5)(2, Messages_Conditional_2_div_0_Conditional_4_Conditional_2_Template, 2, 3, "span", 5);
-} if (rf & 2) {
-    const msg_r2 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵconditional(msg_r2.text ? 0 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(msg_r2.summary ? 1 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(msg_r2.detail ? 2 : -1);
-} }
-function Messages_Conditional_2_div_0_Conditional_5_span_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 10);
-} if (rf & 2) {
-    const msg_r2 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵproperty("innerHTML", msg_r2.summary, i0.ɵɵsanitizeHtml);
-    i0.ɵɵattribute("data-pc-section", "summary");
-} }
-function Messages_Conditional_2_div_0_Conditional_5_span_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 11);
-} if (rf & 2) {
-    const msg_r2 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵproperty("innerHTML", msg_r2.detail, i0.ɵɵsanitizeHtml);
-    i0.ɵɵattribute("data-pc-section", "detail");
-} }
-function Messages_Conditional_2_div_0_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Messages_Conditional_2_div_0_Conditional_5_span_0_Template, 1, 2, "span", 8)(1, Messages_Conditional_2_div_0_Conditional_5_span_1_Template, 1, 2, "span", 9);
-} if (rf & 2) {
-    const msg_r2 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("ngIf", msg_r2.summary);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", msg_r2.detail);
-} }
-function Messages_Conditional_2_div_0_p_button_6_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "p-button", 12);
-    i0.ɵɵlistener("onClick", function Messages_Conditional_2_div_0_p_button_6_Template_p_button_onClick_0_listener() { i0.ɵɵrestoreView(_r3); const i_r4 = i0.ɵɵnextContext().index; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.removeMessage(i_r4)); });
-    i0.ɵɵelement(1, "TimesIcon", 5);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("styleClass", ctx_r0.cx("closeButton"))("ariaLabel", ctx_r0.closeAriaLabel);
-    i0.ɵɵattribute("data-pc-section", "closebutton");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.cx("closeIcon"));
-    i0.ɵɵattribute("data-pc-section", "closeicon");
-} }
-function Messages_Conditional_2_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1)(1, "div", 5);
-    i0.ɵɵtemplate(2, Messages_Conditional_2_div_0_Conditional_2_Template, 1, 4, "span", 6)(3, Messages_Conditional_2_div_0_Conditional_3_Template, 6, 2, "span", 5)(4, Messages_Conditional_2_div_0_Conditional_4_Template, 3, 3)(5, Messages_Conditional_2_div_0_Conditional_5_Template, 2, 2)(6, Messages_Conditional_2_div_0_p_button_6_Template, 2, 5, "p-button", 7);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    let tmp_12_0;
-    const msg_r2 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassMap("p-message-" + msg_r2.severity);
-    i0.ɵɵproperty("ngClass", ctx_r0.cx("root"))("@messageAnimation", i0.ɵɵpureFunction1(13, _c1, i0.ɵɵpureFunction2(10, _c0, ctx_r0.showTransitionOptions, ctx_r0.hideTransitionOptions)));
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r0.cx("content"));
-    i0.ɵɵattribute("data-pc-section", "wrapper")("id", msg_r2.id || null);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(msg_r2.icon ? 2 : 3);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r0.escape ? 4 : 5);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r0.closable && ((tmp_12_0 = msg_r2.closable) !== null && tmp_12_0 !== undefined ? tmp_12_0 : true));
-} }
-function Messages_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Messages_Conditional_2_div_0_Template, 7, 15, "div", 4);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngForOf", ctx_r0.messages);
-} }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: MessagesStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: MessagesStyle });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: MessagesStyle, decorators: [{
+            type: Injectable
+        }] });
+
 /**
  * Messages is used to display alerts inline.
  * @group Components
@@ -588,44 +420,98 @@ class Messages extends BaseComponent {
         });
         this.timerSubscriptions.push(timerSubsctiption);
     }
-    static ɵfac = function Messages_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || Messages)(i0.ɵɵdirectiveInject(i1.MessageService, 8)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Messages, selectors: [["p-messages"]], contentQueries: function Messages_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, PrimeTemplate, 4);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templates = _t);
-        } }, inputs: { value: "value", closable: [2, "closable", "closable", booleanAttribute], style: "style", styleClass: "styleClass", enableService: [2, "enableService", "enableService", booleanAttribute], key: "key", escape: [2, "escape", "escape", booleanAttribute], severity: "severity", showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions" }, outputs: { valueChange: "valueChange", onClose: "onClose" }, standalone: false, features: [i0.ɵɵProvidersFeature([MessagesStyle]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 8, consts: [["role", "alert", 3, "ngClass", "ngStyle"], ["role", "alert", 3, "ngClass"], ["role", "alert", 3, "ngClass", "class"], [4, "ngTemplateOutlet"], ["role", "alert", 3, "ngClass", "class", 4, "ngFor", "ngForOf"], [3, "ngClass"], [3, "ngClass", "class"], ["rounded", "", "text", "", "severity", "secondary", 3, "styleClass", "ariaLabel", "onClick", 4, "ngIf"], ["class", "p-message-summary", 3, "innerHTML", 4, "ngIf"], ["class", "p-message-detail", 3, "innerHTML", 4, "ngIf"], [1, "p-message-summary", 3, "innerHTML"], [1, "p-message-detail", 3, "innerHTML"], ["rounded", "", "text", "", "severity", "secondary", 3, "onClick", "styleClass", "ariaLabel"]], template: function Messages_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵtemplate(1, Messages_Conditional_1_Template, 2, 2, "div", 1)(2, Messages_Conditional_2_Template, 1, 1, "div", 2);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵclassMap(ctx.styleClass);
-            i0.ɵɵproperty("ngClass", ctx.cx("container"))("ngStyle", ctx.style);
-            i0.ɵɵattribute("aria-atomic", true)("aria-live", "assertive")("data-pc-name", "message");
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.contentTemplate ? 1 : 2);
-        } }, dependencies: () => [i2.NgClass, i2.NgForOf, i2.NgIf, i2.NgTemplateOutlet, i2.NgStyle, CheckIcon, InfoCircleIcon, TimesCircleIcon, ExclamationTriangleIcon, TimesIcon, i3.Button], encapsulation: 2, data: { animation: [
-                trigger('messageAnimation', [
-                    transition(':enter', [style({ opacity: 0, transform: 'translateY(-25%)' }), animate('{{showTransitionParams}}')]),
-                    transition(':leave', [
-                        animate('{{hideTransitionParams}}', style({
-                            height: 0,
-                            marginTop: 0,
-                            marginBottom: 0,
-                            marginLeft: 0,
-                            marginRight: 0,
-                            opacity: 0
-                        }))
-                    ])
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: Messages, deps: [{ token: i1.MessageService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: Messages, isStandalone: false, selector: "p-messages", inputs: { value: "value", closable: ["closable", "closable", booleanAttribute], style: "style", styleClass: "styleClass", enableService: ["enableService", "enableService", booleanAttribute], key: "key", escape: ["escape", "escape", booleanAttribute], severity: "severity", showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions" }, outputs: { valueChange: "valueChange", onClose: "onClose" }, providers: [MessagesStyle], queries: [{ propertyName: "templates", predicate: PrimeTemplate }], usesInheritance: true, ngImport: i0, template: `
+        <div [ngClass]="cx('container')" role="alert" [ngStyle]="style" [class]="styleClass" [attr.aria-atomic]="true" [attr.aria-live]="'assertive'" [attr.data-pc-name]="'message'">
+            @if (contentTemplate) {
+                <div [ngClass]="'p-message p-message-' + severity" role="alert">
+                    <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
+                </div>
+            } @else {
+                <div
+                    *ngFor="let msg of messages; let i = index"
+                    [ngClass]="cx('root')"
+                    [class]="'p-message-' + msg.severity"
+                    role="alert"
+                    [@messageAnimation]="{
+                        value: 'visible',
+                        params: {
+                            showTransitionParams: showTransitionOptions,
+                            hideTransitionParams: hideTransitionOptions
+                        }
+                    }"
+                >
+                    <div [ngClass]="cx('content')" [attr.data-pc-section]="'wrapper'" [attr.id]="msg.id || null">
+                        @if (msg.icon) {
+                            <span [ngClass]="cx('icon')" [class]="'pi ' + msg.icon" [attr.data-pc-section]="'icon'"> </span>
+                        } @else {
+                            <span [ngClass]="cx('icon')">
+                                @switch (msg.severity) {
+                                    @case ('success') {
+                                        <CheckIcon [attr.data-pc-section]="'icon'" />
+                                    }
+                                    @case ('error') {
+                                        <TimesCircleIcon [attr.data-pc-section]="'icon'" />
+                                    }
+                                    @case ('danger') {
+                                        <TimesCircleIcon [attr.data-pc-section]="'icon'" />
+                                    }
+                                    @case ('warn') {
+                                        <ExclamationTriangleIcon [attr.data-pc-section]="'icon'" />
+                                    }
+                                    @default {
+                                        <InfoCircleIcon [attr.data-pc-section]="'icon'" />
+                                    }
+                                }
+                            </span>
+                        }
+                        @if (escape) {
+                            @if (msg.text) {
+                                <span [ngClass]="cx('text')">{{ msg.text }}</span>
+                            }
+                            @if (msg.summary) {
+                                <span [ngClass]="cx('text', 'p-message-summary')" [attr.data-pc-section]="'summary'">
+                                    {{ msg.summary }}
+                                </span>
+                            }
+                            @if (msg.detail) {
+                                <span [ngClass]="cx('text', 'p-message-detail')" [attr.data-pc-section]="'detail'">
+                                    {{ msg.detail }}
+                                </span>
+                            }
+                        } @else {
+                            <span *ngIf="msg.summary" class="p-message-summary" [innerHTML]="msg.summary" [attr.data-pc-section]="'summary'"></span>
+                            <span *ngIf="msg.detail" class="p-message-detail" [innerHTML]="msg.detail" [attr.data-pc-section]="'detail'"></span>
+                        }
+                        <p-button *ngIf="closable && (msg.closable ?? true)" rounded text severity="secondary" [styleClass]="cx('closeButton')" (onClick)="removeMessage(i)" [ariaLabel]="closeAriaLabel" [attr.data-pc-section]="'closebutton'">
+                            <TimesIcon [ngClass]="cx('closeIcon')" [attr.data-pc-section]="'closeicon'" />
+                        </p-button>
+                    </div>
+                </div>
+            }
+        </div>
+    `, isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(() => i2.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(() => i2.NgForOf), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(() => i2.NgIf), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i0.forwardRef(() => i2.NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i0.forwardRef(() => i2.NgStyle), selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i0.forwardRef(() => CheckIcon), selector: "CheckIcon" }, { kind: "component", type: i0.forwardRef(() => InfoCircleIcon), selector: "InfoCircleIcon" }, { kind: "component", type: i0.forwardRef(() => TimesCircleIcon), selector: "TimesCircleIcon" }, { kind: "component", type: i0.forwardRef(() => ExclamationTriangleIcon), selector: "ExclamationTriangleIcon" }, { kind: "component", type: i0.forwardRef(() => TimesIcon), selector: "TimesIcon" }, { kind: "component", type: i0.forwardRef(() => i3.Button), selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }], animations: [
+            trigger('messageAnimation', [
+                transition(':enter', [style({ opacity: 0, transform: 'translateY(-25%)' }), animate('{{showTransitionParams}}')]),
+                transition(':leave', [
+                    animate('{{hideTransitionParams}}', style({
+                        height: 0,
+                        marginTop: 0,
+                        marginBottom: 0,
+                        marginLeft: 0,
+                        marginRight: 0,
+                        opacity: 0
+                    }))
                 ])
-            ] }, changeDetection: 0 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(Messages, [{
-        type: Component,
-        args: [{
-                selector: 'p-messages',
-                standalone: false,
-                template: `
+            ])
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: Messages, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-messages',
+                    standalone: false,
+                    template: `
         <div [ngClass]="cx('container')" role="alert" [ngStyle]="style" [class]="styleClass" [attr.aria-atomic]="true" [attr.aria-live]="'assertive'" [attr.data-pc-name]="'message'">
             @if (contentTemplate) {
                 <div [ngClass]="'p-message p-message-' + severity" role="alert">
@@ -650,7 +536,7 @@ class Messages extends BaseComponent {
                             <span [ngClass]="cx('icon')" [class]="'pi ' + msg.icon" [attr.data-pc-section]="'icon'"> </span>
                         } @else {
                             <span [ngClass]="cx('icon')">
-                                @switch (msg.icon) {
+                                @switch (msg.severity) {
                                     @case ('success') {
                                         <CheckIcon [attr.data-pc-section]="'icon'" />
                                     }
@@ -695,73 +581,71 @@ class Messages extends BaseComponent {
             }
         </div>
     `,
-                animations: [
-                    trigger('messageAnimation', [
-                        transition(':enter', [style({ opacity: 0, transform: 'translateY(-25%)' }), animate('{{showTransitionParams}}')]),
-                        transition(':leave', [
-                            animate('{{hideTransitionParams}}', style({
-                                height: 0,
-                                marginTop: 0,
-                                marginBottom: 0,
-                                marginLeft: 0,
-                                marginRight: 0,
-                                opacity: 0
-                            }))
+                    animations: [
+                        trigger('messageAnimation', [
+                            transition(':enter', [style({ opacity: 0, transform: 'translateY(-25%)' }), animate('{{showTransitionParams}}')]),
+                            transition(':leave', [
+                                animate('{{hideTransitionParams}}', style({
+                                    height: 0,
+                                    marginTop: 0,
+                                    marginBottom: 0,
+                                    marginLeft: 0,
+                                    marginRight: 0,
+                                    opacity: 0
+                                }))
+                            ])
                         ])
-                    ])
-                ],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                providers: [MessagesStyle]
-            }]
-    }], () => [{ type: i1.MessageService, decorators: [{
-                type: Optional
-            }] }], { value: [{
-            type: Input
-        }], closable: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], style: [{
-            type: Input
-        }], styleClass: [{
-            type: Input
-        }], enableService: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], key: [{
-            type: Input
-        }], escape: [{
-            type: Input,
-            args: [{ transform: booleanAttribute }]
-        }], severity: [{
-            type: Input
-        }], showTransitionOptions: [{
-            type: Input
-        }], hideTransitionOptions: [{
-            type: Input
-        }], valueChange: [{
-            type: Output
-        }], onClose: [{
-            type: Output
-        }], templates: [{
-            type: ContentChildren,
-            args: [PrimeTemplate]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(Messages, { className: "Messages", filePath: "messages.ts", lineNumber: 112 }); })();
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [MessagesStyle]
+                }]
+        }], ctorParameters: () => [{ type: i1.MessageService, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { value: [{
+                type: Input
+            }], closable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], style: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], enableService: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], key: [{
+                type: Input
+            }], escape: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], severity: [{
+                type: Input
+            }], showTransitionOptions: [{
+                type: Input
+            }], hideTransitionOptions: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], onClose: [{
+                type: Output
+            }], templates: [{
+                type: ContentChildren,
+                args: [PrimeTemplate]
+            }] } });
 class MessagesModule {
-    static ɵfac = function MessagesModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MessagesModule)(); };
-    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: MessagesModule });
-    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, CheckIcon, InfoCircleIcon, TimesCircleIcon, ExclamationTriangleIcon, TimesIcon, ButtonModule, SharedModule, SharedModule] });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MessagesModule, [{
-        type: NgModule,
-        args: [{
-                imports: [CommonModule, Ripple, CheckIcon, InfoCircleIcon, TimesCircleIcon, ExclamationTriangleIcon, TimesIcon, ButtonModule, SharedModule],
-                exports: [Messages, SharedModule],
-                declarations: [Messages]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(MessagesModule, { declarations: [Messages], imports: [CommonModule, Ripple, CheckIcon, InfoCircleIcon, TimesCircleIcon, ExclamationTriangleIcon, TimesIcon, ButtonModule, SharedModule], exports: [Messages, SharedModule] }); })();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: MessagesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: MessagesModule, declarations: [Messages], imports: [CommonModule, Ripple, CheckIcon, InfoCircleIcon, TimesCircleIcon, ExclamationTriangleIcon, TimesIcon, ButtonModule, SharedModule], exports: [Messages, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: MessagesModule, imports: [CommonModule, CheckIcon, InfoCircleIcon, TimesCircleIcon, ExclamationTriangleIcon, TimesIcon, ButtonModule, SharedModule, SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: MessagesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, Ripple, CheckIcon, InfoCircleIcon, TimesCircleIcon, ExclamationTriangleIcon, TimesIcon, ButtonModule, SharedModule],
+                    exports: [Messages, SharedModule],
+                    declarations: [Messages]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.