@omnia/fx 8.0.266-dev → 8.0.268-dev

package/internal-do-not-import-from-here/core/Extend.d.ts

@@ -8,6 +8,6 @@ export declare function registerApi<T>(targetApi: ((extend: IExtend) => Promise<
 export declare namespace InternalExtend {
     function getApiPathString(exp: (extend: IExtend | IExtendApiManifest) => ApiPath | IExtendApiManifestWithConfiguration<any>): string;
     function getExtendApiConfiguration<T>(targetApi: (extend: IExtendApiManifest) => IExtendApiManifestWithConfiguration<T>): Promise<ExtendApiConfigurationManifest<T>[]>;
-    function extendApi<T>(targetApi: ((extend: IExtend) => Promise<T>) | string, omniaServiceId: guid, omniaManifestId: guid, callback?: (api: T) => void | Promise<void>): void;
+    function extendApi<T, TConfiguration>(targetApi: ((extend: IExtend) => Promise<T>) | string, omniaServiceId: guid, omniaManifestId: guid, callback?: (api: T, configuration: TConfiguration) => void | Promise<void>): void;
     function initApiHub(): Future<void>;
 }

package/internal-do-not-import-from-here/core/propertyPath.d.ts

@@ -17,5 +17,5 @@ type PropStartPathCheckTargetType<T, Path extends string, StartPath extends stri
  * @param name
  * @returns {string} 'PropertyName1.SomeSubProperty.SomeSubSubProperty' as string
  */
-export declare const propertyPath: <StartType, TargetType = any>() => <Path extends string>(propertyPathToCheck: PropPathCheckTargetType<StartType, Path, TargetType>) => string;
+export declare function propertyPath<StartType, TargetType = any>(): <Path extends string>(propertyPathToCheck: PropPathCheckTargetType<StartType, Path, TargetType>) => string;
 export {};

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

@@ -30,7 +30,7 @@ export declare class WebComponentBootstrapper {
     static registerElement: (registrationHandler: IWebComponentRegistrationHandler) => void;
     static registerElementInstance(instanceHandler: IWebComponentInstance, htmlElement: HTMLElement | Element): IWebComponentInstanceContext;
 }
-export declare function extendApi<T>(targetApi: (extend: IExtend) => Promise<T>, callback?: (api: T) => void | Promise<void>): void;
+export declare function extendApi<T, TConfiguration>(targetApi: (extend: IExtend) => Promise<T>, callback?: (api: T, configuration: TConfiguration) => void | Promise<void>): void;
 export declare function setCurrentManifest(omniaServiceId: any, resourceId: any): {
     extendApi: (api: any, callback: any) => void;
     WebComponentBootstrapper: {
@@ -64,7 +64,7 @@ export declare function setCurrentManifest(omniaServiceId: any, resourceId: any)
     LocalStorage: typeof Exposes.LocalStorage;
     Encoder: typeof Exposes.Encoder;
     Require: typeof Exposes.Require;
-    propertyPath: <StartType, TargetType = any>() => <Path extends string>(propertyPathToCheck: Exposes.PropPathCheckTargetType<StartType, Path, TargetType>) => string;
+    propertyPath<StartType, TargetType = any>(): <Path extends string>(propertyPathToCheck: Exposes.PropPathCheckTargetType<StartType, Path, TargetType>) => string;
     propertyPathValue: <T, P extends string>(obj: T, path: Exposes.PropPathCheckTargetType<T, P, Exposes.PropPathType<T, P>>) => Exposes.PropPathType<T, P>;
     MessageBusTopicMediator: typeof Exposes.MessageBusTopicMediator;
     MessageBus: typeof Exposes.MessageBus;

package/internal-do-not-import-from-here/stores/oxide/ComponentHostStore.d.ts

@@ -21,7 +21,7 @@ export declare const useCompontentHostStore: () => {
     };
     events: {
         onMutatedHost: import("internal/fx/core").MessageBusExposeOnlySubscription<"admin" | "editor" | "docs">;
-        onMutatedComponentHost: import("internal/fx/core").MessageBusExposeOnlySubscription<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "blade" | "drawer" | "expansion-panel" | "appbar" | "panel" | "omfx">;
+        onMutatedComponentHost: import("internal/fx/core").MessageBusExposeOnlySubscription<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx">;
         onMutatedComponentVariant: import("internal/fx/core").MessageBusExposeOnlySubscription<"toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section">;
         onMutatedAppliedComponents: import("internal/fx/core").MessageBusExposeOnlySubscription<string[]>;
         onMutatedForce: import("internal/fx/core").MessageBusExposeOnlySubscription<boolean>;
@@ -35,7 +35,7 @@ export declare const useCompontentHostStore: () => {
                 subscribe(fn: (type: "admin" | "editor" | "docs") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setComponentHost: {
-                subscribe(fn: (type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "blade" | "drawer" | "expansion-panel" | "appbar" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setComponentVariant: {
                 subscribe(fn: (variant: "toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -55,7 +55,7 @@ export declare const useCompontentHostStore: () => {
                 subscribe(fn: (result: void, type: "admin" | "editor" | "docs") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setComponentHost: {
-                subscribe(fn: (result: void, type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "blade" | "drawer" | "expansion-panel" | "appbar" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (result: void, type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setComponentVariant: {
                 subscribe(fn: (result: void, variant: "toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -75,7 +75,7 @@ export declare const useCompontentHostStore: () => {
                 subscribe(fn: (failureReason: any, type: "admin" | "editor" | "docs") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setComponentHost: {
-                subscribe(fn: (failureReason: any, type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "blade" | "drawer" | "expansion-panel" | "appbar" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (failureReason: any, type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setComponentVariant: {
                 subscribe(fn: (failureReason: any, variant: "toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -98,7 +98,7 @@ export declare const useCompontentHostStore: () => {
     get: {
         canApplyOn: (hostType: ComponentHostTypes | HostTypes, variant?: any) => boolean;
         readonly host: "admin" | "editor" | "docs";
-        readonly componentHost: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "blade" | "drawer" | "expansion-panel" | "appbar" | "panel" | "omfx";
+        readonly componentHost: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "expansion-panel" | "blade" | "appbar" | "panel" | "omfx";
         readonly componentVariant: "toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section";
         readonly force: boolean;
         appliedComponents(host: string): boolean;

package/internal-do-not-import-from-here/ux/admin/businessprofile/manageprofiles/BusinessProfileJourneyStore.d.ts

@@ -2,9 +2,11 @@ import { BusinessProfile, BusinessProfileProperty } from "@omnia/fx-models";
 export declare const useBusinessProfileJourneyStore: () => {
     state: {
         selectingBusinessProfile: BusinessProfile;
+        saving: any;
     };
     events: {
         onMutatedSelectingBusinessProfile: import("@omnia/fx").MessageBusExposeOnlySubscription<BusinessProfile>;
+        onMutatedSaving: import("@omnia/fx").MessageBusExposeOnlySubscription<any>;
     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
     actions: {
         onDispatching: {
@@ -14,6 +16,9 @@ export declare const useBusinessProfileJourneyStore: () => {
             saveBusinessProfile: {
                 subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            onSaving: {
+                subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             onUpdatingBusinessProfilePropertiesBag: {
                 subscribe(fn: (bpProperties: BusinessProfileProperty[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
@@ -28,6 +33,9 @@ export declare const useBusinessProfileJourneyStore: () => {
             saveBusinessProfile: {
                 subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            onSaving: {
+                subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             onUpdatingBusinessProfilePropertiesBag: {
                 subscribe(fn: (result: BusinessProfileProperty[], bpProperties: BusinessProfileProperty[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
@@ -42,6 +50,9 @@ export declare const useBusinessProfileJourneyStore: () => {
             saveBusinessProfile: {
                 subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            onSaving: {
+                subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             onUpdatingBusinessProfilePropertiesBag: {
                 subscribe(fn: (failureReason: any, bpProperties: BusinessProfileProperty[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
@@ -52,6 +63,7 @@ export declare const useBusinessProfileJourneyStore: () => {
     } & {
         registerOnSaveBusinessProfile(fn: () => void | Promise<void>): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
         saveBusinessProfile(): Promise<void>;
+        onSaving(): void;
         onUpdatingBusinessProfilePropertiesBag: (bpProperties: Array<BusinessProfileProperty>) => BusinessProfileProperty[];
         selectingBusinessProfile: (businessProfile: BusinessProfile) => void;
     };

package/internal-do-not-import-from-here/ux/features/stores/FeatureJourneyStore.d.ts

@@ -151,7 +151,7 @@ export declare const useFeatureJourneyStore: () => {
         searchFeatures: (searchText: string) => void;
         handleFeatureStatus: (featureInstance: FeatureInstance) => void;
         populateAzureAdPermissionsInfo: (featureInstance: FeatureInstance) => Promise<void>;
-        checkRequestedPermissionsSynced: (permissionIds: Array<string>) => void;
+        checkRequestedPermissionsSynced: (permissionIds: Array<string>) => Promise<void>;
         isLastRequiredPermissionFeature: (featureDeactivated: VDataGridItemScopedSlot<FeatureInstance>) => void;
     };
     get: {

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

@@ -1,14 +1,15 @@
 import { DefineEmit } from "@omnia/fx/ux";
 import { FlowEditorPluginSettings } from "@omnia/fx-models";
 import { useFlowEditorStore } from "./stores/FlowEditorStore";
+import { FlowContent } from "./models/EditorModels";
 declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
-    "emit:update:modelValue": (value: string) => void;
+    "emit:update:modelValue": (value: FlowContent) => void;
 } & {
-    "v-model"?: string;
+    "v-model"?: FlowContent;
 } & {
-    "onUpdate:modelValue"?: (value: string) => void;
+    "onUpdate:modelValue"?: (value: FlowContent) => void;
 } & {
-    modelValue?: string;
+    modelValue?: FlowContent;
 } & {
     placeholder?: string;
 } & {
@@ -19,5 +20,5 @@ declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
     getApi?: (store: ReturnType<typeof useFlowEditorStore>) => void;
 } & {
     plugins?: FlowEditorPluginSettings[];
-} & DefineEmit<"update:modelValue", (value: string) => true>>) => any;
+} & DefineEmit<"update:modelValue", (value: FlowContent) => true>>) => any;
 export default _default;

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

@@ -1,6 +1,5 @@
 import { FlowContent, NodeSelection } from "../models/EditorModels";
 import { FlowEditorPlugin, FlowEditorPluginContext } from "../models/EditorPlugin";
-export type builtIndataTypes = "text" | "formatting";
 export declare function useEditorCommands(state: {
     editor: HTMLDivElement;
     selectedRange: Range;
@@ -39,10 +38,10 @@ export declare function useEditorCommands(state: {
     element: {
         clean: (element: HTMLElement) => void;
         add: (element: HTMLElement) => void;
-        create: (tagName: string, dataType: builtIndataTypes | string) => HTMLElement;
+        create: (tagName: string, dataType: string) => HTMLElement;
         createText: () => HTMLParagraphElement;
         createTextNode: (data: any) => Text;
-        createComponent: (componentName: string) => HTMLDivElement;
+        createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
         insert: {
             text: (element: Node, text: string, offset: any) => void;
         };

package/internal-do-not-import-from-here/ux/floweditor/models/Constants.d.ts

@@ -3,6 +3,7 @@ export declare const FlowEditorConstants: {
         attributes: {
             pluginType: string;
             Id: string;
+            isComponent: string;
         };
     };
     editor: {

package/internal-do-not-import-from-here/ux/floweditor/models/EditorPlugin.d.ts

@@ -2,6 +2,7 @@ import { FlowEditorActionRegistration } from "@omnia/fx-models";
 import { FlowNode } from "./EditorModels";
 import { useFlowEditorStore } from "../stores/FlowEditorStore";
 import { useFlowEditorToolbarStore } from "../stores/FlowEditorToolbarStore";
+import { useColorSchemaStore } from "@omnia/fx/ux";
 export interface FlowEditorPlugin {
     name: string;
     commands?: object;
@@ -15,13 +16,13 @@ export interface FlowEditorEventListener {
 export interface FlowRenderingContext {
     parentElement: HTMLElement;
 }
-export interface FlowToHtmlContext {
-    node: FlowNode;
+export interface FlowToHtmlContext<TNodeType extends FlowNode = FlowNode> {
+    node: TNodeType;
     pluginContext: FlowEditorPluginContext;
     renderingContext: FlowRenderingContext;
 }
-export interface FlowToJsonContext {
-    element: HTMLElement;
+export interface FlowToJsonContext<TElementType extends HTMLElement = HTMLElement> {
+    element: TElementType;
     parent: FlowNode;
 }
 export interface ElementConverter {
@@ -29,12 +30,13 @@ export interface ElementConverter {
     convert: (el: HTMLElement, pluginContext: FlowEditorPluginContext) => HTMLElement;
 }
 export interface FlowEditorContentPlugin extends FlowEditorPlugin {
-    toJSON: (context: FlowToJsonContext) => FlowNode;
-    toHtml: (context: FlowToHtmlContext) => HTMLElement;
+    toJSON: <TElementType extends HTMLElement = HTMLElement>(context: FlowToJsonContext<TElementType>) => FlowNode;
+    toHtml: <TNodeType extends FlowNode = FlowNode>(context: FlowToHtmlContext<TNodeType>) => HTMLElement;
     elementConverter?: ElementConverter;
 }
 export interface FlowEditorPluginContext {
     componentCreator?: (componentDef: any, props: {}, el: HTMLElement) => void;
     editorStore: ReturnType<typeof useFlowEditorStore>;
     toolbarStore: ReturnType<typeof useFlowEditorToolbarStore>;
+    colors: ReturnType<typeof useColorSchemaStore>;
 }

package/internal-do-not-import-from-here/ux/floweditor/plugins/colorstyle/ColorConverter.d.ts

@@ -0,0 +1,3 @@
+import { ColorValue } from "@omnia/fx-models";
+import { ElementConverter, FlowEditorPluginContext } from "../../models/EditorPlugin";
+export declare function useColorConverter(elementCreator: (value: ColorValue, ctx: FlowEditorPluginContext) => HTMLElement): ElementConverter;

package/internal-do-not-import-from-here/ux/floweditor/plugins/elements/ElementConverter.d.ts

@@ -0,0 +1,6 @@
+import { FlowNode } from "../../models/EditorModels";
+import { ElementConverter } from "../../models/EditorPlugin";
+export interface ElementNode extends FlowNode {
+    name: "br";
+}
+export declare function useElementConverter(): ElementConverter;

package/internal-do-not-import-from-here/ux/floweditor/plugins/eventhandlers/handlers/ClipboardHandler.d.ts

@@ -1,4 +1,6 @@
+import { FlowEditorPluginContext } from "../../../models/EditorPlugin";
 import { useFlowEditorStore } from "../../../stores/FlowEditorStore";
 export declare function useClipboardHandler(): {
     paste: (ev: ClipboardEvent, editorStore: ReturnType<typeof useFlowEditorStore>) => void;
+    copy: (event: ClipboardEvent, context: FlowEditorPluginContext) => void;
 };

package/internal-do-not-import-from-here/ux/floweditor/plugins/text/TextConverter.d.ts

@@ -0,0 +1,2 @@
+import { ElementConverter } from "../../models/EditorPlugin";
+export declare function useTextConverter(): ElementConverter;

package/internal-do-not-import-from-here/ux/floweditor/plugins/velcron/VelcronPlugin.d.ts

@@ -1,8 +1,13 @@
-import { VelcronAppDefinition } from "@omnia/fx-models";
+import { DynamicState, VelcronAppDefinition, VelcronDefinitionRegistrationWithoutApp, VelcronRendererResolverReference } from "@omnia/fx-models";
 import { FlowNode } from "../../models/EditorModels";
 export interface VelcronContentNode extends FlowNode {
-    definition: VelcronAppDefinition;
+    definition: VelcronAppDefinition | VelcronRendererResolverReference;
 }
+export type VelcronHtmlDivElement = HTMLDivElement & {
+    velcron: VelcronAppDefinition;
+    velcronRegistration: VelcronDefinitionRegistrationWithoutApp;
+    state: DynamicState;
+};
 export declare const velcronRendererPlugin: () => import("../../models/EditorPlugin").FlowEditorPlugin & {
     dispose?: () => void;
 };

package/internal-do-not-import-from-here/ux/floweditor/rules/EditorRules.d.ts

@@ -1,5 +1,6 @@
 export declare function useFlowEditorRules(): {
     is: {
+        flowComponent: (node: HTMLElement) => boolean;
         topContainer: (node: HTMLElement) => boolean;
         editorNode: (node: HTMLElement) => boolean;
         clipboardContainer: (node: HTMLElement) => boolean;

package/internal-do-not-import-from-here/ux/floweditor/stores/FlowEditorStore.d.ts

@@ -1,4 +1,5 @@
 import { FlowEditorActionRegistration, FlowEditorPluginSettings } from "@omnia/fx-models";
+import { guid } from "@omnia/fx-models/internal-do-not-import-from-here/shared";
 import { FlowEditorPlugin, FlowEditorPluginContext } from "../models/EditorPlugin";
 import { FlowContent, NodeSelection } from "../models/EditorModels";
 export declare const useFlowEditorStore: () => {
@@ -16,21 +17,31 @@ export declare const useFlowEditorStore: () => {
         pluginContext: FlowEditorPluginContext;
         selectedRange: Range;
         showPlaceHolder: boolean;
+        definitionSelector: {
+            show: boolean;
+            categoryFilters: guid[];
+            rendererTypeFilters: guid[];
+        };
     };
     events: {
-        onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<FlowContent>;
-        onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<FlowEditorPlugin[]>;
-        onMutatedHideToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
-        onMutatedEditMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
-        onMutatedMaxNodeId: import("@omnia/fx").MessageBusExposeOnlySubscription<number>;
-        onMutatedToolbarActions: import("@omnia/fx").MessageBusExposeOnlySubscription<FlowEditorActionRegistration[]>;
-        onMutatedEditor: import("@omnia/fx").MessageBusExposeOnlySubscription<HTMLDivElement>;
-        onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<NodeSelection>;
-        onMutatedTelePorts: import("@omnia/fx").MessageBusExposeOnlySubscription<JSX.Element[]>;
-        onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
-        onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<FlowEditorPluginContext>;
-        onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
-        onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+        onMutatedEditorContent: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<FlowContent>;
+        onMutatedPlugins: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<FlowEditorPlugin[]>;
+        onMutatedHideToolbar: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<boolean>;
+        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<FlowEditorActionRegistration[]>;
+        onMutatedEditor: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<HTMLDivElement>;
+        onMutatedNodeSelection: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<NodeSelection>;
+        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>;
+        onMutatedPluginContext: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<FlowEditorPluginContext>;
+        onMutatedSelectedRange: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<Range>;
+        onMutatedShowPlaceHolder: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<boolean>;
+        onMutatedDefinitionSelector: import("@omnia/fx-models/internal-do-not-import-from-here/shared").MessageBusExposeOnlySubscription<{
+            show: boolean;
+            categoryFilters: guid[];
+            rendererTypeFilters: guid[];
+        }>;
     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
     actions: {
         onDispatching: {
@@ -70,7 +81,7 @@ export declare const useFlowEditorStore: () => {
                 subscribe(fn: (result: {
                     sync: () => FlowContent;
                     set: {
-                        byJSON: (content: FlowContent) => void;
+                        byObject: (content: FlowContent) => void;
                         byString: (content: string) => void;
                     };
                 }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -97,9 +108,9 @@ export declare const useFlowEditorStore: () => {
             };
             element: {
                 subscribe(fn: (result: {
-                    createForComponent: (componentName: string) => HTMLDivElement;
+                    createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
                     createText: () => HTMLParagraphElement;
-                    create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                    create: (tagName: string, dataType: string) => HTMLElement;
                     createTextNode: (data: any) => Text;
                     add: (element: HTMLElement) => void;
                 }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -137,10 +148,10 @@ export declare const useFlowEditorStore: () => {
                         element: {
                             clean: (element: HTMLElement) => void;
                             add: (element: HTMLElement) => void;
-                            create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                            create: (tagName: string, dataType: string) => HTMLElement;
                             createText: () => HTMLParagraphElement;
                             createTextNode: (data: any) => Text;
-                            createComponent: (componentName: string) => HTMLDivElement;
+                            createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
                             insert: {
                                 text: (element: Node, text: string, offset: any) => void;
                             };
@@ -232,7 +243,7 @@ export declare const useFlowEditorStore: () => {
         content: () => {
             sync: () => FlowContent;
             set: {
-                byJSON: (content: FlowContent) => void;
+                byObject: (content: FlowContent) => void;
                 byString: (content: string) => void;
             };
         };
@@ -251,9 +262,9 @@ export declare const useFlowEditorStore: () => {
             remove: (dataType: string) => void;
         };
         element: () => {
-            createForComponent: (componentName: string) => HTMLDivElement;
+            createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
             createText: () => HTMLParagraphElement;
-            create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+            create: (tagName: string, dataType: string) => HTMLElement;
             createTextNode: (data: any) => Text;
             add: (element: HTMLElement) => void;
         };
@@ -289,10 +300,10 @@ export declare const useFlowEditorStore: () => {
                 element: {
                     clean: (element: HTMLElement) => void;
                     add: (element: HTMLElement) => void;
-                    create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                    create: (tagName: string, dataType: string) => HTMLElement;
                     createText: () => HTMLParagraphElement;
                     createTextNode: (data: any) => Text;
-                    createComponent: (componentName: string) => HTMLDivElement;
+                    createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
                     insert: {
                         text: (element: Node, text: string, offset: any) => void;
                     };
@@ -353,7 +364,7 @@ export declare const useFlowEditorStore: () => {
         plugins: FlowEditorPlugin[];
         content: {
             isEmpty: () => boolean;
-            asJSON: () => FlowContent;
+            asObject: () => FlowContent;
             asString: () => string;
         };
         selection: {

package/internal-do-not-import-from-here/ux/floweditor/stores/FlowEditorToolbarStore.d.ts

@@ -1,4 +1,4 @@
-import { FlowEditorActionRegistration } from "@omnia/fx-models";
+import { FlowEditorActionRegistration, guid } from "@omnia/fx-models";
 import { useFlowEditorStore } from "./FlowEditorStore";
 export declare const useFlowEditorToolbarStore: () => {
     state: {
@@ -17,6 +17,11 @@ export declare const useFlowEditorToolbarStore: () => {
                 pluginContext: import("../models/EditorPlugin").FlowEditorPluginContext;
                 selectedRange: Range;
                 showPlaceHolder: boolean;
+                definitionSelector: {
+                    show: boolean;
+                    categoryFilters: guid[];
+                    rendererTypeFilters: guid[];
+                };
             };
             events: {
                 onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").FlowContent>;
@@ -32,6 +37,11 @@ export declare const useFlowEditorToolbarStore: () => {
                 onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorPlugin").FlowEditorPluginContext>;
                 onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
                 onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+                onMutatedDefinitionSelector: import("@omnia/fx").MessageBusExposeOnlySubscription<{
+                    show: boolean;
+                    categoryFilters: guid[];
+                    rendererTypeFilters: guid[];
+                }>;
             } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
             actions: {
                 onDispatching: {
@@ -71,7 +81,7 @@ export declare const useFlowEditorToolbarStore: () => {
                         subscribe(fn: (result: {
                             sync: () => import("../models/EditorModels").FlowContent;
                             set: {
-                                byJSON: (content: import("../models/EditorModels").FlowContent) => void;
+                                byObject: (content: import("../models/EditorModels").FlowContent) => void;
                                 byString: (content: string) => void;
                             };
                         }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -98,9 +108,9 @@ export declare const useFlowEditorToolbarStore: () => {
                     };
                     element: {
                         subscribe(fn: (result: {
-                            createForComponent: (componentName: string) => HTMLDivElement;
+                            createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
                             createText: () => HTMLParagraphElement;
-                            create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                            create: (tagName: string, dataType: string) => HTMLElement;
                             createTextNode: (data: any) => Text;
                             add: (element: HTMLElement) => void;
                         }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -138,10 +148,10 @@ export declare const useFlowEditorToolbarStore: () => {
                                 element: {
                                     clean: (element: HTMLElement) => void;
                                     add: (element: HTMLElement) => void;
-                                    create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                                    create: (tagName: string, dataType: string) => HTMLElement;
                                     createText: () => HTMLParagraphElement;
                                     createTextNode: (data: any) => Text;
-                                    createComponent: (componentName: string) => HTMLDivElement;
+                                    createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
                                     insert: {
                                         text: (element: Node, text: string, offset: any) => void;
                                     };
@@ -233,7 +243,7 @@ export declare const useFlowEditorToolbarStore: () => {
                 content: () => {
                     sync: () => import("../models/EditorModels").FlowContent;
                     set: {
-                        byJSON: (content: import("../models/EditorModels").FlowContent) => void;
+                        byObject: (content: import("../models/EditorModels").FlowContent) => void;
                         byString: (content: string) => void;
                     };
                 };
@@ -252,9 +262,9 @@ export declare const useFlowEditorToolbarStore: () => {
                     remove: (dataType: string) => void;
                 };
                 element: () => {
-                    createForComponent: (componentName: string) => HTMLDivElement;
+                    createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
                     createText: () => HTMLParagraphElement;
-                    create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                    create: (tagName: string, dataType: string) => HTMLElement;
                     createTextNode: (data: any) => Text;
                     add: (element: HTMLElement) => void;
                 };
@@ -290,10 +300,10 @@ export declare const useFlowEditorToolbarStore: () => {
                         element: {
                             clean: (element: HTMLElement) => void;
                             add: (element: HTMLElement) => void;
-                            create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                            create: (tagName: string, dataType: string) => HTMLElement;
                             createText: () => HTMLParagraphElement;
                             createTextNode: (data: any) => Text;
-                            createComponent: (componentName: string) => HTMLDivElement;
+                            createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
                             insert: {
                                 text: (element: Node, text: string, offset: any) => void;
                             };
@@ -354,7 +364,7 @@ export declare const useFlowEditorToolbarStore: () => {
                 plugins: import("../models/EditorPlugin").FlowEditorPlugin[];
                 content: {
                     isEmpty: () => boolean;
-                    asJSON: () => import("../models/EditorModels").FlowContent;
+                    asObject: () => import("../models/EditorModels").FlowContent;
                     asString: () => string;
                 };
                 selection: {
@@ -389,6 +399,11 @@ export declare const useFlowEditorToolbarStore: () => {
                 pluginContext: import("../models/EditorPlugin").FlowEditorPluginContext;
                 selectedRange: Range;
                 showPlaceHolder: boolean;
+                definitionSelector: {
+                    show: boolean;
+                    categoryFilters: guid[];
+                    rendererTypeFilters: guid[];
+                };
             };
             events: {
                 onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").FlowContent>;
@@ -404,6 +419,11 @@ export declare const useFlowEditorToolbarStore: () => {
                 onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorPlugin").FlowEditorPluginContext>;
                 onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
                 onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+                onMutatedDefinitionSelector: import("@omnia/fx").MessageBusExposeOnlySubscription<{
+                    show: boolean;
+                    categoryFilters: guid[];
+                    rendererTypeFilters: guid[];
+                }>;
             } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
             actions: {
                 onDispatching: {
@@ -443,7 +463,7 @@ export declare const useFlowEditorToolbarStore: () => {
                         subscribe(fn: (result: {
                             sync: () => import("../models/EditorModels").FlowContent;
                             set: {
-                                byJSON: (content: import("../models/EditorModels").FlowContent) => void;
+                                byObject: (content: import("../models/EditorModels").FlowContent) => void;
                                 byString: (content: string) => void;
                             };
                         }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -470,9 +490,9 @@ export declare const useFlowEditorToolbarStore: () => {
                     };
                     element: {
                         subscribe(fn: (result: {
-                            createForComponent: (componentName: string) => HTMLDivElement;
+                            createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
                             createText: () => HTMLParagraphElement;
-                            create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                            create: (tagName: string, dataType: string) => HTMLElement;
                             createTextNode: (data: any) => Text;
                             add: (element: HTMLElement) => void;
                         }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -510,10 +530,10 @@ export declare const useFlowEditorToolbarStore: () => {
                                 element: {
                                     clean: (element: HTMLElement) => void;
                                     add: (element: HTMLElement) => void;
-                                    create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                                    create: (tagName: string, dataType: string) => HTMLElement;
                                     createText: () => HTMLParagraphElement;
                                     createTextNode: (data: any) => Text;
-                                    createComponent: (componentName: string) => HTMLDivElement;
+                                    createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
                                     insert: {
                                         text: (element: Node, text: string, offset: any) => void;
                                     };
@@ -605,7 +625,7 @@ export declare const useFlowEditorToolbarStore: () => {
                 content: () => {
                     sync: () => import("../models/EditorModels").FlowContent;
                     set: {
-                        byJSON: (content: import("../models/EditorModels").FlowContent) => void;
+                        byObject: (content: import("../models/EditorModels").FlowContent) => void;
                         byString: (content: string) => void;
                     };
                 };
@@ -624,9 +644,9 @@ export declare const useFlowEditorToolbarStore: () => {
                     remove: (dataType: string) => void;
                 };
                 element: () => {
-                    createForComponent: (componentName: string) => HTMLDivElement;
+                    createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
                     createText: () => HTMLParagraphElement;
-                    create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                    create: (tagName: string, dataType: string) => HTMLElement;
                     createTextNode: (data: any) => Text;
                     add: (element: HTMLElement) => void;
                 };
@@ -662,10 +682,10 @@ export declare const useFlowEditorToolbarStore: () => {
                         element: {
                             clean: (element: HTMLElement) => void;
                             add: (element: HTMLElement) => void;
-                            create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                            create: (tagName: string, dataType: string) => HTMLElement;
                             createText: () => HTMLParagraphElement;
                             createTextNode: (data: any) => Text;
-                            createComponent: (componentName: string) => HTMLDivElement;
+                            createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
                             insert: {
                                 text: (element: Node, text: string, offset: any) => void;
                             };
@@ -726,7 +746,7 @@ export declare const useFlowEditorToolbarStore: () => {
                 plugins: import("../models/EditorPlugin").FlowEditorPlugin[];
                 content: {
                     isEmpty: () => boolean;
-                    asJSON: () => import("../models/EditorModels").FlowContent;
+                    asObject: () => import("../models/EditorModels").FlowContent;
                     asString: () => string;
                 };
                 selection: {
@@ -769,6 +789,11 @@ export declare const useFlowEditorToolbarStore: () => {
                         pluginContext: import("../models/EditorPlugin").FlowEditorPluginContext;
                         selectedRange: Range;
                         showPlaceHolder: boolean;
+                        definitionSelector: {
+                            show: boolean;
+                            categoryFilters: guid[];
+                            rendererTypeFilters: guid[];
+                        };
                     };
                     events: {
                         onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").FlowContent>;
@@ -784,6 +809,11 @@ export declare const useFlowEditorToolbarStore: () => {
                         onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorPlugin").FlowEditorPluginContext>;
                         onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
                         onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+                        onMutatedDefinitionSelector: import("@omnia/fx").MessageBusExposeOnlySubscription<{
+                            show: boolean;
+                            categoryFilters: guid[];
+                            rendererTypeFilters: guid[];
+                        }>;
                     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
                     actions: {
                         onDispatching: {
@@ -823,7 +853,7 @@ export declare const useFlowEditorToolbarStore: () => {
                                 subscribe(fn: (result: {
                                     sync: () => import("../models/EditorModels").FlowContent;
                                     set: {
-                                        byJSON: (content: import("../models/EditorModels").FlowContent) => void;
+                                        byObject: (content: import("../models/EditorModels").FlowContent) => void;
                                         byString: (content: string) => void;
                                     };
                                 }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -850,9 +880,9 @@ export declare const useFlowEditorToolbarStore: () => {
                             };
                             element: {
                                 subscribe(fn: (result: {
-                                    createForComponent: (componentName: string) => HTMLDivElement;
+                                    createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
                                     createText: () => HTMLParagraphElement;
-                                    create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                                    create: (tagName: string, dataType: string) => HTMLElement;
                                     createTextNode: (data: any) => Text;
                                     add: (element: HTMLElement) => void;
                                 }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -890,10 +920,10 @@ export declare const useFlowEditorToolbarStore: () => {
                                         element: {
                                             clean: (element: HTMLElement) => void;
                                             add: (element: HTMLElement) => void;
-                                            create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                                            create: (tagName: string, dataType: string) => HTMLElement;
                                             createText: () => HTMLParagraphElement;
                                             createTextNode: (data: any) => Text;
-                                            createComponent: (componentName: string) => HTMLDivElement;
+                                            createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
                                             insert: {
                                                 text: (element: Node, text: string, offset: any) => void;
                                             };
@@ -985,7 +1015,7 @@ export declare const useFlowEditorToolbarStore: () => {
                         content: () => {
                             sync: () => import("../models/EditorModels").FlowContent;
                             set: {
-                                byJSON: (content: import("../models/EditorModels").FlowContent) => void;
+                                byObject: (content: import("../models/EditorModels").FlowContent) => void;
                                 byString: (content: string) => void;
                             };
                         };
@@ -1004,9 +1034,9 @@ export declare const useFlowEditorToolbarStore: () => {
                             remove: (dataType: string) => void;
                         };
                         element: () => {
-                            createForComponent: (componentName: string) => HTMLDivElement;
+                            createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
                             createText: () => HTMLParagraphElement;
-                            create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                            create: (tagName: string, dataType: string) => HTMLElement;
                             createTextNode: (data: any) => Text;
                             add: (element: HTMLElement) => void;
                         };
@@ -1042,10 +1072,10 @@ export declare const useFlowEditorToolbarStore: () => {
                                 element: {
                                     clean: (element: HTMLElement) => void;
                                     add: (element: HTMLElement) => void;
-                                    create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                                    create: (tagName: string, dataType: string) => HTMLElement;
                                     createText: () => HTMLParagraphElement;
                                     createTextNode: (data: any) => Text;
-                                    createComponent: (componentName: string) => HTMLDivElement;
+                                    createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
                                     insert: {
                                         text: (element: Node, text: string, offset: any) => void;
                                     };
@@ -1106,7 +1136,7 @@ export declare const useFlowEditorToolbarStore: () => {
                         plugins: import("../models/EditorPlugin").FlowEditorPlugin[];
                         content: {
                             isEmpty: () => boolean;
-                            asJSON: () => import("../models/EditorModels").FlowContent;
+                            asObject: () => import("../models/EditorModels").FlowContent;
                             asString: () => string;
                         };
                         selection: {
@@ -1149,6 +1179,11 @@ export declare const useFlowEditorToolbarStore: () => {
                         pluginContext: import("../models/EditorPlugin").FlowEditorPluginContext;
                         selectedRange: Range;
                         showPlaceHolder: boolean;
+                        definitionSelector: {
+                            show: boolean;
+                            categoryFilters: guid[];
+                            rendererTypeFilters: guid[];
+                        };
                     };
                     events: {
                         onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").FlowContent>;
@@ -1164,6 +1199,11 @@ export declare const useFlowEditorToolbarStore: () => {
                         onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorPlugin").FlowEditorPluginContext>;
                         onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
                         onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+                        onMutatedDefinitionSelector: import("@omnia/fx").MessageBusExposeOnlySubscription<{
+                            show: boolean;
+                            categoryFilters: guid[];
+                            rendererTypeFilters: guid[];
+                        }>;
                     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
                     actions: {
                         onDispatching: {
@@ -1203,7 +1243,7 @@ export declare const useFlowEditorToolbarStore: () => {
                                 subscribe(fn: (result: {
                                     sync: () => import("../models/EditorModels").FlowContent;
                                     set: {
-                                        byJSON: (content: import("../models/EditorModels").FlowContent) => void;
+                                        byObject: (content: import("../models/EditorModels").FlowContent) => void;
                                         byString: (content: string) => void;
                                     };
                                 }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -1230,9 +1270,9 @@ export declare const useFlowEditorToolbarStore: () => {
                             };
                             element: {
                                 subscribe(fn: (result: {
-                                    createForComponent: (componentName: string) => HTMLDivElement;
+                                    createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
                                     createText: () => HTMLParagraphElement;
-                                    create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                                    create: (tagName: string, dataType: string) => HTMLElement;
                                     createTextNode: (data: any) => Text;
                                     add: (element: HTMLElement) => void;
                                 }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -1270,10 +1310,10 @@ export declare const useFlowEditorToolbarStore: () => {
                                         element: {
                                             clean: (element: HTMLElement) => void;
                                             add: (element: HTMLElement) => void;
-                                            create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                                            create: (tagName: string, dataType: string) => HTMLElement;
                                             createText: () => HTMLParagraphElement;
                                             createTextNode: (data: any) => Text;
-                                            createComponent: (componentName: string) => HTMLDivElement;
+                                            createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
                                             insert: {
                                                 text: (element: Node, text: string, offset: any) => void;
                                             };
@@ -1365,7 +1405,7 @@ export declare const useFlowEditorToolbarStore: () => {
                         content: () => {
                             sync: () => import("../models/EditorModels").FlowContent;
                             set: {
-                                byJSON: (content: import("../models/EditorModels").FlowContent) => void;
+                                byObject: (content: import("../models/EditorModels").FlowContent) => void;
                                 byString: (content: string) => void;
                             };
                         };
@@ -1384,9 +1424,9 @@ export declare const useFlowEditorToolbarStore: () => {
                             remove: (dataType: string) => void;
                         };
                         element: () => {
-                            createForComponent: (componentName: string) => HTMLDivElement;
+                            createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
                             createText: () => HTMLParagraphElement;
-                            create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                            create: (tagName: string, dataType: string) => HTMLElement;
                             createTextNode: (data: any) => Text;
                             add: (element: HTMLElement) => void;
                         };
@@ -1422,10 +1462,10 @@ export declare const useFlowEditorToolbarStore: () => {
                                 element: {
                                     clean: (element: HTMLElement) => void;
                                     add: (element: HTMLElement) => void;
-                                    create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                                    create: (tagName: string, dataType: string) => HTMLElement;
                                     createText: () => HTMLParagraphElement;
                                     createTextNode: (data: any) => Text;
-                                    createComponent: (componentName: string) => HTMLDivElement;
+                                    createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
                                     insert: {
                                         text: (element: Node, text: string, offset: any) => void;
                                     };
@@ -1486,7 +1526,7 @@ export declare const useFlowEditorToolbarStore: () => {
                         plugins: import("../models/EditorPlugin").FlowEditorPlugin[];
                         content: {
                             isEmpty: () => boolean;
-                            asJSON: () => import("../models/EditorModels").FlowContent;
+                            asObject: () => import("../models/EditorModels").FlowContent;
                             asString: () => string;
                         };
                         selection: {
@@ -1529,6 +1569,11 @@ export declare const useFlowEditorToolbarStore: () => {
                         pluginContext: import("../models/EditorPlugin").FlowEditorPluginContext;
                         selectedRange: Range;
                         showPlaceHolder: boolean;
+                        definitionSelector: {
+                            show: boolean;
+                            categoryFilters: guid[];
+                            rendererTypeFilters: guid[];
+                        };
                     };
                     events: {
                         onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").FlowContent>;
@@ -1544,6 +1589,11 @@ export declare const useFlowEditorToolbarStore: () => {
                         onMutatedPluginContext: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorPlugin").FlowEditorPluginContext>;
                         onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
                         onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+                        onMutatedDefinitionSelector: import("@omnia/fx").MessageBusExposeOnlySubscription<{
+                            show: boolean;
+                            categoryFilters: guid[];
+                            rendererTypeFilters: guid[];
+                        }>;
                     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
                     actions: {
                         onDispatching: {
@@ -1583,7 +1633,7 @@ export declare const useFlowEditorToolbarStore: () => {
                                 subscribe(fn: (result: {
                                     sync: () => import("../models/EditorModels").FlowContent;
                                     set: {
-                                        byJSON: (content: import("../models/EditorModels").FlowContent) => void;
+                                        byObject: (content: import("../models/EditorModels").FlowContent) => void;
                                         byString: (content: string) => void;
                                     };
                                 }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -1610,9 +1660,9 @@ export declare const useFlowEditorToolbarStore: () => {
                             };
                             element: {
                                 subscribe(fn: (result: {
-                                    createForComponent: (componentName: string) => HTMLDivElement;
+                                    createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
                                     createText: () => HTMLParagraphElement;
-                                    create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                                    create: (tagName: string, dataType: string) => HTMLElement;
                                     createTextNode: (data: any) => Text;
                                     add: (element: HTMLElement) => void;
                                 }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -1650,10 +1700,10 @@ export declare const useFlowEditorToolbarStore: () => {
                                         element: {
                                             clean: (element: HTMLElement) => void;
                                             add: (element: HTMLElement) => void;
-                                            create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                                            create: (tagName: string, dataType: string) => HTMLElement;
                                             createText: () => HTMLParagraphElement;
                                             createTextNode: (data: any) => Text;
-                                            createComponent: (componentName: string) => HTMLDivElement;
+                                            createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
                                             insert: {
                                                 text: (element: Node, text: string, offset: any) => void;
                                             };
@@ -1745,7 +1795,7 @@ export declare const useFlowEditorToolbarStore: () => {
                         content: () => {
                             sync: () => import("../models/EditorModels").FlowContent;
                             set: {
-                                byJSON: (content: import("../models/EditorModels").FlowContent) => void;
+                                byObject: (content: import("../models/EditorModels").FlowContent) => void;
                                 byString: (content: string) => void;
                             };
                         };
@@ -1764,9 +1814,9 @@ export declare const useFlowEditorToolbarStore: () => {
                             remove: (dataType: string) => void;
                         };
                         element: () => {
-                            createForComponent: (componentName: string) => HTMLDivElement;
+                            createForComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
                             createText: () => HTMLParagraphElement;
-                            create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                            create: (tagName: string, dataType: string) => HTMLElement;
                             createTextNode: (data: any) => Text;
                             add: (element: HTMLElement) => void;
                         };
@@ -1802,10 +1852,10 @@ export declare const useFlowEditorToolbarStore: () => {
                                 element: {
                                     clean: (element: HTMLElement) => void;
                                     add: (element: HTMLElement) => void;
-                                    create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                                    create: (tagName: string, dataType: string) => HTMLElement;
                                     createText: () => HTMLParagraphElement;
                                     createTextNode: (data: any) => Text;
-                                    createComponent: (componentName: string) => HTMLDivElement;
+                                    createComponent: <TElementType extends HTMLDivElement = HTMLDivElement>(componentName: string) => TElementType;
                                     insert: {
                                         text: (element: Node, text: string, offset: any) => void;
                                     };
@@ -1866,7 +1916,7 @@ export declare const useFlowEditorToolbarStore: () => {
                         plugins: import("../models/EditorPlugin").FlowEditorPlugin[];
                         content: {
                             isEmpty: () => boolean;
-                            asJSON: () => import("../models/EditorModels").FlowContent;
+                            asObject: () => import("../models/EditorModels").FlowContent;
                             asString: () => string;
                         };
                         selection: {

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

@@ -0,0 +1,4 @@
+import { BladeInstance } from "@omnia/fx/ux";
+export declare function useInternalJourneyRouter(blade: BladeInstance): {
+    refresh(): void;
+};

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

@@ -0,0 +1 @@
+export * from "./JourneyRouter";

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

@@ -1,11 +1,11 @@
 import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineVModel, ValidationRule } from "@omnia/fx/ux";
-import { ColorValue } from "@omnia/fx/models";
+import { ColorValue, TextBlueprint } 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 & 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 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."> & DefineProp<"blueprint", TextBlueprint, false, null, "Sets a custom blueprint for the text."> & 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 "text" | "number" | "password" = "text">(props: import("@omnia/fx/ux").ConstructComponentProps<{

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

@@ -1,5 +1,7 @@
-import { BoxDimensions } from "@omnia/fx-models";
+import { BoxDimensions, TextBlueprint } from "@omnia/fx-models";
+import { useColorSchemaStore, useTypographyBlueprintStore } from "@omnia/fx/ux";
 export declare const TextFieldStyles: {
+    textAndFont: (textBlueprint: TextBlueprint, colors: ReturnType<typeof useColorSchemaStore>, typography: ReturnType<typeof useTypographyBlueprintStore>) => string;
     generalField: (textColor: string, rounded: BoxDimensions, fixTextFiled: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
     hint: (color: string) => Readonly<import("@omnia/fx/ux").StylexType>;
     iconButtonWrapper: import("@omnia/fx/ux").StylexType;

package/internal-do-not-import-from-here/ux/oxide/textarea/TextArea.d.ts

@@ -1,6 +1,6 @@
 import { DefineEmit, DefineProp, DefinePropTheming, DefineVModel, ValidationRule } from "@omnia/fx/ux";
-import { ColorValue } from "@omnia/fx-models";
+import { ColorValue, TextBlueprint } from "@omnia/fx-models";
 declare const emptyRules: any[];
-type TextAreaProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", string, false, null, true, "The v-model of the component"> & DefineProp<"hint", string, false, null, "Displays hint text below the input when focused. Force this always open with the persistentHint property."> & DefineProp<"toned", boolean, false, null> & DefineProp<"persistentHint", boolean, false, false, "Forces hint to always be visible."> & DefineProp<"label", string, false, null, "The label of the text area."> & DefineProp<"autofocus", boolean, false, false, "Enables autofocus."> & DefineProp<"clearable", boolean, false, false, "Adds a clearable icon to the component."> & 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<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"rules", ValidationRule[], false, typeof emptyRules, "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. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string."> & DefineProp<"placeholder", string, false, null, "Sets the input’s placeholder text."> & DefineProp<"readonly", boolean, false, false, "Puts input in readonly state."> & DefineProp<"autoGrow", boolean, false, false, "Automatically grows textarea to fit its content."> & DefineProp<"rows", number, false, 5, "Default row count."> & DefineProp<"color", ColorValue, false, null, "Define the custom color for textarea."> & DefineProp<"clearable", boolean, false, false, "Adds a clearable icon to the component."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineEmit<"click:button", (value: boolean) => void>;
+type TextAreaProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", string, false, null, true, "The v-model of the component"> & DefineProp<"hint", string, false, null, "Displays hint text below the input when focused. Force this always open with the persistentHint property."> & DefineProp<"toned", boolean, false, null> & DefineProp<"persistentHint", boolean, false, false, "Forces hint to always be visible."> & DefineProp<"label", string, false, null, "The label of the text area."> & DefineProp<"autofocus", boolean, false, false, "Enables autofocus."> & DefineProp<"clearable", boolean, false, false, "Adds a clearable icon to the component."> & 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<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"rules", ValidationRule[], false, typeof emptyRules, "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. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string."> & DefineProp<"placeholder", string, false, null, "Sets the input’s placeholder text."> & DefineProp<"readonly", boolean, false, false, "Puts input in readonly state."> & DefineProp<"autoGrow", boolean, false, false, "Automatically grows textarea to fit its content."> & DefineProp<"rows", number, false, 5, "Default row count."> & DefineProp<"color", ColorValue, false, null, "Define the custom color for textarea."> & DefineProp<"clearable", boolean, false, false, "Adds a clearable icon to the component."> & DefineProp<"blueprint", TextBlueprint, false, null, "Sets a custom blueprint for the text."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineEmit<"click:button", (value: boolean) => void>;
 declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<TextAreaProps>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/textarea/TextArea.stylex.d.ts

@@ -1,3 +1,6 @@
+import { TextBlueprint } from "@omnia/fx-models";
+import { useColorSchemaStore, useTypographyBlueprintStore } from "@omnia/fx/ux";
 export declare const TextAreaStyles: {
+    textAndFont: (textBlueprint: TextBlueprint, colors: ReturnType<typeof useColorSchemaStore>, typography: ReturnType<typeof useTypographyBlueprintStore>) => string;
     generalField: (textColor: string) => Readonly<import("@omnia/fx/ux").StylexType>;
 };

package/internal-do-not-import-from-here/ux/velcron/components/definitionpicker/VelcronDefinitionPicker.d.ts

@@ -580,9 +580,9 @@ declare const _default: {
             activator?: () => VNodeChild;
         };
         variant?: Variant;
-        allowEdit?: boolean;
         categoryFilters?: guid[];
         renderTypeFilters?: guid[];
+        allowEdit?: boolean;
         previewState?: VelcronState;
         exclusions?: guid[];
         allowBuiltIn?: boolean;

package/internal-do-not-import-from-here/ux/velcron/definitions/VelcronDefinitionIds.d.ts

@@ -1,15 +1,15 @@
-import { guid } from "@omnia/fx-models";
+import { VelcronRendererId } from "@omnia/fx-models";
 export declare const velcronDefinitionIds: {
     content: {
-        image: guid;
-        imageLeftText: guid;
-        imageRightText: guid;
-        quote: guid;
-        text: guid;
+        image: VelcronRendererId;
+        imageLeftText: VelcronRendererId;
+        imageRightText: VelcronRendererId;
+        quote: VelcronRendererId;
+        text: VelcronRendererId;
     };
     social: {
-        image: guid;
-        text: guid;
-        praise: guid;
+        image: VelcronRendererId;
+        text: VelcronRendererId;
+        praise: VelcronRendererId;
     };
 };

package/internal-do-not-import-from-here/ux/velcron/stores/VelcronDefinitionStore.d.ts

@@ -1,4 +1,4 @@
-import { DynamicState, VelcronDefinitionCategoryRegistration, VelcronDefinitionRegistration, VelcronDefinitionRegistrationWithoutApp, VelcronDefinitionRendererTypeRegistration, VelcronRendererResolverReference, guid } from "@omnia/fx-models";
+import { DynamicState, VelcronAppDefinition, VelcronDefinitionCategoryRegistration, VelcronDefinitionRegistration, VelcronDefinitionRegistrationWithoutApp, VelcronDefinitionRendererTypeRegistration, VelcronRendererResolverReference, guid } from "@omnia/fx-models";
 export declare const useVelcronDefinitionStore: () => {
     state: {
         definitions: VelcronDefinitionRegistration<object>[];
@@ -6,8 +6,19 @@ export declare const useVelcronDefinitionStore: () => {
         rendererTypes: VelcronDefinitionRendererTypeRegistration[];
     };
     get: {
-        appDefinition(registration: VelcronDefinitionRegistration | VelcronDefinitionRegistrationWithoutApp): import("@omnia/fx-models").VelcronAppDefinition<object>;
-        byId<TState extends DynamicState>(id: guid): VelcronDefinitionRegistrationWithoutApp;
+        /**
+        * Retrieves a cloned fresh velcron app definition object.
+        * @param {VelcronDefinitionRegistration | VelcronDefinitionRegistrationWithoutApp} registration - The registration object used to find the app definition.
+        * @returns {any | null} A clone of the app definition if found, otherwise `null`.
+        */
+        appDefinition(registration: VelcronDefinitionRegistration | VelcronDefinitionRegistrationWithoutApp): VelcronAppDefinition<object>;
+        /**
+        * Finds a Velcron definition registration by its id. to Return the app definition use get.appDefinition function
+        * @template TState
+        * @param {guid} id - The unique identifier of the definition to find.
+        * @returns {VelcronDefinitionRegistrationWithoutApp | undefined} The Velcron definition registration without app definition, or `undefined` if not found.
+        */
+        byId(id: guid): VelcronDefinitionRegistrationWithoutApp;
         byFilters(categoryFilters: Array<guid>, rendererTypeFilters: Array<guid>, includeBuiltIn?: boolean): VelcronDefinitionRegistration<object>[];
         readonly categories: VelcronDefinitionCategoryRegistration[];
         filteredCategories(filters: Array<guid>, rendererTypeFilters: Array<guid>, includeBuiltIn?: boolean): VelcronDefinitionCategoryRegistration[];
@@ -22,6 +33,9 @@ export declare const useVelcronDefinitionStore: () => {
             loadAll: {
                 subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            ensureApp: {
+                subscribe(fn: (def: VelcronRendererResolverReference | VelcronAppDefinition<object> | VelcronDefinitionRegistration<object> | VelcronDefinitionRegistrationWithoutApp, stateToMerge?: object, mergeState?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             ensureByReference: {
                 subscribe(fn: (reference: VelcronRendererResolverReference) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
@@ -48,6 +62,12 @@ export declare const useVelcronDefinitionStore: () => {
             loadAll: {
                 subscribe(fn: (result: [void, void, void]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            ensureApp: {
+                subscribe(fn: (result: {
+                    definition: VelcronAppDefinition;
+                    registration: VelcronDefinitionRegistrationWithoutApp;
+                }, def: VelcronRendererResolverReference | VelcronAppDefinition<object> | VelcronDefinitionRegistration<object> | VelcronDefinitionRegistrationWithoutApp, stateToMerge?: object, mergeState?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             ensureByReference: {
                 subscribe(fn: (result: VelcronDefinitionRegistrationWithoutApp, reference: VelcronRendererResolverReference) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
@@ -74,6 +94,9 @@ export declare const useVelcronDefinitionStore: () => {
             loadAll: {
                 subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            ensureApp: {
+                subscribe(fn: (failureReason: any, def: VelcronRendererResolverReference | VelcronAppDefinition<object> | VelcronDefinitionRegistration<object> | VelcronDefinitionRegistrationWithoutApp, stateToMerge?: object, mergeState?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             ensureByReference: {
                 subscribe(fn: (failureReason: any, reference: VelcronRendererResolverReference) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
@@ -95,7 +118,38 @@ export declare const useVelcronDefinitionStore: () => {
         };
     } & {
         addDefinition(registration: VelcronDefinitionRegistration): void;
+        /**
+        * Loads all definitions including categories, custom definitions, and provider definitions.
+        *
+        * **Note:** This method triggers the load of all available definitions and should only be used in scenarios where the complete set of definitions is required, such as during editing.
+        *
+        * For more targeted operations, where only a specific `AppDefinition` is needed, use the `ensureApp` function instead.
+        *
+        * @returns A Promise that resolves when all definitions have been loaded successfully.
+        */
         loadAll(): Promise<[void, void, void]>;
+        /**
+        * Ensures that a Velcron app definition is available and optionally merges state data from either:
+        * 1. The `VelcronRendererResolverReference` if it is provided.
+        * 2. The provided `stateToMerge` object.
+        *
+        * @param def - The definition or reference for the application to ensure. This can be one of:
+        *              - `VelcronAppDefinition`: If an app definition is already provided, it will simply return it.
+        *              - `VelcronDefinitionRegistration`: A complete registration including the app.
+        *              - `VelcronDefinitionRegistrationWithoutApp`: A registration without the app instance.
+        *              - `VelcronRendererResolverReference`: A reference resolver to obtain the registration.
+        * @param stateToMerge - An optional state object to merge into the existing application definition state. Defaults to `null`.
+        * @param mergeState - A boolean flag indicating whether to merge state data. It will first attempt to merge from the provided definition (`def`), and if not available, it will use the `stateToMerge` object. Default is `true`.
+        *
+        * @returns A Promise that resolves to an object containing:
+        *          - `definition`: The ensured `VelcronAppDefinition`.
+        *          - `registration`: The corresponding `VelcronDefinitionRegistrationWithoutApp`. If the `def` was already a `VelcronAppDefinition`, this will be `null`.
+        *          Returns `null` if the registration could not be ensured.
+        */
+        ensureApp(def: VelcronAppDefinition | VelcronDefinitionRegistration | VelcronDefinitionRegistrationWithoutApp | VelcronRendererResolverReference, stateToMerge?: DynamicState, mergeState?: boolean): Promise<{
+            definition: VelcronAppDefinition;
+            registration: VelcronDefinitionRegistrationWithoutApp;
+        }>;
         ensureByReference(reference: VelcronRendererResolverReference): Promise<VelcronDefinitionRegistrationWithoutApp>;
         ensureCustomDefinitions(): Promise<void>;
         ensureProviderDefinitions(): Promise<void>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.266-dev",
+  "version": "8.0.268-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.266-dev",
+    "@omnia/fx-models": "8.0.268-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",