@omnia/velcron 8.0.288-dev → 8.0.290-dev

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

@@ -75,6 +75,10 @@ export interface ThemeDefinitionV2 extends ThemeDefinitionReference {
     spacing: SpacingBlueprints;
     components: ComponentBlueprints;
 }
+export interface ThemingSetting {
+    adminThemeId?: guid;
+    defaultThemeId?: guid;
+}
 export interface ITemplateRegistration<TTemplateType = any> {
     id: guid;
     template: TTemplateType;

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

@@ -60,7 +60,7 @@ export interface VelcronComponentDefinition extends VelcronDefinition {
     icon?: any;
 }
 export type VelcronCustomComponentDefinition = VelcronComponentDefinition;
-export type BuiltInPropertyEditorType = "text" | "number" | "slider" | "switch" | "alignment" | "color" | "flow" | "icon" | "image" | "typography" | "spacing" | "color-schema-type" | "blueprint" | "background" | "grid" | "reference" | "select" | "property-resolver";
+export type BuiltInPropertyEditorType = "text" | "number" | "slider" | "switch" | "alignment" | "color" | "flow" | "icon" | "image" | "typography" | "spacing" | "color-schema-type" | "blueprint" | "background" | "grid" | "reference" | "select" | "property-resolver" | "link-resolver";
 export type EditorLocation = "inline" | "pane" | "toolbar";
 export interface VelcronEditor<TSettings = any> {
     name?: string;

package/models/VelcronDefinitions.d.ts

@@ -13,6 +13,7 @@ export interface BuiltInComponentRenderers {
     "velcron": unknown;
     "flex": unknown;
     "row": unknown;
+    "grid": unknown;
     "column": unknown;
     "card": unknown;
     "text": unknown;
@@ -175,6 +176,17 @@ export interface VelcronFlexDefinition extends VelcronDefinition, VelcronColorSt
     events?: VelcronOnPressEvent;
     border?: VelcronBorder;
     borderRadius?: VelcronDimensions;
+    width?: number | string;
+    minWidth?: number | string;
+    height?: number | string;
+    minHeight?: number | string;
+}
+export interface VelcronGridDefinition extends VelcronDefinition {
+    type: "grid";
+    minColumnWidth?: number | string;
+    columns?: number | Array<string>;
+    gapX?: number | string;
+    gapY?: number | string;
 }
 export interface VelcronFlexRowDefinition extends VelcronDefinition, VelcronColorStyling, VelcronDefinitionHasEffects, VelcronDefinitionHasOverflow {
     type: "row";
@@ -311,6 +323,10 @@ export interface VelcronLottieDefinition extends VelcronDefinition {
     direction?: VelcronBindableProp<"normal" | "reverse">;
     hover?: VelcronBindableProp<boolean>;
 }
+export interface VelcronSlidePanelSlidesOptions {
+    foreach: string;
+    definition: VelcronDefinition;
+}
 export interface VelcronSlidePanelDefinition extends VelcronDefinition {
     type: "slide-panel";
     slidesPerView?: VelcronBindableProp<number>;
@@ -322,6 +338,7 @@ export interface VelcronSlidePanelDefinition extends VelcronDefinition {
     loop?: VelcronBindableProp<boolean>;
     style?: VelcronCardStyling;
     events?: VelcronOnPressEvent;
+    slides?: VelcronSlidePanelSlidesOptions;
 }
 export interface VelcronEditorRendererDefinition extends VelcronDefinition {
     type: "editor";

package/models/VelcronPropertyEditorDefinitions.d.ts

@@ -36,6 +36,11 @@ export interface VelcronNumberEditorSettings {
     max: number;
     step: number;
 }
+export interface VelcronReferencePropertyEditorSettings {
+    multiple: boolean;
+    min?: number;
+    max?: number;
+}
 export interface VelcronPropertyMapping {
     state: string;
     title: string;
@@ -45,6 +50,8 @@ export interface VelcronPropertyMapping {
 export interface VelcronPropertyResolverEditorSettings {
     properties: Array<VelcronPropertyMapping>;
 }
+export interface VelcronLinkResolverEditorSettings {
+}
 export interface VelcronBlueprintEditorSettings {
     type: "container" | "icon" | "button";
 }
@@ -90,7 +97,7 @@ export interface VelcronImagePropertyEditor extends VelcronEditor<any> {
 export interface VelcronSpacingPropertyEditor extends VelcronEditor<VelcronSpacingEditorSettings> {
     type: "spacing";
 }
-export interface VelcronReferencePropertyEditor extends VelcronEditor<any> {
+export interface VelcronReferencePropertyEditor extends VelcronEditor<VelcronReferencePropertyEditorSettings> {
     type: "reference";
 }
 export interface VelcronBlueprintEditor extends VelcronEditor<VelcronBlueprintEditorSettings> {
@@ -108,3 +115,6 @@ export interface VelcronSelectEditor extends VelcronEditor<VelcronSelectEditorSe
 export interface VelcronPropertyResolverEditor extends VelcronEditor<VelcronPropertyResolverEditorSettings> {
     type: "property-resolver";
 }
+export interface VelcronLinkResolverEditor extends VelcronEditor<VelcronLinkResolverEditorSettings> {
+    type: "link-resolver";
+}

package/package.json

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

package/parser/VelcronConstants.d.ts

@@ -3,6 +3,7 @@ export declare const VelcronConstants: {
         velcron: string;
         flex: string;
         row: string;
+        grid: string;
         column: string;
         card: string;
         text: string;

package/parser/VelcronConstants.js

@@ -6,6 +6,7 @@ exports.VelcronConstants = {
         velcron: "velcron",
         flex: "flex",
         row: "row",
+        grid: "grid",
         column: "column",
         card: "card",
         text: "text",

package/parser/VelcronData.js

@@ -25,6 +25,9 @@ class VelcronData {
         else if (bindTo === VelcronConstants_1.VelcronConstants.context.activeToken) {
             return renderContext.$active;
         }
+        else if (bindTo === VelcronConstants_1.VelcronConstants.context.thisToken) {
+            return renderContext.currentContext;
+        }
         //String interpolation > {{ $state.title }} and {{ $state.description }}
         const tokens = this.getTokens(bindTo, false);
         tokens.forEach((token) => {

package/parser/VelcronStyles.js

@@ -182,6 +182,15 @@ class VelcronStyles {
             styleBase["boxSizing"] = "border-box";
             this.applyOverflow(definition, renderCtx, styleBase);
             this.insertBackgroundColor(styleBase, flexDefinition, renderCtx);
+            const width = VelcronData_1.VelcronData.dataBind(renderCtx, flexDefinition.width);
+            const minWidth = VelcronData_1.VelcronData.dataBind(renderCtx, flexDefinition.minWidth);
+            const height = VelcronData_1.VelcronData.dataBind(renderCtx, flexDefinition.height);
+            const minHeight = VelcronData_1.VelcronData.dataBind(renderCtx, flexDefinition.minHeight);
+            styleBase["width"] = this.unitProvider.formatDimension(width);
+            styleBase["maxWidth"] = this.unitProvider.formatDimension(width);
+            styleBase["minWidth"] = this.unitProvider.formatDimension(minWidth);
+            styleBase["height"] = this.unitProvider.formatDimension(height);
+            styleBase["minHeight"] = this.unitProvider.formatDimension(minHeight);
         }
         else if (definition.type === VelcronConstants_1.VelcronConstants.components.row) {
             const flexDefinition = definition;
@@ -267,6 +276,40 @@ class VelcronStyles {
             styleBase["minWidth"] = this.unitProvider.formatDimension(minWidth);
             this.insertBackgroundColor(styleBase, flexDefinition, renderCtx);
         }
+        else if (definition.type === VelcronConstants_1.VelcronConstants.components.grid) {
+            const spacingBlueprint = renderCtx.theming.get.spacing();
+            const flexDefinition = definition;
+            const columns = VelcronData_1.VelcronData.dataBind(renderCtx, flexDefinition.columns);
+            const minWidth = VelcronData_1.VelcronData.dataBind(renderCtx, flexDefinition.minColumnWidth);
+            const gapX = flexDefinition.gapX || flexDefinition?.gapX?.toString() === "0" ?
+                (0, __1.getSpacingValueFromBlueprint)(VelcronData_1.VelcronData.dataBind(renderCtx, flexDefinition.gapX), spacingBlueprint) :
+                (0, __1.getSpacingValueFromBlueprint)(VelcronData_1.VelcronData.dataBind(renderCtx, flexDefinition.gapY), spacingBlueprint);
+            const gapY = flexDefinition.gapY || flexDefinition?.gapY?.toString() === "0" ?
+                (0, __1.getSpacingValueFromBlueprint)(VelcronData_1.VelcronData.dataBind(renderCtx, flexDefinition.gapY), spacingBlueprint) :
+                gapX;
+            styleBase["display"] = "grid";
+            if (minWidth) {
+                const widthWithDimension = this.unitProvider.formatDimension(minWidth);
+                styleBase["gridTemplateColumns"] = `repeat(auto-fit,minmax(${widthWithDimension}, 1fr))`;
+            }
+            else if (columns) {
+                let templateColumnString = "";
+                if (VelcronData_1.VelcronData.isArray(columns)) {
+                    columns.forEach((col) => {
+                        templateColumnString += `${col} `;
+                    });
+                }
+                else {
+                    const columnNumber = Number.parseInt(columns);
+                    for (let i = 0; i < columnNumber; i++) {
+                        templateColumnString += "1fr ";
+                    }
+                }
+                styleBase["gridTemplateColumns"] = templateColumnString;
+            }
+            styleBase["rowGap"] = this.unitProvider.formatDimension(gapY);
+            styleBase["columnGap"] = this.unitProvider.formatDimension(gapX);
+        }
         if (definition.border) {
             const typedDefinition = definition;
             this.insertBorderStyles(styleBase, typedDefinition.border, renderCtx);

package/templatebuilder/VelcronEditorBuilder.d.ts

@@ -16,6 +16,7 @@ export declare class VelcronEditorBuilder {
         gridEditor: (name: string, stateMapping: string) => VelcronEditorBuilder;
         widthEditor: (name: string, stateMapping: string) => VelcronEditorBuilder;
         propertyResolverEditor: (name: string, stateMapping: string) => VelcronEditorBuilder;
+        linkResolverEditor: (name: string, stateMapping: string) => VelcronEditorBuilder;
     };
     build(): VelcronEditor<any>[];
 }

package/templatebuilder/VelcronEditorBuilder.js

@@ -142,6 +142,14 @@ class VelcronEditorBuilder {
                     state: this.formatStateMapping(stateMapping),
                 });
                 return this;
+            },
+            linkResolverEditor: (name, stateMapping) => {
+                this.editors.push({
+                    name: name,
+                    type: "link-resolver",
+                    state: this.formatStateMapping(stateMapping),
+                });
+                return this;
             }
         };
     }