Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 | 1x 104x 104x 104x 104x 104x 104x 104x 104x 104x 104x 104x 104x 53x 104x 104x 104x 108x 108x 98x 10x 100x 6x 18x 18x 18x 94x 94x 100x 174x 131x 174x 104x 67x 67x | /** * Copyright (c) Siemens 2016 - 2025 * SPDX-License-Identifier: MIT */ import { computed, DestroyRef, Directive, inject, input } from '@angular/core'; import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; import { injectSiTranslateService } from '@siemens/element-translate-ng/translate'; import { BehaviorSubject, Observable, of, switchMap } from 'rxjs'; import { debounceTime, first, map, tap } from 'rxjs/operators'; import { InternalCriterionDefinition, toOptionCriteria, TypeaheadOptionCriterion } from '../si-filtered-search-helper'; import { OptionCriterion, OptionType } from '../si-filtered-search.model'; import { SiFilteredSearchValueBase } from './si-filtered-search-value.base'; @Directive() export abstract class SiFilteredSearchOptionValueBase extends SiFilteredSearchValueBase { readonly lazyValueProvider = input<(criterionName: string, typed: string | string[]) => Observable<OptionType[]>>(); readonly searchDebounceTime = input.required<number>(); readonly onlySelectValue = input.required<boolean>(); readonly maxCriteriaOptions = input.required<number>(); readonly optionsInScrollableView = input.required<number>(); readonly readonly = input.required<boolean>(); readonly disableSelectionByColonAndSemicolon = input.required<boolean>(); readonly isStrictOrOnlySelectValue = input.required<boolean>(); protected readonly inputChange = new BehaviorSubject(''); private readonly destroyRef = inject(DestroyRef); protected readonly translateService = injectSiTranslateService(); readonly inputType = computed(() => this.definition().validationType === 'integer' || this.definition().validationType === 'float' ? 'number' : 'text' ); readonly step = computed(() => (this.definition().validationType === 'integer' ? '1' : 'any')); readonly options = computed(() => this.buildOptions()); override readonly validValue = computed(() => { const config = this.definition(); if (!this.isStrictOrOnlySelectValue() && !config.strictValue && !config.onlySelectValue) { return true; } // TODO: this never worked with lazy options. We should fix that. // TODO: checking if options are empty is also questionable. Should be changed v47. return ( (config.options?.length && this.hasOptionValue()) || (!config.options?.length && !!this.criterionValue().value) ); }); protected buildOptions(): Observable<TypeaheadOptionCriterion[]> | undefined { let optionsStream: Observable<OptionCriterion[]> | undefined; if (this.lazyValueProvider()) { optionsStream = this.inputChange.pipe( debounceTime(this.searchDebounceTime()), takeUntilDestroyed(this.destroyRef), switchMap(value => { return this.lazyValueProvider()!( this.definition().name, // TODO: fix lazy loading for multi-select. Seems to be not needed, but it should work. this.definition().multiSelect ? '' : (value ?? '') ).pipe( map(options => toOptionCriteria(options)), tap( options => ((this.definition() ?? ({} as InternalCriterionDefinition)).options = options) ) ); }) ); } else if (this.definition()) { optionsStream = of(toOptionCriteria(this.definition().options)); } return optionsStream?.pipe( switchMap(options => { const keys: string[] = options.map(option => option.label!).filter(label => !!label); return this.translateService.translateAsync(keys).pipe( map(translations => options.map(option => ({ ...option, translatedLabel: translations[option.label!] ?? option.label ?? option.value })) ) ); }) ); } protected buildOptionValue(): void { if (this.criterionValue().value?.length) { // resolve options for initial values this.options()! .pipe(first()) .subscribe(options => this.processTypeaheadOptions(options)); } } protected abstract processTypeaheadOptions(value: TypeaheadOptionCriterion[]): void; protected abstract hasOptionValue(): boolean; } |