@omnia/fx-models 8.0.60-vnext → 8.0.61-dev

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

@@ -6,8 +6,13 @@ function getSpacingValueFromBlueprint(spacingValue, blueprint) {
     if (!spacingValue) {
         return 0;
     }
+    let negative = false;
     let result = spacingValue;
     if (isNaN(spacingValue) && blueprint?.definition) {
+        if (spacingValue.startsWith("-")) {
+            negative = true;
+        }
+        spacingValue = spacingValue.replace("-", "");
         if (spacingValue === SpacingSetting_1.SpacingTypes.xs) {
             result = blueprint.definition.xs;
         }
@@ -27,6 +32,6 @@ function getSpacingValueFromBlueprint(spacingValue, blueprint) {
             result = 0;
         }
     }
-    return result;
+    return negative ? -result : result;
 }
 exports.getSpacingValueFromBlueprint = getSpacingValueFromBlueprint;

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

@@ -1,11 +1,12 @@
 import { Guid } from "../Guid";
 export interface SpacingSettings {
-    top: number | SpacingType;
-    right: number | SpacingType;
-    bottom: number | SpacingType;
-    left: number | SpacingType;
+    top?: number | SpacingType;
+    right?: number | SpacingType;
+    bottom?: number | SpacingType;
+    left?: number | SpacingType;
 }
 export interface SpacingDefinition {
+    name: string;
     id: Guid;
     xs: number;
     s: number;

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

@@ -8,4 +8,4 @@ var SpacingTypes;
     SpacingTypes["m"] = "m";
     SpacingTypes["l"] = "l";
     SpacingTypes["xl"] = "xl";
-})(SpacingTypes = exports.SpacingTypes || (exports.SpacingTypes = {}));
+})(SpacingTypes || (exports.SpacingTypes = SpacingTypes = {}));

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/ThemeDefinitionV2.js

@@ -12,18 +12,18 @@ var ColorSchemaTypes;
     ColorSchemaTypes["background"] = "background";
     ColorSchemaTypes["error"] = "error";
     ColorSchemaTypes["info"] = "info";
-})(ColorSchemaTypes = exports.ColorSchemaTypes || (exports.ColorSchemaTypes = {}));
+})(ColorSchemaTypes || (exports.ColorSchemaTypes = ColorSchemaTypes = {}));
 var BlueprintTypes;
 (function (BlueprintTypes) {
     BlueprintTypes["default"] = "default";
     BlueprintTypes["variant1"] = "variant1";
     BlueprintTypes["variant2"] = "variant2";
     BlueprintTypes["variant3"] = "variant3";
-})(BlueprintTypes = exports.BlueprintTypes || (exports.BlueprintTypes = {}));
+})(BlueprintTypes || (exports.BlueprintTypes = BlueprintTypes = {}));
 var ColorTypes;
 (function (ColorTypes) {
     ColorTypes["base"] = "base";
     ColorTypes["onBase"] = "onBase";
     ColorTypes["container"] = "container";
     ColorTypes["onContainer"] = "onContainer";
-})(ColorTypes = exports.ColorTypes || (exports.ColorTypes = {}));
+})(ColorTypes || (exports.ColorTypes = ColorTypes = {}));

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

