impaktapps-ui-builder 0.0.321 → 0.0.323

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

@@ -5876,6 +5876,7 @@ const ComponentSchema = {
         { title: "Empty Box", const: "EmptyBox" },
         { title: "File", const: "FileInput" },
         { title: "Graph", const: "Graph" },
+        { title: "Input Slider", const: "InputSlider" },
         { title: "Label", const: "Box" },
         { title: "LeaderBoard", const: "LeaderBoard" },
         { title: "MultipleSelect", const: "MultipleSelect" },
@@ -6738,7 +6739,8 @@ const getArrayControl = (parentScope, childScope, childLabel) => {
                 label: childLabel || "Labels for Tab"
               }
             }
-          }
+          },
+          EmptyBox
         ]
       }
     }
@@ -6835,6 +6837,14 @@ const GraphSection = {
 const buildPropertiesSection = function(type) {
   let uiSchema = _.cloneDeep(GraphSection);
   switch (type) {
+    case "InputSlider":
+      uiSchema.elements = [
+        getInputField("max", "Max Limit"),
+        getInputField("step", "Step"),
+        getInputField("min", "Min Limit"),
+        getRadioInputField("limitToMax", "Applly Max. Limit", ["YES", "NO"])
+      ];
+      break;
     case "Text":
       uiSchema.elements = [
         getInputField("placeholder", "Placeholder"),
@@ -7243,7 +7253,8 @@ const sectionLabels = {
   Array: ["Core", "Components", "Validation"],
   Radio: ["Core", "Properties", "style", "Event", "Validation"],
   Text: ["Core", "Properties", "style", "Event", "Validation"],
-  TextArea: ["Core", "Properties", "style", "Event", "Validation"]
+  TextArea: ["Core", "Properties", "style", "Event", "Validation"],
+  InputSlider: ["Core", "Properties", "style", "Event", "Validation"]
 };
 const refreshPage = (type, store2) => {
   var _a;
@@ -10181,6 +10192,48 @@ const buildFileInput = (config, componentScope) => {
   }
   return box;
 };
+const InputSlider = {
+  type: "Control",
+  scope: "#/properties/inputSlider",
+  options: {
+    widget: "InputSlider"
+  },
+  config: {
+    layout: 12,
+    main: {
+      limitToMax: false,
+      max: 1e4,
+      step: 1e3,
+      min: 0,
+      label: "Slider"
+    },
+    style: {}
+  }
+};
+const buildInputSlider = (config, componentScope) => {
+  const inputSlider = _.cloneDeep(InputSlider);
+  inputSlider.scope = componentScope;
+  inputSlider.config.main.heading = config.label;
+  if (config.layout) {
+    inputSlider.config.layout = createLayoutFormat(config.layout);
+  }
+  if (config.limitToMax) {
+    inputSlider.config.main.limitToMax = config.limitToMax === "YES" ? true : false;
+  }
+  if (config.max) {
+    inputSlider.config.main.max = config.max;
+  }
+  if (config.step) {
+    inputSlider.config.main.step = config.step;
+  }
+  if (config.min) {
+    inputSlider.config.main.min = config.min;
+  }
+  if (config.style) {
+    inputSlider.config.main.defaultStyle = JSON.parse(config.style);
+  }
+  return inputSlider;
+};
 let schema = {
   type: "object",
   properties: {},
@@ -10299,6 +10352,9 @@ const buildUiSchema = (config) => {
   let elements = {};
   const componentScope = `#/properties/${config.name}`;
   switch (config.type) {
+    case "InputSlider":
+      elements = buildInputSlider(config, componentScope);
+      break;
     case "FileInput":
       elements = buildFileInput(config, componentScope);
       break;