@omnia/velcron 8.0.162-dev → 8.0.163-dev

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

@@ -61,10 +61,11 @@ export interface VelcronComponentDefinition extends VelcronDefinition {
 }
 export type VelcronCustomComponentDefinition = VelcronComponentDefinition;
 export type BuiltInPropertyEditorType = "text" | "slider" | "switch" | "alignment" | "color" | "markdown" | "icon" | "image" | "typography" | "spacing" | "color-schema-type" | "container" | "reference";
-export interface VelcronStateEditor<TSettings = any> {
+export interface VelcronEditor<TSettings = any> {
     name?: string;
     icon?: IFontAwesomeIcon;
     category?: string;
+    locations?: ("inline" | "pane" | "menu")[];
     type: BuiltInPropertyEditorType | string;
     settings?: TSettings;
     stateMapping?: string;
@@ -82,7 +83,7 @@ export interface VelcronAppDefinition<TState extends DynamicState = DynamicState
         [name: string]: Array<string>;
     };
     components?: Array<VelcronCustomComponentDefinition>;
-    editors?: Array<VelcronStateEditor>;
+    editors?: Array<VelcronEditor>;
     state?: TState;
     computed?: {
         [name: string]: Array<string>;

package/models/VelcronDefinitions.d.ts

@@ -1,4 +1,4 @@
-import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future, TextBlueprint, VelcronBindableProp, ContainerBlueprint, BackgroundDefinition, VelcronStateEditor } from "@omnia/velcron/internal-do-not-import-from-here/shared/models";
+import { VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnCloseRequestedEvent, VelcronOnPressEvent, VelcronSpacing, VelcronStyling, VelcronCustomComponentDefinition, VelcronAppDefinition, VelcronRendererResolverReference, EventHook, Future, TextBlueprint, VelcronBindableProp, ContainerBlueprint, BackgroundDefinition, VelcronEditor } from "@omnia/velcron/internal-do-not-import-from-here/shared/models";
 import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
 import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronVerticalAlignments } from "./Enums";
 import { DynamicState, VelcronDefinition, useVelcronThemingStore } from "..";
@@ -295,9 +295,9 @@ export interface VelcronSlidePanelDefinition extends VelcronDefinition {
     style?: VelcronCardStyling;
     events?: VelcronOnPressEvent;
 }
