impaktapps-ui-builder 0.0.410 → 0.0.412

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

@@ -22,6 +22,13 @@ const PageMasterSchema = {
         }
       }
     },
+    template: {
+      oneOf: [
+        { const: "Template-1", title: "template1" },
+        { const: "Template-2", title: "template2" },
+        { const: "Template-3", title: "template3" }
+      ]
+    },
     sectionLabels: {
       type: "array",
       items: {
@@ -34,7 +41,7 @@ const PageMasterSchema = {
       }
     }
   },
-  required: ["label", "name"]
+  required: ["template", "name"]
 };
 const PageMasterUiSchema = {
   type: "HorizontalLayout",
@@ -114,15 +121,19 @@ const PageMasterUiSchema = {
         },
         {
           type: "Control",
-          scope: "#/properties/label",
+          scope: "#/properties/template",
           options: {
-            widget: "InputField"
+            widget: "SelectInputField"
           },
           config: {
             layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
             main: {
-              label: "Label",
-              options: [],
+              label: "Template",
+              options: [
+                { const: "template1", title: "template1" },
+                { const: "template2", title: "template2" },
+                { const: "template3", title: "template3" }
+              ],
               color: "secondary",
               required: true
             }
@@ -246,7 +257,7 @@ const PageMasterUiSchema = {
                       main: {
                         icon: "RejectIcon",
                         color: "error",
-                        onClick: "deletePopUpComponent",
+                        onClick: "Delete_Components",
                         tooltipMessage: "Reject This Record"
                       }
                     }
@@ -365,7 +376,7 @@ const PageMasterUiSchema = {
                         icon: "RejectIcon",
                         color: "error",
                         tooltipMessage: "Reject This Record",
-                        onClick: "deletePopUpEvent"
+                        onClick: "deleteEvent"
                       }
                     }
                   }
@@ -376,208 +387,6 @@ const PageMasterUiSchema = {
         }
       ]
     },
-    {
-      type: "Control",
-      scope: "#/properties/popUpPageMasterEvent",
-      options: {
-        widget: "PopUp"
-      },
-      config: {
-        layout: {
-          xs: 12,
-          sm: 12,
-          md: 12,
-          lg: 12
-        },
-        main: {
-          title: "Delete Content"
-        },
-        style: {
-          width: "32%",
-          margin: "auto"
-        }
-      },
-      elements: [
-        {
-          type: "Control",
-          scope: "#/properties/label",
-          options: {
-            widget: "Box"
-          },
-          config: {
-            layout: 12,
-            main: {
-              heading: "Are you sure you want to delete ?"
-            },
-            style: {
-              marginTop: "-25px",
-              marginLeft: "11px"
-            }
-          }
-        },
-        {
-          type: "Control",
-          scope: "#/properties/EmptyBox",
-          options: {
-            widget: "EmptyBox"
-          },
-          config: {
-            main: {},
-            layout: { xs: 11, sm: 4.5, md: 4.5, lg: 4.5 }
-          }
-        },
-        {
-          type: "Control",
-          scope: "#/properties/ConfirmDeleteEventButton",
-          options: {
-            widget: "Button"
-          },
-          config: {
-            layout: 3,
-            main: {
-              name: "Yes",
-              endIcon: "DeleteIcon",
-              variant: "contained",
-              color: "info",
-              type: "text",
-              onClick: "deleteEvent",
-              size: "small"
-            }
-          }
-        },
-        {
-          type: "Control",
-          scope: "#/properties/CancelDeleteEventButton",
-          options: {
-            widget: "Button"
-          },
-          config: {
-            layout: 3,
-            main: {
-              name: "No",
-              endIcon: "CloseIcon",
-              variant: "contained",
-              color: "info",
-              type: "text",
-              onClick: "deletePopUpEvent",
-              size: "small"
-            }
-          }
-        },
-        {
-          type: "Control",
-          scope: "#/properties/EmptyBox",
-          options: {
-            widget: "EmptyBox"
-          },
-          config: {
-            main: {},
-            layout: 0.5
-          }
-        }
-      ]
-    },
-    {
-      type: "Control",
-      scope: "#/properties/popUpPageMasterComponent",
-      options: {
-        widget: "PopUp"
-      },
-      config: {
-        layout: {
-          xs: 12,
-          sm: 12,
-          md: 12,
-          lg: 12
-        },
-        main: {
-          title: "Delete Content"
-        },
-        style: {
-          width: "32%",
-          margin: "auto"
-        }
-      },
-      elements: [
-        {
-          type: "Control",
-          scope: "#/properties/label",
-          options: {
-            widget: "Box"
-          },
-          config: {
-            layout: 12,
-            main: {
-              heading: "Are you sure you want to delete ?"
-            },
-            style: {
-              marginTop: "-25px",
-              marginLeft: "11px"
-            }
-          }
-        },
-        {
-          type: "Control",
-          scope: "#/properties/EmptyBox",
-          options: {
-            widget: "EmptyBox"
-          },
-          config: {
-            main: {},
-            layout: { xs: 11, sm: 4.5, md: 4.5, lg: 4.5 }
-          }
-        },
-        {
-          type: "Control",
-          scope: "#/properties/ConfirmDeleteCompButton",
-          options: {
-            widget: "Button"
-          },
-          config: {
-            layout: 3,
-            main: {
-              name: "Yes",
-              endIcon: "DeleteIcon",
-              variant: "contained",
-              color: "info",
-              type: "text",
-              onClick: "Delete_Components",
-              size: "small"
-            }
-          }
-        },
-        {
-          type: "Control",
-          scope: "#/properties/CancelDeleteCompButton",
-          options: {
-            widget: "Button"
-          },
-          config: {
-            layout: 3,
-            main: {
-              name: "No",
-              endIcon: "CloseIcon",
-              variant: "contained",
-              color: "info",
-              type: "text",
-              onClick: "deletePopUpComponent",
-              size: "small"
-            }
-          }
-        },
-        {
-          type: "Control",
-          scope: "#/properties/EmptyBox",
-          options: {
-            widget: "EmptyBox"
-          },
-          config: {
-            main: {},
-            layout: 0.5
-          }
-        }
-      ]
-    },
     {
       type: "Control",
       scope: "#/properties/btn",
@@ -1230,9 +1039,9 @@ var lodash = { exports: {} };
       return reHasUnicodeWord.test(string);
     }
     function iteratorToArray(iterator) {
-      var data2, result = [];
-      while (!(data2 = iterator.next()).done) {
-        result.push(data2.value);
+      var data, result = [];
+      while (!(data = iterator.next()).done) {
+        result.push(data.value);
       }
       return result;
     }
@@ -1441,7 +1250,7 @@ var lodash = { exports: {} };
             index += dir;
             var iterIndex = -1, value = array[index];
             while (++iterIndex < iterLength) {
-              var data2 = iteratees[iterIndex], iteratee2 = data2.iteratee, type = data2.type, computed = iteratee2(value);
+              var data = iteratees[iterIndex], iteratee2 = data.iteratee, type = data.type, computed = iteratee2(value);
               if (type == LAZY_MAP_FLAG) {
                 value = computed;
               } else if (!computed) {
@@ -1476,21 +1285,21 @@ var lodash = { exports: {} };
         return result2;
       }
       function hashGet(key) {
-        var data2 = this.__data__;
+        var data = this.__data__;
         if (nativeCreate) {
-          var result2 = data2[key];
+          var result2 = data[key];
           return result2 === HASH_UNDEFINED ? undefined$1 : result2;
         }
-        return hasOwnProperty.call(data2, key) ? data2[key] : undefined$1;
+        return hasOwnProperty.call(data, key) ? data[key] : undefined$1;
       }
       function hashHas(key) {
-        var data2 = this.__data__;
-        return nativeCreate ? data2[key] !== undefined$1 : hasOwnProperty.call(data2, key);
+        var data = this.__data__;
+        return nativeCreate ? data[key] !== undefined$1 : hasOwnProperty.call(data, key);
       }
       function hashSet(key, value) {
-        var data2 = this.__data__;
+        var data = this.__data__;
         this.size += this.has(key) ? 0 : 1;
-        data2[key] = nativeCreate && value === undefined$1 ? HASH_UNDEFINED : value;
+        data[key] = nativeCreate && value === undefined$1 ? HASH_UNDEFINED : value;
         return this;
       }
       Hash.prototype.clear = hashClear;
@@ -1511,33 +1320,33 @@ var lodash = { exports: {} };
         this.size = 0;
       }
       function listCacheDelete(key) {
-        var data2 = this.__data__, index = assocIndexOf(data2, key);
+        var data = this.__data__, index = assocIndexOf(data, key);
         if (index < 0) {
           return false;
         }
-        var lastIndex = data2.length - 1;
+        var lastIndex = data.length - 1;
         if (index == lastIndex) {
-          data2.pop();
+          data.pop();
         } else {
-          splice.call(data2, index, 1);
+          splice.call(data, index, 1);
         }
         --this.size;
         return true;
       }
       function listCacheGet(key) {
-        var data2 = this.__data__, index = assocIndexOf(data2, key);
-        return index < 0 ? undefined$1 : data2[index][1];
+        var data = this.__data__, index = assocIndexOf(data, key);
+        return index < 0 ? undefined$1 : data[index][1];
       }
       function listCacheHas(key) {
         return assocIndexOf(this.__data__, key) > -1;
       }
       function listCacheSet(key, value) {
-        var data2 = this.__data__, index = assocIndexOf(data2, key);
+        var data = this.__data__, index = assocIndexOf(data, key);
         if (index < 0) {
           ++this.size;
-          data2.push([key, value]);
+          data.push([key, value]);
         } else {
-          data2[index][1] = value;
+          data[index][1] = value;
         }
         return this;
       }
@@ -1574,9 +1383,9 @@ var lodash = { exports: {} };
         return getMapData(this, key).has(key);
       }
       function mapCacheSet(key, value) {
-        var data2 = getMapData(this, key), size2 = data2.size;
-        data2.set(key, value);
-        this.size += data2.size == size2 ? 0 : 1;
+        var data = getMapData(this, key), size2 = data.size;
+        data.set(key, value);
+        this.size += data.size == size2 ? 0 : 1;
         return this;
       }
       MapCache.prototype.clear = mapCacheClear;
