@public-ui/components
Version:
Contains all web components that belong to KoliBri - The accessible HTML-Standard.
78 lines (77 loc) • 3 kB
TypeScript
import type { JSX } from '../../stencil-public-runtime';
import type { ComboboxAPI, ComboboxStates, HideErrorPropType, IconsHorizontalPropType, IdPropType, InputTypeOnDefault, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ShortKeyPropType, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
export declare class KolCombobox implements ComboboxAPI {
private readonly host?;
private refInput?;
private refSuggestions;
private _focusedOptionIndex;
getValue(): Promise<string | undefined>;
kolFocus(): Promise<void>;
private toggleListbox;
private readonly catchRef;
private selectOption;
private onInput;
private handleKeyDownDropdown;
private setFilteredSuggestionsByQuery;
private moveFocus;
private focusOption;
private focusSuggestionStartingWith;
render(): JSX.Element;
handleKeyDown(event: KeyboardEvent): void;
private readonly controller;
private blockSuggestionMouseOver;
private _isOpen;
private _filteredSuggestions?;
handleWindowClick(event: MouseEvent): void;
_accessKey?: string;
_placeholder?: string;
_alert?: boolean;
_disabled?: boolean;
_hideError?: boolean;
_hideLabel?: boolean;
_hint?: string;
_icons?: IconsHorizontalPropType;
_id?: IdPropType;
_label: LabelWithExpertSlotPropType;
_msg?: Stringified<MsgPropType>;
_name?: NamePropType;
_on?: InputTypeOnDefault;
_suggestions: SuggestionsPropType;
_required?: boolean;
_shortKey?: ShortKeyPropType;
_syncValueBySelector?: SyncValueBySelectorPropType;
_tabIndex?: number;
_tooltipAlign?: TooltipAlignPropType;
_touched?: boolean;
_value?: string;
state: ComboboxStates;
private inputHasFocus;
constructor();
private showAsAlert;
validatePlaceholder(value?: string): void;
validateAccessKey(value?: string): void;
validateAlert(value?: boolean): void;
validateDisabled(value?: boolean): void;
validateHideError(value?: HideErrorPropType): void;
validateHideLabel(value?: boolean): void;
validateHint(value?: string): void;
validateIcons(value?: IconsHorizontalPropType): void;
validateId(value?: string): void;
validateLabel(value?: LabelWithExpertSlotPropType): void;
validateMsg(value?: Stringified<MsgPropType>): void;
validateName(value?: string): void;
validateOn(value?: InputTypeOnDefault): void;
validateShortKey(value?: ShortKeyPropType): void;
validateSuggestions(value?: SuggestionsPropType): void;
validateRequired(value?: boolean): void;
validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
validateTabIndex(value?: number): void;
validateTouched(value?: boolean): void;
validateValue(value?: string): void;
componentWillLoad(): void;
handleMouseEvent(): void;
handleFocusOut(): void;
handleWindowBlur(): void;
private onBlur;
private onChange;
}