primeng 22.1.2 → 22.1.3

package/fesm2022/primeng-isolation.mjs

@@ -0,0 +1,280 @@
+import { DOCUMENT, isPlatformBrowser, isPlatformServer } from "@angular/common";
+import * as i0 from "@angular/core";
+import { APP_ID, DestroyRef, ElementRef, Injectable, InjectionToken, Injector, NgZone, PLATFORM_ID, afterEveryRender, inject, isDevMode } from "@angular/core";
+import { THEME_KEY_ATTRIBUTE, claimThemeKey, createIsolation, getCssInstance, getDtInstance, getStyleRoot, isThemeKey } from "@primeuix/styled/isolation";
+import { getTargetElement, toCSSString } from "@primeuix/utils";
+import { PrimeNG } from "primeng/config";
+import { STYLE_ID_ATTRIBUTE, StyleScope, UseStyle } from "primeng/usestyle";
+const PRIMENG_ISOLATION = new InjectionToken("PRIMENG_ISOLATION");
+const SCOPE_OWNER = new InjectionToken("PRIMENG_SCOPE_OWNER");
+const warn = () => isDevMode() ? void 0 : false;
+var IsolationHost = class IsolationHost {
+	claim;
+	controller;
+	constructor() {
+		const { key } = inject(PRIMENG_ISOLATION);
+		const appId = inject(APP_ID);
+		const document = inject(DOCUMENT);
+		const browser = isPlatformBrowser(inject(PLATFORM_ID));
+		const root = browser && !key ? document.querySelector(`[ng-server-context][${THEME_KEY_ATTRIBUTE}=${toCSSString(appId)}]`) : null;
+		this.claim = claimThemeKey({
+			key,
+			root,
+			seed: appId,
+			browser,
+			warn: warn()
+		});
+		const injector = inject(Injector);
+		this.controller = createIsolation({
+			key: this.claim.key,
+			attribute: STYLE_ID_ATTRIBUTE,
+			nonce: () => injector.get(PrimeNG, null)?.csp().nonce,
+			browser,
+			warn: warn()
+		});
+	}
+	ngOnDestroy() {
+		this.controller.dispose();
+		this.claim.release();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: IsolationHost,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: IsolationHost
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: IsolationHost,
+	decorators: [{ type: Injectable }],
+	ctorParameters: () => []
+});
+function createRegistry() {
+	const names = /* @__PURE__ */ new Set();
+	return {
+		isStyleNameLoaded: (name) => names.has(name),
+		setLoadedStyleName: (name) => void names.add(name),
+		deleteLoadedStyleName: (name) => void names.delete(name),
+		clearLoadedStyleNames: () => names.clear()
+	};
+}
+var IsolatedUseStyle = class IsolatedUseStyle extends UseStyle {
+	styles = inject(IsolationHost).controller.scope;
+	server = isPlatformServer(inject(PLATFORM_ID));
+	count = 0;
+	use(css, options = {}) {
+		if (this.server) return super.use(css, options);
+		const { name = `style_iso_${++this.count}`, id = void 0, media = void 0, nonce = void 0, first = false } = options;
+		if (!this.document) return;
+		const text = css ?? "";
+		this.styles.set(name, text, {
+			first,
+			media,
+			nonce
+		});
+		return {
+			id,
+			name,
+			el: null,
+			css: text
+		};
+	}
+	remove(name) {
+		this.styles.delete(name);
+	}
+	retain(root) {
+		return this.styles.retain(root);
+	}
+	batch(fn) {
+		return this.styles.batch(fn);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: IsolatedUseStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: IsolatedUseStyle
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: IsolatedUseStyle,
+	decorators: [{ type: Injectable }]
+});
+var IsolatedStyleScope = class IsolatedStyleScope extends StyleScope {
+	isolated = true;
+	coreStyleNames = createRegistry();
+	zone = inject(NgZone);
+	browser = isPlatformBrowser(this.platformId);
+	isolatedStyle = this.useStyle;
+	controller = inject(IsolationHost).controller;
+	overlays = /* @__PURE__ */ new Map();
+	isolation = this.controller.isolation;
+	get key() {
+		return this.theme.key;
+	}
+	get scopeSelector() {
+		return `[${THEME_KEY_ATTRIBUTE}="${this.key}"]`;
+	}
+	prime(theme) {
+		if (!theme || typeof theme !== "object") return;
+		this.theme.update({ theme });
+		this.themeChanged();
+	}
+	batch(fn) {
+		return this.isolatedStyle.batch(fn);
+	}
+	connect(el, injector) {
+		if (!this.browser) {
+			if (el && !el.closest(this.scopeSelector)) this.scopeElementOf(el, injector).setAttribute(THEME_KEY_ATTRIBUTE, this.key);
+			return;
+		}
+		const destroyRef = injector.get(DestroyRef);
+		const release = this.attach(el, injector);
+		if (release) {
+			destroyRef.onDestroy(release);
+			return;
+		}
+		const ref = afterEveryRender(() => {
+			const late = this.attach(el, injector);
+			if (!late) return;
+			ref.destroy();
+			destroyRef.onDestroy(late);
+		}, { injector });
+		destroyRef.onDestroy(() => ref.destroy());
+	}
+	scopeCSS(css) {
+		return css ? this.theme.scopeCSS(css) : css;
+	}
+	keyedId(id) {
+		return `${id}_${this.key}`;
+	}
+	setInstanceStyle(name, css, nonce) {
+		this.useStyle.use(this.scopeCSS(css), {
+			name: this.styleName(name),
+			nonce
+		});
+	}
+	removeInstanceStyle(name) {
+		this.useStyle.remove(this.styleName(name));
+	}
+	overlayParent(target, overlay) {
+		const parent = this.browser && overlay ? getTargetElement(target) : null;
+		if (!overlay || parent?.nodeType !== 1 || parent.closest(this.scopeSelector) || this.overlays.has(overlay)) return target;
+		const unstamp = this.controller.mark(overlay);
+		const root = getStyleRoot(parent);
+		const release = root ? this.isolatedStyle.retain(root) : () => {};
+		const observer = new MutationObserver(() => overlay.parentNode !== parent && dispose());
+		const dispose = () => {
+			observer.disconnect();
+			this.overlays.delete(overlay);
+			release();
+			unstamp();
+		};
+		this.zone.runOutsideAngular(() => observer.observe(parent, { childList: true }));
+		this.overlays.set(overlay, dispose);
+		return target;
+	}
+	ngOnDestroy() {
+		super.ngOnDestroy();
+		[...this.overlays.values()].forEach((dispose) => dispose());
+	}
+	createTheme() {
+		return inject(IsolationHost).controller.isolation.theme;
+	}
+	createResolvers() {
+		const runtime = this.theme;
+		const { dt, $dt } = getDtInstance(runtime);
+		return {
+			dt,
+			$dt,
+			css: getCssInstance(runtime).css
+		};
+	}
+	attach(el, injector) {
+		if (!el) return () => {};
+		const root = getStyleRoot(el);
+		if (!root) return void 0;
+		const found = el.closest(this.scopeSelector);
+		const unstamp = this.zone.runOutsideAngular(() => this.controller.mark(found ?? this.scopeElementOf(el, injector)));
+		const release = this.isolatedStyle.retain(root);
+		return () => {
+			release();
+			unstamp();
+		};
+	}
+	scopeElementOf(el, injector) {
+		let host = el;
+		for (let node = injector.get(Injector, null, { skipSelf: true }); node?.get(SCOPE_OWNER, null) === this; node = node.get(Injector, null, { skipSelf: true })) {
+			const parent = node.get(ElementRef, null)?.nativeElement;
+			if (!parent) break;
+			if (parent.nodeType === 1 && parent.contains(host)) host = parent;
+		}
+		return host;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: IsolatedStyleScope,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: IsolatedStyleScope
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: IsolatedStyleScope,
+	decorators: [{ type: Injectable }]
+});
+function withIsolation(options = {}) {
+	if (options.key !== void 0 && !isThemeKey(options.key)) throw new TypeError(`[PrimeNG] Invalid isolation key "${String(options.key)}": use 1 to 128 letters, digits, "_" or "-".`);
+	return { ɵproviders: [
+		{
+			provide: PRIMENG_ISOLATION,
+			useValue: { ...options }
+		},
+		IsolationHost,
+		{
+			provide: UseStyle,
+			useClass: IsolatedUseStyle
+		},
+		{
+			provide: StyleScope,
+			useClass: IsolatedStyleScope
+		},
+		{
+			provide: SCOPE_OWNER,
+			useExisting: StyleScope
+		}
+	] };
+}
+export { withIsolation };
+

