@dialpad/dialtone/dist/vue3/components/avatar/avatar.vue.d.ts

Dialpad's Dialtone design system monorepo

import { hasSlotContent } from '../../common/utils';
declare const _default: 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 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>;
export default _default;
//# sourceMappingURL=avatar.vue.d.ts.map