@omnia/fx-models 7.5.75-dev → 8.0.0-dev

package/BlockTitleSettings.d.ts

@@ -1,6 +1,6 @@
 import { TextAlignment, BorderPositions, IconPositions, IconSizes } from "./Enums";
 import { IIcon } from "./Icon";
-import { SpacingSettings } from "./SpacingSetting";
+import { SpacingSettings } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
 import { BusinessProfileProperty } from "./BusinessProfile";
 import { ShapeDividerSettings } from "./ShapeDividerSettingsModel";
 export declare class BusinessProfileBlockTitleSettings extends BusinessProfileProperty implements BlockTitleSettings {
@@ -36,10 +36,10 @@ export interface BlockTitleSettings {
     bgColor: string;
     textColor: string;
     textAlign: TextAlignment;
-    paddingRight: number;
-    paddingLeft: number;
-    paddingTop: number;
-    paddingBottom: number;
+    paddingRight: number | any;
+    paddingLeft: number | any;
+    paddingTop: number | any;
+    paddingBottom: number | any;
     fontSize: number;
     separatorSize: number;
     separatorColor: string;

package/ClientManifests.d.ts

@@ -1,9 +1,11 @@
 import { ClientManifestTypes, BundleTargetTypes, RuleLogicalOperator, ManifestLoadStatus, OmniaClientRuntimes, OmniaBackendRuntimes } from "./Enums";
-import { WebComponentDefinition } from "./ComponentComposer";
+import { WebComponentDefinition as ComponentDefinition } from "./ComponentComposer";
 import { GuidValue } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
 import { OmniaNamedModel } from ".";
 export interface OmniaManifests {
-    webcomponent: Array<WebComponentBundleManifest>;
+    target: ClientManifestTargetTypes;
+    omniaServiceId: GuidValue;
+    webcomponent: Array<ComponentBundleManifest>;
     resource: Array<ResourcesBundleManifest>;
     groupedResouresAndComponents: Array<GroupedBundleManifest>;
     blockedManifest: Array<BlockedBundleManifest>;
@@ -12,8 +14,15 @@ export interface OmniaManifests {
 export interface OmniaServiceManifests {
     [omniaServiceId: string]: OmniaManifests;
 }
+export declare enum ClientManifestTargetTypes {
+    Public = 1,
+    Admin = 2,
+    Editor = 4,
+    Docs = 8
+}
 export interface ClientManifest {
     manifestType: ClientManifestTypes;
+    target?: ClientManifestTargetTypes;
 }
 export interface RegiterApiConfiguration {
     disableAutoLoadingManifests?: boolean;
@@ -22,11 +31,11 @@ export interface BundleIdentity {
     /**
         The unique id of the manifest, this will be the id of the resources added.
     */
-    resourceId: string;
+    resourceId: GuidValue;
     /**
         The unique id of the omnia service to which the resource id belong.
     */
-    omniaServiceId: string;
+    omniaServiceId?: GuidValue;
 }
 export interface BundleManifest extends ClientManifest, BundleIdentity {
     /**
@@ -41,6 +50,12 @@ export interface BundleManifest extends ClientManifest, BundleIdentity {
 export interface ClientManifestByTypeCollection {
     [manifestType: string]: Array<ClientManifest>;
 }
+export type ClientManifestByTargetCollection = {
+    [target in ClientManifestTargetTypes]: {
+        target: ClientManifestTargetTypes;
+        omniaServiceId: GuidValue;
+    } | ClientManifestByTypeCollection;
+};
 export interface ManifestLoadResult {
     manifest: LoadableBundleManifest;
     status: ManifestLoadStatus;
@@ -49,7 +64,7 @@ export interface LoadableBundleManifest extends BundleManifest, ManifestSupporti
     version: {
         [bundleType: string]: string;
     };
-    dependingOnManifests: Array<BundleIdentity>;
+    dependingOnManifests?: Array<BundleIdentity>;
     availableBundleTargetTypes: Array<BundleTargetTypes>;
 }
 export interface ApiBundleManifest {
@@ -71,12 +86,12 @@ export interface SecurityBundleManifest {
 }
 export interface ResourcesBundleManifest extends LoadableBundleManifest, ApiBundleManifest, SecurityBundleManifest {
 }
-export interface WebComponentBundleManifest extends LoadableBundleManifest, ApiBundleManifest, SecurityBundleManifest {
+export interface ComponentBundleManifest extends LoadableBundleManifest, ApiBundleManifest, SecurityBundleManifest {
     /** The name for this component, this should be a none conflicting name
         e.g. use project as prefix myuniqueprojectname-componentName.
         i.e. <myuniqueprojectname-componentName></myuniqueprojectname-componentName> */
     elementName: string;
-    definition: WebComponentDefinition;
+    definition?: ComponentDefinition;
 }
 export interface GroupedBundleManifest extends LoadableBundleManifest, SecurityBundleManifest {
     /** The manifest id's in this group */
@@ -122,7 +137,7 @@ export interface ClientResolvableLoadRule {
     resolver?: () => Promise<boolean>;
 }
 export interface ManifestSupportingCombinedLoadRules {
-    combinedLoadRules: Array<ClientResolvableLoadRule>;
+    combinedLoadRules?: Array<ClientResolvableLoadRule>;
 }
 /**
     Rules applied clientside

package/ClientManifests.js

@@ -1,2 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClientManifestTargetTypes = void 0;
+var ClientManifestTargetTypes;
+(function (ClientManifestTargetTypes) {
+    ClientManifestTargetTypes[ClientManifestTargetTypes["Public"] = 1] = "Public";
+    ClientManifestTargetTypes[ClientManifestTargetTypes["Admin"] = 2] = "Admin";
+    ClientManifestTargetTypes[ClientManifestTargetTypes["Editor"] = 4] = "Editor";
+    ClientManifestTargetTypes[ClientManifestTargetTypes["Docs"] = 8] = "Docs";
+})(ClientManifestTargetTypes = exports.ClientManifestTargetTypes || (exports.ClientManifestTargetTypes = {}));

package/Constants.d.ts

@@ -50,6 +50,7 @@ export declare const Constants: {
                     microsoftStream: Guid;
                     dalle: Guid;
                     mediaflow: Guid;
+                    unsplash: Guid;
                 };
             };
             mediaGallery: {

package/Constants.js

@@ -81,6 +81,7 @@ exports.Constants = {
                     microsoftStream: new models_1.Guid("6b1abf7d-01f1-4168-8319-4f53043b5f16"),
                     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"),
                 },
             },
             mediaGallery: {

package/Enums.d.ts

@@ -81,6 +81,12 @@ export declare enum BundleTargetTypes {
     Javascript = "js",
     Stylesheet = "css"
 }
+export declare enum LocalizationTargetTypes {
+    public = 1,
+    admin = 2,
+    editor = 4,
+    backend = 8
+}
 export declare enum LanguageTags {
     ArSa = "ar-sa",
     BgBg = "bg-bg",
@@ -376,6 +382,7 @@ export declare enum IconTypes {
     FontAwesome = "IFontAwesomeIcon",
     Fabric = "IFabricIcon",
     Flag = "IFlagIcon",
+    Material = "IMaterialIcon",
     Custom = "ICustomIcon",
     SVG = "ISVG"
 }
@@ -636,6 +643,11 @@ export declare enum HorizontalAlignments {
     center = 1,
     right = 2
 }
+export declare enum VerticalAlignments {
+    top = 0,
+    center = 1,
+    bottom = 2
+}
 export declare enum LayoutDrawerTabs {
     settings = 0,
     structure = 1,
@@ -1378,7 +1390,8 @@ export declare enum LocalServingMessageType {
     FullReload = "full-reload",
     Update = "update",
     Custom = "custom",
-    Error = "error"
+    Error = "error",
+    LocalizeChanged = "localize-changed"
 }
 export declare enum CookieKeys {
     LoginType = "LoginType",

package/Enums.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RichTextModes = exports.TimePeriodTypes = exports.TargetUser = exports.RedirectRuleType = exports.MultilingualScopes = exports.OmniaRoleTypes = exports.TargetResolverTypes = exports.PermissionRoles = exports.TimeFormats = exports.CompareBusinessProfilePathType = exports.StatusMessageOverlayType = exports.HttpStatusCode = exports.QueueMessageStatus = exports.StaticEndpoint = exports.ThemeType = exports.FeatureInstanceStatus = exports.RoleDefinitions = exports.Parameters = exports.ParamTypes = exports.PropertyIndexedType = exports.UserPickingType = exports.BoolFilter = exports.PrincipalTypes = exports.AppInstanceScopedQueryTypes = exports.AppInstanceStatus = exports.VideoRatio = exports.AdminNavigationBuiltInCategory = exports.AdminVisibility = exports.AuthenticationValidationStatuses = exports.IconSources = exports.IconTypes = exports.LocaleNames = exports.LanguageTags = exports.BundleTargetTypes = exports.ServerManifestTypes = exports.ClientManifestTypes = exports.RuleLogicalOperator = exports.ResourceEvaluators = exports.ConsoleStateStorageMessageTypes = exports.ConsoleMessageTypes = exports.LogLevels = exports.ManifestLoadStatus = exports.LogSources = exports.AppTemplatePermissionLevel = exports.SecurityAccessType = exports.SecurityIdentities = exports.SecurityRoleScopes = exports.SecurityProviderTypes = exports.BuiltInAppInstanceInternalNames = exports.BuiltInEnterprisePropertyInternalNames = void 0;
-exports.PersistentDiskTypes = exports.CookieKeys = exports.LocalServingMessageType = exports.DisplayBreakpointCodes = exports.OmniaMimeType = exports.IdentityUserIdTypeMatch = exports.OmniaClientRuntimes = exports.OmniaBackendRuntimes = exports.PropertyEditModeElementNameType = exports.DirectionRules = exports.MediaPickerEnums = exports.PropertyArchiveType = exports.ImageSources = exports.IconSizes = exports.BlockRenderingModes = exports.LayoutCanvasModes = exports.ChromeTypes = exports.LayoutItemActions = exports.LayoutEditorModes = exports.TabbedDisplayModes = exports.TabbedIconPositions = exports.Positions = exports.BorderPositions = exports.IconPositions = exports.TextAlignment = exports.LayoutItemTypes = exports.RadialGradientShapes = exports.LayoutDrawerTabs = exports.HorizontalAlignments = exports.BladeSizes = exports.ImageResolution = exports.ServiceLocatorUrlType = exports.AppInstanceAction = exports.VDataGridHeaderType = exports.VDataGridHeaderAlign = exports.ButtonSizes = exports.ButtonModes = exports.ButtonIconPosition = exports.ButtonTooltipPosition = void 0;
+exports.TimePeriodTypes = exports.TargetUser = exports.RedirectRuleType = exports.MultilingualScopes = exports.OmniaRoleTypes = exports.TargetResolverTypes = exports.PermissionRoles = exports.TimeFormats = exports.CompareBusinessProfilePathType = exports.StatusMessageOverlayType = exports.HttpStatusCode = exports.QueueMessageStatus = exports.StaticEndpoint = exports.ThemeType = exports.FeatureInstanceStatus = exports.RoleDefinitions = exports.Parameters = exports.ParamTypes = exports.PropertyIndexedType = exports.UserPickingType = exports.BoolFilter = exports.PrincipalTypes = exports.AppInstanceScopedQueryTypes = exports.AppInstanceStatus = exports.VideoRatio = exports.AdminNavigationBuiltInCategory = exports.AdminVisibility = exports.AuthenticationValidationStatuses = exports.IconSources = exports.IconTypes = exports.LocaleNames = exports.LanguageTags = exports.LocalizationTargetTypes = exports.BundleTargetTypes = exports.ServerManifestTypes = exports.ClientManifestTypes = exports.RuleLogicalOperator = exports.ResourceEvaluators = exports.ConsoleStateStorageMessageTypes = exports.ConsoleMessageTypes = exports.LogLevels = exports.ManifestLoadStatus = exports.LogSources = exports.AppTemplatePermissionLevel = exports.SecurityAccessType = exports.SecurityIdentities = exports.SecurityRoleScopes = exports.SecurityProviderTypes = exports.BuiltInAppInstanceInternalNames = exports.BuiltInEnterprisePropertyInternalNames = void 0;
+exports.PersistentDiskTypes = exports.CookieKeys = exports.LocalServingMessageType = exports.DisplayBreakpointCodes = exports.OmniaMimeType = exports.IdentityUserIdTypeMatch = exports.OmniaClientRuntimes = exports.OmniaBackendRuntimes = exports.PropertyEditModeElementNameType = exports.DirectionRules = exports.MediaPickerEnums = exports.PropertyArchiveType = exports.ImageSources = exports.IconSizes = exports.BlockRenderingModes = exports.LayoutCanvasModes = exports.ChromeTypes = exports.LayoutItemActions = exports.LayoutEditorModes = exports.TabbedDisplayModes = exports.TabbedIconPositions = exports.Positions = exports.BorderPositions = exports.IconPositions = exports.TextAlignment = exports.LayoutItemTypes = exports.RadialGradientShapes = exports.LayoutDrawerTabs = exports.VerticalAlignments = exports.HorizontalAlignments = exports.BladeSizes = exports.ImageResolution = exports.ServiceLocatorUrlType = exports.AppInstanceAction = exports.VDataGridHeaderType = exports.VDataGridHeaderAlign = exports.ButtonSizes = exports.ButtonModes = exports.ButtonIconPosition = exports.ButtonTooltipPosition = exports.RichTextModes = void 0;
 var BuiltInEnterprisePropertyInternalNames;
 (function (BuiltInEnterprisePropertyInternalNames) {
     BuiltInEnterprisePropertyInternalNames["Title"] = "title";
@@ -105,6 +105,13 @@ var BundleTargetTypes;
     BundleTargetTypes["Javascript"] = "js";
     BundleTargetTypes["Stylesheet"] = "css";
 })(BundleTargetTypes = exports.BundleTargetTypes || (exports.BundleTargetTypes = {}));
+var LocalizationTargetTypes;
+(function (LocalizationTargetTypes) {
+    LocalizationTargetTypes[LocalizationTargetTypes["public"] = 1] = "public";
+    LocalizationTargetTypes[LocalizationTargetTypes["admin"] = 2] = "admin";
+    LocalizationTargetTypes[LocalizationTargetTypes["editor"] = 4] = "editor";
+    LocalizationTargetTypes[LocalizationTargetTypes["backend"] = 8] = "backend";
+})(LocalizationTargetTypes = exports.LocalizationTargetTypes || (exports.LocalizationTargetTypes = {}));
 var LanguageTags;
 (function (LanguageTags) {
     LanguageTags["ArSa"] = "ar-sa";
@@ -269,6 +276,7 @@ var IconTypes;
     IconTypes["FontAwesome"] = "IFontAwesomeIcon";
     IconTypes["Fabric"] = "IFabricIcon";
     IconTypes["Flag"] = "IFlagIcon";
+    IconTypes["Material"] = "IMaterialIcon";
     IconTypes["Custom"] = "ICustomIcon";
     IconTypes["SVG"] = "ISVG";
 })(IconTypes = exports.IconTypes || (exports.IconTypes = {}));
@@ -570,6 +578,12 @@ var HorizontalAlignments;
     HorizontalAlignments[HorizontalAlignments["center"] = 1] = "center";
     HorizontalAlignments[HorizontalAlignments["right"] = 2] = "right";
 })(HorizontalAlignments = exports.HorizontalAlignments || (exports.HorizontalAlignments = {}));
+var VerticalAlignments;
+(function (VerticalAlignments) {
+    VerticalAlignments[VerticalAlignments["top"] = 0] = "top";
+    VerticalAlignments[VerticalAlignments["center"] = 1] = "center";
+    VerticalAlignments[VerticalAlignments["bottom"] = 2] = "bottom";
+})(VerticalAlignments = exports.VerticalAlignments || (exports.VerticalAlignments = {}));
 var LayoutDrawerTabs;
 (function (LayoutDrawerTabs) {
     LayoutDrawerTabs[LayoutDrawerTabs["settings"] = 0] = "settings";
@@ -1356,6 +1370,7 @@ var LocalServingMessageType;
     LocalServingMessageType["Update"] = "update";
     LocalServingMessageType["Custom"] = "custom";
     LocalServingMessageType["Error"] = "error";
+    LocalServingMessageType["LocalizeChanged"] = "localize-changed";
 })(LocalServingMessageType = exports.LocalServingMessageType || (exports.LocalServingMessageType = {}));
 var CookieKeys;
 (function (CookieKeys) {

package/Exposes.d.ts

@@ -35,7 +35,6 @@ export * from "./Store";
 export * from "./SiteLogo";
 export * from "./PermissionInputSettings";
 export * from "./Security";
-export * from "./SpacingSetting";
 export * from "./SecurityContextParamRegistrationHandler";
 export * from "./TargetingProperty";
 export * from "./TimeZone";
@@ -97,6 +96,8 @@ export * from "./AiSettings";
 export * from "./BusinessProfileDallEPromptDefault";
 export * from "./ISpecialUserConfiguration";
 export * from "./FileValidationResult";
+export * from "./Func";
+export * from "./FilterpickerModel";
 export * from "./RollupMetricSettings";
 export * from "./ux";
 export * from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
@@ -116,6 +117,10 @@ export * from "./filterengine";
 export * from "@omnia/fx-models/internal-do-not-import-from-here/velcron/core/models";
 export * from "./auth";
 export * from "./sidepanel";
+export * from "./componentproptypes";
+export * from "./oxide";
+export * from "./docs";
+export * from "./velcron";
 export * from "./azure-openai";
 export * from "./mediaflow";
 export * from "./media-gallery";
@@ -131,3 +136,4 @@ export * from "./UserAgent";
 export * from "./PromotedTagOptions";
 export * from "./SharepointVideo";
 export * from "./connected-tenants";
+export * from "./MediaScalingSettings";

package/Exposes.js

@@ -41,7 +41,6 @@ tslib_1.__exportStar(require("./Store"), exports);
 tslib_1.__exportStar(require("./SiteLogo"), exports);
 tslib_1.__exportStar(require("./PermissionInputSettings"), exports);
 tslib_1.__exportStar(require("./Security"), exports);
-tslib_1.__exportStar(require("./SpacingSetting"), exports);
 tslib_1.__exportStar(require("./SecurityContextParamRegistrationHandler"), exports);
 tslib_1.__exportStar(require("./TargetingProperty"), exports);
 tslib_1.__exportStar(require("./TimeZone"), exports);
@@ -103,6 +102,8 @@ tslib_1.__exportStar(require("./AiSettings"), exports);
 tslib_1.__exportStar(require("./BusinessProfileDallEPromptDefault"), exports);
 tslib_1.__exportStar(require("./ISpecialUserConfiguration"), exports);
 tslib_1.__exportStar(require("./FileValidationResult"), exports);
+tslib_1.__exportStar(require("./Func"), exports);
+tslib_1.__exportStar(require("./FilterpickerModel"), exports);
 tslib_1.__exportStar(require("./RollupMetricSettings"), exports);
 //************************************************************************************ */
 // End of file exports
@@ -128,6 +129,10 @@ tslib_1.__exportStar(require("./filterengine"), exports);
 tslib_1.__exportStar(require("@omnia/fx-models/internal-do-not-import-from-here/velcron/core/models"), exports);
 tslib_1.__exportStar(require("./auth"), exports);
 tslib_1.__exportStar(require("./sidepanel"), exports);
+tslib_1.__exportStar(require("./componentproptypes"), exports);
+tslib_1.__exportStar(require("./oxide"), exports);
+tslib_1.__exportStar(require("./docs"), exports);
+tslib_1.__exportStar(require("./velcron"), exports);
 tslib_1.__exportStar(require("./azure-openai"), exports);
 tslib_1.__exportStar(require("./mediaflow"), exports);
 tslib_1.__exportStar(require("./media-gallery"), exports);
@@ -146,3 +151,4 @@ tslib_1.__exportStar(require("./UserAgent"), exports);
 tslib_1.__exportStar(require("./PromotedTagOptions"), exports);
 tslib_1.__exportStar(require("./SharepointVideo"), exports);
 tslib_1.__exportStar(require("./connected-tenants"), exports);
+tslib_1.__exportStar(require("./MediaScalingSettings"), exports);

package/Extends.d.ts

@@ -3,10 +3,10 @@ export interface IOmniaFxApi {
 export interface IExtend {
     fx: IOmniaFxApi;
 }
-export interface IOmniaFxApiManifest {
+export interface IOmniaFxExtendApiManifest {
 }
 export interface IExtendApiManifest {
-    fx: IOmniaFxApiManifest;
+    fx: IOmniaFxExtendApiManifest;
 }
 export interface ApiPath {
     path?: string;

package/FilterEngineStyles.d.ts

@@ -1,7 +1,7 @@
 import { types } from "typestyle";
 import { ITheming } from "../ux";
-import { SpacingSettings } from "./SpacingSetting";
 import { NestedCSSPropertiesExtends } from "./ux";
+import { SpacingSettings } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
 export declare const FilterEngineStyles: {
     filterPropertyValueWrapper: types.NestedCSSProperties;
     filterPropertyActionWrapper: types.NestedCSSProperties;

package/FilterpickerModel.d.ts

@@ -0,0 +1,9 @@
+import { IIcon } from "./Icon";
+export interface FilterPickerFilter {
+    text: string;
+    id: any;
+    icon?: IIcon;
+    notSortable?: boolean;
+    removable?: boolean;
+    alwaysSelected?: boolean;
+}

package/Func.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Represents a function type with a variable number of arguments and a void return type.
+ *
+ * @typeParam T - Tuple type for the arguments. Defaults to an empty tuple (no arguments).
+ *
+ * @example
+ * // Function with no arguments
+ * const noArgFunc: Func = () => {
+ *   console.log("No arguments");
+ * };
+ *
+ * // Function with a single argument
+ * const singleArgFunc: Func<[string]> = (name: string) => {
+ *   console.log(`Hello, ${name}`);
+ * };
+ *
+ * // Function with two arguments
+ * const twoArgsFunc: Func<[number, boolean]> = (num: number, flag: boolean) => {
+ *   console.log(`Number: ${num}, Flag: ${flag}`);
+ * };
+ *
+ * // Function with a return type
+ * import { VNodeChild } from 'vue';
+ * interface SomeComponentProps {
+ *   fixedContent?: Func<[(title: string) => VNodeChild]>;
+ * }
+ */
+export type Func<T extends any[] = []> = (...args: T) => void;

package/IPropertiesApi.d.ts

@@ -35,7 +35,7 @@ declare module "./Extends" {
             implementation: Promise<IEnterprisePropertiesImplementationRegistration>;
         };
     }
-    interface IOmniaFxApiManifest {
+    interface IOmniaFxExtendApiManifest {
         properties: {
             registration: ApiPath;
             implementation: IExtendApiManifestWithConfiguration<GuidValue>;

package/Icon.d.ts

@@ -7,6 +7,9 @@ export interface IIcon {
 export interface IFontAwesomeIcon extends IIcon {
     faClass: string;
 }
+export interface IMaterialIcon extends IIcon {
+    maClass: string;
+}
 export interface IFabricIcon extends IIcon {
     fabClass: string;
 }
@@ -26,26 +29,40 @@ export declare class FontAwesomeIcon implements IFontAwesomeIcon {
     faClass: string;
     iconType: IconTypes;
     constructor(faClass: string);
+    toString(): string;
+    setStyle(style: "solid" | "regular" | "light" | "duotone" | "thin", force?: boolean): this;
+    private setDefaultIconStyle;
+    private setIconStyle;
+}
+export declare class MaterialIcon implements IMaterialIcon {
+    maClass: string;
+    iconType: IconTypes;
+    constructor(maClass: string);
+    toString(): string;
 }
 export declare class FabricIcon implements IFabricIcon {
     fabClass: string;
     iconType: IconTypes;
     constructor(fabClass: string);
+    toString(): string;
 }
 export declare class CustomIcon implements ICustomIcon {
     customValue: string | MediaPickerImage;
     iconType: IconTypes;
     constructor(customValue: string | MediaPickerImage);
+    toString(): string;
 }
 export declare class SvgIcon implements ISvgIcon {
     svg: string;
     iconType: IconTypes;
     constructor(svg: string);
+    toString(): string;
 }
 export declare class FlagIcon implements IFlagIcon {
     flagClass: string;
     iconType: IconTypes;
     constructor(flagClass: string);
+    toString(): string;
 }
 export interface IconPickerModel extends IIcon {
     iconSource?: IconSources;

package/Icon.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FlagIcon = exports.SvgIcon = exports.CustomIcon = exports.FabricIcon = exports.FontAwesomeIcon = void 0;
+exports.FlagIcon = exports.SvgIcon = exports.CustomIcon = exports.FabricIcon = exports.MaterialIcon = exports.FontAwesomeIcon = void 0;
 const Enums_1 = require("./Enums");
 /**
  * Class to create a guid
@@ -9,13 +9,66 @@ class FontAwesomeIcon {
     constructor(faClass) {
         this.faClass = faClass;
         this.iconType = Enums_1.IconTypes.FontAwesome;
+        this.setDefaultIconStyle();
+    }
+    toString() {
+        return this.faClass;
+    }
+    //
+    setStyle(style, force) {
+        if (!force && this.faClass.indexOf(" ") === -1) {
+            return;
+        }
+        if (style === "solid") {
+            this.setIconStyle("fas");
+        }
+        else if (style === "regular") {
+            this.setIconStyle("fa");
+        }
+        else if (style === "light") {
+            this.setIconStyle("fal");
+        }
+        else if (style === "duotone") {
+            this.setIconStyle("fa-duotone");
+        }
+        else if (style === "thin") {
+            this.setIconStyle("fat");
+        }
+        return this;
+    }
+    setDefaultIconStyle() {
+        const split = this.faClass.split(" ");
+        if (this.faClass.split(" ").length === 1) {
+            this.setIconStyle("fa-duotone");
+        }
+    }
+    setIconStyle(style) {
+        const split = this.faClass.split(" ");
+        const end = split[split.length - 1];
+        this.faClass = style + " " + end;
     }
 }
 exports.FontAwesomeIcon = FontAwesomeIcon;
+class MaterialIcon {
+    constructor(maClass) {
+        this.maClass = maClass;
+        this.iconType = Enums_1.IconTypes.Material;
+    }
+    toString() {
+        return this.maClass;
+    }
+}
+exports.MaterialIcon = MaterialIcon;
 class FabricIcon {
     constructor(fabClass) {
         this.fabClass = fabClass;
         this.iconType = Enums_1.IconTypes.Fabric;
+        if (this.fabClass.indexOf("ms-Icon ") === -1) {
+            this.fabClass = "ms-Icon " + this.fabClass;
+        }
+    }
+    toString() {
+        return this.fabClass;
     }
 }
 exports.FabricIcon = FabricIcon;
@@ -24,6 +77,9 @@ class CustomIcon {
         this.customValue = customValue;
         this.iconType = Enums_1.IconTypes.Custom;
     }
+    toString() {
+        return this.customValue.toString();
+    }
 }
 exports.CustomIcon = CustomIcon;
 class SvgIcon {
@@ -31,12 +87,21 @@ class SvgIcon {
         this.svg = svg;
         this.iconType = Enums_1.IconTypes.SVG;
     }
+    toString() {
+        return this.svg;
+    }
 }
 exports.SvgIcon = SvgIcon;
 class FlagIcon {
     constructor(flagClass) {
         this.flagClass = flagClass;
         this.iconType = Enums_1.IconTypes.Flag;
+        if (this.flagClass.indexOf("omux-flag ") === -1) {
+            this.flagClass = "omux-flag " + this.flagClass;
+        }
+    }
+    toString() {
+        return this.flagClass;
     }
 }
 exports.FlagIcon = FlagIcon;

package/Journey.d.ts

@@ -1,7 +1,13 @@
-import { BladeSizes } from ".";
+import { VNode, VNodeTypes } from "vue";
+import { BladeSizes, GuidValue, IIcon } from ".";
+export interface JourneyMenuItem {
+    icon: IIcon;
+    element: VNodeTypes | GuidValue;
+    title: string;
+}
 export interface Blade {
     id: string;
-    content: () => JSX.Element;
+    content: () => VNode;
     size?: BladeSizes;
     disabled?: boolean;
     isSubJourney?: boolean;

package/Layout.d.ts

@@ -1,4 +1,4 @@
-import { MultilingualString, ThemeDefinition, IIcon, SpacingSettings, IconPickerModel, WebComponentDefinition, OmniaBlock, GuidValue, RadialGradientShapes, HorizontalAlignments, BlockTitleSettings, LayoutItemActions, LayoutEditorModes, BlockRenderingModes, TabbedDisplayModes, TabbedIconPositions, LayoutDrawerTabs, ILayoutCanvasDefinitionBuilder, MediaPickerImage, IMessageBusTopicSubscription, MediaPickerStorageProviderContext, OmniaBackendRuntimes, OmniaClientRuntimes, LayoutCanvasModes } from ".";
+import { MultilingualString, ThemeDefinition, IIcon, SpacingSettings, IconPickerModel, WebComponentDefinition, OmniaBlock, GuidValue, RadialGradientShapes, BlockTitleSettings, LayoutItemActions, LayoutEditorModes, BlockRenderingModes, TabbedDisplayModes, TabbedIconPositions, LayoutDrawerTabs, ILayoutCanvasDefinitionBuilder, MediaPickerImage, IMessageBusTopicSubscription, MediaPickerStorageProviderContext, OmniaBackendRuntimes, OmniaClientRuntimes, LayoutCanvasModes, ColorSchemaTypes, BlueprintTypes, HorizontalAlignments, SpacingType } from ".";
 import { MessageBusTopicMediator } from "../";
 import { TargetingFilterProperty } from "../sp";
 import { ShapeDividerSettings } from "./ShapeDividerSettingsModel";
@@ -66,6 +66,8 @@ export interface LayoutItemSettings {
     hidden?: boolean;
     css: string;
     customCssClasses: string;
+    colorSchemaType?: ColorSchemaTypes;
+    blueprintType?: BlueprintTypes;
 }
 export interface LinearGradientBackground extends BackgroundSettings {
     degrees: number;
@@ -121,13 +123,13 @@ export interface SectionSettings extends LayoutItemSettings {
     alignment: HorizontalAlignments;
     width: string;
     minHeight: string;
-    spacingBlock: number;
-    spacingColumn: number;
+    spacingBlock: number | SpacingType;
+    spacingColumn: number | SpacingType;
     minWidthBlock: string;
-    marginSectionLeft: number;
-    marginSectionRight: number;
-    marginSectionTop: number;
-    marginSectionBottom: number;
+    marginSectionLeft: number | SpacingType;
+    marginSectionRight: number | SpacingType;
+    marginSectionTop: number | SpacingType;
+    marginSectionBottom: number | SpacingType;
     targetingFilterProperties: TargetingFilterProperty;
     titleSettings: BlockTitleSettings;
     sectionTitle: string | MultilingualString;
@@ -240,10 +242,10 @@ export interface HeaderItemSettings {
     scrollIntoViewDisabled: boolean;
 }
 export interface SpacingItemSettings {
-    paddingRight: number;
-    paddingLeft: number;
-    paddingTop: number;
-    paddingBottom: number;
+    paddingRight: number | SpacingType;
+    paddingLeft: number | SpacingType;
+    paddingTop: number | SpacingType;
+    paddingBottom: number | SpacingType;
     minHeight: string;
 }
 export interface StyleItemSettings {
@@ -490,21 +492,16 @@ export interface LayoutRendererCanvasApi {
 }
 export interface Breakpoint {
     xs: boolean;
-    xsOnly: boolean;
     sm: boolean;
-    smOnly: boolean;
     smAndDown: boolean;
     smAndUp: boolean;
     md: boolean;
-    mdOnly: boolean;
     mdAndDown: boolean;
     mdAndUp: boolean;
     lg: boolean;
-    lgOnly: boolean;
     lgAndDown: boolean;
     lgAndUp: boolean;
     xl: boolean;
-    xlOnly: boolean;
     name: ("xs" | "sm" | "md" | "lg" | "xl");
     width: number;
     height: number;
@@ -513,8 +510,9 @@ export interface Breakpoint {
         sm: number;
         md: number;
         lg: number;
+        xl: number;
+        xxl: number;
     };
-    scrollbarWidth: number;
 }
 /**
  * Define different context extending this so that Layout can different multiple media provider per context