web-mojo 2.2.57 → 2.2.59

package/dist/chunks/TokenManager-DoN9e6q6.js

@@ -1,1423 +0,0 @@
-import { V as View } from "./Rest-W-sPfGh9.js";
-import Dialog from "./Dialog-DOGDalUq.js";
-import { G as GroupList } from "./ContextMenu-sgvgSACY.js";
-class ResultsView extends View {
-  constructor(options = {}) {
-    super({
-      className: "search-results-view flex-grow-1 overflow-auto d-flex flex-column",
-      template: `
-                <div id="results-container" class="flex-grow-1 overflow-auto">
-                {{#data.loading}}
-                    <div class="text-center p-4">
-                        <div class="spinner-border spinner-border-sm text-muted" role="status">
-                            <span class="visually-hidden">Loading...</span>
-                        </div>
-                        <div class="mt-2 small text-muted">{{data.loadingText}}</div>
-                    </div>
-                {{/data.loading}}
-
-                {{^data.loading}}
-                    {{#data.items}}
-                        <div class="simple-search-item position-relative"
-                             data-action="select-item"
-                             data-item-index="{{index}}">
-                            {{{itemContent}}}
-
-                        </div>
-                    {{/data.items}}
-
-                    {{#data.showNoResults}}
-                        <div class="text-center p-4">
-                            <i class="bi bi-search text-muted mb-2" style="font-size: 1.5rem;"></i>
-                            <div class="text-muted small">{{data.noResultsText}}</div>
-                            <button type="button"
-                                    class="btn btn-link btn-sm mt-2 p-0"
-                                    data-action="clear-search">
-                                Clear search
-                            </button>
-                        </div>
-                    {{/data.showNoResults}}
-
-                    {{#data.showEmpty}}
-                        <div class="text-center p-4">
-                            <i class="{{data.emptyIcon}} text-muted mb-2" style="font-size: 2rem;"></i>
-                            <div class="text-muted small mb-2">{{data.emptyText}}</div>
-                            {{#data.emptySubtext}}
-                            <div class="text-muted" style="font-size: 0.75rem;">
-                                {{data.emptySubtext}}
-                            </div>
-                            {{/data.emptySubtext}}
-                        </div>
-                    {{/data.showEmpty}}
-                {{/data.loading}}
-                </div>
-
-                {{#data.showResultsCount}}
-                <div class="border-top bg-light p-2 text-center">
-                    <small class="text-muted">
-                        {{data.filteredCount}} of {{data.totalCount}}
-                    </small>
-                </div>
-                {{/data.showResultsCount}}
-            `,
-      ...options
-    });
-    this.parentView = options.parentView;
-  }
-  async handleActionSelectItem(event, element) {
-    event.preventDefault();
-    const itemIndex = parseInt(element.getAttribute("data-item-index"));
-    if (this.parentView) {
-      this.parentView.handleItemSelection(itemIndex);
-    }
-  }
-  async handleActionClearSearch(event, _element) {
-    event.preventDefault();
-    if (this.parentView) {
-      this.parentView.clearSearch();
-    }
-  }
-  async onAfterRender() {
-    if (this.parentView && this.parentView.maxHeight) {
-      const container = this.element.querySelector("#results-container");
-      if (container) {
-        container.style.maxHeight = `${this.parentView.maxHeight}px`;
-      }
-    }
-  }
-}
-class SimpleSearchView extends View {
-  constructor(options = {}) {
-    super({
-      className: "simple-search-view d-flex flex-column",
-      template: `
-                <div class="p-3 border-bottom bg-light">
-                    {{#data.headerText}}
-                    <div class="d-flex justify-content-between align-items-start mb-3">
-                        <h6 class="text-muted fw-semibold mb-0">
-                            {{#data.headerIcon}}<i class="{{data.headerIcon}} me-2"></i>{{/data.headerIcon}}
-                            {{{data.headerText}}}
-                        </h6>
-                        {{#data.showExitButton}}
-                        <button class="btn btn-link p-0 text-muted simple-search-exit-btn"
-                                type="button"
-                                data-action="exit-view"
-                                title="Exit"
-                                aria-label="Exit view">
-                            <i class="bi bi-x-lg" aria-hidden="true"></i>
-                        </button>
-                        {{/data.showExitButton}}
-                    </div>
-                    {{/data.headerText}}
-                    <div class="position-relative">
-                        <input type="text"
-                               class="form-control form-control-sm pe-5"
-                               placeholder="{{data.searchPlaceholder}}"
-                               value="{{data.searchValue}}"
-                               data-filter="live-search"
-                               data-filter-debounce="{{data.debounceMs}}"
-                               data-change-action="search-items">
-                        <button class="btn btn-link p-0 position-absolute top-50 end-0 translate-middle-y me-2 text-muted simple-search-clear-btn"
-                                type="button"
-                                data-action="clear-search"
-                                title="Clear search"
-                                aria-label="Clear search">
-                            <i class="bi bi-x-circle-fill" aria-hidden="true"></i>
-                        </button>
-                    </div>
-                </div>
-
-                <div data-container="results"></div>
-
-                {{#data.showFooter}}
-                <div class="p-3 border-top bg-light">
-                    <small class="text-muted">
-                        <i class="{{data.footerIcon}} me-1"></i>
-                        {{{data.footerContent}}}
-                    </small>
-                </div>
-                {{/data.showFooter}}
-            `,
-      ...options
-    });
-    this.Collection = options.Collection;
-    this.collection = options.collection;
-    this.itemTemplate = options.itemTemplate || this.getDefaultItemTemplate();
-    this.searchFields = options.searchFields || ["name"];
-    this.collectionParams = { size: 25, ...options.collectionParams };
-    if (options.headerText === void 0) this.headerText = "Select Item";
-    this.headerText = options.headerText;
-    this.headerIcon = options.headerIcon || "bi bi-list";
-    this.searchPlaceholder = options.searchPlaceholder || "Search...";
-    this.loadingText = options.loadingText || "Loading items...";
-    this.noResultsText = options.noResultsText || "No items match your search";
-    this.emptyText = options.emptyText || "No items available";
-    this.emptySubtext = options.emptySubtext || null;
-    this.emptyIcon = options.emptyIcon || "bi bi-inbox";
-    this.footerContent = options.footerContent || null;
-    this.footerIcon = options.footerIcon || "bi bi-info-circle";
-    this.showExitButton = options.showExitButton || false;
-    this.searchValue = "";
-    this.filteredItems = [];
-    this.loading = false;
-    this.hasSearched = false;
-    this.searchTimer = null;
-    this.debounceMs = options.debounceMs || 300;
-    if (options.maxHeight) {
-      this.maxHeight = options.maxHeight;
-    } else {
-      this.addClass("h-100");
-    }
-    this.resultsView = new ResultsView({
-      parentView: this
-    });
-    if (!this.collection && this.Collection) {
-      this.collection = new this.Collection();
-    }
-    this.addChild(this.resultsView);
-  }
-  onInit() {
-    if (this.collection) {
-      this.setupCollection();
-    }
-    if (this.collection && this.options.autoLoad !== false) {
-      this.loadItems();
-    }
-  }
-  setupCollection() {
-    Object.assign(this.collection.params, this.collectionParams);
-    this.collection.on("fetch:success", () => {
-      this.loading = false;
-      this.updateFilteredItems();
-    });
-    this.collection.on("fetch:error", () => {
-      this.loading = false;
-    });
-  }
-  async loadItems() {
-    if (!this.collection) {
-      console.warn("SimpleSearchView: No collection provided");
-      return;
-    }
-    this.loading = true;
-    this.updateResultsView();
-    try {
-      await this.collection.fetch();
-      this.updateFilteredItems();
-    } catch (error) {
-      console.error("Error loading items:", error);
-      const app = this.getApp();
-      app?.showError?.("Failed to load items. Please try again.");
-    } finally {
-      this.loading = false;
-      this.updateFilteredItems();
-    }
-  }
-  updateFilteredItems() {
-    if (!this.collection) {
-      this.filteredItems = [];
-      return;
-    }
-    this.filteredItems = this.collection.toJSON();
-    this.updateResultsView();
-  }
-  getNestedValue(obj, path) {
-    return path.split(".").reduce((current, key) => current?.[key], obj);
-  }
-  async getViewData() {
-    return {
-      searchValue: this.searchValue,
-      showFooter: !!this.footerContent,
-      showExitButton: this.showExitButton,
-      debounceMs: this.debounceMs,
-      // UI text
-      headerText: this.headerText,
-      headerIcon: this.headerIcon,
-      searchPlaceholder: this.searchPlaceholder,
-      footerContent: this.footerContent,
-      footerIcon: this.footerIcon
-    };
-  }
-  updateResultsView() {
-    if (!this.resultsView) return;
-    const hasItems = this.collection && this.collection.length() > 0;
-    const hasFilteredItems = this.filteredItems.length > 0;
-    const hasSearchValue = this.searchValue.length > 0;
-    const processedItems = this.filteredItems.map((item, index) => {
-      return {
-        ...item,
-        index,
-        itemContent: this.processItemTemplate(item)
-      };
-    });
-    this.resultsView.data = {
-      loading: this.loading,
-      items: processedItems,
-      showEmpty: !this.loading && !hasItems,
-      showNoResults: !this.loading && hasItems && !hasFilteredItems && hasSearchValue,
-      showResultsCount: !this.loading && hasItems,
-      filteredCount: this.filteredItems.length,
-      totalCount: this.collection?.restEnabled ? this.collection?.meta?.count || 0 : this.collection?.length() || 0,
-      // UI text
-      loadingText: this.loadingText,
-      noResultsText: this.noResultsText,
-      emptyText: this.emptyText,
-      emptySubtext: this.emptySubtext,
-      emptyIcon: this.emptyIcon
-    };
-    this.resultsView.render();
-  }
-  processItemTemplate(item) {
-    let template = this.itemTemplate;
-    template = template.replace(/\{\{(\w+)\}\}/g, (match, prop) => {
-      return this.getNestedValue(item, prop) || "";
-    });
-    return template;
-  }
-  getDefaultItemTemplate() {
-    return `
-            <div class="p-3 border-bottom">
-                <div class="fw-semibold text-dark">{{name}}</div>
-                <small class="text-muted">{{id}}</small>
-            </div>
-        `;
-  }
-  async onPassThruActionSearchItems(event, element) {
-    const searchValue = element.value || "";
-    console.log("search change...");
-    this.searchValue = searchValue;
-    this.hasSearched = true;
-    if (this.searchTimer) {
-      clearTimeout(this.searchTimer);
-    }
-    this.performSearch();
-  }
-  async performSearch() {
-    const searchParams = { ...this.collectionParams };
-    if (this.searchValue && this.searchValue.length > 1) {
-      searchParams.search = this.searchValue.trim();
-    }
-    this.collection.setParams(searchParams, true);
-  }
-  handleItemSelection(itemIndex) {
-    if (isNaN(itemIndex) || itemIndex < 0 || itemIndex >= this.filteredItems.length) {
-      console.error("Invalid item index:", itemIndex);
-      return;
-    }
-    const item = this.filteredItems[itemIndex];
-    let model = this.collection ? this.collection.get(item.id) : null;
-    if (!model) {
-      model = new this.collection.ModelClass({ id: item.id });
-      const app = this.getApp();
-      app.showLoading();
-      model.fetch().then(() => {
-        app.hideLoading();
-        this.emit("item:selected", {
-          item,
-          model,
-          index: itemIndex
-        });
-      });
-      return;
-    } else {
-      this.emit("item:selected", {
-        item,
-        model,
-        index: itemIndex
-      });
-    }
-  }
-  /**
-   * Set the collection for this search view
-   */
-  setCollection(collection) {
-    this.collection = collection;
-    this.setupCollection();
-    return this;
-  }
-  /**
-   * Set the item template
-   */
-  setItemTemplate(template) {
-    this.itemTemplate = template;
-    this.updateResultsView();
-    return this;
-  }
-  /**
-   * Set search fields
-   */
-  setSearchFields(fields) {
-    this.searchFields = Array.isArray(fields) ? fields : [fields];
-    return this;
-  }
-  /**
-   * Refresh items list
-   */
-  async refresh() {
-    await this.loadItems();
-  }
-  /**
-   * Focus the search input
-   */
-  focusSearch() {
-    const searchInput = this.element?.querySelector('input[data-action="search-items"]');
-    if (searchInput) {
-      searchInput.focus();
-    }
-  }
-  /**
-   * Handle exit button click - emits event instead of closing
-   */
-  async handleActionExitView(event, element) {
-    this.emit("exit", { view: this });
-  }
-  /**
-   * Clear search and reset
-   */
-  async handleActionClearSearch(event, element) {
-    this.clearSearch();
-  }
-  clearSearch() {
-    this.searchValue = "";
-    this.hasSearched = false;
-    const searchInput = this.element?.querySelector('input[data-change-action="search-items"]');
-    if (searchInput) {
-      searchInput.value = "";
-      searchInput.focus();
-    }
-    this.performSearch();
-  }
-  /**
-   * Get the number of available items
-   */
-  getItemCount() {
-    return this.collection ? this.collection.length() : 0;
-  }
-  /**
-   * Get the number of filtered items
-   */
-  getFilteredItemCount() {
-    return this.filteredItems.length;
-  }
-  /**
-   * Check if items are loaded
-   */
-  hasItems() {
-    return this.getItemCount() > 0;
-  }
-  /**
-   * Get current search value
-   */
-  getSearchValue() {
-    return this.searchValue;
-  }
-  /**
-   * Set search value programmatically
-   */
-  setSearchValue(value) {
-    this.searchValue = value || "";
-    this.hasSearched = !!this.searchValue;
-    const searchInput = this.element?.querySelector('input[data-action="search-items"]');
-    if (searchInput) {
-      searchInput.value = this.searchValue;
-    }
-    this.performSearch();
-    return this;
-  }
-  async onAfterRender() {
-    await super.onAfterRender();
-    if (this.resultsView && !this.resultsView.isMounted()) {
-      const container = this.element?.querySelector('[data-container="results"]');
-      if (container) {
-        await this.resultsView.render(true, container);
-      }
-    }
-    this.updateResultsView();
-  }
-  /**
-   * Cleanup on destroy
-   */
-  async onBeforeDestroy() {
-    if (this.searchTimer) {
-      clearTimeout(this.searchTimer);
-    }
-    if (this.collection) {
-      this.collection.off("update");
-    }
-    await super.onBeforeDestroy();
-  }
-}
-class GroupSelectorButton extends View {
-  constructor(options = {}) {
-    super({
-      tagName: "div",
-      className: "nav-item",
-      ...options
-    });
-    const app = this.getApp();
-    this.Collection = options.Collection || app?.GroupCollection || GroupList;
-    this.collection = options.collection || new this.Collection();
-    this.currentGroup = options.currentGroup !== void 0 ? options.currentGroup : app?.activeGroup;
-    this.buttonClass = options.buttonClass || "btn btn-link nav-link";
-    this.buttonIcon = options.buttonIcon || "bi-building";
-    this.defaultText = options.defaultText || "Select Group";
-    this.itemTemplate = options.itemTemplate;
-    this.searchFields = options.searchFields || ["name"];
-    this.headerText = options.headerText || "Select Group";
-    this.searchPlaceholder = options.searchPlaceholder || "Search groups...";
-    this.autoSetActiveGroup = options.autoSetActiveGroup !== false;
-    this.onGroupSelected = options.onGroupSelected;
-    this.dialog = null;
-    if (app?.events) {
-      app.events.on("group:changed", (data) => {
-        if (data.group !== this.currentGroup) {
-          this.setCurrentGroup(data.group);
-        }
-      });
-    }
-  }
-  async getTemplate() {
-    return `
-            <button class="{{buttonClass}}" 
-                    data-action="show-selector"
-                    type="button"
-                    style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
-                <i class="{{buttonIcon}} me-1"></i>
-                <span class="group-name">{{displayName}}</span>
-            </button>
-        `;
-  }
-  async onBeforeRender() {
-    await super.onBeforeRender();
-    console.log("GroupSelectorButton onBeforeRender - currentGroup:", this.currentGroup?.get?.("name") || this.currentGroup?.name || "none");
-    this.buttonClass = this.buttonClass;
-    this.buttonIcon = this.buttonIcon;
-    this.displayName = this.currentGroup?.get?.("name") || this.currentGroup?.name || this.defaultText;
-  }
-  /**
-   * Show the group selector dialog
-   */
-  async onActionShowSelector(event) {
-    const searchView = new SimpleSearchView({
-      Collection: this.Collection,
-      collection: this.collection,
-      itemTemplate: this.itemTemplate || this.getDefaultItemTemplate(),
-      searchFields: this.searchFields,
-      headerText: this.headerText,
-      searchPlaceholder: this.searchPlaceholder,
-      headerIcon: this.buttonIcon,
-      showExitButton: false
-    });
-    this.dialog = new Dialog({
-      title: this.headerText,
-      body: searchView,
-      size: "md",
-      scrollable: true,
-      noBodyPadding: true,
-      buttons: [],
-      closeButton: true
-    });
-    searchView.on("item:selected", (data) => {
-      this.handleGroupSelection(data.model || data.item);
-      if (this.dialog) {
-        this.dialog.hide();
-      }
-    });
-    this.dialog.on("hidden", () => {
-      this.dialog.destroy();
-      this.dialog = null;
-    });
-    await this.dialog.render(true, document.body);
-    this.dialog.show();
-    return true;
-  }
-  /**
-   * Handle group selection
-   */
-  handleGroupSelection(group) {
-    this.currentGroup = group;
-    this.displayName = group?.get?.("name") || group?.name || this.defaultText;
-    this.render();
-    const app = this.getApp();
-    if (this.autoSetActiveGroup && app?.setActiveGroup) {
-      app.setActiveGroup(group);
-    }
-    if (this.onGroupSelected) {
-      this.onGroupSelected({ group });
-    }
-    this.emit("group-selected", { group });
-    if (app?.events) {
-      app.events.emit("group:selected", { group });
-      app.events.emit("group:changed", { group });
-    }
-  }
-  /**
-   * Default item template for groups (matches Sidebar pattern)
-   * Note: data-action and data-item-index are added by ResultsView wrapper
-   */
-  getDefaultItemTemplate() {
-    return `
-            <div class="d-flex align-items-center p-3 border-bottom">
-                <div class="flex-grow-1">
-                    <div class="fw-semibold text-dark">{{name}}</div>
-                    <small class="text-muted">#{{id}}  {{kind}}</small>
-                </div>
-            </div>
-        `;
-  }
-  /**
-   * Set the current group programmatically
-   */
-  setCurrentGroup(group) {
-    this.currentGroup = group;
-    this.displayName = group?.get?.("name") || group?.name || this.defaultText;
-    if (this.mounted) {
-      this.render();
-    }
-  }
-  /**
-   * Get the current group
-   */
-  getCurrentGroup() {
-    return this.currentGroup;
-  }
-}
-class TopNav extends View {
-  constructor(options = {}) {
-    const themes = {
-      light: "navbar navbar-expand-lg navbar-light topnav-light",
-      dark: "navbar navbar-expand-lg navbar-dark topnav-dark",
-      clean: "navbar navbar-expand-lg navbar-light topnav-clean",
-      gradient: "navbar navbar-expand-lg navbar-dark topnav-gradient"
-    };
-    const themeName = options.theme || "light";
-    let navbarClass = themes[themeName] || themes.light;
-    if (options.shadow) {
-      navbarClass += ` topnav-shadow-${options.shadow}`;
-    }
-    super({
-      tagName: "nav",
-      className: navbarClass,
-      enableTooltips: true,
-      style: "position: relative; z-index: 1030;",
-      ...options
-    });
-    this.displayMode = options.displayMode || "both";
-    this.showPageIcon = options.showPageIcon !== false;
-    this.showPageDescription = options.showPageDescription || false;
-    this.showBreadcrumbs = options.showBreadcrumbs || false;
-    this.groupIcon = options.groupIcon || "bi-building";
-    this.currentPage = null;
-    this.previousPage = null;
-    this.config = {
-      brand: options.brand || "MOJO App",
-      brandIcon: options.brandIcon || "bi bi-play-circle",
-      brandRoute: options.brandRoute || "/",
-      navItems: options.navItems || [],
-      rightItems: options.rightItems || [],
-      showSidebarToggle: options.showSidebarToggle || false,
-      sidebarToggleAction: options.sidebarToggleAction || "toggle-sidebar",
-      ...options
-    };
-    this.userMenu = options.userMenu || this.findMenuItem("user");
-    if (this.userMenu) this.userMenu.id = "user";
-    this.loginMenu = options.loginMenu || this.findMenuItem("login");
-    this.setupPageListeners();
-    this.setupGroupListeners();
-    this.groupSelectorButton = null;
-    this.currentGroup = null;
-  }
-  findMenuItem(id) {
-    let item = this.config.navItems.find((item2) => item2.id === id);
-    if (!item) {
-      item = this.config.rightItems.find((item2) => item2.id === id);
-    }
-    return item || null;
-  }
-  replaceMenuItem(id, new_menu) {
-    const navIndex = this.config.navItems.findIndex((item) => item.id === id);
-    if (navIndex !== -1) {
-      this.config.navItems[navIndex] = new_menu;
-      return true;
-    }
-    const rightIndex = this.config.rightItems.findIndex((item) => item.id === id);
-    if (rightIndex !== -1) {
-      this.config.rightItems[rightIndex] = new_menu;
-      return true;
-    }
-    return false;
-  }
-  setBrand(brand, icon = null) {
-    this.config.brand = brand;
-    this.config.brandIcon = icon || this.config.brandIcon;
-    this.render();
-  }
-  setUser(user) {
-    if (!user) {
-      this.replaceMenuItem("user", this.loginMenu);
-    } else {
-      this.userMenu.label = user.get("display_name");
-      this.replaceMenuItem("login", this.userMenu);
-    }
-    this.setModel(user);
-  }
-  _onModelChange() {
-    if (this.model) {
-      this.userMenu.label = this.model.get("display_name");
-    }
-    if (this.isMounted()) {
-      this.render();
-    }
-  }
-  /**
-   * Get template based on display mode
-   */
-  async getTemplate() {
-    return `
-            <div class="container-fluid">
-                {{#data.showSidebarToggle}}
-                <button class="topnav-sidebar-toggle me-2" data-action="{{data.sidebarToggleAction}}" aria-label="Toggle Sidebar">
-                    <i class="bi bi-chevron-right toggle-chevron"></i>
-                </button>
-                {{/data.showSidebarToggle}}
-
-                {{#data.showGroupInfo}}
-                <div class="navbar-brand d-flex align-items-center">
-                    {{#data.groupIcon}}<i class="{{data.groupIcon}} me-2"></i>{{/data.groupIcon}}
-                    <div>
-                        <span class="topnav-group-name"
-                              role="button"
-                              tabindex="0"
-                              data-action="open-group-selector"
-                              style="cursor: pointer;">
-                            {{data.currentGroupName}}
-                        </span>
-                        {{#data.showPageTitle}}
-                        <span class="text-muted mx-2">|</span>
-                        <span>{{data.currentPageName}}</span>
-                        {{/data.showPageTitle}}
-                    </div>
-                </div>
-                {{/data.showGroupInfo}}
-
-                {{#data.showPageInfo}}
-                <div class="navbar-brand d-flex align-items-center">
-                    {{#data.currentPageIcon}}<i class="{{data.currentPageIcon}} me-2"></i>{{/data.currentPageIcon}}
-                    <div>
-                        <span>{{data.currentPageName}}</span>
-                        {{#data.currentPageDescription}}
-                        <small class="d-block" style="font-size: 0.75rem; line-height: 1;">{{data.currentPageDescription}}</small>
-                        {{/data.currentPageDescription}}
-                    </div>
-                </div>
-                {{/data.showPageInfo}}
-
-                {{#data.showBrand}}
-                <a class="navbar-brand" href="{{data.brandRoute}}">
-                    {{#data.brandIcon}}<i class="{{data.brandIcon}} me-2"></i>{{/data.brandIcon}}
-                    {{data.brand}}
-                </a>
-                {{/data.showBrand}}
-
-                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#{{data.navbarId}}">
-                    <span class="navbar-toggler-icon"></span>
-                </button>
-
-                <div class="collapse navbar-collapse" id="{{data.navbarId}}">
-                    {{#data.showNavItems}}
-                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-                        {{#data.navItems}}
-                        <li class="nav-item">
-                            <a class="nav-link {{#active}}active{{/active}}" href="{{route}}" {{#tooltip}}data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="{{tooltip}}"{{/tooltip}}>
-                                {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}
-                                {{text}}
-                            </a>
-                        </li>
-                        {{/data.navItems}}
-                    </ul>
-                    {{/data.showNavItems}}
-
-                    {{#data.hasRightItems}}
-                    <div class="navbar-nav ms-auto">
-                        {{#data.rightItems}}
-                        {{#isGroupSelector}}
-                        <div data-container="group-selector-{{id}}"></div>
-                        {{/isGroupSelector}}
-                        {{^isGroupSelector}}
-                        {{#isDropdown}}
-                        <div class="nav-item dropdown">
-                            <a class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-                                {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}
-                                {{label}}
-                            </a>
-                            <ul class="dropdown-menu dropdown-menu-end">
-                                {{#items}}
-                                {{#divider}}
-                                <li><hr class="dropdown-divider"></li>
-                                {{/divider}}
-                                {{^divider}}
-                                <li>
-                                    <a class="dropdown-item" role="button" {{#action}}data-action="{{action}}"{{/action}}>
-                                        {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}
-                                        {{label}}
-                                    </a>
-                                </li>
-                                {{/divider}}
-                                {{/items}}
-                            </ul>
-                        </div>
-                        {{/isDropdown}}
-                        {{^isDropdown}}
-                        {{#isButton}}
-                        <button class="{{buttonClass}}" data-action="{{action}}" data-id="{{id}}" {{#tooltip}}data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="{{tooltip}}"{{/tooltip}}>
-                            {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}
-                            {{label}}
-                        </button>
-                        {{/isButton}}
-                        {{^isButton}}
-                        <a class="nav-link" href="{{href}}" {{#action}}data-action="{{action}}"{{/action}} {{#tooltip}}data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="{{tooltip}}"{{/tooltip}}>
-                            {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}
-                            {{label}}
-                        </a>
-                        {{/isButton}}
-                        {{/isDropdown}}
-                        {{/isGroupSelector}}
-                        {{/data.rightItems}}
-                    </div>
-                    {{/data.hasRightItems}}
-                </div>
-            </div>
-        `;
-  }
-  /**
-   * Process and normalize data before rendering (like Sidebar)
-   */
-  async onBeforeRender() {
-    await super.onBeforeRender();
-    const app = this.getApp();
-    const activeGroup = this.currentGroup || app?.activeGroup;
-    const showGroupInfo = this.displayMode === "group" || this.displayMode === "group_page_titles";
-    const showPageTitle = this.displayMode === "group_page_titles";
-    const showPageInfo = this.displayMode === "page" || this.displayMode === "both";
-    const showBrand = !showGroupInfo && !showPageInfo;
-    const showNavItems = this.displayMode === "menu" || this.displayMode === "both";
-    const navItems = this.filterItemsByPermissions(this.config.navItems || []);
-    const rightItems = this.processRightItems(this.config.rightItems || []);
-    this.data = {
-      // Brand information
-      brand: this.config.brand,
-      brandIcon: this.config.brandIcon,
-      brandRoute: this.config.brandRoute,
-      showBrand,
-      // Navbar configuration
-      navbarId: `navbar-${this.id}`,
-      // Navigation items
-      navItems,
-      showNavItems,
-      // Right items
-      rightItems,
-      hasRightItems: rightItems.length > 0,
-      // Group display
-      showGroupInfo,
-      showPageTitle,
-      currentGroupName: activeGroup?.get?.("name") || activeGroup?.name || "Select Group",
-      groupIcon: this.groupIcon,
-      // Page display
-      showPageInfo,
-      currentPageName: this.currentPage?.title || this.currentPage?.name || "",
-      currentPageIcon: this.currentPage?.icon || this.currentPage?.pageIcon || "",
-      currentPageDescription: this.showPageDescription ? this.currentPage?.description : "",
-      // Sidebar toggle
-      showSidebarToggle: this.config.showSidebarToggle,
-      sidebarToggleAction: this.config.sidebarToggleAction,
-      // Display mode
-      displayMode: this.displayMode
-    };
-  }
-  /**
-   * Process right items configuration
-   */
-  processRightItems(rightItems) {
-    return this.filterItemsByPermissions(rightItems).map((item) => {
-      const processedItem = { ...item };
-      if (item.items) {
-        processedItem.items = this.filterItemsByPermissions(item.items);
-      }
-      if (item.type === "group-selector") {
-        processedItem.isGroupSelector = true;
-        processedItem.isDropdown = false;
-        processedItem.isButton = false;
-        const groupSelectorOptions = {
-          containerId: `group-selector-${item.id || "default"}`
-        };
-        if (item.Collection !== void 0) groupSelectorOptions.Collection = item.Collection;
-        if (item.collection !== void 0) groupSelectorOptions.collection = item.collection;
-        if (item.currentGroup !== void 0) groupSelectorOptions.currentGroup = item.currentGroup;
-        if (item.buttonClass !== void 0) groupSelectorOptions.buttonClass = item.buttonClass;
-        if (item.buttonIcon !== void 0) groupSelectorOptions.buttonIcon = item.buttonIcon;
-        if (item.defaultText !== void 0) groupSelectorOptions.defaultText = item.defaultText;
-        if (item.itemTemplate !== void 0) groupSelectorOptions.itemTemplate = item.itemTemplate;
-        if (item.searchFields !== void 0) groupSelectorOptions.searchFields = item.searchFields;
-        if (item.headerText !== void 0) groupSelectorOptions.headerText = item.headerText;
-        if (item.searchPlaceholder !== void 0) groupSelectorOptions.searchPlaceholder = item.searchPlaceholder;
-        if (item.autoSetActiveGroup !== void 0) groupSelectorOptions.autoSetActiveGroup = item.autoSetActiveGroup;
-        if (item.onGroupSelected !== void 0) groupSelectorOptions.onGroupSelected = item.onGroupSelected;
-        const groupSelector = new GroupSelectorButton(groupSelectorOptions);
-        this.groupSelectorButton = groupSelector;
-        this.addChild(groupSelector);
-      } else if (processedItem.items && processedItem.items.length > 0) {
-        processedItem.isDropdown = true;
-        processedItem.isButton = false;
-      } else if (item.buttonClass) {
-        processedItem.isButton = true;
-        processedItem.isDropdown = false;
-      } else {
-        processedItem.isButton = false;
-        processedItem.isDropdown = false;
-      }
-      if (item.handler) {
-        this.rightItemHandlers = this.rightItemHandlers || /* @__PURE__ */ new Map();
-        this.rightItemHandlers.set(item.id, item.handler);
-      }
-      return processedItem;
-    });
-  }
-  /**
-   * Setup listeners for page change events
-   */
-  setupPageListeners() {
-    this.getApp().events.on("page:show", (data) => {
-      this.onPageChanged(data);
-    });
-  }
-  /**
-   * Setup listeners for group change events
-   */
-  setupGroupListeners() {
-    const app = this.getApp();
-    if (!app?.events) return;
-    app.events.on(["group:changed", "group:loaded"], (data) => {
-      if (data?.group) {
-        this.currentGroup = data.group;
-      }
-      if (this.displayMode === "group" || this.displayMode === "group_page_titles") {
-        if (this.mounted) {
-          this.render();
-        }
-      }
-    });
-  }
-  /**
-   * Handle page before change event
-   * @param {object} data - Event data
-   */
-  onPageBeforeChange(data) {
-    if (this.displayMode === "page" || this.displayMode === "both") ;
-  }
-  /**
-   * Handle page changed event
-   * @param {object} data - Event data with previousPage and currentPage
-   */
-  onPageChanged(data) {
-    this.previousPage = this.currentPage;
-    this.currentPage = data.page;
-    if (this.displayMode === "page" || this.displayMode === "both") {
-      this.updatePageDisplay();
-    }
-    if (this.displayMode === "menu" || this.displayMode === "both") {
-      if (this.currentPage && this.currentPage.route) {
-        this.updateActiveItem(this.currentPage.route);
-      }
-    }
-  }
-  /**
-   * Update the display to show current page info
-   */
-  updatePageDisplay() {
-    if (!this.currentPage) return;
-    if (this.mounted) {
-      this.render();
-    }
-  }
-  updateActiveItem(currentRoute) {
-    const normalizeRoute = (route) => {
-      if (!route) return "/";
-      return route.startsWith("/") ? route : `/${route}`;
-    };
-    const normalizedCurrentRoute = normalizeRoute(currentRoute);
-    const navItems = this.data.navItems.map((item) => {
-      const normalizedItemRoute = normalizeRoute(item.route);
-      let isActive = false;
-      if (normalizedItemRoute === "/" && normalizedCurrentRoute === "/") {
-        isActive = true;
-      } else if (normalizedItemRoute !== "/" && normalizedCurrentRoute !== "/") {
-        isActive = normalizedCurrentRoute.startsWith(normalizedItemRoute) || normalizedCurrentRoute === normalizedItemRoute;
-      }
-      return {
-        ...item,
-        active: isActive
-      };
-    });
-    this.updateData({ navItems }, true);
-  }
-  onPassThruActionProfile() {
-    this.getApp().events.emit("portal:action", { action: "profile" });
-  }
-  onActionSettings() {
-    this.getApp().events.emit("portal:action", { action: "settings" });
-  }
-  onActionLogout() {
-    this.getApp().events.emit("auth:logout", { action: "logout" });
-  }
-  /**
-   * Handle open group selector action (from clicking group name in brand)
-   */
-  async onActionOpenGroupSelector(event) {
-    if (this.groupSelectorButton) {
-      await this.groupSelectorButton.onActionShowSelector(event);
-      return true;
-    }
-    const { GroupList: GroupList2 } = await import("./ContextMenu-sgvgSACY.js").then((n) => n.j);
-    const tempSelector = new GroupSelectorButton({
-      Collection: GroupList2,
-      currentGroup: this.getApp()?.activeGroup
-    });
-    await tempSelector.onActionShowSelector(event);
-    return true;
-  }
-  /**
-   * Handle dynamic action dispatch for right items
-   */
-  async handleAction(actionName, event, element) {
-    const itemId = element.getAttribute("data-id");
-    if (itemId && this.rightItemHandlers && this.rightItemHandlers.has(itemId)) {
-      const handler = this.rightItemHandlers.get(itemId);
-      if (typeof handler === "function") {
-        return await handler.call(this, actionName, event, element);
-      }
-    }
-    const methodName = `onAction${actionName.charAt(0).toUpperCase() + actionName.slice(1).replace(/-([a-z])/g, (g) => g[1].toUpperCase())}`;
-    if (typeof this[methodName] === "function") {
-      return await this[methodName](event, element);
-    }
-    this.emit("action", {
-      action: actionName,
-      event,
-      element,
-      topnav: this
-    });
-  }
-  /**
-   * Handle default actions by searching through rightItems and navItems
-   */
-  async onActionDefault(action, event, el) {
-    if (this.config.navItems) {
-      for (const item of this.config.navItems) {
-        if (item.action === action && item.handler) {
-          await item.handler.call(this, action, event, el);
-          return true;
-        }
-      }
-    }
-    if (this.config.rightItems) {
-      for (const item of this.config.rightItems) {
-        if (item.action === action && item.handler) {
-          await item.handler.call(this, action, event, el);
-          return true;
-        }
-        if (item.items) {
-          for (const subItem of item.items) {
-            if (subItem.action === action && subItem.handler) {
-              await subItem.handler.call(this, action, event, el);
-              return true;
-            }
-          }
-        }
-      }
-    }
-    this.getApp().events.emit("portal:action", { action, event, el });
-    return false;
-  }
-  /**
-   * Filter items by user permissions
-   */
-  filterItemsByPermissions(items) {
-    if (!items) return [];
-    const app = this.getApp();
-    const activeUser = app?.activeUser;
-    return items.filter((item) => {
-      if (item.permissions && activeUser) {
-        return activeUser.hasPermission(item.permissions);
-      }
-      return true;
-    });
-  }
-}
-class Token {
-  constructor(token) {
-    this.token = token;
-    this.payload = null;
-    this.uid = null;
-    this.email = null;
-    this.name = null;
-    this.exp = null;
-    this.iat = null;
-    this.isValidToken = false;
-    this._decode();
-  }
-  /**
-   * Decode JWT token payload (client-side only, no verification)
-   * @private
-   */
-  _decode() {
-    if (!this.token || typeof this.token !== "string") {
-      return;
-    }
-    try {
-      const parts = this.token.split(".");
-      if (parts.length !== 3) {
-        return;
-      }
-      const payload = parts[1];
-      let base64 = payload.replace(/-/g, "+").replace(/_/g, "/");
-      const padding = 4 - base64.length % 4;
-      if (padding !== 4) {
-        base64 += "=".repeat(padding);
-      }
-      const decoded = atob(base64);
-      this.payload = JSON.parse(decoded);
-      this.uid = this.payload.uid || this.payload.sub || this.payload.user_id || null;
-      this.email = this.payload.email || null;
-      this.name = this.payload.name || this.payload.username || null;
-      this.exp = this.payload.exp ? new Date(this.payload.exp * 1e3) : null;
-      this.iat = this.payload.iat ? new Date(this.payload.iat * 1e3) : null;
-      this.isValidToken = this._checkValidity();
-    } catch (error) {
-      this.payload = null;
-    }
-  }
-  /**
-   * Check token validity
-   * @private
-   * @returns {boolean} True if token is valid
-   */
-  _checkValidity() {
-    if (!this.token || !this.payload) {
-      return false;
-    }
-    if (this.payload.exp) {
-      const now = Math.floor(Date.now() / 1e3);
-      return now < this.payload.exp;
-    }
-    return true;
-  }
-  /**
-   * Decode JWT token payload (client-side only, no verification)
-   * @returns {object|null} Decoded payload or null if invalid
-   */
-  decode() {
-    return this.payload;
-  }
-  /**
-   * Get user ID from token
-   * @returns {string|null} User ID or null if not found
-   */
-  getUserId() {
-    return this.uid;
-  }
-  /**
-   * Check if token is valid (exists and not expired)
-   * @returns {boolean} True if token is valid
-   */
-  isValid() {
-    return this.isValidToken;
-  }
-  /**
-   * Check if token will expire soon
-   * @param {number} thresholdMinutes - Minutes before expiry to consider "soon"
-   * @returns {boolean} True if expiring soon
-   */
-  isExpiringSoon(thresholdMinutes = 5) {
-    if (!this.payload?.exp) {
-      return false;
-    }
-    const now = Math.floor(Date.now() / 1e3);
-    const threshold = thresholdMinutes * 60;
-    return this.payload.exp - now <= threshold;
-  }
-  /**
-   * Check if token is expired
-   * @returns {boolean} True if expired
-   */
-  isExpired() {
-    if (!this.payload?.exp) {
-      return false;
-    }
-    const now = Math.floor(Date.now() / 1e3);
-    return now >= this.payload.exp;
-  }
-  /**
-   * Get token age in minutes
-   * @returns {number|null} Age in minutes since token was issued, or null if no iat
-   */
-  getAgeMinutes() {
-    if (!this.payload?.iat) {
-      return null;
-    }
-    const now = Math.floor(Date.now() / 1e3);
-    const ageSeconds = now - this.payload.iat;
-    return Math.floor(ageSeconds / 60);
-  }
-  /**
-   * Get authorization header value
-   * @returns {string|null} Bearer token string or null if no token
-   */
-  getAuthHeader() {
-    return this.token ? `Bearer ${this.token}` : null;
-  }
-  /**
-   * Get basic user info from token
-   * @returns {object|null} User info or null
-   */
-  getUserInfo() {
-    if (!this.payload) {
-      return null;
-    }
-    return {
-      uid: this.uid,
-      email: this.email,
-      name: this.name,
-      exp: this.exp,
-      iat: this.iat
-    };
-  }
-}
-class TokenManager {
-  constructor() {
-    this.tokenKey = "access_token";
-    this.refreshTokenKey = "refresh_token";
-    this.tokenInstance = null;
-  }
-  /**
-   * Store authentication tokens
-   * @param {string} token - Access token
-   * @param {string} refreshToken - Refresh token (optional)
-   * @param {boolean} persistent - Use localStorage if true, sessionStorage if false
-   */
-  setTokens(token, refreshToken = null, persistent = true) {
-    const storage = persistent ? localStorage : sessionStorage;
-    this.tokenInstance = new Token(token);
-    if (token) {
-      storage.setItem(this.tokenKey, token);
-    }
-    if (refreshToken) {
-      storage.setItem(this.refreshTokenKey, refreshToken);
-    }
-  }
-  /**
-   * Get stored access token
-   * @returns {string|null} Access token or null if not found
-   */
-  getToken() {
-    return localStorage.getItem(this.tokenKey) || sessionStorage.getItem(this.tokenKey);
-  }
-  /**
-   * Get stored refresh token
-   * @returns {string|null} Refresh token or null if not found
-   */
-  getRefreshToken() {
-    return localStorage.getItem(this.refreshTokenKey) || sessionStorage.getItem(this.refreshTokenKey);
-  }
-  /**
-   * Clear all stored tokens
-   */
-  clearTokens() {
-    localStorage.removeItem(this.tokenKey);
-    localStorage.removeItem(this.refreshTokenKey);
-    sessionStorage.removeItem(this.tokenKey);
-    sessionStorage.removeItem(this.refreshTokenKey);
-  }
-  /**
-   * Get Token instance for current stored token
-   * @returns {Token|null} Token instance or null if no token
-   */
-  getTokenInstance() {
-    const currentToken = this.getToken();
-    if (!currentToken) {
-      this.tokenInstance = null;
-      return null;
-    }
-    if (!this.tokenInstance || this.tokenInstance.token !== currentToken) {
-      this.tokenInstance = new Token(currentToken);
-    }
-    return this.tokenInstance;
-  }
-  /**
-   * Get Token instance for refresh token
-   * @returns {Token|null} Token instance or null if no refresh token
-   */
-  getRefreshTokenInstance() {
-    const currentRefreshToken = this.getRefreshToken();
-    if (!currentRefreshToken) {
-      this._refreshTokenInstance = null;
-      return null;
-    }
-    if (!this._refreshTokenInstance || this._refreshTokenInstance.token !== currentRefreshToken) {
-      this._refreshTokenInstance = new Token(currentRefreshToken);
-    }
-    return this._refreshTokenInstance;
-  }
-  /**
-   * Decode JWT token payload (client-side only, no verification)
-   * @param {string} token - JWT token
-   * @returns {object|null} Decoded payload or null if invalid
-   */
-  decode(token = null) {
-    const jwt = token || this.getToken();
-    return new Token(jwt).decode();
-  }
-  /**
-   * Get user ID from token
-   * @returns {string|null} User ID or null if not found
-   */
-  getUserId() {
-    const currentToken = this.getTokenInstance();
-    return currentToken ? currentToken.getUserId() : null;
-  }
-  /**
-   * Check if current token is valid (exists and not expired)
-   * @returns {boolean} True if token is valid
-   */
-  isValid() {
-    const currentToken = this.getTokenInstance();
-    return currentToken ? currentToken.isValid() : false;
-  }
-  /**
-   * Check if token will expire soon
-   * @param {number} thresholdMinutes - Minutes before expiry to consider "soon"
-   * @returns {boolean} True if expiring soon
-   */
-  isExpiringSoon(thresholdMinutes = 5) {
-    const currentToken = this.getTokenInstance();
-    return currentToken ? currentToken.isExpiringSoon(thresholdMinutes) : false;
-  }
-  /**
-   * Get authorization header value
-   * @returns {string|null} Bearer token string or null if no token
-   */
-  getAuthHeader() {
-    const currentToken = this.getTokenInstance();
-    return currentToken ? currentToken.getAuthHeader() : null;
-  }
-  /**
-   * Get basic user info from token
-   * @returns {object|null} User info or null
-   */
-  getUserInfo() {
-    const currentToken = this.getTokenInstance();
-    return currentToken ? currentToken.getUserInfo() : null;
-  }
-  /**
-   * Check current token status and determine what action is needed
-   * @returns {object} Status object with action and details
-   */
-  checkTokenStatus() {
-    const token = this.getTokenInstance();
-    const refreshToken = this.getRefreshTokenInstance();
-    if (!token || !token.isValid() || token.isExpired()) {
-      if (!refreshToken || !refreshToken.isValid() || refreshToken.isExpired()) {
-        return {
-          action: "logout",
-          reason: "Both access and refresh tokens are invalid/expired"
-        };
-      }
-      return {
-        action: "refresh",
-        reason: "Access token invalid/expired but refresh token valid"
-      };
-    }
-    if (token.isExpiringSoon(10) || token.getAgeMinutes() && token.getAgeMinutes() > 60) {
-      if (!refreshToken || !refreshToken.isValid() || refreshToken.isExpired()) {
-        return {
-          action: "none",
-          reason: "Access token expiring but refresh token invalid"
-        };
-      }
-      return {
-        action: "refresh",
-        reason: "Access token expiring soon or aged"
-      };
-    }
-    return {
-      action: "none",
-      reason: "All tokens valid and not expiring soon"
-    };
-  }
-  /**
-   * Check tokens and take appropriate action
-   * @param {object} app - App instance for events and API calls
-   * @returns {Promise<boolean>} True if action was taken
-   */
-  async checkAndRefreshTokens(app) {
-    const status = this.checkTokenStatus();
-    switch (status.action) {
-      case "logout":
-        app.events.emit("auth:unauthorized");
-        this.stopAutoRefresh();
-        return true;
-      case "refresh":
-        await this.refreshToken(app);
-        return true;
-      default:
-        return false;
-    }
-  }
-  startAutoRefresh(app) {
-    this.stopAutoRefresh();
-    this._tokenWatcher = setInterval(() => {
-      this.checkAndRefreshTokens(app);
-    }, 6e4);
-  }
-  stopAutoRefresh() {
-    if (this._tokenWatcher) {
-      clearInterval(this._tokenWatcher);
-      this._tokenWatcher = null;
-    }
-  }
-  async refreshToken(app) {
-    const refreshTokenInstance = this.getRefreshTokenInstance();
-    if (!refreshTokenInstance || !refreshTokenInstance.isValid() || refreshTokenInstance.isExpired()) {
-      app.events.emit("auth:unauthorized");
-      this.stopAutoRefresh();
-      return;
-    }
-    try {
-      const response = await app.rest.POST("/api/token/refresh", {
-        refresh_token: refreshTokenInstance.token
-      });
-      const { access_token, refresh_token } = response.data.data;
-      this.tokenInstance = null;
-      this._refreshTokenInstance = null;
-      this.setTokens(access_token, refresh_token);
-      app.rest.setAuthToken(access_token);
-      app.events.emit("auth:token:refreshed", {
-        newToken: access_token,
-        newRefreshToken: refresh_token
-      });
-      console.log("Token refreshed successfully");
-    } catch (error) {
-      if (error.status === 401 || error.status === 403) {
-        app.events.emit("auth:unauthorized");
-        this.stopAutoRefresh();
-      } else {
-        app.events.emit("auth:token:refresh:failed", { error });
-      }
-    }
-  }
-}
-export {
-  SimpleSearchView as S,
-  TokenManager as T,
-  TopNav as a
-};
-//# sourceMappingURL=TokenManager-DoN9e6q6.js.map