@omnia/fx 8.0.163-dev → 8.0.165-dev

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

@@ -1,4 +1,4 @@
-import { GuidValue, VelcronAppDefinition, VelcronDefinition, VelcronDefinitionRegistration } from "@omnia/fx-models";
+import { GuidValue, VelcronAppDefinition, VelcronDefinition, VelcronDefinitionRegistration, ContainerBlueprint, ContainerVariant } from "@omnia/fx-models";
 import { VelcronContentInstance } from "../models";
 type insertMode = "add" | "change";
 export declare const useVelcronContentEditorStore: () => {
@@ -12,9 +12,10 @@ export declare const useVelcronContentEditorStore: () => {
         showEditorToolbar: boolean;
         selectedDefinition: VelcronContentInstance;
         toggleColorSchemaPreview: string;
+        toggleContainerBlueprintPreview: ContainerVariant | ContainerBlueprint;
         toggleDefinitionPreview: VelcronDefinition;
         showOverlay: boolean;
-        allowColorSchemaPreview: boolean;
+        allowPreviewToggle: boolean;
         onGoingDragging: boolean;
         socialMode: boolean;
         showLoading: boolean;
@@ -32,9 +33,10 @@ export declare const useVelcronContentEditorStore: () => {
         onMutatedShowEditorToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
         onMutatedSelectedDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronContentInstance>;
         onMutatedToggleColorSchemaPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
+        onMutatedToggleContainerBlueprintPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<ContainerVariant | ContainerBlueprint>;
         onMutatedToggleDefinitionPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronDefinition>;
         onMutatedShowOverlay: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
-        onMutatedAllowColorSchemaPreview: 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>;
@@ -77,11 +79,14 @@ export declare const useVelcronContentEditorStore: () => {
             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: ContainerVariant | 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: GuidValue) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            previewDefinition: {
+                subscribe(fn: (definitionRegistration: VelcronContentInstance, newDefinitionId: GuidValue, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             changeDefinition: {
                 subscribe(fn: (definitionRegistration: VelcronContentInstance, newDefinitionId: GuidValue, toggle?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -121,11 +126,14 @@ export declare const useVelcronContentEditorStore: () => {
             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: ContainerVariant | ContainerBlueprint, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
-            toggleDefinitionPreview: {
-                subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, newDefinitionId: 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: GuidValue, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             changeDefinition: {
                 subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, newDefinitionId: GuidValue, toggle?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -165,11 +173,14 @@ export declare const useVelcronContentEditorStore: () => {
             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: ContainerVariant | 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: GuidValue) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            previewDefinition: {
+                subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, newDefinitionId: GuidValue, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             changeDefinition: {
                 subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, newDefinitionId: GuidValue, toggle?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -189,8 +200,9 @@ export declare const useVelcronContentEditorStore: () => {
         removeSelectedDefinition(): void;
         setDragDropState(onGoingDragging: boolean): void;
         updateColorSchema(definitionRegistration: VelcronContentInstance, colorSchemaType: string): void;
-        toggleColorSchemaPreview(definitionRegistration: VelcronContentInstance, colorSchemaType: string): void;
-        toggleDefinitionPreview(definitionRegistration: VelcronContentInstance, newDefinitionId: GuidValue): void;
+        previewContainerBlueprint: (definitionRegistration: VelcronContentInstance, containerVariant: ContainerBlueprint | ContainerVariant, cancelPreview: boolean) => void;
+        previewColorSchema: (definitionRegistration: VelcronContentInstance, colorSchemaType: string, cancelPreview: boolean) => void;
+        previewDefinition: (definitionRegistration: VelcronContentInstance, newDefinitionId: GuidValue, cancelPreview: boolean) => void;
         changeDefinition(definitionRegistration: VelcronContentInstance, newDefinitionId: GuidValue, toggle?: boolean): void;
         updateDefinition(definition: VelcronContentInstance, velcronDefinition: VelcronAppDefinition): void;
     };

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

@@ -117,9 +117,18 @@ declare const _default: {
         } & {
             type: import("vue").PropType<IIcon>;
         };
-        colorSchemaType?: any;
-        container?: any;
-        colors?: any;
+        colorSchemaType: {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            required: boolean;
+        };
+        container: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        colors: {
+            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+            required: boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
         onAdd?: () => any;
@@ -247,9 +256,18 @@ declare const _default: {
         } & {
             type: import("vue").PropType<IIcon>;
         };
-        colorSchemaType?: any;
-        container?: any;
-        colors?: any;
+        colorSchemaType: {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            required: boolean;
+        };
+        container: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        colors: {
+            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+            required: boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
         onAdd?: () => any;
@@ -257,9 +275,7 @@ declare const _default: {
         "onDefinition:enter"?: (id: GuidValue) => any;
         "onDefinition:leave"?: (id: GuidValue) => any;
     }, {
-        container?: any;
-        colorSchemaType?: any;
-        colors?: any;
+        container: boolean;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -382,9 +398,18 @@ declare const _default: {
         } & {
             type: import("vue").PropType<IIcon>;
         };
-        colorSchemaType?: any;
-        container?: any;
-        colors?: any;
+        colorSchemaType: {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            required: boolean;
+        };
+        container: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        colors: {
+            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+            required: boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
         onAdd?: () => any;
@@ -392,9 +417,7 @@ declare const _default: {
         "onDefinition:enter"?: (id: GuidValue) => any;
         "onDefinition:leave"?: (id: GuidValue) => any;
     }, () => JSX.Element, {}, {}, {}, {
-        container?: any;
-        colorSchemaType?: any;
-        colors?: any;
+        container: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -514,9 +537,18 @@ declare const _default: {
     } & {
         type: import("vue").PropType<IIcon>;
     };
-    colorSchemaType?: any;
-    container?: any;
-    colors?: any;
+    colorSchemaType: {
+        type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        required: boolean;
+    };
+    container: {
+        type: BooleanConstructor;
+        required: boolean;
+    };
+    colors: {
+        type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+        required: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
     onAdd?: () => any;
@@ -530,15 +562,9 @@ declare const _default: {
     "definition:enter": (id: GuidValue) => any;
     "definition:leave": (id: GuidValue) => any;
 }, string, {
-    container?: any;
-    colorSchemaType?: any;
-    colors?: any;
+    container: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{
-        container?: any;
-        colorSchemaType?: any;
-        colors?: any;
-    } & {
+    propsDefinition: Omit<Readonly<{} & {
         name?: {
             [x: `onUpdate:${string}`]: {
                 type: import("vue").PropType<(value: boolean) => any>;
@@ -602,7 +628,10 @@ declare const _default: {
         };
         icon?: IIcon;
         title?: string;
+        container?: boolean;
         filters?: string[];
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         "v-model"?: boolean;
         "onUpdate:modelValue"?: (value: boolean) => any;
         modelValue?: boolean;

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

@@ -85,9 +85,18 @@ declare const _default: {
                 };
             }>;
         };
-        colorSchemaType?: any;
-        container?: any;
-        colors?: any;
+        colorSchemaType: {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            required: boolean;
+        };
+        container: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        colors: {
+            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+            required: boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
         onSelected?: (id: GuidValue) => any;
@@ -183,18 +192,25 @@ declare const _default: {
                 };
             }>;
         };
-        colorSchemaType?: any;
-        container?: any;
-        colors?: any;
+        colorSchemaType: {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            required: boolean;
+        };
+        container: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        colors: {
+            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+            required: boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
         onSelected?: (id: GuidValue) => any;
         "onDefinition:enter"?: (id: GuidValue) => any;
         "onDefinition:leave"?: (id: GuidValue) => any;
     }, {
-        container?: any;
-        colorSchemaType?: any;
-        colors?: any;
+        container: boolean;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -287,18 +303,25 @@ declare const _default: {
                 };
             }>;
         };
-        colorSchemaType?: any;
-        container?: any;
-        colors?: any;
+        colorSchemaType: {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+            required: boolean;
+        };
+        container: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        colors: {
+            type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+            required: boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
         onSelected?: (id: GuidValue) => any;
         "onDefinition:enter"?: (id: GuidValue) => any;
         "onDefinition:leave"?: (id: GuidValue) => any;
     }, () => JSX.Element, {}, {}, {}, {
-        container?: any;
-        colorSchemaType?: any;
-        colors?: any;
+        container: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -388,9 +411,18 @@ declare const _default: {
             };
         }>;
     };
-    colorSchemaType?: any;
-    container?: any;
-    colors?: any;
+    colorSchemaType: {
+        type: import("vue").PropType<"background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        required: boolean;
+    };
+    container: {
+        type: BooleanConstructor;
+        required: boolean;
+    };
+    colors: {
+        type: import("vue").PropType<import("@omnia/fx/ux").ColorSchemaStoreType>;
+        required: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: (value: boolean) => any;
     onSelected?: (id: GuidValue) => any;
@@ -402,15 +434,9 @@ declare const _default: {
     "definition:enter": (id: GuidValue) => any;
     "definition:leave": (id: GuidValue) => any;
 }, string, {
-    container?: any;
-    colorSchemaType?: any;
-    colors?: any;
+    container: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{
-        container?: any;
-        colorSchemaType?: any;
-        colors?: any;
-    } & {
+    propsDefinition: Omit<Readonly<{} & {
         name?: {
             [x: `onUpdate:${string}`]: {
                 type: import("vue").PropType<(value: VelcronDefinitionRegistration<object>) => any>;
@@ -472,6 +498,9 @@ declare const _default: {
                 };
             }>;
         };
+        container?: boolean;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+        colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
         "v-model"?: VelcronDefinitionRegistration<object>;
         "onUpdate:modelValue"?: (value: VelcronDefinitionRegistration<object>) => any;
         modelValue?: VelcronDefinitionRegistration<object>;

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

@@ -1,7 +1,18 @@
 import { VelcronAppDefinition } from "@omnia/fx-models";
-import { VelcronEditor } from "../../core";
+import { EditorLocation, VelcronEditor } from "../../core";
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        "preview-color-schema-type": {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        };
+        previewColorSchemaType: {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        };
+        location: {
+            type: import("vue").PropType<EditorLocation>;
+        } & {
+            type: import("vue").PropType<EditorLocation>;
+        };
         "hide-property-mapped": {
             type: import("vue").PropType<boolean>;
         };
@@ -82,9 +93,24 @@ declare const _default: {
         };
     }>> & {
         "onUpdate:modelValue"?: (value: VelcronAppDefinition<object>) => any;
+        "onValue:enter"?: (propertyEditorMapping: VelcronEditor<any>, value: any) => any;
+        "onValue:leave"?: (propertyEditorMapping: VelcronEditor<any>, value: any) => any;
     }, () => JSX.Element[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: VelcronAppDefinition) => true;
+        "value:enter": (propertyEditorMapping: VelcronEditor, value: any) => true;
+        "value:leave": (propertyEditorMapping: VelcronEditor, value: any) => true;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        "preview-color-schema-type": {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        };
+        previewColorSchemaType: {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        };
+        location: {
+            type: import("vue").PropType<EditorLocation>;
+        } & {
+            type: import("vue").PropType<EditorLocation>;
+        };
         "hide-property-mapped": {
             type: import("vue").PropType<boolean>;
         };
@@ -165,6 +191,8 @@ declare const _default: {
         };
     }>> & {
         "onUpdate:modelValue"?: (value: VelcronAppDefinition<object>) => any;
+        "onValue:enter"?: (propertyEditorMapping: VelcronEditor<any>, value: any) => any;
+        "onValue:leave"?: (propertyEditorMapping: VelcronEditor<any>, value: any) => any;
     }, {}, true, {}, {}, {
         P: {};
         B: {};
@@ -173,6 +201,17 @@ declare const _default: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        "preview-color-schema-type": {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        };
+        previewColorSchemaType: {
+            type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+        };
+        location: {
+            type: import("vue").PropType<EditorLocation>;
+        } & {
+            type: import("vue").PropType<EditorLocation>;
+        };
         "hide-property-mapped": {
             type: import("vue").PropType<boolean>;
         };
@@ -253,11 +292,24 @@ declare const _default: {
         };
     }>> & {
         "onUpdate:modelValue"?: (value: VelcronAppDefinition<object>) => any;
+        "onValue:enter"?: (propertyEditorMapping: VelcronEditor<any>, value: any) => any;
+        "onValue:leave"?: (propertyEditorMapping: VelcronEditor<any>, value: any) => any;
     }, () => JSX.Element[], {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    "preview-color-schema-type": {
+        type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+    };
+    previewColorSchemaType: {
+        type: import("vue").PropType<"background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic">;
+    };
+    location: {
+        type: import("vue").PropType<EditorLocation>;
+    } & {
+        type: import("vue").PropType<EditorLocation>;
+    };
     "hide-property-mapped": {
         type: import("vue").PropType<boolean>;
     };
@@ -338,8 +390,12 @@ declare const _default: {
     };
 }>> & {
     "onUpdate:modelValue"?: (value: VelcronAppDefinition<object>) => any;
+    "onValue:enter"?: (propertyEditorMapping: VelcronEditor<any>, value: any) => any;
+    "onValue:leave"?: (propertyEditorMapping: VelcronEditor<any>, value: any) => any;
 }, () => JSX.Element[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: VelcronAppDefinition) => true;
+    "value:enter": (propertyEditorMapping: VelcronEditor, value: any) => true;
+    "value:leave": (propertyEditorMapping: VelcronEditor, value: any) => true;
 }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
         name?: {
@@ -406,12 +462,17 @@ declare const _default: {
         "v-model"?: VelcronAppDefinition<object>;
         "onUpdate:modelValue"?: (value: VelcronAppDefinition<object>) => any;
         modelValue?: VelcronAppDefinition<object>;
+        location?: EditorLocation;
+        previewColorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
+        "preview-color-schema-type"?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
         propertyEditors?: VelcronEditor<any>[];
         "property-editors"?: VelcronEditor<any>[];
         hidePropertyMapped?: boolean;
         "hide-property-mapped"?: boolean;
-    }>, "onUpdate:modelValue"> & {
+    }>, "onUpdate:modelValue" | "onValue:enter" | "onValue:leave"> & {
         "onUpdate:modelValue"?: (value: VelcronAppDefinition<object>) => any;
+        "onValue:enter"?: (propertyEditorMapping: VelcronEditor<any>, value: any) => any;
+        "onValue:leave"?: (propertyEditorMapping: VelcronEditor<any>, value: any) => any;
     };
 };
 export default _default;

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

@@ -16,22 +16,9 @@ export declare enum VelcronActionTypes {
 export declare enum VelcronIconTypes {
     fontAwesome = "fa"
 }
-export declare enum VelcronViewDirections {
-    row = "row",
-    column = "column",
-    rowReverse = "row-reverse",
-    columnRevers = "column-reverse"
-}
-export declare enum VelcronHorizontalAlignments {
-    left = "left",
-    center = "center",
-    right = "right"
-}
-export declare enum VelcronVerticalAlignments {
-    top = "top",
-    center = "center",
-    bottom = "bottom"
-}
+export type VelcronViewDirections = "row" | "column" | "row-reverse" | "column-reverse";
+export type VelcronHorizontalAlignments = "left" | "center" | "right";
+export type VelcronVerticalAlignments = "top" | "center" | "bottom";
 export declare enum VelcronDataTypes {
     unknown = "unknown",
     object = "object",

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, VelcronEditor } 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, VelcronEditor, ContainerBlueprint, BackgroundDefinition, ContainerVariant } 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 "..";
@@ -85,11 +85,11 @@ export interface VelcronRenderContextEventHandlersInstance extends VelcronRender
 }
 export interface VelcronRenderContextHooks {
     dialogVisibilityChanged?: ((visible: boolean) => void);
-    onItemSelected?: ((item: VelcronDefinition) => void);
+    onItemSelected?: ((item: VelcronDefinition, renderContext: VelcronRenderContext) => void);
     wrapperStyleExtensions?: ((item: VelcronDefinition, renderContext: VelcronRenderContext) => string);
-    renderExtensions?: <TNodeType>(item: VelcronDefinition) => TNodeType;
+    renderExtensions?: <TNodeType>(item: VelcronDefinition, renderContext: VelcronRenderContext) => TNodeType;
     appStyleExtension?: (() => string);
-    onItemCreatedProps?: ((item: VelcronDefinition) => object);
+    onItemCreatedProps?: ((item: VelcronDefinition, renderContext: VelcronRenderContext) => object);
 }
 export interface VelcronContainerRenderer {
     definition: VelcronDefinition;
@@ -161,7 +161,7 @@ export interface VelcronFlexRowDefinition extends VelcronDefinition, VelcronColo
     events?: VelcronOnPressEvent;
     direction?: VelcronBindableProp<"row" | "row-reverse">;
     absolute?: VelcronSpacing;
-    blueprint?: ContainerBlueprint;
+    blueprint?: ContainerBlueprint | ContainerVariant;
     background?: BackgroundDefinition;
     hideOverflow?: boolean;
     wrap?: boolean;
@@ -194,7 +194,6 @@ export interface VelcronTextDefinition extends VelcronDefinition, VelcronColorSt
     type: "text";
     value?: VelcronBindableProp;
     placeholder?: VelcronBindableProp;
-    editLabel?: VelcronBindableProp;
     lineClamp?: VelcronBindableProp<number>;
     noWrap?: VelcronBindableProp<boolean>;
     wordBreak?: VelcronBindableProp<"none">;

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

@@ -23,6 +23,12 @@ export interface VelcronTextEditorSettings {
     type: TypographyType;
     placeholder: string;
 }
+export interface VelcronBlueprintEditorSettings {
+    type: "container" | "";
+}
+export interface VelcronBackgroundEditorSettings {
+    type: "image" | "video";
+}
 export interface VelcronSliderPropertyEditor extends VelcronEditor<VelcronSliderPropertyEditorSettings> {
     type: "slider";
 }
@@ -35,9 +41,6 @@ export interface VelcronEnterprisePropertyEditor extends VelcronEditor<any> {
 export interface VelcronTypographyPropertyEditor extends VelcronEditor<VelcronTypographyEditorSettings> {
     type: "typography";
 }
-export interface VelcronContainerPropertyEditor extends VelcronEditor<any> {
-    type: "container";
-}
 export interface VelcronSwitchPropertyEditor extends VelcronEditor<any> {
     type: "switch";
 }
@@ -65,3 +68,12 @@ export interface VelcronSpacingPropertyEditor extends VelcronEditor<VelcronSpaci
 export interface VelcronReferencePropertyEditor extends VelcronEditor<any> {
     type: "reference";
 }
+export interface VelcronBlueprintEditor extends VelcronEditor<VelcronBlueprintEditorSettings> {
+    type: "blueprint";
+}
+export interface VelcronBackgroundEditor extends VelcronEditor<VelcronBackgroundEditorSettings> {
+    type: "background";
+}
+export interface VelcronGridEditor extends VelcronEditor<any> {
+    type: "grid";
+}