impaktapps-ui-builder 0.0.273 → 0.0.275

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

@@ -6277,7 +6277,11 @@ const getNavigationHistory = (config, path) => {
     });
     arr.map((e) => {
       const data2 = _.get(config, e);
-      urlRoutes = urlRoutes + ` >    ${(data2 == null ? void 0 : data2.name) || (data2 == null ? void 0 : data2.eventType)}`;
+      if (data2) {
+        urlRoutes = urlRoutes + ` >    ${(data2 == null ? void 0 : data2.name) || (data2 == null ? void 0 : data2.eventType)}`;
+      } else {
+        urlRoutes = urlRoutes + " > NewComponent";
+      }
     });
     return { pageName: urlRoutes };
   }
@@ -7932,7 +7936,7 @@ async function executeCustomHandler(customHandlerConfig, componentName, store, d
   return { response: void 0, events: customHandlerConfig == null ? void 0 : customHandlerConfig.events };
 }
 async function mergeFormdata(handlerResponse, componentName2, eventConfig, store2) {
-  if (eventConfig.type === "Select" && !_.isEmpty(handlerResponse)) {
+  if (eventConfig.type === "Select" && !(_.isEmpty(handlerResponse) && handlerResponse)) {
     store2.setSchema((pre) => {
       return {
         ...pre,
@@ -8129,7 +8133,7 @@ var leaderBoard = {
     wrapperStyle: {
       position: "relative",
       width: "100%",
-      height: 1200
+      height: 1e3
     }
   },
   elements: [
@@ -8140,14 +8144,20 @@ var leaderBoard = {
         main: {
           url: "https://my.alfred.edu/zoom/_images/foster-lake.jpg"
         },
-        style: {
+        containerStyle: {
           objectFit: "cover",
           position: "absolute",
-          top: "60px",
-          left: "calc(50% - 85px)",
-          width: "180px",
+          top: { xs: "90px", "md": "60px" },
+          left: { "xs": "calc(50% - 50px)", "sm": "calc(50% - 50px)", "md": "calc(50% - 100px)" },
+          width: { "xs": "100px", "sm": "100px", "md": "200px" },
           border: "5px solid rgb(179, 198, 255)",
-          height: "180px",
+          height: { "xs": "100px", "sm": "100px", "md": "200px" },
+          borderRadius: "50%"
+        },
+        style: {
+          objectFit: "cover",
+          width: "100%",
+          height: "100%",
           borderRadius: "50%"
         },
         layout: 6
@@ -8163,14 +8173,20 @@ var leaderBoard = {
         main: {
           url: "https://my.alfred.edu/zoom/_images/foster-lake.jpg"
         },
-        style: {
+        containerStyle: {
           objectFit: "cover",
           position: "absolute",
-          top: "130px",
-          left: "calc(25% - 90px)",
-          width: "180px",
+          top: { xs: "160px", "md": "130px" },
+          left: { "xs": "calc(25% - 45px)", "sm": "calc(25% - 45px)", "md": "calc(25% - 90px)" },
+          width: { "xs": "80px", "sm": "80px", "md": "180px" },
           border: "5px solid rgb(179, 198, 255)",
-          height: "180px",
+          height: { "xs": "80px", "sm": "80px", "md": "180px" },
+          borderRadius: "50%"
+        },
+        style: {
+          objectFit: "cover",
+          width: "100%",
+          height: "100%",
           borderRadius: "50%"
         },
         layout: 6
@@ -8186,14 +8202,20 @@ var leaderBoard = {
         main: {
           url: "https://my.alfred.edu/zoom/_images/foster-lake.jpg"
         },
-        style: {
+        containerStyle: {
           objectFit: "cover",
           position: "absolute",
-          top: "130px",
-          left: "calc(75% - 85px)",
-          width: "170px",
+          top: { xs: "160px", "md": "130px" },
+          left: { "xs": "calc(75% - 42.5px)", "sm": "calc(75% - 42.5px)", "md": "calc(75% - 85px)" },
+          width: { "xs": "80px", "sm": "80px", "md": "180px" },
           border: "5px solid rgb(179, 198, 255)",
-          height: "180px",
+          height: { "xs": "80px", "sm": "80px", "md": "180px" },
+          borderRadius: "50%"
+        },
+        style: {
+          objectFit: "cover",
+          width: "100%",
+          height: "100%",
           borderRadius: "50%"
         },
         layout: 6
@@ -8212,15 +8234,17 @@ var leaderBoard = {
         style: {
           objectFit: "cover",
           position: "absolute",
-          top: "250px",
           display: "flex",
           justifyContent: "center",
           alignItems: "center",
           color: "black",
+          top: { xs: "190px", md: "270px" },
+          fontSize: { xs: "12px", md: "20px" },
           left: "calc(50% - 90px)",
           width: "180px",
           fontWeight: "bold",
-          borderRadius: "50%"
+          borderRadius: "50%",
+          zIndex: 7
         },
         layout: 6
       },
@@ -8238,11 +8262,12 @@ var leaderBoard = {
         style: {
           objectFit: "cover",
           position: "absolute",
-          top: "320px",
           display: "flex",
           justifyContent: "center",
           alignItems: "center",
           color: "black",
+          top: { xs: "240px", md: "320px" },
+          fontSize: { xs: "12px", md: "20px" },
           left: "calc(25% - 90px)",
           width: "180px",
           fontWeight: "bold",
@@ -8264,11 +8289,12 @@ var leaderBoard = {
         style: {
           objectFit: "cover",
           position: "absolute",
-          top: "320px",
           display: "flex",
           justifyContent: "center",
           alignItems: "center",
           color: "black",
+          top: { xs: "240px", md: "320px" },
+          fontSize: { xs: "12px", md: "20px" },
           left: "calc(75% - 90px)",
           width: "180px",
           fontWeight: "bold",
@@ -8290,14 +8316,18 @@ var leaderBoard = {
         style: {
           objectFit: "cover",
           position: "absolute",
-          top: "280px",
           display: "flex",
           justifyContent: "center",
           alignItems: "center",
           textShadow: "2px 2px 5px #5065C7",
           background: "green",
           color: "white",
-          left: "calc(25% - 16px)",
+          top: { xs: "225px", md: "280px" },
+          fontSize: { xs: "12px", md: "16px" },
+          left: { xs: "calc(25% - 12px)", md: "calc(25% - 16px)" },
+          width: { xs: "20px", md: "40px" },
+          border: { xs: "2px solid rgb(179, 198, 255)", md: "5px solid rgb(179, 198, 255)" },
+          height: { xs: "20px", md: "40px" },
           "@keyframes rotateAnimation": {
             from: {
               transform: "rotate(0deg)"
@@ -8307,10 +8337,8 @@ var leaderBoard = {
             }
           },
           animation: "rotateAnimation 4s infinite",
-          width: "40px",
-          border: "5px solid rgb(179, 198, 255)",
-          height: "40px",
-          borderRadius: "50%"
+          borderRadius: "50%",
+          zIndex: 5
         },
         layout: 6
       },
@@ -8328,14 +8356,15 @@ var leaderBoard = {
         style: {
           objectFit: "cover",
           position: "absolute",
-          top: "210px",
           display: "flex",
           justifyContent: "center",
           alignItems: "center",
           textShadow: "2px 2px 5px #5065C7",
           background: "green",
           color: "white",
-          left: "calc(50% - 16px)",
+          top: { xs: "175px", md: "230px" },
+          fontSize: { xs: "12px", md: "16px" },
+          left: { xs: "calc(50% - 12px)", md: "calc(50% - 16px)" },
           "@keyframes rotateAnimation": {
             from: {
               transform: "rotate(0deg)"
@@ -8345,10 +8374,11 @@ var leaderBoard = {
             }
           },
           animation: "rotateAnimation 4s infinite",
-          width: "40px",
-          border: "5px solid rgb(179, 198, 255)",
-          height: "40px",
-          borderRadius: "50%"
+          width: { xs: "20px", md: "40px" },
+          border: { xs: "2px solid rgb(179, 198, 255)", md: "5px solid rgb(179, 198, 255)" },
+          height: { xs: "20px", md: "40px" },
+          borderRadius: "50%",
+          zIndex: 5
         },
         layout: 6
       },
@@ -8366,14 +8396,18 @@ var leaderBoard = {
         style: {
           objectFit: "cover",
           position: "absolute",
-          top: "280px",
           display: "flex",
           justifyContent: "center",
           alignItems: "center",
           textShadow: "2px 2px 5px #5065C7",
           background: "green",
           color: "white",
-          left: "calc(75% - 20px)",
+          top: { xs: "225px", md: "280px" },
+          fontSize: { xs: "12px", md: "16px" },
+          left: { xs: "calc(75% - 12px)", md: "calc(75% - 16px)" },
+          width: { xs: "20px", md: "40px" },
+          border: { xs: "2px solid rgb(179, 198, 255)", md: "5px solid rgb(179, 198, 255)" },
+          height: { xs: "20px", md: "40px" },
           "@keyframes rotateAnimation": {
             from: {
               transform: "rotate(0deg)"
@@ -8383,10 +8417,8 @@ var leaderBoard = {
             }
           },
           animation: "rotateAnimation 4s infinite",
-          width: "40px",
-          border: "5px solid rgb(179, 198, 255)",
-          height: "40px",
-          borderRadius: "50%"
+          borderRadius: "50%",
+          zIndex: 5
         },
         layout: 6
       },
@@ -8408,7 +8440,7 @@ var leaderBoard = {
             background: "rgb(179, 198, 255)"
           },
           position: "absolute",
-          top: "390px",
+          top: { xs: "300px", sm: "300px", md: "390px", lg: "390px" },
           border: "2px solid rgb(179, 198, 255)",
           width: "95%",
           left: "2.5%"