primeng 22.1.2 → 22.1.3

package/fesm2022/primeng-autocomplete.mjs

@@ -6,7 +6,7 @@ import { ChevronDown } from "@primeicons/angular/chevron-down";
 import { Spinner } from "@primeicons/angular/spinner";
 import { Times } from "@primeicons/angular/times";
 import { TimesCircle } from "@primeicons/angular/times-circle";
-import { equals, findLastIndex, findSingle, focus, isEmpty, isNotEmpty, resolveFieldData, uuid } from "@primeuix/utils";
+import { equals, findLastIndex, findSingle, focus, isEmpty, isNotEmpty, resolveFieldData } from "@primeuix/utils";
 import { OverlayService, SharedModule, TranslationKeys } from "primeng/api";
 import { AutoFocus } from "primeng/autofocus";
 import { PARENT_INSTANCE } from "primeng/basecomponent";
@@ -65,7 +65,7 @@ var AutoCompleteStyle = class AutoCompleteStyle extends BaseStyle {
 	inlineStyles = inlineStyles;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		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.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: AutoCompleteStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: AutoCompleteStyle,
 	decorators: [{ type: Injectable }]
@@ -320,7 +320,7 @@ var AutoComplete = class AutoComplete extends BaseInput {
 	focusedOptionIndex = signal(-1, ...ngDevMode ? [{ debugName: "focusedOptionIndex" }] : /* istanbul ignore next */ []);
 	_componentStyle = inject(AutoCompleteStyle);
 	overlayService = inject(OverlayService);
-	_internalId = uuid("pn_id_");
+	_internalId = this.$useId.next("pn_id_");
 	$id = computed(() => this.id() || this._internalId, ...ngDevMode ? [{ debugName: "$id" }] : /* istanbul ignore next */ []);
 	$appendTo = computed(() => this.appendTo() || this.config.overlayAppendTo(), ...ngDevMode ? [{ debugName: "$appendTo" }] : /* istanbul ignore next */ []);
 	get $overlayTarget() {
@@ -337,7 +337,7 @@ var AutoComplete = class AutoComplete extends BaseInput {
 			} else return modelValue;
 		} else return "";
 	}, ...ngDevMode ? [{ debugName: "inputValue" }] : /* istanbul ignore next */ []);
-	$showClear = computed(() => this.$filled() && !this.$disabled() && this.showClear() && !this.loading(), ...ngDevMode ? [{ debugName: "$showClear" }] : /* istanbul ignore next */ []);
+	$showClear = computed(() => this.$filled() && !this.$disabled() && !this.readonly() && this.showClear() && !this.loading(), ...ngDevMode ? [{ debugName: "$showClear" }] : /* istanbul ignore next */ []);
 	scrollerStyle = computed(() => ({ height: this.scrollHeight() }), ...ngDevMode ? [{ debugName: "scrollerStyle" }] : /* istanbul ignore next */ []);
 	$tabindex = computed(() => !this.$disabled() ? this.tabindex() : -1, ...ngDevMode ? [{ debugName: "$tabindex" }] : /* istanbul ignore next */ []);
 	requiredAttr = computed(() => this.required() ? "" : void 0, ...ngDevMode ? [{ debugName: "requiredAttr" }] : /* istanbul ignore next */ []);
