impaktapps-ui-builder 0.0.961 → 0.0.963

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

@@ -7534,6 +7534,8 @@ const buildPropertiesSection = function(type) {
         getSelectField("graphType", "Graph Type"),
         getInputField("leftLabel", "Left Label"),
         getInputField("bottomLabel", "Bottom Label"),
+        getInputField("leftLabelMargin", "Left Label Margin"),
+        getInputField("leftLabelOffset", "Left Label Offset"),
         emptyBox$1("GraphEmpty1", { xs: 6, sm: 0, md: 0, lg: 0 }),
         getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
         getInputField("yAxisValue", "Y-AxisValue"),
@@ -9466,7 +9468,7 @@ var service = (funcParams) => {
   };
   return {
     setPage: async function() {
-      var _a, _b, _c, _d;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
       funcParams.store.setFormdata({});
       funcParams.store.newData = {};
       const pageBasicDetailString = sessionStorage.getItem("pagemasterMetaData");
@@ -9498,7 +9500,6 @@ var service = (funcParams) => {
               flexDirection: "row",
               position: "absolute",
               bottom: 0,
-              marginBottom: "-8px",
               height: "fit-content",
               overflow: "hidden",
               zIndex: 1e3,
@@ -9517,22 +9518,23 @@ var service = (funcParams) => {
                   heading: "Copywriter@ACT21.IO"
                 },
                 style: {
-                  color: ((_c = theme == null ? void 0 : theme.palette) == null ? void 0 : _c.text.disabled) || "#AFAFAF",
+                  color: ((_d = (_c = theme == null ? void 0 : theme.palette) == null ? void 0 : _c.text) == null ? void 0 : _d.disabled) || "#AFAFAF",
                   fontSize: "12px",
                   textAlign: "center",
-                  lineHeight: 1,
+                  lineHeight: 2,
                   width: "fit-content",
                   left: "50%",
                   position: "relative",
                   margin: 0,
                   flexGrow: 1,
-                  height: 0
+                  height: 0,
+                  transform: "translate(-50%, 0%)"
                 }
               }
             },
             {
               type: "Control",
-              scope: "#/properties/backIcon",
+              scope: "#/properties/FooterBackIcon",
               options: {
                 widget: "Box"
               },
@@ -9543,24 +9545,24 @@ var service = (funcParams) => {
                   width: "fit-content"
                 },
                 style: {
-                  fill: theme.palette.primary.main,
+                  fill: (_f = (_e = theme == null ? void 0 : theme.palette) == null ? void 0 : _e.primary) == null ? void 0 : _f.main,
                   width: 20,
                   height: 0,
-                  margin: 0,
                   top: 0,
                   right: { xs: "12px", sm: "84px" },
                   position: "absolute",
                   fontSize: "12px",
                   cursor: "pointer",
                   ":hover": {
-                    fill: theme.palette.primary.dark
-                  }
+                    fill: (_h = (_g = theme == null ? void 0 : theme.palette) == null ? void 0 : _g.primary) == null ? void 0 : _h.dark
+                  },
+                  marginRight: "13px"
                 }
               }
             },
             {
               type: "Control",
-              scope: "#/properties/text",
+              scope: "#/properties/FooterBackHandlerText",
               options: {
                 widget: "Box"
               },
@@ -9575,24 +9577,24 @@ var service = (funcParams) => {
                   lineHeight: 1,
                   height: 0,
                   width: "fit-content",
-                  color: theme.palette.primary.main,
-                  fontSize: "12px",
+                  color: (_j = (_i = theme == null ? void 0 : theme.palette) == null ? void 0 : _i.primary) == null ? void 0 : _j.main,
+                  fontSize: "14px",
                   cursor: "pointer",
                   marginLeft: "2px",
-                  marginRight: 0,
                   top: 3,
                   right: "12px",
                   position: "absolute",
                   ":hover": {
-                    color: theme.palette.primary.dark
-                  }
+                    color: (_l = (_k = theme == null ? void 0 : theme.palette) == null ? void 0 : _k.primary) == null ? void 0 : _l.dark
+                  },
+                  marginRight: "4px"
                 }
               }
             }
           ]
         }
       );
-      const schema2 = (_d = pageData == null ? void 0 : pageData.schema) != null ? _d : { type: "object", properties: {} };
+      const schema2 = (_m = pageData == null ? void 0 : pageData.schema) != null ? _m : { type: "object", properties: {} };
       eventGroups = extractEvents(config);
       executeEventsParameters = {
         config: {},
@@ -10220,7 +10222,7 @@ const BarGraph = {
   },
   config: {
     main: {},
-    style: { containerStyle: {} }
+    style: { containerStyle: {}, labelStyle: {} }
   }
 };
 const PieGraph = {
@@ -10281,7 +10283,9 @@ const HorizontalBarGraph = {
     main: {
       type: "HorizontalBarGraph"
     },
-    style: {}
+    style: {
+      labelStyle: {}
+    }
   }
 };
 const buildHorizontalBarGraph = (config, componentScope) => {
@@ -10315,6 +10319,14 @@ const buildHorizontalBarGraph = (config, componentScope) => {
   if (config.leftLabel) {
     horizontalBarGraph.config.main.leftLabel = config.leftLabel;
   }
+  if (config.leftLabelMargin) {
+    horizontalBarGraph.config.style.labelStyle.margin = {
+      left: config.leftLabelMargin
+    };
+  }
+  if (config.leftLabelOffset) {
+    horizontalBarGraph.config.style.labelStyle.leftLabelOffset = config.leftLabelOffset;
+  }
   return horizontalBarGraph;
 };
 var SpeedoMeter = {
@@ -10467,6 +10479,14 @@ const buildStackbarGraph = (config, componentScope) => {
   if (config.leftLabel) {
     barGraph.config.main.leftLabel = config.leftLabel;
   }
+  if (config.leftLabelMargin) {
+    barGraph.config.style.labelStyle.margin = {
+      left: config.leftLabelMargin
+    };
+  }
+  if (config.leftLabelOffset) {
+    barGraph.config.style.labelStyle.leftLabelOffset = config.leftLabelOffset;
+  }
   barGraph.scope = componentScope;
   return barGraph;
 };
@@ -11315,6 +11335,14 @@ const buildLineGraph = (config, componentScope) => {
   if (config.pieArcColors) {
     lineGraph.config.style.lineStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
   }
+  if (config.leftLabelMargin) {
+    lineGraph.config.style.labelStyle.margin = {
+      left: config.leftLabelMargin
+    };
+  }
+  if (config.leftLabelOffset) {
+    lineGraph.config.style.labelStyle.leftLabelOffset = config.leftLabelOffset;
+  }
   lineGraph.scope = componentScope;
   return lineGraph;
 };