impaktapps-ui-builder 0.0.409 → 0.0.411

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

@@ -1039,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;
     }
@@ -1250,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) {
@@ -1285,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;
@@ -1320,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;
       }
@@ -1383,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;
@@ -1410,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) {
@@ -1429,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;
@@ -1613,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);
       }
@@ -1859,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;
             }
@@ -2170,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) {
@@ -2675,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);
             }
@@ -2904,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,
@@ -2917,8 +2917,8 @@ var lodash = { exports: {} };
           ary2,
           arity
         ];
-        if (data2) {
-          mergeData(newData, data2);
+        if (data) {
+          mergeData(newData, data);
         }
         func = newData[0];
         bitmask = newData[1];
@@ -2938,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) {
@@ -3105,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;
@@ -3122,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;
@@ -3195,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;
@@ -3327,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;
@@ -3359,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 = [];
@@ -3444,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);
@@ -4236,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) {
@@ -4252,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;
@@ -4283,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;
         }
@@ -5911,9 +5911,14 @@ const ComponentSchema = {
         { title: "Text Area", const: "TextArea" },
         { title: "Timer", const: "Timer" },
         { title: "Upload File", const: "UploadFile" },
-        { title: "Text Area", const: "TextArea" },
         { 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" }
@@ -6310,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",
@@ -6504,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",
@@ -6903,6 +6944,14 @@ 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"),
@@ -7028,7 +7077,8 @@ const buildPropertiesSection = function(type) {
       uiSchema.elements = [
         getRadioInputField("divider", "Divider", ["YES", "No"]),
         getRadioInputField("isAccordion", "Accordion", ["YES", "No"]),
-        EmptyBox
+        getRadioInputField("defaultStyle", "Default Style", ["YES", "No"]),
+        getInputField("rowSpacing", "Row Spacing")
       ];
       break;
     case "TabSection":
@@ -7363,21 +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");
@@ -7395,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";
       }
@@ -7480,33 +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"],
-  InputSlider: ["Core", "Properties", "style", "Event", "Validation"]
+  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;
@@ -7515,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);
@@ -7574,17 +7626,17 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
       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);
+      const response = saveFormdataInLocalStorage(store2.ctx.core.data, path);
+      const data = path ? _.get(response, path) : response;
+      store2.setFormdata(data);
     },
     deleteEvent: function() {
       var _a;
       const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
       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));
+      const response = saveFormdataInLocalStorage(store2.ctx.core.data, path);
+      store2.setFormdata(_.get(response, path));
     },
     widgetAddClickHandler: function() {
       var _a;
@@ -7624,7 +7676,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
   };
 };
 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();
@@ -7634,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;
@@ -7660,14 +7713,14 @@ var pageMaster = (funcParams) => {
       if (!Array.isArray(store2.formData.elements)) {
         store2.formData.elements = [];
       }
-      const response2 = saveFormdataInLocalStorage(store2.ctx.core.data);
+      const response = saveFormdataInLocalStorage(store2.ctx.core.data);
       if (id) {
         store2.navigate(
-          `/Component?path=${`elements[${response2 == null ? void 0 : response2.elements.length}]`}&id=${id}`
+          `/Component?path=${`elements[${response == null ? void 0 : response.elements.length}]`}&id=${id}`
         );
       } else {
         store2.navigate(
-          `/Component?path=${`elements[${response2 == null ? void 0 : response2.elements.length}]`}`
+          `/Component?path=${`elements[${response == null ? void 0 : response.elements.length}]`}`
         );
       }
     },
@@ -7695,8 +7748,8 @@ var pageMaster = (funcParams) => {
     deleteEvent: function() {
       const rowId = dynamicData2.path.split(".")[1];
       store2.formData.events.splice(rowId, 1);
-      const response2 = saveFormdataInLocalStorage(store2.ctx.core.data);
-      store2.setFormdata(response2);
+      const response = saveFormdataInLocalStorage(store2.ctx.core.data);
+      store2.setFormdata(response);
     }
   };
 };
@@ -7746,6 +7799,7 @@ const EventSchema = {
         { 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" },
@@ -8269,6 +8323,18 @@ const refreshSectionUiSchema = {
     }
   ]
 };
+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() {
@@ -8283,7 +8349,9 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
       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;
@@ -8353,25 +8421,25 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
 };
 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");
@@ -8380,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") {
@@ -8432,30 +8523,47 @@ 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);
@@ -8465,12 +8573,16 @@ async function executeInBuiltFunctionHandler(params) {
     params.serviceHolder[params.config.inBuiltFunctionType](params.store, params.dynamicData, params.userValue, params.parentEventOutput, params.service);
   }
 }
