import { KbqListModule } from '@koobiq/components/list';

Selector: kbq-list

Selector: kbq-list-item, a[kbq-list-item]

Properties
Name Description
lines: QueryList
Methods
getHostElement
handleBlur
handleFocus

Selector: kbq-list-selection

Exported as: kbqListSelection
Properties
Name Description
@Input()
autoSelect: boolean
@Input()
compareWith: InputSignal<(o1: any, o2: any) => boolean>
Function used for comparing an option against the selected value when determining which options should appear as selected. The first argument is the value of an options. The second one is a value from the selected value. A boolean must be returned.
@Input()
disabled: boolean
@Input()
horizontal: InputSignalWithTransform
@Input()
noUnselectLast: boolean
@Input()
selectAllHandler: (event: KeyboardEvent, list: KbqListSelection) => void
Function for handling the combination Ctrl + A (select all). By default, the internal handler is used, which toggles the selection of all non-disabled options.
@Input()
selectAllToggle: InputSignalWithTransform
When `true`, a repeated Ctrl/Cmd+A deselects all options. Off by default (Ctrl+A only selects).
@Output('onCopy')
onCopy: EventEmitter>
@Output('onSelectAll')
onSelectAll: OutputEmitterRef>
@Output('selectionChange')
selectionChange: OutputEmitterRef
focusMonitor: FocusMonitor
keyManager: FocusKeyManager
multiple: boolean
multipleMode: MultipleMode
onTouched: () => void
optionBlurChanges: Observable
optionFocusChanges: Observable
options: QueryList
selectionModel: SelectionModel
showCheckbox: boolean
userTabIndex: number
Methods
blur
canDeselectLast
deselectAll
emitChangeEvent
focus
getSelectedOptionValues
onKeyDown
Handles keydown events on the list.
removeOptionFromList
reportValueChange
selectActiveOptions
selectAll
setSelectedOptionsByClick
setSelectedOptionsByKey
toggleFocusedOption
updateScrollSize
updateTabIndex

Selector: [kbq-list-option-caption]

Component for list-options of selection-list. Each list-option can automatically generate a checkbox and can put current item into the selectionModel of selection-list if the current item is selected.

Selector: kbq-list-option

Exported as: kbqListOption
Properties
Name Description
@Input()
checkboxPosition: InputSignal<"before" | "after">
@Input()
disabled: boolean
Whether list is disabled.
@Input()
selected: boolean
@Input()
showCheckbox: any
@Input()
value: any
actionButton: Signal
dropdownTrigger: KbqDropdownTrigger
externalPseudoCheckbox: boolean
group: KbqOptgroup
hasFocus: boolean
listSelection: KbqListSelection
onBlur: Subject
onFocus: Subject
preventBlur: boolean
pseudoCheckbox: Signal
text: Signal>
textElement: ElementRef
tooltipTrigger: KbqTooltipTrigger
Methods
blur
focus
getHostElement
getLabel
handleClick
Handles click events on the list option.
onKeydown
setSelected
toggle
Properties
Name Description
option: KbqListOption
source: KbqListSelection
Properties
Name Description
options: T[]
source: KbqListSelection

Event class that occurs when copying an item from the KbqListSelection. Used to pass data about the copied item and copy context.

Properties
Name Description
event: KeyboardEvent
option: T
source: KbqListSelection
Properties
Name Description
option: KbqListOption
const KBQ_SELECTION_LIST_VALUE_ACCESSOR: any;
Suggestions for improvement
If you found a mistake or want to improve the article, create an issue on GitHub.