diff --git a/libs/ui/src/lib/activities-filter/activities-filter.component.html b/libs/ui/src/lib/activities-filter/activities-filter.component.html index fb77ea1e2..4ad0dfde8 100644 --- a/libs/ui/src/lib/activities-filter/activities-filter.component.html +++ b/libs/ui/src/lib/activities-filter/activities-filter.component.html @@ -23,7 +23,7 @@ [matAutocomplete]="autocomplete" [matChipInputFor]="chipList" [matChipInputSeparatorKeyCodes]="separatorKeysCodes" - [placeholder]="placeholder" + [placeholder]="placeholder()" (matChipInputTokenEnd)="onAddFilter($event)" /> diff --git a/libs/ui/src/lib/activities-filter/activities-filter.component.ts b/libs/ui/src/lib/activities-filter/activities-filter.component.ts index a38fd6731..55ae42bea 100644 --- a/libs/ui/src/lib/activities-filter/activities-filter.component.ts +++ b/libs/ui/src/lib/activities-filter/activities-filter.component.ts @@ -12,6 +12,7 @@ import { OnChanges, SimpleChanges, ViewChild, + input, output } from '@angular/core'; import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; @@ -54,11 +55,11 @@ import { translate } from '../i18n'; export class GfActivitiesFilterComponent implements OnChanges { @Input() allFilters: Filter[]; @Input() isLoading: boolean; - @Input() placeholder: string; @ViewChild('autocomplete') protected matAutocomplete: MatAutocomplete; @ViewChild('searchInput') protected searchInput: ElementRef; + public readonly placeholder = input.required(); public readonly valueChanged = output(); protected readonly filterGroups$ = new BehaviorSubject([]);