-export interface VelcronEditorDefinition extends VelcronDefinition {
+export interface VelcronEditorRendererDefinition extends VelcronDefinition {
     type: "editor";
-    editor: VelcronStateEditor;
+    editor: VelcronEditor;
     value: VelcronBindableProp<string>;
     events?: VelcronOnUpdatedEvent;
 }
@@ -326,7 +326,7 @@ export interface VelcronSlotDefinition extends VelcronDefinition {
 }
 export interface VelcronReferenceDefinition extends VelcronDefinition {
     type: "reference";
-    to: VelcronRendererResolverReference;
+    to: VelcronBindableProp<VelcronRendererResolverReference>;
     state: string;
 }
 export interface VelcronPropertyDefinition extends VelcronDefinitionWithEditMode {

package/models/VelcronPropertyEditorDefinitions.d.ts

@@ -1,7 +1,6 @@
-import { BuiltInPropertyEditorType, TextBlueprint, TypographySize, TypographyType, VelcronSpacing, VelcronStateEditor } from "@omnia/velcron/internal-do-not-import-from-here/shared/models";
-import { VelcronImageRatios } from "./VelcronDefinitions";
+import { BuiltInPropertyEditorType, TypographyType, VelcronEditor } from "@omnia/velcron/internal-do-not-import-from-here/shared/models";
 export interface ResolvedPropertyEditor {
-    editor: VelcronStateEditor;
+    editor: VelcronEditor;
 }
 export type BuiltInPropertyEditorMap = {
     [key in BuiltInPropertyEditorType]: unknown;
@@ -24,240 +23,45 @@ export interface VelcronTextEditorSettings {
     type: TypographyType;
     placeholder: string;
 }
-export interface VelcronSliderPropertyEditor extends VelcronStateEditor<VelcronSliderPropertyEditorSettings> {
+export interface VelcronSliderPropertyEditor extends VelcronEditor<VelcronSliderPropertyEditorSettings> {
     type: "slider";
 }
-export interface VelcronTextPropertyEditor extends VelcronStateEditor<VelcronTextEditorSettings> {
+export interface VelcronTextPropertyEditor extends VelcronEditor<VelcronTextEditorSettings> {
     type: "text";
 }
-export interface VelcronEnterprisePropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronEnterprisePropertyEditor extends VelcronEditor<any> {
     type: "enterprise-property";
 }
-export interface VelcronTypographyPropertyEditor extends VelcronStateEditor<VelcronTypographyEditorSettings> {
+export interface VelcronTypographyPropertyEditor extends VelcronEditor<VelcronTypographyEditorSettings> {
     type: "typography";
 }
-export interface VelcronContainerPropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronContainerPropertyEditor extends VelcronEditor<any> {
     type: "container";
 }
-export interface VelcronSwitchPropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronSwitchPropertyEditor extends VelcronEditor<any> {
     type: "switch";
 }
-export interface VelcronAlignmentPropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronAlignmentPropertyEditor extends VelcronEditor<any> {
     type: "alignment";
 }
-export interface VelcronColorPropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronColorPropertyEditor extends VelcronEditor<any> {
     type: "color";
 }
-export interface VelcronColorSchemaPropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronColorSchemaPropertyEditor extends VelcronEditor<any> {
     type: "color-schema-type";
 }
-export interface VelcronIconPropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronIconPropertyEditor extends VelcronEditor<any> {
     type: "icon";
 }
-export interface VelcronMarkdownPropertyEditor extends VelcronStateEditor<VelcronMarkdownEditorSettings> {
+export interface VelcronMarkdownPropertyEditor extends VelcronEditor<VelcronMarkdownEditorSettings> {
     type: "markdown";
 }
-export interface VelcronImagePropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronImagePropertyEditor extends VelcronEditor<any> {
     type: "image";
 }
-export interface VelcronSpacingPropertyEditor extends VelcronStateEditor<VelcronSpacingEditorSettings> {
+export interface VelcronSpacingPropertyEditor extends VelcronEditor<VelcronSpacingEditorSettings> {
     type: "spacing";
 }
-export interface VelcronReferencePropertyEditor extends VelcronStateEditor<any> {
+export interface VelcronReferencePropertyEditor extends VelcronEditor<any> {
     type: "reference";
 }
-export interface VelcronState {
-    images?: VelcronImagesState;
-    styling?: VelcronStylingState;
-    colorSchemas?: VelcronColorSchemasState;
-    content?: VelcronContentState;
-    header?: VelcronHeaderState;
-    properties?: VelcronPropertiesState;
-    spacing?: VelcronSpacingState;
-}
-export interface VelcronSpacingState {
-    chrome?: VelcronSpacing;
-}
-export interface VelcronHeaderState {
-    title?: VelcronTextState;
-    icon?: string;
-}
-export interface VelcronTextState {
-    text?: string;
-    placeholder?: string;
-    typography?: VelcronTypographyState;
-}
-export interface VelcronTypographyState {
-    type?: TypographyType;
-    size?: TypographySize;
-    toned?: boolean;
-}
-export interface VelcronContentState {
-    caption?: VelcronTextState;
-    main?: VelcronTextState;
-    title?: VelcronTextState;
-    summary?: VelcronTextState;
-}
-export interface VelcronPropertiesState {
-    user: any;
-    mappings: Array<any>;
-}
-export interface VelcronImagesState {
-    main?: VelcronImageState;
-    alt1?: VelcronImageState;
-    alt2?: VelcronImageState;
-}
-export interface VelcronImageState {
-    url?: string;
-    ratio?: VelcronImageRatios;
-    caption?: VelcronTextState;
-    width?: number;
-    height?: number;
-}
-export interface VelcronStylingState {
-}
-export interface VelcronColorSchemasState {
-    main: string;
-}
-export declare const VelcronImagesStateBinding: {
-    main: {
-        editor: string;
-        url: string;
-        ratio: string;
-        caption: string;
-        width: string;
-        height: string;
-    };
-    alt1: {
-        editor: string;
-        url: string;
-        ratio: string;
-        caption: string;
-        width: string;
-        height: string;
-    };
-    alt2: {
-        editor: string;
-        url: string;
-        ratio: string;
-        caption: string;
-        width: string;
-        height: string;
-    };
-};
-export declare const VelcronHeaderStateBinding: {
-    title: {
-        text: string;
-        placeholder: string;
-        blueprint: import("@omnia/velcron/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-    };
-    icon: string;
-};
-export declare const VelcronContentStateBinding: {
-    title: {
-        text: string;
-        placeholder: string;
-        blueprint: import("@omnia/velcron/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-    };
-    main: {
-        text: string;
-        placeholder: string;
-        blueprint: import("@omnia/velcron/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-    };
-    caption: {
-        text: string;
-        placeholder: string;
-        blueprint: import("@omnia/velcron/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-    };
-    summary: {
-        text: string;
-        placeholder: string;
-        blueprint: import("@omnia/velcron/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-    };
-};
-export declare const VelcronColorSchemasStateBinding: {
-    main: {
-        type: string;
-        filled: string;
-    };
-};
-export declare const VelcronSpacingStateBinding: {
-    chrome: {
-        top: string;
-        right: string;
-        bottom: string;
-        left: string;
-    };
-};
-export declare const VelcronStateBinding: {
-    colorSchemas: {
-        main: {
-            type: string;
-            filled: string;
-        };
-    };
-    images: {
-        main: {
-            editor: string;
-            url: string;
-            ratio: string;
-            caption: string;
-            width: string;
-            height: string;
-        };
-        alt1: {
-            editor: string;
-            url: string;
-            ratio: string;
-            caption: string;
-            width: string;
-            height: string;
-        };
-        alt2: {
-            editor: string;
-            url: string;
-            ratio: string;
-            caption: string;
-            width: string;
-            height: string;
-        };
-    };
-    content: {
-        title: {
-            text: string;
-            placeholder: string;
-            blueprint: import("@omnia/velcron/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-        };
-        main: {
-            text: string;
-            placeholder: string;
-            blueprint: import("@omnia/velcron/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-        };
-        caption: {
-            text: string;
-            placeholder: string;
-            blueprint: import("@omnia/velcron/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-        };
-        summary: {
-            text: string;
-            placeholder: string;
-            blueprint: import("@omnia/velcron/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-        };
-    };
-    header: {
-        title: {
-            text: string;
-            placeholder: string;
-            blueprint: import("@omnia/velcron/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
-        };
-        icon: string;
-    };
-    spacing: {
-        chrome: {
-            top: string;
-            right: string;
-            bottom: string;
-            left: string;
-        };
-    };
-};

package/models/VelcronPropertyEditorDefinitions.js

@@ -1,89 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VelcronStateBinding = exports.VelcronSpacingStateBinding = exports.VelcronColorSchemasStateBinding = exports.VelcronContentStateBinding = exports.VelcronHeaderStateBinding = exports.VelcronImagesStateBinding = void 0;
-const models_1 = require("@omnia/velcron/internal-do-not-import-from-here/shared/models");
-exports.VelcronImagesStateBinding = {
-    main: {
-        editor: "{{images.main.url}}",
-        url: "{{images.main.url}}",
-        ratio: "{{images.main.ratio}}",
-        caption: "{{images.main.caption}}",
-        width: "{{images.main.width}}",
-        height: "{{images.main.height}}",
-    },
-    alt1: {
-        editor: "{{images.alt1.url}}",
-        url: "{{images.alt1.url}}",
-        ratio: "{{images.alt1.ratio}}",
-        caption: "{{images.alt1.caption}}",
-        width: "{{images.alt1.width}}",
-        height: "{{images.alt1.height}}",
-    },
-    alt2: {
-        editor: "{{images.alt2.url}}",
-        url: "{{images.alt2.url}}",
-        ratio: "{{images.alt2.ratio}}",
-        caption: "{{images.alt2.caption}}",
-        width: "{{images.alt2.width}}",
-        height: "{{images.alt2.height}}",
-    },
-};
-exports.VelcronHeaderStateBinding = {
-    title: {
-        text: (0, models_1.velcronBind)("header.title.text"),
-        placeholder: (0, models_1.velcronBind)("header.title.placeholder"),
-        blueprint: (0, models_1.velcronBind)("content.title.blueprint")
-    },
-    icon: (0, models_1.velcronBind)("header.icon")
-};
-exports.VelcronContentStateBinding = {
-    title: {
-        text: (0, models_1.velcronBind)("content.title.text"),
-        placeholder: (0, models_1.velcronBind)("content.title.placeholder"),
-        blueprint: (0, models_1.velcronBind)("content.title.blueprint")
-    },
-    main: {
-        text: (0, models_1.velcronBind)("content.main.text"),
-        placeholder: (0, models_1.velcronBind)("content.main.placeholder"),
-        blueprint: (0, models_1.velcronBind)("content.main.blueprint")
-    },
-    caption: {
-        text: (0, models_1.velcronBind)("content.caption.text"),
-        placeholder: (0, models_1.velcronBind)("content.caption.placeholder"),
-        blueprint: (0, models_1.velcronBind)("content.caption.blueprint")
-    },
-    summary: {
-        text: (0, models_1.velcronBind)("content.summary.text"),
-        placeholder: (0, models_1.velcronBind)("content.summary.placeholder"),
-        blueprint: (0, models_1.velcronBind)("content.summary.blueprint")
-    },
-};
-exports.VelcronColorSchemasStateBinding = {
-    main: {
-        type: (0, models_1.velcronBind)("colorSchemas.main.type"),
-        filled: (0, models_1.velcronBind)("colorSchemas.main.filled")
-    }
-};
-exports.VelcronSpacingStateBinding = {
-    chrome: {
-        "top": "{{spacing.chrome.top}}",
-        "right": "{{spacing.chrome.right}}",
-        "bottom": "{{spacing.chrome.bottom}}",
-        "left": "{{spacing.chrome.left}}",
-    }
-};
-// export interface VelcronSpacingState {
-//     chrome?: VelcronDimensionState 
-// }
-// export interface VelcronDimensionState {
-//     margin?: VelcronSpacing;
-//     padding?: VelcronSpacing;
-// } 
-exports.VelcronStateBinding = {
-    colorSchemas: exports.VelcronColorSchemasStateBinding,
-    images: exports.VelcronImagesStateBinding,
-    content: exports.VelcronContentStateBinding,
-    header: exports.VelcronHeaderStateBinding,
-    spacing: exports.VelcronSpacingStateBinding
-    //properties?:VelcronPropertiesState,    
-};

package/models/VelcronState.d.ts

@@ -0,0 +1,201 @@
+import { TextBlueprint, TypographySize, TypographyType, VelcronSpacing } from "@omnia/velcron/internal-do-not-import-from-here/shared/models";
+import { VelcronImageRatios } from "./VelcronDefinitions";
+export interface VelcronState {
+    images?: VelcronImagesState;
+    styling?: VelcronStylingState;
+    colorSchemas?: VelcronColorSchemasState;
+    content?: VelcronContentState;
+    header?: VelcronHeaderState;
+    properties?: VelcronPropertiesState;
+    spacing?: VelcronSpacingState;
+}
+export interface VelcronSpacingState {
+    container?: VelcronSpacing;
+}
+export interface VelcronHeaderState {
+    title?: VelcronTextState;
+    icon?: string;
+}
+export interface VelcronTextState {
+    text?: string;
+    placeholder?: string;
+    typography?: VelcronTypographyState;
+}
+export interface VelcronTypographyState {
+    type?: TypographyType;
+    size?: TypographySize;
+    toned?: boolean;
+}
+export interface VelcronContentState {
+    caption?: VelcronTextState;
+    main?: VelcronTextState;
+    title?: VelcronTextState;
+    summary?: VelcronTextState;
+}
+export interface VelcronPropertiesState {
+    user: any;
+    mappings: Array<any>;
+}
+export interface VelcronImagesState {
+    main?: VelcronImageState;
+    alt1?: VelcronImageState;
+    alt2?: VelcronImageState;
+}
+export interface VelcronImageState {
+    url?: string;
+    ratio?: VelcronImageRatios;
+    caption?: VelcronTextState;
+    width?: number;
+    height?: number;
+}
+export interface VelcronStylingState {
+}
+export interface VelcronColorSchemasState {
+    main: string;
+}
+export declare const VelcronImagesStateBinding: {
+    main: {
+        editor: string;
+        url: string;
+        ratio: string;
+        caption: string;
+        width: string;
+        height: string;
+    };
+    alt1: {
+        editor: string;
+        url: string;
+        ratio: string;
+        caption: string;
+        width: string;
+        height: string;
+    };
+    alt2: {
+        editor: string;
+        url: string;
+        ratio: string;
+        caption: string;
+        width: string;
+        height: string;
+    };
+};
+export declare const VelcronHeaderStateBinding: {
+    title: {
+        text: string;
+        placeholder: string;
+        blueprint: import("@omnia/velcron/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
+    };
+    icon: string;
+};
+export declare const VelcronContentStateBinding: {
+    title: {
+        text: string;
+        placeholder: string;
+        blueprint: import("@omnia/velcron/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
+    };
+    main: {
+        text: string;
+        placeholder: string;
+        blueprint: import("@omnia/velcron/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
+    };
+    caption: {
+        text: string;
+        placeholder: string;
+        blueprint: import("@omnia/velcron/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
+    };
+    summary: {
+        text: string;
+        placeholder: string;
+        blueprint: import("@omnia/velcron/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
+    };
+};
+export declare const VelcronColorSchemasStateBinding: {
+    main: {
+        value: string;
+        type: string;
+        filled: string;
+    };
+};
+export declare const VelcronSpacingStateBinding: {
+    container: {
+        value: string;
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+    };
+};
+export declare const VelcronStateBinding: {
+    colorSchemas: {
+        main: {
+            value: string;
+            type: string;
+            filled: string;
+        };
+    };
+    images: {
+        main: {
+            editor: string;
+            url: string;
+            ratio: string;
+            caption: string;
+            width: string;
+            height: string;
+        };
+        alt1: {
+            editor: string;
+            url: string;
+            ratio: string;
+            caption: string;
+            width: string;
+            height: string;
+        };
+        alt2: {
+            editor: string;
+            url: string;
+            ratio: string;
+            caption: string;
+            width: string;
+            height: string;
+        };
+    };
+    content: {
+        title: {
+            text: string;
+            placeholder: string;
+            blueprint: import("@omnia/velcron/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
+        };
+        main: {
+            text: string;
+            placeholder: string;
+            blueprint: import("@omnia/velcron/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
+        };
+        caption: {
+            text: string;
+            placeholder: string;
+            blueprint: import("@omnia/velcron/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
+        };
+        summary: {
+            text: string;
+            placeholder: string;
+            blueprint: import("@omnia/velcron/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
+        };
+    };
+    header: {
+        title: {
+            text: string;
+            placeholder: string;
+            blueprint: import("@omnia/velcron/internal-do-not-import-from-here/shared/models").VelcronBindableProp<TextBlueprint>;
+        };
+        icon: string;
+    };
+    spacing: {
+        container: {
+            value: string;
+            top: string;
+            right: string;
+            bottom: string;
+            left: string;
+        };
+    };
+};

package/models/VelcronState.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VelcronStateBinding = exports.VelcronSpacingStateBinding = exports.VelcronColorSchemasStateBinding = exports.VelcronContentStateBinding = exports.VelcronHeaderStateBinding = exports.VelcronImagesStateBinding = void 0;
+const models_1 = require("@omnia/velcron/internal-do-not-import-from-here/shared/models");
+exports.VelcronImagesStateBinding = {
+    main: {
+        editor: "{{images.main.url}}",
+        url: "{{images.main.url}}",
+        ratio: "{{images.main.ratio}}",
+        caption: "{{images.main.caption}}",
+        width: "{{images.main.width}}",
+        height: "{{images.main.height}}",
+    },
+    alt1: {
+        editor: "{{images.alt1.url}}",
+        url: "{{images.alt1.url}}",
+        ratio: "{{images.alt1.ratio}}",
+        caption: "{{images.alt1.caption}}",
+        width: "{{images.alt1.width}}",
+        height: "{{images.alt1.height}}",
+    },
+    alt2: {
+        editor: "{{images.alt2.url}}",
+        url: "{{images.alt2.url}}",
+        ratio: "{{images.alt2.ratio}}",
+        caption: "{{images.alt2.caption}}",
+        width: "{{images.alt2.width}}",
+        height: "{{images.alt2.height}}",
+    },
+};
+exports.VelcronHeaderStateBinding = {
+    title: {
+        text: (0, models_1.velcronBind)("header.title.text"),
+        placeholder: (0, models_1.velcronBind)("header.title.placeholder"),
+        blueprint: (0, models_1.velcronBind)("content.title.blueprint")
+    },
+    icon: (0, models_1.velcronBind)("header.icon")
+};
+exports.VelcronContentStateBinding = {
+    title: {
+        text: (0, models_1.velcronBind)("content.title.text"),
+        placeholder: (0, models_1.velcronBind)("content.title.placeholder"),
+        blueprint: (0, models_1.velcronBind)("content.title.blueprint")
+    },
+    main: {
+        text: (0, models_1.velcronBind)("content.main.text"),
+        placeholder: (0, models_1.velcronBind)("content.main.placeholder"),
+        blueprint: (0, models_1.velcronBind)("content.main.blueprint")
+    },
+    caption: {
+        text: (0, models_1.velcronBind)("content.caption.text"),
+        placeholder: (0, models_1.velcronBind)("content.caption.placeholder"),
+        blueprint: (0, models_1.velcronBind)("content.caption.blueprint")
+    },
+    summary: {
+        text: (0, models_1.velcronBind)("content.summary.text"),
+        placeholder: (0, models_1.velcronBind)("content.summary.placeholder"),
+        blueprint: (0, models_1.velcronBind)("content.summary.blueprint")
+    },
+};
+exports.VelcronColorSchemasStateBinding = {
+    main: {
+        value: (0, models_1.velcronBind)("colorSchemas.main"),
+        type: (0, models_1.velcronBind)("colorSchemas.main.type"),
+        filled: (0, models_1.velcronBind)("colorSchemas.main.filled")
+    }
+};
+exports.VelcronSpacingStateBinding = {
+    container: {
+        value: (0, models_1.velcronBind)("spacing.chrome"),
+        top: (0, models_1.velcronBind)("{{spacing.chrome.top}}"),
+        right: (0, models_1.velcronBind)("{{spacing.chrome.right}}"),
+        bottom: (0, models_1.velcronBind)("{{spacing.chrome.bottom}}"),
+        left: (0, models_1.velcronBind)("{{spacing.chrome.left}}"),
+    }
+};
+// export interface VelcronSpacingState {
+//     chrome?: VelcronDimensionState 
+// }
+// export interface VelcronDimensionState {
+//     margin?: VelcronSpacing;
+//     padding?: VelcronSpacing;
+// } 
+exports.VelcronStateBinding = {
+    colorSchemas: exports.VelcronColorSchemasStateBinding,
+    images: exports.VelcronImagesStateBinding,
+    content: exports.VelcronContentStateBinding,
+    header: exports.VelcronHeaderStateBinding,
+    spacing: exports.VelcronSpacingStateBinding
+    //properties?:VelcronPropertiesState,    
+};

package/models/index.d.ts

@@ -5,3 +5,4 @@ export * from "./Enums";
 export * from "./VelcronUnitProvider";
 export * from "./VelcronPropertyEditorDefinitions";
 export * from "./ActionHooks";
+export * from "./VelcronState";

package/models/index.js

@@ -8,3 +8,4 @@ tslib_1.__exportStar(require("./Enums"), exports);
 tslib_1.__exportStar(require("./VelcronUnitProvider"), exports);
 tslib_1.__exportStar(require("./VelcronPropertyEditorDefinitions"), exports);
 tslib_1.__exportStar(require("./ActionHooks"), exports);
+tslib_1.__exportStar(require("./VelcronState"), exports);

package/package.json

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

package/parser/VelcronData.d.ts

@@ -5,8 +5,8 @@ export interface ParseResult<T> {
     value: T;
 }
 export declare class VelcronData {
-    static dataBind<T = string>(renderContext: VelcronRenderContext, text: VelcronBindableProp<any>): T;
-    static hasTwoWayBinding(text: string): boolean;
+    static dataBind<T = string>(renderContext: VelcronRenderContext, bindTo: VelcronBindableProp<any>): T;
+    static isBindable<T = string>(bindable: VelcronBindableProp<T>): boolean;
     static getBindPath(text: string): string;
     static addCtxToVariableNames(template: string, skipIfNameStartsWith?: string, skipIfNameMatches?: Array<string>, overridePrefixWhenNameMatches?: {
         [name: string]: string;
@@ -20,12 +20,12 @@ export declare class VelcronData {
     static evaluateArray(template: string, renderContext: VelcronRenderContext): Array<any> | null;
     static evaluateBoolean(template: string | Boolean, renderContext: VelcronRenderContext): boolean | null;
     static tryParseBoolean(bool: any): ParseResult<boolean | null>;
-    static isString(text: any): boolean;
-    static isBoolean(value: any): boolean;
-    static isNumber(value: any): boolean;
+    static isString(text: any): text is string;
+    static isBoolean(value: any): value is boolean;
+    static isNumber(value: any): value is number;
     static isUndefined(value: any): boolean;
     static isArray(obj: any): obj is ExtendArray;
-    static isObject(value: any): boolean;
+    static isObject(value: any): value is object;
     static extendObject(obj: any): any;
     static propertyPathExists(obj: object, path: string): boolean;
     static getOrSetObjectByPath<T>(object: Object, path: string, value?: any): T | null;

package/parser/VelcronData.js

@@ -6,35 +6,38 @@ const VelcronConstants_1 = require("./VelcronConstants");
 const VelcronLogger_1 = require("./VelcronLogger");
 const TextValue_1 = require("./TextValue");
 class VelcronData {
-    static dataBind(renderContext, text) {
-        if (!VelcronData.isString(text)) {
-            return text;
+    static dataBind(renderContext, bindTo) {
+        if (!VelcronData.isString(bindTo)) {
+            return bindTo;
         }
         //Bound to one state property and supports 2 way data binding > $bind: $state.title
-        if (text.startsWith(VelcronConstants_1.VelcronConstants.state.bindToken)) {
-            text = text.substring(VelcronConstants_1.VelcronConstants.state.bindToken.length).trim();
-            return VelcronData.getOrSet(renderContext, text);
+        if (bindTo.startsWith(VelcronConstants_1.VelcronConstants.state.bindToken)) {
+            bindTo = bindTo.substring(VelcronConstants_1.VelcronConstants.state.bindToken.length).trim();
+            return VelcronData.getOrSet(renderContext, bindTo);
         }
         //Built-in context tokens
-        if (text === VelcronConstants_1.VelcronConstants.context.editModeToken) {
+        if (bindTo === VelcronConstants_1.VelcronConstants.context.editModeToken) {
             return renderContext.$editmode;
         }
-        else if (text === VelcronConstants_1.VelcronConstants.context.activeToken) {
+        else if (bindTo === VelcronConstants_1.VelcronConstants.context.activeToken) {
             return renderContext.$active;
         }
         //String interpolation > {{ $state.title }} and {{ $state.description }}
-        const tokens = this.getTokens(text, false);
+        const tokens = this.getTokens(bindTo, false);
         tokens.forEach((token) => {
             let data = this.getOrSet(renderContext, token.replace(/\s*{{\s*|\s*}}\s*/g, ""));
             if (data instanceof TextValue_1.TextValue) {
                 data = data.value;
             }
-            text = text.replace(token, data);
+            bindTo = bindTo.replace(token, data);
         });
-        return text;
+        return bindTo;
     }
-    static hasTwoWayBinding(text) {
-        return text?.startsWith(VelcronConstants_1.VelcronConstants.state.bindToken);
+    static isBindable(bindable) {
+        if (!VelcronData.isString(bindable)) {
+            return false;
+        }
+        return bindable?.startsWith(VelcronConstants_1.VelcronConstants.state.bindToken);
     }
     static getBindPath(text) {
         return text?.substring(VelcronConstants_1.VelcronConstants.state.bindToken.length).trim();

package/rules/IsEditMode.js

@@ -22,7 +22,7 @@ const parser_1 = require("../parser");
  */
 function isEditMode(definition, bindableProp, renderContext) {
     //A bind property must exist for the definition to be editable
-    if (parser_1.VelcronData.hasTwoWayBinding(definition[bindableProp]) === false) {
+    if (parser_1.VelcronData.isBindable(definition[bindableProp]) === false) {
         return false;
     }
     let result = false;

package/templatebuilder/{editor/VelcronEditorBuilder2.d.ts → VelcronEditorBuilder.d.ts}

@@ -1,15 +1,15 @@
-import { TypographyType, VelcronStateEditor, VelcronTypographyEditorSettings } from "@omnia/fx-models";
-export declare class VelcronEditorBuilder2 {
+import { TypographyType, VelcronEditor, VelcronTypographyEditorSettings } from "@omnia/fx-models";
+export declare class VelcronEditorBuilder {
     private editors;
     private formatStateMapping;
     add(): {
-        spacingEditor: (name: string, stateMapping: string, individualSelection?: boolean) => VelcronEditorBuilder2;
-        imageEditor: (name: string, stateMapping: string) => VelcronEditorBuilder2;
-        colorSchemaEditor: (name: string, stateMapping: string) => VelcronEditorBuilder2;
-        markdownEditor: (name: string, stateMapping: string, placeholder?: string) => VelcronEditorBuilder2;
-        textEditor: (name: string, stateMapping: string, typographyType: TypographyType, placeholder?: string) => VelcronEditorBuilder2;
-        blockHeaderEditor: () => VelcronEditorBuilder2;
-        typographyEditor: (stateMapping: string, settings: VelcronTypographyEditorSettings) => VelcronEditorBuilder2;
+        spacingEditor: (name: string, stateMapping: string, individualSelection?: boolean) => VelcronEditorBuilder;
+        imageEditor: (name: string, stateMapping: string) => VelcronEditorBuilder;
+        colorSchemaEditor: (name: string, stateMapping: string) => VelcronEditorBuilder;
+        markdownEditor: (name: string, stateMapping: string, placeholder?: string) => VelcronEditorBuilder;
+        textEditor: (name: string, stateMapping: string, typographyType: TypographyType, placeholder?: string) => VelcronEditorBuilder;
+        blockHeaderEditor: () => VelcronEditorBuilder;
+        typographyEditor: (stateMapping: string, settings: VelcronTypographyEditorSettings) => VelcronEditorBuilder;
     };
-    build(): VelcronStateEditor<any>[];
+    build(): VelcronEditor<any>[];
 }

package/templatebuilder/{editor/VelcronEditorBuilder2.js → VelcronEditorBuilder.js}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VelcronEditorBuilder2 = void 0;
-class VelcronEditorBuilder2 {
+exports.VelcronEditorBuilder = void 0;
+class VelcronEditorBuilder {
     constructor() {
         this.editors = [];
     }
@@ -102,4 +102,4 @@ class VelcronEditorBuilder2 {
         // return result;
     }
 }
-exports.VelcronEditorBuilder2 = VelcronEditorBuilder2;
+exports.VelcronEditorBuilder = VelcronEditorBuilder;

package/templatebuilder/{editor → old/editor}/VelcronColorSchemaEditor.d.ts

@@ -1,9 +1,9 @@
-import { VelcronStateEditor } from "@omnia/fx-models";
+import { VelcronEditor } from "@omnia/fx-models";
 import { VelcronEditorBuilder } from "./VelcronEditorBuilder";
 import { VelcronEditorBuilderBase } from "./VelcronEditorBuilderBase";
 export declare class VelcronColorSchemaEditorBuilder extends VelcronEditorBuilderBase {
     private editor;
     constructor(builder: any);
     add(): VelcronEditorBuilder;
-    protected internalBuild(): VelcronStateEditor<any>[];
+    protected internalBuild(): VelcronEditor<any>[];
 }

package/templatebuilder/{editor → old/editor}/VelcronContentEditor.d.ts

@@ -1,4 +1,4 @@
-import { VelcronStateEditor } from "@omnia/fx-models";
+import { VelcronEditor } from "@omnia/fx-models";
 import { VelcronEditorBuilderBase } from "./VelcronEditorBuilderBase";
 export declare class VelcronContentEditorBuilder extends VelcronEditorBuilderBase {
     private mainEditor;
@@ -34,5 +34,5 @@ export declare class VelcronContentEditorBuilder extends VelcronEditorBuilderBas
         addPropertyMappingEditor: (title?: string) => VelcronContentEditorBuilder;
         addTypographyEditor: (title?: string, type?: "text" | "title") => VelcronContentEditorBuilder;
     };
-    protected internalBuild(): VelcronStateEditor<any>[];
+    protected internalBuild(): VelcronEditor<any>[];
 }

package/templatebuilder/{editor → old/editor}/VelcronEditorBuilder.d.ts

@@ -1,4 +1,4 @@
-import { VelcronStateEditor } from "@omnia/fx-models";
+import { VelcronEditor } from "@omnia/fx-models";
 import { VelcronContentEditorBuilder } from "./VelcronContentEditor";
 import { VelcronColorSchemaEditorBuilder } from "./VelcronColorSchemaEditor";
 import { VelcronImageEditorBuilder } from "./VelcronImageEditor";
@@ -12,5 +12,5 @@ export declare class VelcronEditorBuilder {
     colorSchemaType(): VelcronColorSchemaEditorBuilder;
     image(): VelcronImageEditorBuilder;
     properties(): VelcronPropertyMappingEditorBuilder;
-    build(): VelcronStateEditor<any>[];
+    build(): VelcronEditor<any>[];
 }

package/templatebuilder/{editor → old/editor}/VelcronEditorBuilderBase.d.ts

@@ -1,9 +1,9 @@
-import { VelcronStateEditor } from "@omnia/fx-models";
+import { VelcronEditor } from "@omnia/fx-models";
 import { VelcronEditorBuilder } from "./VelcronEditorBuilder";
 export declare abstract class VelcronEditorBuilderBase {
     protected builder: VelcronEditorBuilder;
     constructor(builder: VelcronEditorBuilder);
     done(): VelcronEditorBuilder;
-    build(): VelcronStateEditor<any>[];
-    protected abstract internalBuild(): Array<VelcronStateEditor>;
+    build(): VelcronEditor<any>[];
+    protected abstract internalBuild(): Array<VelcronEditor>;
 }

package/templatebuilder/{editor → old/editor}/VelcronImageEditor.d.ts

@@ -1,4 +1,4 @@
-import { VelcronStateEditor } from "@omnia/fx-models";
+import { VelcronEditor } from "@omnia/fx-models";
 import { VelcronEditorBuilder } from "./VelcronEditorBuilder";
 import { VelcronEditorBuilderBase } from "./VelcronEditorBuilderBase";
 export declare class VelcronImageEditorBuilder extends VelcronEditorBuilderBase {
@@ -7,5 +7,5 @@ export declare class VelcronImageEditorBuilder extends VelcronEditorBuilderBase
     main: {
         add: () => VelcronEditorBuilder;
     };
-    protected internalBuild(): VelcronStateEditor<any>[];
+    protected internalBuild(): VelcronEditor<any>[];
 }

package/templatebuilder/{editor → old/editor}/VelcronPropertyMappingEditorBuilder.d.ts

@@ -1,9 +1,9 @@
-import { VelcronStateEditor } from "@omnia/fx-models";
+import { VelcronEditor } from "@omnia/fx-models";
 import { VelcronEditorBuilder } from "./VelcronEditorBuilder";
 import { VelcronEditorBuilderBase } from "./VelcronEditorBuilderBase";
 export declare class VelcronPropertyMappingEditorBuilder extends VelcronEditorBuilderBase {
     private editor;
     constructor(builder: any);
     add(): VelcronEditorBuilder;
-    protected internalBuild(): VelcronStateEditor<any>[];
+    protected internalBuild(): VelcronEditor<any>[];
 }

package/templatebuilder/useVelcronEditorBuilder.d.ts

@@ -1,2 +1,2 @@
-import { VelcronEditorBuilder2 } from "./editor/VelcronEditorBuilder2";
-export declare function useVelcronEditorBuilder(): VelcronEditorBuilder2;
+import { VelcronEditorBuilder } from "./VelcronEditorBuilder";
+export declare function useVelcronEditorBuilder(): VelcronEditorBuilder;

package/templatebuilder/useVelcronEditorBuilder.js

@@ -2,8 +2,8 @@
 // import { VelcronContentState,  VelcronImagePropertyEditor,  VelcronImageRatios, VelcronImageState, VelcronMarkdownPropertyEditor, VelcronTextPropertyEditor} from "@omnia/fx-models";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useVelcronEditorBuilder = void 0;
-const VelcronEditorBuilder2_1 = require("./editor/VelcronEditorBuilder2");
+const VelcronEditorBuilder_1 = require("./VelcronEditorBuilder");
 function useVelcronEditorBuilder() {
-    return new VelcronEditorBuilder2_1.VelcronEditorBuilder2();
+    return new VelcronEditorBuilder_1.VelcronEditorBuilder();
 }
 exports.useVelcronEditorBuilder = useVelcronEditorBuilder;

package/templatebuilder/useVelcronTemplateBuilder.d.ts

@@ -1,6 +1,6 @@
-import { VelcronEditorBuilder } from "./editor/VelcronEditorBuilder";
-import { VelcronStateBuilder } from "./state/VelcronStateBuilder";
-export declare function useVelcronTemplateBuilder(): {
+import { VelcronEditorBuilder } from "./old/editor/VelcronEditorBuilder";
+import { VelcronStateBuilder } from "./old/state/VelcronStateBuilder";
+export declare function useOldVelcronTemplateBuilder(): {
     state: VelcronStateBuilder;
     editor: VelcronEditorBuilder;
 };

package/templatebuilder/useVelcronTemplateBuilder.js

@@ -1,13 +1,13 @@
 "use strict";
 // import { VelcronContentState,  VelcronImagePropertyEditor,  VelcronImageRatios, VelcronImageState, VelcronMarkdownPropertyEditor, VelcronTextPropertyEditor} from "@omnia/fx-models";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useVelcronTemplateBuilder = void 0;
-const VelcronEditorBuilder_1 = require("./editor/VelcronEditorBuilder");
-const VelcronStateBuilder_1 = require("./state/VelcronStateBuilder");
-function useVelcronTemplateBuilder() {
+exports.useOldVelcronTemplateBuilder = void 0;
+const VelcronEditorBuilder_1 = require("./old/editor/VelcronEditorBuilder");
+const VelcronStateBuilder_1 = require("./old/state/VelcronStateBuilder");
+function useOldVelcronTemplateBuilder() {
     return {
         state: new VelcronStateBuilder_1.VelcronStateBuilder(),
         editor: new VelcronEditorBuilder_1.VelcronEditorBuilder()
     };
 }
-exports.useVelcronTemplateBuilder = useVelcronTemplateBuilder;
+exports.useOldVelcronTemplateBuilder = useOldVelcronTemplateBuilder;