@xuda.io/runtime-bundle 1.0.405 → 1.0.407

package/js/xuda-runtime-slim.js

@@ -9064,6 +9064,33 @@ func.UI.update_xu_ref = function (SESSION_ID, dsSessionP, ref_field_id, $elm) {
     SYS_GLOBAL_OBJ_REFS[ref_field_id].xu_ui_id = $elm.attr('xu-ui-id');
   }
 };
+
+func.UI.find_field_in_progUi_attributes = function (progUi, field_id, prop) {
+  let elm_node;
+  const iterate_progUi = function (node) {
+    for (let item of node) {
+      // if (item.tagName === "xu-panel") {
+      if (!_.isEmpty(item.attributes)) {
+        for (const [attr, val] of Object.entries(item.attributes)) {
+          if (attr === `xu-exp:${prop}` || attr === prop) {
+            // found = val.includes('@' + field_id);
+            if (val.includes('@' + field_id)) {
+              elm_node = node;
+              break;
+            }
+          }
+        }
+      }
+      if (elm_node) break;
+
+      if (item.children) {
+        iterate_progUi(item.children);
+      }
+    }
+  };
+  iterate_progUi(progUi);
+  return elm_node;
+};
  func.events = {};
 func.events.validate = async function (SESSION_ID, triggerP, dsSessionP, eventIdP, sourceP, argumentsP, return_validation_onlyP) {
   var _session = SESSION_OBJ[SESSION_ID];
@@ -11578,6 +11605,9 @@ func.UI.screen.refresh_xu_attributes = async function (SESSION_ID, fields_arr, j
       const progUi = $xu_embed_div?.data()?.xuData?.screenInfo?.progUi;
       if (progUi) {
         await iterate_field_in_progUi(progUi, field_id);
+        // find invisible panels
+        const elm_node = func.UI.find_field_in_progUi_attributes(progUi, field_id, 'xu-panel');
+        console.log('elm_node', elm_node);
       }
     }
     // run panels
@@ -11588,45 +11618,40 @@ func.UI.screen.refresh_xu_attributes = async function (SESSION_ID, fields_arr, j
     }
   }
 
