filter-composer/src/filter-composer/filter-composer.component.ts
A standalone filter composer component that allows users to build filter selections from a set of available attributes. Supports multi-select, single-select, date-range, char-range, number-range, and text-field filter modes.
import { FilterComposerComponent } from '@talenra/components/filter-composer';<talenra-filter-composer
[availableAttributes]="attributes"
[filterSelections]="filters"
(filterSelectionsChanged)="onFiltersChanged($event)" />| changeDetection | ChangeDetectionStrategy.OnPush |
| selector | talenra-filter-composer |
| imports |
ScrollContainerComponent
FormFieldComponent
SelectComponent
FormsModule
OptionComponent
ButtonComponent
TextFilterComponent
ReactiveFormsModule
TooltipDirective
SelectionFilterComponent
RangeFilterComponent
BooleanFilterComponent
TalenraBaseTranslatePipe
|
| templateUrl | ./filter-composer.component.html |
| styleUrl | ./filter-composer.component.scss |
Inputs |
Outputs |
| availableAttributes |
Type : IFilterComposerAttribute[]
|
Default value : []
|
|
The available filter attributes. |
| filterSelections |
Type : IFilterComposerFilter[]
|
Default value : []
|
|
The current filter selections. |
| operatorsDisabled |
Type : boolean
|
Default value : false
|
|
Disables the operators buttons for all filters, and leaves them by default on 'equal'. |
| useUniqueAttributes |
Default value : false
|
|
Whether to restrict each attribute to be selected only once (except multi-select which is always unique). |
| filterSelectionsChange |
Type : IFilterComposerFilter[]
|
|
Emits when the filter selections change. |