@omnia/fx 8.0.286-dev → 8.0.287-dev

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

@@ -1,10 +1,24 @@
 import { VelcronBorder, VelcronColorStyling, VelcronDefinitionHasEffects, VelcronDefinitionHasOverflow, VelcronDimensions, VelcronEffects, VelcronRenderContext } from "../models";
 import { VelcronUnitProvider } from "../models/VelcronUnitProvider";
-import { SpacingDefinition, VelcronBindableProp, VelcronDefinition } from "..";
+import { SpacingBlueprint, VelcronBindableProp, 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;
+    spacingScaling: {
+        get: {
+            valueWithoutScale: (value: import("..").SpacingValue) => string | number;
+            scaleFromValue: (value: import("..").SpacingValue) => import("..").SpacingScale;
+            scale: (value: import("..").Spacing | import("..").SpacingValue) => import("..").SpacingScale;
+        };
+        add: {
+            scaleToValue: (value: import("..").SpacingValue, scale: import("..").SpacingScale) => string | number;
+            fallBackScale: (value: import("..").SpacingValue, scale: import("..").SpacingScale) => string | number;
+        };
+        has: {
+            scaling: (value: import("..").SpacingValue) => boolean;
+        };
+    };
     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;
@@ -12,8 +26,8 @@ export declare class VelcronStyles {
     static insertBorderRadiusStyles(styleBase: any, settings: VelcronDimensions): void;
     static insertBorderStyles(styleBase: any, borderSettings: VelcronBorder, renderCtx: VelcronRenderContext): void;
     static create(definition: VelcronDefinition, renderCtx: VelcronRenderContext): object | string;
-    static applySpacingDimension(value: string | number, spacing: SpacingDefinition): string | number;
+    static applySpacingDimension(value: string | number, spacing: SpacingBlueprint): string | number;
     static applyOverflow(definition: VelcronDefinitionHasOverflow, renderCtx: VelcronRenderContext, styleBase: any): void;
-    static applySpacingStyles<T>(spacing: VelcronBindableProp<T>, renderCtx: VelcronRenderContext, styleBase: any, spacingDef: SpacingDefinition, styleType: string, objectIsDatabound?: (obj: T) => void, additionalPropsToDataBind?: object): void;
+    static applySpacingStyles<T>(spacing: VelcronBindableProp<T>, renderCtx: VelcronRenderContext, styleBase: any, spacingDef: SpacingBlueprint, styleType: string, objectIsDatabound?: (obj: T) => void, additionalPropsToDataBind?: object): void;
     static dataBindStyles(styles: object, renderCtx: VelcronRenderContext): object;
 }

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, VelcronDefinition } from "..";
+import { ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes, ContainerBlueprint, ContainerVariant, ThemeDefinitionV2, TypographySize, TypographySizes, TypographyType, TypographyTypes } 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: (definition?: VelcronDefinition) => import("..").SpacingDefinition;
+        spacing: () => import("..").SpacingBlueprint;
         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/ComponentePropertiesGroupDescriptorTemplates.d.ts

