npm - @omnia/fx - Versions diffs - 8.0.162-dev → 8.0.164-dev - Mend

@omnia/fx 8.0.162-dev → 8.0.164-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (365) hide show

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

@@ -27,10 +27,14 @@ declare const _default: {
             state: {
                 definitions: VelcronContentInstance[];
                 activeDefinition: VelcronContentInstance;
+                definitionInFocus: boolean;
+                showEditorToolbar: boolean;
                 selectedDefinition: VelcronContentInstance;
                 toggleColorSchemaPreview: string;
+                toggleContainerBlueprintPreview: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint;
                 toggleDefinitionPreview: import("@omnia/fx-models").VelcronDefinition;
-                allowColorSchemaPreview: boolean;
+                showOverlay: boolean;
+                allowPreviewToggle: boolean;
                 onGoingDragging: boolean;
                 socialMode: boolean;
                 showLoading: boolean;
@@ -44,10 +48,14 @@ 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>;
+                onMutatedToggleContainerBlueprintPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint>;
                 onMutatedToggleDefinitionPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").VelcronDefinition>;
-                onMutatedAllowColorSchemaPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+                onMutatedShowOverlay: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+                onMutatedAllowPreviewToggle: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedOnGoingDragging: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedSocialMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedShowLoading: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
@@ -63,6 +71,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;
                     };
@@ -87,11 +98,14 @@ declare const _default: {
                     updateColorSchema: {
                         subscribe(fn: (definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleColorSchemaPreview: {
-                        subscribe(fn: (definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewContainerBlueprint: {
+                        subscribe(fn: (definitionRegistration: VelcronContentInstance, containerVariant: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
+                    previewColorSchema: {
+                        subscribe(fn: (definitionRegistration: VelcronContentInstance, colorSchemaType: string, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleDefinitionPreview: {
-                        subscribe(fn: (definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewDefinition: {
+                        subscribe(fn: (definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     changeDefinition: {
                         subscribe(fn: (definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, toggle?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -104,6 +118,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;
                     };
@@ -128,11 +145,14 @@ declare const _default: {
                     updateColorSchema: {
                         subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleColorSchemaPreview: {
-                        subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewContainerBlueprint: {
+                        subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, containerVariant: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
+                    previewColorSchema: {
+                        subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, colorSchemaType: string, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleDefinitionPreview: {
-                        subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewDefinition: {
+                        subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     changeDefinition: {
                         subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, toggle?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -145,6 +165,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;
                     };
@@ -169,11 +192,14 @@ declare const _default: {
                     updateColorSchema: {
                         subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleColorSchemaPreview: {
-                        subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewContainerBlueprint: {
+                        subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, containerVariant: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
+                    previewColorSchema: {
+                        subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, colorSchemaType: string, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleDefinitionPreview: {
-                        subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewDefinition: {
+                        subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     changeDefinition: {
                         subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, toggle?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -184,6 +210,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;
@@ -192,8 +219,9 @@ declare const _default: {
                 removeSelectedDefinition(): void;
                 setDragDropState(onGoingDragging: boolean): void;
                 updateColorSchema(definitionRegistration: VelcronContentInstance, colorSchemaType: string): void;
-                toggleColorSchemaPreview(definitionRegistration: VelcronContentInstance, colorSchemaType: string): void;
-                toggleDefinitionPreview(definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue): void;
+                previewContainerBlueprint: (definitionRegistration: VelcronContentInstance, containerVariant: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint, cancelPreview: boolean) => void;
+                previewColorSchema: (definitionRegistration: VelcronContentInstance, colorSchemaType: string, cancelPreview: boolean) => void;
+                previewDefinition: (definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, cancelPreview: boolean) => void;
                 changeDefinition(definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, toggle?: boolean): void;
                 updateDefinition(definition: VelcronContentInstance, velcronDefinition: VelcronAppDefinition<object>): void;
             };
@@ -223,10 +251,14 @@ declare const _default: {
             state: {
                 definitions: VelcronContentInstance[];
                 activeDefinition: VelcronContentInstance;
+                definitionInFocus: boolean;
+                showEditorToolbar: boolean;
                 selectedDefinition: VelcronContentInstance;
                 toggleColorSchemaPreview: string;
+                toggleContainerBlueprintPreview: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint;
                 toggleDefinitionPreview: import("@omnia/fx-models").VelcronDefinition;
-                allowColorSchemaPreview: boolean;
+                showOverlay: boolean;
+                allowPreviewToggle: boolean;
                 onGoingDragging: boolean;
                 socialMode: boolean;
                 showLoading: boolean;
@@ -240,10 +272,14 @@ 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>;
+                onMutatedToggleContainerBlueprintPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint>;
                 onMutatedToggleDefinitionPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").VelcronDefinition>;
-                onMutatedAllowColorSchemaPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+                onMutatedShowOverlay: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+                onMutatedAllowPreviewToggle: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedOnGoingDragging: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedSocialMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedShowLoading: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
@@ -259,6 +295,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;
                     };
@@ -283,11 +322,14 @@ declare const _default: {
                     updateColorSchema: {
                         subscribe(fn: (definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleColorSchemaPreview: {
-                        subscribe(fn: (definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewContainerBlueprint: {
+                        subscribe(fn: (definitionRegistration: VelcronContentInstance, containerVariant: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
+                    previewColorSchema: {
+                        subscribe(fn: (definitionRegistration: VelcronContentInstance, colorSchemaType: string, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleDefinitionPreview: {
-                        subscribe(fn: (definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewDefinition: {
+                        subscribe(fn: (definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     changeDefinition: {
                         subscribe(fn: (definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, toggle?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -300,6 +342,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;
                     };
@@ -324,11 +369,14 @@ declare const _default: {
                     updateColorSchema: {
                         subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleColorSchemaPreview: {
-                        subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewContainerBlueprint: {
+                        subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, containerVariant: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
+                    previewColorSchema: {
+                        subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, colorSchemaType: string, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleDefinitionPreview: {
-                        subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewDefinition: {
+                        subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     changeDefinition: {
                         subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, toggle?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -341,6 +389,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;
                     };
@@ -365,11 +416,14 @@ declare const _default: {
                     updateColorSchema: {
                         subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleColorSchemaPreview: {
-                        subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewContainerBlueprint: {
+                        subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, containerVariant: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
+                    previewColorSchema: {
+                        subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, colorSchemaType: string, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleDefinitionPreview: {
-                        subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewDefinition: {
+                        subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     changeDefinition: {
                         subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, toggle?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -380,6 +434,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;
@@ -388,8 +443,9 @@ declare const _default: {
                 removeSelectedDefinition(): void;
                 setDragDropState(onGoingDragging: boolean): void;
                 updateColorSchema(definitionRegistration: VelcronContentInstance, colorSchemaType: string): void;
-                toggleColorSchemaPreview(definitionRegistration: VelcronContentInstance, colorSchemaType: string): void;
-                toggleDefinitionPreview(definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue): void;
+                previewContainerBlueprint: (definitionRegistration: VelcronContentInstance, containerVariant: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint, cancelPreview: boolean) => void;
+                previewColorSchema: (definitionRegistration: VelcronContentInstance, colorSchemaType: string, cancelPreview: boolean) => void;
+                previewDefinition: (definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, cancelPreview: boolean) => void;
                 changeDefinition(definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, toggle?: boolean): void;
                 updateDefinition(definition: VelcronContentInstance, velcronDefinition: VelcronAppDefinition<object>): void;
             };
@@ -422,10 +478,14 @@ declare const _default: {
             state: {
                 definitions: VelcronContentInstance[];
                 activeDefinition: VelcronContentInstance;
+                definitionInFocus: boolean;
+                showEditorToolbar: boolean;
                 selectedDefinition: VelcronContentInstance;
                 toggleColorSchemaPreview: string;
+                toggleContainerBlueprintPreview: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint;
                 toggleDefinitionPreview: import("@omnia/fx-models").VelcronDefinition;
-                allowColorSchemaPreview: boolean;
+                showOverlay: boolean;
+                allowPreviewToggle: boolean;
                 onGoingDragging: boolean;
                 socialMode: boolean;
                 showLoading: boolean;
@@ -439,10 +499,14 @@ 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>;
+                onMutatedToggleContainerBlueprintPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint>;
                 onMutatedToggleDefinitionPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").VelcronDefinition>;
-                onMutatedAllowColorSchemaPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+                onMutatedShowOverlay: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+                onMutatedAllowPreviewToggle: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedOnGoingDragging: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedSocialMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedShowLoading: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
@@ -458,6 +522,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;
                     };
@@ -482,11 +549,14 @@ declare const _default: {
                     updateColorSchema: {
                         subscribe(fn: (definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleColorSchemaPreview: {
-                        subscribe(fn: (definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewContainerBlueprint: {
+                        subscribe(fn: (definitionRegistration: VelcronContentInstance, containerVariant: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
+                    previewColorSchema: {
+                        subscribe(fn: (definitionRegistration: VelcronContentInstance, colorSchemaType: string, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleDefinitionPreview: {
-                        subscribe(fn: (definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewDefinition: {
+                        subscribe(fn: (definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     changeDefinition: {
                         subscribe(fn: (definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, toggle?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -499,6 +569,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;
                     };
@@ -523,11 +596,14 @@ declare const _default: {
                     updateColorSchema: {
                         subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleColorSchemaPreview: {
-                        subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewContainerBlueprint: {
+                        subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, containerVariant: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleDefinitionPreview: {
-                        subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewColorSchema: {
+                        subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, colorSchemaType: string, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
+                    previewDefinition: {
+                        subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     changeDefinition: {
                         subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, toggle?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -540,6 +616,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;
                     };
@@ -564,11 +643,14 @@ declare const _default: {
                     updateColorSchema: {
                         subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleColorSchemaPreview: {
-                        subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewContainerBlueprint: {
+                        subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, containerVariant: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleDefinitionPreview: {
-                        subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewColorSchema: {
+                        subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, colorSchemaType: string, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
+                    previewDefinition: {
+                        subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     changeDefinition: {
                         subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, toggle?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -579,6 +661,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;
@@ -587,8 +670,9 @@ declare const _default: {
                 removeSelectedDefinition(): void;
                 setDragDropState(onGoingDragging: boolean): void;
                 updateColorSchema(definitionRegistration: VelcronContentInstance, colorSchemaType: string): void;
-                toggleColorSchemaPreview(definitionRegistration: VelcronContentInstance, colorSchemaType: string): void;
-                toggleDefinitionPreview(definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue): void;
+                previewContainerBlueprint: (definitionRegistration: VelcronContentInstance, containerVariant: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint, cancelPreview: boolean) => void;
+                previewColorSchema: (definitionRegistration: VelcronContentInstance, colorSchemaType: string, cancelPreview: boolean) => void;
+                previewDefinition: (definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, cancelPreview: boolean) => void;
                 changeDefinition(definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, toggle?: boolean): void;
                 updateDefinition(definition: VelcronContentInstance, velcronDefinition: VelcronAppDefinition<object>): void;
             };
@@ -618,10 +702,14 @@ declare const _default: {
         state: {
             definitions: VelcronContentInstance[];
             activeDefinition: VelcronContentInstance;
+            definitionInFocus: boolean;
+            showEditorToolbar: boolean;
             selectedDefinition: VelcronContentInstance;
             toggleColorSchemaPreview: string;
+            toggleContainerBlueprintPreview: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint;
             toggleDefinitionPreview: import("@omnia/fx-models").VelcronDefinition;
-            allowColorSchemaPreview: boolean;
+            showOverlay: boolean;
+            allowPreviewToggle: boolean;
             onGoingDragging: boolean;
             socialMode: boolean;
             showLoading: boolean;
@@ -635,10 +723,14 @@ 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>;
+            onMutatedToggleContainerBlueprintPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint>;
             onMutatedToggleDefinitionPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").VelcronDefinition>;
-            onMutatedAllowColorSchemaPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+            onMutatedShowOverlay: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+            onMutatedAllowPreviewToggle: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
             onMutatedOnGoingDragging: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
             onMutatedSocialMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
             onMutatedShowLoading: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
@@ -654,6 +746,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;
                 };
@@ -678,11 +773,14 @@ declare const _default: {
                 updateColorSchema: {
                     subscribe(fn: (definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                 };
-                toggleColorSchemaPreview: {
-                    subscribe(fn: (definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                previewContainerBlueprint: {
+                    subscribe(fn: (definitionRegistration: VelcronContentInstance, containerVariant: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                 };
-                toggleDefinitionPreview: {
-                    subscribe(fn: (definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                previewColorSchema: {
+                    subscribe(fn: (definitionRegistration: VelcronContentInstance, colorSchemaType: string, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                };
+                previewDefinition: {
+                    subscribe(fn: (definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                 };
                 changeDefinition: {
                     subscribe(fn: (definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, toggle?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -695,6 +793,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;
                 };
@@ -719,11 +820,14 @@ declare const _default: {
                 updateColorSchema: {
                     subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                 };
-                toggleColorSchemaPreview: {
-                    subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                previewContainerBlueprint: {
+                    subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, containerVariant: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                 };
-                toggleDefinitionPreview: {
-                    subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                previewColorSchema: {
+                    subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, colorSchemaType: string, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                };
+                previewDefinition: {
+                    subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                 };
                 changeDefinition: {
                     subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, toggle?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -736,6 +840,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;
                 };
@@ -760,11 +867,14 @@ declare const _default: {
                 updateColorSchema: {
                     subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                 };
-                toggleColorSchemaPreview: {
-                    subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                previewContainerBlueprint: {
+                    subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, containerVariant: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                };
+                previewColorSchema: {
+                    subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, colorSchemaType: string, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                 };
-                toggleDefinitionPreview: {
-                    subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                previewDefinition: {
+                    subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                 };
                 changeDefinition: {
                     subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, toggle?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -775,6 +885,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;
@@ -783,8 +894,9 @@ declare const _default: {
             removeSelectedDefinition(): void;
             setDragDropState(onGoingDragging: boolean): void;
             updateColorSchema(definitionRegistration: VelcronContentInstance, colorSchemaType: string): void;
-            toggleColorSchemaPreview(definitionRegistration: VelcronContentInstance, colorSchemaType: string): void;
-            toggleDefinitionPreview(definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue): void;
+            previewContainerBlueprint: (definitionRegistration: VelcronContentInstance, containerVariant: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint, cancelPreview: boolean) => void;
+            previewColorSchema: (definitionRegistration: VelcronContentInstance, colorSchemaType: string, cancelPreview: boolean) => void;
+            previewDefinition: (definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, cancelPreview: boolean) => void;
             changeDefinition(definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, toggle?: boolean): void;
             updateDefinition(definition: VelcronContentInstance, velcronDefinition: VelcronAppDefinition<object>): void;
         };
@@ -807,10 +919,14 @@ declare const _default: {
             state: {
                 definitions: VelcronContentInstance[];
                 activeDefinition: VelcronContentInstance;
+                definitionInFocus: boolean;
+                showEditorToolbar: boolean;
                 selectedDefinition: VelcronContentInstance;
                 toggleColorSchemaPreview: string;
+                toggleContainerBlueprintPreview: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint;
                 toggleDefinitionPreview: import("@omnia/fx-models").VelcronDefinition;
-                allowColorSchemaPreview: boolean;
+                showOverlay: boolean;
+                allowPreviewToggle: boolean;
                 onGoingDragging: boolean;
                 socialMode: boolean;
                 showLoading: boolean;
@@ -824,10 +940,14 @@ 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>;
+                onMutatedToggleContainerBlueprintPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint>;
                 onMutatedToggleDefinitionPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").VelcronDefinition>;
-                onMutatedAllowColorSchemaPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+                onMutatedShowOverlay: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+                onMutatedAllowPreviewToggle: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedOnGoingDragging: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedSocialMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedShowLoading: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
@@ -843,6 +963,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;
                     };
@@ -867,11 +990,14 @@ declare const _default: {
                     updateColorSchema: {
                         subscribe(fn: (definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleColorSchemaPreview: {
-                        subscribe(fn: (definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewContainerBlueprint: {
+                        subscribe(fn: (definitionRegistration: VelcronContentInstance, containerVariant: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
+                    previewColorSchema: {
+                        subscribe(fn: (definitionRegistration: VelcronContentInstance, colorSchemaType: string, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleDefinitionPreview: {
-                        subscribe(fn: (definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewDefinition: {
+                        subscribe(fn: (definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     changeDefinition: {
                         subscribe(fn: (definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, toggle?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -884,6 +1010,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;
                     };
@@ -908,11 +1037,14 @@ declare const _default: {
                     updateColorSchema: {
                         subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleColorSchemaPreview: {
-                        subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewContainerBlueprint: {
+                        subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, containerVariant: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
+                    previewColorSchema: {
+                        subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, colorSchemaType: string, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleDefinitionPreview: {
-                        subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewDefinition: {
+                        subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     changeDefinition: {
                         subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, toggle?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -925,6 +1057,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;
                     };
@@ -949,11 +1084,14 @@ declare const _default: {
                     updateColorSchema: {
                         subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleColorSchemaPreview: {
-                        subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewContainerBlueprint: {
+                        subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, containerVariant: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
+                    previewColorSchema: {
+                        subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, colorSchemaType: string, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
-                    toggleDefinitionPreview: {
-                        subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    previewDefinition: {
+                        subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     changeDefinition: {
                         subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, toggle?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -964,6 +1102,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;
@@ -972,8 +1111,9 @@ declare const _default: {
                 removeSelectedDefinition(): void;
                 setDragDropState(onGoingDragging: boolean): void;
                 updateColorSchema(definitionRegistration: VelcronContentInstance, colorSchemaType: string): void;
-                toggleColorSchemaPreview(definitionRegistration: VelcronContentInstance, colorSchemaType: string): void;
-                toggleDefinitionPreview(definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue): void;
+                previewContainerBlueprint: (definitionRegistration: VelcronContentInstance, containerVariant: import("@omnia/fx-models").ContainerVariant | import("@omnia/fx-models").ContainerBlueprint, cancelPreview: boolean) => void;
+                previewColorSchema: (definitionRegistration: VelcronContentInstance, colorSchemaType: string, cancelPreview: boolean) => void;
+                previewDefinition: (definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, cancelPreview: boolean) => void;
                 changeDefinition(definitionRegistration: VelcronContentInstance, newDefinitionId: import("@omnia/fx-models").GuidValue, toggle?: boolean): void;
                 updateDefinition(definition: VelcronContentInstance, velcronDefinition: VelcronAppDefinition<object>): void;
             };