@omnia/fx 8.0.18-dev → 8.0.19-dev

package/internal-do-not-import-from-here/ux/social/Comment.d.ts

@@ -1,80 +1,571 @@
-import { IWebComponentInstance } from "../..";
-import { Comment, OmitProperties, ThemeDefinition, ResolvedUserIdentity, IOmniaContext, IBlockInstance } from "../../models";
-import { ICommentComponent } from "./IComment";
-import { CommentLocalization } from "./loc/localize";
-import "./Comment.css";
-import { CommentStyles, VueComponentBase } from "..";
+import { CommentLikeTemplateDynamicInput } from "@omnia/fx/ux";
+import { Comment, OmitProperties, ThemeDefinition } from "../../models";
 import { IRichTextEditor } from "../richtexteditor";
 import { CommentSorting } from "../../models/Social";
-import { DirectionRuleStore, FeatureStore } from "../../stores";
-export declare class CommentComponent extends VueComponentBase implements IWebComponentInstance, ICommentComponent {
-    private userIdentityStore;
-    directionStore: DirectionRuleStore;
-    featureStore: FeatureStore;
-    omniaContext: IOmniaContext;
-    protected blockInstance: IBlockInstance;
-    commentLoc: CommentLocalization.locInterface;
-    showMoreSize: number;
-    template: string;
-    comments: Array<Comment>;
-    topicId: string;
-    richTextSettings?: OmitProperties<IRichTextEditor, "initialContent" | "onContentChange">;
-    enableBestReply: boolean;
-    enableMention?: boolean;
-    canMarkBestReply: boolean;
-    dynamicInput: any;
-    styles?: typeof CommentStyles;
-    additionalRoles?: Array<string>;
-    sortOrder?: CommentSorting;
-    allowLikes?: boolean;
-    cardStyle?: ThemeDefinition;
-    hideEdit?: boolean;
-    readOnly?: boolean;
-    hideTotalNumber?: boolean;
-    contextParams?: {
-        [key: string]: string | number;
-    };
-    private reverseSortOrder;
-    isLoading: boolean;
-    showOnlyBestReply: boolean;
-    currentUser: ResolvedUserIdentity;
-    commentsReplyingHashKey: {
-        [id: string]: string;
-    };
-    commentsHashKey: {
-        [id: string]: string;
-    };
-    commentsReplying: {
-        [id: string]: Comment;
-    };
-    commentAddingHashKey: string;
-    commentAdding: Comment;
-    currentShowMoreSize: {
-        [id: string]: number;
-    };
-    private commentClasses;
-    private minIndexToShow;
-    private topComments;
-    private templateSettings;
-    private isRightToLeft;
-    private get isMobile();
-    private richTextPlaceholder;
-    onTopicIdChange(newValue: Comment[], oldValue: Comment[]): void;
-    created(): void;
-    mounted(): void;
-    beforeUpdate(): void;
-    initCommentAdding(): void;
-    extendCurrentShowMoreSize(id: string, size?: number): void;
-    onCommentAdded: (addedComment: boolean, commentId: string, parentComment?: Comment) => void;
-    onCancelReply(comment: Comment): void;
-    onOpenReply(commentToReplyOn: Comment): Comment;
-    isElementInViewport(el: any): boolean;
-    getCommentsCountLabel(commentsCount: number): string;
-    renderTopicComments(): JSX.Element;
-    renderTopCommentShowMoreOption(id: string): JSX.Element;
-    renderShowAllOption(id: string): JSX.Element;
-    renderMainCommentComponent(comment: Comment, slimSpacing: boolean): JSX.Element;
-    renderCommentsWithChildren(parentComment: Comment): JSX.Element;
-    renderBestReply(): JSX.Element | JSX.Element[];
-    render(): JSX.Element;
-}
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            style?: unknown;
+            readonly template?: string;
+            class?: unknown;
+            key?: string | number | symbol;
+            readonly "read-only"?: boolean;
+            readonly styles?: unknown;
+            ref?: import("vue").VNodeRef;
+            ref_for?: boolean;
+            ref_key?: string;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            readonly dynamicInput?: CommentLikeTemplateDynamicInput;
+            readonly "dynamic-input"?: CommentLikeTemplateDynamicInput;
+            readonly additionalRoles?: string[];
+            readonly "additional-roles"?: string[];
+            readonly cardStyle?: ThemeDefinition;
+            readonly "card-style"?: ThemeDefinition;
+            readonly hideEdit?: boolean;
+            readonly readOnly?: boolean;
+            readonly contextParams?: {
+                [key: string]: string | number;
+            };
+            readonly "context-params"?: {
+                [key: string]: string | number;
+            };
+            readonly richTextSettings?: unknown;
+            readonly "rich-text-settings"?: unknown;
+            readonly enableMention?: boolean;
+            readonly "enable-mention"?: boolean;
+            readonly topicId?: string;
+            readonly "topic-id"?: string;
+            readonly comments?: Comment[];
+            readonly showMoreSize?: number;
+            readonly allowLikes?: boolean;
+            readonly enableBestReply?: boolean;
+            readonly "enable-best-reply"?: boolean;
+            readonly canMarkBestReply?: boolean;
+            readonly "can-mark-best-reply"?: boolean;
+            readonly sortOrder?: CommentSorting;
+            readonly "sort-order"?: CommentSorting;
+            readonly "allow-likes"?: boolean;
+            readonly hideTotalNumber?: boolean;
+            readonly "hide-total-number"?: boolean;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any>;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            "context-params": {
+                type: import("vue").PropType<{
+                    [key: string]: string | number;
+                }>;
+            };
+            contextParams: {
+                type: import("vue").PropType<{
+                    [key: string]: string | number;
+                }>;
+            };
+            "hide-total-number": {
+                type: import("vue").PropType<boolean>;
+            };
+            hideTotalNumber: {
+                type: import("vue").PropType<boolean>;
+            };
+            "read-only": {
+                type: import("vue").PropType<boolean>;
+            };
+            readOnly: {
+                type: import("vue").PropType<boolean>;
+            };
+            hideEdit: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            "card-style": {
+                type: import("vue").PropType<ThemeDefinition>;
+            };
+            cardStyle: {
+                type: import("vue").PropType<ThemeDefinition>;
+            };
+            "allow-likes": {
+                type: import("vue").PropType<boolean>;
+            };
+            allowLikes: {
+                type: import("vue").PropType<boolean>;
+            };
+            "sort-order": {
+                type: import("vue").PropType<CommentSorting>;
+            };
+            sortOrder: {
+                type: import("vue").PropType<CommentSorting>;
+            };
+            "additional-roles": {
+                type: import("vue").PropType<string[]>;
+            };
+            additionalRoles: {
+                type: import("vue").PropType<string[]>;
+            };
+            styles: {
+                type: import("vue").PropType<{
+                    commentWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+                    commentWrapperDialog?: import("typestyle/lib/types").NestedCSSProperties;
+                    commentCountWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+                    replyCommentWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+                    showMoreExtraSpacingReply?: import("typestyle/lib/types").NestedCSSProperties;
+                    showMoreExtraSpacing?: import("typestyle/lib/types").NestedCSSProperties;
+                    topCommentAvatarWrapper?: (isRightToLeft: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                    replyCommentAvatarWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+                    connectLine?: import("typestyle/lib/types").NestedCSSProperties;
+                    topCommentShowMoreAction?: import("typestyle/lib/types").NestedCSSProperties;
+                    repliedCommentShowMoreAction?: import("typestyle/lib/types").NestedCSSProperties;
+                    slimSpacing?: import("typestyle/lib/types").NestedCSSProperties;
+                    smallBadge?: import("typestyle/lib/types").NestedCSSProperties;
+                    commentEditor?: import("typestyle/lib/types").NestedCSSProperties;
+                }>;
+            } & {
+                type: import("vue").PropType<{
+                    commentWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+                    commentWrapperDialog?: import("typestyle/lib/types").NestedCSSProperties;
+                    commentCountWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+                    replyCommentWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+                    showMoreExtraSpacingReply?: import("typestyle/lib/types").NestedCSSProperties;
+                    showMoreExtraSpacing?: import("typestyle/lib/types").NestedCSSProperties;
+                    topCommentAvatarWrapper?: (isRightToLeft: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                    replyCommentAvatarWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+                    connectLine?: import("typestyle/lib/types").NestedCSSProperties;
+                    topCommentShowMoreAction?: import("typestyle/lib/types").NestedCSSProperties;
+                    repliedCommentShowMoreAction?: import("typestyle/lib/types").NestedCSSProperties;
+                    slimSpacing?: import("typestyle/lib/types").NestedCSSProperties;
+                    smallBadge?: import("typestyle/lib/types").NestedCSSProperties;
+                    commentEditor?: import("typestyle/lib/types").NestedCSSProperties;
+                }>;
+            };
+            "dynamic-input": {
+                type: import("vue").PropType<CommentLikeTemplateDynamicInput>;
+            };
+            dynamicInput: {
+                type: import("vue").PropType<CommentLikeTemplateDynamicInput>;
+            };
+            "can-mark-best-reply": {
+                type: import("vue").PropType<boolean>;
+            };
+            canMarkBestReply: {
+                type: import("vue").PropType<boolean>;
+            };
+            "enable-mention": {
+                type: import("vue").PropType<boolean>;
+            };
+            enableMention: {
+                type: import("vue").PropType<boolean>;
+            };
+            "enable-best-reply": {
+                type: import("vue").PropType<boolean>;
+            };
+            enableBestReply: {
+                type: import("vue").PropType<boolean>;
+            };
+            "rich-text-settings": {
+                type: import("vue").PropType<OmitProperties<IRichTextEditor, "initialContent" | "onContentChange">>;
+            };
+            richTextSettings: {
+                type: import("vue").PropType<OmitProperties<IRichTextEditor, "initialContent" | "onContentChange">>;
+            };
+            "topic-id": {
+                type: import("vue").PropType<string>;
+            };
+            topicId: {
+                type: import("vue").PropType<string>;
+            };
+            comments: {
+                type: import("vue").PropType<Comment[]>;
+            } & {
+                type: import("vue").PropType<Comment[]>;
+            };
+            template: {
+                type: import("vue").PropType<string>;
+                required: false;
+            };
+            showMoreSize: {
+                type: import("vue").PropType<number>;
+                required: false;
+            };
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        "context-params": {
+            type: import("vue").PropType<{
+                [key: string]: string | number;
+            }>;
+        };
+        contextParams: {
+            type: import("vue").PropType<{
+                [key: string]: string | number;
+            }>;
+        };
+        "hide-total-number": {
+            type: import("vue").PropType<boolean>;
+        };
+        hideTotalNumber: {
+            type: import("vue").PropType<boolean>;
+        };
+        "read-only": {
+            type: import("vue").PropType<boolean>;
+        };
+        readOnly: {
+            type: import("vue").PropType<boolean>;
+        };
+        hideEdit: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        "card-style": {
+            type: import("vue").PropType<ThemeDefinition>;
+        };
+        cardStyle: {
+            type: import("vue").PropType<ThemeDefinition>;
+        };
+        "allow-likes": {
+            type: import("vue").PropType<boolean>;
+        };
+        allowLikes: {
+            type: import("vue").PropType<boolean>;
+        };
+        "sort-order": {
+            type: import("vue").PropType<CommentSorting>;
+        };
+        sortOrder: {
+            type: import("vue").PropType<CommentSorting>;
+        };
+        "additional-roles": {
+            type: import("vue").PropType<string[]>;
+        };
+        additionalRoles: {
+            type: import("vue").PropType<string[]>;
+        };
+        styles: {
+            type: import("vue").PropType<{
+                commentWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+                commentWrapperDialog?: import("typestyle/lib/types").NestedCSSProperties;
+                commentCountWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+                replyCommentWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+                showMoreExtraSpacingReply?: import("typestyle/lib/types").NestedCSSProperties;
+                showMoreExtraSpacing?: import("typestyle/lib/types").NestedCSSProperties;
+                topCommentAvatarWrapper?: (isRightToLeft: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                replyCommentAvatarWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+                connectLine?: import("typestyle/lib/types").NestedCSSProperties;
+                topCommentShowMoreAction?: import("typestyle/lib/types").NestedCSSProperties;
+                repliedCommentShowMoreAction?: import("typestyle/lib/types").NestedCSSProperties;
+                slimSpacing?: import("typestyle/lib/types").NestedCSSProperties;
+                smallBadge?: import("typestyle/lib/types").NestedCSSProperties;
+                commentEditor?: import("typestyle/lib/types").NestedCSSProperties;
+            }>;
+        } & {
+            type: import("vue").PropType<{
+                commentWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+                commentWrapperDialog?: import("typestyle/lib/types").NestedCSSProperties;
+                commentCountWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+                replyCommentWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+                showMoreExtraSpacingReply?: import("typestyle/lib/types").NestedCSSProperties;
+                showMoreExtraSpacing?: import("typestyle/lib/types").NestedCSSProperties;
+                topCommentAvatarWrapper?: (isRightToLeft: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                replyCommentAvatarWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+                connectLine?: import("typestyle/lib/types").NestedCSSProperties;
+                topCommentShowMoreAction?: import("typestyle/lib/types").NestedCSSProperties;
+                repliedCommentShowMoreAction?: import("typestyle/lib/types").NestedCSSProperties;
+                slimSpacing?: import("typestyle/lib/types").NestedCSSProperties;
+                smallBadge?: import("typestyle/lib/types").NestedCSSProperties;
+                commentEditor?: import("typestyle/lib/types").NestedCSSProperties;
+            }>;
+        };
+        "dynamic-input": {
+            type: import("vue").PropType<CommentLikeTemplateDynamicInput>;
+        };
+        dynamicInput: {
+            type: import("vue").PropType<CommentLikeTemplateDynamicInput>;
+        };
+        "can-mark-best-reply": {
+            type: import("vue").PropType<boolean>;
+        };
+        canMarkBestReply: {
+            type: import("vue").PropType<boolean>;
+        };
+        "enable-mention": {
+            type: import("vue").PropType<boolean>;
+        };
+        enableMention: {
+            type: import("vue").PropType<boolean>;
+        };
+        "enable-best-reply": {
+            type: import("vue").PropType<boolean>;
+        };
+        enableBestReply: {
+            type: import("vue").PropType<boolean>;
+        };
+        "rich-text-settings": {
+            type: import("vue").PropType<OmitProperties<IRichTextEditor, "initialContent" | "onContentChange">>;
+        };
+        richTextSettings: {
+            type: import("vue").PropType<OmitProperties<IRichTextEditor, "initialContent" | "onContentChange">>;
+        };
+        "topic-id": {
+            type: import("vue").PropType<string>;
+        };
+        topicId: {
+            type: import("vue").PropType<string>;
+        };
+        comments: {
+            type: import("vue").PropType<Comment[]>;
+        } & {
+            type: import("vue").PropType<Comment[]>;
+        };
+        template: {
+            type: import("vue").PropType<string>;
+            required: false;
+        };
+        showMoreSize: {
+            type: import("vue").PropType<number>;
+            required: false;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "context-params": {
+        type: import("vue").PropType<{
+            [key: string]: string | number;
+        }>;
+    };
+    contextParams: {
+        type: import("vue").PropType<{
+            [key: string]: string | number;
+        }>;
+    };
+    "hide-total-number": {
+        type: import("vue").PropType<boolean>;
+    };
+    hideTotalNumber: {
+        type: import("vue").PropType<boolean>;
+    };
+    "read-only": {
+        type: import("vue").PropType<boolean>;
+    };
+    readOnly: {
+        type: import("vue").PropType<boolean>;
+    };
+    hideEdit: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    "card-style": {
+        type: import("vue").PropType<ThemeDefinition>;
+    };
+    cardStyle: {
+        type: import("vue").PropType<ThemeDefinition>;
+    };
+    "allow-likes": {
+        type: import("vue").PropType<boolean>;
+    };
+    allowLikes: {
+        type: import("vue").PropType<boolean>;
+    };
+    "sort-order": {
+        type: import("vue").PropType<CommentSorting>;
+    };
+    sortOrder: {
+        type: import("vue").PropType<CommentSorting>;
+    };
+    "additional-roles": {
+        type: import("vue").PropType<string[]>;
+    };
+    additionalRoles: {
+        type: import("vue").PropType<string[]>;
+    };
+    styles: {
+        type: import("vue").PropType<{
+            commentWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+            commentWrapperDialog?: import("typestyle/lib/types").NestedCSSProperties;
+            commentCountWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+            replyCommentWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+            showMoreExtraSpacingReply?: import("typestyle/lib/types").NestedCSSProperties;
+            showMoreExtraSpacing?: import("typestyle/lib/types").NestedCSSProperties;
+            topCommentAvatarWrapper?: (isRightToLeft: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+            replyCommentAvatarWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+            connectLine?: import("typestyle/lib/types").NestedCSSProperties;
+            topCommentShowMoreAction?: import("typestyle/lib/types").NestedCSSProperties;
+            repliedCommentShowMoreAction?: import("typestyle/lib/types").NestedCSSProperties;
+            slimSpacing?: import("typestyle/lib/types").NestedCSSProperties;
+            smallBadge?: import("typestyle/lib/types").NestedCSSProperties;
+            commentEditor?: import("typestyle/lib/types").NestedCSSProperties;
+        }>;
+    } & {
+        type: import("vue").PropType<{
+            commentWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+            commentWrapperDialog?: import("typestyle/lib/types").NestedCSSProperties;
+            commentCountWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+            replyCommentWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+            showMoreExtraSpacingReply?: import("typestyle/lib/types").NestedCSSProperties;
+            showMoreExtraSpacing?: import("typestyle/lib/types").NestedCSSProperties;
+            topCommentAvatarWrapper?: (isRightToLeft: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+            replyCommentAvatarWrapper?: import("typestyle/lib/types").NestedCSSProperties;
+            connectLine?: import("typestyle/lib/types").NestedCSSProperties;
+            topCommentShowMoreAction?: import("typestyle/lib/types").NestedCSSProperties;
+            repliedCommentShowMoreAction?: import("typestyle/lib/types").NestedCSSProperties;
+            slimSpacing?: import("typestyle/lib/types").NestedCSSProperties;
+            smallBadge?: import("typestyle/lib/types").NestedCSSProperties;
+            commentEditor?: import("typestyle/lib/types").NestedCSSProperties;
+        }>;
+    };
+    "dynamic-input": {
+        type: import("vue").PropType<CommentLikeTemplateDynamicInput>;
+    };
+    dynamicInput: {
+        type: import("vue").PropType<CommentLikeTemplateDynamicInput>;
+    };
+    "can-mark-best-reply": {
+        type: import("vue").PropType<boolean>;
+    };
+    canMarkBestReply: {
+        type: import("vue").PropType<boolean>;
+    };
+    "enable-mention": {
+        type: import("vue").PropType<boolean>;
+    };
+    enableMention: {
+        type: import("vue").PropType<boolean>;
+    };
+    "enable-best-reply": {
+        type: import("vue").PropType<boolean>;
+    };
+    enableBestReply: {
+        type: import("vue").PropType<boolean>;
+    };
+    "rich-text-settings": {
+        type: import("vue").PropType<OmitProperties<IRichTextEditor, "initialContent" | "onContentChange">>;
+    };
+    richTextSettings: {
+        type: import("vue").PropType<OmitProperties<IRichTextEditor, "initialContent" | "onContentChange">>;
+    };
+    "topic-id": {
+        type: import("vue").PropType<string>;
+    };
+    topicId: {
+        type: import("vue").PropType<string>;
+    };
+    comments: {
+        type: import("vue").PropType<Comment[]>;
+    } & {
+        type: import("vue").PropType<Comment[]>;
+    };
+    template: {
+        type: import("vue").PropType<string>;
+        required: false;
+    };
+    showMoreSize: {
+        type: import("vue").PropType<number>;
+        required: false;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        template?: string;
+        "read-only"?: boolean;
+        styles?: unknown;
+        dynamicInput?: CommentLikeTemplateDynamicInput;
+        "dynamic-input"?: CommentLikeTemplateDynamicInput;
+        additionalRoles?: string[];
+        "additional-roles"?: string[];
+        cardStyle?: ThemeDefinition;
+        "card-style"?: ThemeDefinition;
+        hideEdit?: boolean;
+        readOnly?: boolean;
+        contextParams?: {
+            [key: string]: string | number;
+        };
+        "context-params"?: {
+            [key: string]: string | number;
+        };
+        richTextSettings?: unknown;
+        "rich-text-settings"?: unknown;
+        enableMention?: boolean;
+        "enable-mention"?: boolean;
+        topicId?: string;
+        "topic-id"?: string;
+        comments?: Comment[];
+        showMoreSize?: number;
+        allowLikes?: boolean;
+        enableBestReply?: boolean;
+        "enable-best-reply"?: boolean;
+        canMarkBestReply?: boolean;
+        "can-mark-best-reply"?: boolean;
+        sortOrder?: CommentSorting;
+        "sort-order"?: CommentSorting;
+        "allow-likes"?: boolean;
+        hideTotalNumber?: boolean;
+        "hide-total-number"?: boolean;
+    }>, never>;
+};
+export default _default;