@omnia/fx 8.0.18-dev → 8.0.19-dev

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

@@ -1,86 +1,347 @@
-import { IWebComponentInstance } from "../../..";
-import { CommentLikeStore, ICommentLikeService } from "../../../stores";
-import { OmniaContext } from "../../..";
+import { ICommentLikeService } from "../../../stores";
 import { type Comment, type CommentLikeTemplateSettings, type ThemeDefinition, ResolvedUserIdentity } from "../../../models";
-import { ICommentTemplate } from "../extensibilities/ICommentTemplate";
-import { Theming, ThemeStore, VueComponentBase, BlockInstance } from "../..";
 export interface CommentLikeTemplateDynamicInput {
     service: ICommentLikeService;
     likeListingTemplate?: string;
     dateFormat?: string | "social";
 }
-export declare class CommentLikeTemplate extends VueComponentBase<{}, {}, {}> implements IWebComponentInstance, ICommentTemplate<CommentLikeTemplateDynamicInput> {
-    comment: Comment;
-    dynamicInput: CommentLikeTemplateDynamicInput;
-    templateSettings: CommentLikeTemplateSettings;
-    currentUser: ResolvedUserIdentity;
-    canShowEditDialogOnLoad?: boolean;
-    canLike?: boolean;
-    openReply: (commentToReplyOn: Comment) => Comment;
-    cancelReply: (comment: Comment) => void;
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            style?: unknown;
+            class?: unknown;
+            key?: string | number | symbol;
+            readonly currentUser?: ResolvedUserIdentity;
+            readonly "read-only"?: boolean;
+            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 comment?: Comment;
+            readonly dynamicInput?: CommentLikeTemplateDynamicInput;
+            readonly "dynamic-input"?: CommentLikeTemplateDynamicInput;
+            readonly templateSettings?: CommentLikeTemplateSettings;
+            readonly "template-settings"?: CommentLikeTemplateSettings;
+            readonly "current-user"?: ResolvedUserIdentity;
+            readonly canShowEditDialogOnLoad?: boolean;
+            readonly "can-show-edit-dialog-on-load"?: boolean;
+            readonly canLike?: boolean;
+            readonly "can-like"?: boolean;
+            readonly additionalRoles?: string[];
+            readonly "additional-roles"?: string[];
+            readonly cardStyle?: ThemeDefinition;
+            readonly "card-style"?: ThemeDefinition;
+            readonly hideEdit?: boolean;
+            readonly readOnly?: boolean;
+            onDoc$?: (description?: string) => any;
+            onOpenReply?: (commentToReplyOn: Comment) => any;
+            onCancelReply?: (comment: Comment) => any;
+            onRefresh?: (addedComment: boolean) => any;
+        };
+        $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: "doc$", description?: string) => void) & ((event: "openReply", commentToReplyOn: Comment) => void) & ((event: "cancelReply", comment: Comment) => void) & ((event: "refresh", addedComment: boolean) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            "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>;
+            };
+            "additional-roles": {
+                type: import("vue").PropType<string[]>;
+            };
+            additionalRoles: {
+                type: import("vue").PropType<string[]>;
+            };
+            "can-like": {
+                type: import("vue").PropType<boolean>;
+            };
+            canLike: {
+                type: import("vue").PropType<boolean>;
+            };
+            "can-show-edit-dialog-on-load": {
+                type: import("vue").PropType<boolean>;
+            };
+            canShowEditDialogOnLoad: {
+                type: import("vue").PropType<boolean>;
+            };
+            "current-user": {
+                type: import("vue").PropType<ResolvedUserIdentity>;
+            };
+            currentUser: {
+                type: import("vue").PropType<ResolvedUserIdentity>;
+            };
+            "template-settings": {
+                type: import("vue").PropType<CommentLikeTemplateSettings>;
+            };
+            templateSettings: {
+                type: import("vue").PropType<CommentLikeTemplateSettings>;
+            };
+            "dynamic-input": {
+                type: import("vue").PropType<CommentLikeTemplateDynamicInput>;
+            };
+            dynamicInput: {
+                type: import("vue").PropType<CommentLikeTemplateDynamicInput>;
+            };
+            comment: {
+                type: import("vue").PropType<Comment>;
+            } & {
+                type: import("vue").PropType<Comment>;
+            };
+        }>> & {
+            onDoc$?: (description?: string) => any;
+            onOpenReply?: (commentToReplyOn: Comment) => any;
+            onCancelReply?: (comment: Comment) => any;
+            onRefresh?: (addedComment: boolean) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            refresh: (addedComment: boolean) => void;
+            doc$(description?: string): {
+                refresh: (addedComment: boolean) => void;
+            };
+            cancelReply: (comment: Comment) => void;
+            openReply: (commentToReplyOn: Comment) => Comment;
+        }, 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<{
+        "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>;
+        };
+        "additional-roles": {
+            type: import("vue").PropType<string[]>;
+        };
+        additionalRoles: {
+            type: import("vue").PropType<string[]>;
+        };
+        "can-like": {
+            type: import("vue").PropType<boolean>;
+        };
+        canLike: {
+            type: import("vue").PropType<boolean>;
+        };
+        "can-show-edit-dialog-on-load": {
+            type: import("vue").PropType<boolean>;
+        };
+        canShowEditDialogOnLoad: {
+            type: import("vue").PropType<boolean>;
+        };
+        "current-user": {
+            type: import("vue").PropType<ResolvedUserIdentity>;
+        };
+        currentUser: {
+            type: import("vue").PropType<ResolvedUserIdentity>;
+        };
+        "template-settings": {
+            type: import("vue").PropType<CommentLikeTemplateSettings>;
+        };
+        templateSettings: {
+            type: import("vue").PropType<CommentLikeTemplateSettings>;
+        };
+        "dynamic-input": {
+            type: import("vue").PropType<CommentLikeTemplateDynamicInput>;
+        };
+        dynamicInput: {
+            type: import("vue").PropType<CommentLikeTemplateDynamicInput>;
+        };
+        comment: {
+            type: import("vue").PropType<Comment>;
+        } & {
+            type: import("vue").PropType<Comment>;
+        };
+    }>> & {
+        onDoc$?: (description?: string) => any;
+        onOpenReply?: (commentToReplyOn: Comment) => any;
+        onCancelReply?: (comment: Comment) => any;
+        onRefresh?: (addedComment: boolean) => any;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "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>;
+    };
+    "additional-roles": {
+        type: import("vue").PropType<string[]>;
+    };
+    additionalRoles: {
+        type: import("vue").PropType<string[]>;
+    };
+    "can-like": {
+        type: import("vue").PropType<boolean>;
+    };
+    canLike: {
+        type: import("vue").PropType<boolean>;
+    };
+    "can-show-edit-dialog-on-load": {
+        type: import("vue").PropType<boolean>;
+    };
+    canShowEditDialogOnLoad: {
+        type: import("vue").PropType<boolean>;
+    };
+    "current-user": {
+        type: import("vue").PropType<ResolvedUserIdentity>;
+    };
+    currentUser: {
+        type: import("vue").PropType<ResolvedUserIdentity>;
+    };
+    "template-settings": {
+        type: import("vue").PropType<CommentLikeTemplateSettings>;
+    };
+    templateSettings: {
+        type: import("vue").PropType<CommentLikeTemplateSettings>;
+    };
+    "dynamic-input": {
+        type: import("vue").PropType<CommentLikeTemplateDynamicInput>;
+    };
+    dynamicInput: {
+        type: import("vue").PropType<CommentLikeTemplateDynamicInput>;
+    };
+    comment: {
+        type: import("vue").PropType<Comment>;
+    } & {
+        type: import("vue").PropType<Comment>;
+    };
+}>> & {
+    onDoc$?: (description?: string) => any;
+    onOpenReply?: (commentToReplyOn: Comment) => any;
+    onCancelReply?: (comment: Comment) => any;
+    onRefresh?: (addedComment: boolean) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     refresh: (addedComment: boolean) => void;
-    additionalRoles?: Array<string>;
-    cardStyle?: ThemeDefinition;
-    hideEdit?: boolean;
-    readOnly?: boolean;
-    private omniaUxLocalization;
-    private commentLoc;
-    store: CommentLikeStore;
-    omniaCtx: OmniaContext;
-    themeStore: ThemeStore;
-    protected blockInstance: BlockInstance;
-    private commentDialogStore;
-    dialogTheme: Theming;
-    private dateFormat;
-    private isEdit;
-    private isAddingOrUpdatingComment;
-    private isDeleting;
-    private draftContent;
-    private draftMentionUsers;
-    private language;
-    private resetContent;
-    private isRTEPlaceholderClicked;
-    private isLoadingRTE;
-    private observer;
-    private isValidComment;
-    private deleteDialogModel;
-    private get isAdd();
-    private get isReply();
-    private get isMobile();
-    onTopicIdChange(newValue: Comment, oldValue: Comment): void;
-    created(): void;
-    mounted(): void;
-    beforeDestroy(): void;
-    private openMobileDialog;
-    private initializeObserverLazyLoadEditor;
-    private loadRichTextEditor;
-    private getReplyToComment;
-    private getSocialReactions;
-    private onClickReply;
-    private onClickEdit;
-    private onClickMarkBestReply;
-    private onClickRemoveReplyToComment;
-    private onClickDelete;
-    private getContentInsideTag;
-    private trimCommentContent;
-    private onDialogCancel;
-    private onDialogSave;
-    private onSave;
-    private saveCommentInternal;
-    private validateComment;
-    onContentUpdate(content: string): void;
-    onMentionUpdate(mentionUsers: Array<ResolvedUserIdentity>): void;
-    onCommentTextFieldClicked(e: Event): void;
-    private renderUserLink;
-    private renderTitleInfo;
-    private renderEditContentBody;
-    private renderEditButton;
-    private renderDeleteButton;
-    private renderDeleteDialog;
-    private renderEditOptionsBase;
-    private renderMarkBestReplyButton;
-    private renderEditOptions;
-    private renderDisplay;
-    private renderDeletedMessage;
-    render(): JSX.Element;
-}
+    doc$(description?: string): {
+        refresh: (addedComment: boolean) => void;
+    };
+    cancelReply: (comment: Comment) => void;
+    openReply: (commentToReplyOn: Comment) => Comment;
+}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        currentUser?: ResolvedUserIdentity;
+        "read-only"?: boolean;
+        comment?: Comment;
+        dynamicInput?: CommentLikeTemplateDynamicInput;
+        "dynamic-input"?: CommentLikeTemplateDynamicInput;
+        templateSettings?: CommentLikeTemplateSettings;
+        "template-settings"?: CommentLikeTemplateSettings;
+        "current-user"?: ResolvedUserIdentity;
+        canShowEditDialogOnLoad?: boolean;
+        "can-show-edit-dialog-on-load"?: boolean;
+        canLike?: boolean;
+        "can-like"?: boolean;
+        additionalRoles?: string[];
+        "additional-roles"?: string[];
+        cardStyle?: ThemeDefinition;
+        "card-style"?: ThemeDefinition;
+        hideEdit?: boolean;
+        readOnly?: boolean;
+    }>, "onDoc$" | "onOpenReply" | "onCancelReply" | "onRefresh"> & {
+        onDoc$?: (description?: string) => any;
+        onOpenReply?: (commentToReplyOn: Comment) => any;
+        onCancelReply?: (comment: Comment) => any;
+        onRefresh?: (addedComment: boolean) => any;
+    };
+};
+export default _default;

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

