primeng 22.1.2 → 22.1.3

package/fesm2022/primeng-useid.mjs

@@ -0,0 +1,38 @@
+import * as i0 from "@angular/core";
+import { APP_ID, Injectable, inject } from "@angular/core";
+var UseId = class UseId {
+	counters = /* @__PURE__ */ new Map();
+	scope = ((appId) => appId === "ng" ? "" : `${appId}_`)(inject(APP_ID));
+	next(prefix = "pui_id_") {
+		const value = (this.counters.get(prefix) ?? 0) + 1;
+		this.counters.set(prefix, value);
+		return `${prefix}${this.scope}${value}`;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: UseId,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: UseId,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: UseId,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+export { UseId };
+

package/fesm2022/primeng-usestyle.mjs

@@ -1,40 +1,91 @@
-import { DOCUMENT } from "@angular/common";
+import { DOCUMENT, isPlatformServer } from "@angular/common";
 import * as i0 from "@angular/core";
-import { Injectable, inject } from "@angular/core";
-import { setAttribute, setAttributes } from "@primeuix/utils";
+import { DestroyRef, Injectable, NgZone, PLATFORM_ID, inject, signal } from "@angular/core";
+import { $dt, Theme, ThemeService, ThemeUtils, css, dt } from "@primeuix/styled";
+import { getClassPrefix, prefixClasses, prefixSelector } from "primeng/utils";
+import { createDarkModeMirror } from "@primeuix/styled/isolation";
+import { setAttribute, setAttributes, toCSSString } from "@primeuix/utils";
 let _id = 0;
+const STYLE_ID_ATTRIBUTE = "data-primeng-style-id";
+const styleSelector = (name) => `style[${STYLE_ID_ATTRIBUTE}=${toCSSString(name)}]`;
+const escapeRegExp = (text) => text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+function darkHeadsOf() {
+	const heads = ThemeUtils.getColorSchemeOption(Theme.getOptions(), Theme.defaults).filter(({ type }) => type === "class" || type === "attr").map(({ selector }) => escapeRegExp(selector.split(",:host(")[0]));
+	return heads.length ? new RegExp(`(^|[,{}])\\s*(?:${heads.join("|")})\\s+(?=[^\\s,{}])`, "g") : void 0;
+}
+const canAdopt = (root) => "adoptedStyleSheets" in root && root.ownerDocument.defaultView?.CSSStyleSheet === CSSStyleSheet;
+function sheetOf(style) {
+	if (!style.sheet) {
+		style.sheet = new CSSStyleSheet();
+		style.sheet.replaceSync(style.hostCss);
+	}
+	return style.sheet;
+}
 var UseStyle = class UseStyle {
 	document = inject(DOCUMENT);
-	styleSheets = /* @__PURE__ */ new Map();
-	shadowRoots = /* @__PURE__ */ new Set();
+	zone = inject(NgZone);
+	sharedStyles = /* @__PURE__ */ new Map();
+	shadowRoots = /* @__PURE__ */ new Map();
+	owned = /* @__PURE__ */ new WeakSet();
+	keyed = false;
+	dark;
+	onThemeChange = () => {
+		const selector = Theme.getOptions()?.darkModeSelector;
+		if (!this.dark || selector === this.dark.selector) return;
+		this.dark.selector = selector;
+		this.dark.heads = darkHeadsOf();
+		this.dark.mirror.update(selector);
+		this.sharedStyles.forEach((style, name) => {
+			const old = style.sheet;
+			style.hostCss = this.toHost(style.css);
+			style.sheet = void 0;
+			this.shadowRoots.forEach((state, shadowRoot) => this.update(shadowRoot, state, name, style, old));
+		});
+	};
 	addShadowRoot(shadowRoot) {
-		if (!this.isAdoptionSupported() || !(shadowRoot instanceof ShadowRoot)) return () => {};
-		if (!this.shadowRoots.has(shadowRoot)) {
-			this.shadowRoots.add(shadowRoot);
-			shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, ...[...this.styleSheets.values()].filter((styleSheet) => !shadowRoot.adoptedStyleSheets.includes(styleSheet))];
-		}
-		return () => this.removeShadowRoot(shadowRoot);
+		if (shadowRoot?.nodeType !== 11 || !("host" in shadowRoot)) return () => {};
+		const state = this.shadowRoots.get(shadowRoot) ?? this.register(shadowRoot);
+		state.count++;
+		ThemeService.off("theme:change", this.onThemeChange);
+		ThemeService.on("theme:change", this.onThemeChange);
+		let released = false;
+		return () => {
+			if (released) return;
+			released = true;
+			if (!--state.count && this.shadowRoots.get(shadowRoot) === state) this.removeShadowRoot(shadowRoot);
+		};
 	}
 	removeShadowRoot(shadowRoot) {
-		if (!this.shadowRoots.delete(shadowRoot)) return;
-		const styleSheets = new Set(this.styleSheets.values());
-		shadowRoot.adoptedStyleSheets = shadowRoot.adoptedStyleSheets.filter((styleSheet) => !styleSheets.has(styleSheet));
-	}
-	remove(name) {
-		const styleSheet = this.styleSheets.get(name);
-		this.styleSheets.delete(name);
-		this.document?.querySelector(`style[data-primeng-style-id="${name}"]`)?.remove();
-		if (!styleSheet) return;
-		this.shadowRoots.forEach((shadowRoot) => {
-			shadowRoot.adoptedStyleSheets = shadowRoot.adoptedStyleSheets.filter((adopted) => adopted !== styleSheet);
+		const state = this.shadowRoots.get(shadowRoot);
+		if (!state) return;
+		this.shadowRoots.delete(shadowRoot);
+		state.unmark();
+		this.clear(shadowRoot, state);
+		if (this.shadowRoots.size || !this.dark) return;
+		ThemeService.off("theme:change", this.onThemeChange);
+		this.dark.mirror.dispose();
+		this.dark = void 0;
+	}
+	remove(name, el) {
+		const style = this.sharedStyles.get(name);
+		this.sharedStyles.delete(name);
+		(el?.isConnected && el.getAttribute("data-primeng-style-id") === name ? el : this.document?.querySelector(styleSelector(name)))?.remove();
+		if (!style) return;
+		this.shadowRoots.forEach((state, shadowRoot) => {
+			state.copies.get(name)?.remove();
+			state.copies.delete(name);
+			if (state.adopt && style.sheet) shadowRoot.adoptedStyleSheets = shadowRoot.adoptedStyleSheets.filter((sheet) => sheet !== style.sheet);
 		});
 	}
 	use(css, options = {}) {
 		let cssRef = css;
 		let styleRef = null;
-		const { name = `style_${++_id}`, id = void 0, media = void 0, nonce = void 0, first = false, variables = false } = options;
+		const { name = `style_${++_id}`, id = void 0, media = void 0, nonce = void 0, first = false, variables = false, unkeyed = void 0 } = options;
 		if (!this.document) return;
-		styleRef = this.document.querySelector(`style[data-primeng-style-id="${name}"]`) || id && this.document.getElementById(id) || this.document.createElement("style");
+		this.keyed ||= !!unkeyed && unkeyed !== name;
+		if (unkeyed) this.dropStale(unkeyed, name);
+		styleRef = this.document.querySelector(styleSelector(name)) || id && this.document.getElementById(id) || this.document.createElement("style");
+		this.owned.add(styleRef);
 		if (styleRef) {
 			if (!styleRef.isConnected) {
 				cssRef = css;
@@ -46,12 +97,12 @@ var UseStyle = class UseStyle {
 					type: "text/css",
 					media,
 					nonce,
-					"data-primeng-style-id": name
+					[STYLE_ID_ATTRIBUTE]: name
 				});
 			}
 			if (styleRef.textContent !== cssRef) styleRef.textContent = cssRef;
 		}
-		if (!variables) this.adoptStyleSheet(name, cssRef ?? "", first);
+		if (!variables) this.share(name, cssRef ?? "", first, nonce);
 		return {
 			id,
 			name,
@@ -59,26 +110,89 @@ var UseStyle = class UseStyle {
 			css: cssRef
 		};
 	}
-	adoptStyleSheet(name, css, first) {
-		if (!this.isAdoptionSupported()) return;
-		const styleSheet = this.styleSheets.get(name);
-		if (styleSheet) {
-			styleSheet.replaceSync(css);
+	dropStale(unkeyed, name) {
+		if (!this.keyed) return;
+		this.document.querySelectorAll(`${styleSelector(unkeyed)},style[${STYLE_ID_ATTRIBUTE}^=${toCSSString(`${unkeyed}@`)}]`).forEach((el) => {
+			const staleName = el.getAttribute(STYLE_ID_ATTRIBUTE);
+			if (staleName !== name && this.owned.has(el)) this.remove(staleName);
+		});
+	}
+	register(shadowRoot) {
+		if (!this.dark) {
+			const selector = Theme.getOptions()?.darkModeSelector;
+			this.dark = {
+				selector,
+				heads: darkHeadsOf(),
+				mirror: this.zone.runOutsideAngular(() => createDarkModeMirror(selector))
+			};
+			this.sharedStyles.forEach((style) => (style.hostCss = this.toHost(style.css), style.sheet = void 0));
+		}
+		const dark = this.dark;
+		const state = {
+			count: 0,
+			adopt: canAdopt(shadowRoot),
+			copies: /* @__PURE__ */ new Map(),
+			unmark: this.zone.runOutsideAngular(() => dark.mirror.add(shadowRoot.host))
+		};
+		this.shadowRoots.set(shadowRoot, state);
+		this.apply(shadowRoot, state);
+		return state;
+	}
+	apply(shadowRoot, state) {
+		const sheets = [];
+		this.sharedStyles.forEach((style, name) => style.first || !state.adopt ? this.copy(shadowRoot, state, name, style) : sheets.push(sheetOf(style)));
+		if (sheets.length) shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, ...sheets.filter((sheet) => !shadowRoot.adoptedStyleSheets.includes(sheet))];
+	}
+	clear(shadowRoot, state) {
+		state.copies.forEach((el) => el.remove());
+		state.copies.clear();
+		if (!state.adopt) return;
+		const sheets = new Set([...this.sharedStyles.values()].map((style) => style.sheet));
+		shadowRoot.adoptedStyleSheets = shadowRoot.adoptedStyleSheets.filter((sheet) => !sheets.has(sheet));
+	}
+	toHost(css) {
+		const heads = this.dark?.heads;
+		return heads ? css.replace(heads, "$1:host([data-p-dark]) ") : css;
+	}
+	share(name, css, first, nonce) {
+		const old = this.sharedStyles.get(name);
+		if (old && old.css === css && old.first === first) return;
+		const style = {
+			css,
+			first,
+			nonce,
+			hostCss: this.toHost(css)
+		};
+		this.sharedStyles.set(name, style);
+		this.shadowRoots.forEach((state, shadowRoot) => this.update(shadowRoot, state, name, style, old?.sheet));
+	}
+	update(shadowRoot, state, name, style, old) {
+		const sheets = state.adopt ? shadowRoot.adoptedStyleSheets : [];
+		const at = old ? sheets.indexOf(old) : -1;
+		if (style.first || !state.adopt) {
+			this.copy(shadowRoot, state, name, style);
+			if (at >= 0) shadowRoot.adoptedStyleSheets = sheets.filter((sheet) => sheet !== old);
 			return;
 		}
-		const added = new CSSStyleSheet();
-		added.replaceSync(css);
-		this.styleSheets = first ? new Map([[name, added], ...this.styleSheets]) : this.styleSheets.set(name, added);
-		this.shadowRoots.forEach((shadowRoot) => {
-			shadowRoot.adoptedStyleSheets = first ? [added, ...shadowRoot.adoptedStyleSheets] : [...shadowRoot.adoptedStyleSheets, added];
-		});
+		state.copies.get(name)?.remove();
+		state.copies.delete(name);
+		shadowRoot.adoptedStyleSheets = at >= 0 ? sheets.map((sheet, i) => i === at ? sheetOf(style) : sheet) : [...sheets, sheetOf(style)];
 	}
-	isAdoptionSupported() {
-		return typeof ShadowRoot !== "undefined" && typeof CSSStyleSheet !== "undefined" && typeof CSSStyleSheet.prototype.replaceSync === "function";
+	copy(shadowRoot, state, name, { hostCss: css, first, nonce }) {
+		let el = state.copies.get(name);
+		if (!el) {
+			el = shadowRoot.ownerDocument.createElement("style");
+			el.setAttribute(STYLE_ID_ATTRIBUTE, name);
+			if (nonce) el.setAttribute("nonce", nonce);
+			if (first) shadowRoot.prepend(el);
+			else shadowRoot.append(el);
+			state.copies.set(name, el);
+		}
+		if (el.textContent !== css) el.textContent = css;
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: UseStyle,
 		deps: [],
@@ -86,7 +200,7 @@ var UseStyle = class UseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: UseStyle,
 		providedIn: "root"
@@ -94,7 +208,7 @@ var UseStyle = class UseStyle {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: UseStyle,
 	decorators: [{
@@ -102,6 +216,113 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{ providedIn: "root" }]
 	}]
 });
-export { UseStyle };
+var StyleScope = class StyleScope {
+	isolated = false;
+	document = inject(DOCUMENT);
+	platformId = inject(PLATFORM_ID);
+	useStyle = inject(UseStyle);
+	theme = this.createTheme();
+	resolvers = this.createResolvers();
+	service = this.theme.service ?? ThemeService;
+	coreStyleNames = void 0;
+	isolation = void 0;
+	_classPrefix = signal(this.readClassPrefix(), ...ngDevMode ? [{ debugName: "_classPrefix" }] : /* istanbul ignore next */ []);
+	classPrefix = this._classPrefix.asReadonly();
+	onThemeChange = () => this.themeChanged();
+	bodyLock;
+	constructor() {
+		this.service.on("theme:change", this.onThemeChange);
+		this.service.on("options:change", this.onThemeChange);
+	}
+	get key() {}
+	styleName(name) {
+		return this.theme.styleName?.(name) ?? name;
+	}
+	prime(_theme) {}
+	pcn(...classes) {
+		return prefixClasses(classes.length > 1 ? classes : classes[0], this._classPrefix());
+	}
+	psel(selector) {
+		return prefixSelector(selector, this._classPrefix());
+	}
+	batch(fn) {
+		return fn();
+	}
+	connect(el, injector) {
+		if (isPlatformServer(this.platformId)) return;
+		const rootNode = el?.getRootNode?.();
+		if (rootNode?.nodeType !== 11) return;
+		injector.get(DestroyRef).onDestroy(this.useStyle.addShadowRoot(rootNode));
+	}
+	scopeCSS(css) {
+		return css;
+	}
+	keyedId(id) {
+		return id;
+	}
+	setInstanceStyle(_name, _css, _nonce) {}
+	removeInstanceStyle(_name) {}
+	overlayParent(target, _overlay) {
+		return target;
+	}
+	lockBodyScroll(options) {
+		if (!this.isolation || !options || this.bodyLock || !this.document?.body) return;
+		this.isolation.set("body-scroll-lock", `body.${options.className}{overflow:hidden;padding-right:var(${options.variableName})}`);
+		this.bodyLock = this.isolation.retain(this.document);
+	}
+	unlockBodyScroll() {
+		if (!this.bodyLock) return;
+		this.isolation?.delete("body-scroll-lock");
+		this.bodyLock();
+		this.bodyLock = void 0;
+	}
+	ngOnDestroy() {
+		this.unlockBodyScroll();
+		this.service.off("theme:change", this.onThemeChange);
+		this.service.off("options:change", this.onThemeChange);
+	}
+	createTheme() {
+		return Theme;
+	}
+	createResolvers() {
+		return {
+			dt,
+			$dt,
+			css
+		};
+	}
+	themeChanged() {
+		this._classPrefix.set(this.readClassPrefix());
+	}
+	readClassPrefix() {
+		return getClassPrefix(this.theme) ?? "p";
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: StyleScope,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: StyleScope,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: StyleScope,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => []
+});
+export { STYLE_ID_ATTRIBUTE, StyleScope, UseStyle };
 
-//# sourceMappingURL=primeng-usestyle.mjs.map

package/fesm2022/primeng-utils.mjs

@@ -1,3 +1,6 @@
+import { isDevMode } from "@angular/core";
+import { CLASS_PREFIX_KEEP } from "@primeuix/styled";
+import { pcn, psel } from "@primeuix/utils";
 var ObjectUtils = class ObjectUtils {
 	static isArray(value, empty = true) {
 		return Array.isArray(value) && (empty || value.length !== 0);
@@ -237,6 +240,34 @@ function ZIndexUtils() {
 var zindexutils_default = ZIndexUtils();
 const transformToBoolean = (value) => !!value;
 const transformToNumber = (value) => typeof value === "string" ? parseFloat(value) : value;
-export { ObjectUtils, UniqueComponentId, zindexutils_default as ZIndexUtils, transformToBoolean, transformToNumber };
+let unsupportedClassPrefix = false;
+function getClassPrefix(theme) {
+	const classPrefix = theme?.getOptions?.()?.classPrefix;
+	if (!classPrefix || classPrefix === "p" || theme?.styleName) return classPrefix;
+	if (!unsupportedClassPrefix && isDevMode()) {
+		unsupportedClassPrefix = true;
+		console.warn(`[PrimeNG] The theme option classPrefix "${classPrefix}" needs a newer @primeuix/styled; class names keep the "p-" prefix.`);
+	}
+}
+function prefixClasses(value, prefix) {
+	return pcn({
+		prefix,
+		keep: CLASS_PREFIX_KEEP
+	}, value);
+}
+function prefixSelector(selector, prefix) {
+	return !prefix || prefix === "p" || !selector ? selector : psel({
+		prefix,
+		keep: CLASS_PREFIX_KEEP
+	}, selector);
+}
+function markInstance(el, ids) {
+	if (!el || !ids) return;
+	const added = ids.split(" ").filter(Boolean);
+	const current = el.getAttribute("data-pc-id")?.split(" ").filter(Boolean) ?? [];
+	const next = [.../* @__PURE__ */ new Set([...current, ...added])];
+	if (next.length !== current.length) el.setAttribute("data-pc-id", next.join(" "));
+	added.forEach((id) => el.setAttribute(id, ""));
+}
+export { ObjectUtils, UniqueComponentId, zindexutils_default as ZIndexUtils, getClassPrefix, markInstance, prefixClasses, prefixSelector, transformToBoolean, transformToNumber };
 
-//# sourceMappingURL=primeng-utils.mjs.map

package/fesm2022/primeng.mjs

@@ -1,2 +1 @@
 
-//# sourceMappingURL=primeng.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "primeng",
-  "version": "22.1.2",
+  "version": "22.1.3",
   "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.0.0",
-    "@primeuix/utils": "^0.8.0",
-    "@primeuix/styles": "^3.0.0",
+    "@primeuix/styled": "^1.1.0",
+    "@primeuix/utils": "^0.8.3",
+    "@primeuix/styles": "^3.0.2",
     "@primeuix/motion": "^1.0.0",
     "tslib": "^2.3.0"
   },
@@ -534,6 +534,10 @@
       "types": "./types/primeng-inputtext.d.ts",
       "default": "./fesm2022/primeng-inputtext.mjs"
     },
+    "./isolation": {
+      "types": "./types/primeng-isolation.d.ts",
+      "default": "./fesm2022/primeng-isolation.mjs"
+    },
     "./keyfilter": {
       "types": "./types/primeng-keyfilter.d.ts",
       "default": "./fesm2022/primeng-keyfilter.mjs"
@@ -1174,6 +1178,10 @@
       "types": "./types/primeng-types-treetable.d.ts",
       "default": "./fesm2022/primeng-types-treetable.mjs"
     },
+    "./useid": {
+      "types": "./types/primeng-useid.d.ts",
+      "default": "./fesm2022/primeng-useid.mjs"
+    },
     "./usestyle": {
       "types": "./types/primeng-usestyle.d.ts",
       "default": "./fesm2022/primeng-usestyle.mjs"

package/types/primeng-accordion.d.ts

@@ -65,9 +65,6 @@ export declare enum AccordionClasses {
    */
   panel = "p-accordionpanel"
 }
-declare namespace accordion_panel_d_exports {
-  export { AccordionPanel };
-}
 /**
  * AccordionPanel is a helper component for Accordion component.
  * @group Components
@@ -113,9 +110,6 @@ export declare class AccordionPanel extends BaseComponent<AccordionPanelPassThro
     outputs: {};
   }]>;
 }
-declare namespace accordion_header_d_exports {
-  export { AccordionHeader };
-}
 /**
  * AccordionHeader is a helper component for Accordion component.
  * @group Components
@@ -173,9 +167,6 @@ export declare class AccordionHeader extends BaseComponent<AccordionHeaderPassTh
     outputs: {};
   }]>;
 }
-declare namespace accordion_content_d_exports {
-  export { AccordionContent };
-}
 /**
  * AccordionContent is a helper component for Accordion component.
  * @group Components

package/types/primeng-animateonscroll.d.ts

@@ -93,4 +93,5 @@ export declare class AnimateOnScrollModule {
   static ɵfac: i0.ɵɵFactoryDeclaration<AnimateOnScrollModule, never>;
   static ɵmod: i0.ɵɵNgModuleDeclaration<AnimateOnScrollModule, never, [typeof AnimateOnScroll], [typeof AnimateOnScroll]>;
   static ɵinj: i0.ɵɵInjectorDeclaration<AnimateOnScrollModule>;
-}
+}
+export {};

package/types/primeng-api.d.ts

@@ -1746,6 +1746,7 @@ export interface Aria {
   collapse?: string;
   showFilterMenu?: string;
   hideFilterMenu?: string;
+  filter?: string;
   filterOperator?: string;
   filterConstraint?: string;
   editRow?: string;
@@ -1969,4 +1970,5 @@ export interface TreeTableNode<T = any> extends TreeNode {
    * Boolean value indicates if node is in viewport.
    */
   visible?: boolean;
-}
+}
+export {};

package/types/primeng-autocomplete.d.ts

@@ -638,9 +638,7 @@ export declare class AutoComplete extends BaseInput<AutoCompletePassThrough, any
   get virtualScrollerDisabled(): boolean;
   get optionValueSelected(): string | false | ((item: any) => string) | undefined;
   onHostClick(event: MouseEvent): void;
-  chipItemClass(index: number): (string | {
-    'p-focus': boolean;
-  })[];
+  chipItemClass(index: number): string;
   constructor();
   onAfterViewChecked(): void;
   handleSuggestionsChange(): void;

package/types/primeng-base.d.ts

@@ -9,13 +9,14 @@ declare const _default: {
   clearLoadedStyleNames(): void;
 };
 export declare class BaseStyle {
+  #private;
   name: string;
   useStyle: UseStyle;
   css: string | undefined;
   style: any;
   classes: {};
   inlineStyles: {};
-  load: (style: any, options?: {}, transform?: (cs: any) => any) => {} | undefined;
+  load: (style: any, options?: any, transform?: (cs: any) => any) => {} | undefined;
   loadCSS: (options?: {}) => {} | undefined;
   loadStyle: (options?: any, style?: string) => {} | undefined;
   loadBaseCSS: (options?: {}) => {} | undefined;
@@ -47,6 +48,7 @@ export declare class BaseStyle {
   };
   getLayerOrderThemeCSS: () => string;
   getStyleSheet: (extendedCSS?: string, props?: {}) => string;
+  private styleIdAttributes;
   getCommonThemeStyleSheet: (params: any, props?: {}) => string;
   getThemeStyleSheet: (params: any, props?: {}) => string;
   static ɵfac: i0.ɵɵFactoryDeclaration<BaseStyle, never>;