@omnia/fx 8.0.238-dev → 8.0.240-dev

package/internal-do-not-import-from-here/ux/journey/DefineBlade.d.ts

@@ -10,14 +10,18 @@ type BladeElement = (props: ConstructComponentProps<Omit<JourneyBladeProps, "id"
 type BladeMenuElement = (props: ConstructComponentProps<Omit<JourneyMenuProps, "id" | "getApi">>) => any;
 type DatatTableComponentTypings = <T1>(props: ConstructComponentProps<Omit<DataTableProps<T1>, "draggable">>) => any;
 type DraggableComponentTypings = (props: ConstructComponentProps<Omit<DraggableProps, "hideDraggableIcon">>) => any;
-type ListComponentTypings = <T1>(props: ConstructComponentProps<Omit<OListProps<T1>, "draggable">>) => any;
+type ListComponentTypings = <T1>(props: ConstructComponentProps<Omit<OListProps<T1>, "draggable" | "removable">>) => any;
 export declare function defineBlade<TRoute extends JourneyBladeRoute = {}>(bladeId: guid, renderer?: (blade: BladeElement) => VNodeChild): {
     readonly Blade: BladeElement;
     readonly Menu: BladeMenuElement;
-    ManageDataTable: DatatTableComponentTypings;
-    ManageList: ListComponentTypings;
+    DraggableDataTable: DatatTableComponentTypings;
+    DraggableList: ListComponentTypings;
+    DragAndRemoveList: ListComponentTypings;
     Draggable: DraggableComponentTypings;
     id: guid;
+    context: {
+        isListEditing: boolean;
+    };
     readonly route: TRoute;
     moveNext(): void;
     movePrev(): void;

package/internal-do-not-import-from-here/ux/journey/JourneyBlade.d.ts

@@ -11,7 +11,7 @@ export interface DisabledButtonTooltips {
     delete?: string;
     remove?: string;
 }
-export type JourneyBladeProps = DefineProp<"getApi", (store: ReturnType<typeof useJourneyStore>) => void, false, null, "callback to get a reference to the journey store. The store is used to navigate the journey blades."> & DefineProp<"title", string, false, null, "Specify the title of the blade."> & DefineProp<"toned", boolean, false, null, "IF the color is toned"> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the blade and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineProp<"id", guid, true, null, "The id of the blade. Used to identify the blade in the journey store."> & DefineProp<"size", BladeSizeTypes, false, "x-small", "Specify the size of the blade. Small will show the header buttons as icons."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"ok", boolean, false, false, "Specify if the blade should show a ok button. If a ok button is shown, a cancel button will also be shown."> & DefineProp<"save", boolean, false, false, "Specify if the blade should show a save button. If a save button is shown, a cancel button will also be shown."> & DefineProp<"searchable", boolean, false, false, "Specify if the blade should show a search field."> & DefineProp<"delete", boolean, false, false, "Specify if the blade should show a delete button."> & DefineProp<"remove", boolean, false, false, "Specify if the blade should show a remove button."> & DefineProp<"disabled", boolean, false, false, "Specify if the blade should shoud be read only."> & DefineProp<"manageList", boolean, false, false, "Specify if the blade shoud be draggable on items."> & DefineProp<"switch", SwitchValue, false, null, "Specify if the blade should show switch."> & DefineProp<"settings", boolean, false, false, "Specify if the blade should show a settings button."> & DefineProp<"create", boolean, false, false, "Specify if the blade should show a create button."> & DefineProp<"bladeContext", BladeContexts | BladeContext, false, null, "Specify context of the journey."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the blade header. This should be used to hightlight the blade type such as create blades, edit blades etc."> & DefineProp<"variant", BladeVariantTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"onOk", () => boolean | Promise<boolean>, false, null, "Trigger when user click ok, return true if ok to close the blade."> & DefineProp<"onRemove", () => boolean | Promise<boolean>, false, null, "Trigger when user click remove, return true if ok to close the blade."> & DefineProp<"onSave", () => boolean | Promise<boolean>, false, null, "Trigger when user click save, return true if ok to close the blade."> & DefineProp<"onDelete", () => boolean | Promise<boolean>, false, null, "Trigger when user click delete, return true if ok to close the blade."> & DefineProp<"onSwitch", (value: boolean) => boolean | Promise<boolean>, false, null, "Trigger when user toggle switch, return true if ok to close the blade."> & DefineProp<"confirmDeleteDialogOption", ConfirmDialogOptions, false, null, "Specify a set of options for the confirm dialog shown before deleting."> & DefineProp<"disabledButtonTooltips", DisabledButtonTooltips, false, null, "Specify a set of options for the confirm dialog shown before deleting."> & DefineSlot<"actions", () => VNodeChild> & DefineSlot<"actionsFooter", () => VNodeChild> & DefineEmit<"click:add", (id: guid) => true> & DefineEmit<"click:back", (id: guid) => true> & DefineEmit<"click:cancel", (id: guid) => true> & DefineEmit<"click:settings", (id: guid) => true> & DefineEmit<"click:confirm", () => true> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"click:manageList", () => true>;
+export type JourneyBladeProps = DefineProp<"getApi", (store: ReturnType<typeof useJourneyStore>) => void, false, null, "callback to get a reference to the journey store. The store is used to navigate the journey blades."> & DefineProp<"title", string, false, null, "Specify the title of the blade."> & DefineProp<"toned", boolean, false, null, "IF the color is toned"> & DefineProp<"subTitle", string, false, null, "Specify a subtitle for the blade and the title is displayed in a breadcrumb style where the subTittle is prominent."> & DefineProp<"id", guid, true, null, "The id of the blade. Used to identify the blade in the journey store."> & DefineProp<"size", BladeSizeTypes, false, "x-small", "Specify the size of the blade. Small will show the header buttons as icons."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"ok", boolean, false, false, "Specify if the blade should show a ok button. If a ok button is shown, a cancel button will also be shown."> & DefineProp<"save", boolean, false, false, "Specify if the blade should show a save button. If a save button is shown, a cancel button will also be shown."> & DefineProp<"searchable", boolean, false, false, "Specify if the blade should show a search field."> & DefineProp<"delete", boolean, false, false, "Specify if the blade should show a delete button."> & DefineProp<"remove", boolean, false, false, "Specify if the blade should show a remove button."> & DefineProp<"disabled", boolean, false, false, "Specify if the blade should shoud be read only."> & DefineProp<"manageList", boolean, false, false, "Specify if the blade shoud be draggable on items."> & DefineProp<"switch", SwitchValue, false, null, "Specify if the blade should show switch."> & DefineProp<"settings", boolean, false, false, "Specify if the blade should show a settings button."> & DefineProp<"create", boolean, false, false, "Specify if the blade should show a create button."> & DefineProp<"add", boolean, false, false, "Specify if the blade should show a add button."> & DefineProp<"bladeContext", BladeContexts | BladeContext, false, null, "Specify context of the journey."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the blade header. This should be used to hightlight the blade type such as create blades, edit blades etc."> & DefineProp<"variant", BladeVariantTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"onOk", () => boolean | Promise<boolean>, false, null, "Trigger when user click ok, return true if ok to close the blade."> & DefineProp<"onRemove", () => boolean | Promise<boolean>, false, null, "Trigger when user click remove, return true if ok to close the blade."> & DefineProp<"onSave", () => boolean | Promise<boolean>, false, null, "Trigger when user click save, return true if ok to close the blade."> & DefineProp<"onDelete", () => boolean | Promise<boolean>, false, null, "Trigger when user click delete, return true if ok to close the blade."> & DefineProp<"onSwitch", (value: boolean) => boolean | Promise<boolean>, false, null, "Trigger when user toggle switch, return true if ok to close the blade."> & DefineProp<"confirmDeleteDialogOption", ConfirmDialogOptions, false, null, "Specify a set of options for the confirm dialog shown before deleting."> & DefineProp<"disabledButtonTooltips", DisabledButtonTooltips, false, null, "Specify a set of options for the confirm dialog shown before deleting."> & DefineSlot<"actions", () => VNodeChild> & DefineSlot<"actionsFooter", () => VNodeChild> & DefineEmit<"click:create", (id: guid) => true> & DefineEmit<"click:add", (id: guid) => true> & DefineEmit<"click:back", (id: guid) => true> & DefineEmit<"click:cancel", (id: guid) => true> & DefineEmit<"click:settings", (id: guid) => true> & DefineEmit<"click:confirm", () => true> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"click:manageList", () => true>;
 declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<JourneyBladeProps>) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
@@ -62,10 +62,11 @@ declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<J
         "onClick:confirm"?: () => any;
         "onClick:back"?: (id: guid) => any;
         onSearch?: (searchText: string) => any;
+        "onClick:create"?: (id: guid) => any;
         "onClick:add"?: (id: guid) => any;
         "onClick:settings"?: (id: guid) => any;
         "onClick:manageList"?: () => any;
-    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "switch" | "icon" | "title" | "id" | "delete" | "size" | "disabled" | "toned" | "settings" | "remove" | "variant" | "subTitle" | "create" | "ok" | "save" | "getApi" | "loading" | "searchable" | "manageList" | "bladeContext" | "onOk" | "onRemove" | "onSave" | "onDelete" | "onSwitch" | "confirmDeleteDialogOption" | "disabledButtonTooltips">;
+    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "switch" | "icon" | "title" | "add" | "id" | "delete" | "size" | "disabled" | "toned" | "settings" | "remove" | "variant" | "subTitle" | "create" | "ok" | "save" | "getApi" | "loading" | "searchable" | "manageList" | "bladeContext" | "onOk" | "onRemove" | "onSave" | "onDelete" | "onSwitch" | "confirmDeleteDialogOption" | "disabledButtonTooltips">;
 } & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>;

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