@@ -1,20 +0,0 @@
-import { TsxAllowUnknowProperties } from "../../TsxAllowUnknowProperties";
-import { ILikeListingtemplate } from "../extensibilities/ILikeListingTemplate";
-import { ISocialReactionStyling, ISocialReaction } from "../../../models";
-export interface ILikeListingTemplateComponent extends ILikeListingtemplate {
-    likes?: Array<ISocialReaction>;
-    socialReactionStylings?: Array<ISocialReactionStyling>;
-    currentSocialReaction?: ISocialReactionStyling;
-    close: () => void;
-}
-declare global {
-    namespace JSX {
-        interface Element {
-        }
-        interface ElementClass {
-        }
-        interface IntrinsicElements {
-            "omfx-like-listing-template": TsxAllowUnknowProperties<ILikeListingTemplateComponent>;
-        }
-    }
-}

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

@@ -1,43 +1,174 @@
-import { IWebComponentInstance, OmniaContext } from "../../..";
-import { ISocialReaction, type ISocialReactionStyling, ReactionType, ResolvedUserIdentity } from "../../../models";
-import { ThemeStore, Theming, VueComponentBase } from "../..";
-import { ILikeListingTemplateComponent } from "./ILikeListingTemplate";
+import { ISocialReaction, type ISocialReactionStyling } from "../../../models";
 import "../Like.css";
