@ownclouders/design-system/dist/src/components/OcAvatars/OcAvatars.vue.d.ts

ownCloud Design System is based on VueDesign Systems and is used to design ownCloud UI components

import { PropType } from 'vue';
type Item = {
    displayName?: string;
    name?: string;
    shareType?: number;
    username?: string;
    avatar?: string;
};
/**
 * Display a group of avatars
 */
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    /**
     * Users, public links, groups, federated and guests to be displayed with avatars
     */
    items: {
        type: PropType<Item[]>;
        required: true;
    };
    /**
     * Asserts whether avatars should be stacked on each other
     */
    stacked: {
        type: BooleanConstructor;
        required: false;
        default: boolean;
    };
    /**
     * Asserts whether tooltip should be displayed on hover/focus
     */
    isTooltipDisplayed: {
        type: BooleanConstructor;
        required: false;
        default: boolean;
    };
    /**
     * Limits the number of avatars which will be displayed
     */
    maxDisplayed: {
        type: NumberConstructor;
        required: false;
        default: any;
    };
    /**
     * A description of the avatar group for screen readers. This is required as the avatar group element
     * is hidden for screen readers.
     */
    accessibleDescription: {
        type: StringConstructor;
        required: false;
        default: any;
    };
}>, {}, {}, {
    isOverlapping(): boolean;
    tooltip(): string;
    avatars(): Item[];
    otherItems(): Item[];
}, {
    getAvatarComponentForItem(item: Item): import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        name: {
            type: StringConstructor;
            required: true;
        };
        accessibleLabel: {
            type: StringConstructor;
            required: false;
            default: string;
        };
        width: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
        iconSize: {
            type: StringConstructor;
            required: false;
            default: string;
        };
    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        name: {
            type: StringConstructor;
            required: true;
        };
        accessibleLabel: {
            type: StringConstructor;
            required: false;
            default: string;
        };
        width: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
        iconSize: {
            type: StringConstructor;
            required: false;
            default: string;
        };
    }>> & Readonly<{}>, {
        accessibleLabel: string;
        width: number;
        iconSize: string;
    }, {}, {
        OcAvatarItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
            name: {
                type: StringConstructor;
                required: true;
            };
            icon: {
                type: StringConstructor;
                required: false;
                default: any;
            };
            iconColor: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            iconFillType: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            iconSize: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            background: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            accessibleLabel: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            width: {
                type: NumberConstructor;
                required: false;
                default: number;
            };
        }>, {}, {}, {
            avatarWidth(): string;
            hasIcon(): boolean;
            backgroundColor(): string;
            pickBackgroundColor(): string;
        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
            name: {
                type: StringConstructor;
                required: true;
            };
            icon: {
                type: StringConstructor;
                required: false;
                default: any;
            };
            iconColor: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            iconFillType: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            iconSize: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            background: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            accessibleLabel: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            width: {
                type: NumberConstructor;
                required: false;
                default: number;
            };
        }>> & Readonly<{}>, {
            accessibleLabel: string;
            icon: string;
            iconColor: string;
            background: string;
            width: number;
            iconFillType: string;
            iconSize: string;
        }, {}, {
            OcIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                name: {
                    type: StringConstructor;
                    default: string;
                };
                fillType: {
                    type: StringConstructor;
                    required: false;
                    default: string;
                    validator: (value: string) => boolean;
                };
                accessibleLabel: {
                    type: StringConstructor;
                    default: string;
                };
                type: {
                    type: StringConstructor;
                    default: string;
                };
                size: {
                    type: StringConstructor;
                    default: string;
                    validator: (value: unknown) => boolean;
                };
                variation: {
                    type: StringConstructor;
                    default: string;
                    validator: (value: string) => boolean;
                };
                color: {
                    type: StringConstructor;
                    required: false;
                    default: string;
                };
            }>, {}, {}, {
                svgTitleId(): string;
                nameWithFillType(): string;
            }, {
                sizeClass(c: string): string;
                variationClass(c: string): string;
                prefix(string: string): string;
                transformSvgElement(svg: SVGElement): SVGElement;
            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                name: {
                    type: StringConstructor;
                    default: string;
                };
                fillType: {
                    type: StringConstructor;
                    required: false;
                    default: string;
                    validator: (value: string) => boolean;
                };
                accessibleLabel: {
                    type: StringConstructor;
                    default: string;
                };
                type: {
                    type: StringConstructor;
                    default: string;
                };
                size: {
                    type: StringConstructor;
                    default: string;
                    validator: (value: unknown) => boolean;
                };
                variation: {
                    type: StringConstructor;
                    default: string;
                    validator: (value: string) => boolean;
                };
                color: {
                    type: StringConstructor;
                    required: false;
                    default: string;
                };
            }>> & Readonly<{
                onLoaded?: (...args: any[]) => any;
            }>, {
                name: string;
                type: string;
                fillType: string;
                accessibleLabel: string;
                size: string;
                variation: string;
                color: string;
            }, {}, {
                InlineSvg: import('vue').DefineComponent<import('vue-inline-svg').InlineSvgProps, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, import('vue-inline-svg').InlineSvgProps>;
            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    /**
     * Users, public links, groups, federated and guests to be displayed with avatars
     */
    items: {
        type: PropType<Item[]>;
        required: true;
    };
    /**
     * Asserts whether avatars should be stacked on each other
     */
    stacked: {
        type: BooleanConstructor;
        required: false;
        default: boolean;
    };
    /**
     * Asserts whether tooltip should be displayed on hover/focus
     */
    isTooltipDisplayed: {
        type: BooleanConstructor;
        required: false;
        default: boolean;
    };
    /**
     * Limits the number of avatars which will be displayed
     */
    maxDisplayed: {
        type: NumberConstructor;
        required: false;
        default: any;
    };
    /**
     * A description of the avatar group for screen readers. This is required as the avatar group element
     * is hidden for screen readers.
     */
    accessibleDescription: {
        type: StringConstructor;
        required: false;
        default: any;
    };
}>> & Readonly<{}>, {
    stacked: boolean;
    isTooltipDisplayed: boolean;
    maxDisplayed: number;
    accessibleDescription: string;
}, {}, {
    OcAvatar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        src: {
            type: StringConstructor;
            default: string;
        };
        userName: {
            type: StringConstructor;
            default: string;
        };
        accessibleLabel: {
            type: StringConstructor;
            required: false;
            default: string;
        };
        width: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
    }>, {}, {
        backgroundColors: string[];
        imgError: boolean;
    }, {
        background(): string;
        isImage(): boolean;
        style(): {
            width: string;
            height: string;
            lineHeight: string;
        };
        userInitial(): string;
    }, {
        onImgError(): void;
        randomBackgroundColor(seed: number, colors: string[]): string;
    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        src: {
            type: StringConstructor;
            default: string;
        };
        userName: {
            type: StringConstructor;
            default: string;
        };
        accessibleLabel: {
            type: StringConstructor;
            required: false;
            default: string;
        };
        width: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
    }>> & Readonly<{}>, {
        src: string;
        accessibleLabel: string;
        userName: string;
        width: number;
    }, {}, {
        OcImg: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
            src: {
                required: true;
                type: StringConstructor;
                default: any;
            };
            alt: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            title: {
                type: StringConstructor;
                required: false;
                default: any;
            };
            loadingType: {
                type: PropType<"lazy" | "eager">;
                required: false;
                default: string;
                validator: (value: string) => boolean;
            };
        }>, {}, {}, {
            ariaHidden(): boolean;
        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
            src: {
                required: true;
                type: StringConstructor;
                default: any;
            };
            alt: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            title: {
                type: StringConstructor;
                required: false;
                default: any;
            };
            loadingType: {
                type: PropType<"lazy" | "eager">;
                required: false;
                default: string;
                validator: (value: string) => boolean;
            };
        }>> & Readonly<{}>, {
            title: string;
            src: string;
            alt: string;
            loadingType: "lazy" | "eager";
        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    OcAvatarCount: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        count: {
            type: NumberConstructor;
            required: true;
        };
        size: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
    }>, {}, {}, {
        fontSize(): string;
    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        count: {
            type: NumberConstructor;
            required: true;
        };
        size: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
    }>> & Readonly<{}>, {
        size: number;
    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    OcAvatarLink: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        name: {
            type: StringConstructor;
            required: true;
        };
        accessibleLabel: {
            type: StringConstructor;
            required: false;
            default: string;
        };
        width: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
        iconSize: {
            type: StringConstructor;
            required: false;
            default: string;
        };
    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        name: {
            type: StringConstructor;
            required: true;
        };
        accessibleLabel: {
            type: StringConstructor;
            required: false;
            default: string;
        };
        width: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
        iconSize: {
            type: StringConstructor;
            required: false;
            default: string;
        };
    }>> & Readonly<{}>, {
        accessibleLabel: string;
        width: number;
        iconSize: string;
    }, {}, {
        OcAvatarItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
            name: {
                type: StringConstructor;
                required: true;
            };
            icon: {
                type: StringConstructor;
                required: false;
                default: any;
            };
            iconColor: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            iconFillType: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            iconSize: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            background: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            accessibleLabel: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            width: {
                type: NumberConstructor;
                required: false;
                default: number;
            };
        }>, {}, {}, {
            avatarWidth(): string;
            hasIcon(): boolean;
            backgroundColor(): string;
            pickBackgroundColor(): string;
        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
            name: {
                type: StringConstructor;
                required: true;
            };
            icon: {
                type: StringConstructor;
                required: false;
                default: any;
            };
            iconColor: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            iconFillType: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            iconSize: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            background: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            accessibleLabel: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            width: {
                type: NumberConstructor;
                required: false;
                default: number;
            };
        }>> & Readonly<{}>, {
            accessibleLabel: string;
            icon: string;
            iconColor: string;
            background: string;
            width: number;
            iconFillType: string;
            iconSize: string;
        }, {}, {
            OcIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                name: {
                    type: StringConstructor;
                    default: string;
                };
                fillType: {
                    type: StringConstructor;
                    required: false;
                    default: string;
                    validator: (value: string) => boolean;
                };
                accessibleLabel: {
                    type: StringConstructor;
                    default: string;
                };
                type: {
                    type: StringConstructor;
                    default: string;
                };
                size: {
                    type: StringConstructor;
                    default: string;
                    validator: (value: unknown) => boolean;
                };
                variation: {
                    type: StringConstructor;
                    default: string;
                    validator: (value: string) => boolean;
                };
                color: {
                    type: StringConstructor;
                    required: false;
                    default: string;
                };
            }>, {}, {}, {
                svgTitleId(): string;
                nameWithFillType(): string;
            }, {
                sizeClass(c: string): string;
                variationClass(c: string): string;
                prefix(string: string): string;
                transformSvgElement(svg: SVGElement): SVGElement;
            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                name: {
                    type: StringConstructor;
                    default: string;
                };
                fillType: {
                    type: StringConstructor;
                    required: false;
                    default: string;
                    validator: (value: string) => boolean;
                };
                accessibleLabel: {
                    type: StringConstructor;
                    default: string;
                };
                type: {
                    type: StringConstructor;
                    default: string;
                };
                size: {
                    type: StringConstructor;
                    default: string;
                    validator: (value: unknown) => boolean;
                };
                variation: {
                    type: StringConstructor;
                    default: string;
                    validator: (value: string) => boolean;
                };
                color: {
                    type: StringConstructor;
                    required: false;
                    default: string;
                };
            }>> & Readonly<{
                onLoaded?: (...args: any[]) => any;
            }>, {
                name: string;
                type: string;
                fillType: string;
                accessibleLabel: string;
                size: string;
                variation: string;
                color: string;
            }, {}, {
                InlineSvg: import('vue').DefineComponent<import('vue-inline-svg').InlineSvgProps, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, import('vue-inline-svg').InlineSvgProps>;
            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    OcAvatarGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        name: {
            type: StringConstructor;
            required: true;
        };
        accessibleLabel: {
            type: StringConstructor;
            required: false;
            default: string;
        };
        width: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
        iconSize: {
            type: StringConstructor;
            required: false;
            default: string;
        };
    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        name: {
            type: StringConstructor;
            required: true;
        };
        accessibleLabel: {
            type: StringConstructor;
            required: false;
            default: string;
        };
        width: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
        iconSize: {
            type: StringConstructor;
            required: false;
            default: string;
        };
    }>> & Readonly<{}>, {
        accessibleLabel: string;
        width: number;
        iconSize: string;
    }, {}, {
        OcAvatarItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
            name: {
                type: StringConstructor;
                required: true;
            };
            icon: {
                type: StringConstructor;
                required: false;
                default: any;
            };
            iconColor: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            iconFillType: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            iconSize: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            background: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            accessibleLabel: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            width: {
                type: NumberConstructor;
                required: false;
                default: number;
            };
        }>, {}, {}, {
            avatarWidth(): string;
            hasIcon(): boolean;
            backgroundColor(): string;
            pickBackgroundColor(): string;
        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
            name: {
                type: StringConstructor;
                required: true;
            };
            icon: {
                type: StringConstructor;
                required: false;
                default: any;
            };
            iconColor: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            iconFillType: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            iconSize: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            background: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            accessibleLabel: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            width: {
                type: NumberConstructor;
                required: false;
                default: number;
            };
        }>> & Readonly<{}>, {
            accessibleLabel: string;
            icon: string;
            iconColor: string;
            background: string;
            width: number;
            iconFillType: string;
            iconSize: string;
        }, {}, {
            OcIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                name: {
                    type: StringConstructor;
                    default: string;
                };
                fillType: {
                    type: StringConstructor;
                    required: false;
                    default: string;
                    validator: (value: string) => boolean;
                };
                accessibleLabel: {
                    type: StringConstructor;
                    default: string;
                };
                type: {
                    type: StringConstructor;
                    default: string;
                };
                size: {
                    type: StringConstructor;
                    default: string;
                    validator: (value: unknown) => boolean;
                };
                variation: {
                    type: StringConstructor;
                    default: string;
                    validator: (value: string) => boolean;
                };
                color: {
                    type: StringConstructor;
                    required: false;
                    default: string;
                };
            }>, {}, {}, {
                svgTitleId(): string;
                nameWithFillType(): string;
            }, {
                sizeClass(c: string): string;
                variationClass(c: string): string;
                prefix(string: string): string;
                transformSvgElement(svg: SVGElement): SVGElement;
            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                name: {
                    type: StringConstructor;
                    default: string;
                };
                fillType: {
                    type: StringConstructor;
                    required: false;
                    default: string;
                    validator: (value: string) => boolean;
                };
                accessibleLabel: {
                    type: StringConstructor;
                    default: string;
                };
                type: {
                    type: StringConstructor;
                    default: string;
                };
                size: {
                    type: StringConstructor;
                    default: string;
                    validator: (value: unknown) => boolean;
                };
                variation: {
                    type: StringConstructor;
                    default: string;
                    validator: (value: string) => boolean;
                };
                color: {
                    type: StringConstructor;
                    required: false;
                    default: string;
                };
            }>> & Readonly<{
                onLoaded?: (...args: any[]) => any;
            }>, {
                name: string;
                type: string;
                fillType: string;
                accessibleLabel: string;
                size: string;
                variation: string;
                color: string;
            }, {}, {
                InlineSvg: import('vue').DefineComponent<import('vue-inline-svg').InlineSvgProps, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, import('vue-inline-svg').InlineSvgProps>;
            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    OcAvatarFederated: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        name: {
            type: StringConstructor;
            required: true;
        };
        accessibleLabel: {
            type: StringConstructor;
            required: false;
            default: string;
        };
        width: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
        iconSize: {
            type: StringConstructor;
            required: false;
            default: string;
        };
    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        name: {
            type: StringConstructor;
            required: true;
        };
        accessibleLabel: {
            type: StringConstructor;
            required: false;
            default: string;
        };
        width: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
        iconSize: {
            type: StringConstructor;
            required: false;
            default: string;
        };
    }>> & Readonly<{}>, {
        accessibleLabel: string;
        width: number;
        iconSize: string;
    }, {}, {
        OcAvatarItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
            name: {
                type: StringConstructor;
                required: true;
            };
            icon: {
                type: StringConstructor;
                required: false;
                default: any;
            };
            iconColor: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            iconFillType: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            iconSize: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            background: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            accessibleLabel: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            width: {
                type: NumberConstructor;
                required: false;
                default: number;
            };
        }>, {}, {}, {
            avatarWidth(): string;
            hasIcon(): boolean;
            backgroundColor(): string;
            pickBackgroundColor(): string;
        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
            name: {
                type: StringConstructor;
                required: true;
            };
            icon: {
                type: StringConstructor;
                required: false;
                default: any;
            };
            iconColor: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            iconFillType: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            iconSize: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            background: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            accessibleLabel: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            width: {
                type: NumberConstructor;
                required: false;
                default: number;
            };
        }>> & Readonly<{}>, {
            accessibleLabel: string;
            icon: string;
            iconColor: string;
            background: string;
            width: number;
            iconFillType: string;
            iconSize: string;
        }, {}, {
            OcIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                name: {
                    type: StringConstructor;
                    default: string;
                };
                fillType: {
                    type: StringConstructor;
                    required: false;
                    default: string;
                    validator: (value: string) => boolean;
                };
                accessibleLabel: {
                    type: StringConstructor;
                    default: string;
                };
                type: {
                    type: StringConstructor;
                    default: string;
                };
                size: {
                    type: StringConstructor;
                    default: string;
                    validator: (value: unknown) => boolean;
                };
                variation: {
                    type: StringConstructor;
                    default: string;
                    validator: (value: string) => boolean;
                };
                color: {
                    type: StringConstructor;
                    required: false;
                    default: string;
                };
            }>, {}, {}, {
                svgTitleId(): string;
                nameWithFillType(): string;
            }, {
                sizeClass(c: string): string;
                variationClass(c: string): string;
                prefix(string: string): string;
                transformSvgElement(svg: SVGElement): SVGElement;
            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                name: {
                    type: StringConstructor;
                    default: string;
                };
                fillType: {
                    type: StringConstructor;
                    required: false;
                    default: string;
                    validator: (value: string) => boolean;
                };
                accessibleLabel: {
                    type: StringConstructor;
                    default: string;
                };
                type: {
                    type: StringConstructor;
                    default: string;
                };
                size: {
                    type: StringConstructor;
                    default: string;
                    validator: (value: unknown) => boolean;
                };
                variation: {
                    type: StringConstructor;
                    default: string;
                    validator: (value: string) => boolean;
                };
                color: {
                    type: StringConstructor;
                    required: false;
                    default: string;
                };
            }>> & Readonly<{
                onLoaded?: (...args: any[]) => any;
            }>, {
                name: string;
                type: string;
                fillType: string;
                accessibleLabel: string;
                size: string;
                variation: string;
                color: string;
            }, {}, {
                InlineSvg: import('vue').DefineComponent<import('vue-inline-svg').InlineSvgProps, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, import('vue-inline-svg').InlineSvgProps>;
            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    OcAvatarGuest: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        name: {
            type: StringConstructor;
            required: true;
        };
        accessibleLabel: {
            type: StringConstructor;
            required: false;
            default: string;
        };
        width: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
        iconSize: {
            type: StringConstructor;
            required: false;
            default: string;
        };
    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        name: {
            type: StringConstructor;
            required: true;
        };
        accessibleLabel: {
            type: StringConstructor;
            required: false;
            default: string;
        };
        width: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
        iconSize: {
            type: StringConstructor;
            required: false;
            default: string;
        };
    }>> & Readonly<{}>, {
        accessibleLabel: string;
        width: number;
        iconSize: string;
    }, {}, {
        OcAvatarItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
            name: {
                type: StringConstructor;
                required: true;
            };
            icon: {
                type: StringConstructor;
                required: false;
                default: any;
            };
            iconColor: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            iconFillType: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            iconSize: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            background: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            accessibleLabel: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            width: {
                type: NumberConstructor;
                required: false;
                default: number;
            };
        }>, {}, {}, {
            avatarWidth(): string;
            hasIcon(): boolean;
            backgroundColor(): string;
            pickBackgroundColor(): string;
        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
            name: {
                type: StringConstructor;
                required: true;
            };
            icon: {
                type: StringConstructor;
                required: false;
                default: any;
            };
            iconColor: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            iconFillType: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            iconSize: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            background: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            accessibleLabel: {
                type: StringConstructor;
                required: false;
                default: string;
            };
            width: {
                type: NumberConstructor;
                required: false;
                default: number;
            };
        }>> & Readonly<{}>, {
            accessibleLabel: string;
            icon: string;
            iconColor: string;
            background: string;
            width: number;
            iconFillType: string;
            iconSize: string;
        }, {}, {
            OcIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                name: {
                    type: StringConstructor;
                    default: string;
                };
                fillType: {
                    type: StringConstructor;
                    required: false;
                    default: string;
                    validator: (value: string) => boolean;
                };
                accessibleLabel: {
                    type: StringConstructor;
                    default: string;
                };
                type: {
                    type: StringConstructor;
                    default: string;
                };
                size: {
                    type: StringConstructor;
                    default: string;
                    validator: (value: unknown) => boolean;
                };
                variation: {
                    type: StringConstructor;
                    default: string;
                    validator: (value: string) => boolean;
                };
                color: {
                    type: StringConstructor;
                    required: false;
                    default: string;
                };
            }>, {}, {}, {
                svgTitleId(): string;
                nameWithFillType(): string;
            }, {
                sizeClass(c: string): string;
                variationClass(c: string): string;
                prefix(string: string): string;
                transformSvgElement(svg: SVGElement): SVGElement;
            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                name: {
                    type: StringConstructor;
                    default: string;
                };
                fillType: {
                    type: StringConstructor;
                    required: false;
                    default: string;
                    validator: (value: string) => boolean;
                };
                accessibleLabel: {
                    type: StringConstructor;
                    default: string;
                };
                type: {
                    type: StringConstructor;
                    default: string;
                };
                size: {
                    type: StringConstructor;
                    default: string;
                    validator: (value: unknown) => boolean;
                };
                variation: {
                    type: StringConstructor;
                    default: string;
                    validator: (value: string) => boolean;
                };
                color: {
                    type: StringConstructor;
                    required: false;
                    default: string;
                };
            }>> & Readonly<{
                onLoaded?: (...args: any[]) => any;
            }>, {
                name: string;
                type: string;
                fillType: string;
                accessibleLabel: string;
                size: string;
                variation: string;
                color: string;
            }, {}, {
                InlineSvg: import('vue').DefineComponent<import('vue-inline-svg').InlineSvgProps, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, import('vue-inline-svg').InlineSvgProps>;
            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;