@omnia/fx 8.0.250-dev → 8.0.252-dev

package/internal-do-not-import-from-here/stores/markdown/MarkdownPluginStore.d.ts

@@ -2,6 +2,7 @@ import { MarkdownPluginRegistration, guid } from "@omnia/fx-models";
 export declare const useMarkdownPluginStore: () => {
     state: {
         plugins: MarkdownPluginRegistration[];
+        hiddenPlugins: MarkdownPluginRegistration[];
     };
     get: {
         byId(id: guid): MarkdownPluginRegistration;
@@ -37,6 +38,7 @@ export declare const useMarkdownPluginStore: () => {
     };
     events: {
         onMutatedPlugins: import("internal/fx/core").MessageBusExposeOnlySubscription<MarkdownPluginRegistration[]>;
+        onMutatedHiddenPlugins: import("internal/fx/core").MessageBusExposeOnlySubscription<MarkdownPluginRegistration[]>;
     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
 } & {
     dispose?: () => void;

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

@@ -34,7 +34,6 @@ export type ItemValueType<T> = string | ((item: T) => string | guid | number | O
 export type ItemType<T> = T extends readonly (infer U)[] ? U : never;
 export type SelectItemKey<T = Record<string, any>> = boolean | null | undefined | string | readonly (string | number)[] | ((item: T, fallback?: any) => any);
 export type DefinePropTheming = DefineProp<"colorSchemaType", ColorSchemaTypes | ColorSchemaType> & DefineProp<"container", boolean> & DefineProp<"colors", ColorSchemaStoreType>;
-export type DefinePropClass = DefineProp<"class", String | String[]>;
 type BuildVModelName<TName extends string, TPropType, Required extends boolean = false> = Required extends false ? {
     [key in VModelEmitsInJsxElement<TName>]: {
         type: PropType<(value: TPropType) => any | void>;

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

@@ -78,4 +78,4 @@ export { FocusDirective, LinkHandlerDirective } from "./directives";
 export { VueComponentBase, VueComponentConnect, getVuetifyAppClasses } from "./VueComponentBase";
 export type { VueComponentBaseEvents, VueComponentBaseProps } from "./VueComponentBase";
 export { createVueNode, definePropFunctionType, definePropObjectType, defineVue, defineVueComponent, getElementName, isElement, type SetupComponentContext, type ExtractProps, type ExtractEmits, type ExtractSlots, type ConstructComponentProps, type ExtractVModels } from "./InternalDefineComponent";
-export { type DefineEmit, type DefineProp, type DefinePropClass, type DefinePropTheming, type DefineSlot, type DefineType, type DefineVModel, type ItemType, type SelectItemKey, type ItemValueType } from "./DefineVueTypings";
+export { type DefineEmit, type DefineProp, type DefinePropTheming, type DefineSlot, type DefineType, type DefineVModel, type ItemType, type SelectItemKey, type ItemValueType } from "./DefineVueTypings";

package/internal-do-not-import-from-here/ux/confirmdialog/ConfirmDialog.d.ts

@@ -1,7 +1,7 @@
 import { ConfirmDialogDisplay } from "./IConfirmDialog";
 import { ConfirmDialogOptions, ConfirmDialogResponse } from "./IVueConfirmDialog";
 import "./ConfirmDialog.css";
-import { ButtonModes, ButtonSizes, ButtonTooltipOptions } from "../../models";
+import { ButtonModes, ButtonSizes, ButtonTooltipOptions, IIcon } from "../../models";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         dialogOptions: {
@@ -50,8 +50,7 @@ declare const _default: {
             required: false;
         };
         icon: {
-            type: import("vue").PropType<string>;
-            required: false;
+            type: import("vue").PropType<IIcon>;
         };
     }>> & {
         onClose?: (res: ConfirmDialogResponse) => any;
@@ -108,8 +107,7 @@ declare const _default: {
             required: false;
         };
         icon: {
-            type: import("vue").PropType<string>;
-            required: false;
+            type: import("vue").PropType<IIcon>;
         };
     }>> & {
         onClose?: (res: ConfirmDialogResponse) => any;
@@ -168,8 +166,7 @@ declare const _default: {
             required: false;
         };
         icon: {
-            type: import("vue").PropType<string>;
-            required: false;
+            type: import("vue").PropType<IIcon>;
         };
     }>> & {
         onClose?: (res: ConfirmDialogResponse) => any;
@@ -225,8 +222,7 @@ declare const _default: {
         required: false;
     };
     icon: {
-        type: import("vue").PropType<string>;
-        required: false;
+        type: import("vue").PropType<IIcon>;
     };
 }>> & {
     onClose?: (res: ConfirmDialogResponse) => any;
@@ -241,7 +237,7 @@ declare const _default: {
         flat?: boolean;
         type?: ConfirmDialogDisplay;
         text?: string;
-        icon?: string;
+        icon?: IIcon;
         tooltip?: ButtonTooltipOptions;
         disabled?: boolean;
         dialogOptions?: ConfirmDialogOptions;

package/internal-do-not-import-from-here/ux/confirmdialog/IVueConfirmDialog.d.ts

@@ -1,3 +1,4 @@
+import { IIcon } from "@omnia/fx-models";
 export declare enum ConfirmDialogResponse {
     Ok = 1,
     Cancel = 2
@@ -8,7 +9,7 @@ export interface ConfirmDialogOptions {
     headerClass?: string;
     contentClass?: string;
     buttonClass?: string;
-    icon?: string;
+    icon?: IIcon;
     variant?: "toolbar";
     maxWidth?: number;
     displayMode?: "message" | "confirm";

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

@@ -20,11 +20,11 @@ export declare function useEditorCommands(state: {
     };
     evenhandlers: {
         backspace: () => void;
+        enter: () => void;
     };
     formatting: {
-        add: (element: HTMLElement, toggleIfExists?: boolean, matchByDataTypeOnly?: boolean) => void;
-        toggle: (element: HTMLElement, matchByDataTypeOnly?: boolean) => void;
-        remove: (element: HTMLElement, matchByDataTypeOnly?: boolean) => void;
+        add: (element: HTMLElement, toggleIfExists?: boolean, matchByNameAndDataType?: boolean) => void;
+        remove: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
     };
     element: {
         add: (element: HTMLElement) => void;
@@ -32,4 +32,29 @@ export declare function useEditorCommands(state: {
         createText: () => HTMLParagraphElement;
         createComponent: (componentName: string) => HTMLDivElement;
     };
+    helpers: {
+        editor: {
+            storeCursorPosition: (state: {
+                selectedRange: Range;
+            }) => void;
+            ensureSelectionIsInEditor: (range: Range) => void;
+        };
+        editorNode: {
+            getEditorNodeBySelectors: (nodes: EditorNode[], selectors: {
+                name?: string;
+                id?: string;
+                dataType?: string;
+            }) => EditorNode;
+            getEditorNodesInArrayByElement: (element: HTMLElement, nodes: EditorNode[], matchByNameAndDataType: boolean, deep: boolean) => EditorNode[];
+            getSelectedEditorNodes: (nodeSelectionIds: NodeIdSelection, content: EditorContent) => EditorNode[];
+            removeIds: (nodes: EditorNode[]) => void;
+        };
+        htmlNode: {
+            getNodeIdsForRange: (range: Range) => NodeIdSelection;
+            removeNodes: (nodes2Remove: EditorNode[], editor: HTMLElement) => void;
+            getHtmlElementById: (id: number, element: HTMLElement) => HTMLElement;
+            surroundSelectionWithElement: (element: HTMLElement, nodeSelection: NodeIdSelection, range: Range) => void;
+            surroundContents: (element: HTMLElement, nodeSelection: NodeIdSelection, range: Range) => void;
+        };
+    };
 };

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

@@ -6,6 +6,7 @@ export declare function useEditorNodeHelper(): {
         id?: string;
         dataType?: string;
     }) => EditorNode;
-    getEditorNodesInArrayByElement: (element: HTMLElement, nodes: Array<EditorNode>, matchByDataTypeOnly: boolean, deep: boolean) => Array<EditorNode>;
+    getEditorNodesInArrayByElement: (element: HTMLElement, nodes: Array<EditorNode>, matchByNameAndDataType: boolean, deep: boolean) => Array<EditorNode>;
     getSelectedEditorNodes: (nodeSelectionIds: NodeIdSelection, content: EditorContent) => Array<EditorNode>;
+    removeIds: (nodes: Array<EditorNode>) => void;
 };

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

@@ -1,9 +1,9 @@
 import { EditorNode, NodeIdSelection } from "../../models/EditorModels";
 export type builtIndataTypes = "text" | "formatting";
 export declare function useHtmlNodeHelper(): {
-    getNodeIdsForSelection: (range: Range) => NodeIdSelection;
+    getNodeIdsForRange: (range: Range) => NodeIdSelection;
     removeNodes: (nodes2Remove: Array<EditorNode>, editor: HTMLElement) => void;
     getHtmlElementById: (id: number, element: HTMLElement) => HTMLElement;
-    addElementToSelectionContainers: (nodeSelection: NodeIdSelection, element: HTMLElement, editor: HTMLElement) => void;
-    surroundContents: (element: HTMLElement, range: Range) => void;
+    surroundSelectionWithElement: (element: HTMLElement, nodeSelection: NodeIdSelection, range: Range) => void;
+    surroundContents: (element: HTMLElement, nodeSelection: NodeIdSelection, range: Range) => void;
 };

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

@@ -0,0 +1,3 @@
+export declare const testDataPlugin: () => import("../../models/EditorPlugin").EditorPlugin & {
+    dispose?: () => void;
+};

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

@@ -16,17 +16,17 @@ export declare const useMarkdownStore: () => {
         selectedRange: Range;
     };
     events: {
-        onMutatedEditorContent: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<EditorContent>;
-        onMutatedPlugins: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<EditorPlugin[]>;
-        onMutatedEditMode: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<boolean>;
-        onMutatedMaxNodeId: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<number>;
-        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>;
-        onMutatedSelectedNodes: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<EditorNode[]>;
-        onMutatedSelectedNodeIds: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<NodeIdSelection>;
-        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>;
-        onMutatedSelectedRange: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<Range>;
+        onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<EditorContent>;
+        onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<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>;
+        onMutatedSelectedNodes: import("@omnia/fx").MessageBusExposeOnlySubscription<EditorNode[]>;
+        onMutatedSelectedNodeIds: import("@omnia/fx").MessageBusExposeOnlySubscription<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: {
@@ -86,9 +86,9 @@ export declare const useMarkdownStore: () => {
             };
             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: {
@@ -151,9 +151,9 @@ export declare const useMarkdownStore: () => {
             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;
@@ -168,8 +168,8 @@ export declare const useMarkdownStore: () => {
     get: {
         plugins: EditorPlugin[];
         content: {
-            asJSON: () => EditorContent;
-            asString: () => string;
+            asJSON: (cleanIds?: boolean) => EditorContent;
+            asString: (cleanIds?: boolean) => string;
         };
         selection: {
             has: {

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

@@ -87,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: {
@@ -152,9 +152,9 @@ export declare const useMarkdownToolbarStore: () => {
                     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;
@@ -169,8 +169,8 @@ export declare const useMarkdownToolbarStore: () => {
             get: {
                 plugins: import("../models/EditorPlugin").EditorPlugin[];
                 content: {
-                    asJSON: () => import("../models/EditorModels").EditorContent;
-                    asString: () => string;
+                    asJSON: (cleanIds?: boolean) => import("../models/EditorModels").EditorContent;
+                    asString: (cleanIds?: boolean) => string;
                 };
                 selection: {
                     has: {
@@ -282,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: {
@@ -347,9 +347,9 @@ export declare const useMarkdownToolbarStore: () => {
                     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;
@@ -364,8 +364,8 @@ export declare const useMarkdownToolbarStore: () => {
             get: {
                 plugins: import("../models/EditorPlugin").EditorPlugin[];
                 content: {
-                    asJSON: () => import("../models/EditorModels").EditorContent;
-                    asString: () => string;
+                    asJSON: (cleanIds?: boolean) => import("../models/EditorModels").EditorContent;
+                    asString: (cleanIds?: boolean) => string;
                 };
                 selection: {
                     has: {
@@ -479,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: {
@@ -544,9 +544,9 @@ export declare const useMarkdownToolbarStore: () => {
                             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;
@@ -561,8 +561,8 @@ export declare const useMarkdownToolbarStore: () => {
                     get: {
                         plugins: import("../models/EditorPlugin").EditorPlugin[];
                         content: {
-                            asJSON: () => import("../models/EditorModels").EditorContent;
-                            asString: () => string;
+                            asJSON: (cleanIds?: boolean) => import("../models/EditorModels").EditorContent;
+                            asString: (cleanIds?: boolean) => string;
                         };
                         selection: {
                             has: {
@@ -677,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: {
@@ -742,9 +742,9 @@ export declare const useMarkdownToolbarStore: () => {
                             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;
@@ -759,8 +759,8 @@ export declare const useMarkdownToolbarStore: () => {
                     get: {
                         plugins: import("../models/EditorPlugin").EditorPlugin[];
                         content: {
-                            asJSON: () => import("../models/EditorModels").EditorContent;
-                            asString: () => string;
+                            asJSON: (cleanIds?: boolean) => import("../models/EditorModels").EditorContent;
+                            asString: (cleanIds?: boolean) => string;
                         };
                         selection: {
                             has: {
@@ -875,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: {
@@ -940,9 +940,9 @@ export declare const useMarkdownToolbarStore: () => {
                             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;
@@ -957,8 +957,8 @@ export declare const useMarkdownToolbarStore: () => {
                     get: {
                         plugins: import("../models/EditorPlugin").EditorPlugin[];
                         content: {
-                            asJSON: () => import("../models/EditorModels").EditorContent;
-                            asString: () => string;
+                            asJSON: (cleanIds?: boolean) => import("../models/EditorModels").EditorContent;
+                            asString: (cleanIds?: boolean) => string;
                         };
                         selection: {
                             has: {

package/internal-do-not-import-from-here/ux/oxide/calendar/Calendar.d.ts

@@ -1,7 +1,7 @@
-import { DefineProp, DefinePropClass, DefinePropTheming, DefineSlot, DefineVModel, EventType } from "@omnia/fx/ux";
+import { DefineProp, DefinePropTheming, DefineSlot, DefineVModel, EventType } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
 declare const defaultWeekDays: number[];
-type CalendarProps<T extends EventType> = DefinePropTheming & DefinePropClass & DefineVModel<"", Date[], false, null, false, "The v-model of the component"> & DefineProp<"events", T[], false, null, "Array of events specific to this interval."> & DefineProp<"viewMode", "month" | "day" | "week", false, "month", "The current view mode of the calendar."> & DefineProp<"weekdays", number[], false, typeof defaultWeekDays, "Specifies which days of the week to display.Default is [0, 1, 2, 3, 4, 5, 6]"> & DefineProp<"year", number, false, null, "Specifies the year for the calendar view."> & DefineProp<"month", number, false, null, "Specifies the month for the calendar view."> & DefineProp<"intervalHeight", number, false, null, "Height of the interval in pixels in the calendar view."> & DefineProp<"intervals", number, false, 24, "Total number of intervals in a day view."> & DefineProp<"intervalStart", number, false, 0, "Starting time for this specific interval."> & DefineProp<"max", Date, false, null, "Maximum date or value that can be selected."> & DefineProp<"min", Date, false, null, "Minimum date or value that can be selected."> & DefineProp<"hideWeekNumber", boolean, false, false, "Toggles the display of week numbers in a calendar view."> & DefineProp<"hideDayHeader", boolean, false, false, "Determines whether the day header is visible in the calendar day view."> & DefineProp<"hideHeader", boolean, false, false, "Determines whether the header is hidden in the calendar view."> & DefineProp<"allowedDates", Date[] | ((date: Date) => boolean), false, null, "Determines which dates are selectable."> & DefineSlot<"event", (event: {
+type CalendarProps<T extends EventType> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", Date[], false, null, false, "The v-model of the component"> & DefineProp<"events", T[], false, null, "Array of events specific to this interval."> & DefineProp<"viewMode", "month" | "day" | "week", false, "month", "The current view mode of the calendar."> & DefineProp<"weekdays", number[], false, typeof defaultWeekDays, "Specifies which days of the week to display.Default is [0, 1, 2, 3, 4, 5, 6]"> & DefineProp<"year", number, false, null, "Specifies the year for the calendar view."> & DefineProp<"month", number, false, null, "Specifies the month for the calendar view."> & DefineProp<"intervalHeight", number, false, null, "Height of the interval in pixels in the calendar view."> & DefineProp<"intervals", number, false, 24, "Total number of intervals in a day view."> & DefineProp<"intervalStart", number, false, 0, "Starting time for this specific interval."> & DefineProp<"max", Date, false, null, "Maximum date or value that can be selected."> & DefineProp<"min", Date, false, null, "Minimum date or value that can be selected."> & DefineProp<"hideWeekNumber", boolean, false, false, "Toggles the display of week numbers in a calendar view."> & DefineProp<"hideDayHeader", boolean, false, false, "Determines whether the day header is visible in the calendar day view."> & DefineProp<"hideHeader", boolean, false, false, "Determines whether the header is hidden in the calendar view."> & DefineProp<"allowedDates", Date[] | ((date: Date) => boolean), false, null, "Determines which dates are selectable."> & DefineSlot<"event", (event: {
     day: Date;
     allDay: boolean;
     event: T;

package/internal-do-not-import-from-here/ux/oxide/datatable/DataTable.d.ts

@@ -7,12 +7,18 @@ export interface IDataTableRow<T = any> {
     Row: RowElement;
     Cell: CellElement;
 }
-export type DataTablePropsBase<T> = DefinePropTheming & DefineVModel<"expanded", Array<string>, false, null, false, "Whether the item is expanded or not."> & DefineVModel<"sortBy", SortItem[], false, null, false, "Changes which item property (or properties) should be used for sort order."> & DefineProp<"mustSort", boolean, false, false, "If true then one can not disable sorting, it will always switch between ascending and descending."> & DefineProp<"showSelect", boolean, false, false, "Shows a checkbox for each row."> & DefineProp<"itemSelectable", SelectItemKey<T>, false, false, "SProperty on supplied items that indicates whether the item is selectable."> & DefineProp<"height", string | number, false, null, "Sets and explicit height of the tablet."> & DefineProp<"noDataText", string, false, null, "Text shown when no items are provided to the component."> & DefineProp<"itemValue", ItemValueType<T>, false, null, "Property on supplied items that contains its value."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"drag", boolean, false, false, "Enable draggable row."> & DefineProp<"hover", boolean, false, false, "Property on supplied items that contains its value."> & DefineProp<"showExpand", boolean, false, false, "Shows the expand toggle in default rows."> & DefineProp<"headers", DataTableHeader[], false, typeof defaultHeaders, "An array of objects that each describe a header column."> & DefineVModel<"items", T[], false, typeof defaultItems, true, "An array of strings or objects used for automatically generating children components."> & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: any) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
+export type DataTablePropsBase<T> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"expanded", Array<string>, false, null, false, "Whether the item is expanded or not."> & DefineVModel<"sortBy", SortItem[], false, null, false, "Changes which item property (or properties) should be used for sort order."> & DefineProp<"mustSort", boolean, false, false, "If true then one can not disable sorting, it will always switch between ascending and descending."> & DefineProp<"showSelect", boolean, false, false, "Shows a checkbox for each row."> & DefineProp<"itemSelectable", SelectItemKey<T>, false, false, "SProperty on supplied items that indicates whether the item is selectable."> & DefineProp<"height", string | number, false, null, "Sets and explicit height of the tablet."> & DefineProp<"noDataText", string, false, null, "Text shown when no items are provided to the component."> & DefineProp<"itemValue", ItemValueType<T>, false, null, "Property on supplied items that contains its value."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"drag", boolean, false, false, "Enable draggable row."> & DefineProp<"hover", boolean, false, false, "Property on supplied items that contains its value."> & DefineProp<"showExpand", boolean, false, false, "Shows the expand toggle in default rows."> & DefineProp<"headers", DataTableHeader[], false, typeof defaultHeaders, "An array of objects that each describe a header column."> & DefineVModel<"items", T[], false, typeof defaultItems, true, "An array of strings or objects used for automatically generating children components."> & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: {
+    page: number;
+    itemsPerPage: number;
+    sortBy: SortItem[];
+}) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
     item: T;
 }) => void>;
 type DefaultProps = {};
 type ItemsPerPageProp = DefineProp<"itemsPerPage", number, false, -1, "Changes how many items per page should be visible. If set a paging footer is displayed.">;
-type ServerPaginationPageProps = ItemsPerPageProp & DefineProp<"itemsLength", number, true, null, "Number of all items.">;
+type PageProp = DefineProp<"page", number, false, 1, "The current page.">;
+type ClientPaginationPageProps = ItemsPerPageProp & PageProp;
+type ServerPaginationPageProps = ItemsPerPageProp & PageProp & DefineProp<"itemsLength", number, true, null, "Number of all items.">;
 type CellElement = (props: ConstructComponentProps<Pick<TdHTMLAttributes, "colspan" | "rowspan" | "headers">>) => any;
 type RowElement = (props: ConstructComponentProps<PublicDataTableRowProps>) => any;
 declare const defaultHeaders: DataTableHeader[];
@@ -25,6 +31,8 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
     container?: boolean;
 } & {
     colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+} & {
+    class?: String | String[];
 } & {
     "v-model:expanded"?: string[];
 } & {
@@ -65,13 +73,15 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
     "onUpdate:items"?: (value: T[]) => void;
 } & {
     items?: T[];
-} & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: any) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
+} & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: {
+    page: number;
+    itemsPerPage: number;
+    sortBy: SortItem[];
+}) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
     item: T;
 }) => void> & (TVariant extends "client-pagination-scroll" ? {
     showLoadMore?: boolean;
-} : TVariant extends "client-pagination-page" ? {
-    itemsPerPage?: number;
-} : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
+} : TVariant extends "client-pagination-page" ? ClientPaginationPageProps : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
     showLoadMore?: boolean;
 } : DefaultProps)>) => {
     $: import("vue").ComponentInternalInstance;
@@ -119,6 +129,8 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
         container?: boolean;
     } & {
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+    } & {
+        class?: String | String[];
     } & {
         "v-model:expanded"?: string[];
     } & {
@@ -159,13 +171,15 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
         "onUpdate:items"?: (value: T[]) => void;
     } & {
         items?: T[];
-    } & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: any) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
+    } & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: {
+        page: number;
+        itemsPerPage: number;
+        sortBy: SortItem[];
+    }) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
         item: T;
     }) => void> & (TVariant extends "client-pagination-scroll" ? {
         showLoadMore?: boolean;
-    } : TVariant extends "client-pagination-page" ? {
-        itemsPerPage?: number;
-    } : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
+    } : TVariant extends "client-pagination-page" ? ClientPaginationPageProps : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
         showLoadMore?: boolean;
     } : DefaultProps)> & {
         "v-slots"?: ({
@@ -176,6 +190,8 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
             container?: boolean;
         } & {
             colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+        } & {
+            class?: String | String[];
         } & {
             "v-model:expanded"?: string[];
         } & {
@@ -216,13 +232,15 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
             "onUpdate:items"?: (value: T[]) => void;
         } & {
             items?: T[];
-        } & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: any) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
+        } & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: {
+            page: number;
+            itemsPerPage: number;
+            sortBy: SortItem[];
+        }) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
             item: T;
         }) => void> & (TVariant extends "client-pagination-scroll" ? {
             showLoadMore?: boolean;
-        } : TVariant extends "client-pagination-page" ? {
-            itemsPerPage?: number;
-        } : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
+        } : TVariant extends "client-pagination-page" ? ClientPaginationPageProps : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
             showLoadMore?: boolean;
         } : DefaultProps) extends infer T_2 ? { [K in keyof T_2 as K extends `slot:${infer N}` ? N : never]: ({
             variant?: TVariant;
@@ -232,6 +250,8 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
             container?: boolean;
         } & {
             colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+        } & {
+            class?: String | String[];
         } & {
             "v-model:expanded"?: string[];
         } & {
@@ -272,13 +292,15 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
             "onUpdate:items"?: (value: T[]) => void;
         } & {
             items?: T[];
-        } & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: any) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
+        } & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: {
+            page: number;
+            itemsPerPage: number;
+            sortBy: SortItem[];
+        }) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
             item: T;
         }) => void> & (TVariant extends "client-pagination-scroll" ? {
             showLoadMore?: boolean;
-        } : TVariant extends "client-pagination-page" ? {
-            itemsPerPage?: number;
-        } : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
+        } : TVariant extends "client-pagination-page" ? ClientPaginationPageProps : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
             showLoadMore?: boolean;
         } : DefaultProps))[K]; } : never) & Omit<{
             default?: import("vue").Slot;
@@ -290,6 +312,8 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
             container?: boolean;
         } & {
             colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+        } & {
+            class?: String | String[];
         } & {
             "v-model:expanded"?: string[];
         } & {
@@ -330,13 +354,15 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
             "onUpdate:items"?: (value: T[]) => void;
         } & {
             items?: T[];
-        } & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: any) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
+        } & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: {
+            page: number;
+            itemsPerPage: number;
+            sortBy: SortItem[];
+        }) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
             item: T;
         }) => void> & (TVariant extends "client-pagination-scroll" ? {
             showLoadMore?: boolean;
-        } : TVariant extends "client-pagination-page" ? {
-            itemsPerPage?: number;
-        } : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
+        } : TVariant extends "client-pagination-page" ? ClientPaginationPageProps : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
             showLoadMore?: boolean;
         } : DefaultProps) extends infer T_3 ? { [K in keyof T_3 as K extends `slot:${infer N}` ? N : never]: ({
             variant?: TVariant;
@@ -346,6 +372,8 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
             container?: boolean;
         } & {
             colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+        } & {
+            class?: String | String[];
         } & {
             "v-model:expanded"?: string[];
         } & {
@@ -386,13 +414,15 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
             "onUpdate:items"?: (value: T[]) => void;
         } & {
             items?: T[];
-        } & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: any) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
+        } & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: {
+            page: number;
+            itemsPerPage: number;
+            sortBy: SortItem[];
+        }) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
             item: T;
         }) => void> & (TVariant extends "client-pagination-scroll" ? {
             showLoadMore?: boolean;
-        } : TVariant extends "client-pagination-page" ? {
-            itemsPerPage?: number;
-        } : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
+        } : TVariant extends "client-pagination-page" ? ClientPaginationPageProps : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
             showLoadMore?: boolean;
         } : DefaultProps))[K]; } : never>>;
     } & (({
@@ -403,6 +433,8 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
         container?: boolean;
     } & {
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+    } & {
+        class?: String | String[];
     } & {
         "v-model:expanded"?: string[];
     } & {
@@ -443,13 +475,15 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
         "onUpdate:items"?: (value: T[]) => void;
     } & {
         items?: T[];
-    } & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: any) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
+    } & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: {
+        page: number;
+        itemsPerPage: number;
+        sortBy: SortItem[];
+    }) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
         item: T;
     }) => void> & (TVariant extends "client-pagination-scroll" ? {
         showLoadMore?: boolean;
-    } : TVariant extends "client-pagination-page" ? {
-        itemsPerPage?: number;
-    } : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
+    } : TVariant extends "client-pagination-page" ? ClientPaginationPageProps : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
         showLoadMore?: boolean;
     } : DefaultProps) extends infer T_4 ? { [K_1 in keyof T_4 as K_1 extends `emit:${infer N_1}` ? N_1 : never]: ({
         variant?: TVariant;
@@ -459,6 +493,8 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
         container?: boolean;
     } & {
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+    } & {
+        class?: String | String[];
     } & {
         "v-model:expanded"?: string[];
     } & {
@@ -499,13 +535,15 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
         "onUpdate:items"?: (value: T[]) => void;
     } & {
         items?: T[];
-    } & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: any) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
+    } & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: {
+        page: number;
+        itemsPerPage: number;
+        sortBy: SortItem[];
+    }) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
         item: T;
     }) => void> & (TVariant extends "client-pagination-scroll" ? {
         showLoadMore?: boolean;
-    } : TVariant extends "client-pagination-page" ? {
-        itemsPerPage?: number;
-    } : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
+    } : TVariant extends "client-pagination-page" ? ClientPaginationPageProps : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
         showLoadMore?: boolean;
     } : DefaultProps))[K_1]; } : never) extends infer T_5 ? T_5 extends ({
         variant?: TVariant;
@@ -515,6 +553,8 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
         container?: boolean;
     } & {
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+    } & {
+        class?: String | String[];
     } & {
         "v-model:expanded"?: string[];
     } & {
@@ -555,13 +595,15 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
         "onUpdate:items"?: (value: T[]) => void;
     } & {
         items?: T[];
-    } & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: any) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
+    } & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: {
+        page: number;
+        itemsPerPage: number;
+        sortBy: SortItem[];
+    }) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
         item: T;
     }) => void> & (TVariant extends "client-pagination-scroll" ? {
         showLoadMore?: boolean;
-    } : TVariant extends "client-pagination-page" ? {
-        itemsPerPage?: number;
-    } : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
+    } : TVariant extends "client-pagination-page" ? ClientPaginationPageProps : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
         showLoadMore?: boolean;
     } : DefaultProps) extends infer T_6 ? { [K_1 in keyof T_6 as K_1 extends `emit:${infer N_1}` ? N_1 : never]: ({
         variant?: TVariant;
@@ -571,6 +613,8 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
         container?: boolean;
     } & {
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+    } & {
+        class?: String | String[];
     } & {
         "v-model:expanded"?: string[];
     } & {
@@ -611,13 +655,15 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
         "onUpdate:items"?: (value: T[]) => void;
     } & {
         items?: T[];
-    } & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: any) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
+    } & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: {
+        page: number;
+        itemsPerPage: number;
+        sortBy: SortItem[];
+    }) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
         item: T;
     }) => void> & (TVariant extends "client-pagination-scroll" ? {
         showLoadMore?: boolean;
-    } : TVariant extends "client-pagination-page" ? {
-        itemsPerPage?: number;
-    } : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
+    } : TVariant extends "client-pagination-page" ? ClientPaginationPageProps : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
         showLoadMore?: boolean;
     } : DefaultProps))[K_1]; } : never) ? T_5 extends string[] ? { [K_2 in `on${Capitalize<T_5[number]>}`]?: (...args: any[]) => any; } : T_5 extends import("vue").ObjectEmitsOptions ? { [K_3 in `on${Capitalize<string & keyof T_5>}`]?: K_3 extends `on${infer C}` ? T_5[Uncapitalize<C>] extends null ? (...args: any[]) => any : (...args: T_5[Uncapitalize<C>] extends (...args: infer P) => any ? P : never) => any : never; } : {} : never : never) & Omit<import("@omnia/fx/ux").VueComponentBaseProps, keyof ExtractProps<{
         variant?: TVariant;
@@ -627,6 +673,8 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
         container?: boolean;
     } & {
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
+    } & {
+        class?: String | String[];
     } & {
         "v-model:expanded"?: string[];
     } & {
@@ -667,13 +715,15 @@ declare const _default: <T extends unknown, TVariant extends "default" | "client
         "onUpdate:items"?: (value: T[]) => void;
     } & {
         items?: T[];
-    } & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: any) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
+    } & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: {
+        page: number;
+        itemsPerPage: number;
+        sortBy: SortItem[];
+    }) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
         item: T;
     }) => void> & (TVariant extends "client-pagination-scroll" ? {
         showLoadMore?: boolean;
-    } : TVariant extends "client-pagination-page" ? {
-        itemsPerPage?: number;
-    } : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
+    } : TVariant extends "client-pagination-page" ? ClientPaginationPageProps : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? {
         showLoadMore?: boolean;
     } : DefaultProps)>>;
 } & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {

package/internal-do-not-import-from-here/ux/oxide/fab/FloatingActionButton..d.ts

@@ -1,6 +1,6 @@
 import { ButtonIconOptions, OSizeTypes } from "@omnia/fx-models";
-import { DefineProp, DefinePropClass, DefinePropTheming, DefineVModel } from "@omnia/fx/ux";
-type FabProps = DefinePropTheming & DefinePropClass & DefineVModel<"", boolean, false, true, false, "The v-model of the component"> & DefineProp<"active", boolean, false, true, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"app", boolean, false, false, "If true, attaches to the closest layout and positions according to the value of location."> & DefineProp<"block", boolean, false, false, "Expands the button to 100% of available space."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"stacked", boolean, false, false, "Displays the button as a column with the icon on top"> & DefineProp<"text", string, false, null, "Specify content text for the component."> & DefineProp<"size", OSizeTypes, false, "default", "Sets the size of the button."> & DefineProp<"variant", "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain", false, "elevated", "Applies a distinct style to the component."> & DefineProp<"icon", ButtonIconOptions, false, null, "Sets the icon to display on the button. If no text is provided the button will be displayed as an icon button.">;
+import { DefineProp, DefinePropTheming, DefineVModel } from "@omnia/fx/ux";
+type FabProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", boolean, false, true, false, "The v-model of the component"> & DefineProp<"active", boolean, false, true, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"app", boolean, false, false, "If true, attaches to the closest layout and positions according to the value of location."> & DefineProp<"block", boolean, false, false, "Expands the button to 100% of available space."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the component."> & DefineProp<"stacked", boolean, false, false, "Displays the button as a column with the icon on top"> & DefineProp<"text", string, false, null, "Specify content text for the component."> & DefineProp<"size", OSizeTypes, false, "default", "Sets the size of the button."> & DefineProp<"variant", "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain", false, "elevated", "Applies a distinct style to the component."> & DefineProp<"icon", ButtonIconOptions, false, null, "Sets the icon to display on the button. If no text is provided the button will be displayed as an icon button.">;
 declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<FabProps>) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};

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

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

