lexgui 8.2.4 → 8.2.5

package/build/lexgui.module.js

@@ -12,7 +12,7 @@ const g = globalThis;
 let LX = g.LX;
 if (!LX) {
     LX = {
-        version: '8.2.4',
+        version: '8.2.5',
         ready: false,
         extensions: [], // Store extensions used
         extraCommandbarEntries: [], // User specific entries for command bar
@@ -4982,6 +4982,7 @@ class NodeTree {
         item.id = LX.getSupportedDOMName(node.id);
         item.tabIndex = '0';
         item.treeData = node;
+        node.treeEl = item;
         // Select hierarchy icon
         let icon = (this.options.skipDefaultIcon ?? true) ? null : 'Dot'; // Default: no childs
         if (isParent) {
@@ -5464,21 +5465,45 @@ class NodeTree {
             el.focus();
         }
     }
-    select(id) {
+    /* 'path' here helps to identity the correct item based on its parent path, for same 'id' issues */
+    select(id, path) {
         const nodeFilter = this.domEl.querySelector('.lexnodetreefilter');
         if (nodeFilter) {
             nodeFilter.value = '';
         }
         this.refresh(null, id);
         this.domEl.querySelectorAll('.selected').forEach((i) => i.classList.remove('selected'));
-        // Unselect
-        if (!id) {
-            this.selected.length = 0;
-            return;
+        if (id === undefined) {
+            // if no id, try with the path
+            if (path !== undefined) {
+                id = path.at(-1);
+            }
+            else {
+                // Unselect
+                this.selected.length = 0;
+                return;
+            }
+        }
+        let el = null;
+        if (path !== undefined) {
+            let sourceData = this.data;
+            for (const p of path) {
+                const pItem = sourceData.children.find((item) => item.id === p);
+                if (!pItem)
+                    break;
+                sourceData = pItem;
+            }
+            el = sourceData.treeEl;
+            console.assert(el, 'NodeTree: No domEl in item ' + id);
+        }
+        else if (id !== undefined) {
+            // Element should exist, since tree was refreshed to show it
+            el = this.domEl.querySelector('#' + LX.getSupportedDOMName(id));
+            console.assert(el, "NodeTree: Can't select node " + id);
+        }
+        if (!el) {
+            console.assert(el, "NodeTree: Can't select node " + id);
         }
-        // Element should exist, since tree was refreshed to show it
-        const el = this.domEl.querySelector('#' + LX.getSupportedDOMName(id));
-        console.assert(el, "NodeTree: Can't select node " + id);
         el.classList.add('selected');
         this.selected = [el.treeData];
         el.focus();