@omnia/fx 8.0.186-dev → 8.0.188-dev

package/internal-do-not-import-from-here/ux/filterpicker/docs/SampleComponent.d.ts

@@ -1,4 +1,4 @@
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<Record<string, any>>) => {
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<Record<string, any>>) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};

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

@@ -1,6 +1,6 @@
 import "./NumericIndicator.css";
 import { IIcon } from "@omnia/fx-models";
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<{
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     label?: string;
 } & {
     style?: {

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

@@ -1,6 +1,6 @@
 import { MultilingualContext } from "..";
 import "./InputLanguagePicker.css";
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<{
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     multilingualContext?: MultilingualContext;
 } & {
     tooltip?: string;

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

@@ -1,161 +1,21 @@
 import { GuidValue, JourneyBladeRoute } from "@omnia/fx-models";
 import { JourneyBladeProps } from "./JourneyBlade";
-import { VNodeChild, WatchStopHandle } from "vue";
-import { BuildComponentProps } from "../InternalDefineComponent";
-type BladeElement = (props: BuildComponentProps<Omit<JourneyBladeProps, "id" | "getApi">>) => any;
+import { VNodeChild } from "vue";
+import { ConstructComponentProps } from "../InternalDefineComponent";
+import { DataTableProps } from "../oxide/datatable/DataTable";
+type BladeElement = (props: ConstructComponentProps<Omit<JourneyBladeProps, "id" | "getApi">>) => any;
+type DatatTableComponentTypings = <T>(props: ConstructComponentProps<Omit<DataTableProps<T>, "id" | "getApi">>) => any;
 export declare function defineBlade<TRoute extends JourneyBladeRoute = {}>(bladeId: GuidValue, renderer?: (blade: BladeElement) => VNodeChild): {
     readonly Blade: BladeElement;
-    DataTable: <T extends unknown>(props: BuildComponentProps<{
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-    } & {
-        container?: boolean;
-    } & {
-        colors?: import("..").ColorSchemaStoreType;
-    } & {
-        "v-model:expanded"?: string[];
-    } & {
-        "onUpdate:expanded"?: (value: string[]) => void;
-    } & {
-        expanded?: string[];
-    } & {
-        "v-model:sortBy"?: import("..").SortItem[];
-    } & {
-        "onUpdate:sortBy"?: (value: import("..").SortItem[]) => void;
-    } & {
-        sortBy?: import("..").SortItem[];
-    } & {
-        mustSort?: boolean;
-    } & {
-        height?: string | number;
-    } & {
-        noDataText?: string;
-    } & {
-        loading?: boolean;
-    } & {
-        draggable?: boolean;
-    } & {
-        hover?: boolean;
-    } & {
-        showExpand?: boolean;
-    } & {
-        itemsPerPage?: number;
-    } & {
-        headers?: import("..").DataTableHeader[];
-    } & {
-        "v-model:items"?: T[];
-    } & {
-        "onUpdate:items"?: (value: T[]) => void;
-    } & {
-        items?: T[];
-    } & import("..").DefineEmit<"update:sortBy", (item: import("..").SortItem[]) => void> & import("..").DefineEmit<"update:expanded", (expanded: string[]) => void> & import("..").DefineEmit<"update:sortBy", (sort: import("..").SortItem[]) => void> & import("..").DefineSlot<"item", (row: import("..").IDataTableRowRenderer<T>) => void> & import("..").DefineSlot<`header.${string}`, (header: import("..").DataTableHeader) => void> & import("..").DefineSlot<`item.${string}`, (e: {
-        item: T;
-    }) => void>>) => {
-        $: 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_1 extends string | ((...args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): WatchStopHandle;
-    } & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
-        propsDefinition: import("../InternalDefineComponent").ExtractProps<{
-            colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-        } & {
-            container?: boolean;
-        } & {
-            colors?: import("..").ColorSchemaStoreType;
-        } & {
-            "v-model:expanded"?: string[];
-        } & {
-            "onUpdate:expanded"?: (value: string[]) => void;
-        } & {
-            expanded?: string[];
-        } & {
-            "v-model:sortBy"?: import("..").SortItem[];
-        } & {
-            "onUpdate:sortBy"?: (value: import("..").SortItem[]) => void;
-        } & {
-            sortBy?: import("..").SortItem[];
-        } & {
-            mustSort?: boolean;
-        } & {
-            height?: string | number;
-        } & {
-            noDataText?: string;
-        } & {
-            loading?: boolean;
-        } & {
-            draggable?: boolean;
-        } & {
-            hover?: boolean;
-        } & {
-            showExpand?: boolean;
-        } & {
-            itemsPerPage?: number;
-        } & {
-            headers?: import("..").DataTableHeader[];
-        } & {
-            "v-model:items"?: T[];
-        } & {
-            "onUpdate:items"?: (value: T[]) => void;
-        } & {
-            items?: T[];
-        } & import("..").DefineEmit<"update:sortBy", (item: import("..").SortItem[]) => void> & import("..").DefineEmit<"update:expanded", (expanded: string[]) => void> & import("..").DefineEmit<"update:sortBy", (sort: import("..").SortItem[]) => void> & import("..").DefineSlot<"item", (row: import("..").IDataTableRowRenderer<T>) => void> & import("..").DefineSlot<`header.${string}`, (header: import("..").DataTableHeader) => void> & import("..").DefineSlot<`item.${string}`, (e: {
-            item: T;
-        }) => void>> & {
-            "v-slots"?: {
-                default?: import("vue").Slot;
-            } & {
-                [x: `header.${string}`]: (header: import("..").DataTableHeader) => void;
-                [x: `item.${string}`]: (e: {
-                    item: T;
-                }) => void;
-                item?: (row: import("..").IDataTableRowRenderer<T>) => void;
-            };
-        } & {
-            "onUpdate:expanded"?: (expanded: string[]) => any;
-            "onUpdate:sortBy"?: (item: import("..").SortItem[]) => any;
-        } & Omit<import("..").VueComponentBaseProps, "headers" | "container" | "height" | "expanded" | "colorSchemaType" | "items" | "colors" | "draggable" | "loading" | "v-model:expanded" | "onUpdate:expanded" | "sortBy" | "v-model:sortBy" | "onUpdate:sortBy" | "mustSort" | "noDataText" | "hover" | "showExpand" | "itemsPerPage" | "v-model:items" | "onUpdate:items">;
-    } & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>;
+    DataTable: DatatTableComponentTypings;
     id: GuidValue;
     readonly route: TRoute;
     moveNext(): void;
     movePrev(): void;
     travelTo(toBladeId: GuidValue): void;
-    defineValueToSave<T_2>(value?: T_2): {
-        value: T_2;
-        setValue: (value: T_2) => void;
+    defineValueToSave<T>(value?: T): {
+        value: T;
+        setValue: (value: T) => void;
     };
 };
 export {};

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

@@ -11,8 +11,8 @@ 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<"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", GuidValue, 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."> & DefineVModel<"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<"reorder", 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", () => 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: GuidValue) => true> & DefineEmit<"click:back", (id: GuidValue) => true> & DefineEmit<"click:cancel", (id: GuidValue) => true> & DefineEmit<"click:settings", (id: GuidValue) => true> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"update:reorder", (enable: boolean) => true>;
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<JourneyBladeProps>) => {
+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<"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", GuidValue, 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."> & DefineVModel<"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<"reorder", 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: GuidValue) => true> & DefineEmit<"click:back", (id: GuidValue) => true> & DefineEmit<"click:cancel", (id: GuidValue) => true> & DefineEmit<"click:settings", (id: GuidValue) => true> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"update:reorder", (enable: boolean) => true>;
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<JourneyBladeProps>) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};

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

@@ -9,7 +9,7 @@ export interface DisabledButtonTooltips {
     delete?: string;
     remove?: string;
 }
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<{
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     id: GuidValue;
 }>) => {
     $: import("vue").ComponentInternalInstance;

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

@@ -1,5 +1,5 @@
 import { SettingsJourneyMenuItem } from "@omnia/fx/ux";
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<{
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     items?: SettingsJourneyMenuItem[];
 }>) => {
     $: import("vue").ComponentInternalInstance;

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

@@ -1,4 +1,4 @@
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<Record<string, any>>) => {
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<Record<string, any>>) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};

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

