primeng 22.1.1 → 22.1.3

package/fesm2022/primeng-basecomponent.mjs

@@ -1,479 +1,593 @@
-import { DOCUMENT, isPlatformServer } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, PLATFORM_ID, ElementRef, Injector, ChangeDetectorRef, Renderer2, input, isSignal, signal, computed, effect, DestroyRef, Directive } from '@angular/core';
-import { Theme, ThemeService } from '@primeuix/styled';
-import { cn, uuid, resolve, isFunction, mergeProps, getKeyValue, isNotEmpty, toFlatCase, isString, isArray } from '@primeuix/utils';
-import { BaseStyle, Base } from 'primeng/base';
-import { PrimeNG } from 'primeng/config';
-import { showInvalidLicenseBanner } from 'primeng/license';
-import { UseStyle } from 'primeng/usestyle';
-
-class BaseComponentStyle extends BaseStyle {
-    name = 'common';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: BaseComponentStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: BaseComponentStyle, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: BaseComponentStyle, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-const PARENT_INSTANCE = new InjectionToken('PARENT_INSTANCE');
-class BaseComponent {
-    document = inject(DOCUMENT);
-    platformId = inject(PLATFORM_ID);
-    el = inject(ElementRef);
-    injector = inject(Injector);
-    cd = inject(ChangeDetectorRef);
-    renderer = inject(Renderer2);
-    config = inject(PrimeNG);
-    $parentInstance = inject(PARENT_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    baseComponentStyle = inject(BaseComponentStyle);
-    baseStyle = inject(BaseStyle);
-    scopedStyleEl;
-    parent = this.$params.parent;
-    cn = cn;
-    _themeScopedListener;
-    themeChangeListenerMap = new Map();
-    /******************** Inputs ********************/
-    /**
-     * Defines scoped design tokens of the component.
-     * @defaultValue undefined
-     * @group Props
-     */
-    dt = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "dt" }] : /* istanbul ignore next */ []));
-    /**
-     * Indicates whether the component should be rendered without styles.
-     * @defaultValue undefined
-     * @group Props
-     */
-    unstyled = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "unstyled" }] : /* istanbul ignore next */ []));
-    /**
-     * Used to pass attributes to DOM elements inside the component.
-     * @defaultValue undefined
-     * @group Props
-     */
-    pt = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "pt" }] : /* istanbul ignore next */ []));
-    /**
-     * Used to configure passthrough(pt) options of the component.
-     * @group Props
-     * @defaultValue undefined
-     */
-    ptOptions = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "ptOptions" }] : /* istanbul ignore next */ []));
-    /******************** Computed ********************/
-    $attrSelector = uuid('pc');
-    get $name() {
-        return this['componentName'] || 'UnknownComponent';
-    }
-    get $hostName() {
-        const hostName = this['hostName'];
-        return isSignal(hostName) ? hostName() : hostName;
-    }
-    get $el() {
-        return this.el?.nativeElement;
-    }
-    directivePT = signal(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "directivePT" }] : /* istanbul ignore next */ []));
-    directiveUnstyled = signal(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "directiveUnstyled" }] : /* istanbul ignore next */ []));
-    $unstyled = computed(() => this.unstyled() ?? this.directiveUnstyled() ?? this.config?.unstyled() ?? false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "$unstyled" }] : /* istanbul ignore next */ []));
-    $pt = computed(() => resolve(this.pt() || this.directivePT(), this.$params), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "$pt" }] : /* istanbul ignore next */ []));
-    get $globalPT() {
-        return this._getPT(this.config?.pt(), undefined, (value) => resolve(value, this.$params));
-    }
-    get $defaultPT() {
-        return this._getPT(this.config?.pt(), undefined, (value) => this._getOptionValue(value, this.$hostName || this.$name, this.$params) || resolve(value, this.$params));
-    }
-    _$styleCache;
-    get $style() {
-        if (!this._$styleCache) {
-            this._$styleCache = { theme: undefined, css: undefined, classes: undefined, inlineStyles: undefined, ...(this._getHostInstance(this) || {}).$style, ...this['_componentStyle'] };
-        }
-        return this._$styleCache;
-    }
-    get $styleOptions() {
-        return { nonce: this.config?.csp().nonce };
-    }
-    _$paramsCache;
-    get $params() {
-        if (!this._$paramsCache) {
-            const parentInstance = this._getHostInstance(this) || this.$parentInstance;
-            this._$paramsCache = {
-                instance: this,
-                parent: {
-                    instance: parentInstance
-                }
-            };
-        }
-        return this._$paramsCache;
-    }
-    /******************** Lifecycle Hooks ********************/
-    onInit() {
-        // NOOP - to be implemented by subclasses
-    }
-    onChanges(_changes) {
-        // NOOP - to be implemented by subclasses
-    }
-    onDoCheck() {
-        // NOOP - to be implemented by subclasses
-    }
-    onAfterContentInit() {
-        // NOOP - to be implemented by subclasses
-    }
-    onAfterContentChecked() {
-        // NOOP - to be implemented by subclasses
-    }
-    onAfterViewInit() {
-        // NOOP - to be implemented by subclasses
-    }
-    onAfterViewChecked() {
-        // NOOP - to be implemented by subclasses
-    }
-    onDestroy() {
-        // NOOP - to be implemented by subclasses
-    }
-    /******************** Angular Lifecycle Hooks ********************/
-    constructor() {
-        this._shareStylesWithShadowRoot();
-        // watch _dt_ changes
-        effect((onCleanup) => {
-            if (this.document && !isPlatformServer(this.platformId)) {
-                if (this.dt()) {
-                    this._loadScopedThemeStyles(this.dt());
-                    this._themeScopedListener = () => this._loadScopedThemeStyles(this.dt());
-                    this._themeChangeListener('_themeScopedListener', this._themeScopedListener);
-                }
-                else {
-                    this._unloadScopedThemeStyles();
-                }
-            }
-            onCleanup(() => {
-                this._offThemeChangeListener('_themeScopedListener');
-            });
-        });
-        // watch _unstyled_ changes
-        effect((onCleanup) => {
-            if (this.document && !isPlatformServer(this.platformId)) {
-                if (!this.$unstyled()) {
-                    this._loadCoreStyles();
-                    this._themeChangeListener('_loadCoreStyles', this._loadCoreStyles); // Update styles with theme settings
-                }
-            }
-            onCleanup(() => {
-                this._offThemeChangeListener('_loadCoreStyles');
-            });
-        });
-        this._hook('onBeforeInit');
-    }
-    /**
-     * ⚠ Do not override ngOnInit!
-     *
-     * Use 'onInit()' in subclasses instead.
-     */
-    ngOnInit() {
-        this._$paramsCache = undefined;
-        this._$styleCache = undefined;
-        this._loadCoreStyles();
-        this._loadStyles();
-        this.onInit();
-        this._hook('onInit');
-    }
-    /**
-     * ⚠ Do not override ngOnChanges!
-     *
-     * Use 'onChanges(changes: SimpleChanges)' in subclasses instead.
-     */
-    ngOnChanges(changes) {
-        this.onChanges(changes);
-        this._hook('onChanges', changes);
-    }
-    /**
-     * ⚠ Do not override ngDoCheck!
-     *
-     * Use 'onDoCheck()' in subclasses instead.
-     */
-    ngDoCheck() {
-        this.onDoCheck();
-        this._hook('onDoCheck');
-    }
-    /**
-     * ⚠ Do not override ngAfterContentInit!
-     *
-     * Use 'onAfterContentInit()' in subclasses instead.
-     */
-    ngAfterContentInit() {
-        this.onAfterContentInit();
-        this._hook('onAfterContentInit');
-    }
-    /**
-     * ⚠ Do not override ngAfterContentChecked!
-     *
-     * Use 'onAfterContentChecked()' in subclasses instead.
-     */
-    ngAfterContentChecked() {
-        this.onAfterContentChecked();
-        this._hook('onAfterContentChecked');
-    }
-    /**
-     * ⚠ Do not override ngAfterViewInit!
-     *
-     * Use 'onAfterViewInit()' in subclasses instead.
-     */
-    ngAfterViewInit() {
-        // @todo - remove this after implementing pt for root
-        this.$el?.setAttribute(this.$attrSelector, '');
-        if (this.config?.verified() === false) {
-            showInvalidLicenseBanner();
-        }
-        this.onAfterViewInit();
-        this._hook('onAfterViewInit');
-    }
-    /**
-     * ⚠ Do not override ngAfterViewChecked!
-     *
-     * Use 'onAfterViewChecked()' in subclasses instead.
-     */
-    ngAfterViewChecked() {
-        this.onAfterViewChecked();
-        this._hook('onAfterViewChecked');
-    }
-    /**
-     * ⚠ Do not override ngOnDestroy!
-     *
-     * Use 'onDestroy()' in subclasses instead.
-     */
-    ngOnDestroy() {
-        this._removeThemeListeners();
-        this._unloadScopedThemeStyles();
-        this.onDestroy();
-        this._hook('onDestroy');
-    }
-    /******************** Methods ********************/
-    _mergeProps(fn, ...args) {
-        return isFunction(fn) ? fn(...args) : mergeProps(...args);
-    }
-    _getHostInstance(instance) {
-        return instance ? (this.$hostName ? (this.$name === this.$hostName ? instance : this._getHostInstance(instance.$parentInstance)) : instance.$parentInstance) : undefined;
-    }
-    _getPropValue(name) {
-        return this[name] || this._getHostInstance(this)?.[name];
-    }
-    _getOptionValue(options, key = '', params = {}) {
-        return getKeyValue(options, key, params);
-    }
-    _hook(hookName, ...args) {
-        if (this.$hostName)
-            return;
-        if (!this.pt() && !this.directivePT() && !this.config?.pt())
-            return;
-        const selfHook = this._usePT(this._getPT(this.$pt(), this.$name), this._getOptionValue, `hooks.${hookName}`);
-        const defaultHook = this._useDefaultPT(this._getOptionValue, `hooks.${hookName}`);
-        selfHook?.(...args);
-        defaultHook?.(...args);
-    }
-    /********** Load Styles **********/
-    _load() {
-        if (!Base.isStyleNameLoaded('base')) {
-            this.baseStyle.loadBaseCSS(this.$styleOptions);
-            this._loadGlobalStyles();
-            Base.setLoadedStyleName('base');
-        }
-        this._loadThemeStyles();
-    }
-    _loadStyles() {
-        this._load();
-        this._themeChangeListener('_load', () => this._load());
-    }
-    _shareStylesWithShadowRoot() {
-        if (isPlatformServer(this.platformId))
-            return;
-        const rootNode = this.$el?.getRootNode?.();
-        if (typeof ShadowRoot === 'undefined' || !(rootNode instanceof ShadowRoot))
-            return;
-        inject(DestroyRef).onDestroy(inject(UseStyle).addShadowRoot(rootNode));
-    }
-    _loadGlobalStyles() {
-        const globalCSS = this._useGlobalPT(this._getOptionValue, 'global.css', this.$params);
-        if (isNotEmpty(globalCSS)) {
-            this.baseStyle.load(globalCSS, { name: 'global', ...this.$styleOptions });
-        }
-    }
-    _loadCoreStyles() {
-        if (!Base.isStyleNameLoaded(this.$style?.name) && this.$style?.name) {
-            this.baseComponentStyle.loadCSS(this.$styleOptions);
-            this.$style.loadCSS(this.$styleOptions);
-            Base.setLoadedStyleName(this.$style.name);
-        }
-    }
-    _loadThemeStyles() {
-        if (this.$unstyled() || this.config?.theme() === 'none')
-            return;
-        // common
-        if (!Theme.isStyleNameLoaded('common')) {
-            const { primitive, semantic, global, style } = this.$style?.getCommonTheme?.() || {};
-            this.baseStyle.load(primitive?.css, { name: 'primitive-variables', variables: true, ...this.$styleOptions });
-            this.baseStyle.load(semantic?.css, { name: 'semantic-variables', variables: true, ...this.$styleOptions });
-            this.baseStyle.load(global?.css, { name: 'global-variables', variables: true, ...this.$styleOptions });
-            this.baseStyle.loadBaseStyle({ name: 'global-style', ...this.$styleOptions }, style);
-            Theme.setLoadedStyleName('common');
-        }
-        // component
-        if (!Theme.isStyleNameLoaded(this.$style?.name) && this.$style?.name) {
-            const { css, style } = this.$style?.getComponentTheme?.() || {};
-            this.$style?.load(css, { name: `${this.$style?.name}-variables`, variables: true, ...this.$styleOptions });
-            this.$style?.loadStyle({ name: `${this.$style?.name}-style`, ...this.$styleOptions }, style);
-            Theme.setLoadedStyleName(this.$style?.name);
-        }
-        // layer order
-        if (!Theme.isStyleNameLoaded('layer-order')) {
-            const layerOrder = this.$style?.getLayerOrderThemeCSS?.();
-            this.baseStyle.load(layerOrder, { name: 'layer-order', first: true, ...this.$styleOptions });
-            Theme.setLoadedStyleName('layer-order');
-        }
-    }
-    _loadScopedThemeStyles(preset) {
-        if (this.config?.theme()?.options?.cssVariables === false && this.$style?.name) {
-            const added = Theme.addScopedToken({ [this.$style.name]: preset });
-            if (added) {
-                Theme.deleteLoadedStyleName(this.$style.name);
-                this._loadThemeStyles();
-            }
-        }
-        const { css } = this.$style?.getPresetTheme?.(preset, `[${this.$attrSelector}]`) || {};
-        const scopedStyle = this.$style?.load(css, { name: `${this.$attrSelector}-${this.$style?.name}`, ...this.$styleOptions });
-        this.scopedStyleEl = scopedStyle?.el;
-    }
-    _unloadScopedThemeStyles() {
-        this.baseStyle.useStyle.remove(`${this.$attrSelector}-${this.$style?.name}`);
-    }
-    _themeChangeListener(id, callback = () => { }) {
-        this._offThemeChangeListener(id);
-        Base.clearLoadedStyleNames();
-        const hold = callback.bind(this);
-        this.themeChangeListenerMap.set(id, hold);
-        ThemeService.on('theme:change', hold);
-    }
-    _removeThemeListeners() {
-        this._offThemeChangeListener('_themeScopedListener');
-        this._offThemeChangeListener('_loadCoreStyles');
-        this._offThemeChangeListener('_load');
-    }
-    _offThemeChangeListener(id) {
-        if (this.themeChangeListenerMap.has(id)) {
-            ThemeService.off('theme:change', this.themeChangeListenerMap.get(id));
-            this.themeChangeListenerMap.delete(id);
-        }
-    }
-    /********** Passthrough **********/
-    _getPTValue(obj = {}, key = '', params = {}, searchInDefaultPT = true) {
-        const searchOut = /./g.test(key) && !!params[key.split('.')[0]];
-        const { mergeSections = true, mergeProps: useMergeProps = false } = this._getPropValue('ptOptions')?.() || this.config?.['ptOptions']?.() || {};
-        const global = searchInDefaultPT ? (searchOut ? this._useGlobalPT(this._getPTClassValue, key, params) : this._useDefaultPT(this._getPTClassValue, key, params)) : undefined;
-        const self = searchOut ? undefined : this._usePT(this._getPT(obj, this.$hostName || this.$name), this._getPTClassValue, key, { ...params, global: global || {} });
-        const datasets = this._getPTDatasets(key);
-        return mergeSections || (!mergeSections && self) ? (useMergeProps ? this._mergeProps(useMergeProps, global, self, datasets) : { ...global, ...self, ...datasets }) : { ...self, ...datasets };
-    }
-    _getPTDatasets(key = '') {
-        const datasetPrefix = 'data-pc-';
-        const isExtended = key === 'root' && isNotEmpty(this.$pt()?.['data-pc-section']);
-        return (key !== 'transition' && {
-            ...(key === 'root' && {
-                [`${datasetPrefix}name`]: toFlatCase(isExtended ? this.$pt()?.['data-pc-section'] : this.$name),
-                ...(isExtended && { [`${datasetPrefix}extend`]: toFlatCase(this.$name) }),
-                [`${this.$attrSelector}`]: '' // @todo - use `data-pc-id: this.$attrSelector` instead.
-            }),
-            [`${datasetPrefix}section`]: toFlatCase(key.includes('.') ? (key.split('.').at(-1) ?? '') : key)
-        });
-    }
-    _getPTClassValue(options, key, params) {
-        const value = this._getOptionValue(options, key, params);
-        return isString(value) || isArray(value) ? { class: value } : value;
-    }
-    _getPT(pt, key = '', callback) {
-        const getValue = (value, checkSameKey = false) => {
-            const computedValue = callback ? callback(value) : value;
-            const _key = toFlatCase(key);
-            const _cKey = toFlatCase(this.$hostName || this.$name);
-            return (checkSameKey ? (_key !== _cKey ? computedValue?.[_key] : undefined) : computedValue?.[_key]) ?? computedValue;
-        };
-        return pt != null && Object.prototype.hasOwnProperty.call(pt, '_usept')
-            ? {
-                _usept: pt['_usept'],
-                originalValue: getValue(pt.originalValue),
-                value: getValue(pt.value)
-            }
-            : getValue(pt, true);
-    }
-    _usePT(pt, callback, key, params) {
-        const fn = (value) => callback?.call(this, value, key, params);
-        if (pt != null && Object.prototype.hasOwnProperty.call(pt, '_usept')) {
-            const { mergeSections = true, mergeProps: useMergeProps = false } = pt['_usept'] || this.config?.['ptOptions']() || {};
-            const originalValue = fn(pt.originalValue);
-            const value = fn(pt.value);
-            if (originalValue === undefined && value === undefined)
-                return undefined;
-            else if (isString(value))
-                return value;
-            else if (isString(originalValue))
-                return originalValue;
-            return mergeSections || (!mergeSections && value) ? (useMergeProps ? this._mergeProps(useMergeProps, originalValue, value) : { ...originalValue, ...value }) : value;
-        }
-        return fn(pt);
-    }
-    _useGlobalPT(callback, key, params) {
-        return this._usePT(this.$globalPT, callback, key, params);
-    }
-    _useDefaultPT(callback, key, params) {
-        return this._usePT(this.$defaultPT, callback, key, params);
-    }
-    /******************** Exposed API ********************/
-    ptm(key = '', params = {}) {
-        return this._getPTValue(this.$pt(), key, { ...this.$params, ...params });
-    }
-    ptms(keys, params = {}) {
-        return keys.reduce((acc, arg) => {
-            acc = mergeProps(acc, this.ptm(arg, params)) || {};
-            return acc;
-        }, {});
-    }
-    ptmo(obj = {}, key = '', params = {}) {
-        return this._getPTValue(obj, key, { instance: this, ...params }, false);
-    }
-    cx(key, params = {}) {
-        return !this.$unstyled() ? cn(this._getOptionValue(this.$style.classes, key, { ...this.$params, ...params })) : undefined;
-    }
-    sx(key = '', when = true, params = {}) {
-        if (when) {
-            const self = this._getOptionValue(this.$style.inlineStyles, key, { ...this.$params, ...params });
-            const base = this._getOptionValue(this.baseComponentStyle.inlineStyles, key, { ...this.$params, ...params });
-            return { ...base, ...self };
-        }
-        return undefined;
-    }
-    translate(key, subKey) {
-        const value = this.config.getTranslation(key);
-        return subKey ? value?.[subKey] : value;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: BaseComponent, isStandalone: true, inputs: { dt: { classPropertyName: "dt", publicName: "dt", isSignal: true, isRequired: false, transformFunction: null }, unstyled: { classPropertyName: "unstyled", publicName: "unstyled", isSignal: true, isRequired: false, transformFunction: null }, pt: { classPropertyName: "pt", publicName: "pt", isSignal: true, isRequired: false, transformFunction: null }, ptOptions: { classPropertyName: "ptOptions", publicName: "ptOptions", isSignal: true, isRequired: false, transformFunction: null } }, providers: [BaseComponentStyle, BaseStyle], usesOnChanges: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: BaseComponent, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    providers: [BaseComponentStyle, BaseStyle]
-                }]
-        }], ctorParameters: () => [], propDecorators: { dt: [{ type: i0.Input, args: [{ isSignal: true, alias: "dt", required: false }] }], unstyled: [{ type: i0.Input, args: [{ isSignal: true, alias: "unstyled", required: false }] }], pt: [{ type: i0.Input, args: [{ isSignal: true, alias: "pt", required: false }] }], ptOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "ptOptions", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+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 { cn, getKeyValue, isArray, isFunction, isNotEmpty, isString, mergeProps, resolve, toFlatCase } from "@primeuix/utils";
+import { Base, BaseStyle } from "primeng/base";
+import { PrimeNG } from "primeng/config";
+import { showInvalidLicenseBanner } from "primeng/license";
+import { blockBodyScroll, unblockBodyScroll } from "primeng/dom";
+import { UseId } from "primeng/useid";
+import { StyleScope } from "primeng/usestyle";
+import { markInstance } from "primeng/utils";
+var BaseComponentStyle = class BaseComponentStyle extends BaseStyle {
+	name = "common";
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: BaseComponentStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: BaseComponentStyle,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: BaseComponentStyle,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+const PARENT_INSTANCE = new InjectionToken("PARENT_INSTANCE");
+var BaseComponent = class BaseComponent {
+	document = inject(DOCUMENT);
+	platformId = inject(PLATFORM_ID);
+	el = inject(ElementRef);
+	injector = inject(Injector);
+	cd = inject(ChangeDetectorRef);
+	renderer = inject(Renderer2);
+	config = inject(PrimeNG);
+	$parentInstance = inject(PARENT_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	baseComponentStyle = inject(BaseComponentStyle);
+	baseStyle = inject(BaseStyle);
+	$styleScope = inject(StyleScope);
+	scopedStyleEl;
+	_scopedStyleName;
+	parent = this.$params.parent;
+	cn = cn;
+	_themeScopedListener;
+	_instanceStyles;
+	themeChangeListenerMap = /* @__PURE__ */ new Map();
+	dt = input(...ngDevMode ? [void 0, { debugName: "dt" }] : /* istanbul ignore next */ []);
+	unstyled = input(...ngDevMode ? [void 0, { debugName: "unstyled" }] : /* istanbul ignore next */ []);
+	pt = input(...ngDevMode ? [void 0, { debugName: "pt" }] : /* istanbul ignore next */ []);
+	ptOptions = input(...ngDevMode ? [void 0, { debugName: "ptOptions" }] : /* istanbul ignore next */ []);
+	$useId = inject(UseId);
+	$attrSelector = this.$useId.next("pc");
+	get $name() {
+		return this["componentName"] || "UnknownComponent";
+	}
+	get $hostName() {
+		const hostName = this["hostName"];
+		return isSignal(hostName) ? hostName() : hostName;
+	}
+	get $el() {
+		return this.el?.nativeElement;
+	}
+	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 */ []);
+	$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));
+	}
+	get $defaultPT() {
+		return this._getPT(this.config?.pt(), void 0, (value) => this._getOptionValue(value, this.$hostName || this.$name, this.$params) || resolve(value, this.$params));
+	}
+	_$styleCache;
+	get $style() {
+		if (!this._$styleCache) this._$styleCache = {
+			theme: void 0,
+			css: void 0,
+			classes: void 0,
+			inlineStyles: void 0,
+			...(this._getHostInstance(this) || {}).$style,
+			...this["_componentStyle"]
+		};
+		return this._$styleCache;
+	}
+	get $styleOptions() {
+		return { nonce: this.config?.csp().nonce };
+	}
+	_$paramsCache;
+	get $params() {
+		if (!this._$paramsCache) {
+			const parentInstance = this._getHostInstance(this) || this.$parentInstance;
+			this._$paramsCache = {
+				instance: this,
+				parent: { instance: parentInstance }
+			};
+		}
+		return this._$paramsCache;
+	}
+	onInit() {}
+	onChanges(_changes) {}
+	onDoCheck() {}
+	onAfterContentInit() {}
+	onAfterContentChecked() {}
+	onAfterViewInit() {}
+	onAfterViewChecked() {}
+	onDestroy() {}
+	constructor() {
+		effect((onCleanup) => {
+			if (this.document && !isPlatformServer(this.platformId)) {
+				if (this.dt()) {
+					this._loadScopedThemeStyles(this.dt());
+					this._themeScopedListener = () => this._loadScopedThemeStyles(this.dt());
+					this._themeChangeListener("_themeScopedListener", this._themeScopedListener);
+				} else this._unloadScopedThemeStyles();
+			}
+			onCleanup(() => {
+				this._offThemeChangeListener("_themeScopedListener");
+			});
+		});
+		effect((onCleanup) => {
+			if (this.document && !isPlatformServer(this.platformId)) {
+				if (!this.$unstyled()) {
+					this._loadCoreStyles();
+					this._themeChangeListener("_loadCoreStyles", this._loadCoreStyles);
+				}
+			}
+			onCleanup(() => {
+				this._offThemeChangeListener("_loadCoreStyles");
+			});
+		});
+		this._hook("onBeforeInit");
+	}
+	ngOnInit() {
+		this._$paramsCache = void 0;
+		this._$styleCache = void 0;
+		this.$styleScope.batch(() => {
+			this._loadCoreStyles();
+			this._loadStyles();
+			this.$styleScope.connect(this.$el, this.injector);
+		});
+		this.onInit();
+		this._hook("onInit");
+	}
+	ngOnChanges(changes) {
+		this.onChanges(changes);
+		this._hook("onChanges", changes);
+	}
+	ngDoCheck() {
+		this.onDoCheck();
+		this._hook("onDoCheck");
+	}
+	ngAfterContentInit() {
+		this.onAfterContentInit();
+		this._hook("onAfterContentInit");
+	}
+	ngAfterContentChecked() {
+		this.onAfterContentChecked();
+		this._hook("onAfterContentChecked");
+	}
+	ngAfterViewInit() {
+		this.$markInstance(this.$el);
+		if (this.config?.verified() === false) showInvalidLicenseBanner();
+		this.onAfterViewInit();
+		this._hook("onAfterViewInit");
+	}
+	ngAfterViewChecked() {
+		this.onAfterViewChecked();
+		this._hook("onAfterViewChecked");
+	}
+	ngOnDestroy() {
+		this._removeThemeListeners();
+		this._unloadScopedThemeStyles();
+		this.onDestroy();
+		if (this.$styleScope.isolated) {
+			this._instanceStyles?.forEach((name) => this.$styleScope.removeInstanceStyle(name));
+			this._instanceStyles = void 0;
+		}
+		this._hook("onDestroy");
+	}
+	_mergeProps(fn, ...args) {
+		return isFunction(fn) ? fn(...args) : mergeProps(...args);
+	}
+	_getHostInstance(instance) {
+		return instance ? this.$hostName ? this.$name === this.$hostName ? instance : this._getHostInstance(instance.$parentInstance) : instance.$parentInstance : void 0;
+	}
+	_getPropValue(name) {
+		return this[name] || this._getHostInstance(this)?.[name];
+	}
+	_getOptionValue(options, key = "", params = {}) {
+		return getKeyValue(options, key, params);
+	}
+	_hook(hookName, ...args) {
+		if (this.$hostName) return;
+		if (!this.pt() && !this.directivePT() && !this.config?.pt()) return;
+		const selfHook = this._usePT(this._getPT(this.$pt(), this.$name), this._getOptionValue, `hooks.${hookName}`);
+		const defaultHook = this._useDefaultPT(this._getOptionValue, `hooks.${hookName}`);
+		selfHook?.(...args);
+		defaultHook?.(...args);
+	}
+	get $theme() {
+		return this.$styleScope.theme;
+	}
+	get $base() {
+		return this.$styleScope.coreStyleNames ?? Base;
+	}
+	_load() {
+		if (!this.$base.isStyleNameLoaded("base")) {
+			this.baseStyle.loadBaseCSS(this.$styleOptions);
+			this._loadGlobalStyles();
+			this.$base.setLoadedStyleName("base");
+		}
+		this._loadThemeStyles();
+	}
+	_loadStyles() {
+		this._load();
+		this._themeChangeListener("_load", () => this._load());
+	}
+	_loadGlobalStyles() {
+		const globalCSS = this._useGlobalPT(this._getOptionValue, "global.css", this.$params);
+		if (isNotEmpty(globalCSS)) this.baseStyle.load(globalCSS, {
+			name: "global",
+			...this.$styleOptions
+		}, (computedStyle) => this.$styleScope.scopeCSS(computedStyle));
+	}
+	_loadCoreStyles() {
+		if (!this.$base.isStyleNameLoaded(this.$style?.name) && this.$style?.name) {
+			this.baseComponentStyle.loadCSS(this.$styleOptions);
+			this.$style.loadCSS(this.$styleOptions);
+			this.$base.setLoadedStyleName(this.$style.name);
+		}
+	}
+	_loadThemeStyles() {
+		if (this.$unstyled() || this.config?.theme() === "none") return;
+		if (!this.$theme.isStyleNameLoaded("common")) {
+			const { primitive, semantic, global, style } = this.$style?.getCommonTheme?.() || {};
+			this.baseStyle.load(primitive?.css, {
+				name: "primitive-variables",
+				variables: true,
+				raw: true,
+				...this.$styleOptions
+			});
+			this.baseStyle.load(semantic?.css, {
+				name: "semantic-variables",
+				variables: true,
+				raw: true,
+				...this.$styleOptions
+			});
+			this.baseStyle.load(global?.css, {
+				name: "global-variables",
+				variables: true,
+				raw: true,
+				...this.$styleOptions
+			});
+			this.baseStyle.loadBaseStyle({
+				name: "global-style",
+				...this.$styleOptions
+			}, style);
+			this.$theme.setLoadedStyleName("common");
+		}
+		if (!this.$theme.isStyleNameLoaded(this.$style?.name) && this.$style?.name) {
+			const { css, style } = this.$style?.getComponentTheme?.() || {};
+			this.baseStyle.load(css, {
+				name: `${this.$style?.name}-variables`,
+				variables: true,
+				raw: true,
+				...this.$styleOptions
+			});
+			this.$style?.loadStyle({
+				name: `${this.$style?.name}-style`,
+				...this.$styleOptions
+			}, 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) {
+			if (this.$theme.addScopedToken({ [this.$style.name]: preset })) {
+				this.$theme.deleteLoadedStyleName(this.$style.name);
+				this._loadThemeStyles();
+			}
+		}
+		const { css } = this.$style?.getPresetTheme?.(preset, this.$instanceSelector) || {};
+		const scopedStyle = this.baseStyle.load(css, {
+			name: `${this.$attrSelector}-${this.$style?.name}`,
+			raw: true,
+			...this.$styleOptions
+		});
+		this._scopedStyleName = scopedStyle?.name ?? this._scopedStyleName;
+		this.scopedStyleEl = scopedStyle?.el;
+	}
+	_unloadScopedThemeStyles() {
+		if (this._scopedStyleName === void 0) return;
+		this.baseStyle.useStyle.remove(this._scopedStyleName, this.scopedStyleEl);
+		this._scopedStyleName = void 0;
+		this.scopedStyleEl = void 0;
+	}
+	_themeChangeListener(id, callback = () => {}) {
+		this._offThemeChangeListener(id);
+		const hold = callback.bind(this);
+		this.themeChangeListenerMap.set(id, hold);
+		this.$styleScope.service.on("theme:change", hold);
+	}
+	_removeThemeListeners() {
+		this._offThemeChangeListener("_themeScopedListener");
+		this._offThemeChangeListener("_loadCoreStyles");
+		this._offThemeChangeListener("_load");
+	}
+	_offThemeChangeListener(id) {
+		if (this.themeChangeListenerMap.has(id)) {
+			this.$styleScope.service.off("theme:change", this.themeChangeListenerMap.get(id));
+			this.themeChangeListenerMap.delete(id);
+		}
+	}
+	_getPTValue(obj = {}, key = "", params = {}, searchInDefaultPT = true) {
+		const searchOut = /./g.test(key) && !!params[key.split(".")[0]];
+		const { mergeSections = true, mergeProps: useMergeProps = false } = this._getPropValue("ptOptions")?.() || this.config?.["ptOptions"]?.() || {};
+		const global = searchInDefaultPT ? searchOut ? this._useGlobalPT(this._getPTClassValue, key, params) : this._useDefaultPT(this._getPTClassValue, key, params) : void 0;
+		const self = searchOut ? void 0 : this._usePT(this._getPT(obj, this.$hostName || this.$name), this._getPTClassValue, key, {
+			...params,
+			global: global || {}
+		});
+		const datasets = this._getPTDatasets(key);
+		return mergeSections || !mergeSections && self ? useMergeProps ? this._mergeProps(useMergeProps, global, self, datasets) : {
+			...global,
+			...self,
+			...datasets
+		} : {
+			...self,
+			...datasets
+		};
+	}
+	_getPTDatasets(key = "") {
+		const datasetPrefix = "data-pc-";
+		const isExtended = key === "root" && isNotEmpty(this.$pt()?.["data-pc-section"]);
+		return key !== "transition" && {
+			...key === "root" && {
+				[`${datasetPrefix}name`]: toFlatCase(isExtended ? this.$pt()?.["data-pc-section"] : this.$name),
+				...isExtended && { [`${datasetPrefix}extend`]: toFlatCase(this.$name) },
+				"data-pc-id": this.$attrSelector,
+				[this.$attrSelector]: ""
+			},
+			[`${datasetPrefix}section`]: toFlatCase(key.includes(".") ? key.split(".").at(-1) ?? "" : key)
+		};
+	}
+	_getPTClassValue(options, key, params) {
+		const value = this._getOptionValue(options, key, params);
+		return isString(value) || isArray(value) ? { class: value } : value;
+	}
+	_getPT(pt, key = "", callback) {
+		const getValue = (value, checkSameKey = false) => {
+			const computedValue = callback ? callback(value) : value;
+			const _key = toFlatCase(key);
+			const _cKey = toFlatCase(this.$hostName || this.$name);
+			return (checkSameKey ? _key !== _cKey ? computedValue?.[_key] : void 0 : computedValue?.[_key]) ?? computedValue;
+		};
+		return pt != null && Object.prototype.hasOwnProperty.call(pt, "_usept") ? {
+			_usept: pt["_usept"],
+			originalValue: getValue(pt.originalValue),
+			value: getValue(pt.value)
+		} : getValue(pt, true);
+	}
+	_usePT(pt, callback, key, params) {
+		const fn = (value) => callback?.call(this, value, key, params);
+		if (pt != null && Object.prototype.hasOwnProperty.call(pt, "_usept")) {
+			const { mergeSections = true, mergeProps: useMergeProps = false } = pt["_usept"] || this.config?.["ptOptions"]() || {};
+			const originalValue = fn(pt.originalValue);
+			const value = fn(pt.value);
+			if (originalValue === void 0 && value === void 0) return void 0;
+			else if (isString(value)) return value;
+			else if (isString(originalValue)) return originalValue;
+			return mergeSections || !mergeSections && value ? useMergeProps ? this._mergeProps(useMergeProps, originalValue, value) : {
+				...originalValue,
+				...value
+			} : value;
+		}
+		return fn(pt);
+	}
+	_useGlobalPT(callback, key, params) {
+		return this._usePT(this.$globalPT, callback, key, params);
+	}
+	_useDefaultPT(callback, key, params) {
+		return this._usePT(this.$defaultPT, callback, key, params);
+	}
+	ptm(key = "", params = {}) {
+		return this._getPTValue(this.$pt(), key, {
+			...this.$params,
+			...params
+		});
+	}
+	ptms(keys, params = {}) {
+		return keys.reduce((acc, arg) => {
+			acc = mergeProps(acc, this.ptm(arg, params)) || {};
+			return acc;
+		}, {});
+	}
+	ptmo(obj = {}, key = "", params = {}) {
+		return this._getPTValue(obj, key, {
+			instance: this,
+			...params
+		}, false);
+	}
+	cx(key, params = {}) {
+		return !this.$unstyled() ? this.$styleScope.pcn(this._getOptionValue(this.$style.classes, key, {
+			...this.$params,
+			...params
+		})) : void 0;
+	}
+	pcn(...classes) {
+		return this.$styleScope.pcn(...classes);
+	}
+	psel(selector) {
+		return this.$styleScope.psel(selector);
+	}
+	get $bodyScrollOptions() {
+		if (!this.$styleScope.isolated && this.$styleScope.classPrefix() === "p") return void 0;
+		return {
+			className: this.pcn("p-overflow-hidden"),
+			variableName: this.$styleScope.resolvers.$dt("scrollbar.width").name
+		};
+	}
+	$blockBodyScroll() {
+		const options = this.$bodyScrollOptions;
+		blockBodyScroll(options);
+		this.$styleScope.lockBodyScroll(options);
+	}
+	$unblockBodyScroll() {
+		unblockBodyScroll(this.$bodyScrollOptions);
+		this.$styleScope.unlockBodyScroll();
+	}
+	sx(key = "", when = true, params = {}) {
+		if (when) {
+			const self = this._getOptionValue(this.$style.inlineStyles, key, {
+				...this.$params,
+				...params
+			});
+			return {
+				...this._getOptionValue(this.baseComponentStyle.inlineStyles, key, {
+					...this.$params,
+					...params
+				}),
+				...self
+			};
+		}
+	}
+	$markInstance(el) {
+		markInstance(el, this.$attrSelector);
+	}
+	get $instanceSelector() {
+		return `[data-pc-id~="${this.$attrSelector}"]`;
+	}
+	$keyedId(id) {
+		return this.$styleScope.keyedId(id);
+	}
+	$isolatedStyle(name, css) {
+		const id = `${this.$attrSelector}-${name}`;
+		if (css === null) {
+			this.$styleScope.removeInstanceStyle(id);
+			this._instanceStyles?.delete(id);
+			return;
+		}
+		this.$styleScope.setInstanceStyle(id, css, this.config?.csp()?.nonce);
+		(this._instanceStyles ??= /* @__PURE__ */ new Set()).add(id);
+	}
+	$overlayParent(target, overlay) {
+		return this.$styleScope.overlayParent(target, overlay);
+	}
+	translate(key, subKey) {
+		const value = this.config.getTranslation(key);
+		return subKey ? value?.[subKey] : value;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: BaseComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: BaseComponent,
+		isStandalone: true,
+		inputs: {
+			dt: {
+				classPropertyName: "dt",
+				publicName: "dt",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			unstyled: {
+				classPropertyName: "unstyled",
+				publicName: "unstyled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pt: {
+				classPropertyName: "pt",
+				publicName: "pt",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ptOptions: {
+				classPropertyName: "ptOptions",
+				publicName: "ptOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		providers: [BaseComponentStyle, BaseStyle],
+		usesOnChanges: true,
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: BaseComponent,
+	decorators: [{
+		type: Directive,
+		args: [{
+			standalone: true,
+			providers: [BaseComponentStyle, BaseStyle]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		dt: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dt",
+				required: false
+			}]
+		}],
+		unstyled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "unstyled",
+				required: false
+			}]
+		}],
+		pt: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pt",
+				required: false
+			}]
+		}],
+		ptOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ptOptions",
+				required: false
+			}]
+		}]
+	}
+});
 export { BaseComponent, BaseComponentStyle, PARENT_INSTANCE };
-//# sourceMappingURL=primeng-basecomponent.mjs.map
+