impaktapps-ui-builder 1.0.62 → 1.0.63-alpha.2

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

@@ -6270,6 +6270,7 @@ const ComponentSchema = {
         { title: "Data Card", const: "card" },
         { title: "Check Box", const: "CheckBox" },
         { title: "Container", const: "WrapperSection" },
+        { title: "Tab Container", const: "HorizontalLayout" },
         { title: "Data Grid", const: "DataGrid" },
         { title: "Date", const: "Date" },
         { title: "Time Stamp", const: "DateTime" },
@@ -8465,6 +8466,7 @@ const sectionLabels = {
   Table: ["Core", "Components", "Properties", "Events", "Style", "Validation"],
   LeaderBoard: ["Core", "Components", "Properties", "Events", "Style", "Validation"],
   WrapperSection: ["Core", "Components", "Properties", "Style", "Validation"],
+  HorizontalLayout: ["Core", "Components", "Properties", "Style", "Validation"],
   TabSection: ["Core", "Components", "Properties", "Style", "Validation"],
   SpeedoMeter: ["Core", "Properties", "Events", "Style", "Validation"],
   card: ["Core", "Properties", "Events", "Style", "Validation"],
@@ -12096,7 +12098,7 @@ const buildPopUp = (config2, componentScope2) => {
     popup.config.layout = createLayoutFormat(config2.layout, config2.type);
   }
   if (config2.style) {
-    PopUP.config.style = JSON.parse(config2.style);
+    popup.config.style = JSON.parse(config2.style);
   }
   return popup;
 };
@@ -12267,6 +12269,26 @@ const buildThoughtOfTheDay = (config2, componentScope2) => {
   }
   return thought;
 };
+var horizontalLayout = {
+  type: "HorizontalLayout",
+  config: {
+    layout: 12,
+    main: {
+      rowSpacing: 3,
+      divider: false
+    },
+    defaultStyle: true
+  },
+  elements: []
+};
+const buildHorizontalLayout = (config2, componentScope2) => {
+  const horizontal = _.cloneDeep(horizontalLayout);
+  horizontal.scope = componentScope2;
+  if (config2.layout) {
+    horizontal.config.layout = createLayoutFormat(config2.layout, config2.type);
+  }
+  return horizontal;
+};
 let schema = {
   type: "object",
   properties: {},
@@ -12421,6 +12443,9 @@ const buildUiSchema = (config2, store2) => {
     case "WrapperSection":
       elements = buildWrapperSection(config2, componentScope2);
       break;
+    case "HorizontalLayout":
+      elements = buildHorizontalLayout(config2, componentScope2);
+      break;
     case "Text":
       elements = buildTextField(config2, componentScope2);
       break;