-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;
@@ -8514,7 +8626,6 @@ async function mergeFormdata(handlerResponse, componentName, eventConfig, store2
         var _a;
         return { ...pre, [componentName]: eventConfig.lazyLoading ? (_a = handlerResponse == null ? void 0 : handlerResponse.data) == null ? void 0 : _a.data : handlerResponse.data };
       });
-      await asyncOperation();
     }
   }
 }
@@ -8551,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);
@@ -8569,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 = {};
@@ -8612,6 +8706,7 @@ const notifyUiSchema = {
   },
   layout: 6
 };
+let pageData = false;
 const extractEvents = (eventConfig) => {
   function extractsConfigEvents(eventConfigObj) {
     if (eventConfigObj.events) {
@@ -8630,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 });
@@ -8647,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: "",
@@ -8661,8 +8766,24 @@ var service = (funcParams) => {
   };
   return {
     setPage: async function() {
+      var _a;
       funcParams.store.setFormdata({});
-      await asyncOperation();
+      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: "",
@@ -8684,29 +8805,45 @@ var service = (funcParams) => {
         serviceHolder: this,
         eventGroups
       });
-      await asyncOperation();
       funcParams.store.setSchema(
         (pre) => {
           return {
-            ...funcParams.schema,
-            properties: { ...funcParams.schema.properties, ...pre.properties }
+            ...schema2,
+            properties: { ...schema2.properties, ...pre.properties }
           };
         }
       );
-      funcParams.uiSchema.elements.push(notifyUiSchema);
-      funcParams.store.setUiSchema(funcParams.uiSchema);
+      uiSchema.elements.push(notifyUiSchema);
+      funcParams.store.setUiSchema(uiSchema);
     },
-    onClick: async function() {
-      await this.callHandler("onClick");
+    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 {};
     },
-    onMount: async function() {
-      await this.callHandler("onMount");
+    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);
@@ -8720,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) {
@@ -8729,8 +8866,8 @@ var service = (funcParams) => {
           { key: "searchValue", value: param.serachValue },
           { key: "currentValue", value: param.currentValue }
         ];
-        const response2 = await this.updateConfigApiBody(param, apiBody);
-        return response2 == null ? void 0 : response2.data;
+        const response = await this.updateConfigApiBody(param, apiBody);
+        return response == null ? void 0 : response.data;
       }
     },
     onChange: async function() {
@@ -8804,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
@@ -9633,7 +9770,7 @@ var WrapperSection = {
   type: "WrapperLayout",
   config: {
     main: {
-      label: "Default Label",
+      rowSpacing: 3,
       divider: true
     },
     defaultStyle: true
@@ -9646,6 +9783,9 @@ const buildWrapperSection = (config, 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);
   }
@@ -10039,7 +10179,7 @@ var Card = {
       scope: "#/properties/programType",
       config: {
         main: {
-          url: "$"
+          url: "https://www.svgrepo.com/show/500606/loading.svg"
         },
         style: {
           color: "#f5effc",
@@ -10297,8 +10437,10 @@ const buildMultiSelect = (config, componentScope) => {
 const buildBasicUiSchema = (config) => {
   return {
     "type": "HorizontalLayout",
-    pageName: `${config.name}`,
-    scope: `${config.name}`,
+    pageName: config.name,
+    name: config.name,
+    accessorKey: config.name,
+    header: config.label || config.name,
     "elements": []
   };
 };
@@ -10454,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) {
@@ -10738,6 +10868,57 @@ const buildInputSlider = (config, componentScope) => {
   }
   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: {},
@@ -10856,6 +11037,9 @@ 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;
@@ -10972,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;
@@ -10989,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) {
@@ -10996,22 +11203,24 @@ const buildUiSchema = (config) => {
           sizeMap[e.keyName] = e.value;
         });
       }
-      elements.elements = config.elements.map((e, elemInd) => {
-        if (e.type && e.type !== "date" && e.type !== "dateTime" && e.type !== "amount") {
+      elements.elements = config.elements.map((cellElem, elemInd) => {
+        if (cellElem.type) {
           return {
-            accessorKey: e.name,
-            header: e.label || e.name,
-            size: sizeMap[e.name] || 180,
-            type: e.type,
-            widget: buildUiSchema(e)
+            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: cellElem.name,
+            type: cellElem.columnFormat,
+            header: cellElem.label || cellElem.name,
+            size: sizeMap[cellElem.name] || 180
           };
         }
-        return {
-          type: e.type,
-          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) => {