@omnia/fx 8.0.175-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/internal-do-not-import-from-here/wctypings.d.ts

@@ -252,7 +252,6 @@ import wc8669930d609c497e8cde0c554621db88 from './ux/oxide/tab/Tab';
 import wc9ae46ba053704a329be291bf111c2a85 from './ux/oxide/table/Table';
 import wcb5a113074f704ba89e1ee4102ea95536 from './ux/oxide/text/Text';
 import wc1e7db8a98533485d97b4359f64601ff0 from './ux/oxide/textarea/TextArea';
-import wc94cf71a5a68d4b86aea325d400df2bd2 from './ux/oxide/textfield/TextField';
 import wc7b2cf06ba1cf47f7adcc6d8a1a0117f0 from './ux/oxide/timepicker/TimePicker';
 import wc575bd9ad6c0d4fc9ab53fbd1b93786c4 from './ux/oxide/toolbar/Toolbar';
 import wc19adb19938604f41b10f3a00eb3eb534 from './ux/oxide/tooltip/Tooltip';
@@ -1212,9 +1211,6 @@ declare global {
             "o-textarea": typeof wc1e7db8a98533485d97b4359f64601ff0 extends {
                 propsDefinition: infer TProp;
             } ? (TProp & Omit<VueComponentBaseProps, keyof TProp>) : typeof wc1e7db8a98533485d97b4359f64601ff0 extends (...args: any[]) => any ? ExtractJsxProps<Pick<ReturnType<typeof wc1e7db8a98533485d97b4359f64601ff0>, "propsDefinition">> : never;
-            "o-text-field": typeof wc94cf71a5a68d4b86aea325d400df2bd2 extends {
-                propsDefinition: infer TProp;
-            } ? (TProp & Omit<VueComponentBaseProps, keyof TProp>) : typeof wc94cf71a5a68d4b86aea325d400df2bd2 extends (...args: any[]) => any ? ExtractJsxProps<Pick<ReturnType<typeof wc94cf71a5a68d4b86aea325d400df2bd2>, "propsDefinition">> : never;
             "o-time-picker": typeof wc7b2cf06ba1cf47f7adcc6d8a1a0117f0 extends {
                 propsDefinition: infer TProp;
             } ? (TProp & Omit<VueComponentBaseProps, keyof TProp>) : typeof wc7b2cf06ba1cf47f7adcc6d8a1a0117f0 extends (...args: any[]) => any ? ExtractJsxProps<Pick<ReturnType<typeof wc7b2cf06ba1cf47f7adcc6d8a1a0117f0>, "propsDefinition">> : never;
@@ -5455,29 +5451,20 @@ declare global {
                 $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
             };
         } : typeof wc9ae46ba053704a329be291bf111c2a85;
-        "text": {
-            "field": typeof wc94cf71a5a68d4b86aea325d400df2bd2 extends {
-                propsDefinition: infer TProp;
-            } ? {
-                new (...args: any[]): {
-                    $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
-                };
-            } : typeof wc94cf71a5a68d4b86aea325d400df2bd2;
-        };
-        "textarea": typeof wc1e7db8a98533485d97b4359f64601ff0 extends {
+        "text": typeof wcb5a113074f704ba89e1ee4102ea95536 extends {
             propsDefinition: infer TProp;
         } ? {
             new (...args: any[]): {
                 $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
             };
-        } : typeof wc1e7db8a98533485d97b4359f64601ff0;
-        "text$": typeof wcb5a113074f704ba89e1ee4102ea95536 extends {
+        } : typeof wcb5a113074f704ba89e1ee4102ea95536;
+        "textarea": typeof wc1e7db8a98533485d97b4359f64601ff0 extends {
             propsDefinition: infer TProp;
         } ? {
             new (...args: any[]): {
                 $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
             };
-        } : typeof wcb5a113074f704ba89e1ee4102ea95536;
+        } : typeof wc1e7db8a98533485d97b4359f64601ff0;
         "time": {
             "picker": typeof wc7b2cf06ba1cf47f7adcc6d8a1a0117f0 extends {
                 propsDefinition: infer TProp;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.175-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.175-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/oxide/textfield/TextField.css.d.ts

@@ -1,6 +0,0 @@
-import { BoxDimensions } from "@omnia/fx-models";
-export declare const TextFieldStyles: {
-    generalField: (textColor: string, rounded: BoxDimensions, fixTextFiled: boolean) => string;
-    hint: (color: string) => string;
-    iconButtonWrapper: string;
-};