web-mojo 2.1.774 → 2.1.783

package/dist/index.es.js

@@ -1,15 +1,15 @@
-import { V as View, W as WebApp, d as dataFormatter, M as Mustache } from "./chunks/WebApp-DtLBT6Lp.js";
-import { B, D, g, E, h, r, R, b, a, c, e, f } from "./chunks/WebApp-DtLBT6Lp.js";
-import { P as Page } from "./chunks/Page-DXE5-iMb.js";
-import { G as GroupList, T as ToastService, U as User, a as Group } from "./chunks/ContextMenu-BbRMlTIh.js";
-import { C, b as b2, c as c2, M, f as f2, g as g2, h as h2, i, j, e as e2, d } from "./chunks/ContextMenu-BbRMlTIh.js";
-import { M as Member } from "./chunks/ChatView-DLHcXrOd.js";
-import { f as f3, e as e3, C as C2, E as E2, k, j as j2, r as r2, t, s, x, z, y, u, w, v, F, g as g3, ap, aq, D as D2, I, B as B2, A, H, Q, R as R2, G, N, O, J, K, Y, Z, a2, a3, $, _, a0, a1, a5, a7, a6, a4, L, c as c3, a8, a9, l, n, m, ab, aa, ae, ac, ad, P, aj, an, ak, al, am, af, ag, ah, ao, ai, W, X, U, V, S, i as i2, h as h3, o, q, p, d as d2, b as b3, a as a10, T, ar, aw, av, as, at, au } from "./chunks/ChatView-DLHcXrOd.js";
-import { S as SimpleSearchView, T as TopNav } from "./chunks/TopNav-Dr6SpoR6.js";
+import { V as View, W as WebApp, d as dataFormatter, M as Mustache } from "./chunks/WebApp-AGmBnM8H.js";
+import { B, D, g, E, h, r, R, b, a, c, e, f } from "./chunks/WebApp-AGmBnM8H.js";
+import { P as Page } from "./chunks/Page-Bv3lkFL5.js";
+import { G as GroupList, T as ToastService, U as User, a as Group } from "./chunks/ContextMenu-b_OrhKHs.js";
+import { C, b as b2, c as c2, M, f as f2, g as g2, h as h2, i, j, e as e2, d } from "./chunks/ContextMenu-b_OrhKHs.js";
+import { M as Member } from "./chunks/ChatView-DnlFXNbs.js";
+import { f as f3, e as e3, C as C2, E as E2, k, j as j2, r as r2, t, s, x, z, y, u, w, v, F, g as g3, ap, aq, D as D2, I, B as B2, A, H, Q, R as R2, G, N, O, J, K, Y, Z, a2, a3, $, _, a0, a1, a5, a7, a6, a4, L, c as c3, a8, a9, l, n, m, ab, aa, ae, ac, ad, P, aj, an, ak, al, am, af, ag, ah, ao, ai, W, X, U, V, S, i as i2, h as h3, o, q, p, d as d2, b as b3, a as a10, T, ar, aw, av, as, at, au } from "./chunks/ChatView-DnlFXNbs.js";
+import { S as SimpleSearchView, T as TopNav } from "./chunks/TopNav-BLY2EcD5.js";
+import Dialog from "./chunks/Dialog-CCLikhVB.js";
 import { T as TokenManager } from "./chunks/TokenManager-CAZNcCMs.js";
-import Dialog from "./chunks/Dialog-CSY1llns.js";
-import { default as default2 } from "./chunks/DataView-C6IXIAYw.js";
-import { F as F2, a as a11 } from "./chunks/FormView-D9lB4HNY.js";
+import { default as default2 } from "./chunks/DataView-DrEVJtrm.js";
+import { F as F2, a as a11 } from "./chunks/FormView-DMyXiDWu.js";
 import { W as W2 } from "./chunks/WebSocketClient-B6ribe3B.js";
 const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false };
 const LEVELS = Object.freeze({
@@ -266,6 +266,8 @@ class Sidebar extends View {
     this.sidebarTheme = options.theme || "sidebar-light";
     this.customView = null;
     if (this.options.groupHeader) this.groupHeader = this.options.groupHeader;
+    this.groupSelectorMode = options.groupSelectorMode || "inline";
+    this.groupSelectorDialog = null;
     if (this.sidebarTheme) {
       this.addClass(this.sidebarTheme);
     }
@@ -319,18 +321,72 @@ class Sidebar extends View {
     });
   }
   showGroupSearch() {
-    this.setClass("sidebar");
-    this.showSearch = true;
-    this.render();
+    if (this.groupSelectorMode === "dialog") {
+      this.showGroupSearchDialog();
+    } else {
+      this.setClass("sidebar");
+      this.showSearch = true;
+      this.render();
+    }
   }
   hideGroupSearch() {
-    this.setClass("sidebar");
-    this.showSearch = false;
-    this.render();
+    if (this.groupSelectorMode === "dialog") {
+      if (this.groupSelectorDialog) {
+        this.groupSelectorDialog.hide();
+      }
+    } else {
+      this.setClass("sidebar");
+      this.showSearch = false;
+      this.render();
+    }
   }
   onActionShowGroupSearch() {
     this.showGroupSearch();
   }
+  /**
+   * Show group selector in a dialog (like TopNav)
+   */
+  async showGroupSearchDialog() {
+    const collection = new GroupList();
+    const searchView = new SimpleSearchView({
+      Collection: GroupList,
+      collection,
+      // Pass the collection instance
+      itemTemplate: `
+            <div class="p-3 border-bottom">
+                <div class="fw-semibold text-dark">{{name}}</div>
+                <small class="text-muted">#{{id}}  {{kind}}</small>
+            </div>
+            `,
+      searchFields: ["name"],
+      headerText: "Select Group",
+      searchPlaceholder: "Search groups...",
+      headerIcon: "bi-building",
+      showExitButton: false
+    });
+    this.groupSelectorDialog = new Dialog({
+      title: "Select Group",
+      body: searchView,
+      size: "md",
+      scrollable: true,
+      noBodyPadding: true,
+      buttons: [],
+      closeButton: true
+    });
+    searchView.on("item:selected", (evt) => {
+      console.log(evt);
+      this.getApp().setActiveGroup(evt.model);
+      if (this.groupSelectorDialog) {
+        this.groupSelectorDialog.hide();
+      }
+    });
+    this.groupSelectorDialog.on("hidden", () => {
+      this.groupSelectorDialog.destroy();
+      this.groupSelectorDialog = null;
+    });
+    await this.groupSelectorDialog.render(true, document.body);
+    this.groupSelectorDialog.show();
+  }
   /**
    * Find and switch to the menu that contains the given route
    */
@@ -1807,6 +1863,7 @@ class PortalApp extends WebApp {
     this.sidebarConfig = {};
     if (config.sidebar && config.sidebar.menus) {
       this.sidebarConfig.menus = config.sidebar.menus;
+      this.sidebarConfig.groupSelectorMode = config.sidebar.groupSelectorMode || "inline";
     } else if (config.sidebar.menu) {
       this.sidebarConfig.menu = config.sidebar.menu;
     } else if (config.sidebar.items) {