@dialpad/dialtone-vue/dist/components/rich_text_editor/extensions/mentions/MentionSuggestion.vue.d.ts

Vue component library for Dialpad's design system Dialtone

declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    item: {
        type: ObjectConstructor;
        required: true;
    };
}>, {}, {}, {
    name(): any;
    avatarSrc(): any;
    presence(): any;
    status(): any;
    presenceText(): any;
    presenceFontColorClass(): any;
    showDetails(): any;
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    item: {
        type: ObjectConstructor;
        required: true;
    };
}>> & Readonly<{}>, {}, {}, {
    DtAvatar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        id: {
            type: StringConstructor;
            default(): string;
        };
        seed: {
            type: StringConstructor;
            default: undefined;
        };
        color: {
            type: StringConstructor;
            default: undefined;
        };
        size: {
            type: StringConstructor;
            default: string;
            validator: (size: unknown) => boolean;
        };
        avatarClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        canvasClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        iconClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        presence: {
            type: StringConstructor;
            default: string;
            validator: (state: unknown) => boolean;
        };
        presenceProps: {
            type: ObjectConstructor;
            default: () => {};
        };
        group: {
            type: NumberConstructor;
            default: undefined;
            validator: (group: unknown) => boolean;
        };
        overlayText: {
            type: StringConstructor;
            default: string;
        };
        overlayClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        imageSrc: {
            type: StringConstructor;
            default: string;
        };
        imageAlt: {
            type: StringConstructor;
            default: undefined;
        };
        iconSize: {
            type: StringConstructor;
            default: string;
            validator: (size: unknown) => boolean;
        };
        fullName: {
            type: StringConstructor;
            default: string;
        };
        clickable: {
            type: BooleanConstructor;
            default: boolean;
        };
        iconAriaLabel: {
            type: StringConstructor;
            default: undefined;
        };
    }>, {}, {
        AVATAR_SIZE_MODIFIERS: {
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
        };
        AVATAR_KIND_MODIFIERS: {
            default: string;
            icon: string;
            initials: string;
        };
        AVATAR_PRESENCE_SIZE_MODIFIERS: {
            md: string;
            lg: string;
        };
        AVATAR_ICON_SIZES: {
            xs: string;
            sm: string;
            md: string;
            lg: string;
            xl: string;
        };
        imageLoadedSuccessfully: null;
        formattedInitials: string;
        initializing: boolean;
        hasSlotContent: typeof import('../../../..').hasSlotContent;
    }, {
        hasOverlayIcon(): any;
        iconDataQa(): "dt-avatar-icon";
        avatarClasses(): any[];
        overlayClasses(): (string | unknown[] | Record<string, any>)[];
        showGroup(): boolean;
        formattedGroup(): number | "99+" | undefined;
        validatedSize(): string;
        showImage(): string | false;
    }, {
        isIconType(): any;
        setImageListeners(): Promise<void>;
        formatInitials(): void;
        getColor(): any;
        _loadedImageEventHandler(el: any): void;
        _erroredImageEventHandler(el: any): void;
        validateProps(): void;
        handleClick(e: any): void;
    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        id: {
            type: StringConstructor;
            default(): string;
        };
        seed: {
            type: StringConstructor;
            default: undefined;
        };
        color: {
            type: StringConstructor;
            default: undefined;
        };
        size: {
            type: StringConstructor;
            default: string;
            validator: (size: unknown) => boolean;
        };
        avatarClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        canvasClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        iconClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        presence: {
            type: StringConstructor;
            default: string;
            validator: (state: unknown) => boolean;
        };
        presenceProps: {
            type: ObjectConstructor;
            default: () => {};
        };
        group: {
            type: NumberConstructor;
            default: undefined;
            validator: (group: unknown) => boolean;
        };
        overlayText: {
            type: StringConstructor;
            default: string;
        };
        overlayClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        imageSrc: {
            type: StringConstructor;
            default: string;
        };
        imageAlt: {
            type: StringConstructor;
            default: undefined;
        };
        iconSize: {
            type: StringConstructor;
            default: string;
            validator: (size: unknown) => boolean;
        };
        fullName: {
            type: StringConstructor;
            default: string;
        };
        clickable: {
            type: BooleanConstructor;
            default: boolean;
        };
        iconAriaLabel: {
            type: StringConstructor;
            default: undefined;
        };
    }>> & Readonly<{
        onClick?: ((...args: any[]) => any) | undefined;
    }>, {
        id: string;
        presence: string;
        seed: string;
        color: string;
        size: string;
        avatarClass: string | unknown[] | Record<string, any>;
        canvasClass: string | unknown[] | Record<string, any>;
        iconClass: string | unknown[] | Record<string, any>;
        presenceProps: Record<string, any>;
        group: number;
        overlayText: string;
        overlayClass: string | unknown[] | Record<string, any>;
        imageSrc: string;
        imageAlt: string;
        iconSize: string;
        fullName: string;
        clickable: boolean;
        iconAriaLabel: string;
    }, {}, {
        DtPresence: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
            presence: {
                type: StringConstructor;
                default: string;
                validator: (role: unknown) => boolean;
            };
            srText: {
                type: StringConstructor;
                default: null;
            };
        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
            presence: {
                type: StringConstructor;
                default: string;
                validator: (role: unknown) => boolean;
            };
            srText: {
                type: StringConstructor;
                default: null;
            };
        }>> & Readonly<{}>, {
            presence: string;
            srText: string;
        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    DtStack: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        direction: {
            type: (ObjectConstructor | StringConstructor)[];
            default: string;
            validator: (direction: unknown) => boolean;
        };
        as: {
            type: StringConstructor;
            default: string;
        };
        gap: {
            type: (ObjectConstructor | StringConstructor)[];
            default: string;
            validator: (gap: unknown) => boolean;
        };
        align: {
            type: (ObjectConstructor | StringConstructor)[];
            validator: (align: unknown) => boolean;
        };
        justify: {
            type: (ObjectConstructor | StringConstructor)[];
            default: string;
            validator: (justify: unknown) => boolean;
        };
    }>, {}, {
        DT_STACK_DIRECTION: {
            [x: string]: string;
        };
        DT_STACK_GAP: string[];
        DT_STACK_RESPONSIVE_BREAKPOINTS: string[];
        DT_STACK_ALIGN: string[];
        DT_STACK_JUSTIFY: string[];
    }, {
        defaultGap(): string | null;
        defaultDirection(): string | null;
        defaultAlign(): string | null;
        defaultJustify(): string | null;
        stackResponsive(): any[];
    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        direction: {
            type: (ObjectConstructor | StringConstructor)[];
            default: string;
            validator: (direction: unknown) => boolean;
        };
        as: {
            type: StringConstructor;
            default: string;
        };
        gap: {
            type: (ObjectConstructor | StringConstructor)[];
            default: string;
            validator: (gap: unknown) => boolean;
        };
        align: {
            type: (ObjectConstructor | StringConstructor)[];
            validator: (align: unknown) => boolean;
        };
        justify: {
            type: (ObjectConstructor | StringConstructor)[];
            default: string;
            validator: (justify: unknown) => boolean;
        };
    }>> & Readonly<{}>, {
        direction: string | Record<string, any>;
        as: string;
        gap: string | Record<string, any>;
        justify: string | Record<string, any>;
    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;
//# sourceMappingURL=MentionSuggestion.vue.d.ts.map