@omnia/fx 8.0.176-dev → 8.0.178-dev

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

@@ -1,10 +1,10 @@
-import { VelcronContentInstance } from "../models";
+import { VelcronSectionInstance } from "@omnia/fx-models";
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
-    "v-model"?: VelcronContentInstance;
+    "v-model"?: VelcronSectionInstance;
 } & {
-    "onUpdate:modelValue"?: (value: VelcronContentInstance) => void;
+    "onUpdate:modelValue"?: (value: VelcronSectionInstance) => void;
 } & {
-    modelValue?: VelcronContentInstance;
+    modelValue?: VelcronSectionInstance;
 }> & Omit<{}, "v-model" | "onUpdate:modelValue" | "modelValue"> & {
     "v-slots"?: {
         default?: import("vue").Slot;
@@ -48,11 +48,11 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
 } & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     propsDefinition: import("@omnia/fx/ux").ExtractProps<{
-        "v-model"?: VelcronContentInstance;
+        "v-model"?: VelcronSectionInstance;
     } & {
-        "onUpdate:modelValue"?: (value: VelcronContentInstance) => void;
+        "onUpdate:modelValue"?: (value: VelcronSectionInstance) => void;
     } & {
-        modelValue?: VelcronContentInstance;
+        modelValue?: VelcronSectionInstance;
     }> & {
         "v-slots"?: {
             default?: import("vue").Slot;

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

@@ -1,10 +1,10 @@
-import { VelcronContentInstance } from "../models";
+import { VelcronSectionInstance } from "@omnia/fx-models";
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
-    "v-model"?: VelcronContentInstance;
+    "v-model"?: VelcronSectionInstance;
 } & {
-    "onUpdate:modelValue"?: (value: VelcronContentInstance) => void;
+    "onUpdate:modelValue"?: (value: VelcronSectionInstance) => void;
 } & {
-    modelValue?: VelcronContentInstance;
+    modelValue?: VelcronSectionInstance;
 }> & Omit<{}, "v-model" | "onUpdate:modelValue" | "modelValue"> & {
     "v-slots"?: {
         default?: import("vue").Slot;
@@ -48,11 +48,11 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
 } & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     propsDefinition: import("@omnia/fx/ux").ExtractProps<{
-        "v-model"?: VelcronContentInstance;
+        "v-model"?: VelcronSectionInstance;
     } & {
-        "onUpdate:modelValue"?: (value: VelcronContentInstance) => void;
+        "onUpdate:modelValue"?: (value: VelcronSectionInstance) => void;
     } & {
-        modelValue?: VelcronContentInstance;
+        modelValue?: VelcronSectionInstance;
     }> & {
         "v-slots"?: {
             default?: import("vue").Slot;

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

@@ -1,11 +1,11 @@
-import { VelcronContentInstance } from "../models";
+import { VelcronSectionInstance } from "@omnia/fx-models";
 type ToolbarVariant = "default" | "reference";
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
-    "v-model"?: VelcronContentInstance;
+    "v-model"?: VelcronSectionInstance;
 } & {
-    "onUpdate:modelValue"?: (value: VelcronContentInstance) => void;
+    "onUpdate:modelValue"?: (value: VelcronSectionInstance) => void;
 } & {
-    modelValue?: VelcronContentInstance;
+    modelValue?: VelcronSectionInstance;
 } & {
     variant?: ToolbarVariant;
 }> & Omit<{}, "v-model" | "onUpdate:modelValue" | "modelValue" | "variant"> & {
@@ -51,11 +51,11 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
 } & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     propsDefinition: import("@omnia/fx/ux").ExtractProps<{
-        "v-model"?: VelcronContentInstance;
+        "v-model"?: VelcronSectionInstance;
     } & {
-        "onUpdate:modelValue"?: (value: VelcronContentInstance) => void;
+        "onUpdate:modelValue"?: (value: VelcronSectionInstance) => void;
     } & {
-        modelValue?: VelcronContentInstance;
+        modelValue?: VelcronSectionInstance;
     } & {
         variant?: ToolbarVariant;
     }> & {

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

@@ -1,2 +1 @@
-export * from "./content";
-export * from "./social";
+export * from "./DefinitionRegistrations";

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

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

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

@@ -1,2 +1 @@
-export * from "./ContentDefinitionRegistration";
-export * from "./VelcronDefinitionIds";
+export * from "./EditorRenderingHooks";

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

@@ -1,16 +1,16 @@
-import { GuidValue, VelcronAppDefinition, VelcronDefinition, VelcronDefinitionRegistration, ContainerBlueprint, ContainerVariant } from "@omnia/fx-models";
-import { VelcronContentInstance } from "../models";
+import { GuidValue, VelcronAppDefinition, VelcronDefinition, VelcronDefinitionRegistration, ContainerBlueprint, ContainerVariant, VelcronSectionInstance } from "@omnia/fx-models";
 type insertMode = "add" | "change";
 export declare const useVelcronContentEditorStore: () => {
     get: {
-        content: () => VelcronAppDefinition<object>[];
+        contentAsVelcron: () => VelcronAppDefinition<object>[];
+        contentAsSections: () => VelcronSectionInstance[];
     };
     state: {
-        definitions: VelcronContentInstance[];
-        activeDefinition: VelcronContentInstance;
+        definitions: VelcronSectionInstance[];
+        activeDefinition: VelcronSectionInstance;
         definitionInFocus: boolean;
         showEditorToolbar: boolean;
-        selectedDefinition: VelcronContentInstance;
+        selectedDefinition: VelcronSectionInstance;
         toggleColorSchemaPreview: string;
         toggleContainerBlueprintPreview: ContainerVariant | ContainerBlueprint;
         toggleDefinitionPreview: VelcronDefinition;
@@ -27,11 +27,11 @@ export declare const useVelcronContentEditorStore: () => {
         };
     };
     events: {
-        onMutatedDefinitions: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronContentInstance[]>;
-        onMutatedActiveDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronContentInstance>;
+        onMutatedDefinitions: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronSectionInstance[]>;
+        onMutatedActiveDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronSectionInstance>;
         onMutatedDefinitionInFocus: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
         onMutatedShowEditorToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
-        onMutatedSelectedDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronContentInstance>;
+        onMutatedSelectedDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronSectionInstance>;
         onMutatedToggleColorSchemaPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
         onMutatedToggleContainerBlueprintPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<ContainerVariant | ContainerBlueprint>;
         onMutatedToggleDefinitionPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronDefinition>;
@@ -55,23 +55,26 @@ export declare const useVelcronContentEditorStore: () => {
             toggleEditorToolbar: {
                 subscribe(fn: (forceHide?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
-            addDefinition: {
+            addByRegistration: {
                 subscribe(fn: (definition: VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            addBySection: {
+                subscribe(fn: (definitions: VelcronSectionInstance[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             setActiveDefinition: {
-                subscribe(fn: (definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (definition: VelcronSectionInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             deleteDefinition: {
-                subscribe(fn: (definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (definition: VelcronSectionInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             deleteReferenceDefinition: {
-                subscribe(fn: (definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (definition: VelcronSectionInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             removeActiveDefinition: {
                 subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setSelectedDefinition: {
-                subscribe(fn: (definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (definition: VelcronSectionInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             removeSelectedDefinition: {
                 subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -80,22 +83,22 @@ export declare const useVelcronContentEditorStore: () => {
                 subscribe(fn: (onGoingDragging: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             updateColorSchema: {
-                subscribe(fn: (definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (definitionRegistration: VelcronSectionInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             previewContainerBlueprint: {
-                subscribe(fn: (definitionRegistration: VelcronContentInstance, containerVariant: ContainerVariant | ContainerBlueprint, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (definitionRegistration: VelcronSectionInstance, 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;
+                subscribe(fn: (definitionRegistration: VelcronSectionInstance, colorSchemaType: string, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             previewDefinition: {
-                subscribe(fn: (definitionRegistration: VelcronContentInstance, newDefinitionId: GuidValue, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (definitionRegistration: VelcronSectionInstance, 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;
+                subscribe(fn: (definitionRegistration: VelcronSectionInstance, newDefinitionId: GuidValue, toggle?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             updateDefinition: {
-                subscribe(fn: (definition: VelcronContentInstance, velcronDefinition: VelcronAppDefinition<object>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (definition: VelcronSectionInstance, velcronDefinition: VelcronAppDefinition<object>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
         };
         onDispatched: {
@@ -105,23 +108,26 @@ export declare const useVelcronContentEditorStore: () => {
             toggleEditorToolbar: {
                 subscribe(fn: (result: void, forceHide?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
-            addDefinition: {
+            addByRegistration: {
                 subscribe(fn: (result: void, definition: VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            addBySection: {
+                subscribe(fn: (result: void, definitions: VelcronSectionInstance[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             setActiveDefinition: {
-                subscribe(fn: (result: void, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (result: void, definition: VelcronSectionInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             deleteDefinition: {
-                subscribe(fn: (result: void, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (result: void, definition: VelcronSectionInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             deleteReferenceDefinition: {
-                subscribe(fn: (result: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (result: any, definition: VelcronSectionInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             removeActiveDefinition: {
                 subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setSelectedDefinition: {
-                subscribe(fn: (result: void, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (result: void, definition: VelcronSectionInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             removeSelectedDefinition: {
                 subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -130,22 +136,22 @@ export declare const useVelcronContentEditorStore: () => {
                 subscribe(fn: (result: void, onGoingDragging: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             updateColorSchema: {
-                subscribe(fn: (result: void, definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (result: void, definitionRegistration: VelcronSectionInstance, 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;
+                subscribe(fn: (result: void, definitionRegistration: VelcronSectionInstance, containerVariant: ContainerVariant | 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;
+                subscribe(fn: (result: void, definitionRegistration: VelcronSectionInstance, 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;
+                subscribe(fn: (result: void, definitionRegistration: VelcronSectionInstance, 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;
+                subscribe(fn: (result: void, definitionRegistration: VelcronSectionInstance, newDefinitionId: GuidValue, toggle?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             updateDefinition: {
-                subscribe(fn: (result: void, definition: VelcronContentInstance, velcronDefinition: VelcronAppDefinition<object>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (result: void, definition: VelcronSectionInstance, velcronDefinition: VelcronAppDefinition<object>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
         };
         onFailure: {
@@ -155,23 +161,26 @@ export declare const useVelcronContentEditorStore: () => {
             toggleEditorToolbar: {
                 subscribe(fn: (failureReason: any, forceHide?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
-            addDefinition: {
+            addByRegistration: {
                 subscribe(fn: (failureReason: any, definition: VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            addBySection: {
+                subscribe(fn: (failureReason: any, definitions: VelcronSectionInstance[]) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             setActiveDefinition: {
-                subscribe(fn: (failureReason: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (failureReason: any, definition: VelcronSectionInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             deleteDefinition: {
-                subscribe(fn: (failureReason: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (failureReason: any, definition: VelcronSectionInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             deleteReferenceDefinition: {
-                subscribe(fn: (failureReason: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (failureReason: any, definition: VelcronSectionInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             removeActiveDefinition: {
                 subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             setSelectedDefinition: {
-                subscribe(fn: (failureReason: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (failureReason: any, definition: VelcronSectionInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             removeSelectedDefinition: {
                 subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -180,41 +189,42 @@ export declare const useVelcronContentEditorStore: () => {
                 subscribe(fn: (failureReason: any, onGoingDragging: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             updateColorSchema: {
-                subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, colorSchemaType: string) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (failureReason: any, definitionRegistration: VelcronSectionInstance, 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;
+                subscribe(fn: (failureReason: any, definitionRegistration: VelcronSectionInstance, 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;
+                subscribe(fn: (failureReason: any, definitionRegistration: VelcronSectionInstance, colorSchemaType: string, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             previewDefinition: {
-                subscribe(fn: (failureReason: any, definitionRegistration: VelcronContentInstance, newDefinitionId: GuidValue, cancelPreview: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (failureReason: any, definitionRegistration: VelcronSectionInstance, 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;
+                subscribe(fn: (failureReason: any, definitionRegistration: VelcronSectionInstance, newDefinitionId: GuidValue, toggle?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             updateDefinition: {
-                subscribe(fn: (failureReason: any, definition: VelcronContentInstance, velcronDefinition: VelcronAppDefinition<object>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (failureReason: any, definition: VelcronSectionInstance, velcronDefinition: VelcronAppDefinition<object>) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
         };
     } & {
         showDefinitionSelector(preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean): void;
         toggleEditorToolbar(forceHide?: boolean): void;
-        addDefinition(definition: VelcronDefinitionRegistration, setAsActive?: boolean): void;
-        setActiveDefinition(definition: VelcronContentInstance): void;
-        deleteDefinition(definition: VelcronContentInstance): void;
-        deleteReferenceDefinition(definition: VelcronContentInstance): any;
+        addByRegistration(definition: VelcronDefinitionRegistration, setAsActive?: boolean): void;
+        addBySection(definitions: Array<VelcronSectionInstance>): void;
+        setActiveDefinition(definition: VelcronSectionInstance): void;
+        deleteDefinition(definition: VelcronSectionInstance): void;
+        deleteReferenceDefinition(definition: VelcronSectionInstance): any;
         removeActiveDefinition(): void;
-        setSelectedDefinition(definition: VelcronContentInstance): void;
+        setSelectedDefinition(definition: VelcronSectionInstance): void;
         removeSelectedDefinition(): void;
         setDragDropState(onGoingDragging: boolean): void;
-        updateColorSchema(definitionRegistration: VelcronContentInstance, colorSchemaType: string): 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;
+        updateColorSchema(definitionRegistration: VelcronSectionInstance, colorSchemaType: string): void;
+        previewContainerBlueprint: (definitionRegistration: VelcronSectionInstance, containerVariant: ContainerBlueprint | ContainerVariant, cancelPreview: boolean) => void;
+        previewColorSchema: (definitionRegistration: VelcronSectionInstance, colorSchemaType: string, cancelPreview: boolean) => void;
+        previewDefinition: (definitionRegistration: VelcronSectionInstance, newDefinitionId: GuidValue, cancelPreview: boolean) => void;
+        changeDefinition(definitionRegistration: VelcronSectionInstance, newDefinitionId: GuidValue, toggle?: boolean): void;
+        updateDefinition(definition: VelcronSectionInstance, velcronDefinition: VelcronAppDefinition): void;
     };
 };
 export {};

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

@@ -151,6 +151,9 @@ export interface VelcronRenderProp {
     required?: boolean;
     defaultValue?: any;
 }
+export interface VelcronDefinitionHasEffects {
+    effects?: VelcronEffects;
+}
 /*** Built-in Components *********************************************************************/
 export interface VelcronFlexDefinition extends VelcronDefinition, VelcronColorStyling {
     type: "flex";
@@ -158,7 +161,7 @@ export interface VelcronFlexDefinition extends VelcronDefinition, VelcronColorSt
     border?: VelcronBorder;
     borderRadius?: VelcronDimensions;
 }
-export interface VelcronFlexRowDefinition extends VelcronDefinition, VelcronColorStyling {
+export interface VelcronFlexRowDefinition extends VelcronDefinition, VelcronColorStyling, VelcronDefinitionHasEffects {
     type: "row";
     events?: VelcronOnPressEvent;
     direction?: VelcronBindableProp<"row" | "row-reverse">;
@@ -176,9 +179,8 @@ export interface VelcronFlexRowDefinition extends VelcronDefinition, VelcronColo
     minWidth?: number | string;
     height?: number | string;
     minHeight?: number | string;
-    effects?: VelcronEffects;
 }
-export interface VelcronFlexColumnDefinition extends VelcronDefinition, VelcronColorStyling {
+export interface VelcronFlexColumnDefinition extends VelcronDefinition, VelcronColorStyling, VelcronDefinitionHasEffects {
     type: "column";
     events?: VelcronOnPressEvent;
     grow?: number;
@@ -193,7 +195,7 @@ export interface VelcronCardDefinition extends VelcronDefinition, VelcronColorSt
     footer?: Array<VelcronDefinition>;
     events?: VelcronOnPressEvent;
 }
-export interface VelcronTextDefinition extends VelcronDefinition, VelcronColorStyling, VelcronTextStyling {
+export interface VelcronTextDefinition extends VelcronDefinition, VelcronColorStyling, VelcronDefinitionHasEffects, VelcronTextStyling {
     type: "text";
     value?: VelcronBindableProp;
     placeholder?: VelcronBindableProp;

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

@@ -23,6 +23,11 @@ export interface VelcronTextEditorSettings {
     type: TypographyType;
     placeholder: string;
 }
+export interface VelcronNumberEditorSettings {
+    min: number;
+    max: number;
+    step: number;
+}
 export interface VelcronBlueprintEditorSettings {
     type: "container" | "";
 }
@@ -35,6 +40,9 @@ export interface VelcronSliderPropertyEditor extends VelcronEditor<VelcronSlider
 export interface VelcronTextPropertyEditor extends VelcronEditor<VelcronTextEditorSettings> {
     type: "text";
 }
+export interface VelcronNumberPropertyEditor extends VelcronEditor<VelcronNumberEditorSettings> {
+    type: "number";
+}
 export interface VelcronEnterprisePropertyEditor extends VelcronEditor<any> {
     type: "enterprise-property";
 }

package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronData.d.ts

@@ -7,7 +7,7 @@ export interface ParseResult<T> {
 export declare class VelcronData {
     static dataBind<T = string>(renderContext: VelcronRenderContext, bindTo: VelcronBindableProp<any>): T;
     static isBindable<T = string>(bindable: VelcronBindableProp<T>): boolean;
-    static getBindPath(text: string): string;
+    static getBindPath(text: string, removeStateToken?: boolean): string;
     static addCtxToVariableNames(template: string, skipIfNameStartsWith?: string, skipIfNameMatches?: Array<string>, overridePrefixWhenNameMatches?: {
         [name: string]: string;
     }): string;

package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronStyles.d.ts

@@ -1,10 +1,13 @@
-import { VelcronBorder, VelcronColorStyling, VelcronDimensions, VelcronRenderContext } from "../models";
+import { VelcronBorder, VelcronColorStyling, VelcronDefinitionHasEffects, VelcronDimensions, VelcronEffects, VelcronRenderContext } from "../models";
 import { VelcronUnitProvider } from "../models/VelcronUnitProvider";
 import { VelcronDefinition } from "..";
 export declare class VelcronStyles {
     static styleProvider: (baseStyles: object, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => any;
+    static effectsProvider: (effects: VelcronEffects, renderCtx: VelcronRenderContext) => VelcronEffects;
     static unitProvider: VelcronUnitProvider;
     static registerStyleProvider(fn: (styleBase: object, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => object | string, unitProvider: VelcronUnitProvider): void;
+    static registerEffectsProvider(fn: (effects: VelcronEffects, renderCtx: VelcronRenderContext) => VelcronEffects): void;
+    static applyEffects(definition: VelcronDefinitionHasEffects, renderCtx: VelcronRenderContext, applyTo: (effects: VelcronEffects) => any): any;
     static insertBackgroundColor(styleBase: any, color: VelcronColorStyling, renderCtx: VelcronRenderContext): void;
     static insertBorderRadiusStyles(styleBase: any, settings: VelcronDimensions): void;
     static insertBorderStyles(styleBase: any, borderSettings: VelcronBorder, renderCtx: VelcronRenderContext): void;

package/internal-do-not-import-from-here/ux/velcron/editor/components/StateTree.d.ts

@@ -11,13 +11,15 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
     descriptor?: VelcronComponentPropertyDescriptor;
 } & {
     allowedDataTypes?: VelcronDataTypes[];
+} & {
+    applyStateRootToken?: boolean;
 } & DefineEmit<"state:selected", (value: string) => void>> & Omit<{
     "onState:selected"?: (value: string) => any;
-}, "v-model" | "onUpdate:modelValue" | "modelValue" | "descriptor" | "allowedDataTypes"> & {
+}, "v-model" | "onUpdate:modelValue" | "modelValue" | "descriptor" | "allowedDataTypes" | "applyStateRootToken"> & {
     "v-slots"?: {
         default?: import("vue").Slot;
     } & {};
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "v-model" | "onUpdate:modelValue" | "modelValue" | "descriptor" | "allowedDataTypes" | "emit:state:selected">) => {
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "v-model" | "onUpdate:modelValue" | "modelValue" | "descriptor" | "allowedDataTypes" | "applyStateRootToken" | "emit:state:selected">) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};
@@ -65,13 +67,15 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
         descriptor?: VelcronComponentPropertyDescriptor;
     } & {
         allowedDataTypes?: VelcronDataTypes[];
+    } & {
+        applyStateRootToken?: boolean;
     } & DefineEmit<"state:selected", (value: string) => void>> & {
         "v-slots"?: {
             default?: import("vue").Slot;
         } & {};
     } & {
         "onState:selected"?: (value: string) => any;
-    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "v-model" | "onUpdate:modelValue" | "modelValue" | "descriptor" | "allowedDataTypes">;
+    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "v-model" | "onUpdate:modelValue" | "modelValue" | "descriptor" | "allowedDataTypes" | "applyStateRootToken">;
 } & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>;

package/internal-do-not-import-from-here/ux/velcron/editor/models/Shared.d.ts

@@ -6,6 +6,9 @@ export interface AppTreeItem {
     propertyName?: string;
     value?: any;
 }
+export interface ComponentDefinitionTreeItem extends AppTreeItem {
+    definition: VelcronDefinition;
+}
 export interface StatePropertyAppTreeItem extends AppTreeItem {
     propertyName: string;
     value: any;

package/internal-do-not-import-from-here/ux/velcron/editor/models/VelcronEditorDescriptors.d.ts

@@ -3,6 +3,7 @@ import { VelcronEditorDescriptor, VelcronEditorsDescriptor } from "./VelcronDesc
 export declare const VelcronEditorsRootDescriptor: VelcronEditorsDescriptor;
 export declare const VelcronSliderEditorDescriptor: VelcronEditorDescriptor;
 export declare const VelcronTextEditorDescriptor: VelcronEditorDescriptor;
+export declare const VelcronNumberEditorDescriptor: VelcronEditorDescriptor;
 export declare const VelcronEnterpriseEditorDescriptor: VelcronEditorDescriptor;
 export declare const VelcronTypographyEditorDescriptor: VelcronEditorDescriptor;
 export declare const VelcronSwitchEditorDescriptor: VelcronEditorDescriptor;
@@ -19,7 +20,7 @@ export declare const VelcronBlueprintEditorDescriptor: VelcronEditorDescriptor;
 export declare const VelcronBackgroundEditorDescriptor: VelcronEditorDescriptor;
 export declare const VelcronGridEditorDescriptor: VelcronEditorDescriptor;
 type BuiltInPropertyEditorDescriptorMap = {
-    [key in BuiltInPropertyEditorType]: typeof VelcronTextEditorDescriptor | typeof VelcronSliderEditorDescriptor | typeof VelcronSwitchEditorDescriptor | typeof VelcronAlignmentEditorDescriptor | typeof VelcronColorEditorDescriptor | typeof VelcronMarkdownEditorDescriptor | typeof VelcronIconEditorDescriptor | typeof VelcronImageEditorDescriptor | typeof VelcronTypographyEditorDescriptor | typeof VelcronSpacingEditorDescriptor | typeof VelcronColorSchemaEditorDescriptor | typeof VelcronReferenceEditorDescriptor | typeof VelcronBackgroundEditorDescriptor | typeof VelcronBlueprintEditorDescriptor | typeof VelcronGridEditorDescriptor;
+    [key in BuiltInPropertyEditorType]: typeof VelcronTextEditorDescriptor | typeof VelcronNumberEditorDescriptor | typeof VelcronSliderEditorDescriptor | typeof VelcronSwitchEditorDescriptor | typeof VelcronAlignmentEditorDescriptor | typeof VelcronColorEditorDescriptor | typeof VelcronMarkdownEditorDescriptor | typeof VelcronIconEditorDescriptor | typeof VelcronImageEditorDescriptor | typeof VelcronTypographyEditorDescriptor | typeof VelcronSpacingEditorDescriptor | typeof VelcronColorSchemaEditorDescriptor | typeof VelcronReferenceEditorDescriptor | typeof VelcronBackgroundEditorDescriptor | typeof VelcronBlueprintEditorDescriptor | typeof VelcronGridEditorDescriptor;
 };
 export declare const builtInPropertyEditorDescriptorMap: BuiltInPropertyEditorDescriptorMap;
 export {};