UNPKG

@dialpad/dialtone-vue

Version:

Vue component library for Dialpad's design system Dialtone

2,331 lines • 89.9 kB
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    reactions: {
        type: ArrayConstructor;
        default: () => never[];
        validator: (reactions: unknown) => boolean;
    };
}>, {}, {
    i18n: any;
}, {}, {
    emojiClicked(reaction: any): void;
    emojiHovered(reaction: any, state: any): void;
    reactionLabel(reaction: any): any;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("emoji-clicked" | "emoji-hovered")[], "emoji-clicked" | "emoji-hovered", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    reactions: {
        type: ArrayConstructor;
        default: () => never[];
        validator: (reactions: unknown) => boolean;
    };
}>> & Readonly<{
    "onEmoji-clicked"?: ((...args: any[]) => any) | undefined;
    "onEmoji-hovered"?: ((...args: any[]) => any) | undefined;
}>, {
    reactions: unknown[];
}, {}, {
    DtTooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        id: {
            type: StringConstructor;
            default(): string;
        };
        fallbackPlacements: {
            type: ArrayConstructor;
            default: () => string[];
        };
        inverted: {
            type: BooleanConstructor;
            default: boolean;
        };
        offset: {
            type: ArrayConstructor;
            default: () => number[];
        };
        placement: {
            type: StringConstructor;
            default: string;
            validator(placement: unknown): boolean;
        };
        sticky: {
            type: (StringConstructor | BooleanConstructor)[];
            default: boolean;
            validator: (sticky: unknown) => boolean;
        };
        appendTo: {
            type: ({
                new (): HTMLElement;
                prototype: HTMLElement;
            } | ObjectConstructor | StringConstructor)[];
            default: string;
            validator: (appendTo: unknown) => boolean;
        };
        contentClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        message: {
            type: StringConstructor;
            default: string;
        };
        enabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        show: {
            type: BooleanConstructor;
            default: null;
        };
        transition: {
            type: BooleanConstructor;
            default: boolean;
        };
        delay: {
            type: BooleanConstructor;
            default: boolean;
        };
        theme: {
            type: StringConstructor;
            default: null;
        };
        externalAnchor: {
            type: StringConstructor;
            default: null;
        };
        externalAnchorElement: {
            type: {
                new (): HTMLElement;
                prototype: HTMLElement;
            } | ObjectConstructor;
            default: null;
        };
    }>, {}, {
        TOOLTIP_KIND_MODIFIERS: {
            hover: string;
            show: string;
            inverted: string;
            hide: string;
        };
        hasSlotContent: typeof import('../../../index.js').hasSlotContent;
        tip: null;
        inTimer: null;
        internalShow: boolean;
        currentPlacement: string;
    }, {
        tippyProps(): {
            offset: unknown[];
            delay: number | boolean;
            placement: string;
            sticky: string | boolean;
            theme: string;
            animation: string | boolean;
            onShown: (tooltipInstance: any) => false | undefined;
            onShow: (tooltipInstance: any) => false | undefined;
            onHidden: () => void;
            popperOptions: {
                modifiers: ({
                    name: string;
                    options: {
                        fallbackPlacements: any[];
                        boundary: string;
                        altAxis?: undefined;
                        tether?: undefined;
                    };
                    enabled?: undefined;
                } | {
                    name: string;
                    enabled: boolean;
                    options?: undefined;
                } | {
                    name: string;
                    options: {
                        altAxis: boolean;
                        tether: boolean;
                        boundary: string;
                        fallbackPlacements?: undefined;
                    };
                    enabled?: undefined;
                })[];
            };
        };
        anchor(): any;
    }, {
        calculateAnchorZindex(): 651 | 400;
        hasVisibleFocus(): any;
        onEnterAnchor(e: any): void;
        triggerShow(e: any): void;
        onLeaveAnchor(e: any): void;
        triggerHide(): void;
        onChangePlacement(placement: any): void;
        onHide(): void;
        onShow(tooltipInstance: any, callingMethod: any): false | undefined;
        setProps(): void;
        onMount(): void;
        tooltipHasContent(tooltipInstance: any): boolean;
        initOptions(): {
            content: unknown;
            arrow: string;
            duration: number;
            interactive: boolean;
            trigger: string;
            hideOnClick: boolean;
            touch: boolean;
            onMount: () => void;
            showOnCreate: boolean;
            popperOptions: {
                modifiers: ({
                    name: string;
                    options: {
                        fallbackPlacements: any[];
                        boundary: string;
                        altAxis?: undefined;
                        tether?: undefined;
                    };
                    enabled?: undefined;
                } | {
                    name: string;
                    enabled: boolean;
                    options?: undefined;
                } | {
                    name: string;
                    options: {
                        altAxis: boolean;
                        tether: boolean;
                        boundary: string;
                        fallbackPlacements?: undefined;
                    };
                    enabled?: undefined;
                })[];
            };
        };
        addExternalAnchorEventListeners(): void;
        removeExternalAnchorEventListeners(): void;
    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("shown" | "update:show")[], "shown" | "update:show", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        id: {
            type: StringConstructor;
            default(): string;
        };
        fallbackPlacements: {
            type: ArrayConstructor;
            default: () => string[];
        };
        inverted: {
            type: BooleanConstructor;
            default: boolean;
        };
        offset: {
            type: ArrayConstructor;
            default: () => number[];
        };
        placement: {
            type: StringConstructor;
            default: string;
            validator(placement: unknown): boolean;
        };
        sticky: {
            type: (StringConstructor | BooleanConstructor)[];
            default: boolean;
            validator: (sticky: unknown) => boolean;
        };
        appendTo: {
            type: ({
                new (): HTMLElement;
                prototype: HTMLElement;
            } | ObjectConstructor | StringConstructor)[];
            default: string;
            validator: (appendTo: unknown) => boolean;
        };
        contentClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        message: {
            type: StringConstructor;
            default: string;
        };
        enabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        show: {
            type: BooleanConstructor;
            default: null;
        };
        transition: {
            type: BooleanConstructor;
            default: boolean;
        };
        delay: {
            type: BooleanConstructor;
            default: boolean;
        };
        theme: {
            type: StringConstructor;
            default: null;
        };
        externalAnchor: {
            type: StringConstructor;
            default: null;
        };
        externalAnchorElement: {
            type: {
                new (): HTMLElement;
                prototype: HTMLElement;
            } | ObjectConstructor;
            default: null;
        };
    }>> & Readonly<{
        onShown?: ((...args: any[]) => any) | undefined;
        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
    }>, {
        id: string;
        offset: unknown[];
        message: string;
        inverted: boolean;
        contentClass: string | unknown[] | Record<string, any>;
        show: boolean;
        transition: boolean;
        appendTo: string | HTMLElement | Record<string, any>;
        delay: boolean;
        placement: string;
        sticky: string | boolean;
        theme: string;
        fallbackPlacements: unknown[];
        enabled: boolean;
        externalAnchor: string;
        externalAnchorElement: any;
    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        circle: {
            type: BooleanConstructor;
            default: boolean;
        };
        iconPosition: {
            type: StringConstructor;
            default: string;
            validator: (position: unknown) => boolean;
        };
        importance: {
            type: StringConstructor;
            default: string;
            validator: (i: unknown) => boolean;
        };
        link: {
            type: BooleanConstructor;
            default: boolean;
        };
        linkKind: {
            type: StringConstructor;
            default: string;
            validator: (lk: unknown) => boolean;
        };
        linkInverted: {
            type: BooleanConstructor;
            default: boolean;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        type: {
            type: StringConstructor;
            default: string;
            validator: (t: unknown) => boolean;
        };
        width: {
            type: StringConstructor;
            default: null;
        };
        size: {
            type: StringConstructor;
            default: string;
            validator: (s: unknown) => boolean;
        };
        labelClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        loading: {
            type: BooleanConstructor;
            default: boolean;
        };
        kind: {
            type: StringConstructor;
            default: string;
            validator: (k: unknown) => boolean;
        };
        assertiveOnFocus: {
            type: BooleanConstructor;
            default: boolean;
        };
        active: {
            type: BooleanConstructor;
            default: boolean;
        };
        to: {
            type: (ObjectConstructor | StringConstructor)[];
            default: null;
        };
        href: {
            type: StringConstructor;
            default: null;
        };
        target: {
            type: StringConstructor;
            default: null;
        };
        rel: {
            type: StringConstructor;
            default: null;
        };
        replace: {
            type: BooleanConstructor;
            default: boolean;
        };
    }>, {}, {
        ICON_POSITION_MODIFIERS: {
            left: string;
            right: string;
            top: string;
            bottom: string;
        };
        isInFocus: boolean;
        hasSlotContent: typeof import('../../../index.js').hasSlotContent;
        i18n: any;
    }, {
        computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
        isNativeButton(): boolean;
        computedAttrs(): {
            'aria-disabled'?: string | undefined;
            tabindex?: string | undefined;
            to: string | Record<string, any>;
            replace: boolean;
            type?: undefined;
            disabled?: undefined;
        } | {
            'aria-disabled'?: string | undefined;
            tabindex?: string | undefined;
            href: string | null;
            target: string;
            rel: string;
            type?: undefined;
            disabled?: undefined;
        } | {
            type: string;
            disabled: boolean;
        };
        computedListeners(): {
            focusin: (e: any) => void;
            focusout: (e: any) => void;
        };
        computedAriaLive(): unknown;
        iconSize(): any;
        loaderSize(): any;
    }, {
        resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
        buttonClasses(): any[];
        isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
        shouldRenderIcon(): any;
        isIconOnly(): any;
        isVerticalIconLayout(): boolean;
    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        circle: {
            type: BooleanConstructor;
            default: boolean;
        };
        iconPosition: {
            type: StringConstructor;
            default: string;
            validator: (position: unknown) => boolean;
        };
        importance: {
            type: StringConstructor;
            default: string;
            validator: (i: unknown) => boolean;
        };
        link: {
            type: BooleanConstructor;
            default: boolean;
        };
        linkKind: {
            type: StringConstructor;
            default: string;
            validator: (lk: unknown) => boolean;
        };
        linkInverted: {
            type: BooleanConstructor;
            default: boolean;
        };
        disabled: {
            type: BooleanConstructor;
            default: boolean;
        };
        type: {
            type: StringConstructor;
            default: string;
            validator: (t: unknown) => boolean;
        };
        width: {
            type: StringConstructor;
            default: null;
        };
        size: {
            type: StringConstructor;
            default: string;
            validator: (s: unknown) => boolean;
        };
        labelClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        loading: {
            type: BooleanConstructor;
            default: boolean;
        };
        kind: {
            type: StringConstructor;
            default: string;
            validator: (k: unknown) => boolean;
        };
        assertiveOnFocus: {
            type: BooleanConstructor;
            default: boolean;
        };
        active: {
            type: BooleanConstructor;
            default: boolean;
        };
        to: {
            type: (ObjectConstructor | StringConstructor)[];
            default: null;
        };
        href: {
            type: StringConstructor;
            default: null;
        };
        target: {
            type: StringConstructor;
            default: null;
        };
        rel: {
            type: StringConstructor;
            default: null;
        };
        replace: {
            type: BooleanConstructor;
            default: boolean;
        };
    }>> & Readonly<{
        onFocusin?: ((...args: any[]) => any) | undefined;
        onFocusout?: ((...args: any[]) => any) | undefined;
    }>, {
        link: boolean;
        disabled: boolean;
        type: string;
        target: string;
        circle: boolean;
        active: boolean;
        loading: boolean;
        size: string;
        replace: boolean;
        kind: string;
        labelClass: string | unknown[] | Record<string, any>;
        href: string;
        to: string | Record<string, any>;
        iconPosition: string;
        importance: string;
        linkKind: string;
        linkInverted: boolean;
        width: string;
        assertiveOnFocus: boolean;
        rel: string;
    }, {}, {
        DtLoader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
            ariaLabel: {
                type: StringConstructor;
                default: string;
            };
            size: {
                type: StringConstructor;
                default: string;
                validator: (s: unknown) => boolean;
            };
        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
            ariaLabel: {
                type: StringConstructor;
                default: string;
            };
            size: {
                type: StringConstructor;
                default: string;
                validator: (s: unknown) => boolean;
            };
        }>> & Readonly<{}>, {
            size: string;
            ariaLabel: string;
        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    DtEmoji: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        code: {
            type: StringConstructor;
            required: true;
        };
        size: {
            type: StringConstructor;
            default: string;
            validator: (t: unknown) => boolean;
        };
        imgClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        ariaLabel: {
            type: StringConstructor;
            default: null;
        };
        showSkeleton: {
            type: BooleanConstructor;
            default: boolean;
        };
    }>, {}, {
        emojiData: null;
        imgLoading: boolean;
    }, {
        emojiDataValid(): false;
        emojiSrc(): any;
        emojiAlt(): any;
        emojiLabel(): any;
        emojiSize(): any;
    }, {
        getEmojiData(): void;
        imageLoaded(): void;
        imageErrored(): void;
    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        code: {
            type: StringConstructor;
            required: true;
        };
        size: {
            type: StringConstructor;
            default: string;
            validator: (t: unknown) => boolean;
        };
        imgClass: {
            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
            default: string;
        };
        ariaLabel: {
            type: StringConstructor;
            default: null;
        };
        showSkeleton: {
            type: BooleanConstructor;
            default: boolean;
        };
    }>> & Readonly<{}>, {
        size: string;
        ariaLabel: string;
        imgClass: string | unknown[] | Record<string, any>;
        showSkeleton: boolean;
    }, {}, {
        DtSkeleton: 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>;
    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    DtEmojiTextWrapper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        elementType: {
            type: StringConstructor;
            default: string;
        };
        size: {
            type: StringConstructor;
            default: string;
            validator: (t: unknown) => boolean;
        };
    }>, {}, {
        loadingEmojiJson: boolean;
    }, {}, {
        replaceDtEmojis(replaceList: any, textContent: any): Array<VNode | string>;
        searchVNodes(VNode: any): any | any;
        replaceVueComponentVNodeContent(): void;
        searchCodes(textContent: any): Array<VNode | string> | string;
    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        elementType: {
            type: StringConstructor;
            default: string;
        };
        size: {
            type: StringConstructor;
            default: string;
            validator: (t: unknown) => boolean;
        };
    }>> & Readonly<{}>, {
        size: string;
        elementType: string;
    }, {}, {
        DtEmoji: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
            code: {
                type: StringConstructor;
                required: true;
            };
            size: {
                type: StringConstructor;
                default: string;
                validator: (t: unknown) => boolean;
            };
            imgClass: {
                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                default: string;
            };
            ariaLabel: {
                type: StringConstructor;
                default: null;
            };
            showSkeleton: {
                type: BooleanConstructor;
                default: boolean;
            };
        }>, {}, {
            emojiData: null;
            imgLoading: boolean;
        }, {
            emojiDataValid(): false;
            emojiSrc(): any;
            emojiAlt(): any;
            emojiLabel(): any;
            emojiSize(): any;
        }, {
            getEmojiData(): void;
            imageLoaded(): void;
            imageErrored(): void;
        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
            code: {
                type: StringConstructor;
                required: true;
            };
            size: {
                type: StringConstructor;
                default: string;
                validator: (t: unknown) => boolean;
            };
            imgClass: {
                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
                default: string;
            };
            ariaLabel: {
                type: StringConstructor;
                default: null;
            };
            showSkeleton: {
                type: BooleanConstructor;
                default: boolean;
            };
        }>> & Readonly<{}>, {
            size: string;
            ariaLabel: string;
            imgClass: string | unknown[] | Record<string, any>;
            showSkeleton: boolean;
        }, {}, {
            DtSkeleton: 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>;
        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;
//# sourceMappingURL=emoji_row.vue.d.ts.map