@@ -1,7 +1,7 @@
-import { VelcronComponentArrayPropertyDescriptor, VelcronComponentPropertyDescriptor, VelcronComponentPropertyDescriptorGroup } from "./VelcronDescriptors";
+import { VelcronComponentArrayPropertyDescriptor, VelcronComponentPropertyDescriptor, VelcronComponentPropertyDescriptorGroup, VelcronComponentPropertyDescriptorWithType } from "./VelcronDescriptors";
 export declare const ComponentPropertiesDescriptorGroupTemplates: {
     spacing: (properties: Array<VelcronComponentPropertyDescriptor | VelcronComponentArrayPropertyDescriptor>) => VelcronComponentPropertyDescriptorGroup;
-    settings: (properties: Array<VelcronComponentPropertyDescriptor | VelcronComponentArrayPropertyDescriptor>) => VelcronComponentPropertyDescriptorGroup;
+    settings: (properties: Array<VelcronComponentPropertyDescriptorWithType | VelcronComponentArrayPropertyDescriptor>) => VelcronComponentPropertyDescriptorGroup;
     style: (properties: Array<VelcronComponentPropertyDescriptor | VelcronComponentArrayPropertyDescriptor>) => VelcronComponentPropertyDescriptorGroup;
     size: (properties: Array<VelcronComponentPropertyDescriptor | VelcronComponentArrayPropertyDescriptor>) => VelcronComponentPropertyDescriptorGroup;
     layout: (properties: Array<VelcronComponentPropertyDescriptor | VelcronComponentArrayPropertyDescriptor>) => VelcronComponentPropertyDescriptorGroup;

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

@@ -1,6 +1,6 @@
 import { IFontAwesomeIcon, IIcon, VelcronDefinition, VelcronEditor } from "@omnia/fx-models";
 import { VelcronDataTypes } from "../../core/models/Enums";
-import { VelcroncomponentArrayType, VelcronObjectType, VelcronPrimitiveType } from "../../core/models/VelcronTypes";
+import { VelcronComponentArrayType, VelcronObjectType, VelcronPrimitiveType } from "../../core/models/VelcronTypes";
 import { VelcronDescriptorTypes } from "./Enums";
 export interface VelcronDescriptor {
     descriptorType: VelcronDescriptorTypes;
@@ -17,7 +17,7 @@ export interface VelcronComponentTemplateDescriptor extends VelcronDescriptor {
 export interface VelcronComponentPropertyDescriptorGroup {
     name: string;
     icon: IFontAwesomeIcon;
-    properties?: Array<VelcronComponentPropertyDescriptor | VelcronComponentArrayPropertyDescriptor>;
+    properties?: Array<VelcronComponentPropertyDescriptorWithType | VelcronComponentArrayPropertyDescriptor>;
 }
 export interface VelcronComponentDescriptor extends VelcronDescriptor {
     descriptorType: VelcronDescriptorTypes.component;
@@ -46,12 +46,41 @@ export interface VelcronComponentPropertyDescriptor {
     group?: string;
     editor?: VelcronEditor<any>;
     required?: boolean;
-    defaultValue?: VelcronPrimitiveType | VelcroncomponentArrayType | VelcronObjectType<{}>;
+    defaultValue?: VelcronPrimitiveType | VelcronComponentArrayType | VelcronObjectType<{}> | boolean;
     disableRemovePropertyOnEmptyOrFalse?: boolean;
     label?: string;
     bindable?: boolean;
     propertyCleanup?: Array<VelcronComponentPropertyCleanupCondition>;
 }
+export interface VelcronComponentPropertyDescriptorBoolean extends VelcronComponentPropertyDescriptor {
+    type: VelcronDataTypes.boolean;
+    defaultValue?: boolean;
+}
+export interface VelcronComponentPropertyDescriptorText extends VelcronComponentPropertyDescriptor {
+    type: VelcronDataTypes.text;
+    defaultValue?: string;
+}
+export interface VelcronComponentPropertyDescriptorNumber extends VelcronComponentPropertyDescriptor {
+    type: VelcronDataTypes.number;
+    defaultValue?: number;
+}
+export interface VelcronComponentPropertyDescriptorArray extends VelcronComponentPropertyDescriptor {
+    type: VelcronDataTypes.array;
+    defaultValue?: VelcronComponentArrayType;
+}
+export interface VelcronComponentPropertyDescriptorComponentArray extends VelcronComponentPropertyDescriptor {
+    type: VelcronDataTypes.componentArray;
+    defaultValue?: VelcronComponentArrayType;
+}
+export interface VelcronComponentPropertyDescriptorObject extends VelcronComponentPropertyDescriptor {
+    type: VelcronDataTypes.object;
+    defaultValue?: VelcronObjectType<{}>;
+}
+export interface VelcronComponentPropertyDescriptorUnknown extends VelcronComponentPropertyDescriptor {
+    type: VelcronDataTypes.unknown;
+    defaultValue?: unknown;
+}
+export type VelcronComponentPropertyDescriptorWithType = VelcronComponentPropertyDescriptorBoolean | VelcronComponentPropertyDescriptorText | VelcronComponentPropertyDescriptorNumber | VelcronComponentPropertyDescriptorArray | VelcronComponentPropertyDescriptorComponentArray | VelcronComponentPropertyDescriptorObject | VelcronComponentPropertyDescriptorUnknown;
 export interface VelcronComponentArrayPropertyDescriptor extends VelcronComponentPropertyDescriptor {
     type: VelcronDataTypes.componentArray;
     subComponent: VelcronSubComponentDescriptor;

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

@@ -370,8 +370,8 @@ declare const _default: {
             }>;
         };
         settings?: VelcronAlignmentPropertyEditorSettings;
-        "v-model"?: "left" | "right" | "top" | "center" | "bottom";
         modelValue?: "left" | "right" | "top" | "center" | "bottom";
+        "v-model"?: "left" | "right" | "top" | "center" | "bottom";
         "onUpdate:modelValue"?: (value: "left" | "right" | "top" | "center" | "bottom") => any | void;
     }>, "onUpdate:modelValue"> & {
         "onUpdate:modelValue"?: (value: "left" | "right" | "top" | "center" | "bottom") => any;

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

@@ -366,8 +366,8 @@ declare const _default: {
                 };
             }>;
         };
-        "v-model"?: BackgroundDefinition;
         modelValue?: BackgroundDefinition;
+        "v-model"?: BackgroundDefinition;
         "onUpdate:modelValue"?: (value: BackgroundDefinition) => any | void;
         location?: EditorLocation;
     }>, "onUpdate:modelValue"> & {

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

@@ -403,8 +403,8 @@ declare const _default: {
             }>;
         };
         settings?: VelcronBlueprintEditorSettings;
-        "v-model"?: any;
         modelValue?: any;
+        "v-model"?: any;
         "onUpdate:modelValue"?: (value: any) => any | void;
         location?: EditorLocation;
         previewColorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";

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

@@ -354,8 +354,8 @@ declare const _default: {
                 };
             }>;
         };
