@omnia/fx 8.0.176-dev → 8.0.177-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/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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.176-dev",
+  "version": "8.0.177-dev",
   "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,13 +20,13 @@
   ],
   "author": "Precio Fishbone",
   "dependencies": {
-    "@omnia/fx-models": "8.0.176-dev",
+    "@omnia/fx-models": "8.0.177-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",
     "splitpanes": "3.1.5",
-    "vuetify": "3.5.15",
-    "vue": "3.4.22",
+    "vuetify": "3.5.16",
+    "vue": "3.4.23",
     "tslib": "2.6.2",
     "typescript": "5.3.3",
     "@tiptap/vue-3": "2.1.13",

package/internal-do-not-import-from-here/ux/velcron/blocks/content/components/ContentViewer.css.d.ts

@@ -1,6 +0,0 @@
-import { ColorSchema } from "@omnia/fx-models";
-export declare const ContentViewerStyles: {
-    titleColumn: string;
-    iconContainer: (colorSchema: ColorSchema) => string;
-    itemContainer: (selected: boolean, colorSchema: ColorSchema) => string;
-};

package/internal-do-not-import-from-here/ux/velcron/blocks/content/components/ContentViewer.d.ts

@@ -1,78 +0,0 @@
-declare const _default: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        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;
-        };
-    }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        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;
-        };
-    }>>, {
-        container: boolean;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        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;
-        };
-    }>>, () => JSX.Element, {}, {}, {}, {
-        container: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    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;
-    };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    container: boolean;
-}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    propsDefinition: Omit<Readonly<{} & {
-        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;
-    }>, never>;
-};
-export default _default;

package/internal-do-not-import-from-here/ux/velcron/blocks/content/components/DefinitionPickerPanel.css.d.ts

@@ -1,6 +0,0 @@
-export declare const DefinitionPickerPanelStyles: {
-    filterWrapper: string;
-    cardWrapper: string;
-    hoverAnimation: string;
-    wrapper: string;
-};