-  // }
-
   func.events.delete_job(SESSION_ID, jobNoP);
 };
 
 func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr, datasource_changed, fields_changed_datasource) {
-  const $elm = func.UI.utils.find_in_element_data('xuPanelData', $(SESSION_OBJ[SESSION_ID].root_element), 'parent_element_ui_id');
-  // var panels_obj = {};
+  // const $elm = func.UI.utils.find_in_element_data('xuPanelData', $(SESSION_OBJ[SESSION_ID].root_element), 'parent_element_ui_id');
+
   const panels_obj = func.UI.utils.get_panels_from_dom(SESSION_ID, false);
 
-  const find_field_in_progUi = function (progUi, field_id, prop) {
-    let found;
-    const iterate_progUi = function (node) {
-      for (let item of node) {
-        // if (item.tagName === "xu-panel") {
-        if (!_.isEmpty(item.attributes)) {
-          for (const [attr, val] of Object.entries(item.attributes)) {
-            if (attr === `xu-exp:${prop}`) {
-              found = val.includes('@' + field_id);
-            }
-          }
-        }
-        if (found) break;
-        // }
-        if (item.children) {
-          iterate_progUi(item.children);
-        }
-      }
-    };
-    iterate_progUi(progUi);
-    return found;
-  };
+  // const find_field_in_progUi = function (progUi, field_id, prop) {
+  //   let found;
+  //   const iterate_progUi = function (node) {
+  //     for (let item of node) {
+  //       // if (item.tagName === "xu-panel") {
+  //       if (!_.isEmpty(item.attributes)) {
+  //         for (const [attr, val] of Object.entries(item.attributes)) {
+  //           if (attr === `xu-exp:${prop}`) {
+  //             found = val.includes('@' + field_id);
+  //           }
+  //         }
+  //       }
+  //       if (found) break;
+  //       // }
+  //       if (item.children) {
+  //         iterate_progUi(item.children);
+  //       }
+  //     }
+  //   };
+  //   iterate_progUi(progUi);
+  //   return found;
+  // };
 
   for await (const [parent_element_ui_id, panel_val] of Object.entries(panels_obj)) {
     const prog_doc = await func.utils.DOCS_OBJ.get(SESSION_ID, panel_val._ds.prog_id);
     const progDataSource_str = JSON.stringify(prog_doc.progDataSource);
-    // const progUi_str = JSON.stringify(prog_doc.progUi);
-
-    // console.log("panel_val", panel_val)
 
     var found;
     if (fields_changed_arr) {
@@ -11646,7 +11671,7 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
         for (const [attr, value] of Object.entries(_attributes)) {
           const pattern = /xu-exp:(\w+)/;
           const match = attr.match(pattern);
-          // if (!match && value !== "@" + field_id) {
+
           if (!match) {
             // continue if attribute is not expression
             continue;
@@ -11659,10 +11684,8 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
             found = progDataSource_str?.includes('@' + parameter_in_field_id);
             if (found) break;
 
-            // found = progUi_str?.includes("@" + parameter_in_field_id);
-            // if (found) return false;
-
-            found = find_field_in_progUi(prog_doc.progUi, parameter_in_field_id, 'xu-for');
+            // found = find_field_in_progUi(prog_doc.progUi, parameter_in_field_id, 'xu-for');
+            found = func.UI.find_field_in_progUi_attributes(prog_doc.progUi, parameter_in_field_id, 'xu-for');
             if (found) break;
           }
         }
@@ -11672,12 +11695,6 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
         // search field changed in the target program's progDataSource  // @code
         found = progDataSource_str?.includes('@' + field_id);
         if (found) break;
-
-        // found = progUi_str?.includes("@" + field_id);
-        // if (found) return false;
-
-        // found = find_field_in_progUi(prog_doc.progUi, field_id)
-        // if (found) break
       }
     }
 
@@ -11694,26 +11711,10 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
 
       // restore original panel
       try {
-        const $org_panel = panel_val.$div.data().xuPanelData.$panel_div; //panel_val.$div.clone(true);
-
-        // const old_ds = $($org_panel).data().xuData.paramsP.dsSessionP;
-        // func.datasource.del(SESSION_ID, old_ds);
+        // const $org_panel = panel_val.$div.data().xuPanelData.$panel_div;
 
         const new_$div = await func.UI.screen.render_ui_tree(SESSION_ID, $div_elm, _.cloneDeep(panel_val.$div.data().xuPanelData.node), {}, $div_elm.data().xuData.paramsP, null, null, $div_elm.data().xuData.key, null, $div_elm.data().xuData.parent_node, null, $div_elm.data().xuData.$root_container);
-        // const new_$div = await func.UI.screen.render_ui_tree(
-        //   SESSION_ID,
-        //   $div_elm,
-        //   _.cloneDeep(panel_val.$div.data().xuPanelData.node),
-        //   {},
-        //   $org_panel.data().xuData.paramsP,
-        //   null,
-        //   null,
-        //   $org_panel.data().xuData.key,
-        //   null,
-        //   $org_panel.data().xuData.parent_node,
-        //   null,
-        //   $org_panel.data().xuData.$root_container
-        // );
+
         // remove old panel content
         $.each(panel_val.ids, async function (key, val) {
           $("[xu-ui-id='" + val + "']").remove();
@@ -11963,14 +11964,6 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
       // Callback function to execute when mutations are observed
       const callback = (mutationList, observer) => {
         func.UI.screen.refresh_xu_attributes(SESSION_ID, [val.value]);
-        // return;
-        // for (const mutation of mutationList) {
-        //   if (mutation.type === 'childList') {
-        //     console.log('A child node has been added or removed.');
-        //   } else if (mutation.type === 'attributes') {
-        //     console.log(`The ${mutation.attributeName} attribute was modified.`);
-        //   }
-        // }
       };
 
       // Create an observer instance linked to the callback function
@@ -11979,6 +11972,9 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
       // Start observing the target node for configured mutations
       observer.observe(targetNode, config);
 
+      // Later, you can stop observing
+      // observer.disconnect();
+
       return {};
     },
     'xu-bind': async function ($elm, val) {

package/js/xuda-runtime-slim.min.es.js

@@ -9065,6 +9065,33 @@ func.UI.update_xu_ref = function (SESSION_ID, dsSessionP, ref_field_id, $elm) {
     SYS_GLOBAL_OBJ_REFS[ref_field_id].xu_ui_id = $elm.attr('xu-ui-id');
   }
 };
+
+func.UI.find_field_in_progUi_attributes = function (progUi, field_id, prop) {
+  let elm_node;
+  const iterate_progUi = function (node) {
+    for (let item of node) {
+      // if (item.tagName === "xu-panel") {
+      if (!_.isEmpty(item.attributes)) {
+        for (const [attr, val] of Object.entries(item.attributes)) {
+          if (attr === `xu-exp:${prop}` || attr === prop) {
+            // found = val.includes('@' + field_id);
+            if (val.includes('@' + field_id)) {
+              elm_node = node;
+              break;
+            }
+          }
+        }
+      }
+      if (elm_node) break;
+
+      if (item.children) {
+        iterate_progUi(item.children);
+      }
+    }
+  };
+  iterate_progUi(progUi);
+  return elm_node;
+};
  func.UI.screen = {};
 func.UI.screen.init = async function (SESSION_ID, prog_id, sourceScreenP, callingDataSource_objP, $callingContainerP, triggerIdP, rowIdP, jobNoP, is_panelP, parameters_obj_inP, source_functionP, call_screen_propertiesP) {
   if (!prog_id) return console.error('program is empty');
@@ -9651,6 +9678,9 @@ func.UI.screen.refresh_xu_attributes = async function (SESSION_ID, fields_arr, j
       const progUi = $xu_embed_div?.data()?.xuData?.screenInfo?.progUi;
       if (progUi) {
         await iterate_field_in_progUi(progUi, field_id);
+        // find invisible panels
+        const elm_node = func.UI.find_field_in_progUi_attributes(progUi, field_id, 'xu-panel');
+        console.log('elm_node', elm_node);
       }
     }
     // run panels
@@ -9661,45 +9691,40 @@ func.UI.screen.refresh_xu_attributes = async function (SESSION_ID, fields_arr, j
     }
   }
 
-  // }
-
   func.events.delete_job(SESSION_ID, jobNoP);
 };
 
 func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr, datasource_changed, fields_changed_datasource) {
-  const $elm = func.UI.utils.find_in_element_data('xuPanelData', $(SESSION_OBJ[SESSION_ID].root_element), 'parent_element_ui_id');
-  // var panels_obj = {};
+  // const $elm = func.UI.utils.find_in_element_data('xuPanelData', $(SESSION_OBJ[SESSION_ID].root_element), 'parent_element_ui_id');
+
   const panels_obj = func.UI.utils.get_panels_from_dom(SESSION_ID, false);
 
-  const find_field_in_progUi = function (progUi, field_id, prop) {
-    let found;
-    const iterate_progUi = function (node) {
-      for (let item of node) {
-        // if (item.tagName === "xu-panel") {
-        if (!_.isEmpty(item.attributes)) {
-          for (const [attr, val] of Object.entries(item.attributes)) {
-            if (attr === `xu-exp:${prop}`) {
-              found = val.includes('@' + field_id);
-            }
-          }
-        }
-        if (found) break;
-        // }
-        if (item.children) {
-          iterate_progUi(item.children);
-        }
-      }
-    };
-    iterate_progUi(progUi);
-    return found;
-  };
+  // const find_field_in_progUi = function (progUi, field_id, prop) {
+  //   let found;
+  //   const iterate_progUi = function (node) {
+  //     for (let item of node) {
+  //       // if (item.tagName === "xu-panel") {
+  //       if (!_.isEmpty(item.attributes)) {
+  //         for (const [attr, val] of Object.entries(item.attributes)) {
+  //           if (attr === `xu-exp:${prop}`) {
+  //             found = val.includes('@' + field_id);
+  //           }
+  //         }
+  //       }
+  //       if (found) break;
+  //       // }
+  //       if (item.children) {
+  //         iterate_progUi(item.children);
+  //       }
+  //     }
+  //   };
+  //   iterate_progUi(progUi);
+  //   return found;
+  // };
 
   for await (const [parent_element_ui_id, panel_val] of Object.entries(panels_obj)) {
     const prog_doc = await func.utils.DOCS_OBJ.get(SESSION_ID, panel_val._ds.prog_id);
     const progDataSource_str = JSON.stringify(prog_doc.progDataSource);
-    // const progUi_str = JSON.stringify(prog_doc.progUi);
-
-    // console.log("panel_val", panel_val)
 
     var found;
     if (fields_changed_arr) {
@@ -9719,7 +9744,7 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
         for (const [attr, value] of Object.entries(_attributes)) {
           const pattern = /xu-exp:(\w+)/;
           const match = attr.match(pattern);
-          // if (!match && value !== "@" + field_id) {
+
           if (!match) {
             // continue if attribute is not expression
             continue;
@@ -9732,10 +9757,8 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
             found = progDataSource_str?.includes('@' + parameter_in_field_id);
             if (found) break;
 
-            // found = progUi_str?.includes("@" + parameter_in_field_id);
-            // if (found) return false;
-
-            found = find_field_in_progUi(prog_doc.progUi, parameter_in_field_id, 'xu-for');
+            // found = find_field_in_progUi(prog_doc.progUi, parameter_in_field_id, 'xu-for');
+            found = func.UI.find_field_in_progUi_attributes(prog_doc.progUi, parameter_in_field_id, 'xu-for');
             if (found) break;
           }
         }
@@ -9745,12 +9768,6 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
         // search field changed in the target program's progDataSource  // @code
         found = progDataSource_str?.includes('@' + field_id);
         if (found) break;
-
-        // found = progUi_str?.includes("@" + field_id);
-        // if (found) return false;
-
-        // found = find_field_in_progUi(prog_doc.progUi, field_id)
-        // if (found) break
       }
     }
 
@@ -9767,26 +9784,10 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
 
       // restore original panel
       try {
-        const $org_panel = panel_val.$div.data().xuPanelData.$panel_div; //panel_val.$div.clone(true);
-
-        // const old_ds = $($org_panel).data().xuData.paramsP.dsSessionP;
-        // func.datasource.del(SESSION_ID, old_ds);
+        // const $org_panel = panel_val.$div.data().xuPanelData.$panel_div;
 
         const new_$div = await func.UI.screen.render_ui_tree(SESSION_ID, $div_elm, _.cloneDeep(panel_val.$div.data().xuPanelData.node), {}, $div_elm.data().xuData.paramsP, null, null, $div_elm.data().xuData.key, null, $div_elm.data().xuData.parent_node, null, $div_elm.data().xuData.$root_container);
-        // const new_$div = await func.UI.screen.render_ui_tree(
-        //   SESSION_ID,
-        //   $div_elm,
-        //   _.cloneDeep(panel_val.$div.data().xuPanelData.node),
-        //   {},
-        //   $org_panel.data().xuData.paramsP,
-        //   null,
-        //   null,
-        //   $org_panel.data().xuData.key,
-        //   null,
-        //   $org_panel.data().xuData.parent_node,
-        //   null,
-        //   $org_panel.data().xuData.$root_container
-        // );
+
         // remove old panel content
         $.each(panel_val.ids, async function (key, val) {
           $("[xu-ui-id='" + val + "']").remove();
@@ -10036,14 +10037,6 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
       // Callback function to execute when mutations are observed
       const callback = (mutationList, observer) => {
         func.UI.screen.refresh_xu_attributes(SESSION_ID, [val.value]);
-        // return;
-        // for (const mutation of mutationList) {
-        //   if (mutation.type === 'childList') {
-        //     console.log('A child node has been added or removed.');
-        //   } else if (mutation.type === 'attributes') {
-        //     console.log(`The ${mutation.attributeName} attribute was modified.`);
-        //   }
-        // }
       };
 
       // Create an observer instance linked to the callback function
@@ -10052,6 +10045,9 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
       // Start observing the target node for configured mutations
       observer.observe(targetNode, config);
 
+      // Later, you can stop observing
+      // observer.disconnect();
+
       return {};
     },
     'xu-bind': async function ($elm, val) {