@omnia/velcron 7.0.506-dev → 7.0.507-dev

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

@@ -1,2 +1,3 @@
 export * from "./ThemeDefinitionV2";
 export * from "./TypographyDefinition";
+export * from "./OmniaThemes";

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

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

package/models/Enums.d.ts

@@ -16,10 +16,6 @@ export declare enum VelcronActionTypes {
 export declare enum VelcronIconTypes {
     fontAwesome = "fa"
 }
-export declare enum VelcronSectionColumnWidthTypes {
-    stretch = "stretch",
-    auto = "auto"
-}
 export declare enum VelcronHorizontalAlignments {
     left = "left",
     center = "center",

package/models/Enums.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VelcronDataTypes = exports.VelcronComponentPropertyEditors = exports.VelcronDescriptorTypes = exports.VerticalAlignments = exports.VelcronHorizontalAlignments = exports.VelcronSectionColumnWidthTypes = exports.VelcronIconTypes = exports.VelcronActionTypes = exports.AssignOperators = void 0;
+exports.VelcronDataTypes = exports.VelcronComponentPropertyEditors = exports.VelcronDescriptorTypes = exports.VerticalAlignments = exports.VelcronHorizontalAlignments = exports.VelcronIconTypes = exports.VelcronActionTypes = exports.AssignOperators = void 0;
 var AssignOperators;
 (function (AssignOperators) {
     AssignOperators["equals"] = "=";
@@ -22,11 +22,6 @@ var VelcronIconTypes;
 (function (VelcronIconTypes) {
     VelcronIconTypes["fontAwesome"] = "fa";
 })(VelcronIconTypes = exports.VelcronIconTypes || (exports.VelcronIconTypes = {}));
-var VelcronSectionColumnWidthTypes;
-(function (VelcronSectionColumnWidthTypes) {
-    VelcronSectionColumnWidthTypes["stretch"] = "stretch";
-    VelcronSectionColumnWidthTypes["auto"] = "auto";
-})(VelcronSectionColumnWidthTypes = exports.VelcronSectionColumnWidthTypes || (exports.VelcronSectionColumnWidthTypes = {}));
 var VelcronHorizontalAlignments;
 (function (VelcronHorizontalAlignments) {
     VelcronHorizontalAlignments["left"] = "left";

package/models/VelcronDefinitions.d.ts

@@ -1,7 +1,7 @@
 import { VelcronComponentDescriptor } from "./VelcronDescriptors";
 import { VelcronEvent, VelcronOnChangedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnLoadEvent, VelcronOnPressEvent } from "./VelcronEvents";
 import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
-import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronSectionColumnWidthTypes, VerticalAlignments } from "./Enums";
+import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VerticalAlignments } from "./Enums";
 import { VelcronTheming } from "..";
 export interface ResolvedComponentRenderer {
     component: unknown;
@@ -210,11 +210,19 @@ export interface VelcronFlexViewDefinition extends VelcronDefinition {
     horizontalAlignment?: VelcronHorizontalAlignments;
     verticalAlignment?: VerticalAlignments;
     grow?: number;
+    border?: VelcronBorder;
+    borderRadius?: VelcronDimensions;
     colorSchema?: string;
-    width?: "auto" | "stretch" | number | string;
+    width: string;
 }
-export interface VelcronSectionColumnWidth {
-    type: VelcronSectionColumnWidthTypes;
+export interface VelcronDimensions {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+export interface VelcronBorder extends VelcronDimensions {
+    color: string;
 }
 export interface VelcronChipDefinition extends VelcronDefinition {
     type: "Chip";

package/models/VelcronUnitProvider.d.ts

@@ -0,0 +1,5 @@
+export interface VelcronUnitProvider {
+    formatFontSize: (value: string | number) => string | number;
+    formatDimension: (value: string | number) => string | number;
+    safeGetNumber: (value: string | number) => number;
+}

package/models/VelcronUnitProvider.js

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

package/models/index.d.ts

@@ -4,3 +4,4 @@ export * from "./VelcronDescriptors";
 export * from "./VelcronEvents";
 export * from "./VelcronTypes";
 export * from "./Enums";
+export * from "./VelcronUnitProvider";

package/models/index.js

@@ -7,3 +7,4 @@ tslib_1.__exportStar(require("./VelcronDescriptors"), exports);
 tslib_1.__exportStar(require("./VelcronEvents"), exports);
 tslib_1.__exportStar(require("./VelcronTypes"), exports);
 tslib_1.__exportStar(require("./Enums"), exports);
+tslib_1.__exportStar(require("./VelcronUnitProvider"), exports);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/velcron",
   "license": "MIT",
-  "version": "7.0.506-dev",
+  "version": "7.0.507-dev",
   "description": "Provide Omnia Velcron Stuffs.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/parser/VelcronStyles.d.ts

@@ -1,7 +1,9 @@
 import { VelcronDefinition, VelcronRenderContext } from "../models";
+import { VelcronUnitProvider } from "../models/VelcronUnitProvider";
 export declare class VelcronStyles {
-    static styleProvider: (definition: VelcronDefinition, renderCtx: VelcronRenderContext) => object;
-    static registerStyleProvider(fn: (definition: VelcronDefinition, renderCtx: VelcronRenderContext) => object): void;
-    static create(definition: VelcronDefinition, renderCtx: VelcronRenderContext): object;
-    private static dataBindStyles;
+    static styleProvider: (baseStyles: object, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => object | string;
+    static unitProvider: VelcronUnitProvider;
+    static registerStyleProvider(fn: (styleBase: object, definition: VelcronDefinition, renderCtx: VelcronRenderContext) => object | string, unitProvider: VelcronUnitProvider): void;
+    static create(definition: VelcronDefinition, renderCtx: VelcronRenderContext): object | string;
+    static dataBindStyles(styles: object, renderCtx: VelcronRenderContext): object;
 }

package/parser/VelcronStyles.js

@@ -2,16 +2,61 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VelcronStyles = void 0;
 const VelcronData_1 = require("./VelcronData");
+const models_1 = require("../models");
+const VelcronConstants_1 = require("./VelcronConstants");
 class VelcronStyles {
-    static registerStyleProvider(fn) {
+    static registerStyleProvider(fn, unitProvider) {
         VelcronStyles.styleProvider = fn;
+        VelcronStyles.unitProvider = unitProvider;
     }
     static create(definition, renderCtx) {
-        let result = VelcronStyles.styleProvider(definition, renderCtx);
-        if (renderCtx) {
-            result = VelcronStyles.dataBindStyles(result, renderCtx);
+        const styleBase = { ...definition.style };
+        if (definition.type === VelcronConstants_1.VelcronConstants.components.image) {
+            if (!styleBase.width) {
+                styleBase.width = this.unitProvider.formatDimension(200);
+            }
+            if (!styleBase.height) {
+                styleBase.height = this.unitProvider.formatDimension(400);
+            }
+        }
+        else if (definition.type === VelcronConstants_1.VelcronConstants.components.text) {
+            const textDefinition = definition;
+            if (textDefinition.color) {
+                styleBase["color"] = renderCtx.theming.getColorFromActiveSchema(textDefinition.color);
+            }
+            else {
+                styleBase["color"] = renderCtx.theming.activeColorSchema().onBase.color;
+            }
+        }
+        else if (definition.type === VelcronConstants_1.VelcronConstants.components.flexView) {
+            const flexViewDefinition = definition;
+            const flexGrow = flexViewDefinition.grow ? flexViewDefinition.grow : 1;
+            styleBase["flex"] = flexGrow;
+            styleBase["flexDirection"] = flexViewDefinition.column ? "column" : "row";
+            if (flexViewDefinition.width) {
+                styleBase["maxWidth"] = flexViewDefinition.width;
+            }
+            if (flexViewDefinition.horizontalAlignment) {
+                if (flexViewDefinition.horizontalAlignment === models_1.VelcronHorizontalAlignments.right) {
+                    styleBase["justifyContent"] = "flex-end";
+                }
+                else if (flexViewDefinition.horizontalAlignment === models_1.VelcronHorizontalAlignments.center) {
+                    styleBase["justifyContent"] = "center";
+                }
+            }
+            if (flexViewDefinition.verticalAlignment) {
+                if (flexViewDefinition.verticalAlignment === models_1.VerticalAlignments.center) {
+                    styleBase["alignItems"] = "center";
+                }
+                else if (flexViewDefinition.verticalAlignment === models_1.VerticalAlignments.bottom) {
+                    styleBase["alignItems"] = "flex-end";
+                }
+            }
+            if (flexViewDefinition.colorSchema && flexViewDefinition.colorSchema != "") {
+                styleBase["backgroundColor"] = renderCtx.theming.activeColorSchema().base.color;
+            }
         }
-        return result;
+        return VelcronStyles.styleProvider(styleBase, definition, renderCtx);
     }
     static dataBindStyles(styles, renderCtx) {
         Object.keys(styles).forEach((key) => {