added switch to load module in DOM when hide

Author: raheeliftikhar5

client/packages/lowcoder/src/comps/comps/moduleComp/moduleComp.tsx

@@ -85,6 +85,7 @@ const childrenMap = {
   events: eventHandlerControl(),
   autoHeight: AutoHeightControl,
   scrollbars: withDefault(BoolControl, false),
+  loadInDomWhenHide: withDefault(BoolControl, true),
 };
 
 type DataType = ToDataType<ToInstanceType<typeof childrenMap>>;
@@ -127,6 +128,9 @@ class ModuleTmpComp extends ModuleCompBase {
             label: trans("prop.scrollbar"),
           })}
           {hiddenPropertyView(this.children)}
+          {this.children.hidden.getView() && this.children.loadInDomWhenHide.propertyView({
+            label: "Load module in DOM when hidden",
+          })}
         </Section>
       </>
     );
@@ -525,6 +529,9 @@ const ModuleCompWithView = withViewFn(ModuleTmpComp, (comp) => {
   if (error) {
     return <Placeholder>{error}</Placeholder>;
   }
+  if (comp.children.hidden.getView() && !comp.children.loadInDomWhenHide.getView()) {
+    return null;
+  }
 
   let content: ReactNode = appId ? <ModuleLoading /> : <Placeholder />;
   if (comp.moduleRootComp && comp.isReady) {