package/internal-do-not-import-from-here/ux/oxide/list/List.d.ts

@@ -1,4 +1,4 @@
-import { DefineProp, DefinePropClass, DefinePropTheming, DefineSlot, DefineVModel, ItemValueType } from "@omnia/fx/ux";
+import { DefineProp, DefinePropTheming, DefineSlot, DefineVModel, ItemValueType } from "@omnia/fx/ux";
 import { ComponentPublicInstance, VNodeChild } from "vue";
 import { OListLineTypes, OListTypes } from "@omnia/fx-models";
 export interface IListItem<T> {
@@ -6,7 +6,7 @@ export interface IListItem<T> {
     index: number;
     Item: typeof o.list.item;
 }
-export type OListProps<T> = DefinePropTheming & DefinePropClass & DefineVModel<"", T[], false, null, true, "An array of strings or objects used for automatically generating children components."> & DefineProp<"lines", OListLineTypes, false, null, "Designates a minimum-height for all the children o-list-item components. THis props uses line-clamp."> & DefineProp<"nav", boolean, false, false, "An alternative styling that reduces o-list-item width and rounds the corners. Typically used with o-navigation-drawer."> & DefineProp<"toned", boolean, false, false> & DefineProp<"divider", boolean, false, false, "If true, each item will have a bottom divider"> & DefineProp<"variant", OListTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"drag", boolean, false, false, "Enable draggable row."> & DefineProp<"navigation", boolean | ((item: T) => boolean), false, false, "The row navigation."> & DefineProp<"remove", boolean | ((item: T) => boolean), false, false, "Enable removable row."> & DefineProp<"itemValue", ItemValueType<T>, false, null, "Property on supplied items that contains its value."> & DefineSlot<"item", (item: IListItem<T>) => VNodeChild>;
+export type OListProps<T> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", T[], false, null, true, "An array of strings or objects used for automatically generating children components."> & DefineProp<"lines", OListLineTypes, false, null, "Designates a minimum-height for all the children o-list-item components. THis props uses line-clamp."> & DefineProp<"nav", boolean, false, false, "An alternative styling that reduces o-list-item width and rounds the corners. Typically used with o-navigation-drawer."> & DefineProp<"toned", boolean, false, false> & DefineProp<"divider", boolean, false, false, "If true, each item will have a bottom divider"> & DefineProp<"variant", OListTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"drag", boolean, false, false, "Enable draggable row."> & DefineProp<"navigation", boolean | ((item: T) => boolean), false, false, "The row navigation."> & DefineProp<"remove", boolean | ((item: T) => boolean), false, false, "Enable removable row."> & DefineProp<"itemValue", ItemValueType<T>, false, null, "Property on supplied items that contains its value."> & DefineSlot<"item", (item: IListItem<T>) => VNodeChild>;
 declare const _default: <T extends unknown>(props: import("@omnia/fx/ux").ConstructComponentProps<OListProps<T>>) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};

