SortComponent

component

Component Metadata

Selector: yuv-sort

Standalone: No

Inputs

selectedSortOption

Type: \{ field: string; order: SortType \} | undefined

Default Value: undefined

small

Type: boolean

Default Value: false

sortOptions

Type: string[]

Default Value: []

storageKey

Type: string

Outputs

sortChanged

Type: \{ field: string; order: SortType \}

Properties

orderOptions

Type: unknown

Default Value: signal<SortMenuOption[]>([ \{ label: this.translate.instant('yuv.sort.ascending'), value: 'asc', type: 'order', selected: true \}, \{ label: this.translate.instant('yuv.sort.descending'), value: 'desc', type: 'order', selected: false \} ])

sortFields

Type: unknown

Default Value: linkedSignal(\{ source: () => (\{ sortOptions: this.sortOptions(), orderOptions: this.orderOptions(), selectedSortOption: this.selectedSortOption(), evaluate: this.#reEvaluate() \}), computation: (\{ sortOptions, orderOptions, selectedSortOption \}) => \{ // Ensure selectedSortOption.field is present in sortOptions if (selectedSortOption?.field && !sortOptions.includes(selectedSortOption.order)) \{ orderOptions = orderOptions.map((order) => order.value === selectedSortOption.order ? \{ ...order, selected: true \} : \{ ...order, selected: false \} ); \} return [ ...sortOptions.map((value, index) => (\{ value, label: this.#systemService.getLocalizedLabel(value) || value, type: 'sort' as const, selected: index === 0 // first sort option is default \})), ...orderOptions ]; \} \})

tooltip

Type: unknown

Default Value: signal<string>(this.translate.instant('yuv.sort.tooltip'))

translate

Type: unknown

Default Value: inject(TranslateService)

Methods

selectSort

selectSort(option: SortMenuOption): void

Arguments

Name	Type	Description
option	SortMenuOption