-import { CommentLocalization } from "../loc/localize";
-import { UserIdentityStore } from "@omnia/fx/stores";
-export declare class LikeListingTemplate extends VueComponentBase implements IWebComponentInstance, ILikeListingTemplateComponent {
-    likes: Array<ISocialReaction>;
-    socialReactionStylings?: Array<ISocialReactionStyling>;
-    currentSocialReaction?: ISocialReactionStyling;
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            style?: unknown;
+            class?: unknown;
+            key?: string | number | symbol;
+            onClose?: () => any;
+            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)[];
+            onDoc$?: (description?: string) => any;
+            readonly likes?: ISocialReaction[];
+            readonly socialReactionStylings?: ISocialReactionStyling[];
+            readonly currentSocialReaction?: ISocialReactionStyling;
+            readonly "current-social-reaction"?: ISocialReactionStyling;
+        };
+        $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: "close") => void) & ((event: "doc$", description?: string) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            "current-social-reaction": {
+                type: import("vue").PropType<ISocialReactionStyling>;
+            };
+            currentSocialReaction: {
+                type: import("vue").PropType<ISocialReactionStyling>;
+            };
+            socialReactionStylings: {
+                type: import("vue").PropType<ISocialReactionStyling[]>;
+                required: false;
+            };
+            likes: {
+                type: import("vue").PropType<ISocialReaction[]>;
+            } & {
+                type: import("vue").PropType<ISocialReaction[]>;
+            };
+        }>> & {
+            onClose?: () => any;
+            onDoc$?: (description?: string) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            close: () => void;
+            doc$(description?: string): {
+                close: () => void;
+            };
+        }, 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<{
+        "current-social-reaction": {
+            type: import("vue").PropType<ISocialReactionStyling>;
+        };
+        currentSocialReaction: {
+            type: import("vue").PropType<ISocialReactionStyling>;
+        };
+        socialReactionStylings: {
+            type: import("vue").PropType<ISocialReactionStyling[]>;
+            required: false;
+        };
+        likes: {
+            type: import("vue").PropType<ISocialReaction[]>;
+        } & {
+            type: import("vue").PropType<ISocialReaction[]>;
+        };
+    }>> & {
+        onClose?: () => any;
+        onDoc$?: (description?: string) => any;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "current-social-reaction": {
+        type: import("vue").PropType<ISocialReactionStyling>;
+    };
+    currentSocialReaction: {
+        type: import("vue").PropType<ISocialReactionStyling>;
+    };
+    socialReactionStylings: {
+        type: import("vue").PropType<ISocialReactionStyling[]>;
+        required: false;
+    };
+    likes: {
+        type: import("vue").PropType<ISocialReaction[]>;
+    } & {
+        type: import("vue").PropType<ISocialReaction[]>;
+    };
+}>> & {
+    onClose?: () => any;
+    onDoc$?: (description?: string) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
-    omniaContext: OmniaContext;
-    userIdentityStore: UserIdentityStore;
-    themeStore: ThemeStore;
-    commentLocalization: CommentLocalization.locInterface;
-    localTheme: Theming;
-    likeClasses: {
-        likesToShow?: any;
-        underlineWhenHover?: any;
-        buttonOutline?: any;
-        personWrapper?: any;
-        buttonPosition?: any;
-        socialReactionIconWrapper?: any;
-        socialReactionIcon?: any;
-        socialReactionContainer?: any;
-        socialReactionSummary?: any;
-        socialReactionMenu?: any;
-        replyAndLikeActionLink?: any;
+    doc$(description?: string): {
+        close: () => void;
+    };
+}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        likes?: ISocialReaction[];
+        socialReactionStylings?: ISocialReactionStyling[];
+        currentSocialReaction?: ISocialReactionStyling;
+        "current-social-reaction"?: ISocialReactionStyling;
+    }>, "onClose" | "onDoc$"> & {
+        onClose?: () => any;
+        onDoc$?: (description?: string) => any;
     };
-    selectedTabId: number;
-    isSocialReactionsMode: boolean;
-    currentUser: ResolvedUserIdentity;
-    omniaUrl: string;
-    private model;
-    created(): Promise<void>;
-    mounted(): void;
-    initSocialReactionsMode(): void;
-    getReactionByType(reactionType: ReactionType): ISocialReaction[];
-    renderTab(socialReactionStyling: ISocialReactionStyling): JSX.Element;
-    renderTabItem(socialReactionStyling: ISocialReactionStyling): JSX.Element;
-    render(): JSX.Element;
-}
+};
+export default _default;