@@ -1601,16 +1410,16 @@ var lodash = { exports: {} };
       SetCache.prototype.add = SetCache.prototype.push = setCacheAdd;
       SetCache.prototype.has = setCacheHas;
       function Stack(entries) {
-        var data2 = this.__data__ = new ListCache(entries);
-        this.size = data2.size;
+        var data = this.__data__ = new ListCache(entries);
+        this.size = data.size;
       }
       function stackClear() {
         this.__data__ = new ListCache();
         this.size = 0;
       }
       function stackDelete(key) {
-        var data2 = this.__data__, result2 = data2["delete"](key);
-        this.size = data2.size;
+        var data = this.__data__, result2 = data["delete"](key);
+        this.size = data.size;
         return result2;
       }
       function stackGet(key) {
@@ -1620,18 +1429,18 @@ var lodash = { exports: {} };
         return this.__data__.has(key);
       }
       function stackSet(key, value) {
-        var data2 = this.__data__;
-        if (data2 instanceof ListCache) {
-          var pairs = data2.__data__;
+        var data = this.__data__;
+        if (data instanceof ListCache) {
+          var pairs = data.__data__;
           if (!Map || pairs.length < LARGE_ARRAY_SIZE - 1) {
             pairs.push([key, value]);
-            this.size = ++data2.size;
+            this.size = ++data.size;
             return this;
           }
-          data2 = this.__data__ = new MapCache(pairs);
+          data = this.__data__ = new MapCache(pairs);
         }
-        data2.set(key, value);
-        this.size = data2.size;
+        data.set(key, value);
+        this.size = data.size;
         return this;
       }
       Stack.prototype.clear = stackClear;
@@ -1804,7 +1613,7 @@ var lodash = { exports: {} };
         if (typeof func != "function") {
           throw new TypeError(FUNC_ERROR_TEXT);
         }
-        return setTimeout2(function() {
+        return setTimeout(function() {
           func.apply(undefined$1, args);
         }, wait);
       }
@@ -2050,15 +1859,15 @@ var lodash = { exports: {} };
         }
         object = Object2(object);
         while (index--) {
-          var data2 = matchData[index];
-          if (noCustomizer && data2[2] ? data2[1] !== object[data2[0]] : !(data2[0] in object)) {
+          var data = matchData[index];
+          if (noCustomizer && data[2] ? data[1] !== object[data[0]] : !(data[0] in object)) {
             return false;
           }
         }
         while (++index < length) {
-          data2 = matchData[index];
-          var key = data2[0], objValue = object[key], srcValue = data2[1];
-          if (noCustomizer && data2[2]) {
+          data = matchData[index];
+          var key = data[0], objValue = object[key], srcValue = data[1];
+          if (noCustomizer && data[2]) {
             if (objValue === undefined$1 && !(key in object)) {
               return false;
             }
@@ -2361,8 +2170,8 @@ var lodash = { exports: {} };
         }
         return object;
       }
-      var baseSetData = !metaMap ? identity : function(func, data2) {
-        metaMap.set(func, data2);
+      var baseSetData = !metaMap ? identity : function(func, data) {
+        metaMap.set(func, data);
         return func;
       };
       var baseSetToString = !defineProperty ? identity : function(func, string) {
@@ -2866,9 +2675,9 @@ var lodash = { exports: {} };
           index = wrapper ? index : length;
           while (++index < length) {
             func = funcs[index];
-            var funcName = getFuncName(func), data2 = funcName == "wrapper" ? getData(func) : undefined$1;
-            if (data2 && isLaziable(data2[0]) && data2[1] == (WRAP_ARY_FLAG | WRAP_CURRY_FLAG | WRAP_PARTIAL_FLAG | WRAP_REARG_FLAG) && !data2[4].length && data2[9] == 1) {
-              wrapper = wrapper[getFuncName(data2[0])].apply(wrapper, data2[3]);
+            var funcName = getFuncName(func), data = funcName == "wrapper" ? getData(func) : undefined$1;
+            if (data && isLaziable(data[0]) && data[1] == (WRAP_ARY_FLAG | WRAP_CURRY_FLAG | WRAP_PARTIAL_FLAG | WRAP_REARG_FLAG) && !data[4].length && data[9] == 1) {
+              wrapper = wrapper[getFuncName(data[0])].apply(wrapper, data[3]);
             } else {
               wrapper = func.length == 1 && isLaziable(func) ? wrapper[funcName]() : wrapper.thru(func);
             }
@@ -3095,7 +2904,7 @@ var lodash = { exports: {} };
           var partialsRight = partials, holdersRight = holders;
           partials = holders = undefined$1;
         }
-        var data2 = isBindKey ? undefined$1 : getData(func);
+        var data = isBindKey ? undefined$1 : getData(func);
         var newData = [
           func,
           bitmask,
@@ -3108,8 +2917,8 @@ var lodash = { exports: {} };
           ary2,
           arity
         ];
-        if (data2) {
-          mergeData(newData, data2);
+        if (data) {
+          mergeData(newData, data);
         }
         func = newData[0];
         bitmask = newData[1];
@@ -3129,7 +2938,7 @@ var lodash = { exports: {} };
         } else {
           result2 = createHybrid.apply(undefined$1, newData);
         }
-        var setter = data2 ? baseSetData : setData;
+        var setter = data ? baseSetData : setData;
         return setWrapToString(setter(result2, newData), func, bitmask);
       }
       function customDefaultsAssignIn(objValue, srcValue, key, object) {
@@ -3296,9 +3105,9 @@ var lodash = { exports: {} };
       function getFuncName(func) {
         var result2 = func.name + "", array = realNames[result2], length = hasOwnProperty.call(realNames, result2) ? array.length : 0;
         while (length--) {
-          var data2 = array[length], otherFunc = data2.func;
+          var data = array[length], otherFunc = data.func;
           if (otherFunc == null || otherFunc == func) {
-            return data2.name;
+            return data.name;
           }
         }
         return result2;
@@ -3313,8 +3122,8 @@ var lodash = { exports: {} };
         return arguments.length ? result2(arguments[0], arguments[1]) : result2;
       }
       function getMapData(map2, key) {
-        var data2 = map2.__data__;
-        return isKeyable(key) ? data2[typeof key == "string" ? "string" : "hash"] : data2.map;
+        var data = map2.__data__;
+        return isKeyable(key) ? data[typeof key == "string" ? "string" : "hash"] : data.map;
       }
       function getMatchData(object) {
         var result2 = keys(object), length = result2.length;
@@ -3386,8 +3195,8 @@ var lodash = { exports: {} };
       function getView(start, end, transforms) {
         var index = -1, length = transforms.length;
         while (++index < length) {
-          var data2 = transforms[index], size2 = data2.size;
-          switch (data2.type) {
+          var data = transforms[index], size2 = data.size;
+          switch (data.type) {
             case "drop":
               start += size2;
               break;
@@ -3518,8 +3327,8 @@ var lodash = { exports: {} };
         if (func === other) {
           return true;
         }
-        var data2 = getData(other);
-        return !!data2 && func === data2[0];
+        var data = getData(other);
+        return !!data && func === data[0];
       }
       function isMasked(func) {
         return !!maskSrcKey && maskSrcKey in func;
@@ -3550,41 +3359,41 @@ var lodash = { exports: {} };
         var cache = result2.cache;
         return result2;
       }
-      function mergeData(data2, source) {
-        var bitmask = data2[1], srcBitmask = source[1], newBitmask = bitmask | srcBitmask, isCommon = newBitmask < (WRAP_BIND_FLAG | WRAP_BIND_KEY_FLAG | WRAP_ARY_FLAG);
-        var isCombo = srcBitmask == WRAP_ARY_FLAG && bitmask == WRAP_CURRY_FLAG || srcBitmask == WRAP_ARY_FLAG && bitmask == WRAP_REARG_FLAG && data2[7].length <= source[8] || srcBitmask == (WRAP_ARY_FLAG | WRAP_REARG_FLAG) && source[7].length <= source[8] && bitmask == WRAP_CURRY_FLAG;
+      function mergeData(data, source) {
+        var bitmask = data[1], srcBitmask = source[1], newBitmask = bitmask | srcBitmask, isCommon = newBitmask < (WRAP_BIND_FLAG | WRAP_BIND_KEY_FLAG | WRAP_ARY_FLAG);
+        var isCombo = srcBitmask == WRAP_ARY_FLAG && bitmask == WRAP_CURRY_FLAG || srcBitmask == WRAP_ARY_FLAG && bitmask == WRAP_REARG_FLAG && data[7].length <= source[8] || srcBitmask == (WRAP_ARY_FLAG | WRAP_REARG_FLAG) && source[7].length <= source[8] && bitmask == WRAP_CURRY_FLAG;
         if (!(isCommon || isCombo)) {
-          return data2;
+          return data;
         }
         if (srcBitmask & WRAP_BIND_FLAG) {
-          data2[2] = source[2];
+          data[2] = source[2];
           newBitmask |= bitmask & WRAP_BIND_FLAG ? 0 : WRAP_CURRY_BOUND_FLAG;
         }
         var value = source[3];
         if (value) {
-          var partials = data2[3];
-          data2[3] = partials ? composeArgs(partials, value, source[4]) : value;
-          data2[4] = partials ? replaceHolders(data2[3], PLACEHOLDER) : source[4];
+          var partials = data[3];
+          data[3] = partials ? composeArgs(partials, value, source[4]) : value;
+          data[4] = partials ? replaceHolders(data[3], PLACEHOLDER) : source[4];
         }
         value = source[5];
         if (value) {
-          partials = data2[5];
-          data2[5] = partials ? composeArgsRight(partials, value, source[6]) : value;
-          data2[6] = partials ? replaceHolders(data2[5], PLACEHOLDER) : source[6];
+          partials = data[5];
+          data[5] = partials ? composeArgsRight(partials, value, source[6]) : value;
+          data[6] = partials ? replaceHolders(data[5], PLACEHOLDER) : source[6];
         }
         value = source[7];
         if (value) {
-          data2[7] = value;
+          data[7] = value;
         }
         if (srcBitmask & WRAP_ARY_FLAG) {
-          data2[8] = data2[8] == null ? source[8] : nativeMin(data2[8], source[8]);
+          data[8] = data[8] == null ? source[8] : nativeMin(data[8], source[8]);
         }
-        if (data2[9] == null) {
-          data2[9] = source[9];
+        if (data[9] == null) {
+          data[9] = source[9];
         }
-        data2[0] = source[0];
-        data2[1] = newBitmask;
-        return data2;
+        data[0] = source[0];
+        data[1] = newBitmask;
+        return data;
       }
       function nativeKeysIn(object) {
         var result2 = [];
@@ -3635,7 +3444,7 @@ var lodash = { exports: {} };
         return object[key];
       }
       var setData = shortOut(baseSetData);
-      var setTimeout2 = ctxSetTimeout || function(func, wait) {
+      var setTimeout = ctxSetTimeout || function(func, wait) {
         return root.setTimeout(func, wait);
       };
       var setToString = shortOut(baseSetToString);
@@ -4427,7 +4236,7 @@ var lodash = { exports: {} };
         }
         function leadingEdge(time) {
           lastInvokeTime = time;
-          timerId = setTimeout2(timerExpired, wait);
+          timerId = setTimeout(timerExpired, wait);
           return leading ? invokeFunc(time) : result2;
         }
         function remainingWait(time) {
@@ -4443,7 +4252,7 @@ var lodash = { exports: {} };
           if (shouldInvoke(time)) {
             return trailingEdge(time);
           }
-          timerId = setTimeout2(timerExpired, remainingWait(time));
+          timerId = setTimeout(timerExpired, remainingWait(time));
         }
         function trailingEdge(time) {
           timerId = undefined$1;
@@ -4474,12 +4283,12 @@ var lodash = { exports: {} };
             }
             if (maxing) {
               clearTimeout(timerId);
-              timerId = setTimeout2(timerExpired, wait);
+              timerId = setTimeout(timerExpired, wait);
               return invokeFunc(lastCallTime);
             }
           }
           if (timerId === undefined$1) {
-            timerId = setTimeout2(timerExpired, wait);
+            timerId = setTimeout(timerExpired, wait);
           }
           return result2;
         }
@@ -6075,10 +5884,12 @@ const ComponentSchema = {
         { title: "Container", const: "WrapperSection" },
         { title: "DataGrid", const: "DataGrid" },
         { title: "Date", const: "Date" },
+        { title: "DateTime", const: "DateTime" },
         { title: "Download File", const: "DownloadFile" },
         { 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" },
@@ -6099,7 +5910,18 @@ const ComponentSchema = {
         { title: "Text", const: "Text" },
         { title: "Text Area", const: "TextArea" },
         { title: "Timer", const: "Timer" },
-        { title: "Upload File", const: "UploadFile" }
+        { title: "Upload File", const: "UploadFile" },
+        { title: "Timer", const: "Timer" },
+        { title: "Upload File", const: "UploadFile" },
+        { title: "TreeMap", const: "TreeMap" },
+        { title: "ColumnGroup", const: "ColumnGroup" }
+      ]
+    },
+    columnFormat: {
+      oneOf: [
+        { title: "Date Column", const: "date" },
+        { title: "DateTime Column", const: "dateTime" },
+        { title: "Amount Column", const: "amount" }
       ]
     },
     orientation: {
@@ -6493,6 +6315,24 @@ const componentBasicUiSchema = {
                 }
               }
             },
+            {
+              type: "Control",
+              scope: "#/properties/columnFormat",
+              options: {
+                widget: "SelectInputField"
+              },
+              config: {
+                layout: {
+                  xs: 12,
+                  sm: 12,
+                  md: 6,
+                  lg: 6
+                },
+                main: {
+                  label: "Column Format"
+                }
+              }
+            },
             {
               type: "Control",
               scope: "#/properties/proc",
@@ -6560,256 +6400,54 @@ const componentBasicUiSchema = {
     },
     {
       type: "Control",
-      scope: "#/properties/popUpComponentSection",
+      scope: "#/properties/proc",
+      config: {
+        layout: { xs: 11, sm: 11, md: 6, lg: 6 }
+      },
+      options: {
+        widget: "EmptyBox"
+      }
+    },
+    {
+      type: "Control",
+      scope: "#/properties/btn",
       options: {
-        widget: "PopUp"
+        widget: "Button"
       },
       config: {
         layout: {
-          xs: 12,
-          sm: 12,
-          md: 12,
-          lg: 12
+          xs: 11,
+          sm: 11,
+          md: 2.5,
+          lg: 2.5
         },
         main: {
-          title: "Delete Content"
+          name: "Ok",
+          startIcon: "ApproveIcon",
+          variant: "contained",
+          color: "info",
+          type: "text",
+          onClick: "okHandler",
+          size: "small"
         },
         style: {
-          width: "32%",
-          margin: "auto"
-        }
-      },
-      elements: [
-        {
-          type: "Control",
-          scope: "#/properties/label",
-          options: {
-            widget: "Box"
-          },
-          config: {
-            layout: 12,
-            main: {
-              heading: "Are you sure you want to delete ?"
-            },
-            style: {
-              marginTop: "-25px",
-              marginLeft: "11px"
-            }
-          }
-        },
-        {
-          type: "Control",
-          scope: "#/properties/EmptyBox",
-          options: {
-            widget: "EmptyBox"
-          },
-          config: {
-            main: {},
-            layout: { xs: 11, sm: 4.5, md: 4.5, lg: 4.5 }
-          }
-        },
-        {
-          type: "Control",
-          scope: "#/properties/ConfirmDeleteCompButton",
-          options: {
-            widget: "Button"
-          },
-          config: {
-            layout: 3,
-            main: {
-              name: "Yes",
-              endIcon: "DeleteIcon",
-              variant: "contained",
-              color: "info",
-              type: "text",
-              onClick: "deleteComponents",
-              size: "small"
-            }
-          }
-        },
-        {
-          type: "Control",
-          scope: "#/properties/CancelDeleteCompButton",
-          options: {
-            widget: "Button"
-          },
-          config: {
-            layout: 3,
-            main: {
-              name: "No",
-              endIcon: "CloseIcon",
-              variant: "contained",
-              color: "info",
-              type: "text",
-              onClick: "deletePopUpComponent",
-              size: "small"
-            }
-          }
-        },
-        {
-          type: "Control",
-          scope: "#/properties/EmptyBox",
-          options: {
-            widget: "EmptyBox"
-          },
-          config: {
-            main: {},
-            layout: 0.5
-          }
+          marginBottom: "8px",
+          float: "right"
         }
-      ]
+      }
     },
     {
       type: "Control",
-      scope: "#/properties/popUpEventSection",
+      scope: "#/properties/btnSubmit",
       options: {
-        widget: "PopUp"
+        widget: "Button"
       },
       config: {
         layout: {
-          xs: 12,
-          sm: 12,
-          md: 12,
-          lg: 12
-        },
-        style: {
-          width: "32%",
-          margin: "auto"
-        },
-        main: {
-          title: "Delete Content"
-        }
-      },
-      elements: [
-        {
-          type: "Control",
-          scope: "#/properties/label",
-          options: {
-            widget: "Box"
-          },
-          config: {
-            layout: 12,
-            main: {
-              heading: "Are you sure you want to delete ?"
-            },
-            style: {
-              marginTop: "-25px",
-              marginLeft: "11px"
-            }
-          }
-        },
-        {
-          type: "Control",
-          scope: "#/properties/EmptyBox",
-          options: {
-            widget: "EmptyBox"
-          },
-          config: {
-            main: {},
-            layout: { xs: 11, sm: 4.5, md: 4.5, lg: 4.5 }
-          }
-        },
-        {
-          type: "Control",
-          scope: "#/properties/ConfirmDeleteEventButton",
-          options: {
-            widget: "Button"
-          },
-          config: {
-            layout: 3,
-            main: {
-              name: "Yes",
-              endIcon: "DeleteIcon",
-              variant: "contained",
-              color: "info",
-              type: "text",
-              onClick: "deleteEvent",
-              size: "small"
-            }
-          }
-        },
-        {
-          type: "Control",
-          scope: "#/properties/CancelDeleteEventButton",
-          options: {
-            widget: "Button"
-          },
-          config: {
-            layout: 3,
-            main: {
-              name: "No",
-              endIcon: "CloseIcon",
-              variant: "contained",
-              color: "info",
-              type: "text",
-              onClick: "deletePopUpEvent",
-              size: "small"
-            }
-          }
-        },
-        {
-          type: "Control",
-          scope: "#/properties/EmptyBox",
-          options: {
-            widget: "EmptyBox"
-          },
-          config: {
-            main: {},
-            layout: 0.5
-          }
-        }
-      ]
-    },
-    {
-      type: "Control",
-      scope: "#/properties/proc",
-      config: {
-        layout: { xs: 11, sm: 11, md: 6, lg: 6 }
-      },
-      options: {
-        widget: "EmptyBox"
-      }
-    },
-    {
-      type: "Control",
-      scope: "#/properties/btn",
-      options: {
-        widget: "Button"
-      },
-      config: {
-        layout: {
-          xs: 11,
-          sm: 11,
-          md: 2.5,
-          lg: 2.5
-        },
-        main: {
-          name: "Ok",
-          startIcon: "ApproveIcon",
-          variant: "contained",
-          color: "info",
-          type: "text",
-          onClick: "okHandler",
-          size: "small"
-        },
-        style: {
-          marginBottom: "8px",
-          float: "right"
-        }
-      }
-    },
-    {
-      type: "Control",
-      scope: "#/properties/btnSubmit",
-      options: {
-        widget: "Button"
-      },
-      config: {
-        layout: {
-          xs: 11,
-          sm: 11,
-          md: 2.5,
-          lg: 2.5
+          xs: 11,
+          sm: 11,
+          md: 2.5,
+          lg: 2.5
         },
         main: {
           name: "Save & Exit",
@@ -6889,6 +6527,24 @@ const CoreSection = {
         }
       }
     },
+    {
+      type: "Control",
+      scope: "#/properties/columnFormat",
+      options: {
+        widget: "SelectInputField"
+      },
+      config: {
+        layout: {
+          xs: 12,
+          sm: 12,
+          md: 6,
+          lg: 6
+        },
+        main: {
+          label: "Column Format"
+        }
+      }
+    },
     {
       type: "Control",
       scope: "#/properties/proc",
@@ -7066,7 +6722,7 @@ const EventSection = {
                     icon: "RejectIcon",
                     color: "error",
                     tooltipMessage: "Reject This Record",
-                    onClick: "deletePopUpEvent"
+                    onClick: "deleteEvent"
                   }
                 }
               }
@@ -7288,6 +6944,22 @@ const GraphSection = {
 const buildPropertiesSection = function(type) {
   let uiSchema = _.cloneDeep(GraphSection);
   switch (type) {
+    case "TreeMap":
+      uiSchema.elements = [
+        getSelectField("orientation", "orientation"),
+        getInputField("linkType", "linkType"),
+        getInputField("graphHeight", "Graph Height"),
+        getInputField("graphWidth", "Graph Width"),
+        getInputField("graphZoomHeight", "Zoom Height")
+      ];
+    case "InputSlider":
+      uiSchema.elements = [
+        getInputField("max", "Max Limit"),
+        getInputField("step", "Step"),
+        getInputField("min", "Min Limit"),
+        getRadioInputField("limitToMax", "Applly Max. Limit", ["YES", "NO"])
+      ];
+      break;
     case "DataGrid":
       uiSchema.elements = [
         getRadioInputField("divider", "Use Header divider", ["YES", "NO"]),
@@ -7395,15 +7067,24 @@ const buildPropertiesSection = function(type) {
         getInputField("leftLabel", "Left Label"),
         getInputField("bottomLabel", "Bottom Label"),
         getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
+        getInputField("yAxisValue", "Y-AxisValue"),
+        getInputField("xAxisValue", "X-AxisValue"),
         getArrayControl("legendLabels", "label"),
         getArrayControl("pieArcColors", "color")
       ];
       break;
     case "WrapperSection":
-      uiSchema.elements = [getRadioInputField("divider", "Divider", ["YES", "No"]), EmptyBox];
+      uiSchema.elements = [
+        getRadioInputField("divider", "Divider", ["YES", "No"]),
+        getRadioInputField("isAccordion", "Accordion", ["YES", "No"]),
+        getRadioInputField("defaultStyle", "Default Style", ["YES", "No"]),
+        getInputField("rowSpacing", "Row Spacing")
+      ];
       break;
     case "TabSection":
       uiSchema.elements = [
+        getRadioInputField("verticalOrientation", "Vertical Orientation", ["YES", "NO"]),
+        getRadioInputField("lazyLoad", "Lazy Load", ["YES", "NO"]),
         getArrayControl("sectionLabels", "label")
       ];
       break;
@@ -7582,7 +7263,7 @@ const TableSection = {
                   main: {
                     icon: "RejectIcon",
                     color: "error",
-                    onClick: "deletePopUpComponent",
+                    onClick: "deleteComponents",
                     tooltipMessage: "Reject This Record"
                   }
                 }
@@ -7732,18 +7413,21 @@ const createLayoutFormat = (config) => {
       lg: 5.5
     };
   }
-  let data2 = {};
+  let data = {};
   config.map((e) => {
-    data2[e.key || "xs"] = +e.value || 5.5;
+    data[e.key || "xs"] = +e.value || 5.5;
   });
-  return data2;
+  return data;
 };
 const flatObjectValueInArray = (config) => {
+  if (config[0].length < 1) {
+    return;
+  }
   const keyName = Object.keys(config[0])[0];
-  const data2 = config.map((e) => {
+  const data = config.map((e) => {
     return e[keyName];
   });
-  return data2;
+  return data;
 };
 const clearFromLocalStorage = () => {
   localStorage.removeItem("pageFormdata");
@@ -7761,9 +7445,9 @@ const getNavigationHistory = (config, path) => {
       arr.push(`${arr[i - 1]}.${e}`);
     });
     arr.map((e) => {
-      const data2 = _.get(config, e);
-      if (data2) {
-        urlRoutes = urlRoutes + ` >    ${(data2 == null ? void 0 : data2.name) || (data2 == null ? void 0 : data2.eventType)}`;
+      const data = _.get(config, e);
+      if (data) {
+        urlRoutes = urlRoutes + ` >    ${(data == null ? void 0 : data.name) || (data == null ? void 0 : data.eventType)}`;
       } else {
         urlRoutes = urlRoutes + " > NewComponent";
       }
@@ -7797,14 +7481,14 @@ const getFormdataFromLocalStorage = (path) => {
 };
 async function saveHandler(store2, service2, submitHandler, pageName) {
   var _a, _b;
-  const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
+  (_a = store2.searchParams) == null ? void 0 : _a.get("id");
   const path = (_b = store2.searchParams) == null ? void 0 : _b.get("path");
   saveFormdataInLocalStorage(store2.ctx.core.data, path);
   const config = JSON.parse(localStorage.getItem("pageFormdata"));
   if (_.isEmpty(store2.ctx.core.errors)) {
     try {
       const saveReturn = await submitHandler(store2, service2, config);
-      navigateHandler(store2, true, pageName ? `/${pageName}?id=${id}` : "/PageMasterRecords");
+      navigateHandler(store2, true, pageName ? `/${pageName}?id=${saveReturn.id}` : "/PageMasterRecords");
     } catch (err) {
       navigateHandler(store2, false);
     }
@@ -7846,32 +7530,35 @@ function okHandler(store2) {
   }
 }
 const sectionLabels = {
-  Select: ["Core", "Properties", "Value", "style", "Event", "Validation"],
-  MultipleSelect: ["Core", "Properties", "Value", "style", "Event", "Validation"],
-  Table: ["Core", "Components", "Properties", "style", "Event", "Validation"],
-  LeaderBoard: ["Core", "Components", "Properties", "style", "Event", "Validation"],
-  WrapperSection: ["Core", "Components", "Properties", "style", "Validation"],
-  TabSection: ["Core", "Components", "Properties", "style", "Validation"],
-  SpeedoMeter: ["Core", "Properties", "style", "Event", "Validation"],
-  card: ["Core", "Properties", "style", "Event", "Validation"],
-  UploadFile: ["Core", "style", "Event", "Validation"],
-  Graph: ["Core", "Properties", "style", "Event", "Validation"],
-  DownloadFile: ["Core", "style", "Event", "Validation"],
-  Box: ["Core", "style", "Event", "Validation"],
-  Properties: ["Core", "Properties", "style", "Event", "Validation"],
-  ProgressBarCard: ["Core", "Properties", "style", "Event", "Validation"],
-  RankCard: ["Core", "Properties", "style", "Event", "Validation"],
-  Slider: ["Core", "Components", "style", "Event", "Validation"],
-  Timer: ["Core", "style", "Event", "Validation"],
-  Rank: ["Core", "style", "Event", "Validation"],
-  Button: ["Core", "Properties", "style", "Event", "Validation"],
+  Select: ["Core", "Properties", "Value", "Event", "Style", "Validation"],
+  MultipleSelect: ["Core", "Properties", "Value", "Event", "Style", "Validation"],
+  Table: ["Core", "Components", "Properties", "Event", "Style", "Validation"],
+  LeaderBoard: ["Core", "Components", "Properties", "Event", "Style", "Validation"],
+  WrapperSection: ["Core", "Components", "Properties", "Style", "Validation"],
+  TabSection: ["Core", "Components", "Properties", "Style", "Validation"],
+  SpeedoMeter: ["Core", "Properties", "Event", "Style", "Validation"],
+  card: ["Core", "Properties", "Event", "Style", "Validation"],
+  UploadFile: ["Core", "Event", "Style", "Validation"],
+  Graph: ["Core", "Properties", "Event", "Style", "Validation"],
+  DownloadFile: ["Core", "Event", "Style", "Validation"],
+  Box: ["Core", "Event", "Style", "Validation"],
+  Properties: ["Core", "Properties", "Event", "Style", "Validation"],
+  ProgressBarCard: ["Core", "Properties", "Event", "Style", "Validation"],
+  RankCard: ["Core", "Properties", "Event", "Style", "Validation"],
+  Slider: ["Core", "Components", "Event", "Style", "Validation"],
+  Timer: ["Core", "Event", "Style", "Validation"],
+  Rank: ["Core", "Event", "Style", "Validation"],
+  Button: ["Core", "Properties", "Event", "Style", "Validation"],
   Array: ["Core", "Components", "Validation"],
-  Radio: ["Core", "Properties", "style", "Event", "Validation"],
-  Text: ["Core", "Properties", "style", "Event", "Validation"],
-  TextArea: ["Core", "Properties", "style", "Event", "Validation"],
-  PopUp: ["Core", "Components", "Properties", "style"],
-  Stepper: ["Core", "Components", "Properties", "Event", "style"],
-  DataGrid: ["Core", "Components", "Properties", "Event", "style"]
+  Radio: ["Core", "Properties", "Event", "Style", "Validation"],
+  Text: ["Core", "Properties", "Event", "Style", "Validation"],
+  TextArea: ["Core", "Properties", "Event", "Style", "Validation"],
+  PopUp: ["Core", "Components", "Properties", "Style"],
+  Stepper: ["Core", "Components", "Properties", "Event", "Style"],
+  DataGrid: ["Core", "Components", "Properties", "Event", "Style"],
+  InputSlider: ["Core", "Properties", "Event", "Style", "Validation"],
+  TreeMap: ["Core", "Components", "Properties", "Event", "Style"],
+  ColumnGroup: ["Core", "Components"]
 };
 const refreshPage = (type, store2) => {
   var _a;
@@ -7880,14 +7567,14 @@ const refreshPage = (type, store2) => {
     const sectionUiSchema = {
       Core: CoreSection,
       Value: ValueTab,
-      style: StyleSection,
+      Style: StyleSection,
       Event: EventSection,
       Components: TableSection,
       Properties: buildPropertiesSection(type),
       Validation: ValidationSection
     };
     const elements = (_a = sectionLabels[type]) == null ? void 0 : _a.map((e) => sectionUiSchema[e]);
-    UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "style", "Event", "Validation"];
+    UiSchema.elements[1].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Event", "Validation"];
     UiSchema.elements[1].elements = elements || [CoreSection, StyleSection, EventSection, ValidationSection];
   }
   store2.setUiSchema(UiSchema);
@@ -7934,30 +7621,22 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
         store2.navigate(`/Component?path=${`elements[${rowId}]`}&id=${id}`);
       }
     },
-    deleteComponents: function(shouldUpdateDialog = true) {
+    deleteComponents: function() {
       var _a;
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
-      const rowId = localStorage.getItem("rowId");
+      const rowId = dynamicData2.path.split(".")[1];
       store2.formData.elements.splice(rowId, 1);
-      const response2 = saveFormdataInLocalStorage(store2.ctx.core.data, path);
-      const data2 = path ? _.get(response2, path) : response2;
-      store2.setFormdata(data2);
-      if (shouldUpdateDialog) {
-        store2.updateDialog("popUpComponentSection");
-      }
-      localStorage.removeItem("rowId");
+      const response = saveFormdataInLocalStorage(store2.ctx.core.data, path);
+      const data = path ? _.get(response, path) : response;
+      store2.setFormdata(data);
     },
-    deleteEvent: function(shouldUpdateDialog = true) {
+    deleteEvent: function() {
       var _a;
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
-      const rowId = localStorage.getItem("rowId");
+      const rowId = dynamicData2.path.split(".")[1];
       store2.formData.events.splice(rowId, 1);
-      const response2 = saveFormdataInLocalStorage(store2.ctx.core.data, path);
-      store2.setFormdata(_.get(response2, path));
-      if (shouldUpdateDialog) {
-        store2.updateDialog("popUpEventSection");
-      }
-      localStorage.removeItem("rowId");
+      const response = saveFormdataInLocalStorage(store2.ctx.core.data, path);
+      store2.setFormdata(_.get(response, path));
     },
     widgetAddClickHandler: function() {
       var _a;
@@ -7993,21 +7672,11 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
     },
     backHandler: function() {
       store2.navigate(-1);
-    },
-    deletePopUpComponent: function() {
-      const rowId = dynamicData2.path.split(".")[1];
-      localStorage.setItem("rowId", rowId);
-      store2.updateDialog("popUpComponentSection");
-    },
-    deletePopUpEvent: function() {
-      const rowId = dynamicData2.path.split(".")[1];
-      localStorage.setItem("rowId", rowId);
-      store2.updateDialog("popUpEventSection");
     }
   };
 };
 var pageMaster = (funcParams) => {
-  const { store: store2, dynamicData: dynamicData2, config, submitHandler, service: service2 } = funcParams;
+  const { store: store2, dynamicData: dynamicData2, submitHandler, service: service2 } = funcParams;
   return {
     setPage: async function() {
       const formdata = await this.getFormdata();
@@ -8017,9 +7686,10 @@ var pageMaster = (funcParams) => {
       store2.setSchema(schema2);
       store2.setUiSchema(uiSchema);
     },
-    getFormdata: function() {
+    getFormdata: async function() {
       var _a;
-      (_a = store2.searchParams) == null ? void 0 : _a.get("id");
+      const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
+      const config = await funcParams.pageConfigProvider(id);
       const formData = getFormdataFromLocalStorage();
       if (formData) {
         return formData;
@@ -8043,17 +7713,20 @@ var pageMaster = (funcParams) => {
       if (!Array.isArray(store2.formData.elements)) {
         store2.formData.elements = [];
       }
-      const response2 = saveFormdataInLocalStorage(store2.ctx.core.data);
-      store2.navigate(
-        `/Component?path=${`elements[${response2 == null ? void 0 : response2.elements.length}]`}&id=${id}`
-      );
+      const response = saveFormdataInLocalStorage(store2.ctx.core.data);
+      if (id) {
+        store2.navigate(
+          `/Component?path=${`elements[${response == null ? void 0 : response.elements.length}]`}&id=${id}`
+        );
+      } else {
+        store2.navigate(
+          `/Component?path=${`elements[${response == null ? void 0 : response.elements.length}]`}`
+        );
+      }
     },
     saveHandler: async () => await saveHandler(store2, service2, submitHandler),
     Edit_Components: Component(store2, dynamicData2, submitHandler, service2).editComponents,
-    Delete_Components: async function() {
-      await Component(store2, dynamicData2, submitHandler, service2).deleteComponents(false);
-      store2.updateDialog("popUpPageMasterComponent");
-    },
+    Delete_Components: Component(store2, dynamicData2, submitHandler, service2).deleteComponents,
     eventAddHandler: function() {
       var _a;
       const id = (_a = store2.searchParams) == null ? void 0 : _a.get("id");
@@ -8073,22 +7746,10 @@ var pageMaster = (funcParams) => {
       store2.navigate(`/ComponentEvents?path=${finalPath}&id=${id}`);
     },
     deleteEvent: function() {
-      const rowId = localStorage.getItem("rowId");
-      store2.formData.events.splice(rowId, 1);
-      const response2 = saveFormdataInLocalStorage(store2.ctx.core.data);
-      store2.setFormdata(response2);
-      store2.updateDialog("popUpPageMasterEvent");
-      localStorage.removeItem("rowId");
-    },
-    deletePopUpComponent: function() {
       const rowId = dynamicData2.path.split(".")[1];
-      localStorage.setItem("rowId", rowId);
-      store2.updateDialog("popUpPageMasterComponent");
-    },
-    deletePopUpEvent: function() {
-      const rowId = dynamicData2.path.split(".")[1];
-      localStorage.setItem("rowId", rowId);
-      store2.updateDialog("popUpPageMasterEvent");
+      store2.formData.events.splice(rowId, 1);
+      const response = saveFormdataInLocalStorage(store2.ctx.core.data);
+      store2.setFormdata(response);
     }
   };
 };
@@ -8135,8 +7796,10 @@ const EventSchema = {
         { title: "Click Event", const: "onClick" },
         { title: "Load Event", const: "onLoad" },
         { title: "Change Event", const: "onChange" },
+        { title: "Mount Event", const: "onMount" },
         { title: "Success", const: "Success" },
         { title: "onStart", const: "onStart" },
+        { title: "Cell Renderer", const: "onCellRenderer" },
         { title: "File Upload Event", const: "onUpload" },
         { title: "Back Event", const: "onBack" },
         { title: "Next Event", const: "onNext" },
@@ -8388,7 +8051,7 @@ const EventUiSchema = {
                         icon: "RejectIcon",
                         color: "error",
                         tooltipMessage: "Reject This Record",
-                        onClick: "deletePopUpEvent"
+                        onClick: "deleteEvent"
                       }
                     }
                   }
@@ -8399,107 +8062,6 @@ const EventUiSchema = {
         }
       ]
     },
-    {
-      type: "Control",
-      scope: "#/properties/popUpEvent",
-      options: {
-        widget: "PopUp"
-      },
-      config: {
-        layout: {
-          xs: 12,
-          sm: 12,
-          md: 12,
-          lg: 12
-        },
-        style: {
-          width: "32%",
-          margin: "auto"
-        },
-        main: {
-          title: "Delete Content"
-        }
-      },
-      elements: [
-        {
-          type: "Control",
-          scope: "#/properties/label",
-          options: {
-            widget: "Box"
-          },
-          config: {
-            layout: 12,
-            main: {
-              heading: "Are you sure you want to delete ?"
-            },
-            style: {
-              marginTop: "-25px",
-              marginLeft: "11px"
-            }
-          }
-        },
-        {
-          type: "Control",
-          scope: "#/properties/EmptyBox",
-          options: {
-            widget: "EmptyBox"
-          },
-          config: {
-            main: {},
-            layout: { xs: 11, sm: 5.5, md: 4.5, lg: 4.5 }
-          }
-        },
-        {
-          type: "Control",
-          scope: "#/properties/ConfirmDeleteEventButton",
-          options: {
-            widget: "Button"
-          },
-          config: {
-            layout: 3,
-            main: {
-              name: "Yes",
-              endIcon: "DeleteIcon",
-              variant: "contained",
-              color: "info",
-              type: "text",
-              onClick: "deleteEvent",
-              size: "small"
-            }
-          }
-        },
-        {
-          type: "Control",
-          scope: "#/properties/CancelDeleteEventButton",
-          options: {
-            widget: "Button"
-          },
-          config: {
-            layout: 3,
-            main: {
-              name: "No",
-              endIcon: "CloseIcon",
-              variant: "contained",
-              color: "info",
-              type: "text",
-              onClick: "deletePopUpEvent",
-              size: "small"
-            }
-          }
-        },
-        {
-          type: "Control",
-          scope: "#/properties/EmptyBox",
-          options: {
-            widget: "EmptyBox"
-          },
-          config: {
-            main: {},
-            layout: 0.5
-          }
-        }
-      ]
-    },
     {
       type: "Control",
       scope: "#/properties/proc",
@@ -8761,7 +8323,19 @@ const refreshSectionUiSchema = {
     }
   ]
 };
-var event = (store2, dynamicData2, submitHandler, service2) => {
+var emptyBox = {
+  type: "Control",
+  scope: "#/properties/emptyBox",
+  options: {
+    widget: "EmptyBox"
+  },
+  config: {
+    layout: { xs: 12, sm: 12, md: 5.5, lg: 5.5 },
+    main: {},
+    style: {}
+  }
+};
+var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
   return {
     setPage: async function() {
       const formdata = await this.getFormData();
@@ -8775,7 +8349,9 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
       const schema2 = _.cloneDeep(EventSchema);
       if (handlerType) {
         if (handlerType === "custom") {
-          uiSchema.elements[1].elements[0].elements[2] = getTextArea("eventCode", "Write Custom Code", false);
+          uiSchema.elements[1].elements[0].elements[2] = getRadioInputField("isSync", "Run in Sync", ["Yes", "No"]);
+          uiSchema.elements[1].elements[0].elements[3] = emptyBox;
+          uiSchema.elements[1].elements[0].elements[4] = getTextArea("eventCode", "Write Custom Code", false);
           schema2.required = ["eventType", "Handler", "eventCode"];
         } else if (handlerType === "api") {
           uiSchema.elements[1].elements[0].elements[2] = APISection;
@@ -8791,6 +8367,12 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
           schema2.required = ["eventType", "Handler", "refreshElements"];
         }
       }
+      if (functionsName) {
+        schema2.properties.inBuiltFunctionType.oneOf = [
+          ...schema2.properties.inBuiltFunctionType.oneOf,
+          ...functionsName
+        ];
+      }
       store22.setSchema(schema2);
       store22.setUiSchema(uiSchema);
     },
@@ -8831,41 +8413,33 @@ var event = (store2, dynamicData2, submitHandler, service2) => {
       store2.setSearchParams(store2.searchParams);
       this.setPage();
     },
-    deleteEvent: async function() {
-      await Component(store2, dynamicData2, submitHandler, service2).deleteEvent(false);
-      store2.updateDialog("popUpEvent");
-    },
+    deleteEvent: Component(store2, dynamicData2, submitHandler, service2).deleteEvent,
     backHandler: function() {
       store2.navigate(-1);
-    },
-    deletePopUpEvent: function() {
-      const rowId = dynamicData2.path.split(".")[1];
-      localStorage.setItem("rowId", rowId);
-      store2.updateDialog("popUpEvent");
     }
   };
 };
 const downloadFile$1 = (obj) => {
   const typeArr = obj.name.split(".");
-  const data2 = obj.data;
-  const finalData = window.atob(data2);
+  const data = obj.data;
+  const finalData = window.atob(data);
   let file;
   file = new File([finalData], typeArr[typeArr.length - 1]);
   const url = URL.createObjectURL(file);
   const link = document.createElement("a");
-  link.href = typeArr[typeArr.length - 1] === "pdf" ? "data:application/octet-stream;base64," + data2 : url;
+  link.href = typeArr[typeArr.length - 1] === "pdf" ? "data:application/octet-stream;base64," + data : url;
   link.download = `${obj.name}`;
   document.body.appendChild(link);
   link.click();
   URL.revokeObjectURL(url);
   document.body.removeChild(link);
 };
-const doDownload = (response2, service2) => {
-  let url = `${service2.defaults.baseURL}/${response2.path}`;
-  if (response2 == null ? void 0 : response2.params) {
-    const keysArray = Object.keys(response2 == null ? void 0 : response2.params);
+const doDownload = (response, service2) => {
+  let url = `${service2.defaults.baseURL}/${response.path}`;
+  if (response == null ? void 0 : response.params) {
+    const keysArray = Object.keys(response == null ? void 0 : response.params);
     keysArray.map((e, i) => {
-      url = url + `${i === 0 ? "?" : "&"}${e}=${response2 == null ? void 0 : response2.params[e]}`;
+      url = url + `${i === 0 ? "?" : "&"}${e}=${response == null ? void 0 : response.params[e]}`;
     });
   }
   const link = document.createElement("a");
@@ -8874,50 +8448,73 @@ const doDownload = (response2, service2) => {
   link.click();
   link.parentNode.removeChild(link);
 };
-const executeEvents = async (params2) => {
+const executeEvents = (params2) => {
   var _a, _b, _c;
   let nextEvent = [];
   let finalResponse = null;
+  if (params2.config.isSync !== "Yes") {
+    return shouldEventExecute(params2).then((shouldExecute2) => {
+      if (!shouldExecute2) {
+        throw new Error("onStart Event not allow to run Parent Events");
+      }
+      return executeEventsHandler(params2);
+    }).then((response) => {
+      var _a2;
+      finalResponse = response;
+      const SuccessEvent = (_a2 = params2.config) == null ? void 0 : _a2.events.filter((e) => e.eventType === "Success");
+      nextEvent = SuccessEvent;
+    }).catch((err) => {
+      var _a2, _b2;
+      const FailEvent = (_b2 = (_a2 = params2.config) == null ? void 0 : _a2.events) == null ? void 0 : _b2.filter((e) => e.eventType === "Fail");
+      const setEvent = (FailEvent == null ? void 0 : FailEvent.length) > 0 ? FailEvent : [];
+      nextEvent = setEvent;
+    }).then(() => {
+      if ((nextEvent == null ? void 0 : nextEvent.length) > 0) {
+        return nextEvent.reduce((chain, actionConfig) => {
+          return chain.then(() => executeEvents({ ...params2, config: actionConfig, parentEventOutput: finalResponse }));
+        }, Promise.resolve());
+      }
+    }).then(() => finalResponse);
+  }
+  const shouldExecute = shouldEventExecute(params2);
+  if (!shouldExecute) {
+    return { response: void 0, events: void 0 };
+  }
   try {
-    const shouldExecute = await shouldEventExecute(params2);
-    if (!shouldExecute) {
-      return { response: void 0, events: void 0 };
-    }
-    const response2 = await executeEventsHandler(params2);
-    finalResponse = response2;
+    const eventsResponse = executeEventsHandler(params2);
+    finalResponse = eventsResponse;
     const SuccessEvent = (_a = params2.config) == null ? void 0 : _a.events.filter((e) => e.eventType === "Success");
     nextEvent = SuccessEvent;
-  } catch (err) {
+  } catch {
     const FailEvent = (_c = (_b = params2.config) == null ? void 0 : _b.events) == null ? void 0 : _c.filter((e) => e.eventType === "Fail");
     const setEvent = (FailEvent == null ? void 0 : FailEvent.length) > 0 ? FailEvent : [];
     nextEvent = setEvent;
   }
   if ((nextEvent == null ? void 0 : nextEvent.length) > 0) {
     for (const actionConfig of nextEvent) {
-      await executeEvents({ ...params2, config: actionConfig, parentEventOutput: finalResponse });
+      executeEvents({ ...params2, config: actionConfig, parentEventOutput: finalResponse });
     }
   }
   return finalResponse;
 };
-async function executeEventsHandler(params2) {
+function executeEventsHandler(params2) {
   var _a, _b, _c;
   if (params2.config.Handler === "api") {
-    return await executeApiEventHandler(params2);
+    return executeApiRequest(params2);
   } else if (params2.config.Handler === "inBuiltFunction") {
-    return await executeInBuiltFunctionHandler(params2);
+    return executeInBuiltFunctionHandler(params2);
   } else if (params2.config.Handler === "custom") {
-    return await executeCustomHandler(params2);
+    return executeCustomHandler(params2);
   } else if (params2.config.Handler === "refresh") {
-    return await executeRefreshHandler(params2);
+    return executeRefreshHandler(params2);
   } else if (params2.config.Handler === "mergeFormdata") {
-    const result = await mergeFormdata(
+    return mergeFormdata(
       params2.parentEventOutput,
       params2.componentName,
       params2.config,
       params2.store,
       params2.service
     );
-    return result;
   } else if (params2.config.Handler === "onBackHandler") {
     return (_a = params2.store.functionParameters) == null ? void 0 : _a.handleBack();
   } else if (params2.config.Handler === "onNextHandler") {
@@ -8926,43 +8523,66 @@ async function executeEventsHandler(params2) {
     return (_c = params2.store.functionParameters) == null ? void 0 : _c.handleReset();
   }
 }
-async function executeRefreshHandler(params2) {
-  const compToRefresh = getRefreshElements(params2.config, params2.eventGroups);
-  for (const componentName of compToRefresh) {
-    for (const compEventConfig of params2.eventGroups.onLoad[componentName]) {
-      await executeEvents({ ...params2, config: compEventConfig, componentName });
+function getRefreshElements(eventConfig, eventGropus) {
+  var _a;
+  let result = [];
+  if (((_a = eventConfig == null ? void 0 : eventConfig.refreshElements) == null ? void 0 : _a.length) > 0) {
+    result = eventConfig.refreshElements.map((e) => {
+      return e.value;
+    });
+  } else {
+    if (eventGropus == null ? void 0 : eventGropus.onLoad) {
+      result = Object.keys(eventGropus == null ? void 0 : eventGropus.onLoad);
+      result.push(result[0]);
     }
   }
+  console.log(result);
+  return result;
 }
-async function executeApiEventHandler(params2) {
+function executeRefreshHandler(params2) {
+  const compToRefresh = getRefreshElements(params2.config, params2.eventGroups);
+  return Promise.all(compToRefresh.map((componentName) => {
+    return Promise.all(params2.eventGroups.onLoad[componentName].map((compEventConfig) => {
+      return executeEvents({ ...params2, config: compEventConfig, componentName });
+    }));
+  }));
+}
+function executeApiRequest(params2) {
   var _a;
   const initialBody = { ...(_a = params2.userValue) == null ? void 0 : _a.payload };
   const initialHeaders = {
     "X-Requested-With": "XMLHttpRequest",
     "Access-Control-Allow-Origin": "*"
   };
-  const { body: body2, headers: headers2 } = await buildApiPayload(params2.config, initialBody, initialHeaders, params2.store, params2.dynamicData, params2.userValue, params2.service);
-  const response2 = await params2.service[params2.config.method](
+  const payloadApi = buildApiPayload(params2.config, initialBody, initialHeaders, params2.store, params2.dynamicData, params2.userValue, params2.service);
+  return params2.service[params2.config.method](
     params2.config.path,
-    body2,
-    headers2 && { headers: headers2 }
-  );
-  return response2;
+    payloadApi.body,
+    { headers: payloadApi.headers }
+  ).then((response) => {
+    return response;
+  });
 }
-async function executeInBuiltFunctionHandler(params) {
+function executeInBuiltFunctionHandler(params) {
   let parameter = {};
   if (params.config.funcParametersCode) {
     const makeFunc = eval(params.config.funcParametersCode);
     parameter = makeFunc(params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service);
+    params.serviceHolder[params.config.inBuiltFunctionType](parameter, params.service);
+  } else {
+    params.serviceHolder[params.config.inBuiltFunctionType](params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service);
   }
-  params.serviceHolder[params.config.inBuiltFunctionType](parameter);
 }
-async function executeCustomHandler(params) {
+function executeCustomHandler(params) {
   const makeFunc = eval(params.config.eventCode);
-  const response = await makeFunc(params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service, params.componentName);
-  return response;
+  if (params.config.isSync !== "Yes") {
+    return makeFunc(params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service, params.componentName).then((res) => res);
+  } else {
+    const response = makeFunc(params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service, params.componentName);
+    return response;
+  }
 }
-async function mergeFormdata(handlerResponse, componentName, eventConfig, store2, service2) {
+function mergeFormdata(handlerResponse, componentName, eventConfig, store2, service2) {
   if (eventConfig.type === "Select" && !(_.isEmpty(handlerResponse == null ? void 0 : handlerResponse.data) && (handlerResponse == null ? void 0 : handlerResponse.data))) {
     store2.setSchema((pre) => {
       var _a;
@@ -9003,14 +8623,14 @@ async function mergeFormdata(handlerResponse, componentName, eventConfig, store2
   } else {
     if (handlerResponse) {
       store2.setFormdata((pre) => {
-        return { ...pre, [componentName]: eventConfig.lazyLoading ? handlerResponse.data.data : handlerResponse.data };
+        var _a;
+        return { ...pre, [componentName]: eventConfig.lazyLoading ? (_a = handlerResponse == null ? void 0 : handlerResponse.data) == null ? void 0 : _a.data : handlerResponse.data };
       });
-      await asyncOperation();
     }
   }
 }
 const buildBodyFormat = (body2, formData, userValue2) => {
-  const finalBody = { ...userValue2 == null ? void 0 : userValue2.payload };
+  let finalBody = { ...userValue2 == null ? void 0 : userValue2.payload };
   body2.map((elem) => {
     var _a, _b;
     if (typeof (elem == null ? void 0 : elem.value) !== "string") {
@@ -9022,6 +8642,10 @@ const buildBodyFormat = (body2, formData, userValue2) => {
       } else if ((_b = elem == null ? void 0 : elem.value) == null ? void 0 : _b.startsWith("$")) {
         const finalpath = elem.value.substring(1);
         finalBody[elem.key] = _.get(formData, finalpath);
+      } else if ((elem == null ? void 0 : elem.value) === "*" && (elem == null ? void 0 : elem.key) === "*") {
+        finalBody = { ...finalBody, ...formData };
+      } else if ((elem == null ? void 0 : elem.value) === "*") {
+        finalBody[elem.key] = formData;
       } else {
         finalBody[elem.key] = elem.value;
       }
@@ -9038,17 +8662,26 @@ const buildHeadersFormat = (headers2) => {
   });
   return headerObj;
 };
-async function shouldEventExecute(params2) {
-  var _a, _b;
+function shouldEventExecute(params2) {
+  var _a, _b, _c;
   const startEvent = (_b = (_a = params2.config) == null ? void 0 : _a.events) == null ? void 0 : _b.filter((e) => e.eventType === "onStart");
   if ((startEvent == null ? void 0 : startEvent.length) > 0) {
-    const response2 = await executeEventsHandler({ ...params2, config: startEvent[0] });
-    return response2;
+    if (((_c = startEvent[0]) == null ? void 0 : _c.isSync) !== "Yes") {
+      return executeEventsHandler({ ...params2, config: startEvent[0] }).then((response) => {
+        return response;
+      });
+    } else {
+      return executeEventsHandler({ ...params2, config: startEvent[0] });
+    }
   } else {
-    return true;
+    if (params2.config.isSync !== "Yes") {
+      return Promise.resolve(true);
+    } else {
+      return true;
+    }
   }
 }
-async function buildApiPayload(compConfig, body, headers, store, dynamicData, userValue, service) {
+function buildApiPayload(compConfig, body, headers, store, dynamicData, userValue, service) {
   var _a, _b;
   if (compConfig == null ? void 0 : compConfig.headers) {
     headers = buildHeadersFormat(compConfig.headers);
@@ -9056,38 +8689,12 @@ async function buildApiPayload(compConfig, body, headers, store, dynamicData, us
   if (compConfig.body) {
     body = { ...buildBodyFormat(compConfig.body, store.newData || ((_b = (_a = store == null ? void 0 : store.ctx) == null ? void 0 : _a.core) == null ? void 0 : _b.data) || store.formData, userValue) };
   }
+  const promiseChain = { body, headers };
   if (compConfig.apiBody) {
     const makeFunc = eval(compConfig.apiBody);
-    const data = await makeFunc(store, dynamicData, userValue, body);
-    body = data;
+    return { body: makeFunc(store, dynamicData, userValue, promiseChain.body), headers: promiseChain.headers };
   }
-  return { body, headers };
-}
-function getRefreshElements(eventConfig, eventGropus) {
-  var _a;
-  let result = [];
-  if (((_a = eventConfig == null ? void 0 : eventConfig.refreshElements) == null ? void 0 : _a.length) > 0) {
-    result = eventConfig.refreshElements.map((e) => {
-      return e.value;
-    });
-  } else {
-    if (eventGropus == null ? void 0 : eventGropus.onLoad) {
-      result = Object.keys(eventGropus == null ? void 0 : eventGropus.onLoad);
-      result.push(result[0]);
-    }
-  }
-  console.log(result);
-  return result;
-}
-function asyncOperation() {
-  return new Promise((resolve, reject) => {
-    setTimeout(() => {
-      {
-        resolve("Operation completed successfully!");
-        reject(new Error("Operation failed!"));
-      }
-    }, 50);
-  });
+  return promiseChain;
 }
 let compType;
 let eventGroups = {};
@@ -9099,6 +8706,7 @@ const notifyUiSchema = {
   },
   layout: 6
 };
+let pageData = false;
 const extractEvents = (eventConfig) => {
   function extractsConfigEvents(eventConfigObj) {
     if (eventConfigObj.events) {
@@ -9117,9 +8725,15 @@ const extractEvents = (eventConfig) => {
           return elem.eventType === "Success";
         });
         if (!!!SuccessEvent && event2.eventType === "onLoad") {
+          if (!!!event2.events) {
+            event2.events = [];
+          }
           event2.events.push({ Handler: "mergeFormdata", eventType: "Success", type: compType, lazyLoading: eventConfig.lazyLoading === "YES" ? true : false });
         }
         if (!!!SuccessEvent && (event2.eventType === "onBack" || event2.eventType === "onNext" || event2.eventType === "onReset")) {
+          if (!!!event2.events) {
+            event2.events = [];
+          }
           event2.events.push({ Handler: `${event2.eventType}Handler`, eventType: "Success", type: compType, lazyLoading: eventConfig.lazyLoading === "YES" ? true : false });
         }
         eventGroups[event2.eventType][eventConfigObj.name].push({ ...event2, type: compType });
@@ -9134,7 +8748,11 @@ const extractEvents = (eventConfig) => {
 };
 var service = (funcParams) => {
   eventGroups = {};
-  eventGroups = extractEvents(funcParams.config);
+  if (pageData) {
+    if (!lodash.exports.isEmpty(pageData) && typeof pageData === "object") {
+      eventGroups = extractEvents(pageData == null ? void 0 : pageData.config);
+    }
+  }
   let executeEventsParameters = {
     config: {},
     componentName: "",
@@ -9142,12 +8760,30 @@ var service = (funcParams) => {
     dynamicData: funcParams.dynamicData,
     userValue: funcParams.userValue,
     service: funcParams.service,
-    serviceHolder: { downloadFile: downloadFile$1, download: doDownload },
-    eventGroups
+    serviceHolder: { downloadFile: downloadFile$1, download: doDownload, ...funcParams.functionsProvider },
+    eventGroups,
+    functionsProvider: funcParams.functionsProvider
   };
   return {
     setPage: async function() {
+      var _a;
       funcParams.store.setFormdata({});
+      const pageBasicDetailString = localStorage.getItem("pagemasterMetaData");
+      if (pageBasicDetailString) {
+        pageData = JSON.parse(pageBasicDetailString);
+      } else {
+        pageData = await funcParams.pageDataProvider();
+        localStorage.setItem("pagemasterMetaData", JSON.stringify({
+          schema: pageData == null ? void 0 : pageData.schema,
+          uiSchema: pageData == null ? void 0 : pageData.uiSchema,
+          config: pageData == null ? void 0 : pageData.config
+        }));
+      }
+      const config = pageData == null ? void 0 : pageData.config;
+      const uiSchema = pageData == null ? void 0 : pageData.uiSchema;
+      const schema2 = (_a = pageData == null ? void 0 : pageData.schema) != null ? _a : { type: "object", properties: {} };
+      eventGroups = {};
+      eventGroups = extractEvents(config);
       executeEventsParameters = {
         config: {},
         componentName: "",
@@ -9155,19 +8791,10 @@ var service = (funcParams) => {
         dynamicData: funcParams.dynamicData,
         userValue: funcParams.userValue,
         service: funcParams.service,
+        functionsProvider: funcParams.functionsProvider,
         serviceHolder: this,
         eventGroups
       };
-      funcParams.store.setSchema(
-        (pre) => {
-          return {
-            ...funcParams.schema,
-            properties: { ...funcParams.schema.properties, ...pre.properties }
-          };
-        }
-      );
-      funcParams.uiSchema.elements.push(notifyUiSchema);
-      funcParams.store.setUiSchema(funcParams.uiSchema);
       await executeRefreshHandler({
         config: {},
         componentName: "",
@@ -9178,18 +8805,48 @@ var service = (funcParams) => {
         serviceHolder: this,
         eventGroups
       });
+      funcParams.store.setSchema(
+        (pre) => {
+          return {
+            ...schema2,
+            properties: { ...schema2.properties, ...pre.properties }
+          };
+        }
+      );
+      uiSchema.elements.push(notifyUiSchema);
+      funcParams.store.setUiSchema(uiSchema);
     },
-    onClick: async function() {
-      var _a, _b;
-      (_a = funcParams.dynamicData) == null ? void 0 : _a.setLoading(true);
-      await this.callHandler("onClick");
-      (_b = funcParams.dynamicData) == null ? void 0 : _b.setLoading(false);
+    onCellRenderer: (cellParams) => {
+      var _a, _b, _c;
+      if (eventGroups.onCellRenderer) {
+        let finalResponse = {};
+        const path = ((_a = funcParams.dynamicData) == null ? void 0 : _a.tableButtonPath) || ((_c = (_b = funcParams == null ? void 0 : funcParams.dynamicData) == null ? void 0 : _b.path) == null ? void 0 : _c.split(".")[0]);
+        for (const eventConfig of eventGroups == null ? void 0 : eventGroups.onCellRenderer[path]) {
+          executeEventsParameters.store.functionParameters = cellParams;
+          finalResponse = executeEvents({
+            ...executeEventsParameters,
+            config: eventConfig,
+            componentName: path
+          });
+        }
+        return finalResponse;
+      }
+      return {};
+    },
+    onClick: function() {
+      this.callHandler("onClick");
     },
-    onFileDownload: async function() {
-      await this.callHandler("onDownload");
+    onMount: function() {
+      this.callHandler("onMount");
     },
-    onFileUpload: async function() {
-      await this.callHandler("onUpload");
+    onFileDownload: function() {
+      this.callHandler("onDownload");
+    },
+    onFileUpload: function() {
+      this.callHandler("onUpload");
+    },
+    backHandler: function() {
+      funcParams.store.navigate(-1);
     },
     onPaginationChange: async function(paginationValues) {
       var _a;
@@ -9200,8 +8857,8 @@ var service = (funcParams) => {
         { key: "filters", value: paginationValues.columnFilters || [] },
         { key: "globalFilter", value: (_a = paginationValues.globalFilter) != null ? _a : "" }
       ];
-      const response2 = await this.updateConfigApiBody(paginationValues, apiBody);
-      return response2 == null ? void 0 : response2.data;
+      const response = await this.updateConfigApiBody(paginationValues, apiBody);
+      return response == null ? void 0 : response.data;
     },
     getSelectOptions: async function(param) {
       if (param.serachValue !== "" && param.serachValue !== void 0) {
@@ -9209,17 +8866,16 @@ var service = (funcParams) => {
           { key: "searchValue", value: param.serachValue },
           { key: "currentValue", value: param.currentValue }
         ];
-        return await this.updateConfigApiBody(param, apiBody);
+        const response = await this.updateConfigApiBody(param, apiBody);
+        return response == null ? void 0 : response.data;
       }
     },
     onChange: async function() {
-      var _a, _b;
       if (eventGroups.onChange) {
-        (_a = funcParams.dynamicData) == null ? void 0 : _a.setLoading(true);
         const ChangeEventsKeysArray = Object.keys(eventGroups.onChange);
         Promise.all(ChangeEventsKeysArray.map(async (componentName) => {
-          var _a2, _b2;
-          if (((_a2 = funcParams.store) == null ? void 0 : _a2.formData[componentName]) !== funcParams.store.newData[componentName] && ((_b2 = funcParams.store) == null ? void 0 : _b2.newData[componentName]) !== void 0) {
+          var _a, _b;
+          if (((_a = funcParams.store) == null ? void 0 : _a.formData[componentName]) !== funcParams.store.newData[componentName] && ((_b = funcParams.store) == null ? void 0 : _b.newData[componentName]) !== void 0) {
             for (const eventConfig of eventGroups.onChange[componentName]) {
               await executeEvents({
                 ...executeEventsParameters,
@@ -9229,7 +8885,6 @@ var service = (funcParams) => {
             }
           }
         }));
-        (_b = funcParams.dynamicData) == null ? void 0 : _b.setLoading(false);
       }
     },
     updateConfigApiBody: async function(paramValue, apiBody) {
@@ -9286,7 +8941,7 @@ var service = (funcParams) => {
       if (((_b = eventGroups == null ? void 0 : eventGroups[eventType]) == null ? void 0 : _b[path]) !== void 0) {
         for (const eventConfig of (_c = eventGroups == null ? void 0 : eventGroups[eventType]) == null ? void 0 : _c[path]) {
           executeEventsParameters.store.functionParameters = functionParameters;
-          await executeEvents({
+          executeEvents({
             ...executeEventsParameters,
             config: eventConfig,
             componentName: path
@@ -9295,7 +8950,8 @@ var service = (funcParams) => {
       }
     },
     downloadFile: downloadFile$1,
-    download: doDownload
+    download: doDownload,
+    ...funcParams.functionsProvider
   };
 };
 var leaderBoard = {
@@ -9644,6 +9300,7 @@ const buildLeaderBoard = (config) => {
     });
     LeaderBoard.elements[9].elements = modifyColumns;
   }
+  LeaderBoard.config.main.label = config.label;
   if (config.name) {
     LeaderBoard.elements[0].scope = `#/properties/${config.name}/properties/firstImage`;
     LeaderBoard.elements[3].scope = `#/properties/${config.name}/properties/firstName`;
@@ -9663,7 +9320,7 @@ const buildLeaderBoard = (config) => {
     LeaderBoard.elements[2].config.main.url = config.thirdImage;
   }
   if (config.layout) {
-    LeaderBoard.config.layout = config.layout;
+    LeaderBoard.config.layout = createLayoutFormat(config.layout);
   }
   return LeaderBoard;
 };
@@ -9843,7 +9500,7 @@ const LineGraph = {
       leftLabel: "Incentive",
       gridHidden: true,
       numHidden: false,
-      tooltipDataKey: ["MAMA New Project", "Second", "Third"],
+      tooltipDataKey: ["First", "Second", "Third"],
       axisLeft: true,
       axisBottom: true,
       hideLeftAxisLine: false,
@@ -10096,6 +9753,13 @@ var Tabsection = {
 };
 const buildTabSection = (config, componentScope) => {
   const tab = _.cloneDeep(Tabsection);
+  tab.scope = componentScope;
+  if (config.lazyLoad) {
+    tab.config.main.lazyLoad = config.lazyLoad === "YES" ? true : false;
+  }
+  if (config.orientation) {
+    tab.config.main.orientation = config.orientation === "YES" ? "vertical" : "horizontal";
+  }
   if (config.sectionLabels) {
     tab.config.main.tabLabels = config.sectionLabels.map((e) => e.label);
   }
@@ -10106,7 +9770,7 @@ var WrapperSection = {
   type: "WrapperLayout",
   config: {
     main: {
-      label: "Default Label",
+      rowSpacing: 3,
       divider: true
     },
     defaultStyle: true
@@ -10115,8 +9779,13 @@ var WrapperSection = {
 };
 const buildWrapperSection = (config, componentScope) => {
   const wrapper = _.cloneDeep(WrapperSection);
+  wrapper.scope = componentScope;
   wrapper.config.main.label = config.label;
   wrapper.config.main.divider = config.divider === "YES" ? true : false;
+  wrapper.config.main.isAccordion = config.isAccordion === "YES" ? true : false;
+  if (config.defaultStyle) {
+    wrapper.config.defaultStyle = config.defaultStyle === "YES" ? true : false;
+  }
   if (config.style) {
     wrapper.config.style = JSON.parse(config.style);
   }
@@ -10271,6 +9940,7 @@ var Table = {
   elements: [],
   config: {
     main: {
+      onMount: "onMount",
       allRowData: [],
       downloadAllData: false,
       columns: {
@@ -10289,6 +9959,7 @@ var lazyLoadingTable = {
   elements: [],
   config: {
     main: {
+      onMount: "onMount",
       columns: {}
     }
   }
@@ -10508,7 +10179,7 @@ var Card = {
       scope: "#/properties/programType",
       config: {
         main: {
-          url: "$"
+          url: "https://www.svgrepo.com/show/500606/loading.svg"
         },
         style: {
           color: "#f5effc",
@@ -10597,6 +10268,25 @@ var DateInputField = {
     }
   }
 };
+const DateTime = {
+  type: "Control",
+  scope: "#/properties/date",
+  options: {
+    widget: "DateTimeInputField"
+  },
+  config: {
+    layout: {
+      xs: 11,
+      sm: 11,
+      md: 5.5,
+      lg: 5.5
+    },
+    main: {
+      label: "DateTime",
+      type: "date"
+    }
+  }
+};
 const buildDate = (config, componentScope) => {
   const dateInputField = _.cloneDeep(DateInputField);
   dateInputField.config.main.label = config.label;
@@ -10607,6 +10297,16 @@ const buildDate = (config, componentScope) => {
   }
   return dateInputField;
 };
+const buildDateTime = (config, componentScope) => {
+  const dateTimeInputField = _.cloneDeep(DateTime);
+  dateTimeInputField.config.main.label = config.label;
+  dateTimeInputField.config.main.errorMessage = `${config.name} is empty or invalid`;
+  dateTimeInputField.scope = componentScope;
+  if (config.layout) {
+    dateTimeInputField.config.layout = createLayoutFormat(config.layout);
+  }
+  return dateTimeInputField;
+};
 var RankCard = {
   type: "Control",
   scope: "#/properties/path",
@@ -10737,7 +10437,10 @@ const buildMultiSelect = (config, componentScope) => {
 const buildBasicUiSchema = (config) => {
   return {
     "type": "HorizontalLayout",
-    pageName: `${config.name}`,
+    pageName: config.name,
+    name: config.name,
+    accessorKey: config.name,
+    header: config.label || config.name,
     "elements": []
   };
 };
@@ -10842,6 +10545,12 @@ const buildLineGraph = (config, componentScope) => {
   if (config.bottomLabel) {
     lineGraph.config.main.bottomLabel = config.bottomLabel;
   }
+  if (config.yAxisValue) {
+    lineGraph.config.main.yAxisValue = config.yAxisValue;
+  }
+  if (config.xAxisValue) {
+    lineGraph.config.main.xAxisValue = config.xAxisValue;
+  }
   if (config.leftLabel) {
     lineGraph.config.main.leftLabel = config.leftLabel;
   }
@@ -10887,18 +10596,6 @@ const buildRadio = (config, componentScope) => {
   }
   return Radio;
 };
-var emptyBox = {
-  type: "Control",
-  scope: "#/properties/emptyBox",
-  options: {
-    widget: "EmptyBox"
-  },
-  config: {
-    layout: { xs: 12, sm: 12, md: 5.5, lg: 5.5 },
-    main: {},
-    style: {}
-  }
-};
 const buildEmptyBox = (config, componentScope) => {
   const EmptyBox2 = _.cloneDeep(emptyBox);
   if (config.layout) {
@@ -11130,6 +10827,98 @@ const buildDataGrid = (config, componentScope) => {
   }
   return DataGrid;
 };
+const InputSlider = {
+  type: "Control",
+  scope: "#/properties/inputSlider",
+  options: {
+    widget: "InputSlider"
+  },
+  config: {
+    layout: 12,
+    main: {
+      limitToMax: false,
+      max: 1e4,
+      step: 1e3,
+      min: 0,
+      label: "Slider"
+    }
+  }
+};
+const buildInputSlider = (config, componentScope) => {
+  const inputSlider = _.cloneDeep(InputSlider);
+  inputSlider.scope = componentScope;
+  inputSlider.config.main.label = 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;
+};
+const TreeMap = {
+  "type": "Control",
+  "scope": "#/properties/TreeMap2",
+  "config": {
+    "main": {
+      "layout": "cartsian",
+      orientation: "vertical",
+      header: "Territory Hierarchy",
+      "linkType": "step",
+      graphHeight: "500px"
+    },
+    "style": {
+      BoxStyle: {
+        borderRadius: "5px"
+      }
+    }
+  },
+  "options": {
+    "widget": "TreeMap"
+  },
+  elements: []
+};
+const buildTreeMap = (config, componentScope) => {
+  const treMap = _.cloneDeep(TreeMap);
+  treMap.scope = componentScope;
+  if (config.label) {
+    treMap.config.main.header = config.label;
+  }
+  if (config.layout) {
+    treMap.config.layout = createLayoutFormat(config.layout);
+  }
+  if (config.orientation) {
+    treMap.config.main.orientation = config.orientation;
+  }
+  if (config.linkType) {
+    treMap.config.main.linkType = config.linkType;
+  }
+  if (config.graphHeight) {
+    treMap.config.main.graphHeight = config.graphHeight;
+  }
+  if (config.graphWidth) {
+    treMap.config.main.graphWidth = config.graphWidth;
+  }
+  if (config.graphZoomHeight) {
+    treMap.config.main.graphZoomHeight = config.graphZoomHeight;
+  }
+  if (config.graphZoomWidth) {
+    treMap.config.main.graphZoomWidth = config.graphZoomWidth;
+  }
+  return treMap;
+};
 let schema = {
   type: "object",
   properties: {},
@@ -11248,6 +11037,15 @@ const buildUiSchema = (config) => {
   let elements = {};
   const componentScope = `#/properties/${config.name}`;
   switch (config.type) {
+    case "TreeMap":
+      elements = buildTreeMap(config, componentScope);
+      break;
+    case "DateTime":
+      elements = buildDateTime(config, componentScope);
+      break;
+    case "InputSlider":
+      elements = buildInputSlider(config, componentScope);
+      break;
     case "DataGrid":
       elements = buildDataGrid(config, componentScope);
       break;
@@ -11267,13 +11065,13 @@ const buildUiSchema = (config) => {
       elements = buildPanField(config, componentScope);
       break;
     case "TabSection":
-      elements = buildTabSection(config);
+      elements = buildTabSection(config, componentScope);
       break;
     case "RunnerBoyProgressBar":
       elements = RunnerBoyProgressbar(config, componentScope);
       break;
     case "WrapperSection":
-      elements = buildWrapperSection(config);
+      elements = buildWrapperSection(config, componentScope);
       break;
     case "Text":
       elements = buildTextField(config, componentScope);
@@ -11358,6 +11156,13 @@ const buildUiSchema = (config) => {
     case "Timer":
       elements = buildTimer(config, componentScope);
       break;
+    case "ColumnGroup":
+      elements = {
+        accessorKey: config.name,
+        header: config.label || config.name,
+        elements: []
+      };
+      break;
     case "MultipleSelect":
       elements = buildMultiSelect(config, componentScope);
       break;
@@ -11375,6 +11180,22 @@ const buildUiSchema = (config) => {
   if (config == null ? void 0 : config.elements) {
     if ((config == null ? void 0 : config.type) === "LeaderBoard") {
       return elements;
+    } else if (config.type == "ColumnGroup") {
+      const sizeMap = {};
+      if (config.sizeHolder) {
+        config.sizeHolder.map((e, i) => {
+          sizeMap[e.keyName] = e.value;
+        });
+      }
+      elements.elements = config.elements.map((cellElem, elemInd) => {
+        return {
+          accessorKey: cellElem.name,
+          header: cellElem.label || cellElem.name,
+          size: sizeMap[cellElem.name] || 180,
+          type: cellElem.columnFormat,
+          elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem)) : []
+        };
+      });
     } else if (config.type == "Table") {
       const sizeMap = {};
       if (config.sizeHolder) {
@@ -11382,20 +11203,24 @@ const buildUiSchema = (config) => {
           sizeMap[e.keyName] = e.value;
         });
       }
-      elements.elements = config.elements.map((e, elemInd) => {
-        if (e.type) {
+      elements.elements = config.elements.map((cellElem, elemInd) => {
+        if (cellElem.type) {
+          return {
+            accessorKey: cellElem.name,
+            header: cellElem.label || cellElem.name,
+            size: sizeMap[cellElem.name] || 180,
+            type: cellElem.columnFormat,
+            widget: cellElem.type != "ColumnGroup" ? buildUiSchema(cellElem) : void 0,
+            elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem)) : []
+          };
+        } else {
           return {
-            accessorKey: e.name,
-            header: e.label || e.name,
-            size: sizeMap[e.name] || 180,
-            widget: buildUiSchema(e)
+            accessorKey: cellElem.name,
+            type: cellElem.columnFormat,
+            header: cellElem.label || cellElem.name,
+            size: sizeMap[cellElem.name] || 180
           };
         }
-        return {
-          accessorKey: e.name,
-          header: e.label || e.name,
-          size: sizeMap[e.name] || 180
-        };
       });
     } else if (config.type == "Array") {
       elements.options.detail.elements = config.elements.map((e, elemInd) => {