-        "v-model"?: VelcronColorStyling;
         modelValue?: VelcronColorStyling;
+        "v-model"?: VelcronColorStyling;
         "onUpdate:modelValue"?: (value: VelcronColorStyling) => any | void;
     }>, "onUpdate:modelValue"> & {
         "onUpdate:modelValue"?: (value: VelcronColorStyling) => any;

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

@@ -378,8 +378,8 @@ declare const _default: {
                 };
             }>;
         };
-        "v-model"?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         modelValue?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
+        "v-model"?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         "onUpdate:modelValue"?: (value: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic") => any | void;
         location?: EditorLocation;
     }>, "onUpdate:modelValue" | "onValue:enter" | "onValue:leave"> & {

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

@@ -380,8 +380,8 @@ declare const _default: {
             }>;
         };
         settings?: VelcronFlowEditorSettings;
-        "v-model"?: string | FlowContent;
         modelValue?: string | FlowContent;
+        "v-model"?: string | FlowContent;
         "onUpdate:modelValue"?: (value: string | FlowContent) => any | void;
         location?: EditorLocation;
     }>, "onUpdate:modelValue"> & {

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

@@ -342,8 +342,8 @@ declare const _default: {
                 };
             }>;
         };
-        "v-model"?: VelcronGridState;
         modelValue?: VelcronGridState;
+        "v-model"?: VelcronGridState;
         "onUpdate:modelValue"?: (value: VelcronGridState) => any | void;
     }>, never>;
 };

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

@@ -380,8 +380,8 @@ declare const _default: {
         };
         label?: string;
         settings?: VelcronTextEditorSettings;
-        "v-model"?: string;
         modelValue?: string;
+        "v-model"?: string;
         "onUpdate:modelValue"?: (value: string) => any | void;
     }>, "onUpdate:modelValue"> & {
         "onUpdate:modelValue"?: (value: string) => any;

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

@@ -379,8 +379,8 @@ declare const _default: {
             }>;
         };
         settings?: any;
-        "v-model"?: any;
         modelValue?: any;
+        "v-model"?: any;
         "onUpdate:modelValue"?: (value: any) => any | void;
         location?: EditorLocation;
     }>, "onUpdate:modelValue"> & {

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

@@ -392,8 +392,8 @@ declare const _default: {
         };
         label?: string;
         settings?: VelcronNumberEditorSettings;
-        "v-model"?: number;
         modelValue?: number;
+        "v-model"?: number;
         "onUpdate:modelValue"?: (value: number) => any | void;
         location?: EditorLocation;
     }>, "onUpdate:modelValue"> & {

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

@@ -416,8 +416,8 @@ declare const _default: {
         };
         label?: string;
         editor?: VelcronEditor<any>;
-        "v-model"?: any;
         modelValue?: any;
+        "v-model"?: any;
         "onUpdate:modelValue"?: (value: any) => any | void;
         location?: EditorLocation;
         previewColorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";

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

@@ -379,8 +379,8 @@ declare const _default: {
             }>;
         };
         settings?: VelcronSelectEditorSettings;
-        "v-model"?: string;
         modelValue?: string;
