@omnia/fx 8.0.21-vnext → 8.0.23-vnext

package/internal-do-not-import-from-here/ux/richtexteditor/RichTextEditor.d.ts

@@ -1,108 +1,592 @@
-import { IWebComponentInstance, OmniaContext } from "../../";
-import { IRichTextEditor, RichTextEditorExtension, RichTextEditorPlaceHolder, IRichTextEditorInstance } from ".";
+import { RichTextEditorExtension, RichTextEditorPlaceHolder } from ".";
 import "./RichTextEditor.css";
 import { RichTextModes } from "../../models";
-import { RichTextEditorStyles } from "../models";
-import { RichTextEditorExtensionRegistration, RichTextEditorSettingsModel } from "../../models";
-import { SettingsService } from "../../services";
+import { RichTextEditorExtensionRegistration } from "../../models";
 import { RichTextContentHelper } from ".";
-import { VueComponentBase } from "..";
 import { IRichTextEditorExtensionHelper } from "./IRichTextEditorExtensionHelper";
-import { DirectionRuleStore } from "../../stores";
-export declare class RichTextEditor extends VueComponentBase implements IWebComponentInstance, IRichTextEditor, IRichTextEditorInstance {
-    initialContent: string;
-    onContentChange: (content: string) => void;
-    onContentDataChange?: (richtextHelper: RichTextContentHelper) => void;
-    onBlur?: () => void;
-    onFocus?: () => void;
-    placeholder: RichTextEditorPlaceHolder;
-    styles?: typeof RichTextEditorStyles;
-    disabled: boolean;
-    outlined: boolean;
-    bodyClass: string;
-    resetContent?: boolean;
-    autoFocus?: boolean;
-    disableAutofocus?: boolean;
-    mode: RichTextModes;
-    onConfigureExtensions?: (currentExtensions: Array<RichTextEditorExtension>, registrationResolver?: (registration: RichTextEditorExtensionRegistration) => RichTextEditorExtension, extensionHelper?: IRichTextEditorExtensionHelper) => Array<RichTextEditorExtension>;
-    onConfiguredExtensions?: (currentExtensions: Array<RichTextEditorExtension>, registrationResolver?: (registration: RichTextEditorExtensionRegistration) => RichTextEditorExtension) => Promise<Array<RichTextEditorExtension>>;
-    ariaDescribedby?: string;
-    ariaInvalid?: boolean;
-    registerFocus?: (callback: () => void) => void;
-    omniaCtx: OmniaContext;
-    settingsService: SettingsService<RichTextEditorSettingsModel>;
-    directionStore: DirectionRuleStore;
-    private editorClasses;
-    private editorDefaultStyle;
-    private updateToolbar;
-    private editor;
-    private paddingTop;
-    private lastScrollTop;
-    private selectionDebounce;
-    private content;
-    private isLoading;
-    private nodes;
-    private toolbarItems;
-    private isShowToolbar;
-    private extensionsData;
-    private contentHelper;
-    private bubbleMenuItems;
-    private pastedMenuItem;
-    private pastedPosition;
-    private pastedContext;
-    private isSticky;
-    private parentScrollOffset;
-    private stickyElmScrollableParent;
-    private scrollCallback;
-    private uniqueEditorId;
-    private extensions;
-    private allExtensions;
-    private isRightToLeft;
-    private extensionOnBlurFuncs;
-    private hasLanguagePicker;
-    onTopicIdChange(newValue: boolean, oldValue: boolean): void;
-    onDisabledChange(): void;
-    created(): void;
-    mounted(): void;
-    beforeDestroy(): void;
-    private focusEditor;
-    updateContent(content: string): void;
-    initSubscribedExtensions(): void;
-    registrationResolver(registration: RichTextEditorExtensionRegistration): RichTextEditorExtension;
-    loadFromExtensionRegistrations(extensionSettings: RichTextEditorExtensionRegistration[]): Promise<Array<RichTextEditorExtension>>;
-    buildExtensionList(extensionListFromTenantSettings: RichTextEditorExtensionRegistration[]): RichTextEditorExtension[];
-    initExtensions(): void;
-    setupEditor(): void;
-    private currentEmitedContent;
-    private onEditorUpdated;
-    private onContentChangedFromToolbar;
-    private setExtensionData;
-    get builtInExtensions(): any[];
-    get elementWidth(): number;
-    render(): JSX.Element;
-    renderEditor(): JSX.Element;
-    renderToolbarItem(menubar: any, config: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>;
-    renderBubbleMenuToolbarItem(bubbleMenu: any, config: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>;
-    renderPastedBubbleMenuToolbarItem(bubbleMenu: any, config: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
+import { nextTick } from "vue";
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            "register-focus": {
+                type: import("vue").PropType<(callback: () => void) => void>;
+            };
+            registerFocus: {
+                type: import("vue").PropType<(callback: () => void) => void>;
+            };
+            "aria-invalid": {
+                type: import("vue").PropType<boolean>;
+            };
+            ariaInvalid: {
+                type: import("vue").PropType<boolean>;
+            };
+            "aria-describedby": {
+                type: import("vue").PropType<string>;
+            };
+            ariaDescribedby: {
+                type: import("vue").PropType<string>;
+            };
+            "on-configured-extensions": {
+                type: import("vue").PropType<(currentExtensions: Array<RichTextEditorExtension>, registrationResolver?: (registration: RichTextEditorExtensionRegistration) => RichTextEditorExtension) => Promise<Array<RichTextEditorExtension>>>;
+            };
+            onConfiguredExtensions: {
+                type: import("vue").PropType<(currentExtensions: Array<RichTextEditorExtension>, registrationResolver?: (registration: RichTextEditorExtensionRegistration) => RichTextEditorExtension) => Promise<Array<RichTextEditorExtension>>>;
+            };
+            "on-configure-extensions": {
+                type: import("vue").PropType<(currentExtensions: Array<RichTextEditorExtension>, registrationResolver?: (registration: RichTextEditorExtensionRegistration) => RichTextEditorExtension, extensionHelper?: IRichTextEditorExtensionHelper) => Array<RichTextEditorExtension>>;
+            };
+            onConfigureExtensions: {
+                type: import("vue").PropType<(currentExtensions: Array<RichTextEditorExtension>, registrationResolver?: (registration: RichTextEditorExtensionRegistration) => RichTextEditorExtension, extensionHelper?: IRichTextEditorExtensionHelper) => Array<RichTextEditorExtension>>;
+            };
+            mode: {
+                type: import("vue").PropType<RichTextModes>;
+                required: false;
+            };
+            disableAutofocus: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            autoFocus: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            "reset-content": {
+                type: import("vue").PropType<boolean>;
+            };
+            resetContent: {
+                type: import("vue").PropType<boolean>;
+            };
+            "body-class": {
+                type: import("vue").PropType<string>;
+            };
+            bodyClass: {
+                type: import("vue").PropType<string>;
+            };
+            outlined: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                type: import("vue").PropType<boolean>;
+            };
+            placeholder: {
+                type: import("vue").PropType<RichTextEditorPlaceHolder>;
+            } & {
+                type: import("vue").PropType<RichTextEditorPlaceHolder>;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                type: import("vue").PropType<boolean>;
+            };
+            styles: {
+                type: import("vue").PropType<{
+                    menubar?: import("typestyle/lib/types").NestedCSSProperties;
+                    menubarDark?: import("typestyle/lib/types").NestedCSSProperties;
+                    menubarLight?: import("typestyle/lib/types").NestedCSSProperties;
+                    editorContent?: import("typestyle/lib/types").NestedCSSProperties;
+                    selectedNode?: (background: string) => import("typestyle/lib/types").NestedCSSProperties;
+                    hiddenToolsBlock?: import("typestyle/lib/types").NestedCSSProperties;
+                    editor?: import("typestyle/lib/types").NestedCSSProperties;
+                    subToolBar?: import("typestyle/lib/types").NestedCSSProperties;
+                    bubbleMenu?: import("typestyle/lib/types").NestedCSSProperties;
+                    stickyMenu?: (top: number, width: number) => import("typestyle/lib/types").NestedCSSProperties;
+                    genericExtensionElementStyle?: (theming: import("@omnia/fx/ux").ITheming, useAccessibilityFeature: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                    menubarLanguagePicker?: import("typestyle/lib/types").NestedCSSProperties;
+                }>;
+            } & {
+                type: import("vue").PropType<{
+                    menubar?: import("typestyle/lib/types").NestedCSSProperties;
+                    menubarDark?: import("typestyle/lib/types").NestedCSSProperties;
+                    menubarLight?: import("typestyle/lib/types").NestedCSSProperties;
+                    editorContent?: import("typestyle/lib/types").NestedCSSProperties;
+                    selectedNode?: (background: string) => import("typestyle/lib/types").NestedCSSProperties;
+                    hiddenToolsBlock?: import("typestyle/lib/types").NestedCSSProperties;
+                    editor?: import("typestyle/lib/types").NestedCSSProperties;
+                    subToolBar?: import("typestyle/lib/types").NestedCSSProperties;
+                    bubbleMenu?: import("typestyle/lib/types").NestedCSSProperties;
+                    stickyMenu?: (top: number, width: number) => import("typestyle/lib/types").NestedCSSProperties;
+                    genericExtensionElementStyle?: (theming: import("@omnia/fx/ux").ITheming, useAccessibilityFeature: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                    menubarLanguagePicker?: import("typestyle/lib/types").NestedCSSProperties;
+                }>;
+            };
+            "on-focus": {
+                type: import("vue").PropType<() => void>;
+            };
+            onFocus: {
+                type: import("vue").PropType<() => void>;
+            };
+            "on-blur": {
+                type: import("vue").PropType<() => void>;
+            };
+            onBlur: {
+                type: import("vue").PropType<() => void>;
+            };
+            "on-content-data-change": {
+                type: import("vue").PropType<(richtextHelper: RichTextContentHelper) => void>;
+            };
+            onContentDataChange: {
+                type: import("vue").PropType<(richtextHelper: RichTextContentHelper) => void>;
+            };
+            onContentChange: {
+                type: import("vue").PropType<(content: string) => void>;
+                required: true;
+            };
+            initialContent: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $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<{
+            "register-focus": {
+                type: import("vue").PropType<(callback: () => void) => void>;
+            };
+            registerFocus: {
+                type: import("vue").PropType<(callback: () => void) => void>;
+            };
+            "aria-invalid": {
+                type: import("vue").PropType<boolean>;
+            };
+            ariaInvalid: {
+                type: import("vue").PropType<boolean>;
+            };
+            "aria-describedby": {
+                type: import("vue").PropType<string>;
+            };
+            ariaDescribedby: {
+                type: import("vue").PropType<string>;
+            };
+            "on-configured-extensions": {
+                type: import("vue").PropType<(currentExtensions: Array<RichTextEditorExtension>, registrationResolver?: (registration: RichTextEditorExtensionRegistration) => RichTextEditorExtension) => Promise<Array<RichTextEditorExtension>>>;
+            };
+            onConfiguredExtensions: {
+                type: import("vue").PropType<(currentExtensions: Array<RichTextEditorExtension>, registrationResolver?: (registration: RichTextEditorExtensionRegistration) => RichTextEditorExtension) => Promise<Array<RichTextEditorExtension>>>;
+            };
+            "on-configure-extensions": {
+                type: import("vue").PropType<(currentExtensions: Array<RichTextEditorExtension>, registrationResolver?: (registration: RichTextEditorExtensionRegistration) => RichTextEditorExtension, extensionHelper?: IRichTextEditorExtensionHelper) => Array<RichTextEditorExtension>>;
+            };
+            onConfigureExtensions: {
+                type: import("vue").PropType<(currentExtensions: Array<RichTextEditorExtension>, registrationResolver?: (registration: RichTextEditorExtensionRegistration) => RichTextEditorExtension, extensionHelper?: IRichTextEditorExtensionHelper) => Array<RichTextEditorExtension>>;
+            };
+            mode: {
+                type: import("vue").PropType<RichTextModes>;
+                required: false;
+            };
+            disableAutofocus: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            autoFocus: {
+                type: import("vue").PropType<boolean>;
+                required: false;
+            };
+            "reset-content": {
+                type: import("vue").PropType<boolean>;
+            };
+            resetContent: {
+                type: import("vue").PropType<boolean>;
+            };
+            "body-class": {
+                type: import("vue").PropType<string>;
+            };
+            bodyClass: {
+                type: import("vue").PropType<string>;
+            };
+            outlined: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                type: import("vue").PropType<boolean>;
+            };
+            placeholder: {
+                type: import("vue").PropType<RichTextEditorPlaceHolder>;
+            } & {
+                type: import("vue").PropType<RichTextEditorPlaceHolder>;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            } & {
+                type: import("vue").PropType<boolean>;
+            };
+            styles: {
+                type: import("vue").PropType<{
+                    menubar?: import("typestyle/lib/types").NestedCSSProperties;
+                    menubarDark?: import("typestyle/lib/types").NestedCSSProperties;
+                    menubarLight?: import("typestyle/lib/types").NestedCSSProperties;
+                    editorContent?: import("typestyle/lib/types").NestedCSSProperties;
+                    selectedNode?: (background: string) => import("typestyle/lib/types").NestedCSSProperties;
+                    hiddenToolsBlock?: import("typestyle/lib/types").NestedCSSProperties;
+                    editor?: import("typestyle/lib/types").NestedCSSProperties;
+                    subToolBar?: import("typestyle/lib/types").NestedCSSProperties;
+                    bubbleMenu?: import("typestyle/lib/types").NestedCSSProperties;
+                    stickyMenu?: (top: number, width: number) => import("typestyle/lib/types").NestedCSSProperties;
+                    genericExtensionElementStyle?: (theming: import("@omnia/fx/ux").ITheming, useAccessibilityFeature: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                    menubarLanguagePicker?: import("typestyle/lib/types").NestedCSSProperties;
+                }>;
+            } & {
+                type: import("vue").PropType<{
+                    menubar?: import("typestyle/lib/types").NestedCSSProperties;
+                    menubarDark?: import("typestyle/lib/types").NestedCSSProperties;
+                    menubarLight?: import("typestyle/lib/types").NestedCSSProperties;
+                    editorContent?: import("typestyle/lib/types").NestedCSSProperties;
+                    selectedNode?: (background: string) => import("typestyle/lib/types").NestedCSSProperties;
+                    hiddenToolsBlock?: import("typestyle/lib/types").NestedCSSProperties;
+                    editor?: import("typestyle/lib/types").NestedCSSProperties;
+                    subToolBar?: import("typestyle/lib/types").NestedCSSProperties;
+                    bubbleMenu?: import("typestyle/lib/types").NestedCSSProperties;
+                    stickyMenu?: (top: number, width: number) => import("typestyle/lib/types").NestedCSSProperties;
+                    genericExtensionElementStyle?: (theming: import("@omnia/fx/ux").ITheming, useAccessibilityFeature: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                    menubarLanguagePicker?: import("typestyle/lib/types").NestedCSSProperties;
+                }>;
+            };
+            "on-focus": {
+                type: import("vue").PropType<() => void>;
+            };
+            onFocus: {
+                type: import("vue").PropType<() => void>;
+            };
+            "on-blur": {
+                type: import("vue").PropType<() => void>;
+            };
+            onBlur: {
+                type: import("vue").PropType<() => void>;
+            };
+            "on-content-data-change": {
+                type: import("vue").PropType<(richtextHelper: RichTextContentHelper) => void>;
+            };
+            onContentDataChange: {
+                type: import("vue").PropType<(richtextHelper: RichTextContentHelper) => void>;
+            };
+            onContentChange: {
+                type: import("vue").PropType<(content: string) => void>;
+                required: true;
+            };
+            initialContent: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+        }>>, () => 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 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<{
+        "register-focus": {
+            type: import("vue").PropType<(callback: () => void) => void>;
+        };
+        registerFocus: {
+            type: import("vue").PropType<(callback: () => void) => void>;
+        };
+        "aria-invalid": {
+            type: import("vue").PropType<boolean>;
+        };
+        ariaInvalid: {
+            type: import("vue").PropType<boolean>;
+        };
+        "aria-describedby": {
+            type: import("vue").PropType<string>;
+        };
+        ariaDescribedby: {
+            type: import("vue").PropType<string>;
+        };
+        "on-configured-extensions": {
+            type: import("vue").PropType<(currentExtensions: Array<RichTextEditorExtension>, registrationResolver?: (registration: RichTextEditorExtensionRegistration) => RichTextEditorExtension) => Promise<Array<RichTextEditorExtension>>>;
+        };
+        onConfiguredExtensions: {
+            type: import("vue").PropType<(currentExtensions: Array<RichTextEditorExtension>, registrationResolver?: (registration: RichTextEditorExtensionRegistration) => RichTextEditorExtension) => Promise<Array<RichTextEditorExtension>>>;
+        };
+        "on-configure-extensions": {
+            type: import("vue").PropType<(currentExtensions: Array<RichTextEditorExtension>, registrationResolver?: (registration: RichTextEditorExtensionRegistration) => RichTextEditorExtension, extensionHelper?: IRichTextEditorExtensionHelper) => Array<RichTextEditorExtension>>;
+        };
+        onConfigureExtensions: {
+            type: import("vue").PropType<(currentExtensions: Array<RichTextEditorExtension>, registrationResolver?: (registration: RichTextEditorExtensionRegistration) => RichTextEditorExtension, extensionHelper?: IRichTextEditorExtensionHelper) => Array<RichTextEditorExtension>>;
+        };
+        mode: {
+            type: import("vue").PropType<RichTextModes>;
+            required: false;
+        };
+        disableAutofocus: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        autoFocus: {
+            type: import("vue").PropType<boolean>;
+            required: false;
+        };
+        "reset-content": {
+            type: import("vue").PropType<boolean>;
+        };
+        resetContent: {
+            type: import("vue").PropType<boolean>;
+        };
+        "body-class": {
+            type: import("vue").PropType<string>;
+        };
+        bodyClass: {
+            type: import("vue").PropType<string>;
+        };
+        outlined: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
+        placeholder: {
+            type: import("vue").PropType<RichTextEditorPlaceHolder>;
+        } & {
+            type: import("vue").PropType<RichTextEditorPlaceHolder>;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
+        styles: {
+            type: import("vue").PropType<{
+                menubar?: import("typestyle/lib/types").NestedCSSProperties;
+                menubarDark?: import("typestyle/lib/types").NestedCSSProperties;
+                menubarLight?: import("typestyle/lib/types").NestedCSSProperties;
+                editorContent?: import("typestyle/lib/types").NestedCSSProperties;
+                selectedNode?: (background: string) => import("typestyle/lib/types").NestedCSSProperties;
+                hiddenToolsBlock?: import("typestyle/lib/types").NestedCSSProperties;
+                editor?: import("typestyle/lib/types").NestedCSSProperties;
+                subToolBar?: import("typestyle/lib/types").NestedCSSProperties;
+                bubbleMenu?: import("typestyle/lib/types").NestedCSSProperties;
+                stickyMenu?: (top: number, width: number) => import("typestyle/lib/types").NestedCSSProperties;
+                genericExtensionElementStyle?: (theming: import("@omnia/fx/ux").ITheming, useAccessibilityFeature: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                menubarLanguagePicker?: import("typestyle/lib/types").NestedCSSProperties;
+            }>;
+        } & {
+            type: import("vue").PropType<{
+                menubar?: import("typestyle/lib/types").NestedCSSProperties;
+                menubarDark?: import("typestyle/lib/types").NestedCSSProperties;
+                menubarLight?: import("typestyle/lib/types").NestedCSSProperties;
+                editorContent?: import("typestyle/lib/types").NestedCSSProperties;
+                selectedNode?: (background: string) => import("typestyle/lib/types").NestedCSSProperties;
+                hiddenToolsBlock?: import("typestyle/lib/types").NestedCSSProperties;
+                editor?: import("typestyle/lib/types").NestedCSSProperties;
+                subToolBar?: import("typestyle/lib/types").NestedCSSProperties;
+                bubbleMenu?: import("typestyle/lib/types").NestedCSSProperties;
+                stickyMenu?: (top: number, width: number) => import("typestyle/lib/types").NestedCSSProperties;
+                genericExtensionElementStyle?: (theming: import("@omnia/fx/ux").ITheming, useAccessibilityFeature: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+                menubarLanguagePicker?: import("typestyle/lib/types").NestedCSSProperties;
+            }>;
+        };
+        "on-focus": {
+            type: import("vue").PropType<() => void>;
+        };
+        onFocus: {
+            type: import("vue").PropType<() => void>;
+        };
+        "on-blur": {
+            type: import("vue").PropType<() => void>;
+        };
+        onBlur: {
+            type: import("vue").PropType<() => void>;
+        };
+        "on-content-data-change": {
+            type: import("vue").PropType<(richtextHelper: RichTextContentHelper) => void>;
+        };
+        onContentDataChange: {
+            type: import("vue").PropType<(richtextHelper: RichTextContentHelper) => void>;
+        };
+        onContentChange: {
+            type: import("vue").PropType<(content: string) => void>;
+            required: true;
+        };
+        initialContent: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "register-focus": {
+        type: import("vue").PropType<(callback: () => void) => void>;
+    };
+    registerFocus: {
+        type: import("vue").PropType<(callback: () => void) => void>;
+    };
+    "aria-invalid": {
+        type: import("vue").PropType<boolean>;
+    };
+    ariaInvalid: {
+        type: import("vue").PropType<boolean>;
+    };
+    "aria-describedby": {
+        type: import("vue").PropType<string>;
+    };
+    ariaDescribedby: {
+        type: import("vue").PropType<string>;
+    };
+    "on-configured-extensions": {
+        type: import("vue").PropType<(currentExtensions: Array<RichTextEditorExtension>, registrationResolver?: (registration: RichTextEditorExtensionRegistration) => RichTextEditorExtension) => Promise<Array<RichTextEditorExtension>>>;
+    };
+    onConfiguredExtensions: {
+        type: import("vue").PropType<(currentExtensions: Array<RichTextEditorExtension>, registrationResolver?: (registration: RichTextEditorExtensionRegistration) => RichTextEditorExtension) => Promise<Array<RichTextEditorExtension>>>;
+    };
+    "on-configure-extensions": {
+        type: import("vue").PropType<(currentExtensions: Array<RichTextEditorExtension>, registrationResolver?: (registration: RichTextEditorExtensionRegistration) => RichTextEditorExtension, extensionHelper?: IRichTextEditorExtensionHelper) => Array<RichTextEditorExtension>>;
+    };
+    onConfigureExtensions: {
+        type: import("vue").PropType<(currentExtensions: Array<RichTextEditorExtension>, registrationResolver?: (registration: RichTextEditorExtensionRegistration) => RichTextEditorExtension, extensionHelper?: IRichTextEditorExtensionHelper) => Array<RichTextEditorExtension>>;
+    };
+    mode: {
+        type: import("vue").PropType<RichTextModes>;
+        required: false;
+    };
+    disableAutofocus: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    autoFocus: {
+        type: import("vue").PropType<boolean>;
+        required: false;
+    };
+    "reset-content": {
+        type: import("vue").PropType<boolean>;
+    };
+    resetContent: {
+        type: import("vue").PropType<boolean>;
+    };
+    "body-class": {
+        type: import("vue").PropType<string>;
+    };
+    bodyClass: {
+        type: import("vue").PropType<string>;
+    };
+    outlined: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        type: import("vue").PropType<boolean>;
+    };
+    placeholder: {
+        type: import("vue").PropType<RichTextEditorPlaceHolder>;
+    } & {
+        type: import("vue").PropType<RichTextEditorPlaceHolder>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        type: import("vue").PropType<boolean>;
+    };
+    styles: {
+        type: import("vue").PropType<{
+            menubar?: import("typestyle/lib/types").NestedCSSProperties;
+            menubarDark?: import("typestyle/lib/types").NestedCSSProperties;
+            menubarLight?: import("typestyle/lib/types").NestedCSSProperties;
+            editorContent?: import("typestyle/lib/types").NestedCSSProperties;
+            selectedNode?: (background: string) => import("typestyle/lib/types").NestedCSSProperties;
+            hiddenToolsBlock?: import("typestyle/lib/types").NestedCSSProperties;
+            editor?: import("typestyle/lib/types").NestedCSSProperties;
+            subToolBar?: import("typestyle/lib/types").NestedCSSProperties;
+            bubbleMenu?: import("typestyle/lib/types").NestedCSSProperties;
+            stickyMenu?: (top: number, width: number) => import("typestyle/lib/types").NestedCSSProperties;
+            genericExtensionElementStyle?: (theming: import("@omnia/fx/ux").ITheming, useAccessibilityFeature: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+            menubarLanguagePicker?: import("typestyle/lib/types").NestedCSSProperties;
+        }>;
+    } & {
+        type: import("vue").PropType<{
+            menubar?: import("typestyle/lib/types").NestedCSSProperties;
+            menubarDark?: import("typestyle/lib/types").NestedCSSProperties;
+            menubarLight?: import("typestyle/lib/types").NestedCSSProperties;
+            editorContent?: import("typestyle/lib/types").NestedCSSProperties;
+            selectedNode?: (background: string) => import("typestyle/lib/types").NestedCSSProperties;
+            hiddenToolsBlock?: import("typestyle/lib/types").NestedCSSProperties;
+            editor?: import("typestyle/lib/types").NestedCSSProperties;
+            subToolBar?: import("typestyle/lib/types").NestedCSSProperties;
+            bubbleMenu?: import("typestyle/lib/types").NestedCSSProperties;
+            stickyMenu?: (top: number, width: number) => import("typestyle/lib/types").NestedCSSProperties;
+            genericExtensionElementStyle?: (theming: import("@omnia/fx/ux").ITheming, useAccessibilityFeature: boolean) => import("typestyle/lib/types").NestedCSSProperties;
+            menubarLanguagePicker?: import("typestyle/lib/types").NestedCSSProperties;
+        }>;
+    };
+    "on-focus": {
+        type: import("vue").PropType<() => void>;
+    };
+    onFocus: {
+        type: import("vue").PropType<() => void>;
+    };
+    "on-blur": {
+        type: import("vue").PropType<() => void>;
+    };
+    onBlur: {
+        type: import("vue").PropType<() => void>;
+    };
+    "on-content-data-change": {
+        type: import("vue").PropType<(richtextHelper: RichTextContentHelper) => void>;
+    };
+    onContentDataChange: {
+        type: import("vue").PropType<(richtextHelper: RichTextContentHelper) => void>;
+    };
+    onContentChange: {
+        type: import("vue").PropType<(content: string) => void>;
+        required: true;
+    };
+    initialContent: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Readonly<{
+        initialContent: string;
+        onContentChange: (content: string) => void;
+    } & {
+        disabled?: boolean;
+        placeholder?: RichTextEditorPlaceHolder;
+        onFocus?: () => void;
+        onBlur?: () => void;
+        mode?: RichTextModes;
+        "aria-describedby"?: string;
+        "aria-invalid"?: boolean;
+        styles?: unknown;
+        outlined?: boolean;
+        bodyClass?: string;
+        onContentDataChange?: (richtextHelper: RichTextContentHelper) => void;
+        registerFocus?: (callback: () => void) => void;
+        onConfigureExtensions?: (currentExtensions: Array<RichTextEditorExtension>, registrationResolver?: (registration: RichTextEditorExtensionRegistration) => RichTextEditorExtension, extensionHelper?: IRichTextEditorExtensionHelper) => Array<RichTextEditorExtension>;
+        resetContent?: boolean;
+        autoFocus?: boolean;
+        ariaDescribedby?: string;
+        ariaInvalid?: boolean;
+        disableAutofocus?: boolean;
+        "on-content-data-change"?: (richtextHelper: RichTextContentHelper) => void;
+        "on-blur"?: () => void;
+        "on-focus"?: () => void;
+        "body-class"?: string;
+        "reset-content"?: boolean;
+        "on-configure-extensions"?: (currentExtensions: Array<RichTextEditorExtension>, registrationResolver?: (registration: RichTextEditorExtensionRegistration) => RichTextEditorExtension, extensionHelper?: IRichTextEditorExtensionHelper) => Array<RichTextEditorExtension>;
+        onConfiguredExtensions?: (currentExtensions: Array<RichTextEditorExtension>, registrationResolver?: (registration: RichTextEditorExtensionRegistration) => RichTextEditorExtension) => Promise<Array<RichTextEditorExtension>>;
+        "on-configured-extensions"?: (currentExtensions: Array<RichTextEditorExtension>, registrationResolver?: (registration: RichTextEditorExtensionRegistration) => RichTextEditorExtension) => Promise<Array<RichTextEditorExtension>>;
+        "register-focus"?: (callback: () => void) => void;
     }>;
-    private onSelectionChange;
-    private parseHtml;
-    private hideBubbleMenu;
-    getBrowerSupport(): any;
-    updatePosition(view: any): {
-        left: number;
-        bottom: number;
-        top: number;
-    };
-    registerScrollEvent(): void;
-    checkSticky(): void;
-    getMenuBarElement(): Promise<unknown>;
-    private coordsAtPos;
-    private textRange;
-    private singleRect;
-}
+};
+export default _default;