@omnia/velcron 8.0.91-vnext → 8.0.92-dev

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

@@ -1,2 +1,2 @@
-import { SpacingBlueprint } from "./BlueprintDefinition";
-export declare function getSpacingValueFromBlueprint(spacingValue: any, blueprint: SpacingBlueprint): number;
+import { SpacingDefinition } from "./SpacingSetting";
+export declare function getSpacingValueFromBlueprint(spacingValue: any, definition: SpacingDefinition): number;

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

@@ -1,32 +1,33 @@
 "use strict";
+// import { SpacingDefinition, SpacingTypes } from "@omnia/fx-models";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getSpacingValueFromBlueprint = void 0;
 const SpacingSetting_1 = require("./SpacingSetting");
-function getSpacingValueFromBlueprint(spacingValue, blueprint) {
+function getSpacingValueFromBlueprint(spacingValue, definition) {
     if (!spacingValue) {
         return 0;
     }
     let negative = false;
     let result = spacingValue;
-    if (isNaN(spacingValue) && blueprint?.definition) {
+    if (isNaN(spacingValue) && definition) {
         if (spacingValue.startsWith("-")) {
             negative = true;
         }
         spacingValue = spacingValue.replace("-", "");
         if (spacingValue === SpacingSetting_1.SpacingTypes.xs) {
-            result = blueprint.definition.xs;
+            result = definition.xs;
         }
         else if (spacingValue === SpacingSetting_1.SpacingTypes.s) {
-            result = blueprint.definition.s;
+            result = definition.s;
         }
         else if (spacingValue === SpacingSetting_1.SpacingTypes.m) {
-            result = blueprint.definition.m;
+            result = definition.m;
         }
         else if (spacingValue === SpacingSetting_1.SpacingTypes.l) {
-            result = blueprint.definition.l;
+            result = definition.l;
         }
         else if (spacingValue === SpacingSetting_1.SpacingTypes.xl) {
-            result = blueprint.definition.xl;
+            result = definition.xl;
         }
         else {
             result = 0;

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

@@ -1,5 +1,5 @@
 import { Guid } from "../Guid";
-import { BluePrintDefinitions } from "./BlueprintDefinition";
+import { BlueprintDefinition } from "./BlueprintDefinition";
 export interface ColorTypeResult<resultType> {
     base: resultType;
     baseTone: resultType;
@@ -39,18 +39,14 @@ export interface ColorSchemas {
     error: ColorSchema;
     info: ColorSchema;
 }
-export interface ColorGroup {
-    dark: ColorSchema;
-    light: ColorSchema;
-}
 export interface ThemeDefinitionV2 {
     id: Guid;
     name: string;
     dark: boolean;
     colors: ColorSchemas;
-    blueprints: BluePrintDefinitions;
+    blueprints: BlueprintDefinition[];
 }
-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 +58,7 @@ export declare enum ColorSchemaTypes {
     error = "error",
     info = "info"
 }
-export type BlueprintType = "default" | "variant1" | "variant2" | "variant3";
-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",
@@ -80,3 +69,23 @@ export interface ColorGradient {
     color: string;
     stop?: number;
 }
+export interface ThemedColorValue {
+    colorType: ColorType;
+    toned?: boolean;
+    colorSchemaType?: ColorSchemaType;
+}
+export type ColorValue = string | ThemedColorValue;
+export declare enum RadialGradientShapes {
+    circle = 0,
+    ellipse = 1
+}
+export interface BackgroundColorValue {
+    colors: Array<ColorValue>;
+}
+export interface LinearGradientBackgroundColorValue extends BackgroundColorValue {
+    degrees: number;
+}
+export interface RadialGradientBackgroundColorValue extends BackgroundColorValue {
+    shape: RadialGradientShapes;
+    position?: number;
+}

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColorTypes = exports.BlueprintTypes = exports.ColorSchemaTypes = void 0;
+exports.RadialGradientShapes = exports.ColorTypes = exports.ColorSchemaTypes = void 0;
 var ColorSchemaTypes;
 (function (ColorSchemaTypes) {
     ColorSchemaTypes["primary"] = "primary";
@@ -12,18 +12,16 @@ var ColorSchemaTypes;
     ColorSchemaTypes["background"] = "background";
     ColorSchemaTypes["error"] = "error";
     ColorSchemaTypes["info"] = "info";
-})(ColorSchemaTypes = exports.ColorSchemaTypes || (exports.ColorSchemaTypes = {}));
-var BlueprintTypes;
-(function (BlueprintTypes) {
-    BlueprintTypes["default"] = "default";
-    BlueprintTypes["variant1"] = "variant1";
-    BlueprintTypes["variant2"] = "variant2";
-    BlueprintTypes["variant3"] = "variant3";
-})(BlueprintTypes = exports.BlueprintTypes || (exports.BlueprintTypes = {}));
+})(ColorSchemaTypes || (exports.ColorSchemaTypes = ColorSchemaTypes = {}));
 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 = {}));
+var RadialGradientShapes;
+(function (RadialGradientShapes) {
+    RadialGradientShapes[RadialGradientShapes["circle"] = 0] = "circle";
+    RadialGradientShapes[RadialGradientShapes["ellipse"] = 1] = "ellipse";
+})(RadialGradientShapes || (exports.RadialGradientShapes = RadialGradientShapes = {}));

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.d.ts

@@ -1,10 +1,8 @@
-import { BlueprintType, BlueprintTypes, ColorDefinition, ColorSchema, ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes } from "./ThemeDefinitionV2";
-import { TypographySize, TypographySizes, TypographyType, TypographyTypeDefinition, TypographyTypes } from "./TypographyDefinition";
-import { BlueprintDefinition } from "./BlueprintDefinition";
+import { ColorDefinition, ColorSchema, ColorSchemaType, ColorSchemaTypes, ColorType, ColorTypes } from "./ThemeDefinitionV2";
+import { BlueprintDefinition, BlueprintType } from "./BlueprintDefinition";
 export declare function useThemeMethods(getThemeDefinition: () => any): {
     colorSchema: (colorSchemaType: ColorSchemaTypes | ColorSchemaType) => ColorSchema;
-    blueprint: (blueprintType: BlueprintTypes | BlueprintType) => BlueprintDefinition;
-    typography: (blueprintType: BlueprintTypes | BlueprintType, typographyType: TypographyTypes | TypographyType, size: TypographySize | TypographySizes) => TypographyTypeDefinition;
+    bluePrintbyType: <TType extends BlueprintDefinition>(type: BlueprintType) => TType;
     color: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => string;
     colorDefinition: (colorSchemaType: ColorSchemaTypes | ColorSchemaType, colorType: ColorTypes | ColorType) => ColorDefinition;
     complementaryColorType: (colorType: ColorTypes | ColorType) => ColorTypes;

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

@@ -3,9 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useThemeMethods = void 0;
 //import { ThemeDefinitionInstance } from "@omnia/fx/ux";
 const ThemeDefinitionV2_1 = require("./ThemeDefinitionV2");
-const TypographyDefinition_1 = require("./TypographyDefinition");
 // temp change ThemeDefinitionInstance to any because fx/shared can't reference higher level fx/ux
 function useThemeMethods(getThemeDefinition) {
+    function bluePrintbyType(type) {
+        return getThemeDefinition().blueprints.find(x => x.type === type);
+    }
     function colorSchema(colorSchemaType) {
         if (colorSchemaType === ThemeDefinitionV2_1.ColorSchemaTypes.primary) {
             return getThemeDefinition().colors.primary;
@@ -33,36 +35,6 @@ function useThemeMethods(getThemeDefinition) {
         }
         return getThemeDefinition().colors.background;
     }
-    function blueprint(blueprintType) {
-        if (blueprintType === ThemeDefinitionV2_1.BlueprintTypes.default) {
-            return getThemeDefinition().blueprints.default;
-        }
-        else if (blueprintType === ThemeDefinitionV2_1.BlueprintTypes.variant1) {
-            return getThemeDefinition().blueprints.variant1;
-        }
-        else if (blueprintType === ThemeDefinitionV2_1.BlueprintTypes.variant2) {
-            return getThemeDefinition().blueprints.variant2;
-        }
-        else if (blueprintType === ThemeDefinitionV2_1.BlueprintTypes.variant3) {
-            return getThemeDefinition().blueprints.variant3;
-        }
-        return getThemeDefinition().blueprints.default;
-    }
-    function typography(blueprintType, typographyType, size) {
-        const typographyBlueprint = getThemeDefinition().blueprints[blueprintType].definitions.find(d => d.type === "typography");
-        if (typographyType === TypographyDefinition_1.TypographyTypes.text) {
-            return typographyBlueprint.definition.text[size];
-        }
-        else if (typographyType === TypographyDefinition_1.TypographyTypes.title) {
-            return typographyBlueprint.definition.title[size];
-        }
-        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);
         if (colorType === ThemeDefinitionV2_1.ColorTypes.base) {
@@ -120,8 +92,7 @@ function useThemeMethods(getThemeDefinition) {
     }
     return {
         colorSchema,
-        blueprint,
-        typography,
+        bluePrintbyType,
         color,
         colorDefinition,
         complementaryColorType,

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

@@ -1,8 +1,8 @@
 export * from "./ThemeDefinitionV2";
 export * from "./TypographyDefinition";
-export * from "./OmniaThemes";
 export * from "./UseThemeMethods";
 export * from "./BlueprintDefinition";
 export * from "./SpacingSetting";
 export * from "./SharedBlueprintMethods";
 export * from "./SharedColorMethods";
+export * from "./ChromeDefinition";

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

@@ -3,9 +3,10 @@ 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);
+//export * from "./OmniaThemes";
 tslib_1.__exportStar(require("./UseThemeMethods"), exports);
 tslib_1.__exportStar(require("./BlueprintDefinition"), exports);
 tslib_1.__exportStar(require("./SpacingSetting"), exports);
 tslib_1.__exportStar(require("./SharedBlueprintMethods"), exports);
 tslib_1.__exportStar(require("./SharedColorMethods"), exports);
+tslib_1.__exportStar(require("./ChromeDefinition"), exports);

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

@@ -0,0 +1,87 @@
+import { DynamicState } from "../DynamicState";
+import { VelcronEvent, VelcronOnEditModeEvent, VelcronOnLoadEvent } from "./VelcronEvents";
+/**
+ * Velcron definition base
+ */
+export interface VelcronDefinitionBase {
+    /**
+     * The component type
+     */
+    type: string;
+    /**
+     * Custom friendly name of the definition
+     */
+    name?: string;
+    /**
+     * Used for render cache if not specified we auto set it.
+     */
+    key?: string;
+}
+export interface VelcronDefinition extends VelcronDefinitionBase, VelcronDimensionStyling {
+    body?: Array<VelcronDefinition>;
+    style?: VelcronStyling;
+    foreach?: string;
+    if?: string;
+    events?: VelcronEvent;
+}
+export interface VelcronSpacing {
+    top?: number | string;
+    right?: number | string;
+    bottom?: number | string;
+    left?: number | string;
+}
+interface VelcronDimensionStyling {
+    margin?: VelcronSpacing;
+    padding?: VelcronSpacing;
+}
+export interface VelcronStyling {
+    margin?: number;
+    marginTop?: number;
+    marginRight?: number;
+    marginBottom?: number;
+    marginLeft?: number;
+    padding?: number;
+    paddingTop?: number;
+    paddingRight?: number;
+    paddingBottom?: number;
+    paddingLeft?: number;
+    height?: number | string;
+    width?: number | string;
+}
+export interface VelcronComponentDefinition extends VelcronDefinition {
+    type: string;
+    events?: any;
+    properties?: {
+        [name: string]: any;
+    };
+    icon?: any;
+}
+export type VelcronCustomComponentDefinition = VelcronComponentDefinition;
+export type BuiltInPropertyEditorType = "text" | "slider" | "switch" | "alignment" | "color" | "markdown" | "icon" | "image" | "typography" | "color-schema-type" | "spacing";
+export interface VelcronPropertyEditor<TSettings = any> {
+    name?: string;
+    category?: string;
+    type: BuiltInPropertyEditorType | string;
+    settings?: TSettings;
+    stateMapping?: string;
+    propertyMapping?: boolean;
+    multiple?: boolean;
+    component?: unknown;
+}
+export interface VelcronAppDefinition<TState extends DynamicState = DynamicState> extends VelcronDefinitionBase {
+    type: "velcron";
+    version?: string;
+    name?: string;
+    body?: Array<VelcronDefinition>;
+    events?: VelcronOnLoadEvent & VelcronOnEditModeEvent;
+    actions?: {
+        [name: string]: Array<string>;
+    };
+    components?: Array<VelcronCustomComponentDefinition>;
+    propEditors?: Array<VelcronPropertyEditor>;
+    state?: TState;
+    computed?: {
+        [name: string]: Array<string>;
+    };
+}
+export {};

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

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

package/internal-do-not-import-from-here/shared/models/velcron/VelcronEvents.js

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

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

@@ -0,0 +1,2 @@
+export * from "./VelcronDefinition";
+export * from "./VelcronEvents";

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./VelcronDefinition"), exports);
+tslib_1.__exportStar(require("./VelcronEvents"), exports);

package/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/models/ActionHooks.js

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

package/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/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 = {}));