web-mojo 2.1.1108 → 2.1.1110

package/dist/index.es.js

@@ -1,18 +1,18 @@
-import { B, a, V, b, c, d } from "./chunks/version-CrckCqr_.js";
-import { V as View, d as dataFormatter, a as Mustache } from "./chunks/Rest-C3KvOEeY.js";
-import { D, b as b2, M, r } from "./chunks/Rest-C3KvOEeY.js";
-import { G as GroupList, a as Group, P as Page, T as ToastService, U as User } from "./chunks/ContextMenu-KHTc-Ubo.js";
-import { C, b as b3, e, f, g, h, i, d as d2, c as c2 } from "./chunks/ContextMenu-KHTc-Ubo.js";
-import { D as Dialog, W as WebApp } from "./chunks/Dialog-CXOsYNLf.js";
-import { E, R } from "./chunks/Dialog-CXOsYNLf.js";
-import { C as C2, M as M2 } from "./chunks/Collection-bgdNt0wV.js";
-import { M as Member } from "./chunks/ChatView-CTe1wlQP.js";
-import { Z, e as e2, d as d3, C as C3, a1, $, E as E2, j, i as i2, q, s, r as r2, w, y, x, t, v, u, F, f as f2, au, av, B as B2, I, A, z, G, N, O, D as D2, K, L, H, J, Y, a2, a7, a8, a4, a3, a5, a6, aa, ac, ab, a9, ad, ae, k, m, l, _, ag, af, aj, ah, ai, P, ao, as, ap, aq, ar, ak, al, am, at, an, V as V2, X, W, R as R2, U, Q, S, h as h2, g as g2, n, p, o, c as c3, b as b4, a as a10, T, aw, aB, aA, ax, ay, az, a0 } from "./chunks/ChatView-CTe1wlQP.js";
-import { S as SimpleSearchView, T as TokenManager, a as TopNav } from "./chunks/TokenManager-DUmZuAKG.js";
-import { a as a11, L as L2 } from "./chunks/ListView-DFP4ie99.js";
-import { default as default2 } from "./chunks/DataView-DbexZltc.js";
-import { F as F2, a as a12 } from "./chunks/FormView-DbPZwhZ6.js";
-import { W as W2 } from "./chunks/WebSocketClient-CGQLSIgP.js";
+import { B, a, V, b, c, d } from "./chunks/version-FRgkiWti.js";
+import { V as View, d as dataFormatter, a as Mustache } from "./chunks/Rest-C3fPzCIA.js";
+import { D, b as b2, M, r } from "./chunks/Rest-C3fPzCIA.js";
+import { G as GroupList, a as Group, P as Page, T as ToastService, U as User } from "./chunks/ContextMenu-DfrWFc5y.js";
+import { C, b as b3, e, f, g, h, i, d as d2, c as c2 } from "./chunks/ContextMenu-DfrWFc5y.js";
+import { D as Dialog, W as WebApp } from "./chunks/Dialog-D4DsB-N1.js";
+import { E, R } from "./chunks/Dialog-D4DsB-N1.js";
+import { C as C2, M as M2 } from "./chunks/Collection-vtImpCcS.js";
+import { M as Member } from "./chunks/ChatView-BsANcDiL.js";
+import { Z, e as e2, d as d3, C as C3, a1, $, E as E2, j, i as i2, q, s, r as r2, w, y, x, t, v, u, F, f as f2, au, av, B as B2, I, A, z, G, N, O, D as D2, K, L, H, J, Y, a2, a7, a8, a4, a3, a5, a6, aa, ac, ab, a9, ad, ae, k, m, l, _, ag, af, aj, ah, ai, P, ao, as, ap, aq, ar, ak, al, am, at, an, V as V2, X, W, R as R2, U, Q, S, h as h2, g as g2, n, p, o, c as c3, b as b4, a as a10, T, aw, aB, aA, ax, ay, az, a0 } from "./chunks/ChatView-BsANcDiL.js";
+import { S as SimpleSearchView, T as TokenManager, a as TopNav } from "./chunks/TokenManager-CKkIWgzy.js";
+import { a as a11, L as L2 } from "./chunks/ListView-BtZ7fylv.js";
+import { default as default2 } from "./chunks/DataView-CHvoEI4M.js";
+import { F as F2, a as a12 } from "./chunks/FormView-DYX_yeho.js";
+import { W as W2 } from "./chunks/WebSocketClient-CkAL55qy.js";
 const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false };
 const LEVELS = Object.freeze({
   silent: 0,
@@ -261,12 +261,8 @@ class GroupSearchView extends SimpleSearchView {
     this.showKind = options.showKind !== void 0 ? options.showKind : true;
     this.parentField = options.parentField || "parent";
     this.kindField = options.kindField || "kind";
-    this.expandedNodes = /* @__PURE__ */ new Set();
     this.treeData = [];
     this.flattenedItems = [];
-    this.autoExpandRoot = options.autoExpandRoot !== void 0 ? options.autoExpandRoot : true;
-    this.autoExpandAll = options.autoExpandAll || false;
-    this.indentSize = options.indentSize || 20;
     this.showLines = options.showLines !== void 0 ? options.showLines : true;
   }
   /**
@@ -283,8 +279,7 @@ class GroupSearchView extends SimpleSearchView {
           ...item,
           children: [],
           level: 0,
-          hasChildren: false,
-          isExpanded: false
+          hasChildren: false
         });
       }
       const parentObj = item[this.parentField];
@@ -293,8 +288,7 @@ class GroupSearchView extends SimpleSearchView {
           ...parentObj,
           children: [],
           level: 0,
-          hasChildren: false,
-          isExpanded: false
+          hasChildren: false
         });
       }
     });
@@ -306,22 +300,13 @@ class GroupSearchView extends SimpleSearchView {
         const parent = itemsById.get(parentId);
         parent.children.push(treeItem);
         parent.hasChildren = true;
-        if (this.autoExpandAll || this.autoExpandRoot && parent.level === 0) {
-          this.expandedNodes.add(parent.id);
-          parent.isExpanded = true;
-        }
       } else {
         rootItems.push(treeItem);
-        if (this.autoExpandRoot) {
-          this.expandedNodes.add(treeItem.id);
-          treeItem.isExpanded = true;
-        }
       }
     });
     const calculateLevels = (nodes, level = 0) => {
       nodes.forEach((node) => {
         node.level = level;
-        node.isExpanded = this.expandedNodes.has(node.id);
         if (node.children.length > 0) {
           node.children.sort((a13, b5) => (a13.name || "").localeCompare(b5.name || ""));
           calculateLevels(node.children, level + 1);
@@ -334,17 +319,47 @@ class GroupSearchView extends SimpleSearchView {
   }
   /**
    * Flatten tree structure for rendering
+   * Tracks ancestor "last child" flags for proper line rendering
    */
-  flattenTree(nodes, result = []) {
+  flattenTree(nodes, result = [], ancestorLastFlags = []) {
     nodes.forEach((node, index2) => {
       node._isLastChild = index2 === nodes.length - 1;
+      node._ancestorLastFlags = [...ancestorLastFlags];
+      const allAncestorsLast = ancestorLastFlags.every((flag) => flag);
+      node._isLastDescendant = allAncestorsLast && node._isLastChild && (!node.children || node.children.length === 0);
       result.push(node);
-      if (node.isExpanded && node.children.length > 0) {
-        this.flattenTree(node.children, result);
+      if (node.children && node.children.length > 0) {
+        const newFlags = [...ancestorLastFlags, node._isLastChild];
+        this.flattenTree(node.children, result, newFlags);
       }
     });
     return result;
   }
+  /**
+   * Second pass: compute which vertical lines should continue for each item
+   * 
+   * Vertical line at segment s shows if there are more siblings coming at level s+1
+   * We need to look ahead until we find an item at level s+1 or shallower
+   */
+  computeVerticalLines(flatList) {
+    for (let i3 = 0; i3 < flatList.length; i3++) {
+      const item = flatList[i3];
+      item._continueVertical = [];
+      for (let s2 = 0; s2 < item.level; s2++) {
+        let foundSibling = false;
+        for (let j2 = i3 + 1; j2 < flatList.length; j2++) {
+          const futureItem = flatList[j2];
+          if (futureItem.level === s2 + 1) {
+            foundSibling = true;
+            break;
+          } else if (futureItem.level <= s2) {
+            break;
+          }
+        }
+        item._continueVertical[s2] = foundSibling;
+      }
+    }
+  }
   /**
    * Update filtered items with tree structure
    */
@@ -358,31 +373,10 @@ class GroupSearchView extends SimpleSearchView {
     const items = this.collection.toJSON();
     this.treeData = this.buildTreeHierarchy(items);
     this.flattenedItems = this.flattenTree(this.treeData);
+    this.computeVerticalLines(this.flattenedItems);
     this.filteredItems = this.flattenedItems;
     this.updateResultsView();
   }
-  /**
-   * Toggle node expansion
-   */
-  toggleNode(itemId) {
-    if (this.expandedNodes.has(itemId)) {
-      this.expandedNodes.delete(itemId);
-    } else {
-      this.expandedNodes.add(itemId);
-    }
-    this.updateFilteredItems();
-  }
-  /**
-   * Handle expand/collapse button clicks
-   */
-  async handleActionToggleNode(event, element) {
-    event.preventDefault();
-    event.stopPropagation();
-    const itemId = parseInt(element.getAttribute("data-item-id"));
-    if (!isNaN(itemId)) {
-      this.toggleNode(itemId);
-    }
-  }
   /**
    * Get tree-specific item template
    */
@@ -400,24 +394,6 @@ class GroupSearchView extends SimpleSearchView {
    * Process item template with tree structure
    */
   processItemTemplate(item) {
-    const indent = item.level * this.indentSize;
-    const hasChildren = item.hasChildren;
-    const isExpanded = item.isExpanded;
-    let expandIcon = "";
-    if (hasChildren) {
-      const iconClass = isExpanded ? "bi-chevron-down" : "bi-chevron-right";
-      expandIcon = `
-                <button class="tree-expand-btn" 
-                        type="button"
-                        data-action="toggle-node" 
-                        data-item-id="${item.id}"
-                        aria-label="${isExpanded ? "Collapse" : "Expand"}">
-                    <i class="bi ${iconClass}"></i>
-                </button>
-            `;
-    } else {
-      expandIcon = '<span class="tree-expand-spacer"></span>';
-    }
     let content = this.itemTemplate;
     content = content.replace(/\{\{(\w+)\}\}/g, (match, prop) => {
       if (prop === "showKind") {
@@ -430,19 +406,29 @@ class GroupSearchView extends SimpleSearchView {
     } else {
       content = content.replace(/\{\{#showKind\}\}.*?\{\{\/showKind\}\}/gs, "");
     }
-    let treeConnector = "";
+    let lineSegments = "";
     if (this.showLines && item.level > 0) {
-      const isLastChild = item._isLastChild || false;
-      const connectorClass = isLastChild ? "tree-connector-last" : "tree-connector";
-      treeConnector = `<span class="${connectorClass}"></span>`;
+      for (let i3 = 0; i3 < item.level; i3++) {
+        const isLastSegment = i3 === item.level - 1;
+        if (isLastSegment) {
+          const segClass = item._isLastChild ? "tree-seg tree-seg-last" : "tree-seg tree-seg-mid";
+          lineSegments += `<span class="${segClass}"></span>`;
+        } else {
+          const continueVertical = item._continueVertical && item._continueVertical[i3];
+          if (continueVertical) {
+            lineSegments += `<span class="tree-seg tree-seg-vert"></span>`;
+          } else {
+            lineSegments += `<span class="tree-seg"></span>`;
+          }
+        }
+      }
     }
+    const hasChildren = item.hasChildren ? " has-children" : "";
+    const isLastChild = item._isLastChild ? " is-last-child" : "";
     return `
-            <div class="tree-item-wrapper" data-tree-level="${item.level}">
-                <div class="tree-indent" style="width: ${indent}px;">
-                    ${treeConnector}
-                </div>
-                <div class="tree-item-expand">
-                    ${expandIcon}
+            <div class="tree-item-wrapper${hasChildren}${isLastChild}" data-tree-level="${item.level}">
+                <div class="tree-lines">
+                    ${lineSegments}
                 </div>
                 <div class="tree-item-body flex-grow-1">
                     ${content}
@@ -450,53 +436,6 @@ class GroupSearchView extends SimpleSearchView {
             </div>
         `;
   }
-  /**
-   * Expand all nodes
-   */
-  expandAll() {
-    const expandRecursive = (nodes) => {
-      nodes.forEach((node) => {
-        if (node.hasChildren) {
-          this.expandedNodes.add(node.id);
-          expandRecursive(node.children);
-        }
-      });
-    };
-    expandRecursive(this.treeData);
-    this.updateFilteredItems();
-  }
-  /**
-   * Collapse all nodes
-   */
-  collapseAll() {
-    this.expandedNodes.clear();
-    this.updateFilteredItems();
-  }
-  /**
-   * Expand to specific node (and all parents)
-   */
-  expandToNode(nodeId) {
-    const findAndExpandParents = (nodes, targetId, parents = []) => {
-      for (const node of nodes) {
-        if (node.id === targetId) {
-          parents.forEach((parent) => {
-            this.expandedNodes.add(parent.id);
-          });
-          this.expandedNodes.add(node.id);
-          return true;
-        }
-        if (node.children.length > 0) {
-          if (findAndExpandParents(node.children, targetId, [...parents, node])) {
-            return true;
-          }
-        }
-      }
-      return false;
-    };
-    if (findAndExpandParents(this.treeData, nodeId)) {
-      this.updateFilteredItems();
-    }
-  }
   /**
    * Get all root items
    */