@xuda.io/runtime-bundle 1.0.347 → 1.0.349

package/js/xuda-runtime-slim.js

@@ -8042,10 +8042,10 @@ func.utils.get_last_datasource_no = function (SESSION_ID) {
 func.UI.utils.indicator = {};
 func.UI.utils.indicator.worker = {};
 func.UI.utils.indicator.worker.busy = function () {
-  $(".progressLoader").addClass("progress_busy");
+  $('.progressLoader').addClass('progress_busy');
 };
 func.UI.utils.indicator.worker.normal = function () {
-  $(".progressLoader").removeClass("progress_busy");
+  $('.progressLoader').removeClass('progress_busy');
 };
 func.UI.utils.indicator.server = {};
 func.UI.utils.indicator.server.busy = function () {
@@ -8057,10 +8057,10 @@ func.UI.utils.indicator.server.normal = function () {
 
 func.UI.utils.indicator.screen = {};
 func.UI.utils.indicator.screen.busy = function () {
-  $(".progressLoader").addClass("progress_busy2");
+  $('.progressLoader').addClass('progress_busy2');
 };
 func.UI.utils.indicator.screen.normal = function () {
-  $(".progressLoader").removeClass("progress_busy2");
+  $('.progressLoader').removeClass('progress_busy2');
 };
 
 func.UI.utils.save = function (SESSION_ID, stateP) {
@@ -8070,7 +8070,7 @@ func.UI.utils.save = function (SESSION_ID, stateP) {
 
 func.UI.utils.screen_blocker = function (onP, idP, dsP) {
   if (!idP) {
-    func.utils.debug_report("", "Worker", "Missing reference id", "E");
+    func.utils.debug_report('', 'Worker', 'Missing reference id', 'E');
     return;
   }
   window.oncontextmenu = function () {
@@ -8083,33 +8083,20 @@ func.UI.utils.screen_blocker = function (onP, idP, dsP) {
     return;
   }
 
-  if (idP !== "Worker") {
+  if (idP !== 'Worker') {
     SCREEN_BLOCKER_OBJ[idP] = Date.now();
   }
 };
 
-func.UI.utils.get_node_elm = function (
-  SESSION_ID,
-  dsSessionP,
-  ui_idP,
-  $container,
-  is_app_panel,
-  ui_type,
-  functionP
-) {
+func.UI.utils.get_node_elm = function (SESSION_ID, dsSessionP, ui_idP, $container, is_app_panel, ui_type, functionP) {
   if (!$container) {
-    $container = $("body");
+    $container = $('body');
   }
-  var $elm = func.UI.utils.find_in_element_data(
-    is_app_panel ? "xuPanelData" : "xuData",
-    $container,
-    "ui_id",
-    ui_idP
-  );
+  var $elm = func.UI.utils.find_in_element_data(is_app_panel ? 'xuPanelData' : 'xuData', $container, 'ui_id', ui_idP);
   const _session = SESSION_OBJ[SESSION_ID];
   var _ds = _session.DS_GLB[dsSessionP];
 
-  if (_ds.tree_obj.renderType === "form") {
+  if (_ds.tree_obj.renderType === 'form') {
     return $elm;
   }
   var $grid_elm;
@@ -8123,47 +8110,17 @@ func.UI.utils.get_node_elm = function (
 
   return $elm;
 };
-func.UI.utils.get_nodeId = function (
-  SESSION_ID,
-  dsSessionP,
-  ui_idP,
-  $container,
-  is_app_panel
-) {
-  var $elm = func.UI.utils.get_node_elm(
-    SESSION_ID,
-    dsSessionP,
-    ui_idP,
-    $container,
-    is_app_panel,
-    null,
-    null
-  );
+func.UI.utils.get_nodeId = function (SESSION_ID, dsSessionP, ui_idP, $container, is_app_panel) {
+  var $elm = func.UI.utils.get_node_elm(SESSION_ID, dsSessionP, ui_idP, $container, is_app_panel, null, null);
 
   if (is_app_panel) {
     return $elm.data().xuData.panel_info.prop.id;
   } else {
-    return $elm.attr("nodeId");
+    return $elm.attr('nodeId');
   }
 };
-func.UI.utils.get_element_info = function (
-  SESSION_ID,
-  dsSessionP,
-  ui_idP,
-  $container,
-  is_app_panel,
-  ui_type,
-  functionP
-) {
-  var $elm = func.UI.utils.get_node_elm(
-    SESSION_ID,
-    dsSessionP,
-    ui_idP,
-    $container,
-    is_app_panel,
-    ui_type,
-    functionP
-  );
+func.UI.utils.get_element_info = function (SESSION_ID, dsSessionP, ui_idP, $container, is_app_panel, ui_type, functionP) {
+  var $elm = func.UI.utils.get_node_elm(SESSION_ID, dsSessionP, ui_idP, $container, is_app_panel, ui_type, functionP);
   var ret = {};
   if ($elm?.length) {
     //length added 20210209
@@ -8181,40 +8138,14 @@ func.UI.utils.get_element_info = function (
   ret.$elm = $elm;
   return ret;
 };
-func.UI.utils.get_ui_id_count = function (
-  SESSION_ID,
-  dsSessionP,
-  ui_idP,
-  $container
-) {
-  return func.UI.utils.get_node_elm(
-    SESSION_ID,
-    dsSessionP,
-    ui_idP,
-    $container,
-    null,
-    null
-  ).length;
+func.UI.utils.get_ui_id_count = function (SESSION_ID, dsSessionP, ui_idP, $container) {
+  return func.UI.utils.get_node_elm(SESSION_ID, dsSessionP, ui_idP, $container, null, null).length;
 };
-func.UI.utils.get_ui_info_tree_scope = function (
-  SESSION_ID,
-  dsP,
-  ui_id,
-  is_app_panel,
-  ui_type,
-  $container,
-  functionP
-) {
+func.UI.utils.get_ui_info_tree_scope = function (SESSION_ID, dsP, ui_id, is_app_panel, ui_type, $container, functionP) {
   var drill_parent = function () {
     if (SESSION_OBJ[SESSION_ID].DS_GLB[dsP].parentDataSourceNo) {
-      return func.UI.utils.get_ui_info_tree_scope(
-        SESSION_ID,
-        SESSION_OBJ[SESSION_ID].DS_GLB[dsP].parentDataSourceNo,
-        ui_id,
-        is_app_panel,
-        ui_type
-      );
-    } else if (ui_type === "xu-app-page") {
+      return func.UI.utils.get_ui_info_tree_scope(SESSION_ID, SESSION_OBJ[SESSION_ID].DS_GLB[dsP].parentDataSourceNo, ui_id, is_app_panel, ui_type);
+    } else if (ui_type === 'xu-app-page') {
       if (elm_info.$elm.length) {
         return {
           ds: dsP,
@@ -8226,15 +8157,7 @@ func.UI.utils.get_ui_info_tree_scope = function (
   };
   if (!SESSION_OBJ[SESSION_ID].DS_GLB[dsP]) return;
 
-  var elm_info = func.UI.utils.get_element_info(
-    SESSION_ID,
-    dsP,
-    ui_id,
-    $container,
-    is_app_panel,
-    ui_type,
-    functionP
-  );
+  var elm_info = func.UI.utils.get_element_info(SESSION_ID, dsP, ui_id, $container, is_app_panel, ui_type, functionP);
   var id = elm_info.nodeId;
 
   if (!id) {
@@ -8242,9 +8165,7 @@ func.UI.utils.get_ui_info_tree_scope = function (
   } else {
     if (is_app_panel) {
       return {
-        ds: func.UI.utils
-          .get_node_elm(SESSION_ID, dsP, ui_id, $container, is_app_panel)
-          .data().xuData.paramsP.dsSessionP,
+        ds: func.UI.utils.get_node_elm(SESSION_ID, dsP, ui_id, $container, is_app_panel).data().xuData.paramsP.dsSessionP,
         id: id,
         $elm: elm_info.$elm,
       };
@@ -8269,43 +8190,19 @@ func.UI.utils.clean_node_busy = function (node) {
   return node;
 };
 
-func.UI.utils.get_ui_info_tree_scope_sync = function (
-  SESSION_ID,
-  dsP,
-  ui_id,
-  ui_type,
-  callback,
-  $container,
-  functionP
-) {
+func.UI.utils.get_ui_info_tree_scope_sync = function (SESSION_ID, dsP, ui_id, ui_type, callback, $container, functionP) {
   var ret;
   var is_app_panel = false;
-  if (ui_type === "xu-panel") {
+  if (ui_type === 'xu-panel') {
     is_app_panel = true;
   }
 
-  ret = func.UI.utils.get_ui_info_tree_scope(
-    SESSION_ID,
-    dsP,
-    ui_id,
-    is_app_panel,
-    ui_type,
-    $container,
-    functionP
-  );
+  ret = func.UI.utils.get_ui_info_tree_scope(SESSION_ID, dsP, ui_id, is_app_panel, ui_type, $container, functionP);
 
   if (!ret) {
     var attempts = 0;
     const run = function () {
-      ret = func.UI.utils.get_ui_info_tree_scope(
-        SESSION_ID,
-        dsP,
-        ui_id,
-        is_app_panel,
-        ui_type,
-        $container,
-        functionP
-      );
+      ret = func.UI.utils.get_ui_info_tree_scope(SESSION_ID, dsP, ui_id, is_app_panel, ui_type, $container, functionP);
       if (ret || attempts > 10) {
         callback(ret);
       } else {
@@ -8323,22 +8220,19 @@ func.UI.utils.get_ui_info_tree_scope_sync = function (
 };
 
 func.UI.utils.live_preview_element_inspect_on = function (SESSION_ID, service) {
-  $.each($("[xu-ui-id]"), function (key, val) {
-    $(val).on("mouseenter.live_preview_element_inspector", function () {
-      $("body")
-        .find(".preview_mark")
-        .removeClass("preview_mark")
-        .off("click.live_preview_element_inspector");
-      $(this).addClass("preview_mark");
-      $(this).on("click.live_preview_element_inspector", function (e) {
+  $.each($('[xu-ui-id]'), function (key, val) {
+    $(val).on('mouseenter.live_preview_element_inspector', function () {
+      $('body').find('.preview_mark').removeClass('preview_mark').off('click.live_preview_element_inspector');
+      $(this).addClass('preview_mark');
+      $(this).on('click.live_preview_element_inspector', function (e) {
         const _session = SESSION_OBJ[SESSION_ID];
         console.log($(this).data());
         const data = $(this).data();
         const obj = {
-          service: service + "_result",
+          service: service + '_result',
           id: STUDIO_WEBSOCKET_CONNECTION_ID,
           uid: _session.USR_OBJ._id,
-          source: "runtime",
+          source: 'runtime',
           app_id: _session.app_id,
           gtp_token: _session.gtp_token,
           session_id: SESSION_ID,
@@ -8346,16 +8240,16 @@ func.UI.utils.live_preview_element_inspect_on = function (SESSION_ID, service) {
         };
 
         switch (service) {
-          case "live_preview_element_reference":
+          case 'live_preview_element_reference':
             obj.data = { prog_id: data.xuData.prog_id, node: data.xuData.node };
             break;
-          case "live_preview_element_info":
+          case 'live_preview_element_info':
             obj.data = {
               element_info: data.debug_info,
               datasource: _session.DS_GLB[data.paramsP.dsSessionP],
             };
             break;
-          case "live_preview_element_dnd":
+          case 'live_preview_element_dnd':
             // code block
             break;
           default:
@@ -8367,49 +8261,37 @@ func.UI.utils.live_preview_element_inspect_on = function (SESSION_ID, service) {
 
         func.UI.utils.live_preview_element_inspect_off();
 
-        if (typeof LIVE_PREVIEW_APP_ACTIVE !== "undefined") {
-          $(`#live_preview_element_reference_btn`).css("color", "unset");
-          $(`#live_preview_element_info_btn`).css("color", "unset");
+        if (typeof LIVE_PREVIEW_APP_ACTIVE !== 'undefined') {
+          $(`#live_preview_element_reference_btn`).css('color', 'unset');
+          $(`#live_preview_element_info_btn`).css('color', 'unset');
         }
       });
     });
 
-    $(val).on("mouseleave.live_preview_element_inspector", function () {
-      $(this).removeClass("preview_mark");
-      $(this).off("click.live_preview_element_inspector");
+    $(val).on('mouseleave.live_preview_element_inspector', function () {
+      $(this).removeClass('preview_mark');
+      $(this).off('click.live_preview_element_inspector');
     });
   });
 };
 
 func.UI.utils.live_preview_element_inspect_off = function () {
-  $.each($("[xu-ui-id]"), function (key, val) {
-    $(val).off(
-      "mouseenter.live_preview_element_inspector mouseleave.live_preview_element_inspector"
-    );
+  $.each($('[xu-ui-id]'), function (key, val) {
+    $(val).off('mouseenter.live_preview_element_inspector mouseleave.live_preview_element_inspector');
   });
-  $("body")
-    .find(".preview_mark")
-    .removeClass("preview_mark")
-    .off("click.live_preview_element_inspector");
+  $('body').find('.preview_mark').removeClass('preview_mark').off('click.live_preview_element_inspector');
 };
 
 func.UI.utils.live_preview_show_selected_element = function (nodeid) {
-  $("body").find(".preview_mark").removeClass("preview_mark");
-  $(`[nodeid="${nodeid}"]`).addClass("preview_mark");
+  $('body').find('.preview_mark').removeClass('preview_mark');
+  $(`[nodeid="${nodeid}"]`).addClass('preview_mark');
 };
 
 func.UI.utils.get_url_attribute = function (SESSION_ID, key) {
   var ret = glb.URL_PARAMS.get(key);
 
   const _session = SESSION_OBJ[SESSION_ID];
-  return (
-    glb.URL_PARAMS.get(key) ||
-    $(_session.root_element).attr(key) ||
-    _session.opt?.params?.[key] ||
-    _session.opt[key] ||
-    $.cookie(key) ||
-    window.localStorage.getItem(key)
-  );
+  return glb.URL_PARAMS.get(key) || $(_session.root_element).attr(key) || _session.opt?.params?.[key] || _session.opt[key] || $.cookie(key) || window.localStorage.getItem(key);
 };
 
 func.UI.utils.get_root_element_attributes = function (SESSION_ID) {
@@ -8428,21 +8310,12 @@ func.UI.utils.get_root_element_attributes = function (SESSION_ID) {
   return ret;
 };
 
-func.UI.utils.prompt_confirm_window = async function (
-  SESSION_ID,
-  messageP,
-  picP,
-  confirmYesFuncP,
-  confirmNoFuncP,
-  confirmCancelFuncP,
-  title,
-  colorP
-) {
+func.UI.utils.prompt_confirm_window = async function (SESSION_ID, messageP, picP, confirmYesFuncP, confirmNoFuncP, confirmCancelFuncP, title, colorP) {
   if (confirmNoFuncP) {
     buttons.push({
-      text: "Disagree",
-      role: "no",
-      cssClass: "secondary",
+      text: 'Disagree',
+      role: 'no',
+      cssClass: 'secondary',
       handler: () => {
         confirmNoFuncP();
       },
@@ -8450,9 +8323,9 @@ func.UI.utils.prompt_confirm_window = async function (
   }
   if (confirmYesFuncP) {
     buttons.push({
-      text: "Agree",
-      role: "yes",
-      cssClass: "secondary",
+      text: 'Agree',
+      role: 'yes',
+      cssClass: 'secondary',
       handler: () => {
         confirmYesFuncP();
       },
@@ -8461,9 +8334,9 @@ func.UI.utils.prompt_confirm_window = async function (
 
   if (confirmCancelFuncP) {
     buttons.push({
-      text: "Dismiss",
-      role: "cancel",
-      cssClass: "secondary",
+      text: 'Dismiss',
+      role: 'cancel',
+      cssClass: 'secondary',
       handler: () => {
         confirmCancelFuncP();
       },
@@ -8478,22 +8351,14 @@ func.UI.utils.alert = function (msg) {
 };
 
 func.UI.utils.progressScreen = {};
-func.UI.utils.progressScreen.show = function (
-  SESSION_ID,
-  textP,
-  show_bytesP,
-  error,
-  progress_off,
-  logo_off
-) {
+func.UI.utils.progressScreen.show = function (SESSION_ID, textP, show_bytesP, error, progress_off, logo_off) {
   if (glb.IS_WORKER) {
     return;
   }
   const app_obj = APP_OBJ?.[SESSION_OBJ?.[SESSION_ID]?.app_id];
 
-  var background_color = "";
-  var icon =
-    app_obj?._conf?.logo_url || "https://xuda.io/dist/images/xuda_logo.png";
+  var background_color = '';
+  var icon = app_obj?._conf?.logo_url || 'https://xuda.io/dist/images/xuda_logo.png';
   if (app_obj?.app_pic) {
     icon = app_obj.app_pic;
   }
@@ -8511,14 +8376,14 @@ func.UI.utils.progressScreen.show = function (
   }
 
   IS_PROGRESS_SCREEN_OPEN = true;
-  var $progressScreen = $("#progressScreen2").empty();
-  $(".loader").hide();
-  $progressScreen = $("#progressScreen2").css({});
+  var $progressScreen = $('#progressScreen2').empty();
+  $('.loader').hide();
+  $progressScreen = $('#progressScreen2').css({});
 
   if (background_color) {
     $progressScreen.css({
       color: func.common.getContrast_color(background_color),
-      "background-color": background_color,
+      'background-color': background_color,
     });
   }
 
@@ -8539,26 +8404,17 @@ func.UI.utils.progressScreen.show = function (
       //   );
       // });
 
-      $("#progressScreen2_text").show(500, function () {
+      $('#progressScreen2_text').show(500, function () {
         if (!logo_off) {
           $(this).prepend(`<img class='progressScreen_logo' src='${icon}'>`);
         }
-        $(this).append(
-          error
-            ? error_msg
-            : typeof textP === "object"
-              ? textP
-              : `<p>${textP}</p>`
-        );
+        $(this).append(error ? error_msg : typeof textP === 'object' ? textP : `<p>${textP}</p>`);
       });
     }
   }, 500);
 
-  $("#progressScreen2").show();
-  $("<div>")
-    .attr("id", "progressScreen2_text")
-    .hide()
-    .appendTo($progressScreen);
+  $('#progressScreen2').show();
+  $('<div>').attr('id', 'progressScreen2_text').hide().appendTo($progressScreen);
   // .hide()
   // .fadeIn("slow"); //.append(textP)
 };
@@ -8569,8 +8425,8 @@ func.UI.utils.progressScreen.hide = function () {
   IS_PROGRESS_SCREEN_OPEN = false;
   // window.clearInterval(PROGRESS_INTERVAL);
   //   setTimeout(function () {
-  $("#progressScreen2").hide(); //fadeOut('fast');
-  $("#progressScreen2_text").empty(); //.fadeOut('fast').empty();
+  $('#progressScreen2').hide(); //fadeOut('fast');
+  $('#progressScreen2_text').empty(); //.fadeOut('fast').empty();
   // $("#progressScreen2").css({
   //   height: "0px",
   //   top: "-100px",
@@ -8579,8 +8435,8 @@ func.UI.utils.progressScreen.hide = function () {
 };
 
 func.UI.utils.find_in_element_data = function (folder, $elm, key, val) {
-  return $elm.find("*").filter(function () {
-    if (typeof val === "undefined") {
+  return $elm.find('*').filter(function () {
+    if (typeof val === 'undefined') {
       return $(this).data()?.[folder]?.[key];
     }
 
@@ -8589,53 +8445,50 @@ func.UI.utils.find_in_element_data = function (folder, $elm, key, val) {
 };
 
 func.UI.utils.init_ui_framework = async function (SESSION_ID, prog_id) {
-  if (typeof glb.SLIM_BUNDLE !== "undefined" || glb.SLIM_BUNDLE) return;
+  if (typeof glb.SLIM_BUNDLE !== 'undefined' || glb.SLIM_BUNDLE) return;
 
   var _session = SESSION_OBJ[SESSION_ID];
   var tree_obj = await func.utils.TREE_OBJ.get(SESSION_ID, prog_id);
   if (_.isEmpty(tree_obj)) {
-    return console.error("Error: prog " + prog_id + " not found.");
+    return console.error('Error: prog ' + prog_id + ' not found.');
   }
   const report_error = function (descP, warn) {
     func.utils.debug.log(SESSION_ID, prog_id, {
-      module: "component",
-      action: "Init",
-      source: "install ui framework",
+      module: 'component',
+      action: 'Init',
+      source: 'install ui framework',
       prop: descP,
       details: descP,
       result: null,
       error: warn ? false : true,
       fields: null,
-      type: "component",
+      type: 'component',
       prog_id: prog_id,
     });
   };
   const plugin_name = tree_obj.uiFramework;
 
   if (!plugin_name) {
-    return report_error("no frameworks plugin defined", true);
+    return report_error('no frameworks plugin defined', true);
   }
 
   if (plugin_name === UI_FRAMEWORK_INSTALLED) return;
 
-  const _plugin =
-    APP_OBJ[_session.app_id]?.app_plugins_purchased?.[plugin_name];
+  const _plugin = APP_OBJ[_session.app_id]?.app_plugins_purchased?.[plugin_name];
 
   if (!_plugin?.installed) {
     return report_error(`plugin ${plugin_name} not installed`);
   }
 
   const get_path = function (plugin_name, resource) {
-    var path = `https://${_session.domain}/plugins/${plugin_name}${resource ? "/" + resource : ""
-      }?app_id=${_session.app_id}`;
+    var path = `https://${_session.domain}/plugins/${plugin_name}${resource ? '/' + resource : ''}?app_id=${_session.app_id}`;
 
     return path;
   };
 
   var _ui_framework_index;
   try {
-    const runtime_mjs = `${_plugin.manifest["runtime.mjs"].dist ? "dist/" : ""
-      }runtime.mjs`;
+    const runtime_mjs = `${_plugin.manifest['runtime.mjs'].dist ? 'dist/' : ''}runtime.mjs`;
 
     _ui_framework_index = await import(get_path(plugin_name, runtime_mjs));
   } catch (error) {
@@ -8658,31 +8511,23 @@ func.UI.utils.init_ui_framework = async function (SESSION_ID, prog_id) {
   const ui_framework_core = new _ui_framework_index.core();
   if (ui_framework_core.init) {
     try {
-      const setup_mjs = `${_plugin.manifest["index.mjs"].dist ? "dist/" : ""
-        }index.mjs`;
-      _ui_framework_dashboard_setup = await import(
-        get_path(plugin_name, setup_mjs)
-      );
+      const setup_mjs = `${_plugin.manifest['index.mjs'].dist ? 'dist/' : ''}index.mjs`;
+      _ui_framework_dashboard_setup = await import(get_path(plugin_name, setup_mjs));
       if (_ui_framework_dashboard_setup) {
-        _ui_framework_dashboard_setup_data_ret =
-          await func.utils.get_plugin_setup(SESSION_ID, plugin_name);
+        _ui_framework_dashboard_setup_data_ret = await func.utils.get_plugin_setup(SESSION_ID, plugin_name);
       }
-    } catch (error) { }
+    } catch (error) {}
   }
 
   if (plugin_name !== UI_FRAMEWORK_INSTALLED) {
     UI_FRAMEWORK_INSTALLED = plugin_name;
-    const _plugin_INSTALLED =
-      APP_OBJ[_session.app_id]?.app_plugins_purchased?.[UI_FRAMEWORK_INSTALLED];
+    const _plugin_INSTALLED = APP_OBJ[_session.app_id]?.app_plugins_purchased?.[UI_FRAMEWORK_INSTALLED];
     UI_FRAMEWORK_PLUGIN = _ui_framework_index;
     if (UI_FRAMEWORK_INSTALLED) {
       var _current_ui_framework_runtime;
       try {
-        const _runtime_mjs = `${_plugin_INSTALLED.manifest["runtime.mjs"].dist ? "dist/" : ""
-          }runtime.mjs`;
-        _current_ui_framework_runtime = await import(
-          get_path(UI_FRAMEWORK_INSTALLED, _runtime_mjs)
-        );
+        const _runtime_mjs = `${_plugin_INSTALLED.manifest['runtime.mjs'].dist ? 'dist/' : ''}runtime.mjs`;
+        _current_ui_framework_runtime = await import(get_path(UI_FRAMEWORK_INSTALLED, _runtime_mjs));
       } catch (error) {
         return report_error(`plugin ${UI_FRAMEWORK_INSTALLED} not found`);
       }
@@ -8706,19 +8551,19 @@ func.UI.utils.init_ui_framework = async function (SESSION_ID, prog_id) {
 
         var url = val.url;
         switch (val.type) {
-          case "module":
+          case 'module':
             try {
               // ret = await load_module(url);
-              ret = await func.utils.load_js_on_demand(url, "module");
+              ret = await func.utils.load_js_on_demand(url, 'module');
             } catch (error) {
               debugger;
             }
 
             break;
-          case "css":
+          case 'css':
             ret = func.utils.load_css_on_demand(url);
             break;
-          case "js":
+          case 'js':
             ret = await func.utils.load_js_on_demand(url);
             break;
 
@@ -8731,25 +8576,18 @@ func.UI.utils.init_ui_framework = async function (SESSION_ID, prog_id) {
       }
     }
     if (ui_framework_core.init) {
-      init_id = await ui_framework_core.init(
-        _ui_framework_dashboard_setup_data_ret?.code > -1 &&
-        _ui_framework_dashboard_setup_data_ret.data
-      );
+      init_id = await ui_framework_core.init(_ui_framework_dashboard_setup_data_ret?.code > -1 && _ui_framework_dashboard_setup_data_ret.data);
       UI_FRAMEWORK_PLUGIN.init_id = init_id;
     }
   }
 };
 func.UI.utils.get_panels_from_dom = function (SESSION_ID, ignore_disableAutoRefresh) {
-  const $elm = func.UI.utils.find_in_element_data(
-    "xuPanelData",
-    $(SESSION_OBJ[SESSION_ID].root_element),
-    "parent_element_ui_id"
-  );
+  const $elm = func.UI.utils.find_in_element_data('xuPanelData', $(SESSION_OBJ[SESSION_ID].root_element), 'parent_element_ui_id');
   var panels_obj = {};
 
   // set panels_obj
   for (const [elem_key, elem_val] of Object.entries($elm)) {
-    if (elem_key === "length") break;
+    if (elem_key === 'length') break;
     var $div = $(elem_val);
     let xuData = $div.data().xuData;
 
@@ -8772,11 +8610,11 @@ func.UI.utils.get_panels_from_dom = function (SESSION_ID, ignore_disableAutoRefr
         ids: [],
       };
     }
-    panels_obj[parent_element_ui_id].ids.push($div.attr("xu-ui-id"));
+    panels_obj[parent_element_ui_id].ids.push($div.attr('xu-ui-id'));
   }
 
-  return panels_obj
-}
+  return panels_obj;
+};
 
 func.UI.worker = {};
 func.UI.worker.ID = null;
@@ -8852,11 +8690,7 @@ func.UI.worker.init = async function (SESSION_ID) {
     let from_job_num_to_run = last_job_in_queue;
     last_job_in_queue = UI_WORKER_OBJ.num - from_job_num_to_run;
 
-    if (
-      typeof UI_WORKER_OBJ.stat === "undefined" ||
-      UI_WORKER_OBJ.stat === "undefined" ||
-      UI_WORKER_OBJ.stat === null
-    ) {
+    if (typeof UI_WORKER_OBJ.stat === 'undefined' || UI_WORKER_OBJ.stat === 'undefined' || UI_WORKER_OBJ.stat === null) {
       // idle
       this.attempt = 0;
       if (UI_WORKER_OBJ.jobs.length) {
@@ -8900,16 +8734,7 @@ func.UI.worker.init = async function (SESSION_ID) {
     func.UI.garbage_collector();
   }, 10000);
 };
-func.UI.worker.add_to_queue = async function (
-  SESSION_ID,
-  source,
-  functionP,
-  paramsP,
-  calling_job,
-  elementP,
-  dsSession,
-  calling_trigger_prop
-) {
+func.UI.worker.add_to_queue = async function (SESSION_ID, source, functionP, paramsP, calling_job, elementP, dsSession, calling_trigger_prop) {
   // try {
   //   let params = _.cloneDeep(paramsP);
 
@@ -8954,15 +8779,8 @@ func.UI.worker.add_to_queue = async function (
   //   obj.parentDataSourceNo = _ds.parentDataSourceNo;
   //   obj.nodeId = _ds.nodeId;
   // }
-  if (functionP === "execute_xu_all_attributes") {
-    const queue_key =
-      source +
-      "_" +
-      functionP +
-      "_" +
-      (elementP?.attr("xu-ui-id") || "") +
-      "_" +
-      (paramsP?.fields_arr?.toString() || "");
+  if (functionP === 'execute_xu_all_attributes') {
+    const queue_key = source + '_' + functionP + '_' + (elementP?.attr('xu-ui-id') || '') + '_' + (paramsP?.fields_arr?.toString() || '');
 
     obj.queue_key = queue_key;
 
@@ -8984,21 +8802,17 @@ func.UI.worker.add_to_queue = async function (
   if (calling_job) {
     var job_index = func.UI.worker.find_job_index(SESSION_ID, calling_job);
 
-    if (job_index === null || typeof job_index === "undefined") return;
+    if (job_index === null || typeof job_index === 'undefined') return;
 
     try {
       if (!UI_WORKER_OBJ.jobs[job_index].splice_count) {
         UI_WORKER_OBJ.jobs[job_index].splice_count = 0;
       }
       UI_WORKER_OBJ.jobs[job_index].splice_count++;
-      UI_WORKER_OBJ.jobs.splice(
-        job_index + UI_WORKER_OBJ.jobs[job_index].splice_count,
-        0,
-        obj
-      );
+      UI_WORKER_OBJ.jobs.splice(job_index + UI_WORKER_OBJ.jobs[job_index].splice_count, 0, obj);
       // }
     } catch (e) {
-      console.error("bug");
+      console.error('bug');
       // UI_WORKER_OBJ.jobs.splice(0, 0, obj);
     }
   } else {
@@ -9029,16 +8843,9 @@ func.UI.worker.delete_job = async function (SESSION_ID, jobNoP) {
   var dsSession = UI_WORKER_OBJ.jobs[job_index].dsSession;
   let ds_obj = _session?.DS_GLB[dsSession];
   if (ds_obj) {
-    delete SCREEN_BLOCKER_OBJ[
-      ds_obj.screenId +
-      (ds_obj.callingScreenId ? "_" + ds_obj.callingScreenId : "")
-    ];
+    delete SCREEN_BLOCKER_OBJ[ds_obj.screenId + (ds_obj.callingScreenId ? '_' + ds_obj.callingScreenId : '')];
   }
-  if (
-    dsSession &&
-    ds_obj?.loops_limit &&
-    ds_obj?.loops_count < ds_obj?.loops_limit - 1
-  ) {
+  if (dsSession && ds_obj?.loops_limit && ds_obj?.loops_count < ds_obj?.loops_limit - 1) {
     return;
   }
   UI_WORKER_OBJ.stat = null;
@@ -9047,7 +8854,7 @@ func.UI.worker.delete_job = async function (SESSION_ID, jobNoP) {
 };
 func.UI.worker.execute = async function (SESSION_ID, queue_obj) {
   var job_index = func.UI.worker.find_job_index(SESSION_ID, queue_obj.job_num);
-  if (UI_WORKER_OBJ.jobs?.[job_index]?.stat === "busy") {
+  if (UI_WORKER_OBJ.jobs?.[job_index]?.stat === 'busy') {
     if (queue_obj.jobNoP) UI_WORKER_OBJ.stat = job_index;
     return;
   }
@@ -9058,7 +8865,7 @@ func.UI.worker.execute = async function (SESSION_ID, queue_obj) {
 
   if (queue_obj.jobNoP) UI_WORKER_OBJ.stat = job_index;
   if (UI_WORKER_OBJ.jobs[job_index]) {
-    UI_WORKER_OBJ.jobs[job_index].stat = "busy";
+    UI_WORKER_OBJ.jobs[job_index].stat = 'busy';
   }
 
   const fx = {
@@ -9067,7 +8874,7 @@ func.UI.worker.execute = async function (SESSION_ID, queue_obj) {
       _ds.currentRecordId = queue_obj.paramsP.currentRecordId;
 
       var datasource_changes = {
-        [_ds.dsSession]: { [_ds.currentRecordId]: "set" },
+        [_ds.dsSession]: { [_ds.currentRecordId]: 'set' },
       };
       await func.datasource.update(SESSION_ID, datasource_changes);
 
@@ -9087,26 +8894,12 @@ func.UI.worker.execute = async function (SESSION_ID, queue_obj) {
     execute_xu_render_attributes: async function () {
       const _data = queue_obj.paramsP.elem_val.$elm.data();
       if (_data?.xuData?.paramsP) {
-        await func.UI.screen.execute_xu_functions(
-          SESSION_ID,
-          null,
-          _data.xuData.$root_container,
-          _data.xuData.node,
-          _data.xuData.$container,
-          _data.xuData.paramsP,
-          {},
-          queue_obj.jobNoP,
-          null,
-          null,
-          "xu-render",
-          queue_obj.paramsP.elem_val.$elm,
-          {
-            key: "xu-render",
-            value: queue_obj.paramsP.attr_value, //? "Y" : "N",
-            fields_arr: queue_obj.paramsP.fields_arr,
-            jobNoP: queue_obj.jobNoP,
-          }
-        );
+        await func.UI.screen.execute_xu_functions(SESSION_ID, null, _data.xuData.$root_container, _data.xuData.node, _data.xuData.$container, _data.xuData.paramsP, {}, queue_obj.jobNoP, null, null, 'xu-render', queue_obj.paramsP.elem_val.$elm, {
+          key: 'xu-render',
+          value: queue_obj.paramsP.attr_value, //? "Y" : "N",
+          fields_arr: queue_obj.paramsP.fields_arr,
+          jobNoP: queue_obj.jobNoP,
+        });
       }
 
       return func.UI.worker.delete_job(SESSION_ID, queue_obj.job_num);
@@ -9116,49 +8909,39 @@ func.UI.worker.execute = async function (SESSION_ID, queue_obj) {
         return func.UI.worker.delete_job(SESSION_ID, queue_obj.job_num);
       };
 
-      var $elm = func.UI.utils.find_in_element_data(
-        "xuData",
-        $(SESSION_OBJ[SESSION_ID].root_element),
-        "xu_id",
-        queue_obj.paramsP.elem_key
-      );
+      var $elm = func.UI.utils.find_in_element_data('xuData', $(SESSION_OBJ[SESSION_ID].root_element), 'xu_id', queue_obj.paramsP.elem_key);
 
       if (!$elm.length) {
         return done();
       }
-      for await (const [key, attr] of Object.entries(
-        queue_obj.paramsP.elem_val.attributes
-      )) {
-        if (attr === "xu-exp:xu-render" || attr === "xu-exp:xu-for" || attr === "xu-for" || attr === "xu-exp:xu-bind") {
+      for await (const [key, attr] of Object.entries(queue_obj.paramsP.elem_val.attributes)) {
+        if (attr === 'xu-exp:xu-render' || attr === 'xu-exp:xu-for' || attr === 'xu-for' || attr === 'xu-exp:xu-bind') {
           continue;
         }
 
         var res = {
           result: queue_obj.paramsP.elem_val.$elm.data().xuAttributes[attr],
         };
-        if (attr !== "xu-class") {
+        if (attr !== 'xu-class') {
           res = await func.expression.get(
             queue_obj.paramsP.SESSION_ID,
             queue_obj.paramsP.elem_val.$elm.data().xuAttributes[attr],
             queue_obj.paramsP.elem_val.$elm.data().xuData.paramsP.dsSessionP,
-            "UI Property EXP",
+            'UI Property EXP',
             queue_obj.paramsP.elem_val.$elm.data().xuData.recordid,
             null,
             null,
             null,
             null,
             null,
-            queue_obj.paramsP.elem_val.$elm.data().xuData.iterate_info
+            queue_obj.paramsP.elem_val.$elm.data().xuData.iterate_info,
           );
         }
 
-        const attr_new = attr.split("xu-exp:")[1];
+        const attr_new = attr.split('xu-exp:')[1];
         // REGULAR ATTRIBUTE
-        if (attr_new && attr_new.substr(0, 2) !== "xu") {
-          queue_obj.paramsP.elem_val.$elm.attr(
-            attr_new !== "viewBox" ? attr_new.toLowerCase() : attr_new,
-            res.result
-          );
+        if (attr_new && attr_new.substr(0, 2) !== 'xu') {
+          queue_obj.paramsP.elem_val.$elm.attr(attr_new !== 'viewBox' ? attr_new.toLowerCase() : attr_new, res.result);
         } else {
           try {
             // XU ATTRIBUTE
@@ -9166,24 +8949,10 @@ func.UI.worker.execute = async function (SESSION_ID, queue_obj) {
             if (!_data || _.isEmpty(_data)) {
               continue;
             }
-            await func.UI.screen.execute_xu_functions(
-              SESSION_ID,
-              null,
-              _data.xuData.$root_container,
-              _data.xuData.node,
-              _data.xuData.$container,
-              _data.xuData.paramsP,
-              {},
-              queue_obj.jobNoP,
-              null,
-              null,
-              attr_new || attr,
-              queue_obj.paramsP.elem_val.$elm,
-              {
-                key: attr_new || attr,
-                value: res.result,
-              }
-            );
+            await func.UI.screen.execute_xu_functions(SESSION_ID, null, _data.xuData.$root_container, _data.xuData.node, _data.xuData.$container, _data.xuData.paramsP, {}, queue_obj.jobNoP, null, null, attr_new || attr, queue_obj.paramsP.elem_val.$elm, {
+              key: attr_new || attr,
+              value: res.result,
+            });
           } catch (error) {
             debugger;
           }
@@ -9200,7 +8969,7 @@ func.UI.worker.execute = async function (SESSION_ID, queue_obj) {
       //   queue_obj.paramsP.elem_key
       // );
 
-      var $elm = queue_obj?.paramsP?.elem_val?.$elm;// $(SESSION_OBJ[SESSION_ID].root_element).find(`[xu-ui-id=${queue_obj.paramsP.elem_key}]`)
+      var $elm = queue_obj?.paramsP?.elem_val?.$elm; // $(SESSION_OBJ[SESSION_ID].root_element).find(`[xu-ui-id=${queue_obj.paramsP.elem_key}]`)
 
       if (!$elm?.length) {
         // return func.events.delete_job(SESSION_ID, queue_obj.jobNoP);
@@ -9220,7 +8989,7 @@ func.UI.worker.execute = async function (SESSION_ID, queue_obj) {
         null,
         _data.xuData.parent_node,
         null,
-        _data.xuData.$root_container
+        _data.xuData.$root_container,
       );
 
       return func.UI.worker.delete_job(SESSION_ID, queue_obj.job_num);
@@ -9241,10 +9010,7 @@ func.UI.worker.find_job_index = function (SESSION_ID, jobNoP) {
   return ret;
 };
 
-func.UI.garbage_collector = function (
-  SESSION_ID = Object.keys(SESSION_OBJ)[0],
-  re_check
-) {
+func.UI.garbage_collector = function (SESSION_ID = Object.keys(SESSION_OBJ)[0], re_check) {
   // return;
   let _session = SESSION_OBJ[SESSION_ID];
 
@@ -9252,10 +9018,16 @@ func.UI.garbage_collector = function (
   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._data_system)) {
+    if (!val?.$el?.length) {
+      delete _data_system._data_system[key];
+    }
+  }
+
   let abort;
 
   for (const [dsP, _ds] of Object.entries(_session.DS_GLB)) {
-    if (_ds.stat === "busy") {
+    if (_ds.stat === 'busy') {
       abort = true;
       break;
     }
@@ -9267,7 +9039,7 @@ func.UI.garbage_collector = function (
 
   let ds_pending_to_delete = [],
     ds_approve_to_delete = [];
-  const $elm = $("body").find("*");
+  const $elm = $('body').find('*');
   for (const [dsP, _ds] of Object.entries(_session.DS_GLB)) {
     if (!_ds.screen_params) continue;
     let found;
@@ -9285,19 +9057,11 @@ func.UI.garbage_collector = function (
   }
   // console.log(ds_pending_to_delete);
 
-  const sortedKeys = Object.keys(_session.DS_GLB).sort((a, b) =>
-    b.localeCompare(a)
-  );
+  const sortedKeys = Object.keys(_session.DS_GLB).sort((a, b) => b.localeCompare(a));
   sortedKeys.forEach((key) => {
     const val = _session.DS_GLB[key];
-    if (
-      !ds_pending_to_delete.includes(key) &&
-      typeof val.parentDataSourceNo !== "undefined" &&
-      ds_pending_to_delete.includes(val.parentDataSourceNo.toString())
-    ) {
-      ds_pending_to_delete = ds_pending_to_delete.filter(
-        (item) => item !== val.parentDataSourceNo.toString()
-      );
+    if (!ds_pending_to_delete.includes(key) && typeof val.parentDataSourceNo !== 'undefined' && ds_pending_to_delete.includes(val.parentDataSourceNo.toString())) {
+      ds_pending_to_delete = ds_pending_to_delete.filter((item) => item !== val.parentDataSourceNo.toString());
     }
   });
 
@@ -9306,7 +9070,6 @@ func.UI.garbage_collector = function (
     func.datasource.del(SESSION_ID, val);
   }
 };
-
  func.events = {};
 func.events.validate = async function (SESSION_ID, triggerP, dsSessionP, eventIdP, sourceP, argumentsP, return_validation_onlyP) {
   var _session = SESSION_OBJ[SESSION_ID];
@@ -12201,13 +11964,15 @@ 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);
+      // 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']) {
+      //   _ds_0.data_system['SYS_GLOBAL_OBJ_REFS'] = {};
+      // }
       // if (!_ds_0.data_system['SYS_GLOBAL_OBJ_REFS'][val]) {
-      _ds_0.data_system['SYS_GLOBAL_OBJ_REFS'][val] = { $el: $elm };
+      const _ds = _session.DS_GLB[paramsP.dsSessionP];
+      _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 {};
     },