primeng 22.1.3 → 22.1.5

package/fesm2022/primeng-autocomplete.mjs

@@ -65,7 +65,7 @@ var AutoCompleteStyle = class AutoCompleteStyle extends BaseStyle {
 	inlineStyles = inlineStyles;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: AutoCompleteStyle,
 		deps: null,
@@ -73,14 +73,14 @@ var AutoCompleteStyle = class AutoCompleteStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: AutoCompleteStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: AutoCompleteStyle,
 	decorators: [{ type: Injectable }]
@@ -1084,7 +1084,7 @@ var AutoComplete = class AutoComplete extends BaseInput {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: AutoComplete,
 		deps: [],
@@ -1092,7 +1092,7 @@ var AutoComplete = class AutoComplete extends BaseInput {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: AutoComplete,
 		isStandalone: true,
 		selector: "p-autocomplete, p-auto-complete",
@@ -1725,6 +1725,8 @@ var AutoComplete = class AutoComplete extends BaseInput {
                 (blur)="onMultipleContainerBlur($event)"
                 (keydown)="onMultipleContainerKeyDown($event)"
             >
+                @let selectedItemTemplateRef = selectedItemTemplate();
+                @let removeIconTemplateRef = removeIconTemplate();
                 @for (option of modelValue(); track getChipTrackKey(option); let i = $index) {
                     <li
                         #token
@@ -1737,18 +1739,26 @@ var AutoComplete = class AutoComplete extends BaseInput {
                         [attr.aria-posinset]="i + 1"
                         [attr.aria-selected]="true"
                     >
-                        <p-chip [pt]="ptm('pcChip')" [class]="cx('pcChip')" [label]="getChipLabel(option)" [disabled]="$disabled()" [removable]="true" (onRemove)="!readonly() ? removeOption($event, i) : ''" [unstyled]="unstyled()">
-                            @if (selectedItemTemplate()) {
-                                <ng-container [ngTemplateOutlet]="selectedItemTemplate()!" [ngTemplateOutletContext]="getSelectedItemContext(option)"></ng-container>
+                        <p-chip
+                            [pt]="ptm('pcChip')"
+                            [class]="cx('pcChip')"
+                            [label]="!selectedItemTemplateRef && getOptionLabel(option)"
+                            [disabled]="$disabled()"
+                            [removable]="true"
+                            (onRemove)="!readonly() ? removeOption($event, i) : ''"
+                            [unstyled]="unstyled()"
+                        >
+                            @if (selectedItemTemplateRef) {
+                                <ng-container [ngTemplateOutlet]="selectedItemTemplateRef!" [ngTemplateOutletContext]="getSelectedItemContext(option)"></ng-container>
                             }
                             <ng-template #removeicon>
-                                @if (!removeIconTemplate()) {
+                                @if (!removeIconTemplateRef) {
                                     <span [pBind]="ptm('chipIcon')" [class]="cx('chipIcon')" (click)="!readonly() && !$disabled() ? removeOption($event, i) : ''">
                                         <svg data-p-icon="times-circle" [class]="cx('chipIcon')" [attr.aria-hidden]="true" />
                                     </span>
                                 } @else {
                                     <span [pBind]="ptm('chipIcon')" [attr.aria-hidden]="true">
-                                        <ng-container [ngTemplateOutlet]="removeIconTemplate()!" [ngTemplateOutletContext]="getRemoveIconContext(i)"></ng-container>
+                                        <ng-container [ngTemplateOutlet]="removeIconTemplateRef!" [ngTemplateOutletContext]="getRemoveIconContext(i)"></ng-container>
                                     </span>
                                 }
                             </ng-template>
@@ -1869,14 +1879,16 @@ var AutoComplete = class AutoComplete extends BaseInput {
 
                     <ng-template #buildInItems let-items let-scrollerOptions="options">
                         <ul #items [pBind]="ptm('list')" [class]="cn(cx('list'), scrollerOptions.contentStyleClass)" [style]="scrollerOptions.contentStyle" role="listbox" [attr.id]="$listId()" [attr.aria-label]="listLabel">
+                            @let groupTemplateRef = groupTemplate();
+                            @let itemTemplateRef = itemTemplate();
                             @for (option of items; track getOptionValue(option); let i = $index) {
                                 @if (isOptionGroup(option)) {
                                     <li [pBind]="ptm('optionGroup')" [attr.id]="getOptionElementId(i, scrollerOptions)" [class]="cx('optionGroup')" [style]="getItemStyle(scrollerOptions)" role="option">
-                                        @if (!groupTemplate()) {
+                                        @if (!groupTemplateRef) {
                                             <span>{{ getOptionGroupLabel(option.optionGroup) }}</span>
                                         }
-                                        @if (groupTemplate()) {
-                                            <ng-container [ngTemplateOutlet]="groupTemplate()!" [ngTemplateOutletContext]="getGroupContext(option.optionGroup)"></ng-container>
+                                        @if (groupTemplateRef) {
+                                            <ng-container [ngTemplateOutlet]="groupTemplateRef!" [ngTemplateOutletContext]="getGroupContext(option.optionGroup)"></ng-container>
                                         }
                                     </li>
                                 } @else {
@@ -1897,10 +1909,10 @@ var AutoComplete = class AutoComplete extends BaseInput {
                                         (click)="onOptionSelect($event, option)"
                                         (mouseenter)="onOptionMouseEnter($event, getOptionIndex(i, scrollerOptions))"
                                     >
-                                        @if (!itemTemplate()) {
+                                        @if (!itemTemplateRef) {
                                             <span>{{ getOptionLabel(option) }}</span>
                                         } @else {
-                                            <ng-container [ngTemplateOutlet]="itemTemplate()!" [ngTemplateOutletContext]="getItemContext(option, i, scrollerOptions)"></ng-container>
+                                            <ng-container [ngTemplateOutlet]="itemTemplateRef!" [ngTemplateOutletContext]="getItemContext(option, i, scrollerOptions)"></ng-container>
                                         }
                                     </li>
                                 }
@@ -2097,7 +2109,7 @@ var AutoComplete = class AutoComplete extends BaseInput {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: AutoComplete,
 	decorators: [{
@@ -2191,6 +2203,8 @@ i0.ɵɵngDeclareClassMetadata({
                 (blur)="onMultipleContainerBlur($event)"
                 (keydown)="onMultipleContainerKeyDown($event)"
             >
+                @let selectedItemTemplateRef = selectedItemTemplate();
+                @let removeIconTemplateRef = removeIconTemplate();
                 @for (option of modelValue(); track getChipTrackKey(option); let i = $index) {
                     <li
                         #token
@@ -2203,18 +2217,26 @@ i0.ɵɵngDeclareClassMetadata({
                         [attr.aria-posinset]="i + 1"
                         [attr.aria-selected]="true"
                     >
-                        <p-chip [pt]="ptm('pcChip')" [class]="cx('pcChip')" [label]="getChipLabel(option)" [disabled]="$disabled()" [removable]="true" (onRemove)="!readonly() ? removeOption($event, i) : ''" [unstyled]="unstyled()">
-                            @if (selectedItemTemplate()) {
-                                <ng-container [ngTemplateOutlet]="selectedItemTemplate()!" [ngTemplateOutletContext]="getSelectedItemContext(option)"></ng-container>
+                        <p-chip
+                            [pt]="ptm('pcChip')"
+                            [class]="cx('pcChip')"
+                            [label]="!selectedItemTemplateRef && getOptionLabel(option)"
+                            [disabled]="$disabled()"
+                            [removable]="true"
+                            (onRemove)="!readonly() ? removeOption($event, i) : ''"
+                            [unstyled]="unstyled()"
+                        >
+                            @if (selectedItemTemplateRef) {
+                                <ng-container [ngTemplateOutlet]="selectedItemTemplateRef!" [ngTemplateOutletContext]="getSelectedItemContext(option)"></ng-container>
                             }
                             <ng-template #removeicon>
-                                @if (!removeIconTemplate()) {
+                                @if (!removeIconTemplateRef) {
                                     <span [pBind]="ptm('chipIcon')" [class]="cx('chipIcon')" (click)="!readonly() && !$disabled() ? removeOption($event, i) : ''">
                                         <svg data-p-icon="times-circle" [class]="cx('chipIcon')" [attr.aria-hidden]="true" />
                                     </span>
                                 } @else {
                                     <span [pBind]="ptm('chipIcon')" [attr.aria-hidden]="true">
-                                        <ng-container [ngTemplateOutlet]="removeIconTemplate()!" [ngTemplateOutletContext]="getRemoveIconContext(i)"></ng-container>
+                                        <ng-container [ngTemplateOutlet]="removeIconTemplateRef!" [ngTemplateOutletContext]="getRemoveIconContext(i)"></ng-container>
                                     </span>
                                 }
                             </ng-template>
@@ -2335,14 +2357,16 @@ i0.ɵɵngDeclareClassMetadata({
 
                     <ng-template #buildInItems let-items let-scrollerOptions="options">
                         <ul #items [pBind]="ptm('list')" [class]="cn(cx('list'), scrollerOptions.contentStyleClass)" [style]="scrollerOptions.contentStyle" role="listbox" [attr.id]="$listId()" [attr.aria-label]="listLabel">
+                            @let groupTemplateRef = groupTemplate();
+                            @let itemTemplateRef = itemTemplate();
                             @for (option of items; track getOptionValue(option); let i = $index) {
                                 @if (isOptionGroup(option)) {
                                     <li [pBind]="ptm('optionGroup')" [attr.id]="getOptionElementId(i, scrollerOptions)" [class]="cx('optionGroup')" [style]="getItemStyle(scrollerOptions)" role="option">
-                                        @if (!groupTemplate()) {
+                                        @if (!groupTemplateRef) {
                                             <span>{{ getOptionGroupLabel(option.optionGroup) }}</span>
                                         }
-                                        @if (groupTemplate()) {
-                                            <ng-container [ngTemplateOutlet]="groupTemplate()!" [ngTemplateOutletContext]="getGroupContext(option.optionGroup)"></ng-container>
+                                        @if (groupTemplateRef) {
+                                            <ng-container [ngTemplateOutlet]="groupTemplateRef!" [ngTemplateOutletContext]="getGroupContext(option.optionGroup)"></ng-container>
                                         }
                                     </li>
                                 } @else {
@@ -2363,10 +2387,10 @@ i0.ɵɵngDeclareClassMetadata({
                                         (click)="onOptionSelect($event, option)"
                                         (mouseenter)="onOptionMouseEnter($event, getOptionIndex(i, scrollerOptions))"
                                     >
-                                        @if (!itemTemplate()) {
+                                        @if (!itemTemplateRef) {
                                             <span>{{ getOptionLabel(option) }}</span>
                                         } @else {
-                                            <ng-container [ngTemplateOutlet]="itemTemplate()!" [ngTemplateOutletContext]="getItemContext(option, i, scrollerOptions)"></ng-container>
+                                            <ng-container [ngTemplateOutlet]="itemTemplateRef!" [ngTemplateOutletContext]="getItemContext(option, i, scrollerOptions)"></ng-container>
                                         }
                                     </li>
                                 }
@@ -3038,7 +3062,7 @@ i0.ɵɵngDeclareClassMetadata({
 var AutoCompleteModule = class AutoCompleteModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: AutoCompleteModule,
 		deps: [],
@@ -3046,7 +3070,7 @@ var AutoCompleteModule = class AutoCompleteModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: AutoCompleteModule,
 		imports: [AutoComplete, SharedModule],
@@ -3054,7 +3078,7 @@ var AutoCompleteModule = class AutoCompleteModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: AutoCompleteModule,
 		imports: [
@@ -3066,7 +3090,7 @@ var AutoCompleteModule = class AutoCompleteModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: AutoCompleteModule,
 	decorators: [{

package/fesm2022/primeng-autofocus.mjs

@@ -29,7 +29,7 @@ var AutoFocus = class AutoFocus extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: AutoFocus,
 		deps: null,
@@ -37,7 +37,7 @@ var AutoFocus = class AutoFocus extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: AutoFocus,
 		isStandalone: true,
 		selector: "[pAutoFocus]",
@@ -54,7 +54,7 @@ var AutoFocus = class AutoFocus extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: AutoFocus,
 	decorators: [{
@@ -76,7 +76,7 @@ i0.ɵɵngDeclareClassMetadata({
 var AutoFocusModule = class AutoFocusModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: AutoFocusModule,
 		deps: [],
@@ -84,7 +84,7 @@ var AutoFocusModule = class AutoFocusModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: AutoFocusModule,
 		imports: [AutoFocus],
@@ -92,14 +92,14 @@ var AutoFocusModule = class AutoFocusModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: AutoFocusModule
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: AutoFocusModule,
 	decorators: [{

package/fesm2022/primeng-avatar.mjs

@@ -28,7 +28,7 @@ var AvatarStyle = class AvatarStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: AvatarStyle,
 		deps: null,
@@ -36,14 +36,14 @@ var AvatarStyle = class AvatarStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: AvatarStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: AvatarStyle,
 	decorators: [{ type: Injectable }]
@@ -91,7 +91,7 @@ var Avatar = class Avatar extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: Avatar,
 		deps: null,
@@ -99,7 +99,7 @@ var Avatar = class Avatar extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: Avatar,
 		isStandalone: true,
 		selector: "p-avatar",
@@ -201,7 +201,7 @@ var Avatar = class Avatar extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: Avatar,
 	decorators: [{
@@ -308,7 +308,7 @@ i0.ɵɵngDeclareClassMetadata({
 var AvatarModule = class AvatarModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: AvatarModule,
 		deps: [],
@@ -316,7 +316,7 @@ var AvatarModule = class AvatarModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: AvatarModule,
 		imports: [Avatar, SharedModule],
@@ -324,7 +324,7 @@ var AvatarModule = class AvatarModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: AvatarModule,
 		imports: [
@@ -336,7 +336,7 @@ var AvatarModule = class AvatarModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: AvatarModule,
 	decorators: [{

package/fesm2022/primeng-avatargroup.mjs

@@ -12,7 +12,7 @@ var AvatarGroupStyle = class AvatarGroupStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: AvatarGroupStyle,
 		deps: null,
@@ -20,14 +20,14 @@ var AvatarGroupStyle = class AvatarGroupStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: AvatarGroupStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: AvatarGroupStyle,
 	decorators: [{ type: Injectable }]
@@ -54,7 +54,7 @@ var AvatarGroup = class AvatarGroup extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: AvatarGroup,
 		deps: null,
@@ -62,7 +62,7 @@ var AvatarGroup = class AvatarGroup extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "14.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: AvatarGroup,
 		isStandalone: true,
 		selector: "p-avatar-group, p-avatargroup",
@@ -100,7 +100,7 @@ var AvatarGroup = class AvatarGroup extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: AvatarGroup,
 	decorators: [{
@@ -138,7 +138,7 @@ i0.ɵɵngDeclareClassMetadata({
 var AvatarGroupModule = class AvatarGroupModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: AvatarGroupModule,
 		deps: [],
@@ -146,7 +146,7 @@ var AvatarGroupModule = class AvatarGroupModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: AvatarGroupModule,
 		imports: [AvatarGroup, SharedModule],
@@ -154,7 +154,7 @@ var AvatarGroupModule = class AvatarGroupModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: AvatarGroupModule,
 		imports: [
@@ -166,7 +166,7 @@ var AvatarGroupModule = class AvatarGroupModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: AvatarGroupModule,
 	decorators: [{

package/fesm2022/primeng-badge.mjs

@@ -4,11 +4,11 @@ import { SharedModule } from "primeng/api";
 import { BaseComponent, PARENT_INSTANCE } from "primeng/basecomponent";
 import * as i1 from "primeng/bind";
 import { Bind } from "primeng/bind";
-import { style } from "@primeuix/styles/badge";
+import { style as style$1 } from "@primeuix/styles/badge";
 import { isEmpty, isNotEmpty } from "@primeuix/utils";
 import { BaseStyle } from "primeng/base";
-const style$1 = `
-    ${style}
+const style = `
+    ${style$1}
 `;
 const classes = { root: ({ instance }) => {
 	const value = instance.value();
@@ -31,11 +31,11 @@ const classes = { root: ({ instance }) => {
 } };
 var BadgeStyle = class BadgeStyle extends BaseStyle {
 	name = "badge";
-	style = style$1;
+	style = style;
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: BadgeStyle,
 		deps: null,
@@ -43,14 +43,14 @@ var BadgeStyle = class BadgeStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: BadgeStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: BadgeStyle,
 	decorators: [{ type: Injectable }]
@@ -94,7 +94,7 @@ var Badge = class Badge extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: Badge,
 		deps: null,
@@ -102,7 +102,7 @@ var Badge = class Badge extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: Badge,
 		isStandalone: true,
 		selector: "p-badge",
@@ -174,7 +174,7 @@ var Badge = class Badge extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: Badge,
 	decorators: [{
@@ -251,7 +251,7 @@ i0.ɵɵngDeclareClassMetadata({
 var BadgeModule = class BadgeModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: BadgeModule,
 		deps: [],
@@ -259,7 +259,7 @@ var BadgeModule = class BadgeModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: BadgeModule,
 		imports: [Badge, SharedModule],
@@ -267,7 +267,7 @@ var BadgeModule = class BadgeModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: BadgeModule,
 		imports: [
@@ -279,7 +279,7 @@ var BadgeModule = class BadgeModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: BadgeModule,
 	decorators: [{

package/fesm2022/primeng-base.mjs

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 import { Injectable, inject } from "@angular/core";
-import { style } from "@primeuix/styles/base";
+import { preflight, style } from "@primeuix/styles/base";
 import { escapeAttribute, escapeStyleText, minifyCSS, resolve, toAttributes } from "@primeuix/utils";
 import { STYLE_ID_ATTRIBUTE, StyleScope, UseStyle } from "primeng/usestyle";
 var base_default = {
@@ -60,6 +60,11 @@ var BaseStyle = class BaseStyle {
 	loadStyle = (options = {}, style = "") => this.load(this.style, options, (computedStyle = "") => this.#scope.theme.transformCSS(options.name || this.name, `${computedStyle}${this.#scope.resolvers.css`${style}`}`));
 	loadBaseCSS = (options = {}) => this.load(css, options, (computedStyle) => this.#scope.scopeCSS(computedStyle));
 	loadBaseStyle = (options = {}, style$1 = "") => this.load(style, options, (computedStyle = "") => this.#scope.theme.transformCSS(options.name || this.name, `${computedStyle}${this.#scope.resolvers.css`${style$1}`}`));
+	loadPreflight = (options = {}) => this.load(preflight, {
+		...options,
+		name: "preflight-style",
+		raw: true
+	}, (computedStyle) => this.#scope.scopeCSS(computedStyle));
 	getCommonTheme = (params) => this.#scope.theme.getCommon(this.name, params);
 	getComponentTheme = (params) => this.#scope.theme.getComponent(this.name, params);
 	getPresetTheme = (preset, selector, params) => this.#scope.theme.getCustomPreset(this.name, preset, selector, params);
@@ -100,7 +105,7 @@ var BaseStyle = class BaseStyle {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: BaseStyle,
 		deps: [],
@@ -108,7 +113,7 @@ var BaseStyle = class BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: BaseStyle,
 		providedIn: "root"
@@ -116,7 +121,7 @@ var BaseStyle = class BaseStyle {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: BaseStyle,
 	decorators: [{