primenglab 22.0.0-beta.1

package/fesm2022/primenglab-base.mjs

@@ -0,0 +1,124 @@
+import * as i0 from '@angular/core';
+import { inject, Injectable } from '@angular/core';
+import { css as css$1, dt, Theme } from '@primeuix/styled';
+import { style } from '@primeuix/styles/base';
+import { resolve, minifyCSS } from '@primeuix/utils';
+import { UseStyle } from 'primenglab/usestyle';
+
+var base = {
+    _loadedStyleNames: new Set(),
+    getLoadedStyleNames() {
+        return this._loadedStyleNames;
+    },
+    isStyleNameLoaded(name) {
+        return this._loadedStyleNames.has(name);
+    },
+    setLoadedStyleName(name) {
+        this._loadedStyleNames.add(name);
+    },
+    deleteLoadedStyleName(name) {
+        this._loadedStyleNames.delete(name);
+    },
+    clearLoadedStyleNames() {
+        this._loadedStyleNames.clear();
+    }
+};
+
+const css = /*css*/ `
+.p-hidden-accessible {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+}
+
+.p-hidden-accessible input,
+.p-hidden-accessible select {
+    transform: scale(0);
+}
+
+.p-overflow-hidden {
+    overflow: hidden;
+    padding-right: dt('scrollbar.width');
+}
+`;
+class BaseStyle {
+    name = 'base';
+    useStyle = inject(UseStyle);
+    css = undefined;
+    style = undefined;
+    classes = {};
+    inlineStyles = {};
+    load = (style, options = {}, transform = (cs) => cs) => {
+        const computedStyle = transform(css$1 `${resolve(style, { dt })}`);
+        return computedStyle ? this.useStyle.use(minifyCSS(computedStyle), { name: this.name, ...options }) : {};
+    };
+    loadCSS = (options = {}) => {
+        return this.load(this.css, options);
+    };
+    loadStyle = (options = {}, style = '') => {
+        return this.load(this.style, options, (computedStyle = '') => Theme.transformCSS(options.name || this.name, `${computedStyle}${css$1 `${style}`}`));
+    };
+    loadBaseCSS = (options = {}) => {
+        return this.load(css, options);
+    };
+    loadBaseStyle = (options = {}, style$1 = '') => {
+        return this.load(style, options, (computedStyle = '') => Theme.transformCSS(options.name || this.name, `${computedStyle}${css$1 `${style$1}`}`));
+    };
+    getCommonTheme = (params) => {
+        return Theme.getCommon(this.name, params);
+    };
+    getComponentTheme = (params) => {
+        return Theme.getComponent(this.name, params);
+    };
+    getPresetTheme = (preset, selector, params) => {
+        return Theme.getCustomPreset(this.name, preset, selector, params);
+    };
+    getLayerOrderThemeCSS = () => {
+        return Theme.getLayerOrderCSS(this.name);
+    };
+    getStyleSheet = (extendedCSS = '', props = {}) => {
+        if (this.css) {
+            const _css = resolve(this.css, { dt });
+            const _style = minifyCSS(css$1 `${_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>`;
+        }
+        return '';
+    };
+    getCommonThemeStyleSheet = (params, props = {}) => {
+        return Theme.getCommonStyleSheet(this.name, params, props);
+    };
+    getThemeStyleSheet = (params, props = {}) => {
+        let css = [Theme.getStyleSheet(this.name, params, props)];
+        if (this.style) {
+            const name = this.name === 'base' ? 'global-style' : `${this.name}-style`;
+            const _css = css$1 `${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.push(`<style type="text/css" data-primeng-style-id="${name}" ${_props}>${_style}</style>`);
+        }
+        return css.join('');
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: BaseStyle, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: BaseStyle, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: BaseStyle, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { base as Base, BaseStyle };
+//# sourceMappingURL=primenglab-base.mjs.map

package/fesm2022/primenglab-base.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"primenglab-base.mjs","sources":["../../src/base/base.ts","../../src/base/style/basestyle.ts","../../src/base/primenglab-base.ts"],"sourcesContent":["export default {\n    _loadedStyleNames: new Set(),\n    getLoadedStyleNames() {\n        return this._loadedStyleNames;\n    },\n    isStyleNameLoaded(name) {\n        return this._loadedStyleNames.has(name);\n    },\n    setLoadedStyleName(name) {\n        this._loadedStyleNames.add(name);\n    },\n    deleteLoadedStyleName(name) {\n        this._loadedStyleNames.delete(name);\n    },\n    clearLoadedStyleNames() {\n        this._loadedStyleNames.clear();\n    }\n};\n","import { inject, Injectable } from '@angular/core';\nimport { css as Css, dt, Theme } from '@primeuix/styled';\nimport { style as base_style } from '@primeuix/styles/base';\nimport { minifyCSS, resolve } from '@primeuix/utils';\nimport { UseStyle } from 'primenglab/usestyle';\n\nconst css = /*css*/ `\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: dt('scrollbar.width');\n}\n`;\n\n@Injectable({ providedIn: 'root' })\nexport class BaseStyle {\n    name = 'base';\n\n    useStyle: UseStyle = inject(UseStyle);\n\n    css: string | undefined = undefined;\n\n    style: any = undefined;\n\n    classes = {};\n\n    inlineStyles = {};\n\n    load = (style, options = {}, transform = (cs) => cs) => {\n        const computedStyle = transform(Css`${resolve(style, { dt })}`);\n\n        return computedStyle ? this.useStyle.use(minifyCSS(computedStyle), { name: this.name, ...options }) : {};\n    };\n\n    loadCSS = (options = {}) => {\n        return this.load(this.css, options);\n    };\n\n    loadStyle = (options: any = {}, style: string = '') => {\n        return this.load(this.style, options, (computedStyle = '') => Theme.transformCSS(options.name || this.name, `${computedStyle}${Css`${style}`}`));\n    };\n\n    loadBaseCSS = (options = {}) => {\n        return this.load(css, options);\n    };\n\n    loadBaseStyle = (options: any = {}, style: string = '') => {\n        return this.load(base_style, options, (computedStyle = '') => Theme.transformCSS(options.name || this.name, `${computedStyle}${Css`${style}`}`));\n    };\n\n    getCommonTheme = (params?) => {\n        return Theme.getCommon(this.name, params);\n    };\n\n    getComponentTheme = (params) => {\n        return Theme.getComponent(this.name, params);\n    };\n\n    getPresetTheme = (preset, selector, params) => {\n        return Theme.getCustomPreset(this.name, preset, selector, params);\n    };\n\n    getLayerOrderThemeCSS = () => {\n        return Theme.getLayerOrderCSS(this.name);\n    };\n\n    getStyleSheet = (extendedCSS = '', props = {}) => {\n        if (this.css) {\n            const _css = resolve(this.css, { dt });\n            const _style = minifyCSS(Css`${_css}${extendedCSS}`);\n            const _props = Object.entries(props)\n                .reduce<any>((acc, [k, v]) => acc.push(`${k}=\"${v}\"`) && acc, [])\n                .join(' ');\n\n            return `<style type=\"text/css\" data-primeng-style-id=\"${this.name}\" ${_props}>${_style}</style>`;\n        }\n\n        return '';\n    };\n\n    getCommonThemeStyleSheet = (params, props = {}) => {\n        return Theme.getCommonStyleSheet(this.name, params, props);\n    };\n\n    getThemeStyleSheet = (params, props = {}) => {\n        let css = [Theme.getStyleSheet(this.name, params, props)];\n\n        if (this.style) {\n            const name = this.name === 'base' ? 'global-style' : `${this.name}-style`;\n            const _css = Css`${resolve(this.style, { dt })}`;\n            const _style = minifyCSS(Theme.transformCSS(name, _css as string));\n            const _props = Object.entries(props)\n                .reduce<any>((acc, [k, v]) => acc.push(`${k}=\"${v}\"`) && acc, [])\n                .join(' ');\n\n            css.push(`<style type=\"text/css\" data-primeng-style-id=\"${name}\" ${_props}>${_style}</style>`);\n        }\n\n        return css.join('');\n    };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["Css","style","base_style"],"mappings":"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"}

package/fesm2022/primenglab-basecomponent.mjs

@@ -0,0 +1,477 @@
+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, 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 'primenglab/base';
+import { PrimeNG } from 'primenglab/config';
+import { showInvalidLicenseBanner } from 'primenglab/license';
+
+class BaseComponentStyle extends BaseStyle {
+    name = 'common';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: BaseComponentStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.3", ngImport: i0, type: BaseComponentStyle, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.3", 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(() => {
+        return this.unstyled() ?? this.directiveUnstyled() ?? this.config?.unstyled() ?? false;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$unstyled" }] : /* istanbul ignore next */ []));
+    $pt = computed(() => {
+        return 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() {
+        // Memoized: $style is read on every cx()/sx() call (and per ptm()/style guard) and
+        // otherwise spreads several objects each time. Its inputs (_componentStyle and the
+        // host instance's $style) are stable per instance. Cache cleared in ngOnInit so a
+        // value resolved before subclass fields (e.g. _componentStyle) are set is recomputed (#19589).
+        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() {
+        // Memoized: $params is read many times per component per change-detection cycle
+        // (every ptm()/cx()/$pt access) and each call otherwise allocates two objects plus
+        // a parent-chain walk. instance is constant and the resolved parent instance is
+        // stable once the component is initialized, so cache it. The cache is cleared at the
+        // start of ngOnInit so any value resolved during construction (before subclass
+        // identity fields like componentName/hostName are set) is recomputed correctly (#19589).
+        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() {
+        // 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() {
+        // Drop any $params/$style values computed during construction (before subclass
+        // identity/style fields such as componentName/hostName/_componentStyle are
+        // initialized) so they are recomputed correctly now that the component is fully constructed.
+        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());
+    }
+    _loadGlobalStyles() {
+        const globalCSS = this._useGlobalPT(this._getOptionValue, 'global.css', this.$params);
+        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', ...this.$styleOptions });
+            this.baseStyle.load(semantic?.css, { name: 'semantic-variables', ...this.$styleOptions });
+            this.baseStyle.load(global?.css, { name: 'global-variables', ...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`, ...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) {
+        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.scopedStyleEl?.remove();
+    }
+    _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?.hasOwnProperty('_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?.hasOwnProperty('_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.0.3", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.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.0.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 }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BaseComponent, BaseComponentStyle, PARENT_INSTANCE };
+//# sourceMappingURL=primenglab-basecomponent.mjs.map