@@ -1,4 +1,4 @@
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<Record<string, any>>) => {
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<Record<string, any>>) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};

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

@@ -1,4 +1,4 @@
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<Record<string, any>>) => {
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<Record<string, any>>) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};

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

@@ -1,4 +1,4 @@
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<Record<string, any>>) => {
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<Record<string, any>>) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};

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

@@ -1,4 +1,4 @@
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<Record<string, any>>) => {
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<Record<string, any>>) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};

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

@@ -1,4 +1,4 @@
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<Record<string, any>>) => {
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<Record<string, any>>) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};

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

@@ -1,11 +1,10 @@
 import { GuidValue } from "@omnia/fx-models";
-import { BladeInstance } from "@omnia/fx/ux";
+import { BladeInstance, defineBlade } from "@omnia/fx/ux";
 import { BladeSizeTypes } from "../models/Constants";
 import { JourneyVariant } from "../Journey.css";
-import { VNodeChild } from "vue";
 export type JourneyStore = ReturnType<typeof useJourneyStore>;
 interface BladeRenderRegistration {
-    renderer: () => VNodeChild;
+    bladeDefinition: ReturnType<typeof defineBlade>;
     id: GuidValue;
 }
 export declare const useJourneyStore: () => {
@@ -123,8 +122,20 @@ export declare const useJourneyStore: () => {
     };
     actions: {
         onDispatching: {
-            registerBladeRenderer: {
-                subscribe(fn: (registration: BladeRenderRegistration) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            registerBladeForRendering: {
+                subscribe(fn: (blade: {
+                    readonly Blade: (props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../JourneyBlade").JourneyBladeProps, "id" | "getApi">>) => any;
+                    DataTable: <T_1>(props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../../oxide/datatable/DataTable").DataTableProps<T_1>, "id" | "getApi">>) => any;
+                    id: GuidValue;
+                    readonly route: import("@omnia/fx-models").JourneyBladeRoute;
+                    moveNext(): void;
+                    movePrev(): void;
+                    travelTo(toBladeId: GuidValue): void;
+                    defineValueToSave<T_2>(value?: T_2): {
+                        value: T_2;
+                        setValue: (value: T_2) => void;
+                    };
+                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             addBlade: {
                 subscribe(fn: (newBlade: BladeInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -152,8 +163,20 @@ export declare const useJourneyStore: () => {
             };
         };
         onDispatched: {
-            registerBladeRenderer: {
-                subscribe(fn: (result: void, registration: BladeRenderRegistration) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            registerBladeForRendering: {
+                subscribe(fn: (result: void, blade: {
+                    readonly Blade: (props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../JourneyBlade").JourneyBladeProps, "id" | "getApi">>) => any;
+                    DataTable: <T_1>(props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../../oxide/datatable/DataTable").DataTableProps<T_1>, "id" | "getApi">>) => any;
+                    id: GuidValue;
+                    readonly route: import("@omnia/fx-models").JourneyBladeRoute;
+                    moveNext(): void;
+                    movePrev(): void;
+                    travelTo(toBladeId: GuidValue): void;
+                    defineValueToSave<T_2>(value?: T_2): {
+                        value: T_2;
+                        setValue: (value: T_2) => void;
+                    };
+                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             addBlade: {
                 subscribe(fn: (result: void, newBlade: BladeInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -181,8 +204,20 @@ export declare const useJourneyStore: () => {
             };
         };
         onFailure: {
-            registerBladeRenderer: {
-                subscribe(fn: (failureReason: any, registration: BladeRenderRegistration) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            registerBladeForRendering: {
+                subscribe(fn: (failureReason: any, blade: {
+                    readonly Blade: (props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../JourneyBlade").JourneyBladeProps, "id" | "getApi">>) => any;
+                    DataTable: <T_1>(props: import("@omnia/fx/ux").ConstructComponentProps<Omit<import("../../oxide/datatable/DataTable").DataTableProps<T_1>, "id" | "getApi">>) => any;
+                    id: GuidValue;
+                    readonly route: import("@omnia/fx-models").JourneyBladeRoute;
+                    moveNext(): void;
+                    movePrev(): void;
+                    travelTo(toBladeId: GuidValue): void;
+                    defineValueToSave<T_2>(value?: T_2): {
+                        value: T_2;
+                        setValue: (value: T_2) => void;
+                    };
+                }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             addBlade: {
                 subscribe(fn: (failureReason: any, newBlade: BladeInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -210,7 +245,7 @@ export declare const useJourneyStore: () => {
             };
         };
     } & {
-        registerBladeRenderer(registration: BladeRenderRegistration): void;
+        registerBladeForRendering(blade: ReturnType<typeof defineBlade>): void;
         addBlade(newBlade: BladeInstance): void;
         removeBlade(blade: BladeInstance): void;
         getBladeSize(blade: BladeInstance): number;

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

@@ -1,60 +1,17 @@
 import { GuidValue } from "@omnia/fx-models";
 import { JourneyBladeProps } from "../JourneyBlade";
-import { WatchStopHandle } from "vue";
-import { BuildComponentProps } from "../../InternalDefineComponent";
-type BladeElement = (props: BuildComponentProps<Omit<JourneyBladeProps, "id" | "getApi">>) => any;
+import { VNodeChild, WatchStopHandle } from "vue";
+import { ConstructComponentProps } from "../../InternalDefineComponent";
+type BladeElement = (props: ConstructComponentProps<Omit<JourneyBladeProps, "id" | "getApi">>) => any;
 /**
  * @deprecated use defineBlade instead..
  */
 export declare function useBlade<TRoute extends {
     [name: string]: string | number | boolean | GuidValue;
-} = {}>(bladeId: GuidValue): {
-    Blade: BladeElement;
-    DataTable: <T extends unknown>(props: BuildComponentProps<{
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-    } & {
-        container?: boolean;
-    } & {
-        colors?: import("../..").ColorSchemaStoreType;
-    } & {
-        "v-model:expanded"?: string[];
-    } & {
-        "onUpdate:expanded"?: (value: string[]) => void;
-    } & {
-        expanded?: string[];
-    } & {
-        "v-model:sortBy"?: import("../..").SortItem[];
-    } & {
-        "onUpdate:sortBy"?: (value: import("../..").SortItem[]) => void;
-    } & {
-        sortBy?: import("../..").SortItem[];
-    } & {
-        mustSort?: boolean;
-    } & {
-        height?: string | number;
-    } & {
-        noDataText?: string;
-    } & {
-        loading?: boolean;
-    } & {
-        draggable?: boolean;
-    } & {
-        hover?: boolean;
-    } & {
-        showExpand?: boolean;
-    } & {
-        itemsPerPage?: number;
-    } & {
-        headers?: import("../..").DataTableHeader[];
-    } & {
-        "v-model:items"?: T[];
-    } & {
-        "onUpdate:items"?: (value: T[]) => void;
-    } & {
-        items?: T[];
-    } & import("../..").DefineEmit<"update:sortBy", (item: import("../..").SortItem[]) => void> & import("../..").DefineEmit<"update:expanded", (expanded: string[]) => void> & import("../..").DefineEmit<"update:sortBy", (sort: import("../..").SortItem[]) => void> & import("../..").DefineSlot<"item", (row: import("../..").IDataTableRowRenderer<T>) => void> & import("../..").DefineSlot<`header.${string}`, (header: import("../..").DataTableHeader) => void> & import("../..").DefineSlot<`item.${string}`, (e: {
-        item: T;
-    }) => void>>) => {
+} = {}>(bladeId: GuidValue, renderer?: (blade: BladeElement) => VNodeChild): {
+    readonly Blade: BladeElement;
+    id: GuidValue;
+    DataTable: <T extends unknown>(props: ConstructComponentProps<import("../../oxide/datatable/DataTable").DataTableProps<T>>) => {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {};
@@ -92,51 +49,7 @@ export declare function useBlade<TRoute extends {
         $nextTick: typeof import("vue").nextTick;
         $watch<T_1 extends string | ((...args: any) => any)>(source: T_1, cb: T_1 extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): WatchStopHandle;
     } & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
-        propsDefinition: import("../../InternalDefineComponent").ExtractProps<{
-            colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
-        } & {
-            container?: boolean;
-        } & {
-            colors?: import("../..").ColorSchemaStoreType;
-        } & {
-            "v-model:expanded"?: string[];
-        } & {
-            "onUpdate:expanded"?: (value: string[]) => void;
-        } & {
-            expanded?: string[];
-        } & {
-            "v-model:sortBy"?: import("../..").SortItem[];
-        } & {
-            "onUpdate:sortBy"?: (value: import("../..").SortItem[]) => void;
-        } & {
-            sortBy?: import("../..").SortItem[];
-        } & {
-            mustSort?: boolean;
-        } & {
-            height?: string | number;
-        } & {
-            noDataText?: string;
-        } & {
-            loading?: boolean;
-        } & {
-            draggable?: boolean;
-        } & {
-            hover?: boolean;
-        } & {
-            showExpand?: boolean;
-        } & {
-            itemsPerPage?: number;
-        } & {
-            headers?: import("../..").DataTableHeader[];
-        } & {
-            "v-model:items"?: T[];
-        } & {
-            "onUpdate:items"?: (value: T[]) => void;
-        } & {
-            items?: T[];
-        } & import("../..").DefineEmit<"update:sortBy", (item: import("../..").SortItem[]) => void> & import("../..").DefineEmit<"update:expanded", (expanded: string[]) => void> & import("../..").DefineEmit<"update:sortBy", (sort: import("../..").SortItem[]) => void> & import("../..").DefineSlot<"item", (row: import("../..").IDataTableRowRenderer<T>) => void> & import("../..").DefineSlot<`header.${string}`, (header: import("../..").DataTableHeader) => void> & import("../..").DefineSlot<`item.${string}`, (e: {
-            item: T;
-        }) => void>> & {
+        propsDefinition: import("../../InternalDefineComponent").ExtractProps<import("../../oxide/datatable/DataTable").DataTableProps<T>> & {
             "v-slots"?: {
                 default?: import("vue").Slot;
             } & {

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

@@ -1,6 +1,6 @@
 import { DefineEmit, DefineSlot } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<{
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     "v-model"?: Object;
 } & {
     "onUpdate:modelValue"?: (value: Object) => void;

package/internal-do-not-import-from-here/ux/jsonexportimport/docs/SampleComponent.d.ts

@@ -1,4 +1,4 @@
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<Record<string, any>>) => {
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<Record<string, any>>) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};

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

@@ -1,4 +1,4 @@
-declare const _default: (props: import("../../..").BuildComponentProps<Record<string, any>>) => {
+declare const _default: (props: import("../../..").ConstructComponentProps<Record<string, any>>) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};

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

@@ -1,4 +1,4 @@
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<Record<string, any>>) => {
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<Record<string, any>>) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};

package/internal-do-not-import-from-here/ux/markdown/plugins/themestyling/ColorButton.d.ts

@@ -1,6 +1,6 @@
 import { PluginContext } from "@toast-ui/editor";
 import { MarkdownPluginContext } from "../MarkdownPluginContext";
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<{
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     context?: PluginContext;
 } & {
     options?: MarkdownPluginContext;

package/internal-do-not-import-from-here/ux/markdown/plugins/themestyling/TypographyButton.d.ts

@@ -1,6 +1,6 @@
 import { PluginContext } from "@toast-ui/editor";
 import { MarkdownPluginContext } from "../MarkdownPluginContext";
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<{
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     context?: PluginContext;
 } & {
     options?: MarkdownPluginContext;

package/internal-do-not-import-from-here/ux/mediagallery/gallerydialogproviders/slider/Delimiter.d.ts

@@ -3,7 +3,7 @@ export interface ThumbnailMetadata {
     src: string;
     isVideo: boolean;
 }
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<{
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     "v-model:activeIndex"?: number;
 } & {
     "onUpdate:activeIndex"?: (value: number) => void;

package/internal-do-not-import-from-here/ux/mediagallery/gallerydialogproviders/slider/Slider.d.ts

@@ -1,6 +1,6 @@
 import { MediaPickerMedia } from "@omnia/fx-models";
 import { DefineEmit } from "@omnia/fx/ux";
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<{
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     "v-model:activeIndex"?: number;
 } & {
     "onUpdate:activeIndex"?: (value: number) => void;

package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/PhotoWall.d.ts

@@ -1,6 +1,6 @@
 import { DefineEmit } from "@omnia/fx/ux";
 import { MediaPickerMedia } from "@omnia/fx-models";
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<{
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     "v-model:media"?: MediaPickerMedia[];
 } & {
     "onUpdate:media"?: (value: MediaPickerMedia[]) => void;

package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/components/PhotoCollage.d.ts

@@ -1,4 +1,4 @@
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<{}>) => {
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{}>) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};

package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/components/PhotoGrid.d.ts

@@ -1,6 +1,6 @@
 import { DefineEmit } from "@omnia/fx/ux";
 import { FlexDirection } from "@omnia/fx-models";
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<DefineEmit<"onClick", () => void>>) => {
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<DefineEmit<"onClick", () => void>>) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};

package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/components/PhotoRow.d.ts

@@ -1,4 +1,4 @@
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<{
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     height?: string;
 }>) => {
     $: import("vue").ComponentInternalInstance;

package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/components/PhotoThumb.d.ts

@@ -1,5 +1,5 @@
 import { PhotoWallMediaWithId } from "@omnia/fx-models";
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<{
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     media?: PhotoWallMediaWithId;
 }>) => {
     $: import("vue").ComponentInternalInstance;

package/internal-do-not-import-from-here/ux/mediagallery/galleryviewproviders/photowall/components/RowPhotos.d.ts

@@ -1,6 +1,6 @@
 import { PhotoWallMediaWithId } from "@omnia/fx-models";
 import "./RowPhotos.css";
-declare const _default: (props: import("@omnia/fx/ux").BuildComponentProps<{
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     photos?: PhotoWallMediaWithId[];
 } & {
     height?: string;