@@ -1,6 +1,11 @@
 import { Guid } from "../Guid";
 export interface TypographyDefinition {
     id: Guid;
+    name: string;
+    font?: {
+        family: string;
+        cdn?: string;
+    };
     title: {
         xl: TypographyTypeDefinition;
         l: TypographyTypeDefinition;
@@ -33,14 +38,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,8 +6,7 @@ var TypographyTypes;
     TypographyTypes["title"] = "title";
     TypographyTypes["text"] = "text";
     TypographyTypes["navigation"] = "navigation";
-    TypographyTypes["link"] = "link";
-})(TypographyTypes = exports.TypographyTypes || (exports.TypographyTypes = {}));
+})(TypographyTypes || (exports.TypographyTypes = TypographyTypes = {}));
 var TypographySizes;
 (function (TypographySizes) {
     TypographySizes["xl"] = "xl";
@@ -15,4 +14,4 @@ var TypographySizes;
     TypographySizes["m"] = "m";
     TypographySizes["s"] = "s";
     TypographySizes["xs"] = "xs";
-})(TypographySizes = exports.TypographySizes || (exports.TypographySizes = {}));
+})(TypographySizes || (exports.TypographySizes = 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/ActionHooks.d.ts

@@ -0,0 +1,12 @@
+export interface VelcronActionHooks<TBefore = any, TAfter = any> {
+    beforeHandler?: (args: TBefore) => TBefore;
+    afterHandler?: (args: TBefore) => TAfter;
+}
+export interface HttpGetBeforeActionHookArgs {
+    url: string;
+    requestInit: RequestInit;
+}
+export interface HttpGetAfterActionHookArgs {
+    json: string;
+    response: Response;
+}

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

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

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"] = "=";
@@ -10,30 +10,37 @@ var AssignOperators;
     AssignOperators["plusPlus"] = "++";
     AssignOperators["minusMinus"] = "--";
     AssignOperators["equalsExclamation"] = "=!";
-})(AssignOperators = exports.AssignOperators || (exports.AssignOperators = {}));
+})(AssignOperators || (exports.AssignOperators = AssignOperators = {}));
 var VelcronActionTypes;
 (function (VelcronActionTypes) {
     VelcronActionTypes[VelcronActionTypes["getOrSetValue"] = 0] = "getOrSetValue";
     VelcronActionTypes[VelcronActionTypes["promise"] = 1] = "promise";
     VelcronActionTypes[VelcronActionTypes["condition"] = 2] = "condition";
     VelcronActionTypes[VelcronActionTypes["returnsValue"] = 3] = "returnsValue";
-})(VelcronActionTypes = exports.VelcronActionTypes || (exports.VelcronActionTypes = {}));
+})(VelcronActionTypes || (exports.VelcronActionTypes = VelcronActionTypes = {}));
 var VelcronIconTypes;
 (function (VelcronIconTypes) {
     VelcronIconTypes["fontAwesome"] = "fa";
-})(VelcronIconTypes = exports.VelcronIconTypes || (exports.VelcronIconTypes = {}));
+})(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 || (exports.VelcronHorizontalAlignments = {}));
+})(VelcronHorizontalAlignments || (exports.VelcronHorizontalAlignments = VelcronHorizontalAlignments = {}));
 var VelcronVerticalAlignments;
 (function (VelcronVerticalAlignments) {
     VelcronVerticalAlignments["top"] = "top";
     VelcronVerticalAlignments["center"] = "center";
     VelcronVerticalAlignments["bottom"] = "bottom";
-})(VelcronVerticalAlignments = exports.VelcronVerticalAlignments || (exports.VelcronVerticalAlignments = {}));
+})(VelcronVerticalAlignments || (exports.VelcronVerticalAlignments = VelcronVerticalAlignments = {}));
 var VelcronDataTypes;
 (function (VelcronDataTypes) {
     //Unknown = null
@@ -45,4 +52,4 @@ var VelcronDataTypes;
     VelcronDataTypes["array"] = "array";
     VelcronDataTypes["componentArray"] = "componentArray";
     VelcronDataTypes["bind"] = "bind";
-})(VelcronDataTypes = exports.VelcronDataTypes || (exports.VelcronDataTypes = {}));
+})(VelcronDataTypes || (exports.VelcronDataTypes = VelcronDataTypes = {}));

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

@@ -1,34 +1,41 @@
 import { VelcronEvent, VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnEditModeEvent, VelcronOnLoadEvent, VelcronOnPressEvent } from "./VelcronEvents";
 import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
 import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronVerticalAlignments } from "./Enums";
