vuetning
Version:
<p align="center"> <img width="160"src="https://s3.amazonaws.com/arcthos.com/vuetning/logo.svg"> </p>
140 lines (139 loc) • 4.05 kB
TypeScript
import { type DropdownOption } from "../slds-dropdown/dropdown-option";
declare const _default: import("vue").DefineComponent<{
bare: BooleanConstructor;
bordered: BooleanConstructor;
borderedFilled: BooleanConstructor;
borderedInverse: BooleanConstructor;
disabled: BooleanConstructor;
icon: {
type: StringConstructor;
default: string;
};
inverse: BooleanConstructor;
large: BooleanConstructor;
nubbin: BooleanConstructor;
small: BooleanConstructor;
title: StringConstructor;
xSmall: BooleanConstructor;
xxSmall: BooleanConstructor;
}, unknown, unknown, {
borderedFallback(): boolean;
}, {
/**
* Handles the click event on the button.
*/
handleClickButton(): void;
/**
* Handles the click event on an option.
* @param option The clicked option.
*/
handleClickOption(option: DropdownOption): void;
/**
* Handles the click event outside this component.
*/
handleClickOutside(): void;
/**
* Handles the key down event on the menu.
*/
handleKeyDown(): void;
/**
* Handles the key enter event on the menu.
*/
handleKeyEnter(): void;
/**
* Handles the key enter event on the menu.
*/
handleKeyEsc(): void;
/**
* Handles the key up event on the menu.
*/
handleKeyUp(): void;
/**
* Selects an option.
* @param selectedOption Selected option.
*/
selectOption(selectedOption: DropdownOption): void;
/**
* Set the focused item.
* @param focusedOption Hovered option, if any.
*/
setFocusedOption(focusedOption?: DropdownOption): void;
}, import("vue").DefineComponent<{
bottomAlignment: BooleanConstructor;
centerAlignment: BooleanConstructor;
length: {
type: NumberConstructor;
validator(value: number): boolean;
};
options: {
type: import("vue").PropType<DropdownOption[]>;
default: () => DropdownOption[];
};
rightAlignment: BooleanConstructor;
showSpinner: BooleanConstructor;
}, unknown, {
filter: string;
focusedOption: DropdownOption;
isFocused: boolean;
isOpen: boolean;
}, {
filteredOptions(): DropdownOption[];
isEmpty(): boolean;
}, {
clearFilter(): void;
clearFocusedOption(): void;
hideDropdown(): void;
setFocusedOptionDown(): void;
setFocusedOptionUp(): void;
showDropdown(): void;
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
bottomAlignment: BooleanConstructor;
centerAlignment: BooleanConstructor;
length: {
type: NumberConstructor;
validator(value: number): boolean;
};
options: {
type: import("vue").PropType<DropdownOption[]>;
default: () => DropdownOption[];
};
rightAlignment: BooleanConstructor;
showSpinner: BooleanConstructor;
}>>, {
showSpinner: boolean;
options: DropdownOption[];
bottomAlignment: boolean;
centerAlignment: boolean;
rightAlignment: boolean;
}, {}>, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
bare: BooleanConstructor;
bordered: BooleanConstructor;
borderedFilled: BooleanConstructor;
borderedInverse: BooleanConstructor;
disabled: BooleanConstructor;
icon: {
type: StringConstructor;
default: string;
};
inverse: BooleanConstructor;
large: BooleanConstructor;
nubbin: BooleanConstructor;
small: BooleanConstructor;
title: StringConstructor;
xSmall: BooleanConstructor;
xxSmall: BooleanConstructor;
}>>, {
small: boolean;
icon: string;
large: boolean;
bare: boolean;
bordered: boolean;
borderedFilled: boolean;
borderedInverse: boolean;
disabled: boolean;
inverse: boolean;
xSmall: boolean;
xxSmall: boolean;
nubbin: boolean;
}, {}>;
export default _default;