primeng 22.1.3 → 22.1.4

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);

package/fesm2022/primeng-basecomponent.mjs

@@ -1,6 +1,7 @@
 import { DOCUMENT, isPlatformServer } from "@angular/common";
 import * as i0 from "@angular/core";
 import { ChangeDetectorRef, Directive, ElementRef, Injectable, InjectionToken, Injector, PLATFORM_ID, Renderer2, computed, effect, inject, input, isSignal, signal } from "@angular/core";
+import { PREFLIGHT_LAYER, composeLayerOrder } from "@primeuix/styled";
 import { cn, getKeyValue, isArray, isFunction, isNotEmpty, isString, mergeProps, resolve, toFlatCase } from "@primeuix/utils";
 import { Base, BaseStyle } from "primeng/base";
 import { PrimeNG } from "primeng/config";
@@ -79,6 +80,7 @@ var BaseComponent = class BaseComponent {
 	directivePT = signal(void 0, ...ngDevMode ? [{ debugName: "directivePT" }] : /* istanbul ignore next */ []);
 	directiveUnstyled = signal(void 0, ...ngDevMode ? [{ debugName: "directiveUnstyled" }] : /* istanbul ignore next */ []);
 	$unstyled = computed(() => this.unstyled() ?? this.directiveUnstyled() ?? this.config?.unstyled() ?? false, ...ngDevMode ? [{ debugName: "$unstyled" }] : /* istanbul ignore next */ []);
+	$preflight = computed(() => !this.$unstyled() && this.config?.preflight() === true, ...ngDevMode ? [{ debugName: "$preflight" }] : /* istanbul ignore next */ []);
 	$pt = computed(() => resolve(this.pt() || this.directivePT(), this.$params), ...ngDevMode ? [{ debugName: "$pt" }] : /* istanbul ignore next */ []);
 	get $globalPT() {
 		return this._getPT(this.config?.pt(), void 0, (value) => resolve(value, this.$params));
@@ -225,6 +227,10 @@ var BaseComponent = class BaseComponent {
 			this._loadGlobalStyles();
 			this.$base.setLoadedStyleName("base");
 		}
+		if (this.$preflight() && !this.$base.isStyleNameLoaded("preflight")) {
+			this.baseStyle.loadPreflight(this.$styleOptions);
+			this.$base.setLoadedStyleName("preflight");
+		}
 		this._loadThemeStyles();
 	}
 	_loadStyles() {
@@ -246,7 +252,19 @@ var BaseComponent = class BaseComponent {
 		}
 	}
 	_loadThemeStyles() {
-		if (this.$unstyled() || this.config?.theme() === "none") return;
+		if (this.$unstyled()) return;
+		if (this.config?.theme() !== "none") this._loadThemeSheets();
+		if (!this.$theme.isStyleNameLoaded("layer-order")) {
+			const layerOrder = composeLayerOrder(this.$preflight() ? PREFLIGHT_LAYER : void 0, this.$style?.getLayerOrderThemeCSS?.());
+			this.baseStyle.load(layerOrder, {
+				name: "layer-order",
+				first: true,
+				...this.$styleOptions
+			});
+			this.$theme.setLoadedStyleName("layer-order");
+		}
+	}
+	_loadThemeSheets() {
 		if (!this.$theme.isStyleNameLoaded("common")) {
 			const { primitive, semantic, global, style } = this.$style?.getCommonTheme?.() || {};
 			this.baseStyle.load(primitive?.css, {
@@ -287,15 +305,6 @@ var BaseComponent = class BaseComponent {
 			}, style);
 			this.$theme.setLoadedStyleName(this.$style?.name);
 		}
-		if (!this.$theme.isStyleNameLoaded("layer-order")) {
-			const layerOrder = this.$style?.getLayerOrderThemeCSS?.();
-			this.baseStyle.load(layerOrder, {
-				name: "layer-order",
-				first: true,
-				...this.$styleOptions
-			});
-			this.$theme.setLoadedStyleName("layer-order");
-		}
 	}
 	_loadScopedThemeStyles(preset) {
 		if (this.config?.theme()?.options?.cssVariables === false && this.$style?.name) {

package/fesm2022/primeng-config.mjs

@@ -118,6 +118,7 @@ var PrimeNG = class PrimeNG extends ThemeProvider {
 	overlayOptions = {};
 	csp = signal({ nonce: void 0 }, ...ngDevMode ? [{ debugName: "csp" }] : /* istanbul ignore next */ []);
 	unstyled = signal(void 0, ...ngDevMode ? [{ debugName: "unstyled" }] : /* istanbul ignore next */ []);
+	preflight = signal(false, ...ngDevMode ? [{ debugName: "preflight" }] : /* istanbul ignore next */ []);
 	pt = signal(void 0, ...ngDevMode ? [{ debugName: "pt" }] : /* istanbul ignore next */ []);
 	ptOptions = signal(void 0, ...ngDevMode ? [{ debugName: "ptOptions" }] : /* istanbul ignore next */ []);
 	filterMatchModeOptions = {
@@ -359,7 +360,7 @@ var PrimeNG = class PrimeNG extends ThemeProvider {
 		this.translationSource.next(this.translation);
 	}
 	setConfig(config) {
-		const { csp, ripple, inputVariant, theme, overlayOptions, translation, filterMatchModeOptions, overlayAppendTo, zIndex, ptOptions, pt, unstyled } = config || {};
+		const { csp, ripple, inputVariant, theme, overlayOptions, translation, filterMatchModeOptions, overlayAppendTo, zIndex, ptOptions, pt, unstyled, preflight } = config || {};
 		if (csp) this.csp.set(csp);
 		if (overlayAppendTo) this.overlayAppendTo.set(overlayAppendTo);
 		if (ripple) this.ripple.set(ripple);
@@ -371,6 +372,7 @@ var PrimeNG = class PrimeNG extends ThemeProvider {
 		if (pt) this.pt.set(pt);
 		if (ptOptions) this.ptOptions.set(ptOptions);
 		if (unstyled) this.unstyled.set(unstyled);
+		if (preflight !== void 0) this.preflight.set(preflight);
 		if (theme) this.setThemeConfig({
 			theme,
 			csp
@@ -403,7 +405,7 @@ i0.ɵɵngDeclareClassMetadata({
 	}]
 });
 const PRIME_NG_CONFIG = new InjectionToken("PRIME_NG_CONFIG");
-const RELEASE_DATE = "2026-10-20";
+const RELEASE_DATE = "2026-10-22";
 const isFeature = (value) => Array.isArray(value?.ɵproviders);
 function providePrimeNG(...features) {
 	const configs = features.filter((feature) => !isFeature(feature));

package/fesm2022/primeng-confirmpopup.mjs

@@ -2,7 +2,7 @@ import { NgTemplateOutlet } from "@angular/common";
 import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, HostListener, Injectable, InjectionToken, NgModule, ViewEncapsulation, booleanAttribute, computed, contentChild, effect, inject, input, numberAttribute, signal, untracked, viewChild } from "@angular/core";
 import { absolutePosition, addClass, appendChild, findSingle, focus, getOffset, isIOS, isTouchDevice } from "@primeuix/utils";
-import { ConfirmationService, OverlayService, SharedModule, TranslationKeys } from "primeng/api";
+import { ConfirmEventType, ConfirmationService, OverlayService, SharedModule, TranslationKeys } from "primeng/api";
 import { BaseComponent, PARENT_INSTANCE } from "primeng/basecomponent";
 import * as i1 from "primeng/bind";
 import { Bind } from "primeng/bind";
@@ -176,7 +176,7 @@ var ConfirmPopup = class ConfirmPopup extends BaseComponent {
 	}
 	onEscapeKeydown(event) {
 		const confirmation = this.confirmation();
-		if (confirmation && confirmation.closeOnEscape !== false) this.onReject();
+		if (confirmation && confirmation.closeOnEscape !== false) this.onReject(ConfirmEventType.CANCEL);
 	}
 	onBeforeEnter(event) {
 		const focusValue = this.confirmation()?.defaultFocus ?? this.defaultFocus();
@@ -245,8 +245,8 @@ var ConfirmPopup = class ConfirmPopup extends BaseComponent {
 		this.hide();
 		focus(this.confirmation()?.target);
 	}
-	onReject() {
-		this.confirmation()?.rejectEvent?.emit();
+	onReject(type = ConfirmEventType.REJECT) {
+		this.confirmation()?.rejectEvent?.emit(type);
 		this.hide();
 		focus(this.confirmation()?.target);
 	}

package/fesm2022/primeng-datepicker.mjs

@@ -542,6 +542,15 @@ var DatePicker = class DatePicker extends BaseInput {
 			selected: !!this.isSelected(date)
 		};
 	}
+	getDayPTOptions(date) {
+		return { context: {
+			date,
+			today: !!date.today,
+			otherMonth: !!date.otherMonth,
+			selected: !!this.isSelected(date),
+			disabled: !date.selectable
+		} };
+	}
 	dayClass(date) {
 		return this.pcn(this._componentStyle.classes.day({
 			instance: this,
@@ -742,6 +751,9 @@ var DatePicker = class DatePicker extends BaseInput {
 				year: this.currentYear
 			});
 			this.createMonths(this.currentMonth, this.currentYear);
+			setTimeout(() => {
+				this.updateFocus();
+			}, 1);
 		}
 	}
 	navForward(event) {
@@ -774,6 +786,9 @@ var DatePicker = class DatePicker extends BaseInput {
 				year: this.currentYear
 			});
 			this.createMonths(this.currentMonth, this.currentYear);
+			setTimeout(() => {
+				this.updateFocus();
+			}, 1);
 		}
 	}
 	decrementYear() {
@@ -3161,7 +3176,13 @@ var DatePicker = class DatePicker extends BaseInput {
                                                         </td>
                                                     }
                                                     @for (date of week; track date.day) {
-                                                        <td [attr.aria-label]="getDateCellAriaLabel(date)" [attr.aria-selected]="isSelected(date) ? 'true' : null" [class]="cx('dayCell', { date })" [pBind]="ptm('dayCell')">
+                                                        <td
+                                                            [attr.aria-label]="getDateCellAriaLabel(date)"
+                                                            [attr.aria-selected]="isSelected(date) ? 'true' : null"
+                                                            [attr.aria-disabled]="!date.selectable ? 'true' : null"
+                                                            [class]="cx('dayCell', { date })"
+                                                            [pBind]="ptm('dayCell', getDayPTOptions(date))"
+                                                        >
                                                             @if (date.otherMonth ? showOtherMonths() : true) {
                                                                 <span
                                                                     [class]="dayClass(date)"
@@ -3172,7 +3193,7 @@ var DatePicker = class DatePicker extends BaseInput {
                                                                     [attr.data-date]="formatDateKey(formatDateMetaToDate(date))"
                                                                     (keydown)="onDateCellKeydown($event, date, i)"
                                                                     pRipple
-                                                                    [pBind]="ptm('day')"
+                                                                    [pBind]="ptm('day', getDayPTOptions(date))"
                                                                 >
                                                                     @if (!dateTemplate() && (date.selectable || !disabledDateTemplate())) {
                                                                         {{ date.day }}
@@ -3886,7 +3907,13 @@ i0.ɵɵngDeclareClassMetadata({
                                                         </td>
                                                     }
                                                     @for (date of week; track date.day) {
-                                                        <td [attr.aria-label]="getDateCellAriaLabel(date)" [attr.aria-selected]="isSelected(date) ? 'true' : null" [class]="cx('dayCell', { date })" [pBind]="ptm('dayCell')">
+                                                        <td
+                                                            [attr.aria-label]="getDateCellAriaLabel(date)"
+                                                            [attr.aria-selected]="isSelected(date) ? 'true' : null"
+                                                            [attr.aria-disabled]="!date.selectable ? 'true' : null"
+                                                            [class]="cx('dayCell', { date })"
+                                                            [pBind]="ptm('dayCell', getDayPTOptions(date))"
+                                                        >
                                                             @if (date.otherMonth ? showOtherMonths() : true) {
                                                                 <span
                                                                     [class]="dayClass(date)"
@@ -3897,7 +3924,7 @@ i0.ɵɵngDeclareClassMetadata({
                                                                     [attr.data-date]="formatDateKey(formatDateMetaToDate(date))"
                                                                     (keydown)="onDateCellKeydown($event, date, i)"
                                                                     pRipple
-                                                                    [pBind]="ptm('day')"
+                                                                    [pBind]="ptm('day', getDayPTOptions(date))"
                                                                 >
                                                                     @if (!dateTemplate() && (date.selectable || !disabledDateTemplate())) {
                                                                         {{ date.day }}

package/fesm2022/primeng-drawer.mjs

@@ -290,9 +290,7 @@ var Drawer = class Drawer extends BaseComponent {
 		event.preventDefault();
 	}
 	enableModality() {
-		const activeDrawers = this.document.querySelectorAll("[data-p-open=\"true\"]");
-		const activeDrawersLength = activeDrawers.length;
-		const zIndex = activeDrawersLength == 1 ? String(parseInt(this.container.style.zIndex) - 1) : String(parseInt(activeDrawers[activeDrawersLength - 1].style.zIndex) - 1);
+		const zIndex = String(parseInt(this.container.style.zIndex) - 1);
 		if (!this.mask) {
 			this.mask = this.renderer.createElement("div");
 			if (this.mask) {

package/fesm2022/primeng-fieldset.mjs

@@ -143,11 +143,9 @@ var Fieldset = class Fieldset extends BaseComponent {
 	}
 	expand() {
 		this.collapsed.set(false);
-		this.updateTabIndex();
 	}
 	collapse() {
 		this.collapsed.set(true);
-		this.updateTabIndex();
 	}
 	getBlockableElement() {
 		return this.el.nativeElement.children[0];

package/fesm2022/primeng-panel.mjs

@@ -154,11 +154,9 @@ var Panel = class Panel extends BaseComponent {
 	}
 	expand() {
 		this.collapsed.set(false);
-		this.updateTabIndex();
 	}
 	collapse() {
 		this.collapsed.set(true);
-		this.updateTabIndex();
 	}
 	getBlockableElement() {
 		return this.el.nativeElement;

package/fesm2022/primeng-scroller.mjs

@@ -1,11 +1,11 @@
 import { NgTemplateOutlet, isPlatformBrowser } from "@angular/common";
 import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModule, ViewEncapsulation, computed, contentChild, effect, inject, input, output, signal, untracked, viewChild } from "@angular/core";
+import { Spinner } from "@primeicons/angular/spinner";
 import { findSingle, getHeight, getWidth, isTouchDevice, isVisible } from "@primeuix/utils";
 import { BaseComponent, PARENT_INSTANCE } from "primeng/basecomponent";
 import * as i1 from "primeng/bind";
 import { Bind } from "primeng/bind";
-import { Spinner } from "@primeicons/angular/spinner";
 import { BaseStyle } from "primeng/base";
 export * from "primeng/types/scroller";
 const css = `
@@ -289,6 +289,10 @@ var Scroller = class Scroller extends BaseComponent {
 				if (opts?.contentStyle !== void 0) this.contentStyle = opts.contentStyle;
 			});
 		});
+		effect((onCleanup) => {
+			const element = this.elementViewChild()?.nativeElement;
+			if (element && isPlatformBrowser(this.platformId)) onCleanup(this.renderer.listen(element, "scroll", (event) => this.onElementScroll(event)));
+		});
 	}
 	_loaderIconContext = computed(() => ({ options: { styleClass: this.pcn("p-virtualscroller-loading-icon") } }), ...ngDevMode ? [{ debugName: "_loaderIconContext" }] : /* istanbul ignore next */ []);
 	get loaderIconContext() {
@@ -517,6 +521,7 @@ var Scroller = class Scroller extends BaseComponent {
 	calculateAutoSize() {
 		if (this._autoSize() && !this.d_loading) Promise.resolve().then(() => {
 			if (this.contentEl) {
+				const { scrollTop, scrollLeft } = this.elementViewChild().nativeElement;
 				this.contentEl.style.minHeight = this.contentEl.style.minWidth = "auto";
 				this.contentEl.style.position = "relative";
 				this.elementViewChild().nativeElement.style.contain = "none";
@@ -529,6 +534,10 @@ var Scroller = class Scroller extends BaseComponent {
 				this.contentEl.style.minHeight = this.contentEl.style.minWidth = "";
 				this.contentEl.style.position = "";
 				this.elementViewChild().nativeElement.style.contain = "";
+				if (this.elementViewChild().nativeElement.scrollTop !== scrollTop || this.elementViewChild().nativeElement.scrollLeft !== scrollLeft) this.scrollTo({
+					top: scrollTop,
+					left: scrollLeft
+				});
 			}
 		});
 	}
@@ -700,6 +709,7 @@ var Scroller = class Scroller extends BaseComponent {
 				this.lazyLoadState = lazyLoadState;
 			}
 		}
+		return isRangeChanged;
 	}
 	onContainerScroll(event) {
 		this.handleEvents("onScroll", { originalEvent: event });
@@ -720,7 +730,12 @@ var Scroller = class Scroller extends BaseComponent {
 				}
 				this.cd.detectChanges();
 			}, this._delay());
-		} else if (!this.d_loading) this.onScrollChange(event);
+			return true;
+		}
+		return !this.d_loading && this.onScrollChange(event);
+	}
+	onElementScroll(event) {
+		if (this.onContainerScroll(event) || this.options()?.onScroll) this.cd.markForCheck();
 	}
 	bindResizeListener() {
 		if (isPlatformBrowser(this.platformId)) {
@@ -1088,7 +1103,7 @@ var Scroller = class Scroller extends BaseComponent {
 		ngImport: i0,
 		template: `
         @if (!_disabled()) {
-            <div #element [attr.id]="_id()" [attr.tabindex]="_tabindex()" [style]="_style()" [class]="cn(cx('root'), _styleClass())" (scroll)="onContainerScroll($event)" [pBind]="ptm('root')">
+            <div #element [attr.id]="_id()" [attr.tabindex]="_tabindex()" [style]="_style()" [class]="cn(cx('root'), _styleClass())" [pBind]="ptm('root')">
                 @if (contentTemplate()) {
                     <ng-container *ngTemplateOutlet="contentTemplate(); context: getContentTemplateContext()"></ng-container>
                 } @else {
@@ -1169,7 +1184,7 @@ i0.ɵɵngDeclareClassMetadata({
 			standalone: true,
 			template: `
         @if (!_disabled()) {
-            <div #element [attr.id]="_id()" [attr.tabindex]="_tabindex()" [style]="_style()" [class]="cn(cx('root'), _styleClass())" (scroll)="onContainerScroll($event)" [pBind]="ptm('root')">
+            <div #element [attr.id]="_id()" [attr.tabindex]="_tabindex()" [style]="_style()" [class]="cn(cx('root'), _styleClass())" [pBind]="ptm('root')">
                 @if (contentTemplate()) {
                     <ng-container *ngTemplateOutlet="contentTemplate(); context: getContentTemplateContext()"></ng-container>
                 } @else {

package/fesm2022/primeng-select.mjs

@@ -884,7 +884,7 @@ var Select = class Select extends BaseInput {
 			const inputId = this.inputId();
 			if (!inputId || this.editable()) return;
 			const label = (getShadowRoot(this.el.nativeElement) ?? this.document).querySelector(`label[for="${inputId}"]`);
-			if (label) onCleanup(this.renderer.listen(label, "click", () => focus(this.focusInputViewChild()?.nativeElement)));
+			if (label) onCleanup(this.renderer.listen(label, "click", () => !this.$disabled() && focus(this.focusInputViewChild()?.nativeElement)));
 		});
 		effect(() => {
 			const options = this.visibleOptions();
@@ -1002,9 +1002,6 @@ var Select = class Select extends BaseInput {
 		this.writeModelValue(value);
 		this.selectedOptionUpdated = true;
 	}
-	allowModelChange() {
-		return !!this.modelValue() && !this.placeholder() && (this.modelValue() === void 0 || this.modelValue() === null) && !this.editable() && this._options() && this._options().length;
-	}
 	isSelected(option) {
 		if (this.multiple()) {
 			const currentValue = this.modelValue();
@@ -1120,9 +1117,12 @@ var Select = class Select extends BaseInput {
 		if (this._options() && this._options().length) {
 			if (this.virtualScroll()) {
 				const selectedIndex = this.modelValue() ? this.focusedOptionIndex() : -1;
-				if (selectedIndex !== -1) this.scrollToSelectedTimeout = setTimeout(() => {
-					this.scroller()?.scrollToIndex(selectedIndex);
-				}, 10);
+				if (selectedIndex !== -1) {
+					if (this.scrollToSelectedTimeout) clearTimeout(this.scrollToSelectedTimeout);
+					this.scrollToSelectedTimeout = setTimeout(() => {
+						this.scroller()?.scrollToIndex(selectedIndex);
+					}, 10);
+				}
 			} else {
 				let selectedListItem = findSingle(this.itemsWrapper, "[data-p-selected=\"true\"]");
 				if (selectedListItem) selectedListItem.scrollIntoView({
@@ -1222,6 +1222,9 @@ var Select = class Select extends BaseInput {
 		}
 		this.clicked.set(false);
 	}
+	onFilterTemplateKeyDown(event) {
+		if (this.filterTemplate() && event.target instanceof HTMLInputElement) this.onFilterKeyDown(event);
+	}
 	onFilterKeyDown(event) {
 		if (event.isComposing || event.keyCode === 229) return;
 		switch (event.code) {
@@ -1276,6 +1279,7 @@ var Select = class Select extends BaseInput {
 		}
 	}
 	scrollInView(index = -1) {
+		if (this.scrollInViewTimeout) clearTimeout(this.scrollInViewTimeout);
 		this.scrollInViewTimeout = setTimeout(() => {
 			const id = index !== -1 ? `${this.$id()}_${index}` : this.focusedOptionId();
 			const element = this.itemsViewChild()?.nativeElement ? findSingle(this.itemsViewChild().nativeElement, `li[id="${id}"]`) : null;
@@ -1432,7 +1436,6 @@ var Select = class Select extends BaseInput {
 					this.onOptionSelect(event, option);
 				}
 				if (this.overlayVisible()) this.hide(this.filter());
-				if (consumedByOverlay) event.stopPropagation();
 			}
 		}
 	}
@@ -1529,7 +1532,6 @@ var Select = class Select extends BaseInput {
 	writeControlValue(value, setModelValue) {
 		if (this.filter()) this.resetFilter();
 		this.value = value;
-		if (this.allowModelChange()) this.onModelChange(value);
 		setModelValue(this.value);
 		this.updateEditableLabel();
 	}
@@ -2263,7 +2265,7 @@ var Select = class Select extends BaseInput {
                     </span>
                     <ng-container *ngTemplateOutlet="headerTemplate(); context: { class: cx('header') }"></ng-container>
                     @if (filter()) {
-                        <div [class]="cx('header')" (click)="$event.stopPropagation()" [pBind]="ptm('header')">
+                        <div [class]="cx('header')" (click)="$event.stopPropagation()" (keydown)="onFilterTemplateKeyDown($event)" [pBind]="ptm('header')">
                             @if (filterTemplate()) {
                                 <ng-container *ngTemplateOutlet="filterTemplate(); context: filterTemplateContext()"></ng-container>
                             } @else {
@@ -2781,7 +2783,7 @@ i0.ɵɵngDeclareClassMetadata({
                     </span>
                     <ng-container *ngTemplateOutlet="headerTemplate(); context: { class: cx('header') }"></ng-container>
                     @if (filter()) {
-                        <div [class]="cx('header')" (click)="$event.stopPropagation()" [pBind]="ptm('header')">
+                        <div [class]="cx('header')" (click)="$event.stopPropagation()" (keydown)="onFilterTemplateKeyDown($event)" [pBind]="ptm('header')">
                             @if (filterTemplate()) {
                                 <ng-container *ngTemplateOutlet="filterTemplate(); context: filterTemplateContext()"></ng-container>
                             } @else {

package/fesm2022/primeng-table.mjs

@@ -1605,7 +1605,7 @@ var Table = class Table extends BaseComponent {
 				this.first.set(0);
 				if (this.scrollable()) this.resetScrollTop();
 			}
-			this.sortSingle();
+			this.sortSingle(this.resetPageOnSort());
 		}
 		if (this.sortMode() === "multiple") {
 			let metaKey = originalEvent.metaKey || originalEvent.ctrlKey;
@@ -1631,12 +1631,12 @@ var Table = class Table extends BaseComponent {
 					order: this.defaultSortOrder()
 				});
 			}
-			this.sortMultiple();
+			this.sortMultiple(this.resetPageOnSort());
 		}
 		if (this.isStateful()) this.saveState();
 		this.anchorRowIndex = null;
 	}
-	sortSingle() {
+	sortSingle(resetPage = true) {
 		let field = this.sortField || this.groupRowsBy();
 		let order = this.sortField ? this.sortOrder : this.groupRowsByOrder();
 		if (this.groupRowsBy() && this.sortField && this.groupRowsBy() !== this.sortField) {
@@ -1644,7 +1644,7 @@ var Table = class Table extends BaseComponent {
 				field: this.sortField,
 				order: this.sortOrder
 			}];
-			this.sortMultiple();
+			this.sortMultiple(resetPage);
 			return;
 		}
 		if (field && order) {
@@ -1671,7 +1671,7 @@ var Table = class Table extends BaseComponent {
 					});
 					this.value = [...this.value];
 				}
-				if (this.hasFilter()) this._filter();
+				if (this.hasFilter()) this._filter(resetPage);
 			}
 			let sortMeta = {
 				field,
@@ -1681,7 +1681,7 @@ var Table = class Table extends BaseComponent {
 			this.tableService.onSort(sortMeta);
 		}
 	}
-	sortMultiple() {
+	sortMultiple(resetPage = true) {
 		if (this.groupRowsBy()) {
 			if (!this.multiSortMeta) this.multiSortMeta = [this.getGroupRowsMeta()];
 			else if (this.multiSortMeta[0].field !== this.groupRowsBy()) this.multiSortMeta = [this.getGroupRowsMeta(), ...this.multiSortMeta];
@@ -1698,7 +1698,7 @@ var Table = class Table extends BaseComponent {
 					this.value.sort((data1, data2) => this.multisortField(data1, data2, this.multiSortMeta, 0));
 					this.value = [...this.value];
 				}
-				if (this.hasFilter()) this._filter();
+				if (this.hasFilter()) this._filter(resetPage);
 			}
 			this.onSort.emit({ multisortmeta: this.multiSortMeta });
 			this.tableService.onSort(this.multiSortMeta);
@@ -2091,8 +2091,8 @@ var Table = class Table extends BaseComponent {
 		}
 		return true;
 	}
-	_filter() {
-		if (!this.restoringFilter) this.first.set(0);
+	_filter(resetPage = true) {
+		if (!this.restoringFilter && resetPage) this.first.set(0);
 		if (this.lazy()) this.onLazyLoad.emit(this.createLazyLoadMetadata());
 		else {
 			if (!this.value) return;
@@ -2143,7 +2143,7 @@ var Table = class Table extends BaseComponent {
 		if (this.isStateful() && !this.restoringFilter) this.saveState();
 		if (this.restoringFilter) this.restoringFilter = false;
 		this.cd.markForCheck();
-		if (this.scrollable()) this.resetScrollTop();
+		if (this.scrollable() && resetPage) this.resetScrollTop();
 	}
 	executeLocalFilter(field, rowData, filterMeta) {
 		let filterValue = filterMeta.value;

package/fesm2022/primeng-treeselect.mjs

@@ -254,6 +254,10 @@ var TreeSelect = class TreeSelect extends BaseEditableHolder {
 		...ngDevMode ? { debugName: "itemLoadingIconTemplate" } : /* istanbul ignore next */ {},
 		descendants: false
 	});
+	nodeTemplate = contentChild("node", {
+		...ngDevMode ? { debugName: "nodeTemplate" } : /* istanbul ignore next */ {},
+		descendants: false
+	});
 	focused = signal(false, ...ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []);
 	overlayVisible = signal(false, ...ngDevMode ? [{ debugName: "overlayVisible" }] : /* istanbul ignore next */ []);
 	_value = signal(void 0, ...ngDevMode ? [{ debugName: "_value" }] : /* istanbul ignore next */ []);
@@ -916,6 +920,12 @@ var TreeSelect = class TreeSelect extends BaseEditableHolder {
 				first: true,
 				predicate: ["itemloadingicon"],
 				isSignal: true
+			},
+			{
+				propertyName: "nodeTemplate",
+				first: true,
+				predicate: ["node"],
+				isSignal: true
 			}
 		],
 		viewQueries: [
@@ -1099,6 +1109,11 @@ var TreeSelect = class TreeSelect extends BaseEditableHolder {
                                     <ng-container *ngTemplateOutlet="emptyTemplate()"></ng-container>
                                 </ng-template>
                             }
+                            @if (nodeTemplate()) {
+                                <ng-template #node let-node>
+                                    <ng-container *ngTemplateOutlet="nodeTemplate(); context: { $implicit: node }"></ng-container>
+                                </ng-template>
+                            }
                             @if (itemTogglerIconTemplate()) {
                                 <ng-template #togglericon let-expanded>
                                     <ng-container *ngTemplateOutlet="itemTogglerIconTemplate(); context: { $implicit: expanded }"></ng-container>
@@ -1447,6 +1462,11 @@ i0.ɵɵngDeclareClassMetadata({
                                     <ng-container *ngTemplateOutlet="emptyTemplate()"></ng-container>
                                 </ng-template>
                             }
+                            @if (nodeTemplate()) {
+                                <ng-template #node let-node>
+                                    <ng-container *ngTemplateOutlet="nodeTemplate(); context: { $implicit: node }"></ng-container>
+                                </ng-template>
+                            }
                             @if (itemTogglerIconTemplate()) {
                                 <ng-template #togglericon let-expanded>
                                     <ng-container *ngTemplateOutlet="itemTogglerIconTemplate(); context: { $implicit: expanded }"></ng-container>
@@ -1964,6 +1984,13 @@ i0.ɵɵngDeclareClassMetadata({
 				descendants: false,
 				isSignal: true
 			}]
+		}],
+		nodeTemplate: [{
+			type: i0.ContentChild,
+			args: ["node", {
+				descendants: false,
+				isSignal: true
+			}]
 		}]
 	}
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "primeng",
-  "version": "22.1.3",
+  "version": "22.1.4",
   "author": "PrimeTek Informatics",
   "description": "PrimeNG is a premium UI library for Angular featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 370+ ready to use UI blocks to build spectacular applications in no time.",
   "homepage": "https://primeng.dev",
@@ -38,9 +38,9 @@
   "dependencies": {
     "@primeicons/angular": "^8.0.0",
     "@primeui/license-manager": "^1.0.0",
-    "@primeuix/styled": "^1.1.0",
+    "@primeuix/styled": "^1.2.0",
     "@primeuix/utils": "^0.8.3",
-    "@primeuix/styles": "^3.0.2",
+    "@primeuix/styles": "^3.1.0",
     "@primeuix/motion": "^1.0.0",
     "tslib": "^2.3.0"
   },

package/types/primeng-base.d.ts

@@ -21,6 +21,7 @@ export declare class BaseStyle {
   loadStyle: (options?: any, style?: string) => {} | undefined;
   loadBaseCSS: (options?: {}) => {} | undefined;
   loadBaseStyle: (options?: any, style?: string) => {} | undefined;
+  loadPreflight: (options?: {}) => {} | undefined;
   getCommonTheme: (params?: any) => {
     primitive: {
       css: string | undefined;

package/types/primeng-basecomponent.d.ts

@@ -66,6 +66,7 @@ export declare class BaseComponent<PT = any> implements Lifecycle {
   directivePT: import("@angular/core").WritableSignal<any>;
   directiveUnstyled: import("@angular/core").WritableSignal<boolean | undefined>;
   $unstyled: import("@angular/core").Signal<boolean>;
+  $preflight: import("@angular/core").Signal<boolean>;
   $pt: import("@angular/core").Signal<any>;
   get $globalPT(): any;
   get $defaultPT(): any;
@@ -150,6 +151,7 @@ export declare class BaseComponent<PT = any> implements Lifecycle {
   private _loadGlobalStyles;
   private _loadCoreStyles;
   private _loadThemeStyles;
+  private _loadThemeSheets;
   private _loadScopedThemeStyles;
   private _unloadScopedThemeStyles;
   private _themeChangeListener;

package/types/primeng-config.d.ts

@@ -13,8 +13,8 @@ import { CarouselContentPassThrough, CarouselIndicatorPassThrough, CarouselIndic
 import { CascadeSelectPassThrough } from "primeng/types/cascadeselect";
 import { CheckboxPassThrough } from "primeng/types/checkbox";
 import { ChipPassThrough } from "primeng/types/chip";
-import { CommandMenuPassThrough } from "primeng/types/commandmenu";
 import { ColorPickerPassThrough } from "primeng/types/colorpicker";
+import { CommandMenuPassThrough } from "primeng/types/commandmenu";
 import { ConfirmDialogPassThrough } from "primeng/types/confirmdialog";
 import { ConfirmPopupPassThrough } from "primeng/types/confirmpopup";
 import { DialogPassThrough } from "primeng/types/dialog";
@@ -33,9 +33,9 @@ import { IftaLabelPassThrough } from "primeng/types/iftalabel";
 import { ImagePassThrough } from "primeng/types/image";
 import { ImageComparePassThrough } from "primeng/types/imagecompare";
 import { InplacePassThrough } from "primeng/types/inplace";
+import { InputColorAreaBackgroundPassThrough, InputColorAreaHandlePassThrough, InputColorAreaPassThrough, InputColorEyeDropperPassThrough, InputColorPassThrough, InputColorSliderHandlePassThrough, InputColorSliderPassThrough, InputColorSliderTrackPassThrough, InputColorSwatchBackgroundPassThrough, InputColorSwatchPassThrough, InputColorTransparencyGridPassThrough } from "primeng/types/inputcolor";
 import { InputGroupPassThrough } from "primeng/types/inputgroup";
 import { InputGroupAddonPassThrough } from "primeng/types/inputgroupaddon";
-import { InputColorAreaBackgroundPassThrough, InputColorAreaHandlePassThrough, InputColorAreaPassThrough, InputColorEyeDropperPassThrough, InputColorPassThrough, InputColorSliderHandlePassThrough, InputColorSliderPassThrough, InputColorSliderTrackPassThrough, InputColorSwatchBackgroundPassThrough, InputColorSwatchPassThrough, InputColorTransparencyGridPassThrough } from "primeng/types/inputcolor";
 import { InputIconPassThrough } from "primeng/types/inputicon";
 import { InputMaskPassThrough } from "primeng/types/inputmask";
 import { InputNumberPassThrough } from "primeng/types/inputnumber";
@@ -248,6 +248,10 @@ export type PrimeNGConfigType = {
   overlayOptions?: OverlayOptions;
   translation?: Translation;
   unstyled?: boolean;
+  /**
+   * @experimental
+   */
+  preflight?: boolean;
   zIndex?: ZIndex | null | undefined;
   pt?: GlobalPassThrough | null | undefined;
   ptOptions?: PassThroughOptions | null | undefined;
@@ -284,6 +288,7 @@ export declare class PrimeNG extends ThemeProvider {
     nonce: string | undefined;
   }>;
   unstyled: import("@angular/core").WritableSignal<boolean | undefined>;
+  preflight: import("@angular/core").WritableSignal<boolean>;
   pt: import("@angular/core").WritableSignal<import("primeng/config").GlobalPassThrough | null | undefined>;
   ptOptions: import("@angular/core").WritableSignal<import("primeng/api").PassThroughOptions | null | undefined>;
   filterMatchModeOptions: {

package/types/primeng-confirmpopup.d.ts

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
 import { ElementRef, TemplateRef } from "@angular/core";
 import { MotionEvent, MotionOptions } from "@primeuix/motion";
 import * as i2 from "primeng/api";
-import { Confirmation, OverlayService } from "primeng/api";
+import { ConfirmEventType, Confirmation, OverlayService } from "primeng/api";
 import { BaseComponent } from "primeng/basecomponent";
 import * as i1 from "primeng/bind";
 import { Bind } from "primeng/bind";
@@ -178,7 +178,7 @@ export declare class ConfirmPopup extends BaseComponent<ConfirmPopupPassThrough>
   restoreAppend(): void;
   hide(): void;
   onAccept(): void;
-  onReject(): void;
+  onReject(type?: ConfirmEventType): void;
   onOverlayClick(event: MouseEvent): void;
   bindListeners(): void;
   unbindListeners(): void;

package/types/primeng-datepicker.d.ts

@@ -788,6 +788,15 @@ export declare class DatePicker extends BaseInput<DatePickerPassThrough, Date |
   constructor();
   inputFieldValue: import("@angular/core").WritableSignal<string | null>;
   getDateTemplateContext(date: DatePickerDateMeta): DatePickerDateTemplateContext;
+  getDayPTOptions(date: DatePickerDateMeta): {
+    context: {
+      date: DatePickerDateMeta;
+      today: boolean;
+      otherMonth: boolean;
+      selected: boolean;
+      disabled: boolean;
+    };
+  };
   dayClass(date: any): string;
   getPrevButtonStyle(index: number): {
     visibility: string;

package/types/primeng-scroller.d.ts

@@ -6,8 +6,8 @@ import { BaseComponent } from "primeng/basecomponent";
 import * as i1 from "primeng/bind";
 import { Bind } from "primeng/bind";
 import { VoidListener } from "primeng/ts-helpers";
-import { BaseStyle } from "primeng/base";
 import { CSSProperties } from "primeng/types/shared";
+import { BaseStyle } from "primeng/base";
 export * from "primeng/types/scroller";
 export declare class ScrollerStyle extends BaseStyle {
   name: string;
@@ -356,8 +356,9 @@ export declare class Scroller extends BaseComponent<VirtualScrollerPassThrough>
     isRangeChanged: boolean;
     scrollPos: any;
   };
-  onScrollChange(event: Event): void;
-  onContainerScroll(event: Event): void;
+  onScrollChange(event: Event): boolean;
+  onContainerScroll(event: Event): boolean;
+  onElementScroll(event: Event): void;
   bindResizeListener(): void;
   unbindResizeListener(): void;
   onWindowResize(): void;

package/types/primeng-select.d.ts

@@ -328,7 +328,7 @@ export declare class Select extends BaseInput<SelectPassThrough, any> implements
    */
   emptySelectionMessage: import("@angular/core").InputSignal<string | undefined>;
   /**
-   * Defines if data is loaded and interacted with in lazy manner.
+   * Defines if data is loaded and interacted with in lazy manner. Only effective when virtualScroll is enabled.
    * @group Props
    */
   lazy: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
@@ -487,7 +487,7 @@ export declare class Select extends BaseInput<SelectPassThrough, any> implements
    */
   onClear: import("@angular/core").OutputEmitterRef<Event>;
   /**
-   * Callback to invoke in lazy mode to load new data.
+   * Callback to invoke in lazy mode to load new data. Only emitted when virtualScroll is enabled.
    * @param {SelectLazyLoadEvent} event - Lazy load event.
    * @group Emits
    */
@@ -671,7 +671,6 @@ export declare class Select extends BaseInput<SelectPassThrough, any> implements
   onOptionSelectMultiple(event: any, option: any, preventChange?: boolean): void;
   onOptionMouseEnter(event: any, index: any): void;
   updateModel(value: any, _event?: any): void;
-  allowModelChange(): number | false | null;
   isSelected(option: any): boolean;
   private isOptionValueEqualsModelValue;
   onAfterViewInit(): void;
@@ -711,6 +710,7 @@ export declare class Select extends BaseInput<SelectPassThrough, any> implements
   onInputFocus(event: Event): void;
   onInputBlur(event: Event): void;
   onKeyDown(event: KeyboardEvent, search?: boolean): void;
+  onFilterTemplateKeyDown(event: KeyboardEvent): void;
   onFilterKeyDown(event: any): void;
   onFilterBlur(event: any): void;
   onArrowDownKey(event: KeyboardEvent): void;

package/types/primeng-table.d.ts

@@ -1092,8 +1092,8 @@ export declare class Table<RowData = any> extends BaseComponent<TablePassThrough
   updateSelectionKeys(): void;
   onPageChange(event: TablePageEvent | PaginatorState): void;
   sort(event: any): void;
-  sortSingle(): void;
-  sortMultiple(): void;
+  sortSingle(resetPage?: boolean): void;
+  sortMultiple(resetPage?: boolean): void;
   multisortField(data1: any, data2: any, multiSortMeta: SortMeta[], index: number): any;
   compareValuesOnSort(value1: any, value2: any, order: any): number;
   getSortMeta(field: string): SortMeta | null;
@@ -1119,7 +1119,7 @@ export declare class Table<RowData = any> extends BaseComponent<TablePassThrough
   filter(value: any, field: string, matchMode: string): void;
   filterGlobal(value: any, matchMode: string): void;
   isFilterBlank(filter: any): boolean;
-  _filter(): void;
+  _filter(resetPage?: boolean): void;
   executeLocalFilter(field: string, rowData: any, filterMeta: FilterMetadata): boolean;
   hasFilter(): boolean;
   createLazyLoadMetadata(): any;

package/types/primeng-treeselect.d.ts

@@ -11,7 +11,7 @@ import { Overlay } from "primeng/overlay";
 import { Tree, TreeFilterEvent, TreeNodeSelectEvent, TreeNodeUnSelectEvent } from "primeng/tree";
 import { Nullable } from "primeng/ts-helpers";
 import { AppendTo, CSSProperties, InputSize, InputVariant } from "primeng/types/shared";
-import { TreeSelectDisplay, TreeSelectHeaderTemplateContext, TreeSelectItemCheckboxIconTemplateContext, TreeSelectItemTogglerIconTemplateContext, TreeSelectLoadingMode, TreeSelectNodeCollapseEvent, TreeSelectNodeExpandEvent, TreeSelectPassThrough, TreeSelectSelectionMode, TreeSelectValueTemplateContext } from "primeng/types/treeselect";
+import { TreeSelectDisplay, TreeSelectHeaderTemplateContext, TreeSelectItemCheckboxIconTemplateContext, TreeSelectItemTogglerIconTemplateContext, TreeSelectLoadingMode, TreeSelectNodeCollapseEvent, TreeSelectNodeExpandEvent, TreeSelectNodeTemplateContext, TreeSelectPassThrough, TreeSelectSelectionMode, TreeSelectValueTemplateContext } from "primeng/types/treeselect";
 import { BaseStyle } from "primeng/base";
 export * from "primeng/types/treeselect";
 export declare class TreeSelectStyle extends BaseStyle {
@@ -463,6 +463,13 @@ export declare class TreeSelect extends BaseEditableHolder<TreeSelectPassThrough
    * @group Templates
    */
   itemLoadingIconTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  /**
+   * Custom node template.
+   * @param {TreeSelectNodeTemplateContext} context - node context.
+   * @see {@link TreeSelectNodeTemplateContext}
+   * @group Templates
+   */
+  nodeTemplate: import("@angular/core").Signal<TemplateRef<TreeSelectNodeTemplateContext> | undefined>;
   focused: import("@angular/core").WritableSignal<boolean>;
   overlayVisible: import("@angular/core").WritableSignal<boolean>;
   _value: import("@angular/core").WritableSignal<any>;
@@ -752,7 +759,7 @@ export declare class TreeSelect extends BaseEditableHolder<TreeSelectPassThrough
     "onBlur": "onBlur";
     "onNodeUnselect": "onNodeUnselect";
     "onNodeSelect": "onNodeSelect";
-  }, ["valueTemplate", "headerTemplate", "emptyTemplate", "footerTemplate", "clearIconTemplate", "triggerIconTemplate", "dropdownIconTemplate", "filterIconTemplate", "closeIconTemplate", "itemTogglerIconTemplate", "itemCheckboxIconTemplate", "itemLoadingIconTemplate"], never, true, [{
+  }, ["valueTemplate", "headerTemplate", "emptyTemplate", "footerTemplate", "clearIconTemplate", "triggerIconTemplate", "dropdownIconTemplate", "filterIconTemplate", "closeIconTemplate", "itemTogglerIconTemplate", "itemCheckboxIconTemplate", "itemLoadingIconTemplate", "nodeTemplate"], never, true, [{
     directive: typeof i1.Bind;
     inputs: {};
     outputs: {};

package/types/primeng-types-treeselect.d.ts

@@ -201,6 +201,16 @@ export interface TreeSelectItemCheckboxIconTemplateContext {
    */
   partialSelected: boolean;
 }
+/**
+ * Custom node template context.
+ * @group Interface
+ */
+export interface TreeSelectNodeTemplateContext {
+  /**
+   * Node instance.
+   */
+  $implicit: TreeNode;
+}
 /**
  * Defines valid templates in TreeSelect.
  * @group Templates
@@ -259,4 +269,9 @@ export interface TreeSelectTemplates {
    * Custom item loading icon template.
    */
   itemloadingicon(): TemplateRef<void>;
+  /**
+   * Custom node template.
+   * @param {TreeSelectNodeTemplateContext} context - node context.
+   */
+  node(context: TreeSelectNodeTemplateContext): TemplateRef<TreeSelectNodeTemplateContext>;
 }