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

Dialpad's Dialtone design system monorepo

declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    paragraphOption: {
        type: (ObjectConstructor | BooleanConstructor)[];
        default: null;
    };
    listItemOption: {
        type: (ObjectConstructor | BooleanConstructor)[];
        default: null;
    };
    textOption: {
        type: ObjectConstructor;
        default: null;
    };
    shapeOption: {
        type: (ObjectConstructor | BooleanConstructor)[];
        default: null;
    };
    animationDuration: {
        type: NumberConstructor;
        default: number;
    };
    ariaLabel: {
        type: StringConstructor;
        default: string;
    };
    animate: {
        type: BooleanConstructor;
        default: boolean;
    };
    offset: {
        type: NumberConstructor;
        default: number;
    };
}>, {}, {}, {
    validationOptions(): {
        paragraphOption: boolean | Record<string, any>;
        listItemOption: boolean | Record<string, any>;
        textOption: Record<string, any>;
        shapeOption: boolean | Record<string, any>;
    };
}, {
    validator(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    paragraphOption: {
        type: (ObjectConstructor | BooleanConstructor)[];
        default: null;
    };
    listItemOption: {
        type: (ObjectConstructor | BooleanConstructor)[];
        default: null;
    };
    textOption: {
        type: ObjectConstructor;
        default: null;
    };
    shapeOption: {
        type: (ObjectConstructor | BooleanConstructor)[];
        default: null;
    };
    animationDuration: {
        type: NumberConstructor;
        default: number;
    };
    ariaLabel: {
        type: StringConstructor;
        default: string;
    };
    animate: {
        type: BooleanConstructor;
        default: boolean;
    };
    offset: {
        type: NumberConstructor;
        default: number;
    };
}>> & Readonly<{}>, {
    offset: number;
    animationDuration: number;
    ariaLabel: string;
    animate: boolean;
    paragraphOption: boolean | Record<string, any>;
    listItemOption: boolean | Record<string, any>;
    textOption: Record<string, any>;
    shapeOption: boolean | Record<string, any>;
}, {}, {
    DtSkeletonText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        type: {
            type: StringConstructor;
            default: string;
            validator: (type: unknown) => boolean;
        };
        headingHeight: {
            type: StringConstructor;
            default: string;
            validator: (headingHeight: unknown) => boolean;
        };
        width: {
            type: StringConstructor;
            default: string;
        };
        animationDuration: {
            type: NumberConstructor;
            default: number;
        };
        animate: {
            type: BooleanConstructor;
            default: boolean;
        };
        offset: {
            type: NumberConstructor;
            default: number;
        };
        contentClass: {
            type: StringConstructor;
            default: string;
        };
    }>, {}, {
        SKELETON_HEADING_HEIGHTS: {
            sm: string;
            md: string;
            lg: string;
        };
    }, {}, {}, {
        computed: {
            skeletonOffset(): any;
            skeletonStyle(): {
                animationDelay: string;
                animationDuration: any;
            };
        };
    }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        type: {
            type: StringConstructor;
            default: string;
            validator: (type: unknown) => boolean;
        };
        headingHeight: {
            type: StringConstructor;
            default: string;
            validator: (headingHeight: unknown) => boolean;
        };
        width: {
            type: StringConstructor;
            default: string;
        };
        animationDuration: {
            type: NumberConstructor;
            default: number;
        };
        animate: {
            type: BooleanConstructor;
            default: boolean;
        };
        offset: {
            type: NumberConstructor;
            default: number;
        };
        contentClass: {
            type: StringConstructor;
            default: string;
        };
    }>> & Readonly<{}>, {
        type: string;
        offset: number;
        animationDuration: number;
        width: string;
        contentClass: string;
        animate: boolean;
        headingHeight: string;
    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    DtSkeletonShape: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        shape: {
            type: StringConstructor;
            default: string;
            validator: (shape: unknown) => boolean;
        };
        size: {
            type: StringConstructor;
            default: string;
        };
        animationDuration: {
            type: NumberConstructor;
            default: number;
        };
        animate: {
            type: BooleanConstructor;
            default: boolean;
        };
        offset: {
            type: NumberConstructor;
            default: number;
        };
        contentClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
    }>, {}, {
        SKELETON_SHAPES: {
            circle: string;
            square: string;
        };
    }, {
        shapeStyles(): {
            'min-width': any;
            'max-width': any;
            'min-height': any;
            'max-height': any;
            animationDelay: string;
            animationDuration: any;
        };
    }, {}, {
        computed: {
            skeletonOffset(): any;
            skeletonStyle(): {
                animationDelay: string;
                animationDuration: any;
            };
        };
    }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        shape: {
            type: StringConstructor;
            default: string;
            validator: (shape: unknown) => boolean;
        };
        size: {
            type: StringConstructor;
            default: string;
        };
        animationDuration: {
            type: NumberConstructor;
            default: number;
        };
        animate: {
            type: BooleanConstructor;
            default: boolean;
        };
        offset: {
            type: NumberConstructor;
            default: number;
        };
        contentClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
    }>> & Readonly<{}>, {
        offset: number;
        animationDuration: number;
        size: string;
        contentClass: string | unknown[] | Record<string, any>;
        shape: string;
        animate: boolean;
    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    DtSkeletonListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        shape: {
            type: StringConstructor;
            default: string;
            validator: (shape: unknown) => boolean;
        };
        shapeSize: {
            type: StringConstructor;
            default: string;
        };
        paragraphs: {
            type: ObjectConstructor;
            default: () => {
                rows: number;
                randomWidth: boolean;
            };
        };
        animationDuration: {
            type: NumberConstructor;
            default: number;
        };
        animate: {
            type: BooleanConstructor;
            default: boolean;
        };
        offset: {
            type: NumberConstructor;
            default: number;
        };
        shapeClass: {
            type: StringConstructor;
            default: string;
        };
        contentClass: {
            type: StringConstructor;
            default: string;
        };
    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        shape: {
            type: StringConstructor;
            default: string;
            validator: (shape: unknown) => boolean;
        };
        shapeSize: {
            type: StringConstructor;
            default: string;
        };
        paragraphs: {
            type: ObjectConstructor;
            default: () => {
                rows: number;
                randomWidth: boolean;
            };
        };
        animationDuration: {
            type: NumberConstructor;
            default: number;
        };
        animate: {
            type: BooleanConstructor;
            default: boolean;
        };
        offset: {
            type: NumberConstructor;
            default: number;
        };
        shapeClass: {
            type: StringConstructor;
            default: string;
        };
        contentClass: {
            type: StringConstructor;
            default: string;
        };
    }>> & Readonly<{}>, {
        offset: number;
        animationDuration: number;
        contentClass: string;
        shape: string;
        animate: boolean;
        shapeSize: string;
        paragraphs: Record<string, any>;
        shapeClass: string;
    }, {}, {
        DtSkeletonShape: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
            shape: {
                type: StringConstructor;
                default: string;
                validator: (shape: unknown) => boolean;
            };
            size: {
                type: StringConstructor;
                default: string;
            };
            animationDuration: {
                type: NumberConstructor;
                default: number;
            };
            animate: {
                type: BooleanConstructor;
                default: boolean;
            };
            offset: {
                type: NumberConstructor;
                default: number;
            };
            contentClass: {
                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                default: string;
            };
        }>, {}, {
            SKELETON_SHAPES: {
                circle: string;
                square: string;
            };
        }, {
            shapeStyles(): {
                'min-width': any;
                'max-width': any;
                'min-height': any;
                'max-height': any;
                animationDelay: string;
                animationDuration: any;
            };
        }, {}, {
            computed: {
                skeletonOffset(): any;
                skeletonStyle(): {
                    animationDelay: string;
                    animationDuration: any;
                };
            };
        }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
            shape: {
                type: StringConstructor;
                default: string;
                validator: (shape: unknown) => boolean;
            };
            size: {
                type: StringConstructor;
                default: string;
            };
            animationDuration: {
                type: NumberConstructor;
                default: number;
            };
            animate: {
                type: BooleanConstructor;
                default: boolean;
            };
            offset: {
                type: NumberConstructor;
                default: number;
            };
            contentClass: {
                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                default: string;
            };
        }>> & Readonly<{}>, {
            offset: number;
            animationDuration: number;
            size: string;
            contentClass: string | unknown[] | Record<string, any>;
            shape: string;
            animate: boolean;
        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
        DtSkeletonParagraph: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
            rows: {
                type: (StringConstructor | NumberConstructor)[];
                default: number;
                validator: (number: any) => boolean;
            };
            animate: {
                type: BooleanConstructor;
                default: boolean;
            };
            minWidth: {
                type: (StringConstructor | NumberConstructor)[];
                default: number;
                validator: (number: any) => boolean;
            };
            maxWidth: {
                type: (StringConstructor | NumberConstructor)[];
                default: number;
                validator: (number: any) => boolean;
            };
            width: {
                type: (StringConstructor | ArrayConstructor)[];
                default: null;
            };
            randomWidth: {
                type: BooleanConstructor;
                default: boolean;
            };
            offset: {
                type: NumberConstructor;
                default: number;
            };
            animationDuration: {
                type: NumberConstructor;
                default: number;
            };
            contentClass: {
                type: StringConstructor;
                default: string;
            };
            rowClass: {
                type: StringConstructor;
                default: string;
            };
        }>, {}, {}, {
            integerRows(): number;
        }, {
            randomWidthPercentage(): string;
            getSizeParagraphRow(row: any): {};
        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
            rows: {
                type: (StringConstructor | NumberConstructor)[];
                default: number;
                validator: (number: any) => boolean;
            };
            animate: {
                type: BooleanConstructor;
                default: boolean;
            };
            minWidth: {
                type: (StringConstructor | NumberConstructor)[];
                default: number;
                validator: (number: any) => boolean;
            };
            maxWidth: {
                type: (StringConstructor | NumberConstructor)[];
                default: number;
                validator: (number: any) => boolean;
            };
            width: {
                type: (StringConstructor | ArrayConstructor)[];
                default: null;
            };
            randomWidth: {
                type: BooleanConstructor;
                default: boolean;
            };
            offset: {
                type: NumberConstructor;
                default: number;
            };
            animationDuration: {
                type: NumberConstructor;
                default: number;
            };
            contentClass: {
                type: StringConstructor;
                default: string;
            };
            rowClass: {
                type: StringConstructor;
                default: string;
            };
        }>> & Readonly<{}>, {
            offset: number;
            animationDuration: number;
            width: string | unknown[];
            contentClass: string;
            maxWidth: string | number;
            animate: boolean;
            rows: string | number;
            minWidth: string | number;
            randomWidth: boolean;
            rowClass: string;
        }, {}, {
            DtSkeletonText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                type: {
                    type: StringConstructor;
                    default: string;
                    validator: (type: unknown) => boolean;
                };
                headingHeight: {
                    type: StringConstructor;
                    default: string;
                    validator: (headingHeight: unknown) => boolean;
                };
                width: {
                    type: StringConstructor;
                    default: string;
                };
                animationDuration: {
                    type: NumberConstructor;
                    default: number;
                };
                animate: {
                    type: BooleanConstructor;
                    default: boolean;
                };
                offset: {
                    type: NumberConstructor;
                    default: number;
                };
                contentClass: {
                    type: StringConstructor;
                    default: string;
                };
            }>, {}, {
                SKELETON_HEADING_HEIGHTS: {
                    sm: string;
                    md: string;
                    lg: string;
                };
            }, {}, {}, {
                computed: {
                    skeletonOffset(): any;
                    skeletonStyle(): {
                        animationDelay: string;
                        animationDuration: any;
                    };
                };
            }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                type: {
                    type: StringConstructor;
                    default: string;
                    validator: (type: unknown) => boolean;
                };
                headingHeight: {
                    type: StringConstructor;
                    default: string;
                    validator: (headingHeight: unknown) => boolean;
                };
                width: {
                    type: StringConstructor;
                    default: string;
                };
                animationDuration: {
                    type: NumberConstructor;
                    default: number;
                };
                animate: {
                    type: BooleanConstructor;
                    default: boolean;
                };
                offset: {
                    type: NumberConstructor;
                    default: number;
                };
                contentClass: {
                    type: StringConstructor;
                    default: string;
                };
            }>> & Readonly<{}>, {
                type: string;
                offset: number;
                animationDuration: number;
                width: string;
                contentClass: string;
                animate: boolean;
                headingHeight: string;
            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    DtSkeletonParagraph: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        rows: {
            type: (StringConstructor | NumberConstructor)[];
            default: number;
            validator: (number: any) => boolean;
        };
        animate: {
            type: BooleanConstructor;
            default: boolean;
        };
        minWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: number;
            validator: (number: any) => boolean;
        };
        maxWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: number;
            validator: (number: any) => boolean;
        };
        width: {
            type: (StringConstructor | ArrayConstructor)[];
            default: null;
        };
        randomWidth: {
            type: BooleanConstructor;
            default: boolean;
        };
        offset: {
            type: NumberConstructor;
            default: number;
        };
        animationDuration: {
            type: NumberConstructor;
            default: number;
        };
        contentClass: {
            type: StringConstructor;
            default: string;
        };
        rowClass: {
            type: StringConstructor;
            default: string;
        };
    }>, {}, {}, {
        integerRows(): number;
    }, {
        randomWidthPercentage(): string;
        getSizeParagraphRow(row: any): {};
    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        rows: {
            type: (StringConstructor | NumberConstructor)[];
            default: number;
            validator: (number: any) => boolean;
        };
        animate: {
            type: BooleanConstructor;
            default: boolean;
        };
        minWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: number;
            validator: (number: any) => boolean;
        };
        maxWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: number;
            validator: (number: any) => boolean;
        };
        width: {
            type: (StringConstructor | ArrayConstructor)[];
            default: null;
        };
        randomWidth: {
            type: BooleanConstructor;
            default: boolean;
        };
        offset: {
            type: NumberConstructor;
            default: number;
        };
        animationDuration: {
            type: NumberConstructor;
            default: number;
        };
        contentClass: {
            type: StringConstructor;
            default: string;
        };
        rowClass: {
            type: StringConstructor;
            default: string;
        };
    }>> & Readonly<{}>, {
        offset: number;
        animationDuration: number;
        width: string | unknown[];
        contentClass: string;
        maxWidth: string | number;
        animate: boolean;
        rows: string | number;
        minWidth: string | number;
        randomWidth: boolean;
        rowClass: string;
    }, {}, {
        DtSkeletonText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
            type: {
                type: StringConstructor;
                default: string;
                validator: (type: unknown) => boolean;
            };
            headingHeight: {
                type: StringConstructor;
                default: string;
                validator: (headingHeight: unknown) => boolean;
            };
            width: {
                type: StringConstructor;
                default: string;
            };
            animationDuration: {
                type: NumberConstructor;
                default: number;
            };
            animate: {
                type: BooleanConstructor;
                default: boolean;
            };
            offset: {
                type: NumberConstructor;
                default: number;
            };
            contentClass: {
                type: StringConstructor;
                default: string;
            };
        }>, {}, {
            SKELETON_HEADING_HEIGHTS: {
                sm: string;
                md: string;
                lg: string;
            };
        }, {}, {}, {
            computed: {
                skeletonOffset(): any;
                skeletonStyle(): {
                    animationDelay: string;
                    animationDuration: any;
                };
            };
        }, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
            type: {
                type: StringConstructor;
                default: string;
                validator: (type: unknown) => boolean;
            };
            headingHeight: {
                type: StringConstructor;
                default: string;
                validator: (headingHeight: unknown) => boolean;
            };
            width: {
                type: StringConstructor;
                default: string;
            };
            animationDuration: {
                type: NumberConstructor;
                default: number;
            };
            animate: {
                type: BooleanConstructor;
                default: boolean;
            };
            offset: {
                type: NumberConstructor;
                default: number;
            };
            contentClass: {
                type: StringConstructor;
                default: string;
            };
        }>> & Readonly<{}>, {
            type: string;
            offset: number;
            animationDuration: number;
            width: string;
            contentClass: string;
            animate: boolean;
            headingHeight: string;
        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;
//# sourceMappingURL=skeleton.vue.d.ts.map