DynamicCatalogComponent
Component Metadata
Section titled “Component Metadata”Selector: yuv-dynamic-catalog
Standalone: No
Implements: ControlValueAccessor, OnInit, OnDestroy
Inputs
Section titled “Inputs”catalog
Section titled “catalog”Type: string
Required: Yes
multiple
Section titled “multiple”Type: boolean
Default Value: false
readonly
Section titled “readonly”Type: boolean
Default Value: false
situation
Section titled “situation”Type: string
Possibles values are EDIT (default),SEARCH,CREATE. In search situation validation of the form element will be turned off, so you are able to enter search terms that do not meet the elements validators.
disabled
Section titled “disabled”Type: BooleanInput
placeholder
Section titled “placeholder”Type: string
required
Section titled “required”Type: BooleanInput
Properties
Section titled “Properties”Type: unknown
Default Value: new FormControl<string | string[] | undefined>(undefined, this.#optionIsActiveValidator)
ngControl
Section titled “ngControl”Type: unknown
Default Value: injectNgControl(this)
options
Section titled “options”Type: WritableSignal<DynamicCatalogOption[]>
Default Value: this.#optionsResource.value
propagateChange
Section titled “propagateChange”Type: unknown
Default Value: () => \{...\}
selectedDisplay
Section titled “selectedDisplay”Type: unknown
Default Value: computed<SelectedDisplay[]>(() => \{ const val = this.#ctrlValue(); if (val === null || val === undefined || val === '') return []; const opts = this.options(); const values = Array.isArray(val) ? val : [val]; return values.map((v) => \{ const opt = opts.find((o) => o.value === v); if (!opt) return \{ value: v, label: v, invalid: true \}; return \{ value: v, label: opt.label, invalid: !!opt.invalid || !!opt.disabled \}; \}); \})
autofilled
Section titled “autofilled”Type: boolean
controlType
Section titled “controlType”Type: string
disableAutomaticLabeling
Section titled “disableAutomaticLabeling”Type: boolean
stateChanges
Section titled “stateChanges”Type: unknown
Default Value: new Subject<void>()
userAriaDescribedBy
Section titled “userAriaDescribedBy”Type: string
Methods
Section titled “Methods”registerOnChange
Section titled “registerOnChange”registerOnChange(fnc: any): voidArguments
Section titled “Arguments”| Name | Type | Description |
|---|---|---|
| fnc | any |
registerOnTouched
Section titled “registerOnTouched”registerOnTouched(): voidsetDisabledState
Section titled “setDisabledState”setDisabledState(isDisabled: boolean): voidArguments
Section titled “Arguments”| Name | Type | Description |
|---|---|---|
| isDisabled | boolean |
writeValue
Section titled “writeValue”writeValue(value: string | string[]): voidArguments
Section titled “Arguments”| Name | Type | Description |
|---|---|---|
| value | string | string[] |
onContainerClick
Section titled “onContainerClick”onContainerClick(event: MouseEvent): voidArguments
Section titled “Arguments”| Name | Type | Description |
|---|---|---|
| event | MouseEvent |
onFocusIn
Section titled “onFocusIn”onFocusIn(): voidonFocusout
Section titled “onFocusout”onFocusout(): voidonNgOnDestroy
Section titled “onNgOnDestroy”onNgOnDestroy(): voidsetDescribedByIds
Section titled “setDescribedByIds”setDescribedByIds(ids: string[]): voidArguments
Section titled “Arguments”| Name | Type | Description |
|---|---|---|
| ids | string[] |