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

Vue component library for Dialpad's design system Dialtone

declare const _default: import('vue').DefineComponent<{
    open: {
        type: BooleanConstructor;
        default: null;
    };
    openOnContext: {
        type: BooleanConstructor;
        default: boolean;
    };
    padding: {
        type: StringConstructor;
        default: string;
        validator: (padding: unknown) => boolean;
    };
    modal: {
        type: BooleanConstructor;
        default: boolean;
    };
    contentWidth: {
        type: StringConstructor;
        default: null;
    };
    maxHeight: {
        type: StringConstructor;
        default: string;
    };
    maxWidth: {
        type: StringConstructor;
        default: string;
    };
    listId: {
        type: StringConstructor;
        default(): string;
    };
    navigationType: {
        type: StringConstructor;
        default: string;
        validator: (t: unknown) => boolean;
    };
    fallbackPlacements: {
        type: ArrayConstructor;
        default: () => string[];
    };
    placement: {
        type: StringConstructor;
        default: string;
    };
    onBeginningOfList: {
        type: FunctionConstructor;
        default: null;
    };
    onEndOfList: {
        type: FunctionConstructor;
        default: null;
    };
    listClass: {
        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
        default: string;
    };
    appendTo: {
        type: ({
            new (): HTMLElement;
            prototype: HTMLElement;
        } | StringConstructor)[];
        default: string;
        validator: (appendTo: unknown) => boolean;
    };
    tether: {
        type: BooleanConstructor;
        default: boolean;
    };
    transition: {
        type: StringConstructor;
        default: string;
    };
}, {}, {
    LIST_ITEM_NAVIGATION_TYPES: {
        ARROW_KEYS: string;
        TAB: string;
        NONE: string;
    };
    DROPDOWN_PADDING_CLASSES: {
        none: undefined;
        small: string;
        large: string;
    };
    EVENT_KEYNAMES: {
        esc: string;
        escape: string;
        tab: string;
        enter: string;
        space: string;
        spacebar: string;
        up: string;
        arrowup: string;
        left: string;
        arrowleft: string;
        right: string;
        arrowright: string;
        down: string;
        arrowdown: string;
        home: string;
        end: string;
    };
    openedWithKeyboard: boolean;
    isOpen: null;
}, {
    dropdownListeners(): {
        opened: (isPopoverOpen: any) => void;
        keydown: (event: any) => void;
    };
    beginningOfListMethod(): never;
    endOfListMethod(): never;
    activeItemEl(): any;
    isArrowKeyNav(): boolean;
    listClasses(): (string | {
        'd-context-menu-list': never;
    })[];
    shouldOpenWithArrowKeys(): boolean;
}, {
    onMouseHighlight(e: any): void;
    getListElement(): Element | import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> | import('vue').default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import('vue').default<Record<string, any>, Record<string, any>, never, never, any>> | (Element | import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> | import('vue').default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import('vue').default<Record<string, any>, Record<string, any>, never, never, any>>)[] | undefined;
    clearHighlightIndex(): void;
    afterHighlight(): void;
    updateInitialHighlightIndex(isPopoverOpen: any): void;
    onSpaceKey(): void;
    onEnterKey(): void;
    onUpKeyPress(): void;
    onDownKeyPress(): void;
    onHomeKeyPress(): void;
    onEndKeyPress(): void;
    onKeyPress(e: any): 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;
    };
} | {
    props: {
        visuallyHiddenClose: {
            type: BooleanConstructor;
            default: boolean;
        };
        visuallyHiddenCloseLabel: {
            type: StringConstructor;
            default: null;
        };
    };
    watch: {
        $props: {
            immediate: boolean;
            deep: boolean;
            handler(): void;
        };
    };
    computed: {
        showVisuallyHiddenClose(): any;
    };
    methods: {
        validateVisuallyHiddenCloseProps(): void;
    };
}, import('vue').ComponentOptionsMixin, ("update:open" | "opened" | "highlight")[], string, Readonly<import('vue').ExtractPropTypes<{
    open: {
        type: BooleanConstructor;
        default: null;
    };
    openOnContext: {
        type: BooleanConstructor;
        default: boolean;
    };
    padding: {
        type: StringConstructor;
        default: string;
        validator: (padding: unknown) => boolean;
    };
    modal: {
        type: BooleanConstructor;
        default: boolean;
    };
    contentWidth: {
        type: StringConstructor;
        default: null;
    };
    maxHeight: {
        type: StringConstructor;
        default: string;
    };
    maxWidth: {
        type: StringConstructor;
        default: string;
    };
    listId: {
        type: StringConstructor;
        default(): string;
    };
    navigationType: {
        type: StringConstructor;
        default: string;
        validator: (t: unknown) => boolean;
    };
    fallbackPlacements: {
        type: ArrayConstructor;
        default: () => string[];
    };
    placement: {
        type: StringConstructor;
        default: string;
    };
    onBeginningOfList: {
        type: FunctionConstructor;
        default: null;
    };
    onEndOfList: {
        type: FunctionConstructor;
        default: null;
    };
    listClass: {
        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
        default: string;
    };
    appendTo: {
        type: ({
            new (): HTMLElement;
            prototype: HTMLElement;
        } | StringConstructor)[];
        default: string;
        validator: (appendTo: unknown) => boolean;
    };
    tether: {
        type: BooleanConstructor;
        default: boolean;
    };
    transition: {
        type: StringConstructor;
        default: string;
    };
}>>, {
    open: boolean;
    maxHeight: string;
    transition: string;
    maxWidth: string;
    navigationType: string;
    listId: string;
    onBeginningOfList: Function;
    onEndOfList: Function;
    fallbackPlacements: unknown[];
    tether: boolean;
    appendTo: string | HTMLElement;
    placement: string;
    modal: boolean;
    openOnContext: boolean;
    padding: string;
    contentWidth: string;
    listClass: string | Record<string, any> | unknown[];
}>;
export default _default;
//# sourceMappingURL=dropdown.vue.d.ts.map