@omnia/fx-models 8.0.80-vnext → 8.0.81-dev

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

@@ -6,3 +6,4 @@ 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

@@ -9,3 +9,4 @@ 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/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,19 +1,23 @@
-import { VelcronEvent, VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnEditModeEvent, VelcronOnLoadEvent, VelcronOnPressEvent } from "./VelcronEvents";
+import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition } from "internal/fx/shared/models";
 import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
 import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronVerticalAlignments } from "./Enums";
-import { VelcronPropertyEditor, useVelcronThemingStore } from "..";
+import { ActivityRendererReference, DynamicState, VelcronDefinition, 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;
+    "velcron": unknown;
+    "flex": unknown;
+    "row": unknown;
+    "column": unknown;
     "card": unknown;
     "text": unknown;
     "image": unknown;
+    "video": unknown;
     "button": unknown;
     "text-input": unknown;
     "progress-circle": unknown;
@@ -23,12 +27,16 @@ export interface BuiltInComponentRenderers {
     "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;
@@ -39,21 +47,21 @@ export interface VelcronRenderContext {
     currentContext: DynamicState;
     theming?: ReturnType<typeof useVelcronThemingStore>;
     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;
@@ -90,38 +99,11 @@ export interface VelcronActionWithCondition extends VelcronActionWithAutoAwait {
     trueAction: VelcronAction;
     falseAction: VelcronAction;
 }
-/**
- * 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 type VelcronBindableProp<TPropType = string> = TPropType | string;
 export interface VelcronDefinitionWithEditMode extends VelcronDefinition {
     edit?: VelcronBindableProp<boolean>;
     bind?: VelcronBindableProp;
 }
-interface VelcronDimensionStyling {
-    padding?: VelcronSpacing;
-}
 export interface VelcronColorStyling {
     colorSchemaType?: string;
     colorType?: string;
@@ -131,75 +113,54 @@ export interface VelcronColorStyling {
 }
 export interface VelcronTextStyling {
     text: string;
+    placeholder?: string;
     typography?: string;
     size?: string;
 }
-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 VelcronCardStyling extends VelcronStyling {
     elevation: number;
 }
-export interface VelcronSpacing {
-    top?: number | string;
-    right?: number | string;
-    bottom?: number | string;
-    left?: number | string;
-}
 export interface VelcronIcon {
     type: VelcronIconTypes;
     name: string;
 }
-export interface VelcronAppDefinition<TState extends DynamicState = DynamicState> extends VelcronDefinitionBase {
-    type: "velcron";
-    version: string;
-    name: string;
-    body?: Array<VelcronDefinition>;
-    events?: VelcronOnLoadEvent & VelcronOnEditModeEvent;
-    actions?: {
-        [name: string]: [];
-    };
-    components?: Array<VelcronCustomComponentDefinition>;
-    propEditors?: Array<VelcronPropertyEditor>;
-    state?: TState;
-    computed?: {
-        [name: string]: [];
-    };
-}
-export interface VelcronComponentDefinition extends VelcronDefinition {
-    type: string;
-    events: any;
-    properties: [];
-    icon: any;
+export interface VelcronRenderProp {
+    required?: boolean;
+    defaultValue?: any;
 }
 /*** Built-in Components *********************************************************************/
-export interface VelcronViewDefinition extends VelcronDefinition, VelcronColorStyling {
-    type: "view";
+export interface VelcronFlexDefinition extends VelcronDefinition, VelcronColorStyling {
+    type: "flex";
     events?: VelcronOnPressEvent;
-    direction?: "row" | "column" | "row-reverse" | "column-reverse" | string;
-    columnStyle?: object;
-    horizontalAlignment?: VelcronHorizontalAlignments;
-    verticalAlignment?: VelcronVerticalAlignments;
-    grow?: number;
-    absolute?: VelcronSpacing;
     border?: VelcronBorder;
     borderRadius?: VelcronDimensions;
+}
+export interface VelcronFlexRowDefinition extends VelcronDefinition, VelcronColorStyling {
+    type: "row";
+    events?: VelcronOnPressEvent;
+    direction?: VelcronBindableProp<"row" | "row-reverse">;
+    absolute?: VelcronSpacing;
+    hideOverflow?: boolean;
+    wrap?: boolean;
+    gapX?: number | string;
+    gapY?: number | string;
+    alignX?: VelcronHorizontalAlignments;
+    alignY?: VelcronVerticalAlignments;
+    grow?: number | "default";
     width?: number | string;
     minWidth?: number | string;
     height?: number | string;
     minHeight?: number | string;
 }
+export interface VelcronFlexColumnDefinition extends VelcronDefinition, VelcronColorStyling {
+    type: "column";
+    events?: VelcronOnPressEvent;
+    grow?: number;
+    alignY?: VelcronVerticalAlignments;
+    absolute?: VelcronSpacing;
+    width?: number | string;
+    minWidth?: number | string;
+}
 export interface VelcronCardDefinition extends VelcronDefinition, VelcronColorStyling {
     type: "card";
     style?: VelcronCardStyling;
@@ -215,22 +176,34 @@ export interface VelcronTextDefinition extends VelcronDefinitionWithEditMode, Ve
 }
 export declare enum VelcronImageRatios {
     square = "square",
-    landscape = "landscapre"
+    landscape = "landscape"
 }
 export interface VelcronImageDefinition extends VelcronDefinition {
     type: "image";
-    source: string;
-    ratio: VelcronImageRatios | string;
+    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";
     text: string;
     icon?: VelcronIcon;
     disabled?: boolean;
     events?: VelcronOnPressEvent;
+    size?: string;
 }
 export interface VelcronTextInputDefinition extends VelcronDefinition {
     type: "text-input";
@@ -270,7 +243,10 @@ export interface VelcronDimensions {
     left: number | string;
 }
 export interface VelcronBorder extends VelcronDimensions {
-    color: string;
+    colorType?: string;
+    toned?: boolean;
+    opacity?: number;
+    width?: number;
 }
 export interface VelcronChipDefinition extends VelcronDefinition {
     type: "chip";
@@ -279,9 +255,43 @@ export interface VelcronChipDefinition extends VelcronDefinition {
     disabled?: boolean;
     events?: VelcronOnPressEvent;
 }
-export type VelcronCustomComponentDefinition = VelcronComponentDefinition;
+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 VelcronRenderProps<TDefinition> = {
     definition: TDefinition;
     renderContext: VelcronRenderContext;
 };
-export {};
+export type VelcronAppRendererProps = VelcronRenderProps<VelcronAppDefinition> & {
+    rootApp: boolean;
+};

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

@@ -4,5 +4,5 @@ exports.VelcronImageRatios = void 0;
 var VelcronImageRatios;
 (function (VelcronImageRatios) {
     VelcronImageRatios["square"] = "square";
-    VelcronImageRatios["landscape"] = "landscapre";
-})(VelcronImageRatios = exports.VelcronImageRatios || (exports.VelcronImageRatios = {}));
+    VelcronImageRatios["landscape"] = "landscape";
+})(VelcronImageRatios || (exports.VelcronImageRatios = VelcronImageRatios = {}));