web-mojo 2.2.69 → 2.2.70

package/dist/chunks/ContextMenu-BFxliZ03.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("./Collection-BUv4E9op.js");class Page extends e.View{constructor(e={}){e.tagName=e.tagName||"main",e.className=e.className||"mojo-page";const t=e.pageName||"";t&&!e.id&&(e.id="page_"+t.toLowerCase().replace(/\s+/g,"_")),super(e),this.pageName=e.pageName||this.constructor.pageName||"",this.route=e.route||this.constructor.route||"",this.title=e.title||this.pageName||"",this.id||!this.constructor.pageName||e.pageName||(this.id="page_"+this.constructor.pageName.toLowerCase().replace(/\s+/g,"_")),this.pageIcon=e.icon||e.pageIcon||this.constructor.pageIcon||"bi bi-file-text",this.displayName=e.displayName||this.constructor.displayName||this.pageName||"",this.pageDescription=e.pageDescription||this.constructor.pageDescription||"",this.params={},this.query={},this.matched=!1,this.isActive=!1,this.pageOptions={title:e.title||this.pageName||"Untitled Page",description:e.description||"",requiresAuth:e.requiresAuth||!1,...e.pageOptions},this.savedState=null,this.pageName,this.route}async onParams(e={},t={}){this.params=e,this.query=t}canEnter(){if(this.options.permissions){const e=this.getApp().activeUser;if(!e||!e.hasPermission(this.options.permissions))return!1}return!(this.options.requiresGroup&&!this.getApp().activeGroup)}async onEnter(){this.isActive=!0,await this.onInitView(),this.savedState&&(this.restoreState(this.savedState),this.savedState=null),this.pageOptions&&this.pageOptions.title&&"undefined"!=typeof document&&(document.title=this.pageOptions.title),this.emit("activated",{page:this.getMetadata()}),this.pageName}async onExit(){this.savedState=this.captureState(),this.isActive=!1,this.emit("deactivated",{page:this.getMetadata()}),this.pageName}async onGroupChange(e){}getMetadata(){return{name:this.pageName,displayName:this.displayName||this.pageName,icon:this.pageIcon,description:this.pageDescription,route:this.route,isActive:this.isActive}}async onActionDefault(e){this.pageName}async makeActive(){this.getApp().showPage(this)}async onActionNavigate(e,t){e.preventDefault();const s=t.dataset.page;this.getApp().showPage(s)}captureState(){return this.element?{scrollTop:this.element.scrollTop,formData:this.captureFormData(),custom:this.captureCustomState()}:null}restoreState(e){e&&this.element&&(this.element.scrollTop=e.scrollTop||0,this.restoreFormData(e.formData),e.custom&&this.restoreCustomState(e.custom))}captureFormData(){const e={};return this.element?(this.element.querySelectorAll("input, select, textarea").forEach(t=>{t.name&&("checkbox"===t.type?e[t.name]=t.checked:"radio"===t.type?t.checked&&(e[t.name]=t.value):e[t.name]=t.value)}),e):e}restoreFormData(e){e&&this.element&&Object.entries(e).forEach(([e,t])=>{const s=this.element.querySelector(`[name="${e}"]`);if(s)if("checkbox"===s.type)s.checked=t;else if("radio"===s.type){const s=this.element.querySelector(`[name="${e}"][value="${t}"]`);s&&(s.checked=!0)}else s.value=t})}captureCustomState(){return{}}restoreCustomState(e){}setMeta(e={}){if("undefined"!=typeof document){if(e.title&&(document.title=e.title,this.pageOptions.title=e.title),e.description){let t=document.querySelector('meta[name="description"]');t||(t=document.createElement("meta"),t.name="description",document.head.appendChild(t)),t.content=e.description,this.pageOptions.description=e.description}Object.entries(e).forEach(([e,t])=>{if("title"!==e&&"description"!==e){let s=document.querySelector(`meta[name="${e}"]`);s||(s=document.createElement("meta"),s.name=e,document.head.appendChild(s)),s.content=t}})}}showError(e){if(super.showError(e),this.element){const t=document.createElement("div");t.className="alert alert-danger alert-dismissible fade show",t.innerHTML=`\n        ${e}\n        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>\n      `,this.element.insertBefore(t,this.element.firstChild),setTimeout(()=>{t.parentNode&&t.parentNode.removeChild(t)},5e3)}}showSuccess(e){if(super.showSuccess(e),this.element){const t=document.createElement("div");t.className="alert alert-success alert-dismissible fade show",t.innerHTML=`\n        ${e}\n        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>\n      `,this.element.insertBefore(t,this.element.firstChild),setTimeout(()=>{t.parentNode&&t.parentNode.removeChild(t)},3e3)}}async onBeforeRender(){await super.onBeforeRender(),this.setMeta({title:this.pageOptions.title,description:this.pageOptions.description})}async onAfterMount(){await super.onAfterMount(),"undefined"!=typeof document&&this.pageName&&document.body.classList.add(`page-${this.pageName.toLowerCase().replace(/\s+/g,"-")}`)}async onBeforeDestroy(){await super.onBeforeDestroy(),"undefined"!=typeof document&&this.pageName&&document.body.classList.remove(`page-${this.pageName.toLowerCase().replace(/\s+/g,"-")}`)}navigate(e,t={},s={}){return this.app&&this.app.router?this.app.router.navigate(e,s):"undefined"!=typeof window&&window.MOJO?.router?window.MOJO.router.navigate(e,s):void console.error("No router available for navigation")}getRoute(){if(this.route){let e=this.route;return"string"==typeof e&&e.startsWith("/")&&(e=e.substring(1)),e}return this.pageName}syncUrl(e=!0){this.updateBrowserUrl(this.query,!1,!1)}updateBrowserUrl(e=null,t=!1,s=!1){this.getApp(),this.app.router.updateBrowserUrl(this.getRoute(),e,t,s)}static define(e){class DefinedPage extends Page{constructor(t={}){super({...e,...t})}}return DefinedPage.template=e.template,DefinedPage.pageName=e.pageName,DefinedPage.route=e.route,DefinedPage}}class ContextMenu extends e.View{constructor(e={}){super({tagName:"div",className:"context-menu-view dropdown",...e}),this.config=e.contextMenu||e.config||{},this.context=e.context||{}}async renderTemplate(){const e=this.config.items||[];if(0===e.length)return"";const t=this.config.icon||"bi-three-dots-horizontal",s=this.config.buttonClass||"btn btn-link text-secondary ps-3 pe-0 pt-0 pb-1",i=`context-menu-${this.id}`;return`\n            <button class="${s}" type="button" id="${i}" data-bs-toggle="dropdown" aria-expanded="false">\n                <i class="${t}"></i>\n            </button>\n            <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="${i}">\n                ${e.map(e=>this.buildMenuItemHTML(e)).join("")}\n            </ul>\n        `}buildMenuItemHTML(e){if("divider"===e.type||e.separator)return'<li><hr class="dropdown-divider"></li>';const t=e.icon?`<i class="${e.icon} me-2"></i>`:"",s=e.label||"",i=`dropdown-item ${e.danger?"text-danger":""} ${e.disabled?"disabled":""}`,a=e.action||"";return e.href?`<li><a class="${i}" href="${e.href}" target="${e.target||"_self"}">${t}${s}</a></li>`:`<li><a class="${i}" href="#" data-action="menu-item-click" data-item-action="${a}">${t}${s}</a></li>`}async onActionMenuItemClick(e,t){e.preventDefault();const s=t.getAttribute("data-item-action");if(!s)return;const i=this.config.items.find(e=>e.action===s);i&&!i.disabled&&("function"==typeof i.handler?i.handler(this.context,e,t):this.parent.events.dispatch(s,e,t),this.closeDropdown())}closeDropdown(){const e=this.element.querySelector('[data-bs-toggle="dropdown"]');if(e){const t=window.bootstrap?.Dropdown.getInstance(e);t?.hide()}}}exports.ContextMenu=ContextMenu,exports.Page=Page;
+//# sourceMappingURL=ContextMenu-BFxliZ03.js.map

