feat(lib): implement input signal on placeholder

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)"
     />
   </mat-chip-grid>

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<HTMLInputElement>;
 
+  public readonly placeholder = input.required<string>();
   public readonly valueChanged = output<Filter[]>();
 
   protected readonly filterGroups$ = new BehaviorSubject<FilterGroup[]>([]);