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

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

import { PropType } from 'vue';
import { Recipient } from '../../helpers';
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    /**
     * Recipient object containing name (required), icon and avatar
     */
    recipient: {
        type: PropType<Recipient>;
        required: true;
        validator: (recipient: Recipient) => boolean;
    };
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    /**
     * Recipient object containing name (required), icon and avatar
     */
    recipient: {
        type: PropType<Recipient>;
        required: true;
        validator: (recipient: Recipient) => boolean;
    };
}>> & Readonly<{}>, {}, {}, {
    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>;
    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>;
    OcSpinner: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        ariaLabel: {
            type: StringConstructor;
            required: false;
            default: string;
        };
        size: {
            type: StringConstructor;
            default: string;
            validator: (value: string) => boolean;
        };
    }>, {}, {}, {
        $_ocSpinner_class(): string[];
    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        ariaLabel: {
            type: StringConstructor;
            required: false;
            default: string;
        };
        size: {
            type: StringConstructor;
            default: string;
            validator: (value: string) => boolean;
        };
    }>> & Readonly<{}>, {
        size: string;
        ariaLabel: string;
    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;