@kiva/kv-components 7.6.2 → 8.0.0

package/dist/vue/KvCommentsListItem.vue.d.ts

@@ -0,0 +1,571 @@
+export declare const REPLY_COMMENT_EVENT = "reply-comment";
+export declare const LIKE_COMMENT_EVENT = "like-comment";
+export declare const ADD_REACTION_EVENT = "add-reaction";
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    userImageUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    userDisplayName: {
+        type: StringConstructor;
+        default: string;
+    };
+    userPublicId: {
+        type: StringConstructor;
+        default: string;
+    };
+    comment: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    nestLevel: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {
+    hideInput: () => void;
+    showInput: import('vue').Ref<boolean, boolean>;
+    commentsAddRef: import('vue').Ref<any, any>;
+    replyClick: () => void;
+    addReaction: (reaction: any, value: any) => void;
+    REPLY_COMMENT_EVENT: string;
+    LIKE_COMMENT_EVENT: string;
+    ADD_REACTION_EVENT: string;
+    commentText: import('vue').ComputedRef<any>;
+    authorImage: import('vue').ComputedRef<any>;
+    authorName: import('vue').ComputedRef<any>;
+    childComments: import('vue').ComputedRef<any>;
+    isLiked: import('vue').ComputedRef<boolean>;
+    numberOfLikes: import('vue').ComputedRef<any>;
+    numberOfReplies: import('vue').ComputedRef<any>;
+    repliesOpened: import('vue').Ref<boolean, boolean>;
+    toggleReplies: () => void;
+    mdiChevronDown: string;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "add-reaction"[], "add-reaction", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    userImageUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    userDisplayName: {
+        type: StringConstructor;
+        default: string;
+    };
+    userPublicId: {
+        type: StringConstructor;
+        default: string;
+    };
+    comment: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    nestLevel: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{
+    "onAdd-reaction"?: (...args: any[]) => any;
+}>, {
+    userImageUrl: string;
+    userDisplayName: string;
+    comment: Record<string, any>;
+    userPublicId: string;
+    nestLevel: number;
+}, {}, {
+    KvCommentsReplyButton: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<{}> & Readonly<{
+        onClick?: (...args: any[]) => any;
+    }>, {}, {}, {
+        KvButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            to: {
+                type: (StringConstructor | ObjectConstructor)[];
+                default: any;
+            };
+            href: {
+                type: StringConstructor;
+                default: any;
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            state: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+        }>, {
+            buttonRef: import('vue').Ref<any, any>;
+            buttonInnerRef: import('vue').Ref<any, any>;
+            computedClass: import('vue').ComputedRef<string>;
+            computedType: import('vue').ComputedRef<string>;
+            isDisabled: import('vue').ComputedRef<boolean>;
+            loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+            onClick: (event: any) => void;
+            tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            to: {
+                type: (StringConstructor | ObjectConstructor)[];
+                default: any;
+            };
+            href: {
+                type: StringConstructor;
+                default: any;
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            state: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+        }>> & Readonly<{
+            onClick?: (...args: any[]) => any;
+        }>, {
+            to: string | Record<string, any>;
+            type: string;
+            href: string;
+            variant: string;
+            state: string;
+        }, {}, {
+            KvLoadingSpinner: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+                color: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+                color: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+            }>> & Readonly<{}>, {
+                size: string;
+                color: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvCommentsHeartButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        isSmall: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isLiked: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        icon: import('vue').ComputedRef<string>;
+        classState: import('vue').ComputedRef<string>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        isSmall: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isLiked: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: (...args: any[]) => any;
+    }>, {
+        isSmall: boolean;
+        isLiked: boolean;
+    }, {}, {
+        KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            icon: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvCommentsAdd: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        userImageUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        userDisplayName: {
+            type: StringConstructor;
+            default: string;
+        };
+        isReply: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        ADD_COMMENT_ID: string;
+        addCommentValue: import('vue').Ref<string, string>;
+        commentButtonState: import('vue').ComputedRef<"" | "disabled">;
+        cancel: () => void;
+        comment: () => void;
+        focus: () => any;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("add-comment" | "hide-input")[], "add-comment" | "hide-input", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        userImageUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        userDisplayName: {
+            type: StringConstructor;
+            default: string;
+        };
+        isReply: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        "onAdd-comment"?: (...args: any[]) => any;
+        "onHide-input"?: (...args: any[]) => any;
+    }>, {
+        userImageUrl: string;
+        userDisplayName: string;
+        isReply: boolean;
+    }, {}, {
+        KvButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            to: {
+                type: (StringConstructor | ObjectConstructor)[];
+                default: any;
+            };
+            href: {
+                type: StringConstructor;
+                default: any;
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            state: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+        }>, {
+            buttonRef: import('vue').Ref<any, any>;
+            buttonInnerRef: import('vue').Ref<any, any>;
+            computedClass: import('vue').ComputedRef<string>;
+            computedType: import('vue').ComputedRef<string>;
+            isDisabled: import('vue').ComputedRef<boolean>;
+            loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+            onClick: (event: any) => void;
+            tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            to: {
+                type: (StringConstructor | ObjectConstructor)[];
+                default: any;
+            };
+            href: {
+                type: StringConstructor;
+                default: any;
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            variant: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            state: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+        }>> & Readonly<{
+            onClick?: (...args: any[]) => any;
+        }>, {
+            to: string | Record<string, any>;
+            type: string;
+            href: string;
+            variant: string;
+            state: string;
+        }, {}, {
+            KvLoadingSpinner: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+                color: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+                color: {
+                    type: StringConstructor;
+                    default: string;
+                    validator(value: string): boolean;
+                };
+            }>> & Readonly<{}>, {
+                size: string;
+                color: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        KvTextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            id: {
+                type: StringConstructor;
+                required: true;
+            };
+            modelValue: {
+                type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+                default: string;
+            };
+            placeholder: {
+                type: StringConstructor;
+                default: any;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            valid: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            icon: {
+                type: StringConstructor;
+                default: any;
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+            canClear: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {
+            mdiAlertCircleOutline: string;
+            mdiClose: string;
+            onInput: (event: any) => void;
+            focus: () => void;
+            blur: () => void;
+            clearInput: () => void;
+            inputText: import('vue').Ref<string | number | boolean, string | number | boolean>;
+            classes: any[];
+            styles: any[];
+            inputAttrs: any;
+            inputListeners: any;
+            textInputRef: import('vue').Ref<any, any>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, string[], string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            id: {
+                type: StringConstructor;
+                required: true;
+            };
+            modelValue: {
+                type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+                default: string;
+            };
+            placeholder: {
+                type: StringConstructor;
+                default: any;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            valid: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            icon: {
+                type: StringConstructor;
+                default: any;
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+            canClear: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
+        }>, {
+            type: string;
+            icon: string;
+            disabled: boolean;
+            modelValue: string | number | boolean;
+            valid: boolean;
+            placeholder: string;
+            canClear: boolean;
+        }, {}, {
+            KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                icon: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{}>, {
+                icon: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        KvUserAvatar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            lenderName: {
+                type: StringConstructor;
+                default: string;
+            };
+            lenderImageUrl: {
+                type: StringConstructor;
+                default: string;
+            };
+            isSmall: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showCssPlaceholder: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {
+            isAnonymousUser: import('vue').ComputedRef<boolean>;
+            avatarClass: import('vue').ComputedRef<string>;
+            userHasImage: import('vue').ComputedRef<boolean>;
+            lenderNameFirstLetter: import('vue').ComputedRef<string>;
+            letterViewBox: import('vue').ComputedRef<"0 0 27 27" | "0 0 27.5 27.5">;
+            isLegacyPlaceholderAvatar: typeof import('..').isLegacyPlaceholderAvatar;
+            isImageLoading: import('vue').Ref<boolean, boolean>;
+            onImgLoad: () => void;
+            imageRef: import('vue').Ref<any, any>;
+            userAvatar: import('vue').Ref<any, any>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            lenderName: {
+                type: StringConstructor;
+                default: string;
+            };
+            lenderImageUrl: {
+                type: StringConstructor;
+                default: string;
+            };
+            isSmall: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showCssPlaceholder: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {
+            lenderName: string;
+            lenderImageUrl: string;
+            isSmall: boolean;
+            showCssPlaceholder: boolean;
+        }, {}, {
+            KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvUserAvatar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        lenderName: {
+            type: StringConstructor;
+            default: string;
+        };
+        lenderImageUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        isSmall: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showCssPlaceholder: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        isAnonymousUser: import('vue').ComputedRef<boolean>;
+        avatarClass: import('vue').ComputedRef<string>;
+        userHasImage: import('vue').ComputedRef<boolean>;
+        lenderNameFirstLetter: import('vue').ComputedRef<string>;
+        letterViewBox: import('vue').ComputedRef<"0 0 27 27" | "0 0 27.5 27.5">;
+        isLegacyPlaceholderAvatar: typeof import('..').isLegacyPlaceholderAvatar;
+        isImageLoading: import('vue').Ref<boolean, boolean>;
+        onImgLoad: () => void;
+        imageRef: import('vue').Ref<any, any>;
+        userAvatar: import('vue').Ref<any, any>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        lenderName: {
+            type: StringConstructor;
+            default: string;
+        };
+        lenderImageUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        isSmall: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showCssPlaceholder: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        lenderName: string;
+        lenderImageUrl: string;
+        isSmall: boolean;
+        showCssPlaceholder: boolean;
+    }, {}, {
+        KvLoadingPlaceholder: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        icon: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;