+        "v-model"?: string;
         "onUpdate:modelValue"?: (value: string) => any | void;
         location?: EditorLocation;
     }>, "onUpdate:modelValue"> & {

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

@@ -383,8 +383,8 @@ declare const _default: {
             }>;
         };
         settings?: VelcronSliderPropertyEditorSettings;
-        "v-model"?: number;
         modelValue?: number;
+        "v-model"?: number;
         "onUpdate:modelValue"?: (value: number) => any | void;
         location?: EditorLocation;
     }>, "onUpdate:modelValue"> & {

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

@@ -379,8 +379,8 @@ declare const _default: {
             }>;
         };
         settings?: VelcronSpacingEditorSettings;
-        "v-model"?: VelcronSpacing | SpacingValue | VelcronPosition;
         modelValue?: VelcronSpacing | SpacingValue | VelcronPosition;
+        "v-model"?: VelcronSpacing | SpacingValue | VelcronPosition;
         "onUpdate:modelValue"?: (value: VelcronSpacing | SpacingValue | VelcronPosition) => any | void;
         location?: EditorLocation;
     }>, "onUpdate:modelValue"> & {

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

@@ -379,8 +379,8 @@ declare const _default: {
             }>;
         };
         label?: string;
-        "v-model"?: boolean;
         modelValue?: boolean;
+        "v-model"?: boolean;
         "onUpdate:modelValue"?: (value: boolean) => any | void;
         location?: EditorLocation;
     }>, "onUpdate:modelValue"> & {

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

@@ -392,8 +392,8 @@ declare const _default: {
         };
         label?: string;
         settings?: VelcronTextEditorSettings;
-        "v-model"?: string;
         modelValue?: string;
+        "v-model"?: string;
         "onUpdate:modelValue"?: (value: string) => any | void;
         location?: EditorLocation;
     }>, "onUpdate:modelValue"> & {

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

@@ -379,8 +379,8 @@ declare const _default: {
             }>;
         };
         settings?: VelcronTypographyEditorSettings;
-        "v-model"?: TextBlueprint;
         modelValue?: TextBlueprint;
+        "v-model"?: TextBlueprint;
         "onUpdate:modelValue"?: (value: TextBlueprint) => any | void;
         location?: EditorLocation;
     }>, "onUpdate:modelValue"> & {

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

@@ -1,4 +1,4 @@
-import { DynamicState, VelcronAppDefinition, VelcronDefinitionCategoryRegistration, VelcronDefinitionRegistration, VelcronDefinitionRegistrationWithoutApp, VelcronDefinitionRendererTypeRegistration, VelcronRendererResolverReference, guid } from "@omnia/fx-models";
+import { DynamicState, VelcronAppDefinition, VelcronDefinitionCategoryRegistration, VelcronDefinitionRegistration, VelcronDefinitionRegistrationWithoutApp, VelcronDefinitionRendererTypeRegistration, VelcronGridState, VelcronRendererResolverReference, guid } from "@omnia/fx-models";
 import { VelcronPropertyDefinitionValueResolver, VelcronPropertyEditorValue } from "../../models";
 export declare const useVelcronDefinitionStore: () => {
     state: {
@@ -32,6 +32,11 @@ export declare const useVelcronDefinitionStore: () => {
                 state: VelcronPropertyEditorValue<T>;
                 setState(value: VelcronPropertyEditorValue<T>): void;
             };
+            grid(): {
+                match: boolean;
+                state: VelcronGridState;
+                setState(value: VelcronGridState): void;
+            };
         };
     };
     actions: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.286-dev",
+  "version": "8.0.287-dev",
   "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,12 +20,12 @@
   ],
   "author": "Precio Fishbone",
   "dependencies": {
-    "@omnia/fx-models": "8.0.286-dev",
+    "@omnia/fx-models": "8.0.287-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",
     "splitpanes": "3.1.5",
-    "vue": "3.5.3",
+    "vue": "3.5.4",
     "vuetify": "3.7.0",
     "tslib": "2.6.2",
     "typescript": "5.6.2",

package/internal-do-not-import-from-here/ux/use/useSpacingScaling.d.ts

@@ -1,13 +0,0 @@
-import { SpacingValue } from "@omnia/fx-models";
-export declare function useSpacingScaling(): {
-    get: {
-        valueWithoutScale: (value: SpacingValue) => string | number;
-        scaleFromValue: (value: SpacingValue) => "l" | "s";
-    };
-    add: {
-        scaleToValue: (value: SpacingValue, scale: string) => string | number;
-    };
-    has: {
-        scaling: (value: SpacingValue) => boolean;
-    };
-};