@omnia/fx 8.0.354-dev → 8.0.356-dev

package/internal-do-not-import-from-here/ux/appprovisioning/components/AppProvisioningComponentBase.d.ts

@@ -1,7 +1,7 @@
 import { AppInstanceCreateInfo, AppInstance, AppTemplate, AppProvisioningStepContext, AppDefinition, AppProvisioningStepInfo, AppProvisioningHandlerMessage, IMessageBusSubscriptionHandler, AppProvisioningStepRegistration, InformationSummaryRenderer, guid } from "../../../models";
 import { SubscriptionHandler } from "../../..";
 import { AppStore, DirectionRuleStore, EnterprisePropertyStore, FeatureStore, MultilingualStore, TargetingPropertyStore, useLocalizationStore } from "../../../stores";
-import { VueComponentBase, OmniaTheming, OmniaUxLocalization } from "../..";
+import { VueComponentBase, OmniaTheming, OmniaUxLocalization, DefineProp, DefineEmit } from "../..";
 import { AppService } from "../../../services";
 export interface IAppProvisioningComponentProps {
     appDefinitionId?: guid;
@@ -13,41 +13,7 @@ export interface IAppProvisioningComponentProps {
     onProvisioningCompleted?: (appInstance: AppInstance) => void;
     allowMemberAndGroup?: boolean;
 }
-export declare const appProvisioningComponentBaseProps: {
-    allowMemberAndGroup: {
-        type: import("vue").PropType<boolean>;
-    };
-    require(): import("../../DefineVueTypings").DefinePropRequire<"allowMemberAndGroup", boolean, {}>;
-    defaultValue(value?: boolean): import("../../DefineVueTypings").DefinePropDefaultValue<"allowMemberAndGroup", boolean, {}, false>;
-    doc$(description?: string): import("../../DefineVueTypings").DefinePropDoc<"allowMemberAndGroup", boolean, {}>;
-    allowMultipleAppAdministrators: {
-        type: import("vue").PropType<boolean>;
-    };
-    enableUserStep: {
-        type: import("vue").PropType<boolean>;
-    };
-    onProvisioningCompleted: {
-        type: import("vue").PropType<(appInstance: AppInstance) => void>;
-    };
-    onInstancePropertiesChanged: {
-        type: import("vue").PropType<() => void>;
-    };
-    onProvisioningStarted: {
-        type: import("vue").PropType<() => void>;
-    };
-    onProvisioningCanceled: {
-        type: import("vue").PropType<() => void>;
-    };
-    onApproved: {
-        type: import("vue").PropType<() => void>;
-    };
-    showEnabledTemplatesOnly: {
-        type: import("vue").PropType<boolean>;
-    };
-    appDefinitionId: {
-        type: import("vue").PropType<guid>;
-    };
-};
+export type appProvisioningComponentBaseProps = DefineProp<"appDefinitionId", guid> & DefineProp<"showEnabledTemplatesOnly", boolean, true> & DefineProp<"enableUserStep", boolean> & DefineProp<"allowMemberAndGroup", boolean> & DefineProp<"allowMultipleAppAdministrators", boolean> & DefineEmit<"approved", () => void> & DefineEmit<"provisioningCanceled", () => void> & DefineEmit<"instancePropertiesChanged", () => void> & DefineEmit<"provisioningCompleted", (appInstance: AppInstance) => void>;
 export declare function useAppProvisioningComponentBase(props: IAppProvisioningComponentProps): {
     defaultSteps: AppProvisioningStepRegistration[];
     appState: {

package/internal-do-not-import-from-here/ux/appprovisioning/components/index.d.ts

@@ -2,3 +2,4 @@ export * from "./AppInstancePermissionsVueComponent";
 export * from "./AppInstanceInformationVueComponent";
 export * from "./AppInstanceTemplatePickerVueComponent";
 export * from "./AppProvisioningComponentBase";
+export * from "./AppInstanceFeatureVueComponent";

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/blocktitle/BlockTitle.d.ts

@@ -98,9 +98,9 @@ declare const _default: {
         container?: boolean;
         colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "accent6" | "accent7" | "accent8" | "accent9" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic" | import("@omnia/fx-models").ColorSchemaTypes;
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+        alternativeContent?: JSX.Element;
         settingsKey?: any;
         multilingualtitle?: string | MultilingualString;
-        alternativeContent?: JSX.Element;
     }>, never>;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/renderer/LayoutRendererCanvas.d.ts

@@ -1,83 +1,11 @@
 import { LayoutRendererCanvasApi } from "@omnia/fx/models";
+import { DefineExpose, DefineProp } from "@omnia/fx/ux";
 import { LayoutCanvasStore } from "../";
 import "./LayoutRendererCanvas.stylex";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        height: {
-            type: import("vue").PropType<string>;
-        };
-        noScroll: {
-            type: import("vue").PropType<boolean>;
-        };
-        disableScrollCompensation: {
-            type: import("vue").PropType<boolean>;
-        };
-        provider: {
-            type: import("vue").PropType<string>;
-        };
-        getApi: {
-            type: import("vue").PropType<(inst: LayoutRendererCanvasApi, layoutCanvasStore: LayoutCanvasStore) => void>;
-        };
-        designRender: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        height: {
-            type: import("vue").PropType<string>;
-        };
-        noScroll: {
-            type: import("vue").PropType<boolean>;
-        };
-        disableScrollCompensation: {
-            type: import("vue").PropType<boolean>;
-        };
-        provider: {
-            type: import("vue").PropType<string>;
-        };
-        getApi: {
-            type: import("vue").PropType<(inst: LayoutRendererCanvasApi, layoutCanvasStore: LayoutCanvasStore) => void>;
-        };
-        designRender: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    height: {
-        type: import("vue").PropType<string>;
-    };
-    noScroll: {
-        type: import("vue").PropType<boolean>;
-    };
-    disableScrollCompensation: {
-        type: import("vue").PropType<boolean>;
-    };
-    provider: {
-        type: import("vue").PropType<string>;
-    };
-    getApi: {
-        type: import("vue").PropType<(inst: LayoutRendererCanvasApi, layoutCanvasStore: LayoutCanvasStore) => void>;
-    };
-    designRender: {
-        type: import("vue").PropType<boolean>;
-    };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        height?: string;
-        provider?: string;
-        getApi?: (inst: LayoutRendererCanvasApi, layoutCanvasStore: LayoutCanvasStore) => void;
-        designRender?: boolean;
-        disableScrollCompensation?: boolean;
-        noScroll?: boolean;
-    }>, never>;
-};
+type Props = DefineProp<"designRender", boolean, false, null> & DefineProp<"getApi", (inst: LayoutRendererCanvasApi, layoutCanvasStore: LayoutCanvasStore) => void, false, null> & DefineExpose<LayoutRendererCanvasApi> & DefineProp<"height", string, false, null> & DefineProp<"provider", string, false, null> & DefineProp<"disableScrollCompensation", boolean, false, false> & DefineProp<"noScroll", boolean, false, false>;
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<Props> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "height" | "provider" | "ref" | "getApi" | "designRender" | "disableScrollCompensation" | "noScroll"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/icon/Icon.d.ts

@@ -1,9 +1,9 @@
-import { IIcon, OIconVariants, OIconSizes, ColorType, OIconAnimations, IconBlueprint } from "@omnia/fx-models";
+import { IIcon, OIconVariants, OIconSizes, ColorType, OIconAnimations, IconBlueprint, IconTooltipOptions } from "@omnia/fx-models";
 import { DefinePropTheming, DefineProp } from "@omnia/fx/ux";
-type IconProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"filled", boolean, false, false, "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited."> & DefineProp<"icon", IIcon, false, null, "The icon to be displayed."> & DefineProp<"toned", boolean, false, false> & DefineProp<"colorType", ColorType, false, null, "Sets the colorType to use for the icons. Default is onBase."> & DefineProp<"variant", OIconVariants, false, null, "Sets the variant of the icon."> & DefineProp<"size", OIconSizes, false, null, "Sets the height and width of the icon. Should be used as default."> & DefineProp<"animation", OIconAnimations, false, null, "Sets the animation on the icon when hovering."> & DefineProp<"customSize", number, false, null, "Sets a custom height and width of the icon. Should be used only as an exception."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"blueprint", IconBlueprint, false, null, "Sets a custom blueprint for the icon.">;
+type IconProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"filled", boolean, false, false, "Applies the a background color to the flex. The color is based on the colorSchema either set or inherited."> & DefineProp<"icon", IIcon, false, null, "The icon to be displayed."> & DefineProp<"toned", boolean, false, false> & DefineProp<"colorType", ColorType, false, null, "Sets the colorType to use for the icons. Default is onBase."> & DefineProp<"variant", OIconVariants, false, null, "Sets the variant of the icon."> & DefineProp<"tooltip", IconTooltipOptions, false, null, "Sets tooltip to display when hovering the icon."> & DefineProp<"size", OIconSizes, false, null, "Sets the height and width of the icon. Should be used as default."> & DefineProp<"animation", OIconAnimations, false, null, "Sets the animation on the icon when hovering."> & DefineProp<"customSize", number, false, null, "Sets a custom height and width of the icon. Should be used only as an exception."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"blueprint", IconBlueprint, false, null, "Sets a custom blueprint for the icon.">;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<IconProps> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "blueprint" | "animation" | "variant" | "filled" | "size" | "class" | "disabled" | "colorSchemaType" | "colors" | "toned" | "colorType" | "customSize"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "blueprint" | "animation" | "variant" | "filled" | "size" | "class" | "disabled" | "tooltip" | "colorSchemaType" | "colors" | "toned" | "colorType" | "customSize"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/inputfield/InputField.d.ts

@@ -1,4 +1,4 @@
-import { DefineEmit, DefineExpose, DefineProp, DefinePropTheming, DefineSlot, DefineVModel, ExtractProps, ValidationRule } from "@omnia/fx/ux";
+import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineVModel, ExtractProps, ValidationRule } from "@omnia/fx/ux";
 import { ColorValue, TextBlueprint, OTextFieldTypes, InputBlueprint } from "@omnia/fx/models";
 import { VNodeChild } from "vue";
 export declare const InputTypeDefinitions: readonly ["text", "password", "number"];
