@dialpad/dialtone-vue/dist/types/components/combobox/combobox.vue.d.ts

Vue component library for Dialpad's design system Dialtone

declare const _default: import('vue').DefineComponent<{
    label: {
        type: StringConstructor;
        required: true;
    };
    labelVisible: {
        type: BooleanConstructor;
        default: boolean;
    };
    size: {
        type: StringConstructor;
        default: null;
        validator: (t: unknown) => boolean;
    };
    description: {
        type: StringConstructor;
        default: string;
    };
    listId: {
        type: StringConstructor;
        default(): string;
    };
    onBeginningOfList: {
        type: FunctionConstructor;
        default: null;
    };
    onEndOfList: {
        type: FunctionConstructor;
        default: null;
    };
    showList: {
        type: BooleanConstructor;
        default: boolean;
    };
    listRenderedOutside: {
        type: BooleanConstructor;
        default: boolean;
    };
    loading: {
        type: BooleanConstructor;
        default: boolean;
    };
    emptyList: {
        type: BooleanConstructor;
        default: boolean;
    };
    emptyStateMessage: {
        type: StringConstructor;
        default: string;
    };
    emptyStateClass: {
        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
        default: string;
    };
    clickOnSelect: {
        type: BooleanConstructor;
        default: boolean;
    };
}, {}, {
    outsideRenderedListRef: null;
}, {
    inputProps(): {
        label: never;
        labelVisible: never;
        size: never;
        description: never;
        role: string;
        'aria-label': never;
        'aria-expanded': any;
        'aria-owns': never;
        'aria-haspopup': string;
        'aria-activedescendant': undefined;
        'aria-controls': never;
    };
    listProps(): {
        role: string;
        id: never;
        class: string;
        'aria-label': never;
    };
    beginningOfListMethod(): never;
    endOfListMethod(): never;
    activeItemId(): undefined;
    activeItemEl(): any;
}, {
    onMouseHighlight(e: any): void;
    getListElement(): any;
    clearHighlightIndex(): void;
    afterHighlight(): void;
    onEnterKey(): void;
    onEscapeKey(): void;
    onOpen(open: any, contentRef: any): void;
    onKeyValidation(e: any, eventHandler: any): void;
    setInitialHighlightIndex(): void;
    validateEmptyListProps(): void;
}, {
    mixins: {
        methods: {
            scrollElementIntoViewIfNeeded(ref: Element, opt_center: any, opt_behavior: any, opt_parent: any): void;
            scrollElementIntoView(ref: Element, opt_scrollToTop: any, opt_behavior: any, opt_parent: any): void;
            scrollIntoViewIfNeeded(ref: any, opt_center: any, opt_behavior: any, opt_parent: any): void;
            scrollIntoView(ref: any, opt_dir: any, opt_ifNeeded: any, opt_behavior: any, opt_parent: any): void;
            _setScrollTop(el: any, scrollTop: any, bounds: any, offsetTop: any, offsetBottom: any, opt_isNeeded: any, opt_behavior: any): void;
            _getElementHeight(el: any): any;
            _getScrollBounds(el: any): {
                top: any;
                bottom: any;
            };
            _inScrollBounds(top: any, bottom: any, bounds: any): boolean;
        };
    }[];
    data(): {
        [x: string]: string | number | boolean;
        scrollToOnHighlight: boolean;
        focusOnKeyboardNavigation: boolean;
    };
    provide(): {
        highlightId: () => any;
    };
    methods: {
        _getListElement(): any;
        _itemsLength(): any;
        _getListItemNodes(): any;
        onUpKey(): void;
        onDownKey(): void;
        onHomeKey(): void;
        onEndKey(): void;
        onNavigationKey(key: any): void;
        isValidLetter(key: any): boolean;
        jumpToBeginning(): void;
        jumpToEnd(): void;
        setHighlightIndex(num: any): void;
        setHighlightId(id: any): void;
        _getItemIndex(id: any): number | undefined;
        _getItemId(index: any): any;
        scrollActiveItemIntoViewIfNeeded(): void;
        focusActiveItemIfNeeded(): void;
    };
}, import('vue').ComponentOptionsMixin, ("select" | "opened" | "escape" | "highlight")[], string, Readonly<import('vue').ExtractPropTypes<{
    label: {
        type: StringConstructor;
        required: true;
    };
    labelVisible: {
        type: BooleanConstructor;
        default: boolean;
    };
    size: {
        type: StringConstructor;
        default: null;
        validator: (t: unknown) => boolean;
    };
    description: {
        type: StringConstructor;
        default: string;
    };
    listId: {
        type: StringConstructor;
        default(): string;
    };
    onBeginningOfList: {
        type: FunctionConstructor;
        default: null;
    };
    onEndOfList: {
        type: FunctionConstructor;
        default: null;
    };
    showList: {
        type: BooleanConstructor;
        default: boolean;
    };
    listRenderedOutside: {
        type: BooleanConstructor;
        default: boolean;
    };
    loading: {
        type: BooleanConstructor;
        default: boolean;
    };
    emptyList: {
        type: BooleanConstructor;
        default: boolean;
    };
    emptyStateMessage: {
        type: StringConstructor;
        default: string;
    };
    emptyStateClass: {
        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
        default: string;
    };
    clickOnSelect: {
        type: BooleanConstructor;
        default: boolean;
    };
}>>, {
    description: string;
    loading: boolean;
    size: string;
    showList: boolean;
    labelVisible: boolean;
    listId: string;
    onBeginningOfList: Function;
    onEndOfList: Function;
    listRenderedOutside: boolean;
    emptyList: boolean;
    emptyStateMessage: string;
    emptyStateClass: string | Record<string, any> | unknown[];
    clickOnSelect: boolean;
}>;
export default _default;
//# sourceMappingURL=combobox.vue.d.ts.map