@@ -384,10 +384,10 @@ var AutoComplete = class AutoComplete extends BaseInput {
 		this.onContainerClick(event);
 	}
 	chipItemClass(index) {
-		return this._componentStyle.classes.chipItem({
+		return this.pcn(this._componentStyle.classes.chipItem({
 			instance: this,
 			i: index
-		});
+		}));
 	}
 	constructor() {
 		super();
@@ -1084,7 +1084,7 @@ var AutoComplete = class AutoComplete extends BaseInput {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		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.0",
+		version: "22.2.3",
 		type: AutoComplete,
 		isStandalone: true,
 		selector: "p-autocomplete, p-auto-complete",
@@ -1920,7 +1920,7 @@ var AutoComplete = class AutoComplete extends BaseInput {
                         <ng-container [ngTemplateOutlet]="footerTemplate()!"></ng-container>
                     }
                 </div>
-                <span role="status" aria-live="polite" class="p-hidden-accessible">
+                <span role="status" aria-live="polite" [class]="pcn('p-hidden-accessible')">
                     {{ selectedMessageText }}
                 </span>
             </ng-template>
@@ -2097,7 +2097,7 @@ var AutoComplete = class AutoComplete extends BaseInput {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: AutoComplete,
 	decorators: [{
@@ -2386,7 +2386,7 @@ i0.ɵɵngDeclareClassMetadata({
                         <ng-container [ngTemplateOutlet]="footerTemplate()!"></ng-container>
                     }
                 </div>
-                <span role="status" aria-live="polite" class="p-hidden-accessible">
+                <span role="status" aria-live="polite" [class]="pcn('p-hidden-accessible')">
                     {{ selectedMessageText }}
                 </span>
             </ng-template>
@@ -3038,7 +3038,7 @@ i0.ɵɵngDeclareClassMetadata({
 var AutoCompleteModule = class AutoCompleteModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: AutoCompleteModule,
 		deps: [],
@@ -3046,7 +3046,7 @@ var AutoCompleteModule = class AutoCompleteModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: AutoCompleteModule,
 		imports: [AutoComplete, SharedModule],
@@ -3054,7 +3054,7 @@ var AutoCompleteModule = class AutoCompleteModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: AutoCompleteModule,
 		imports: [
@@ -3066,7 +3066,7 @@ var AutoCompleteModule = class AutoCompleteModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: AutoCompleteModule,
 	decorators: [{
@@ -3079,4 +3079,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { AUTOCOMPLETE_VALUE_ACCESSOR, AutoComplete, AutoCompleteClasses, AutoCompleteModule, AutoCompleteStyle };
 
-//# sourceMappingURL=primeng-autocomplete.mjs.map

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.0",
+		version: "22.2.3",
 		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.0",
+		version: "22.2.3",
 		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.0",
+	version: "22.2.3",
 	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.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: AutoFocusModule,
 		deps: [],
@@ -84,7 +84,7 @@ var AutoFocusModule = class AutoFocusModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		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.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: AutoFocusModule
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: AutoFocusModule,
 	decorators: [{
@@ -112,4 +112,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { AutoFocus, AutoFocusModule };
 
-//# sourceMappingURL=primeng-autofocus.mjs.map

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.0",
+		version: "22.2.3",
 		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.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: AvatarStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	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.0",
+		version: "22.2.3",
 		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.0",
+		version: "22.2.3",
 		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.0",
+	version: "22.2.3",
 	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.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: AvatarModule,
 		deps: [],
@@ -316,7 +316,7 @@ var AvatarModule = class AvatarModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		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.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: AvatarModule,
 		imports: [
@@ -336,7 +336,7 @@ var AvatarModule = class AvatarModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: AvatarModule,
 	decorators: [{
@@ -349,4 +349,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { Avatar, AvatarClasses, AvatarModule, AvatarStyle };
 
-//# sourceMappingURL=primeng-avatar.mjs.map

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.0",
+		version: "22.2.3",
 		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.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: AvatarGroupStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	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.0",
+		version: "22.2.3",
 		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.0",
+		version: "22.2.3",
 		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.0",
+	version: "22.2.3",
 	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.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: AvatarGroupModule,
 		deps: [],
@@ -146,7 +146,7 @@ var AvatarGroupModule = class AvatarGroupModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		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.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: AvatarGroupModule,
 		imports: [
@@ -166,7 +166,7 @@ var AvatarGroupModule = class AvatarGroupModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: AvatarGroupModule,
 	decorators: [{
@@ -179,4 +179,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { AvatarGroup, AvatarGroupClasses, AvatarGroupModule, AvatarGroupStyle };
 
-//# sourceMappingURL=primeng-avatargroup.mjs.map

package/fesm2022/primeng-badge.mjs

@@ -35,7 +35,7 @@ var BadgeStyle = class BadgeStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		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.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: BadgeStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	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.0",
+		version: "22.2.3",
 		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.0",
+		version: "22.2.3",
 		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.0",
+	version: "22.2.3",
 	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.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: BadgeModule,
 		deps: [],
@@ -259,7 +259,7 @@ var BadgeModule = class BadgeModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		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.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: BadgeModule,
 		imports: [
@@ -279,7 +279,7 @@ var BadgeModule = class BadgeModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: BadgeModule,
 	decorators: [{
@@ -292,4 +292,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { Badge, BadgeClasses, BadgeModule, BadgeStyle };
 
-//# sourceMappingURL=primeng-badge.mjs.map

package/fesm2022/primeng-base.mjs

@@ -1,9 +1,8 @@
 import * as i0 from "@angular/core";
 import { Injectable, inject } from "@angular/core";
-import { Theme, css, dt } from "@primeuix/styled";
 import { style } from "@primeuix/styles/base";
-import { minifyCSS, resolve } from "@primeuix/utils";
-import { UseStyle } from "primeng/usestyle";
+import { escapeAttribute, escapeStyleText, minifyCSS, resolve, toAttributes } from "@primeuix/utils";
+import { STYLE_ID_ATTRIBUTE, StyleScope, UseStyle } from "primeng/usestyle";
 var base_default = {
 	_loadedStyleNames: /* @__PURE__ */ new Set(),
 	getLoadedStyleNames() {
@@ -22,7 +21,7 @@ var base_default = {
 		this._loadedStyleNames.clear();
 	}
 };
-const css$1 = `
+const css = `
 .p-hidden-accessible {
     border: 0;
     clip: rect(0 0 0 0);
@@ -47,49 +46,61 @@ const css$1 = `
 var BaseStyle = class BaseStyle {
 	name = "base";
 	useStyle = inject(UseStyle);
+	#scope = inject(StyleScope);
 	css = void 0;
 	style = void 0;
 	classes = {};
 	inlineStyles = {};
 	load = (style, options = {}, transform = (cs) => cs) => {
-		const computedStyle = transform(css`${resolve(style, { dt })}`);
-		return computedStyle ? this.useStyle.use(minifyCSS(computedStyle), {
-			name: this.name,
-			...options
-		}) : {};
+		const { css: Css, dt } = this.#scope.resolvers;
+		const computedStyle = transform(options.raw ? style : Css`${resolve(style, { dt })}`);
+		return computedStyle ? this.#use(computedStyle, options) : {};
 	};
-	loadCSS = (options = {}) => this.load(this.css, options);
-	loadStyle = (options = {}, style = "") => this.load(this.style, options, (computedStyle = "") => Theme.transformCSS(options.name || this.name, `${computedStyle}${css`${style}`}`));
-	loadBaseCSS = (options = {}) => this.load(css$1, options);
-	loadBaseStyle = (options = {}, style$1 = "") => this.load(style, options, (computedStyle = "") => Theme.transformCSS(options.name || this.name, `${computedStyle}${css`${style$1}`}`));
-	getCommonTheme = (params) => Theme.getCommon(this.name, params);
-	getComponentTheme = (params) => Theme.getComponent(this.name, params);
-	getPresetTheme = (preset, selector, params) => Theme.getCustomPreset(this.name, preset, selector, params);
-	getLayerOrderThemeCSS = () => Theme.getLayerOrderCSS(this.name);
+	loadCSS = (options = {}) => this.load(this.css, options, (computedStyle) => this.#scope.scopeCSS(computedStyle));
+	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}`}`));
+	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);
+	getLayerOrderThemeCSS = () => this.#scope.theme.getLayerOrderCSS(this.name);
 	getStyleSheet = (extendedCSS = "", props = {}) => {
 		if (this.css) {
+			const { css: Css, dt } = this.#scope.resolvers;
 			const _css = resolve(this.css, { dt });
-			const _style = minifyCSS(css`${_css}${extendedCSS}`);
-			const _props = Object.entries(props).reduce((acc, [k, v]) => acc.push(`${k}="${v}"`) && acc, []).join(" ");
-			return `<style type="text/css" data-primeng-style-id="${this.name}" ${_props}>${_style}</style>`;
+			const _style = minifyCSS(Css`${_css}${extendedCSS}`);
+			const _props = toAttributes(props).join(" ");
+			return `<style type="text/css" ${this.styleIdAttributes(this.name)} ${_props}>${escapeStyleText(_style)}</style>`;
 		}
 		return "";
 	};
-	getCommonThemeStyleSheet = (params, props = {}) => Theme.getCommonStyleSheet(this.name, params, props);
+	styleIdAttributes(name) {
+		return `${STYLE_ID_ATTRIBUTE}="${escapeAttribute(this.#scope.styleName(name))}"`;
+	}
+	getCommonThemeStyleSheet = (params, props = {}) => this.#scope.theme.getCommonStyleSheet(this.name, params, props, (name) => this.#scope.styleName(name));
 	getThemeStyleSheet = (params, props = {}) => {
-		let css$2 = [Theme.getStyleSheet(this.name, params, props)];
+		let css = [this.#scope.theme.getStyleSheet(this.name, params, props, (name) => this.#scope.styleName(name))];
 		if (this.style) {
+			const { css: Css, dt } = this.#scope.resolvers;
 			const name = this.name === "base" ? "global-style" : `${this.name}-style`;
-			const _css = css`${resolve(this.style, { dt })}`;
-			const _style = minifyCSS(Theme.transformCSS(name, _css));
-			const _props = Object.entries(props).reduce((acc, [k, v]) => acc.push(`${k}="${v}"`) && acc, []).join(" ");
-			css$2.push(`<style type="text/css" data-primeng-style-id="${name}" ${_props}>${_style}</style>`);
+			const _css = Css`${resolve(this.style, { dt })}`;
+			const _style = minifyCSS(this.#scope.theme.transformCSS(name, _css));
+			const _props = toAttributes(props).join(" ");
+			css.push(`<style type="text/css" ${this.styleIdAttributes(name)} ${_props}>${escapeStyleText(_style)}</style>`);
 		}
-		return css$2.join("");
+		return css.join("");
 	};
+	#use(css, options) {
+		const name = options.name || this.name;
+		return this.useStyle.use(minifyCSS(css), {
+			...options,
+			name: this.#scope.styleName(name),
+			unkeyed: name
+		});
+	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: BaseStyle,
 		deps: [],
@@ -97,7 +108,7 @@ var BaseStyle = class BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: BaseStyle,
 		providedIn: "root"
@@ -105,7 +116,7 @@ var BaseStyle = class BaseStyle {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: BaseStyle,
 	decorators: [{
@@ -115,4 +126,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { base_default as Base, BaseStyle };
 
-//# sourceMappingURL=primeng-base.mjs.map