@@ -1,5 +1,4 @@
 export * from "./stores";
 export * from "./models";
-export * from "./use";
 export * from "./JourneyContext";
 export * from "./DefineBlade";

package/internal-do-not-import-from-here/ux/journey/stores/JourneyStore.d.ts

@@ -101,10 +101,14 @@ export declare const useJourneyStore: () => {
                 subscribe(fn: (blade: {
                     readonly Blade: (props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../JourneyBlade").JourneyBladeProps, "id" | "getApi">>) => any;
                     readonly Menu: (props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../JourneyMenu").JourneyMenuProps, "id" | "getApi">>) => any;
-                    ManageDataTable: <T1>(props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../../oxide/datatable/DataTable").DataTableProps<T1>, "draggable">>) => any;
-                    ManageList: <T1_1>(props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../../oxide/list/List").OListProps<T1_1>, "draggable">>) => any;
+                    DraggableDataTable: <T1>(props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../../oxide/datatable/DataTable").DataTableProps<T1>, "draggable">>) => any;
+                    DraggableList: <T1_1>(props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../../oxide/list/List").OListProps<T1_1>, "draggable" | "removable">>) => any;
+                    DragAndRemoveList: <T1_1>(props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../../oxide/list/List").OListProps<T1_1>, "draggable" | "removable">>) => any;
                     Draggable: (props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../../oxide/draggable/Draggable").DraggableProps, "hideDraggableIcon">>) => any;
                     id: guid;
+                    context: {
+                        isListEditing: boolean;
+                    };
                     readonly route: import("@omnia/fx-models").JourneyBladeRoute;
                     moveNext(): void;
                     movePrev(): void;
@@ -145,10 +149,14 @@ export declare const useJourneyStore: () => {
                 subscribe(fn: (result: void, blade: {
                     readonly Blade: (props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../JourneyBlade").JourneyBladeProps, "id" | "getApi">>) => any;
                     readonly Menu: (props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../JourneyMenu").JourneyMenuProps, "id" | "getApi">>) => any;
-                    ManageDataTable: <T1>(props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../../oxide/datatable/DataTable").DataTableProps<T1>, "draggable">>) => any;
-                    ManageList: <T1_1>(props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../../oxide/list/List").OListProps<T1_1>, "draggable">>) => any;
+                    DraggableDataTable: <T1>(props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../../oxide/datatable/DataTable").DataTableProps<T1>, "draggable">>) => any;
+                    DraggableList: <T1_1>(props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../../oxide/list/List").OListProps<T1_1>, "draggable" | "removable">>) => any;
+                    DragAndRemoveList: <T1_1>(props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../../oxide/list/List").OListProps<T1_1>, "draggable" | "removable">>) => any;
                     Draggable: (props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../../oxide/draggable/Draggable").DraggableProps, "hideDraggableIcon">>) => any;
                     id: guid;
+                    context: {
+                        isListEditing: boolean;
+                    };
                     readonly route: import("@omnia/fx-models").JourneyBladeRoute;
                     moveNext(): void;
                     movePrev(): void;
@@ -189,10 +197,14 @@ export declare const useJourneyStore: () => {
                 subscribe(fn: (failureReason: any, blade: {
                     readonly Blade: (props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../JourneyBlade").JourneyBladeProps, "id" | "getApi">>) => any;
                     readonly Menu: (props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../JourneyMenu").JourneyMenuProps, "id" | "getApi">>) => any;
-                    ManageDataTable: <T1>(props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../../oxide/datatable/DataTable").DataTableProps<T1>, "draggable">>) => any;
-                    ManageList: <T1_1>(props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../../oxide/list/List").OListProps<T1_1>, "draggable">>) => any;
+                    DraggableDataTable: <T1>(props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../../oxide/datatable/DataTable").DataTableProps<T1>, "draggable">>) => any;
+                    DraggableList: <T1_1>(props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../../oxide/list/List").OListProps<T1_1>, "draggable" | "removable">>) => any;
+                    DragAndRemoveList: <T1_1>(props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../../oxide/list/List").OListProps<T1_1>, "draggable" | "removable">>) => any;
                     Draggable: (props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../../oxide/draggable/Draggable").DraggableProps, "hideDraggableIcon">>) => any;
                     id: guid;
+                    context: {
+                        isListEditing: boolean;
+                    };
                     readonly route: import("@omnia/fx-models").JourneyBladeRoute;
                     moveNext(): void;
                     movePrev(): void;

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

@@ -8,6 +8,8 @@ declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     modelValue?: string;
 } & {
     placeholder?: string;
+} & {
+    toolbar?: boolean;
 } & {
     edit?: boolean;
 } & {
@@ -58,6 +60,8 @@ declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
         modelValue?: string;
     } & {
         placeholder?: string;
+    } & {
+        toolbar?: boolean;
     } & {
         edit?: boolean;
     } & {
@@ -68,7 +72,7 @@ declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
         }, never>;
     } & {
         "onUpdate:modelValue"?: (value: string) => any;
-    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "placeholder" | "edit" | "v-model" | "onUpdate:modelValue" | "modelValue" | "getApi">;
+    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "toolbar" | "placeholder" | "edit" | "v-model" | "onUpdate:modelValue" | "modelValue" | "getApi">;
 } & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>;

package/internal-do-not-import-from-here/ux/markdown2/MarkdownToolbar.css.d.ts

@@ -0,0 +1,5 @@
+export declare const MarkdownToolbarStyles: {
+    wrapper: string;
+    show: string;
+    hide: string;
+};

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

@@ -0,0 +1,52 @@
+import { guid } from "@omnia/fx-models";
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
+    editorId?: guid;
+}>) => {
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {};
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        [name: string]: import("vue").Slot<any>;
+    }>;
+    $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+    $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+    $emit: (event: string, ...args: any[]) => void;
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("vue").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: (cleanupFn: () => void) => void) => any : (args_0: any, args_1: any, args_2: (cleanupFn: () => void) => void) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+} & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    propsDefinition: import("@omnia/fx/ux").ExtractProps<{
+        editorId?: guid;
+    }> & {
+        "v-slots"?: {} & Omit<{
+            default?: import("vue").Slot;
+        }, never>;
+    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editorId">;
+} & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;
+export default _default;

package/internal-do-not-import-from-here/ux/markdown2/commands/ClipboardCommands.d.ts

@@ -0,0 +1,4 @@
+export type builtIndataTypes = "text" | "formatting";
+export declare function useClipboardCommands(): {
+    paste: (ev: ClipboardEvent) => void;
+};

package/internal-do-not-import-from-here/ux/markdown2/commands/EditorCommands.d.ts

@@ -0,0 +1,23 @@
+export type builtIndataTypes = "text" | "formatting";
+export declare function useEditorCommands(state: {
+    editor: HTMLDivElement;
+    selectedRange: Range;
+}): {
+    actions: {
+        storeCursorPosition: () => void;
+    };
+    evenhandlers: {
+        backspace: () => void;
+    };
+    formatting: {
+        add: (element: HTMLElement, toggleIfExists?: boolean) => void;
+        toggle: (element: HTMLElement) => void;
+        remove: (element: HTMLElement, toggleIfExists?: boolean) => void;
+    };
+    element: {
+        add: (element: HTMLElement) => void;
+        create: (tagName: string, dataType: builtIndataTypes | string) => HTMLElement;
+        createText: () => HTMLParagraphElement;
+        createComponent: (componentName: string) => HTMLDivElement;
+    };
+};

package/internal-do-not-import-from-here/ux/markdown2/commands/helpers/Editorhelper.d.ts

@@ -0,0 +1,7 @@
+export type builtIndataTypes = "text" | "formatting";
+export declare function useEditorHelper(): {
+    storeCursorPosition: (state: {
+        selectedRange: Range;
+    }) => void;
+    ensureSelectionIsInEditor: (range: Range) => void;
+};

package/internal-do-not-import-from-here/ux/markdown2/commands/helpers/Nodehelper.d.ts

@@ -0,0 +1,6 @@
+export type builtIndataTypes = "text" | "formatting";
+export declare function useNodeHelper(): {
+    removeExistingFormatting: (element: HTMLElement, range: Range) => boolean;
+    removeNodeAndKeepContent: (node: Node) => void;
+    surroundContents: (element: HTMLElement, range: Range) => void;
+};

package/internal-do-not-import-from-here/ux/markdown2/models/MarkdownPlugin.d.ts

@@ -1,9 +1,12 @@
+import { MarkdownEditorActionRegistration } from "@omnia/fx-models";
 import { useMarkdownStore } from "../stores/MarkdownStore";
 export interface MarkdownPlugin {
     name: string;
     type: "inline" | "component";
     toMarkdown: (el: HTMLElement) => string;
     toHtml: (el: HTMLDivElement, data: string | object, ctx: MarkdownPluginContext) => HTMLDivElement;
+    commands?: object;
+    actions?: Array<MarkdownEditorActionRegistration>;
 }
 export interface MarkdownPluginContext {
     componentCreator?: (componentDef: any, props: {}, el: HTMLElement) => void;

package/internal-do-not-import-from-here/ux/markdown2/plugins/ColorStylePlugin.d.ts

@@ -0,0 +1 @@
+export declare const colorStylePlugin: () => import("../models/MarkdownPlugin").MarkdownPlugin;

package/internal-do-not-import-from-here/ux/markdown2/plugins/TypographyPlugin.d.ts

@@ -0,0 +1 @@
+export declare const typographyPlugin: () => import("../models/MarkdownPlugin").MarkdownPlugin;

package/internal-do-not-import-from-here/ux/markdown2/plugins/buttons/ColorButton.d.ts

@@ -0,0 +1,47 @@
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{}>) => {
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {};
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        [name: string]: import("vue").Slot<any>;
+    }>;
+    $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+    $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+    $emit: (event: string, ...args: any[]) => void;
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("vue").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: (cleanupFn: () => void) => void) => any : (args_0: any, args_1: any, args_2: (cleanupFn: () => void) => void) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+} & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    propsDefinition: import("@omnia/fx/ux").ExtractProps<{}> & {
+        "v-slots"?: {} & Omit<{
+            default?: import("vue").Slot;
+        }, never>;
+    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, never>;
+} & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;
+export default _default;

package/internal-do-not-import-from-here/ux/markdown2/plugins/buttons/TypographyButton.d.ts

@@ -0,0 +1,47 @@
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{}>) => {
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {};
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        [name: string]: import("vue").Slot<any>;
+    }>;
+    $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+    $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+    $emit: (event: string, ...args: any[]) => void;
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("vue").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: (cleanupFn: () => void) => void) => any : (args_0: any, args_1: any, args_2: (cleanupFn: () => void) => void) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+} & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    propsDefinition: import("@omnia/fx/ux").ExtractProps<{}> & {
+        "v-slots"?: {} & Omit<{
+            default?: import("vue").Slot;
+        }, never>;
+    } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, never>;
+} & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;
+export default _default;

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

@@ -1,21 +1,23 @@
-import { VelcronAppDefinition } from "@omnia/fx-models/internal-do-not-import-from-here/shared";
+import { MarkdownEditorActionRegistration } from "@omnia/fx-models";
 import { MarkdownPlugin, MarkdownPluginContext } from "../models/MarkdownPlugin";
 export declare const useMarkdownStore: () => {
     state: {
         markdownContent: string;
         editMode: boolean;
+        toolbarActions: MarkdownEditorActionRegistration[];
         editor: HTMLDivElement;
         telePorts: JSX.Element[];
         id: string;
-        storedRange: Range;
+        selectedRange: Range;
     };
     events: {
         onMutatedMarkdownContent: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<string>;
         onMutatedEditMode: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<boolean>;
+        onMutatedToolbarActions: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<MarkdownEditorActionRegistration[]>;
         onMutatedEditor: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<HTMLDivElement>;
         onMutatedTelePorts: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<JSX.Element[]>;
         onMutatedId: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<string>;
-        onMutatedStoredRange: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<Range>;
+        onMutatedSelectedRange: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<Range>;
     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
     actions: {
         onDispatching: {
@@ -40,11 +42,17 @@ export declare const useMarkdownStore: () => {
             registerPluginContext: {
                 subscribe(fn: (ctx: MarkdownPluginContext) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
-            createComponent: {
-                subscribe(fn: (componentDef: any, props: {}, el: HTMLElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            toolbarAction: {
+                subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
-            addVelcronDefinition: {
-                subscribe(fn: (definition: VelcronAppDefinition<object>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            formatting: {
+                subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            element: {
+                subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            commands: {
+                subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
         };
         onDispatched: {
@@ -69,11 +77,30 @@ export declare const useMarkdownStore: () => {
             registerPluginContext: {
                 subscribe(fn: (result: void, ctx: MarkdownPluginContext) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
-            createComponent: {
-                subscribe(fn: (result: void, componentDef: any, props: {}, el: HTMLElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
-            };
-            addVelcronDefinition: {
-                subscribe(fn: (result: void, definition: VelcronAppDefinition<object>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            toolbarAction: {
+                subscribe(fn: (result: {
+                    add: (action: MarkdownEditorActionRegistration | MarkdownEditorActionRegistration[]) => void;
+                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            formatting: {
+                subscribe(fn: (result: {
+                    add: (element: HTMLElement, toggleIfExists?: boolean) => void;
+                    toggle: (element: HTMLElement) => void;
+                    remove: (element: HTMLElement, toggleIfExists?: boolean) => void;
+                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            element: {
+                subscribe(fn: (result: {
+                    createForComponent: (componentName: string) => HTMLDivElement;
+                    createText: () => HTMLParagraphElement;
+                    create: (tagName: string, dataType: string) => HTMLElement;
+                    add: (element: HTMLElement) => void;
+                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            commands: {
+                subscribe(fn: (result: {
+                    exec: (command: string, data: object) => void;
+                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
         };
         onFailure: {
@@ -98,11 +125,17 @@ export declare const useMarkdownStore: () => {
             registerPluginContext: {
                 subscribe(fn: (failureReason: any, ctx: MarkdownPluginContext) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
-            createComponent: {
-                subscribe(fn: (failureReason: any, componentDef: any, props: {}, el: HTMLElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            toolbarAction: {
+                subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            formatting: {
+                subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
-            addVelcronDefinition: {
-                subscribe(fn: (failureReason: any, definition: VelcronAppDefinition<object>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            element: {
+                subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            commands: {
+                subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
         };
     } & {
@@ -113,8 +146,25 @@ export declare const useMarkdownStore: () => {
         setEditorMode: (editMode: boolean) => void;
         setEditorContainer: (el: HTMLDivElement) => void;
         registerPluginContext: (ctx: MarkdownPluginContext) => void;
-        createComponent: (componentDef: any, props: {}, el: HTMLElement) => void;
-        addVelcronDefinition: (definition: VelcronAppDefinition) => void;
+        toolbarAction: () => {
+            add: (action: MarkdownEditorActionRegistration | MarkdownEditorActionRegistration[]) => void;
+        };
+        formatting: () => {
+            add: (element: HTMLElement, toggleIfExists?: boolean) => void;
+            toggle: (element: HTMLElement) => void;
+            remove: (element: HTMLElement, toggleIfExists?: boolean) => void;
+        };
+        element: () => {
+            createForComponent: (componentName: string) => HTMLDivElement;
+            createText: () => HTMLParagraphElement;
+            create: (tagName: string, dataType: string) => HTMLElement;
+            add: (element: HTMLElement) => void;
+        };
+        commands: () => {
+            exec: (command: string, data: object) => void;
+        };
+    };
+    get: {
+        plugins: MarkdownPlugin[];
     };
-    get: {};
 };