web-mojo 2.1.266 → 2.1.278

package/dist/chunks/{TopNav-LneaWujS.js.map → TopNav-8K9q8FgL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TopNav-LneaWujS.js","sources":["../../src/core/views/navigation/TopNav.js"],"sourcesContent":["/**\n * TopNav - Bootstrap navbar component for MOJO framework\n * Provides clean, responsive top navigation\n */\n\nimport View from '@core/View.js';\n\nclass TopNav extends View {\n    constructor(options = {}) {\n        // Define theme-to-class mappings\n        const themes = {\n            light: 'navbar navbar-expand-lg navbar-light topnav-light',\n            dark: 'navbar navbar-expand-lg navbar-dark topnav-dark',\n            clean: 'navbar navbar-expand-lg navbar-light topnav-clean',\n            gradient: 'navbar navbar-expand-lg navbar-dark topnav-gradient',\n        };\n\n        // Set a default theme and determine the final class string\n        const themeName = options.theme || 'light';\n        let navbarClass = themes[themeName] || themes.light;\n\n        // Add shadow class if specified\n        if (options.shadow) {\n            navbarClass += ` topnav-shadow-${options.shadow}`;\n        }\n\n        super({\n            tagName: 'nav',\n            className: navbarClass,\n            style: 'position: relative; z-index: 1030;',\n            ...options\n        });\n\n        // Display mode configuration\n        this.displayMode = options.displayMode || 'both'; // 'menu' | 'page' | 'both'\n        this.showPageIcon = options.showPageIcon !== false;\n        this.showPageDescription = options.showPageDescription || false;\n        this.showBreadcrumbs = options.showBreadcrumbs || false;\n\n        // Current page tracking\n        this.currentPage = null;\n        this.previousPage = null;\n\n        // Store raw config for processing in onBeforeRender\n        this.config = {\n            brand: options.brand || 'MOJO App',\n            brandIcon: options.brandIcon || 'bi bi-play-circle',\n            brandRoute: options.brandRoute || '/',\n            navItems: options.navItems || [],\n            rightItems: options.rightItems || [],\n            showSidebarToggle: options.showSidebarToggle || false,\n            sidebarToggleAction: options.sidebarToggleAction || 'toggle-sidebar',\n            ...options\n        };\n        this.userMenu = options.userMenu || this.findMenuItem('user');\n        if (this.userMenu) this.userMenu.id = \"user\";\n        this.loginMenu = options.loginMenu || this.findMenuItem('login');\n        // Setup page event listeners\n        this.setupPageListeners();\n    }\n\n    findMenuItem(id) {\n        let item = this.config.navItems.find(item => item.id === id);\n        if (!item) {\n            item = this.config.rightItems.find(item => item.id === id);\n        }\n        return item || null;\n    }\n\n    replaceMenuItem(id, new_menu) {\n        // Find and replace in navItems\n        const navIndex = this.config.navItems.findIndex(item => item.id === id);\n        if (navIndex !== -1) {\n            this.config.navItems[navIndex] = new_menu;\n            return true;\n        }\n\n        // Find and replace in rightItems\n        const rightIndex = this.config.rightItems.findIndex(item => item.id === id);\n        if (rightIndex !== -1) {\n            this.config.rightItems[rightIndex] = new_menu;\n            return true;\n        }\n\n        return false;\n    }\n\n    setBrand(brand, icon=null) {\n        this.config.brand = brand;\n        this.config.brandIcon = icon || this.config.brandIcon;\n        this.render();\n    }\n\n    setUser(user) {\n        if (!user) {\n            this.replaceMenuItem('user', this.loginMenu);\n        } else {\n            this.userMenu.label = user.get(\"display_name\");\n            this.replaceMenuItem('login', this.userMenu);\n        }\n        this.setModel(user);\n    }\n\n    _onModelChange() {\n      if (this.model) {\n        this.userMenu.label = this.model.get(\"display_name\");\n      }\n      if (this.isMounted()) {\n          this.render();\n      }\n    }\n\n    /**\n     * Get template based on display mode\n     */\n    async getTemplate() {\n        return `\n            <div class=\"container-fluid\">\n                {{#data.showSidebarToggle}}\n                <button class=\"topnav-sidebar-toggle me-2\" data-action=\"{{data.sidebarToggleAction}}\" aria-label=\"Toggle Sidebar\">\n                    <i class=\"bi bi-chevron-right toggle-chevron\"></i>\n                </button>\n                {{/data.showSidebarToggle}}\n\n                {{#data.showPageInfo}}\n                <div class=\"navbar-brand d-flex align-items-center\">\n                    {{#data.currentPageIcon}}<i class=\"{{data.currentPageIcon}} me-2\"></i>{{/data.currentPageIcon}}\n                    <div>\n                        <span>{{data.currentPageName}}</span>\n                        {{#data.currentPageDescription}}\n                        <small class=\"d-block\" style=\"font-size: 0.75rem; line-height: 1;\">{{data.currentPageDescription}}</small>\n                        {{/data.currentPageDescription}}\n                    </div>\n                </div>\n                {{/data.showPageInfo}}\n\n                {{^data.showPageInfo}}\n                <a class=\"navbar-brand\" href=\"{{data.brandRoute}}\">\n                    {{#data.brandIcon}}<i class=\"{{data.brandIcon}} me-2\"></i>{{/data.brandIcon}}\n                    {{data.brand}}\n                </a>\n                {{/data.showPageInfo}}\n\n                <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#{{data.navbarId}}\">\n                    <span class=\"navbar-toggler-icon\"></span>\n                </button>\n\n                <div class=\"collapse navbar-collapse\" id=\"{{data.navbarId}}\">\n                    {{#data.showNavItems}}\n                    <ul class=\"navbar-nav me-auto mb-2 mb-lg-0\">\n                        {{#data.navItems}}\n                        <li class=\"nav-item\">\n                            <a class=\"nav-link {{#active}}active{{/active}}\" href=\"{{route}}\">\n                                {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                                {{text}}\n                            </a>\n                        </li>\n                        {{/data.navItems}}\n                    </ul>\n                    {{/data.showNavItems}}\n\n                    {{#data.hasRightItems}}\n                    <div class=\"navbar-nav ms-auto\">\n                        {{#data.rightItems}}\n                        {{#isDropdown}}\n                        <div class=\"nav-item dropdown\">\n                            <a class=\"nav-link dropdown-toggle\" role=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                                {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                                {{label}}\n                            </a>\n                            <ul class=\"dropdown-menu dropdown-menu-end\">\n                                {{#items}}\n                                {{#divider}}\n                                <li><hr class=\"dropdown-divider\"></li>\n                                {{/divider}}\n                                {{^divider}}\n                                <li>\n                                    <a class=\"dropdown-item\" role=\"button\" {{#action}}data-action=\"{{action}}\"{{/action}}>\n                                        {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                                        {{label}}\n                                    </a>\n                                </li>\n                                {{/divider}}\n                                {{/items}}\n                            </ul>\n                        </div>\n                        {{/isDropdown}}\n                        {{^isDropdown}}\n                        {{#isButton}}\n                        <button class=\"{{buttonClass}}\" data-action=\"{{action}}\" data-id=\"{{id}}\">\n                            {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                            {{label}}\n                        </button>\n                        {{/isButton}}\n                        {{^isButton}}\n                        <a class=\"nav-link\" href=\"{{href}}\" {{#action}}data-action=\"{{action}}\"{{/action}}>\n                            {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                            {{label}}\n                        </a>\n                        {{/isButton}}\n                        {{/isDropdown}}\n                        {{/data.rightItems}}\n                    </div>\n                    {{/data.hasRightItems}}\n                </div>\n            </div>\n        `;\n    }\n\n    /**\n     * Process and normalize data before rendering (like Sidebar)\n     */\n    async onBeforeRender() {\n        await super.onBeforeRender();\n\n        const showPageInfo = this.displayMode === 'page' || this.displayMode === 'both';\n        const showNavItems = this.displayMode === 'menu' || this.displayMode === 'both';\n\n        // Filter navItems based on permissions\n        const navItems = this.filterItemsByPermissions(this.config.navItems || []);\n\n        // Process right items\n        const rightItems = this.processRightItems(this.config.rightItems || []);\n\n        this.data = {\n            // Brand information\n            brand: this.config.brand,\n            brandIcon: this.config.brandIcon,\n            brandRoute: this.config.brandRoute,\n\n            // Navbar configuration\n            navbarId: `navbar-${this.id}`,\n\n            // Navigation items\n            navItems: navItems,\n            showNavItems: showNavItems,\n\n            // Right items\n            rightItems: rightItems,\n            hasRightItems: rightItems.length > 0,\n\n            // Page display\n            showPageInfo: showPageInfo,\n            currentPageName: this.currentPage?.title || this.currentPage?.name || '',\n            currentPageIcon: this.currentPage?.icon || this.currentPage?.pageIcon || '',\n            currentPageDescription: this.showPageDescription ? this.currentPage?.description : '',\n\n            // Sidebar toggle\n            showSidebarToggle: this.config.showSidebarToggle,\n            sidebarToggleAction: this.config.sidebarToggleAction,\n\n            // Display mode\n            displayMode: this.displayMode\n        };\n    }\n\n    /**\n     * Process right items configuration\n     */\n    processRightItems(rightItems) {\n        return this.filterItemsByPermissions(rightItems).map(item => {\n            const processedItem = { ...item };\n\n            // Filter dropdown items by permissions if they exist\n            if (item.items) {\n                processedItem.items = this.filterItemsByPermissions(item.items);\n            }\n\n            // Determine item type\n            if (processedItem.items && processedItem.items.length > 0) {\n                // Dropdown menu\n                processedItem.isDropdown = true;\n                processedItem.isButton = false;\n            } else if (item.buttonClass) {\n                // Button\n                processedItem.isButton = true;\n                processedItem.isDropdown = false;\n            } else {\n                // Link\n                processedItem.isButton = false;\n                processedItem.isDropdown = false;\n            }\n\n            // Store handler if provided\n            if (item.handler) {\n                this.rightItemHandlers = this.rightItemHandlers || new Map();\n                this.rightItemHandlers.set(item.id, item.handler);\n            }\n\n            return processedItem;\n        });\n    }\n\n    /**\n     * Setup listeners for page change events\n     */\n    setupPageListeners() {\n        // Use global MOJO event bus if available\n        this.getApp().events.on([\"page:show\", \"page:hide\", \"page:denied\"], (data) => {\n            this.onPageChanged(data);\n        });\n    }\n\n    /**\n     * Handle page before change event\n     * @param {object} data - Event data\n     */\n    onPageBeforeChange(data) {\n        // Can be used to show loading state\n        if (this.displayMode === 'page' || this.displayMode === 'both') {\n            // Optionally show loading indicator\n        }\n    }\n\n    /**\n     * Handle page changed event\n     * @param {object} data - Event data with previousPage and currentPage\n     */\n    onPageChanged(data) {\n        this.previousPage = this.currentPage;\n        this.currentPage = data.page;\n\n        // Update display based on mode\n        if (this.displayMode === 'page' || this.displayMode === 'both') {\n            this.updatePageDisplay();\n        }\n\n        // Update active menu items\n        if (this.displayMode === 'menu' || this.displayMode === 'both') {\n            if (this.currentPage && this.currentPage.route) {\n                this.updateActiveItem(this.currentPage.route);\n            }\n        }\n    }\n\n    /**\n     * Update the display to show current page info\n     */\n    updatePageDisplay() {\n        if (!this.currentPage) return;\n\n        // Just trigger re-render, onBeforeRender will handle the data processing\n        if (this.mounted) {\n            this.render();\n        }\n    }\n\n    updateActiveItem(currentRoute) {\n        // Normalize routes for comparison\n        const normalizeRoute = (route) => {\n            if (!route) return '/';\n            return route.startsWith('/') ? route : `/${route}`;\n        };\n\n        const normalizedCurrentRoute = normalizeRoute(currentRoute);\n\n        // Update active states with improved matching\n        const navItems = this.data.navItems.map(item => {\n            const normalizedItemRoute = normalizeRoute(item.route);\n\n            // Check for active state\n            let isActive = false;\n\n            if (normalizedItemRoute === '/' && normalizedCurrentRoute === '/') {\n                // Exact match for home route\n                isActive = true;\n            } else if (normalizedItemRoute !== '/' && normalizedCurrentRoute !== '/') {\n                // For non-home routes, check if current route starts with nav item route\n                // This allows /users to be active when on /users/123\n                isActive = normalizedCurrentRoute.startsWith(normalizedItemRoute) ||\n                          normalizedCurrentRoute === normalizedItemRoute;\n            }\n\n            return {\n                ...item,\n                active: isActive\n            };\n        });\n\n        this.updateData({ navItems }, true);\n    }\n\n    onPassThruActionProfile() {\n        // Implement profile functionality here\n        this.getApp().events.emit(\"portal:action\", {action: \"profile\"});\n    }\n\n    onActionSettings() {\n        // Implement settings functionality here\n        this.getApp().events.emit(\"portal:action\", {action: \"settings\"});\n    }\n\n    onActionLogout() {\n        // Implement logout functionality here\n        this.getApp().events.emit(\"auth:logout\", {action: \"logout\"});\n    }\n\n    /**\n     * Handle dynamic action dispatch for right items\n     */\n    async handleAction(actionName, event, element) {\n        // Check for custom handler first\n        const itemId = element.getAttribute('data-id');\n        if (itemId && this.rightItemHandlers && this.rightItemHandlers.has(itemId)) {\n            const handler = this.rightItemHandlers.get(itemId);\n            if (typeof handler === 'function') {\n                return await handler.call(this, actionName, event, element);\n            }\n        }\n\n        // Fallback to default action methods\n        const methodName = `onAction${actionName.charAt(0).toUpperCase() + actionName.slice(1).replace(/-([a-z])/g, (g) => g[1].toUpperCase())}`;\n        if (typeof this[methodName] === 'function') {\n            return await this[methodName](event, element);\n        }\n\n        // Emit action event if no handler found\n        this.emit('action', {\n            action: actionName,\n            event: event,\n            element: element,\n            topnav: this\n        });\n    }\n\n    /**\n     * Handle default actions by searching through rightItems and navItems\n     */\n    async onActionDefault(action, event, el) {\n        // Check navItems first\n        if (this.config.navItems) {\n            for (const item of this.config.navItems) {\n                if (item.action === action && item.handler) {\n                    await item.handler.call(this, action, event, el);\n                    return true;\n                }\n            }\n        }\n\n        // Check rightItems\n        if (this.config.rightItems) {\n            for (const item of this.config.rightItems) {\n                if (item.action === action && item.handler) {\n                    await item.handler.call(this, action, event, el);\n                    return true;\n                }\n                // Also check dropdown items\n                if (item.items) {\n                    for (const subItem of item.items) {\n                        if (subItem.action === action && subItem.handler) {\n                            await subItem.handler.call(this, action, event, el);\n                            return true;\n                        }\n                    }\n                }\n            }\n        }\n\n        this.getApp().events.emit(\"portal:action\", { action, event, el });\n\n        return false;\n    }\n\n    /**\n     * Filter items by user permissions\n     */\n    filterItemsByPermissions(items) {\n        if (!items) return [];\n\n        const app = this.getApp();\n        const activeUser = app?.activeUser;\n\n        return items.filter(item => {\n            // If item has permissions and user exists, check permissions\n            if (item.permissions && activeUser) {\n                return activeUser.hasPermission(item.permissions);\n            }\n            // If no permissions required or no user, show the item\n            return true;\n        });\n    }\n\n}\n\nexport default TopNav;\n"],"names":["TopNav","View","constructor","options","themes","light","dark","clean","gradient","navbarClass","theme","shadow","super","tagName","className","style","this","displayMode","showPageIcon","showPageDescription","showBreadcrumbs","currentPage","previousPage","config","brand","brandIcon","brandRoute","navItems","rightItems","showSidebarToggle","sidebarToggleAction","userMenu","findMenuItem","id","loginMenu","setupPageListeners","item","find","replaceMenuItem","new_menu","navIndex","findIndex","rightIndex","setBrand","icon","render","setUser","user","label","get","setModel","_onModelChange","model","isMounted","getTemplate","onBeforeRender","showPageInfo","showNavItems","filterItemsByPermissions","processRightItems","data","navbarId","hasRightItems","length","currentPageName","title","name","currentPageIcon","pageIcon","currentPageDescription","description","map","processedItem","items","isDropdown","isButton","buttonClass","handler","rightItemHandlers","Map","set","getApp","events","on","onPageChanged","onPageBeforeChange","page","updatePageDisplay","route","updateActiveItem","mounted","currentRoute","normalizeRoute","startsWith","normalizedCurrentRoute","normalizedItemRoute","isActive","active","updateData","onPassThruActionProfile","emit","action","onActionSettings","onActionLogout","handleAction","actionName","event","element","itemId","getAttribute","has","call","methodName","charAt","toUpperCase","slice","replace","g","topnav","onActionDefault","el","subItem","app","activeUser","filter","permissions","hasPermission"],"mappings":"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"}
+{"version":3,"file":"TopNav-8K9q8FgL.js","sources":["../../src/core/views/navigation/TopNav.js"],"sourcesContent":["/**\n * TopNav - Bootstrap navbar component for MOJO framework\n * Provides clean, responsive top navigation\n */\n\nimport View from '@core/View.js';\n\nclass TopNav extends View {\n    constructor(options = {}) {\n        // Define theme-to-class mappings\n        const themes = {\n            light: 'navbar navbar-expand-lg navbar-light topnav-light',\n            dark: 'navbar navbar-expand-lg navbar-dark topnav-dark',\n            clean: 'navbar navbar-expand-lg navbar-light topnav-clean',\n            gradient: 'navbar navbar-expand-lg navbar-dark topnav-gradient',\n        };\n\n        // Set a default theme and determine the final class string\n        const themeName = options.theme || 'light';\n        let navbarClass = themes[themeName] || themes.light;\n\n        // Add shadow class if specified\n        if (options.shadow) {\n            navbarClass += ` topnav-shadow-${options.shadow}`;\n        }\n\n        super({\n            tagName: 'nav',\n            className: navbarClass,\n            style: 'position: relative; z-index: 1030;',\n            ...options\n        });\n\n        // Display mode configuration\n        this.displayMode = options.displayMode || 'both'; // 'menu' | 'page' | 'both'\n        this.showPageIcon = options.showPageIcon !== false;\n        this.showPageDescription = options.showPageDescription || false;\n        this.showBreadcrumbs = options.showBreadcrumbs || false;\n\n        // Current page tracking\n        this.currentPage = null;\n        this.previousPage = null;\n\n        // Store raw config for processing in onBeforeRender\n        this.config = {\n            brand: options.brand || 'MOJO App',\n            brandIcon: options.brandIcon || 'bi bi-play-circle',\n            brandRoute: options.brandRoute || '/',\n            navItems: options.navItems || [],\n            rightItems: options.rightItems || [],\n            showSidebarToggle: options.showSidebarToggle || false,\n            sidebarToggleAction: options.sidebarToggleAction || 'toggle-sidebar',\n            ...options\n        };\n        this.userMenu = options.userMenu || this.findMenuItem('user');\n        if (this.userMenu) this.userMenu.id = \"user\";\n        this.loginMenu = options.loginMenu || this.findMenuItem('login');\n        // Setup page event listeners\n        this.setupPageListeners();\n    }\n\n    findMenuItem(id) {\n        let item = this.config.navItems.find(item => item.id === id);\n        if (!item) {\n            item = this.config.rightItems.find(item => item.id === id);\n        }\n        return item || null;\n    }\n\n    replaceMenuItem(id, new_menu) {\n        // Find and replace in navItems\n        const navIndex = this.config.navItems.findIndex(item => item.id === id);\n        if (navIndex !== -1) {\n            this.config.navItems[navIndex] = new_menu;\n            return true;\n        }\n\n        // Find and replace in rightItems\n        const rightIndex = this.config.rightItems.findIndex(item => item.id === id);\n        if (rightIndex !== -1) {\n            this.config.rightItems[rightIndex] = new_menu;\n            return true;\n        }\n\n        return false;\n    }\n\n    setBrand(brand, icon=null) {\n        this.config.brand = brand;\n        this.config.brandIcon = icon || this.config.brandIcon;\n        this.render();\n    }\n\n    setUser(user) {\n        if (!user) {\n            this.replaceMenuItem('user', this.loginMenu);\n        } else {\n            this.userMenu.label = user.get(\"display_name\");\n            this.replaceMenuItem('login', this.userMenu);\n        }\n        this.setModel(user);\n    }\n\n    _onModelChange() {\n      if (this.model) {\n        this.userMenu.label = this.model.get(\"display_name\");\n      }\n      if (this.isMounted()) {\n          this.render();\n      }\n    }\n\n    /**\n     * Get template based on display mode\n     */\n    async getTemplate() {\n        return `\n            <div class=\"container-fluid\">\n                {{#data.showSidebarToggle}}\n                <button class=\"topnav-sidebar-toggle me-2\" data-action=\"{{data.sidebarToggleAction}}\" aria-label=\"Toggle Sidebar\">\n                    <i class=\"bi bi-chevron-right toggle-chevron\"></i>\n                </button>\n                {{/data.showSidebarToggle}}\n\n                {{#data.showPageInfo}}\n                <div class=\"navbar-brand d-flex align-items-center\">\n                    {{#data.currentPageIcon}}<i class=\"{{data.currentPageIcon}} me-2\"></i>{{/data.currentPageIcon}}\n                    <div>\n                        <span>{{data.currentPageName}}</span>\n                        {{#data.currentPageDescription}}\n                        <small class=\"d-block\" style=\"font-size: 0.75rem; line-height: 1;\">{{data.currentPageDescription}}</small>\n                        {{/data.currentPageDescription}}\n                    </div>\n                </div>\n                {{/data.showPageInfo}}\n\n                {{^data.showPageInfo}}\n                <a class=\"navbar-brand\" href=\"{{data.brandRoute}}\">\n                    {{#data.brandIcon}}<i class=\"{{data.brandIcon}} me-2\"></i>{{/data.brandIcon}}\n                    {{data.brand}}\n                </a>\n                {{/data.showPageInfo}}\n\n                <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#{{data.navbarId}}\">\n                    <span class=\"navbar-toggler-icon\"></span>\n                </button>\n\n                <div class=\"collapse navbar-collapse\" id=\"{{data.navbarId}}\">\n                    {{#data.showNavItems}}\n                    <ul class=\"navbar-nav me-auto mb-2 mb-lg-0\">\n                        {{#data.navItems}}\n                        <li class=\"nav-item\">\n                            <a class=\"nav-link {{#active}}active{{/active}}\" href=\"{{route}}\">\n                                {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                                {{text}}\n                            </a>\n                        </li>\n                        {{/data.navItems}}\n                    </ul>\n                    {{/data.showNavItems}}\n\n                    {{#data.hasRightItems}}\n                    <div class=\"navbar-nav ms-auto\">\n                        {{#data.rightItems}}\n                        {{#isDropdown}}\n                        <div class=\"nav-item dropdown\">\n                            <a class=\"nav-link dropdown-toggle\" role=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                                {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                                {{label}}\n                            </a>\n                            <ul class=\"dropdown-menu dropdown-menu-end\">\n                                {{#items}}\n                                {{#divider}}\n                                <li><hr class=\"dropdown-divider\"></li>\n                                {{/divider}}\n                                {{^divider}}\n                                <li>\n                                    <a class=\"dropdown-item\" role=\"button\" {{#action}}data-action=\"{{action}}\"{{/action}}>\n                                        {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                                        {{label}}\n                                    </a>\n                                </li>\n                                {{/divider}}\n                                {{/items}}\n                            </ul>\n                        </div>\n                        {{/isDropdown}}\n                        {{^isDropdown}}\n                        {{#isButton}}\n                        <button class=\"{{buttonClass}}\" data-action=\"{{action}}\" data-id=\"{{id}}\">\n                            {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                            {{label}}\n                        </button>\n                        {{/isButton}}\n                        {{^isButton}}\n                        <a class=\"nav-link\" href=\"{{href}}\" {{#action}}data-action=\"{{action}}\"{{/action}}>\n                            {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                            {{label}}\n                        </a>\n                        {{/isButton}}\n                        {{/isDropdown}}\n                        {{/data.rightItems}}\n                    </div>\n                    {{/data.hasRightItems}}\n                </div>\n            </div>\n        `;\n    }\n\n    /**\n     * Process and normalize data before rendering (like Sidebar)\n     */\n    async onBeforeRender() {\n        await super.onBeforeRender();\n\n        const showPageInfo = this.displayMode === 'page' || this.displayMode === 'both';\n        const showNavItems = this.displayMode === 'menu' || this.displayMode === 'both';\n\n        // Filter navItems based on permissions\n        const navItems = this.filterItemsByPermissions(this.config.navItems || []);\n\n        // Process right items\n        const rightItems = this.processRightItems(this.config.rightItems || []);\n\n        this.data = {\n            // Brand information\n            brand: this.config.brand,\n            brandIcon: this.config.brandIcon,\n            brandRoute: this.config.brandRoute,\n\n            // Navbar configuration\n            navbarId: `navbar-${this.id}`,\n\n            // Navigation items\n            navItems: navItems,\n            showNavItems: showNavItems,\n\n            // Right items\n            rightItems: rightItems,\n            hasRightItems: rightItems.length > 0,\n\n            // Page display\n            showPageInfo: showPageInfo,\n            currentPageName: this.currentPage?.title || this.currentPage?.name || '',\n            currentPageIcon: this.currentPage?.icon || this.currentPage?.pageIcon || '',\n            currentPageDescription: this.showPageDescription ? this.currentPage?.description : '',\n\n            // Sidebar toggle\n            showSidebarToggle: this.config.showSidebarToggle,\n            sidebarToggleAction: this.config.sidebarToggleAction,\n\n            // Display mode\n            displayMode: this.displayMode\n        };\n    }\n\n    /**\n     * Process right items configuration\n     */\n    processRightItems(rightItems) {\n        return this.filterItemsByPermissions(rightItems).map(item => {\n            const processedItem = { ...item };\n\n            // Filter dropdown items by permissions if they exist\n            if (item.items) {\n                processedItem.items = this.filterItemsByPermissions(item.items);\n            }\n\n            // Determine item type\n            if (processedItem.items && processedItem.items.length > 0) {\n                // Dropdown menu\n                processedItem.isDropdown = true;\n                processedItem.isButton = false;\n            } else if (item.buttonClass) {\n                // Button\n                processedItem.isButton = true;\n                processedItem.isDropdown = false;\n            } else {\n                // Link\n                processedItem.isButton = false;\n                processedItem.isDropdown = false;\n            }\n\n            // Store handler if provided\n            if (item.handler) {\n                this.rightItemHandlers = this.rightItemHandlers || new Map();\n                this.rightItemHandlers.set(item.id, item.handler);\n            }\n\n            return processedItem;\n        });\n    }\n\n    /**\n     * Setup listeners for page change events\n     */\n    setupPageListeners() {\n        // Use global MOJO event bus if available\n        this.getApp().events.on([\"page:show\", \"page:hide\", \"page:denied\"], (data) => {\n            this.onPageChanged(data);\n        });\n    }\n\n    /**\n     * Handle page before change event\n     * @param {object} data - Event data\n     */\n    onPageBeforeChange(data) {\n        // Can be used to show loading state\n        if (this.displayMode === 'page' || this.displayMode === 'both') {\n            // Optionally show loading indicator\n        }\n    }\n\n    /**\n     * Handle page changed event\n     * @param {object} data - Event data with previousPage and currentPage\n     */\n    onPageChanged(data) {\n        this.previousPage = this.currentPage;\n        this.currentPage = data.page;\n\n        // Update display based on mode\n        if (this.displayMode === 'page' || this.displayMode === 'both') {\n            this.updatePageDisplay();\n        }\n\n        // Update active menu items\n        if (this.displayMode === 'menu' || this.displayMode === 'both') {\n            if (this.currentPage && this.currentPage.route) {\n                this.updateActiveItem(this.currentPage.route);\n            }\n        }\n    }\n\n    /**\n     * Update the display to show current page info\n     */\n    updatePageDisplay() {\n        if (!this.currentPage) return;\n\n        // Just trigger re-render, onBeforeRender will handle the data processing\n        if (this.mounted) {\n            this.render();\n        }\n    }\n\n    updateActiveItem(currentRoute) {\n        // Normalize routes for comparison\n        const normalizeRoute = (route) => {\n            if (!route) return '/';\n            return route.startsWith('/') ? route : `/${route}`;\n        };\n\n        const normalizedCurrentRoute = normalizeRoute(currentRoute);\n\n        // Update active states with improved matching\n        const navItems = this.data.navItems.map(item => {\n            const normalizedItemRoute = normalizeRoute(item.route);\n\n            // Check for active state\n            let isActive = false;\n\n            if (normalizedItemRoute === '/' && normalizedCurrentRoute === '/') {\n                // Exact match for home route\n                isActive = true;\n            } else if (normalizedItemRoute !== '/' && normalizedCurrentRoute !== '/') {\n                // For non-home routes, check if current route starts with nav item route\n                // This allows /users to be active when on /users/123\n                isActive = normalizedCurrentRoute.startsWith(normalizedItemRoute) ||\n                          normalizedCurrentRoute === normalizedItemRoute;\n            }\n\n            return {\n                ...item,\n                active: isActive\n            };\n        });\n\n        this.updateData({ navItems }, true);\n    }\n\n    onPassThruActionProfile() {\n        // Implement profile functionality here\n        this.getApp().events.emit(\"portal:action\", {action: \"profile\"});\n    }\n\n    onActionSettings() {\n        // Implement settings functionality here\n        this.getApp().events.emit(\"portal:action\", {action: \"settings\"});\n    }\n\n    onActionLogout() {\n        // Implement logout functionality here\n        this.getApp().events.emit(\"auth:logout\", {action: \"logout\"});\n    }\n\n    /**\n     * Handle dynamic action dispatch for right items\n     */\n    async handleAction(actionName, event, element) {\n        // Check for custom handler first\n        const itemId = element.getAttribute('data-id');\n        if (itemId && this.rightItemHandlers && this.rightItemHandlers.has(itemId)) {\n            const handler = this.rightItemHandlers.get(itemId);\n            if (typeof handler === 'function') {\n                return await handler.call(this, actionName, event, element);\n            }\n        }\n\n        // Fallback to default action methods\n        const methodName = `onAction${actionName.charAt(0).toUpperCase() + actionName.slice(1).replace(/-([a-z])/g, (g) => g[1].toUpperCase())}`;\n        if (typeof this[methodName] === 'function') {\n            return await this[methodName](event, element);\n        }\n\n        // Emit action event if no handler found\n        this.emit('action', {\n            action: actionName,\n            event: event,\n            element: element,\n            topnav: this\n        });\n    }\n\n    /**\n     * Handle default actions by searching through rightItems and navItems\n     */\n    async onActionDefault(action, event, el) {\n        // Check navItems first\n        if (this.config.navItems) {\n            for (const item of this.config.navItems) {\n                if (item.action === action && item.handler) {\n                    await item.handler.call(this, action, event, el);\n                    return true;\n                }\n            }\n        }\n\n        // Check rightItems\n        if (this.config.rightItems) {\n            for (const item of this.config.rightItems) {\n                if (item.action === action && item.handler) {\n                    await item.handler.call(this, action, event, el);\n                    return true;\n                }\n                // Also check dropdown items\n                if (item.items) {\n                    for (const subItem of item.items) {\n                        if (subItem.action === action && subItem.handler) {\n                            await subItem.handler.call(this, action, event, el);\n                            return true;\n                        }\n                    }\n                }\n            }\n        }\n\n        this.getApp().events.emit(\"portal:action\", { action, event, el });\n\n        return false;\n    }\n\n    /**\n     * Filter items by user permissions\n     */\n    filterItemsByPermissions(items) {\n        if (!items) return [];\n\n        const app = this.getApp();\n        const activeUser = app?.activeUser;\n\n        return items.filter(item => {\n            // If item has permissions and user exists, check permissions\n            if (item.permissions && activeUser) {\n                return activeUser.hasPermission(item.permissions);\n            }\n            // If no permissions required or no user, show the item\n            return true;\n        });\n    }\n\n}\n\nexport default TopNav;\n"],"names":["TopNav","View","constructor","options","themes","light","dark","clean","gradient","navbarClass","theme","shadow","super","tagName","className","style","this","displayMode","showPageIcon","showPageDescription","showBreadcrumbs","currentPage","previousPage","config","brand","brandIcon","brandRoute","navItems","rightItems","showSidebarToggle","sidebarToggleAction","userMenu","findMenuItem","id","loginMenu","setupPageListeners","item","find","replaceMenuItem","new_menu","navIndex","findIndex","rightIndex","setBrand","icon","render","setUser","user","label","get","setModel","_onModelChange","model","isMounted","getTemplate","onBeforeRender","showPageInfo","showNavItems","filterItemsByPermissions","processRightItems","data","navbarId","hasRightItems","length","currentPageName","title","name","currentPageIcon","pageIcon","currentPageDescription","description","map","processedItem","items","isDropdown","isButton","buttonClass","handler","rightItemHandlers","Map","set","getApp","events","on","onPageChanged","onPageBeforeChange","page","updatePageDisplay","route","updateActiveItem","mounted","currentRoute","normalizeRoute","startsWith","normalizedCurrentRoute","normalizedItemRoute","isActive","active","updateData","onPassThruActionProfile","emit","action","onActionSettings","onActionLogout","handleAction","actionName","event","element","itemId","getAttribute","has","call","methodName","charAt","toUpperCase","slice","replace","g","topnav","onActionDefault","el","subItem","app","activeUser","filter","permissions","hasPermission"],"mappings":"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"}

package/dist/chunks/{TopNav-Y9xm0v2v.js → TopNav-C86aDfet.js}

@@ -1,4 +1,4 @@
-import { V as View } from "./WebApp-Ri8Knc5O.js";
+import { V as View } from "./WebApp-_cIASgB0.js";
 class TopNav extends View {
   constructor(options = {}) {
     const themes = {
@@ -378,4 +378,4 @@ class TopNav extends View {
 export {
   TopNav as T
 };
-//# sourceMappingURL=TopNav-Y9xm0v2v.js.map
+//# sourceMappingURL=TopNav-C86aDfet.js.map

package/dist/chunks/{TopNav-Y9xm0v2v.js.map → TopNav-C86aDfet.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TopNav-Y9xm0v2v.js","sources":["../../src/core/views/navigation/TopNav.js"],"sourcesContent":["/**\n * TopNav - Bootstrap navbar component for MOJO framework\n * Provides clean, responsive top navigation\n */\n\nimport View from '@core/View.js';\n\nclass TopNav extends View {\n    constructor(options = {}) {\n        // Define theme-to-class mappings\n        const themes = {\n            light: 'navbar navbar-expand-lg navbar-light topnav-light',\n            dark: 'navbar navbar-expand-lg navbar-dark topnav-dark',\n            clean: 'navbar navbar-expand-lg navbar-light topnav-clean',\n            gradient: 'navbar navbar-expand-lg navbar-dark topnav-gradient',\n        };\n\n        // Set a default theme and determine the final class string\n        const themeName = options.theme || 'light';\n        let navbarClass = themes[themeName] || themes.light;\n\n        // Add shadow class if specified\n        if (options.shadow) {\n            navbarClass += ` topnav-shadow-${options.shadow}`;\n        }\n\n        super({\n            tagName: 'nav',\n            className: navbarClass,\n            style: 'position: relative; z-index: 1030;',\n            ...options\n        });\n\n        // Display mode configuration\n        this.displayMode = options.displayMode || 'both'; // 'menu' | 'page' | 'both'\n        this.showPageIcon = options.showPageIcon !== false;\n        this.showPageDescription = options.showPageDescription || false;\n        this.showBreadcrumbs = options.showBreadcrumbs || false;\n\n        // Current page tracking\n        this.currentPage = null;\n        this.previousPage = null;\n\n        // Store raw config for processing in onBeforeRender\n        this.config = {\n            brand: options.brand || 'MOJO App',\n            brandIcon: options.brandIcon || 'bi bi-play-circle',\n            brandRoute: options.brandRoute || '/',\n            navItems: options.navItems || [],\n            rightItems: options.rightItems || [],\n            showSidebarToggle: options.showSidebarToggle || false,\n            sidebarToggleAction: options.sidebarToggleAction || 'toggle-sidebar',\n            ...options\n        };\n        this.userMenu = options.userMenu || this.findMenuItem('user');\n        if (this.userMenu) this.userMenu.id = \"user\";\n        this.loginMenu = options.loginMenu || this.findMenuItem('login');\n        // Setup page event listeners\n        this.setupPageListeners();\n    }\n\n    findMenuItem(id) {\n        let item = this.config.navItems.find(item => item.id === id);\n        if (!item) {\n            item = this.config.rightItems.find(item => item.id === id);\n        }\n        return item || null;\n    }\n\n    replaceMenuItem(id, new_menu) {\n        // Find and replace in navItems\n        const navIndex = this.config.navItems.findIndex(item => item.id === id);\n        if (navIndex !== -1) {\n            this.config.navItems[navIndex] = new_menu;\n            return true;\n        }\n\n        // Find and replace in rightItems\n        const rightIndex = this.config.rightItems.findIndex(item => item.id === id);\n        if (rightIndex !== -1) {\n            this.config.rightItems[rightIndex] = new_menu;\n            return true;\n        }\n\n        return false;\n    }\n\n    setBrand(brand, icon=null) {\n        this.config.brand = brand;\n        this.config.brandIcon = icon || this.config.brandIcon;\n        this.render();\n    }\n\n    setUser(user) {\n        if (!user) {\n            this.replaceMenuItem('user', this.loginMenu);\n        } else {\n            this.userMenu.label = user.get(\"display_name\");\n            this.replaceMenuItem('login', this.userMenu);\n        }\n        this.setModel(user);\n    }\n\n    _onModelChange() {\n      if (this.model) {\n        this.userMenu.label = this.model.get(\"display_name\");\n      }\n      if (this.isMounted()) {\n          this.render();\n      }\n    }\n\n    /**\n     * Get template based on display mode\n     */\n    async getTemplate() {\n        return `\n            <div class=\"container-fluid\">\n                {{#data.showSidebarToggle}}\n                <button class=\"topnav-sidebar-toggle me-2\" data-action=\"{{data.sidebarToggleAction}}\" aria-label=\"Toggle Sidebar\">\n                    <i class=\"bi bi-chevron-right toggle-chevron\"></i>\n                </button>\n                {{/data.showSidebarToggle}}\n\n                {{#data.showPageInfo}}\n                <div class=\"navbar-brand d-flex align-items-center\">\n                    {{#data.currentPageIcon}}<i class=\"{{data.currentPageIcon}} me-2\"></i>{{/data.currentPageIcon}}\n                    <div>\n                        <span>{{data.currentPageName}}</span>\n                        {{#data.currentPageDescription}}\n                        <small class=\"d-block\" style=\"font-size: 0.75rem; line-height: 1;\">{{data.currentPageDescription}}</small>\n                        {{/data.currentPageDescription}}\n                    </div>\n                </div>\n                {{/data.showPageInfo}}\n\n                {{^data.showPageInfo}}\n                <a class=\"navbar-brand\" href=\"{{data.brandRoute}}\">\n                    {{#data.brandIcon}}<i class=\"{{data.brandIcon}} me-2\"></i>{{/data.brandIcon}}\n                    {{data.brand}}\n                </a>\n                {{/data.showPageInfo}}\n\n                <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#{{data.navbarId}}\">\n                    <span class=\"navbar-toggler-icon\"></span>\n                </button>\n\n                <div class=\"collapse navbar-collapse\" id=\"{{data.navbarId}}\">\n                    {{#data.showNavItems}}\n                    <ul class=\"navbar-nav me-auto mb-2 mb-lg-0\">\n                        {{#data.navItems}}\n                        <li class=\"nav-item\">\n                            <a class=\"nav-link {{#active}}active{{/active}}\" href=\"{{route}}\">\n                                {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                                {{text}}\n                            </a>\n                        </li>\n                        {{/data.navItems}}\n                    </ul>\n                    {{/data.showNavItems}}\n\n                    {{#data.hasRightItems}}\n                    <div class=\"navbar-nav ms-auto\">\n                        {{#data.rightItems}}\n                        {{#isDropdown}}\n                        <div class=\"nav-item dropdown\">\n                            <a class=\"nav-link dropdown-toggle\" role=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                                {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                                {{label}}\n                            </a>\n                            <ul class=\"dropdown-menu dropdown-menu-end\">\n                                {{#items}}\n                                {{#divider}}\n                                <li><hr class=\"dropdown-divider\"></li>\n                                {{/divider}}\n                                {{^divider}}\n                                <li>\n                                    <a class=\"dropdown-item\" role=\"button\" {{#action}}data-action=\"{{action}}\"{{/action}}>\n                                        {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                                        {{label}}\n                                    </a>\n                                </li>\n                                {{/divider}}\n                                {{/items}}\n                            </ul>\n                        </div>\n                        {{/isDropdown}}\n                        {{^isDropdown}}\n                        {{#isButton}}\n                        <button class=\"{{buttonClass}}\" data-action=\"{{action}}\" data-id=\"{{id}}\">\n                            {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                            {{label}}\n                        </button>\n                        {{/isButton}}\n                        {{^isButton}}\n                        <a class=\"nav-link\" href=\"{{href}}\" {{#action}}data-action=\"{{action}}\"{{/action}}>\n                            {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                            {{label}}\n                        </a>\n                        {{/isButton}}\n                        {{/isDropdown}}\n                        {{/data.rightItems}}\n                    </div>\n                    {{/data.hasRightItems}}\n                </div>\n            </div>\n        `;\n    }\n\n    /**\n     * Process and normalize data before rendering (like Sidebar)\n     */\n    async onBeforeRender() {\n        await super.onBeforeRender();\n\n        const showPageInfo = this.displayMode === 'page' || this.displayMode === 'both';\n        const showNavItems = this.displayMode === 'menu' || this.displayMode === 'both';\n\n        // Filter navItems based on permissions\n        const navItems = this.filterItemsByPermissions(this.config.navItems || []);\n\n        // Process right items\n        const rightItems = this.processRightItems(this.config.rightItems || []);\n\n        this.data = {\n            // Brand information\n            brand: this.config.brand,\n            brandIcon: this.config.brandIcon,\n            brandRoute: this.config.brandRoute,\n\n            // Navbar configuration\n            navbarId: `navbar-${this.id}`,\n\n            // Navigation items\n            navItems: navItems,\n            showNavItems: showNavItems,\n\n            // Right items\n            rightItems: rightItems,\n            hasRightItems: rightItems.length > 0,\n\n            // Page display\n            showPageInfo: showPageInfo,\n            currentPageName: this.currentPage?.title || this.currentPage?.name || '',\n            currentPageIcon: this.currentPage?.icon || this.currentPage?.pageIcon || '',\n            currentPageDescription: this.showPageDescription ? this.currentPage?.description : '',\n\n            // Sidebar toggle\n            showSidebarToggle: this.config.showSidebarToggle,\n            sidebarToggleAction: this.config.sidebarToggleAction,\n\n            // Display mode\n            displayMode: this.displayMode\n        };\n    }\n\n    /**\n     * Process right items configuration\n     */\n    processRightItems(rightItems) {\n        return this.filterItemsByPermissions(rightItems).map(item => {\n            const processedItem = { ...item };\n\n            // Filter dropdown items by permissions if they exist\n            if (item.items) {\n                processedItem.items = this.filterItemsByPermissions(item.items);\n            }\n\n            // Determine item type\n            if (processedItem.items && processedItem.items.length > 0) {\n                // Dropdown menu\n                processedItem.isDropdown = true;\n                processedItem.isButton = false;\n            } else if (item.buttonClass) {\n                // Button\n                processedItem.isButton = true;\n                processedItem.isDropdown = false;\n            } else {\n                // Link\n                processedItem.isButton = false;\n                processedItem.isDropdown = false;\n            }\n\n            // Store handler if provided\n            if (item.handler) {\n                this.rightItemHandlers = this.rightItemHandlers || new Map();\n                this.rightItemHandlers.set(item.id, item.handler);\n            }\n\n            return processedItem;\n        });\n    }\n\n    /**\n     * Setup listeners for page change events\n     */\n    setupPageListeners() {\n        // Use global MOJO event bus if available\n        this.getApp().events.on([\"page:show\", \"page:hide\", \"page:denied\"], (data) => {\n            this.onPageChanged(data);\n        });\n    }\n\n    /**\n     * Handle page before change event\n     * @param {object} data - Event data\n     */\n    onPageBeforeChange(data) {\n        // Can be used to show loading state\n        if (this.displayMode === 'page' || this.displayMode === 'both') {\n            // Optionally show loading indicator\n        }\n    }\n\n    /**\n     * Handle page changed event\n     * @param {object} data - Event data with previousPage and currentPage\n     */\n    onPageChanged(data) {\n        this.previousPage = this.currentPage;\n        this.currentPage = data.page;\n\n        // Update display based on mode\n        if (this.displayMode === 'page' || this.displayMode === 'both') {\n            this.updatePageDisplay();\n        }\n\n        // Update active menu items\n        if (this.displayMode === 'menu' || this.displayMode === 'both') {\n            if (this.currentPage && this.currentPage.route) {\n                this.updateActiveItem(this.currentPage.route);\n            }\n        }\n    }\n\n    /**\n     * Update the display to show current page info\n     */\n    updatePageDisplay() {\n        if (!this.currentPage) return;\n\n        // Just trigger re-render, onBeforeRender will handle the data processing\n        if (this.mounted) {\n            this.render();\n        }\n    }\n\n    updateActiveItem(currentRoute) {\n        // Normalize routes for comparison\n        const normalizeRoute = (route) => {\n            if (!route) return '/';\n            return route.startsWith('/') ? route : `/${route}`;\n        };\n\n        const normalizedCurrentRoute = normalizeRoute(currentRoute);\n\n        // Update active states with improved matching\n        const navItems = this.data.navItems.map(item => {\n            const normalizedItemRoute = normalizeRoute(item.route);\n\n            // Check for active state\n            let isActive = false;\n\n            if (normalizedItemRoute === '/' && normalizedCurrentRoute === '/') {\n                // Exact match for home route\n                isActive = true;\n            } else if (normalizedItemRoute !== '/' && normalizedCurrentRoute !== '/') {\n                // For non-home routes, check if current route starts with nav item route\n                // This allows /users to be active when on /users/123\n                isActive = normalizedCurrentRoute.startsWith(normalizedItemRoute) ||\n                          normalizedCurrentRoute === normalizedItemRoute;\n            }\n\n            return {\n                ...item,\n                active: isActive\n            };\n        });\n\n        this.updateData({ navItems }, true);\n    }\n\n    onPassThruActionProfile() {\n        // Implement profile functionality here\n        this.getApp().events.emit(\"portal:action\", {action: \"profile\"});\n    }\n\n    onActionSettings() {\n        // Implement settings functionality here\n        this.getApp().events.emit(\"portal:action\", {action: \"settings\"});\n    }\n\n    onActionLogout() {\n        // Implement logout functionality here\n        this.getApp().events.emit(\"auth:logout\", {action: \"logout\"});\n    }\n\n    /**\n     * Handle dynamic action dispatch for right items\n     */\n    async handleAction(actionName, event, element) {\n        // Check for custom handler first\n        const itemId = element.getAttribute('data-id');\n        if (itemId && this.rightItemHandlers && this.rightItemHandlers.has(itemId)) {\n            const handler = this.rightItemHandlers.get(itemId);\n            if (typeof handler === 'function') {\n                return await handler.call(this, actionName, event, element);\n            }\n        }\n\n        // Fallback to default action methods\n        const methodName = `onAction${actionName.charAt(0).toUpperCase() + actionName.slice(1).replace(/-([a-z])/g, (g) => g[1].toUpperCase())}`;\n        if (typeof this[methodName] === 'function') {\n            return await this[methodName](event, element);\n        }\n\n        // Emit action event if no handler found\n        this.emit('action', {\n            action: actionName,\n            event: event,\n            element: element,\n            topnav: this\n        });\n    }\n\n    /**\n     * Handle default actions by searching through rightItems and navItems\n     */\n    async onActionDefault(action, event, el) {\n        // Check navItems first\n        if (this.config.navItems) {\n            for (const item of this.config.navItems) {\n                if (item.action === action && item.handler) {\n                    await item.handler.call(this, action, event, el);\n                    return true;\n                }\n            }\n        }\n\n        // Check rightItems\n        if (this.config.rightItems) {\n            for (const item of this.config.rightItems) {\n                if (item.action === action && item.handler) {\n                    await item.handler.call(this, action, event, el);\n                    return true;\n                }\n                // Also check dropdown items\n                if (item.items) {\n                    for (const subItem of item.items) {\n                        if (subItem.action === action && subItem.handler) {\n                            await subItem.handler.call(this, action, event, el);\n                            return true;\n                        }\n                    }\n                }\n            }\n        }\n\n        this.getApp().events.emit(\"portal:action\", { action, event, el });\n\n        return false;\n    }\n\n    /**\n     * Filter items by user permissions\n     */\n    filterItemsByPermissions(items) {\n        if (!items) return [];\n\n        const app = this.getApp();\n        const activeUser = app?.activeUser;\n\n        return items.filter(item => {\n            // If item has permissions and user exists, check permissions\n            if (item.permissions && activeUser) {\n                return activeUser.hasPermission(item.permissions);\n            }\n            // If no permissions required or no user, show the item\n            return true;\n        });\n    }\n\n}\n\nexport default TopNav;\n"],"names":["item"],"mappings":"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"}
+{"version":3,"file":"TopNav-C86aDfet.js","sources":["../../src/core/views/navigation/TopNav.js"],"sourcesContent":["/**\n * TopNav - Bootstrap navbar component for MOJO framework\n * Provides clean, responsive top navigation\n */\n\nimport View from '@core/View.js';\n\nclass TopNav extends View {\n    constructor(options = {}) {\n        // Define theme-to-class mappings\n        const themes = {\n            light: 'navbar navbar-expand-lg navbar-light topnav-light',\n            dark: 'navbar navbar-expand-lg navbar-dark topnav-dark',\n            clean: 'navbar navbar-expand-lg navbar-light topnav-clean',\n            gradient: 'navbar navbar-expand-lg navbar-dark topnav-gradient',\n        };\n\n        // Set a default theme and determine the final class string\n        const themeName = options.theme || 'light';\n        let navbarClass = themes[themeName] || themes.light;\n\n        // Add shadow class if specified\n        if (options.shadow) {\n            navbarClass += ` topnav-shadow-${options.shadow}`;\n        }\n\n        super({\n            tagName: 'nav',\n            className: navbarClass,\n            style: 'position: relative; z-index: 1030;',\n            ...options\n        });\n\n        // Display mode configuration\n        this.displayMode = options.displayMode || 'both'; // 'menu' | 'page' | 'both'\n        this.showPageIcon = options.showPageIcon !== false;\n        this.showPageDescription = options.showPageDescription || false;\n        this.showBreadcrumbs = options.showBreadcrumbs || false;\n\n        // Current page tracking\n        this.currentPage = null;\n        this.previousPage = null;\n\n        // Store raw config for processing in onBeforeRender\n        this.config = {\n            brand: options.brand || 'MOJO App',\n            brandIcon: options.brandIcon || 'bi bi-play-circle',\n            brandRoute: options.brandRoute || '/',\n            navItems: options.navItems || [],\n            rightItems: options.rightItems || [],\n            showSidebarToggle: options.showSidebarToggle || false,\n            sidebarToggleAction: options.sidebarToggleAction || 'toggle-sidebar',\n            ...options\n        };\n        this.userMenu = options.userMenu || this.findMenuItem('user');\n        if (this.userMenu) this.userMenu.id = \"user\";\n        this.loginMenu = options.loginMenu || this.findMenuItem('login');\n        // Setup page event listeners\n        this.setupPageListeners();\n    }\n\n    findMenuItem(id) {\n        let item = this.config.navItems.find(item => item.id === id);\n        if (!item) {\n            item = this.config.rightItems.find(item => item.id === id);\n        }\n        return item || null;\n    }\n\n    replaceMenuItem(id, new_menu) {\n        // Find and replace in navItems\n        const navIndex = this.config.navItems.findIndex(item => item.id === id);\n        if (navIndex !== -1) {\n            this.config.navItems[navIndex] = new_menu;\n            return true;\n        }\n\n        // Find and replace in rightItems\n        const rightIndex = this.config.rightItems.findIndex(item => item.id === id);\n        if (rightIndex !== -1) {\n            this.config.rightItems[rightIndex] = new_menu;\n            return true;\n        }\n\n        return false;\n    }\n\n    setBrand(brand, icon=null) {\n        this.config.brand = brand;\n        this.config.brandIcon = icon || this.config.brandIcon;\n        this.render();\n    }\n\n    setUser(user) {\n        if (!user) {\n            this.replaceMenuItem('user', this.loginMenu);\n        } else {\n            this.userMenu.label = user.get(\"display_name\");\n            this.replaceMenuItem('login', this.userMenu);\n        }\n        this.setModel(user);\n    }\n\n    _onModelChange() {\n      if (this.model) {\n        this.userMenu.label = this.model.get(\"display_name\");\n      }\n      if (this.isMounted()) {\n          this.render();\n      }\n    }\n\n    /**\n     * Get template based on display mode\n     */\n    async getTemplate() {\n        return `\n            <div class=\"container-fluid\">\n                {{#data.showSidebarToggle}}\n                <button class=\"topnav-sidebar-toggle me-2\" data-action=\"{{data.sidebarToggleAction}}\" aria-label=\"Toggle Sidebar\">\n                    <i class=\"bi bi-chevron-right toggle-chevron\"></i>\n                </button>\n                {{/data.showSidebarToggle}}\n\n                {{#data.showPageInfo}}\n                <div class=\"navbar-brand d-flex align-items-center\">\n                    {{#data.currentPageIcon}}<i class=\"{{data.currentPageIcon}} me-2\"></i>{{/data.currentPageIcon}}\n                    <div>\n                        <span>{{data.currentPageName}}</span>\n                        {{#data.currentPageDescription}}\n                        <small class=\"d-block\" style=\"font-size: 0.75rem; line-height: 1;\">{{data.currentPageDescription}}</small>\n                        {{/data.currentPageDescription}}\n                    </div>\n                </div>\n                {{/data.showPageInfo}}\n\n                {{^data.showPageInfo}}\n                <a class=\"navbar-brand\" href=\"{{data.brandRoute}}\">\n                    {{#data.brandIcon}}<i class=\"{{data.brandIcon}} me-2\"></i>{{/data.brandIcon}}\n                    {{data.brand}}\n                </a>\n                {{/data.showPageInfo}}\n\n                <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#{{data.navbarId}}\">\n                    <span class=\"navbar-toggler-icon\"></span>\n                </button>\n\n                <div class=\"collapse navbar-collapse\" id=\"{{data.navbarId}}\">\n                    {{#data.showNavItems}}\n                    <ul class=\"navbar-nav me-auto mb-2 mb-lg-0\">\n                        {{#data.navItems}}\n                        <li class=\"nav-item\">\n                            <a class=\"nav-link {{#active}}active{{/active}}\" href=\"{{route}}\">\n                                {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                                {{text}}\n                            </a>\n                        </li>\n                        {{/data.navItems}}\n                    </ul>\n                    {{/data.showNavItems}}\n\n                    {{#data.hasRightItems}}\n                    <div class=\"navbar-nav ms-auto\">\n                        {{#data.rightItems}}\n                        {{#isDropdown}}\n                        <div class=\"nav-item dropdown\">\n                            <a class=\"nav-link dropdown-toggle\" role=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                                {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                                {{label}}\n                            </a>\n                            <ul class=\"dropdown-menu dropdown-menu-end\">\n                                {{#items}}\n                                {{#divider}}\n                                <li><hr class=\"dropdown-divider\"></li>\n                                {{/divider}}\n                                {{^divider}}\n                                <li>\n                                    <a class=\"dropdown-item\" role=\"button\" {{#action}}data-action=\"{{action}}\"{{/action}}>\n                                        {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                                        {{label}}\n                                    </a>\n                                </li>\n                                {{/divider}}\n                                {{/items}}\n                            </ul>\n                        </div>\n                        {{/isDropdown}}\n                        {{^isDropdown}}\n                        {{#isButton}}\n                        <button class=\"{{buttonClass}}\" data-action=\"{{action}}\" data-id=\"{{id}}\">\n                            {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                            {{label}}\n                        </button>\n                        {{/isButton}}\n                        {{^isButton}}\n                        <a class=\"nav-link\" href=\"{{href}}\" {{#action}}data-action=\"{{action}}\"{{/action}}>\n                            {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                            {{label}}\n                        </a>\n                        {{/isButton}}\n                        {{/isDropdown}}\n                        {{/data.rightItems}}\n                    </div>\n                    {{/data.hasRightItems}}\n                </div>\n            </div>\n        `;\n    }\n\n    /**\n     * Process and normalize data before rendering (like Sidebar)\n     */\n    async onBeforeRender() {\n        await super.onBeforeRender();\n\n        const showPageInfo = this.displayMode === 'page' || this.displayMode === 'both';\n        const showNavItems = this.displayMode === 'menu' || this.displayMode === 'both';\n\n        // Filter navItems based on permissions\n        const navItems = this.filterItemsByPermissions(this.config.navItems || []);\n\n        // Process right items\n        const rightItems = this.processRightItems(this.config.rightItems || []);\n\n        this.data = {\n            // Brand information\n            brand: this.config.brand,\n            brandIcon: this.config.brandIcon,\n            brandRoute: this.config.brandRoute,\n\n            // Navbar configuration\n            navbarId: `navbar-${this.id}`,\n\n            // Navigation items\n            navItems: navItems,\n            showNavItems: showNavItems,\n\n            // Right items\n            rightItems: rightItems,\n            hasRightItems: rightItems.length > 0,\n\n            // Page display\n            showPageInfo: showPageInfo,\n            currentPageName: this.currentPage?.title || this.currentPage?.name || '',\n            currentPageIcon: this.currentPage?.icon || this.currentPage?.pageIcon || '',\n            currentPageDescription: this.showPageDescription ? this.currentPage?.description : '',\n\n            // Sidebar toggle\n            showSidebarToggle: this.config.showSidebarToggle,\n            sidebarToggleAction: this.config.sidebarToggleAction,\n\n            // Display mode\n            displayMode: this.displayMode\n        };\n    }\n\n    /**\n     * Process right items configuration\n     */\n    processRightItems(rightItems) {\n        return this.filterItemsByPermissions(rightItems).map(item => {\n            const processedItem = { ...item };\n\n            // Filter dropdown items by permissions if they exist\n            if (item.items) {\n                processedItem.items = this.filterItemsByPermissions(item.items);\n            }\n\n            // Determine item type\n            if (processedItem.items && processedItem.items.length > 0) {\n                // Dropdown menu\n                processedItem.isDropdown = true;\n                processedItem.isButton = false;\n            } else if (item.buttonClass) {\n                // Button\n                processedItem.isButton = true;\n                processedItem.isDropdown = false;\n            } else {\n                // Link\n                processedItem.isButton = false;\n                processedItem.isDropdown = false;\n            }\n\n            // Store handler if provided\n            if (item.handler) {\n                this.rightItemHandlers = this.rightItemHandlers || new Map();\n                this.rightItemHandlers.set(item.id, item.handler);\n            }\n\n            return processedItem;\n        });\n    }\n\n    /**\n     * Setup listeners for page change events\n     */\n    setupPageListeners() {\n        // Use global MOJO event bus if available\n        this.getApp().events.on([\"page:show\", \"page:hide\", \"page:denied\"], (data) => {\n            this.onPageChanged(data);\n        });\n    }\n\n    /**\n     * Handle page before change event\n     * @param {object} data - Event data\n     */\n    onPageBeforeChange(data) {\n        // Can be used to show loading state\n        if (this.displayMode === 'page' || this.displayMode === 'both') {\n            // Optionally show loading indicator\n        }\n    }\n\n    /**\n     * Handle page changed event\n     * @param {object} data - Event data with previousPage and currentPage\n     */\n    onPageChanged(data) {\n        this.previousPage = this.currentPage;\n        this.currentPage = data.page;\n\n        // Update display based on mode\n        if (this.displayMode === 'page' || this.displayMode === 'both') {\n            this.updatePageDisplay();\n        }\n\n        // Update active menu items\n        if (this.displayMode === 'menu' || this.displayMode === 'both') {\n            if (this.currentPage && this.currentPage.route) {\n                this.updateActiveItem(this.currentPage.route);\n            }\n        }\n    }\n\n    /**\n     * Update the display to show current page info\n     */\n    updatePageDisplay() {\n        if (!this.currentPage) return;\n\n        // Just trigger re-render, onBeforeRender will handle the data processing\n        if (this.mounted) {\n            this.render();\n        }\n    }\n\n    updateActiveItem(currentRoute) {\n        // Normalize routes for comparison\n        const normalizeRoute = (route) => {\n            if (!route) return '/';\n            return route.startsWith('/') ? route : `/${route}`;\n        };\n\n        const normalizedCurrentRoute = normalizeRoute(currentRoute);\n\n        // Update active states with improved matching\n        const navItems = this.data.navItems.map(item => {\n            const normalizedItemRoute = normalizeRoute(item.route);\n\n            // Check for active state\n            let isActive = false;\n\n            if (normalizedItemRoute === '/' && normalizedCurrentRoute === '/') {\n                // Exact match for home route\n                isActive = true;\n            } else if (normalizedItemRoute !== '/' && normalizedCurrentRoute !== '/') {\n                // For non-home routes, check if current route starts with nav item route\n                // This allows /users to be active when on /users/123\n                isActive = normalizedCurrentRoute.startsWith(normalizedItemRoute) ||\n                          normalizedCurrentRoute === normalizedItemRoute;\n            }\n\n            return {\n                ...item,\n                active: isActive\n            };\n        });\n\n        this.updateData({ navItems }, true);\n    }\n\n    onPassThruActionProfile() {\n        // Implement profile functionality here\n        this.getApp().events.emit(\"portal:action\", {action: \"profile\"});\n    }\n\n    onActionSettings() {\n        // Implement settings functionality here\n        this.getApp().events.emit(\"portal:action\", {action: \"settings\"});\n    }\n\n    onActionLogout() {\n        // Implement logout functionality here\n        this.getApp().events.emit(\"auth:logout\", {action: \"logout\"});\n    }\n\n    /**\n     * Handle dynamic action dispatch for right items\n     */\n    async handleAction(actionName, event, element) {\n        // Check for custom handler first\n        const itemId = element.getAttribute('data-id');\n        if (itemId && this.rightItemHandlers && this.rightItemHandlers.has(itemId)) {\n            const handler = this.rightItemHandlers.get(itemId);\n            if (typeof handler === 'function') {\n                return await handler.call(this, actionName, event, element);\n            }\n        }\n\n        // Fallback to default action methods\n        const methodName = `onAction${actionName.charAt(0).toUpperCase() + actionName.slice(1).replace(/-([a-z])/g, (g) => g[1].toUpperCase())}`;\n        if (typeof this[methodName] === 'function') {\n            return await this[methodName](event, element);\n        }\n\n        // Emit action event if no handler found\n        this.emit('action', {\n            action: actionName,\n            event: event,\n            element: element,\n            topnav: this\n        });\n    }\n\n    /**\n     * Handle default actions by searching through rightItems and navItems\n     */\n    async onActionDefault(action, event, el) {\n        // Check navItems first\n        if (this.config.navItems) {\n            for (const item of this.config.navItems) {\n                if (item.action === action && item.handler) {\n                    await item.handler.call(this, action, event, el);\n                    return true;\n                }\n            }\n        }\n\n        // Check rightItems\n        if (this.config.rightItems) {\n            for (const item of this.config.rightItems) {\n                if (item.action === action && item.handler) {\n                    await item.handler.call(this, action, event, el);\n                    return true;\n                }\n                // Also check dropdown items\n                if (item.items) {\n                    for (const subItem of item.items) {\n                        if (subItem.action === action && subItem.handler) {\n                            await subItem.handler.call(this, action, event, el);\n                            return true;\n                        }\n                    }\n                }\n            }\n        }\n\n        this.getApp().events.emit(\"portal:action\", { action, event, el });\n\n        return false;\n    }\n\n    /**\n     * Filter items by user permissions\n     */\n    filterItemsByPermissions(items) {\n        if (!items) return [];\n\n        const app = this.getApp();\n        const activeUser = app?.activeUser;\n\n        return items.filter(item => {\n            // If item has permissions and user exists, check permissions\n            if (item.permissions && activeUser) {\n                return activeUser.hasPermission(item.permissions);\n            }\n            // If no permissions required or no user, show the item\n            return true;\n        });\n    }\n\n}\n\nexport default TopNav;\n"],"names":["item"],"mappings":"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"}

package/dist/chunks/{User-BgVd3vvo.js → User-DIhA4ryO.js}

@@ -1,3 +1,3 @@
-"use strict";const e=require("./WebApp-BTURAtHS.js");class Model{constructor(t={},s={}){this.endpoint=s.endpoint||this.constructor.endpoint||"",this.id=t.id||null,this.attributes={...t},this._=this.attributes,this.originalAttributes={...t},this.errors={},this.loading=!1,this.rest=e.rest,this.options={idAttribute:"id",timestamps:!0,...s}}getContextValue(e){return this.get(e)}get(t){return t.includes(".")||t.includes("|")||void 0===this[t]?e.MOJOUtils.getContextData(this.attributes,t):"function"==typeof this[t]?this[t]():this[t]}set(e,t,s={}){const i={...this.attributes};let a=!1;if("object"==typeof e)Object.assign(this.attributes,e),Object.assign(this,e),void 0!==e.id&&(this.id=e.id),a=JSON.stringify(i)!==JSON.stringify(this.attributes);else if("id"===e)this.id=t,a=!0;else{const s=this.attributes[e];this.attributes[e]=t,this[e]=t,a=s!==t}if(a&&!s.silent)if(this.emit("change",this),"string"==typeof e)this.emit(`change:${e}`,t,this);else for(const[r,o]of Object.entries(e))i[r]!==o&&this.emit(`change:${r}`,o,this)}getData(){return this.attributes}getId(){return this.id}async fetch(e={}){let t=e.url;if(!t){const s=e.id||this.getId();if(!s&&!1!==this.options.requiresId)throw new Error("Model: ID is required for fetching");t=this.buildUrl(s)}const s=JSON.stringify({url:t,params:e.params});if(e.debounceMs&&e.debounceMs>0)return this._debouncedFetch(s,e);if(this.currentRequest&&this.currentRequestKey!==s&&(console.info("Model: Cancelling previous request for new parameters"),this.abortController?.abort(),this.currentRequest=null),this.currentRequest&&this.currentRequestKey===s)return console.info("Model: Duplicate request in progress, returning existing promise"),this.currentRequest;const i=Date.now();if(this.lastFetchTime&&i-this.lastFetchTime<100)return console.info("Model: Rate limited, skipping fetch"),this;this.loading=!0,this.errors={},this.lastFetchTime=i,this.currentRequestKey=s,this.abortController=new AbortController,this.currentRequest=this._performFetch(t,e,this.abortController);try{return await this.currentRequest}catch(a){if("AbortError"===a.name)return console.info("Model: Request was cancelled"),this;throw a}finally{this.currentRequest=null,this.currentRequestKey=null,this.abortController=null}}async _debouncedFetch(e,t){return this.debouncedFetchTimeout&&clearTimeout(this.debouncedFetchTimeout),this.cancel(),new Promise((e,s)=>{this.debouncedFetchTimeout=setTimeout(async()=>{try{const s=await this.fetch({...t,debounceMs:0});e(s)}catch(i){s(i)}},t.debounceMs)})}async _performFetch(e,t,s){try{!t.graph||t.params&&t.params.graph||(t.params||(t.params={}),t.params.graph=t.graph);const i=await this.rest.GET(e,t.params,{signal:s.signal});return i.success?i.data.status?(this.originalAttributes={...this.attributes},this.set(i.data.data),this.errors={}):this.errors=i.data:this.errors=i.errors||{},i}catch(i){if("AbortError"===i.name)throw console.info("Model: Fetch was cancelled"),i;return this.errors={fetch:i.message},{success:!1,error:i.message,status:i.status||500}}finally{this.loading=!1}}async save(e,t={}){const s=!this.id,i=s?"POST":"PUT",a=s?this.buildUrl():this.buildUrl(this.id);this.loading=!0,this.errors={};try{const s=await this.rest[i](a,e,t.params);return s.success?s.data.status?(this.originalAttributes={...this.attributes},this.set(s.data.data),this.errors={}):this.errors=s.data:this.errors=s.errors||{},s}catch(r){return{success:!1,error:r.message,status:r.status||500}}finally{this.loading=!1}}async destroy(e={}){if(!this.id)return this.errors={destroy:"Cannot destroy model without ID"},{success:!1,error:"Cannot destroy model without ID",status:400};const t=this.buildUrl(this.id);this.loading=!0,this.errors={};try{const s=await this.rest.DELETE(t,e.params);return s.success?(this.attributes={},this.originalAttributes={},this.id=null,this.errors={}):this.errors=s.errors||{},s}catch(s){return this.errors={destroy:s.message},{success:!1,error:s.message,status:s.status||500}}finally{this.loading=!1}}isDirty(){return JSON.stringify(this.attributes)!==JSON.stringify(this.originalAttributes)}getChangedAttributes(){const e={};for(const[t,s]of Object.entries(this.attributes))this.originalAttributes[t]!==s&&(e[t]=s);return e}reset(){this.attributes={...this.originalAttributes},this._=this.attributes,this.errors={}}buildUrl(e=null){let t=this.endpoint;return e&&(t=t.endsWith("/")?`${t}${e}`:`${t}/${e}`),t}toJSON(){return{id:this.id,...this.attributes}}validate(){if(this.errors={},this.constructor.validations)for(const[e,t]of Object.entries(this.constructor.validations))this.validateField(e,t);return 0===Object.keys(this.errors).length}validateField(e,t){const s=this.get(e),i=Array.isArray(t)?t:[t];for(const a of i)if("function"==typeof a){const t=a(s,this);if(!0!==t){this.errors[e]=t||`${e} is invalid`;break}}else if("object"==typeof a){if(a.required&&(null==s||""===s)){this.errors[e]=a.message||`${e} is required`;break}if(a.minLength&&s&&s.length<a.minLength){this.errors[e]=a.message||`${e} must be at least ${a.minLength} characters`;break}if(a.maxLength&&s&&s.length>a.maxLength){this.errors[e]=a.message||`${e} must be no more than ${a.maxLength} characters`;break}if(a.pattern&&s&&!a.pattern.test(s)){this.errors[e]=a.message||`${e} format is invalid`;break}}}static async find(e,t={}){const s=new this({},t);return await s.fetch({id:e,...t}),s}static create(e={},t={}){return new this(e,t)}cancel(){return this.currentRequest&&this.abortController?(console.info("Model: Manually cancelling active request"),this.abortController.abort(),!0):!!this.debouncedFetchTimeout&&(clearTimeout(this.debouncedFetchTimeout),this.debouncedFetchTimeout=null,!0)}isFetching(){return!!this.currentRequest}async showError(e){await Dialog.alert(e,"Error",{size:"md",class:"text-danger"})}}Object.assign(Model.prototype,e.EventEmitter);class Collection{constructor(t={},s=null){if(Array.isArray(t)?t=(s=t)||{}:s=s||t.data||[],this.ModelClass=t.ModelClass||Model,this.models=[],this.loading=!1,this.errors={},this.meta={},this.rest=e.rest,s&&this.add(s),this.params={start:0,size:t.size||10,...t.params},this.endpoint=t.endpoint||this.ModelClass.endpoint||"",!this.endpoint){let e=new this.ModelClass;this.endpoint=e.endpoint}this.restEnabled=!!this.endpoint,void 0!==t.restEnabled&&(this.restEnabled=t.restEnabled),this.options={parse:!0,reset:!0,preloaded:!1,...t}}getModelName(){return this.ModelClass.name}async fetch(e={}){const t=JSON.stringify({...this.params,...e});if(this.currentRequest&&this.currentRequestKey!==t&&(console.info("Collection: Cancelling previous request for new parameters"),this.abortController?.abort(),this.currentRequest=null),this.currentRequest&&this.currentRequestKey===t)return console.info("Collection: Duplicate request in progress, returning existing promise"),this.currentRequest;const s=Date.now();if(this.options.rateLimiting&&this.lastFetchTime&&s-this.lastFetchTime<100)return console.info("Collection: Rate limited, skipping fetch"),{success:!0,message:"Rate limited, skipping fetch",data:{data:this.toJSON()}};if(!this.restEnabled)return console.info("Collection: REST disabled, skipping fetch"),{success:!0,message:"REST disabled, skipping fetch",data:{data:this.toJSON()}};if(this.options.preloaded&&this.models.length>0)return console.info("Collection: Using preloaded data, skipping fetch"),{success:!0,message:"Using preloaded data, skipping fetch",data:{data:this.toJSON()}};const i=this.buildUrl();this.loading=!0,this.errors={},this.lastFetchTime=s,this.currentRequestKey=t,this.abortController=new AbortController,this.currentRequest=this._performFetch(i,e,this.abortController);try{return await this.currentRequest}catch(a){return"AbortError"===a.name?(console.info("Collection: Request was cancelled"),{success:!1,error:"Request cancelled",status:0}):{success:!1,error:a.message,status:a.status||500}}finally{this.currentRequest=null,this.currentRequestKey=null,this.abortController=null}}async _performFetch(e,t,s){const i={...this.params,...t};console.log("Fetching collection data from",e,i);try{this.emit("fetch:start");const a=await this.rest.GET(e,i,{signal:s.signal});if(a.success&&a.data.status){const e=this.options.parse?this.parse(a):a.data;(this.options.reset||!1!==t.reset)&&this.reset(),this.add(e,{silent:t.silent}),this.errors={},this.emit("fetch:success")}else a.data&&a.data.error?(this.errors=a.data,this.emit("fetch:error",{message:a.data.error,error:a.data})):(this.errors=a.errors||{},this.emit("fetch:error",{error:a.errors}));return a}catch(a){return"AbortError"===a.name?(console.info("Collection: Fetch was cancelled"),{success:!1,error:"Request cancelled",status:0}):(this.errors={fetch:a.message},this.emit("fetch:error",{message:a.message,error:a}),{success:!1,error:a.message,status:a.status||500})}finally{this.loading=!1,this.emit("fetch:end")}}async updateParams(e,t=!1,s=0){return await this.setParams({...this.params,...e},t,s)}async setParams(e,t=!1,s=0){return this.params=e,t&&this.restEnabled?s>0?(this.debouncedFetchTimeout&&clearTimeout(this.debouncedFetchTimeout),this.cancel(),new Promise((e,t)=>{this.debouncedFetchTimeout=setTimeout(async()=>{try{const t=await this.fetch();e(t)}catch(s){t(s)}},s)})):this.fetch():Promise.resolve(this)}async fetchOne(e,t={}){if(!e)return console.warn("Collection: fetchOne requires an ID"),null;if(!this.restEnabled)return console.info("Collection: REST disabled, cannot fetch single item"),null;try{const s=new this.ModelClass({id:e},{endpoint:this.endpoint,collection:this}),i=await s.fetch(t);if(i.success){if(!0===t.addToCollection){const e=this.get(s.id);e?!1!==t.merge&&e.set(s.attributes):this.add(s,{silent:t.silent})}return s}return console.warn("Collection: fetchOne failed -",i.error||"Unknown error"),null}catch(s){return console.error("Collection: fetchOne error -",s.message),null}}async download(e="json",t={}){if(!this.restEnabled)return console.warn("Collection: REST is not enabled, cannot download from remote."),{success:!1,message:"Remote downloads are not enabled for this collection."};const s=this.buildUrl(),i={...this.params};delete i.start,delete i.size,i.download_format=e;const a=`export-${this.getModelName().toLowerCase()}.${e}`,r={json:"application/json",csv:"text/csv"}[e]||"*/*";return this.rest.download(s,i,{...t,filename:a,headers:{Accept:r}})}parse(e){return e.data&&Array.isArray(e.data.data)?(this.meta={size:e.data.size||10,start:e.data.start||0,count:e.data.count||0,status:e.data.status,graph:e.data.graph,...e.meta},e.data.data):Array.isArray(e.data)?e.data:Array.isArray(e)?e:[e]}add(e,t={}){const s=Array.isArray(e)?e:[e],i=[];for(const a of s){let e;e=a instanceof this.ModelClass?a:new this.ModelClass(a,{endpoint:this.endpoint,collection:this});const s=this.models.findIndex(t=>t.id===e.id);-1!==s?!1!==t.merge&&this.models[s].set(e.attributes):(this.models.push(e),i.push(e))}return!t.silent&&i.length>0&&(this.emit("add",{models:i,collection:this}),this.emit("update",{collection:this})),i}remove(e,t={}){const s=Array.isArray(e)?e:[e],i=[];for(const a of s){let e=-1;if(e="string"==typeof a||"number"==typeof a?this.models.findIndex(e=>e.id==a):this.models.indexOf(a),-1!==e){const t=this.models.splice(e,1)[0];i.push(t)}}return!t.silent&&i.length>0&&(this.emit("remove",{models:i,collection:this}),this.emit("update",{collection:this})),i}reset(e=null,t={}){const s=[...this.models];return this.models=[],e&&this.add(e,{silent:!0,...t}),t.silent||this.emit("reset",{collection:this,previousModels:s}),this}get(e){return this.models.find(t=>t.id==e)}at(e){return this.models[e]}length(){return this.models.length}isEmpty(){return 0===this.models.length}where(e){return"function"==typeof e?this.models.filter(e):"object"==typeof e?this.models.filter(t=>Object.entries(e).every(([e,s])=>t.get(e)===s)):[]}findWhere(e){const t=this.where(e);return t.length>0?t[0]:void 0}forEach(e,t){if("function"!=typeof e)throw new TypeError("Callback must be a function");return this.models.forEach((s,i)=>{e.call(t,s,i,this)}),this}sort(e,t={}){if("string"==typeof e){const t=e;e=(e,s)=>{const i=e.get(t),a=s.get(t);return i<a?-1:i>a?1:0}}return this.models.sort(e),t.silent||this.trigger("sort",{collection:this}),this}toJSON(){return this.models.map(e=>e.toJSON())}cancel(){return!(!this.currentRequest||!this.abortController||(console.info("Collection: Manually cancelling active request"),this.abortController.abort(),0))}isFetching(){return!!this.currentRequest}buildUrl(){return this.endpoint}*[Symbol.iterator](){for(const e of this.models)yield e}static fromArray(e,t=[],s={}){const i=new this(e,s);return i.add(t,{silent:!0}),i}}Object.assign(Collection.prototype,e.EventEmitter);class Group extends Model{constructor(e={}){super(e,{endpoint:"/api/group"})}}class GroupList extends Collection{constructor(e={}){super({ModelClass:Group,endpoint:"/api/group",size:10,...e})}}const t=Object.entries({org:"Organization",division:"Division",department:"Department",team:"Team",merchant:"Merchant",partner:"Partner",client:"Client",iso:"ISO",sales:"Sales",reseller:"Reseller",location:"Location",region:"Region",route:"Route",project:"Project",inventory:"Inventory",test:"Testing",misc:"Miscellaneous",qa:"Quality Assurance"}).map(([e,t])=>({value:e,label:t})),s={create:{title:"Create Group",fields:[{name:"name",type:"text",label:"Group Name",required:!0,placeholder:"Enter group name"},{name:"kind",type:"select",label:"Group Kind",required:!0,options:t},{type:"collection",name:"parent",label:"Parent Group",Collection:GroupList,labelField:"name",valueField:"id",maxItems:10,placeholder:"Search groups...",emptyFetch:!1,debounceMs:300}]},edit:{title:"Edit Group",fields:[{name:"name",type:"text",label:"Group Name",required:!0,placeholder:"Enter group name"},{name:"kind",type:"select",label:"Group Kind",required:!0,options:t},{type:"collection",name:"parent",label:"Parent Group",Collection:GroupList,labelField:"name",valueField:"id",maxItems:10,placeholder:"Search groups...",emptyFetch:!1,debounceMs:300},{name:"metadata.domain",type:"text",label:"Default Domain",placeholder:"Enter Domain"},{name:"metadata.portal",type:"text",label:"Default Portal",placeholder:"Enter Portal URL"},{name:"is_active",type:"switch",label:"Is Active",cols:4}]},detailed:{title:"Group Details",fields:[{type:"header",text:"Profile Information",level:4,class:"text-primary mb-3"},{type:"group",columns:{xs:12,md:4},fields:[{type:"image",name:"avatar",size:"lg",imageSize:{width:200,height:200},placeholder:"Upload your avatar",help:"Square images work best",columns:12},{name:"is_active",type:"switch",label:"Is Active",columns:12}]},{type:"group",columns:{xs:12,md:8},title:"Details",fields:[{name:"name",type:"text",label:"Group Name",required:!0,placeholder:"Enter group name",columns:12},{name:"kind",type:"select",label:"Group Kind",required:!0,columns:12,options:[{value:"org",label:"Organization"},{value:"team",label:"Team"},{value:"department",label:"Department"},{value:"merchant",label:"Merchant"},{value:"iso",label:"ISO"},{value:"group",label:"Group"}]},{type:"collection",name:"parent",label:"Parent Group",Collection:GroupList,labelField:"name",valueField:"id",maxItems:10,placeholder:"Search groups...",emptyFetch:!1,debounceMs:300,columns:12}]},{type:"group",columns:12,title:"Account Settings",class:"pt-3",fields:[{type:"select",name:"metadata.timezone",label:"Timezone",columns:6,options:[{value:"America/New_York",text:"Eastern Time"},{value:"America/Chicago",text:"Central Time"},{value:"America/Denver",text:"Mountain Time"},{value:"America/Los_Angeles",text:"Pacific Time"},{value:"UTC",text:"UTC"}]},{type:"select",name:"metadata.language",label:"Language",columns:6,options:[{value:"en",text:"English"},{value:"es",text:"Spanish"},{value:"fr",text:"French"},{value:"de",text:"German"}]},{type:"switch",name:"metadata.notify.email",label:"Email Notifications",columns:4},{type:"switch",name:"metadata.profile_public",label:"Public Profile",columns:4}]}]}};Group.EDIT_FORM=s.edit,Group.CREATE_FORM=s.create;class User extends Model{constructor(e={}){super(e,{endpoint:"/api/user"})}hasPermission(e){if(Array.isArray(e))return e.some(e=>this.hasPermission(e));const t=e.startsWith("sys."),s=t?e.substring(4):e;return!!this._hasPermission(s)||!(t||!this.member||!this.member.hasPermission(e))}_hasPermission(e){const t=this.get("permissions");return!!t&&1==t[e]}hasPerm(e){return this.hasPermission(e)}}User.PERMISSIONS=[{name:"manage_users",label:"Manage Users"},{name:"view_groups",label:"View Groups"},{name:"manage_groups",label:"Manage Groups"},{name:"view_metrics",label:"View System Metrics"},{name:"manage_metrics",label:"Manage System Metrics"},{name:"view_logs",label:"View Logs"},{name:"view_incidents",label:"View Incidents"},{name:"manage_incidents",label:"Manage Incidents"},{name:"view_tickets",label:"View Tickets"},{name:"manage_tickets",label:"Manage Tickets"},{name:"view_admin",label:"View Admin"},{name:"view_jobs",label:"View Jobs"},{name:"manage_jobs",label:"Manage Jobs"},{name:"view_global",label:"View Global"},{name:"manage_notifications",label:"Manage Notifications"},{name:"manage_files",label:"Manage Files"},{name:"force_single_session",label:"Force Single Session"},{name:"file_vault",label:"Access File Vault"},{name:"manage_aws",label:"Manage AWS"},{name:"manage_docit",label:"Manage DocIt"}];const i={create:{title:"Create User",fields:[{name:"email",type:"text",label:"Email",required:!0},{name:"phone_number",type:"text",label:"Phone number",columns:12},{name:"display_name",type:"text",label:"Display Name"}]},edit:{title:"Edit User",fields:[{name:"email",type:"email",label:"Email",columns:12},{name:"display_name",type:"text",label:"Display Name",columns:12},{name:"phone_number",type:"text",label:"Phone number",columns:12},{type:"collection",name:"org",label:"Organization",Collection:GroupList,labelField:"name",valueField:"id",columns:12}]},permissions:{title:"Edit Permissions",fields:[...User.PERMISSIONS.map(e=>({name:`permissions.${e.name}`,type:"switch",label:e.label,columns:4}))]}},a={profile:{title:"User Profile",columns:2,fields:[{name:"id",label:"User ID",type:"number",columns:3},{name:"username",label:"Username",type:"text",format:"lowercase",columns:9},{name:"last_login",label:"Last Login",type:"datetime",format:"relative",columns:3},{name:"last_activity",label:"Last Activity",type:"datetime",format:"relative",columns:6},...User.PERMISSIONS.map(e=>({name:`permissions.${e.name}`,label:e.label,format:"boolean('on', 'off')|badge",columns:4}))]},activity:{title:"User Activity",columns:2,fields:[{name:"last_login",label:"Last Login",type:"datetime",format:"relative",colSize:6},{name:"last_activity",label:"Last Activity",type:"datetime",format:"relative",colSize:6}]},detailed:{title:"Detailed User Information",columns:2,showEmptyValues:!0,emptyValueText:"Not set",fields:[{name:"id",label:"User ID",type:"number",colSize:3},{name:"display_name",label:"Display Name",type:"text",format:'capitalize|default("Unnamed User")',colSize:9},{name:"username",label:"Username",type:"text",format:"lowercase",colSize:6},{name:"email",label:"Email Address",type:"email",colSize:6},{name:"phone_number",label:"Phone Number",type:"phone",format:'phone|default("Not provided")',colSize:6},{name:"is_active",label:"Account Status",type:"boolean",colSize:6},{name:"last_login",label:"Last Login",type:"datetime",format:"relative",colSize:6},{name:"last_activity",label:"Last Activity",type:"datetime",format:"relative",colSize:6},{name:"avatar.url",label:"Avatar",type:"url",colSize:12},{name:"permissions",label:"User Permissions",type:"dataview",dataViewColumns:2,showEmptyValues:!1},{name:"metadata",label:"User Metadata",type:"dataview",dataViewColumns:1},{name:"avatar",label:"Avatar Details",type:"dataview",dataViewColumns:1}]},permissions:{title:"User Permissions",columns:1,fields:[{name:"display_name",label:"User",type:"text",format:"capitalize",columns:12},{name:"permissions",label:"Assigned Permissions",type:"dataview",dataViewColumns:3,showEmptyValues:!1,colSize:12}]},summary:{title:"User Summary",columns:3,fields:[{name:"display_name",label:"Name",type:"text",format:"capitalize|truncate(30)"},{name:"email",label:"Email",type:"email"},{name:"is_active",label:"Status",type:"boolean"},{name:"last_activity",label:"Last Seen",type:"datetime",format:"relative",colSize:12}]}};User.DATA_VIEW=a.detailed,User.EDIT_FORM=i.edit,User.ADD_FORM=i.create;class UserDevice extends Model{constructor(e={}){super(e,{endpoint:"/api/user/device"})}static async getByDuid(e){const t=new UserDevice,s=await t.rest.GET("/api/user/device/lookup",{duid:e});return s.success&&s.data&&s.data.data?new UserDevice(s.data.data):null}}class UserDeviceLocation extends Model{constructor(e={}){super(e,{endpoint:"/api/user/device/location"})}}exports.Collection=Collection,exports.Group=Group,exports.GroupForms=s,exports.GroupList=GroupList,exports.Model=Model,exports.ToastService=class{constructor(e={}){this.options={containerId:"toast-container",position:"top-end",autohide:!0,defaultDelay:5e3,maxToasts:5,...e},this.toasts=/* @__PURE__ */new Map,this.toastCounter=0,this.init()}init(){this.createContainer()}createContainer(){let e=document.getElementById(this.options.containerId);e||(e=document.createElement("div"),e.id=this.options.containerId,e.className=`toast-container position-fixed ${this.getPositionClasses()}`,e.style.zIndex="1070",e.setAttribute("aria-live","polite"),e.setAttribute("aria-atomic","true"),document.body.appendChild(e)),this.container=e}getPositionClasses(){const e={"top-start":"top-0 start-0 p-3","top-center":"top-0 start-50 translate-middle-x p-3","top-end":"top-0 end-0 p-3","middle-start":"top-50 start-0 translate-middle-y p-3","middle-center":"top-50 start-50 translate-middle p-3","middle-end":"top-50 end-0 translate-middle-y p-3","bottom-start":"bottom-0 start-0 p-3","bottom-center":"bottom-0 start-50 translate-middle-x p-3","bottom-end":"bottom-0 end-0 p-3"};return e[this.options.position]||e["top-end"]}success(e,t={}){return this.show(e,"success",{icon:"bi-check-circle-fill",...t})}error(e,t={}){return this.show(e,"error",{icon:"bi-exclamation-triangle-fill",autohide:!1,...t})}info(e,t={}){return this.show(e,"info",{icon:"bi-info-circle-fill",...t})}warning(e,t={}){return this.show(e,"warning",{icon:"bi-exclamation-triangle-fill",...t})}plain(e,t={}){return this.show(e,"plain",{...t})}show(e,t="info",s={}){this.enforceMaxToasts();const i="toast-"+ ++this.toastCounter,a={title:this.getDefaultTitle(t),icon:this.getDefaultIcon(t),autohide:this.options.autohide,delay:this.options.defaultDelay,dismissible:!0,...s},r=this.createToastElement(i,e,t,a);if(this.container.appendChild(r),"undefined"==typeof bootstrap)throw new Error("Bootstrap is required for ToastService. Make sure Bootstrap 5 is loaded.");const o=new bootstrap.Toast(r,{autohide:a.autohide,delay:a.delay});return this.toasts.set(i,{element:r,bootstrap:o,type:t,message:e}),r.addEventListener("hidden.bs.toast",()=>{this.cleanup(i)}),o.show(),{id:i,hide:()=>{try{o.hide()}catch(e){console.warn("Error hiding toast:",e)}},dispose:()=>this.cleanup(i),updateProgress:s.updateProgress||null}}showView(e,t="info",s={}){this.enforceMaxToasts();const i="toast-"+ ++this.toastCounter,a={title:s.title||this.getDefaultTitle(t),icon:s.icon||this.getDefaultIcon(t),autohide:this.options.autohide,delay:this.options.defaultDelay,dismissible:!0,...s},r=this.createViewToastElement(i,e,t,a);if(this.container.appendChild(r),"undefined"==typeof bootstrap)throw new Error("Bootstrap is required for ToastService. Make sure Bootstrap 5 is loaded.");const o=new bootstrap.Toast(r,{autohide:a.autohide,delay:a.delay});this.toasts.set(i,{element:r,bootstrap:o,type:t,view:e,message:"View toast"}),r.addEventListener("hidden.bs.toast",()=>{this.cleanupView(i)});const n=r.querySelector(".toast-view-body");return n&&e&&e.render(!0,n),o.show(),{id:i,view:e,hide:()=>{try{o.hide()}catch(e){console.warn("Error hiding view toast:",e)}},dispose:()=>this.cleanupView(i),updateProgress:t=>{e&&"function"==typeof e.updateProgress&&e.updateProgress(t)}}}createToastElement(e,t,s,i){const a=document.createElement("div");a.id=e,a.className=`toast toast-service-${s}`,a.setAttribute("role","alert"),a.setAttribute("aria-live","assertive"),a.setAttribute("aria-atomic","true");const r=i.title||i.icon?this.createToastHeader(i,s):"",o=this.createToastBody(t,i.icon&&!i.title);return a.innerHTML=`\n      ${r}\n      ${o}\n    `,a}createViewToastElement(e,t,s,i){const a=document.createElement("div");a.id=e,a.className=`toast toast-service-${s}`,a.setAttribute("role","alert"),a.setAttribute("aria-live","assertive"),a.setAttribute("aria-atomic","true");const r=i.title||i.icon?this.createToastHeader(i,s):"",o=this.createViewToastBody();return a.innerHTML=`\n      ${r}\n      ${o}\n    `,a}createViewToastBody(){return'\n      <div class="toast-body p-0">\n        <div class="toast-view-body p-3"></div>\n      </div>\n    '}createToastHeader(e,t){const s=e.icon?`<i class="${e.icon} toast-service-icon me-2"></i>`:"",i=e.title?`<strong class="me-auto">${s}${this.escapeHtml(e.title)}</strong>`:"",a=e.showTime?`<small class="text-muted">${this.getTimeString()}</small>`:"",r=e.dismissible?'<button type="button" class="btn-close toast-service-close" data-bs-dismiss="toast" aria-label="Close"></button>':"";return i||a||r?`\n      <div class="toast-header">\n        ${i}\n        ${a}\n        ${r}\n      </div>\n    `:""}createToastBody(e,t=!1){return`\n      <div class="toast-body d-flex align-items-center">\n        ${t?`<i class="${this.getDefaultIcon("info")} toast-service-icon me-2"></i>`:""}\n        <span>${this.escapeHtml(e)}</span>\n      </div>\n    `}getDefaultTitle(e){return{success:"Success",error:"Error",warning:"Warning",info:"Information",plain:""}[e]||"Notification"}getDefaultIcon(e){return{success:"bi-check-circle-fill",error:"bi-exclamation-triangle-fill",warning:"bi-exclamation-triangle-fill",info:"bi-info-circle-fill",plain:""}[e]||"bi-info-circle-fill"}enforceMaxToasts(){if(Array.from(this.toasts.values()).length>=this.options.maxToasts){const e=this.toasts.keys().next().value,t=this.toasts.get(e);t&&t.bootstrap.hide()}}cleanup(e){const t=this.toasts.get(e);if(t){try{t.bootstrap.dispose()}catch(s){console.warn("Error disposing toast:",s)}t.element&&t.element.parentNode&&t.element.parentNode.removeChild(t.element),this.toasts.delete(e)}}cleanupView(e){const t=this.toasts.get(e);if(t){if(t.view&&"function"==typeof t.view.dispose)try{t.view.dispose()}catch(s){console.warn("Error disposing view in toast:",s)}try{t.bootstrap.dispose()}catch(s){console.warn("Error disposing toast:",s)}t.element&&t.element.parentNode&&t.element.parentNode.removeChild(t.element),this.toasts.delete(e)}}hideAll(){this.toasts.forEach((e,t)=>{e.bootstrap.hide()})}clearAll(){this.toasts.forEach((e,t)=>{this.cleanup(t)})}getTimeString(){/* @__PURE__ */
+"use strict";const e=require("./WebApp-BIxs8_cJ.js");class Model{constructor(t={},s={}){this.endpoint=s.endpoint||this.constructor.endpoint||"",this.id=t.id||null,this.attributes={...t},this._=this.attributes,this.originalAttributes={...t},this.errors={},this.loading=!1,this.rest=e.rest,this.options={idAttribute:"id",timestamps:!0,...s}}getContextValue(e){return this.get(e)}get(t){return t.includes(".")||t.includes("|")||void 0===this[t]?e.MOJOUtils.getContextData(this.attributes,t):"function"==typeof this[t]?this[t]():this[t]}set(e,t,s={}){const i={...this.attributes};let a=!1;if("object"==typeof e)Object.assign(this.attributes,e),Object.assign(this,e),void 0!==e.id&&(this.id=e.id),a=JSON.stringify(i)!==JSON.stringify(this.attributes);else if("id"===e)this.id=t,a=!0;else{const s=this.attributes[e];this.attributes[e]=t,this[e]=t,a=s!==t}if(a&&!s.silent)if(this.emit("change",this),"string"==typeof e)this.emit(`change:${e}`,t,this);else for(const[r,o]of Object.entries(e))i[r]!==o&&this.emit(`change:${r}`,o,this)}getData(){return this.attributes}getId(){return this.id}async fetch(e={}){let t=e.url;if(!t){const s=e.id||this.getId();if(!s&&!1!==this.options.requiresId)throw new Error("Model: ID is required for fetching");t=this.buildUrl(s)}const s=JSON.stringify({url:t,params:e.params});if(e.debounceMs&&e.debounceMs>0)return this._debouncedFetch(s,e);if(this.currentRequest&&this.currentRequestKey!==s&&(console.info("Model: Cancelling previous request for new parameters"),this.abortController?.abort(),this.currentRequest=null),this.currentRequest&&this.currentRequestKey===s)return console.info("Model: Duplicate request in progress, returning existing promise"),this.currentRequest;const i=Date.now();if(this.lastFetchTime&&i-this.lastFetchTime<100)return console.info("Model: Rate limited, skipping fetch"),this;this.loading=!0,this.errors={},this.lastFetchTime=i,this.currentRequestKey=s,this.abortController=new AbortController,this.currentRequest=this._performFetch(t,e,this.abortController);try{return await this.currentRequest}catch(a){if("AbortError"===a.name)return console.info("Model: Request was cancelled"),this;throw a}finally{this.currentRequest=null,this.currentRequestKey=null,this.abortController=null}}async _debouncedFetch(e,t){return this.debouncedFetchTimeout&&clearTimeout(this.debouncedFetchTimeout),this.cancel(),new Promise((e,s)=>{this.debouncedFetchTimeout=setTimeout(async()=>{try{const s=await this.fetch({...t,debounceMs:0});e(s)}catch(i){s(i)}},t.debounceMs)})}async _performFetch(e,t,s){try{!t.graph||t.params&&t.params.graph||(t.params||(t.params={}),t.params.graph=t.graph);const i=await this.rest.GET(e,t.params,{signal:s.signal});return i.success?i.data.status?(this.originalAttributes={...this.attributes},this.set(i.data.data),this.errors={}):this.errors=i.data:this.errors=i.errors||{},i}catch(i){if("AbortError"===i.name)throw console.info("Model: Fetch was cancelled"),i;return this.errors={fetch:i.message},{success:!1,error:i.message,status:i.status||500}}finally{this.loading=!1}}async save(e,t={}){const s=!this.id,i=s?"POST":"PUT",a=s?this.buildUrl():this.buildUrl(this.id);this.loading=!0,this.errors={};try{const s=await this.rest[i](a,e,t.params);return s.success?s.data.status?(this.originalAttributes={...this.attributes},this.set(s.data.data),this.errors={}):this.errors=s.data:this.errors=s.errors||{},s}catch(r){return{success:!1,error:r.message,status:r.status||500}}finally{this.loading=!1}}async destroy(e={}){if(!this.id)return this.errors={destroy:"Cannot destroy model without ID"},{success:!1,error:"Cannot destroy model without ID",status:400};const t=this.buildUrl(this.id);this.loading=!0,this.errors={};try{const s=await this.rest.DELETE(t,e.params);return s.success?(this.attributes={},this.originalAttributes={},this.id=null,this.errors={}):this.errors=s.errors||{},s}catch(s){return this.errors={destroy:s.message},{success:!1,error:s.message,status:s.status||500}}finally{this.loading=!1}}isDirty(){return JSON.stringify(this.attributes)!==JSON.stringify(this.originalAttributes)}getChangedAttributes(){const e={};for(const[t,s]of Object.entries(this.attributes))this.originalAttributes[t]!==s&&(e[t]=s);return e}reset(){this.attributes={...this.originalAttributes},this._=this.attributes,this.errors={}}buildUrl(e=null){let t=this.endpoint;return e&&(t=t.endsWith("/")?`${t}${e}`:`${t}/${e}`),t}toJSON(){return{id:this.id,...this.attributes}}validate(){if(this.errors={},this.constructor.validations)for(const[e,t]of Object.entries(this.constructor.validations))this.validateField(e,t);return 0===Object.keys(this.errors).length}validateField(e,t){const s=this.get(e),i=Array.isArray(t)?t:[t];for(const a of i)if("function"==typeof a){const t=a(s,this);if(!0!==t){this.errors[e]=t||`${e} is invalid`;break}}else if("object"==typeof a){if(a.required&&(null==s||""===s)){this.errors[e]=a.message||`${e} is required`;break}if(a.minLength&&s&&s.length<a.minLength){this.errors[e]=a.message||`${e} must be at least ${a.minLength} characters`;break}if(a.maxLength&&s&&s.length>a.maxLength){this.errors[e]=a.message||`${e} must be no more than ${a.maxLength} characters`;break}if(a.pattern&&s&&!a.pattern.test(s)){this.errors[e]=a.message||`${e} format is invalid`;break}}}static async find(e,t={}){const s=new this({},t);return await s.fetch({id:e,...t}),s}static create(e={},t={}){return new this(e,t)}cancel(){return this.currentRequest&&this.abortController?(console.info("Model: Manually cancelling active request"),this.abortController.abort(),!0):!!this.debouncedFetchTimeout&&(clearTimeout(this.debouncedFetchTimeout),this.debouncedFetchTimeout=null,!0)}isFetching(){return!!this.currentRequest}async showError(e){await Dialog.alert(e,"Error",{size:"md",class:"text-danger"})}}Object.assign(Model.prototype,e.EventEmitter);class Collection{constructor(t={},s=null){if(Array.isArray(t)?t=(s=t)||{}:s=s||t.data||[],this.ModelClass=t.ModelClass||Model,this.models=[],this.loading=!1,this.errors={},this.meta={},this.rest=e.rest,s&&this.add(s),this.params={start:0,size:t.size||10,...t.params},this.endpoint=t.endpoint||this.ModelClass.endpoint||"",!this.endpoint){let e=new this.ModelClass;this.endpoint=e.endpoint}this.restEnabled=!!this.endpoint,void 0!==t.restEnabled&&(this.restEnabled=t.restEnabled),this.options={parse:!0,reset:!0,preloaded:!1,...t}}getModelName(){return this.ModelClass.name}async fetch(e={}){const t=JSON.stringify({...this.params,...e});if(this.currentRequest&&this.currentRequestKey!==t&&(console.info("Collection: Cancelling previous request for new parameters"),this.abortController?.abort(),this.currentRequest=null),this.currentRequest&&this.currentRequestKey===t)return console.info("Collection: Duplicate request in progress, returning existing promise"),this.currentRequest;const s=Date.now();if(this.options.rateLimiting&&this.lastFetchTime&&s-this.lastFetchTime<100)return console.info("Collection: Rate limited, skipping fetch"),{success:!0,message:"Rate limited, skipping fetch",data:{data:this.toJSON()}};if(!this.restEnabled)return console.info("Collection: REST disabled, skipping fetch"),{success:!0,message:"REST disabled, skipping fetch",data:{data:this.toJSON()}};if(this.options.preloaded&&this.models.length>0)return console.info("Collection: Using preloaded data, skipping fetch"),{success:!0,message:"Using preloaded data, skipping fetch",data:{data:this.toJSON()}};const i=this.buildUrl();this.loading=!0,this.errors={},this.lastFetchTime=s,this.currentRequestKey=t,this.abortController=new AbortController,this.currentRequest=this._performFetch(i,e,this.abortController);try{return await this.currentRequest}catch(a){return"AbortError"===a.name?(console.info("Collection: Request was cancelled"),{success:!1,error:"Request cancelled",status:0}):{success:!1,error:a.message,status:a.status||500}}finally{this.currentRequest=null,this.currentRequestKey=null,this.abortController=null}}async _performFetch(e,t,s){const i={...this.params,...t};console.log("Fetching collection data from",e,i);try{this.emit("fetch:start");const a=await this.rest.GET(e,i,{signal:s.signal});if(a.success&&a.data.status){const e=this.options.parse?this.parse(a):a.data;(this.options.reset||!1!==t.reset)&&this.reset(),this.add(e,{silent:t.silent}),this.errors={},this.emit("fetch:success")}else a.data&&a.data.error?(this.errors=a.data,this.emit("fetch:error",{message:a.data.error,error:a.data})):(this.errors=a.errors||{},this.emit("fetch:error",{error:a.errors}));return a}catch(a){return"AbortError"===a.name?(console.info("Collection: Fetch was cancelled"),{success:!1,error:"Request cancelled",status:0}):(this.errors={fetch:a.message},this.emit("fetch:error",{message:a.message,error:a}),{success:!1,error:a.message,status:a.status||500})}finally{this.loading=!1,this.emit("fetch:end")}}async updateParams(e,t=!1,s=0){return await this.setParams({...this.params,...e},t,s)}async setParams(e,t=!1,s=0){return this.params=e,t&&this.restEnabled?s>0?(this.debouncedFetchTimeout&&clearTimeout(this.debouncedFetchTimeout),this.cancel(),new Promise((e,t)=>{this.debouncedFetchTimeout=setTimeout(async()=>{try{const t=await this.fetch();e(t)}catch(s){t(s)}},s)})):this.fetch():Promise.resolve(this)}async fetchOne(e,t={}){if(!e)return console.warn("Collection: fetchOne requires an ID"),null;if(!this.restEnabled)return console.info("Collection: REST disabled, cannot fetch single item"),null;try{const s=new this.ModelClass({id:e},{endpoint:this.endpoint,collection:this}),i=await s.fetch(t);if(i.success){if(!0===t.addToCollection){const e=this.get(s.id);e?!1!==t.merge&&e.set(s.attributes):this.add(s,{silent:t.silent})}return s}return console.warn("Collection: fetchOne failed -",i.error||"Unknown error"),null}catch(s){return console.error("Collection: fetchOne error -",s.message),null}}async download(e="json",t={}){if(!this.restEnabled)return console.warn("Collection: REST is not enabled, cannot download from remote."),{success:!1,message:"Remote downloads are not enabled for this collection."};const s=this.buildUrl(),i={...this.params};delete i.start,delete i.size,i.download_format=e;const a=`export-${this.getModelName().toLowerCase()}.${e}`,r={json:"application/json",csv:"text/csv"}[e]||"*/*";return this.rest.download(s,i,{...t,filename:a,headers:{Accept:r}})}parse(e){return e.data&&Array.isArray(e.data.data)?(this.meta={size:e.data.size||10,start:e.data.start||0,count:e.data.count||0,status:e.data.status,graph:e.data.graph,...e.meta},e.data.data):Array.isArray(e.data)?e.data:Array.isArray(e)?e:[e]}add(e,t={}){const s=Array.isArray(e)?e:[e],i=[];for(const a of s){let e;e=a instanceof this.ModelClass?a:new this.ModelClass(a,{endpoint:this.endpoint,collection:this});const s=this.models.findIndex(t=>t.id===e.id);-1!==s?!1!==t.merge&&this.models[s].set(e.attributes):(this.models.push(e),i.push(e))}return!t.silent&&i.length>0&&(this.emit("add",{models:i,collection:this}),this.emit("update",{collection:this})),i}remove(e,t={}){const s=Array.isArray(e)?e:[e],i=[];for(const a of s){let e=-1;if(e="string"==typeof a||"number"==typeof a?this.models.findIndex(e=>e.id==a):this.models.indexOf(a),-1!==e){const t=this.models.splice(e,1)[0];i.push(t)}}return!t.silent&&i.length>0&&(this.emit("remove",{models:i,collection:this}),this.emit("update",{collection:this})),i}reset(e=null,t={}){const s=[...this.models];return this.models=[],e&&this.add(e,{silent:!0,...t}),t.silent||this.emit("reset",{collection:this,previousModels:s}),this}get(e){return this.models.find(t=>t.id==e)}at(e){return this.models[e]}length(){return this.models.length}isEmpty(){return 0===this.models.length}where(e){return"function"==typeof e?this.models.filter(e):"object"==typeof e?this.models.filter(t=>Object.entries(e).every(([e,s])=>t.get(e)===s)):[]}findWhere(e){const t=this.where(e);return t.length>0?t[0]:void 0}forEach(e,t){if("function"!=typeof e)throw new TypeError("Callback must be a function");return this.models.forEach((s,i)=>{e.call(t,s,i,this)}),this}sort(e,t={}){if("string"==typeof e){const t=e;e=(e,s)=>{const i=e.get(t),a=s.get(t);return i<a?-1:i>a?1:0}}return this.models.sort(e),t.silent||this.trigger("sort",{collection:this}),this}toJSON(){return this.models.map(e=>e.toJSON())}cancel(){return!(!this.currentRequest||!this.abortController||(console.info("Collection: Manually cancelling active request"),this.abortController.abort(),0))}isFetching(){return!!this.currentRequest}buildUrl(){return this.endpoint}*[Symbol.iterator](){for(const e of this.models)yield e}static fromArray(e,t=[],s={}){const i=new this(e,s);return i.add(t,{silent:!0}),i}}Object.assign(Collection.prototype,e.EventEmitter);class Group extends Model{constructor(e={}){super(e,{endpoint:"/api/group"})}}class GroupList extends Collection{constructor(e={}){super({ModelClass:Group,endpoint:"/api/group",size:10,...e})}}const t=Object.entries({org:"Organization",division:"Division",department:"Department",team:"Team",merchant:"Merchant",partner:"Partner",client:"Client",iso:"ISO",sales:"Sales",reseller:"Reseller",location:"Location",region:"Region",route:"Route",project:"Project",inventory:"Inventory",test:"Testing",misc:"Miscellaneous",qa:"Quality Assurance"}).map(([e,t])=>({value:e,label:t})),s={create:{title:"Create Group",fields:[{name:"name",type:"text",label:"Group Name",required:!0,placeholder:"Enter group name"},{name:"kind",type:"select",label:"Group Kind",required:!0,options:t},{type:"collection",name:"parent",label:"Parent Group",Collection:GroupList,labelField:"name",valueField:"id",maxItems:10,placeholder:"Search groups...",emptyFetch:!1,debounceMs:300}]},edit:{title:"Edit Group",fields:[{name:"name",type:"text",label:"Group Name",required:!0,placeholder:"Enter group name"},{name:"kind",type:"select",label:"Group Kind",required:!0,options:t},{type:"collection",name:"parent",label:"Parent Group",Collection:GroupList,labelField:"name",valueField:"id",maxItems:10,placeholder:"Search groups...",emptyFetch:!1,debounceMs:300},{name:"metadata.domain",type:"text",label:"Default Domain",placeholder:"Enter Domain"},{name:"metadata.portal",type:"text",label:"Default Portal",placeholder:"Enter Portal URL"},{name:"is_active",type:"switch",label:"Is Active",cols:4}]},detailed:{title:"Group Details",fields:[{type:"header",text:"Profile Information",level:4,class:"text-primary mb-3"},{type:"group",columns:{xs:12,md:4},fields:[{type:"image",name:"avatar",size:"lg",imageSize:{width:200,height:200},placeholder:"Upload your avatar",help:"Square images work best",columns:12},{name:"is_active",type:"switch",label:"Is Active",columns:12}]},{type:"group",columns:{xs:12,md:8},title:"Details",fields:[{name:"name",type:"text",label:"Group Name",required:!0,placeholder:"Enter group name",columns:12},{name:"kind",type:"select",label:"Group Kind",required:!0,columns:12,options:[{value:"org",label:"Organization"},{value:"team",label:"Team"},{value:"department",label:"Department"},{value:"merchant",label:"Merchant"},{value:"iso",label:"ISO"},{value:"group",label:"Group"}]},{type:"collection",name:"parent",label:"Parent Group",Collection:GroupList,labelField:"name",valueField:"id",maxItems:10,placeholder:"Search groups...",emptyFetch:!1,debounceMs:300,columns:12}]},{type:"group",columns:12,title:"Account Settings",class:"pt-3",fields:[{type:"select",name:"metadata.timezone",label:"Timezone",columns:6,options:[{value:"America/New_York",text:"Eastern Time"},{value:"America/Chicago",text:"Central Time"},{value:"America/Denver",text:"Mountain Time"},{value:"America/Los_Angeles",text:"Pacific Time"},{value:"UTC",text:"UTC"}]},{type:"select",name:"metadata.language",label:"Language",columns:6,options:[{value:"en",text:"English"},{value:"es",text:"Spanish"},{value:"fr",text:"French"},{value:"de",text:"German"}]},{type:"switch",name:"metadata.notify.email",label:"Email Notifications",columns:4},{type:"switch",name:"metadata.profile_public",label:"Public Profile",columns:4}]}]}};Group.EDIT_FORM=s.edit,Group.CREATE_FORM=s.create;class User extends Model{constructor(e={}){super(e,{endpoint:"/api/user"})}hasPermission(e){if(Array.isArray(e))return e.some(e=>this.hasPermission(e));const t=e.startsWith("sys."),s=t?e.substring(4):e;return!!this._hasPermission(s)||!(t||!this.member||!this.member.hasPermission(e))}_hasPermission(e){const t=this.get("permissions");return!!t&&1==t[e]}hasPerm(e){return this.hasPermission(e)}}User.PERMISSIONS=[{name:"manage_users",label:"Manage Users"},{name:"view_groups",label:"View Groups"},{name:"manage_groups",label:"Manage Groups"},{name:"view_metrics",label:"View System Metrics"},{name:"manage_metrics",label:"Manage System Metrics"},{name:"view_logs",label:"View Logs"},{name:"view_incidents",label:"View Incidents"},{name:"manage_incidents",label:"Manage Incidents"},{name:"view_tickets",label:"View Tickets"},{name:"manage_tickets",label:"Manage Tickets"},{name:"view_admin",label:"View Admin"},{name:"view_jobs",label:"View Jobs"},{name:"manage_jobs",label:"Manage Jobs"},{name:"view_global",label:"View Global"},{name:"manage_notifications",label:"Manage Notifications"},{name:"manage_files",label:"Manage Files"},{name:"force_single_session",label:"Force Single Session"},{name:"file_vault",label:"Access File Vault"},{name:"manage_aws",label:"Manage AWS"},{name:"manage_docit",label:"Manage DocIt"}];const i={create:{title:"Create User",fields:[{name:"email",type:"text",label:"Email",required:!0},{name:"phone_number",type:"text",label:"Phone number",columns:12},{name:"display_name",type:"text",label:"Display Name"}]},edit:{title:"Edit User",fields:[{name:"email",type:"email",label:"Email",columns:12},{name:"display_name",type:"text",label:"Display Name",columns:12},{name:"phone_number",type:"text",label:"Phone number",columns:12},{type:"collection",name:"org",label:"Organization",Collection:GroupList,labelField:"name",valueField:"id",columns:12}]},permissions:{title:"Edit Permissions",fields:[...User.PERMISSIONS.map(e=>({name:`permissions.${e.name}`,type:"switch",label:e.label,columns:4}))]}},a={profile:{title:"User Profile",columns:2,fields:[{name:"id",label:"User ID",type:"number",columns:3},{name:"username",label:"Username",type:"text",format:"lowercase",columns:9},{name:"last_login",label:"Last Login",type:"datetime",format:"relative",columns:3},{name:"last_activity",label:"Last Activity",type:"datetime",format:"relative",columns:6},...User.PERMISSIONS.map(e=>({name:`permissions.${e.name}`,label:e.label,format:"boolean('on', 'off')|badge",columns:4}))]},activity:{title:"User Activity",columns:2,fields:[{name:"last_login",label:"Last Login",type:"datetime",format:"relative",colSize:6},{name:"last_activity",label:"Last Activity",type:"datetime",format:"relative",colSize:6}]},detailed:{title:"Detailed User Information",columns:2,showEmptyValues:!0,emptyValueText:"Not set",fields:[{name:"id",label:"User ID",type:"number",colSize:3},{name:"display_name",label:"Display Name",type:"text",format:'capitalize|default("Unnamed User")',colSize:9},{name:"username",label:"Username",type:"text",format:"lowercase",colSize:6},{name:"email",label:"Email Address",type:"email",colSize:6},{name:"phone_number",label:"Phone Number",type:"phone",format:'phone|default("Not provided")',colSize:6},{name:"is_active",label:"Account Status",type:"boolean",colSize:6},{name:"last_login",label:"Last Login",type:"datetime",format:"relative",colSize:6},{name:"last_activity",label:"Last Activity",type:"datetime",format:"relative",colSize:6},{name:"avatar.url",label:"Avatar",type:"url",colSize:12},{name:"permissions",label:"User Permissions",type:"dataview",dataViewColumns:2,showEmptyValues:!1},{name:"metadata",label:"User Metadata",type:"dataview",dataViewColumns:1},{name:"avatar",label:"Avatar Details",type:"dataview",dataViewColumns:1}]},permissions:{title:"User Permissions",columns:1,fields:[{name:"display_name",label:"User",type:"text",format:"capitalize",columns:12},{name:"permissions",label:"Assigned Permissions",type:"dataview",dataViewColumns:3,showEmptyValues:!1,colSize:12}]},summary:{title:"User Summary",columns:3,fields:[{name:"display_name",label:"Name",type:"text",format:"capitalize|truncate(30)"},{name:"email",label:"Email",type:"email"},{name:"is_active",label:"Status",type:"boolean"},{name:"last_activity",label:"Last Seen",type:"datetime",format:"relative",colSize:12}]}};User.DATA_VIEW=a.detailed,User.EDIT_FORM=i.edit,User.ADD_FORM=i.create;class UserDevice extends Model{constructor(e={}){super(e,{endpoint:"/api/user/device"})}static async getByDuid(e){const t=new UserDevice,s=await t.rest.GET("/api/user/device/lookup",{duid:e});return s.success&&s.data&&s.data.data?new UserDevice(s.data.data):null}}class UserDeviceLocation extends Model{constructor(e={}){super(e,{endpoint:"/api/user/device/location"})}}exports.Collection=Collection,exports.Group=Group,exports.GroupForms=s,exports.GroupList=GroupList,exports.Model=Model,exports.ToastService=class{constructor(e={}){this.options={containerId:"toast-container",position:"top-end",autohide:!0,defaultDelay:5e3,maxToasts:5,...e},this.toasts=/* @__PURE__ */new Map,this.toastCounter=0,this.init()}init(){this.createContainer()}createContainer(){let e=document.getElementById(this.options.containerId);e||(e=document.createElement("div"),e.id=this.options.containerId,e.className=`toast-container position-fixed ${this.getPositionClasses()}`,e.style.zIndex="1070",e.setAttribute("aria-live","polite"),e.setAttribute("aria-atomic","true"),document.body.appendChild(e)),this.container=e}getPositionClasses(){const e={"top-start":"top-0 start-0 p-3","top-center":"top-0 start-50 translate-middle-x p-3","top-end":"top-0 end-0 p-3","middle-start":"top-50 start-0 translate-middle-y p-3","middle-center":"top-50 start-50 translate-middle p-3","middle-end":"top-50 end-0 translate-middle-y p-3","bottom-start":"bottom-0 start-0 p-3","bottom-center":"bottom-0 start-50 translate-middle-x p-3","bottom-end":"bottom-0 end-0 p-3"};return e[this.options.position]||e["top-end"]}success(e,t={}){return this.show(e,"success",{icon:"bi-check-circle-fill",...t})}error(e,t={}){return this.show(e,"error",{icon:"bi-exclamation-triangle-fill",autohide:!1,...t})}info(e,t={}){return this.show(e,"info",{icon:"bi-info-circle-fill",...t})}warning(e,t={}){return this.show(e,"warning",{icon:"bi-exclamation-triangle-fill",...t})}plain(e,t={}){return this.show(e,"plain",{...t})}show(e,t="info",s={}){this.enforceMaxToasts();const i="toast-"+ ++this.toastCounter,a={title:this.getDefaultTitle(t),icon:this.getDefaultIcon(t),autohide:this.options.autohide,delay:this.options.defaultDelay,dismissible:!0,...s},r=this.createToastElement(i,e,t,a);if(this.container.appendChild(r),"undefined"==typeof bootstrap)throw new Error("Bootstrap is required for ToastService. Make sure Bootstrap 5 is loaded.");const o=new bootstrap.Toast(r,{autohide:a.autohide,delay:a.delay});return this.toasts.set(i,{element:r,bootstrap:o,type:t,message:e}),r.addEventListener("hidden.bs.toast",()=>{this.cleanup(i)}),o.show(),{id:i,hide:()=>{try{o.hide()}catch(e){console.warn("Error hiding toast:",e)}},dispose:()=>this.cleanup(i),updateProgress:s.updateProgress||null}}showView(e,t="info",s={}){this.enforceMaxToasts();const i="toast-"+ ++this.toastCounter,a={title:s.title||this.getDefaultTitle(t),icon:s.icon||this.getDefaultIcon(t),autohide:this.options.autohide,delay:this.options.defaultDelay,dismissible:!0,...s},r=this.createViewToastElement(i,e,t,a);if(this.container.appendChild(r),"undefined"==typeof bootstrap)throw new Error("Bootstrap is required for ToastService. Make sure Bootstrap 5 is loaded.");const o=new bootstrap.Toast(r,{autohide:a.autohide,delay:a.delay});this.toasts.set(i,{element:r,bootstrap:o,type:t,view:e,message:"View toast"}),r.addEventListener("hidden.bs.toast",()=>{this.cleanupView(i)});const n=r.querySelector(".toast-view-body");return n&&e&&e.render(!0,n),o.show(),{id:i,view:e,hide:()=>{try{o.hide()}catch(e){console.warn("Error hiding view toast:",e)}},dispose:()=>this.cleanupView(i),updateProgress:t=>{e&&"function"==typeof e.updateProgress&&e.updateProgress(t)}}}createToastElement(e,t,s,i){const a=document.createElement("div");a.id=e,a.className=`toast toast-service-${s}`,a.setAttribute("role","alert"),a.setAttribute("aria-live","assertive"),a.setAttribute("aria-atomic","true");const r=i.title||i.icon?this.createToastHeader(i,s):"",o=this.createToastBody(t,i.icon&&!i.title);return a.innerHTML=`\n      ${r}\n      ${o}\n    `,a}createViewToastElement(e,t,s,i){const a=document.createElement("div");a.id=e,a.className=`toast toast-service-${s}`,a.setAttribute("role","alert"),a.setAttribute("aria-live","assertive"),a.setAttribute("aria-atomic","true");const r=i.title||i.icon?this.createToastHeader(i,s):"",o=this.createViewToastBody();return a.innerHTML=`\n      ${r}\n      ${o}\n    `,a}createViewToastBody(){return'\n      <div class="toast-body p-0">\n        <div class="toast-view-body p-3"></div>\n      </div>\n    '}createToastHeader(e,t){const s=e.icon?`<i class="${e.icon} toast-service-icon me-2"></i>`:"",i=e.title?`<strong class="me-auto">${s}${this.escapeHtml(e.title)}</strong>`:"",a=e.showTime?`<small class="text-muted">${this.getTimeString()}</small>`:"",r=e.dismissible?'<button type="button" class="btn-close toast-service-close" data-bs-dismiss="toast" aria-label="Close"></button>':"";return i||a||r?`\n      <div class="toast-header">\n        ${i}\n        ${a}\n        ${r}\n      </div>\n    `:""}createToastBody(e,t=!1){return`\n      <div class="toast-body d-flex align-items-center">\n        ${t?`<i class="${this.getDefaultIcon("info")} toast-service-icon me-2"></i>`:""}\n        <span>${this.escapeHtml(e)}</span>\n      </div>\n    `}getDefaultTitle(e){return{success:"Success",error:"Error",warning:"Warning",info:"Information",plain:""}[e]||"Notification"}getDefaultIcon(e){return{success:"bi-check-circle-fill",error:"bi-exclamation-triangle-fill",warning:"bi-exclamation-triangle-fill",info:"bi-info-circle-fill",plain:""}[e]||"bi-info-circle-fill"}enforceMaxToasts(){if(Array.from(this.toasts.values()).length>=this.options.maxToasts){const e=this.toasts.keys().next().value,t=this.toasts.get(e);t&&t.bootstrap.hide()}}cleanup(e){const t=this.toasts.get(e);if(t){try{t.bootstrap.dispose()}catch(s){console.warn("Error disposing toast:",s)}t.element&&t.element.parentNode&&t.element.parentNode.removeChild(t.element),this.toasts.delete(e)}}cleanupView(e){const t=this.toasts.get(e);if(t){if(t.view&&"function"==typeof t.view.dispose)try{t.view.dispose()}catch(s){console.warn("Error disposing view in toast:",s)}try{t.bootstrap.dispose()}catch(s){console.warn("Error disposing toast:",s)}t.element&&t.element.parentNode&&t.element.parentNode.removeChild(t.element),this.toasts.delete(e)}}hideAll(){this.toasts.forEach((e,t)=>{e.bootstrap.hide()})}clearAll(){this.toasts.forEach((e,t)=>{this.cleanup(t)})}getTimeString(){/* @__PURE__ */
 return(new Date).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}escapeHtml(e){const t=document.createElement("div");return t.textContent=e,t.innerHTML}dispose(){this.clearAll(),this.container&&this.container.parentNode&&this.container.parentNode.removeChild(this.container)}getStats(){const e={total:this.toasts.size,byType:{}};return this.toasts.forEach(t=>{e.byType[t.type]=(e.byType[t.type]||0)+1}),e}setOptions(e){this.options={...this.options,...e},e.position&&this.container&&(this.container.className=`toast-container position-fixed ${this.getPositionClasses()}`)}},exports.User=User,exports.UserDataView=a,exports.UserDevice=UserDevice,exports.UserDeviceList=class extends Collection{constructor(e={}){super({ModelClass:UserDevice,endpoint:"/api/user/device",...e})}},exports.UserDeviceLocation=UserDeviceLocation,exports.UserDeviceLocationList=class extends Collection{constructor(e={}){super({ModelClass:UserDeviceLocation,endpoint:"/api/user/device/location",...e})}},exports.UserForms=i,exports.UserList=class extends Collection{constructor(e={}){super({ModelClass:User,endpoint:"/api/user",...e})}};
-//# sourceMappingURL=User-BgVd3vvo.js.map
+//# sourceMappingURL=User-DIhA4ryO.js.map