primeng 19.1.2 → 20.0.0-beta.1

package/fesm2022/primeng-badge.mjs

@@ -1,120 +1,45 @@
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, inject, Input, Directive, input, booleanAttribute, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { Injectable, inject, Input, Directive, input, booleanAttribute, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { isEmpty, isNotEmpty, uuid, hasClass, removeClass, addClass } from '@primeuix/utils';
 import { SharedModule } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
+import { css } from '@primeuix/styled';
+import { style } from '@primeuix/styles/badge';
 import { BaseStyle } from 'primeng/base';
 
-const theme = ({ dt }) => `
-.p-badge {
-    display: inline-flex;
-    border-radius: ${dt('badge.border.radius')};
-    justify-content: center;
-    padding: ${dt('badge.padding')};
-    background: ${dt('badge.primary.background')};
-    color: ${dt('badge.primary.color')};
-    font-size: ${dt('badge.font.size')};
-    font-weight: ${dt('badge.font.weight')};
-    min-width: ${dt('badge.min.width')};
-    height: ${dt('badge.height')};
-    line-height: ${dt('badge.height')};
-}
-
-.p-badge-dot {
-    width: ${dt('badge.dot.size')};
-    min-width: ${dt('badge.dot.size')};
-    height: ${dt('badge.dot.size')};
-    border-radius: 50%;
-    padding: 0;
-}
-
-.p-badge-circle {
-    padding: 0;
-    border-radius: 50%;
-}
-
-.p-badge-secondary {
-    background: ${dt('badge.secondary.background')};
-    color: ${dt('badge.secondary.color')};
-}
-
-.p-badge-success {
-    background: ${dt('badge.success.background')};
-    color: ${dt('badge.success.color')};
-}
-
-.p-badge-info {
-    background: ${dt('badge.info.background')};
-    color: ${dt('badge.info.color')};
-}
-
-.p-badge-warn {
-    background: ${dt('badge.warn.background')};
-    color: ${dt('badge.warn.color')};
-}
-
-.p-badge-danger {
-    background: ${dt('badge.danger.background')};
-    color: ${dt('badge.danger.color')};
-}
-
-.p-badge-contrast {
-    background: ${dt('badge.contrast.background')};
-    color: ${dt('badge.contrast.color')};
-}
-
-.p-badge-sm {
-    font-size: ${dt('badge.sm.font.size')};
-    min-width: ${dt('badge.sm.min.width')};
-    height: ${dt('badge.sm.height')};
-    line-height: ${dt('badge.sm.height')};
-}
-
-.p-badge-lg {
-    font-size: ${dt('badge.lg.font.size')};
-    min-width: ${dt('badge.lg.min.width')};
-    height: ${dt('badge.lg.height')};
-    line-height: ${dt('badge.lg.height')};
-}
+const theme = css `
+    ${style}
 
-.p-badge-xl {
-    font-size: ${dt('badge.xl.font.size')};
-    min-width: ${dt('badge.xl.min.width')};
-    height: ${dt('badge.xl.height')};
-    line-height: ${dt('badge.xl.height')};
-}
-
-/* For PrimeNG (directive)*/
-
-.p-overlay-badge {
-    position: relative;
-}
+    /* For PrimeNG (directive)*/
+    .p-overlay-badge {
+        position: relative;
+    }
 
-.p-overlay-badge > .p-badge {
-    position: absolute;
-    top: 0;
-    inset-inline-end: 0;
-    transform: translate(50%, -50%);
-    transform-origin: 100% 0;
-    margin: 0;
-}
+    .p-overlay-badge > .p-badge {
+        position: absolute;
+        top: 0;
+        inset-inline-end: 0;
+        transform: translate(50%, -50%);
+        transform-origin: 100% 0;
+        margin: 0;
+    }
 `;
 const classes = {
-    root: ({ props, instance }) => [
+    root: ({ instance }) => [
         'p-badge p-component',
         {
-            'p-badge-circle': isNotEmpty(props.value) && String(props.value).length === 1,
-            'p-badge-dot': isEmpty(props.value) && !instance.$slots.default,
-            'p-badge-sm': props.size === 'small',
-            'p-badge-lg': props.size === 'large',
-            'p-badge-xl': props.size === 'xlarge',
-            'p-badge-info': props.severity === 'info',
-            'p-badge-success': props.severity === 'success',
-            'p-badge-warn': props.severity === 'warn',
-            'p-badge-danger': props.severity === 'danger',
-            'p-badge-secondary': props.severity === 'secondary',
-            'p-badge-contrast': props.severity === 'contrast'
+            'p-badge-circle': isNotEmpty(instance.value()) && String(instance.value()).length === 1,
+            'p-badge-dot': isEmpty(instance.value()),
+            'p-badge-sm': instance.size() === 'small' || instance.badgeSize() === 'small',
+            'p-badge-lg': instance.size() === 'large' || instance.badgeSize() === 'large',
+            'p-badge-xl': instance.size() === 'xlarge' || instance.badgeSize() === 'xlarge',
+            'p-badge-info': instance.severity() === 'info',
+            'p-badge-success': instance.severity() === 'success',
+            'p-badge-warn': instance.severity() === 'warn',
+            'p-badge-danger': instance.severity() === 'danger',
+            'p-badge-secondary': instance.severity() === 'secondary',
+            'p-badge-contrast': instance.severity() === 'contrast'
         }
     ]
 };
@@ -122,10 +47,10 @@ class BadgeStyle extends BaseStyle {
     name = 'badge';
     theme = theme;
     classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BadgeStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BadgeStyle });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BadgeStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BadgeStyle });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BadgeStyle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BadgeStyle, decorators: [{
             type: Injectable
         }] });
 /**
@@ -339,10 +264,10 @@ class BadgeDirective extends BaseComponent {
             this.renderBadgeContent();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: BadgeDirective, isStandalone: true, selector: "[pBadge]", inputs: { disabled: ["badgeDisabled", "disabled"], badgeSize: "badgeSize", size: "size", severity: "severity", value: "value", badgeStyle: "badgeStyle", badgeStyleClass: "badgeStyleClass" }, providers: [BadgeStyle], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: BadgeDirective, isStandalone: true, selector: "[pBadge]", inputs: { disabled: ["badgeDisabled", "disabled"], badgeSize: "badgeSize", size: "size", severity: "severity", value: "value", badgeStyle: "badgeStyle", badgeStyleClass: "badgeStyleClass" }, providers: [BadgeStyle], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BadgeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BadgeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pBadge]',
@@ -372,14 +297,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
 class Badge extends BaseComponent {
     /**
      * Class of the element.
+     * @deprecated since v20.0.0, use `class` instead.
      * @group Props
      */
     styleClass = input();
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    style = input();
     /**
      * Size of the badge, valid options are "large" and "xlarge".
      * @group Props
@@ -406,39 +327,10 @@ class Badge extends BaseComponent {
      */
     badgeDisabled = input(false, { transform: booleanAttribute });
     _componentStyle = inject(BadgeStyle);
-    /**
-     * Computes the container class for the badge element based on its properties.
-     * @returns An object representing the CSS classes to be applied to the badge container.
-     */
-    containerClass = computed(() => {
-        let classes = 'p-badge p-component';
-        if (isNotEmpty(this.value()) && String(this.value()).length === 1) {
-            classes += ' p-badge-circle';
-        }
-        if (this.badgeSize() === 'large') {
-            classes += ' p-badge-lg';
-        }
-        else if (this.badgeSize() === 'xlarge') {
-            classes += ' p-badge-xl';
-        }
-        else if (this.badgeSize() === 'small') {
-            classes += ' p-badge-sm';
-        }
-        if (isEmpty(this.value())) {
-            classes += ' p-badge-dot';
-        }
-        if (this.styleClass()) {
-            classes += ` ${this.styleClass()}`;
-        }
-        if (this.severity()) {
-            classes += ` p-badge-${this.severity()}`;
-        }
-        return classes;
-    });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: Badge, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.8", type: Badge, isStandalone: true, selector: "p-badge", inputs: { styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, badgeSize: { classPropertyName: "badgeSize", publicName: "badgeSize", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, badgeDisabled: { classPropertyName: "badgeDisabled", publicName: "badgeDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "containerClass()", "style.display": "badgeDisabled() ? \"none\" : null", "style": "style()" } }, providers: [BadgeStyle], usesInheritance: true, ngImport: i0, template: `{{ value() }}`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: Badge, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: Badge, isStandalone: true, selector: "p-badge", inputs: { styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, badgeSize: { classPropertyName: "badgeSize", publicName: "badgeSize", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, badgeDisabled: { classPropertyName: "badgeDisabled", publicName: "badgeDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cn(cx('root'), styleClass())", "style.display": "badgeDisabled() ? \"none\" : null" } }, providers: [BadgeStyle], usesInheritance: true, ngImport: i0, template: `{{ value() }}`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: Badge, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: Badge, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-badge',
@@ -449,18 +341,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     encapsulation: ViewEncapsulation.None,
                     providers: [BadgeStyle],
                     host: {
-                        '[class]': 'containerClass()',
-                        '[style.display]': 'badgeDisabled() ? "none" : null',
-                        '[style]': 'style()'
+                        '[class]': "cn(cx('root'), styleClass())",
+                        '[style.display]': 'badgeDisabled() ? "none" : null'
                     }
                 }]
         }] });
 class BadgeModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: BadgeModule, imports: [Badge, BadgeDirective, SharedModule], exports: [Badge, BadgeDirective, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BadgeModule, imports: [Badge, SharedModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: BadgeModule, imports: [Badge, BadgeDirective, SharedModule], exports: [Badge, BadgeDirective, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BadgeModule, imports: [Badge, SharedModule, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BadgeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BadgeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [Badge, BadgeDirective, SharedModule],

package/fesm2022/primeng-badge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"primeng-badge.mjs","sources":["../../src/badge/style/badgestyle.ts","../../src/badge/badge.ts","../../src/badge/primeng-badge.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { isEmpty, isNotEmpty } from '@primeuix/utils';\nimport { BaseStyle } from 'primeng/base';\n\nconst theme = ({ dt }) => `\n.p-badge {\n    display: inline-flex;\n    border-radius: ${dt('badge.border.radius')};\n    justify-content: center;\n    padding: ${dt('badge.padding')};\n    background: ${dt('badge.primary.background')};\n    color: ${dt('badge.primary.color')};\n    font-size: ${dt('badge.font.size')};\n    font-weight: ${dt('badge.font.weight')};\n    min-width: ${dt('badge.min.width')};\n    height: ${dt('badge.height')};\n    line-height: ${dt('badge.height')};\n}\n\n.p-badge-dot {\n    width: ${dt('badge.dot.size')};\n    min-width: ${dt('badge.dot.size')};\n    height: ${dt('badge.dot.size')};\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-circle {\n    padding: 0;\n    border-radius: 50%;\n}\n\n.p-badge-secondary {\n    background: ${dt('badge.secondary.background')};\n    color: ${dt('badge.secondary.color')};\n}\n\n.p-badge-success {\n    background: ${dt('badge.success.background')};\n    color: ${dt('badge.success.color')};\n}\n\n.p-badge-info {\n    background: ${dt('badge.info.background')};\n    color: ${dt('badge.info.color')};\n}\n\n.p-badge-warn {\n    background: ${dt('badge.warn.background')};\n    color: ${dt('badge.warn.color')};\n}\n\n.p-badge-danger {\n    background: ${dt('badge.danger.background')};\n    color: ${dt('badge.danger.color')};\n}\n\n.p-badge-contrast {\n    background: ${dt('badge.contrast.background')};\n    color: ${dt('badge.contrast.color')};\n}\n\n.p-badge-sm {\n    font-size: ${dt('badge.sm.font.size')};\n    min-width: ${dt('badge.sm.min.width')};\n    height: ${dt('badge.sm.height')};\n    line-height: ${dt('badge.sm.height')};\n}\n\n.p-badge-lg {\n    font-size: ${dt('badge.lg.font.size')};\n    min-width: ${dt('badge.lg.min.width')};\n    height: ${dt('badge.lg.height')};\n    line-height: ${dt('badge.lg.height')};\n}\n\n.p-badge-xl {\n    font-size: ${dt('badge.xl.font.size')};\n    min-width: ${dt('badge.xl.min.width')};\n    height: ${dt('badge.xl.height')};\n    line-height: ${dt('badge.xl.height')};\n}\n\n/* For PrimeNG (directive)*/\n\n.p-overlay-badge {\n    position: relative;\n}\n\n.p-overlay-badge > .p-badge {\n    position: absolute;\n    top: 0;\n    inset-inline-end: 0;\n    transform: translate(50%, -50%);\n    transform-origin: 100% 0;\n    margin: 0;\n}\n`;\n\nconst classes = {\n    root: ({ props, instance }) => [\n        'p-badge p-component',\n        {\n            'p-badge-circle': isNotEmpty(props.value) && String(props.value).length === 1,\n            'p-badge-dot': isEmpty(props.value) && !instance.$slots.default,\n            'p-badge-sm': props.size === 'small',\n            'p-badge-lg': props.size === 'large',\n            'p-badge-xl': props.size === 'xlarge',\n            'p-badge-info': props.severity === 'info',\n            'p-badge-success': props.severity === 'success',\n            'p-badge-warn': props.severity === 'warn',\n            'p-badge-danger': props.severity === 'danger',\n            'p-badge-secondary': props.severity === 'secondary',\n            'p-badge-contrast': props.severity === 'contrast'\n        }\n    ]\n};\n\n@Injectable()\nexport class BadgeStyle extends BaseStyle {\n    name = 'badge';\n\n    theme = theme;\n\n    classes = classes;\n}\n\n/**\n *\n * Badge represents people using icons, labels and images.\n *\n * [Live Demo](https://www.primeng.org/badge)\n *\n * @module badgestyle\n *\n */\nexport enum BadgeClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-badge'\n}\n\nexport interface BadgeStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { AfterViewInit, booleanAttribute, ChangeDetectionStrategy, Component, computed, Directive, inject, Input, input, NgModule, OnChanges, SimpleChanges, ViewEncapsulation } from '@angular/core';\nimport { addClass, hasClass, isEmpty, isNotEmpty, removeClass, uuid } from '@primeuix/utils';\nimport { SharedModule } from 'primeng/api';\nimport { BaseComponent } from 'primeng/basecomponent';\nimport { BadgeStyle } from './style/badgestyle';\n\n/**\n * Badge Directive is directive usage of badge component.\n * @group Components\n */\n@Directive({\n    selector: '[pBadge]',\n    providers: [BadgeStyle],\n    standalone: true\n})\nexport class BadgeDirective extends BaseComponent implements OnChanges, AfterViewInit {\n    /**\n     * When specified, disables the component.\n     * @group Props\n     */\n    @Input('badgeDisabled') public disabled: boolean;\n    /**\n     * Size of the badge, valid options are \"large\" and \"xlarge\".\n     * @group Props\n     */\n    @Input() public badgeSize: 'large' | 'xlarge' | 'small' | null | undefined;\n    /**\n     * Size of the badge, valid options are \"large\" and \"xlarge\".\n     * @group Props\n     * @deprecated use badgeSize instead.\n     */\n    @Input() public set size(value: 'large' | 'xlarge' | 'small' | null | undefined) {\n        this._size = value;\n        console.log('size property is deprecated and will removed in v18, use badgeSize instead.');\n    }\n    get size() {\n        return this._size;\n    }\n    _size: 'large' | 'xlarge' | 'small' | null | undefined;\n    /**\n     * Severity type of the badge.\n     * @group Props\n     */\n    @Input() severity: 'secondary' | 'info' | 'success' | 'warn' | 'danger' | 'contrast' | null | undefined;\n    /**\n     * Value to display inside the badge.\n     * @group Props\n     */\n    @Input() public value: string | number;\n    /**\n     * Inline style of the element.\n     * @group Props\n     */\n    @Input() badgeStyle: { [klass: string]: any } | null | undefined;\n    /**\n     * Class of the element.\n     * @group Props\n     */\n    @Input() badgeStyleClass: string;\n\n    private id!: string;\n\n    badgeEl: HTMLElement;\n\n    _componentStyle = inject(BadgeStyle);\n\n    private get activeElement(): HTMLElement {\n        return this.el.nativeElement.nodeName.indexOf('-') != -1 ? this.el.nativeElement.firstChild : this.el.nativeElement;\n    }\n\n    private get canUpdateBadge(): boolean {\n        return this.id && !this.disabled;\n    }\n\n    constructor() {\n        super();\n    }\n\n    public ngOnChanges({ value, size, severity, disabled, badgeStyle, badgeStyleClass }: SimpleChanges): void {\n        super.ngOnChanges({ value, size, severity, disabled });\n        if (disabled) {\n            this.toggleDisableState();\n        }\n\n        if (!this.canUpdateBadge) {\n            return;\n        }\n\n        if (severity) {\n            this.setSeverity(severity.previousValue);\n        }\n\n        if (size) {\n            this.setSizeClasses();\n        }\n\n        if (value) {\n            this.setValue();\n        }\n\n        if (badgeStyle || badgeStyleClass) {\n            this.applyStyles();\n        }\n    }\n\n    public ngAfterViewInit(): void {\n        super.ngAfterViewInit();\n        this.id = uuid('pn_id_') + '_badge';\n        this.renderBadgeContent();\n    }\n\n    private setValue(element?: HTMLElement): void {\n        const badge = element ?? this.document.getElementById(this.id);\n\n        if (!badge) {\n            return;\n        }\n\n        if (this.value != null) {\n            if (hasClass(badge, 'p-badge-dot')) {\n                removeClass(badge, 'p-badge-dot');\n            }\n\n            if (this.value && String(this.value).length === 1) {\n                addClass(badge, 'p-badge-circle');\n            } else {\n                removeClass(badge, 'p-badge-circle');\n            }\n        } else {\n            if (!hasClass(badge, 'p-badge-dot')) {\n                addClass(badge, 'p-badge-dot');\n            }\n\n            removeClass(badge, 'p-badge-circle');\n        }\n\n        badge.innerHTML = '';\n        const badgeValue = this.value != null ? String(this.value) : '';\n        this.renderer.appendChild(badge, this.document.createTextNode(badgeValue));\n    }\n\n    private setSizeClasses(element?: HTMLElement): void {\n        const badge = element ?? this.document.getElementById(this.id);\n\n        if (!badge) {\n            return;\n        }\n\n        if (this.badgeSize) {\n            if (this.badgeSize === 'large') {\n                addClass(badge, 'p-badge-lg');\n                removeClass(badge, 'p-badge-xl');\n            }\n\n            if (this.badgeSize === 'xlarge') {\n                addClass(badge, 'p-badge-xl');\n                removeClass(badge, 'p-badge-lg');\n            }\n        } else if (this.size && !this.badgeSize) {\n            if (this.size === 'large') {\n                addClass(badge, 'p-badge-lg');\n                removeClass(badge, 'p-badge-xl');\n            }\n\n            if (this.size === 'xlarge') {\n                addClass(badge, 'p-badge-xl');\n                removeClass(badge, 'p-badge-lg');\n            }\n        } else {\n            removeClass(badge, 'p-badge-lg');\n            removeClass(badge, 'p-badge-xl');\n        }\n    }\n\n    private renderBadgeContent(): void {\n        if (this.disabled) {\n            return null;\n        }\n\n        const el = this.activeElement;\n        const badge = this.document.createElement('span');\n        badge.id = this.id;\n        badge.className = 'p-badge p-component';\n\n        this.setSeverity(null, badge);\n        this.setSizeClasses(badge);\n        this.setValue(badge);\n        addClass(el, 'p-overlay-badge');\n        this.renderer.appendChild(el, badge);\n        this.badgeEl = badge;\n        this.applyStyles();\n    }\n\n    private applyStyles(): void {\n        if (this.badgeEl && this.badgeStyle && typeof this.badgeStyle === 'object') {\n            for (const [key, value] of Object.entries(this.badgeStyle)) {\n                this.renderer.setStyle(this.badgeEl, key, value);\n            }\n        }\n        if (this.badgeEl && this.badgeStyleClass) {\n            this.badgeEl.classList.add(...this.badgeStyleClass.split(' '));\n        }\n    }\n\n    private setSeverity(oldSeverity?: 'success' | 'info' | 'warn' | 'danger' | null, element?: HTMLElement): void {\n        const badge = element ?? this.document.getElementById(this.id);\n\n        if (!badge) {\n            return;\n        }\n\n        if (this.severity) {\n            addClass(badge, `p-badge-${this.severity}`);\n        }\n\n        if (oldSeverity) {\n            removeClass(badge, `p-badge-${oldSeverity}`);\n        }\n    }\n\n    private toggleDisableState(): void {\n        if (!this.id) {\n            return;\n        }\n\n        if (this.disabled) {\n            const badge = this.activeElement?.querySelector(`#${this.id}`);\n\n            if (badge) {\n                this.renderer.removeChild(this.activeElement, badge);\n            }\n        } else {\n            this.renderBadgeContent();\n        }\n    }\n}\n/**\n * Badge is a small status indicator for another element.\n * @group Components\n */\n@Component({\n    selector: 'p-badge',\n    template: `{{ value() }}`,\n    standalone: true,\n    imports: [CommonModule, SharedModule],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [BadgeStyle],\n    host: {\n        '[class]': 'containerClass()',\n        '[style.display]': 'badgeDisabled() ? \"none\" : null',\n        '[style]': 'style()'\n    }\n})\nexport class Badge extends BaseComponent {\n    /**\n     * Class of the element.\n     * @group Props\n     */\n    styleClass = input<string>();\n    /**\n     * Inline style of the element.\n     * @group Props\n     */\n    style = input<{ [klass: string]: any } | null>();\n    /**\n     * Size of the badge, valid options are \"large\" and \"xlarge\".\n     * @group Props\n     */\n    badgeSize = input<'small' | 'large' | 'xlarge' | null>();\n    /**\n     * Size of the badge, valid options are \"large\" and \"xlarge\".\n     * @group Props\n     */\n    size = input<'small' | 'large' | 'xlarge' | null>();\n    /**\n     * Severity type of the badge.\n     * @group Props\n     */\n    severity = input<'secondary' | 'info' | 'success' | 'warn' | 'danger' | 'contrast' | null>();\n    /**\n     * Value to display inside the badge.\n     * @group Props\n     */\n    value = input<string | number | null>();\n    /**\n     * When specified, disables the component.\n     * @group Props\n     */\n    badgeDisabled = input<boolean, boolean>(false, { transform: booleanAttribute });\n\n    _componentStyle = inject(BadgeStyle);\n\n    /**\n     * Computes the container class for the badge element based on its properties.\n     * @returns An object representing the CSS classes to be applied to the badge container.\n     */\n    containerClass = computed<string>(() => {\n        let classes = 'p-badge p-component';\n\n        if (isNotEmpty(this.value()) && String(this.value()).length === 1) {\n            classes += ' p-badge-circle';\n        }\n\n        if (this.badgeSize() === 'large') {\n            classes += ' p-badge-lg';\n        } else if (this.badgeSize() === 'xlarge') {\n            classes += ' p-badge-xl';\n        } else if (this.badgeSize() === 'small') {\n            classes += ' p-badge-sm';\n        }\n\n        if (isEmpty(this.value())) {\n            classes += ' p-badge-dot';\n        }\n\n        if (this.styleClass()) {\n            classes += ` ${this.styleClass()}`;\n        }\n\n        if (this.severity()) {\n            classes += ` p-badge-${this.severity()}`;\n        }\n\n        return classes;\n    });\n}\n\n@NgModule({\n    imports: [Badge, BadgeDirective, SharedModule],\n    exports: [Badge, BadgeDirective, SharedModule]\n})\nexport class BadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"primeng-badge.mjs","sources":["../../src/badge/style/badgestyle.ts","../../src/badge/badge.ts","../../src/badge/primeng-badge.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { css } from '@primeuix/styled';\nimport { style } from '@primeuix/styles/badge';\nimport { isEmpty, isNotEmpty } from '@primeuix/utils';\nimport { BaseStyle } from 'primeng/base';\n\nconst theme = css`\n    ${style}\n\n    /* For PrimeNG (directive)*/\n    .p-overlay-badge {\n        position: relative;\n    }\n\n    .p-overlay-badge > .p-badge {\n        position: absolute;\n        top: 0;\n        inset-inline-end: 0;\n        transform: translate(50%, -50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n`;\n\nconst classes = {\n    root: ({ instance }) => [\n        'p-badge p-component',\n        {\n            'p-badge-circle': isNotEmpty(instance.value()) && String(instance.value()).length === 1,\n            'p-badge-dot': isEmpty(instance.value()),\n            'p-badge-sm': instance.size() === 'small' || instance.badgeSize() === 'small',\n            'p-badge-lg': instance.size() === 'large' || instance.badgeSize() === 'large',\n            'p-badge-xl': instance.size() === 'xlarge' || instance.badgeSize() === 'xlarge',\n            'p-badge-info': instance.severity() === 'info',\n            'p-badge-success': instance.severity() === 'success',\n            'p-badge-warn': instance.severity() === 'warn',\n            'p-badge-danger': instance.severity() === 'danger',\n            'p-badge-secondary': instance.severity() === 'secondary',\n            'p-badge-contrast': instance.severity() === 'contrast'\n        }\n    ]\n};\n\n@Injectable()\nexport class BadgeStyle extends BaseStyle {\n    name = 'badge';\n\n    theme = theme;\n\n    classes = classes;\n}\n\n/**\n *\n * Badge represents people using icons, labels and images.\n *\n * [Live Demo](https://www.primeng.org/badge)\n *\n * @module badgestyle\n *\n */\nexport enum BadgeClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-badge'\n}\n\nexport interface BadgeStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { AfterViewInit, booleanAttribute, ChangeDetectionStrategy, Component, computed, Directive, inject, Input, input, NgModule, OnChanges, SimpleChanges, ViewEncapsulation } from '@angular/core';\nimport { addClass, hasClass, isEmpty, isNotEmpty, removeClass, uuid } from '@primeuix/utils';\nimport { SharedModule } from 'primeng/api';\nimport { BaseComponent } from 'primeng/basecomponent';\nimport { BadgeStyle } from './style/badgestyle';\n\n/**\n * Badge Directive is directive usage of badge component.\n * @group Components\n */\n@Directive({\n    selector: '[pBadge]',\n    providers: [BadgeStyle],\n    standalone: true\n})\nexport class BadgeDirective extends BaseComponent implements OnChanges, AfterViewInit {\n    /**\n     * When specified, disables the component.\n     * @group Props\n     */\n    @Input('badgeDisabled') public disabled: boolean;\n    /**\n     * Size of the badge, valid options are \"large\" and \"xlarge\".\n     * @group Props\n     */\n    @Input() public badgeSize: 'large' | 'xlarge' | 'small' | null | undefined;\n    /**\n     * Size of the badge, valid options are \"large\" and \"xlarge\".\n     * @group Props\n     * @deprecated use badgeSize instead.\n     */\n    @Input() public set size(value: 'large' | 'xlarge' | 'small' | null | undefined) {\n        this._size = value;\n        console.log('size property is deprecated and will removed in v18, use badgeSize instead.');\n    }\n    get size() {\n        return this._size;\n    }\n    _size: 'large' | 'xlarge' | 'small' | null | undefined;\n    /**\n     * Severity type of the badge.\n     * @group Props\n     */\n    @Input() severity: 'secondary' | 'info' | 'success' | 'warn' | 'danger' | 'contrast' | null | undefined;\n    /**\n     * Value to display inside the badge.\n     * @group Props\n     */\n    @Input() public value: string | number;\n    /**\n     * Inline style of the element.\n     * @group Props\n     */\n    @Input() badgeStyle: { [klass: string]: any } | null | undefined;\n    /**\n     * Class of the element.\n     * @group Props\n     */\n    @Input() badgeStyleClass: string;\n\n    private id!: string;\n\n    badgeEl: HTMLElement;\n\n    _componentStyle = inject(BadgeStyle);\n\n    private get activeElement(): HTMLElement {\n        return this.el.nativeElement.nodeName.indexOf('-') != -1 ? this.el.nativeElement.firstChild : this.el.nativeElement;\n    }\n\n    private get canUpdateBadge(): boolean {\n        return this.id && !this.disabled;\n    }\n\n    constructor() {\n        super();\n    }\n\n    public ngOnChanges({ value, size, severity, disabled, badgeStyle, badgeStyleClass }: SimpleChanges): void {\n        super.ngOnChanges({ value, size, severity, disabled });\n        if (disabled) {\n            this.toggleDisableState();\n        }\n\n        if (!this.canUpdateBadge) {\n            return;\n        }\n\n        if (severity) {\n            this.setSeverity(severity.previousValue);\n        }\n\n        if (size) {\n            this.setSizeClasses();\n        }\n\n        if (value) {\n            this.setValue();\n        }\n\n        if (badgeStyle || badgeStyleClass) {\n            this.applyStyles();\n        }\n    }\n\n    public ngAfterViewInit(): void {\n        super.ngAfterViewInit();\n        this.id = uuid('pn_id_') + '_badge';\n        this.renderBadgeContent();\n    }\n\n    private setValue(element?: HTMLElement): void {\n        const badge = element ?? this.document.getElementById(this.id);\n\n        if (!badge) {\n            return;\n        }\n\n        if (this.value != null) {\n            if (hasClass(badge, 'p-badge-dot')) {\n                removeClass(badge, 'p-badge-dot');\n            }\n\n            if (this.value && String(this.value).length === 1) {\n                addClass(badge, 'p-badge-circle');\n            } else {\n                removeClass(badge, 'p-badge-circle');\n            }\n        } else {\n            if (!hasClass(badge, 'p-badge-dot')) {\n                addClass(badge, 'p-badge-dot');\n            }\n\n            removeClass(badge, 'p-badge-circle');\n        }\n\n        badge.innerHTML = '';\n        const badgeValue = this.value != null ? String(this.value) : '';\n        this.renderer.appendChild(badge, this.document.createTextNode(badgeValue));\n    }\n\n    private setSizeClasses(element?: HTMLElement): void {\n        const badge = element ?? this.document.getElementById(this.id);\n\n        if (!badge) {\n            return;\n        }\n\n        if (this.badgeSize) {\n            if (this.badgeSize === 'large') {\n                addClass(badge, 'p-badge-lg');\n                removeClass(badge, 'p-badge-xl');\n            }\n\n            if (this.badgeSize === 'xlarge') {\n                addClass(badge, 'p-badge-xl');\n                removeClass(badge, 'p-badge-lg');\n            }\n        } else if (this.size && !this.badgeSize) {\n            if (this.size === 'large') {\n                addClass(badge, 'p-badge-lg');\n                removeClass(badge, 'p-badge-xl');\n            }\n\n            if (this.size === 'xlarge') {\n                addClass(badge, 'p-badge-xl');\n                removeClass(badge, 'p-badge-lg');\n            }\n        } else {\n            removeClass(badge, 'p-badge-lg');\n            removeClass(badge, 'p-badge-xl');\n        }\n    }\n\n    private renderBadgeContent(): void {\n        if (this.disabled) {\n            return null;\n        }\n\n        const el = this.activeElement;\n        const badge = this.document.createElement('span');\n        badge.id = this.id;\n        badge.className = 'p-badge p-component';\n\n        this.setSeverity(null, badge);\n        this.setSizeClasses(badge);\n        this.setValue(badge);\n        addClass(el, 'p-overlay-badge');\n        this.renderer.appendChild(el, badge);\n        this.badgeEl = badge;\n        this.applyStyles();\n    }\n\n    private applyStyles(): void {\n        if (this.badgeEl && this.badgeStyle && typeof this.badgeStyle === 'object') {\n            for (const [key, value] of Object.entries(this.badgeStyle)) {\n                this.renderer.setStyle(this.badgeEl, key, value);\n            }\n        }\n        if (this.badgeEl && this.badgeStyleClass) {\n            this.badgeEl.classList.add(...this.badgeStyleClass.split(' '));\n        }\n    }\n\n    private setSeverity(oldSeverity?: 'success' | 'info' | 'warn' | 'danger' | null, element?: HTMLElement): void {\n        const badge = element ?? this.document.getElementById(this.id);\n\n        if (!badge) {\n            return;\n        }\n\n        if (this.severity) {\n            addClass(badge, `p-badge-${this.severity}`);\n        }\n\n        if (oldSeverity) {\n            removeClass(badge, `p-badge-${oldSeverity}`);\n        }\n    }\n\n    private toggleDisableState(): void {\n        if (!this.id) {\n            return;\n        }\n\n        if (this.disabled) {\n            const badge = this.activeElement?.querySelector(`#${this.id}`);\n\n            if (badge) {\n                this.renderer.removeChild(this.activeElement, badge);\n            }\n        } else {\n            this.renderBadgeContent();\n        }\n    }\n}\n/**\n * Badge is a small status indicator for another element.\n * @group Components\n */\n@Component({\n    selector: 'p-badge',\n    template: `{{ value() }}`,\n    standalone: true,\n    imports: [CommonModule, SharedModule],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [BadgeStyle],\n    host: {\n        '[class]': \"cn(cx('root'), styleClass())\",\n        '[style.display]': 'badgeDisabled() ? \"none\" : null'\n    }\n})\nexport class Badge extends BaseComponent {\n    /**\n     * Class of the element.\n     * @deprecated since v20.0.0, use `class` instead.\n     * @group Props\n     */\n    styleClass = input<string>();\n    /**\n     * Size of the badge, valid options are \"large\" and \"xlarge\".\n     * @group Props\n     */\n    badgeSize = input<'small' | 'large' | 'xlarge' | null>();\n    /**\n     * Size of the badge, valid options are \"large\" and \"xlarge\".\n     * @group Props\n     */\n    size = input<'small' | 'large' | 'xlarge' | null>();\n    /**\n     * Severity type of the badge.\n     * @group Props\n     */\n    severity = input<'secondary' | 'info' | 'success' | 'warn' | 'danger' | 'contrast' | null>();\n    /**\n     * Value to display inside the badge.\n     * @group Props\n     */\n    value = input<string | number | null>();\n    /**\n     * When specified, disables the component.\n     * @group Props\n     */\n    badgeDisabled = input<boolean, boolean>(false, { transform: booleanAttribute });\n\n    _componentStyle = inject(BadgeStyle);\n}\n\n@NgModule({\n    imports: [Badge, BadgeDirective, SharedModule],\n    exports: [Badge, BadgeDirective, SharedModule]\n})\nexport class BadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/primeng-base.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { inject, Injectable } from '@angular/core';
-import { dt, Theme } from '@primeuix/styled';
+import { css as css$1, dt, Theme } from '@primeuix/styled';
 import { resolve, minifyCSS } from '@primeuix/utils';
 import { UseStyle } from 'primeng/usestyle';
 
@@ -219,20 +219,20 @@ class BaseStyle {
     classes = {};
     inlineStyles = {};
     load = (style, options = {}, transform = (cs) => cs) => {
-        const computedStyle = transform(resolve(style, { dt }));
+        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);
     };
     loadTheme = (options = {}, style = '') => {
-        return this.load(this.theme, options, (computedStyle = '') => Theme.transformCSS(options.name || this.name, `${computedStyle}${style}`));
+        return this.load(this.theme, options, (computedStyle = '') => Theme.transformCSS(options.name || this.name, `${computedStyle}${css$1 `${style}`}`));
     };
     loadGlobalCSS = (options = {}) => {
         return this.load(css, options);
     };
     loadGlobalTheme = (options = {}, style = '') => {
-        return this.load(theme, options, (computedStyle = '') => Theme.transformCSS(options.name || this.name, `${computedStyle}${style}`));
+        return this.load(theme, options, (computedStyle = '') => Theme.transformCSS(options.name || this.name, `${computedStyle}${css$1 `${style}`}`));
     };
     getCommonTheme = (params) => {
         return Theme.getCommon(this.name, params);
@@ -252,7 +252,7 @@ class BaseStyle {
     getStyleSheet = (extendedCSS = '', props = {}) => {
         if (this.css) {
             const _css = resolve(this.css, { dt });
-            const _style = minifyCSS(`${_css}${extendedCSS}`);
+            const _style = minifyCSS(css$1 `${_css}${extendedCSS}`);
             const _props = Object.entries(props)
                 .reduce((acc, [k, v]) => acc.push(`${k}="${v}"`) && acc, [])
                 .join(' ');
@@ -267,7 +267,7 @@ class BaseStyle {
         let css = [Theme.getStyleSheet(this.name, params, props)];
         if (this.theme) {
             const name = this.name === 'base' ? 'global-style' : `${this.name}-style`;
-            const _css = resolve(this.theme, { dt });
+            const _css = css$1 `${resolve(this.theme, { dt })}`;
             const _style = minifyCSS(Theme.transformCSS(name, _css));
             const _props = Object.entries(props)
                 .reduce((acc, [k, v]) => acc.push(`${k}="${v}"`) && acc, [])
@@ -276,10 +276,10 @@ class BaseStyle {
         }
         return css.join('');
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BaseStyle, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BaseStyle, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BaseStyle, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BaseStyle, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BaseStyle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BaseStyle, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

package/fesm2022/primeng-base.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"primeng-base.mjs","sources":["../../src/base/base.ts","../../src/base/style/basestyle.ts","../../src/base/primeng-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 { dt, Theme } from '@primeuix/styled';\nimport { minifyCSS, resolve } from '@primeuix/utils';\nimport { UseStyle } from 'primeng/usestyle';\n\nconst theme = ({ dt }) => `\n*,\n::before,\n::after {\n    box-sizing: border-box;\n}\n\n/* Non ng overlay animations */\n.p-connected-overlay {\n    opacity: 0;\n    transform: scaleY(0.8);\n    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),\n        opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-visible {\n    opacity: 1;\n    transform: scaleY(1);\n}\n\n.p-connected-overlay-hidden {\n    opacity: 0;\n    transform: scaleY(1);\n    transition: opacity 0.1s linear;\n}\n\n/* NG based overlay animations */\n.p-connected-overlay-enter-from {\n    opacity: 0;\n    transform: scaleY(0.8);\n}\n\n.p-connected-overlay-leave-to {\n    opacity: 0;\n}\n\n.p-connected-overlay-enter-active {\n    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),\n        opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-leave-active {\n    transition: opacity 0.1s linear;\n}\n\n/* Toggleable Content */\n.p-toggleable-content-enter-from,\n.p-toggleable-content-leave-to {\n    max-height: 0;\n}\n\n.p-toggleable-content-enter-to,\n.p-toggleable-content-leave-from {\n    max-height: 1000px;\n}\n\n.p-toggleable-content-leave-active {\n    overflow: hidden;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n}\n\n.p-toggleable-content-enter-active {\n    overflow: hidden;\n    transition: max-height 1s ease-in-out;\n}\n\n.p-disabled,\n.p-disabled * {\n    cursor: default;\n    pointer-events: none;\n    user-select: none;\n}\n\n.p-disabled,\n.p-component:disabled {\n    opacity: ${dt('disabled.opacity')};\n}\n\n.pi {\n    font-size: ${dt('icon.size')};\n}\n\n.p-icon {\n    width: ${dt('icon.size')};\n    height: ${dt('icon.size')};\n}\n\n.p-unselectable-text {\n    user-select: none;\n}\n\n.p-overlay-mask {\n    background: ${dt('mask.background')};\n    color: ${dt('mask.color')};\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-overlay-mask-enter {\n    animation: p-overlay-mask-enter-animation ${dt('mask.transition.duration')} forwards;\n}\n\n.p-overlay-mask-leave {\n    animation: p-overlay-mask-leave-animation ${dt('mask.transition.duration')} forwards;\n}\n/* Temporarily disabled, distrupts PrimeNG overlay animations */\n/* @keyframes p-overlay-mask-enter-animation {\n    from {\n        background: transparent;\n    }\n    to {\n        background: ${dt('mask.background')};\n    }\n}\n@keyframes p-overlay-mask-leave-animation {\n    from {\n        background: ${dt('mask.background')};\n    }\n    to {\n        background: transparent;\n    }\n}*/\n\n.p-iconwrapper {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n}\n`;\n\nconst css = ({ dt }) => `\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/* @todo move to baseiconstyle.ts */\n\n.p-icon {\n    display: inline-block;\n    vertical-align: baseline;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n`;\n\n@Injectable({ providedIn: 'root' })\nexport class BaseStyle {\n    name = 'base';\n\n    useStyle: UseStyle = inject(UseStyle);\n\n    theme = undefined;\n\n    css = undefined;\n\n    classes = {};\n\n    inlineStyles = {};\n\n    load = (style, options = {}, transform = (cs) => cs) => {\n        const computedStyle = transform(resolve(style, { dt }));\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    loadTheme = (options: any = {}, style: string = '') => {\n        return this.load(this.theme, options, (computedStyle = '') => Theme.transformCSS(options.name || this.name, `${computedStyle}${style}`));\n    };\n\n    loadGlobalCSS = (options = {}) => {\n        return this.load(css, options);\n    };\n\n    loadGlobalTheme = (options: any = {}, style: string = '') => {\n        return this.load(theme, options, (computedStyle = '') => Theme.transformCSS(options.name || this.name, `${computedStyle}${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    getDirectiveTheme = (params) => {\n        return Theme.getDirective(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}${extendedCSS}`);\n            const _props = Object.entries(props)\n                .reduce((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.theme) {\n            const name = this.name === 'base' ? 'global-style' : `${this.name}-style`;\n            const _css = resolve(this.theme, { dt });\n            const _style = minifyCSS(Theme.transformCSS(name, _css));\n            const _props = Object.entries(props)\n                .reduce((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":[],"mappings":"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"}
+{"version":3,"file":"primeng-base.mjs","sources":["../../src/base/base.ts","../../src/base/style/basestyle.ts","../../src/base/primeng-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 { minifyCSS, resolve } from '@primeuix/utils';\nimport { UseStyle } from 'primeng/usestyle';\n\nconst theme = ({ dt }) => `\n*,\n::before,\n::after {\n    box-sizing: border-box;\n}\n\n/* Non ng overlay animations */\n.p-connected-overlay {\n    opacity: 0;\n    transform: scaleY(0.8);\n    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),\n        opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-visible {\n    opacity: 1;\n    transform: scaleY(1);\n}\n\n.p-connected-overlay-hidden {\n    opacity: 0;\n    transform: scaleY(1);\n    transition: opacity 0.1s linear;\n}\n\n/* NG based overlay animations */\n.p-connected-overlay-enter-from {\n    opacity: 0;\n    transform: scaleY(0.8);\n}\n\n.p-connected-overlay-leave-to {\n    opacity: 0;\n}\n\n.p-connected-overlay-enter-active {\n    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1),\n        opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-leave-active {\n    transition: opacity 0.1s linear;\n}\n\n/* Toggleable Content */\n.p-toggleable-content-enter-from,\n.p-toggleable-content-leave-to {\n    max-height: 0;\n}\n\n.p-toggleable-content-enter-to,\n.p-toggleable-content-leave-from {\n    max-height: 1000px;\n}\n\n.p-toggleable-content-leave-active {\n    overflow: hidden;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n}\n\n.p-toggleable-content-enter-active {\n    overflow: hidden;\n    transition: max-height 1s ease-in-out;\n}\n\n.p-disabled,\n.p-disabled * {\n    cursor: default;\n    pointer-events: none;\n    user-select: none;\n}\n\n.p-disabled,\n.p-component:disabled {\n    opacity: ${dt('disabled.opacity')};\n}\n\n.pi {\n    font-size: ${dt('icon.size')};\n}\n\n.p-icon {\n    width: ${dt('icon.size')};\n    height: ${dt('icon.size')};\n}\n\n.p-unselectable-text {\n    user-select: none;\n}\n\n.p-overlay-mask {\n    background: ${dt('mask.background')};\n    color: ${dt('mask.color')};\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.p-overlay-mask-enter {\n    animation: p-overlay-mask-enter-animation ${dt('mask.transition.duration')} forwards;\n}\n\n.p-overlay-mask-leave {\n    animation: p-overlay-mask-leave-animation ${dt('mask.transition.duration')} forwards;\n}\n/* Temporarily disabled, distrupts PrimeNG overlay animations */\n/* @keyframes p-overlay-mask-enter-animation {\n    from {\n        background: transparent;\n    }\n    to {\n        background: ${dt('mask.background')};\n    }\n}\n@keyframes p-overlay-mask-leave-animation {\n    from {\n        background: ${dt('mask.background')};\n    }\n    to {\n        background: transparent;\n    }\n}*/\n\n.p-iconwrapper {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n}\n`;\n\nconst css = ({ dt }) => `\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/* @todo move to baseiconstyle.ts */\n\n.p-icon {\n    display: inline-block;\n    vertical-align: baseline;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n`;\n\n@Injectable({ providedIn: 'root' })\nexport class BaseStyle {\n    name = 'base';\n\n    useStyle: UseStyle = inject(UseStyle);\n\n    theme = undefined;\n\n    css = undefined;\n\n    classes = {};\n\n    inlineStyles = {};\n\n    load = (style, options = {}, transform = (cs) => cs) => {\n        const computedStyle = transform(Css`${resolve(style, { dt })}`);\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    loadTheme = (options: any = {}, style: string = '') => {\n        return this.load(this.theme, options, (computedStyle = '') => Theme.transformCSS(options.name || this.name, `${computedStyle}${Css`${style}`}`));\n    };\n\n    loadGlobalCSS = (options = {}) => {\n        return this.load(css, options);\n    };\n\n    loadGlobalTheme = (options: any = {}, style: string = '') => {\n        return this.load(theme, 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    getDirectiveTheme = (params) => {\n        return Theme.getDirective(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((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.theme) {\n            const name = this.name === 'base' ? 'global-style' : `${this.name}-style`;\n            const _css = Css`${resolve(this.theme, { dt })}`;\n            const _style = minifyCSS(Theme.transformCSS(name, _css));\n            const _props = Object.entries(props)\n                .reduce((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"],"mappings":"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"}

package/fesm2022/primeng-basecomponent.mjs

@@ -2,16 +2,16 @@ import { DOCUMENT, isPlatformServer } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Injectable, inject, PLATFORM_ID, ElementRef, Injector, ChangeDetectorRef, Renderer2, Input, Directive } from '@angular/core';
 import { ThemeService, Theme } from '@primeuix/styled';
-import { uuid, getKeyValue } from '@primeuix/utils';
+import { uuid, getKeyValue, cn } from '@primeuix/utils';
 import { BaseStyle, Base } from 'primeng/base';
 import { PrimeNG } from 'primeng/config';
 
 class BaseComponentStyle extends BaseStyle {
     name = 'common';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BaseComponentStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BaseComponentStyle, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BaseComponentStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BaseComponentStyle, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BaseComponentStyle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BaseComponentStyle, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -70,6 +70,7 @@ class BaseComponent {
     }
     ngOnDestroy() {
         this._unloadScopedThemeStyles();
+        // @ts-ignore
         this.themeChangeListeners.forEach((callback) => ThemeService.off('theme:change', callback));
     }
     _loadStyles() {
@@ -135,36 +136,28 @@ class BaseComponent {
         ThemeService.on('theme:change', callback);
         this.themeChangeListeners.push(callback);
     }
-    cx(arg, rest) {
-        const classes = this.parent ? this.parent.componentStyle?.classes?.[arg] : this.componentStyle?.classes?.[arg];
-        if (typeof classes === 'function') {
-            return classes({ instance: this });
-        }
-        return typeof classes === 'string' ? classes : arg;
+    cx(key, params = {}) {
+        return cn(this._getOptionValue(this.$style?.classes, key, { instance: this, ...params }));
     }
-    sx(arg) {
-        const styles = this.componentStyle?.inlineStyles?.[arg];
-        if (typeof styles === 'function') {
-            return styles({ instance: this });
-        }
-        if (typeof styles === 'string') {
-            return styles;
-        }
-        else {
-            return { ...styles };
+    sx(key = '', when = true, params = {}) {
+        if (when) {
+            const self = this._getOptionValue(this.$style?.inlineStyles, key, { instance: this, ...params });
+            //const base = this._getOptionValue(BaseComponentStyle.inlineStyles, key, { ...this.$params, ...params });
+            return self;
         }
+        return undefined;
     }
-    // cx(key = '', params = {}) {
-    //     const classes = this.parent ? this.parent.componentStyle?.classes : this.componentStyle?.classes;
-    //     return this._getOptionValue(classes({ instance: this._getHostInstance(this) }), key, { ...params });
-    // }
     get parent() {
         return this['parentInstance'];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: BaseComponent, isStandalone: true, inputs: { dt: "dt" }, providers: [BaseComponentStyle, BaseStyle], usesOnChanges: true, ngImport: i0 });
+    get $style() {
+        return this.parent ? this.parent.componentStyle : this.componentStyle;
+    }
+    cn = cn;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: BaseComponent, isStandalone: true, inputs: { dt: "dt" }, providers: [BaseComponentStyle, BaseStyle], usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BaseComponent, decorators: [{
             type: Directive,
             args: [{ standalone: true, providers: [BaseComponentStyle, BaseStyle] }]
         }], propDecorators: { dt: [{