web-mojo 2.2.68 → 2.2.69

package/dist/chunks/ToastService-nUaGVpSl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastService-nUaGVpSl.js","sources":["../../src/core/services/ToastService.js"],"sourcesContent":["/**\n * ToastService - Bootstrap 5 Toast Notification Service\n * Provides methods to display toast notifications with different types and options\n *\n * Features:\n * - Bootstrap 5 toast integration\n * - Multiple toast types (success, error, info, warning)\n * - Auto-dismiss with customizable delays\n * - Toast container management\n * - Event integration\n * - Proper cleanup and memory management\n *\n * @example\n * const toastService = new ToastService();\n * toastService.success('Operation completed successfully!');\n * toastService.error('Something went wrong');\n * toastService.info('FYI: This is informational');\n * toastService.warning('Please be careful');\n */\n\nclass ToastService {\n  constructor(options = {}) {\n    this.options = {\n      containerId: 'toast-container',\n      position: 'top-end', // top-start, top-center, top-end, middle-start, etc.\n      autohide: true,\n      defaultDelay: 5000, // 5 seconds\n      maxToasts: 5, // Maximum number of toasts to show at once\n      ...options\n    };\n\n    this.toasts = new Map(); // Track active toasts\n    this.toastCounter = 0; // For unique IDs\n\n    this.init();\n  }\n\n  /**\n   * Initialize the toast service\n   */\n  init() {\n    this.createContainer();\n  }\n\n  /**\n   * Create the toast container if it doesn't exist\n   */\n  createContainer() {\n    let container = document.getElementById(this.options.containerId);\n\n    if (!container) {\n      container = document.createElement('div');\n      container.id = this.options.containerId;\n      container.className = `toast-container position-fixed ${this.getPositionClasses()}`;\n      container.style.zIndex = '1070'; // Bootstrap toast z-index\n      container.setAttribute('aria-live', 'polite');\n      container.setAttribute('aria-atomic', 'true');\n\n      document.body.appendChild(container);\n    }\n\n    this.container = container;\n  }\n\n  /**\n   * Get CSS classes for toast positioning\n   */\n  getPositionClasses() {\n    const positionMap = {\n      'top-start': 'top-0 start-0 p-3',\n      'top-center': 'top-0 start-50 translate-middle-x p-3',\n      'top-end': 'top-0 end-0 p-3',\n      'middle-start': 'top-50 start-0 translate-middle-y p-3',\n      'middle-center': 'top-50 start-50 translate-middle p-3',\n      'middle-end': 'top-50 end-0 translate-middle-y p-3',\n      'bottom-start': 'bottom-0 start-0 p-3',\n      'bottom-center': 'bottom-0 start-50 translate-middle-x p-3',\n      'bottom-end': 'bottom-0 end-0 p-3'\n    };\n\n    return positionMap[this.options.position] || positionMap['top-end'];\n  }\n\n\n\n  /**\n   * Show a success toast\n   * @param {string} message - The message to display\n   * @param {object} options - Additional options\n   */\n  success(message, options = {}) {\n    return this.show(message, 'success', {\n      icon: 'bi-check-circle-fill',\n      ...options\n    });\n  }\n\n  /**\n   * Show an error toast\n   * @param {string} message - The message to display\n   * @param {object} options - Additional options\n   */\n  error(message, options = {}) {\n    return this.show(message, 'error', {\n      icon: 'bi-exclamation-triangle-fill',\n      autohide: true, // Keep error toasts visible until manually dismissed\n      ...options\n    });\n  }\n\n  /**\n   * Show an info toast\n   * @param {string} message - The message to display\n   * @param {object} options - Additional options\n   */\n  info(message, options = {}) {\n    return this.show(message, 'info', {\n      icon: 'bi-info-circle-fill',\n      ...options\n    });\n  }\n\n  /**\n   * Show a warning toast\n   * @param {string} message - The message to display\n   * @param {object} options - Additional options\n   */\n  warning(message, options = {}) {\n    return this.show(message, 'warning', {\n      icon: 'bi-exclamation-triangle-fill',\n      ...options\n    });\n  }\n\n  /**\n   * Show a plain toast without specific styling\n   * @param {string} message - The message to display\n   * @param {object} options - Additional options\n   */\n  plain(message, options = {}) {\n    return this.show(message, 'plain', {\n      ...options\n    });\n  }\n\n  /**\n   * Show a toast with specified type and options\n   * @param {string} message - The message to display\n   * @param {string} type - Toast type (success, error, info, warning)\n   * @param {object} options - Additional options\n   */\n  show(message, type = 'info', options = {}) {\n    // Enforce max toasts limit\n    this.enforceMaxToasts();\n\n    const toastId = `toast-${++this.toastCounter}`;\n    const config = {\n      title: this.getDefaultTitle(type),\n      icon: this.getDefaultIcon(type),\n      autohide: this.options.autohide,\n      delay: this.options.defaultDelay,\n      dismissible: true,\n      ...options\n    };\n\n    const toastElement = this.createToastElement(toastId, message, type, config);\n    this.container.appendChild(toastElement);\n\n    // Initialize Bootstrap toast\n    if (typeof bootstrap === 'undefined') {\n      throw new Error('Bootstrap is required for ToastService. Make sure Bootstrap 5 is loaded.');\n    }\n    const bsToast = new bootstrap.Toast(toastElement, {\n      autohide: config.autohide,\n      delay: config.delay\n    });\n\n    // Store toast reference\n    this.toasts.set(toastId, {\n      element: toastElement,\n      bootstrap: bsToast,\n      type: type,\n      message: message\n    });\n\n    // Setup cleanup on hide\n    toastElement.addEventListener('hidden.bs.toast', () => {\n      this.cleanup(toastId);\n    });\n\n    // Show the toast\n    bsToast.show();\n\n    return {\n      id: toastId,\n      hide: () => {\n        try {\n          bsToast.hide();\n        } catch (error) {\n          console.warn('Error hiding toast:', error);\n        }\n      },\n      dispose: () => this.cleanup(toastId),\n      updateProgress: options.updateProgress || null\n    };\n  }\n\n  /**\n   * Show a toast with a View component in the body\n   * @param {View} view - The View component to display\n   * @param {string} type - Toast type (success, error, info, warning, plain)\n   * @param {object} options - Additional options\n   */\n  showView(view, type = 'info', options = {}) {\n    // Enforce max toasts limit\n    this.enforceMaxToasts();\n\n    const toastId = `toast-${++this.toastCounter}`;\n    const config = {\n      title: options.title || this.getDefaultTitle(type),\n      icon: options.icon || this.getDefaultIcon(type),\n      autohide: this.options.autohide,\n      delay: this.options.defaultDelay,\n      dismissible: true,\n      ...options\n    };\n\n    const toastElement = this.createViewToastElement(toastId, view, type, config);\n    this.container.appendChild(toastElement);\n\n    // Initialize Bootstrap toast\n    if (typeof bootstrap === 'undefined') {\n      throw new Error('Bootstrap is required for ToastService. Make sure Bootstrap 5 is loaded.');\n    }\n    const bsToast = new bootstrap.Toast(toastElement, {\n      autohide: config.autohide,\n      delay: config.delay\n    });\n\n    // Store toast reference with view\n    this.toasts.set(toastId, {\n      element: toastElement,\n      bootstrap: bsToast,\n      type: type,\n      view: view,\n      message: 'View toast'\n    });\n\n    // Setup cleanup on hide - dispose view properly\n    toastElement.addEventListener('hidden.bs.toast', () => {\n      this.cleanupView(toastId);\n    });\n\n    // Mount and render the view\n    const bodyContainer = toastElement.querySelector('.toast-view-body');\n    if (bodyContainer && view) {\n      view.render(true, bodyContainer);\n    }\n\n    // Show the toast\n    bsToast.show();\n\n    return {\n      id: toastId,\n      view: view,\n      hide: () => {\n        try {\n          bsToast.hide();\n        } catch (error) {\n          console.warn('Error hiding view toast:', error);\n        }\n      },\n      dispose: () => this.cleanupView(toastId),\n      updateProgress: (progressInfo) => {\n        if (view && typeof view.updateProgress === 'function') {\n          view.updateProgress(progressInfo);\n        }\n      }\n    };\n  }\n\n  /**\n   * Create toast DOM element\n   */\n  createToastElement(id, message, type, config) {\n    const toast = document.createElement('div');\n    toast.id = id;\n    toast.className = `toast toast-service-${type}`;\n    toast.setAttribute('role', 'alert');\n    toast.setAttribute('aria-live', 'assertive');\n    toast.setAttribute('aria-atomic', 'true');\n\n    const header = config.title || config.icon ? this.createToastHeader(config, type) : '';\n    const body = this.createToastBody(message, config.icon && !config.title);\n\n    toast.innerHTML = `\n      ${header}\n      ${body}\n    `;\n\n    return toast;\n  }\n\n  /**\n   * Create toast DOM element for View component\n   */\n  createViewToastElement(id, view, type, config) {\n    const toast = document.createElement('div');\n    toast.id = id;\n    toast.className = `toast toast-service-${type}`;\n    toast.setAttribute('role', 'alert');\n    toast.setAttribute('aria-live', 'assertive');\n    toast.setAttribute('aria-atomic', 'true');\n\n    const header = config.title || config.icon ? this.createToastHeader(config, type) : '';\n    const body = this.createViewToastBody();\n\n    toast.innerHTML = `\n      ${header}\n      ${body}\n    `;\n\n    return toast;\n  }\n\n  /**\n   * Create toast body for View component\n   */\n  createViewToastBody() {\n    return `\n      <div class=\"toast-body p-0\">\n        <div class=\"toast-view-body p-3\"></div>\n      </div>\n    `;\n  }\n\n  /**\n   * Create toast header with title and icon\n   */\n  createToastHeader(config, _type) {\n    const iconHtml = config.icon ?\n      `<i class=\"${config.icon} toast-service-icon me-2\"></i>` : '';\n\n    const titleHtml = config.title ?\n      `<strong class=\"me-auto\">${iconHtml}${this.escapeHtml(config.title)}</strong>` : '';\n\n    const timeHtml = config.showTime ?\n      `<small class=\"text-muted\">${this.getTimeString()}</small>` : '';\n\n    const closeButton = config.dismissible ?\n      `<button type=\"button\" class=\"btn-close toast-service-close\" data-bs-dismiss=\"toast\" aria-label=\"Close\"></button>` : '';\n\n    if (!titleHtml && !timeHtml && !closeButton) {\n      return '';\n    }\n\n    return `\n      <div class=\"toast-header\">\n        ${titleHtml}\n        ${timeHtml}\n        ${closeButton}\n      </div>\n    `;\n  }\n\n  /**\n   * Create toast body with message\n   */\n  createToastBody(message, showIcon = false) {\n    const iconHtml = showIcon ?\n      `<i class=\"${this.getDefaultIcon('info')} toast-service-icon me-2\"></i>` : '';\n\n    return `\n      <div class=\"toast-body d-flex align-items-center\">\n        ${iconHtml}\n        <span>${this.escapeHtml(message)}</span>\n      </div>\n    `;\n  }\n\n  /**\n   * Get default title for toast type\n   */\n  getDefaultTitle(type) {\n    const titles = {\n      success: 'Success',\n      error: 'Error',\n      warning: 'Warning',\n      info: 'Information',\n      plain: ''\n    };\n    return titles[type] || 'Notification';\n  }\n\n  /**\n   * Get default icon for toast type\n   */\n  getDefaultIcon(type) {\n    const icons = {\n      success: 'bi-check-circle-fill',\n      error: 'bi-exclamation-triangle-fill',\n      warning: 'bi-exclamation-triangle-fill',\n      info: 'bi-info-circle-fill',\n      plain: ''\n    };\n    return icons[type] || 'bi-info-circle-fill';\n  }\n\n  /**\n   * Enforce maximum number of toasts\n   */\n  enforceMaxToasts() {\n    const activeToasts = Array.from(this.toasts.values());\n\n    if (activeToasts.length >= this.options.maxToasts) {\n      // Remove oldest toast\n      const oldestId = this.toasts.keys().next().value;\n      const oldest = this.toasts.get(oldestId);\n\n      if (oldest) {\n        oldest.bootstrap.hide();\n      }\n    }\n  }\n\n  /**\n   * Clean up toast resources\n   */\n  cleanup(toastId) {\n    const toast = this.toasts.get(toastId);\n\n    if (toast) {\n      // Dispose Bootstrap toast\n      try {\n        toast.bootstrap.dispose();\n      } catch (e) {\n        console.warn('Error disposing toast:', e);\n      }\n\n      // Remove from DOM\n      if (toast.element && toast.element.parentNode) {\n        toast.element.parentNode.removeChild(toast.element);\n      }\n\n      // Remove from tracking\n      this.toasts.delete(toastId);\n    }\n  }\n\n  /**\n   * Clean up view toast resources with proper view disposal\n   */\n  cleanupView(toastId) {\n    const toast = this.toasts.get(toastId);\n\n    if (toast) {\n      // Dispose view first if it exists\n      if (toast.view && typeof toast.view.dispose === 'function') {\n        try {\n          toast.view.dispose();\n        } catch (e) {\n          console.warn('Error disposing view in toast:', e);\n        }\n      }\n\n      // Dispose Bootstrap toast\n      try {\n        toast.bootstrap.dispose();\n      } catch (e) {\n        console.warn('Error disposing toast:', e);\n      }\n\n      // Remove from DOM\n      if (toast.element && toast.element.parentNode) {\n        toast.element.parentNode.removeChild(toast.element);\n      }\n\n      // Remove from tracking\n      this.toasts.delete(toastId);\n    }\n  }\n\n  /**\n   * Hide all active toasts\n   */\n  hideAll() {\n    this.toasts.forEach((toast, _id) => {\n      toast.bootstrap.hide();\n    });\n  }\n\n  /**\n   * Clear all toasts immediately\n   */\n  clearAll() {\n    this.toasts.forEach((toast, id) => {\n      this.cleanup(id);\n    });\n  }\n\n  /**\n   * Get current time string\n   */\n  getTimeString() {\n    return new Date().toLocaleTimeString([], {\n      hour: '2-digit',\n      minute: '2-digit'\n    });\n  }\n\n  /**\n   * Escape HTML to prevent XSS\n   */\n  escapeHtml(str) {\n    const div = document.createElement('div');\n    div.textContent = str;\n    return div.innerHTML;\n  }\n\n  /**\n   * Dispose of the entire toast service\n   */\n  dispose() {\n    this.clearAll();\n\n    if (this.container && this.container.parentNode) {\n      this.container.parentNode.removeChild(this.container);\n    }\n  }\n\n  /**\n   * Get statistics about active toasts\n   */\n  getStats() {\n    const stats = {\n      total: this.toasts.size,\n      byType: {}\n    };\n\n    this.toasts.forEach(toast => {\n      stats.byType[toast.type] = (stats.byType[toast.type] || 0) + 1;\n    });\n\n    return stats;\n  }\n\n  /**\n   * Set global options\n   */\n  setOptions(newOptions) {\n    this.options = { ...this.options, ...newOptions };\n\n    // Recreate container if position changed\n    if (newOptions.position) {\n      if (this.container) {\n        this.container.className = `toast-container position-fixed ${this.getPositionClasses()}`;\n      }\n    }\n  }\n}\n\nexport default ToastService;\n"],"names":["ToastService","constructor","options","this","containerId","position","autohide","defaultDelay","maxToasts","toasts","Map","toastCounter","init","createContainer","container","document","getElementById","createElement","id","className","getPositionClasses","style","zIndex","setAttribute","body","appendChild","positionMap","success","message","show","icon","error","info","warning","plain","type","enforceMaxToasts","toastId","config","title","getDefaultTitle","getDefaultIcon","delay","dismissible","toastElement","createToastElement","bootstrap","Error","bsToast","Toast","set","element","addEventListener","cleanup","hide","console","warn","dispose","updateProgress","showView","view","createViewToastElement","cleanupView","bodyContainer","querySelector","render","progressInfo","toast","header","createToastHeader","createToastBody","innerHTML","createViewToastBody","_type","iconHtml","titleHtml","escapeHtml","timeHtml","showTime","getTimeString","closeButton","showIcon","Array","from","values","length","oldestId","keys","next","value","oldest","get","e","parentNode","removeChild","delete","hideAll","forEach","_id","clearAll","Date","toLocaleTimeString","hour","minute","str","div","textContent","getStats","stats","total","size","byType","setOptions","newOptions"],"mappings":"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"}

package/dist/chunks/{TokenManager-ChNOca0K.js → TokenManager-ien2XzwO.js}

@@ -1,2 +1,2 @@
-import{V as e}from"./Rest-BJ3Mvx1L.js";import t from"./Dialog-jfBsXy5X.js";import{G as s}from"./User-DSqcOwPL.js";class ResultsView extends e{constructor(e={}){super({className:"search-results-view flex-grow-1 overflow-auto d-flex flex-column",template:'\n                <div id="results-container" class="flex-grow-1 overflow-auto">\n                {{#data.loading}}\n                    <div class="text-center p-4">\n                        <div class="spinner-border spinner-border-sm text-muted" role="status">\n                            <span class="visually-hidden">Loading...</span>\n                        </div>\n                        <div class="mt-2 small text-muted">{{data.loadingText}}</div>\n                    </div>\n                {{/data.loading}}\n\n                {{^data.loading}}\n                    {{#data.items}}\n                        <div class="simple-search-item position-relative"\n                             data-action="select-item"\n                             data-item-index="{{index}}">\n                            {{{itemContent}}}\n\n                        </div>\n                    {{/data.items}}\n\n                    {{#data.showNoResults}}\n                        <div class="text-center p-4">\n                            <i class="bi bi-search text-muted mb-2" style="font-size: 1.5rem;"></i>\n                            <div class="text-muted small">{{data.noResultsText}}</div>\n                            <button type="button"\n                                    class="btn btn-link btn-sm mt-2 p-0"\n                                    data-action="clear-search">\n                                Clear search\n                            </button>\n                        </div>\n                    {{/data.showNoResults}}\n\n                    {{#data.showEmpty}}\n                        <div class="text-center p-4">\n                            <i class="{{data.emptyIcon}} text-muted mb-2" style="font-size: 2rem;"></i>\n                            <div class="text-muted small mb-2">{{data.emptyText}}</div>\n                            {{#data.emptySubtext}}\n                            <div class="text-muted" style="font-size: 0.75rem;">\n                                {{data.emptySubtext}}\n                            </div>\n                            {{/data.emptySubtext}}\n                        </div>\n                    {{/data.showEmpty}}\n                {{/data.loading}}\n                </div>\n\n                {{#data.showResultsCount}}\n                <div class="border-top bg-light p-2 text-center">\n                    <small class="text-muted">\n                        {{data.filteredCount}} of {{data.totalCount}}\n                    </small>\n                </div>\n                {{/data.showResultsCount}}\n            ',...e}),this.parentView=e.parentView}async handleActionSelectItem(e,t){e.preventDefault();const s=parseInt(t.getAttribute("data-item-index"));this.parentView&&this.parentView.handleItemSelection(s)}async handleActionClearSearch(e,t){e.preventDefault(),this.parentView&&this.parentView.clearSearch()}async onAfterRender(){if(this.parentView&&this.parentView.maxHeight){const e=this.element.querySelector("#results-container");e&&(e.style.maxHeight=`${this.parentView.maxHeight}px`)}}}class SimpleSearchView extends e{constructor(e={}){super({className:"simple-search-view d-flex flex-column",template:'\n                <div class="p-3 border-bottom bg-light">\n                    {{#data.headerText}}\n                    <div class="d-flex justify-content-between align-items-start mb-3">\n                        <h6 class="text-muted fw-semibold mb-0">\n                            {{#data.headerIcon}}<i class="{{data.headerIcon}} me-2"></i>{{/data.headerIcon}}\n                            {{{data.headerText}}}\n                        </h6>\n                        {{#data.showExitButton}}\n                        <button class="btn btn-link p-0 text-muted simple-search-exit-btn"\n                                type="button"\n                                data-action="exit-view"\n                                title="Exit"\n                                aria-label="Exit view">\n                            <i class="bi bi-x-lg" aria-hidden="true"></i>\n                        </button>\n                        {{/data.showExitButton}}\n                    </div>\n                    {{/data.headerText}}\n                    <div class="position-relative">\n                        <input type="text"\n                               class="form-control form-control-sm pe-5"\n                               placeholder="{{data.searchPlaceholder}}"\n                               value="{{data.searchValue}}"\n                               data-filter="live-search"\n                               data-filter-debounce="{{data.debounceMs}}"\n                               data-change-action="search-items">\n                        <button class="btn btn-link p-0 position-absolute top-50 end-0 translate-middle-y me-2 text-muted simple-search-clear-btn"\n                                type="button"\n                                data-action="clear-search"\n                                title="Clear search"\n                                aria-label="Clear search">\n                            <i class="bi bi-x-circle-fill" aria-hidden="true"></i>\n                        </button>\n                    </div>\n                </div>\n\n                <div data-container="results"></div>\n\n                {{#data.showFooter}}\n                <div class="p-3 border-top bg-light">\n                    <small class="text-muted">\n                        <i class="{{data.footerIcon}} me-1"></i>\n                        {{{data.footerContent}}}\n                    </small>\n                </div>\n                {{/data.showFooter}}\n            ',...e}),this.Collection=e.Collection,this.collection=e.collection,this.itemTemplate=e.itemTemplate||this.getDefaultItemTemplate(),this.searchFields=e.searchFields||["name"],this.collectionParams={size:25,...e.collectionParams},void 0===e.headerText&&(this.headerText="Select Item"),this.headerText=e.headerText,this.headerIcon=e.headerIcon||"bi bi-list",this.searchPlaceholder=e.searchPlaceholder||"Search...",this.loadingText=e.loadingText||"Loading items...",this.noResultsText=e.noResultsText||"No items match your search",this.emptyText=e.emptyText||"No items available",this.emptySubtext=e.emptySubtext||null,this.emptyIcon=e.emptyIcon||"bi bi-inbox",this.footerContent=e.footerContent||null,this.footerIcon=e.footerIcon||"bi bi-info-circle",this.showExitButton=e.showExitButton||!1,this.searchValue="",this.filteredItems=[],this.loading=!1,this.hasSearched=!1,this.searchTimer=null,this.debounceMs=e.debounceMs||300,e.maxHeight?this.maxHeight=e.maxHeight:this.addClass("h-100"),this.resultsView=new ResultsView({parentView:this}),!this.collection&&this.Collection&&(this.collection=new this.Collection),this.addChild(this.resultsView)}onInit(){this.collection&&this.setupCollection(),this.collection&&!1!==this.options.autoLoad&&this.loadItems()}setupCollection(){Object.assign(this.collection.params,this.collectionParams),this.collection.on("fetch:success",()=>{this.loading=!1,this.updateFilteredItems()}),this.collection.on("fetch:error",()=>{this.loading=!1})}async loadItems(){if(this.collection){this.loading=!0,this.updateResultsView();try{await this.collection.fetch(),this.updateFilteredItems()}catch(e){console.error("Error loading items:",e);const t=this.getApp();t?.showError?.("Failed to load items. Please try again.")}finally{this.loading=!1,this.updateFilteredItems()}}else console.warn("SimpleSearchView: No collection provided")}updateFilteredItems(){this.collection?(this.filteredItems=this.collection.toJSON(),this.updateResultsView()):this.filteredItems=[]}getNestedValue(e,t){return t.split(".").reduce((e,t)=>e?.[t],e)}async getViewData(){return{searchValue:this.searchValue,showFooter:!!this.footerContent,showExitButton:this.showExitButton,debounceMs:this.debounceMs,headerText:this.headerText,headerIcon:this.headerIcon,searchPlaceholder:this.searchPlaceholder,footerContent:this.footerContent,footerIcon:this.footerIcon}}updateResultsView(){if(!this.resultsView)return;const e=this.collection&&this.collection.length()>0,t=this.filteredItems.length>0,s=this.searchValue.length>0,n=this.filteredItems.map((e,t)=>({...e,index:t,itemContent:this.processItemTemplate(e)}));this.resultsView.data={loading:this.loading,items:n,showEmpty:!this.loading&&!e,showNoResults:!this.loading&&e&&!t&&s,showResultsCount:!this.loading&&e,filteredCount:this.filteredItems.length,totalCount:this.collection?.restEnabled?this.collection?.meta?.count||0:this.collection?.length()||0,loadingText:this.loadingText,noResultsText:this.noResultsText,emptyText:this.emptyText,emptySubtext:this.emptySubtext,emptyIcon:this.emptyIcon},this.resultsView.render()}processItemTemplate(e){let t=this.itemTemplate;return t=t.replace(/\{\{(\w+)\}\}/g,(t,s)=>this.getNestedValue(e,s)||""),t}getDefaultItemTemplate(){return'\n            <div class="p-3 border-bottom">\n                <div class="fw-semibold text-dark">{{name}}</div>\n                <small class="text-muted">{{id}}</small>\n            </div>\n        '}async onPassThruActionSearchItems(e,t){const s=t.value||"";this.searchValue=s,this.hasSearched=!0,this.searchTimer&&clearTimeout(this.searchTimer),this.performSearch()}async performSearch(){const e={...this.collectionParams};this.searchValue&&this.searchValue.length>1&&(e.search=this.searchValue.trim()),this.collection.setParams(e,!0)}handleItemSelection(e){if(isNaN(e)||e<0||e>=this.filteredItems.length)return void console.error("Invalid item index:",e);const t=this.filteredItems[e];let s=this.collection?this.collection.get(t.id):null;if(!s){s=new this.collection.ModelClass({id:t.id});const n=this.getApp();return n.showLoading(),void s.fetch().then(()=>{n.hideLoading(),this.emit("item:selected",{item:t,model:s,index:e})})}this.emit("item:selected",{item:t,model:s,index:e})}setCollection(e){return this.collection=e,this.setupCollection(),this}setItemTemplate(e){return this.itemTemplate=e,this.updateResultsView(),this}setSearchFields(e){return this.searchFields=Array.isArray(e)?e:[e],this}async refresh(){await this.loadItems()}focusSearch(){const e=this.element?.querySelector('input[data-action="search-items"]');e&&e.focus()}async handleActionExitView(e,t){this.emit("exit",{view:this})}async handleActionClearSearch(e,t){this.clearSearch()}clearSearch(){this.searchValue="",this.hasSearched=!1;const e=this.element?.querySelector('input[data-change-action="search-items"]');e&&(e.value="",e.focus()),this.performSearch()}getItemCount(){return this.collection?this.collection.length():0}getFilteredItemCount(){return this.filteredItems.length}hasItems(){return this.getItemCount()>0}getSearchValue(){return this.searchValue}setSearchValue(e){this.searchValue=e||"",this.hasSearched=!!this.searchValue;const t=this.element?.querySelector('input[data-action="search-items"]');return t&&(t.value=this.searchValue),this.performSearch(),this}async onAfterRender(){if(await super.onAfterRender(),this.resultsView&&!this.resultsView.isMounted()){const e=this.element?.querySelector('[data-container="results"]');e&&await this.resultsView.render(!0,e)}this.updateResultsView()}async onBeforeDestroy(){this.searchTimer&&clearTimeout(this.searchTimer),this.collection&&this.collection.off("update"),await super.onBeforeDestroy()}}class GroupSelectorButton extends e{constructor(e={}){super({tagName:"div",className:"nav-item",...e});const t=this.getApp();this.Collection=e.Collection||t?.GroupCollection||s,this.collection=e.collection||new this.Collection,this.currentGroup=void 0!==e.currentGroup?e.currentGroup:t?.activeGroup,this.buttonClass=e.buttonClass||"btn btn-link nav-link",this.buttonIcon=e.buttonIcon||"bi-building",this.defaultText=e.defaultText||"Select Group",this.itemTemplate=e.itemTemplate,this.searchFields=e.searchFields||["name"],this.headerText=e.headerText||"Select Group",this.searchPlaceholder=e.searchPlaceholder||"Search groups...",this.autoSetActiveGroup=!1!==e.autoSetActiveGroup,this.onGroupSelected=e.onGroupSelected,this.dialog=null,t?.events&&t.events.on("group:changed",e=>{e.group!==this.currentGroup&&this.setCurrentGroup(e.group)})}async getTemplate(){return'\n            <button class="{{buttonClass}}" \n                    data-action="show-selector"\n                    type="button"\n                    style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">\n                <i class="{{buttonIcon}} me-1"></i>\n                <span class="group-name">{{displayName}}</span>\n            </button>\n        '}async onBeforeRender(){await super.onBeforeRender(),this.currentGroup?.get?.("name")||this.currentGroup,this.buttonClass=this.buttonClass,this.buttonIcon=this.buttonIcon,this.displayName=this.currentGroup?.get?.("name")||this.currentGroup?.name||this.defaultText}async onActionShowSelector(e){const s=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:!1});return this.dialog=new t({title:this.headerText,body:s,size:"md",scrollable:!0,noBodyPadding:!0,buttons:[],closeButton:!0}),s.on("item:selected",e=>{this.handleGroupSelection(e.model||e.item),this.dialog&&this.dialog.hide()}),this.dialog.on("hidden",()=>{this.dialog.destroy(),this.dialog=null}),await this.dialog.render(!0,document.body),this.dialog.show(),!0}handleGroupSelection(e){this.currentGroup=e,this.displayName=e?.get?.("name")||e?.name||this.defaultText,this.render();const t=this.getApp();this.autoSetActiveGroup&&t?.setActiveGroup&&t.setActiveGroup(e),this.onGroupSelected&&this.onGroupSelected({group:e}),this.emit("group-selected",{group:e}),t?.events&&(t.events.emit("group:selected",{group:e}),t.events.emit("group:changed",{group:e}))}getDefaultItemTemplate(){return'\n            <div class="d-flex align-items-center p-3 border-bottom">\n                <div class="flex-grow-1">\n                    <div class="fw-semibold text-dark">{{name}}</div>\n                    <small class="text-muted">#{{id}}  {{kind}}</small>\n                </div>\n            </div>\n        '}setCurrentGroup(e){this.currentGroup=e,this.displayName=e?.get?.("name")||e?.name||this.defaultText,this.mounted&&this.render()}getCurrentGroup(){return this.currentGroup}}class TopNav extends e{constructor(e={}){const t={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"};let s=t[e.theme||"light"]||t.light;e.shadow&&(s+=` topnav-shadow-${e.shadow}`),super({tagName:"nav",className:s,enableTooltips:!0,style:"position: relative; z-index: 1030;",...e}),this.displayMode=e.displayMode||"both",this.showPageIcon=!1!==e.showPageIcon,this.showPageDescription=e.showPageDescription||!1,this.showBreadcrumbs=e.showBreadcrumbs||!1,this.groupIcon=e.groupIcon||"bi-building",this.currentPage=null,this.previousPage=null,this.config={brand:e.brand||"MOJO App",brandIcon:e.brandIcon||"bi bi-play-circle",brandRoute:e.brandRoute||"/",navItems:e.navItems||[],rightItems:e.rightItems||[],showSidebarToggle:e.showSidebarToggle||!1,sidebarToggleAction:e.sidebarToggleAction||"toggle-sidebar",...e},this.userMenu=e.userMenu||this.findMenuItem("user"),this.userMenu&&(this.userMenu.id="user"),this.loginMenu=e.loginMenu||this.findMenuItem("login"),this.setupPageListeners(),this.setupGroupListeners(),this.groupSelectorButton=null,this.currentGroup=null}findMenuItem(e){let t=this.config.navItems.find(t=>t.id===e);return t||(t=this.config.rightItems.find(t=>t.id===e)),t||null}replaceMenuItem(e,t){const s=this.config.navItems.findIndex(t=>t.id===e);if(-1!==s)return this.config.navItems[s]=t,!0;const n=this.config.rightItems.findIndex(t=>t.id===e);return-1!==n&&(this.config.rightItems[n]=t,!0)}setBrand(e,t=null){this.config.brand=e,this.config.brandIcon=t||this.config.brandIcon,this.render()}setUser(e){e?(this.userMenu.label=e.get("display_name"),this._updateUserAvatar(e),this.replaceMenuItem("login",this.userMenu)):this.replaceMenuItem("user",this.loginMenu),this.setModel(e)}_onModelChange(){this.model&&(this.userMenu.label=this.model.get("display_name"),this._updateUserAvatar(this.model)),this.isMounted()&&this.render()}_updateUserAvatar(e){if(!this.userMenu||!e)return;const t=e.get("avatar");if(t){const e=t?.renditions?.square_sm?.url||t?.url||("string"==typeof t?t:null);this.userMenu.avatarUrl=e||null}else this.userMenu.avatarUrl=null}async getTemplate(){return'\n            <div class="container-fluid">\n                {{#data.showSidebarToggle}}\n                <button class="topnav-sidebar-toggle me-2" data-action="{{data.sidebarToggleAction}}" aria-label="Toggle Sidebar">\n                    <i class="bi bi-chevron-right toggle-chevron"></i>\n                </button>\n                {{/data.showSidebarToggle}}\n\n                {{#data.showGroupInfo}}\n                <div class="navbar-brand d-flex align-items-center">\n                    {{#data.groupIcon}}<i class="{{data.groupIcon}} me-2"></i>{{/data.groupIcon}}\n                    <div>\n                        <span class="topnav-group-name"\n                              role="button"\n                              tabindex="0"\n                              data-action="open-group-selector"\n                              style="cursor: pointer;">\n                            {{data.currentGroupName}}\n                        </span>\n                        {{#data.showPageTitle}}\n                        <span class="text-muted mx-2">|</span>\n                        <span>{{data.currentPageName}}</span>\n                        {{/data.showPageTitle}}\n                    </div>\n                </div>\n                {{/data.showGroupInfo}}\n\n                {{#data.showPageInfo}}\n                <div class="navbar-brand d-flex align-items-center">\n                    {{#data.currentPageIcon}}<i class="{{data.currentPageIcon}} me-2"></i>{{/data.currentPageIcon}}\n                    <div>\n                        <span>{{data.currentPageName}}</span>\n                        {{#data.currentPageDescription}}\n                        <small class="d-block" style="font-size: 0.75rem; line-height: 1;">{{data.currentPageDescription}}</small>\n                        {{/data.currentPageDescription}}\n                    </div>\n                </div>\n                {{/data.showPageInfo}}\n\n                {{#data.showBrand}}\n                <a class="navbar-brand" href="{{data.brandRoute}}">\n                    {{#data.brandIcon}}<i class="{{data.brandIcon}} me-2"></i>{{/data.brandIcon}}\n                    {{data.brand}}\n                </a>\n                {{/data.showBrand}}\n\n                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#{{data.navbarId}}">\n                    <span class="navbar-toggler-icon"></span>\n                </button>\n\n                <div class="collapse navbar-collapse" id="{{data.navbarId}}">\n                    {{#data.showNavItems}}\n                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">\n                        {{#data.navItems}}\n                        <li class="nav-item">\n                            <a class="nav-link {{#active}}active{{/active}}" href="{{route}}" {{#tooltip}}data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="{{tooltip}}"{{/tooltip}}>\n                                {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}\n                                {{text}}\n                            </a>\n                        </li>\n                        {{/data.navItems}}\n                    </ul>\n                    {{/data.showNavItems}}\n\n                    {{#data.hasRightItems}}\n                    <div class="navbar-nav ms-auto">\n                        {{#data.rightItems}}\n                        {{#isGroupSelector}}\n                        <div data-container="group-selector-{{id}}"></div>\n                        {{/isGroupSelector}}\n                        {{^isGroupSelector}}\n                        {{#isDropdown}}\n                        <div class="nav-item dropdown">\n                            <a class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">\n                                {{#avatarUrl}}<img src="{{avatarUrl}}" class="rounded-circle me-1" style="width: 24px; height: 24px; object-fit: cover;" alt="" />{{/avatarUrl}}\n                                {{^avatarUrl}}{{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}{{/avatarUrl}}\n                                {{label}}\n                            </a>\n                            <ul class="dropdown-menu dropdown-menu-end">\n                                {{#items}}\n                                {{#divider}}\n                                <li><hr class="dropdown-divider"></li>\n                                {{/divider}}\n                                {{#isHeader}}\n                                <li><h6 class="dropdown-header">{{header}}</h6></li>\n                                {{/isHeader}}\n                                {{#isHtml}}\n                                <li><span class="dropdown-item-text">{{{html}}}</span></li>\n                                {{/isHtml}}\n                                {{^divider}}{{^isHeader}}{{^isHtml}}\n                                <li>\n                                    <a class="dropdown-item" role="button" {{#action}}data-action="{{action}}"{{/action}}>\n                                        {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}\n                                        {{label}}\n                                    </a>\n                                </li>\n                                {{/isHtml}}{{/isHeader}}{{/divider}}\n                                {{/items}}\n                            </ul>\n                        </div>\n                        {{/isDropdown}}\n                        {{^isDropdown}}\n                        {{#isButton}}\n                        <button class="{{buttonClass}}" data-action="{{action}}" data-id="{{id}}" {{#tooltip}}data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="{{tooltip}}"{{/tooltip}}>\n                            {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}\n                            {{label}}\n                        </button>\n                        {{/isButton}}\n                        {{^isButton}}\n                        <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}}>\n                            {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}\n                            {{label}}\n                        </a>\n                        {{/isButton}}\n                        {{/isDropdown}}\n                        {{/isGroupSelector}}\n                        {{/data.rightItems}}\n                    </div>\n                    {{/data.hasRightItems}}\n                </div>\n            </div>\n        '}async onBeforeRender(){await super.onBeforeRender();const e=this.getApp(),t=this.currentGroup||e?.activeGroup,s="group"===this.displayMode||"group_page_titles"===this.displayMode,n="group_page_titles"===this.displayMode,i="page"===this.displayMode||"both"===this.displayMode,a=!s&&!i,o="menu"===this.displayMode||"both"===this.displayMode,r=this.filterItemsByPermissions(this.config.navItems||[]),l=this.processRightItems(this.config.rightItems||[]);this.data={brand:this.config.brand,brandIcon:this.config.brandIcon,brandRoute:this.config.brandRoute,showBrand:a,navbarId:`navbar-${this.id}`,navItems:r,showNavItems:o,rightItems:l,hasRightItems:l.length>0,showGroupInfo:s,showPageTitle:n,currentGroupName:t?.get?.("name")||t?.name||"Select Group",groupIcon:this.groupIcon,showPageInfo:i,currentPageName:this.currentPage?.title||this.currentPage?.name||"",currentPageIcon:this.currentPage?.icon||this.currentPage?.pageIcon||"",currentPageDescription:this.showPageDescription?this.currentPage?.description:"",showSidebarToggle:this.config.showSidebarToggle,sidebarToggleAction:this.config.sidebarToggleAction,displayMode:this.displayMode}}processRightItems(e){return this.filterItemsByPermissions(e).map(e=>{const t={...e};if(e.items&&(t.items=this.filterItemsByPermissions(e.items).map(e=>{const t={...e};return e.divider||(void 0!==e.header?t.isHeader=!0:void 0!==e.text&&(t.isHtml=!0,t.html=e.text)),t})),"group-selector"===e.type){t.isGroupSelector=!0,t.isDropdown=!1,t.isButton=!1;const s={containerId:`group-selector-${e.id||"default"}`};void 0!==e.Collection&&(s.Collection=e.Collection),void 0!==e.collection&&(s.collection=e.collection),void 0!==e.currentGroup&&(s.currentGroup=e.currentGroup),void 0!==e.buttonClass&&(s.buttonClass=e.buttonClass),void 0!==e.buttonIcon&&(s.buttonIcon=e.buttonIcon),void 0!==e.defaultText&&(s.defaultText=e.defaultText),void 0!==e.itemTemplate&&(s.itemTemplate=e.itemTemplate),void 0!==e.searchFields&&(s.searchFields=e.searchFields),void 0!==e.headerText&&(s.headerText=e.headerText),void 0!==e.searchPlaceholder&&(s.searchPlaceholder=e.searchPlaceholder),void 0!==e.autoSetActiveGroup&&(s.autoSetActiveGroup=e.autoSetActiveGroup),void 0!==e.onGroupSelected&&(s.onGroupSelected=e.onGroupSelected);const n=new GroupSelectorButton(s);this.groupSelectorButton=n,this.addChild(n)}else t.items&&t.items.length>0?(t.isDropdown=!0,t.isButton=!1):e.buttonClass?(t.isButton=!0,t.isDropdown=!1):(t.isButton=!1,t.isDropdown=!1);return e.handler&&(this.rightItemHandlers=this.rightItemHandlers||/* @__PURE__ */new Map,this.rightItemHandlers.set(e.id,e.handler)),t})}setupPageListeners(){this.getApp().events.on("page:show",e=>{this.onPageChanged(e)})}setupGroupListeners(){const e=this.getApp();e?.events&&e.events.on(["group:changed","group:loaded"],e=>{e?.group&&(this.currentGroup=e.group),"group"!==this.displayMode&&"group_page_titles"!==this.displayMode||this.mounted&&this.render()})}onPageBeforeChange(e){"page"===this.displayMode||this.displayMode}onPageChanged(e){this.previousPage=this.currentPage,this.currentPage=e.page,"page"!==this.displayMode&&"both"!==this.displayMode||this.updatePageDisplay(),"menu"!==this.displayMode&&"both"!==this.displayMode||this.currentPage&&this.currentPage.route&&this.updateActiveItem(this.currentPage.route)}updatePageDisplay(){this.currentPage&&this.mounted&&this.render()}updateActiveItem(e){const t=e=>e?e.startsWith("/")?e:`/${e}`:"/",s=t(e),n=this.data.navItems.map(e=>{const n=t(e.route);let i=!1;return"/"===n&&"/"===s?i=!0:"/"!==n&&"/"!==s&&(i=s.startsWith(n)||s===n),{...e,active:i}});this.updateData({navItems:n},!0)}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"})}async onActionOpenGroupSelector(e){if(this.groupSelectorButton)return await this.groupSelectorButton.onActionShowSelector(e),!0;const{GroupList:t}=await import("./User-DSqcOwPL.js").then(e=>e.j),s=new GroupSelectorButton({Collection:t,currentGroup:this.getApp()?.activeGroup});return await s.onActionShowSelector(e),!0}async handleAction(e,t,s){const n=s.getAttribute("data-id");if(n&&this.rightItemHandlers&&this.rightItemHandlers.has(n)){const i=this.rightItemHandlers.get(n);if("function"==typeof i)return await i.call(this,e,t,s)}const i=`onAction${e.charAt(0).toUpperCase()+e.slice(1).replace(/-([a-z])/g,e=>e[1].toUpperCase())}`;if("function"==typeof this[i])return await this[i](t,s);this.emit("action",{action:e,event:t,element:s,topnav:this})}async onActionDefault(e,t,s){if(this.config.navItems)for(const n of this.config.navItems)if(n.action===e&&n.handler)return await n.handler.call(this,e,t,s),!0;if(this.config.rightItems)for(const n of this.config.rightItems){if(n.action===e&&n.handler)return await n.handler.call(this,e,t,s),!0;if(n.items)for(const i of n.items)if(i.action===e&&i.handler)return await i.handler.call(this,e,t,s),!0}return this.getApp().events.emit("portal:action",{action:e,event:t,el:s}),!1}filterItemsByPermissions(e){if(!e)return[];const t=this.getApp(),s=t?.activeUser;return e.filter(e=>!e.permissions||!s||s.hasPermission(e.permissions))}}class Token{constructor(e){this.token=e,this.payload=null,this.uid=null,this.email=null,this.name=null,this.exp=null,this.iat=null,this.isValidToken=!1,this._decode()}_decode(){if(this.token&&"string"==typeof this.token)try{const e=this.token.split(".");if(3!==e.length)return;let t=e[1].replace(/-/g,"+").replace(/_/g,"/");const s=4-t.length%4;4!==s&&(t+="=".repeat(s));const n=atob(t);this.payload=JSON.parse(n),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(1e3*this.payload.exp):null,this.iat=this.payload.iat?new Date(1e3*this.payload.iat):null,this.isValidToken=this._checkValidity()}catch(e){this.payload=null}}_checkValidity(){return!(!this.token||!this.payload)&&(!this.payload.exp||Math.floor(Date.now()/1e3)<this.payload.exp)}decode(){return this.payload}getUserId(){return this.uid}isValid(){return this.isValidToken}isExpiringSoon(e=5){if(!this.payload?.exp)return!1;const t=Math.floor(Date.now()/1e3),s=60*e;return this.payload.exp-t<=s}isExpired(){return!!this.payload?.exp&&Math.floor(Date.now()/1e3)>=this.payload.exp}getAgeMinutes(){if(!this.payload?.iat)return null;const e=Math.floor(Date.now()/1e3)-this.payload.iat;return Math.floor(e/60)}getAuthHeader(){return this.token?`Bearer ${this.token}`:null}getUserInfo(){return this.payload?{uid:this.uid,email:this.email,name:this.name,exp:this.exp,iat:this.iat}:null}}class TokenManager{constructor(){this.tokenKey="access_token",this.refreshTokenKey="refresh_token",this.tokenInstance=null}setTokens(e,t=null,s=!0){const n=s?localStorage:sessionStorage;this.tokenInstance=new Token(e),e&&n.setItem(this.tokenKey,e),t&&n.setItem(this.refreshTokenKey,t)}getToken(){return localStorage.getItem(this.tokenKey)||sessionStorage.getItem(this.tokenKey)}getRefreshToken(){return localStorage.getItem(this.refreshTokenKey)||sessionStorage.getItem(this.refreshTokenKey)}clearTokens(){localStorage.removeItem(this.tokenKey),localStorage.removeItem(this.refreshTokenKey),sessionStorage.removeItem(this.tokenKey),sessionStorage.removeItem(this.refreshTokenKey)}getTokenInstance(){const e=this.getToken();return e?(this.tokenInstance&&this.tokenInstance.token===e||(this.tokenInstance=new Token(e)),this.tokenInstance):(this.tokenInstance=null,null)}getRefreshTokenInstance(){const e=this.getRefreshToken();return e?(this._refreshTokenInstance&&this._refreshTokenInstance.token===e||(this._refreshTokenInstance=new Token(e)),this._refreshTokenInstance):(this._refreshTokenInstance=null,null)}decode(e=null){const t=e||this.getToken();return new Token(t).decode()}getUserId(){const e=this.getTokenInstance();return e?e.getUserId():null}isValid(){const e=this.getTokenInstance();return!!e&&e.isValid()}isExpiringSoon(e=5){const t=this.getTokenInstance();return!!t&&t.isExpiringSoon(e)}getAuthHeader(){const e=this.getTokenInstance();return e?e.getAuthHeader():null}getUserInfo(){const e=this.getTokenInstance();return e?e.getUserInfo():null}checkTokenStatus(){const e=this.getTokenInstance(),t=this.getRefreshTokenInstance();return e&&e.isValid()&&!e.isExpired()?e.isExpiringSoon(10)||e.getAgeMinutes()&&e.getAgeMinutes()>60?t&&t.isValid()&&!t.isExpired()?{action:"refresh",reason:"Access token expiring soon or aged"}:{action:"none",reason:"Access token expiring but refresh token invalid"}:{action:"none",reason:"All tokens valid and not expiring soon"}:t&&t.isValid()&&!t.isExpired()?{action:"refresh",reason:"Access token invalid/expired but refresh token valid"}:{action:"logout",reason:"Both access and refresh tokens are invalid/expired"}}async checkAndRefreshTokens(e){switch(this.checkTokenStatus().action){case"logout":return e.events.emit("auth:unauthorized"),this.stopAutoRefresh(),!0;case"refresh":return await this.refreshToken(e),!0;default:return!1}}startAutoRefresh(e){this.stopAutoRefresh(),this._tokenWatcher=setInterval(()=>{this.checkAndRefreshTokens(e)},6e4)}stopAutoRefresh(){this._tokenWatcher&&(clearInterval(this._tokenWatcher),this._tokenWatcher=null)}async refreshToken(e){const t=this.getRefreshTokenInstance();if(!t||!t.isValid()||t.isExpired())return e.events.emit("auth:unauthorized"),void this.stopAutoRefresh();try{const s=await e.rest.POST("/api/token/refresh",{refresh_token:t.token}),{access_token:n,refresh_token:i}=s.data.data;this.tokenInstance=null,this._refreshTokenInstance=null,this.setTokens(n,i),e.rest.setAuthToken(n),e.events.emit("auth:token:refreshed",{newToken:n,newRefreshToken:i})}catch(s){401===s.status||403===s.status?(e.events.emit("auth:unauthorized"),this.stopAutoRefresh()):e.events.emit("auth:token:refresh:failed",{error:s})}}}export{SimpleSearchView as S,TokenManager as T,TopNav as a};
-//# sourceMappingURL=TokenManager-ChNOca0K.js.map
+import{V as e}from"./Rest-BJ3Mvx1L.js";import t from"./Dialog-t_9l2Mou.js";import{G as s}from"./User-BL9M_PWB.js";class ResultsView extends e{constructor(e={}){super({className:"search-results-view flex-grow-1 overflow-auto d-flex flex-column",template:'\n                <div id="results-container" class="flex-grow-1 overflow-auto">\n                {{#data.loading}}\n                    <div class="text-center p-4">\n                        <div class="spinner-border spinner-border-sm text-muted" role="status">\n                            <span class="visually-hidden">Loading...</span>\n                        </div>\n                        <div class="mt-2 small text-muted">{{data.loadingText}}</div>\n                    </div>\n                {{/data.loading}}\n\n                {{^data.loading}}\n                    {{#data.items}}\n                        <div class="simple-search-item position-relative"\n                             data-action="select-item"\n                             data-item-index="{{index}}">\n                            {{{itemContent}}}\n\n                        </div>\n                    {{/data.items}}\n\n                    {{#data.showNoResults}}\n                        <div class="text-center p-4">\n                            <i class="bi bi-search text-muted mb-2" style="font-size: 1.5rem;"></i>\n                            <div class="text-muted small">{{data.noResultsText}}</div>\n                            <button type="button"\n                                    class="btn btn-link btn-sm mt-2 p-0"\n                                    data-action="clear-search">\n                                Clear search\n                            </button>\n                        </div>\n                    {{/data.showNoResults}}\n\n                    {{#data.showEmpty}}\n                        <div class="text-center p-4">\n                            <i class="{{data.emptyIcon}} text-muted mb-2" style="font-size: 2rem;"></i>\n                            <div class="text-muted small mb-2">{{data.emptyText}}</div>\n                            {{#data.emptySubtext}}\n                            <div class="text-muted" style="font-size: 0.75rem;">\n                                {{data.emptySubtext}}\n                            </div>\n                            {{/data.emptySubtext}}\n                        </div>\n                    {{/data.showEmpty}}\n                {{/data.loading}}\n                </div>\n\n                {{#data.showResultsCount}}\n                <div class="border-top bg-light p-2 text-center">\n                    <small class="text-muted">\n                        {{data.filteredCount}} of {{data.totalCount}}\n                    </small>\n                </div>\n                {{/data.showResultsCount}}\n            ',...e}),this.parentView=e.parentView}async handleActionSelectItem(e,t){e.preventDefault();const s=parseInt(t.getAttribute("data-item-index"));this.parentView&&this.parentView.handleItemSelection(s)}async handleActionClearSearch(e,t){e.preventDefault(),this.parentView&&this.parentView.clearSearch()}async onAfterRender(){if(this.parentView&&this.parentView.maxHeight){const e=this.element.querySelector("#results-container");e&&(e.style.maxHeight=`${this.parentView.maxHeight}px`)}}}class SimpleSearchView extends e{constructor(e={}){super({className:"simple-search-view d-flex flex-column",template:'\n                <div class="p-3 border-bottom bg-light">\n                    {{#data.headerText}}\n                    <div class="d-flex justify-content-between align-items-start mb-3">\n                        <h6 class="text-muted fw-semibold mb-0">\n                            {{#data.headerIcon}}<i class="{{data.headerIcon}} me-2"></i>{{/data.headerIcon}}\n                            {{{data.headerText}}}\n                        </h6>\n                        {{#data.showExitButton}}\n                        <button class="btn btn-link p-0 text-muted simple-search-exit-btn"\n                                type="button"\n                                data-action="exit-view"\n                                title="Exit"\n                                aria-label="Exit view">\n                            <i class="bi bi-x-lg" aria-hidden="true"></i>\n                        </button>\n                        {{/data.showExitButton}}\n                    </div>\n                    {{/data.headerText}}\n                    <div class="position-relative">\n                        <input type="text"\n                               class="form-control form-control-sm pe-5"\n                               placeholder="{{data.searchPlaceholder}}"\n                               value="{{data.searchValue}}"\n                               data-filter="live-search"\n                               data-filter-debounce="{{data.debounceMs}}"\n                               data-change-action="search-items">\n                        <button class="btn btn-link p-0 position-absolute top-50 end-0 translate-middle-y me-2 text-muted simple-search-clear-btn"\n                                type="button"\n                                data-action="clear-search"\n                                title="Clear search"\n                                aria-label="Clear search">\n                            <i class="bi bi-x-circle-fill" aria-hidden="true"></i>\n                        </button>\n                    </div>\n                </div>\n\n                <div data-container="results"></div>\n\n                {{#data.showFooter}}\n                <div class="p-3 border-top bg-light">\n                    <small class="text-muted">\n                        <i class="{{data.footerIcon}} me-1"></i>\n                        {{{data.footerContent}}}\n                    </small>\n                </div>\n                {{/data.showFooter}}\n            ',...e}),this.Collection=e.Collection,this.collection=e.collection,this.itemTemplate=e.itemTemplate||this.getDefaultItemTemplate(),this.searchFields=e.searchFields||["name"],this.collectionParams={size:25,...e.collectionParams},void 0===e.headerText&&(this.headerText="Select Item"),this.headerText=e.headerText,this.headerIcon=e.headerIcon||"bi bi-list",this.searchPlaceholder=e.searchPlaceholder||"Search...",this.loadingText=e.loadingText||"Loading items...",this.noResultsText=e.noResultsText||"No items match your search",this.emptyText=e.emptyText||"No items available",this.emptySubtext=e.emptySubtext||null,this.emptyIcon=e.emptyIcon||"bi bi-inbox",this.footerContent=e.footerContent||null,this.footerIcon=e.footerIcon||"bi bi-info-circle",this.showExitButton=e.showExitButton||!1,this.searchValue="",this.filteredItems=[],this.loading=!1,this.hasSearched=!1,this.searchTimer=null,this.debounceMs=e.debounceMs||300,e.maxHeight?this.maxHeight=e.maxHeight:this.addClass("h-100"),this.resultsView=new ResultsView({parentView:this}),!this.collection&&this.Collection&&(this.collection=new this.Collection),this.addChild(this.resultsView)}onInit(){this.collection&&this.setupCollection(),this.collection&&!1!==this.options.autoLoad&&this.loadItems()}setupCollection(){Object.assign(this.collection.params,this.collectionParams),this.collection.on("fetch:success",()=>{this.loading=!1,this.updateFilteredItems()}),this.collection.on("fetch:error",()=>{this.loading=!1})}async loadItems(){if(this.collection){this.loading=!0,this.updateResultsView();try{await this.collection.fetch(),this.updateFilteredItems()}catch(e){console.error("Error loading items:",e);const t=this.getApp();t?.showError?.("Failed to load items. Please try again.")}finally{this.loading=!1,this.updateFilteredItems()}}else console.warn("SimpleSearchView: No collection provided")}updateFilteredItems(){this.collection?(this.filteredItems=this.collection.toJSON(),this.updateResultsView()):this.filteredItems=[]}getNestedValue(e,t){return t.split(".").reduce((e,t)=>e?.[t],e)}async getViewData(){return{searchValue:this.searchValue,showFooter:!!this.footerContent,showExitButton:this.showExitButton,debounceMs:this.debounceMs,headerText:this.headerText,headerIcon:this.headerIcon,searchPlaceholder:this.searchPlaceholder,footerContent:this.footerContent,footerIcon:this.footerIcon}}updateResultsView(){if(!this.resultsView)return;const e=this.collection&&this.collection.length()>0,t=this.filteredItems.length>0,s=this.searchValue.length>0,n=this.filteredItems.map((e,t)=>({...e,index:t,itemContent:this.processItemTemplate(e)}));this.resultsView.data={loading:this.loading,items:n,showEmpty:!this.loading&&!e,showNoResults:!this.loading&&e&&!t&&s,showResultsCount:!this.loading&&e,filteredCount:this.filteredItems.length,totalCount:this.collection?.restEnabled?this.collection?.meta?.count||0:this.collection?.length()||0,loadingText:this.loadingText,noResultsText:this.noResultsText,emptyText:this.emptyText,emptySubtext:this.emptySubtext,emptyIcon:this.emptyIcon},this.resultsView.render()}processItemTemplate(e){let t=this.itemTemplate;return t=t.replace(/\{\{(\w+)\}\}/g,(t,s)=>this.getNestedValue(e,s)||""),t}getDefaultItemTemplate(){return'\n            <div class="p-3 border-bottom">\n                <div class="fw-semibold text-dark">{{name}}</div>\n                <small class="text-muted">{{id}}</small>\n            </div>\n        '}async onPassThruActionSearchItems(e,t){const s=t.value||"";this.searchValue=s,this.hasSearched=!0,this.searchTimer&&clearTimeout(this.searchTimer),this.performSearch()}async performSearch(){const e={...this.collectionParams};this.searchValue&&this.searchValue.length>1&&(e.search=this.searchValue.trim()),this.collection.setParams(e,!0)}handleItemSelection(e){if(isNaN(e)||e<0||e>=this.filteredItems.length)return void console.error("Invalid item index:",e);const t=this.filteredItems[e];let s=this.collection?this.collection.get(t.id):null;if(!s){s=new this.collection.ModelClass({id:t.id});const n=this.getApp();return n.showLoading(),void s.fetch().then(()=>{n.hideLoading(),this.emit("item:selected",{item:t,model:s,index:e})})}this.emit("item:selected",{item:t,model:s,index:e})}setCollection(e){return this.collection=e,this.setupCollection(),this}setItemTemplate(e){return this.itemTemplate=e,this.updateResultsView(),this}setSearchFields(e){return this.searchFields=Array.isArray(e)?e:[e],this}async refresh(){await this.loadItems()}focusSearch(){const e=this.element?.querySelector('input[data-action="search-items"]');e&&e.focus()}async handleActionExitView(e,t){this.emit("exit",{view:this})}async handleActionClearSearch(e,t){this.clearSearch()}clearSearch(){this.searchValue="",this.hasSearched=!1;const e=this.element?.querySelector('input[data-change-action="search-items"]');e&&(e.value="",e.focus()),this.performSearch()}getItemCount(){return this.collection?this.collection.length():0}getFilteredItemCount(){return this.filteredItems.length}hasItems(){return this.getItemCount()>0}getSearchValue(){return this.searchValue}setSearchValue(e){this.searchValue=e||"",this.hasSearched=!!this.searchValue;const t=this.element?.querySelector('input[data-action="search-items"]');return t&&(t.value=this.searchValue),this.performSearch(),this}async onAfterRender(){if(await super.onAfterRender(),this.resultsView&&!this.resultsView.isMounted()){const e=this.element?.querySelector('[data-container="results"]');e&&await this.resultsView.render(!0,e)}this.updateResultsView()}async onBeforeDestroy(){this.searchTimer&&clearTimeout(this.searchTimer),this.collection&&this.collection.off("update"),await super.onBeforeDestroy()}}class GroupSelectorButton extends e{constructor(e={}){super({tagName:"div",className:"nav-item",...e});const t=this.getApp();this.Collection=e.Collection||t?.GroupCollection||s,this.collection=e.collection||new this.Collection,this.currentGroup=void 0!==e.currentGroup?e.currentGroup:t?.activeGroup,this.buttonClass=e.buttonClass||"btn btn-link nav-link",this.buttonIcon=e.buttonIcon||"bi-building",this.defaultText=e.defaultText||"Select Group",this.itemTemplate=e.itemTemplate,this.searchFields=e.searchFields||["name"],this.headerText=e.headerText||"Select Group",this.searchPlaceholder=e.searchPlaceholder||"Search groups...",this.autoSetActiveGroup=!1!==e.autoSetActiveGroup,this.onGroupSelected=e.onGroupSelected,this.dialog=null,t?.events&&t.events.on("group:changed",e=>{e.group!==this.currentGroup&&this.setCurrentGroup(e.group)})}async getTemplate(){return'\n            <button class="{{buttonClass}}" \n                    data-action="show-selector"\n                    type="button"\n                    style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">\n                <i class="{{buttonIcon}} me-1"></i>\n                <span class="group-name">{{displayName}}</span>\n            </button>\n        '}async onBeforeRender(){await super.onBeforeRender(),this.currentGroup?.get?.("name")||this.currentGroup,this.buttonClass=this.buttonClass,this.buttonIcon=this.buttonIcon,this.displayName=this.currentGroup?.get?.("name")||this.currentGroup?.name||this.defaultText}async onActionShowSelector(e){const s=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:!1});return this.dialog=new t({title:this.headerText,body:s,size:"md",scrollable:!0,noBodyPadding:!0,buttons:[],closeButton:!0}),s.on("item:selected",e=>{this.handleGroupSelection(e.model||e.item),this.dialog&&this.dialog.hide()}),this.dialog.on("hidden",()=>{this.dialog.destroy(),this.dialog=null}),await this.dialog.render(!0,document.body),this.dialog.show(),!0}handleGroupSelection(e){this.currentGroup=e,this.displayName=e?.get?.("name")||e?.name||this.defaultText,this.render();const t=this.getApp();this.autoSetActiveGroup&&t?.setActiveGroup&&t.setActiveGroup(e),this.onGroupSelected&&this.onGroupSelected({group:e}),this.emit("group-selected",{group:e}),t?.events&&(t.events.emit("group:selected",{group:e}),t.events.emit("group:changed",{group:e}))}getDefaultItemTemplate(){return'\n            <div class="d-flex align-items-center p-3 border-bottom">\n                <div class="flex-grow-1">\n                    <div class="fw-semibold text-dark">{{name}}</div>\n                    <small class="text-muted">#{{id}}  {{kind}}</small>\n                </div>\n            </div>\n        '}setCurrentGroup(e){this.currentGroup=e,this.displayName=e?.get?.("name")||e?.name||this.defaultText,this.mounted&&this.render()}getCurrentGroup(){return this.currentGroup}}class TopNav extends e{constructor(e={}){const t={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"};let s=t[e.theme||"light"]||t.light;e.shadow&&(s+=` topnav-shadow-${e.shadow}`),super({tagName:"nav",className:s,enableTooltips:!0,style:"position: relative; z-index: 1030;",...e}),this.displayMode=e.displayMode||"both",this.showPageIcon=!1!==e.showPageIcon,this.showPageDescription=e.showPageDescription||!1,this.showBreadcrumbs=e.showBreadcrumbs||!1,this.groupIcon=e.groupIcon||"bi-building",this.currentPage=null,this.previousPage=null,this.config={brand:e.brand||"MOJO App",brandIcon:e.brandIcon||"bi bi-play-circle",brandRoute:e.brandRoute||"/",navItems:e.navItems||[],rightItems:e.rightItems||[],showSidebarToggle:e.showSidebarToggle||!1,sidebarToggleAction:e.sidebarToggleAction||"toggle-sidebar",...e},this.userMenu=e.userMenu||this.findMenuItem("user"),this.userMenu&&(this.userMenu.id="user"),this.loginMenu=e.loginMenu||this.findMenuItem("login"),this.setupPageListeners(),this.setupGroupListeners(),this.groupSelectorButton=null,this.currentGroup=null}findMenuItem(e){let t=this.config.navItems.find(t=>t.id===e);return t||(t=this.config.rightItems.find(t=>t.id===e)),t||null}replaceMenuItem(e,t){const s=this.config.navItems.findIndex(t=>t.id===e);if(-1!==s)return this.config.navItems[s]=t,!0;const n=this.config.rightItems.findIndex(t=>t.id===e);return-1!==n&&(this.config.rightItems[n]=t,!0)}setBrand(e,t=null){this.config.brand=e,this.config.brandIcon=t||this.config.brandIcon,this.render()}setUser(e){e?(this.userMenu.label=e.get("display_name"),this._updateUserAvatar(e),this.replaceMenuItem("login",this.userMenu)):this.replaceMenuItem("user",this.loginMenu),this.setModel(e)}_onModelChange(){this.model&&(this.userMenu.label=this.model.get("display_name"),this._updateUserAvatar(this.model)),this.isMounted()&&this.render()}_updateUserAvatar(e){if(!this.userMenu||!e)return;const t=e.get("avatar");if(t){const e=t?.renditions?.square_sm?.url||t?.url||("string"==typeof t?t:null);this.userMenu.avatarUrl=e||null}else this.userMenu.avatarUrl=null}async getTemplate(){return'\n            <div class="container-fluid">\n                {{#data.showSidebarToggle}}\n                <button class="topnav-sidebar-toggle me-2" data-action="{{data.sidebarToggleAction}}" aria-label="Toggle Sidebar">\n                    <i class="bi bi-chevron-right toggle-chevron"></i>\n                </button>\n                {{/data.showSidebarToggle}}\n\n                {{#data.showGroupInfo}}\n                <div class="navbar-brand d-flex align-items-center">\n                    {{#data.groupIcon}}<i class="{{data.groupIcon}} me-2"></i>{{/data.groupIcon}}\n                    <div>\n                        <span class="topnav-group-name"\n                              role="button"\n                              tabindex="0"\n                              data-action="open-group-selector"\n                              style="cursor: pointer;">\n                            {{data.currentGroupName}}\n                        </span>\n                        {{#data.showPageTitle}}\n                        <span class="text-muted mx-2">|</span>\n                        <span>{{data.currentPageName}}</span>\n                        {{/data.showPageTitle}}\n                    </div>\n                </div>\n                {{/data.showGroupInfo}}\n\n                {{#data.showPageInfo}}\n                <div class="navbar-brand d-flex align-items-center">\n                    {{#data.currentPageIcon}}<i class="{{data.currentPageIcon}} me-2"></i>{{/data.currentPageIcon}}\n                    <div>\n                        <span>{{data.currentPageName}}</span>\n                        {{#data.currentPageDescription}}\n                        <small class="d-block" style="font-size: 0.75rem; line-height: 1;">{{data.currentPageDescription}}</small>\n                        {{/data.currentPageDescription}}\n                    </div>\n                </div>\n                {{/data.showPageInfo}}\n\n                {{#data.showBrand}}\n                <a class="navbar-brand" href="{{data.brandRoute}}">\n                    {{#data.brandIcon}}<i class="{{data.brandIcon}} me-2"></i>{{/data.brandIcon}}\n                    {{data.brand}}\n                </a>\n                {{/data.showBrand}}\n\n                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#{{data.navbarId}}">\n                    <span class="navbar-toggler-icon"></span>\n                </button>\n\n                <div class="collapse navbar-collapse" id="{{data.navbarId}}">\n                    {{#data.showNavItems}}\n                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">\n                        {{#data.navItems}}\n                        <li class="nav-item">\n                            <a class="nav-link {{#active}}active{{/active}}" href="{{route}}" {{#tooltip}}data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="{{tooltip}}"{{/tooltip}}>\n                                {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}\n                                {{text}}\n                            </a>\n                        </li>\n                        {{/data.navItems}}\n                    </ul>\n                    {{/data.showNavItems}}\n\n                    {{#data.hasRightItems}}\n                    <div class="navbar-nav ms-auto">\n                        {{#data.rightItems}}\n                        {{#isGroupSelector}}\n                        <div data-container="group-selector-{{id}}"></div>\n                        {{/isGroupSelector}}\n                        {{^isGroupSelector}}\n                        {{#isDropdown}}\n                        <div class="nav-item dropdown">\n                            <a class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">\n                                {{#avatarUrl}}<img src="{{avatarUrl}}" class="rounded-circle me-1" style="width: 24px; height: 24px; object-fit: cover;" alt="" />{{/avatarUrl}}\n                                {{^avatarUrl}}{{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}{{/avatarUrl}}\n                                {{label}}\n                            </a>\n                            <ul class="dropdown-menu dropdown-menu-end">\n                                {{#items}}\n                                {{#divider}}\n                                <li><hr class="dropdown-divider"></li>\n                                {{/divider}}\n                                {{#isHeader}}\n                                <li><h6 class="dropdown-header">{{header}}</h6></li>\n                                {{/isHeader}}\n                                {{#isHtml}}\n                                <li><span class="dropdown-item-text">{{{html}}}</span></li>\n                                {{/isHtml}}\n                                {{^divider}}{{^isHeader}}{{^isHtml}}\n                                <li>\n                                    <a class="dropdown-item" role="button" {{#action}}data-action="{{action}}"{{/action}}>\n                                        {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}\n                                        {{label}}\n                                    </a>\n                                </li>\n                                {{/isHtml}}{{/isHeader}}{{/divider}}\n                                {{/items}}\n                            </ul>\n                        </div>\n                        {{/isDropdown}}\n                        {{^isDropdown}}\n                        {{#isButton}}\n                        <button class="{{buttonClass}}" data-action="{{action}}" data-id="{{id}}" {{#tooltip}}data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="{{tooltip}}"{{/tooltip}}>\n                            {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}\n                            {{label}}\n                        </button>\n                        {{/isButton}}\n                        {{^isButton}}\n                        <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}}>\n                            {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}\n                            {{label}}\n                        </a>\n                        {{/isButton}}\n                        {{/isDropdown}}\n                        {{/isGroupSelector}}\n                        {{/data.rightItems}}\n                    </div>\n                    {{/data.hasRightItems}}\n                </div>\n            </div>\n        '}async onBeforeRender(){await super.onBeforeRender();const e=this.getApp(),t=this.currentGroup||e?.activeGroup,s="group"===this.displayMode||"group_page_titles"===this.displayMode,n="group_page_titles"===this.displayMode,i="page"===this.displayMode||"both"===this.displayMode,a=!s&&!i,o="menu"===this.displayMode||"both"===this.displayMode,r=this.filterItemsByPermissions(this.config.navItems||[]),l=this.processRightItems(this.config.rightItems||[]);this.data={brand:this.config.brand,brandIcon:this.config.brandIcon,brandRoute:this.config.brandRoute,showBrand:a,navbarId:`navbar-${this.id}`,navItems:r,showNavItems:o,rightItems:l,hasRightItems:l.length>0,showGroupInfo:s,showPageTitle:n,currentGroupName:t?.get?.("name")||t?.name||"Select Group",groupIcon:this.groupIcon,showPageInfo:i,currentPageName:this.currentPage?.title||this.currentPage?.name||"",currentPageIcon:this.currentPage?.icon||this.currentPage?.pageIcon||"",currentPageDescription:this.showPageDescription?this.currentPage?.description:"",showSidebarToggle:this.config.showSidebarToggle,sidebarToggleAction:this.config.sidebarToggleAction,displayMode:this.displayMode}}processRightItems(e){return this.filterItemsByPermissions(e).map(e=>{const t={...e};if(e.items&&(t.items=this.filterItemsByPermissions(e.items).map(e=>{const t={...e};return e.divider||(void 0!==e.header?t.isHeader=!0:void 0!==e.text&&(t.isHtml=!0,t.html=e.text)),t})),"group-selector"===e.type){t.isGroupSelector=!0,t.isDropdown=!1,t.isButton=!1;const s={containerId:`group-selector-${e.id||"default"}`};void 0!==e.Collection&&(s.Collection=e.Collection),void 0!==e.collection&&(s.collection=e.collection),void 0!==e.currentGroup&&(s.currentGroup=e.currentGroup),void 0!==e.buttonClass&&(s.buttonClass=e.buttonClass),void 0!==e.buttonIcon&&(s.buttonIcon=e.buttonIcon),void 0!==e.defaultText&&(s.defaultText=e.defaultText),void 0!==e.itemTemplate&&(s.itemTemplate=e.itemTemplate),void 0!==e.searchFields&&(s.searchFields=e.searchFields),void 0!==e.headerText&&(s.headerText=e.headerText),void 0!==e.searchPlaceholder&&(s.searchPlaceholder=e.searchPlaceholder),void 0!==e.autoSetActiveGroup&&(s.autoSetActiveGroup=e.autoSetActiveGroup),void 0!==e.onGroupSelected&&(s.onGroupSelected=e.onGroupSelected);const n=new GroupSelectorButton(s);this.groupSelectorButton=n,this.addChild(n)}else t.items&&t.items.length>0?(t.isDropdown=!0,t.isButton=!1):e.buttonClass?(t.isButton=!0,t.isDropdown=!1):(t.isButton=!1,t.isDropdown=!1);return e.handler&&(this.rightItemHandlers=this.rightItemHandlers||/* @__PURE__ */new Map,this.rightItemHandlers.set(e.id,e.handler)),t})}setupPageListeners(){this.getApp().events.on("page:show",e=>{this.onPageChanged(e)})}setupGroupListeners(){const e=this.getApp();e?.events&&e.events.on(["group:changed","group:loaded"],e=>{e?.group&&(this.currentGroup=e.group),"group"!==this.displayMode&&"group_page_titles"!==this.displayMode||this.mounted&&this.render()})}onPageBeforeChange(e){"page"===this.displayMode||this.displayMode}onPageChanged(e){this.previousPage=this.currentPage,this.currentPage=e.page,"page"!==this.displayMode&&"both"!==this.displayMode||this.updatePageDisplay(),"menu"!==this.displayMode&&"both"!==this.displayMode||this.currentPage&&this.currentPage.route&&this.updateActiveItem(this.currentPage.route)}updatePageDisplay(){this.currentPage&&this.mounted&&this.render()}updateActiveItem(e){const t=e=>e?e.startsWith("/")?e:`/${e}`:"/",s=t(e),n=this.data.navItems.map(e=>{const n=t(e.route);let i=!1;return"/"===n&&"/"===s?i=!0:"/"!==n&&"/"!==s&&(i=s.startsWith(n)||s===n),{...e,active:i}});this.updateData({navItems:n},!0)}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"})}async onActionOpenGroupSelector(e){if(this.groupSelectorButton)return await this.groupSelectorButton.onActionShowSelector(e),!0;const{GroupList:t}=await import("./User-BL9M_PWB.js").then(e=>e.j),s=new GroupSelectorButton({Collection:t,currentGroup:this.getApp()?.activeGroup});return await s.onActionShowSelector(e),!0}async handleAction(e,t,s){const n=s.getAttribute("data-id");if(n&&this.rightItemHandlers&&this.rightItemHandlers.has(n)){const i=this.rightItemHandlers.get(n);if("function"==typeof i)return await i.call(this,e,t,s)}const i=`onAction${e.charAt(0).toUpperCase()+e.slice(1).replace(/-([a-z])/g,e=>e[1].toUpperCase())}`;if("function"==typeof this[i])return await this[i](t,s);this.emit("action",{action:e,event:t,element:s,topnav:this})}async onActionDefault(e,t,s){if(this.config.navItems)for(const n of this.config.navItems)if(n.action===e&&n.handler)return await n.handler.call(this,e,t,s),!0;if(this.config.rightItems)for(const n of this.config.rightItems){if(n.action===e&&n.handler)return await n.handler.call(this,e,t,s),!0;if(n.items)for(const i of n.items)if(i.action===e&&i.handler)return await i.handler.call(this,e,t,s),!0}return this.getApp().events.emit("portal:action",{action:e,event:t,el:s}),!1}filterItemsByPermissions(e){if(!e)return[];const t=this.getApp(),s=t?.activeUser;return e.filter(e=>!e.permissions||!s||s.hasPermission(e.permissions))}}class Token{constructor(e){this.token=e,this.payload=null,this.uid=null,this.email=null,this.name=null,this.exp=null,this.iat=null,this.isValidToken=!1,this._decode()}_decode(){if(this.token&&"string"==typeof this.token)try{const e=this.token.split(".");if(3!==e.length)return;let t=e[1].replace(/-/g,"+").replace(/_/g,"/");const s=4-t.length%4;4!==s&&(t+="=".repeat(s));const n=atob(t);this.payload=JSON.parse(n),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(1e3*this.payload.exp):null,this.iat=this.payload.iat?new Date(1e3*this.payload.iat):null,this.isValidToken=this._checkValidity()}catch(e){this.payload=null}}_checkValidity(){return!(!this.token||!this.payload)&&(!this.payload.exp||Math.floor(Date.now()/1e3)<this.payload.exp)}decode(){return this.payload}getUserId(){return this.uid}isValid(){return this.isValidToken}isExpiringSoon(e=5){if(!this.payload?.exp)return!1;const t=Math.floor(Date.now()/1e3),s=60*e;return this.payload.exp-t<=s}isExpired(){return!!this.payload?.exp&&Math.floor(Date.now()/1e3)>=this.payload.exp}getAgeMinutes(){if(!this.payload?.iat)return null;const e=Math.floor(Date.now()/1e3)-this.payload.iat;return Math.floor(e/60)}getAuthHeader(){return this.token?`Bearer ${this.token}`:null}getUserInfo(){return this.payload?{uid:this.uid,email:this.email,name:this.name,exp:this.exp,iat:this.iat}:null}}class TokenManager{constructor(){this.tokenKey="access_token",this.refreshTokenKey="refresh_token",this.tokenInstance=null}setTokens(e,t=null,s=!0){const n=s?localStorage:sessionStorage;this.tokenInstance=new Token(e),e&&n.setItem(this.tokenKey,e),t&&n.setItem(this.refreshTokenKey,t)}getToken(){return localStorage.getItem(this.tokenKey)||sessionStorage.getItem(this.tokenKey)}getRefreshToken(){return localStorage.getItem(this.refreshTokenKey)||sessionStorage.getItem(this.refreshTokenKey)}clearTokens(){localStorage.removeItem(this.tokenKey),localStorage.removeItem(this.refreshTokenKey),sessionStorage.removeItem(this.tokenKey),sessionStorage.removeItem(this.refreshTokenKey)}getTokenInstance(){const e=this.getToken();return e?(this.tokenInstance&&this.tokenInstance.token===e||(this.tokenInstance=new Token(e)),this.tokenInstance):(this.tokenInstance=null,null)}getRefreshTokenInstance(){const e=this.getRefreshToken();return e?(this._refreshTokenInstance&&this._refreshTokenInstance.token===e||(this._refreshTokenInstance=new Token(e)),this._refreshTokenInstance):(this._refreshTokenInstance=null,null)}decode(e=null){const t=e||this.getToken();return new Token(t).decode()}getUserId(){const e=this.getTokenInstance();return e?e.getUserId():null}isValid(){const e=this.getTokenInstance();return!!e&&e.isValid()}isExpiringSoon(e=5){const t=this.getTokenInstance();return!!t&&t.isExpiringSoon(e)}getAuthHeader(){const e=this.getTokenInstance();return e?e.getAuthHeader():null}getUserInfo(){const e=this.getTokenInstance();return e?e.getUserInfo():null}checkTokenStatus(){const e=this.getTokenInstance(),t=this.getRefreshTokenInstance();return e&&e.isValid()&&!e.isExpired()?e.isExpiringSoon(10)||e.getAgeMinutes()&&e.getAgeMinutes()>60?t&&t.isValid()&&!t.isExpired()?{action:"refresh",reason:"Access token expiring soon or aged"}:{action:"none",reason:"Access token expiring but refresh token invalid"}:{action:"none",reason:"All tokens valid and not expiring soon"}:t&&t.isValid()&&!t.isExpired()?{action:"refresh",reason:"Access token invalid/expired but refresh token valid"}:{action:"logout",reason:"Both access and refresh tokens are invalid/expired"}}async checkAndRefreshTokens(e){switch(this.checkTokenStatus().action){case"logout":return e.events.emit("auth:unauthorized"),this.stopAutoRefresh(),!0;case"refresh":return await this.refreshToken(e),!0;default:return!1}}startAutoRefresh(e){this.stopAutoRefresh(),this._tokenWatcher=setInterval(()=>{this.checkAndRefreshTokens(e)},6e4)}stopAutoRefresh(){this._tokenWatcher&&(clearInterval(this._tokenWatcher),this._tokenWatcher=null)}async refreshToken(e){const t=this.getRefreshTokenInstance();if(!t||!t.isValid()||t.isExpired())return e.events.emit("auth:unauthorized"),void this.stopAutoRefresh();try{const s=await e.rest.POST("/api/token/refresh",{refresh_token:t.token}),{access_token:n,refresh_token:i}=s.data.data;this.tokenInstance=null,this._refreshTokenInstance=null,this.setTokens(n,i),e.rest.setAuthToken(n),e.events.emit("auth:token:refreshed",{newToken:n,newRefreshToken:i})}catch(s){401===s.status||403===s.status?(e.events.emit("auth:unauthorized"),this.stopAutoRefresh()):e.events.emit("auth:token:refresh:failed",{error:s})}}}export{SimpleSearchView as S,TokenManager as T,TopNav as a};
+//# sourceMappingURL=TokenManager-ien2XzwO.js.map