@omnia/velcron 8.0.151-dev → 8.0.152-dev

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

@@ -1,4 +1,4 @@
-import { BackgroundDefinition, BlueprintsReference, ColorSchemaType, ColorValue, FillDefinition } from "./ThemeDefinitionV2";
+import { BackgroundDefinition, BlueprintsReference, ColorSchemaType, ColorValue, FillDefinition, FillDefinitionValue } from "./ThemeDefinitionV2";
 import { SpacingDefinition, Spacing } from "./Spacing";
 import { TypographyValue } from "./Typography";
 export interface BoxDimensions extends Spacing {
@@ -130,7 +130,7 @@ export interface TabsBlueprint extends Blueprint {
     };
 }
 export interface TextBlueprint extends Blueprint {
-    color?: FillDefinition;
+    color?: FillDefinitionValue;
     typography?: TypographyValue;
 }
 export interface IconBlueprint extends Blueprint {

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

@@ -135,6 +135,8 @@ export interface FillDefinition {
     acrylic?: boolean;
     opacity?: number;
 }
+export type FillVariant = "variant1" | "variant2" | "variant3";
+export type FillDefinitionValue = FillVariant | FillDefinition | ColorValue;
 export interface LinearGradientFillDefinition extends FillDefinition {
     degrees: number;
 }

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

@@ -1,4 +1,5 @@
 import { GuidValue } from "../Guid";
+import { FillDefinition } from "./ThemeDefinitionV2";
 export interface TypographyBlueprint {
     name: string;
     font?: {
@@ -6,25 +7,50 @@ export interface TypographyBlueprint {
         family: string;
         cdn?: string;
     };
+    fills?: {
+        variant1?: FillDefinition;
+        variant2?: FillDefinition;
+        variant3?: FillDefinition;
+    };
     title: {
         xl: TypographyDefinition;
         l: TypographyDefinition;
         m: TypographyDefinition;
         s: TypographyDefinition;
         xs: TypographyDefinition;
+        font?: {
+            id: GuidValue;
+            family: string;
+            cdn?: string;
+        };
     };
     text: {
         l: TypographyDefinition;
         m: TypographyDefinition;
         s: TypographyDefinition;
         xs: TypographyDefinition;
+        font?: {
+            id: GuidValue;
+            family: string;
+            cdn?: string;
+        };
     };
     navigation: {
         l: TypographyDefinition;
         m: TypographyDefinition;
+        font?: {
+            id: GuidValue;
+            family: string;
+            cdn?: string;
+        };
     };
     link: {
         m: TypographyDefinition;
+        font?: {
+            id: GuidValue;
+            family: string;
+            cdn?: string;
+        };
     };
 }
 export interface TypographyDefinition {

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

@@ -1,3 +1,4 @@
+import { IFontAwesomeIcon } from "@omnia/fx-models";
 import { DynamicState } from "../DynamicState";
 import { VelcronEvent, VelcronOnEditModeEvent, VelcronOnLoadEvent, VelcronOnPersistingStateEvent, VelcronOnSavingEvent } from "./VelcronEvents";
 /**
@@ -57,9 +58,10 @@ export interface VelcronComponentDefinition extends VelcronDefinition {
     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> {
+export type BuiltInPropertyEditorType = "text" | "slider" | "switch" | "alignment" | "color" | "markdown" | "icon" | "image" | "typography" | "spacing" | "color-schema-type" | "reference";
+export interface VelcronStateEditor<TSettings = any> {
     name?: string;
+    icon?: IFontAwesomeIcon;
     category?: string;
     type: BuiltInPropertyEditorType | string;
     settings?: TSettings;
@@ -78,7 +80,7 @@ export interface VelcronAppDefinition<TState extends DynamicState = DynamicState
         [name: string]: Array<string>;
     };
     components?: Array<VelcronCustomComponentDefinition>;
-    propEditors?: Array<VelcronPropertyEditor>;
+    editors?: Array<VelcronStateEditor>;
     state?: TState;
     computed?: {
         [name: string]: Array<string>;

package/models/VelcronDefinitions.d.ts

@@ -34,6 +34,7 @@ export interface BuiltInComponentRenderers {
     "radio": unknown;
     "rive": unknown;
     "lottie": unknown;
+    "slide-panel": unknown;
 }
 export interface ColorSchemaReference {
     name: string;
@@ -248,9 +249,9 @@ export interface VelcronIconDefinition extends VelcronDefinition, VelcronColorSt
 }
 export interface VelcronMarkdownDefinition extends VelcronDefinitionWithEditMode, VelcronColorStyling, VelcronTextStyling {
     type: "markdown";
-    value: VelcronBindableProp<string>;
-    placeholder: VelcronBindableProp<string>;
-    events: VelcronOnUpdatedEvent;
+    value?: VelcronBindableProp<string>;
+    placeholder?: VelcronBindableProp<string>;
+    events?: VelcronOnUpdatedEvent;
 }
 export interface VelcronRiveDefinition extends VelcronDefinition {
     type: "rive";
@@ -270,6 +271,17 @@ export interface VelcronLottieDefinition extends VelcronDefinition {
     direction?: VelcronBindableProp<"normal" | "reverse">;
     hover?: VelcronBindableProp<boolean>;
 }
+export interface VelcronSlidePanelDefinition extends VelcronDefinition {
+    type: "slide-panel";
+    slidesPerView?: VelcronBindableProp<number>;
+    pagination?: VelcronBindableProp<boolean>;
+    navigation?: VelcronBindableProp<boolean>;
+    scrollbar?: VelcronBindableProp<boolean>;
+    autoplay?: VelcronBindableProp<boolean>;
+    loop?: VelcronBindableProp<boolean>;
+    style?: VelcronCardStyling;
+    events?: VelcronOnPressEvent;
+}
 export interface VelcronDimensions {
     top: number | string;
     right: number | string;

package/models/VelcronPropertyEditorDefinitions.d.ts

@@ -1,34 +1,10 @@
-import { TypographySize, TypographyType, VelcronImageRatios, VelcronPropertyEditor, VelcronSpacing } from "@omnia/fx-models";
+import { TypographySize, TypographyType, VelcronImageRatios, VelcronStateEditor, VelcronSpacing, BuiltInPropertyEditorType } from "@omnia/fx-models";
 export interface ResolvedPropertyEditor {
-    editor: VelcronPropertyEditor;
-}
-export interface BuiltInPropertyEditors {
-    text: unknown;
-    slider: unknown;
-    switch: unknown;
-    alignment: unknown;
-    color: unknown;
-    markdown: unknown;
-    icon: unknown;
-    image: unknown;
-    typography: unknown;
-    spacing: unknown;
-    "color-schema-type": unknown;
-    reference: unknown;
-}
-export declare enum BuiltInPropertyEditorTypes {
-    text = "text",
-    slider = "slider",
-    switch = "switch",
-    alignment = "alignment",
-    color = "color",
-    markdown = "markdown",
-    icon = "icon",
-    image = "image",
-    typography = "typography",
-    spacing = "spacing",
-    "color-schema-type" = "color-schema-type"
+    editor: VelcronStateEditor;
 }
+export type BuiltInPropertyEditorMap = {
+    [key in BuiltInPropertyEditorType]: unknown;
+};
 export interface VelcronSliderPropertyEditorSettings {
     min: number;
     max: number;
@@ -47,43 +23,43 @@ export interface VelcronTextEditorSettings {
     type: TypographyType;
     placeholder: string;
 }
-export interface VelcronSliderPropertyEditor extends VelcronPropertyEditor<VelcronSliderPropertyEditorSettings> {
+export interface VelcronSliderPropertyEditor extends VelcronStateEditor<VelcronSliderPropertyEditorSettings> {
     type: "slider";
 }
-export interface VelcronTextPropertyEditor extends VelcronPropertyEditor<VelcronTextEditorSettings> {
+export interface VelcronTextPropertyEditor extends VelcronStateEditor<VelcronTextEditorSettings> {
     type: "text";
 }
-export interface VelcronEnterprisePropertyEditor extends VelcronPropertyEditor<any> {
+export interface VelcronEnterprisePropertyEditor extends VelcronStateEditor<any> {
     type: "enterprise-property";
 }
-export interface VelcronTypographyPropertyEditor extends VelcronPropertyEditor<VelcronTypographyEditorSettings> {
+export interface VelcronTypographyPropertyEditor extends VelcronStateEditor<VelcronTypographyEditorSettings> {
     type: "typography";
 }
-export interface VelcronSwitchPropertyEditor extends VelcronPropertyEditor<any> {
+export interface VelcronSwitchPropertyEditor extends VelcronStateEditor<any> {
     type: "switch";
 }
-export interface VelcronAlignmentPropertyEditor extends VelcronPropertyEditor<any> {
+export interface VelcronAlignmentPropertyEditor extends VelcronStateEditor<any> {
     type: "alignment";
 }
-export interface VelcronColorPropertyEditor extends VelcronPropertyEditor<any> {
+export interface VelcronColorPropertyEditor extends VelcronStateEditor<any> {
     type: "color";
 }
-export interface VelcronColorSchemaPropertyEditor extends VelcronPropertyEditor<any> {
+export interface VelcronColorSchemaPropertyEditor extends VelcronStateEditor<any> {
     type: "color-schema-type";
 }
-export interface VelcronIconPropertyEditor extends VelcronPropertyEditor<any> {
+export interface VelcronIconPropertyEditor extends VelcronStateEditor<any> {
     type: "icon";
 }
-export interface VelcronMarkdownPropertyEditor extends VelcronPropertyEditor<VelcronMarkdownEditorSettings> {
+export interface VelcronMarkdownPropertyEditor extends VelcronStateEditor<VelcronMarkdownEditorSettings> {
     type: "markdown";
 }
-export interface VelcronImagePropertyEditor extends VelcronPropertyEditor<any> {
+export interface VelcronImagePropertyEditor extends VelcronStateEditor<any> {
     type: "image";
 }
-export interface VelcronSpacingPropertyEditor extends VelcronPropertyEditor<VelcronSpacingEditorSettings> {
+export interface VelcronSpacingPropertyEditor extends VelcronStateEditor<VelcronSpacingEditorSettings> {
     type: "spacing";
 }
-export interface VelcronReferencePropertyEditor extends VelcronPropertyEditor<any> {
+export interface VelcronReferencePropertyEditor extends VelcronStateEditor<any> {
     type: "reference";
 }
 export interface VelcronState {

package/models/VelcronPropertyEditorDefinitions.js

@@ -1,21 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VelcronStateBinding = exports.VelcronSpacingStateBinding = exports.VelcronColorSchemasStateBinding = exports.VelcronContentStateBinding = exports.VelcronHeaderStateBinding = exports.VelcronImagesStateBinding = exports.BuiltInPropertyEditorTypes = void 0;
-// export type BuiltInPropertyEditorType = "text" | "slider" | "switch" | "alignment" | "color" | "markdown" | "icon" | "image" | "typography" | "color-schema-type" | "spacing" ;
-var BuiltInPropertyEditorTypes;
-(function (BuiltInPropertyEditorTypes) {
-    BuiltInPropertyEditorTypes["text"] = "text";
-    BuiltInPropertyEditorTypes["slider"] = "slider";
-    BuiltInPropertyEditorTypes["switch"] = "switch";
-    BuiltInPropertyEditorTypes["alignment"] = "alignment";
-    BuiltInPropertyEditorTypes["color"] = "color";
-    BuiltInPropertyEditorTypes["markdown"] = "markdown";
-    BuiltInPropertyEditorTypes["icon"] = "icon";
-    BuiltInPropertyEditorTypes["image"] = "image";
-    BuiltInPropertyEditorTypes["typography"] = "typography";
-    BuiltInPropertyEditorTypes["spacing"] = "spacing";
-    BuiltInPropertyEditorTypes["color-schema-type"] = "color-schema-type";
-})(BuiltInPropertyEditorTypes || (exports.BuiltInPropertyEditorTypes = BuiltInPropertyEditorTypes = {}));
+exports.VelcronStateBinding = exports.VelcronSpacingStateBinding = exports.VelcronColorSchemasStateBinding = exports.VelcronContentStateBinding = exports.VelcronHeaderStateBinding = exports.VelcronImagesStateBinding = void 0;
+const builtInPropertyEditors = {
+    text: undefined,
+    slider: undefined,
+    switch: undefined,
+    alignment: undefined,
+    color: undefined,
+    markdown: undefined,
+    icon: undefined,
+    image: undefined,
+    typography: undefined,
+    spacing: undefined,
+    "color-schema-type": undefined,
+    reference: undefined,
+};
 exports.VelcronImagesStateBinding = {
     main: {
         editor: "{{images.main.url}}",

package/package.json

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

package/parser/VelcronConstants.d.ts

@@ -23,6 +23,7 @@ export declare const VelcronConstants: {
         reference: string;
         rive: string;
         lottie: string;
+        "slide-panel": string;
     };
     events: {
         idTokenStart: string;

package/parser/VelcronConstants.js

@@ -25,7 +25,8 @@ exports.VelcronConstants = {
         checkbox: "checkbox",
         reference: "reference",
         rive: "rive",
-        lottie: "lottie"
+        lottie: "lottie",
+        "slide-panel": "slide-panel",
     },
     events: {
         idTokenStart: "$ev{",

package/parser/VelcronPropertyEditors.d.ts

@@ -1,9 +1,9 @@
-import { BuiltInPropertyEditors, ResolvedPropertyEditor } from "../models";
+import { BuiltInPropertyEditorMap, ResolvedPropertyEditor } from "../models";
 export declare class VelcronPropertyEditors {
     private static editors;
     static registerEditor(type: string, editor: any): void;
     static hasEditors(): boolean;
     static hasEditor(type: string): any;
-    static registerEditors(editors: BuiltInPropertyEditors): void;
+    static registerEditors(editors: BuiltInPropertyEditorMap): void;
     static getEditor(editor: string): ResolvedPropertyEditor;
 }

package/stores/VelcronColorSchema.d.ts

@@ -8,7 +8,7 @@ export declare const useVelcronColorSchemaStore: (newStateWithName?: string) =>
         onContainer: ColorDefinition;
         isContainer: boolean;
         name: string;
-        colorSchemaType: "info" | "error" | "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "dynamic";
+        colorSchemaType: "primary" | "secondary" | ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "background" | "error" | "info" | "dynamic";
         id: import("@omnia/fx-models").GuidValue;
     };
     get: {

package/templatebuilder/editor/VelcronColorSchemaEditor.d.ts

@@ -1,9 +1,9 @@
-import { VelcronPropertyEditor } from "@omnia/fx-models";
+import { VelcronStateEditor } 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(): VelcronPropertyEditor<any>[];
+    protected internalBuild(): VelcronStateEditor<any>[];
 }

package/templatebuilder/editor/VelcronContentEditor.d.ts

@@ -1,4 +1,4 @@
-import { VelcronPropertyEditor } from "@omnia/fx-models";
+import { VelcronStateEditor } 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(): VelcronPropertyEditor<any>[];
+    protected internalBuild(): VelcronStateEditor<any>[];
 }

package/templatebuilder/editor/VelcronEditorBuilder.d.ts

@@ -1,4 +1,4 @@
-import { VelcronPropertyEditor } from "@omnia/fx-models";
+import { VelcronStateEditor } 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(): VelcronPropertyEditor<any>[];
+    build(): VelcronStateEditor<any>[];
 }

package/templatebuilder/editor/VelcronEditorBuilder2.d.ts

@@ -1,4 +1,4 @@
-import { TypographyType, VelcronPropertyEditor, VelcronTypographyEditorSettings } from "@omnia/fx-models";
+import { TypographyType, VelcronStateEditor, VelcronTypographyEditorSettings } from "@omnia/fx-models";
 export declare class VelcronEditorBuilder2 {
     private editors;
     private formatStateMapping;
@@ -11,5 +11,5 @@ export declare class VelcronEditorBuilder2 {
         blockHeaderEditor: () => VelcronEditorBuilder2;
         typographyEditor: (stateMapping: string, settings: VelcronTypographyEditorSettings) => VelcronEditorBuilder2;
     };
-    build(): VelcronPropertyEditor<any>[];
+    build(): VelcronStateEditor<any>[];
 }

package/templatebuilder/editor/VelcronEditorBuilderBase.d.ts

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

package/templatebuilder/editor/VelcronImageEditor.d.ts

@@ -1,4 +1,4 @@
-import { VelcronPropertyEditor } from "@omnia/fx-models";
+import { VelcronStateEditor } 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(): VelcronPropertyEditor<any>[];
+    protected internalBuild(): VelcronStateEditor<any>[];
 }

package/templatebuilder/editor/VelcronPropertyMappingEditorBuilder.d.ts

@@ -1,9 +1,9 @@
-import { VelcronPropertyEditor } from "@omnia/fx-models";
+import { VelcronStateEditor } 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(): VelcronPropertyEditor<any>[];
+    protected internalBuild(): VelcronStateEditor<any>[];
 }