package/fesm2022/primeng-keyfilter.mjs

@@ -155,7 +155,7 @@ var KeyFilter = class KeyFilter {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: KeyFilter,
 		deps: [],
@@ -163,7 +163,7 @@ var KeyFilter = class KeyFilter {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: KeyFilter,
 		isStandalone: true,
 		selector: "[pKeyFilter]",
@@ -195,7 +195,7 @@ var KeyFilter = class KeyFilter {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: KeyFilter,
 	decorators: [{
@@ -238,7 +238,7 @@ i0.ɵɵngDeclareClassMetadata({
 var KeyFilterModule = class KeyFilterModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: KeyFilterModule,
 		deps: [],
@@ -246,7 +246,7 @@ var KeyFilterModule = class KeyFilterModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: KeyFilterModule,
 		imports: [KeyFilter],
@@ -254,14 +254,14 @@ var KeyFilterModule = class KeyFilterModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: KeyFilterModule
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: KeyFilterModule,
 	decorators: [{
@@ -274,4 +274,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { KEYFILTER_VALIDATOR, KeyFilter, KeyFilterModule };
 
-//# sourceMappingURL=primeng-keyfilter.mjs.map

package/fesm2022/primeng-knob.mjs

@@ -1,7 +1,6 @@
 import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModule, ViewEncapsulation, booleanAttribute, computed, forwardRef, inject, input, numberAttribute, output, signal } from "@angular/core";
 import { NG_VALUE_ACCESSOR } from "@angular/forms";
-import { $dt } from "@primeuix/styled";
 import { SharedModule } from "primeng/api";
 import { PARENT_INSTANCE } from "primeng/basecomponent";
 import { BaseEditableHolder } from "primeng/baseeditableholder";
@@ -21,7 +20,7 @@ var KnobStyle = class KnobStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: KnobStyle,
 		deps: null,
@@ -29,14 +28,14 @@ var KnobStyle = class KnobStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: KnobStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: KnobStyle,
 	decorators: [{ type: Injectable }]
@@ -67,9 +66,9 @@ var Knob = class Knob extends BaseEditableHolder {
 		...ngDevMode ? { debugName: "tabindex" } : /* istanbul ignore next */ {},
 		transform: numberAttribute
 	});
-	valueColor = input($dt("knob.value.background").variable, ...ngDevMode ? [{ debugName: "valueColor" }] : /* istanbul ignore next */ []);
-	rangeColor = input($dt("knob.range.background").variable, ...ngDevMode ? [{ debugName: "rangeColor" }] : /* istanbul ignore next */ []);
-	textColor = input($dt("knob.text.color").variable, ...ngDevMode ? [{ debugName: "textColor" }] : /* istanbul ignore next */ []);
+	valueColor = input(this.$styleScope.resolvers.$dt("knob.value.background").variable, ...ngDevMode ? [{ debugName: "valueColor" }] : /* istanbul ignore next */ []);
+	rangeColor = input(this.$styleScope.resolvers.$dt("knob.range.background").variable, ...ngDevMode ? [{ debugName: "rangeColor" }] : /* istanbul ignore next */ []);
+	textColor = input(this.$styleScope.resolvers.$dt("knob.text.color").variable, ...ngDevMode ? [{ debugName: "textColor" }] : /* istanbul ignore next */ []);
 	valueTemplate = input("{value}", ...ngDevMode ? [{ debugName: "valueTemplate" }] : /* istanbul ignore next */ []);
 	size = input(100, {
 		...ngDevMode ? { debugName: "size" } : /* istanbul ignore next */ {},
@@ -286,7 +285,7 @@ var Knob = class Knob extends BaseEditableHolder {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: Knob,
 		deps: null,
@@ -294,7 +293,7 @@ var Knob = class Knob extends BaseEditableHolder {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: Knob,
 		isStandalone: true,
 		selector: "p-knob",
@@ -468,7 +467,7 @@ var Knob = class Knob extends BaseEditableHolder {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: Knob,
 	decorators: [{
@@ -647,7 +646,7 @@ i0.ɵɵngDeclareClassMetadata({
 var KnobModule = class KnobModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: KnobModule,
 		deps: [],
@@ -655,7 +654,7 @@ var KnobModule = class KnobModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: KnobModule,
 		imports: [Knob, SharedModule],
@@ -663,7 +662,7 @@ var KnobModule = class KnobModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: KnobModule,
 		imports: [
@@ -675,7 +674,7 @@ var KnobModule = class KnobModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: KnobModule,
 	decorators: [{
@@ -688,4 +687,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { KNOB_VALUE_ACCESSOR, Knob, KnobClasses, KnobModule, KnobStyle };
 
-//# sourceMappingURL=primeng-knob.mjs.map

package/fesm2022/primeng-label.mjs

@@ -12,7 +12,7 @@ var LabelStyle = class LabelStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: LabelStyle,
 		deps: null,
@@ -20,14 +20,14 @@ var LabelStyle = class LabelStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: LabelStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: LabelStyle,
 	decorators: [{ type: Injectable }]
@@ -50,7 +50,7 @@ var Label = class Label extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: Label,
 		deps: null,
@@ -58,7 +58,7 @@ var Label = class Label extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: Label,
 		isStandalone: true,
 		selector: "label[pLabel]",
@@ -81,7 +81,7 @@ var Label = class Label extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: Label,
 	decorators: [{
@@ -108,7 +108,7 @@ i0.ɵɵngDeclareClassMetadata({
 var LabelModule = class LabelModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: LabelModule,
 		deps: [],
@@ -116,7 +116,7 @@ var LabelModule = class LabelModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: LabelModule,
 		imports: [Label],
@@ -124,14 +124,14 @@ var LabelModule = class LabelModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: LabelModule
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: LabelModule,
 	decorators: [{
@@ -144,4 +144,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { Label, LabelClasses, LabelModule, LabelStyle };
 
-//# sourceMappingURL=primeng-label.mjs.map

package/fesm2022/primeng-license.mjs

@@ -10,4 +10,3 @@ function showInvalidLicenseBanner() {
 }
 export { showInvalidLicenseBanner };
 
-//# sourceMappingURL=primeng-license.mjs.map