@omnia/fx 8.0.159-dev → 8.0.161-dev

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

@@ -1,9 +1,6 @@
 import { GuidValue, VelcronAppDefinition, VelcronDefinition, VelcronDefinitionRegistration } from "@omnia/fx-models";
 import { VelcronContentInstance } from "../models";
-export declare enum MenuTabs {
-    templates = 0,
-    content = 1
-}
+type insertMode = "add" | "change";
 export declare const useVelcronContentEditorStore: () => {
     get: {
         content: () => VelcronAppDefinition<object>[];
@@ -14,7 +11,7 @@ export declare const useVelcronContentEditorStore: () => {
         selectedDefinition: VelcronContentInstance;
         toggleColorSchemaPreview: string;
         toggleDefinitionPreview: VelcronDefinition;
-        allowToggle: boolean;
+        allowColorSchemaPreview: boolean;
         onGoingDragging: boolean;
         socialMode: boolean;
         showLoading: boolean;
@@ -22,6 +19,7 @@ export declare const useVelcronContentEditorStore: () => {
         insertOptions: {
             preInsert: boolean;
             inserRelativeToActive: boolean;
+            insertMode: insertMode;
         };
     };
     events: {
@@ -30,7 +28,7 @@ export declare const useVelcronContentEditorStore: () => {
         onMutatedSelectedDefinition: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronContentInstance>;
         onMutatedToggleColorSchemaPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
         onMutatedToggleDefinitionPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<VelcronDefinition>;
-        onMutatedAllowToggle: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
+        onMutatedAllowColorSchemaPreview: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
         onMutatedOnGoingDragging: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
         onMutatedSocialMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
         onMutatedShowLoading: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
@@ -38,12 +36,13 @@ export declare const useVelcronContentEditorStore: () => {
         onMutatedInsertOptions: import("@omnia/fx").MessageBusExposeOnlySubscription<{
             preInsert: boolean;
             inserRelativeToActive: boolean;
+            insertMode: insertMode;
         }>;
     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
     actions: {
         onDispatching: {
             showDefinitionSelector: {
-                subscribe(fn: (preInsert: boolean, insertRelativeToActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             addDefinition: {
                 subscribe(fn: (definition: VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -51,6 +50,9 @@ export declare const useVelcronContentEditorStore: () => {
             setActiveDefinition: {
                 subscribe(fn: (definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            deleteDefinition: {
+                subscribe(fn: (definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             removeActiveDefinition: {
                 subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
@@ -81,7 +83,7 @@ export declare const useVelcronContentEditorStore: () => {
         };
         onDispatched: {
             showDefinitionSelector: {
-                subscribe(fn: (result: void, preInsert: boolean, insertRelativeToActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (result: void, preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             addDefinition: {
                 subscribe(fn: (result: void, definition: VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -89,6 +91,9 @@ export declare const useVelcronContentEditorStore: () => {
             setActiveDefinition: {
                 subscribe(fn: (result: void, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            deleteDefinition: {
+                subscribe(fn: (result: void, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             removeActiveDefinition: {
                 subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
@@ -119,7 +124,7 @@ export declare const useVelcronContentEditorStore: () => {
         };
         onFailure: {
             showDefinitionSelector: {
-                subscribe(fn: (failureReason: any, preInsert: boolean, insertRelativeToActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                subscribe(fn: (failureReason: any, preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
             addDefinition: {
                 subscribe(fn: (failureReason: any, definition: VelcronDefinitionRegistration<object>, setAsActive?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -127,6 +132,9 @@ export declare const useVelcronContentEditorStore: () => {
             setActiveDefinition: {
                 subscribe(fn: (failureReason: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
+            deleteDefinition: {
+                subscribe(fn: (failureReason: any, definition: VelcronContentInstance) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             removeActiveDefinition: {
                 subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
             };
@@ -156,9 +164,10 @@ export declare const useVelcronContentEditorStore: () => {
             };
         };
     } & {
-        showDefinitionSelector(preInsert: boolean, insertRelativeToActive?: boolean): void;
+        showDefinitionSelector(preInsert: boolean, insertRelativeToActive?: boolean, changeDefinition?: boolean): void;
         addDefinition(definition: VelcronDefinitionRegistration, setAsActive?: boolean): void;
         setActiveDefinition(definition: VelcronContentInstance): void;
+        deleteDefinition(definition: VelcronContentInstance): void;
         removeActiveDefinition(): void;
         setSelectedDefinition(definition: VelcronContentInstance): void;
         removeSelectedDefinition(): void;
@@ -170,3 +179,4 @@ export declare const useVelcronContentEditorStore: () => {
         updateDefinition(definition: VelcronContentInstance, velcronDefinition: VelcronAppDefinition): void;
     };
 };
+export {};

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

@@ -1,4 +1,4 @@
-import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future, TextBlueprint, VelcronBindableProp, ContainerBlueprint, BackgroundDefinition } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
+import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future, TextBlueprint, VelcronBindableProp, ContainerBlueprint, BackgroundDefinition, VelcronStateEditor } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
 import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
 import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronVerticalAlignments } from "./Enums";
 import { DynamicState, VelcronDefinition, useVelcronThemingStore } from "..";
@@ -35,6 +35,7 @@ export interface BuiltInComponentRenderers {
     "rive": unknown;
     "lottie": unknown;
     "slide-panel": unknown;
+    "editor": unknown;
 }
 export interface ColorSchemaReference {
     name: string;
@@ -63,7 +64,8 @@ export interface VelcronRenderContext {
     parent?: VelcronRenderContext;
     hooks?: VelcronRenderContextHooks;
     eventHandlers?: VelcronRenderContextEventHandlersInstance;
-    editMode?: boolean;
+    $editmode?: boolean;
+    $active?: boolean;
     disposers: Array<() => void>;
     subApp?: boolean;
 }
@@ -293,6 +295,12 @@ export interface VelcronSlidePanelDefinition extends VelcronDefinition {
     style?: VelcronCardStyling;
     events?: VelcronOnPressEvent;
 }
+export interface VelcronEditorDefinition extends VelcronDefinition {
+    type: "editor";
+    editor: VelcronStateEditor;
+    value: VelcronBindableProp<string>;
+    events?: VelcronOnUpdatedEvent;
+}
 export interface VelcronDimensions {
     top: number | string;
     right: number | string;

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

@@ -24,6 +24,7 @@ export declare const VelcronConstants: {
         rive: string;
         lottie: string;
         "slide-panel": string;
+        editor: string;
     };
     events: {
         idTokenStart: string;
@@ -42,6 +43,8 @@ export declare const VelcronConstants: {
     };
     context: {
         thisToken: string;
+        editModeToken: string;
+        activeToken: string;
     };
     async: {
         noWaitToken: string;

package/internal-do-not-import-from-here/ux/velcron/core/stores/VelcronTheming.d.ts

@@ -1,4 +1,4 @@
-import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ContainerBlueprint, ContainerVariant, ThemeDefinitionV2, TypographySize, TypographySizes, TypographyType, TypographyTypes } from "..";
+import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ContainerBlueprint, ContainerVariant, ThemeDefinitionV2, TypographySize, TypographySizes, TypographyType, TypographyTypes, VelcronDefinition } from "..";
 export declare const useVelcronThemingStore: (newStateWithName?: string) => {
     state: {
         currentTheme: ThemeDefinitionV2;
@@ -7,7 +7,7 @@ export declare const useVelcronThemingStore: (newStateWithName?: string) => {
         componentBlueprints: () => void;
         containerBlueprint: (type: ContainerVariant | ContainerBlueprint | string) => any;
         colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => import("..").ColorSchema;
-        spacing: () => import("..").SpacingDefinition;
+        spacing: (definition?: VelcronDefinition) => import("..").SpacingDefinition;
         typography: (typographyType: TypographyTypes | TypographyType, size: TypographySizes | TypographySize) => any;
         color: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => string;
         colorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => import("..").ColorDefinition;

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

@@ -15,3 +15,4 @@ export declare const VelcronChipComponentDescriptor: VelcronComponentDescriptor;
 export declare const VelcronMarkdownComponentDescriptor: VelcronComponentDescriptor;
 export declare const VelcronReferenceComponentDescriptor: VelcronComponentDescriptor;
 export declare const VelcronSliderComponentDescriptor: VelcronComponentDescriptor;
+export declare const VelcronEditorComponentDescriptor: VelcronComponentDescriptor;

package/internal-do-not-import-from-here/ux/velcron/renderer/VelcronRenderer.d.ts

@@ -5,6 +5,11 @@ declare const _default: {
         colorSchemaType: any;
         container?: any;
         colors?: any;
+        active: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
         "edit-mode": {
             type: import("vue").PropType<boolean>;
         };
@@ -45,6 +50,11 @@ declare const _default: {
         colorSchemaType: any;
         container?: any;
         colors?: any;
+        active: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
         "edit-mode": {
             type: import("vue").PropType<boolean>;
         };
@@ -93,6 +103,11 @@ declare const _default: {
         colorSchemaType: any;
         container?: any;
         colors?: any;
+        active: {
+            type: import("vue").PropType<boolean>;
+        } & {
+            type: import("vue").PropType<boolean>;
+        };
         "edit-mode": {
             type: import("vue").PropType<boolean>;
         };
@@ -138,6 +153,11 @@ declare const _default: {
     colorSchemaType: any;
     container?: any;
     colors?: any;
+    active: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        type: import("vue").PropType<boolean>;
+    };
     "edit-mode": {
         type: import("vue").PropType<boolean>;
     };
@@ -186,6 +206,7 @@ declare const _default: {
         colors?: any;
     } & {
         "color-schema-type"?: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
+        active?: boolean;
         themeDefinition?: ThemeDefinitionV2;
         "theme-definition"?: ThemeDefinitionV2;
         context?: VelcronRenderContext;

package/internal-do-not-import-from-here/ux/velcron/renderer/components/ComponentCreator.d.ts

@@ -6,11 +6,11 @@ declare const _default: (props: {
     elementClass?: object;
 } & Omit<{
     "onSetup:context"?: (context: VelcronRenderContext) => any;
-}, "definition" | "containerClass" | "renderContext" | "elementClass"> & {
+}, "definition" | "renderContext" | "containerClass" | "elementClass"> & {
     "v-slots"?: {
         default?: import("vue").Slot;
     } & {};
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "definition" | "containerClass" | "renderContext" | "elementClass" | "emit:setup:context">) => {
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "definition" | "renderContext" | "containerClass" | "elementClass" | "emit:setup:context">) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};
@@ -59,7 +59,7 @@ declare const _default: (props: {
         } & {};
     } & {
         "onSetup:context"?: (context: VelcronRenderContext) => any;
-    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "definition" | "containerClass" | "renderContext" | "elementClass">;
+    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "definition" | "renderContext" | "containerClass" | "elementClass">;
 } & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>;

package/internal-do-not-import-from-here/ux/velcron/renderer/components/Editor.d.ts

@@ -0,0 +1,32 @@
+import { VelcronRenderContext, VelcronEditorDefinition } from "../../core";
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        definition: import("vue").Prop<VelcronEditorDefinition, VelcronEditorDefinition>;
+        renderContext: import("vue").Prop<VelcronRenderContext, VelcronRenderContext>;
+    }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        definition: import("vue").Prop<VelcronEditorDefinition, VelcronEditorDefinition>;
+        renderContext: import("vue").Prop<VelcronRenderContext, VelcronRenderContext>;
+    }>>, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        definition: import("vue").Prop<VelcronEditorDefinition, VelcronEditorDefinition>;
+        renderContext: import("vue").Prop<VelcronRenderContext, VelcronRenderContext>;
+    }>>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    definition: import("vue").Prop<VelcronEditorDefinition, VelcronEditorDefinition>;
+    renderContext: import("vue").Prop<VelcronRenderContext, VelcronRenderContext>;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    propsDefinition: Omit<Readonly<{} & {
+        definition?: VelcronEditorDefinition;
+        renderContext?: VelcronRenderContext;
+    }>, never>;
+};
+export default _default;

package/internal-do-not-import-from-here/ux/velcron/renderer/editors/SliderEditor.d.ts

@@ -3,8 +3,10 @@ declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         settings: {
             type: import("vue").PropType<VelcronSliderPropertyEditorSettings>;
+            required: false;
         } & {
             type: import("vue").PropType<VelcronSliderPropertyEditorSettings>;
+            required: false;
         };
         "onUpdate:modelValue": {
             type: import("vue").PropType<(value: number) => any>;
@@ -79,8 +81,10 @@ declare const _default: {
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         settings: {
             type: import("vue").PropType<VelcronSliderPropertyEditorSettings>;
+            required: false;
         } & {
             type: import("vue").PropType<VelcronSliderPropertyEditorSettings>;
+            required: false;
         };
         "onUpdate:modelValue": {
             type: import("vue").PropType<(value: number) => any>;
@@ -160,8 +164,10 @@ declare const _default: {
     }, Readonly<import("vue").ExtractPropTypes<{
         settings: {
             type: import("vue").PropType<VelcronSliderPropertyEditorSettings>;
+            required: false;
         } & {
             type: import("vue").PropType<VelcronSliderPropertyEditorSettings>;
+            required: false;
         };
         "onUpdate:modelValue": {
             type: import("vue").PropType<(value: number) => any>;
@@ -238,8 +244,10 @@ declare const _default: {
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     settings: {
         type: import("vue").PropType<VelcronSliderPropertyEditorSettings>;
+        required: false;
     } & {
         type: import("vue").PropType<VelcronSliderPropertyEditorSettings>;
+        required: false;
     };
     "onUpdate:modelValue": {
         type: import("vue").PropType<(value: number) => any>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.159-dev",
+  "version": "8.0.161-dev",
   "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,7 +20,7 @@
   ],
   "author": "Precio Fishbone",
   "dependencies": {
-    "@omnia/fx-models": "8.0.159-dev",
+    "@omnia/fx-models": "8.0.161-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",