@@ -6,7 +6,7 @@ export type InputTypes = typeof InputTypeDefinitions[number];
 export type InputApi = {
     focus: () => void;
 };
-type BaseProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineExpose<InputApi> & DefineProp<"variant", OTextFieldTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"color", ColorValue, false, null, "Define the custom color for text field."> & DefineProp<"readonly", boolean, false, null, "Makes the text field readonly."> & DefineProp<"persistentHint", boolean, false, null, "Forces hint to always be visible."> & DefineProp<"hint", string, false, null, "Sets the hint of the text field. Hint will be displayed below the input when focused."> & DefineProp<"errorMessages", string | string[], false, null, "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation."> & DefineProp<"rules", ValidationRule[], false, null, "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message."> & DefineProp<"toned", boolean, false, null, ""> & DefineProp<"label", string, false, null, "The label of the input field."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"textBlueprint", TextBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"getApi", (api: InputApi) => void, false, null, "Gets the api"> & DefineSlot<"append", () => VNodeChild, "Adds an item inside the input and after input content."> & DefineSlot<"append-inner", () => VNodeChild, "Adds an item inside the input content."> & DefineSlot<"prepend", () => VNodeChild, "Adds an item outside the input and before input content."> & DefineSlot<"prepend-inner", () => VNodeChild, "Slot that is prepended to the input."> & DefineSlot<"message", () => VNodeChild, "Slot used to customize the message content."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineEmit<"click:button", () => void, "Emit when click on icon."> & DefineEmit<"click:clear", () => void, "Emit when search input field is cleared.">;
+type BaseProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"variant", OTextFieldTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"color", ColorValue, false, null, "Define the custom color for text field."> & DefineProp<"readonly", boolean, false, null, "Makes the text field readonly."> & DefineProp<"persistentHint", boolean, false, null, "Forces hint to always be visible."> & DefineProp<"hint", string, false, null, "Sets the hint of the text field. Hint will be displayed below the input when focused."> & DefineProp<"errorMessages", string | string[], false, null, "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation."> & DefineProp<"rules", ValidationRule[], false, null, "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message."> & DefineProp<"toned", boolean, false, null, ""> & DefineProp<"label", string, false, null, "The label of the input field."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"textBlueprint", TextBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineProp<"getApi", (api: InputApi) => void, false, null, "Gets the api"> & DefineSlot<"append", () => VNodeChild, "Adds an item inside the input and after input content."> & DefineSlot<"append-inner", () => VNodeChild, "Adds an item inside the input content."> & DefineSlot<"prepend", () => VNodeChild, "Adds an item outside the input and before input content."> & DefineSlot<"prepend-inner", () => VNodeChild, "Slot that is prepended to the input."> & DefineSlot<"message", () => VNodeChild, "Slot used to customize the message content."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineEmit<"click:button", () => void, "Emit when click on icon."> & DefineEmit<"click:clear", () => void, "Emit when search input field is cleared.">;
 type NumberInputProps = DefineVModel<"", number, false, null, true, "The v-model value of the component."> & DefineProp<"max", number, false, null, "The max value."> & DefineProp<"min", number, false, null, "The min value."> & DefineProp<"step", number, false, null, "incremental steps for adjusting the numeric value."> & BaseProps;
 type TextInputProps = DefineVModel<"", string, false, null, true, "The v-model value of the component."> & DefineProp<"suffix", string, false, null, "The suffix text of the text field."> & DefineProp<"prefix", string, false, null, "The prefix text of the text field."> & DefineProp<"clearable", boolean, false, false, "Adds a clear button when the text field is not empty."> & DefineProp<"autofocus", boolean, false, false, "Enables autofocus."> & DefineProp<"placeholder", string, false, null, "Sets the input’s placeholder text."> & BaseProps;
 declare const _default: <TType extends "text" | "number" | "password" = "text">(props: ExtractProps<{

package/internal-do-not-import-from-here/ux/oxide/tab/Tab.d.ts

@@ -5,6 +5,7 @@ type IconPositions = "left" | "right" | "top";
 export interface TabIconModel {
     iconType: IIcon;
     position?: IconPositions;
+    tooltipText?: string;
 }
 type TabProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"disabled", boolean, false, false, "Removed the ability to click or target the component."> & DefineProp<"title", string, false, null, "The title of the tab."> & DefineProp<"notificationCount", number, false, null, "Show a notificaton count on the tab."> & DefineProp<"eager", boolean, false, false, "Force the tab content to preload. This is useful if you have content that you want to be preloaded, instead of 'load on click' default behavior."> & DefineProp<"icon", TabIconModel, false, null, "The icon of the tab."> & DefineProp<"variant", OTabVariants, false, null, "Applies a distinct style to the component."> & DefineSlot<"itemRendering", () => VNodeChild>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<TabProps> & {} & {

package/internal-do-not-import-from-here/ux/post/Post.d.ts

@@ -52,5 +52,5 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "omniaServiceId" | "provider" | "styles" | "richTextSettings" | "cardStyle" | "enableMention" | "editContentOnTop" | "postTypeId" | "showMoreSize" | "allowLikes" | "customSlots" | "hideEditOption" | "getTopPostIds" | "getUserHash" | "topicPermissionDictionary"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "omniaServiceId" | "provider" | "styles" | "richTextSettings" | "enableMention" | "editContentOnTop" | "postTypeId" | "showMoreSize" | "cardStyle" | "allowLikes" | "customSlots" | "hideEditOption" | "getTopPostIds" | "getUserHash" | "topicPermissionDictionary"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/post/templates/PostTemplate.d.ts

@@ -47,8 +47,8 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
         [topicId: string]: PostPermission;
     };
 } & DefineEmit<"openReply", (postToReplyOn: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => void> & DefineEmit<"cancelReply", (post: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => void> & DefineEmit<"openEdit", (post: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => void> & DefineEmit<"closeEdit", (post: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => void> & DefineEmit<"refresh", (addedPost: boolean) => void>> & {
-    onOpenReply?: (postToReplyOn: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => any;
     onCancelReply?: (post: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => any;
+    onOpenReply?: (postToReplyOn: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => any;
     onRefresh?: (addedPost: boolean) => any;
     onOpenEdit?: (post: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => any;
     onCloseEdit?: (post: IPersistedPost<IPostBaseWithContext<IPostBaseContext>>) => any;
@@ -56,5 +56,5 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "currentUser" | "richTextSettings" | "canShowEditDialogOnLoad" | "canLike" | "cardStyle" | "hideEdit" | "enableMention" | "customSlots" | "hideEditOption" | "getTopPostIds" | "getUserHash" | "topicPermissionDictionary" | "persistedPost" | "persistedPosts" | "handleAddingPost" | "handleUpdatingPost" | "handleDeletingPost" | "handleTogglingLike" | "handleSocialReacts" | "emit:openReply" | "emit:cancelReply" | "emit:openEdit" | "emit:closeEdit" | "emit:refresh"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "currentUser" | "richTextSettings" | "canShowEditDialogOnLoad" | "canLike" | "hideEdit" | "emit:openReply" | "emit:cancelReply" | "emit:refresh" | "enableMention" | "cardStyle" | "customSlots" | "hideEditOption" | "getTopPostIds" | "getUserHash" | "topicPermissionDictionary" | "persistedPost" | "persistedPosts" | "handleAddingPost" | "handleUpdatingPost" | "handleDeletingPost" | "handleTogglingLike" | "handleSocialReacts" | "emit:openEdit" | "emit:closeEdit"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/securitytrimmer/SecurityTrimmer.d.ts

@@ -134,11 +134,11 @@ declare const _default: {
             default?: import("../DefineVueTypings").Slot;
         } & SecurityTrimmerSlots;
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+        excludedRoles?: guid[];
+        clearCacheAndRetryIfUnauthorized?: boolean;
         contextParams?: {
             [key: string]: string | number;
         };
-        excludedRoles?: guid[];
-        clearCacheAndRetryIfUnauthorized?: boolean;
     }>, never>;
 };
 export default _default;

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

@@ -1,281 +1,15 @@
-import { CommentLikeTemplateDynamicInput } from "@omnia/fx/ux";
-import { Comment, OmitProperties, LegacyThemeDefinition } from "../../models";
+import { CommentLikeTemplateDynamicInput, DefineProp } from "@omnia/fx/ux";
+import { Comment, OmitProperties, guid, ColorValue } from "../../models";
+import { CommentStyles } from "..";
 import { IRichTextEditor } from "../richtexteditor";
 import { CommentSorting } from "../../models/Social";
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        contextParams: {
-            type: import("vue").PropType<{
-                [key: string]: string | number;
-            }>;
-        };
-        hideTotalNumber: {
-            type: import("vue").PropType<boolean>;
-        };
-        readOnly: {
-            type: import("vue").PropType<boolean>;
-        };
-        hideEdit: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        cardStyle: {
-            type: import("vue").PropType<LegacyThemeDefinition>;
-        };
-        allowLikes: {
-            type: import("vue").PropType<boolean>;
-        };
-        sortOrder: {
-            type: import("vue").PropType<CommentSorting>;
-        };
-        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;
-            }>;
-        };
-        dynamicInput: {
-            type: import("vue").PropType<CommentLikeTemplateDynamicInput>;
-        };
-        canMarkBestReply: {
-            type: import("vue").PropType<boolean>;
-        };
-        enableMention: {
-            type: import("vue").PropType<boolean>;
-        };
-        enableBestReply: {
-            type: import("vue").PropType<boolean>;
-        };
-        richTextSettings: {
-            type: import("vue").PropType<OmitProperties<IRichTextEditor, "initialContent" | "onContentChange">>;
-        };
-        topicId: {
-            type: import("vue").PropType<string>;
-        };
-        comments: {
-            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, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        contextParams: {
-            type: import("vue").PropType<{
-                [key: string]: string | number;
-            }>;
-        };
-        hideTotalNumber: {
-            type: import("vue").PropType<boolean>;
-        };
-        readOnly: {
-            type: import("vue").PropType<boolean>;
-        };
-        hideEdit: {
-            type: import("vue").PropType<boolean>;
-            required: false;
-        };
-        cardStyle: {
-            type: import("vue").PropType<LegacyThemeDefinition>;
-        };
-        allowLikes: {
-            type: import("vue").PropType<boolean>;
-        };
-        sortOrder: {
-            type: import("vue").PropType<CommentSorting>;
-        };
-        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;
-            }>;
-        };
-        dynamicInput: {
-            type: import("vue").PropType<CommentLikeTemplateDynamicInput>;
-        };
-        canMarkBestReply: {
-            type: import("vue").PropType<boolean>;
-        };
-        enableMention: {
-            type: import("vue").PropType<boolean>;
-        };
-        enableBestReply: {
-            type: import("vue").PropType<boolean>;
-        };
-        richTextSettings: {
-            type: import("vue").PropType<OmitProperties<IRichTextEditor, "initialContent" | "onContentChange">>;
-        };
-        topicId: {
-            type: import("vue").PropType<string>;
-        };
-        comments: {
-            type: import("vue").PropType<Comment[]>;
-        };
-        template: {
-            type: import("vue").PropType<string>;
-            required: false;
-        };
-        showMoreSize: {
-            type: import("vue").PropType<number>;
-            required: false;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    contextParams: {
-        type: import("vue").PropType<{
-            [key: string]: string | number;
-        }>;
-    };
-    hideTotalNumber: {
-        type: import("vue").PropType<boolean>;
-    };
-    readOnly: {
-        type: import("vue").PropType<boolean>;
-    };
-    hideEdit: {
-        type: import("vue").PropType<boolean>;
-        required: false;
-    };
-    cardStyle: {
-        type: import("vue").PropType<LegacyThemeDefinition>;
-    };
-    allowLikes: {
-        type: import("vue").PropType<boolean>;
-    };
-    sortOrder: {
-        type: import("vue").PropType<CommentSorting>;
-    };
-    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;
-        }>;
-    };
-    dynamicInput: {
-        type: import("vue").PropType<CommentLikeTemplateDynamicInput>;
-    };
-    canMarkBestReply: {
-        type: import("vue").PropType<boolean>;
-    };
-    enableMention: {
-        type: import("vue").PropType<boolean>;
-    };
-    enableBestReply: {
-        type: import("vue").PropType<boolean>;
-    };
-    richTextSettings: {
-        type: import("vue").PropType<OmitProperties<IRichTextEditor, "initialContent" | "onContentChange">>;
-    };
-    topicId: {
-        type: import("vue").PropType<string>;
-    };
-    comments: {
-        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").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        template?: string;
-        styles?: {
-            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;
-        };
-        richTextSettings?: OmitProperties<IRichTextEditor, "initialContent" | "onContentChange">;
-        dynamicInput?: CommentLikeTemplateDynamicInput;
-        additionalRoles?: string[];
-        cardStyle?: LegacyThemeDefinition;
-        hideEdit?: boolean;
-        readOnly?: boolean;
-        topicId?: string;
-        enableMention?: boolean;
-        comments?: Comment[];
-        contextParams?: {
-            [key: string]: string | number;
-        };
-        showMoreSize?: number;
-        allowLikes?: boolean;
-        enableBestReply?: boolean;
-        canMarkBestReply?: boolean;
-        sortOrder?: CommentSorting;
-        hideTotalNumber?: boolean;
-    }>, never>;
-};
+declare const defaultTemplate: guid;
+type CommentProps = DefineProp<"showMoreSize", number, false, 10> & DefineProp<"template", guid, false, typeof defaultTemplate> & DefineProp<"comments", Array<Comment>> & DefineProp<"topicId", string> & DefineProp<"richTextSettings", OmitProperties<IRichTextEditor, "initialContent" | "onContentChange">> & DefineProp<"enableBestReply", boolean> & DefineProp<"enableMention", boolean> & DefineProp<"canMarkBestReply", boolean> & DefineProp<"dynamicInput", CommentLikeTemplateDynamicInput> & DefineProp<"styles", typeof CommentStyles> & DefineProp<"additionalRoles", Array<string>> & DefineProp<"sortOrder", CommentSorting> & DefineProp<"allowLikes", boolean> & DefineProp<"backgroundColor", ColorValue> & DefineProp<"foregroundColor", ColorValue> & DefineProp<"textColor", ColorValue> & DefineProp<"hideEdit", boolean> & DefineProp<"readOnly", boolean> & DefineProp<"hideReply", boolean> & DefineProp<"hideTotalNumber", boolean> & DefineProp<"hideLike", boolean> & DefineProp<"contextParams", {
+    [key: string]: string | number;
+}>;
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<CommentProps> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "backgroundColor" | "textColor" | "template" | "styles" | "richTextSettings" | "dynamicInput" | "additionalRoles" | "foregroundColor" | "hideEdit" | "readOnly" | "topicId" | "contextParams" | "enableMention" | "comments" | "showMoreSize" | "allowLikes" | "enableBestReply" | "canMarkBestReply" | "sortOrder" | "hideReply" | "hideTotalNumber" | "hideLike"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;