primeng 22.1.2 → 22.1.4

package/fesm2022/primeng-compare.mjs

@@ -23,7 +23,7 @@ var CompareStyle = class CompareStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CompareStyle,
 		deps: null,
@@ -31,14 +31,14 @@ var CompareStyle = class CompareStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CompareStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CompareStyle,
 	decorators: [{ type: Injectable }]
@@ -69,7 +69,7 @@ var CompareHandle = class CompareHandle extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CompareHandle,
 		deps: null,
@@ -77,7 +77,7 @@ var CompareHandle = class CompareHandle extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: CompareHandle,
 		isStandalone: true,
 		selector: "p-compare-handle",
@@ -111,7 +111,7 @@ var CompareHandle = class CompareHandle extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CompareHandle,
 	decorators: [{
@@ -152,7 +152,7 @@ var CompareIndicator = class CompareIndicator extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CompareIndicator,
 		deps: null,
@@ -160,7 +160,7 @@ var CompareIndicator = class CompareIndicator extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: CompareIndicator,
 		isStandalone: true,
 		selector: "p-compare-indicator",
@@ -223,7 +223,7 @@ var CompareIndicator = class CompareIndicator extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CompareIndicator,
 	decorators: [{
@@ -297,7 +297,7 @@ var CompareItem = class CompareItem extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CompareItem,
 		deps: null,
@@ -305,7 +305,7 @@ var CompareItem = class CompareItem extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: CompareItem,
 		isStandalone: true,
 		selector: "p-compare-item",
@@ -345,7 +345,7 @@ var CompareItem = class CompareItem extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CompareItem,
 	decorators: [{
@@ -571,7 +571,7 @@ var Compare = class Compare extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: Compare,
 		deps: null,
@@ -579,7 +579,7 @@ var Compare = class Compare extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: Compare,
 		isStandalone: true,
 		selector: "p-compare",
@@ -690,7 +690,7 @@ var Compare = class Compare extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: Compare,
 	decorators: [{
@@ -806,7 +806,7 @@ i0.ɵɵngDeclareClassMetadata({
 var CompareModule = class CompareModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CompareModule,
 		deps: [],
@@ -814,7 +814,7 @@ var CompareModule = class CompareModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CompareModule,
 		imports: [
@@ -836,7 +836,7 @@ var CompareModule = class CompareModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CompareModule,
 		imports: [
@@ -853,7 +853,7 @@ var CompareModule = class CompareModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CompareModule,
 	decorators: [{
@@ -880,4 +880,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { COMPARE_INSTANCE, Compare, CompareClasses, CompareHandle, CompareIndicator, CompareItem, CompareModule, CompareStyle };
 
-//# sourceMappingURL=primeng-compare.mjs.map

package/fesm2022/primeng-config.mjs

@@ -4,7 +4,8 @@ import { FilterMatchMode } from "primeng/api";
 import { Subject } from "rxjs";
 import { DOCUMENT } from "@angular/common";
 import { Theme, ThemeService } from "@primeuix/styled";
-import { BaseStyle } from "primeng/base";
+import { Base, BaseStyle } from "primeng/base";
+import { StyleScope } from "primeng/usestyle";
 import { registerLicense, verifyLicense } from "@primeui/license-manager";
 import { showInvalidLicenseBanner } from "primeng/license";
 var ThemeProvider = class ThemeProvider {
@@ -13,9 +14,12 @@ var ThemeProvider = class ThemeProvider {
 	isThemeChanged = false;
 	document = inject(DOCUMENT);
 	baseStyle = inject(BaseStyle);
+	styleScope = inject(StyleScope);
+	clearCoreStyleNames = () => (this.styleScope.coreStyleNames ?? Base).clearLoadedStyleNames();
 	constructor() {
+		this.styleScope.service.on("theme:change", this.clearCoreStyleNames);
 		effect(() => {
-			ThemeService.on("theme:change", (newTheme) => {
+			this.styleScope.service.on("theme:change", (newTheme) => {
 				untracked(() => {
 					this.isThemeChanged = true;
 					this.theme.set(newTheme);
@@ -31,48 +35,55 @@ var ThemeProvider = class ThemeProvider {
 		});
 	}
 	ngOnDestroy() {
+		this.styleScope.service.off("theme:change", this.clearCoreStyleNames);
+		if (this.styleScope.isolated) return;
+		Base.clearLoadedStyleNames();
 		Theme.clearLoadedStyleNames();
 		ThemeService.clear();
 	}
 	onThemeChange(value) {
-		Theme.setTheme(value);
+		this.styleScope.theme.setTheme(value);
 		if (this.document) this.loadCommonTheme();
 	}
 	loadCommonTheme() {
 		if (this.theme() === "none") return;
-		if (!Theme.isStyleNameLoaded("common")) {
+		if (!this.styleScope.theme.isStyleNameLoaded("common")) {
 			const { primitive, semantic, global, style } = this.baseStyle.getCommonTheme?.() || {};
 			const styleOptions = { nonce: this.csp?.()?.nonce };
 			this.baseStyle.load(primitive?.css, {
 				name: "primitive-variables",
 				variables: true,
+				raw: true,
 				...styleOptions
 			});
 			this.baseStyle.load(semantic?.css, {
 				name: "semantic-variables",
 				variables: true,
+				raw: true,
 				...styleOptions
 			});
 			this.baseStyle.load(global?.css, {
 				name: "global-variables",
 				variables: true,
+				raw: true,
 				...styleOptions
 			});
 			this.baseStyle.loadBaseStyle({
 				name: "global-style",
 				...styleOptions
 			}, style);
-			Theme.setLoadedStyleName("common");
+			this.styleScope.theme.setLoadedStyleName("common");
 		}
 	}
 	setThemeConfig(config) {
 		const { theme, csp } = config || {};
+		if (theme) this.styleScope.prime(theme);
 		if (theme) this.theme.set(theme);
 		if (csp) this.csp.set(csp);
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ThemeProvider,
 		deps: [],
@@ -80,7 +91,7 @@ var ThemeProvider = class ThemeProvider {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ThemeProvider,
 		providedIn: "root"
@@ -88,7 +99,7 @@ var ThemeProvider = class ThemeProvider {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ThemeProvider,
 	decorators: [{
@@ -107,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 = {
@@ -303,6 +315,7 @@ var PrimeNG = class PrimeNG extends ThemeProvider {
 			collapse: "Collapse",
 			showFilterMenu: "Show Filter Menu",
 			hideFilterMenu: "Hide Filter Menu",
+			filter: "Filter",
 			filterOperator: "Filter Operator",
 			filterConstraint: "Filter Constraint",
 			editRow: "Row Edit",
@@ -347,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);
@@ -359,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
@@ -366,7 +380,7 @@ var PrimeNG = class PrimeNG extends ThemeProvider {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: PrimeNG,
 		deps: null,
@@ -374,7 +388,7 @@ var PrimeNG = class PrimeNG extends ThemeProvider {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: PrimeNG,
 		providedIn: "root"
@@ -382,7 +396,7 @@ var PrimeNG = class PrimeNG extends ThemeProvider {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: PrimeNG,
 	decorators: [{
@@ -391,17 +405,20 @@ i0.ɵɵngDeclareClassMetadata({
 	}]
 });
 const PRIME_NG_CONFIG = new InjectionToken("PRIME_NG_CONFIG");
-const RELEASE_DATE = "2026-09-29";
+const RELEASE_DATE = "2026-10-22";
+const isFeature = (value) => Array.isArray(value?.ɵproviders);
 function providePrimeNG(...features) {
-	const providers = features?.map((feature) => ({
+	const configs = features.filter((feature) => !isFeature(feature));
+	const installed = features.filter(isFeature);
+	const providers = configs.map((feature) => ({
 		provide: PRIME_NG_CONFIG,
 		useValue: feature,
 		multi: false
 	}));
 	const initializer = provideAppInitializer(() => {
 		const PrimeNGConfig = inject(PrimeNG);
-		features?.forEach((feature) => PrimeNGConfig.setConfig(feature));
-		const license = features?.map((f) => f.license).find(Boolean);
+		configs.forEach((feature) => PrimeNGConfig.setConfig(feature));
+		const license = configs.map((f) => f.license).find(Boolean);
 		if (license) registerLicense({ primeui: license });
 		verifyLicense("primeui", { releaseDate: RELEASE_DATE }).then((result) => {
 			PrimeNGConfig._setVerified(result.valid);
@@ -411,8 +428,14 @@ function providePrimeNG(...features) {
 			}
 		});
 	});
-	return makeEnvironmentProviders([...providers, initializer]);
+	return makeEnvironmentProviders([
+		...providers,
+		...installed.flatMap((feature) => feature.ɵproviders),
+		initializer
+	]);
 }
-export { PRIME_NG_CONFIG, PrimeNG, ThemeProvider, providePrimeNG };
+function injectIsolation() {
+	return inject(StyleScope).isolation;
+}
+export { PRIME_NG_CONFIG, PrimeNG, ThemeProvider, injectIsolation, providePrimeNG };
 
-//# sourceMappingURL=primeng-config.mjs.map

package/fesm2022/primeng-confirmdialog.mjs

@@ -1,7 +1,7 @@
 import { NgTemplateOutlet } from "@angular/common";
 import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, Component, EventEmitter, Injectable, InjectionToken, NgModule, ViewEncapsulation, booleanAttribute, computed, contentChild, effect, inject, input, model, numberAttribute, output, signal } from "@angular/core";
-import { setAttribute, uuid } from "@primeuix/utils";
+import { setAttribute } from "@primeuix/utils";
 import { ConfirmEventType, ConfirmationService, Footer, SharedModule, TranslationKeys } from "primeng/api";
 import { BaseComponent, PARENT_INSTANCE } from "primeng/basecomponent";
 import * as i1 from "primeng/bind";
@@ -9,6 +9,7 @@ import { Bind } from "primeng/bind";
 import { ButtonDirective } from "primeng/button";
 import { AutoFocus } from "primeng/autofocus";
 import { Dialog } from "primeng/dialog";
+import { getShadowRoot } from "primeng/dom";
 import { style } from "@primeuix/styles/confirmdialog";
 import { BaseStyle } from "primeng/base";
 export * from "primeng/types/confirmdialog";
@@ -25,7 +26,7 @@ var ConfirmDialogStyle = class ConfirmDialogStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ConfirmDialogStyle,
 		deps: null,
@@ -33,14 +34,14 @@ var ConfirmDialogStyle = class ConfirmDialogStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ConfirmDialogStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ConfirmDialogStyle,
 	decorators: [{ type: Injectable }]
@@ -200,7 +201,7 @@ var ConfirmDialog = class ConfirmDialog extends BaseComponent {
 	subscription;
 	preWidth;
 	styleElement = null;
-	id = uuid("pn_id_");
+	id = this.$useId.next("pn_id_");
 	ariaLabelledBy = this.getAriaLabelledBy();
 	translationSubscription;
 	confirmationService = inject(ConfirmationService);
@@ -235,7 +236,7 @@ var ConfirmDialog = class ConfirmDialog extends BaseComponent {
 		if (this.breakpoints()) this.createStyle();
 	}
 	getAriaLabelledBy() {
-		return this.option("header") ? uuid("pn_id_") + "_header" : null;
+		return this.option("header") ? this.$useId.next("pn_id_") + "_header" : null;
 	}
 	option(name, k) {
 		const confirmation = this.confirmation();
@@ -250,22 +251,30 @@ var ConfirmDialog = class ConfirmDialog extends BaseComponent {
 		return [this.cx(cx), this.option(opt)].filter(Boolean).join(" ");
 	}
 	createStyle() {
+		if (this.$styleScope.isolated) {
+			this.$isolatedStyle("breakpoints", this.psel(this.breakpointsCSS()));
+			return;
+		}
 		if (!this.styleElement) {
 			this.styleElement = this.document.createElement("style");
 			this.styleElement.type = "text/css";
 			setAttribute(this.styleElement, "nonce", this.config?.csp()?.nonce);
-			this.document.head.appendChild(this.styleElement);
-			let innerHTML = "";
-			for (let breakpoint in this.breakpoints) innerHTML += `
+			(getShadowRoot(this.$appendTo() === "self" ? this.el.nativeElement : this.$appendTo()) ?? this.document.head).appendChild(this.styleElement);
+			const innerHTML = this.breakpointsCSS();
+			this.styleElement.innerHTML = this.psel(innerHTML);
+			setAttribute(this.styleElement, "nonce", this.config?.csp()?.nonce);
+		}
+	}
+	breakpointsCSS() {
+		let innerHTML = "";
+		for (let breakpoint in this.breakpoints) innerHTML += `
                     @media screen and (max-width: ${breakpoint}) {
                         .p-dialog[${this.id}] {
                             width: ${this.breakpoints[breakpoint]} !important;
                         }
                     }
                 `;
-			this.styleElement.innerHTML = innerHTML;
-			setAttribute(this.styleElement, "nonce", this.config?.csp()?.nonce);
-		}
+		return innerHTML;
 	}
 	close() {
 		this.confirmation()?.rejectEvent?.emit(ConfirmEventType.CANCEL);
@@ -281,7 +290,7 @@ var ConfirmDialog = class ConfirmDialog extends BaseComponent {
 	}
 	destroyStyle() {
 		if (this.styleElement) {
-			this.document.head.removeChild(this.styleElement);
+			this.styleElement.remove();
 			this.styleElement = null;
 		}
 	}
@@ -321,7 +330,7 @@ var ConfirmDialog = class ConfirmDialog extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ConfirmDialog,
 		deps: [],
@@ -329,7 +338,7 @@ var ConfirmDialog = class ConfirmDialog extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: ConfirmDialog,
 		isStandalone: true,
 		selector: "p-confirmdialog, p-confirm-dialog",
@@ -865,7 +874,7 @@ var ConfirmDialog = class ConfirmDialog extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ConfirmDialog,
 	decorators: [{
@@ -1350,7 +1359,7 @@ i0.ɵɵngDeclareClassMetadata({
 var ConfirmDialogModule = class ConfirmDialogModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ConfirmDialogModule,
 		deps: [],
@@ -1358,7 +1367,7 @@ var ConfirmDialogModule = class ConfirmDialogModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ConfirmDialogModule,
 		imports: [ConfirmDialog, SharedModule],
@@ -1366,7 +1375,7 @@ var ConfirmDialogModule = class ConfirmDialogModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ConfirmDialogModule,
 		imports: [
@@ -1378,7 +1387,7 @@ var ConfirmDialogModule = class ConfirmDialogModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ConfirmDialogModule,
 	decorators: [{
@@ -1391,4 +1400,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { ConfirmDialog, ConfirmDialogClasses, ConfirmDialogModule, ConfirmDialogStyle };
 
-//# sourceMappingURL=primeng-confirmdialog.mjs.map