@omnia/fx-models 8.0.162-dev → 8.0.164-dev

package/Constants.d.ts

@@ -51,6 +51,7 @@ export declare const Constants: {
                     dalle: Guid;
                     mediaflow: Guid;
                     unsplash: Guid;
+                    vimeo: Guid;
                 };
                 providerContextInject: Guid;
             };

package/Constants.js

@@ -82,6 +82,7 @@ exports.Constants = {
                     dalle: new models_1.Guid("69805036-0D70-421B-8B81-217978BB47A4"),
                     mediaflow: new models_1.Guid("F3078399-C3B6-457D-8C2F-A4C8C39B5F27"),
                     unsplash: new models_1.Guid("db11bef7-768d-4281-ad13-c938a4cdb6de"),
+                    vimeo: new models_1.Guid("b213d44a-728f-4d28-a810-a2a5ed86a9b5")
                 },
                 providerContextInject: new models_1.Guid("950198af-fc0e-4a2e-9f73-394edccf1d8e"),
             },

package/ManifestIds.d.ts

@@ -54,6 +54,7 @@ export declare class OmniaResourceManifests {
     static get Fx(): Guid;
     static get FxSpContexts(): Guid;
     static get FxUxVuetifyTextinput(): Guid;
+    static get FxUxVuetifyNumberinput(): Guid;
     static get FxUxVuetifySelect(): Guid;
     static get FxUxVuetifyTextarea(): Guid;
     static get LocalhostingCommands(): Guid;
@@ -69,6 +70,8 @@ export declare class OmniaResourceManifests {
     static get FxUxVDialog(): Guid;
     static get FxUxVuetifyAvatar(): Guid;
     static get FxUxVTreeView(): Guid;
+    static get FxUxVSpeedial(): Guid;
+    static get FxUxVMenu(): Guid;
     static get Vendor(): Guid;
     static get PhoneNumberLib(): Guid;
     static get FxTenantLanguage(): Guid;
@@ -312,6 +315,7 @@ export declare class OmniaWebComponentManifests {
     static get FxUxSharePointVideoSettings(): Guid;
     static get FxUxMicrosoftStreamProvider(): Guid;
     static get FxUxYoutubeProvider(): Guid;
+    static get FxUxVimeoProvider(): Guid;
     static get FxUxDallEProvider(): Guid;
     static get FxUxImageTransformer(): Guid;
     static get FxUxThemeDefinitionEditor(): Guid;

package/ManifestIds.js

@@ -164,6 +164,9 @@ class OmniaResourceManifests {
     static get FxUxVuetifyTextinput() {
         return new models_1.Guid("181ff5d3-896f-4471-b516-3a347fe9e35d");
     }
+    static get FxUxVuetifyNumberinput() {
+        return new models_1.Guid("0fb99ef6-4899-4100-9e95-e33934baf823");
+    }
     static get FxUxVuetifySelect() {
         return new models_1.Guid("6d5f3edc-0fc0-4765-804b-b6583381f25d");
     }
@@ -233,6 +236,12 @@ class OmniaResourceManifests {
     static get FxUxVTreeView() {
         return new models_1.Guid("6d7b7ee9-0839-49fd-885e-513b17b6b023");
     }
+    static get FxUxVSpeedial() {
+        return new models_1.Guid("86e824ef-c893-4e64-b51c-fc91e1be4c85");
+    }
+    static get FxUxVMenu() {
+        return new models_1.Guid("2a6bef63-35c8-492b-9035-868016b1da20");
+    }
     static get Vendor() {
         return new models_1.Guid("6270b632-1f44-4146-bace-137131c0471b");
     }
@@ -955,6 +964,9 @@ class OmniaWebComponentManifests {
         return new models_1.Guid("E748B310-3FE4-4732-B899-3513D863035B");
     }
     //public static get FxUxYoutubeProviderRegistration(): Guid { return new Guid("0f90dfd5-fa8c-4e97-a840-3b3f3c5ee7d3"); }
+    static get FxUxVimeoProvider() {
+        return new models_1.Guid("9275FAF9-638C-486B-9EEF-0C7C38FCF12C");
+    }
     static get FxUxDallEProvider() {
         return new models_1.Guid("9ece4ebd-690f-43b7-95d5-3f72bcc590d1");
     }

package/componentproptypes/ThemeableComponents.d.ts

@@ -1,5 +1,6 @@
+import { ColorSchemaTypes } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
 export interface ThemeableComponentProps {
-    colorSchemaType?: any;
+    colorSchemaType?: ColorSchemaTypes;
     container?: any;
     colors?: any;
 }

package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts

@@ -129,10 +129,11 @@ export interface BackgroundDefinition {
     fill?: FillDefinitionValue;
     border?: BorderStylingDefinition;
     elevation?: number;
-    media?: BackgroundMedia;
+    media?: BackgroundMediaDefinition;
 }
-export interface BackgroundMedia {
-    type: "image" | "video";
+export type BackgroundMedia = "image" | "video";
+export interface BackgroundMediaDefinition {
+    type: BackgroundMedia;
     src: string;
 }
 export interface FillDefinition {

package/internal-do-not-import-from-here/shared/models/velcron/VelcronDefinition.d.ts

@@ -60,14 +60,16 @@ export interface VelcronComponentDefinition extends VelcronDefinition {
     icon?: any;
 }
 export type VelcronCustomComponentDefinition = VelcronComponentDefinition;
-export type BuiltInPropertyEditorType = "text" | "slider" | "switch" | "alignment" | "color" | "markdown" | "icon" | "image" | "typography" | "spacing" | "color-schema-type" | "container" | "reference";
-export interface VelcronStateEditor<TSettings = any> {
+export type BuiltInPropertyEditorType = "text" | "slider" | "switch" | "alignment" | "color" | "markdown" | "icon" | "image" | "typography" | "spacing" | "color-schema-type" | "blueprint" | "background" | "grid" | "reference";
+export type EditorLocation = "inline " | "pane" | "toolbar";
+export interface VelcronEditor<TSettings = any> {
     name?: string;
     icon?: IFontAwesomeIcon;
     category?: string;
+    locations?: (EditorLocation)[];
     type: BuiltInPropertyEditorType | string;
     settings?: TSettings;
-    stateMapping?: string;
+    state?: string;
     propertyMapping?: boolean;
     multiple?: boolean;
     component?: unknown;
@@ -82,7 +84,7 @@ export interface VelcronAppDefinition<TState extends DynamicState = DynamicState
         [name: string]: Array<string>;
     };
     components?: Array<VelcronCustomComponentDefinition>;
-    editors?: Array<VelcronStateEditor>;
+    editors?: Array<VelcronEditor>;
     state?: TState;
     computed?: {
         [name: string]: Array<string>;

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

@@ -16,22 +16,9 @@ export declare enum VelcronActionTypes {
 export declare enum VelcronIconTypes {
     fontAwesome = "fa"
 }
-export declare enum VelcronViewDirections {
-    row = "row",
-    column = "column",
-    rowReverse = "row-reverse",
-    columnRevers = "column-reverse"
-}
-export declare enum VelcronHorizontalAlignments {
-    left = "left",
-    center = "center",
-    right = "right"
-}
-export declare enum VelcronVerticalAlignments {
-    top = "top",
-    center = "center",
-    bottom = "bottom"
-}
+export type VelcronViewDirections = "row" | "column" | "row-reverse" | "column-reverse";
+export type VelcronHorizontalAlignments = "left" | "center" | "right";
+export type VelcronVerticalAlignments = "top" | "center" | "bottom";
 export declare enum VelcronDataTypes {
     unknown = "unknown",
     object = "object",

package/internal-do-not-import-from-here/velcron/core/models/Enums.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VelcronDataTypes = exports.VelcronVerticalAlignments = exports.VelcronHorizontalAlignments = exports.VelcronViewDirections = exports.VelcronIconTypes = exports.VelcronActionTypes = exports.AssignOperators = void 0;
+exports.VelcronDataTypes = exports.VelcronIconTypes = exports.VelcronActionTypes = exports.AssignOperators = void 0;
 var AssignOperators;
 (function (AssignOperators) {
     AssignOperators["equals"] = "=";
@@ -22,25 +22,6 @@ var VelcronIconTypes;
 (function (VelcronIconTypes) {
     VelcronIconTypes["fontAwesome"] = "fa";
 })(VelcronIconTypes || (exports.VelcronIconTypes = VelcronIconTypes = {}));
-var VelcronViewDirections;
-(function (VelcronViewDirections) {
-    VelcronViewDirections["row"] = "row";
-    VelcronViewDirections["column"] = "column";
-    VelcronViewDirections["rowReverse"] = "row-reverse";
-    VelcronViewDirections["columnRevers"] = "column-reverse";
-})(VelcronViewDirections || (exports.VelcronViewDirections = VelcronViewDirections = {}));
-var VelcronHorizontalAlignments;
-(function (VelcronHorizontalAlignments) {
-    VelcronHorizontalAlignments["left"] = "left";
-    VelcronHorizontalAlignments["center"] = "center";
-    VelcronHorizontalAlignments["right"] = "right";
-})(VelcronHorizontalAlignments || (exports.VelcronHorizontalAlignments = VelcronHorizontalAlignments = {}));
-var VelcronVerticalAlignments;
-(function (VelcronVerticalAlignments) {
-    VelcronVerticalAlignments["top"] = "top";
-    VelcronVerticalAlignments["center"] = "center";
-    VelcronVerticalAlignments["bottom"] = "bottom";
-})(VelcronVerticalAlignments || (exports.VelcronVerticalAlignments = VelcronVerticalAlignments = {}));
 var VelcronDataTypes;
 (function (VelcronDataTypes) {
     //Unknown = null
@@ -51,5 +32,6 @@ var VelcronDataTypes;
     VelcronDataTypes["boolean"] = "boolean";
     VelcronDataTypes["array"] = "array";
     VelcronDataTypes["componentArray"] = "componentArray";
+    //Depricated????
     VelcronDataTypes["bind"] = "bind";
 })(VelcronDataTypes || (exports.VelcronDataTypes = VelcronDataTypes = {}));

package/internal-do-not-import-from-here/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, VelcronStateEditor } 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, VelcronEditor, ContainerBlueprint, BackgroundDefinition, ContainerVariant } 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 "..";
@@ -85,11 +85,11 @@ export interface VelcronRenderContextEventHandlersInstance extends VelcronRender
 }
 export interface VelcronRenderContextHooks {
     dialogVisibilityChanged?: ((visible: boolean) => void);
-    onItemSelected?: ((item: VelcronDefinition) => void);
+    onItemSelected?: ((item: VelcronDefinition, renderContext: VelcronRenderContext) => void);
     wrapperStyleExtensions?: ((item: VelcronDefinition, renderContext: VelcronRenderContext) => string);
-    renderExtensions?: <TNodeType>(item: VelcronDefinition) => TNodeType;
+    renderExtensions?: <TNodeType>(item: VelcronDefinition, renderContext: VelcronRenderContext) => TNodeType;
     appStyleExtension?: (() => string);
-    onItemCreatedProps?: ((item: VelcronDefinition) => object);
+    onItemCreatedProps?: ((item: VelcronDefinition, renderContext: VelcronRenderContext) => object);
 }
 export interface VelcronContainerRenderer {
     definition: VelcronDefinition;
@@ -161,7 +161,7 @@ export interface VelcronFlexRowDefinition extends VelcronDefinition, VelcronColo
     events?: VelcronOnPressEvent;
     direction?: VelcronBindableProp<"row" | "row-reverse">;
     absolute?: VelcronSpacing;
-    blueprint?: ContainerBlueprint;
+    blueprint?: ContainerBlueprint | ContainerVariant;
     background?: BackgroundDefinition;
     hideOverflow?: boolean;
     wrap?: boolean;
@@ -194,7 +194,6 @@ export interface VelcronTextDefinition extends VelcronDefinition, VelcronColorSt
     type: "text";
     value?: VelcronBindableProp;
     placeholder?: VelcronBindableProp;
-    editLabel?: VelcronBindableProp;
     lineClamp?: VelcronBindableProp<number>;
     noWrap?: VelcronBindableProp<boolean>;
     wordBreak?: VelcronBindableProp<"none">;
@@ -295,9 +294,9 @@ export interface VelcronSlidePanelDefinition extends VelcronDefinition {
     style?: VelcronCardStyling;
     events?: VelcronOnPressEvent;
 }
-export interface VelcronEditorDefinition extends VelcronDefinition {
+export interface VelcronEditorRendererDefinition extends VelcronDefinition {
     type: "editor";
-    editor: VelcronStateEditor;
+    editor: VelcronEditor;
     value: VelcronBindableProp<string>;
     events?: VelcronOnUpdatedEvent;
 }
@@ -326,7 +325,7 @@ export interface VelcronSlotDefinition extends VelcronDefinition {
 }
 export interface VelcronReferenceDefinition extends VelcronDefinition {
     type: "reference";
-    to: VelcronRendererResolverReference;
+    to: VelcronBindableProp<VelcronRendererResolverReference>;
     state: string;
 }
 export interface VelcronPropertyDefinition extends VelcronDefinitionWithEditMode {

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

@@ -1,7 +1,6 @@
-import { BuiltInPropertyEditorType, TextBlueprint, TypographySize, TypographyType, VelcronSpacing, VelcronStateEditor } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
-import { VelcronImageRatios } from "./VelcronDefinitions";
+import { BuiltInPropertyEditorType, TypographyType, VelcronEditor } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
 export interface ResolvedPropertyEditor {
-    editor: VelcronStateEditor;
+    editor: VelcronEditor;
 }
 export type BuiltInPropertyEditorMap = {
     [key in BuiltInPropertyEditorType]: unknown;
@@ -24,240 +23,57 @@ export interface VelcronTextEditorSettings {
     type: TypographyType;
     placeholder: string;
 }
-export interface VelcronSliderPropertyEditor extends VelcronStateEditor<VelcronSliderPropertyEditorSettings> {
+export interface VelcronBlueprintEditorSettings {
+    type: "container" | "";
+}
+export interface VelcronBackgroundEditorSettings {
+    type: "image" | "video";
+}
+export interface VelcronSliderPropertyEditor extends VelcronEditor<VelcronSliderPropertyEditorSettings> {
     type: "slider";
 }
-export interface VelcronTextPropertyEditor extends VelcronStateEditor<VelcronTextEditorSettings> {
+export interface VelcronTextPropertyEditor extends VelcronEditor<VelcronTextEditorSettings> {
     type: "text";
 }
-export interface VelcronEnterprisePropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronEnterprisePropertyEditor extends VelcronEditor<any> {
     type: "enterprise-property";
 }
-export interface VelcronTypographyPropertyEditor extends VelcronStateEditor<VelcronTypographyEditorSettings> {
+export interface VelcronTypographyPropertyEditor extends VelcronEditor<VelcronTypographyEditorSettings> {
     type: "typography";
 }
-export interface VelcronContainerPropertyEditor extends VelcronStateEditor<any> {
-    type: "container";
-}
-export interface VelcronSwitchPropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronSwitchPropertyEditor extends VelcronEditor<any> {
     type: "switch";
 }
-export interface VelcronAlignmentPropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronAlignmentPropertyEditor extends VelcronEditor<any> {
     type: "alignment";
 }
-export interface VelcronColorPropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronColorPropertyEditor extends VelcronEditor<any> {
     type: "color";
 }
-export interface VelcronColorSchemaPropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronColorSchemaPropertyEditor extends VelcronEditor<any> {
     type: "color-schema-type";
 }
-export interface VelcronIconPropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronIconPropertyEditor extends VelcronEditor<any> {
     type: "icon";
 }
-export interface VelcronMarkdownPropertyEditor extends VelcronStateEditor<VelcronMarkdownEditorSettings> {
+export interface VelcronMarkdownPropertyEditor extends VelcronEditor<VelcronMarkdownEditorSettings> {
     type: "markdown";
 }
-export interface VelcronImagePropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronImagePropertyEditor extends VelcronEditor<any> {
     type: "image";
 }
-export interface VelcronSpacingPropertyEditor extends VelcronStateEditor<VelcronSpacingEditorSettings> {
+export interface VelcronSpacingPropertyEditor extends VelcronEditor<VelcronSpacingEditorSettings> {
     type: "spacing";
 }
-export interface VelcronReferencePropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronReferencePropertyEditor extends VelcronEditor<any> {
     type: "reference";
 }
-export interface VelcronState {
-    images?: VelcronImagesState;
-    styling?: VelcronStylingState;
-    colorSchemas?: VelcronColorSchemasState;
-    content?: VelcronContentState;
-    header?: VelcronHeaderState;
-    properties?: VelcronPropertiesState;
-    spacing?: VelcronSpacingState;
-}
-export interface VelcronSpacingState {
-    chrome?: VelcronSpacing;
-}
-export interface VelcronHeaderState {
-    title?: VelcronTextState;
-    icon?: string;
-}
-export interface VelcronTextState {
-    text?: string;
-    placeholder?: string;
-    typography?: VelcronTypographyState;
-}
-export interface VelcronTypographyState {
-    type?: TypographyType;
-    size?: TypographySize;
-    toned?: boolean;
-}
-export interface VelcronContentState {
-    caption?: VelcronTextState;
-    main?: VelcronTextState;
-    title?: VelcronTextState;
-    summary?: VelcronTextState;
-}
-export interface VelcronPropertiesState {
-    user: any;
-    mappings: Array<any>;
+export interface VelcronBlueprintEditor extends VelcronEditor<VelcronBlueprintEditorSettings> {
+    type: "blueprint";
 }
-export interface VelcronImagesState {
-    main?: VelcronImageState;
-    alt1?: VelcronImageState;
-    alt2?: VelcronImageState;
+export interface VelcronBackgroundEditor extends VelcronEditor<VelcronBackgroundEditorSettings> {
+    type: "background";
 }
-export interface VelcronImageState {
-    url?: string;
-    ratio?: VelcronImageRatios;
-    caption?: VelcronTextState;
-    width?: number;
-    height?: number;
+export interface VelcronGridEditor extends VelcronEditor<any> {
+    type: "grid";
 }
-export interface VelcronStylingState {
-}
-export interface VelcronColorSchemasState {
-    main: string;
-}
-export declare const VelcronImagesStateBinding: {
-    main: {
-        editor: string;
-        url: string;
-        ratio: string;
-        caption: string;
-        width: string;
-        height: string;
-    };
-    alt1: {
-        editor: string;
-        url: string;
-        ratio: string;
-        caption: string;
-        width: string;
-        height: string;
-    };
-    alt2: {
-        editor: string;
-        url: string;
-        ratio: string;
-        caption: string;
-        width: string;
-        height: string;
-    };
-};
-export declare const VelcronHeaderStateBinding: {
-    title: {
-        text: string;
-        placeholder: string;
-        blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-    };
-    icon: string;
-};
-export declare const VelcronContentStateBinding: {
-    title: {
-        text: string;
-        placeholder: string;
-        blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-    };
-    main: {
-        text: string;
-        placeholder: string;
-        blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-    };
-    caption: {
-        text: string;
-        placeholder: string;
-        blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-    };
-    summary: {
-        text: string;
-        placeholder: string;
-        blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-    };
-};
-export declare const VelcronColorSchemasStateBinding: {
-    main: {
-        type: string;
-        filled: string;
-    };
-};
-export declare const VelcronSpacingStateBinding: {
-    chrome: {
-        top: string;
-        right: string;
-        bottom: string;
-        left: string;
-    };
-};
-export declare const VelcronStateBinding: {
-    colorSchemas: {
-        main: {
-            type: string;
-            filled: string;
-        };
-    };
-    images: {
-        main: {
-            editor: string;
-            url: string;
-            ratio: string;
-            caption: string;
-            width: string;
-            height: string;
-        };
-        alt1: {
-            editor: string;
-            url: string;
-            ratio: string;
-            caption: string;
-            width: string;
-            height: string;
-        };
-        alt2: {
-            editor: string;
-            url: string;
-            ratio: string;
-            caption: string;
-            width: string;
-            height: string;
-        };
-    };
-    content: {
-        title: {
-            text: string;
-            placeholder: string;
-            blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-        };
-        main: {
-            text: string;
-            placeholder: string;
-            blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-        };
-        caption: {
-            text: string;
-            placeholder: string;
-            blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-        };
-        summary: {
-            text: string;
-            placeholder: string;
-            blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-        };
-    };
-    header: {
-        title: {
-            text: string;
-            placeholder: string;
-            blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-        };
-        icon: string;
-    };
-    spacing: {
-        chrome: {
-            top: string;
-            right: string;
-            bottom: string;
-            left: string;
-        };
-    };
-};

package/internal-do-not-import-from-here/velcron/core/models/VelcronPropertyEditorDefinitions.js

@@ -1,89 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VelcronStateBinding = exports.VelcronSpacingStateBinding = exports.VelcronColorSchemasStateBinding = exports.VelcronContentStateBinding = exports.VelcronHeaderStateBinding = exports.VelcronImagesStateBinding = void 0;
-const models_1 = require("@omnia/fx-models/internal-do-not-import-from-here/shared/models");
-exports.VelcronImagesStateBinding = {
-    main: {
-        editor: "{{images.main.url}}",
-        url: "{{images.main.url}}",
-        ratio: "{{images.main.ratio}}",
-        caption: "{{images.main.caption}}",
-        width: "{{images.main.width}}",
-        height: "{{images.main.height}}",
-    },
-    alt1: {
-        editor: "{{images.alt1.url}}",
-        url: "{{images.alt1.url}}",
-        ratio: "{{images.alt1.ratio}}",
-        caption: "{{images.alt1.caption}}",
-        width: "{{images.alt1.width}}",
-        height: "{{images.alt1.height}}",
-    },
-    alt2: {
-        editor: "{{images.alt2.url}}",
-        url: "{{images.alt2.url}}",
-        ratio: "{{images.alt2.ratio}}",
-        caption: "{{images.alt2.caption}}",
-        width: "{{images.alt2.width}}",
-        height: "{{images.alt2.height}}",
-    },
-};
-exports.VelcronHeaderStateBinding = {
-    title: {
-        text: (0, models_1.velcronBind)("header.title.text"),
-        placeholder: (0, models_1.velcronBind)("header.title.placeholder"),
-        blueprint: (0, models_1.velcronBind)("content.title.blueprint")
-    },
-    icon: (0, models_1.velcronBind)("header.icon")
-};
-exports.VelcronContentStateBinding = {
-    title: {
-        text: (0, models_1.velcronBind)("content.title.text"),
-        placeholder: (0, models_1.velcronBind)("content.title.placeholder"),
-        blueprint: (0, models_1.velcronBind)("content.title.blueprint")
-    },
-    main: {
-        text: (0, models_1.velcronBind)("content.main.text"),
-        placeholder: (0, models_1.velcronBind)("content.main.placeholder"),
-        blueprint: (0, models_1.velcronBind)("content.main.blueprint")
-    },
-    caption: {
-        text: (0, models_1.velcronBind)("content.caption.text"),
-        placeholder: (0, models_1.velcronBind)("content.caption.placeholder"),
-        blueprint: (0, models_1.velcronBind)("content.caption.blueprint")
-    },
-    summary: {
-        text: (0, models_1.velcronBind)("content.summary.text"),
-        placeholder: (0, models_1.velcronBind)("content.summary.placeholder"),
-        blueprint: (0, models_1.velcronBind)("content.summary.blueprint")
-    },
-};
-exports.VelcronColorSchemasStateBinding = {
-    main: {
-        type: (0, models_1.velcronBind)("colorSchemas.main.type"),
-        filled: (0, models_1.velcronBind)("colorSchemas.main.filled")
-    }
-};
-exports.VelcronSpacingStateBinding = {
-    chrome: {
-        "top": "{{spacing.chrome.top}}",
-        "right": "{{spacing.chrome.right}}",
-        "bottom": "{{spacing.chrome.bottom}}",
-        "left": "{{spacing.chrome.left}}",
-    }
-};
-// export interface VelcronSpacingState {
-//     chrome?: VelcronDimensionState 
-// }
-// export interface VelcronDimensionState {
-//     margin?: VelcronSpacing;
-//     padding?: VelcronSpacing;
-// } 
-exports.VelcronStateBinding = {
-    colorSchemas: exports.VelcronColorSchemasStateBinding,
-    images: exports.VelcronImagesStateBinding,
-    content: exports.VelcronContentStateBinding,
-    header: exports.VelcronHeaderStateBinding,
-    spacing: exports.VelcronSpacingStateBinding
-    //properties?:VelcronPropertiesState,    
-};

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

@@ -0,0 +1,186 @@
+import { BackgroundDefinition, ContainerBlueprint, ContainerVariant, TextBlueprint, TypographySize, TypographyType, VelcronSpacing } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
+import { VelcronImageRatios } from "./VelcronDefinitions";
+export interface VelcronState {
+    images?: VelcronImagesState;
+    container?: {
+        colorSchemaType?: string;
+        spacing?: VelcronSpacing;
+        blueprint?: ContainerBlueprint | ContainerVariant;
+        background?: BackgroundDefinition;
+    };
+    grid?: VelcronGridState;
+    colorSchemas?: VelcronColorSchemasState;
+    content?: VelcronContentState;
+    header?: VelcronHeaderState;
+    properties?: VelcronPropertiesState;
+    spacing?: VelcronSpacingState;
+}
+export interface VelcronGridState {
+    columnWidth?: number;
+    columns?: Array<object>;
+    gap?: string | number;
+}
+export interface VelcronSpacingState {
+    container?: VelcronSpacing;
+}
+export interface VelcronHeaderState {
+    title?: VelcronTextState;
+    icon?: string;
+}
+export interface VelcronTextState {
+    text?: string;
+    placeholder?: string;
+    typography?: VelcronTypographyState;
+}
+export interface VelcronTypographyState {
+    type?: TypographyType;
+    size?: TypographySize;
+    toned?: boolean;
+}
+export interface VelcronContentState {
+    caption?: VelcronTextState;
+    main?: VelcronTextState;
+    title?: VelcronTextState;
+    summary?: VelcronTextState;
+}
+export interface VelcronPropertiesState {
+    user: any;
+    mappings: Array<any>;
+}
+export interface VelcronImagesState {
+    main?: VelcronImageState;
+    alt1?: VelcronImageState;
+    alt2?: VelcronImageState;
+}
+export interface VelcronImageState {
+    url?: string;
+    ratio?: VelcronImageRatios;
+    caption?: VelcronTextState;
+    width?: number;
+    height?: number;
+}
+export interface VelcronStylingState {
+}
+export interface VelcronColorSchemasState {
+    main: string;
+}
+export declare const VelcronImagesStateBinding: {
+    main: {
+        editor: string;
+        url: string;
+        ratio: string;
+        caption: string;
+        width: string;
+        height: string;
+    };
+    alt1: {
+        editor: string;
+        url: string;
+        ratio: string;
+        caption: string;
+        width: string;
+        height: string;
+    };
+    alt2: {
+        editor: string;
+        url: string;
+        ratio: string;
+        caption: string;
+        width: string;
+        height: string;
+    };
+};
+export declare const VelcronStateMapping: {
+    grid: {
+        columns: string;
+    };
+};
+export declare const VelcronStateBinding: {
+    colorSchemas: {
+        main_depricated: {
+            value: string;
+            type: string;
+            filled: string;
+        };
+    };
+    container: {
+        colorSchemaType: string;
+        spacing: string;
+        blueprint: string;
+        background: {
+            value: string;
+            media: string;
+        };
+    };
+    images: {
+        main: {
+            editor: string;
+            url: string;
+            ratio: string;
+            caption: string;
+            width: string;
+            height: string;
+        };
+        alt1: {
+            editor: string;
+            url: string;
+            ratio: string;
+            caption: string;
+            width: string;
+            height: string;
+        };
+        alt2: {
+            editor: string;
+            url: string;
+            ratio: string;
+            caption: string;
+            width: string;
+            height: string;
+        };
+    };
+    content: {
+        title: {
+            text: string;
+            placeholder: string;
+            blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
+        };
+        main: {
+            text: string;
+            placeholder: string;
+            blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
+        };
+        caption: {
+            text: string;
+            placeholder: string;
+            blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
+        };
+        summary: {
+            text: string;
+            placeholder: string;
+            blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
+        };
+    };
+    grid: {
+        value: string;
+        columnWidth: string;
+        columns: string;
+        gap: string;
+    };
+    header: {
+        title: {
+            text: string;
+            placeholder: string;
+            blueprint: import("@omnia/fx-models/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
+        };
+        icon: string;
+    };
+    spacing: {
+        container: {
+            value: string;
+            top: string;
+            right: string;
+            bottom: string;
+            left: string;
+        };
+    };
+};

package/internal-do-not-import-from-here/velcron/core/models/VelcronState.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VelcronStateBinding = exports.VelcronStateMapping = exports.VelcronImagesStateBinding = void 0;
+const models_1 = require("@omnia/fx-models/internal-do-not-import-from-here/shared/models");
+exports.VelcronImagesStateBinding = {
+    main: {
+        editor: "{{images.main.url}}",
+        url: "{{images.main.url}}",
+        ratio: "{{images.main.ratio}}",
+        caption: "{{images.main.caption}}",
+        width: "{{images.main.width}}",
+        height: "{{images.main.height}}",
+    },
+    alt1: {
+        editor: "{{images.alt1.url}}",
+        url: "{{images.alt1.url}}",
+        ratio: "{{images.alt1.ratio}}",
+        caption: "{{images.alt1.caption}}",
+        width: "{{images.alt1.width}}",
+        height: "{{images.alt1.height}}",
+    },
+    alt2: {
+        editor: "{{images.alt2.url}}",
+        url: "{{images.alt2.url}}",
+        ratio: "{{images.alt2.ratio}}",
+        caption: "{{images.alt2.caption}}",
+        width: "{{images.alt2.width}}",
+        height: "{{images.alt2.height}}",
+    },
+};
+const VelcronContentStateBinding = {
+    title: {
+        text: (0, models_1.velcronBind)("content.title.text"),
+        placeholder: (0, models_1.velcronBind)("content.title.placeholder"),
+        blueprint: (0, models_1.velcronBind)("content.title.blueprint")
+    },
+    main: {
+        text: (0, models_1.velcronBind)("content.main.text"),
+        placeholder: (0, models_1.velcronBind)("content.main.placeholder"),
+        blueprint: (0, models_1.velcronBind)("content.main.blueprint")
+    },
+    caption: {
+        text: (0, models_1.velcronBind)("content.caption.text"),
+        placeholder: (0, models_1.velcronBind)("content.caption.placeholder"),
+        blueprint: (0, models_1.velcronBind)("content.caption.blueprint")
+    },
+    summary: {
+        text: (0, models_1.velcronBind)("content.summary.text"),
+        placeholder: (0, models_1.velcronBind)("content.summary.placeholder"),
+        blueprint: (0, models_1.velcronBind)("content.summary.blueprint")
+    },
+};
+exports.VelcronStateMapping = {
+    grid: {
+        columns: "grid.columns",
+    },
+};
+exports.VelcronStateBinding = {
+    colorSchemas: {
+        main_depricated: {
+            value: (0, models_1.velcronBind)("colorSchemas.main"),
+            type: (0, models_1.velcronBind)("colorSchemas.main.type"),
+            filled: (0, models_1.velcronBind)("colorSchemas.main.filled")
+        }
+    },
+    container: {
+        colorSchemaType: (0, models_1.velcronBind)("$state.container.colorSchemaType"),
+        spacing: (0, models_1.velcronBind)("$state.container.spacing"),
+        blueprint: (0, models_1.velcronBind)("$state.container.blueprint"),
+        background: {
+            value: (0, models_1.velcronBind)("$state.container.background"),
+            media: (0, models_1.velcronBind)("$state.container.background.media")
+        }
+    },
+    images: exports.VelcronImagesStateBinding,
+    content: VelcronContentStateBinding,
+    grid: {
+        value: (0, models_1.velcronBind)("$state.grid"),
+        columnWidth: (0, models_1.velcronBind)("$state.grid.columnWidth"),
+        columns: (0, models_1.velcronBind)("$state.grid.columns"),
+        gap: (0, models_1.velcronBind)("$state.grid.gap"),
+        //rows:velcronBind("grid.rows"),
+    },
+    header: {
+        title: {
+            text: (0, models_1.velcronBind)("$state.header.title.text"),
+            placeholder: (0, models_1.velcronBind)("$state.header.title.placeholder"),
+            blueprint: (0, models_1.velcronBind)("$state.content.title.blueprint")
+        },
+        icon: (0, models_1.velcronBind)("$state.header.icon")
+    },
+    spacing: {
+        container: {
+            value: (0, models_1.velcronBind)("$state.spacing.chrome"),
+            top: (0, models_1.velcronBind)("{{spacing.chrome.top}}"),
+            right: (0, models_1.velcronBind)("{{spacing.chrome.right}}"),
+            bottom: (0, models_1.velcronBind)("{{spacing.chrome.bottom}}"),
+            left: (0, models_1.velcronBind)("{{spacing.chrome.left}}"),
+        }
+    }
+    //properties?:VelcronPropertiesState,    
+};

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

@@ -5,3 +5,4 @@ export * from "./Enums";
 export * from "./VelcronUnitProvider";
 export * from "./VelcronPropertyEditorDefinitions";
 export * from "./ActionHooks";
+export * from "./VelcronState";

package/internal-do-not-import-from-here/velcron/core/models/index.js

@@ -8,3 +8,4 @@ tslib_1.__exportStar(require("./Enums"), exports);
 tslib_1.__exportStar(require("./VelcronUnitProvider"), exports);
 tslib_1.__exportStar(require("./VelcronPropertyEditorDefinitions"), exports);
 tslib_1.__exportStar(require("./ActionHooks"), exports);
+tslib_1.__exportStar(require("./VelcronState"), exports);

package/omniasearch/OmniaUserSource.d.ts

@@ -1,8 +1,8 @@
 import { GuidValue } from "../Exposes";
 import { PropertySource } from "./PropertySource";
 import { RefinerProperty } from "./RefinerProperty";
-import { SortProperty } from "./SortProperty";
 import { SearchProperty } from "./SearchProperty";
+import { SortProperty } from "./SortProperty";
 export declare class OmniaUserSource implements PropertySource {
     readonly propertySourceId: GuidValue;
     constructor();
@@ -26,7 +26,12 @@ export declare class UserTypeOmniaSearchProperty extends SearchProperty {
     static Named: string;
     constructor(values: Array<string>);
 }
-export declare class UserOwnerIdOmniaSearchProperty extends SearchProperty {
+export declare class UserScopeOmniaSearchProperty extends SearchProperty {
+    values: Array<string>;
+    static Named: string;
+    constructor(values: Array<string>);
+}
+export declare class UserScopeTypeOmniaSearchProperty extends SearchProperty {
     values: Array<string>;
     static Named: string;
     constructor(values: Array<string>);

package/omniasearch/OmniaUserSource.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UserOwnerIdOmniaSearchProperty = exports.UserTypeOmniaSearchProperty = exports.SourceRelatedOmniaSearchProperty = exports.SourceRelatedOmniaSortProperty = exports.SourceRelatedOmniaRefinerProperty = exports.OmniaUserSource = void 0;
+exports.UserScopeTypeOmniaSearchProperty = exports.UserScopeOmniaSearchProperty = exports.UserTypeOmniaSearchProperty = exports.SourceRelatedOmniaSearchProperty = exports.SourceRelatedOmniaSortProperty = exports.SourceRelatedOmniaRefinerProperty = exports.OmniaUserSource = void 0;
 const SearchProperty_1 = require("./SearchProperty");
 class OmniaUserSource {
     constructor() {
@@ -39,11 +39,19 @@ class UserTypeOmniaSearchProperty extends SearchProperty_1.SearchProperty {
     }
 }
 exports.UserTypeOmniaSearchProperty = UserTypeOmniaSearchProperty;
-class UserOwnerIdOmniaSearchProperty extends SearchProperty_1.SearchProperty {
-    static { this.Named = "OwnerId"; }
+class UserScopeOmniaSearchProperty extends SearchProperty_1.SearchProperty {
+    static { this.Named = "Scope"; }
     constructor(values) {
-        super(UserOwnerIdOmniaSearchProperty.Named, values);
+        super(UserScopeOmniaSearchProperty.Named, values);
         this.values = values;
     }
 }
-exports.UserOwnerIdOmniaSearchProperty = UserOwnerIdOmniaSearchProperty;
+exports.UserScopeOmniaSearchProperty = UserScopeOmniaSearchProperty;
+class UserScopeTypeOmniaSearchProperty extends SearchProperty_1.SearchProperty {
+    static { this.Named = "ScopeType"; }
+    constructor(values) {
+        super(UserScopeTypeOmniaSearchProperty.Named, values);
+        this.values = values;
+    }
+}
+exports.UserScopeTypeOmniaSearchProperty = UserScopeTypeOmniaSearchProperty;

package/oxide/OxideTypeDefinitions.d.ts

@@ -41,7 +41,7 @@ export declare const OAlertTypesName = "OAlertTypes";
 export declare const OButtonPresetDefinitions: readonly ["create", "remove", "delete", "ok", "cancel", "save", "close", "settings", "icon-add", "icon-comment", "icon-delete", "icon-edit", "icon-drag-handle", "icon-copy", "icon-code", "icon-close", "icon-back", "icon-more", "icon-navigate", "icon-preview", "icon-settings", "load-more", "retry", "remove", "approve", "copy-to-clipboard", "details", "next", "previous", "select", "view-more", "send-request"];
 export type OOxideButtonPresets = typeof OButtonPresetDefinitions[number];
 export declare const OButtonPresetsName = "OOxideButtonPresets";
-export declare const OButtonVariantDefinitions: readonly ["primary", "default", "toolbar", "opacity", "dial", "slim", "menu"];
+export declare const OButtonVariantDefinitions: readonly ["primary", "default", "toolbar", "opacity", "dial", "slim", "menu", "overlay"];
 export type OButtonVariants = typeof OButtonVariantDefinitions[number];
 export declare const OButtonVariantsName = "OButtonVariants";
 /**Button Group */

package/oxide/OxideTypeDefinitions.js

@@ -31,7 +31,7 @@ exports.OAlertTypesName = "OAlertTypes";
 /**Button */
 exports.OButtonPresetDefinitions = ["create", "remove", "delete", "ok", "cancel", "save", "close", "settings", "icon-add", "icon-comment", "icon-delete", "icon-edit", "icon-drag-handle", "icon-copy", "icon-code", "icon-close", "icon-back", "icon-more", "icon-navigate", "icon-preview", "icon-settings", "load-more", "retry", "remove", "approve", "copy-to-clipboard", "details", "next", "previous", "select", "view-more", "send-request"];
 exports.OButtonPresetsName = "OOxideButtonPresets";
-exports.OButtonVariantDefinitions = ["primary", "default", "toolbar", "opacity", "dial", "slim", "menu"];
+exports.OButtonVariantDefinitions = ["primary", "default", "toolbar", "opacity", "dial", "slim", "menu", "overlay"];
 exports.OButtonVariantsName = "OButtonVariants";
 /**Button Group */
 exports.OButtonGroupTypeDefinitions = ["default", "dial", "settings"];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx-models",
   "license": "MIT",
-  "version": "8.0.162-dev",
+  "version": "8.0.164-dev",
   "description": "Provide Omnia Fx Models Stuffs.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/velcron/VelcronDefinitionRegistration.d.ts

@@ -1,10 +1,9 @@
-import { DynamicState, GuidValue, ThemeDefinitionV2, VelcronAppDefinition } from "..";
+import { DynamicState, GuidValue, VelcronAppDefinition } from "..";
 export type VelcronDefitinionRegistrationsTypes = "content" | "card" | "header" | "general" | "property" | "block-header" | "social" | "spacing";
 export interface VelcronDefinitionRegistration<TDefinitionState extends DynamicState = DynamicState> {
     id: GuidValue;
     definition: VelcronAppDefinition<TDefinitionState>;
     title: string;
-    previewTheme?: ThemeDefinitionV2;
     category: VelcronDefitinionRegistrationsTypes;
     builtIn?: boolean;
 }