@xuda.io/runtime-bundle 1.0.365 → 1.0.367

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

@@ -8970,12 +8970,19 @@ func.UI.worker.find_job_index = function (SESSION_ID, jobNoP) {
 };
 
 func.UI.ds_garbage_collector = function (SESSION_ID = Object.keys(SESSION_OBJ)[0], re_check) {
+  // return;
   let _session = SESSION_OBJ[SESSION_ID];
 
   const _data_system = _session?.DS_GLB?.[0]?.data_system;
   if (_data_system?.SYS_GLOBAL_BOL_AJAX_BUSY) return;
   if (!_data_system?.SYS_GLOBAL_BOL_IDLE) return;
 
+  // for (const [key, val] of Object.entries(_data_system?.SYS_GLOBAL_OBJ_REFS || {})) {
+  //   if (!$(`[xu-ui-id='${val?.$el.attr('xu-ui-id')}'`)?.length) {
+  //     delete _data_system.SYS_GLOBAL_OBJ_REFS[key];
+  //   }
+  // }
+
   let abort;
 
   for (const [dsP, _ds] of Object.entries(_session.DS_GLB)) {
@@ -9022,7 +9029,7 @@ func.UI.ds_garbage_collector = function (SESSION_ID = Object.keys(SESSION_OBJ)[0
     func.datasource.del(SESSION_ID, val);
   }
 };
-func.UI.refs_garbage_collector = function (SESSION_ID = Object.keys(SESSION_OBJ)[0]) {
+func.UI.refs_garbage_collector = function (SESSION_ID = Object.keys(SESSION_OBJ)[0], re_check) {
   let _session = SESSION_OBJ[SESSION_ID];
   const _data_system = _session?.DS_GLB?.[0]?.data_system;
 
@@ -9473,6 +9480,9 @@ func.UI.screen.refresh_xu_attributes = async function (SESSION_ID, fields_arr, j
 
       if (!elem_val?.$elm?.data()?.xuData?.ui_type) continue;
 
+      // // already rended
+      // if (elem_val.$elm[0].tagName !== 'XURENDER' && elem_val?.$elm?.length) continue;
+
       new_job = await func.UI.worker.add_to_queue(
         SESSION_ID,
         'gui event',
@@ -9988,20 +9998,16 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
 
   const common_fx = {
     'xu-ref': async function ($elm, val) {
+      // console.log('xu-ref', $elm, val);
       const _session = SESSION_OBJ[SESSION_ID];
       let _ds_0 = _session.DS_GLB[0];
-
+      // if (!_ds_0.data_system['SYS_GLOBAL_OBJ_REFS']) {
+      //   _ds_0.data_system['SYS_GLOBAL_OBJ_REFS'] = {};
+      // }
+      // if (!_ds_0.data_system['SYS_GLOBAL_OBJ_REFS'][val]) {
       const _ds = _session.DS_GLB[paramsP.dsSessionP];
-
-      const row_idx = func.common.find_ROWID_idx(_ds, _ds.currentRecordId);
-      const data = _.clone(_ds?.data_feed?.rows?.[row_idx]) || {};
-
-      const props = _ds.in_parameters || {};
-      const attributes = $elm?.data()?.xuData?.properties || {};
-
-      // _ds_0.data_system['SYS_GLOBAL_OBJ_REFS'][val.value] = { $el: $elm, ds: _ds, data, attributes, props };
-      _ds_0.data_system['SYS_GLOBAL_OBJ_REFS'][val.value] = { $el: $elm, data, attributes, props };
-
+      _ds_0.data_system['SYS_GLOBAL_OBJ_REFS'][val.value] = { $el: $elm, ds: _ds, data: _ds?.data_feed?.rows || {}, props: $elm?.data()?.xuData?.properties };
+      // }
       return {};
     },
     'xu-bind': async function ($elm, val) {
@@ -10334,12 +10340,14 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
         if (!custom_iterator_key) {
           is_key_dynamic_field = true;
 
+          // iterator_key = $elm.data().xuData.node_org.id.replaceAll("-", "_") + "_FOR_KEY";
           iterator_key = '_FOR_KEY';
         }
 
         if (!custom_iterator_val) {
           is_val_dynamic_field = true;
 
+          // iterator_val = $elm.data().xuData.node_org.id.replaceAll("-", "_") + "_FOR_VAL";
           iterator_val = '_FOR_VAL';
         }
 
@@ -10386,7 +10394,13 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
           };
           let _parent_info = _.cloneDeep(parent_infoP) || {};
           _parent_info.iterate_info = iterate_info;
-
+          // if (parent_infoP) {
+          //   _parent_info = iterate_info;
+          // } else {
+          //   _parent_info = {
+          //     iterate_info,
+          //   };
+          // }
           const $divP = await func.UI.screen.render_ui_tree(
             SESSION_ID,
             $container,
@@ -10452,6 +10466,13 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
     },
     'xu-exp': async function ($elm, val) {
       let exp = val.value === null ? true : val.value;
+      // if (val.value.includes("@_FOR_KEY")) {
+      //   exp = exp.replaceAll("@_FOR_KEY", "@" + $elm.data().xuData.iterate_info.iterator_key);
+      // }
+
+      // if (val.value.includes("@_FOR_VAL")) {
+      //   exp = exp.replaceAll("@_FOR_VAL", "@" + $elm.data().xuData.iterate_info.iterator_val);
+      // }
 
       let exp_ret = await func.expression.get(SESSION_ID, exp, paramsP.dsSessionP, 'UI Attr EXP', SESSION_OBJ[SESSION_ID].DS_GLB[paramsP.dsSessionP].currentRecordId);
 
@@ -10860,6 +10881,10 @@ func.UI.screen.set_attributes_new = async function (SESSION_ID, is_skeleton, $ro
     _ret = _.assignIn(_ret, ret);
   }
 
+  // if (nodeP.tagName === "svg") {
+  //   console.log(svg_attributes_str);
+  // }
+
   // EXP for
 
   for await (const [key, val] of Object.entries(nodeP.attributes)) {
@@ -10968,6 +10993,20 @@ func.UI.screen.panel_post_render_handler = async function (
   if ($old_panel_div?.length) {
     $($old_panel_div[0]).after($wrapper.children());
   } else {
+    // $container.append($wrapper.children());
+
+    // find existing xurender
+    // $.each($wrapper.children(), function (key, val) {
+    //   console.log(">", `[xu-ui-id=${$(val).attr("xu-ui-id")}]`);
+    //   const $elm = $container.find(`[xu-ui-id=${$(val).attr("xu-ui-id")}]`);
+    //   if (
+    //     // $(val).data().xuData.key_path === cloned_$div.data().xuData.key_path
+    //     $elm.length
+    //   ) {
+    //     $elm.remove();
+    //   }
+    //   $container.append($(val));
+    // });
     $.each($wrapper.children(), function (key, child) {
       $.each($container.children(), function (key, elm) {
         if ($(elm).data().xuData.elem_key === $(child).data().xuData.elem_key) {
@@ -11095,7 +11134,59 @@ func.UI.screen.create_container = function (SESSION_ID, $root_container, nodeP,
       },
       xuAttributes: {},
     });
+    // }
 
+    // $div.appendTo($appendTo);
+
+    ////////////////////////
+
+    // let svg_attributes_str = ""
+    // if (div_typeP === "svg") {
+    //   for (const [key, val] of Object.entries(nodeP.attributes)) {
+    //     svg_attributes_str += `${key}="${val}" `
+    //   }
+    // }
+
+    // var $div =
+    //   // $(`<${div} ${attr_str ? attr_str : ""} ${svg_attributes_str}>`)
+    //   $(`<${div} ${attr_str ? attr_str : ""}>`)
+    //     .attr("xu-ui-id", ui_id)
+    //     .data({
+    //       xuData: {
+    //         prog_id: _paramsP.prog_id,
+    //         nodeid: nodeP.id,
+    //         ui_type: nodeP.tagName,
+    //         xu_id: xu_id,
+    //         recordid: currentRecordId,
+    //         paramsP: _paramsP,
+    //         key: keyP,
+    //         key_path, //:($container?.data()?.xuData?.key || "0") + "-" + (keyP || "0"),
+    //         screenId: _paramsP.screenId,
+    //         parent_container: $container?.attr("id"),
+    //         elem_key,
+    //         ui_id,
+    //         properties: prop,
+    //         node: nodeP,
+    //         node_org: _.cloneDeep(nodeP),
+    //         is_panelP: _paramsP.is_panelP,
+
+    //         elem_prop: elem_propP,
+    //         debug_info: {
+    //           id: nodeP.id,
+    //           parent_id: $container?.data()?.xuData?.ui_id,
+    //           items: items,
+    //         },
+    //         parent_node: parent_nodeP,
+    //         currentRecordId: currentRecordId,
+    //         $root_container: $root_container,
+    //         parent_element_ui_id: $container?.data()?.xuData?.ui_id,
+    //       },
+    //       xuAttributes: {},
+    //     })
+
+    // if (div_typeP === "svg") {
+    //   $div.removeAttr("xu-ui-id")
+    // }
     if (div_typeP !== 'svg') {
       $div.appendTo($appendTo);
     }
@@ -11658,8 +11749,20 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
           await func.UI.component.create_app_page_component(SESSION_ID, paramsP.dsSessionP);
           const page = new UI_FRAMEWORK_PLUGIN.page();
           await set_call_screen_properties_values(page);
-          await page.create(params);
-          await page.init(params);
+          await page.create(
+            params,
+            // SESSION_ID,
+            // paramsP.dsSessionP,
+            // nav,
+            // $nav.data().xuData.nav_params[paramsP.dsSessionP]
+          );
+          await page.init(
+            params,
+            // SESSION_ID,
+            // paramsP.dsSessionP,
+            // nav,
+            // $nav.data().xuData.nav_params[paramsP.dsSessionP]
+          );
           nav.push(component_name, { params });
         } else {
           debugger;
@@ -11895,6 +11998,20 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
         } catch (err) {
           func.utils.debug_report(SESSION_ID, `${plugin_name} widget`, err.message, 'E');
         }
+
+        // glb.lifecycle.plugins[plugin_name] = {
+        //   plugin_script: fx,
+        //   setup_data: plugin_setup_ret.data,
+        //   fields,
+        //   params,
+        // };
+
+        // await glb.lifecycle.execute(SESSION_ID, "initialized");
+        // await glb.lifecycle.execute(SESSION_ID, method);
+
+        // } catch (err) {
+        //   report_error(err);
+        // }
       }
       return $div;
     },
@@ -11906,6 +12023,10 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
         var $wrapper = $('<div>');
         $div = func.UI.screen.create_container(SESSION_ID, $root_container, nodeP, $container, paramsP, parent_infoP, jobNoP, keyP, parent_nodeP, prop, null, null, 'div', $wrapper, '');
 
+        // if (paramsP.is_panelP) {
+        //   var id = $div.attr('id');
+        // }
+
         if (!$div) return;
 
         if (!REFRESHER_IN_PROGRESS && (paramsP.is_mobile_popover || paramsP.is_mobile_page)) {
@@ -11934,7 +12055,107 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
         $container.data().xuAttributes[key] = _.cloneDeep(val);
       });
 
+      // var $div_content = $div.children();
+
+      // $.each($div_content, function (key, val) {
+      //   $(val).data().xuData.parent_container =
+      //     $div.data().xuData.parent_container;
+      // });
+
       return await render_screen_type($div);
+
+      // if (paramsP.is_mobile_modal) {
+      //   return await open_modal($div);
+      // }
+      // if (paramsP.is_mobile_popover) {
+      //   open_popover($div);
+      //   func.UI.utils.screen_blocker(
+      //     false,
+      //     paramsP.prog_id + "_" + paramsP.sourceScreenP
+      //   );
+      //   return;
+      // }
+
+      // if (paramsP.is_mobile_page) {
+      //   const $nav = $(SESSION_OBJ[SESSION_ID].root_element).find("xu-nav");
+      //   const nav = $nav[0];
+
+      //   var params = {
+      //     div: $div_content,
+      //     name: paramsP.screenInfo.properties?.menuTitle,
+      //     screenId: paramsP.screenId,
+      //     $container: $container,
+      //     // icon: $div.data().xuData.paramsP.screenInfo.rICN,
+      //     dsSession: paramsP.dsSessionP,
+      //   };
+      //   var component_name = "xu-page-component-" + paramsP.dsSessionP;
+      //   if (!$(nav).data().xuData.nav_params) {
+      //     $(nav).data().xuData.nav_params = {};
+      //   }
+
+      //   //restore validate
+      //   if ($(nav)?.data()?.xuData?.params?.[paramsP.dsSessionP]) {
+      //     params.$container.data().xuData.validate_screen_ready = $(nav)
+      //       .data()
+      //       .xuData.params[
+      //         paramsP.dsSessionP
+      //       ].$container.data().xuData.validate_screen_ready;
+      //   }
+
+      //   if (!$(nav)?.data()?.xuData) return;
+      //   $(nav).data().xuData.nav_params[paramsP.dsSessionP] = params;
+      //   if (!$(component_name).length) {
+      //     await func.UI.component.create_app_page_component(
+      //       SESSION_ID,
+      //       paramsP.dsSessionP
+      //     );
+      //     const page = new UI_FRAMEWORK_PLUGIN.page();
+      //     await page.create(
+      //       SESSION_ID,
+      //       paramsP.dsSessionP,
+      //       nav,
+      //       $nav.data().xuData.nav_params[paramsP.dsSessionP]
+      //     );
+      //     await page.init(
+      //       SESSION_ID,
+      //       paramsP.dsSessionP,
+      //       nav,
+      //       $nav.data().xuData.nav_params[paramsP.dsSessionP]
+      //     );
+      //     nav.push(component_name, { params });
+      //   } else {
+      //     debugger;
+      //     $(component_name).empty();
+
+      //     await UI_FRAMEWORK_PLUGIN.page(SESSION_ID, paramsP.dsSessionP);
+      //   }
+      //   $div.data().xuData.paramsP = $container.data().xuData.paramsP;
+
+      //   return $div;
+      // }
+
+      // if (
+      //   !paramsP.is_mobile_page &&
+      //   !paramsP.is_mobile_modal &&
+      //   !paramsP.is_mobile_popover &&
+      //   !paramsP.is_panelP
+      // ) {
+      //   var $nav = $(SESSION_OBJ[SESSION_ID].root_element).find("xu-nav");
+      //   if ($nav && $nav.length) {
+      //     // refresh made
+      //   } else {
+      //     $nav = $("<xu-nav>");
+      //     $container.append($nav);
+      //     func.UI.component.init_xu_nav($container, $nav);
+      //   }
+
+      //   $nav.data().xuData.$div = $div_content; // set data to nav to use in the component
+
+      //   await $nav[0].setRoot("xu-root-component-" + SESSION_ID);
+      // } else {
+      //   $container.append($div_content);
+      // }
+      // return $container;
     },
     [`xu-multi-view`]: async function () {
       var $div = $container;
@@ -11951,26 +12172,60 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
       }
 
       const done = async function (continuous_idx) {
-        // const do_callback = async function ($div) {
-        //   // if ($root_container.data().xuData.progress_bar_circle) {
-        //   //   setTimeout(function () {
-        //   //     $.each(
-        //   //       $root_container.data().xuData.progress_bar_circle,
-        //   //       function (key, val) {
-        //   //         val.bar.set(parseFloat(val.value)); // Number from 0.0 to 1.0
-        //   //       }
-        //   //     );
-        //   //   }, 2000);
-        //   // }
-
-        //   if (paramsP.screenInfo.properties?.rtl) {
-        //     $div_content.attr('dir', 'rtl');
-        //   }
+        const do_callback = async function ($div) {
+          // if ($root_container.data().xuData.progress_bar_circle) {
+          //   setTimeout(function () {
+          //     $.each(
+          //       $root_container.data().xuData.progress_bar_circle,
+          //       function (key, val) {
+          //         val.bar.set(parseFloat(val.value)); // Number from 0.0 to 1.0
+          //       }
+          //     );
+          //   }, 2000);
+          // }
 
-        //   return $div;
-        // };
+          if (paramsP.screenInfo.properties?.rtl) {
+            $div_content.attr('dir', 'rtl');
+          }
+
+          return $div;
+        };
         await func.UI.screen.set_attributes_new(SESSION_ID, is_skeleton, $root_container, nodeP, $container, paramsP, parent_infoP, jobNoP, keyP, parent_nodeP, $container, true);
+        // var $div_content = $div.children();
+
+        // if (continuous_idx !== null || !prop.app_items_per_page) {
+        //   $.each($div.data().xuData, function (key, val) {
+        //     $container.data().xuData[key] = val;
+        //   });
+        //   $.each($div.data().xuAttributes, function (key, val) {
+        //     $container.data().xuAttributes[key] = val;
+        //   });
+
+        //   if (!$container.data().xuData.node) {
+        //     $container.data().xuData.node = {};
+        //   }
 
+        //   $container.data().xuData.node.children = [];
+
+        //   $.each($div_content, function (key, val) {
+        //     if (!$(val)?.data()?.xuData) return;
+        //     if (
+        //       continuous_idx === null ||
+        //       (continuous_idx && key > continuous_idx)
+        //     ) {
+        //       $(val).data().xuData.parent_container =
+        //         $div.data().xuData.parent_container;
+        //       $container
+        //         .data()
+        //         .xuData.node.children.push($(val).data().xuData.node);
+        //     }
+        //   });
+        // }
+
+        // if (continuous_idx !== null) {
+        //   if (glb.CURRENT_APP_LOADING === 1) glb.CURRENT_APP_LOADING = 0; // re-activate loader
+        //   return;
+        // }
         return await render_screen_type($div);
       };
 
@@ -12004,6 +12259,38 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
         const ret = await func.UI.screen.render_ui_tree(SESSION_ID, $container, empty_result_node, parent_infoP, paramsP, jobNoP, null, 0, null, nodeP, null, $root_container);
         await func.events.validate(SESSION_ID, 'record_not_found', paramsP.dsSessionP);
         return await done(null);
+
+        // var text = "";
+        // if (prop?.app_empty_result_text !== "undefined") {
+        //   text = prop.app_empty_result_text;
+        // }
+        // if (
+        //   prop.app_empty_result_text_EXP &&
+        //   prop.app_empty_result_text_EXP !== "undefined"
+        // ) {
+        //   let exp = prop.app_empty_result_text_EXP;
+        //   if (exp && exp !== "undefined") {
+        //     var res = func.expression.get(
+        //       SESSION_ID,
+        //       exp,
+        //       paramsP.dsSessionP,
+        //       "app_empty_result_text_EXP",
+        //       _ds.currentRecordId
+        //     );
+        //     text = res.result;
+        //   }
+        // }
+        // if (icon || text) {
+        //   $container.append(
+        //     `<div style="width: 100%;" >${img}<h6 style="text-align: center;">${text}</h6></div>`
+        //   );
+        // }
+        // await func.events.validate(
+        //   SESSION_ID,
+        //   "record_not_found",
+        //   paramsP.dsSessionP
+        // );
+        // return await done(null);
       };
       var _ds = SESSION_OBJ[SESSION_ID].DS_GLB[paramsP.dsSessionP];
 
@@ -12016,7 +12303,25 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
       var i = 0;
       for await (const [key, val] of Object.entries(_ds.data_feed.rows)) {
         var node = JSON.parse(JSON.stringify(nodeP));
-
+        // TO FIX
+        // if (
+        //   continuous_idx === null &&
+        //   prop.app_items_per_page &&
+        //   i >= Number(prop.app_items_per_page)
+        // ) {
+        //   continuous_idx = i;
+        //   await done(null);
+
+        //   setTimeout(async function () {
+        //     await run_item(continuous_idx);
+        //     if (!glb.CURRENT_APP_LOADING) {
+        //       glb.CURRENT_APP_LOADING = 1;
+        //     } // deactivate loader
+        //   }, 1000);
+
+        //   continue;
+        // }
+        ////////
         _ds.currentRecordId = val._ROWID;
         const ret = await iterate_child($div, node, { continuous_idx }, null, $root_container);
 
@@ -12068,6 +12373,46 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
     };
     if (!element || element === 'script') return await done();
     let str = '';
+    // var $div
+    // const draw_svg = function () {
+    //   const get_tag_str = function (element, prop, val) {
+    //     let class_str = "";
+    //     let attr_str = "";
+    //     for (const [key, val] of Object.entries(prop)) {
+    //       if (key.substr(0, 2) !== "xu") {
+    //         attr_str += ` ${key}="${val}" `;
+    //       }
+    //     }
+    //     if (element === "svg") {
+    //       return `<${element}  ${attr_str} > `;
+    //     }
+    //     let ret = "";
+    //     if (val?.children?.length) {
+    //       ret = iterate_svg(val);
+    //     }
+
+    //     return `<${element} ${class_str} ${attr_str} > ${ret} </${element}>`;
+    //   };
+    //   let svg_str = get_tag_str(element, prop);
+    //   let inner_str = "";
+    //   const iterate_svg = function (node) {
+    //     let ret = "";
+    //     if (node.children) {
+    //       for (let val of node.children) {
+    //         let prop = val.attributes;
+    //         ret += get_tag_str(val.tagName, prop, val);
+    //       }
+    //     }
+    //     return ret;
+    //   };
+    //   inner_str = iterate_svg(nodeP);
+
+    //   $div = $(svg_str + inner_str + "</svg>").appendTo($container);
+    // };
+    // if (element === "svg") {
+    //   draw_svg();
+    //   // return await done();
+    // }
 
     var $div = func.UI.screen.create_container(SESSION_ID, $root_container, nodeP, $container, paramsP, parent_infoP, jobNoP, keyP, parent_nodeP, prop, null, null, element, null, str);