@omnia/fx 8.0.249-dev → 8.0.251-dev

package/internal-do-not-import-from-here/ux/markdown2/stores/MarkdownToolbarStore.d.ts

@@ -4,37 +4,38 @@ export declare const useMarkdownToolbarStore: () => {
     state: {
         activeEditorStore: {
             state: {
-                markdownContent: string;
-                plugins: import("../models/MarkdownPlugin").MarkdownPlugin[];
+                editorContent: import("../models/EditorModels").EditorContent;
+                plugins: import("../models/EditorPlugin").EditorPlugin[];
                 editMode: boolean;
+                maxNodeId: number;
                 toolbarActions: MarkdownEditorActionRegistration[];
                 editor: HTMLDivElement;
-                selectedPluginNodes: Node[];
+                selectedNodes: import("../models/EditorModels").EditorNode[];
+                selectedNodeIds: import("../models/EditorModels").NodeIdSelection;
                 telePorts: JSX.Element[];
                 id: string;
                 selectedRange: Range;
             };
             events: {
-                onMutatedMarkdownContent: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
-                onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/MarkdownPlugin").MarkdownPlugin[]>;
+                onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").EditorContent>;
+                onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorPlugin").EditorPlugin[]>;
                 onMutatedEditMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+                onMutatedMaxNodeId: import("@omnia/fx").MessageBusExposeOnlySubscription<number>;
                 onMutatedToolbarActions: import("@omnia/fx").MessageBusExposeOnlySubscription<MarkdownEditorActionRegistration[]>;
                 onMutatedEditor: import("@omnia/fx").MessageBusExposeOnlySubscription<HTMLDivElement>;
-                onMutatedSelectedPluginNodes: import("@omnia/fx").MessageBusExposeOnlySubscription<Node[]>;
+                onMutatedSelectedNodes: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").EditorNode[]>;
+                onMutatedSelectedNodeIds: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").NodeIdSelection>;
                 onMutatedTelePorts: import("@omnia/fx").MessageBusExposeOnlySubscription<JSX.Element[]>;
                 onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
                 onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
             } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
             actions: {
                 onDispatching: {
-                    registerPlugins: {
-                        subscribe(fn: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                    };
-                    toMarkdown: {
+                    plugin: {
                         subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    setContent: {
-                        subscribe(fn: (content: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    content: {
+                        subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     setEditorMode: {
                         subscribe(fn: (editMode: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -42,9 +43,6 @@ export declare const useMarkdownToolbarStore: () => {
                     setEditorContainer: {
                         subscribe(fn: (el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    registerPluginContext: {
-                        subscribe(fn: (ctx: import("../models/MarkdownPlugin").MarkdownPluginContext) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                    };
                     toolbarAction: {
                         subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
@@ -59,14 +57,22 @@ export declare const useMarkdownToolbarStore: () => {
                     };
                 };
                 onDispatched: {
-                    registerPlugins: {
-                        subscribe(fn: (result: void, pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                    };
-                    toMarkdown: {
-                        subscribe(fn: (result: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    plugin: {
+                        subscribe(fn: (result: {
+                            register: {
+                                plugin: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings) => void;
+                                plugins: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => Promise<void>;
+                                context: (ctx: import("../models/EditorPlugin").EditorPluginContext) => void;
+                            };
+                        }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    setContent: {
-                        subscribe(fn: (result: void, content: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    content: {
+                        subscribe(fn: (result: {
+                            set: {
+                                byJSON: (content: import("../models/EditorModels").EditorContent) => void;
+                                byString: (content: string) => void;
+                            };
+                        }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     setEditorMode: {
                         subscribe(fn: (result: void, editMode: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -74,9 +80,6 @@ export declare const useMarkdownToolbarStore: () => {
                     setEditorContainer: {
                         subscribe(fn: (result: void, el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    registerPluginContext: {
-                        subscribe(fn: (result: void, ctx: import("../models/MarkdownPlugin").MarkdownPluginContext) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                    };
                     toolbarAction: {
                         subscribe(fn: (result: {
                             add: (action: MarkdownEditorActionRegistration | MarkdownEditorActionRegistration[]) => void;
@@ -84,9 +87,9 @@ export declare const useMarkdownToolbarStore: () => {
                     };
                     formatting: {
                         subscribe(fn: (result: {
-                            add: (element: HTMLElement, toogleIfExists?: boolean, matchByDataTypeOnly?: boolean) => void;
-                            toggle: (element: HTMLElement, matchByDataTypeOnly?: boolean) => void;
-                            remove: (element: HTMLElement, matchByDataTypeOnly?: boolean) => void;
+                            add: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                            toggle: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                            remove: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
                         }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     element: {
@@ -104,14 +107,11 @@ export declare const useMarkdownToolbarStore: () => {
                     };
                 };
                 onFailure: {
-                    registerPlugins: {
-                        subscribe(fn: (failureReason: any, pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                    };
-                    toMarkdown: {
+                    plugin: {
                         subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    setContent: {
-                        subscribe(fn: (failureReason: any, content: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    content: {
+                        subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     setEditorMode: {
                         subscribe(fn: (failureReason: any, editMode: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -119,9 +119,6 @@ export declare const useMarkdownToolbarStore: () => {
                     setEditorContainer: {
                         subscribe(fn: (failureReason: any, el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    registerPluginContext: {
-                        subscribe(fn: (failureReason: any, ctx: import("../models/MarkdownPlugin").MarkdownPluginContext) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                    };
                     toolbarAction: {
                         subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
@@ -136,19 +133,28 @@ export declare const useMarkdownToolbarStore: () => {
                     };
                 };
             } & {
-                registerPlugins: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => Promise<void>;
-                toMarkdown: () => string;
-                setContent: (content: string) => void;
+                plugin: () => {
+                    register: {
+                        plugin: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings) => void;
+                        plugins: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => Promise<void>;
+                        context: (ctx: import("../models/EditorPlugin").EditorPluginContext) => void;
+                    };
+                };
+                content: () => {
+                    set: {
+                        byJSON: (content: import("../models/EditorModels").EditorContent) => void;
+                        byString: (content: string) => void;
+                    };
+                };
                 setEditorMode: (editMode: boolean) => void;
                 setEditorContainer: (el: HTMLDivElement) => void;
-                registerPluginContext: (ctx: import("../models/MarkdownPlugin").MarkdownPluginContext) => void;
                 toolbarAction: () => {
                     add: (action: MarkdownEditorActionRegistration | MarkdownEditorActionRegistration[]) => void;
                 };
                 formatting: () => {
-                    add: (element: HTMLElement, toogleIfExists?: boolean, matchByDataTypeOnly?: boolean) => void;
-                    toggle: (element: HTMLElement, matchByDataTypeOnly?: boolean) => void;
-                    remove: (element: HTMLElement, matchByDataTypeOnly?: boolean) => void;
+                    add: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                    toggle: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                    remove: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
                 };
                 element: () => {
                     createForComponent: (componentName: string) => HTMLDivElement;
@@ -161,15 +167,26 @@ export declare const useMarkdownToolbarStore: () => {
                 };
             };
             get: {
-                plugins: import("../models/MarkdownPlugin").MarkdownPlugin[];
+                plugins: import("../models/EditorPlugin").EditorPlugin[];
+                content: {
+                    asJSON: (cleanIds?: boolean) => import("../models/EditorModels").EditorContent;
+                    asString: (cleanIds?: boolean) => string;
+                };
                 selection: {
                     has: {
                         dataType: (dataType: string) => boolean;
-                        elementName: (elementName: string) => boolean;
+                        nodeName: (name: string) => boolean;
+                        id: (id: number) => boolean;
                     };
                     get: {
-                        byDataType: (dataType: string) => Node;
-                        byElementName: (elementName: string) => Node;
+                        byDataType: (dataType: string) => import("../models/EditorModels").EditorNode;
+                        byNodeName: (name: string) => import("../models/EditorModels").EditorNode;
+                        byId: (id: number) => import("../models/EditorModels").EditorNode;
+                        bySelectors(selectors: {
+                            name?: string;
+                            id?: string;
+                            dataType?: string;
+                        }): import("../models/EditorModels").EditorNode;
                     };
                 };
             };
@@ -182,37 +199,38 @@ export declare const useMarkdownToolbarStore: () => {
     events: {
         onMutatedActiveEditorStore: import("@omnia/fx").MessageBusExposeOnlySubscription<{
             state: {
-                markdownContent: string;
-                plugins: import("../models/MarkdownPlugin").MarkdownPlugin[];
+                editorContent: import("../models/EditorModels").EditorContent;
+                plugins: import("../models/EditorPlugin").EditorPlugin[];
                 editMode: boolean;
+                maxNodeId: number;
                 toolbarActions: MarkdownEditorActionRegistration[];
                 editor: HTMLDivElement;
-                selectedPluginNodes: Node[];
+                selectedNodes: import("../models/EditorModels").EditorNode[];
+                selectedNodeIds: import("../models/EditorModels").NodeIdSelection;
                 telePorts: JSX.Element[];
                 id: string;
                 selectedRange: Range;
             };
             events: {
-                onMutatedMarkdownContent: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
-                onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/MarkdownPlugin").MarkdownPlugin[]>;
+                onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").EditorContent>;
+                onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorPlugin").EditorPlugin[]>;
                 onMutatedEditMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+                onMutatedMaxNodeId: import("@omnia/fx").MessageBusExposeOnlySubscription<number>;
                 onMutatedToolbarActions: import("@omnia/fx").MessageBusExposeOnlySubscription<MarkdownEditorActionRegistration[]>;
                 onMutatedEditor: import("@omnia/fx").MessageBusExposeOnlySubscription<HTMLDivElement>;
-                onMutatedSelectedPluginNodes: import("@omnia/fx").MessageBusExposeOnlySubscription<Node[]>;
+                onMutatedSelectedNodes: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").EditorNode[]>;
+                onMutatedSelectedNodeIds: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").NodeIdSelection>;
                 onMutatedTelePorts: import("@omnia/fx").MessageBusExposeOnlySubscription<JSX.Element[]>;
                 onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
                 onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
             } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
             actions: {
                 onDispatching: {
-                    registerPlugins: {
-                        subscribe(fn: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                    };
-                    toMarkdown: {
+                    plugin: {
                         subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    setContent: {
-                        subscribe(fn: (content: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    content: {
+                        subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     setEditorMode: {
                         subscribe(fn: (editMode: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -220,9 +238,6 @@ export declare const useMarkdownToolbarStore: () => {
                     setEditorContainer: {
                         subscribe(fn: (el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    registerPluginContext: {
-                        subscribe(fn: (ctx: import("../models/MarkdownPlugin").MarkdownPluginContext) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                    };
                     toolbarAction: {
                         subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
@@ -237,14 +252,22 @@ export declare const useMarkdownToolbarStore: () => {
                     };
                 };
                 onDispatched: {
-                    registerPlugins: {
-                        subscribe(fn: (result: void, pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                    };
-                    toMarkdown: {
-                        subscribe(fn: (result: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    plugin: {
+                        subscribe(fn: (result: {
+                            register: {
+                                plugin: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings) => void;
+                                plugins: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => Promise<void>;
+                                context: (ctx: import("../models/EditorPlugin").EditorPluginContext) => void;
+                            };
+                        }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    setContent: {
-                        subscribe(fn: (result: void, content: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    content: {
+                        subscribe(fn: (result: {
+                            set: {
+                                byJSON: (content: import("../models/EditorModels").EditorContent) => void;
+                                byString: (content: string) => void;
+                            };
+                        }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     setEditorMode: {
                         subscribe(fn: (result: void, editMode: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -252,9 +275,6 @@ export declare const useMarkdownToolbarStore: () => {
                     setEditorContainer: {
                         subscribe(fn: (result: void, el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    registerPluginContext: {
-                        subscribe(fn: (result: void, ctx: import("../models/MarkdownPlugin").MarkdownPluginContext) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                    };
                     toolbarAction: {
                         subscribe(fn: (result: {
                             add: (action: MarkdownEditorActionRegistration | MarkdownEditorActionRegistration[]) => void;
@@ -262,9 +282,9 @@ export declare const useMarkdownToolbarStore: () => {
                     };
                     formatting: {
                         subscribe(fn: (result: {
-                            add: (element: HTMLElement, toogleIfExists?: boolean, matchByDataTypeOnly?: boolean) => void;
-                            toggle: (element: HTMLElement, matchByDataTypeOnly?: boolean) => void;
-                            remove: (element: HTMLElement, matchByDataTypeOnly?: boolean) => void;
+                            add: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                            toggle: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                            remove: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
                         }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     element: {
@@ -282,14 +302,11 @@ export declare const useMarkdownToolbarStore: () => {
                     };
                 };
                 onFailure: {
-                    registerPlugins: {
-                        subscribe(fn: (failureReason: any, pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                    };
-                    toMarkdown: {
+                    plugin: {
                         subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    setContent: {
-                        subscribe(fn: (failureReason: any, content: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    content: {
+                        subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     setEditorMode: {
                         subscribe(fn: (failureReason: any, editMode: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -297,9 +314,6 @@ export declare const useMarkdownToolbarStore: () => {
                     setEditorContainer: {
                         subscribe(fn: (failureReason: any, el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    registerPluginContext: {
-                        subscribe(fn: (failureReason: any, ctx: import("../models/MarkdownPlugin").MarkdownPluginContext) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                    };
                     toolbarAction: {
                         subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
@@ -314,19 +328,28 @@ export declare const useMarkdownToolbarStore: () => {
                     };
                 };
             } & {
-                registerPlugins: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => Promise<void>;
-                toMarkdown: () => string;
-                setContent: (content: string) => void;
+                plugin: () => {
+                    register: {
+                        plugin: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings) => void;
+                        plugins: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => Promise<void>;
+                        context: (ctx: import("../models/EditorPlugin").EditorPluginContext) => void;
+                    };
+                };
+                content: () => {
+                    set: {
+                        byJSON: (content: import("../models/EditorModels").EditorContent) => void;
+                        byString: (content: string) => void;
+                    };
+                };
                 setEditorMode: (editMode: boolean) => void;
                 setEditorContainer: (el: HTMLDivElement) => void;
-                registerPluginContext: (ctx: import("../models/MarkdownPlugin").MarkdownPluginContext) => void;
                 toolbarAction: () => {
                     add: (action: MarkdownEditorActionRegistration | MarkdownEditorActionRegistration[]) => void;
                 };
                 formatting: () => {
-                    add: (element: HTMLElement, toogleIfExists?: boolean, matchByDataTypeOnly?: boolean) => void;
-                    toggle: (element: HTMLElement, matchByDataTypeOnly?: boolean) => void;
-                    remove: (element: HTMLElement, matchByDataTypeOnly?: boolean) => void;
+                    add: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                    toggle: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                    remove: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
                 };
                 element: () => {
                     createForComponent: (componentName: string) => HTMLDivElement;
@@ -339,15 +362,26 @@ export declare const useMarkdownToolbarStore: () => {
                 };
             };
             get: {
-                plugins: import("../models/MarkdownPlugin").MarkdownPlugin[];
+                plugins: import("../models/EditorPlugin").EditorPlugin[];
+                content: {
+                    asJSON: (cleanIds?: boolean) => import("../models/EditorModels").EditorContent;
+                    asString: (cleanIds?: boolean) => string;
+                };
                 selection: {
                     has: {
                         dataType: (dataType: string) => boolean;
-                        elementName: (elementName: string) => boolean;
+                        nodeName: (name: string) => boolean;
+                        id: (id: number) => boolean;
                     };
                     get: {
-                        byDataType: (dataType: string) => Node;
-                        byElementName: (elementName: string) => Node;
+                        byDataType: (dataType: string) => import("../models/EditorModels").EditorNode;
+                        byNodeName: (name: string) => import("../models/EditorModels").EditorNode;
+                        byId: (id: number) => import("../models/EditorModels").EditorNode;
+                        bySelectors(selectors: {
+                            name?: string;
+                            id?: string;
+                            dataType?: string;
+                        }): import("../models/EditorModels").EditorNode;
                     };
                 };
             };
@@ -362,37 +396,38 @@ export declare const useMarkdownToolbarStore: () => {
             setActiveEditorStore: {
                 subscribe(fn: (store: {
                     state: {
-                        markdownContent: string;
-                        plugins: import("../models/MarkdownPlugin").MarkdownPlugin[];
+                        editorContent: import("../models/EditorModels").EditorContent;
+                        plugins: import("../models/EditorPlugin").EditorPlugin[];
                         editMode: boolean;
+                        maxNodeId: number;
                         toolbarActions: MarkdownEditorActionRegistration[];
                         editor: HTMLDivElement;
-                        selectedPluginNodes: Node[];
+                        selectedNodes: import("../models/EditorModels").EditorNode[];
+                        selectedNodeIds: import("../models/EditorModels").NodeIdSelection;
                         telePorts: JSX.Element[];
                         id: string;
                         selectedRange: Range;
                     };
                     events: {
-                        onMutatedMarkdownContent: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
-                        onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/MarkdownPlugin").MarkdownPlugin[]>;
+                        onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").EditorContent>;
+                        onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorPlugin").EditorPlugin[]>;
                         onMutatedEditMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+                        onMutatedMaxNodeId: import("@omnia/fx").MessageBusExposeOnlySubscription<number>;
                         onMutatedToolbarActions: import("@omnia/fx").MessageBusExposeOnlySubscription<MarkdownEditorActionRegistration[]>;
                         onMutatedEditor: import("@omnia/fx").MessageBusExposeOnlySubscription<HTMLDivElement>;
-                        onMutatedSelectedPluginNodes: import("@omnia/fx").MessageBusExposeOnlySubscription<Node[]>;
+                        onMutatedSelectedNodes: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").EditorNode[]>;
+                        onMutatedSelectedNodeIds: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").NodeIdSelection>;
                         onMutatedTelePorts: import("@omnia/fx").MessageBusExposeOnlySubscription<JSX.Element[]>;
                         onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
                         onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
                     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
                     actions: {
                         onDispatching: {
-                            registerPlugins: {
-                                subscribe(fn: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                            };
-                            toMarkdown: {
+                            plugin: {
                                 subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
-                            setContent: {
-                                subscribe(fn: (content: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            content: {
+                                subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
                             setEditorMode: {
                                 subscribe(fn: (editMode: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -400,9 +435,6 @@ export declare const useMarkdownToolbarStore: () => {
                             setEditorContainer: {
                                 subscribe(fn: (el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
-                            registerPluginContext: {
-                                subscribe(fn: (ctx: import("../models/MarkdownPlugin").MarkdownPluginContext) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                            };
                             toolbarAction: {
                                 subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
@@ -417,14 +449,22 @@ export declare const useMarkdownToolbarStore: () => {
                             };
                         };
                         onDispatched: {
-                            registerPlugins: {
-                                subscribe(fn: (result: void, pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                            };
-                            toMarkdown: {
-                                subscribe(fn: (result: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            plugin: {
+                                subscribe(fn: (result: {
+                                    register: {
+                                        plugin: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings) => void;
+                                        plugins: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => Promise<void>;
+                                        context: (ctx: import("../models/EditorPlugin").EditorPluginContext) => void;
+                                    };
+                                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
-                            setContent: {
-                                subscribe(fn: (result: void, content: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            content: {
+                                subscribe(fn: (result: {
+                                    set: {
+                                        byJSON: (content: import("../models/EditorModels").EditorContent) => void;
+                                        byString: (content: string) => void;
+                                    };
+                                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
                             setEditorMode: {
                                 subscribe(fn: (result: void, editMode: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -432,9 +472,6 @@ export declare const useMarkdownToolbarStore: () => {
                             setEditorContainer: {
                                 subscribe(fn: (result: void, el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
-                            registerPluginContext: {
-                                subscribe(fn: (result: void, ctx: import("../models/MarkdownPlugin").MarkdownPluginContext) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                            };
                             toolbarAction: {
                                 subscribe(fn: (result: {
                                     add: (action: MarkdownEditorActionRegistration | MarkdownEditorActionRegistration[]) => void;
@@ -442,9 +479,9 @@ export declare const useMarkdownToolbarStore: () => {
                             };
                             formatting: {
                                 subscribe(fn: (result: {
-                                    add: (element: HTMLElement, toogleIfExists?: boolean, matchByDataTypeOnly?: boolean) => void;
-                                    toggle: (element: HTMLElement, matchByDataTypeOnly?: boolean) => void;
-                                    remove: (element: HTMLElement, matchByDataTypeOnly?: boolean) => void;
+                                    add: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                                    toggle: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                                    remove: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
                                 }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
                             element: {
@@ -462,14 +499,11 @@ export declare const useMarkdownToolbarStore: () => {
                             };
                         };
                         onFailure: {
-                            registerPlugins: {
-                                subscribe(fn: (failureReason: any, pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                            };
-                            toMarkdown: {
+                            plugin: {
                                 subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
-                            setContent: {
-                                subscribe(fn: (failureReason: any, content: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            content: {
+                                subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
                             setEditorMode: {
                                 subscribe(fn: (failureReason: any, editMode: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -477,9 +511,6 @@ export declare const useMarkdownToolbarStore: () => {
                             setEditorContainer: {
                                 subscribe(fn: (failureReason: any, el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
-                            registerPluginContext: {
-                                subscribe(fn: (failureReason: any, ctx: import("../models/MarkdownPlugin").MarkdownPluginContext) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                            };
                             toolbarAction: {
                                 subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
@@ -494,19 +525,28 @@ export declare const useMarkdownToolbarStore: () => {
                             };
                         };
                     } & {
-                        registerPlugins: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => Promise<void>;
-                        toMarkdown: () => string;
-                        setContent: (content: string) => void;
+                        plugin: () => {
+                            register: {
+                                plugin: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings) => void;
+                                plugins: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => Promise<void>;
+                                context: (ctx: import("../models/EditorPlugin").EditorPluginContext) => void;
+                            };
+                        };
+                        content: () => {
+                            set: {
+                                byJSON: (content: import("../models/EditorModels").EditorContent) => void;
+                                byString: (content: string) => void;
+                            };
+                        };
                         setEditorMode: (editMode: boolean) => void;
                         setEditorContainer: (el: HTMLDivElement) => void;
-                        registerPluginContext: (ctx: import("../models/MarkdownPlugin").MarkdownPluginContext) => void;
                         toolbarAction: () => {
                             add: (action: MarkdownEditorActionRegistration | MarkdownEditorActionRegistration[]) => void;
                         };
                         formatting: () => {
-                            add: (element: HTMLElement, toogleIfExists?: boolean, matchByDataTypeOnly?: boolean) => void;
-                            toggle: (element: HTMLElement, matchByDataTypeOnly?: boolean) => void;
-                            remove: (element: HTMLElement, matchByDataTypeOnly?: boolean) => void;
+                            add: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                            toggle: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                            remove: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
                         };
                         element: () => {
                             createForComponent: (componentName: string) => HTMLDivElement;
@@ -519,15 +559,26 @@ export declare const useMarkdownToolbarStore: () => {
                         };
                     };
                     get: {
-                        plugins: import("../models/MarkdownPlugin").MarkdownPlugin[];
+                        plugins: import("../models/EditorPlugin").EditorPlugin[];
+                        content: {
+                            asJSON: (cleanIds?: boolean) => import("../models/EditorModels").EditorContent;
+                            asString: (cleanIds?: boolean) => string;
+                        };
                         selection: {
                             has: {
                                 dataType: (dataType: string) => boolean;
-                                elementName: (elementName: string) => boolean;
+                                nodeName: (name: string) => boolean;
+                                id: (id: number) => boolean;
                             };
                             get: {
-                                byDataType: (dataType: string) => Node;
-                                byElementName: (elementName: string) => Node;
+                                byDataType: (dataType: string) => import("../models/EditorModels").EditorNode;
+                                byNodeName: (name: string) => import("../models/EditorModels").EditorNode;
+                                byId: (id: number) => import("../models/EditorModels").EditorNode;
+                                bySelectors(selectors: {
+                                    name?: string;
+                                    id?: string;
+                                    dataType?: string;
+                                }): import("../models/EditorModels").EditorNode;
                             };
                         };
                     };
@@ -543,37 +594,38 @@ export declare const useMarkdownToolbarStore: () => {
             setActiveEditorStore: {
                 subscribe(fn: (result: void, store: {
                     state: {
-                        markdownContent: string;
-                        plugins: import("../models/MarkdownPlugin").MarkdownPlugin[];
+                        editorContent: import("../models/EditorModels").EditorContent;
+                        plugins: import("../models/EditorPlugin").EditorPlugin[];
                         editMode: boolean;
+                        maxNodeId: number;
                         toolbarActions: MarkdownEditorActionRegistration[];
                         editor: HTMLDivElement;
-                        selectedPluginNodes: Node[];
+                        selectedNodes: import("../models/EditorModels").EditorNode[];
+                        selectedNodeIds: import("../models/EditorModels").NodeIdSelection;
                         telePorts: JSX.Element[];
                         id: string;
                         selectedRange: Range;
                     };
                     events: {
-                        onMutatedMarkdownContent: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
-                        onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/MarkdownPlugin").MarkdownPlugin[]>;
+                        onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").EditorContent>;
+                        onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorPlugin").EditorPlugin[]>;
                         onMutatedEditMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+                        onMutatedMaxNodeId: import("@omnia/fx").MessageBusExposeOnlySubscription<number>;
                         onMutatedToolbarActions: import("@omnia/fx").MessageBusExposeOnlySubscription<MarkdownEditorActionRegistration[]>;
                         onMutatedEditor: import("@omnia/fx").MessageBusExposeOnlySubscription<HTMLDivElement>;
-                        onMutatedSelectedPluginNodes: import("@omnia/fx").MessageBusExposeOnlySubscription<Node[]>;
+                        onMutatedSelectedNodes: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").EditorNode[]>;
+                        onMutatedSelectedNodeIds: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").NodeIdSelection>;
                         onMutatedTelePorts: import("@omnia/fx").MessageBusExposeOnlySubscription<JSX.Element[]>;
                         onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
                         onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
                     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
                     actions: {
                         onDispatching: {
-                            registerPlugins: {
-                                subscribe(fn: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                            };
-                            toMarkdown: {
+                            plugin: {
                                 subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
-                            setContent: {
-                                subscribe(fn: (content: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            content: {
+                                subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
                             setEditorMode: {
                                 subscribe(fn: (editMode: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -581,9 +633,6 @@ export declare const useMarkdownToolbarStore: () => {
                             setEditorContainer: {
                                 subscribe(fn: (el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
-                            registerPluginContext: {
-                                subscribe(fn: (ctx: import("../models/MarkdownPlugin").MarkdownPluginContext) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                            };
                             toolbarAction: {
                                 subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
@@ -598,14 +647,22 @@ export declare const useMarkdownToolbarStore: () => {
                             };
                         };
                         onDispatched: {
-                            registerPlugins: {
-                                subscribe(fn: (result: void, pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                            };
-                            toMarkdown: {
-                                subscribe(fn: (result: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            plugin: {
+                                subscribe(fn: (result: {
+                                    register: {
+                                        plugin: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings) => void;
+                                        plugins: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => Promise<void>;
+                                        context: (ctx: import("../models/EditorPlugin").EditorPluginContext) => void;
+                                    };
+                                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
-                            setContent: {
-                                subscribe(fn: (result: void, content: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            content: {
+                                subscribe(fn: (result: {
+                                    set: {
+                                        byJSON: (content: import("../models/EditorModels").EditorContent) => void;
+                                        byString: (content: string) => void;
+                                    };
+                                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
                             setEditorMode: {
                                 subscribe(fn: (result: void, editMode: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -613,9 +670,6 @@ export declare const useMarkdownToolbarStore: () => {
                             setEditorContainer: {
                                 subscribe(fn: (result: void, el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
-                            registerPluginContext: {
-                                subscribe(fn: (result: void, ctx: import("../models/MarkdownPlugin").MarkdownPluginContext) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                            };
                             toolbarAction: {
                                 subscribe(fn: (result: {
                                     add: (action: MarkdownEditorActionRegistration | MarkdownEditorActionRegistration[]) => void;
@@ -623,9 +677,9 @@ export declare const useMarkdownToolbarStore: () => {
                             };
                             formatting: {
                                 subscribe(fn: (result: {
-                                    add: (element: HTMLElement, toogleIfExists?: boolean, matchByDataTypeOnly?: boolean) => void;
-                                    toggle: (element: HTMLElement, matchByDataTypeOnly?: boolean) => void;
-                                    remove: (element: HTMLElement, matchByDataTypeOnly?: boolean) => void;
+                                    add: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                                    toggle: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                                    remove: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
                                 }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
                             element: {
@@ -643,14 +697,11 @@ export declare const useMarkdownToolbarStore: () => {
                             };
                         };
                         onFailure: {
-                            registerPlugins: {
-                                subscribe(fn: (failureReason: any, pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                            };
-                            toMarkdown: {
+                            plugin: {
                                 subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
-                            setContent: {
-                                subscribe(fn: (failureReason: any, content: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            content: {
+                                subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
                             setEditorMode: {
                                 subscribe(fn: (failureReason: any, editMode: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -658,9 +709,6 @@ export declare const useMarkdownToolbarStore: () => {
                             setEditorContainer: {
                                 subscribe(fn: (failureReason: any, el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
-                            registerPluginContext: {
-                                subscribe(fn: (failureReason: any, ctx: import("../models/MarkdownPlugin").MarkdownPluginContext) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                            };
                             toolbarAction: {
                                 subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
@@ -675,19 +723,28 @@ export declare const useMarkdownToolbarStore: () => {
                             };
                         };
                     } & {
-                        registerPlugins: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => Promise<void>;
-                        toMarkdown: () => string;
-                        setContent: (content: string) => void;
+                        plugin: () => {
+                            register: {
+                                plugin: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings) => void;
+                                plugins: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => Promise<void>;
+                                context: (ctx: import("../models/EditorPlugin").EditorPluginContext) => void;
+                            };
+                        };
+                        content: () => {
+                            set: {
+                                byJSON: (content: import("../models/EditorModels").EditorContent) => void;
+                                byString: (content: string) => void;
+                            };
+                        };
                         setEditorMode: (editMode: boolean) => void;
                         setEditorContainer: (el: HTMLDivElement) => void;
-                        registerPluginContext: (ctx: import("../models/MarkdownPlugin").MarkdownPluginContext) => void;
                         toolbarAction: () => {
                             add: (action: MarkdownEditorActionRegistration | MarkdownEditorActionRegistration[]) => void;
                         };
                         formatting: () => {
-                            add: (element: HTMLElement, toogleIfExists?: boolean, matchByDataTypeOnly?: boolean) => void;
-                            toggle: (element: HTMLElement, matchByDataTypeOnly?: boolean) => void;
-                            remove: (element: HTMLElement, matchByDataTypeOnly?: boolean) => void;
+                            add: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                            toggle: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                            remove: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
                         };
                         element: () => {
                             createForComponent: (componentName: string) => HTMLDivElement;
@@ -700,15 +757,26 @@ export declare const useMarkdownToolbarStore: () => {
                         };
                     };
                     get: {
-                        plugins: import("../models/MarkdownPlugin").MarkdownPlugin[];
+                        plugins: import("../models/EditorPlugin").EditorPlugin[];
+                        content: {
+                            asJSON: (cleanIds?: boolean) => import("../models/EditorModels").EditorContent;
+                            asString: (cleanIds?: boolean) => string;
+                        };
                         selection: {
                             has: {
                                 dataType: (dataType: string) => boolean;
-                                elementName: (elementName: string) => boolean;
+                                nodeName: (name: string) => boolean;
+                                id: (id: number) => boolean;
                             };
                             get: {
-                                byDataType: (dataType: string) => Node;
-                                byElementName: (elementName: string) => Node;
+                                byDataType: (dataType: string) => import("../models/EditorModels").EditorNode;
+                                byNodeName: (name: string) => import("../models/EditorModels").EditorNode;
+                                byId: (id: number) => import("../models/EditorModels").EditorNode;
+                                bySelectors(selectors: {
+                                    name?: string;
+                                    id?: string;
+                                    dataType?: string;
+                                }): import("../models/EditorModels").EditorNode;
                             };
                         };
                     };
@@ -724,37 +792,38 @@ export declare const useMarkdownToolbarStore: () => {
             setActiveEditorStore: {
                 subscribe(fn: (failureReason: any, store: {
                     state: {
-                        markdownContent: string;
-                        plugins: import("../models/MarkdownPlugin").MarkdownPlugin[];
+                        editorContent: import("../models/EditorModels").EditorContent;
+                        plugins: import("../models/EditorPlugin").EditorPlugin[];
                         editMode: boolean;
+                        maxNodeId: number;
                         toolbarActions: MarkdownEditorActionRegistration[];
                         editor: HTMLDivElement;
-                        selectedPluginNodes: Node[];
+                        selectedNodes: import("../models/EditorModels").EditorNode[];
+                        selectedNodeIds: import("../models/EditorModels").NodeIdSelection;
                         telePorts: JSX.Element[];
                         id: string;
                         selectedRange: Range;
                     };
                     events: {
-                        onMutatedMarkdownContent: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
-                        onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/MarkdownPlugin").MarkdownPlugin[]>;
+                        onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").EditorContent>;
+                        onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorPlugin").EditorPlugin[]>;
                         onMutatedEditMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+                        onMutatedMaxNodeId: import("@omnia/fx").MessageBusExposeOnlySubscription<number>;
                         onMutatedToolbarActions: import("@omnia/fx").MessageBusExposeOnlySubscription<MarkdownEditorActionRegistration[]>;
                         onMutatedEditor: import("@omnia/fx").MessageBusExposeOnlySubscription<HTMLDivElement>;
-                        onMutatedSelectedPluginNodes: import("@omnia/fx").MessageBusExposeOnlySubscription<Node[]>;
+                        onMutatedSelectedNodes: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").EditorNode[]>;
+                        onMutatedSelectedNodeIds: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").NodeIdSelection>;
                         onMutatedTelePorts: import("@omnia/fx").MessageBusExposeOnlySubscription<JSX.Element[]>;
                         onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
                         onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
                     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
                     actions: {
                         onDispatching: {
-                            registerPlugins: {
-                                subscribe(fn: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                            };
-                            toMarkdown: {
+                            plugin: {
                                 subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
-                            setContent: {
-                                subscribe(fn: (content: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            content: {
+                                subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
                             setEditorMode: {
                                 subscribe(fn: (editMode: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -762,9 +831,6 @@ export declare const useMarkdownToolbarStore: () => {
                             setEditorContainer: {
                                 subscribe(fn: (el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
-                            registerPluginContext: {
-                                subscribe(fn: (ctx: import("../models/MarkdownPlugin").MarkdownPluginContext) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                            };
                             toolbarAction: {
                                 subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
@@ -779,14 +845,22 @@ export declare const useMarkdownToolbarStore: () => {
                             };
                         };
                         onDispatched: {
-                            registerPlugins: {
-                                subscribe(fn: (result: void, pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                            };
-                            toMarkdown: {
-                                subscribe(fn: (result: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            plugin: {
+                                subscribe(fn: (result: {
+                                    register: {
+                                        plugin: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings) => void;
+                                        plugins: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => Promise<void>;
+                                        context: (ctx: import("../models/EditorPlugin").EditorPluginContext) => void;
+                                    };
+                                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
-                            setContent: {
-                                subscribe(fn: (result: void, content: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            content: {
+                                subscribe(fn: (result: {
+                                    set: {
+                                        byJSON: (content: import("../models/EditorModels").EditorContent) => void;
+                                        byString: (content: string) => void;
+                                    };
+                                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
                             setEditorMode: {
                                 subscribe(fn: (result: void, editMode: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -794,9 +868,6 @@ export declare const useMarkdownToolbarStore: () => {
                             setEditorContainer: {
                                 subscribe(fn: (result: void, el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
-                            registerPluginContext: {
-                                subscribe(fn: (result: void, ctx: import("../models/MarkdownPlugin").MarkdownPluginContext) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                            };
                             toolbarAction: {
                                 subscribe(fn: (result: {
                                     add: (action: MarkdownEditorActionRegistration | MarkdownEditorActionRegistration[]) => void;
@@ -804,9 +875,9 @@ export declare const useMarkdownToolbarStore: () => {
                             };
                             formatting: {
                                 subscribe(fn: (result: {
-                                    add: (element: HTMLElement, toogleIfExists?: boolean, matchByDataTypeOnly?: boolean) => void;
-                                    toggle: (element: HTMLElement, matchByDataTypeOnly?: boolean) => void;
-                                    remove: (element: HTMLElement, matchByDataTypeOnly?: boolean) => void;
+                                    add: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                                    toggle: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                                    remove: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
                                 }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
                             element: {
@@ -824,14 +895,11 @@ export declare const useMarkdownToolbarStore: () => {
                             };
                         };
                         onFailure: {
-                            registerPlugins: {
-                                subscribe(fn: (failureReason: any, pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                            };
-                            toMarkdown: {
+                            plugin: {
                                 subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
-                            setContent: {
-                                subscribe(fn: (failureReason: any, content: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            content: {
+                                subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
                             setEditorMode: {
                                 subscribe(fn: (failureReason: any, editMode: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -839,9 +907,6 @@ export declare const useMarkdownToolbarStore: () => {
                             setEditorContainer: {
                                 subscribe(fn: (failureReason: any, el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
-                            registerPluginContext: {
-                                subscribe(fn: (failureReason: any, ctx: import("../models/MarkdownPlugin").MarkdownPluginContext) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-                            };
                             toolbarAction: {
                                 subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
@@ -856,19 +921,28 @@ export declare const useMarkdownToolbarStore: () => {
                             };
                         };
                     } & {
-                        registerPlugins: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => Promise<void>;
-                        toMarkdown: () => string;
-                        setContent: (content: string) => void;
+                        plugin: () => {
+                            register: {
+                                plugin: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings) => void;
+                                plugins: (pluginSettings: import("@omnia/fx-models").MarkdownPluginSettings | import("@omnia/fx-models").MarkdownPluginSettings[]) => Promise<void>;
+                                context: (ctx: import("../models/EditorPlugin").EditorPluginContext) => void;
+                            };
+                        };
+                        content: () => {
+                            set: {
+                                byJSON: (content: import("../models/EditorModels").EditorContent) => void;
+                                byString: (content: string) => void;
+                            };
+                        };
                         setEditorMode: (editMode: boolean) => void;
                         setEditorContainer: (el: HTMLDivElement) => void;
-                        registerPluginContext: (ctx: import("../models/MarkdownPlugin").MarkdownPluginContext) => void;
                         toolbarAction: () => {
                             add: (action: MarkdownEditorActionRegistration | MarkdownEditorActionRegistration[]) => void;
                         };
                         formatting: () => {
-                            add: (element: HTMLElement, toogleIfExists?: boolean, matchByDataTypeOnly?: boolean) => void;
-                            toggle: (element: HTMLElement, matchByDataTypeOnly?: boolean) => void;
-                            remove: (element: HTMLElement, matchByDataTypeOnly?: boolean) => void;
+                            add: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                            toggle: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                            remove: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
                         };
                         element: () => {
                             createForComponent: (componentName: string) => HTMLDivElement;
@@ -881,15 +955,26 @@ export declare const useMarkdownToolbarStore: () => {
                         };
                     };
                     get: {
-                        plugins: import("../models/MarkdownPlugin").MarkdownPlugin[];
+                        plugins: import("../models/EditorPlugin").EditorPlugin[];
+                        content: {
+                            asJSON: (cleanIds?: boolean) => import("../models/EditorModels").EditorContent;
+                            asString: (cleanIds?: boolean) => string;
+                        };
                         selection: {
                             has: {
                                 dataType: (dataType: string) => boolean;
-                                elementName: (elementName: string) => boolean;
+                                nodeName: (name: string) => boolean;
+                                id: (id: number) => boolean;
                             };
                             get: {
-                                byDataType: (dataType: string) => Node;
-                                byElementName: (elementName: string) => Node;
+                                byDataType: (dataType: string) => import("../models/EditorModels").EditorNode;
+                                byNodeName: (name: string) => import("../models/EditorModels").EditorNode;
+                                byId: (id: number) => import("../models/EditorModels").EditorNode;
+                                bySelectors(selectors: {
+                                    name?: string;
+                                    id?: string;
+                                    dataType?: string;
+                                }): import("../models/EditorModels").EditorNode;
                             };
                         };
                     };