primeng 20.2.0 → 20.3.0-rc.1

package/fesm2022/primeng-chip.mjs

@@ -1,9 +1,12 @@
-import * as i1 from '@angular/common';
+export * from 'primeng/types/chip';
+import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, inject, booleanAttribute, ContentChildren, ContentChild, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { Injectable, InjectionToken, inject, EventEmitter, booleanAttribute, ContentChildren, ContentChild, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { TranslationKeys, SharedModule, PrimeTemplate } from 'primeng/api';
-import { BaseComponent } from 'primeng/basecomponent';
+import { BaseComponent, PARENT_INSTANCE } from 'primeng/basecomponent';
+import * as i1 from 'primeng/bind';
+import { Bind } from 'primeng/bind';
 import { TimesCircleIcon } from 'primeng/icons';
 import { style } from '@primeuix/styles/chip';
 import { BaseStyle } from 'primeng/base';
@@ -22,12 +25,12 @@ const classes = {
 };
 class ChipStyle extends BaseStyle {
     name = 'chip';
-    theme = style;
+    style = style;
     classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ChipStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ChipStyle });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ChipStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ChipStyle });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ChipStyle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ChipStyle, decorators: [{
             type: Injectable
         }] });
 /**
@@ -63,11 +66,17 @@ var ChipClasses;
     ChipClasses["removeIcon"] = "p-chip-remove-icon";
 })(ChipClasses || (ChipClasses = {}));
 
+const CHIP_INSTANCE = new InjectionToken('CHIP_INSTANCE');
 /**
  * Chip represents people using icons, labels and images.
  * @group Components
  */
 class Chip extends BaseComponent {
+    $pcChip = inject(CHIP_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
+    bindDirectiveInstance = inject(Bind, { self: true });
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
+    }
     /**
      * Defines the text to display.
      * @group Props
@@ -144,7 +153,7 @@ class Chip extends BaseComponent {
     removeIconTemplate;
     templates;
     _removeIconTemplate;
-    ngAfterContentInit() {
+    onAfterContentInit() {
         this.templates.forEach((item) => {
             switch (item.getType()) {
                 case 'removeicon':
@@ -156,8 +165,7 @@ class Chip extends BaseComponent {
             }
         });
     }
-    ngOnChanges(simpleChanges) {
-        super.ngOnChanges(simpleChanges);
+    onChanges(simpleChanges) {
         if (simpleChanges.chipProps && simpleChanges.chipProps.currentValue) {
             const { currentValue } = simpleChanges.chipProps;
             if (currentValue.label !== undefined) {
@@ -195,19 +203,19 @@ class Chip extends BaseComponent {
     imageError(event) {
         this.onImageError.emit(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: Chip, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.2", type: Chip, isStandalone: true, selector: "p-chip", inputs: { label: "label", icon: "icon", image: "image", alt: "alt", styleClass: "styleClass", disabled: ["disabled", "disabled", booleanAttribute], removable: ["removable", "removable", booleanAttribute], removeIcon: "removeIcon", chipProps: "chipProps" }, outputs: { onRemove: "onRemove", onImageError: "onImageError" }, host: { properties: { "class": "cn(cx('root'), styleClass)", "style.display": "!visible && \"none\"", "attr.data-pc-name": "'chip'", "attr.aria-label": "label", "attr.data-pc-section": "'root'" } }, providers: [ChipStyle], queries: [{ propertyName: "removeIconTemplate", first: true, predicate: ["removeicon"] }, { propertyName: "templates", predicate: PrimeTemplate }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: Chip, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.3.4", type: Chip, isStandalone: true, selector: "p-chip", inputs: { label: "label", icon: "icon", image: "image", alt: "alt", styleClass: "styleClass", disabled: ["disabled", "disabled", booleanAttribute], removable: ["removable", "removable", booleanAttribute], removeIcon: "removeIcon", chipProps: "chipProps" }, outputs: { onRemove: "onRemove", onImageError: "onImageError" }, host: { properties: { "class": "cn(cx('root'), styleClass)", "style.display": "!visible && \"none\"", "attr.aria-label": "label" } }, providers: [ChipStyle, { provide: CHIP_INSTANCE, useExisting: Chip }, { provide: PARENT_INSTANCE, useExisting: Chip }], queries: [{ propertyName: "removeIconTemplate", first: true, predicate: ["removeicon"] }, { propertyName: "templates", predicate: PrimeTemplate }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
         <ng-content></ng-content>
-        <img [class]="cx('image')" [src]="image" *ngIf="image; else iconTemplate" (error)="imageError($event)" [alt]="alt" />
-        <ng-template #iconTemplate><span *ngIf="icon" [class]="icon" [ngClass]="cx('icon')" [attr.data-pc-section]="'icon'"></span></ng-template>
-        <div [class]="cx('label')" *ngIf="label" [attr.data-pc-section]="'label'">{{ label }}</div>
+        <img [pBind]="ptm('image')" [class]="cx('image')" [src]="image" *ngIf="image; else iconTemplate" (error)="imageError($event)" [alt]="alt" />
+        <ng-template #iconTemplate><span [pBind]="ptm('icon')" *ngIf="icon" [class]="icon" [ngClass]="cx('icon')"></span></ng-template>
+        <div [pBind]="ptm('label')" [class]="cx('label')" *ngIf="label">{{ label }}</div>
         <ng-container *ngIf="removable">
             <ng-container *ngIf="!removeIconTemplate && !_removeIconTemplate">
                 <span
+                    [pBind]="ptm('removeIcon')"
                     *ngIf="removeIcon"
                     [class]="removeIcon"
                     [ngClass]="cx('removeIcon')"
-                    [attr.data-pc-section]="'removeicon'"
                     (click)="close($event)"
                     (keydown)="onKeydown($event)"
                     [attr.tabindex]="disabled ? -1 : 0"
@@ -215,10 +223,10 @@ class Chip extends BaseComponent {
                     role="button"
                 ></span>
                 <svg
+                    [pBind]="ptm('removeIcon')"
                     data-p-icon="times-circle"
                     *ngIf="!removeIcon"
                     [class]="cx('removeIcon')"
-                    [attr.data-pc-section]="'removeicon'"
                     (click)="close($event)"
                     (keydown)="onKeydown($event)"
                     [attr.tabindex]="disabled ? -1 : 0"
@@ -227,9 +235,9 @@ class Chip extends BaseComponent {
                 />
             </ng-container>
             <span
+                [pBind]="ptm('removeIcon')"
                 *ngIf="removeIconTemplate || _removeIconTemplate"
                 [attr.tabindex]="disabled ? -1 : 0"
-                [attr.data-pc-section]="'removeicon'"
                 [class]="cx('removeIcon')"
                 (click)="close($event)"
                 (keydown)="onKeydown($event)"
@@ -239,26 +247,26 @@ class Chip extends BaseComponent {
                 <ng-template *ngTemplateOutlet="removeIconTemplate || _removeIconTemplate"></ng-template>
             </span>
         </ng-container>
-    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TimesCircleIcon, selector: "[data-p-icon=\"times-circle\"]" }, { kind: "ngmodule", type: SharedModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TimesCircleIcon, selector: "[data-p-icon=\"times-circle\"]" }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: Bind, selector: "[pBind]", inputs: ["pBind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: Chip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: Chip, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-chip',
                     standalone: true,
-                    imports: [CommonModule, TimesCircleIcon, SharedModule],
+                    imports: [CommonModule, TimesCircleIcon, SharedModule, Bind],
                     template: `
         <ng-content></ng-content>
-        <img [class]="cx('image')" [src]="image" *ngIf="image; else iconTemplate" (error)="imageError($event)" [alt]="alt" />
-        <ng-template #iconTemplate><span *ngIf="icon" [class]="icon" [ngClass]="cx('icon')" [attr.data-pc-section]="'icon'"></span></ng-template>
-        <div [class]="cx('label')" *ngIf="label" [attr.data-pc-section]="'label'">{{ label }}</div>
+        <img [pBind]="ptm('image')" [class]="cx('image')" [src]="image" *ngIf="image; else iconTemplate" (error)="imageError($event)" [alt]="alt" />
+        <ng-template #iconTemplate><span [pBind]="ptm('icon')" *ngIf="icon" [class]="icon" [ngClass]="cx('icon')"></span></ng-template>
+        <div [pBind]="ptm('label')" [class]="cx('label')" *ngIf="label">{{ label }}</div>
         <ng-container *ngIf="removable">
             <ng-container *ngIf="!removeIconTemplate && !_removeIconTemplate">
                 <span
+                    [pBind]="ptm('removeIcon')"
                     *ngIf="removeIcon"
                     [class]="removeIcon"
                     [ngClass]="cx('removeIcon')"
-                    [attr.data-pc-section]="'removeicon'"
                     (click)="close($event)"
                     (keydown)="onKeydown($event)"
                     [attr.tabindex]="disabled ? -1 : 0"
@@ -266,10 +274,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImpor
                     role="button"
                 ></span>
                 <svg
+                    [pBind]="ptm('removeIcon')"
                     data-p-icon="times-circle"
                     *ngIf="!removeIcon"
                     [class]="cx('removeIcon')"
-                    [attr.data-pc-section]="'removeicon'"
                     (click)="close($event)"
                     (keydown)="onKeydown($event)"
                     [attr.tabindex]="disabled ? -1 : 0"
@@ -278,9 +286,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImpor
                 />
             </ng-container>
             <span
+                [pBind]="ptm('removeIcon')"
                 *ngIf="removeIconTemplate || _removeIconTemplate"
                 [attr.tabindex]="disabled ? -1 : 0"
-                [attr.data-pc-section]="'removeicon'"
                 [class]="cx('removeIcon')"
                 (click)="close($event)"
                 (keydown)="onKeydown($event)"
@@ -293,14 +301,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImpor
     `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
-                    providers: [ChipStyle],
+                    providers: [ChipStyle, { provide: CHIP_INSTANCE, useExisting: Chip }, { provide: PARENT_INSTANCE, useExisting: Chip }],
                     host: {
                         '[class]': "cn(cx('root'), styleClass)",
                         '[style.display]': '!visible && "none"',
-                        '[attr.data-pc-name]': "'chip'",
-                        '[attr.aria-label]': 'label',
-                        '[attr.data-pc-section]': "'root'"
-                    }
+                        '[attr.aria-label]': 'label'
+                    },
+                    hostDirectives: [Bind]
                 }]
         }], propDecorators: { label: [{
                 type: Input
@@ -334,11 +341,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImpor
                 args: [PrimeTemplate]
             }] } });
 class ChipModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: ChipModule, imports: [Chip, SharedModule], exports: [Chip, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ChipModule, imports: [Chip, SharedModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ChipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: ChipModule, imports: [Chip, SharedModule], exports: [Chip, SharedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ChipModule, imports: [Chip, SharedModule, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ChipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ChipModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [Chip, SharedModule],

package/fesm2022/primeng-chip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"primeng-chip.mjs","sources":["../../src/chip/style/chipstyle.ts","../../src/chip/chip.ts","../../src/chip/primeng-chip.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { style } from '@primeuix/styles/chip';\nimport { BaseStyle } from 'primeng/base';\n\nconst classes = {\n    root: ({ instance }) => [\n        'p-chip p-component',\n        {\n            'p-disabled': instance.disabled\n        }\n    ],\n    image: 'p-chip-image',\n    icon: 'p-chip-icon',\n    label: 'p-chip-label',\n    removeIcon: 'p-chip-remove-icon'\n};\n\n@Injectable()\nexport class ChipStyle extends BaseStyle {\n    name = 'chip';\n\n    theme = style;\n\n    classes = classes;\n}\n\n/**\n *\n * Chip represents people using icons, labels and images.\n *\n * [Live Demo](https://www.primeng.org/chip)\n *\n * @module chipstyle\n *\n */\nexport enum ChipClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-chip',\n    /**\n     * Class name of the image element\n     */\n    image = 'p-chip-image',\n    /**\n     * Class name of the icon element\n     */\n    icon = 'p-chip-icon',\n    /**\n     * Class name of the label element\n     */\n    label = 'p-chip-label',\n    /**\n     * Class name of the remove icon element\n     */\n    removeIcon = 'p-chip-remove-icon'\n}\n\nexport interface ChipStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { AfterContentInit, booleanAttribute, ChangeDetectionStrategy, Component, ContentChild, ContentChildren, EventEmitter, inject, Input, NgModule, Output, QueryList, SimpleChanges, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { PrimeTemplate, SharedModule, TranslationKeys } from 'primeng/api';\nimport { BaseComponent } from 'primeng/basecomponent';\nimport { TimesCircleIcon } from 'primeng/icons';\nimport { ChipProps } from './chip.interface';\nimport { ChipStyle } from './style/chipstyle';\n\n/**\n * Chip represents people using icons, labels and images.\n * @group Components\n */\n@Component({\n    selector: 'p-chip',\n    standalone: true,\n    imports: [CommonModule, TimesCircleIcon, SharedModule],\n    template: `\n        <ng-content></ng-content>\n        <img [class]=\"cx('image')\" [src]=\"image\" *ngIf=\"image; else iconTemplate\" (error)=\"imageError($event)\" [alt]=\"alt\" />\n        <ng-template #iconTemplate><span *ngIf=\"icon\" [class]=\"icon\" [ngClass]=\"cx('icon')\" [attr.data-pc-section]=\"'icon'\"></span></ng-template>\n        <div [class]=\"cx('label')\" *ngIf=\"label\" [attr.data-pc-section]=\"'label'\">{{ label }}</div>\n        <ng-container *ngIf=\"removable\">\n            <ng-container *ngIf=\"!removeIconTemplate && !_removeIconTemplate\">\n                <span\n                    *ngIf=\"removeIcon\"\n                    [class]=\"removeIcon\"\n                    [ngClass]=\"cx('removeIcon')\"\n                    [attr.data-pc-section]=\"'removeicon'\"\n                    (click)=\"close($event)\"\n                    (keydown)=\"onKeydown($event)\"\n                    [attr.tabindex]=\"disabled ? -1 : 0\"\n                    [attr.aria-label]=\"removeAriaLabel\"\n                    role=\"button\"\n                ></span>\n                <svg\n                    data-p-icon=\"times-circle\"\n                    *ngIf=\"!removeIcon\"\n                    [class]=\"cx('removeIcon')\"\n                    [attr.data-pc-section]=\"'removeicon'\"\n                    (click)=\"close($event)\"\n                    (keydown)=\"onKeydown($event)\"\n                    [attr.tabindex]=\"disabled ? -1 : 0\"\n                    [attr.aria-label]=\"removeAriaLabel\"\n                    role=\"button\"\n                />\n            </ng-container>\n            <span\n                *ngIf=\"removeIconTemplate || _removeIconTemplate\"\n                [attr.tabindex]=\"disabled ? -1 : 0\"\n                [attr.data-pc-section]=\"'removeicon'\"\n                [class]=\"cx('removeIcon')\"\n                (click)=\"close($event)\"\n                (keydown)=\"onKeydown($event)\"\n                [attr.aria-label]=\"removeAriaLabel\"\n                role=\"button\"\n            >\n                <ng-template *ngTemplateOutlet=\"removeIconTemplate || _removeIconTemplate\"></ng-template>\n            </span>\n        </ng-container>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [ChipStyle],\n    host: {\n        '[class]': \"cn(cx('root'), styleClass)\",\n        '[style.display]': '!visible && \"none\"',\n        '[attr.data-pc-name]': \"'chip'\",\n        '[attr.aria-label]': 'label',\n        '[attr.data-pc-section]': \"'root'\"\n    }\n})\nexport class Chip extends BaseComponent implements AfterContentInit {\n    /**\n     * Defines the text to display.\n     * @group Props\n     */\n    @Input() label: string | undefined;\n    /**\n     * Defines the icon to display.\n     * @group Props\n     */\n    @Input() icon: string | undefined;\n    /**\n     * Defines the image to display.\n     * @group Props\n     */\n    @Input() image: string | undefined;\n    /**\n     * Alt attribute of the image.\n     * @group Props\n     */\n    @Input() alt: string | undefined;\n    /**\n     * Class of the element.\n     * @deprecated since v20.0.0, use `class` instead.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * When present, it specifies that the element should be disabled.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) disabled: boolean | undefined = false;\n    /**\n     * Whether to display a remove icon.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) removable: boolean | undefined = false;\n    /**\n     * Icon of the remove element.\n     * @group Props\n     */\n    @Input() removeIcon: string | undefined;\n    /**\n     * Callback to invoke when a chip is removed.\n     * @param {MouseEvent} event - Mouse event.\n     * @group Emits\n     */\n    @Output() onRemove: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();\n    /**\n     * This event is triggered if an error occurs while loading an image file.\n     * @param {Event} event - Browser event.\n     * @group Emits\n     */\n    @Output() onImageError: EventEmitter<Event> = new EventEmitter<Event>();\n\n    visible: boolean = true;\n\n    get removeAriaLabel() {\n        return this.config.getTranslation(TranslationKeys.ARIA)['removeLabel'];\n    }\n    /**\n     * Used to pass all properties of the chipProps to the Chip component.\n     * @group Props\n     */\n    @Input() get chipProps(): ChipProps | undefined {\n        return this._chipProps;\n    }\n    set chipProps(val: ChipProps | undefined) {\n        this._chipProps = val;\n\n        if (val && typeof val === 'object') {\n            //@ts-ignore\n            Object.entries(val).forEach(([k, v]) => this[`_${k}`] !== v && (this[`_${k}`] = v));\n        }\n    }\n\n    _chipProps: ChipProps | undefined;\n\n    _componentStyle = inject(ChipStyle);\n\n    @ContentChild('removeicon', { descendants: false }) removeIconTemplate: TemplateRef<any> | undefined;\n\n    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;\n\n    _removeIconTemplate: TemplateRef<any> | undefined;\n\n    ngAfterContentInit() {\n        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {\n            switch (item.getType()) {\n                case 'removeicon':\n                    this._removeIconTemplate = item.template;\n                    break;\n\n                default:\n                    this._removeIconTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    ngOnChanges(simpleChanges: SimpleChanges) {\n        super.ngOnChanges(simpleChanges);\n        if (simpleChanges.chipProps && simpleChanges.chipProps.currentValue) {\n            const { currentValue } = simpleChanges.chipProps;\n\n            if (currentValue.label !== undefined) {\n                this.label = currentValue.label;\n            }\n            if (currentValue.icon !== undefined) {\n                this.icon = currentValue.icon;\n            }\n            if (currentValue.image !== undefined) {\n                this.image = currentValue.image;\n            }\n            if (currentValue.alt !== undefined) {\n                this.alt = currentValue.alt;\n            }\n            if (currentValue.styleClass !== undefined) {\n                this.styleClass = currentValue.styleClass;\n            }\n            if (currentValue.removable !== undefined) {\n                this.removable = currentValue.removable;\n            }\n            if (currentValue.removeIcon !== undefined) {\n                this.removeIcon = currentValue.removeIcon;\n            }\n        }\n    }\n\n    close(event: MouseEvent) {\n        this.visible = false;\n        this.onRemove.emit(event);\n    }\n\n    onKeydown(event) {\n        if (event.key === 'Enter' || event.key === 'Backspace') {\n            this.close(event);\n        }\n    }\n\n    imageError(event: Event) {\n        this.onImageError.emit(event);\n    }\n}\n\n@NgModule({\n    imports: [Chip, SharedModule],\n    exports: [Chip, SharedModule]\n})\nexport class ChipModule {}\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-chip.mjs","sources":["../../src/chip/style/chipstyle.ts","../../src/chip/chip.ts","../../src/chip/primeng-chip.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { style } from '@primeuix/styles/chip';\nimport { BaseStyle } from 'primeng/base';\n\nconst classes = {\n    root: ({ instance }) => [\n        'p-chip p-component',\n        {\n            'p-disabled': instance.disabled\n        }\n    ],\n    image: 'p-chip-image',\n    icon: 'p-chip-icon',\n    label: 'p-chip-label',\n    removeIcon: 'p-chip-remove-icon'\n};\n\n@Injectable()\nexport class ChipStyle extends BaseStyle {\n    name = 'chip';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * Chip represents people using icons, labels and images.\n *\n * [Live Demo](https://www.primeng.org/chip)\n *\n * @module chipstyle\n *\n */\nexport enum ChipClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-chip',\n    /**\n     * Class name of the image element\n     */\n    image = 'p-chip-image',\n    /**\n     * Class name of the icon element\n     */\n    icon = 'p-chip-icon',\n    /**\n     * Class name of the label element\n     */\n    label = 'p-chip-label',\n    /**\n     * Class name of the remove icon element\n     */\n    removeIcon = 'p-chip-remove-icon'\n}\n\nexport interface ChipStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport {\n    AfterContentInit,\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    ContentChildren,\n    EventEmitter,\n    inject,\n    InjectionToken,\n    Input,\n    NgModule,\n    Output,\n    QueryList,\n    SimpleChanges,\n    TemplateRef,\n    ViewEncapsulation\n} from '@angular/core';\nimport { PrimeTemplate, SharedModule, TranslationKeys } from 'primeng/api';\nimport { BaseComponent, PARENT_INSTANCE } from 'primeng/basecomponent';\nimport { Bind } from 'primeng/bind';\nimport { TimesCircleIcon } from 'primeng/icons';\nimport { ChipProps, ChipPassThrough } from 'primeng/types/chip';\nimport { ChipStyle } from './style/chipstyle';\n\nconst CHIP_INSTANCE = new InjectionToken<Chip>('CHIP_INSTANCE');\n\n/**\n * Chip represents people using icons, labels and images.\n * @group Components\n */\n@Component({\n    selector: 'p-chip',\n    standalone: true,\n    imports: [CommonModule, TimesCircleIcon, SharedModule, Bind],\n    template: `\n        <ng-content></ng-content>\n        <img [pBind]=\"ptm('image')\" [class]=\"cx('image')\" [src]=\"image\" *ngIf=\"image; else iconTemplate\" (error)=\"imageError($event)\" [alt]=\"alt\" />\n        <ng-template #iconTemplate><span [pBind]=\"ptm('icon')\" *ngIf=\"icon\" [class]=\"icon\" [ngClass]=\"cx('icon')\"></span></ng-template>\n        <div [pBind]=\"ptm('label')\" [class]=\"cx('label')\" *ngIf=\"label\">{{ label }}</div>\n        <ng-container *ngIf=\"removable\">\n            <ng-container *ngIf=\"!removeIconTemplate && !_removeIconTemplate\">\n                <span\n                    [pBind]=\"ptm('removeIcon')\"\n                    *ngIf=\"removeIcon\"\n                    [class]=\"removeIcon\"\n                    [ngClass]=\"cx('removeIcon')\"\n                    (click)=\"close($event)\"\n                    (keydown)=\"onKeydown($event)\"\n                    [attr.tabindex]=\"disabled ? -1 : 0\"\n                    [attr.aria-label]=\"removeAriaLabel\"\n                    role=\"button\"\n                ></span>\n                <svg\n                    [pBind]=\"ptm('removeIcon')\"\n                    data-p-icon=\"times-circle\"\n                    *ngIf=\"!removeIcon\"\n                    [class]=\"cx('removeIcon')\"\n                    (click)=\"close($event)\"\n                    (keydown)=\"onKeydown($event)\"\n                    [attr.tabindex]=\"disabled ? -1 : 0\"\n                    [attr.aria-label]=\"removeAriaLabel\"\n                    role=\"button\"\n                />\n            </ng-container>\n            <span\n                [pBind]=\"ptm('removeIcon')\"\n                *ngIf=\"removeIconTemplate || _removeIconTemplate\"\n                [attr.tabindex]=\"disabled ? -1 : 0\"\n                [class]=\"cx('removeIcon')\"\n                (click)=\"close($event)\"\n                (keydown)=\"onKeydown($event)\"\n                [attr.aria-label]=\"removeAriaLabel\"\n                role=\"button\"\n            >\n                <ng-template *ngTemplateOutlet=\"removeIconTemplate || _removeIconTemplate\"></ng-template>\n            </span>\n        </ng-container>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [ChipStyle, { provide: CHIP_INSTANCE, useExisting: Chip }, { provide: PARENT_INSTANCE, useExisting: Chip }],\n    host: {\n        '[class]': \"cn(cx('root'), styleClass)\",\n        '[style.display]': '!visible && \"none\"',\n        '[attr.aria-label]': 'label'\n    },\n    hostDirectives: [Bind]\n})\nexport class Chip extends BaseComponent<ChipPassThrough> {\n    $pcChip: Chip | undefined = inject(CHIP_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n    /**\n     * Defines the text to display.\n     * @group Props\n     */\n    @Input() label: string | undefined;\n    /**\n     * Defines the icon to display.\n     * @group Props\n     */\n    @Input() icon: string | undefined;\n    /**\n     * Defines the image to display.\n     * @group Props\n     */\n    @Input() image: string | undefined;\n    /**\n     * Alt attribute of the image.\n     * @group Props\n     */\n    @Input() alt: string | undefined;\n    /**\n     * Class of the element.\n     * @deprecated since v20.0.0, use `class` instead.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * When present, it specifies that the element should be disabled.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) disabled: boolean | undefined = false;\n    /**\n     * Whether to display a remove icon.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) removable: boolean | undefined = false;\n    /**\n     * Icon of the remove element.\n     * @group Props\n     */\n    @Input() removeIcon: string | undefined;\n    /**\n     * Callback to invoke when a chip is removed.\n     * @param {MouseEvent} event - Mouse event.\n     * @group Emits\n     */\n    @Output() onRemove: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();\n    /**\n     * This event is triggered if an error occurs while loading an image file.\n     * @param {Event} event - Browser event.\n     * @group Emits\n     */\n    @Output() onImageError: EventEmitter<Event> = new EventEmitter<Event>();\n\n    visible: boolean = true;\n\n    get removeAriaLabel() {\n        return this.config.getTranslation(TranslationKeys.ARIA)['removeLabel'];\n    }\n    /**\n     * Used to pass all properties of the chipProps to the Chip component.\n     * @group Props\n     */\n    @Input() get chipProps(): ChipProps | undefined {\n        return this._chipProps;\n    }\n    set chipProps(val: ChipProps | undefined) {\n        this._chipProps = val;\n\n        if (val && typeof val === 'object') {\n            //@ts-ignore\n            Object.entries(val).forEach(([k, v]) => this[`_${k}`] !== v && (this[`_${k}`] = v));\n        }\n    }\n\n    _chipProps: ChipProps | undefined;\n\n    _componentStyle = inject(ChipStyle);\n\n    @ContentChild('removeicon', { descendants: false }) removeIconTemplate: TemplateRef<any> | undefined;\n\n    @ContentChildren(PrimeTemplate) templates: QueryList<PrimeTemplate> | undefined;\n\n    _removeIconTemplate: TemplateRef<any> | undefined;\n\n    onAfterContentInit() {\n        (this.templates as QueryList<PrimeTemplate>).forEach((item) => {\n            switch (item.getType()) {\n                case 'removeicon':\n                    this._removeIconTemplate = item.template;\n                    break;\n\n                default:\n                    this._removeIconTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    onChanges(simpleChanges: SimpleChanges) {\n        if (simpleChanges.chipProps && simpleChanges.chipProps.currentValue) {\n            const { currentValue } = simpleChanges.chipProps;\n\n            if (currentValue.label !== undefined) {\n                this.label = currentValue.label;\n            }\n            if (currentValue.icon !== undefined) {\n                this.icon = currentValue.icon;\n            }\n            if (currentValue.image !== undefined) {\n                this.image = currentValue.image;\n            }\n            if (currentValue.alt !== undefined) {\n                this.alt = currentValue.alt;\n            }\n            if (currentValue.styleClass !== undefined) {\n                this.styleClass = currentValue.styleClass;\n            }\n            if (currentValue.removable !== undefined) {\n                this.removable = currentValue.removable;\n            }\n            if (currentValue.removeIcon !== undefined) {\n                this.removeIcon = currentValue.removeIcon;\n            }\n        }\n    }\n\n    close(event: MouseEvent) {\n        this.visible = false;\n        this.onRemove.emit(event);\n    }\n\n    onKeydown(event) {\n        if (event.key === 'Enter' || event.key === 'Backspace') {\n            this.close(event);\n        }\n    }\n\n    imageError(event: Event) {\n        this.onImageError.emit(event);\n    }\n}\n\n@NgModule({\n    imports: [Chip, SharedModule],\n    exports: [Chip, SharedModule]\n})\nexport class ChipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/primeng-classnames.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, effect, Directive, NgModule } from '@angular/core';
+import { input, computed, Directive, NgModule } from '@angular/core';
 import { cn } from '@primeuix/utils';
 
 /**
@@ -8,56 +8,31 @@ import { cn } from '@primeuix/utils';
  * @group Components
  */
 class ClassNames {
-    el;
-    renderer;
     /**
      * Class value(s) to be applied. Can be a string, array, object, or combination.
      * @group Props
      */
-    pClass = input(...(ngDevMode ? [undefined, { debugName: "pClass" }] : []));
-    initialClasses = '';
-    isInitialized = false;
-    constructor(el, renderer) {
-        this.el = el;
-        this.renderer = renderer;
-        effect(() => {
-            this.updateClasses();
-        });
-    }
-    updateClasses() {
-        if (this.el?.nativeElement) {
-            // Store initial classes only once
-            if (!this.isInitialized) {
-                this.initialClasses = this.el.nativeElement.className;
-                this.isInitialized = true;
-            }
-            // Combine initial classes with pClass
-            const classString = cn(this.initialClasses, this.pClass());
-            // Apply the class to the element
-            if (classString) {
-                this.renderer.setAttribute(this.el.nativeElement, 'class', classString);
-            }
-            else {
-                this.renderer.removeAttribute(this.el.nativeElement, 'class');
-            }
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ClassNames, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.2", type: ClassNames, isStandalone: true, selector: "[pClass]", inputs: { pClass: { classPropertyName: "pClass", publicName: "pClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    classNames = input(undefined, ...(ngDevMode ? [{ debugName: "classNames", alias: 'pClass' }] : [{ alias: 'pClass' }]));
+    classes = computed(() => cn(this.classNames()), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ClassNames, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.4", type: ClassNames, isStandalone: true, selector: "[pClass]", inputs: { classNames: { classPropertyName: "classNames", publicName: "pClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ClassNames, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ClassNames, decorators: [{
             type: Directive,
             args: [{
                     selector: '[pClass]',
-                    standalone: true
+                    standalone: true,
+                    host: {
+                        '[class]': 'classes()'
+                    }
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
+        }] });
 class ClassNamesModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ClassNamesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.2", ngImport: i0, type: ClassNamesModule, imports: [ClassNames], exports: [ClassNames] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ClassNamesModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ClassNamesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.4", ngImport: i0, type: ClassNamesModule, imports: [ClassNames], exports: [ClassNames] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ClassNamesModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ClassNamesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: ClassNamesModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ClassNames],

package/fesm2022/primeng-classnames.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"primeng-classnames.mjs","sources":["../../src/classnames/classnames.ts","../../src/classnames/primeng-classnames.ts"],"sourcesContent":["import { Directive, ElementRef, NgModule, Renderer2, effect, input } from '@angular/core';\nimport { cn } from '@primeuix/utils';\n/**\n * Represents the suitable value types of pClass directive.\n * @group Types\n */\nexport type PClassValue = string | number | boolean | undefined | null | { [key: string]: boolean | undefined | null } | any;\n\n/**\n * PClass directive provides extends class binding functionality.\n * Supports strings, arrays, objects, and mixed combinations.\n * @group Components\n */\n@Directive({\n    selector: '[pClass]',\n    standalone: true\n})\nexport class ClassNames {\n    /**\n     * Class value(s) to be applied. Can be a string, array, object, or combination.\n     * @group Props\n     */\n    pClass = input<PClassValue>();\n\n    private initialClasses = '';\n    private isInitialized = false;\n\n    constructor(\n        private el: ElementRef,\n        private renderer: Renderer2\n    ) {\n        effect(() => {\n            this.updateClasses();\n        });\n    }\n\n    private updateClasses(): void {\n        if (this.el?.nativeElement) {\n            // Store initial classes only once\n            if (!this.isInitialized) {\n                this.initialClasses = this.el.nativeElement.className;\n                this.isInitialized = true;\n            }\n\n            // Combine initial classes with pClass\n            const classString = cn(this.initialClasses, this.pClass());\n\n            // Apply the class to the element\n            if (classString) {\n                this.renderer.setAttribute(this.el.nativeElement, 'class', classString);\n            } else {\n                this.renderer.removeAttribute(this.el.nativeElement, 'class');\n            }\n        }\n    }\n}\n\n@NgModule({\n    imports: [ClassNames],\n    exports: [ClassNames]\n})\nexport class ClassNamesModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;AAQA;;;;AAIG;MAKU,UAAU,CAAA;AAWP,IAAA,EAAA;AACA,IAAA,QAAA;AAXZ;;;AAGG;IACH,MAAM,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,QAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAe;IAErB,cAAc,GAAG,EAAE;IACnB,aAAa,GAAG,KAAK;IAE7B,WAAA,CACY,EAAc,EACd,QAAmB,EAAA;QADnB,IAAA,CAAA,EAAE,GAAF,EAAE;QACF,IAAA,CAAA,QAAQ,GAAR,QAAQ;QAEhB,MAAM,CAAC,MAAK;YACR,IAAI,CAAC,aAAa,EAAE;AACxB,QAAA,CAAC,CAAC;IACN;IAEQ,aAAa,GAAA;AACjB,QAAA,IAAI,IAAI,CAAC,EAAE,EAAE,aAAa,EAAE;;AAExB,YAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;gBACrB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,SAAS;AACrD,gBAAA,IAAI,CAAC,aAAa,GAAG,IAAI;YAC7B;;AAGA,YAAA,MAAM,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;;YAG1D,IAAI,WAAW,EAAE;AACb,gBAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,EAAE,WAAW,CAAC;YAC3E;iBAAO;AACH,gBAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC;YACjE;QACJ;IACJ;uGArCS,UAAU,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAV,UAAU,EAAA,UAAA,EAAA,CAAA;kBAJtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,UAAU,EAAE;AACf,iBAAA;;MA6CY,gBAAgB,CAAA;uGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAhB,gBAAgB,EAAA,OAAA,EAAA,CA5ChB,UAAU,CAAA,EAAA,OAAA,EAAA,CAAV,UAAU,CAAA,EAAA,CAAA;wGA4CV,gBAAgB,EAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,UAAU,CAAC;oBACrB,OAAO,EAAE,CAAC,UAAU;AACvB,iBAAA;;;AC5DD;;AAEG;;;;"}
+{"version":3,"file":"primeng-classnames.mjs","sources":["../../src/classnames/classnames.ts","../../src/classnames/primeng-classnames.ts"],"sourcesContent":["import { Directive, NgModule, computed, input } from '@angular/core';\nimport { cn } from '@primeuix/utils';\n/**\n * Represents the suitable value types of pClass directive.\n * @group Types\n */\nexport type PClassValue = string | number | boolean | undefined | null | { [key: string]: boolean | undefined | null } | any;\n\n/**\n * PClass directive provides extends class binding functionality.\n * Supports strings, arrays, objects, and mixed combinations.\n * @group Components\n */\n@Directive({\n    selector: '[pClass]',\n    standalone: true,\n    host: {\n        '[class]': 'classes()'\n    }\n})\nexport class ClassNames {\n    /**\n     * Class value(s) to be applied. Can be a string, array, object, or combination.\n     * @group Props\n     */\n    classNames = input<PClassValue>(undefined, { alias: 'pClass' });\n\n    private classes = computed(() => cn(this.classNames()));\n}\n\n@NgModule({\n    imports: [ClassNames],\n    exports: [ClassNames]\n})\nexport class ClassNamesModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;AAQA;;;;AAIG;MAQU,UAAU,CAAA;AACnB;;;AAGG;AACH,IAAA,UAAU,GAAG,KAAK,CAAc,SAAS,8CAAI,KAAK,EAAE,QAAQ,EAAA,CAAA,GAAA,CAAjB,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAC;AAEvD,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,mDAAC;uGAP9C,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAV,UAAU,EAAA,UAAA,EAAA,CAAA;kBAPtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACF,wBAAA,SAAS,EAAE;AACd;AACJ,iBAAA;;MAeY,gBAAgB,CAAA;uGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAhB,gBAAgB,EAAA,OAAA,EAAA,CAdhB,UAAU,CAAA,EAAA,OAAA,EAAA,CAAV,UAAU,CAAA,EAAA,CAAA;wGAcV,gBAAgB,EAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,UAAU,CAAC;oBACrB,OAAO,EAAE,CAAC,UAAU;AACvB,iBAAA;;;ACjCD;;AAEG;;;;"}