-import { useVelcronThemingStore } from "..";
+import { ActivityRendererReference, DynamicState, 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 {
     component: unknown;
     definition: VelcronDefinition;
-    customComponent: boolean;
+    customComponent?: boolean;
 }
 export interface BuiltInComponentRenderers {
-    "View": unknown;
-    "Card": unknown;
-    "Text": unknown;
-    "Image": unknown;
-    "Button": unknown;
-    "TextInput": unknown;
-    "ProgressCircle": unknown;
-    "WebView": unknown;
-    "CustomComponent": unknown;
-    "Dialog": unknown;
-    "Icon": unknown;
-    "Chip": unknown;
-    "Markdown": unknown;
+    "velcron": unknown;
+    "view": unknown;
+    "card": unknown;
+    "text": unknown;
+    "image": unknown;
+    "video": unknown;
+    "button": unknown;
+    "text-input": unknown;
+    "progress-circle": unknown;
+    "web-view": unknown;
+    "custom-component": unknown;
+    "dialog": unknown;
+    "icon": unknown;
+    "chip": unknown;
+    "markdown": unknown;
+    "slot": unknown;
+    "property": unknown;
+    "checkbox": unknown;
+    "reference": unknown;
+    "radio": unknown;
 }
 export interface ColorSchemaReference {
     name: string;
     schema: string;
 }
-export type DynamicState = object;
 export interface OnItemRenderedHookResult {
     cssClass: string;
     containerRenderer?: VelcronContainerRenderer;
@@ -41,19 +48,20 @@ export interface VelcronRenderContext {
     colors?: ReturnType<typeof useVelcronColorSchemaStore>;
     blueprints?: ReturnType<typeof useVelcronBlueprintStore>;
     actions?: {
-        [name: string]: [];
+        [name: string]: Array<string>;
     };
     components?: Array<VelcronCustomComponentDefinition>;
     properties?: {
         [name: string]: VelcronPrimitiveType | VelcroncomponentArrayType;
     };
     computed?: {
-        [name: string]: [];
+        [name: string]: Array<string>;
     };
     parent?: VelcronRenderContext;
     hooks?: VelcronRenderContextHooks;
     eventHandlers?: VelcronRenderContextEventHandlers;
     editMode?: boolean;
+    disposers: Array<() => void>;
 }
 export interface VelcronRenderContextEventHandlers {
     receiving?: {
@@ -66,6 +74,7 @@ export interface VelcronRenderContextHooks {
     onItemSelected?: ((item: VelcronDefinition) => void);
     onItemRendered?: ((item: VelcronDefinition) => OnItemRenderedHookResult);
     onItemCreatedProps?: ((item: VelcronDefinition) => object);
+    onLoadReference?: ((reference: ActivityRendererReference) => Promise<VelcronDefinition>);
 }
 export interface VelcronContainerRenderer {
     definition: VelcronDefinition;
@@ -120,6 +129,7 @@ export interface VelcronDefinitionWithEditMode extends VelcronDefinition {
     bind?: VelcronBindableProp;
 }
 interface VelcronDimensionStyling {
+    margin?: VelcronSpacing;
     padding?: VelcronSpacing;
 }
 export interface VelcronColorStyling {
@@ -131,6 +141,7 @@ export interface VelcronColorStyling {
 }
 export interface VelcronTextStyling {
     text: string;
+    placeholder?: string;
     typography?: string;
     size?: string;
 }
@@ -162,121 +173,184 @@ export interface VelcronIcon {
     name: string;
 }
 export interface VelcronAppDefinition<TState extends DynamicState = DynamicState> extends VelcronDefinitionBase {
-    type: "Velcron";
-    version: string;
-    name: string;
+    type: "velcron";
+    version?: string;
+    name?: string;
     body?: Array<VelcronDefinition>;
     events?: VelcronOnLoadEvent & VelcronOnEditModeEvent;
     actions?: {
-        [name: string]: [];
+        [name: string]: Array<string>;
     };
     components?: Array<VelcronCustomComponentDefinition>;
+    propEditors?: Array<VelcronPropertyEditor>;
     state?: TState;
     computed?: {
-        [name: string]: [];
+        [name: string]: Array<string>;
     };
 }
 export interface VelcronComponentDefinition extends VelcronDefinition {
     type: string;
-    events: any;
-    properties: [];
-    icon: any;
+    events?: any;
+    properties?: {
+        [name: string]: any;
+    };
+    icon?: any;
+}
+export interface VelcronRenderProp {
+    required?: boolean;
+    defaultValue?: any;
 }
 /*** Built-in Components *********************************************************************/
 export interface VelcronViewDefinition extends VelcronDefinition, VelcronColorStyling {
-    type: "View";
+    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;
-    grow?: number;
+    hAlign?: VelcronHorizontalAlignments;
+    vAlign?: VelcronVerticalAlignments;
+    grow?: number | "default";
+    absolute?: VelcronSpacing;
     border?: VelcronBorder;
     borderRadius?: VelcronDimensions;
-    width?: number;
+    width?: number | string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
+    height?: number | string;
+    minHeight?: number | string;
+    maxHeight?: number | string;
 }
 export interface VelcronCardDefinition extends VelcronDefinition, VelcronColorStyling {
-    type: "Card";
+    type: "card";
     style?: VelcronCardStyling;
     footer?: Array<VelcronDefinition>;
     events?: VelcronOnPressEvent;
 }
 export interface VelcronTextDefinition extends VelcronDefinitionWithEditMode, VelcronColorStyling, VelcronTextStyling {
-    type: "Text";
+    type: "text";
     editLabel?: VelcronBindableProp;
     lineClamp?: number;
     noWrap?: boolean;
     events?: VelcronOnPressEvent & VelcronOnUpdatedEvent;
 }
 export declare enum VelcronImageRatios {
-    square = 1,
-    landscape = 2
+    square = "square",
+    landscape = "landscape"
 }
 export interface VelcronImageDefinition extends VelcronDefinition {
-    type: "Image";
-    source: string;
-    ratio: VelcronImageRatios;
+    type: "image";
+    url?: VelcronBindableProp<string>;
+    bind?: VelcronBindableProp<string>;
+    ratio?: VelcronImageRatios | string;
+    width?: number | string;
+    height?: number | string;
     cover?: VelcronBindableProp<boolean>;
     borderRadius?: VelcronDimensions;
     events?: VelcronOnPressEvent;
 }
+export interface VelcronVideoDefinition extends VelcronDefinition {
+    type: "video";
+    url?: VelcronBindableProp<string>;
+    bind?: VelcronBindableProp<string>;
+    aspectRatio?: VelcronBindableProp<"16:9" | "4:3" | "1:1">;
+    autoplay?: VelcronBindableProp<boolean>;
+    muted?: VelcronBindableProp<boolean>;
+}
 export interface VelcronButtonDefinition extends VelcronDefinition {
-    type: "Button";
+    type: "button";
     text: string;
     icon?: VelcronIcon;
     disabled?: boolean;
     events?: VelcronOnPressEvent;
+    size?: string;
 }
 export interface VelcronTextInputDefinition extends VelcronDefinition {
-    type: "TextInput";
+    type: "text-input";
     label?: string;
     bind: string;
     initialValue?: string;
     events: VelcronOnUpdatedEvent;
 }
 export interface VelcronProgressCircleDefinition extends VelcronDefinition {
-    type: "ProgressCircle";
+    type: "progress-circle";
     events?: VelcronOnPressEvent;
 }
 export interface VelcronWebViewDefinition extends VelcronDefinition {
-    type: "WebView";
+    type: "web-view";
     source: string;
 }
 export interface VelcronDialogDefinition extends VelcronDefinition {
-    type: "Dialog";
+    type: "dialog";
     title: string;
     visible: string;
     events?: VelcronOnCloseRequestedEvent & VelcronOnClosedEvent;
 }
 export interface VelcronIconDefinition extends VelcronDefinition, VelcronColorStyling {
-    type: "Icon";
+    type: "icon";
     icon: string;
     size?: VelcronBindableProp<number>;
     events?: VelcronOnPressEvent;
 }
 export interface VelcronMarkdownDefinition extends VelcronDefinitionWithEditMode, VelcronColorStyling, VelcronTextStyling {
-    type: "Markdown";
+    type: "markdown";
     events: VelcronOnUpdatedEvent;
 }
 export interface VelcronDimensions {
-    top: number;
-    right: number;
-    bottom: number;
-    left: number;
+    top: number | string;
+    right: number | string;
+    bottom: number | string;
+    left: number | string;
 }
 export interface VelcronBorder extends VelcronDimensions {
-    color: string;
+    colorType?: string;
+    toned?: boolean;
+    opacity?: number;
 }
 export interface VelcronChipDefinition extends VelcronDefinition {
-    type: "Chip";
+    type: "chip";
     text: string;
     icon?: VelcronIcon;
     disabled?: boolean;
     events?: VelcronOnPressEvent;
 }
+export interface VelcronSlotDefinition extends VelcronDefinition {
+    type: "slot";
+    bind: VelcronBindableProp<string>;
+}
+export interface VelcronReferencefinition extends VelcronDefinition {
+    type: "reference";
+    to: ActivityRendererReference;
+}
+export interface VelcronPropertyDefinition extends VelcronDefinition {
+    type: "property";
+    bind: VelcronBindableProp<string>;
+}
+export interface VelcronCheckboxDefinition extends VelcronDefinition {
+    type: "checkbox";
+    label: VelcronBindableProp<string>;
+    value: string;
+    bind: VelcronBindableProp<string>;
+    disabled: VelcronBindableProp<boolean>;
+    events: VelcronOnUpdatedEvent;
+}
+export interface VelcronRadioDefinition extends VelcronDefinition {
+    type: "radio";
+    label: VelcronBindableProp<string>;
+    value: string;
+    bind: VelcronBindableProp<string>;
+    disabled: VelcronBindableProp<boolean>;
+    events: VelcronOnUpdatedEvent;
+}
+export interface VelcronPropertyDefinitionValue {
+    definitionId: GuidValue;
+    value: PropertyValue;
+    configuration: PropertyConfiguration<PropertyDefinition<any, any, any, PropertySetupBase>>;
+}
 export type VelcronCustomComponentDefinition = VelcronComponentDefinition;
 export type VelcronRenderProps<TDefinition> = {
     definition: TDefinition;
     renderContext: VelcronRenderContext;
 };
+export type VelcronAppRendererProps = VelcronRenderProps<VelcronAppDefinition> & {
+    rootApp: boolean;
+};
 export {};

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

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.VelcronImageRatios = void 0;
 var VelcronImageRatios;
 (function (VelcronImageRatios) {
-    VelcronImageRatios[VelcronImageRatios["square"] = 1] = "square";
-    VelcronImageRatios[VelcronImageRatios["landscape"] = 2] = "landscape";
-})(VelcronImageRatios = exports.VelcronImageRatios || (exports.VelcronImageRatios = {}));
+    VelcronImageRatios["square"] = "square";
+    VelcronImageRatios["landscape"] = "landscape";
+})(VelcronImageRatios || (exports.VelcronImageRatios = VelcronImageRatios = {}));