@omnia/fx 8.0.184-dev → 8.0.186-dev

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

@@ -1,5 +1,5 @@
-import { Func, GuidValue, IIcon } from "@omnia/fx-models";
-import { BladeContexts, ConfirmDialogOptions, useJourneyStore } from "@omnia/fx/ux";
+import { GuidValue, IIcon } from "@omnia/fx-models";
+import { BladeContext, BladeContexts, BladeSizeTypes, BladeVariantTypes, ConfirmDialogOptions, DefineEmit, DefineProp, DefineSlot, DefineVModel, useJourneyStore } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
 export interface switchValue {
     value: boolean;
@@ -11,709 +11,61 @@ export interface DisabledButtonTooltips {
     delete?: string;
     remove?: string;
 }
-declare const JourneyBladeComponent: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        "v-slots": import("vue").Prop<{
-            default?: import("../DefineVueTypings").Slot<any[]>;
-        } & {
-            actions?: Func<[VNodeChild]>;
-            actionsFooter?: Func<[VNodeChild]>;
-        }>;
-        "disabled-button-tooltips": {
-            type: import("vue").PropType<DisabledButtonTooltips>;
-        };
-        disabledButtonTooltips: {
-            type: import("vue").PropType<DisabledButtonTooltips>;
-        };
-        "confirm-delete-dialog-option": {
-            type: import("vue").PropType<ConfirmDialogOptions>;
-        };
-        confirmDeleteDialogOption: {
-            type: import("vue").PropType<ConfirmDialogOptions>;
-        };
-        "on-switch": {
-            type: import("vue").PropType<(value: any) => boolean | Promise<boolean>>;
-        };
-        onSwitch: {
-            type: import("vue").PropType<(value: any) => boolean | Promise<boolean>>;
-        };
-        "on-delete": {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        onDelete: {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        "on-save": {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        onSave: {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        "on-remove": {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        onRemove: {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        "on-ok": {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        onOk: {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        variant: {
-            type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
-        } & {
-            type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
-        };
-        icon: {
-            type: import("vue").PropType<IIcon>;
-        } & {
-            type: import("vue").PropType<IIcon>;
-        };
-        "blade-context": {
-            type: import("vue").PropType<"layout" | BladeContexts>;
-        };
-        bladeContext: {
-            type: import("vue").PropType<"layout" | BladeContexts>;
-        };
-        create: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        settings: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        switch: {
-            type: import("vue").PropType<switchValue>;
-        } & {
-            type: import("vue").PropType<switchValue>;
-        };
-        draggable: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        remove: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        delete: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        searchable: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        save: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        ok: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        loading: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "x-large" | "x-small" | "xx-large" | "xxx-large" | "full-screen" | "fill-space">;
-            required: false;
-        } & {
-            type: import("vue").PropType<"small" | "medium" | "large" | "x-large" | "x-small" | "xx-large" | "xxx-large" | "full-screen" | "fill-space">;
-            required: false;
-        };
-        id: {
-            type: import("vue").PropType<GuidValue>;
-            required: true;
-        };
-        "sub-title": {
-            type: import("vue").PropType<string>;
-        };
-        subTitle: {
-            type: import("vue").PropType<string>;
-        };
-        title: {
-            type: import("vue").PropType<string>;
-        } & {
-            type: import("vue").PropType<string>;
-        };
-        "get-api": {
-            type: import("vue").PropType<(store: ReturnType<typeof useJourneyStore>) => void>;
-        };
-        getApi: {
-            type: import("vue").PropType<(store: ReturnType<typeof useJourneyStore>) => void>;
-        };
-    }>> & {
-        "onClick:cancel"?: (id: GuidValue) => any;
-        onSearch?: (searchText: string) => any;
-        onDoc$?: (description?: string) => any;
-        "onClick:add"?: (id: GuidValue) => any;
-        "onClick:back"?: (id: GuidValue) => any;
-        "onClick:settings"?: (id: GuidValue) => any;
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        search: (searchText: string) => true;
-        doc$(description?: string): {
-            search: (searchText: string) => true;
-        };
-        "click:settings": (id: GuidValue) => true;
-        "click:cancel": (id: GuidValue) => true;
-        "click:back": (id: GuidValue) => true;
-        "click:add": (id: GuidValue) => true;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        "v-slots": import("vue").Prop<{
-            default?: import("../DefineVueTypings").Slot<any[]>;
-        } & {
-            actions?: Func<[VNodeChild]>;
-            actionsFooter?: Func<[VNodeChild]>;
-        }>;
-        "disabled-button-tooltips": {
-            type: import("vue").PropType<DisabledButtonTooltips>;
-        };
-        disabledButtonTooltips: {
-            type: import("vue").PropType<DisabledButtonTooltips>;
-        };
-        "confirm-delete-dialog-option": {
-            type: import("vue").PropType<ConfirmDialogOptions>;
-        };
-        confirmDeleteDialogOption: {
-            type: import("vue").PropType<ConfirmDialogOptions>;
-        };
-        "on-switch": {
-            type: import("vue").PropType<(value: any) => boolean | Promise<boolean>>;
-        };
-        onSwitch: {
-            type: import("vue").PropType<(value: any) => boolean | Promise<boolean>>;
-        };
-        "on-delete": {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        onDelete: {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        "on-save": {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        onSave: {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        "on-remove": {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        onRemove: {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        "on-ok": {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        onOk: {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        variant: {
-            type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
-        } & {
-            type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
-        };
-        icon: {
-            type: import("vue").PropType<IIcon>;
-        } & {
-            type: import("vue").PropType<IIcon>;
-        };
-        "blade-context": {
-            type: import("vue").PropType<"layout" | BladeContexts>;
-        };
-        bladeContext: {
-            type: import("vue").PropType<"layout" | BladeContexts>;
-        };
-        create: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        settings: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        switch: {
-            type: import("vue").PropType<switchValue>;
-        } & {
-            type: import("vue").PropType<switchValue>;
-        };
-        draggable: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        remove: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        delete: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        searchable: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        save: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        ok: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        loading: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "x-large" | "x-small" | "xx-large" | "xxx-large" | "full-screen" | "fill-space">;
-            required: false;
-        } & {
-            type: import("vue").PropType<"small" | "medium" | "large" | "x-large" | "x-small" | "xx-large" | "xxx-large" | "full-screen" | "fill-space">;
-            required: false;
-        };
-        id: {
-            type: import("vue").PropType<GuidValue>;
-            required: true;
-        };
-        "sub-title": {
-            type: import("vue").PropType<string>;
-        };
-        subTitle: {
-            type: import("vue").PropType<string>;
-        };
-        title: {
-            type: import("vue").PropType<string>;
-        } & {
-            type: import("vue").PropType<string>;
-        };
-        "get-api": {
-            type: import("vue").PropType<(store: ReturnType<typeof useJourneyStore>) => void>;
-        };
-        getApi: {
-            type: import("vue").PropType<(store: ReturnType<typeof useJourneyStore>) => void>;
-        };
-    }>> & {
-        "onClick:cancel"?: (id: GuidValue) => any;
-        onSearch?: (searchText: string) => any;
-        onDoc$?: (description?: string) => any;
-        "onClick:add"?: (id: GuidValue) => any;
-        "onClick:back"?: (id: GuidValue) => any;
-        "onClick:settings"?: (id: GuidValue) => any;
-    }, {}, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        "v-slots": import("vue").Prop<{
-            default?: import("../DefineVueTypings").Slot<any[]>;
-        } & {
-            actions?: Func<[VNodeChild]>;
-            actionsFooter?: Func<[VNodeChild]>;
-        }>;
-        "disabled-button-tooltips": {
-            type: import("vue").PropType<DisabledButtonTooltips>;
-        };
-        disabledButtonTooltips: {
-            type: import("vue").PropType<DisabledButtonTooltips>;
-        };
-        "confirm-delete-dialog-option": {
-            type: import("vue").PropType<ConfirmDialogOptions>;
-        };
-        confirmDeleteDialogOption: {
-            type: import("vue").PropType<ConfirmDialogOptions>;
-        };
-        "on-switch": {
-            type: import("vue").PropType<(value: any) => boolean | Promise<boolean>>;
-        };
-        onSwitch: {
-            type: import("vue").PropType<(value: any) => boolean | Promise<boolean>>;
-        };
-        "on-delete": {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        onDelete: {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        "on-save": {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        onSave: {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        "on-remove": {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        onRemove: {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        "on-ok": {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        onOk: {
-            type: import("vue").PropType<() => boolean | Promise<boolean>>;
-        };
-        variant: {
-            type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
-        } & {
-            type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
-        };
-        icon: {
-            type: import("vue").PropType<IIcon>;
-        } & {
-            type: import("vue").PropType<IIcon>;
-        };
-        "blade-context": {
-            type: import("vue").PropType<"layout" | BladeContexts>;
-        };
-        bladeContext: {
-            type: import("vue").PropType<"layout" | BladeContexts>;
-        };
-        create: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        settings: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        switch: {
-            type: import("vue").PropType<switchValue>;
-        } & {
-            type: import("vue").PropType<switchValue>;
-        };
-        draggable: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        remove: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        delete: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        searchable: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        save: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        ok: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        loading: {
-            type: import("vue").PropType<boolean>;
-        } & {
-            type: import("vue").PropType<boolean>;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "x-large" | "x-small" | "xx-large" | "xxx-large" | "full-screen" | "fill-space">;
-            required: false;
-        } & {
-            type: import("vue").PropType<"small" | "medium" | "large" | "x-large" | "x-small" | "xx-large" | "xxx-large" | "full-screen" | "fill-space">;
-            required: false;
-        };
-        id: {
-            type: import("vue").PropType<GuidValue>;
-            required: true;
-        };
-        "sub-title": {
-            type: import("vue").PropType<string>;
-        };
-        subTitle: {
-            type: import("vue").PropType<string>;
-        };
-        title: {
-            type: import("vue").PropType<string>;
-        } & {
-            type: import("vue").PropType<string>;
-        };
-        "get-api": {
-            type: import("vue").PropType<(store: ReturnType<typeof useJourneyStore>) => void>;
-        };
-        getApi: {
-            type: import("vue").PropType<(store: ReturnType<typeof useJourneyStore>) => void>;
-        };
-    }>> & {
-        "onClick:cancel"?: (id: GuidValue) => any;
-        onSearch?: (searchText: string) => any;
-        onDoc$?: (description?: string) => any;
-        "onClick:add"?: (id: GuidValue) => any;
-        "onClick:back"?: (id: GuidValue) => any;
-        "onClick:settings"?: (id: GuidValue) => any;
-    }, () => JSX.Element, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    "v-slots": import("vue").Prop<{
-        default?: import("../DefineVueTypings").Slot<any[]>;
-    } & {
-        actions?: Func<[VNodeChild]>;
-        actionsFooter?: Func<[VNodeChild]>;
+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>) => {
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {};
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        [name: string]: import("vue").Slot<any>;
     }>;
-    "disabled-button-tooltips": {
-        type: import("vue").PropType<DisabledButtonTooltips>;
-    };
-    disabledButtonTooltips: {
-        type: import("vue").PropType<DisabledButtonTooltips>;
-    };
-    "confirm-delete-dialog-option": {
-        type: import("vue").PropType<ConfirmDialogOptions>;
-    };
-    confirmDeleteDialogOption: {
-        type: import("vue").PropType<ConfirmDialogOptions>;
-    };
-    "on-switch": {
-        type: import("vue").PropType<(value: any) => boolean | Promise<boolean>>;
-    };
-    onSwitch: {
-        type: import("vue").PropType<(value: any) => boolean | Promise<boolean>>;
-    };
-    "on-delete": {
-        type: import("vue").PropType<() => boolean | Promise<boolean>>;
-    };
-    onDelete: {
-        type: import("vue").PropType<() => boolean | Promise<boolean>>;
-    };
-    "on-save": {
-        type: import("vue").PropType<() => boolean | Promise<boolean>>;
-    };
-    onSave: {
-        type: import("vue").PropType<() => boolean | Promise<boolean>>;
-    };
-    "on-remove": {
-        type: import("vue").PropType<() => boolean | Promise<boolean>>;
-    };
-    onRemove: {
-        type: import("vue").PropType<() => boolean | Promise<boolean>>;
-    };
-    "on-ok": {
-        type: import("vue").PropType<() => boolean | Promise<boolean>>;
-    };
-    onOk: {
-        type: import("vue").PropType<() => boolean | Promise<boolean>>;
-    };
-    variant: {
-        type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
-    } & {
-        type: import("vue").PropType<"info" | "preview" | "read-only" | "edit" | "new">;
-    };
-    icon: {
-        type: import("vue").PropType<IIcon>;
-    } & {
-        type: import("vue").PropType<IIcon>;
-    };
-    "blade-context": {
-        type: import("vue").PropType<"layout" | BladeContexts>;
-    };
-    bladeContext: {
-        type: import("vue").PropType<"layout" | BladeContexts>;
-    };
-    create: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        type: import("vue").PropType<boolean>;
-    };
-    settings: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        type: import("vue").PropType<boolean>;
-    };
-    switch: {
-        type: import("vue").PropType<switchValue>;
-    } & {
-        type: import("vue").PropType<switchValue>;
-    };
-    draggable: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        type: import("vue").PropType<boolean>;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        type: import("vue").PropType<boolean>;
-    };
-    remove: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        type: import("vue").PropType<boolean>;
-    };
-    delete: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        type: import("vue").PropType<boolean>;
-    };
-    searchable: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        type: import("vue").PropType<boolean>;
-    };
-    save: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        type: import("vue").PropType<boolean>;
-    };
-    ok: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        type: import("vue").PropType<boolean>;
-    };
-    loading: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        type: import("vue").PropType<boolean>;
-    };
-    size: {
-        type: import("vue").PropType<"small" | "medium" | "large" | "x-large" | "x-small" | "xx-large" | "xxx-large" | "full-screen" | "fill-space">;
-        required: false;
-    } & {
-        type: import("vue").PropType<"small" | "medium" | "large" | "x-large" | "x-small" | "xx-large" | "xxx-large" | "full-screen" | "fill-space">;
-        required: false;
-    };
-    id: {
-        type: import("vue").PropType<GuidValue>;
-        required: true;
-    };
-    "sub-title": {
-        type: import("vue").PropType<string>;
-    };
-    subTitle: {
-        type: import("vue").PropType<string>;
-    };
-    title: {
-        type: import("vue").PropType<string>;
-    } & {
-        type: import("vue").PropType<string>;
-    };
-    "get-api": {
-        type: import("vue").PropType<(store: ReturnType<typeof useJourneyStore>) => void>;
-    };
-    getApi: {
-        type: import("vue").PropType<(store: ReturnType<typeof useJourneyStore>) => void>;
-    };
-}>> & {
-    "onClick:cancel"?: (id: GuidValue) => any;
-    onSearch?: (searchText: string) => any;
-    onDoc$?: (description?: string) => any;
-    "onClick:add"?: (id: GuidValue) => any;
-    "onClick:back"?: (id: GuidValue) => any;
-    "onClick:settings"?: (id: GuidValue) => any;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    search: (searchText: string) => true;
-    doc$(description?: string): {
-        search: (searchText: string) => true;
-    };
-    "click:settings": (id: GuidValue) => true;
-    "click:cancel": (id: GuidValue) => true;
-    "click:back": (id: GuidValue) => true;
-    "click:add": (id: GuidValue) => true;
-}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{
-        id: GuidValue;
-    } & {
-        switch?: switchValue;
-        icon?: IIcon;
-        title?: string;
-        delete?: boolean;
-        size?: "small" | "medium" | "large" | "x-large" | "x-small" | "xx-large" | "xxx-large" | "full-screen" | "fill-space";
-        disabled?: boolean;
-        settings?: boolean;
+    $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+    $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+    $emit: (event: string, ...args: any[]) => void;
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("vue").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+} & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    propsDefinition: import("@omnia/fx/ux").ExtractProps<JourneyBladeProps> & {
         "v-slots"?: {
-            default?: import("../DefineVueTypings").Slot<any[]>;
+            default?: import("vue").Slot;
         } & {
-            actions?: Func<[VNodeChild]>;
-            actionsFooter?: Func<[VNodeChild]>;
+            actions?: () => VNodeChild;
+            actionsFooter?: () => VNodeChild;
         };
-        remove?: boolean;
-        draggable?: boolean;
-        variant?: "info" | "preview" | "read-only" | "edit" | "new";
-        subTitle?: string;
-        "sub-title"?: string;
-        create?: boolean;
-        ok?: boolean;
-        save?: boolean;
-        getApi?: (store: ReturnType<typeof useJourneyStore>) => void;
-        "get-api"?: (store: ReturnType<typeof useJourneyStore>) => void;
-        loading?: boolean;
-        searchable?: boolean;
-        bladeContext?: "layout" | BladeContexts;
-        "blade-context"?: "layout" | BladeContexts;
-        onOk?: () => boolean | Promise<boolean>;
-        "on-ok"?: () => boolean | Promise<boolean>;
-        onRemove?: () => boolean | Promise<boolean>;
-        "on-remove"?: () => boolean | Promise<boolean>;
-        onSave?: () => boolean | Promise<boolean>;
-        "on-save"?: () => boolean | Promise<boolean>;
-        onDelete?: () => boolean | Promise<boolean>;
-        "on-delete"?: () => boolean | Promise<boolean>;
-        onSwitch?: (value: any) => boolean | Promise<boolean>;
-        "on-switch"?: (value: any) => boolean | Promise<boolean>;
-        confirmDeleteDialogOption?: ConfirmDialogOptions;
-        "confirm-delete-dialog-option"?: ConfirmDialogOptions;
-        disabledButtonTooltips?: DisabledButtonTooltips;
-        "disabled-button-tooltips"?: DisabledButtonTooltips;
-    }>, "onClick:cancel" | "onSearch" | "onDoc$" | "onClick:add" | "onClick:back" | "onClick:settings"> & {
+    } & {
         "onClick:cancel"?: (id: GuidValue) => any;
+        "onClick:back"?: (id: GuidValue) => any;
         onSearch?: (searchText: string) => any;
-        onDoc$?: (description?: string) => any;
         "onClick:add"?: (id: GuidValue) => any;
-        "onClick:back"?: (id: GuidValue) => any;
         "onClick:settings"?: (id: GuidValue) => any;
-    };
-};
-export default JourneyBladeComponent;
-export type JourneyBladeComponentTypings = typeof JourneyBladeComponent;
+        "onUpdate:reorder"?: (enable: boolean) => any;
+    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "switch" | "icon" | "title" | "delete" | "id" | "size" | "disabled" | "settings" | "remove" | "variant" | "subTitle" | "create" | "ok" | "save" | "reorder" | "getApi" | "loading" | "v-model:save" | "onUpdate:save" | "searchable" | "bladeContext" | "onOk" | "onRemove" | "onSave" | "onDelete" | "onSwitch" | "confirmDeleteDialogOption" | "disabledButtonTooltips">;
+} & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;
+export default _default;