@omnia/fx-models 8.0.91-vnext → 8.0.92-vnext

package/ManifestIds.d.ts

@@ -177,6 +177,7 @@ export declare class OmniaWebComponentManifests {
     static get OTab(): Guid;
     static get OTabs(): Guid;
     static get OText(): Guid;
+    static get OLink(): Guid;
     static get OTextArea(): Guid;
     static get OTextField(): Guid;
     static get OToolbar(): Guid;

package/ManifestIds.js

@@ -544,6 +544,9 @@ class OmniaWebComponentManifests {
     static get OText() {
         return new models_1.Guid("b5a11307-4f70-4ba8-9e1e-e4102ea95536");
     }
+    static get OLink() {
+        return new models_1.Guid("75cd9309-9dd1-4646-9e0c-e6b5b1cac14d");
+    }
     static get OTextArea() {
         return new models_1.Guid("1e7db8a9-8533-485d-97b4-359f64601ff0");
     }

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

@@ -50,7 +50,7 @@ export interface ThemeDefinitionV2 {
     colors: ColorSchemas;
     blueprints: BluePrintDefinitions;
 }
-export type ColorSchemaType = "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "error" | "info";
+export type ColorSchemaType = keyof typeof ColorSchemaTypes;
 export declare enum ColorSchemaTypes {
     primary = "primary",
     secondary = "secondary",
@@ -62,14 +62,14 @@ export declare enum ColorSchemaTypes {
     error = "error",
     info = "info"
 }
-export type BlueprintType = "default" | "variant1" | "variant2" | "variant3";
+export type BlueprintType = keyof typeof BlueprintTypes;
 export declare enum BlueprintTypes {
     default = "default",
     variant1 = "variant1",
     variant2 = "variant2",
     variant3 = "variant3"
 }
-export type ColorType = "base" | "onBase" | "container" | "onContainer";
+export type ColorType = keyof typeof ColorTypes;
 export declare enum ColorTypes {
     base = "base",
     onBase = "onBase",

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

@@ -33,14 +33,13 @@ export interface TypographyTypeBreakPoint {
     size: number;
     lineHeight: number;
 }
-export type TypographyType = "title" | "text" | "navigation" | "link";
+export type TypographyType = keyof typeof TypographyTypes;
 export declare enum TypographyTypes {
     title = "title",
     text = "text",
-    navigation = "navigation",
-    link = "link"
+    navigation = "navigation"
 }
-export type TypographySize = "xl" | "l" | "m" | "s" | "xs";
+export type TypographySize = keyof typeof TypographySizes;
 export declare enum TypographySizes {
     xl = "xl",
     l = "l",

package/internal-do-not-import-from-here/shared/models/theming/TypographyDefinition.js

@@ -6,7 +6,6 @@ var TypographyTypes;
     TypographyTypes["title"] = "title";
     TypographyTypes["text"] = "text";
     TypographyTypes["navigation"] = "navigation";
-    TypographyTypes["link"] = "link";
 })(TypographyTypes = exports.TypographyTypes || (exports.TypographyTypes = {}));
 var TypographySizes;
 (function (TypographySizes) {

package/internal-do-not-import-from-here/shared/models/theming/UseThemeMethods.js

@@ -59,9 +59,6 @@ function useThemeMethods(getThemeDefinition) {
         else if (typographyType === TypographyDefinition_1.TypographyTypes.navigation) {
             return typographyBlueprint.definition[size];
         }
-        else if (typographyType === TypographyDefinition_1.TypographyTypes.link) {
-            return typographyBlueprint.definition.link[TypographyDefinition_1.TypographySizes.m];
-        }
     }
     function color(colorSchemaType, colorType) {
         const mappedColorSchema = colorSchema(colorSchemaType);

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

@@ -16,6 +16,12 @@ 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",

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.VelcronIconTypes = exports.VelcronActionTypes = exports.AssignOperators = void 0;
+exports.VelcronDataTypes = exports.VelcronVerticalAlignments = exports.VelcronHorizontalAlignments = exports.VelcronViewDirections = exports.VelcronIconTypes = exports.VelcronActionTypes = exports.AssignOperators = void 0;
 var AssignOperators;
 (function (AssignOperators) {
     AssignOperators["equals"] = "=";
@@ -22,6 +22,13 @@ var VelcronIconTypes;
 (function (VelcronIconTypes) {
     VelcronIconTypes["fontAwesome"] = "fa";
 })(VelcronIconTypes = exports.VelcronIconTypes || (exports.VelcronIconTypes = {}));
+var VelcronViewDirections;
+(function (VelcronViewDirections) {
+    VelcronViewDirections["row"] = "row";
+    VelcronViewDirections["column"] = "column";
+    VelcronViewDirections["rowReverse"] = "row-reverse";
+    VelcronViewDirections["columnRevers"] = "column-reverse";
+})(VelcronViewDirections = exports.VelcronViewDirections || (exports.VelcronViewDirections = {}));
 var VelcronHorizontalAlignments;
 (function (VelcronHorizontalAlignments) {
     VelcronHorizontalAlignments["left"] = "left";

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

@@ -2,6 +2,7 @@ import { VelcronEvent, VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnClo
 import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
 import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronVerticalAlignments } from "./Enums";
 import { VelcronPropertyEditor, useVelcronThemingStore } from "..";
+import { GuidValue, PropertyConfiguration, PropertyValue, PropertyDefinition, PropertySetupBase } from "@omnia/fx/models";
 import { useVelcronColorSchemaStore } from "../stores/VelcronColorSchema";
 import { useVelcronBlueprintStore } from "../stores/VelcronBlueprint";
 export interface ResolvedComponentRenderer {
@@ -24,6 +25,7 @@ export interface BuiltInComponentRenderers {
     "chip": unknown;
     "markdown": unknown;
     "slot": unknown;
+    "property": unknown;
 }
 export interface ColorSchemaReference {
     name: string;
@@ -121,6 +123,7 @@ export interface VelcronDefinitionWithEditMode extends VelcronDefinition {
     bind?: VelcronBindableProp;
 }
 interface VelcronDimensionStyling {
+    margin?: VelcronSpacing;
     padding?: VelcronSpacing;
 }
 export interface VelcronColorStyling {
@@ -164,8 +167,8 @@ export interface VelcronIcon {
 }
 export interface VelcronAppDefinition<TState extends DynamicState = DynamicState> extends VelcronDefinitionBase {
     type: "velcron";
-    version: string;
-    name: string;
+    version?: string;
+    name?: string;
     body?: Array<VelcronDefinition>;
     events?: VelcronOnLoadEvent & VelcronOnEditModeEvent;
     actions?: {
@@ -188,10 +191,10 @@ export interface VelcronComponentDefinition extends VelcronDefinition {
 export interface VelcronViewDefinition extends VelcronDefinition, VelcronColorStyling {
     type: "view";
     events?: VelcronOnPressEvent;
-    direction?: "row" | "column" | "row-reverse" | "column-reverse" | string;
+    direction?: VelcronBindableProp<"row" | "column" | "row-reverse" | "column-reverse">;
     columnStyle?: object;
-    horizontalAlignment?: VelcronHorizontalAlignments;
-    verticalAlignment?: VelcronVerticalAlignments;
+    hAlign?: VelcronHorizontalAlignments;
+    vAlign?: VelcronVerticalAlignments;
     grow?: number;
     absolute?: VelcronSpacing;
     border?: VelcronBorder;
@@ -221,7 +224,7 @@ export declare enum VelcronImageRatios {
 export interface VelcronImageDefinition extends VelcronDefinition {
     type: "image";
     source: string;
-    ratio: VelcronImageRatios | string;
+    ratio?: VelcronImageRatios | string;
     cover?: VelcronBindableProp<boolean>;
     borderRadius?: VelcronDimensions;
     events?: VelcronOnPressEvent;
@@ -271,7 +274,9 @@ export interface VelcronDimensions {
     left: number | string;
 }
 export interface VelcronBorder extends VelcronDimensions {
-    color: string;
+    colorType?: string;
+    toned?: boolean;
+    opacity?: number;
 }
 export interface VelcronChipDefinition extends VelcronDefinition {
     type: "chip";
@@ -282,8 +287,16 @@ export interface VelcronChipDefinition extends VelcronDefinition {
 }
 export interface VelcronSlotDefinition extends VelcronDefinition {
     type: "slot";
-    bind: string;
-    value: VelcroncomponentArrayType;
+    bind: VelcronBindableProp<string>;
+}
+export interface VelcronPropertyDefinition extends VelcronDefinition {
+    type: "property";
+    bind: VelcronBindableProp<string>;
+}
+export interface VelcronPropertyDefinitionValue {
+    definitionId: GuidValue;
+    value: PropertyValue;
+    configuration: PropertyConfiguration<PropertyDefinition<any, any, any, PropertySetupBase>>;
 }
 export type VelcronCustomComponentDefinition = VelcronComponentDefinition;
 export type VelcronRenderProps<TDefinition> = {

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

@@ -9,6 +9,7 @@ export interface VelcronPropertyEditor<TSettings = any> {
     settings?: TSettings;
     stateMapping?: string;
     propertyMapping?: boolean;
+    multiple?: boolean;
     component?: unknown;
 }
 export interface BuiltInPropertyEditors {

package/oxide/OxideTypeDefinitions.d.ts

@@ -44,7 +44,7 @@ export declare const DialogTypeDefinitions: readonly ["save-cancel", "confirm",
 export type DialogTypes = typeof DialogTypeDefinitions[number];
 export declare const DialogTypesName = "DialogTypes";
 /** Expansion Panel */
-export declare const PanelTypeDefinitions: readonly ["default", "navigation"];
+export declare const PanelTypeDefinitions: readonly ["default", "navigation", "section", "tab"];
 export type PanelTypes = typeof PanelTypeDefinitions[number];
 export declare const PanelTypesName = "PanelTypes";
 /**Icon */

package/oxide/OxideTypeDefinitions.js

@@ -34,7 +34,7 @@ exports.AlignmentTypesName = "AlignmentTypes";
 exports.DialogTypeDefinitions = ["save-cancel", "confirm", "ok-cancel", "default", "app"];
 exports.DialogTypesName = "DialogTypes";
 /** Expansion Panel */
-exports.PanelTypeDefinitions = ["default", "navigation"];
+exports.PanelTypeDefinitions = ["default", "navigation", "section", "tab"];
 exports.PanelTypesName = "PanelTypes";
 /**Icon */
 exports.IconPresetDefinitions = ["add", "delete", "edit", "drag-handle", "copy", "code", "expand", "remove", "info"];

package/oxide/SharedSettings.d.ts

@@ -0,0 +1,4 @@
+export interface ExpansionPanelSharedSettings {
+    variant?: string;
+    toned?: boolean;
+}

package/oxide/SharedSettings.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/oxide/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./TreeView";
 export * from "./OxideTypeDefinitions";
+export * from "./SharedSettings";

package/oxide/index.js

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./TreeView"), exports);
 tslib_1.__exportStar(require("./OxideTypeDefinitions"), exports);
+tslib_1.__exportStar(require("./SharedSettings"), exports);

package/package.json

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

package/properties/IPropertyValueRenderer.d.ts

@@ -4,20 +4,19 @@ import { PropertyDefinition, PropertyDisplaySettingsType, PropertyEditorSettings
  * Interface for webcomponent rendering a property value belonging to a property definition
  * */
 export interface IPropertyDisplayRenderer<TPropertyDef extends PropertyDefinition<any, any, any>> {
-    valueBind: PropertyValueType<TPropertyDef>;
+    modelValue: PropertyValueType<TPropertyDef>;
     displaySettings: PropertyDisplaySettingsType<TPropertyDef>;
     setupSettings?: PropertySetupSettingsType<TPropertyDef>;
 }
 export interface IPropertyEditorRenderer<TPropertyDef extends PropertyDefinition<any, any, any>> {
-    valueBind: PropertyValueType<TPropertyDef>;
+    modelValue: PropertyValueType<TPropertyDef>;
     editorSettings: PropertyEditorSettingsType<TPropertyDef>;
     displaySettings: PropertyDisplaySettingsType<TPropertyDef>;
     setupSettings?: PropertySetupSettingsType<TPropertyDef>;
-    onValueBindChanged(newValue: PropertyValueType<TPropertyDef>): void;
     disabled?: boolean;
 }
 export interface IPropertyConfigurationRenderer<TPropertyDef extends PropertyDefinition<any, any, any>> {
-    valueBind: PropertyConfiguration<TPropertyDef>;
+    modelValue: PropertyConfiguration<TPropertyDef>;
     /**
      * Call each time the configuration is considered valid, i.e. the values of the configuration is good
      * Also called when no longer valid, but with value null

package/properties/definitions/MultilingualTextPropertyDefinition.d.ts

@@ -1,16 +1,16 @@
 import { Guid } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
 import { PropertyDefinition, PropertyDisplaySettingsBase } from "../PropertyDefinition";
 import { MultilingualTextPropertyValue } from "../values";
-export declare class MultilinugalTextDisplaySettings extends PropertyDisplaySettingsBase {
+export declare class MultilingualTextDisplaySettings extends PropertyDisplaySettingsBase {
     inline?: boolean;
 }
-export type MultilinugalTextEditorSettings = {
+export type MultilingualTextEditorSettings = {
     required?: boolean;
     maxLength?: number;
     multiLine?: boolean;
     rows?: number;
 };
-export declare class MultilingualTextPropertyDefinition extends PropertyDefinition<MultilingualTextPropertyValue, MultilinugalTextDisplaySettings, MultilinugalTextEditorSettings> {
+export declare class MultilingualTextPropertyDefinition extends PropertyDefinition<MultilingualTextPropertyValue, MultilingualTextDisplaySettings, MultilingualTextEditorSettings> {
     id: Guid;
     typeName: string;
 }

package/properties/definitions/MultilingualTextPropertyDefinition.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultilingualTextPropertyDefinition = exports.MultilinugalTextDisplaySettings = void 0;
+exports.MultilingualTextPropertyDefinition = exports.MultilingualTextDisplaySettings = void 0;
 const models_1 = require("@omnia/fx-models/internal-do-not-import-from-here/shared/models");
 const PropertyDefinition_1 = require("../PropertyDefinition");
-class MultilinugalTextDisplaySettings extends PropertyDefinition_1.PropertyDisplaySettingsBase {
+class MultilingualTextDisplaySettings extends PropertyDefinition_1.PropertyDisplaySettingsBase {
 }
-exports.MultilinugalTextDisplaySettings = MultilinugalTextDisplaySettings;
+exports.MultilingualTextDisplaySettings = MultilingualTextDisplaySettings;
 class MultilingualTextPropertyDefinition extends PropertyDefinition_1.PropertyDefinition {
     constructor() {
         super(...arguments);

package/properties/values/DatePropertyValue.d.ts

@@ -1,6 +1,6 @@
 import { PropertyValue } from "../PropertyValue";
 export declare class DatePropertyValue extends PropertyValue {
     date: string;
-    timeZoneid: string;
+    timeZoneId: string;
     constructor(date: Date, timeZoneId: string);
 }

package/properties/values/DatePropertyValue.js

@@ -6,7 +6,7 @@ class DatePropertyValue extends PropertyValue_1.PropertyValue {
     constructor(date, timeZoneId) {
         super();
         this.date = date.toJSON();
-        this.timeZoneid = timeZoneId.toString();
+        this.timeZoneId = timeZoneId.toString();
     }
 }
 exports.DatePropertyValue = DatePropertyValue;

package/velcron/VelcronDefinitionRegistration.d.ts

@@ -1,5 +1,5 @@
 import { DynamicState, Guid, ThemeDefinitionV2, VelcronAppDefinition } from "..";
-export type VelcronDefitinionRegistrationsTypes = "content" | "card" | "header" | "general";
+export type VelcronDefitinionRegistrationsTypes = "content" | "card" | "header" | "general" | "property";
 export interface VelcronDefinitionRegistration<TDefinitionState extends DynamicState = DynamicState> {
     id: Guid;
     definition: VelcronAppDefinition<TDefinitionState>;