package/dist/chunks/{ContextMenu-8vTiZZQV.js.map → ContextMenu-BFxliZ03.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu-8vTiZZQV.js","sources":["../../src/core/Page.js","../../src/core/views/feedback/ContextMenu.js"],"sourcesContent":["/**\n * Page - Extends View with routing capabilities for MOJO framework\n * Handles URL routing, parameters, and page-specific actions\n *\n * Event Emitter notes:\n *   - Uses EventEmitter via View base class.\n *   - Use .emit/.on/.off/.once for all custom events.\n */\n\nimport View from '@core/View.js';\n\nclass Page extends View {\n  constructor(options = {}) {\n    // Set default tag name for pages\n    options.tagName = options.tagName || 'main';\n    options.className = options.className || 'mojo-page';\n\n    // Set page ID based on page name\n    const pageName = options.pageName || '';\n    if (pageName && !options.id) {\n      options.id = 'page_' + pageName.toLowerCase().replace(/\\s+/g, '_');\n    }\n\n    super(options);\n\n    // Core page properties from design doc\n    this.pageName = options.pageName || this.constructor.pageName || '';\n    this.route = options.route || this.constructor.route || '';\n    this.title = options.title || this.pageName || '';\n\n    // Set page ID if not already set and we have a page_name from constructor\n    if (!this.id && this.constructor.pageName && !options.pageName) {\n      this.id = 'page_' + this.constructor.pageName.toLowerCase().replace(/\\s+/g, '_');\n    }\n\n    // Page metadata for event system\n    this.pageIcon = options.icon || options.pageIcon || this.constructor.pageIcon || 'bi bi-file-text';\n    this.displayName = options.displayName || this.constructor.displayName || this.pageName || '';\n    this.pageDescription = options.pageDescription || this.constructor.pageDescription || '';\n\n    // Routing state\n    this.params = {};\n    this.query = {};\n    this.matched = false;\n    this.isActive = false;\n\n    // Page-specific options\n    this.pageOptions = {\n      title: options.title || this.pageName || 'Untitled Page',\n      description: options.description || '',\n      requiresAuth: options.requiresAuth || false,\n      ...options.pageOptions\n    };\n\n    // State preservation\n    this.savedState = null;\n\n    console.log(`Page ${this.pageName} constructed with route: ${this.route}`);\n  }\n\n  /**\n   * Handle route parameters - from design doc\n   * @param {object} params - Route parameters\n   * @param {object} query - Query string parameters\n   */\n  async onParams(params = {}, query = {}) {\n    // const paramsChanged = JSON.stringify(params) !== JSON.stringify(this.params);\n    // const queryChanged = JSON.stringify(query) !== JSON.stringify(this.query);\n\n    this.params = params;\n    this.query = query;\n\n    // Only re-render if params actually changed and page is active\n    // if (this.isActive && (paramsChanged || queryChanged)) {\n    //   console.log(`Page ${this.pageName} params changed, re-rendering`);\n    //   await this.render();\n    // }\n  }\n\n  canEnter() {\n    if (this.options.permissions) {\n      const user = this.getApp().activeUser;\n      if (!user || !user.hasPermission(this.options.permissions)) {\n        return false;\n      }\n    }\n    if (this.options.requiresGroup && !this.getApp().activeGroup) {\n      return false;\n    }\n    return true;\n  }\n\n  /**\n   * Called when entering this page (before render)\n   * Override this method for initialization logic\n   */\n  async onEnter() {\n    this.isActive = true;\n    await this.onInitView();\n\n    // Restore saved state if exists\n    if (this.savedState) {\n      this.restoreState(this.savedState);\n      this.savedState = null;\n    }\n\n    // Set page title if provided\n    if (this.pageOptions && this.pageOptions.title && typeof document !== 'undefined') {\n      document.title = this.pageOptions.title;\n    }\n\n    // Emit activation event\n    this.emit('activated', {\n      page: this.getMetadata()\n    });\n\n    console.log(`Page ${this.pageName} entered`);\n  }\n\n  /**\n   * Called when leaving this page (before cleanup)\n   * Override this method for cleanup logic like removing listeners, clearing timers, etc.\n   */\n  async onExit() {\n    // Save state before exit\n    this.savedState = this.captureState();\n    this.isActive = false;\n\n    // Emit deactivation event\n    this.emit('deactivated', {\n      page: this.getMetadata()\n    });\n    console.log(`Page ${this.pageName} exiting`);\n  }\n\n  /**\n   * Called by PortalApp.setActiveGroup() whenever the user switches to a different group.\n   *\n   * Override this on any page that displays group-scoped data so the page\n   * stays in sync when the active group changes.  Always call super first.\n   *\n   * This is an MVC framework — your override should tell your Models and\n   * Collections to re-fetch for the new group, then call this.render().\n   * There is no framework-provided loadData() method; organise your own\n   * fetch logic however you like.\n   *\n   * @param {Model} group - The newly active Group model.\n   *                        this.getApp().activeGroup is already set to this value.\n   *\n   * @example\n   * async onGroupChange(group) {\n   *   await super.onGroupChange(group);\n   *   if (!group) return;\n   *   await this.myCollection.fetch({ group_id: group.id });\n   *   await this.render();\n   * }\n   */\n  async onGroupChange(group) {\n    // Empty stub — override in subclasses that display group-scoped data.\n  }\n\n  /**\n   * Get page metadata for display and events\n   * @returns {object} Page metadata\n   */\n  getMetadata() {\n    return {\n      name: this.pageName,\n      displayName: this.displayName || this.pageName,\n      icon: this.pageIcon,\n      description: this.pageDescription,\n      route: this.route,\n      isActive: this.isActive\n    };\n  }\n\n  /**\n   * Handle default action - fallback from design doc\n   */\n  async onActionDefault(action) {\n    console.log(`Default action '${action}' triggered on page: ${this.pageName}`);\n  }\n\n  async makeActive() {\n      this.getApp().showPage(this);\n  }\n\n  async onActionNavigate(event, element) {\n      event.preventDefault();\n      const page = element.dataset.page;\n      this.getApp().showPage(page);\n  }\n\n  /**\n   * Capture current page state for preservation\n   * @returns {object|null} Captured state\n   */\n  captureState() {\n    if (!this.element) return null;\n\n    return {\n      scrollTop: this.element.scrollTop,\n      formData: this.captureFormData(),\n      custom: this.captureCustomState()\n    };\n  }\n\n  /**\n   * Restore saved state\n   * @param {object} state - State to restore\n   */\n  restoreState(state) {\n    if (!state || !this.element) return;\n\n    this.element.scrollTop = state.scrollTop || 0;\n    this.restoreFormData(state.formData);\n    if (state.custom) {\n      this.restoreCustomState(state.custom);\n    }\n  }\n\n  /**\n   * Capture form data from page\n   * @returns {object} Form data\n   */\n  captureFormData() {\n    const data = {};\n    if (!this.element) return data;\n\n    this.element.querySelectorAll('input, select, textarea').forEach(field => {\n      if (field.name) {\n        if (field.type === 'checkbox') {\n          data[field.name] = field.checked;\n        } else if (field.type === 'radio') {\n          if (field.checked) {\n            data[field.name] = field.value;\n          }\n        } else {\n          data[field.name] = field.value;\n        }\n      }\n    });\n\n    return data;\n  }\n\n  /**\n   * Restore form data to page\n   * @param {object} formData - Form data to restore\n   */\n  restoreFormData(formData) {\n    if (!formData || !this.element) return;\n\n    Object.entries(formData).forEach(([name, value]) => {\n      const field = this.element.querySelector(`[name=\"${name}\"]`);\n      if (field) {\n        if (field.type === 'checkbox') {\n          field.checked = value;\n        } else if (field.type === 'radio') {\n          const radio = this.element.querySelector(`[name=\"${name}\"][value=\"${value}\"]`);\n          if (radio) radio.checked = true;\n        } else {\n          field.value = value;\n        }\n      }\n    });\n  }\n\n  /**\n   * Capture custom state - override in subclasses\n   * @returns {object} Custom state\n   */\n  captureCustomState() {\n    return {};\n  }\n\n  /**\n   * Restore custom state - override in subclasses\n   * @param {object} state - Custom state to restore\n   */\n  restoreCustomState(state) {\n    // Override in subclasses\n  }\n\n\n\n  /**\n   * Set page metadata\n   * @param {object} meta - Metadata object\n   */\n  setMeta(meta = {}) {\n    if (typeof document === 'undefined') {\n      return;\n    }\n\n    // Set title\n    if (meta.title) {\n      document.title = meta.title;\n      this.pageOptions.title = meta.title;\n    }\n\n    // Set description\n    if (meta.description) {\n      let descMeta = document.querySelector('meta[name=\"description\"]');\n      if (!descMeta) {\n        descMeta = document.createElement('meta');\n        descMeta.name = 'description';\n        document.head.appendChild(descMeta);\n      }\n      descMeta.content = meta.description;\n      this.pageOptions.description = meta.description;\n    }\n\n    // Set other meta tags\n    Object.entries(meta).forEach(([key, value]) => {\n      if (key !== 'title' && key !== 'description') {\n        let metaEl = document.querySelector(`meta[name=\"${key}\"]`);\n        if (!metaEl) {\n          metaEl = document.createElement('meta');\n          metaEl.name = key;\n          document.head.appendChild(metaEl);\n        }\n        metaEl.content = value;\n      }\n    });\n  }\n\n\n  /**\n   * Show error message with page context\n   * @param {string} message - Error message\n   */\n  showError(message) {\n    super.showError(message);\n\n    // Page-specific error display can be implemented here\n    if (this.element) {\n      // Example: Add error to page\n      const errorDiv = document.createElement('div');\n      errorDiv.className = 'alert alert-danger alert-dismissible fade show';\n      errorDiv.innerHTML = `\n        ${message}\n        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>\n      `;\n\n      // Insert at top of page\n      this.element.insertBefore(errorDiv, this.element.firstChild);\n\n      // Auto-remove after 5 seconds\n      setTimeout(() => {\n        if (errorDiv.parentNode) {\n          errorDiv.parentNode.removeChild(errorDiv);\n        }\n      }, 5000);\n    }\n  }\n\n  /**\n   * Show success message with page context\n   * @param {string} message - Success message\n   */\n  showSuccess(message) {\n    super.showSuccess(message);\n\n    // Page-specific success display\n    if (this.element) {\n      const successDiv = document.createElement('div');\n      successDiv.className = 'alert alert-success alert-dismissible fade show';\n      successDiv.innerHTML = `\n        ${message}\n        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>\n      `;\n\n      // Insert at top of page\n      this.element.insertBefore(successDiv, this.element.firstChild);\n\n      // Auto-remove after 3 seconds\n      setTimeout(() => {\n        if (successDiv.parentNode) {\n          successDiv.parentNode.removeChild(successDiv);\n        }\n      }, 3000);\n    }\n  }\n\n  /**\n   * Page-specific before render hook\n   */\n  async onBeforeRender() {\n    await super.onBeforeRender();\n\n    // Set page metadata before rendering\n    this.setMeta({\n      title: this.pageOptions.title,\n      description: this.pageOptions.description\n    });\n  }\n\n  /**\n   * Page-specific after mount hook\n   */\n  async onAfterMount() {\n    await super.onAfterMount();\n\n    // Add page-specific class to body\n    if (typeof document !== 'undefined' && this.pageName) {\n      document.body.classList.add(`page-${this.pageName.toLowerCase().replace(/\\s+/g, '-')}`);\n    }\n  }\n\n  /**\n   * Page-specific before destroy hook\n   */\n  async onBeforeDestroy() {\n    await super.onBeforeDestroy();\n\n    // Remove page-specific class from body\n    if (typeof document !== 'undefined' && this.pageName) {\n      document.body.classList.remove(`page-${this.pageName.toLowerCase().replace(/\\s+/g, '-')}`);\n    }\n  }\n\n  /**\n   * Navigate to another page using the app's router\n   * @param {string} route - Route to navigate to\n   * @param {object} params - Route parameters\n   * @param {object} options - Navigation options\n   */\n  navigate(route, params = {}, options = {}) {\n    // Delegate to app's router\n    if (this.app && this.app.router) {\n      return this.app.router.navigate(route, options);\n    }\n\n    // Fallback to MOJO global router\n    if (typeof window !== 'undefined' && window.MOJO?.router) {\n      return window.MOJO.router.navigate(route, options);\n    }\n\n    console.error('No router available for navigation');\n  }\n\n  getRoute() {\n      if (this.route) {\n          let route = this.route;\n          if (typeof route === 'string' && route.startsWith('/')) {\n              route = route.substring(1);\n          }\n          return route;\n      }\n      return this.pageName;\n  }\n\n  syncUrl(force = true) {\n      this.updateBrowserUrl(this.query, false, false);\n  }\n\n  updateBrowserUrl(query = null, replace = false, trigger = false) {\n    this.getApp();\n    // we need to do this to normalize the URL\n    // const targetPath = this.app.buildPagePath(this, this.params, query);\n    // const { pageName, queryParams } = this.app.router.parseInput(targetPath);\n    this.app.router.updateBrowserUrl(this.getRoute(), query, replace, trigger);\n  }\n\n  /**\n   * Static method to define a page class with metadata\n   * @param {object} definition - Page class definition\n   * @returns {class} Page class\n   */\n  static define(definition) {\n    class DefinedPage extends Page {\n      constructor(options = {}) {\n        super({\n          ...definition,\n          ...options\n        });\n      }\n    }\n\n    // Copy static properties\n    DefinedPage.template = definition.template;\n    DefinedPage.pageName = definition.pageName;\n    DefinedPage.route = definition.route;\n\n    return DefinedPage;\n  }\n}\n\nexport default Page;\n","/**\n * ContextMenu - A reusable context menu component for MOJO\n *\n * Renders a Bootstrap 5 dropdown menu based on a configuration object.\n * This component is designed to be easily embedded in any other View.\n * It supports the same configuration syntax as the Dialog's contextMenu.\n *\n * Features:\n * - Renders a dropdown button with a configurable icon.\n * - Generates menu items from a configuration array.\n * - Supports dividers, icons, labels, and links.\n * - Handles actions via inline handlers or by emitting an 'action' event.\n *\n * @example\n * const contextMenu = new ContextMenu({\n *   config: {\n *     icon: 'bi-gear', // Optional: custom trigger icon\n *     items: [\n *       { label: 'Edit', action: 'edit', icon: 'bi-pencil' },\n *       { label: 'Delete', action: 'delete', icon: 'bi-trash', danger: true },\n *       { type: 'divider' },\n *       {\n *         label: 'Custom Action',\n *         action: 'custom',\n *         icon: 'bi-star',\n *         handler: (context) => {\n *           console.log('Inline handler called with context:', context);\n *         }\n *       }\n *     ]\n *   },\n *   context: { id: 123, name: 'My Item' } // Optional data to pass to handlers/events\n * });\n *\n * // Listen for actions from the parent view\n * contextMenu.on('action', (data) => {\n *   console.log(`Action '${data.action}' triggered for context:`, data.context);\n *   if (data.action === 'edit') {\n *     // handle edit\n *   }\n * });\n */\n\nimport View from '@core/View.js';\n\nclass ContextMenu extends View {\n    constructor(options = {}) {\n        super({\n            tagName: 'div',\n            className: 'context-menu-view dropdown',\n            ...options\n        });\n\n        this.config = options.contextMenu || options.config || {};\n        this.context = options.context || {}; // Optional data to pass to handlers/events\n    }\n\n    /**\n     * Build the dropdown menu HTML from the configuration.\n     */\n    async renderTemplate() {\n        const menuItems = this.config.items || [];\n        if (menuItems.length === 0) {\n            return ''; // Don't render anything if there are no items\n        }\n\n        const triggerIcon = this.config.icon || 'bi-three-dots-horizontal';\n        const buttonClass = this.config.buttonClass || 'btn btn-link text-secondary ps-3 pe-0 pt-0 pb-1';\n        const dropdownId = `context-menu-${this.id}`;\n\n        const menuItemsHtml = menuItems.map(item => this.buildMenuItemHTML(item)).join('');\n\n        return `\n            <button class=\"${buttonClass}\" type=\"button\" id=\"${dropdownId}\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                <i class=\"${triggerIcon}\"></i>\n            </button>\n            <ul class=\"dropdown-menu dropdown-menu-end\" aria-labelledby=\"${dropdownId}\">\n                ${menuItemsHtml}\n            </ul>\n        `;\n    }\n\n    /**\n     * Build the HTML for a single menu item.\n     * @param {object} item - The menu item configuration.\n     * @returns {string} The HTML string for the list item.\n     */\n    buildMenuItemHTML(item) {\n        if (item.type === 'divider' || item.separator) {\n            return '<li><hr class=\"dropdown-divider\"></li>';\n        }\n\n        const icon = item.icon ? `<i class=\"${item.icon} me-2\"></i>` : '';\n        const label = item.label || '';\n        const itemClass = `dropdown-item ${item.danger ? 'text-danger' : ''} ${item.disabled ? 'disabled' : ''}`;\n        const action = item.action || '';\n\n        if (item.href) {\n            return `<li><a class=\"${itemClass}\" href=\"${item.href}\" target=\"${item.target || '_self'}\">${icon}${label}</a></li>`;\n        }\n\n        return `<li><a class=\"${itemClass}\" href=\"#\" data-action=\"menu-item-click\" data-item-action=\"${action}\">${icon}${label}</a></li>`;\n    }\n\n    /**\n     * Handle clicks on menu items.\n     * @param {Event} event - The click event.\n     * @param {HTMLElement} element - The clicked anchor element.\n     */\n    async onActionMenuItemClick(event, element) {\n        event.preventDefault();\n        const action = element.getAttribute('data-item-action');\n        if (!action) return;\n\n        const menuItem = this.config.items.find(item => item.action === action);\n        if (!menuItem || menuItem.disabled) return;\n\n        // Support for inline handlers\n        if (typeof menuItem.handler === 'function') {\n            menuItem.handler(this.context, event, element);\n        } else {\n            // Emit a general event for parent views to listen to\n            // this.emit('action', {\n            //     action: action,\n            //     context: this.context,\n            //     sourceEvent: event\n            // });\n            this.parent.events.dispatch(action, event, element);\n        }\n        this.closeDropdown();\n    }\n\n    closeDropdown() {\n        const dropdownTrigger = this.element.querySelector('[data-bs-toggle=\"dropdown\"]');\n        if (dropdownTrigger) {\n            const dropdownInstance = window.bootstrap?.Dropdown.getInstance(dropdownTrigger);\n            dropdownInstance?.hide();\n        }\n    }\n}\n\nexport default ContextMenu;\n"],"names":["Page","View","constructor","options","tagName","className","pageName","id","toLowerCase","replace","super","this","route","title","pageIcon","icon","displayName","pageDescription","params","query","matched","isActive","pageOptions","description","requiresAuth","savedState","onParams","canEnter","permissions","user","getApp","activeUser","hasPermission","requiresGroup","activeGroup","onEnter","onInitView","restoreState","document","emit","page","getMetadata","onExit","captureState","onGroupChange","group","name","onActionDefault","action","makeActive","showPage","onActionNavigate","event","element","preventDefault","dataset","scrollTop","formData","captureFormData","custom","captureCustomState","state","restoreFormData","restoreCustomState","data","querySelectorAll","forEach","field","type","checked","value","Object","entries","querySelector","radio","setMeta","meta","descMeta","createElement","head","appendChild","content","key","metaEl","showError","message","errorDiv","innerHTML","insertBefore","firstChild","setTimeout","parentNode","removeChild","showSuccess","successDiv","onBeforeRender","onAfterMount","body","classList","add","onBeforeDestroy","remove","navigate","app","router","window","MOJO","console","error","getRoute","startsWith","substring","syncUrl","force","updateBrowserUrl","trigger","define","definition","DefinedPage","template","ContextMenu","config","contextMenu","context","renderTemplate","menuItems","items","length","triggerIcon","buttonClass","dropdownId","map","item","buildMenuItemHTML","join","separator","label","itemClass","danger","disabled","href","target","onActionMenuItemClick","getAttribute","menuItem","find","handler","parent","events","dispatch","closeDropdown","dropdownTrigger","dropdownInstance","bootstrap","Dropdown","getInstance","hide"],"mappings":"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"}
+{"version":3,"file":"ContextMenu-BFxliZ03.js","sources":["../../src/core/Page.js","../../src/core/views/feedback/ContextMenu.js"],"sourcesContent":["/**\n * Page - Extends View with routing capabilities for MOJO framework\n * Handles URL routing, parameters, and page-specific actions\n *\n * Event Emitter notes:\n *   - Uses EventEmitter via View base class.\n *   - Use .emit/.on/.off/.once for all custom events.\n */\n\nimport View from '@core/View.js';\n\nclass Page extends View {\n  constructor(options = {}) {\n    // Set default tag name for pages\n    options.tagName = options.tagName || 'main';\n    options.className = options.className || 'mojo-page';\n\n    // Set page ID based on page name\n    const pageName = options.pageName || '';\n    if (pageName && !options.id) {\n      options.id = 'page_' + pageName.toLowerCase().replace(/\\s+/g, '_');\n    }\n\n    super(options);\n\n    // Core page properties from design doc\n    this.pageName = options.pageName || this.constructor.pageName || '';\n    this.route = options.route || this.constructor.route || '';\n    this.title = options.title || this.pageName || '';\n\n    // Set page ID if not already set and we have a page_name from constructor\n    if (!this.id && this.constructor.pageName && !options.pageName) {\n      this.id = 'page_' + this.constructor.pageName.toLowerCase().replace(/\\s+/g, '_');\n    }\n\n    // Page metadata for event system\n    this.pageIcon = options.icon || options.pageIcon || this.constructor.pageIcon || 'bi bi-file-text';\n    this.displayName = options.displayName || this.constructor.displayName || this.pageName || '';\n    this.pageDescription = options.pageDescription || this.constructor.pageDescription || '';\n\n    // Routing state\n    this.params = {};\n    this.query = {};\n    this.matched = false;\n    this.isActive = false;\n\n    // Page-specific options\n    this.pageOptions = {\n      title: options.title || this.pageName || 'Untitled Page',\n      description: options.description || '',\n      requiresAuth: options.requiresAuth || false,\n      ...options.pageOptions\n    };\n\n    // State preservation\n    this.savedState = null;\n\n    console.log(`Page ${this.pageName} constructed with route: ${this.route}`);\n  }\n\n  /**\n   * Handle route parameters - from design doc\n   * @param {object} params - Route parameters\n   * @param {object} query - Query string parameters\n   */\n  async onParams(params = {}, query = {}) {\n    // const paramsChanged = JSON.stringify(params) !== JSON.stringify(this.params);\n    // const queryChanged = JSON.stringify(query) !== JSON.stringify(this.query);\n\n    this.params = params;\n    this.query = query;\n\n    // Only re-render if params actually changed and page is active\n    // if (this.isActive && (paramsChanged || queryChanged)) {\n    //   console.log(`Page ${this.pageName} params changed, re-rendering`);\n    //   await this.render();\n    // }\n  }\n\n  canEnter() {\n    if (this.options.permissions) {\n      const user = this.getApp().activeUser;\n      if (!user || !user.hasPermission(this.options.permissions)) {\n        return false;\n      }\n    }\n    if (this.options.requiresGroup && !this.getApp().activeGroup) {\n      return false;\n    }\n    return true;\n  }\n\n  /**\n   * Called when entering this page (before render)\n   * Override this method for initialization logic\n   */\n  async onEnter() {\n    this.isActive = true;\n    await this.onInitView();\n\n    // Restore saved state if exists\n    if (this.savedState) {\n      this.restoreState(this.savedState);\n      this.savedState = null;\n    }\n\n    // Set page title if provided\n    if (this.pageOptions && this.pageOptions.title && typeof document !== 'undefined') {\n      document.title = this.pageOptions.title;\n    }\n\n    // Emit activation event\n    this.emit('activated', {\n      page: this.getMetadata()\n    });\n\n    console.log(`Page ${this.pageName} entered`);\n  }\n\n  /**\n   * Called when leaving this page (before cleanup)\n   * Override this method for cleanup logic like removing listeners, clearing timers, etc.\n   */\n  async onExit() {\n    // Save state before exit\n    this.savedState = this.captureState();\n    this.isActive = false;\n\n    // Emit deactivation event\n    this.emit('deactivated', {\n      page: this.getMetadata()\n    });\n    console.log(`Page ${this.pageName} exiting`);\n  }\n\n  /**\n   * Called by PortalApp.setActiveGroup() whenever the user switches to a different group.\n   *\n   * Override this on any page that displays group-scoped data so the page\n   * stays in sync when the active group changes.  Always call super first.\n   *\n   * This is an MVC framework — your override should tell your Models and\n   * Collections to re-fetch for the new group, then call this.render().\n   * There is no framework-provided loadData() method; organise your own\n   * fetch logic however you like.\n   *\n   * @param {Model} group - The newly active Group model.\n   *                        this.getApp().activeGroup is already set to this value.\n   *\n   * @example\n   * async onGroupChange(group) {\n   *   await super.onGroupChange(group);\n   *   if (!group) return;\n   *   await this.myCollection.fetch({ group_id: group.id });\n   *   await this.render();\n   * }\n   */\n  async onGroupChange(group) {\n    // Empty stub — override in subclasses that display group-scoped data.\n  }\n\n  /**\n   * Get page metadata for display and events\n   * @returns {object} Page metadata\n   */\n  getMetadata() {\n    return {\n      name: this.pageName,\n      displayName: this.displayName || this.pageName,\n      icon: this.pageIcon,\n      description: this.pageDescription,\n      route: this.route,\n      isActive: this.isActive\n    };\n  }\n\n  /**\n   * Handle default action - fallback from design doc\n   */\n  async onActionDefault(action) {\n    console.log(`Default action '${action}' triggered on page: ${this.pageName}`);\n  }\n\n  async makeActive() {\n      this.getApp().showPage(this);\n  }\n\n  async onActionNavigate(event, element) {\n      event.preventDefault();\n      const page = element.dataset.page;\n      this.getApp().showPage(page);\n  }\n\n  /**\n   * Capture current page state for preservation\n   * @returns {object|null} Captured state\n   */\n  captureState() {\n    if (!this.element) return null;\n\n    return {\n      scrollTop: this.element.scrollTop,\n      formData: this.captureFormData(),\n      custom: this.captureCustomState()\n    };\n  }\n\n  /**\n   * Restore saved state\n   * @param {object} state - State to restore\n   */\n  restoreState(state) {\n    if (!state || !this.element) return;\n\n    this.element.scrollTop = state.scrollTop || 0;\n    this.restoreFormData(state.formData);\n    if (state.custom) {\n      this.restoreCustomState(state.custom);\n    }\n  }\n\n  /**\n   * Capture form data from page\n   * @returns {object} Form data\n   */\n  captureFormData() {\n    const data = {};\n    if (!this.element) return data;\n\n    this.element.querySelectorAll('input, select, textarea').forEach(field => {\n      if (field.name) {\n        if (field.type === 'checkbox') {\n          data[field.name] = field.checked;\n        } else if (field.type === 'radio') {\n          if (field.checked) {\n            data[field.name] = field.value;\n          }\n        } else {\n          data[field.name] = field.value;\n        }\n      }\n    });\n\n    return data;\n  }\n\n  /**\n   * Restore form data to page\n   * @param {object} formData - Form data to restore\n   */\n  restoreFormData(formData) {\n    if (!formData || !this.element) return;\n\n    Object.entries(formData).forEach(([name, value]) => {\n      const field = this.element.querySelector(`[name=\"${name}\"]`);\n      if (field) {\n        if (field.type === 'checkbox') {\n          field.checked = value;\n        } else if (field.type === 'radio') {\n          const radio = this.element.querySelector(`[name=\"${name}\"][value=\"${value}\"]`);\n          if (radio) radio.checked = true;\n        } else {\n          field.value = value;\n        }\n      }\n    });\n  }\n\n  /**\n   * Capture custom state - override in subclasses\n   * @returns {object} Custom state\n   */\n  captureCustomState() {\n    return {};\n  }\n\n  /**\n   * Restore custom state - override in subclasses\n   * @param {object} state - Custom state to restore\n   */\n  restoreCustomState(state) {\n    // Override in subclasses\n  }\n\n\n\n  /**\n   * Set page metadata\n   * @param {object} meta - Metadata object\n   */\n  setMeta(meta = {}) {\n    if (typeof document === 'undefined') {\n      return;\n    }\n\n    // Set title\n    if (meta.title) {\n      document.title = meta.title;\n      this.pageOptions.title = meta.title;\n    }\n\n    // Set description\n    if (meta.description) {\n      let descMeta = document.querySelector('meta[name=\"description\"]');\n      if (!descMeta) {\n        descMeta = document.createElement('meta');\n        descMeta.name = 'description';\n        document.head.appendChild(descMeta);\n      }\n      descMeta.content = meta.description;\n      this.pageOptions.description = meta.description;\n    }\n\n    // Set other meta tags\n    Object.entries(meta).forEach(([key, value]) => {\n      if (key !== 'title' && key !== 'description') {\n        let metaEl = document.querySelector(`meta[name=\"${key}\"]`);\n        if (!metaEl) {\n          metaEl = document.createElement('meta');\n          metaEl.name = key;\n          document.head.appendChild(metaEl);\n        }\n        metaEl.content = value;\n      }\n    });\n  }\n\n\n  /**\n   * Show error message with page context\n   * @param {string} message - Error message\n   */\n  showError(message) {\n    super.showError(message);\n\n    // Page-specific error display can be implemented here\n    if (this.element) {\n      // Example: Add error to page\n      const errorDiv = document.createElement('div');\n      errorDiv.className = 'alert alert-danger alert-dismissible fade show';\n      errorDiv.innerHTML = `\n        ${message}\n        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>\n      `;\n\n      // Insert at top of page\n      this.element.insertBefore(errorDiv, this.element.firstChild);\n\n      // Auto-remove after 5 seconds\n      setTimeout(() => {\n        if (errorDiv.parentNode) {\n          errorDiv.parentNode.removeChild(errorDiv);\n        }\n      }, 5000);\n    }\n  }\n\n  /**\n   * Show success message with page context\n   * @param {string} message - Success message\n   */\n  showSuccess(message) {\n    super.showSuccess(message);\n\n    // Page-specific success display\n    if (this.element) {\n      const successDiv = document.createElement('div');\n      successDiv.className = 'alert alert-success alert-dismissible fade show';\n      successDiv.innerHTML = `\n        ${message}\n        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>\n      `;\n\n      // Insert at top of page\n      this.element.insertBefore(successDiv, this.element.firstChild);\n\n      // Auto-remove after 3 seconds\n      setTimeout(() => {\n        if (successDiv.parentNode) {\n          successDiv.parentNode.removeChild(successDiv);\n        }\n      }, 3000);\n    }\n  }\n\n  /**\n   * Page-specific before render hook\n   */\n  async onBeforeRender() {\n    await super.onBeforeRender();\n\n    // Set page metadata before rendering\n    this.setMeta({\n      title: this.pageOptions.title,\n      description: this.pageOptions.description\n    });\n  }\n\n  /**\n   * Page-specific after mount hook\n   */\n  async onAfterMount() {\n    await super.onAfterMount();\n\n    // Add page-specific class to body\n    if (typeof document !== 'undefined' && this.pageName) {\n      document.body.classList.add(`page-${this.pageName.toLowerCase().replace(/\\s+/g, '-')}`);\n    }\n  }\n\n  /**\n   * Page-specific before destroy hook\n   */\n  async onBeforeDestroy() {\n    await super.onBeforeDestroy();\n\n    // Remove page-specific class from body\n    if (typeof document !== 'undefined' && this.pageName) {\n      document.body.classList.remove(`page-${this.pageName.toLowerCase().replace(/\\s+/g, '-')}`);\n    }\n  }\n\n  /**\n   * Navigate to another page using the app's router\n   * @param {string} route - Route to navigate to\n   * @param {object} params - Route parameters\n   * @param {object} options - Navigation options\n   */\n  navigate(route, params = {}, options = {}) {\n    // Delegate to app's router\n    if (this.app && this.app.router) {\n      return this.app.router.navigate(route, options);\n    }\n\n    // Fallback to MOJO global router\n    if (typeof window !== 'undefined' && window.MOJO?.router) {\n      return window.MOJO.router.navigate(route, options);\n    }\n\n    console.error('No router available for navigation');\n  }\n\n  getRoute() {\n      if (this.route) {\n          let route = this.route;\n          if (typeof route === 'string' && route.startsWith('/')) {\n              route = route.substring(1);\n          }\n          return route;\n      }\n      return this.pageName;\n  }\n\n  syncUrl(force = true) {\n      this.updateBrowserUrl(this.query, false, false);\n  }\n\n  updateBrowserUrl(query = null, replace = false, trigger = false) {\n    this.getApp();\n    // we need to do this to normalize the URL\n    // const targetPath = this.app.buildPagePath(this, this.params, query);\n    // const { pageName, queryParams } = this.app.router.parseInput(targetPath);\n    this.app.router.updateBrowserUrl(this.getRoute(), query, replace, trigger);\n  }\n\n  /**\n   * Static method to define a page class with metadata\n   * @param {object} definition - Page class definition\n   * @returns {class} Page class\n   */\n  static define(definition) {\n    class DefinedPage extends Page {\n      constructor(options = {}) {\n        super({\n          ...definition,\n          ...options\n        });\n      }\n    }\n\n    // Copy static properties\n    DefinedPage.template = definition.template;\n    DefinedPage.pageName = definition.pageName;\n    DefinedPage.route = definition.route;\n\n    return DefinedPage;\n  }\n}\n\nexport default Page;\n","/**\n * ContextMenu - A reusable context menu component for MOJO\n *\n * Renders a Bootstrap 5 dropdown menu based on a configuration object.\n * This component is designed to be easily embedded in any other View.\n * It supports the same configuration syntax as the Dialog's contextMenu.\n *\n * Features:\n * - Renders a dropdown button with a configurable icon.\n * - Generates menu items from a configuration array.\n * - Supports dividers, icons, labels, and links.\n * - Handles actions via inline handlers or by emitting an 'action' event.\n *\n * @example\n * const contextMenu = new ContextMenu({\n *   config: {\n *     icon: 'bi-gear', // Optional: custom trigger icon\n *     items: [\n *       { label: 'Edit', action: 'edit', icon: 'bi-pencil' },\n *       { label: 'Delete', action: 'delete', icon: 'bi-trash', danger: true },\n *       { type: 'divider' },\n *       {\n *         label: 'Custom Action',\n *         action: 'custom',\n *         icon: 'bi-star',\n *         handler: (context) => {\n *           console.log('Inline handler called with context:', context);\n *         }\n *       }\n *     ]\n *   },\n *   context: { id: 123, name: 'My Item' } // Optional data to pass to handlers/events\n * });\n *\n * // Listen for actions from the parent view\n * contextMenu.on('action', (data) => {\n *   console.log(`Action '${data.action}' triggered for context:`, data.context);\n *   if (data.action === 'edit') {\n *     // handle edit\n *   }\n * });\n */\n\nimport View from '@core/View.js';\n\nclass ContextMenu extends View {\n    constructor(options = {}) {\n        super({\n            tagName: 'div',\n            className: 'context-menu-view dropdown',\n            ...options\n        });\n\n        this.config = options.contextMenu || options.config || {};\n        this.context = options.context || {}; // Optional data to pass to handlers/events\n    }\n\n    /**\n     * Build the dropdown menu HTML from the configuration.\n     */\n    async renderTemplate() {\n        const menuItems = this.config.items || [];\n        if (menuItems.length === 0) {\n            return ''; // Don't render anything if there are no items\n        }\n\n        const triggerIcon = this.config.icon || 'bi-three-dots-horizontal';\n        const buttonClass = this.config.buttonClass || 'btn btn-link text-secondary ps-3 pe-0 pt-0 pb-1';\n        const dropdownId = `context-menu-${this.id}`;\n\n        const menuItemsHtml = menuItems.map(item => this.buildMenuItemHTML(item)).join('');\n\n        return `\n            <button class=\"${buttonClass}\" type=\"button\" id=\"${dropdownId}\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                <i class=\"${triggerIcon}\"></i>\n            </button>\n            <ul class=\"dropdown-menu dropdown-menu-end\" aria-labelledby=\"${dropdownId}\">\n                ${menuItemsHtml}\n            </ul>\n        `;\n    }\n\n    /**\n     * Build the HTML for a single menu item.\n     * @param {object} item - The menu item configuration.\n     * @returns {string} The HTML string for the list item.\n     */\n    buildMenuItemHTML(item) {\n        if (item.type === 'divider' || item.separator) {\n            return '<li><hr class=\"dropdown-divider\"></li>';\n        }\n\n        const icon = item.icon ? `<i class=\"${item.icon} me-2\"></i>` : '';\n        const label = item.label || '';\n        const itemClass = `dropdown-item ${item.danger ? 'text-danger' : ''} ${item.disabled ? 'disabled' : ''}`;\n        const action = item.action || '';\n\n        if (item.href) {\n            return `<li><a class=\"${itemClass}\" href=\"${item.href}\" target=\"${item.target || '_self'}\">${icon}${label}</a></li>`;\n        }\n\n        return `<li><a class=\"${itemClass}\" href=\"#\" data-action=\"menu-item-click\" data-item-action=\"${action}\">${icon}${label}</a></li>`;\n    }\n\n    /**\n     * Handle clicks on menu items.\n     * @param {Event} event - The click event.\n     * @param {HTMLElement} element - The clicked anchor element.\n     */\n    async onActionMenuItemClick(event, element) {\n        event.preventDefault();\n        const action = element.getAttribute('data-item-action');\n        if (!action) return;\n\n        const menuItem = this.config.items.find(item => item.action === action);\n        if (!menuItem || menuItem.disabled) return;\n\n        // Support for inline handlers\n        if (typeof menuItem.handler === 'function') {\n            menuItem.handler(this.context, event, element);\n        } else {\n            // Emit a general event for parent views to listen to\n            // this.emit('action', {\n            //     action: action,\n            //     context: this.context,\n            //     sourceEvent: event\n            // });\n            this.parent.events.dispatch(action, event, element);\n        }\n        this.closeDropdown();\n    }\n\n    closeDropdown() {\n        const dropdownTrigger = this.element.querySelector('[data-bs-toggle=\"dropdown\"]');\n        if (dropdownTrigger) {\n            const dropdownInstance = window.bootstrap?.Dropdown.getInstance(dropdownTrigger);\n            dropdownInstance?.hide();\n        }\n    }\n}\n\nexport default ContextMenu;\n"],"names":["Page","View","constructor","options","tagName","className","pageName","id","toLowerCase","replace","super","this","route","title","pageIcon","icon","displayName","pageDescription","params","query","matched","isActive","pageOptions","description","requiresAuth","savedState","onParams","canEnter","permissions","user","getApp","activeUser","hasPermission","requiresGroup","activeGroup","onEnter","onInitView","restoreState","document","emit","page","getMetadata","onExit","captureState","onGroupChange","group","name","onActionDefault","action","makeActive","showPage","onActionNavigate","event","element","preventDefault","dataset","scrollTop","formData","captureFormData","custom","captureCustomState","state","restoreFormData","restoreCustomState","data","querySelectorAll","forEach","field","type","checked","value","Object","entries","querySelector","radio","setMeta","meta","descMeta","createElement","head","appendChild","content","key","metaEl","showError","message","errorDiv","innerHTML","insertBefore","firstChild","setTimeout","parentNode","removeChild","showSuccess","successDiv","onBeforeRender","onAfterMount","body","classList","add","onBeforeDestroy","remove","navigate","app","router","window","MOJO","console","error","getRoute","startsWith","substring","syncUrl","force","updateBrowserUrl","trigger","define","definition","DefinedPage","template","ContextMenu","config","contextMenu","context","renderTemplate","menuItems","items","length","triggerIcon","buttonClass","dropdownId","map","item","buildMenuItemHTML","join","separator","label","itemClass","danger","disabled","href","target","onActionMenuItemClick","getAttribute","menuItem","find","handler","parent","events","dispatch","closeDropdown","dropdownTrigger","dropdownInstance","bootstrap","Dropdown","getInstance","hide"],"mappings":"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"}

package/dist/chunks/ContextMenu-BwJJ4QJE.js

@@ -0,0 +1,2 @@
+import{V as e}from"./Collection-r1ACzUeh.js";class Page extends e{constructor(e={}){e.tagName=e.tagName||"main",e.className=e.className||"mojo-page";const t=e.pageName||"";t&&!e.id&&(e.id="page_"+t.toLowerCase().replace(/\s+/g,"_")),super(e),this.pageName=e.pageName||this.constructor.pageName||"",this.route=e.route||this.constructor.route||"",this.title=e.title||this.pageName||"",this.id||!this.constructor.pageName||e.pageName||(this.id="page_"+this.constructor.pageName.toLowerCase().replace(/\s+/g,"_")),this.pageIcon=e.icon||e.pageIcon||this.constructor.pageIcon||"bi bi-file-text",this.displayName=e.displayName||this.constructor.displayName||this.pageName||"",this.pageDescription=e.pageDescription||this.constructor.pageDescription||"",this.params={},this.query={},this.matched=!1,this.isActive=!1,this.pageOptions={title:e.title||this.pageName||"Untitled Page",description:e.description||"",requiresAuth:e.requiresAuth||!1,...e.pageOptions},this.savedState=null,this.pageName,this.route}async onParams(e={},t={}){this.params=e,this.query=t}canEnter(){if(this.options.permissions){const e=this.getApp().activeUser;if(!e||!e.hasPermission(this.options.permissions))return!1}return!(this.options.requiresGroup&&!this.getApp().activeGroup)}async onEnter(){this.isActive=!0,await this.onInitView(),this.savedState&&(this.restoreState(this.savedState),this.savedState=null),this.pageOptions&&this.pageOptions.title&&"undefined"!=typeof document&&(document.title=this.pageOptions.title),this.emit("activated",{page:this.getMetadata()}),this.pageName}async onExit(){this.savedState=this.captureState(),this.isActive=!1,this.emit("deactivated",{page:this.getMetadata()}),this.pageName}async onGroupChange(e){}getMetadata(){return{name:this.pageName,displayName:this.displayName||this.pageName,icon:this.pageIcon,description:this.pageDescription,route:this.route,isActive:this.isActive}}async onActionDefault(e){this.pageName}async makeActive(){this.getApp().showPage(this)}async onActionNavigate(e,t){e.preventDefault();const s=t.dataset.page;this.getApp().showPage(s)}captureState(){return this.element?{scrollTop:this.element.scrollTop,formData:this.captureFormData(),custom:this.captureCustomState()}:null}restoreState(e){e&&this.element&&(this.element.scrollTop=e.scrollTop||0,this.restoreFormData(e.formData),e.custom&&this.restoreCustomState(e.custom))}captureFormData(){const e={};return this.element?(this.element.querySelectorAll("input, select, textarea").forEach(t=>{t.name&&("checkbox"===t.type?e[t.name]=t.checked:"radio"===t.type?t.checked&&(e[t.name]=t.value):e[t.name]=t.value)}),e):e}restoreFormData(e){e&&this.element&&Object.entries(e).forEach(([e,t])=>{const s=this.element.querySelector(`[name="${e}"]`);if(s)if("checkbox"===s.type)s.checked=t;else if("radio"===s.type){const s=this.element.querySelector(`[name="${e}"][value="${t}"]`);s&&(s.checked=!0)}else s.value=t})}captureCustomState(){return{}}restoreCustomState(e){}setMeta(e={}){if("undefined"!=typeof document){if(e.title&&(document.title=e.title,this.pageOptions.title=e.title),e.description){let t=document.querySelector('meta[name="description"]');t||(t=document.createElement("meta"),t.name="description",document.head.appendChild(t)),t.content=e.description,this.pageOptions.description=e.description}Object.entries(e).forEach(([e,t])=>{if("title"!==e&&"description"!==e){let s=document.querySelector(`meta[name="${e}"]`);s||(s=document.createElement("meta"),s.name=e,document.head.appendChild(s)),s.content=t}})}}showError(e){if(super.showError(e),this.element){const t=document.createElement("div");t.className="alert alert-danger alert-dismissible fade show",t.innerHTML=`\n        ${e}\n        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>\n      `,this.element.insertBefore(t,this.element.firstChild),setTimeout(()=>{t.parentNode&&t.parentNode.removeChild(t)},5e3)}}showSuccess(e){if(super.showSuccess(e),this.element){const t=document.createElement("div");t.className="alert alert-success alert-dismissible fade show",t.innerHTML=`\n        ${e}\n        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>\n      `,this.element.insertBefore(t,this.element.firstChild),setTimeout(()=>{t.parentNode&&t.parentNode.removeChild(t)},3e3)}}async onBeforeRender(){await super.onBeforeRender(),this.setMeta({title:this.pageOptions.title,description:this.pageOptions.description})}async onAfterMount(){await super.onAfterMount(),"undefined"!=typeof document&&this.pageName&&document.body.classList.add(`page-${this.pageName.toLowerCase().replace(/\s+/g,"-")}`)}async onBeforeDestroy(){await super.onBeforeDestroy(),"undefined"!=typeof document&&this.pageName&&document.body.classList.remove(`page-${this.pageName.toLowerCase().replace(/\s+/g,"-")}`)}navigate(e,t={},s={}){return this.app&&this.app.router?this.app.router.navigate(e,s):"undefined"!=typeof window&&window.MOJO?.router?window.MOJO.router.navigate(e,s):void console.error("No router available for navigation")}getRoute(){if(this.route){let e=this.route;return"string"==typeof e&&e.startsWith("/")&&(e=e.substring(1)),e}return this.pageName}syncUrl(e=!0){this.updateBrowserUrl(this.query,!1,!1)}updateBrowserUrl(e=null,t=!1,s=!1){this.getApp(),this.app.router.updateBrowserUrl(this.getRoute(),e,t,s)}static define(e){class DefinedPage extends Page{constructor(t={}){super({...e,...t})}}return DefinedPage.template=e.template,DefinedPage.pageName=e.pageName,DefinedPage.route=e.route,DefinedPage}}class ContextMenu extends e{constructor(e={}){super({tagName:"div",className:"context-menu-view dropdown",...e}),this.config=e.contextMenu||e.config||{},this.context=e.context||{}}async renderTemplate(){const e=this.config.items||[];if(0===e.length)return"";const t=this.config.icon||"bi-three-dots-horizontal",s=this.config.buttonClass||"btn btn-link text-secondary ps-3 pe-0 pt-0 pb-1",i=`context-menu-${this.id}`;return`\n            <button class="${s}" type="button" id="${i}" data-bs-toggle="dropdown" aria-expanded="false">\n                <i class="${t}"></i>\n            </button>\n            <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="${i}">\n                ${e.map(e=>this.buildMenuItemHTML(e)).join("")}\n            </ul>\n        `}buildMenuItemHTML(e){if("divider"===e.type||e.separator)return'<li><hr class="dropdown-divider"></li>';const t=e.icon?`<i class="${e.icon} me-2"></i>`:"",s=e.label||"",i=`dropdown-item ${e.danger?"text-danger":""} ${e.disabled?"disabled":""}`,a=e.action||"";return e.href?`<li><a class="${i}" href="${e.href}" target="${e.target||"_self"}">${t}${s}</a></li>`:`<li><a class="${i}" href="#" data-action="menu-item-click" data-item-action="${a}">${t}${s}</a></li>`}async onActionMenuItemClick(e,t){e.preventDefault();const s=t.getAttribute("data-item-action");if(!s)return;const i=this.config.items.find(e=>e.action===s);i&&!i.disabled&&("function"==typeof i.handler?i.handler(this.context,e,t):this.parent.events.dispatch(s,e,t),this.closeDropdown())}closeDropdown(){const e=this.element.querySelector('[data-bs-toggle="dropdown"]');if(e){const t=window.bootstrap?.Dropdown.getInstance(e);t?.hide()}}}export{ContextMenu as C,Page as P};
+//# sourceMappingURL=ContextMenu-BwJJ4QJE.js.map

package/dist/chunks/{ContextMenu-DBw0WMTO.js.map → ContextMenu-BwJJ4QJE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu-DBw0WMTO.js","sources":["../../src/core/Page.js","../../src/core/views/feedback/ContextMenu.js"],"sourcesContent":["/**\n * Page - Extends View with routing capabilities for MOJO framework\n * Handles URL routing, parameters, and page-specific actions\n *\n * Event Emitter notes:\n *   - Uses EventEmitter via View base class.\n *   - Use .emit/.on/.off/.once for all custom events.\n */\n\nimport View from '@core/View.js';\n\nclass Page extends View {\n  constructor(options = {}) {\n    // Set default tag name for pages\n    options.tagName = options.tagName || 'main';\n    options.className = options.className || 'mojo-page';\n\n    // Set page ID based on page name\n    const pageName = options.pageName || '';\n    if (pageName && !options.id) {\n      options.id = 'page_' + pageName.toLowerCase().replace(/\\s+/g, '_');\n    }\n\n    super(options);\n\n    // Core page properties from design doc\n    this.pageName = options.pageName || this.constructor.pageName || '';\n    this.route = options.route || this.constructor.route || '';\n    this.title = options.title || this.pageName || '';\n\n    // Set page ID if not already set and we have a page_name from constructor\n    if (!this.id && this.constructor.pageName && !options.pageName) {\n      this.id = 'page_' + this.constructor.pageName.toLowerCase().replace(/\\s+/g, '_');\n    }\n\n    // Page metadata for event system\n    this.pageIcon = options.icon || options.pageIcon || this.constructor.pageIcon || 'bi bi-file-text';\n    this.displayName = options.displayName || this.constructor.displayName || this.pageName || '';\n    this.pageDescription = options.pageDescription || this.constructor.pageDescription || '';\n\n    // Routing state\n    this.params = {};\n    this.query = {};\n    this.matched = false;\n    this.isActive = false;\n\n    // Page-specific options\n    this.pageOptions = {\n      title: options.title || this.pageName || 'Untitled Page',\n      description: options.description || '',\n      requiresAuth: options.requiresAuth || false,\n      ...options.pageOptions\n    };\n\n    // State preservation\n    this.savedState = null;\n\n    console.log(`Page ${this.pageName} constructed with route: ${this.route}`);\n  }\n\n  /**\n   * Handle route parameters - from design doc\n   * @param {object} params - Route parameters\n   * @param {object} query - Query string parameters\n   */\n  async onParams(params = {}, query = {}) {\n    // const paramsChanged = JSON.stringify(params) !== JSON.stringify(this.params);\n    // const queryChanged = JSON.stringify(query) !== JSON.stringify(this.query);\n\n    this.params = params;\n    this.query = query;\n\n    // Only re-render if params actually changed and page is active\n    // if (this.isActive && (paramsChanged || queryChanged)) {\n    //   console.log(`Page ${this.pageName} params changed, re-rendering`);\n    //   await this.render();\n    // }\n  }\n\n  canEnter() {\n    if (this.options.permissions) {\n      const user = this.getApp().activeUser;\n      if (!user || !user.hasPermission(this.options.permissions)) {\n        return false;\n      }\n    }\n    if (this.options.requiresGroup && !this.getApp().activeGroup) {\n      return false;\n    }\n    return true;\n  }\n\n  /**\n   * Called when entering this page (before render)\n   * Override this method for initialization logic\n   */\n  async onEnter() {\n    this.isActive = true;\n    await this.onInitView();\n\n    // Restore saved state if exists\n    if (this.savedState) {\n      this.restoreState(this.savedState);\n      this.savedState = null;\n    }\n\n    // Set page title if provided\n    if (this.pageOptions && this.pageOptions.title && typeof document !== 'undefined') {\n      document.title = this.pageOptions.title;\n    }\n\n    // Emit activation event\n    this.emit('activated', {\n      page: this.getMetadata()\n    });\n\n    console.log(`Page ${this.pageName} entered`);\n  }\n\n  /**\n   * Called when leaving this page (before cleanup)\n   * Override this method for cleanup logic like removing listeners, clearing timers, etc.\n   */\n  async onExit() {\n    // Save state before exit\n    this.savedState = this.captureState();\n    this.isActive = false;\n\n    // Emit deactivation event\n    this.emit('deactivated', {\n      page: this.getMetadata()\n    });\n    console.log(`Page ${this.pageName} exiting`);\n  }\n\n  /**\n   * Called by PortalApp.setActiveGroup() whenever the user switches to a different group.\n   *\n   * Override this on any page that displays group-scoped data so the page\n   * stays in sync when the active group changes.  Always call super first.\n   *\n   * This is an MVC framework — your override should tell your Models and\n   * Collections to re-fetch for the new group, then call this.render().\n   * There is no framework-provided loadData() method; organise your own\n   * fetch logic however you like.\n   *\n   * @param {Model} group - The newly active Group model.\n   *                        this.getApp().activeGroup is already set to this value.\n   *\n   * @example\n   * async onGroupChange(group) {\n   *   await super.onGroupChange(group);\n   *   if (!group) return;\n   *   await this.myCollection.fetch({ group_id: group.id });\n   *   await this.render();\n   * }\n   */\n  async onGroupChange(group) {\n    // Empty stub — override in subclasses that display group-scoped data.\n  }\n\n  /**\n   * Get page metadata for display and events\n   * @returns {object} Page metadata\n   */\n  getMetadata() {\n    return {\n      name: this.pageName,\n      displayName: this.displayName || this.pageName,\n      icon: this.pageIcon,\n      description: this.pageDescription,\n      route: this.route,\n      isActive: this.isActive\n    };\n  }\n\n  /**\n   * Handle default action - fallback from design doc\n   */\n  async onActionDefault(action) {\n    console.log(`Default action '${action}' triggered on page: ${this.pageName}`);\n  }\n\n  async makeActive() {\n      this.getApp().showPage(this);\n  }\n\n  async onActionNavigate(event, element) {\n      event.preventDefault();\n      const page = element.dataset.page;\n      this.getApp().showPage(page);\n  }\n\n  /**\n   * Capture current page state for preservation\n   * @returns {object|null} Captured state\n   */\n  captureState() {\n    if (!this.element) return null;\n\n    return {\n      scrollTop: this.element.scrollTop,\n      formData: this.captureFormData(),\n      custom: this.captureCustomState()\n    };\n  }\n\n  /**\n   * Restore saved state\n   * @param {object} state - State to restore\n   */\n  restoreState(state) {\n    if (!state || !this.element) return;\n\n    this.element.scrollTop = state.scrollTop || 0;\n    this.restoreFormData(state.formData);\n    if (state.custom) {\n      this.restoreCustomState(state.custom);\n    }\n  }\n\n  /**\n   * Capture form data from page\n   * @returns {object} Form data\n   */\n  captureFormData() {\n    const data = {};\n    if (!this.element) return data;\n\n    this.element.querySelectorAll('input, select, textarea').forEach(field => {\n      if (field.name) {\n        if (field.type === 'checkbox') {\n          data[field.name] = field.checked;\n        } else if (field.type === 'radio') {\n          if (field.checked) {\n            data[field.name] = field.value;\n          }\n        } else {\n          data[field.name] = field.value;\n        }\n      }\n    });\n\n    return data;\n  }\n\n  /**\n   * Restore form data to page\n   * @param {object} formData - Form data to restore\n   */\n  restoreFormData(formData) {\n    if (!formData || !this.element) return;\n\n    Object.entries(formData).forEach(([name, value]) => {\n      const field = this.element.querySelector(`[name=\"${name}\"]`);\n      if (field) {\n        if (field.type === 'checkbox') {\n          field.checked = value;\n        } else if (field.type === 'radio') {\n          const radio = this.element.querySelector(`[name=\"${name}\"][value=\"${value}\"]`);\n          if (radio) radio.checked = true;\n        } else {\n          field.value = value;\n        }\n      }\n    });\n  }\n\n  /**\n   * Capture custom state - override in subclasses\n   * @returns {object} Custom state\n   */\n  captureCustomState() {\n    return {};\n  }\n\n  /**\n   * Restore custom state - override in subclasses\n   * @param {object} state - Custom state to restore\n   */\n  restoreCustomState(state) {\n    // Override in subclasses\n  }\n\n\n\n  /**\n   * Set page metadata\n   * @param {object} meta - Metadata object\n   */\n  setMeta(meta = {}) {\n    if (typeof document === 'undefined') {\n      return;\n    }\n\n    // Set title\n    if (meta.title) {\n      document.title = meta.title;\n      this.pageOptions.title = meta.title;\n    }\n\n    // Set description\n    if (meta.description) {\n      let descMeta = document.querySelector('meta[name=\"description\"]');\n      if (!descMeta) {\n        descMeta = document.createElement('meta');\n        descMeta.name = 'description';\n        document.head.appendChild(descMeta);\n      }\n      descMeta.content = meta.description;\n      this.pageOptions.description = meta.description;\n    }\n\n    // Set other meta tags\n    Object.entries(meta).forEach(([key, value]) => {\n      if (key !== 'title' && key !== 'description') {\n        let metaEl = document.querySelector(`meta[name=\"${key}\"]`);\n        if (!metaEl) {\n          metaEl = document.createElement('meta');\n          metaEl.name = key;\n          document.head.appendChild(metaEl);\n        }\n        metaEl.content = value;\n      }\n    });\n  }\n\n\n  /**\n   * Show error message with page context\n   * @param {string} message - Error message\n   */\n  showError(message) {\n    super.showError(message);\n\n    // Page-specific error display can be implemented here\n    if (this.element) {\n      // Example: Add error to page\n      const errorDiv = document.createElement('div');\n      errorDiv.className = 'alert alert-danger alert-dismissible fade show';\n      errorDiv.innerHTML = `\n        ${message}\n        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>\n      `;\n\n      // Insert at top of page\n      this.element.insertBefore(errorDiv, this.element.firstChild);\n\n      // Auto-remove after 5 seconds\n      setTimeout(() => {\n        if (errorDiv.parentNode) {\n          errorDiv.parentNode.removeChild(errorDiv);\n        }\n      }, 5000);\n    }\n  }\n\n  /**\n   * Show success message with page context\n   * @param {string} message - Success message\n   */\n  showSuccess(message) {\n    super.showSuccess(message);\n\n    // Page-specific success display\n    if (this.element) {\n      const successDiv = document.createElement('div');\n      successDiv.className = 'alert alert-success alert-dismissible fade show';\n      successDiv.innerHTML = `\n        ${message}\n        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>\n      `;\n\n      // Insert at top of page\n      this.element.insertBefore(successDiv, this.element.firstChild);\n\n      // Auto-remove after 3 seconds\n      setTimeout(() => {\n        if (successDiv.parentNode) {\n          successDiv.parentNode.removeChild(successDiv);\n        }\n      }, 3000);\n    }\n  }\n\n  /**\n   * Page-specific before render hook\n   */\n  async onBeforeRender() {\n    await super.onBeforeRender();\n\n    // Set page metadata before rendering\n    this.setMeta({\n      title: this.pageOptions.title,\n      description: this.pageOptions.description\n    });\n  }\n\n  /**\n   * Page-specific after mount hook\n   */\n  async onAfterMount() {\n    await super.onAfterMount();\n\n    // Add page-specific class to body\n    if (typeof document !== 'undefined' && this.pageName) {\n      document.body.classList.add(`page-${this.pageName.toLowerCase().replace(/\\s+/g, '-')}`);\n    }\n  }\n\n  /**\n   * Page-specific before destroy hook\n   */\n  async onBeforeDestroy() {\n    await super.onBeforeDestroy();\n\n    // Remove page-specific class from body\n    if (typeof document !== 'undefined' && this.pageName) {\n      document.body.classList.remove(`page-${this.pageName.toLowerCase().replace(/\\s+/g, '-')}`);\n    }\n  }\n\n  /**\n   * Navigate to another page using the app's router\n   * @param {string} route - Route to navigate to\n   * @param {object} params - Route parameters\n   * @param {object} options - Navigation options\n   */\n  navigate(route, params = {}, options = {}) {\n    // Delegate to app's router\n    if (this.app && this.app.router) {\n      return this.app.router.navigate(route, options);\n    }\n\n    // Fallback to MOJO global router\n    if (typeof window !== 'undefined' && window.MOJO?.router) {\n      return window.MOJO.router.navigate(route, options);\n    }\n\n    console.error('No router available for navigation');\n  }\n\n  getRoute() {\n      if (this.route) {\n          let route = this.route;\n          if (typeof route === 'string' && route.startsWith('/')) {\n              route = route.substring(1);\n          }\n          return route;\n      }\n      return this.pageName;\n  }\n\n  syncUrl(force = true) {\n      this.updateBrowserUrl(this.query, false, false);\n  }\n\n  updateBrowserUrl(query = null, replace = false, trigger = false) {\n    this.getApp();\n    // we need to do this to normalize the URL\n    // const targetPath = this.app.buildPagePath(this, this.params, query);\n    // const { pageName, queryParams } = this.app.router.parseInput(targetPath);\n    this.app.router.updateBrowserUrl(this.getRoute(), query, replace, trigger);\n  }\n\n  /**\n   * Static method to define a page class with metadata\n   * @param {object} definition - Page class definition\n   * @returns {class} Page class\n   */\n  static define(definition) {\n    class DefinedPage extends Page {\n      constructor(options = {}) {\n        super({\n          ...definition,\n          ...options\n        });\n      }\n    }\n\n    // Copy static properties\n    DefinedPage.template = definition.template;\n    DefinedPage.pageName = definition.pageName;\n    DefinedPage.route = definition.route;\n\n    return DefinedPage;\n  }\n}\n\nexport default Page;\n","/**\n * ContextMenu - A reusable context menu component for MOJO\n *\n * Renders a Bootstrap 5 dropdown menu based on a configuration object.\n * This component is designed to be easily embedded in any other View.\n * It supports the same configuration syntax as the Dialog's contextMenu.\n *\n * Features:\n * - Renders a dropdown button with a configurable icon.\n * - Generates menu items from a configuration array.\n * - Supports dividers, icons, labels, and links.\n * - Handles actions via inline handlers or by emitting an 'action' event.\n *\n * @example\n * const contextMenu = new ContextMenu({\n *   config: {\n *     icon: 'bi-gear', // Optional: custom trigger icon\n *     items: [\n *       { label: 'Edit', action: 'edit', icon: 'bi-pencil' },\n *       { label: 'Delete', action: 'delete', icon: 'bi-trash', danger: true },\n *       { type: 'divider' },\n *       {\n *         label: 'Custom Action',\n *         action: 'custom',\n *         icon: 'bi-star',\n *         handler: (context) => {\n *           console.log('Inline handler called with context:', context);\n *         }\n *       }\n *     ]\n *   },\n *   context: { id: 123, name: 'My Item' } // Optional data to pass to handlers/events\n * });\n *\n * // Listen for actions from the parent view\n * contextMenu.on('action', (data) => {\n *   console.log(`Action '${data.action}' triggered for context:`, data.context);\n *   if (data.action === 'edit') {\n *     // handle edit\n *   }\n * });\n */\n\nimport View from '@core/View.js';\n\nclass ContextMenu extends View {\n    constructor(options = {}) {\n        super({\n            tagName: 'div',\n            className: 'context-menu-view dropdown',\n            ...options\n        });\n\n        this.config = options.contextMenu || options.config || {};\n        this.context = options.context || {}; // Optional data to pass to handlers/events\n    }\n\n    /**\n     * Build the dropdown menu HTML from the configuration.\n     */\n    async renderTemplate() {\n        const menuItems = this.config.items || [];\n        if (menuItems.length === 0) {\n            return ''; // Don't render anything if there are no items\n        }\n\n        const triggerIcon = this.config.icon || 'bi-three-dots-horizontal';\n        const buttonClass = this.config.buttonClass || 'btn btn-link text-secondary ps-3 pe-0 pt-0 pb-1';\n        const dropdownId = `context-menu-${this.id}`;\n\n        const menuItemsHtml = menuItems.map(item => this.buildMenuItemHTML(item)).join('');\n\n        return `\n            <button class=\"${buttonClass}\" type=\"button\" id=\"${dropdownId}\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                <i class=\"${triggerIcon}\"></i>\n            </button>\n            <ul class=\"dropdown-menu dropdown-menu-end\" aria-labelledby=\"${dropdownId}\">\n                ${menuItemsHtml}\n            </ul>\n        `;\n    }\n\n    /**\n     * Build the HTML for a single menu item.\n     * @param {object} item - The menu item configuration.\n     * @returns {string} The HTML string for the list item.\n     */\n    buildMenuItemHTML(item) {\n        if (item.type === 'divider' || item.separator) {\n            return '<li><hr class=\"dropdown-divider\"></li>';\n        }\n\n        const icon = item.icon ? `<i class=\"${item.icon} me-2\"></i>` : '';\n        const label = item.label || '';\n        const itemClass = `dropdown-item ${item.danger ? 'text-danger' : ''} ${item.disabled ? 'disabled' : ''}`;\n        const action = item.action || '';\n\n        if (item.href) {\n            return `<li><a class=\"${itemClass}\" href=\"${item.href}\" target=\"${item.target || '_self'}\">${icon}${label}</a></li>`;\n        }\n\n        return `<li><a class=\"${itemClass}\" href=\"#\" data-action=\"menu-item-click\" data-item-action=\"${action}\">${icon}${label}</a></li>`;\n    }\n\n    /**\n     * Handle clicks on menu items.\n     * @param {Event} event - The click event.\n     * @param {HTMLElement} element - The clicked anchor element.\n     */\n    async onActionMenuItemClick(event, element) {\n        event.preventDefault();\n        const action = element.getAttribute('data-item-action');\n        if (!action) return;\n\n        const menuItem = this.config.items.find(item => item.action === action);\n        if (!menuItem || menuItem.disabled) return;\n\n        // Support for inline handlers\n        if (typeof menuItem.handler === 'function') {\n            menuItem.handler(this.context, event, element);\n        } else {\n            // Emit a general event for parent views to listen to\n            // this.emit('action', {\n            //     action: action,\n            //     context: this.context,\n            //     sourceEvent: event\n            // });\n            this.parent.events.dispatch(action, event, element);\n        }\n        this.closeDropdown();\n    }\n\n    closeDropdown() {\n        const dropdownTrigger = this.element.querySelector('[data-bs-toggle=\"dropdown\"]');\n        if (dropdownTrigger) {\n            const dropdownInstance = window.bootstrap?.Dropdown.getInstance(dropdownTrigger);\n            dropdownInstance?.hide();\n        }\n    }\n}\n\nexport default ContextMenu;\n"],"names":["Page","View","constructor","options","tagName","className","pageName","id","toLowerCase","replace","super","this","route","title","pageIcon","icon","displayName","pageDescription","params","query","matched","isActive","pageOptions","description","requiresAuth","savedState","onParams","canEnter","permissions","user","getApp","activeUser","hasPermission","requiresGroup","activeGroup","onEnter","onInitView","restoreState","document","emit","page","getMetadata","onExit","captureState","onGroupChange","group","name","onActionDefault","action","makeActive","showPage","onActionNavigate","event","element","preventDefault","dataset","scrollTop","formData","captureFormData","custom","captureCustomState","state","restoreFormData","restoreCustomState","data","querySelectorAll","forEach","field","type","checked","value","Object","entries","querySelector","radio","setMeta","meta","descMeta","createElement","head","appendChild","content","key","metaEl","showError","message","errorDiv","innerHTML","insertBefore","firstChild","setTimeout","parentNode","removeChild","showSuccess","successDiv","onBeforeRender","onAfterMount","body","classList","add","onBeforeDestroy","remove","navigate","app","router","window","MOJO","console","error","getRoute","startsWith","substring","syncUrl","force","updateBrowserUrl","trigger","define","definition","DefinedPage","template","ContextMenu","config","contextMenu","context","renderTemplate","menuItems","items","length","triggerIcon","buttonClass","dropdownId","map","item","buildMenuItemHTML","join","separator","label","itemClass","danger","disabled","href","target","onActionMenuItemClick","getAttribute","menuItem","find","handler","parent","events","dispatch","closeDropdown","dropdownTrigger","dropdownInstance","bootstrap","Dropdown","getInstance","hide"],"mappings":"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"}
+{"version":3,"file":"ContextMenu-BwJJ4QJE.js","sources":["../../src/core/Page.js","../../src/core/views/feedback/ContextMenu.js"],"sourcesContent":["/**\n * Page - Extends View with routing capabilities for MOJO framework\n * Handles URL routing, parameters, and page-specific actions\n *\n * Event Emitter notes:\n *   - Uses EventEmitter via View base class.\n *   - Use .emit/.on/.off/.once for all custom events.\n */\n\nimport View from '@core/View.js';\n\nclass Page extends View {\n  constructor(options = {}) {\n    // Set default tag name for pages\n    options.tagName = options.tagName || 'main';\n    options.className = options.className || 'mojo-page';\n\n    // Set page ID based on page name\n    const pageName = options.pageName || '';\n    if (pageName && !options.id) {\n      options.id = 'page_' + pageName.toLowerCase().replace(/\\s+/g, '_');\n    }\n\n    super(options);\n\n    // Core page properties from design doc\n    this.pageName = options.pageName || this.constructor.pageName || '';\n    this.route = options.route || this.constructor.route || '';\n    this.title = options.title || this.pageName || '';\n\n    // Set page ID if not already set and we have a page_name from constructor\n    if (!this.id && this.constructor.pageName && !options.pageName) {\n      this.id = 'page_' + this.constructor.pageName.toLowerCase().replace(/\\s+/g, '_');\n    }\n\n    // Page metadata for event system\n    this.pageIcon = options.icon || options.pageIcon || this.constructor.pageIcon || 'bi bi-file-text';\n    this.displayName = options.displayName || this.constructor.displayName || this.pageName || '';\n    this.pageDescription = options.pageDescription || this.constructor.pageDescription || '';\n\n    // Routing state\n    this.params = {};\n    this.query = {};\n    this.matched = false;\n    this.isActive = false;\n\n    // Page-specific options\n    this.pageOptions = {\n      title: options.title || this.pageName || 'Untitled Page',\n      description: options.description || '',\n      requiresAuth: options.requiresAuth || false,\n      ...options.pageOptions\n    };\n\n    // State preservation\n    this.savedState = null;\n\n    console.log(`Page ${this.pageName} constructed with route: ${this.route}`);\n  }\n\n  /**\n   * Handle route parameters - from design doc\n   * @param {object} params - Route parameters\n   * @param {object} query - Query string parameters\n   */\n  async onParams(params = {}, query = {}) {\n    // const paramsChanged = JSON.stringify(params) !== JSON.stringify(this.params);\n    // const queryChanged = JSON.stringify(query) !== JSON.stringify(this.query);\n\n    this.params = params;\n    this.query = query;\n\n    // Only re-render if params actually changed and page is active\n    // if (this.isActive && (paramsChanged || queryChanged)) {\n    //   console.log(`Page ${this.pageName} params changed, re-rendering`);\n    //   await this.render();\n    // }\n  }\n\n  canEnter() {\n    if (this.options.permissions) {\n      const user = this.getApp().activeUser;\n      if (!user || !user.hasPermission(this.options.permissions)) {\n        return false;\n      }\n    }\n    if (this.options.requiresGroup && !this.getApp().activeGroup) {\n      return false;\n    }\n    return true;\n  }\n\n  /**\n   * Called when entering this page (before render)\n   * Override this method for initialization logic\n   */\n  async onEnter() {\n    this.isActive = true;\n    await this.onInitView();\n\n    // Restore saved state if exists\n    if (this.savedState) {\n      this.restoreState(this.savedState);\n      this.savedState = null;\n    }\n\n    // Set page title if provided\n    if (this.pageOptions && this.pageOptions.title && typeof document !== 'undefined') {\n      document.title = this.pageOptions.title;\n    }\n\n    // Emit activation event\n    this.emit('activated', {\n      page: this.getMetadata()\n    });\n\n    console.log(`Page ${this.pageName} entered`);\n  }\n\n  /**\n   * Called when leaving this page (before cleanup)\n   * Override this method for cleanup logic like removing listeners, clearing timers, etc.\n   */\n  async onExit() {\n    // Save state before exit\n    this.savedState = this.captureState();\n    this.isActive = false;\n\n    // Emit deactivation event\n    this.emit('deactivated', {\n      page: this.getMetadata()\n    });\n    console.log(`Page ${this.pageName} exiting`);\n  }\n\n  /**\n   * Called by PortalApp.setActiveGroup() whenever the user switches to a different group.\n   *\n   * Override this on any page that displays group-scoped data so the page\n   * stays in sync when the active group changes.  Always call super first.\n   *\n   * This is an MVC framework — your override should tell your Models and\n   * Collections to re-fetch for the new group, then call this.render().\n   * There is no framework-provided loadData() method; organise your own\n   * fetch logic however you like.\n   *\n   * @param {Model} group - The newly active Group model.\n   *                        this.getApp().activeGroup is already set to this value.\n   *\n   * @example\n   * async onGroupChange(group) {\n   *   await super.onGroupChange(group);\n   *   if (!group) return;\n   *   await this.myCollection.fetch({ group_id: group.id });\n   *   await this.render();\n   * }\n   */\n  async onGroupChange(group) {\n    // Empty stub — override in subclasses that display group-scoped data.\n  }\n\n  /**\n   * Get page metadata for display and events\n   * @returns {object} Page metadata\n   */\n  getMetadata() {\n    return {\n      name: this.pageName,\n      displayName: this.displayName || this.pageName,\n      icon: this.pageIcon,\n      description: this.pageDescription,\n      route: this.route,\n      isActive: this.isActive\n    };\n  }\n\n  /**\n   * Handle default action - fallback from design doc\n   */\n  async onActionDefault(action) {\n    console.log(`Default action '${action}' triggered on page: ${this.pageName}`);\n  }\n\n  async makeActive() {\n      this.getApp().showPage(this);\n  }\n\n  async onActionNavigate(event, element) {\n      event.preventDefault();\n      const page = element.dataset.page;\n      this.getApp().showPage(page);\n  }\n\n  /**\n   * Capture current page state for preservation\n   * @returns {object|null} Captured state\n   */\n  captureState() {\n    if (!this.element) return null;\n\n    return {\n      scrollTop: this.element.scrollTop,\n      formData: this.captureFormData(),\n      custom: this.captureCustomState()\n    };\n  }\n\n  /**\n   * Restore saved state\n   * @param {object} state - State to restore\n   */\n  restoreState(state) {\n    if (!state || !this.element) return;\n\n    this.element.scrollTop = state.scrollTop || 0;\n    this.restoreFormData(state.formData);\n    if (state.custom) {\n      this.restoreCustomState(state.custom);\n    }\n  }\n\n  /**\n   * Capture form data from page\n   * @returns {object} Form data\n   */\n  captureFormData() {\n    const data = {};\n    if (!this.element) return data;\n\n    this.element.querySelectorAll('input, select, textarea').forEach(field => {\n      if (field.name) {\n        if (field.type === 'checkbox') {\n          data[field.name] = field.checked;\n        } else if (field.type === 'radio') {\n          if (field.checked) {\n            data[field.name] = field.value;\n          }\n        } else {\n          data[field.name] = field.value;\n        }\n      }\n    });\n\n    return data;\n  }\n\n  /**\n   * Restore form data to page\n   * @param {object} formData - Form data to restore\n   */\n  restoreFormData(formData) {\n    if (!formData || !this.element) return;\n\n    Object.entries(formData).forEach(([name, value]) => {\n      const field = this.element.querySelector(`[name=\"${name}\"]`);\n      if (field) {\n        if (field.type === 'checkbox') {\n          field.checked = value;\n        } else if (field.type === 'radio') {\n          const radio = this.element.querySelector(`[name=\"${name}\"][value=\"${value}\"]`);\n          if (radio) radio.checked = true;\n        } else {\n          field.value = value;\n        }\n      }\n    });\n  }\n\n  /**\n   * Capture custom state - override in subclasses\n   * @returns {object} Custom state\n   */\n  captureCustomState() {\n    return {};\n  }\n\n  /**\n   * Restore custom state - override in subclasses\n   * @param {object} state - Custom state to restore\n   */\n  restoreCustomState(state) {\n    // Override in subclasses\n  }\n\n\n\n  /**\n   * Set page metadata\n   * @param {object} meta - Metadata object\n   */\n  setMeta(meta = {}) {\n    if (typeof document === 'undefined') {\n      return;\n    }\n\n    // Set title\n    if (meta.title) {\n      document.title = meta.title;\n      this.pageOptions.title = meta.title;\n    }\n\n    // Set description\n    if (meta.description) {\n      let descMeta = document.querySelector('meta[name=\"description\"]');\n      if (!descMeta) {\n        descMeta = document.createElement('meta');\n        descMeta.name = 'description';\n        document.head.appendChild(descMeta);\n      }\n      descMeta.content = meta.description;\n      this.pageOptions.description = meta.description;\n    }\n\n    // Set other meta tags\n    Object.entries(meta).forEach(([key, value]) => {\n      if (key !== 'title' && key !== 'description') {\n        let metaEl = document.querySelector(`meta[name=\"${key}\"]`);\n        if (!metaEl) {\n          metaEl = document.createElement('meta');\n          metaEl.name = key;\n          document.head.appendChild(metaEl);\n        }\n        metaEl.content = value;\n      }\n    });\n  }\n\n\n  /**\n   * Show error message with page context\n   * @param {string} message - Error message\n   */\n  showError(message) {\n    super.showError(message);\n\n    // Page-specific error display can be implemented here\n    if (this.element) {\n      // Example: Add error to page\n      const errorDiv = document.createElement('div');\n      errorDiv.className = 'alert alert-danger alert-dismissible fade show';\n      errorDiv.innerHTML = `\n        ${message}\n        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>\n      `;\n\n      // Insert at top of page\n      this.element.insertBefore(errorDiv, this.element.firstChild);\n\n      // Auto-remove after 5 seconds\n      setTimeout(() => {\n        if (errorDiv.parentNode) {\n          errorDiv.parentNode.removeChild(errorDiv);\n        }\n      }, 5000);\n    }\n  }\n\n  /**\n   * Show success message with page context\n   * @param {string} message - Success message\n   */\n  showSuccess(message) {\n    super.showSuccess(message);\n\n    // Page-specific success display\n    if (this.element) {\n      const successDiv = document.createElement('div');\n      successDiv.className = 'alert alert-success alert-dismissible fade show';\n      successDiv.innerHTML = `\n        ${message}\n        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>\n      `;\n\n      // Insert at top of page\n      this.element.insertBefore(successDiv, this.element.firstChild);\n\n      // Auto-remove after 3 seconds\n      setTimeout(() => {\n        if (successDiv.parentNode) {\n          successDiv.parentNode.removeChild(successDiv);\n        }\n      }, 3000);\n    }\n  }\n\n  /**\n   * Page-specific before render hook\n   */\n  async onBeforeRender() {\n    await super.onBeforeRender();\n\n    // Set page metadata before rendering\n    this.setMeta({\n      title: this.pageOptions.title,\n      description: this.pageOptions.description\n    });\n  }\n\n  /**\n   * Page-specific after mount hook\n   */\n  async onAfterMount() {\n    await super.onAfterMount();\n\n    // Add page-specific class to body\n    if (typeof document !== 'undefined' && this.pageName) {\n      document.body.classList.add(`page-${this.pageName.toLowerCase().replace(/\\s+/g, '-')}`);\n    }\n  }\n\n  /**\n   * Page-specific before destroy hook\n   */\n  async onBeforeDestroy() {\n    await super.onBeforeDestroy();\n\n    // Remove page-specific class from body\n    if (typeof document !== 'undefined' && this.pageName) {\n      document.body.classList.remove(`page-${this.pageName.toLowerCase().replace(/\\s+/g, '-')}`);\n    }\n  }\n\n  /**\n   * Navigate to another page using the app's router\n   * @param {string} route - Route to navigate to\n   * @param {object} params - Route parameters\n   * @param {object} options - Navigation options\n   */\n  navigate(route, params = {}, options = {}) {\n    // Delegate to app's router\n    if (this.app && this.app.router) {\n      return this.app.router.navigate(route, options);\n    }\n\n    // Fallback to MOJO global router\n    if (typeof window !== 'undefined' && window.MOJO?.router) {\n      return window.MOJO.router.navigate(route, options);\n    }\n\n    console.error('No router available for navigation');\n  }\n\n  getRoute() {\n      if (this.route) {\n          let route = this.route;\n          if (typeof route === 'string' && route.startsWith('/')) {\n              route = route.substring(1);\n          }\n          return route;\n      }\n      return this.pageName;\n  }\n\n  syncUrl(force = true) {\n      this.updateBrowserUrl(this.query, false, false);\n  }\n\n  updateBrowserUrl(query = null, replace = false, trigger = false) {\n    this.getApp();\n    // we need to do this to normalize the URL\n    // const targetPath = this.app.buildPagePath(this, this.params, query);\n    // const { pageName, queryParams } = this.app.router.parseInput(targetPath);\n    this.app.router.updateBrowserUrl(this.getRoute(), query, replace, trigger);\n  }\n\n  /**\n   * Static method to define a page class with metadata\n   * @param {object} definition - Page class definition\n   * @returns {class} Page class\n   */\n  static define(definition) {\n    class DefinedPage extends Page {\n      constructor(options = {}) {\n        super({\n          ...definition,\n          ...options\n        });\n      }\n    }\n\n    // Copy static properties\n    DefinedPage.template = definition.template;\n    DefinedPage.pageName = definition.pageName;\n    DefinedPage.route = definition.route;\n\n    return DefinedPage;\n  }\n}\n\nexport default Page;\n","/**\n * ContextMenu - A reusable context menu component for MOJO\n *\n * Renders a Bootstrap 5 dropdown menu based on a configuration object.\n * This component is designed to be easily embedded in any other View.\n * It supports the same configuration syntax as the Dialog's contextMenu.\n *\n * Features:\n * - Renders a dropdown button with a configurable icon.\n * - Generates menu items from a configuration array.\n * - Supports dividers, icons, labels, and links.\n * - Handles actions via inline handlers or by emitting an 'action' event.\n *\n * @example\n * const contextMenu = new ContextMenu({\n *   config: {\n *     icon: 'bi-gear', // Optional: custom trigger icon\n *     items: [\n *       { label: 'Edit', action: 'edit', icon: 'bi-pencil' },\n *       { label: 'Delete', action: 'delete', icon: 'bi-trash', danger: true },\n *       { type: 'divider' },\n *       {\n *         label: 'Custom Action',\n *         action: 'custom',\n *         icon: 'bi-star',\n *         handler: (context) => {\n *           console.log('Inline handler called with context:', context);\n *         }\n *       }\n *     ]\n *   },\n *   context: { id: 123, name: 'My Item' } // Optional data to pass to handlers/events\n * });\n *\n * // Listen for actions from the parent view\n * contextMenu.on('action', (data) => {\n *   console.log(`Action '${data.action}' triggered for context:`, data.context);\n *   if (data.action === 'edit') {\n *     // handle edit\n *   }\n * });\n */\n\nimport View from '@core/View.js';\n\nclass ContextMenu extends View {\n    constructor(options = {}) {\n        super({\n            tagName: 'div',\n            className: 'context-menu-view dropdown',\n            ...options\n        });\n\n        this.config = options.contextMenu || options.config || {};\n        this.context = options.context || {}; // Optional data to pass to handlers/events\n    }\n\n    /**\n     * Build the dropdown menu HTML from the configuration.\n     */\n    async renderTemplate() {\n        const menuItems = this.config.items || [];\n        if (menuItems.length === 0) {\n            return ''; // Don't render anything if there are no items\n        }\n\n        const triggerIcon = this.config.icon || 'bi-three-dots-horizontal';\n        const buttonClass = this.config.buttonClass || 'btn btn-link text-secondary ps-3 pe-0 pt-0 pb-1';\n        const dropdownId = `context-menu-${this.id}`;\n\n        const menuItemsHtml = menuItems.map(item => this.buildMenuItemHTML(item)).join('');\n\n        return `\n            <button class=\"${buttonClass}\" type=\"button\" id=\"${dropdownId}\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                <i class=\"${triggerIcon}\"></i>\n            </button>\n            <ul class=\"dropdown-menu dropdown-menu-end\" aria-labelledby=\"${dropdownId}\">\n                ${menuItemsHtml}\n            </ul>\n        `;\n    }\n\n    /**\n     * Build the HTML for a single menu item.\n     * @param {object} item - The menu item configuration.\n     * @returns {string} The HTML string for the list item.\n     */\n    buildMenuItemHTML(item) {\n        if (item.type === 'divider' || item.separator) {\n            return '<li><hr class=\"dropdown-divider\"></li>';\n        }\n\n        const icon = item.icon ? `<i class=\"${item.icon} me-2\"></i>` : '';\n        const label = item.label || '';\n        const itemClass = `dropdown-item ${item.danger ? 'text-danger' : ''} ${item.disabled ? 'disabled' : ''}`;\n        const action = item.action || '';\n\n        if (item.href) {\n            return `<li><a class=\"${itemClass}\" href=\"${item.href}\" target=\"${item.target || '_self'}\">${icon}${label}</a></li>`;\n        }\n\n        return `<li><a class=\"${itemClass}\" href=\"#\" data-action=\"menu-item-click\" data-item-action=\"${action}\">${icon}${label}</a></li>`;\n    }\n\n    /**\n     * Handle clicks on menu items.\n     * @param {Event} event - The click event.\n     * @param {HTMLElement} element - The clicked anchor element.\n     */\n    async onActionMenuItemClick(event, element) {\n        event.preventDefault();\n        const action = element.getAttribute('data-item-action');\n        if (!action) return;\n\n        const menuItem = this.config.items.find(item => item.action === action);\n        if (!menuItem || menuItem.disabled) return;\n\n        // Support for inline handlers\n        if (typeof menuItem.handler === 'function') {\n            menuItem.handler(this.context, event, element);\n        } else {\n            // Emit a general event for parent views to listen to\n            // this.emit('action', {\n            //     action: action,\n            //     context: this.context,\n            //     sourceEvent: event\n            // });\n            this.parent.events.dispatch(action, event, element);\n        }\n        this.closeDropdown();\n    }\n\n    closeDropdown() {\n        const dropdownTrigger = this.element.querySelector('[data-bs-toggle=\"dropdown\"]');\n        if (dropdownTrigger) {\n            const dropdownInstance = window.bootstrap?.Dropdown.getInstance(dropdownTrigger);\n            dropdownInstance?.hide();\n        }\n    }\n}\n\nexport default ContextMenu;\n"],"names":["Page","View","constructor","options","tagName","className","pageName","id","toLowerCase","replace","super","this","route","title","pageIcon","icon","displayName","pageDescription","params","query","matched","isActive","pageOptions","description","requiresAuth","savedState","onParams","canEnter","permissions","user","getApp","activeUser","hasPermission","requiresGroup","activeGroup","onEnter","onInitView","restoreState","document","emit","page","getMetadata","onExit","captureState","onGroupChange","group","name","onActionDefault","action","makeActive","showPage","onActionNavigate","event","element","preventDefault","dataset","scrollTop","formData","captureFormData","custom","captureCustomState","state","restoreFormData","restoreCustomState","data","querySelectorAll","forEach","field","type","checked","value","Object","entries","querySelector","radio","setMeta","meta","descMeta","createElement","head","appendChild","content","key","metaEl","showError","message","errorDiv","innerHTML","insertBefore","firstChild","setTimeout","parentNode","removeChild","showSuccess","successDiv","onBeforeRender","onAfterMount","body","classList","add","onBeforeDestroy","remove","navigate","app","router","window","MOJO","console","error","getRoute","startsWith","substring","syncUrl","force","updateBrowserUrl","trigger","define","definition","DefinedPage","template","ContextMenu","config","contextMenu","context","renderTemplate","menuItems","items","length","triggerIcon","buttonClass","dropdownId","map","item","buildMenuItemHTML","join","separator","label","itemClass","danger","disabled","href","target","onActionMenuItemClick","getAttribute","menuItem","find","handler","parent","events","dispatch","closeDropdown","dropdownTrigger","dropdownInstance","bootstrap","Dropdown","getInstance","hide"],"mappings":"6CAWA,MAAMA,aAAaC,EACjB,WAAAC,CAAYC,EAAU,IAEpBA,EAAQC,QAAUD,EAAQC,SAAW,OACrCD,EAAQE,UAAYF,EAAQE,WAAa,YAGzC,MAAMC,EAAWH,EAAQG,UAAY,GACjCA,IAAaH,EAAQI,KACvBJ,EAAQI,GAAK,QAAUD,EAASE,cAAcC,QAAQ,OAAQ,MAGhEC,MAAMP,GAGNQ,KAAKL,SAAWH,EAAQG,UAAYK,KAAKT,YAAYI,UAAY,GACjEK,KAAKC,MAAQT,EAAQS,OAASD,KAAKT,YAAYU,OAAS,GACxDD,KAAKE,MAAQV,EAAQU,OAASF,KAAKL,UAAY,GAG1CK,KAAKJ,KAAMI,KAAKT,YAAYI,UAAaH,EAAQG,WACpDK,KAAKJ,GAAK,QAAUI,KAAKT,YAAYI,SAASE,cAAcC,QAAQ,OAAQ,MAI9EE,KAAKG,SAAWX,EAAQY,MAAQZ,EAAQW,UAAYH,KAAKT,YAAYY,UAAY,kBACjFH,KAAKK,YAAcb,EAAQa,aAAeL,KAAKT,YAAYc,aAAeL,KAAKL,UAAY,GAC3FK,KAAKM,gBAAkBd,EAAQc,iBAAmBN,KAAKT,YAAYe,iBAAmB,GAGtFN,KAAKO,OAAS,CAAA,EACdP,KAAKQ,MAAQ,CAAA,EACbR,KAAKS,SAAU,EACfT,KAAKU,UAAW,EAGhBV,KAAKW,YAAc,CACjBT,MAAOV,EAAQU,OAASF,KAAKL,UAAY,gBACzCiB,YAAapB,EAAQoB,aAAe,GACpCC,aAAcrB,EAAQqB,eAAgB,KACnCrB,EAAQmB,aAIbX,KAAKc,WAAa,KAEEd,KAAKL,SAAoCK,KAAKC,KACpE,CAOA,cAAMc,CAASR,EAAS,GAAIC,EAAQ,CAAA,GAIlCR,KAAKO,OAASA,EACdP,KAAKQ,MAAQA,CAOf,CAEA,QAAAQ,GACE,GAAIhB,KAAKR,QAAQyB,YAAa,CAC5B,MAAMC,EAAOlB,KAAKmB,SAASC,WAC3B,IAAKF,IAASA,EAAKG,cAAcrB,KAAKR,QAAQyB,aAC5C,OAAO,CAEX,CACA,QAAIjB,KAAKR,QAAQ8B,gBAAkBtB,KAAKmB,SAASI,YAInD,CAMA,aAAMC,GACJxB,KAAKU,UAAW,QACVV,KAAKyB,aAGPzB,KAAKc,aACPd,KAAK0B,aAAa1B,KAAKc,YACvBd,KAAKc,WAAa,MAIhBd,KAAKW,aAAeX,KAAKW,YAAYT,OAA6B,oBAAbyB,WACvDA,SAASzB,MAAQF,KAAKW,YAAYT,OAIpCF,KAAK4B,KAAK,YAAa,CACrBC,KAAM7B,KAAK8B,gBAGO9B,KAAKL,QAC3B,CAMA,YAAMoC,GAEJ/B,KAAKc,WAAad,KAAKgC,eACvBhC,KAAKU,UAAW,EAGhBV,KAAK4B,KAAK,cAAe,CACvBC,KAAM7B,KAAK8B,gBAEO9B,KAAKL,QAC3B,CAwBA,mBAAMsC,CAAcC,GAEpB,CAMA,WAAAJ,GACE,MAAO,CACLK,KAAMnC,KAAKL,SACXU,YAAaL,KAAKK,aAAeL,KAAKL,SACtCS,KAAMJ,KAAKG,SACXS,YAAaZ,KAAKM,gBAClBL,MAAOD,KAAKC,MACZS,SAAUV,KAAKU,SAEnB,CAKA,qBAAM0B,CAAgBC,GACyCrC,KAAKL,QACpE,CAEA,gBAAM2C,GACFtC,KAAKmB,SAASoB,SAASvC,KAC3B,CAEA,sBAAMwC,CAAiBC,EAAOC,GAC1BD,EAAME,iBACN,MAAMd,EAAOa,EAAQE,QAAQf,KAC7B7B,KAAKmB,SAASoB,SAASV,EAC3B,CAMA,YAAAG,GACE,OAAKhC,KAAK0C,QAEH,CACLG,UAAW7C,KAAK0C,QAAQG,UACxBC,SAAU9C,KAAK+C,kBACfC,OAAQhD,KAAKiD,sBALW,IAO5B,CAMA,YAAAvB,CAAawB,GACNA,GAAUlD,KAAK0C,UAEpB1C,KAAK0C,QAAQG,UAAYK,EAAML,WAAa,EAC5C7C,KAAKmD,gBAAgBD,EAAMJ,UACvBI,EAAMF,QACRhD,KAAKoD,mBAAmBF,EAAMF,QAElC,CAMA,eAAAD,GACE,MAAMM,EAAO,CAAA,EACb,OAAKrD,KAAK0C,SAEV1C,KAAK0C,QAAQY,iBAAiB,2BAA2BC,QAAQC,IAC3DA,EAAMrB,OACW,aAAfqB,EAAMC,KACRJ,EAAKG,EAAMrB,MAAQqB,EAAME,QACD,UAAfF,EAAMC,KACXD,EAAME,UACRL,EAAKG,EAAMrB,MAAQqB,EAAMG,OAG3BN,EAAKG,EAAMrB,MAAQqB,EAAMG,SAKxBN,GAhBmBA,CAiB5B,CAMA,eAAAF,CAAgBL,GACTA,GAAa9C,KAAK0C,SAEvBkB,OAAOC,QAAQf,GAAUS,QAAQ,EAAEpB,EAAMwB,MACvC,MAAMH,EAAQxD,KAAK0C,QAAQoB,cAAc,UAAU3B,OACnD,GAAIqB,EACF,GAAmB,aAAfA,EAAMC,KACRD,EAAME,QAAUC,OAClB,GAA0B,UAAfH,EAAMC,KAAkB,CACjC,MAAMM,EAAQ/D,KAAK0C,QAAQoB,cAAc,UAAU3B,cAAiBwB,OAChEI,MAAaL,SAAU,EAC7B,MACEF,EAAMG,MAAQA,GAItB,CAMA,kBAAAV,GACE,MAAO,CAAA,CACT,CAMA,kBAAAG,CAAmBF,GAEnB,CAQA,OAAAc,CAAQC,EAAO,IACb,GAAwB,oBAAbtC,SAAX,CAWA,GANIsC,EAAK/D,QACPyB,SAASzB,MAAQ+D,EAAK/D,MACtBF,KAAKW,YAAYT,MAAQ+D,EAAK/D,OAI5B+D,EAAKrD,YAAa,CACpB,IAAIsD,EAAWvC,SAASmC,cAAc,4BACjCI,IACHA,EAAWvC,SAASwC,cAAc,QAClCD,EAAS/B,KAAO,cAChBR,SAASyC,KAAKC,YAAYH,IAE5BA,EAASI,QAAUL,EAAKrD,YACxBZ,KAAKW,YAAYC,YAAcqD,EAAKrD,WACtC,CAGAgD,OAAOC,QAAQI,GAAMV,QAAQ,EAAEgB,EAAKZ,MAClC,GAAY,UAARY,GAA2B,gBAARA,EAAuB,CAC5C,IAAIC,EAAS7C,SAASmC,cAAc,cAAcS,OAC7CC,IACHA,EAAS7C,SAASwC,cAAc,QAChCK,EAAOrC,KAAOoC,EACd5C,SAASyC,KAAKC,YAAYG,IAE5BA,EAAOF,QAAUX,CACnB,GA9BF,CAgCF,CAOA,SAAAc,CAAUC,GAIR,GAHA3E,MAAM0E,UAAUC,GAGZ1E,KAAK0C,QAAS,CAEhB,MAAMiC,EAAWhD,SAASwC,cAAc,OACxCQ,EAASjF,UAAY,iDACrBiF,EAASC,UAAY,aACjBF,kHAKJ1E,KAAK0C,QAAQmC,aAAaF,EAAU3E,KAAK0C,QAAQoC,YAGjDC,WAAW,KACLJ,EAASK,YACXL,EAASK,WAAWC,YAAYN,IAEjC,IACL,CACF,CAMA,WAAAO,CAAYR,GAIV,GAHA3E,MAAMmF,YAAYR,GAGd1E,KAAK0C,QAAS,CAChB,MAAMyC,EAAaxD,SAASwC,cAAc,OAC1CgB,EAAWzF,UAAY,kDACvByF,EAAWP,UAAY,aACnBF,kHAKJ1E,KAAK0C,QAAQmC,aAAaM,EAAYnF,KAAK0C,QAAQoC,YAGnDC,WAAW,KACLI,EAAWH,YACbG,EAAWH,WAAWC,YAAYE,IAEnC,IACL,CACF,CAKA,oBAAMC,SACErF,MAAMqF,iBAGZpF,KAAKgE,QAAQ,CACX9D,MAAOF,KAAKW,YAAYT,MACxBU,YAAaZ,KAAKW,YAAYC,aAElC,CAKA,kBAAMyE,SACEtF,MAAMsF,eAGY,oBAAb1D,UAA4B3B,KAAKL,UAC1CgC,SAAS2D,KAAKC,UAAUC,IAAI,QAAQxF,KAAKL,SAASE,cAAcC,QAAQ,OAAQ,OAEpF,CAKA,qBAAM2F,SACE1F,MAAM0F,kBAGY,oBAAb9D,UAA4B3B,KAAKL,UAC1CgC,SAAS2D,KAAKC,UAAUG,OAAO,QAAQ1F,KAAKL,SAASE,cAAcC,QAAQ,OAAQ,OAEvF,CAQA,QAAA6F,CAAS1F,EAAOM,EAAS,CAAA,EAAIf,EAAU,CAAA,GAErC,OAAIQ,KAAK4F,KAAO5F,KAAK4F,IAAIC,OAChB7F,KAAK4F,IAAIC,OAAOF,SAAS1F,EAAOT,GAInB,oBAAXsG,QAA0BA,OAAOC,MAAMF,OACzCC,OAAOC,KAAKF,OAAOF,SAAS1F,EAAOT,QAG5CwG,QAAQC,MAAM,qCAChB,CAEA,QAAAC,GACI,GAAIlG,KAAKC,MAAO,CACZ,IAAIA,EAAQD,KAAKC,MAIjB,MAHqB,iBAAVA,GAAsBA,EAAMkG,WAAW,OAC9ClG,EAAQA,EAAMmG,UAAU,IAErBnG,CACX,CACA,OAAOD,KAAKL,QAChB,CAEA,OAAA0G,CAAQC,GAAQ,GACZtG,KAAKuG,iBAAiBvG,KAAKQ,OAAO,GAAO,EAC7C,CAEA,gBAAA+F,CAAiB/F,EAAQ,KAAMV,GAAU,EAAO0G,GAAU,GACxDxG,KAAKmB,SAILnB,KAAK4F,IAAIC,OAAOU,iBAAiBvG,KAAKkG,WAAY1F,EAAOV,EAAS0G,EACpE,CAOA,aAAOC,CAAOC,GACZ,MAAMC,oBAAoBtH,KACxB,WAAAE,CAAYC,EAAU,IACpBO,MAAM,IACD2G,KACAlH,GAEP,EAQF,OAJAmH,YAAYC,SAAWF,EAAWE,SAClCD,YAAYhH,SAAW+G,EAAW/G,SAClCgH,YAAY1G,MAAQyG,EAAWzG,MAExB0G,WACT,ECzbF,MAAME,oBAAoBvH,EACtB,WAAAC,CAAYC,EAAU,IAClBO,MAAM,CACFN,QAAS,MACTC,UAAW,gCACRF,IAGPQ,KAAK8G,OAAStH,EAAQuH,aAAevH,EAAQsH,QAAU,CAAA,EACvD9G,KAAKgH,QAAUxH,EAAQwH,SAAW,CAAA,CACtC,CAKA,oBAAMC,GACF,MAAMC,EAAYlH,KAAK8G,OAAOK,OAAS,GACvC,GAAyB,IAArBD,EAAUE,OACV,MAAO,GAGX,MAAMC,EAAcrH,KAAK8G,OAAO1G,MAAQ,2BAClCkH,EAActH,KAAK8G,OAAOQ,aAAe,kDACzCC,EAAa,gBAAgBvH,KAAKJ,KAIxC,MAAO,gCACc0H,wBAAkCC,kFACnCF,4GAE+CE,wBAN7CL,EAAUM,IAAIC,GAAQzH,KAAK0H,kBAAkBD,IAAOE,KAAK,kCAUnF,CAOA,iBAAAD,CAAkBD,GACd,GAAkB,YAAdA,EAAKhE,MAAsBgE,EAAKG,UAChC,MAAO,yCAGX,MAAMxH,EAAOqH,EAAKrH,KAAO,aAAaqH,EAAKrH,kBAAoB,GACzDyH,EAAQJ,EAAKI,OAAS,GACtBC,EAAY,iBAAiBL,EAAKM,OAAS,cAAgB,MAAMN,EAAKO,SAAW,WAAa,KAC9F3F,EAASoF,EAAKpF,QAAU,GAE9B,OAAIoF,EAAKQ,KACE,iBAAiBH,YAAoBL,EAAKQ,iBAAiBR,EAAKS,QAAU,YAAY9H,IAAOyH,aAGjG,iBAAiBC,+DAAuEzF,MAAWjC,IAAOyH,YACrH,CAOA,2BAAMM,CAAsB1F,EAAOC,GAC/BD,EAAME,iBACN,MAAMN,EAASK,EAAQ0F,aAAa,oBACpC,IAAK/F,EAAQ,OAEb,MAAMgG,EAAWrI,KAAK8G,OAAOK,MAAMmB,KAAKb,GAAQA,EAAKpF,SAAWA,GAC3DgG,IAAYA,EAASL,WAGM,mBAArBK,EAASE,QAChBF,EAASE,QAAQvI,KAAKgH,QAASvE,EAAOC,GAQtC1C,KAAKwI,OAAOC,OAAOC,SAASrG,EAAQI,EAAOC,GAE/C1C,KAAK2I,gBACT,CAEA,aAAAA,GACI,MAAMC,EAAkB5I,KAAK0C,QAAQoB,cAAc,+BACnD,GAAI8E,EAAiB,CACjB,MAAMC,EAAmB/C,OAAOgD,WAAWC,SAASC,YAAYJ,GAChEC,GAAkBI,MACtB,CACJ"}

package/dist/chunks/DataView-DMpNXerv.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Collection-BUv4E9op.js");class DataView extends e.View{constructor(e={}){const{data:t,model:s,fields:i,columns:a,responsive:n,showEmptyValues:r,emptyValueText:l,...o}=e;super({tagName:"div",className:"data-view",...o}),this.data=t||{},this.fields=i||[],this.model=s||null,this.model&&(this.data=this.model),this.dataViewOptions={columns:a||2,responsive:!1!==n,showEmptyValues:r||!1,emptyValueText:l||"—",rowClass:"row g-3",itemClass:"data-view-item",labelClass:"data-view-label fw-semibold text-muted small text-uppercase",valueClass:"data-view-value"}}async onBeforeRender(){0===this.fields.length&&this.getData()&&this.generateFieldsFromData()}async renderTemplate(){const e=this.buildItemsHTML();return`\n      <div class="${this.dataViewOptions.rowClass}">\n        ${e}\n      </div>\n    `}generateFieldsFromData(){const e=this.getData();e&&"object"==typeof e&&(this.fields=Object.keys(e).map(t=>{const s=e[t],i=this.inferFieldType(s,t),a=this.inferFormatter(s,t,i);return{name:t,label:this.formatLabel(t),type:i,format:a,formatter:a}}))}formatLabel(e){return e.replace(/([A-Z])/g," $1").replace(/[_-]/g," ").replace(/\b\w/g,e=>e.toUpperCase()).trim()}inferFieldType(e,t=""){if(null==e)return"text";const s=t.toLowerCase(),i=typeof e;if(s.includes("date")||s.includes("time")||s.includes("created")||s.includes("updated")||s.includes("modified")||s.includes("last_login")||s.includes("expires")||s.includes("last_activity"))return"datetime";if(s.includes("email")||s.includes("mail"))return"email";if(s.includes("url")||s.includes("link")||s.includes("website")||s.includes("homepage"))return"url";if(s.includes("phone")||s.includes("tel")||s.includes("mobile")||s.includes("cell"))return"phone";if(s.includes("price")||s.includes("cost")||s.includes("amount")||s.includes("fee")||s.includes("salary")||s.includes("revenue"))return"currency";if(s.includes("size")||s.includes("bytes"))return"filesize";if(s.includes("percent")||s.includes("rate")||s.includes("ratio")&&"number"===i)return"percent";if("boolean"===i)return"boolean";if("number"===i)return"number";if("object"===i)return Array.isArray(e)?"array":e&&e.renditions?"file":this.shouldUseDataView(e,s)?"dataview":"object";if("string"===i){if(e.includes("@")&&e.includes("."))return"email";if(e.match(/^\d{4}-\d{2}-\d{2}/))return"date";if(e.match(/^https?:\/\//))return"url";if(e.match(/^\+?[\d\s\-\(\)]+$/))return"phone"}return"text"}inferFormatter(e,t,s){const i=t.toLowerCase(),a=[];switch(s){case"datetime":i.includes("time")&&!i.includes("date")?a.push("time"):i.includes("relative")||i.includes("ago")||i.includes("last_")?a.push("relative"):i.includes("created")||i.includes("updated")||i.includes("modified")?a.push('date("MMM D, YYYY")'):a.push('date("MMMM D, YYYY")');break;case"date":i.includes("birth")||i.includes("dob")?a.push('date("MMMM D, YYYY")'):a.push('date("MMM D, YYYY")');break;case"email":case"url":case"boolean":case"array":case"object":case"dataview":break;case"phone":a.push("phone");break;case"currency":a.push("currency"),i.includes("eur")||i.includes("euro")?a[a.length-1]='currency("EUR")':(i.includes("gbp")||i.includes("pound"))&&(a[a.length-1]='currency("GBP")');break;case"filesize":a.push("filesize");break;case"percent":a.push("percent");break;case"number":if("number"==typeof e)if(i.includes("count")||i.includes("total")||i.includes("followers")||i.includes("views"))e>=1e3?a.push("compact"):a.push("number");else if(i.includes("score")||i.includes("rating"))a.push("number"),e%1!=0&&(a[a.length-1]="number(1)");else{if(i.includes("version")||i.includes("id"))return null;a.push("number")}break;case"text":"string"==typeof e&&(i.includes("description")||i.includes("content")||i.includes("body")?e.length>200?a.push("truncate(200)"):e.length>100&&a.push("truncate(100)"):i.includes("summary")||i.includes("excerpt")?e.length>150&&a.push("truncate(150)"):i.includes("name")||i.includes("title")||i.includes("label")?(a.push("capitalize"),e.length>50&&a.unshift("truncate(50)")):i.includes("slug")||i.includes("handle")||i.includes("username")?a.push("slug"):i.includes("code")||i.includes("token")||i.includes("key")?e.length>20&&a.push("mask"):e.length>100&&a.push("truncate(100)"));break;default:"string"==typeof e&&e.length>100&&a.push("truncate(100)")}return a.length>0?a.join("|"):null}shouldUseDataView(e,t){if(!e||"object"!=typeof e||Array.isArray(e))return!1;if(window.utils&&window.utils.isObject(e)&&e.id)return!0;if(["permissions","perms","access","rights","settings","config","configuration","options","profile","info","details","data","metadata","meta","attributes","props","preferences","prefs","user_data","contact","address","location","stats","statistics","metrics","counts"].some(e=>t.includes(e))){const t=Object.keys(e);if(t.length>=2&&t.length<=20&&!t.some(t=>"object"==typeof e[t]&&null!==e[t]&&!Array.isArray(e[t])&&Object.keys(e[t]).length>3))return!0}return!1}getData(){return this.model&&this.model.attributes?{...this.model.attributes}:this.data||{}}getFieldValue(t){let s,i=t.name||t.key,a=t.format||t.formatter;if(!i)return null;if(i&&i.includes("|")){const e=i.split("|");i=e[0].trim(),a||(a=e.slice(1).join("|").trim())}if(s=this.model&&"function"==typeof this.model.get?this.model.get(i):this.getData()[i],a&&(s=e.dataFormatter.pipe(s,a)),null==s||""===s)return this.dataViewOptions.showEmptyValues?this.dataViewOptions.emptyValueText:null;if(t.template){const e=this.model?this.model:this.data;return this.renderTemplateString(t.template,e)}return s}renderTemplateString(t,s){return t&&s?t.replace(/\{\{([^}]+)\}\}/g,(t,i)=>{let a;const n=i.trim().split("|"),r=n[0],l=n.slice(1).join("|");return a=this.model&&"function"==typeof this.model.get?this.model.get(r):r.split(".").reduce((e,t)=>e?e[t]:void 0,s),l&&(a=e.dataFormatter.pipe(a,l)),null!=a?a:""}):""}getColumnClasses(e){let t=this.getColumnSizeClasses(e);return"right"==e.justify?t+=" d-flex justify-content-end":"center"==e.justify&&(t+=" d-flex justify-content-center"),t}getColumnSizeClasses(e){if("array"===e.type||"object"===e.type||"dataview"===e.type)return"col-12";const t=e.columns||e.colSize||e.cols||Math.floor(12/this.dataViewOptions.columns);return this.dataViewOptions.responsive?`col-12 col-md-${t}`:`col-${t}`}buildItemsHTML(){return this.fields.map(e=>this.buildItemHTML(e)).filter(Boolean).join("")}buildItemHTML(e){const t=this.getFieldValue(e);if(null===t&&!this.dataViewOptions.showEmptyValues)return"";const s=e.label||this.formatLabel(e.name);return`\n      <div class="${this.getColumnClasses(e)}">\n        <div class="${this.dataViewOptions.itemClass} ${e.className}" data-field="${e.name}">\n          ${this.buildLabelHTML(s,e)}\n          ${this.buildValueHTML(t,e)}\n        </div>\n      </div>\n    `}buildLabelHTML(e,t){return`<div class="${t.labelClass||this.dataViewOptions.labelClass}">${this.escapeHtml(e)}:</div>`}buildValueHTML(e,t){return`<div class="${t.valueClass||this.dataViewOptions.valueClass}">${this.formatDisplayValue(e,t)}</div>`}formatDisplayValue(e,t){if(null==e)return this.dataViewOptions.emptyValueText;if(t.template)return String(e);if(t.format||t.formatter)return String(e);const s=this.getData()[t.name];switch(t.type){case"boolean":return s?'<span class="badge bg-success">Yes</span>':'<span class="badge bg-secondary">No</span>';case"email":const i=String(e);return`<a href="mailto:${this.escapeHtml(i)}" class="text-decoration-none">${this.escapeHtml(i)}</a>`;case"url":const a=String(e);return`<a href="${this.escapeHtml(a)}" target="_blank" rel="noopener" class="text-decoration-none">${this.escapeHtml(a)} <i class="bi bi-box-arrow-up-right"></i></a>`;case"array":case"object":return this.formatAsJson(s);case"dataview":return this.formatAsDataView(s,t);case"phone":const n=String(e);return`<a href="tel:${n.replace(/[^\d\+]/g,"")}" class="text-decoration-none">${this.escapeHtml(n)}</a>`;default:return this.escapeHtml(String(e))}}formatAsJson(e){try{const t=JSON.stringify(e,null,2),s=this.escapeHtml(t),i=t.split("\n").length,a=i>10||t.length>500,n=`json-${Math.random().toString(36).substr(2,9)}`;if(a){const a=JSON.stringify(e).substring(0,100)+(JSON.stringify(e).length>100?"...":""),r=this.escapeHtml(a);return`\n          <div class="json-container">\n            <div class="d-flex align-items-center justify-content-between mb-1">\n              <small class="text-muted">${Array.isArray(e)?"Array":"Object"} (${i} lines)</small>\n              <div class="btn-group btn-group-sm" role="group">\n                <button type="button" class="btn btn-outline-secondary btn-sm json-toggle" data-bs-toggle="collapse" data-bs-target="#${n}" aria-expanded="false">\n                  <i class="bi bi-eye"></i> Show\n                </button>\n                <button type="button" class="btn btn-outline-secondary btn-sm json-copy" data-json='${this.escapeHtml(t)}' title="Copy JSON">\n                  <i class="bi bi-clipboard"></i>\n                </button>\n              </div>\n            </div>\n            <div class="json-preview bg-light p-2 rounded small border" style="font-family: 'Courier New', monospace;">\n              <code class="text-muted">${r}</code>\n            </div>\n            <div class="collapse mt-2" id="${n}">\n              <pre class="json-display p-3 rounded small mb-0" style="max-height: 400px; overflow-y: auto; white-space: pre-wrap; font-family: 'Courier New', monospace;"><code>${this.syntaxHighlightJson(s)}</code></pre>\n            </div>\n          </div>\n        `}return`\n          <div class="json-container">\n            <div class="d-flex align-items-center justify-content-between mb-1">\n              <small class="text-muted">${Array.isArray(e)?"Array":"Object"}</small>\n              <button type="button" class="btn btn-outline-secondary btn-sm json-copy" data-json='${this.escapeHtml(t)}' title="Copy JSON">\n                <i class="bi bi-clipboard"></i>\n              </button>\n            </div>\n            <pre class="json-display bg-light p-2 rounded small mb-0 border" style="white-space: pre-wrap; font-family: 'Courier New', monospace;"><code>${this.syntaxHighlightJson(s)}</code></pre>\n          </div>\n        `}catch(t){return`<span class="text-muted fst-italic">[Object: ${typeof e}] - Cannot display as JSON</span>`}}syntaxHighlightJson(e){return e.replace(/("([^"\\]|\\.)*")\s*:/g,'<span style="color: #0969da;">$1</span>:').replace(/:\s*("([^"\\]|\\.)*")/g,': <span style="color: #0a3069;">$1</span>').replace(/:\s*(true|false)/g,': <span style="color: #8250df;">$1</span>').replace(/:\s*(null)/g,': <span style="color: #656d76;">$1</span>').replace(/:\s*(-?\d+\.?\d*)/g,': <span style="color: #0550ae;">$1</span>')}bindEvents(){super.bindEvents(),this.element&&this.element.addEventListener("click",e=>{const t=e.target.closest("[data-field]");if(t){const s=t.dataset.field,i=this.fields.find(e=>e.name===s);this.emit("field:click",{field:i,fieldName:s,element:t,event:e})}e.target.closest(".json-copy")&&(e.preventDefault(),e.stopPropagation(),this.handleJsonCopy(e.target.closest(".json-copy"))),e.target.closest(".json-toggle")&&this.handleJsonToggle(e.target.closest(".json-toggle"))})}handleJsonCopy(e){const t=e.getAttribute("data-json");if(t)try{if(navigator.clipboard&&window.isSecureContext)navigator.clipboard.writeText(t).then(()=>{this.showCopyFeedback(e)});else{const s=document.createElement("textarea");s.value=t,document.body.appendChild(s),s.select(),document.execCommand("copy"),document.body.removeChild(s),this.showCopyFeedback(e)}}catch(s){console.warn("Failed to copy JSON:",s)}}handleJsonToggle(e){const t=e.querySelector("i"),s="true"===e.getAttribute("aria-expanded");setTimeout(()=>{s?(t.className="bi bi-eye-slash",e.innerHTML='<i class="bi bi-eye-slash"></i> Hide'):(t.className="bi bi-eye",e.innerHTML='<i class="bi bi-eye"></i> Show')},10)}showCopyFeedback(e){const t=e.querySelector("i").className,s=e.querySelector("i");s.className="bi bi-check text-success",e.classList.add("btn-success"),e.classList.remove("btn-outline-secondary"),setTimeout(()=>{s.className=t,e.classList.remove("btn-success"),e.classList.add("btn-outline-secondary")},1e3)}formatAsDataView(e,t){if(!e||"object"!=typeof e)return'<span class="text-muted fst-italic">No data available</span>';try{const s=new this.constructor({data:e,columns:t.dataViewColumns||2,showEmptyValues:t.showEmptyValues??!0,emptyValueText:t.emptyValueText||"Not set",...t.dataViewOptions||{}});s.onInit(),s.generateFieldsFromData();const i=s.buildItemsHTML();return`\n        <div class="nested-dataview border rounded p-3 bg-light">\n          <div class="${s.dataViewOptions.rowClass}">\n            ${i}\n          </div>\n        </div>\n      `}catch(s){return console.error("Error creating nested DataView:",s),'<span class="text-danger">Error displaying nested data</span>'}}async updateData(e){return this.data=e,this.model&&"function"==typeof this.model.set&&this.model.set(e),this.fields.length>0&&!this.options.fields&&(this.fields=[]),await this.render(),this.emit("data:updated",{data:e}),this}async updateFields(e){return this.fields=e,await this.render(),this.emit("fields:updated",{fields:e}),this}async updateConfig(e){return this.dataViewOptions={...this.dataViewOptions,...e},await this.render(),this.emit("config:updated",{options:this.dataViewOptions}),this}async refresh(){if(this.model&&"function"==typeof this.model.fetch)try{await this.model.fetch(),this.emit("data:refreshed",{model:this.model})}catch(e){throw this.emit("error",{error:e,message:"Failed to refresh data"}),e}return this}getCurrentData(){return this.getData()}getField(e){return this.fields.find(t=>t.name===e)||null}setFieldFormat(e,t){const s=this.getField(e);return s?(s.format=t,s.formatter=t):this.fields.push({name:e,label:this.formatLabel(e),type:this.inferFieldType(this.getData()[e],e),format:t,formatter:t}),this}addFormatPipe(e,t){const s=this.getField(e);return s&&(s.format?(s.format+=`|${t}`,s.formatter=s.format):(s.format=t,s.formatter=t)),this}clearFieldFormat(e){const t=this.getField(e);if(t){const s=this.getData(),i=this.inferFormatter(s[e],e,t.type);t.format=i,t.formatter=i}return this}getFormattedValue(t,s=null){const i=this.getField(t);if(!i)return null;const a=null!==s?s:this.getData()[t],n=i.format||i.formatter;return n&&null!=a?e.dataFormatter.pipe(a,n):a}setFieldFormats(e){return Object.entries(e).forEach(([e,t])=>{this.setFieldFormat(e,t)}),this}getFieldFormats(){const e={};return this.fields.forEach(t=>{const s=t.format||t.formatter;s&&(e[t.name]=s)}),e}onInit(){super.onInit(),this.model&&"function"==typeof this.model.on&&this.model.on("change",()=>{this.render()})}static create(e={}){return new DataView(e)}}exports.default=DataView;
+//# sourceMappingURL=DataView-DMpNXerv.js.map