package/internal-do-not-import-from-here/ux/oxide/list/ListItem.d.ts

@@ -1,5 +1,5 @@
 import { ButtonIconOptions, OListItemVariants } from "@omnia/fx/models";
-import { DefineEmit, DefineProp, DefinePropClass, DefinePropTheming, DefineSlot } from "@omnia/fx/ux";
+import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
 type ListItemSlot = {
     isActive: boolean;
@@ -7,7 +7,7 @@ type ListItemSlot = {
     isIndeterminate: boolean;
     select: (value: boolean) => void;
 };
-export type OListItemProps = DefinePropTheming & DefinePropClass & DefineProp<"icon", ButtonIconOptions, false, null, "The icon of the component."> & DefineProp<"title", VNodeChild, false, false, "The title of the component."> & DefineProp<"subtitle", VNodeChild, false, false, "Specify a subtitle text for the component."> & DefineProp<"active", boolean, false, false, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"disabled", boolean, false, null, "Removed the ability to interact with the component."> & DefineProp<"variant", OListItemVariants, false, null, "Applies a distinct style to the component."> & DefineSlot<"append", (item: ListItemSlot) => VNodeChild, "Adds an item inside the input and after input content."> & DefineSlot<"prepend", (item: ListItemSlot) => VNodeChild, "Adds an item outside the input and before input content."> & DefineSlot<"default", (item: ListItemSlot) => VNodeChild, "The default Vue slot."> & DefineSlot<"title", (value: {
+export type OListItemProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"icon", ButtonIconOptions, false, null, "The icon of the component."> & DefineProp<"title", VNodeChild, false, false, "The title of the component."> & DefineProp<"subtitle", VNodeChild, false, false, "Specify a subtitle text for the component."> & DefineProp<"active", boolean, false, false, "Controls the active state of the item. This is typically used to highlight the component."> & DefineProp<"disabled", boolean, false, null, "Removed the ability to interact with the component."> & DefineProp<"variant", OListItemVariants, false, null, "Applies a distinct style to the component."> & DefineSlot<"append", (item: ListItemSlot) => VNodeChild, "Adds an item inside the input and after input content."> & DefineSlot<"prepend", (item: ListItemSlot) => VNodeChild, "Adds an item outside the input and before input content."> & DefineSlot<"default", (item: ListItemSlot) => VNodeChild, "The default Vue slot."> & DefineSlot<"title", (value: {
     title: string | number;
 }) => VNodeChild, "Slot for the component’s title content."> & DefineSlot<"subtitle", (value: {
     subtitle: string | number;

package/internal-do-not-import-from-here/ux/oxide/speeddial/SpeedDial.d.ts

@@ -1,7 +1,7 @@
 import { OPosition } from "@omnia/fx-models";
-import { DefineProp, DefinePropClass, DefinePropTheming, DefineSlot, DefineVModel } from "@omnia/fx/ux";
+import { DefineProp, DefinePropTheming, DefineSlot, DefineVModel } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
-type SpeedDialProps = DefinePropTheming & DefinePropClass & DefineVModel<"", boolean, false, false, false, "The v-model of the component"> & DefineProp<"openOnClick", boolean, false, null, "Activate the component when the activator is clicked."> & DefineProp<"openOnFocus", boolean, false, null, "Activate the component when the activator is focused."> & DefineProp<"openOnHover", boolean, false, false, "Opens speed-dial on hover."> & DefineProp<"persistent", boolean, false, false, "Clicking outside of the element or pressing esc key will not deactivate it."> & DefineProp<"location", OPosition, false, "top center", "Specifies the component's location. Can combine by using a space separated string."> & DefineSlot<"activator", () => VNodeChild>;
+type SpeedDialProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", boolean, false, false, false, "The v-model of the component"> & DefineProp<"openOnClick", boolean, false, null, "Activate the component when the activator is clicked."> & DefineProp<"openOnFocus", boolean, false, null, "Activate the component when the activator is focused."> & DefineProp<"openOnHover", boolean, false, false, "Opens speed-dial on hover."> & DefineProp<"persistent", boolean, false, false, "Clicking outside of the element or pressing esc key will not deactivate it."> & DefineProp<"location", OPosition, false, "top center", "Specifies the component's location. Can combine by using a space separated string."> & DefineSlot<"activator", () => VNodeChild>;
 declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<SpeedDialProps>) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};

package/internal-do-not-import-from-here/ux/velcron/components/contenteditorNew/stores/ContentEditorStore.d.ts

@@ -1,4 +1,4 @@
-import { VelcronAppDefinition, VelcronDefinition, VelcronDefinitionRegistration, ContainerBlueprint, ContainerVariant, VelcronSectionInstance, guid, BorderSelectorActionRegistration } from "@omnia/fx-models";
+import { VelcronAppDefinition, VelcronDefinition, VelcronDefinitionRegistration, ContainerBlueprint, ContainerVariant, VelcronSectionInstance, guid, BorderSelectorActionRegistration, MarkdownPluginSettings } from "@omnia/fx-models";
 type InsertMode = "add" | "change";
 export interface InsertOptions {
     preInsert?: boolean;
@@ -77,6 +77,9 @@ export declare const useVelcronContentEditorStore: () => {
             setMarkdownEditorStore: {
                 subscribe(fn: (store: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            plugins: {
+                subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             selectorActions: {
                 subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
@@ -103,6 +106,11 @@ export declare const useVelcronContentEditorStore: () => {
             setMarkdownEditorStore: {
                 subscribe(fn: (result: void, store: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            plugins: {
+                subscribe(fn: (result: {
+                    register: (pluginSettings: MarkdownPluginSettings | MarkdownPluginSettings[]) => void;
+                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             selectorActions: {
                 subscribe(fn: (result: {
                     hideDefaultSelector: () => void;
@@ -163,6 +171,9 @@ export declare const useVelcronContentEditorStore: () => {
             setMarkdownEditorStore: {
                 subscribe(fn: (failureReason: any, store: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            plugins: {
+                subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             selectorActions: {
                 subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
@@ -187,6 +198,9 @@ export declare const useVelcronContentEditorStore: () => {
         };
     } & {
         setMarkdownEditorStore(store: any): void;
+        plugins: () => {
+            register: (pluginSettings: MarkdownPluginSettings | MarkdownPluginSettings[]) => void;
+        };
         selectorActions: () => {
             hideDefaultSelector: () => void;
             showCopySelector(): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.250-dev",
+  "version": "8.0.252-dev",
   "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,7 +20,7 @@
   ],
   "author": "Precio Fishbone",
   "dependencies": {
-    "@omnia/fx-models": "8.0.250-dev",
+    "@omnia/fx-models": "8.0.252-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",

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

@@ -1,27 +0,0 @@
-export type builtIndataTypes = "text" | "formatting";
-export declare function useEditorCommands(state: {
-    editor: HTMLDivElement;
-    selectedRange: Range;
-    maxNodeId: number;
-}): {
-    selection: {
-        pluginNodes: () => any[];
-    };
-    actions: {
-        storeCursorPosition: () => void;
-    };
-    evenhandlers: {
-        backspace: () => void;
-    };
-    formatting: {
-        add: (element: HTMLElement, toggleIfExists?: boolean, matchByDataTypeOnly?: boolean) => void;
-        toggle: (element: HTMLElement, matchByDataTypeOnly?: boolean) => void;
-        remove: (element: HTMLElement, matchByDataTypeOnly?: 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/HtmlNodehelper_old.d.ts

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