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

Vue component library for Dialpad's design system Dialtone

declare const _default: import('vue').DefineComponent<{
    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;
}, {
    hasOverlayIcon(): boolean;
    iconDataQa(): "dt-avatar-icon";
    avatarClasses(): any[];
    overlayClasses(): any[];
    showGroup(): boolean;
    formattedGroup(): any;
    validatedSize(): any;
    showImage(): any;
}, {
    isIconType(): import('vue/types/vnode').ScopedSlotChildren;
    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"[], string, 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;
    };
}>>, {
    id: string;
    presence: string;
    fullName: string;
    size: string;
    group: number;
    imageSrc: string;
    seed: string;
    color: string;
    avatarClass: string | Record<string, any> | unknown[];
    canvasClass: string | Record<string, any> | unknown[];
    iconClass: string | Record<string, any> | unknown[];
    presenceProps: Record<string, any>;
    overlayText: string;
    overlayClass: string | Record<string, any> | unknown[];
    imageAlt: string;
    iconSize: string;
    clickable: boolean;
    iconAriaLabel: string;
}>;
export default _default;
//# sourceMappingURL=avatar.vue.d.ts.map