diff --git a/src/app/components/api/primengconfig.ts b/src/app/components/api/primengconfig.ts index 0a8e3d25735..392b3c305f7 100644 --- a/src/app/components/api/primengconfig.ts +++ b/src/app/components/api/primengconfig.ts @@ -138,7 +138,8 @@ export class PrimeNGConfig { rotateRight: 'Rotate Right', rotateLeft: 'Rotate Left', listLabel: 'Option List', - selectColor: 'Select a color' + selectColor: 'Select a color', + removeLabel: 'Remove' } }; diff --git a/src/app/components/api/translation.ts b/src/app/components/api/translation.ts index 9968041be67..bdbc8861547 100644 --- a/src/app/components/api/translation.ts +++ b/src/app/components/api/translation.ts @@ -129,4 +129,5 @@ export interface Aria { rotateLeft?: string; listLabel?: string; selectColor?: string; + removeLabel?: string; } diff --git a/src/app/components/chip/chip.ts b/src/app/components/chip/chip.ts index 020073ea7bb..58de712b7f7 100755 --- a/src/app/components/chip/chip.ts +++ b/src/app/components/chip/chip.ts @@ -1,6 +1,6 @@ import { CommonModule } from '@angular/common'; -import { AfterContentInit, ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, NgModule, Output, QueryList, TemplateRef, ViewEncapsulation } from '@angular/core'; -import { PrimeTemplate, SharedModule } from 'primeng/api'; +import { AfterContentInit, ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, NgModule, Output, QueryList, TemplateRef, ViewEncapsulation, inject } from '@angular/core'; +import { PrimeNGConfig, PrimeTemplate, SharedModule, TranslationKeys } from 'primeng/api'; import { TimesCircleIcon } from 'primeng/icons/timescircle'; /** * Chip represents people using icons, labels and images. @@ -16,10 +16,10 @@ import { TimesCircleIcon } from 'primeng/icons/timescircle';
{{ label }}
- - + + - + @@ -81,10 +81,16 @@ export class Chip implements AfterContentInit { */ @Output() onImageError: EventEmitter = new EventEmitter(); + config = inject(PrimeNGConfig); + visible: boolean = true; removeIconTemplate: TemplateRef | undefined; + get removeAriaLabel() { + return this.config.getTranslation(TranslationKeys.ARIA)['removeLabel']; + } + @ContentChildren(PrimeTemplate) templates: QueryList | undefined; ngAfterContentInit() {