@omnia/fx 8.0.162-dev → 8.0.163-dev

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

@@ -27,9 +27,12 @@ declare const _default: {
             state: {
                 definitions: VelcronContentInstance[];
                 activeDefinition: VelcronContentInstance;
+                definitionInFocus: boolean;
+                showEditorToolbar: boolean;
                 selectedDefinition: VelcronContentInstance;
                 toggleColorSchemaPreview: string;
                 toggleDefinitionPreview: import("@omnia/fx-models").VelcronDefinition;
+                showOverlay: boolean;
                 allowColorSchemaPreview: boolean;
                 onGoingDragging: boolean;
                 socialMode: boolean;
@@ -44,9 +47,12 @@ declare const _default: {
             events: {
                 onMutatedDefinitions: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronContentInstance[]>;
                 onMutatedActiveDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronContentInstance>;
+                onMutatedDefinitionInFocus: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+                onMutatedShowEditorToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedSelectedDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronContentInstance>;
                 onMutatedToggleColorSchemaPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
                 onMutatedToggleDefinitionPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").VelcronDefinition>;
+                onMutatedShowOverlay: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedAllowColorSchemaPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedOnGoingDragging: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedSocialMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
@@ -63,6 +69,9 @@ declare const _default: {
                     showDefinitionSelector: {
                         subscribe(fn: (preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
+                    toggleEditorToolbar: {
+                        subscribe(fn: (forceHide?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
                     addDefinition: {
                         subscribe(fn: (definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
@@ -104,6 +113,9 @@ declare const _default: {
                     showDefinitionSelector: {
                         subscribe(fn: (result: void, preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
+                    toggleEditorToolbar: {
+                        subscribe(fn: (result: void, forceHide?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
                     addDefinition: {
                         subscribe(fn: (result: void, definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
@@ -145,6 +157,9 @@ declare const _default: {
                     showDefinitionSelector: {
                         subscribe(fn: (failureReason: any, preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
+                    toggleEditorToolbar: {
+                        subscribe(fn: (failureReason: any, forceHide?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
                     addDefinition: {
                         subscribe(fn: (failureReason: any, definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
@@ -184,6 +199,7 @@ declare const _default: {
                 };
             } & {
                 showDefinitionSelector(preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean): void;
+                toggleEditorToolbar(forceHide?: boolean): void;
                 addDefinition(definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean): void;
                 setActiveDefinition(definition: VelcronContentInstance): void;
                 deleteDefinition(definition: VelcronContentInstance): void;
@@ -223,9 +239,12 @@ declare const _default: {
             state: {
                 definitions: VelcronContentInstance[];
                 activeDefinition: VelcronContentInstance;
+                definitionInFocus: boolean;
+                showEditorToolbar: boolean;
                 selectedDefinition: VelcronContentInstance;
                 toggleColorSchemaPreview: string;
                 toggleDefinitionPreview: import("@omnia/fx-models").VelcronDefinition;
+                showOverlay: boolean;
                 allowColorSchemaPreview: boolean;
                 onGoingDragging: boolean;
                 socialMode: boolean;
@@ -240,9 +259,12 @@ declare const _default: {
             events: {
                 onMutatedDefinitions: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronContentInstance[]>;
                 onMutatedActiveDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronContentInstance>;
+                onMutatedDefinitionInFocus: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+                onMutatedShowEditorToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedSelectedDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronContentInstance>;
                 onMutatedToggleColorSchemaPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
                 onMutatedToggleDefinitionPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").VelcronDefinition>;
+                onMutatedShowOverlay: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedAllowColorSchemaPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedOnGoingDragging: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedSocialMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
@@ -259,6 +281,9 @@ declare const _default: {
                     showDefinitionSelector: {
                         subscribe(fn: (preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
+                    toggleEditorToolbar: {
+                        subscribe(fn: (forceHide?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
                     addDefinition: {
                         subscribe(fn: (definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
@@ -300,6 +325,9 @@ declare const _default: {
                     showDefinitionSelector: {
                         subscribe(fn: (result: void, preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
+                    toggleEditorToolbar: {
+                        subscribe(fn: (result: void, forceHide?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
                     addDefinition: {
                         subscribe(fn: (result: void, definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
@@ -341,6 +369,9 @@ declare const _default: {
                     showDefinitionSelector: {
                         subscribe(fn: (failureReason: any, preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
+                    toggleEditorToolbar: {
+                        subscribe(fn: (failureReason: any, forceHide?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
                     addDefinition: {
                         subscribe(fn: (failureReason: any, definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
@@ -380,6 +411,7 @@ declare const _default: {
                 };
             } & {
                 showDefinitionSelector(preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean): void;
+                toggleEditorToolbar(forceHide?: boolean): void;
                 addDefinition(definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean): void;
                 setActiveDefinition(definition: VelcronContentInstance): void;
                 deleteDefinition(definition: VelcronContentInstance): void;
@@ -422,9 +454,12 @@ declare const _default: {
             state: {
                 definitions: VelcronContentInstance[];
                 activeDefinition: VelcronContentInstance;
+                definitionInFocus: boolean;
+                showEditorToolbar: boolean;
                 selectedDefinition: VelcronContentInstance;
                 toggleColorSchemaPreview: string;
                 toggleDefinitionPreview: import("@omnia/fx-models").VelcronDefinition;
+                showOverlay: boolean;
                 allowColorSchemaPreview: boolean;
                 onGoingDragging: boolean;
                 socialMode: boolean;
@@ -439,9 +474,12 @@ declare const _default: {
             events: {
                 onMutatedDefinitions: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronContentInstance[]>;
                 onMutatedActiveDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronContentInstance>;
+                onMutatedDefinitionInFocus: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+                onMutatedShowEditorToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedSelectedDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronContentInstance>;
                 onMutatedToggleColorSchemaPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
                 onMutatedToggleDefinitionPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").VelcronDefinition>;
+                onMutatedShowOverlay: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedAllowColorSchemaPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedOnGoingDragging: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedSocialMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
@@ -458,6 +496,9 @@ declare const _default: {
                     showDefinitionSelector: {
                         subscribe(fn: (preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
+                    toggleEditorToolbar: {
+                        subscribe(fn: (forceHide?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
                     addDefinition: {
                         subscribe(fn: (definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
@@ -499,6 +540,9 @@ declare const _default: {
                     showDefinitionSelector: {
                         subscribe(fn: (result: void, preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
+                    toggleEditorToolbar: {
+                        subscribe(fn: (result: void, forceHide?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
                     addDefinition: {
                         subscribe(fn: (result: void, definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
@@ -540,6 +584,9 @@ declare const _default: {
                     showDefinitionSelector: {
                         subscribe(fn: (failureReason: any, preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
+                    toggleEditorToolbar: {
+                        subscribe(fn: (failureReason: any, forceHide?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
                     addDefinition: {
                         subscribe(fn: (failureReason: any, definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
@@ -579,6 +626,7 @@ declare const _default: {
                 };
             } & {
                 showDefinitionSelector(preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean): void;
+                toggleEditorToolbar(forceHide?: boolean): void;
                 addDefinition(definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean): void;
                 setActiveDefinition(definition: VelcronContentInstance): void;
                 deleteDefinition(definition: VelcronContentInstance): void;
@@ -618,9 +666,12 @@ declare const _default: {
         state: {
             definitions: VelcronContentInstance[];
             activeDefinition: VelcronContentInstance;
+            definitionInFocus: boolean;
+            showEditorToolbar: boolean;
             selectedDefinition: VelcronContentInstance;
             toggleColorSchemaPreview: string;
             toggleDefinitionPreview: import("@omnia/fx-models").VelcronDefinition;
+            showOverlay: boolean;
             allowColorSchemaPreview: boolean;
             onGoingDragging: boolean;
             socialMode: boolean;
@@ -635,9 +686,12 @@ declare const _default: {
         events: {
             onMutatedDefinitions: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronContentInstance[]>;
             onMutatedActiveDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronContentInstance>;
+            onMutatedDefinitionInFocus: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+            onMutatedShowEditorToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
             onMutatedSelectedDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronContentInstance>;
             onMutatedToggleColorSchemaPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
             onMutatedToggleDefinitionPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").VelcronDefinition>;
+            onMutatedShowOverlay: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
             onMutatedAllowColorSchemaPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
             onMutatedOnGoingDragging: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
             onMutatedSocialMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
@@ -654,6 +708,9 @@ declare const _default: {
                 showDefinitionSelector: {
                     subscribe(fn: (preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                 };
+                toggleEditorToolbar: {
+                    subscribe(fn: (forceHide?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                };
                 addDefinition: {
                     subscribe(fn: (definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                 };
@@ -695,6 +752,9 @@ declare const _default: {
                 showDefinitionSelector: {
                     subscribe(fn: (result: void, preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                 };
+                toggleEditorToolbar: {
+                    subscribe(fn: (result: void, forceHide?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                };
                 addDefinition: {
                     subscribe(fn: (result: void, definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                 };
@@ -736,6 +796,9 @@ declare const _default: {
                 showDefinitionSelector: {
                     subscribe(fn: (failureReason: any, preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                 };
+                toggleEditorToolbar: {
+                    subscribe(fn: (failureReason: any, forceHide?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                };
                 addDefinition: {
                     subscribe(fn: (failureReason: any, definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                 };
@@ -775,6 +838,7 @@ declare const _default: {
             };
         } & {
             showDefinitionSelector(preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean): void;
+            toggleEditorToolbar(forceHide?: boolean): void;
             addDefinition(definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean): void;
             setActiveDefinition(definition: VelcronContentInstance): void;
             deleteDefinition(definition: VelcronContentInstance): void;
@@ -807,9 +871,12 @@ declare const _default: {
             state: {
                 definitions: VelcronContentInstance[];
                 activeDefinition: VelcronContentInstance;
+                definitionInFocus: boolean;
+                showEditorToolbar: boolean;
                 selectedDefinition: VelcronContentInstance;
                 toggleColorSchemaPreview: string;
                 toggleDefinitionPreview: import("@omnia/fx-models").VelcronDefinition;
+                showOverlay: boolean;
                 allowColorSchemaPreview: boolean;
                 onGoingDragging: boolean;
                 socialMode: boolean;
@@ -824,9 +891,12 @@ declare const _default: {
             events: {
                 onMutatedDefinitions: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronContentInstance[]>;
                 onMutatedActiveDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronContentInstance>;
+                onMutatedDefinitionInFocus: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+                onMutatedShowEditorToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedSelectedDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronContentInstance>;
                 onMutatedToggleColorSchemaPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
                 onMutatedToggleDefinitionPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").VelcronDefinition>;
+                onMutatedShowOverlay: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedAllowColorSchemaPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedOnGoingDragging: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedSocialMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
@@ -843,6 +913,9 @@ declare const _default: {
                     showDefinitionSelector: {
                         subscribe(fn: (preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
+                    toggleEditorToolbar: {
+                        subscribe(fn: (forceHide?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
                     addDefinition: {
                         subscribe(fn: (definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
@@ -884,6 +957,9 @@ declare const _default: {
                     showDefinitionSelector: {
                         subscribe(fn: (result: void, preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
+                    toggleEditorToolbar: {
+                        subscribe(fn: (result: void, forceHide?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
                     addDefinition: {
                         subscribe(fn: (result: void, definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
@@ -925,6 +1001,9 @@ declare const _default: {
                     showDefinitionSelector: {
                         subscribe(fn: (failureReason: any, preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
+                    toggleEditorToolbar: {
+                        subscribe(fn: (failureReason: any, forceHide?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
                     addDefinition: {
                         subscribe(fn: (failureReason: any, definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
@@ -964,6 +1043,7 @@ declare const _default: {
                 };
             } & {
                 showDefinitionSelector(preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean): void;
+                toggleEditorToolbar(forceHide?: boolean): void;
                 addDefinition(definition: import("@omnia/fx-models").VelcronDefinitionRegistration<object>, setAsActive?: boolean): void;
                 setActiveDefinition(definition: VelcronContentInstance): void;
                 deleteDefinition(definition: VelcronContentInstance): void;

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

@@ -0,0 +1,3 @@
+export declare const DefinitionToolbarStyles: {
+    overlay: string;
+};

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

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

package/internal-do-not-import-from-here/ux/velcron/components/contenteditorNew/editorHooks/ContentEditorHooks.css.d.ts

@@ -1,5 +1,6 @@
 export declare const ContentEditorHooksCss: {
-    activeItem: string;
+    activeItem: (toolbar: boolean) => string;
     hover: string;
     definitionWrapper: string;
+    definitionToolbarWrapper: string;
 };

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

@@ -3,11 +3,12 @@ import { VelcronContentInstance } from "./ContentDefinitionRegistration";
 import { VelcronDefinition, VelcronRenderContext } from "@omnia/fx-models";
 export interface EditorRenderingHooks {
     styles?: {
-        activeItem?: string;
-        hover?: string;
+        activeItem?: (item: VelcronContentInstance) => string;
+        hover?: (item: VelcronContentInstance) => string;
     };
     renderBorderSelectors?: (item: VelcronContentInstance) => VNodeChild;
     renderActionMenu?: (item: VelcronContentInstance) => VNodeChild;
+    renderDefinitionToolbar?: (item: VelcronContentInstance) => VNodeChild;
     renderEmptyEditor?: () => VNodeChild;
     definition?: {
         wrapperStyleExtensions?: ((item: VelcronDefinition, renderContext: VelcronRenderContext) => string);

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

@@ -8,9 +8,12 @@ export declare const useVelcronContentEditorStore: () => {
     state: {
         definitions: VelcronContentInstance[];
         activeDefinition: VelcronContentInstance;
+        definitionInFocus: boolean;
+        showEditorToolbar: boolean;
         selectedDefinition: VelcronContentInstance;
         toggleColorSchemaPreview: string;
         toggleDefinitionPreview: VelcronDefinition;
+        showOverlay: boolean;
         allowColorSchemaPreview: boolean;
         onGoingDragging: boolean;
         socialMode: boolean;
@@ -25,9 +28,12 @@ export declare const useVelcronContentEditorStore: () => {
     events: {
         onMutatedDefinitions: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronContentInstance[]>;
         onMutatedActiveDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronContentInstance>;
+        onMutatedDefinitionInFocus: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+        onMutatedShowEditorToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
         onMutatedSelectedDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronContentInstance>;
         onMutatedToggleColorSchemaPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
         onMutatedToggleDefinitionPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronDefinition>;
+        onMutatedShowOverlay: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
         onMutatedAllowColorSchemaPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
         onMutatedOnGoingDragging: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
         onMutatedSocialMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
@@ -44,6 +50,9 @@ export declare const useVelcronContentEditorStore: () => {
             showDefinitionSelector: {
                 subscribe(fn: (preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            toggleEditorToolbar: {
+                subscribe(fn: (forceHide?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             addDefinition: {
                 subscribe(fn: (definition: VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
@@ -85,6 +94,9 @@ export declare const useVelcronContentEditorStore: () => {
             showDefinitionSelector: {
                 subscribe(fn: (result: void, preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            toggleEditorToolbar: {
+                subscribe(fn: (result: void, forceHide?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             addDefinition: {
                 subscribe(fn: (result: void, definition: VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
@@ -126,6 +138,9 @@ export declare const useVelcronContentEditorStore: () => {
             showDefinitionSelector: {
                 subscribe(fn: (failureReason: any, preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            toggleEditorToolbar: {
+                subscribe(fn: (failureReason: any, forceHide?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             addDefinition: {
                 subscribe(fn: (failureReason: any, definition: VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
@@ -165,6 +180,7 @@ export declare const useVelcronContentEditorStore: () => {
         };
     } & {
         showDefinitionSelector(preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean): void;
+        toggleEditorToolbar(forceHide?: boolean): void;
         addDefinition(definition: VelcronDefinitionRegistration, setAsActive?: boolean): void;
         setActiveDefinition(definition: VelcronContentInstance): void;
         deleteDefinition(definition: VelcronContentInstance): void;

package/internal-do-not-import-from-here/ux/velcron/components/propertieseditor/VelcronPropertiesEditor.d.ts

@@ -1,5 +1,5 @@
 import { VelcronAppDefinition } from "@omnia/fx-models";
-import { VelcronStateEditor } from "../../core";
+import { VelcronEditor } from "../../core";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         "hide-property-mapped": {
@@ -9,10 +9,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         "property-editors": {
-            type: import("vue").PropType<VelcronStateEditor<any>[]>;
+            type: import("vue").PropType<VelcronEditor<any>[]>;
         };
         propertyEditors: {
-            type: import("vue").PropType<VelcronStateEditor<any>[]>;
+            type: import("vue").PropType<VelcronEditor<any>[]>;
         };
         "onUpdate:modelValue": {
             type: import("vue").PropType<(value: VelcronAppDefinition<object>) => any>;
@@ -92,10 +92,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         "property-editors": {
-            type: import("vue").PropType<VelcronStateEditor<any>[]>;
+            type: import("vue").PropType<VelcronEditor<any>[]>;
         };
         propertyEditors: {
-            type: import("vue").PropType<VelcronStateEditor<any>[]>;
+            type: import("vue").PropType<VelcronEditor<any>[]>;
         };
         "onUpdate:modelValue": {
             type: import("vue").PropType<(value: VelcronAppDefinition<object>) => any>;
@@ -180,10 +180,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         "property-editors": {
-            type: import("vue").PropType<VelcronStateEditor<any>[]>;
+            type: import("vue").PropType<VelcronEditor<any>[]>;
         };
         propertyEditors: {
-            type: import("vue").PropType<VelcronStateEditor<any>[]>;
+            type: import("vue").PropType<VelcronEditor<any>[]>;
         };
         "onUpdate:modelValue": {
             type: import("vue").PropType<(value: VelcronAppDefinition<object>) => any>;
@@ -265,10 +265,10 @@ declare const _default: {
         type: import("vue").PropType<boolean>;
     };
     "property-editors": {
-        type: import("vue").PropType<VelcronStateEditor<any>[]>;
+        type: import("vue").PropType<VelcronEditor<any>[]>;
     };
     propertyEditors: {
-        type: import("vue").PropType<VelcronStateEditor<any>[]>;
+        type: import("vue").PropType<VelcronEditor<any>[]>;
     };
     "onUpdate:modelValue": {
         type: import("vue").PropType<(value: VelcronAppDefinition<object>) => any>;
@@ -406,8 +406,8 @@ declare const _default: {
         "v-model"?: VelcronAppDefinition<object>;
         "onUpdate:modelValue"?: (value: VelcronAppDefinition<object>) => any;
         modelValue?: VelcronAppDefinition<object>;
-        propertyEditors?: VelcronStateEditor<any>[];
-        "property-editors"?: VelcronStateEditor<any>[];
+        propertyEditors?: VelcronEditor<any>[];
+        "property-editors"?: VelcronEditor<any>[];
         hidePropertyMapped?: boolean;
         "hide-property-mapped"?: boolean;
     }>, "onUpdate:modelValue"> & {

package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDefinitions.d.ts

@@ -1,4 +1,4 @@
-import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future, TextBlueprint, VelcronBindableProp, ContainerBlueprint, BackgroundDefinition, VelcronStateEditor } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
+import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future, TextBlueprint, VelcronBindableProp, ContainerBlueprint, BackgroundDefinition, VelcronEditor } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
 import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
 import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronVerticalAlignments } from "./Enums";
 import { DynamicState, VelcronDefinition, useVelcronThemingStore } from "..";
@@ -295,9 +295,9 @@ export interface VelcronSlidePanelDefinition extends VelcronDefinition {
     style?: VelcronCardStyling;
     events?: VelcronOnPressEvent;
 }
-export interface VelcronEditorDefinition extends VelcronDefinition {
+export interface VelcronEditorRendererDefinition extends VelcronDefinition {
     type: "editor";
-    editor: VelcronStateEditor;
+    editor: VelcronEditor;
     value: VelcronBindableProp<string>;
     events?: VelcronOnUpdatedEvent;
 }
@@ -326,7 +326,7 @@ export interface VelcronSlotDefinition extends VelcronDefinition {
 }
 export interface VelcronReferenceDefinition extends VelcronDefinition {
     type: "reference";
-    to: VelcronRendererResolverReference;
+    to: VelcronBindableProp<VelcronRendererResolverReference>;
     state: string;
 }
 export interface VelcronPropertyDefinition extends VelcronDefinitionWithEditMode {