impaktapps-ui-builder 0.0.97-alpha.18 → 0.0.97-alpha.19

package/dist/impaktapps-ui-builder.es.js

@@ -10223,9 +10223,10 @@ const BarGraph = {
   config: {
     layout: { xs: 12, sm: 12, md: 12, lg: 6 },
     main: {
+      type: "BarGraph",
       legendLabels: null
     },
-    style: { containerStyle: {}, barStyle: {} }
+    style: { containerStyle: {}, labelStyle: { margin: {} }, barStyle: {} }
   }
 };
 const PieGraph = {
@@ -10240,10 +10241,7 @@ const PieGraph = {
       type: "PieGraph",
       legendLabels: null
     },
-    style: {
-      containerStyle: {},
-      pieStyle: {}
-    }
+    style: { containerStyle: {}, labelStyle: { margin: {} }, pieStyle: {} }
   }
 };
 const LineGraph = {
@@ -10258,10 +10256,7 @@ const LineGraph = {
       type: "LineGraph",
       legendLabels: null
     },
-    style: {
-      containerStyle: {},
-      lineStyle: {}
-    }
+    style: { containerStyle: {}, labelStyle: { margin: {} }, lineStyle: {} }
   }
 };
 const HorizontalBarGraph = {
@@ -10276,10 +10271,7 @@ const HorizontalBarGraph = {
       type: "HorizontalBarGraph",
       legendLabels: null
     },
-    style: {
-      containerStyle: {},
-      barStyle: {}
-    }
+    style: { containerStyle: {}, labelStyle: { margin: {} }, barStyle: {} }
   }
 };
 const buildHorizontalBarGraph = (config, componentScope) => {
@@ -10306,23 +10298,12 @@ const buildHorizontalBarGraph = (config, componentScope) => {
   if (config.xAxisValue) {
     horizontalBarGraph.config.main.xAxisValue = config.xAxisValue;
   }
-  if (config.containerBackground) {
-    horizontalBarGraph.config.containerStyle.background = config.containerBackground;
-  }
   if (config.height) {
-    horizontalBarGraph.config.style = {
-      containerStyle: {
-        height: config.height
-      }
-    };
+    horizontalBarGraph.config.style.containerStyle.height = config.height;
   }
   if (config.leftMargin) {
-    horizontalBarGraph.config.style = {
-      labelStyle: {
-        margin: {
-          left: config.leftMargin
-        }
-      }
+    horizontalBarGraph.config.style.labelStyle.margin = {
+      left: config.leftMargin
     };
   }
   if (config.bottomLabel) {
@@ -10432,11 +10413,7 @@ const buildPieGraph = (config, componentScope) => {
     pieGraph.config.layout = createLayoutFormat(config.layout);
   }
   if (config.height) {
-    pieGraph.config.style = {
-      containerStyle: {
-        height: config.height
-      }
-    };
+    pieGraph.config.style.containerStyle.height = config.height;
   }
   if (config.legendHide) {
     pieGraph.config.main.legendAvailable = config.legendHide === "YES" ? false : true;
@@ -10450,11 +10427,7 @@ const buildPieGraph = (config, componentScope) => {
     pieGraph.config.main.xAxisValue = config.xAxisValue;
   }
   if (config.pieArcColors) {
-    pieGraph.config.style = {
-      pieStyle: {
-        colorRange: flatObjectValueInArray(config.pieArcColors)
-      }
-    };
+    pieGraph.config.style.lineStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
   }
   return pieGraph;
 };
@@ -10486,12 +10459,8 @@ const buildStackbarGraph = (config, componentScope) => {
     barGraph.config.style.containerStyle.height = config.height;
   }
   if (config.leftMargin) {
-    barGraph.config.style = {
-      labelStyle: {
-        margin: {
-          left: config.leftMargin
-        }
-      }
+    barGraph.config.style.labelStyle.margin = {
+      left: config.leftMargin
     };
   }
   if (config.bottomLabel) {
@@ -11328,12 +11297,8 @@ const buildLineGraph = (config, componentScope) => {
     lineGraph.config.style.containerStyle.height = config.height;
   }
   if (config.leftMargin) {
-    lineGraph.config.style = {
-      labelStyle: {
-        margin: {
-          left: config.leftMargin
-        }
-      }
+    lineGraph.config.style.labelStyle.margin = {
+      left: config.leftMargin
     };
   }
   if (config.bottomLabel) {