web-mojo 2.2.98 → 2.2.100

package/dist/chunks/{Modal-IG_UGRMf.js → Modal-jWZGSSOo.js}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Dialog-C1p6V5qV.js");class Modal{static async show(a,e={}){return o.Dialog.showDialog({header:void 0!==e.title&&!!e.title,title:e.title||void 0,body:a,size:"lg",centered:!1,buttons:[{text:"Close",class:"btn-secondary",dismiss:!0}],...e})}static async showModel(o,a={}){const e=o.constructor,n=e?.VIEW_CLASS;if(!n)throw new Error(`Modal.showModel: No VIEW_CLASS defined on ${e?.name||"model"}. Set ${e?.name||"Model"}.VIEW_CLASS = YourView to use this method.`);const l=new n({model:o});return Modal.show(l,a)}static async showModelById(a,e,n={}){const l=new a({id:e});return await l.fetch(),l.id?Modal.showModel(l,n):(o.Dialog.alert({message:`Could not find ${a.name||"record"} with ID: ${e}`,type:"warning"}),null)}static confirm(a,e,n){return o.Dialog.confirm(a,e,n)}static alert(a,e,n){return o.Dialog.alert(a,e,n)}static prompt(a,e,n){return o.Dialog.prompt(a,e,n)}static form(a){return o.Dialog.showForm(a)}static modelForm(a){return o.Dialog.showModelForm(a)}static data(a){return o.Dialog.showData(a)}static dialog(a){return o.Dialog.showDialog(a)}static showError(a){return o.Dialog.alert(a,"Error",{type:"danger"})}static _loadingEl=null;static _loadingCounter=0;static _loadingTimeout=null;static loading(o){"string"==typeof o&&(o={message:o});const{message:a="Loading...",timeout:e=3e4}=o||{};if(Modal._loadingCounter++,1===Modal._loadingCounter){Modal._loadingTimeout&&clearTimeout(Modal._loadingTimeout),Modal._loadingEl||(Modal._loadingEl=document.createElement("div"),Modal._loadingEl.className="mojo-loading-overlay",Modal._loadingEl.innerHTML=`\n                    <div class="mojo-loading-card">\n                        <div class="mojo-loading-spinner"></div>\n                        <div class="mojo-loading-message">${a}</div>\n                    </div>\n                    <style>\n                        .mojo-loading-overlay {\n                            position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\n                            background: rgba(255, 255, 255, 0.4);\n                            backdrop-filter: blur(2px);\n                            -webkit-backdrop-filter: blur(2px);\n                            z-index: 99999;\n                            display: flex; align-items: center; justify-content: center;\n                            opacity: 0; transition: opacity 0.2s ease;\n                        }\n                        .mojo-loading-overlay.show { opacity: 1; }\n                        .mojo-loading-card {\n                            display: flex; align-items: center; gap: 0.85rem;\n                            background: #fff;\n                            border: 1px solid #e9ecef;\n                            border-radius: 12px;\n                            padding: 1rem 1.5rem;\n                            box-shadow: 0 4px 24px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.04);\n                        }\n                        .mojo-loading-spinner {\n                            width: 22px; height: 22px;\n                            border: 2.5px solid #e9ecef;\n                            border-top-color: #0d6efd;\n                            border-radius: 50%;\n                            animation: mojo-spin 0.7s linear infinite;\n                            flex-shrink: 0;\n                        }\n                        .mojo-loading-message {\n                            font-size: 0.88rem;\n                            font-weight: 500;\n                            color: #495057;\n                            white-space: nowrap;\n                        }\n                        @keyframes mojo-spin {\n                            to { transform: rotate(360deg); }\n                        }\n                    </style>\n                `,document.body.appendChild(Modal._loadingEl));const o=Modal._loadingEl.querySelector(".mojo-loading-message");o&&(o.textContent=a),requestAnimationFrame(()=>{Modal._loadingEl&&Modal._loadingEl.classList.add("show")}),e>0&&(Modal._loadingTimeout=setTimeout(()=>{console.error("Modal.loading timed out."),Modal.hideLoading(!0)},e))}else if(Modal._loadingEl){const o=Modal._loadingEl.querySelector(".mojo-loading-message");o&&(o.textContent=a)}}static hideLoading(o){o?Modal._loadingCounter=0:Modal._loadingCounter--,Modal._loadingCounter<=0&&(Modal._loadingCounter=0,Modal._loadingTimeout&&(clearTimeout(Modal._loadingTimeout),Modal._loadingTimeout=null),Modal._loadingEl&&(Modal._loadingEl.classList.remove("show"),setTimeout(()=>{Modal._loadingEl&&0===Modal._loadingCounter&&(Modal._loadingEl.remove(),Modal._loadingEl=null)},200)))}static showBusy(o){return Modal.loading(o)}static hideBusy(o){return Modal.hideLoading(o)}}exports.default=Modal;
-//# sourceMappingURL=Modal-IG_UGRMf.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Dialog-GzCkpMad.js");class Modal{static async show(a,e={}){return o.Dialog.showDialog({header:void 0!==e.title&&!!e.title,title:e.title||void 0,body:a,size:"lg",centered:!1,buttons:[{text:"Close",class:"btn-secondary",dismiss:!0}],...e})}static async showModel(o,a={}){const e=o.constructor,n=e?.VIEW_CLASS;if(!n)throw new Error(`Modal.showModel: No VIEW_CLASS defined on ${e?.name||"model"}. Set ${e?.name||"Model"}.VIEW_CLASS = YourView to use this method.`);const l=new n({model:o});return Modal.show(l,a)}static async showModelById(a,e,n={}){const l=new a({id:e});return await l.fetch(),l.id?Modal.showModel(l,n):(o.Dialog.alert({message:`Could not find ${a.name||"record"} with ID: ${e}`,type:"warning"}),null)}static confirm(a,e,n){return o.Dialog.confirm(a,e,n)}static alert(a,e,n){return o.Dialog.alert(a,e,n)}static prompt(a,e,n){return o.Dialog.prompt(a,e,n)}static form(a){return o.Dialog.showForm(a)}static modelForm(a){return o.Dialog.showModelForm(a)}static data(a){return o.Dialog.showData(a)}static dialog(a){return o.Dialog.showDialog(a)}static showError(a){return o.Dialog.alert(a,"Error",{type:"danger"})}static _loadingEl=null;static _loadingCounter=0;static _loadingTimeout=null;static loading(o){"string"==typeof o&&(o={message:o});const{message:a="Loading...",timeout:e=3e4}=o||{};if(Modal._loadingCounter++,1===Modal._loadingCounter){Modal._loadingTimeout&&clearTimeout(Modal._loadingTimeout),Modal._loadingEl||(Modal._loadingEl=document.createElement("div"),Modal._loadingEl.className="mojo-loading-overlay",Modal._loadingEl.innerHTML=`\n                    <div class="mojo-loading-card">\n                        <div class="mojo-loading-spinner"></div>\n                        <div class="mojo-loading-message">${a}</div>\n                    </div>\n                    <style>\n                        .mojo-loading-overlay {\n                            position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\n                            background: rgba(255, 255, 255, 0.4);\n                            backdrop-filter: blur(2px);\n                            -webkit-backdrop-filter: blur(2px);\n                            z-index: 99999;\n                            display: flex; align-items: center; justify-content: center;\n                            opacity: 0; transition: opacity 0.2s ease;\n                        }\n                        .mojo-loading-overlay.show { opacity: 1; }\n                        .mojo-loading-card {\n                            display: flex; align-items: center; gap: 0.85rem;\n                            background: #fff;\n                            border: 1px solid #e9ecef;\n                            border-radius: 12px;\n                            padding: 1rem 1.5rem;\n                            box-shadow: 0 4px 24px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.04);\n                        }\n                        .mojo-loading-spinner {\n                            width: 22px; height: 22px;\n                            border: 2.5px solid #e9ecef;\n                            border-top-color: #0d6efd;\n                            border-radius: 50%;\n                            animation: mojo-spin 0.7s linear infinite;\n                            flex-shrink: 0;\n                        }\n                        .mojo-loading-message {\n                            font-size: 0.88rem;\n                            font-weight: 500;\n                            color: #495057;\n                            white-space: nowrap;\n                        }\n                        @keyframes mojo-spin {\n                            to { transform: rotate(360deg); }\n                        }\n                    </style>\n                `,document.body.appendChild(Modal._loadingEl));const o=Modal._loadingEl.querySelector(".mojo-loading-message");o&&(o.textContent=a),requestAnimationFrame(()=>{Modal._loadingEl&&Modal._loadingEl.classList.add("show")}),e>0&&(Modal._loadingTimeout=setTimeout(()=>{console.error("Modal.loading timed out."),Modal.hideLoading(!0)},e))}else if(Modal._loadingEl){const o=Modal._loadingEl.querySelector(".mojo-loading-message");o&&(o.textContent=a)}}static hideLoading(o){o?Modal._loadingCounter=0:Modal._loadingCounter--,Modal._loadingCounter<=0&&(Modal._loadingCounter=0,Modal._loadingTimeout&&(clearTimeout(Modal._loadingTimeout),Modal._loadingTimeout=null),Modal._loadingEl&&(Modal._loadingEl.classList.remove("show"),setTimeout(()=>{Modal._loadingEl&&0===Modal._loadingCounter&&(Modal._loadingEl.remove(),Modal._loadingEl=null)},200)))}static showBusy(o){return Modal.loading(o)}static hideBusy(o){return Modal.hideLoading(o)}}exports.default=Modal;
+//# sourceMappingURL=Modal-jWZGSSOo.js.map

package/dist/chunks/{Modal-IG_UGRMf.js.map → Modal-jWZGSSOo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Modal-IG_UGRMf.js","sources":["../../src/core/views/feedback/Modal.js"],"sourcesContent":["/**\n * Modal — AI-friendly static API for showing views in modal dialogs.\n *\n * Thin wrapper around Dialog's static helpers. All methods are static —\n * there is no instance API. Use Modal instead of `new Dialog()`.\n *\n * @example\n * import Modal from '@core/views/feedback/Modal.js';\n *\n * // Show any View in a modal\n * await Modal.show(new MyView({ model }));\n *\n * // Show a model's VIEW_CLASS automatically\n * await Modal.showModel(userModel);\n *\n * // Fetch a model by ID, then show its VIEW_CLASS\n * await Modal.showModelById(User, 42);\n *\n * // Convenience — no need to import Dialog separately\n * const yes = await Modal.confirm('Delete this?', 'Confirm');\n * await Modal.alert('Done!');\n * const data = await Modal.form({ title: 'Add', fields: [...] });\n * await Modal.modelForm({ model, formConfig: MyForms.edit });\n */\nimport Dialog from './Dialog.js';\n\nclass Modal {\n\n    /**\n     * Show a View instance in a modal dialog.\n     *\n     * @param {View} view - The view to display (rendered automatically)\n     * @param {object} [options] - Dialog options (size, title, buttons, etc.)\n     * @param {string} [options.size='lg'] - Dialog size: sm, md, lg, xl, xxl, fullscreen\n     * @param {string|false} [options.title=false] - Dialog title (false = no header)\n     * @param {Array} [options.buttons] - Footer buttons\n     * @returns {Promise<*>} Resolves with button value or null if dismissed\n     *\n     * @example\n     * await Modal.show(new DeviceView({ model: device }));\n     * await Modal.show(new GroupView({ model }), { size: 'xl' });\n     */\n    static async show(view, options = {}) {\n        return Dialog.showDialog({\n            header: options.title !== undefined ? !!options.title : false,\n            title: options.title || undefined,\n            body: view,\n            size: 'lg',\n            centered: false,\n            buttons: [{ text: 'Close', class: 'btn-secondary', dismiss: true }],\n            ...options\n        });\n    }\n\n    /**\n     * Show a model's VIEW_CLASS in a modal dialog.\n     * Looks up `model.constructor.VIEW_CLASS` and instantiates it.\n     *\n     * @param {Model} model - Model instance (must have VIEW_CLASS on its constructor)\n     * @param {object} [options] - Dialog options passed to Modal.show()\n     * @returns {Promise<*>} Resolves with button value or null if dismissed\n     * @throws {Error} If no VIEW_CLASS is defined on the model's constructor\n     *\n     * @example\n     * await Modal.showModel(userModel);\n     * await Modal.showModel(groupModel, { size: 'xl' });\n     */\n    static async showModel(model, options = {}) {\n        const ModelClass = model.constructor;\n        const ViewClass = ModelClass?.VIEW_CLASS;\n\n        if (!ViewClass) {\n            throw new Error(\n                `Modal.showModel: No VIEW_CLASS defined on ${ModelClass?.name || 'model'}. ` +\n                `Set ${ModelClass?.name || 'Model'}.VIEW_CLASS = YourView to use this method.`\n            );\n        }\n\n        const view = new ViewClass({ model });\n        return Modal.show(view, options);\n    }\n\n    /**\n     * Fetch a model by ID, then show its VIEW_CLASS in a modal.\n     * Handles the common fetch-then-display pattern.\n     *\n     * @param {Function} ModelClass - The Model class constructor (e.g., User, Group)\n     * @param {string|number} id - The model ID to fetch\n     * @param {object} [options] - Dialog options passed to Modal.showModel()\n     * @returns {Promise<*>} Resolves with button value, or null if model not found\n     *\n     * @example\n     * await Modal.showModelById(User, 42);\n     * await Modal.showModelById(Group, parentId, { size: 'xl' });\n     */\n    static async showModelById(ModelClass, id, options = {}) {\n        const model = new ModelClass({ id });\n        await model.fetch();\n\n        if (!model.id) {\n            Dialog.alert({\n                message: `Could not find ${ModelClass.name || 'record'} with ID: ${id}`,\n                type: 'warning'\n            });\n            return null;\n        }\n\n        return Modal.showModel(model, options);\n    }\n\n    // ── Convenience aliases ─────────────────────────\n    // Re-exported so you never need to import Dialog separately.\n\n    /** @see Dialog.confirm */\n    static confirm(message, title, options) {\n        return Dialog.confirm(message, title, options);\n    }\n\n    /** @see Dialog.alert */\n    static alert(message, title, options) {\n        return Dialog.alert(message, title, options);\n    }\n\n    /** @see Dialog.prompt */\n    static prompt(message, title, options) {\n        return Dialog.prompt(message, title, options);\n    }\n\n    /** @see Dialog.showForm */\n    static form(options) {\n        return Dialog.showForm(options);\n    }\n\n    /** @see Dialog.showModelForm */\n    static modelForm(options) {\n        return Dialog.showModelForm(options);\n    }\n\n    /** @see Dialog.showData */\n    static data(options) {\n        return Dialog.showData(options);\n    }\n\n    /** @see Dialog.showDialog — generic dialog with full options control */\n    static dialog(options) {\n        return Dialog.showDialog(options);\n    }\n\n    /** @see Dialog.showError */\n    static showError(message) {\n        return Dialog.alert(message, 'Error', { type: 'danger' });\n    }\n\n    // ── Loading indicator ───────────────────────\n    // Full-screen overlay with spinner for blocking operations.\n    // Supports nested calls (counter-based) — call hide for each show.\n    // Modern frosted-glass card design with configurable message.\n\n    static _loadingEl = null;\n    static _loadingCounter = 0;\n    static _loadingTimeout = null;\n\n    /**\n     * Show full-screen loading overlay.\n     * @param {string|object} [options] - Message string or { message, timeout }\n     * @param {string} [options.message='Loading...'] - Message to display\n     * @param {number} [options.timeout=30000] - Auto-hide timeout in ms (0 = no timeout)\n     * @example\n     * Modal.loading('Saving...');\n     * await someApiCall();\n     * Modal.hideLoading();\n     *\n     * // With timeout\n     * Modal.loading({ message: 'Processing...', timeout: 60000 });\n     */\n    static loading(options) {\n        if (typeof options === 'string') options = { message: options };\n        const { message = 'Loading...', timeout = 30000 } = options || {};\n\n        Modal._loadingCounter++;\n\n        if (Modal._loadingCounter === 1) {\n            if (Modal._loadingTimeout) {\n                clearTimeout(Modal._loadingTimeout);\n            }\n\n            if (!Modal._loadingEl) {\n                Modal._loadingEl = document.createElement('div');\n                Modal._loadingEl.className = 'mojo-loading-overlay';\n                Modal._loadingEl.innerHTML = `\n                    <div class=\"mojo-loading-card\">\n                        <div class=\"mojo-loading-spinner\"></div>\n                        <div class=\"mojo-loading-message\">${message}</div>\n                    </div>\n                    <style>\n                        .mojo-loading-overlay {\n                            position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\n                            background: rgba(255, 255, 255, 0.4);\n                            backdrop-filter: blur(2px);\n                            -webkit-backdrop-filter: blur(2px);\n                            z-index: 99999;\n                            display: flex; align-items: center; justify-content: center;\n                            opacity: 0; transition: opacity 0.2s ease;\n                        }\n                        .mojo-loading-overlay.show { opacity: 1; }\n                        .mojo-loading-card {\n                            display: flex; align-items: center; gap: 0.85rem;\n                            background: #fff;\n                            border: 1px solid #e9ecef;\n                            border-radius: 12px;\n                            padding: 1rem 1.5rem;\n                            box-shadow: 0 4px 24px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.04);\n                        }\n                        .mojo-loading-spinner {\n                            width: 22px; height: 22px;\n                            border: 2.5px solid #e9ecef;\n                            border-top-color: #0d6efd;\n                            border-radius: 50%;\n                            animation: mojo-spin 0.7s linear infinite;\n                            flex-shrink: 0;\n                        }\n                        .mojo-loading-message {\n                            font-size: 0.88rem;\n                            font-weight: 500;\n                            color: #495057;\n                            white-space: nowrap;\n                        }\n                        @keyframes mojo-spin {\n                            to { transform: rotate(360deg); }\n                        }\n                    </style>\n                `;\n                document.body.appendChild(Modal._loadingEl);\n            }\n\n            // Update message\n            const msgEl = Modal._loadingEl.querySelector('.mojo-loading-message');\n            if (msgEl) msgEl.textContent = message;\n\n            // Trigger fade-in\n            requestAnimationFrame(() => {\n                if (Modal._loadingEl) Modal._loadingEl.classList.add('show');\n            });\n\n            // Auto-timeout\n            if (timeout > 0) {\n                Modal._loadingTimeout = setTimeout(() => {\n                    console.error('Modal.loading timed out.');\n                    Modal.hideLoading(true);\n                }, timeout);\n            }\n        } else {\n            // Counter > 1: just update the message\n            if (Modal._loadingEl) {\n                const msgEl = Modal._loadingEl.querySelector('.mojo-loading-message');\n                if (msgEl) msgEl.textContent = message;\n            }\n        }\n    }\n\n    /**\n     * Hide the loading overlay.\n     * @param {boolean} [force=false] - Force-hide regardless of counter\n     * @example\n     * Modal.hideLoading();       // decrement counter\n     * Modal.hideLoading(true);   // force-hide immediately\n     */\n    static hideLoading(force) {\n        if (force) {\n            Modal._loadingCounter = 0;\n        } else {\n            Modal._loadingCounter--;\n        }\n\n        if (Modal._loadingCounter <= 0) {\n            Modal._loadingCounter = 0;\n\n            if (Modal._loadingTimeout) {\n                clearTimeout(Modal._loadingTimeout);\n                Modal._loadingTimeout = null;\n            }\n\n            if (Modal._loadingEl) {\n                Modal._loadingEl.classList.remove('show');\n                setTimeout(() => {\n                    if (Modal._loadingEl && Modal._loadingCounter === 0) {\n                        Modal._loadingEl.remove();\n                        Modal._loadingEl = null;\n                    }\n                }, 200);\n            }\n        }\n    }\n\n    /** @alias loading — backward compat with Dialog.showBusy */\n    static showBusy(options) { return Modal.loading(options); }\n    /** @alias hideLoading — backward compat with Dialog.hideBusy */\n    static hideBusy(force) { return Modal.hideLoading(force); }\n}\n\nexport default Modal;\n"],"names":["Modal","show","view","options","Dialog","showDialog","header","title","body","size","centered","buttons","text","class","dismiss","showModel","model","ModelClass","constructor","ViewClass","VIEW_CLASS","Error","name","showModelById","id","fetch","alert","message","type","confirm","prompt","form","showForm","modelForm","showModelForm","data","showData","dialog","showError","static","loading","timeout","_loadingCounter","_loadingTimeout","clearTimeout","_loadingEl","document","createElement","className","innerHTML","appendChild","msgEl","querySelector","textContent","requestAnimationFrame","classList","add","setTimeout","console","error","hideLoading","force","remove","showBusy","hideBusy"],"mappings":"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"}
+{"version":3,"file":"Modal-jWZGSSOo.js","sources":["../../src/core/views/feedback/Modal.js"],"sourcesContent":["/**\n * Modal — AI-friendly static API for showing views in modal dialogs.\n *\n * Thin wrapper around Dialog's static helpers. All methods are static —\n * there is no instance API. Use Modal instead of `new Dialog()`.\n *\n * @example\n * import Modal from '@core/views/feedback/Modal.js';\n *\n * // Show any View in a modal\n * await Modal.show(new MyView({ model }));\n *\n * // Show a model's VIEW_CLASS automatically\n * await Modal.showModel(userModel);\n *\n * // Fetch a model by ID, then show its VIEW_CLASS\n * await Modal.showModelById(User, 42);\n *\n * // Convenience — no need to import Dialog separately\n * const yes = await Modal.confirm('Delete this?', 'Confirm');\n * await Modal.alert('Done!');\n * const data = await Modal.form({ title: 'Add', fields: [...] });\n * await Modal.modelForm({ model, formConfig: MyForms.edit });\n */\nimport Dialog from './Dialog.js';\n\nclass Modal {\n\n    /**\n     * Show a View instance in a modal dialog.\n     *\n     * @param {View} view - The view to display (rendered automatically)\n     * @param {object} [options] - Dialog options (size, title, buttons, etc.)\n     * @param {string} [options.size='lg'] - Dialog size: sm, md, lg, xl, xxl, fullscreen\n     * @param {string|false} [options.title=false] - Dialog title (false = no header)\n     * @param {Array} [options.buttons] - Footer buttons\n     * @returns {Promise<*>} Resolves with button value or null if dismissed\n     *\n     * @example\n     * await Modal.show(new DeviceView({ model: device }));\n     * await Modal.show(new GroupView({ model }), { size: 'xl' });\n     */\n    static async show(view, options = {}) {\n        return Dialog.showDialog({\n            header: options.title !== undefined ? !!options.title : false,\n            title: options.title || undefined,\n            body: view,\n            size: 'lg',\n            centered: false,\n            buttons: [{ text: 'Close', class: 'btn-secondary', dismiss: true }],\n            ...options\n        });\n    }\n\n    /**\n     * Show a model's VIEW_CLASS in a modal dialog.\n     * Looks up `model.constructor.VIEW_CLASS` and instantiates it.\n     *\n     * @param {Model} model - Model instance (must have VIEW_CLASS on its constructor)\n     * @param {object} [options] - Dialog options passed to Modal.show()\n     * @returns {Promise<*>} Resolves with button value or null if dismissed\n     * @throws {Error} If no VIEW_CLASS is defined on the model's constructor\n     *\n     * @example\n     * await Modal.showModel(userModel);\n     * await Modal.showModel(groupModel, { size: 'xl' });\n     */\n    static async showModel(model, options = {}) {\n        const ModelClass = model.constructor;\n        const ViewClass = ModelClass?.VIEW_CLASS;\n\n        if (!ViewClass) {\n            throw new Error(\n                `Modal.showModel: No VIEW_CLASS defined on ${ModelClass?.name || 'model'}. ` +\n                `Set ${ModelClass?.name || 'Model'}.VIEW_CLASS = YourView to use this method.`\n            );\n        }\n\n        const view = new ViewClass({ model });\n        return Modal.show(view, options);\n    }\n\n    /**\n     * Fetch a model by ID, then show its VIEW_CLASS in a modal.\n     * Handles the common fetch-then-display pattern.\n     *\n     * @param {Function} ModelClass - The Model class constructor (e.g., User, Group)\n     * @param {string|number} id - The model ID to fetch\n     * @param {object} [options] - Dialog options passed to Modal.showModel()\n     * @returns {Promise<*>} Resolves with button value, or null if model not found\n     *\n     * @example\n     * await Modal.showModelById(User, 42);\n     * await Modal.showModelById(Group, parentId, { size: 'xl' });\n     */\n    static async showModelById(ModelClass, id, options = {}) {\n        const model = new ModelClass({ id });\n        await model.fetch();\n\n        if (!model.id) {\n            Dialog.alert({\n                message: `Could not find ${ModelClass.name || 'record'} with ID: ${id}`,\n                type: 'warning'\n            });\n            return null;\n        }\n\n        return Modal.showModel(model, options);\n    }\n\n    // ── Convenience aliases ─────────────────────────\n    // Re-exported so you never need to import Dialog separately.\n\n    /** @see Dialog.confirm */\n    static confirm(message, title, options) {\n        return Dialog.confirm(message, title, options);\n    }\n\n    /** @see Dialog.alert */\n    static alert(message, title, options) {\n        return Dialog.alert(message, title, options);\n    }\n\n    /** @see Dialog.prompt */\n    static prompt(message, title, options) {\n        return Dialog.prompt(message, title, options);\n    }\n\n    /** @see Dialog.showForm */\n    static form(options) {\n        return Dialog.showForm(options);\n    }\n\n    /** @see Dialog.showModelForm */\n    static modelForm(options) {\n        return Dialog.showModelForm(options);\n    }\n\n    /** @see Dialog.showData */\n    static data(options) {\n        return Dialog.showData(options);\n    }\n\n    /** @see Dialog.showDialog — generic dialog with full options control */\n    static dialog(options) {\n        return Dialog.showDialog(options);\n    }\n\n    /** @see Dialog.showError */\n    static showError(message) {\n        return Dialog.alert(message, 'Error', { type: 'danger' });\n    }\n\n    // ── Loading indicator ───────────────────────\n    // Full-screen overlay with spinner for blocking operations.\n    // Supports nested calls (counter-based) — call hide for each show.\n    // Modern frosted-glass card design with configurable message.\n\n    static _loadingEl = null;\n    static _loadingCounter = 0;\n    static _loadingTimeout = null;\n\n    /**\n     * Show full-screen loading overlay.\n     * @param {string|object} [options] - Message string or { message, timeout }\n     * @param {string} [options.message='Loading...'] - Message to display\n     * @param {number} [options.timeout=30000] - Auto-hide timeout in ms (0 = no timeout)\n     * @example\n     * Modal.loading('Saving...');\n     * await someApiCall();\n     * Modal.hideLoading();\n     *\n     * // With timeout\n     * Modal.loading({ message: 'Processing...', timeout: 60000 });\n     */\n    static loading(options) {\n        if (typeof options === 'string') options = { message: options };\n        const { message = 'Loading...', timeout = 30000 } = options || {};\n\n        Modal._loadingCounter++;\n\n        if (Modal._loadingCounter === 1) {\n            if (Modal._loadingTimeout) {\n                clearTimeout(Modal._loadingTimeout);\n            }\n\n            if (!Modal._loadingEl) {\n                Modal._loadingEl = document.createElement('div');\n                Modal._loadingEl.className = 'mojo-loading-overlay';\n                Modal._loadingEl.innerHTML = `\n                    <div class=\"mojo-loading-card\">\n                        <div class=\"mojo-loading-spinner\"></div>\n                        <div class=\"mojo-loading-message\">${message}</div>\n                    </div>\n                    <style>\n                        .mojo-loading-overlay {\n                            position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\n                            background: rgba(255, 255, 255, 0.4);\n                            backdrop-filter: blur(2px);\n                            -webkit-backdrop-filter: blur(2px);\n                            z-index: 99999;\n                            display: flex; align-items: center; justify-content: center;\n                            opacity: 0; transition: opacity 0.2s ease;\n                        }\n                        .mojo-loading-overlay.show { opacity: 1; }\n                        .mojo-loading-card {\n                            display: flex; align-items: center; gap: 0.85rem;\n                            background: #fff;\n                            border: 1px solid #e9ecef;\n                            border-radius: 12px;\n                            padding: 1rem 1.5rem;\n                            box-shadow: 0 4px 24px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.04);\n                        }\n                        .mojo-loading-spinner {\n                            width: 22px; height: 22px;\n                            border: 2.5px solid #e9ecef;\n                            border-top-color: #0d6efd;\n                            border-radius: 50%;\n                            animation: mojo-spin 0.7s linear infinite;\n                            flex-shrink: 0;\n                        }\n                        .mojo-loading-message {\n                            font-size: 0.88rem;\n                            font-weight: 500;\n                            color: #495057;\n                            white-space: nowrap;\n                        }\n                        @keyframes mojo-spin {\n                            to { transform: rotate(360deg); }\n                        }\n                    </style>\n                `;\n                document.body.appendChild(Modal._loadingEl);\n            }\n\n            // Update message\n            const msgEl = Modal._loadingEl.querySelector('.mojo-loading-message');\n            if (msgEl) msgEl.textContent = message;\n\n            // Trigger fade-in\n            requestAnimationFrame(() => {\n                if (Modal._loadingEl) Modal._loadingEl.classList.add('show');\n            });\n\n            // Auto-timeout\n            if (timeout > 0) {\n                Modal._loadingTimeout = setTimeout(() => {\n                    console.error('Modal.loading timed out.');\n                    Modal.hideLoading(true);\n                }, timeout);\n            }\n        } else {\n            // Counter > 1: just update the message\n            if (Modal._loadingEl) {\n                const msgEl = Modal._loadingEl.querySelector('.mojo-loading-message');\n                if (msgEl) msgEl.textContent = message;\n            }\n        }\n    }\n\n    /**\n     * Hide the loading overlay.\n     * @param {boolean} [force=false] - Force-hide regardless of counter\n     * @example\n     * Modal.hideLoading();       // decrement counter\n     * Modal.hideLoading(true);   // force-hide immediately\n     */\n    static hideLoading(force) {\n        if (force) {\n            Modal._loadingCounter = 0;\n        } else {\n            Modal._loadingCounter--;\n        }\n\n        if (Modal._loadingCounter <= 0) {\n            Modal._loadingCounter = 0;\n\n            if (Modal._loadingTimeout) {\n                clearTimeout(Modal._loadingTimeout);\n                Modal._loadingTimeout = null;\n            }\n\n            if (Modal._loadingEl) {\n                Modal._loadingEl.classList.remove('show');\n                setTimeout(() => {\n                    if (Modal._loadingEl && Modal._loadingCounter === 0) {\n                        Modal._loadingEl.remove();\n                        Modal._loadingEl = null;\n                    }\n                }, 200);\n            }\n        }\n    }\n\n    /** @alias loading — backward compat with Dialog.showBusy */\n    static showBusy(options) { return Modal.loading(options); }\n    /** @alias hideLoading — backward compat with Dialog.hideBusy */\n    static hideBusy(force) { return Modal.hideLoading(force); }\n}\n\nexport default Modal;\n"],"names":["Modal","show","view","options","Dialog","showDialog","header","title","body","size","centered","buttons","text","class","dismiss","showModel","model","ModelClass","constructor","ViewClass","VIEW_CLASS","Error","name","showModelById","id","fetch","alert","message","type","confirm","prompt","form","showForm","modelForm","showModelForm","data","showData","dialog","showError","static","loading","timeout","_loadingCounter","_loadingTimeout","clearTimeout","_loadingEl","document","createElement","className","innerHTML","appendChild","msgEl","querySelector","textContent","requestAnimationFrame","classList","add","setTimeout","console","error","hideLoading","force","remove","showBusy","hideBusy"],"mappings":"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"}

package/dist/chunks/{Modal-BLaJTwNQ.js → Modal-xSaurlfZ.js}

@@ -1,2 +1,2 @@
-import{D as o}from"./Dialog-99_2o2h6.js";class Modal{static async show(n,a={}){return o.showDialog({header:void 0!==a.title&&!!a.title,title:a.title||void 0,body:n,size:"lg",centered:!1,buttons:[{text:"Close",class:"btn-secondary",dismiss:!0}],...a})}static async showModel(o,n={}){const a=o.constructor,e=a?.VIEW_CLASS;if(!e)throw new Error(`Modal.showModel: No VIEW_CLASS defined on ${a?.name||"model"}. Set ${a?.name||"Model"}.VIEW_CLASS = YourView to use this method.`);const t=new e({model:o});return Modal.show(t,n)}static async showModelById(n,a,e={}){const t=new n({id:a});return await t.fetch(),t.id?Modal.showModel(t,e):(o.alert({message:`Could not find ${n.name||"record"} with ID: ${a}`,type:"warning"}),null)}static confirm(n,a,e){return o.confirm(n,a,e)}static alert(n,a,e){return o.alert(n,a,e)}static prompt(n,a,e){return o.prompt(n,a,e)}static form(n){return o.showForm(n)}static modelForm(n){return o.showModelForm(n)}static data(n){return o.showData(n)}static dialog(n){return o.showDialog(n)}static showError(n){return o.alert(n,"Error",{type:"danger"})}static _loadingEl=null;static _loadingCounter=0;static _loadingTimeout=null;static loading(o){"string"==typeof o&&(o={message:o});const{message:n="Loading...",timeout:a=3e4}=o||{};if(Modal._loadingCounter++,1===Modal._loadingCounter){Modal._loadingTimeout&&clearTimeout(Modal._loadingTimeout),Modal._loadingEl||(Modal._loadingEl=document.createElement("div"),Modal._loadingEl.className="mojo-loading-overlay",Modal._loadingEl.innerHTML=`\n                    <div class="mojo-loading-card">\n                        <div class="mojo-loading-spinner"></div>\n                        <div class="mojo-loading-message">${n}</div>\n                    </div>\n                    <style>\n                        .mojo-loading-overlay {\n                            position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\n                            background: rgba(255, 255, 255, 0.4);\n                            backdrop-filter: blur(2px);\n                            -webkit-backdrop-filter: blur(2px);\n                            z-index: 99999;\n                            display: flex; align-items: center; justify-content: center;\n                            opacity: 0; transition: opacity 0.2s ease;\n                        }\n                        .mojo-loading-overlay.show { opacity: 1; }\n                        .mojo-loading-card {\n                            display: flex; align-items: center; gap: 0.85rem;\n                            background: #fff;\n                            border: 1px solid #e9ecef;\n                            border-radius: 12px;\n                            padding: 1rem 1.5rem;\n                            box-shadow: 0 4px 24px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.04);\n                        }\n                        .mojo-loading-spinner {\n                            width: 22px; height: 22px;\n                            border: 2.5px solid #e9ecef;\n                            border-top-color: #0d6efd;\n                            border-radius: 50%;\n                            animation: mojo-spin 0.7s linear infinite;\n                            flex-shrink: 0;\n                        }\n                        .mojo-loading-message {\n                            font-size: 0.88rem;\n                            font-weight: 500;\n                            color: #495057;\n                            white-space: nowrap;\n                        }\n                        @keyframes mojo-spin {\n                            to { transform: rotate(360deg); }\n                        }\n                    </style>\n                `,document.body.appendChild(Modal._loadingEl));const o=Modal._loadingEl.querySelector(".mojo-loading-message");o&&(o.textContent=n),requestAnimationFrame(()=>{Modal._loadingEl&&Modal._loadingEl.classList.add("show")}),a>0&&(Modal._loadingTimeout=setTimeout(()=>{console.error("Modal.loading timed out."),Modal.hideLoading(!0)},a))}else if(Modal._loadingEl){const o=Modal._loadingEl.querySelector(".mojo-loading-message");o&&(o.textContent=n)}}static hideLoading(o){o?Modal._loadingCounter=0:Modal._loadingCounter--,Modal._loadingCounter<=0&&(Modal._loadingCounter=0,Modal._loadingTimeout&&(clearTimeout(Modal._loadingTimeout),Modal._loadingTimeout=null),Modal._loadingEl&&(Modal._loadingEl.classList.remove("show"),setTimeout(()=>{Modal._loadingEl&&0===Modal._loadingCounter&&(Modal._loadingEl.remove(),Modal._loadingEl=null)},200)))}static showBusy(o){return Modal.loading(o)}static hideBusy(o){return Modal.hideLoading(o)}}export{Modal as default};
-//# sourceMappingURL=Modal-BLaJTwNQ.js.map
+import{D as o}from"./Dialog-B0r9puaZ.js";class Modal{static async show(n,a={}){return o.showDialog({header:void 0!==a.title&&!!a.title,title:a.title||void 0,body:n,size:"lg",centered:!1,buttons:[{text:"Close",class:"btn-secondary",dismiss:!0}],...a})}static async showModel(o,n={}){const a=o.constructor,e=a?.VIEW_CLASS;if(!e)throw new Error(`Modal.showModel: No VIEW_CLASS defined on ${a?.name||"model"}. Set ${a?.name||"Model"}.VIEW_CLASS = YourView to use this method.`);const t=new e({model:o});return Modal.show(t,n)}static async showModelById(n,a,e={}){const t=new n({id:a});return await t.fetch(),t.id?Modal.showModel(t,e):(o.alert({message:`Could not find ${n.name||"record"} with ID: ${a}`,type:"warning"}),null)}static confirm(n,a,e){return o.confirm(n,a,e)}static alert(n,a,e){return o.alert(n,a,e)}static prompt(n,a,e){return o.prompt(n,a,e)}static form(n){return o.showForm(n)}static modelForm(n){return o.showModelForm(n)}static data(n){return o.showData(n)}static dialog(n){return o.showDialog(n)}static showError(n){return o.alert(n,"Error",{type:"danger"})}static _loadingEl=null;static _loadingCounter=0;static _loadingTimeout=null;static loading(o){"string"==typeof o&&(o={message:o});const{message:n="Loading...",timeout:a=3e4}=o||{};if(Modal._loadingCounter++,1===Modal._loadingCounter){Modal._loadingTimeout&&clearTimeout(Modal._loadingTimeout),Modal._loadingEl||(Modal._loadingEl=document.createElement("div"),Modal._loadingEl.className="mojo-loading-overlay",Modal._loadingEl.innerHTML=`\n                    <div class="mojo-loading-card">\n                        <div class="mojo-loading-spinner"></div>\n                        <div class="mojo-loading-message">${n}</div>\n                    </div>\n                    <style>\n                        .mojo-loading-overlay {\n                            position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\n                            background: rgba(255, 255, 255, 0.4);\n                            backdrop-filter: blur(2px);\n                            -webkit-backdrop-filter: blur(2px);\n                            z-index: 99999;\n                            display: flex; align-items: center; justify-content: center;\n                            opacity: 0; transition: opacity 0.2s ease;\n                        }\n                        .mojo-loading-overlay.show { opacity: 1; }\n                        .mojo-loading-card {\n                            display: flex; align-items: center; gap: 0.85rem;\n                            background: #fff;\n                            border: 1px solid #e9ecef;\n                            border-radius: 12px;\n                            padding: 1rem 1.5rem;\n                            box-shadow: 0 4px 24px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.04);\n                        }\n                        .mojo-loading-spinner {\n                            width: 22px; height: 22px;\n                            border: 2.5px solid #e9ecef;\n                            border-top-color: #0d6efd;\n                            border-radius: 50%;\n                            animation: mojo-spin 0.7s linear infinite;\n                            flex-shrink: 0;\n                        }\n                        .mojo-loading-message {\n                            font-size: 0.88rem;\n                            font-weight: 500;\n                            color: #495057;\n                            white-space: nowrap;\n                        }\n                        @keyframes mojo-spin {\n                            to { transform: rotate(360deg); }\n                        }\n                    </style>\n                `,document.body.appendChild(Modal._loadingEl));const o=Modal._loadingEl.querySelector(".mojo-loading-message");o&&(o.textContent=n),requestAnimationFrame(()=>{Modal._loadingEl&&Modal._loadingEl.classList.add("show")}),a>0&&(Modal._loadingTimeout=setTimeout(()=>{console.error("Modal.loading timed out."),Modal.hideLoading(!0)},a))}else if(Modal._loadingEl){const o=Modal._loadingEl.querySelector(".mojo-loading-message");o&&(o.textContent=n)}}static hideLoading(o){o?Modal._loadingCounter=0:Modal._loadingCounter--,Modal._loadingCounter<=0&&(Modal._loadingCounter=0,Modal._loadingTimeout&&(clearTimeout(Modal._loadingTimeout),Modal._loadingTimeout=null),Modal._loadingEl&&(Modal._loadingEl.classList.remove("show"),setTimeout(()=>{Modal._loadingEl&&0===Modal._loadingCounter&&(Modal._loadingEl.remove(),Modal._loadingEl=null)},200)))}static showBusy(o){return Modal.loading(o)}static hideBusy(o){return Modal.hideLoading(o)}}export{Modal as default};
+//# sourceMappingURL=Modal-xSaurlfZ.js.map

package/dist/chunks/{Modal-BLaJTwNQ.js.map → Modal-xSaurlfZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Modal-BLaJTwNQ.js","sources":["../../src/core/views/feedback/Modal.js"],"sourcesContent":["/**\n * Modal — AI-friendly static API for showing views in modal dialogs.\n *\n * Thin wrapper around Dialog's static helpers. All methods are static —\n * there is no instance API. Use Modal instead of `new Dialog()`.\n *\n * @example\n * import Modal from '@core/views/feedback/Modal.js';\n *\n * // Show any View in a modal\n * await Modal.show(new MyView({ model }));\n *\n * // Show a model's VIEW_CLASS automatically\n * await Modal.showModel(userModel);\n *\n * // Fetch a model by ID, then show its VIEW_CLASS\n * await Modal.showModelById(User, 42);\n *\n * // Convenience — no need to import Dialog separately\n * const yes = await Modal.confirm('Delete this?', 'Confirm');\n * await Modal.alert('Done!');\n * const data = await Modal.form({ title: 'Add', fields: [...] });\n * await Modal.modelForm({ model, formConfig: MyForms.edit });\n */\nimport Dialog from './Dialog.js';\n\nclass Modal {\n\n    /**\n     * Show a View instance in a modal dialog.\n     *\n     * @param {View} view - The view to display (rendered automatically)\n     * @param {object} [options] - Dialog options (size, title, buttons, etc.)\n     * @param {string} [options.size='lg'] - Dialog size: sm, md, lg, xl, xxl, fullscreen\n     * @param {string|false} [options.title=false] - Dialog title (false = no header)\n     * @param {Array} [options.buttons] - Footer buttons\n     * @returns {Promise<*>} Resolves with button value or null if dismissed\n     *\n     * @example\n     * await Modal.show(new DeviceView({ model: device }));\n     * await Modal.show(new GroupView({ model }), { size: 'xl' });\n     */\n    static async show(view, options = {}) {\n        return Dialog.showDialog({\n            header: options.title !== undefined ? !!options.title : false,\n            title: options.title || undefined,\n            body: view,\n            size: 'lg',\n            centered: false,\n            buttons: [{ text: 'Close', class: 'btn-secondary', dismiss: true }],\n            ...options\n        });\n    }\n\n    /**\n     * Show a model's VIEW_CLASS in a modal dialog.\n     * Looks up `model.constructor.VIEW_CLASS` and instantiates it.\n     *\n     * @param {Model} model - Model instance (must have VIEW_CLASS on its constructor)\n     * @param {object} [options] - Dialog options passed to Modal.show()\n     * @returns {Promise<*>} Resolves with button value or null if dismissed\n     * @throws {Error} If no VIEW_CLASS is defined on the model's constructor\n     *\n     * @example\n     * await Modal.showModel(userModel);\n     * await Modal.showModel(groupModel, { size: 'xl' });\n     */\n    static async showModel(model, options = {}) {\n        const ModelClass = model.constructor;\n        const ViewClass = ModelClass?.VIEW_CLASS;\n\n        if (!ViewClass) {\n            throw new Error(\n                `Modal.showModel: No VIEW_CLASS defined on ${ModelClass?.name || 'model'}. ` +\n                `Set ${ModelClass?.name || 'Model'}.VIEW_CLASS = YourView to use this method.`\n            );\n        }\n\n        const view = new ViewClass({ model });\n        return Modal.show(view, options);\n    }\n\n    /**\n     * Fetch a model by ID, then show its VIEW_CLASS in a modal.\n     * Handles the common fetch-then-display pattern.\n     *\n     * @param {Function} ModelClass - The Model class constructor (e.g., User, Group)\n     * @param {string|number} id - The model ID to fetch\n     * @param {object} [options] - Dialog options passed to Modal.showModel()\n     * @returns {Promise<*>} Resolves with button value, or null if model not found\n     *\n     * @example\n     * await Modal.showModelById(User, 42);\n     * await Modal.showModelById(Group, parentId, { size: 'xl' });\n     */\n    static async showModelById(ModelClass, id, options = {}) {\n        const model = new ModelClass({ id });\n        await model.fetch();\n\n        if (!model.id) {\n            Dialog.alert({\n                message: `Could not find ${ModelClass.name || 'record'} with ID: ${id}`,\n                type: 'warning'\n            });\n            return null;\n        }\n\n        return Modal.showModel(model, options);\n    }\n\n    // ── Convenience aliases ─────────────────────────\n    // Re-exported so you never need to import Dialog separately.\n\n    /** @see Dialog.confirm */\n    static confirm(message, title, options) {\n        return Dialog.confirm(message, title, options);\n    }\n\n    /** @see Dialog.alert */\n    static alert(message, title, options) {\n        return Dialog.alert(message, title, options);\n    }\n\n    /** @see Dialog.prompt */\n    static prompt(message, title, options) {\n        return Dialog.prompt(message, title, options);\n    }\n\n    /** @see Dialog.showForm */\n    static form(options) {\n        return Dialog.showForm(options);\n    }\n\n    /** @see Dialog.showModelForm */\n    static modelForm(options) {\n        return Dialog.showModelForm(options);\n    }\n\n    /** @see Dialog.showData */\n    static data(options) {\n        return Dialog.showData(options);\n    }\n\n    /** @see Dialog.showDialog — generic dialog with full options control */\n    static dialog(options) {\n        return Dialog.showDialog(options);\n    }\n\n    /** @see Dialog.showError */\n    static showError(message) {\n        return Dialog.alert(message, 'Error', { type: 'danger' });\n    }\n\n    // ── Loading indicator ───────────────────────\n    // Full-screen overlay with spinner for blocking operations.\n    // Supports nested calls (counter-based) — call hide for each show.\n    // Modern frosted-glass card design with configurable message.\n\n    static _loadingEl = null;\n    static _loadingCounter = 0;\n    static _loadingTimeout = null;\n\n    /**\n     * Show full-screen loading overlay.\n     * @param {string|object} [options] - Message string or { message, timeout }\n     * @param {string} [options.message='Loading...'] - Message to display\n     * @param {number} [options.timeout=30000] - Auto-hide timeout in ms (0 = no timeout)\n     * @example\n     * Modal.loading('Saving...');\n     * await someApiCall();\n     * Modal.hideLoading();\n     *\n     * // With timeout\n     * Modal.loading({ message: 'Processing...', timeout: 60000 });\n     */\n    static loading(options) {\n        if (typeof options === 'string') options = { message: options };\n        const { message = 'Loading...', timeout = 30000 } = options || {};\n\n        Modal._loadingCounter++;\n\n        if (Modal._loadingCounter === 1) {\n            if (Modal._loadingTimeout) {\n                clearTimeout(Modal._loadingTimeout);\n            }\n\n            if (!Modal._loadingEl) {\n                Modal._loadingEl = document.createElement('div');\n                Modal._loadingEl.className = 'mojo-loading-overlay';\n                Modal._loadingEl.innerHTML = `\n                    <div class=\"mojo-loading-card\">\n                        <div class=\"mojo-loading-spinner\"></div>\n                        <div class=\"mojo-loading-message\">${message}</div>\n                    </div>\n                    <style>\n                        .mojo-loading-overlay {\n                            position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\n                            background: rgba(255, 255, 255, 0.4);\n                            backdrop-filter: blur(2px);\n                            -webkit-backdrop-filter: blur(2px);\n                            z-index: 99999;\n                            display: flex; align-items: center; justify-content: center;\n                            opacity: 0; transition: opacity 0.2s ease;\n                        }\n                        .mojo-loading-overlay.show { opacity: 1; }\n                        .mojo-loading-card {\n                            display: flex; align-items: center; gap: 0.85rem;\n                            background: #fff;\n                            border: 1px solid #e9ecef;\n                            border-radius: 12px;\n                            padding: 1rem 1.5rem;\n                            box-shadow: 0 4px 24px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.04);\n                        }\n                        .mojo-loading-spinner {\n                            width: 22px; height: 22px;\n                            border: 2.5px solid #e9ecef;\n                            border-top-color: #0d6efd;\n                            border-radius: 50%;\n                            animation: mojo-spin 0.7s linear infinite;\n                            flex-shrink: 0;\n                        }\n                        .mojo-loading-message {\n                            font-size: 0.88rem;\n                            font-weight: 500;\n                            color: #495057;\n                            white-space: nowrap;\n                        }\n                        @keyframes mojo-spin {\n                            to { transform: rotate(360deg); }\n                        }\n                    </style>\n                `;\n                document.body.appendChild(Modal._loadingEl);\n            }\n\n            // Update message\n            const msgEl = Modal._loadingEl.querySelector('.mojo-loading-message');\n            if (msgEl) msgEl.textContent = message;\n\n            // Trigger fade-in\n            requestAnimationFrame(() => {\n                if (Modal._loadingEl) Modal._loadingEl.classList.add('show');\n            });\n\n            // Auto-timeout\n            if (timeout > 0) {\n                Modal._loadingTimeout = setTimeout(() => {\n                    console.error('Modal.loading timed out.');\n                    Modal.hideLoading(true);\n                }, timeout);\n            }\n        } else {\n            // Counter > 1: just update the message\n            if (Modal._loadingEl) {\n                const msgEl = Modal._loadingEl.querySelector('.mojo-loading-message');\n                if (msgEl) msgEl.textContent = message;\n            }\n        }\n    }\n\n    /**\n     * Hide the loading overlay.\n     * @param {boolean} [force=false] - Force-hide regardless of counter\n     * @example\n     * Modal.hideLoading();       // decrement counter\n     * Modal.hideLoading(true);   // force-hide immediately\n     */\n    static hideLoading(force) {\n        if (force) {\n            Modal._loadingCounter = 0;\n        } else {\n            Modal._loadingCounter--;\n        }\n\n        if (Modal._loadingCounter <= 0) {\n            Modal._loadingCounter = 0;\n\n            if (Modal._loadingTimeout) {\n                clearTimeout(Modal._loadingTimeout);\n                Modal._loadingTimeout = null;\n            }\n\n            if (Modal._loadingEl) {\n                Modal._loadingEl.classList.remove('show');\n                setTimeout(() => {\n                    if (Modal._loadingEl && Modal._loadingCounter === 0) {\n                        Modal._loadingEl.remove();\n                        Modal._loadingEl = null;\n                    }\n                }, 200);\n            }\n        }\n    }\n\n    /** @alias loading — backward compat with Dialog.showBusy */\n    static showBusy(options) { return Modal.loading(options); }\n    /** @alias hideLoading — backward compat with Dialog.hideBusy */\n    static hideBusy(force) { return Modal.hideLoading(force); }\n}\n\nexport default Modal;\n"],"names":["Modal","show","view","options","Dialog","showDialog","header","title","body","size","centered","buttons","text","class","dismiss","showModel","model","ModelClass","constructor","ViewClass","VIEW_CLASS","Error","name","showModelById","id","fetch","alert","message","type","confirm","prompt","form","showForm","modelForm","showModelForm","data","showData","dialog","showError","static","loading","timeout","_loadingCounter","_loadingTimeout","clearTimeout","_loadingEl","document","createElement","className","innerHTML","appendChild","msgEl","querySelector","textContent","requestAnimationFrame","classList","add","setTimeout","console","error","hideLoading","force","remove","showBusy","hideBusy"],"mappings":"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"}
+{"version":3,"file":"Modal-xSaurlfZ.js","sources":["../../src/core/views/feedback/Modal.js"],"sourcesContent":["/**\n * Modal — AI-friendly static API for showing views in modal dialogs.\n *\n * Thin wrapper around Dialog's static helpers. All methods are static —\n * there is no instance API. Use Modal instead of `new Dialog()`.\n *\n * @example\n * import Modal from '@core/views/feedback/Modal.js';\n *\n * // Show any View in a modal\n * await Modal.show(new MyView({ model }));\n *\n * // Show a model's VIEW_CLASS automatically\n * await Modal.showModel(userModel);\n *\n * // Fetch a model by ID, then show its VIEW_CLASS\n * await Modal.showModelById(User, 42);\n *\n * // Convenience — no need to import Dialog separately\n * const yes = await Modal.confirm('Delete this?', 'Confirm');\n * await Modal.alert('Done!');\n * const data = await Modal.form({ title: 'Add', fields: [...] });\n * await Modal.modelForm({ model, formConfig: MyForms.edit });\n */\nimport Dialog from './Dialog.js';\n\nclass Modal {\n\n    /**\n     * Show a View instance in a modal dialog.\n     *\n     * @param {View} view - The view to display (rendered automatically)\n     * @param {object} [options] - Dialog options (size, title, buttons, etc.)\n     * @param {string} [options.size='lg'] - Dialog size: sm, md, lg, xl, xxl, fullscreen\n     * @param {string|false} [options.title=false] - Dialog title (false = no header)\n     * @param {Array} [options.buttons] - Footer buttons\n     * @returns {Promise<*>} Resolves with button value or null if dismissed\n     *\n     * @example\n     * await Modal.show(new DeviceView({ model: device }));\n     * await Modal.show(new GroupView({ model }), { size: 'xl' });\n     */\n    static async show(view, options = {}) {\n        return Dialog.showDialog({\n            header: options.title !== undefined ? !!options.title : false,\n            title: options.title || undefined,\n            body: view,\n            size: 'lg',\n            centered: false,\n            buttons: [{ text: 'Close', class: 'btn-secondary', dismiss: true }],\n            ...options\n        });\n    }\n\n    /**\n     * Show a model's VIEW_CLASS in a modal dialog.\n     * Looks up `model.constructor.VIEW_CLASS` and instantiates it.\n     *\n     * @param {Model} model - Model instance (must have VIEW_CLASS on its constructor)\n     * @param {object} [options] - Dialog options passed to Modal.show()\n     * @returns {Promise<*>} Resolves with button value or null if dismissed\n     * @throws {Error} If no VIEW_CLASS is defined on the model's constructor\n     *\n     * @example\n     * await Modal.showModel(userModel);\n     * await Modal.showModel(groupModel, { size: 'xl' });\n     */\n    static async showModel(model, options = {}) {\n        const ModelClass = model.constructor;\n        const ViewClass = ModelClass?.VIEW_CLASS;\n\n        if (!ViewClass) {\n            throw new Error(\n                `Modal.showModel: No VIEW_CLASS defined on ${ModelClass?.name || 'model'}. ` +\n                `Set ${ModelClass?.name || 'Model'}.VIEW_CLASS = YourView to use this method.`\n            );\n        }\n\n        const view = new ViewClass({ model });\n        return Modal.show(view, options);\n    }\n\n    /**\n     * Fetch a model by ID, then show its VIEW_CLASS in a modal.\n     * Handles the common fetch-then-display pattern.\n     *\n     * @param {Function} ModelClass - The Model class constructor (e.g., User, Group)\n     * @param {string|number} id - The model ID to fetch\n     * @param {object} [options] - Dialog options passed to Modal.showModel()\n     * @returns {Promise<*>} Resolves with button value, or null if model not found\n     *\n     * @example\n     * await Modal.showModelById(User, 42);\n     * await Modal.showModelById(Group, parentId, { size: 'xl' });\n     */\n    static async showModelById(ModelClass, id, options = {}) {\n        const model = new ModelClass({ id });\n        await model.fetch();\n\n        if (!model.id) {\n            Dialog.alert({\n                message: `Could not find ${ModelClass.name || 'record'} with ID: ${id}`,\n                type: 'warning'\n            });\n            return null;\n        }\n\n        return Modal.showModel(model, options);\n    }\n\n    // ── Convenience aliases ─────────────────────────\n    // Re-exported so you never need to import Dialog separately.\n\n    /** @see Dialog.confirm */\n    static confirm(message, title, options) {\n        return Dialog.confirm(message, title, options);\n    }\n\n    /** @see Dialog.alert */\n    static alert(message, title, options) {\n        return Dialog.alert(message, title, options);\n    }\n\n    /** @see Dialog.prompt */\n    static prompt(message, title, options) {\n        return Dialog.prompt(message, title, options);\n    }\n\n    /** @see Dialog.showForm */\n    static form(options) {\n        return Dialog.showForm(options);\n    }\n\n    /** @see Dialog.showModelForm */\n    static modelForm(options) {\n        return Dialog.showModelForm(options);\n    }\n\n    /** @see Dialog.showData */\n    static data(options) {\n        return Dialog.showData(options);\n    }\n\n    /** @see Dialog.showDialog — generic dialog with full options control */\n    static dialog(options) {\n        return Dialog.showDialog(options);\n    }\n\n    /** @see Dialog.showError */\n    static showError(message) {\n        return Dialog.alert(message, 'Error', { type: 'danger' });\n    }\n\n    // ── Loading indicator ───────────────────────\n    // Full-screen overlay with spinner for blocking operations.\n    // Supports nested calls (counter-based) — call hide for each show.\n    // Modern frosted-glass card design with configurable message.\n\n    static _loadingEl = null;\n    static _loadingCounter = 0;\n    static _loadingTimeout = null;\n\n    /**\n     * Show full-screen loading overlay.\n     * @param {string|object} [options] - Message string or { message, timeout }\n     * @param {string} [options.message='Loading...'] - Message to display\n     * @param {number} [options.timeout=30000] - Auto-hide timeout in ms (0 = no timeout)\n     * @example\n     * Modal.loading('Saving...');\n     * await someApiCall();\n     * Modal.hideLoading();\n     *\n     * // With timeout\n     * Modal.loading({ message: 'Processing...', timeout: 60000 });\n     */\n    static loading(options) {\n        if (typeof options === 'string') options = { message: options };\n        const { message = 'Loading...', timeout = 30000 } = options || {};\n\n        Modal._loadingCounter++;\n\n        if (Modal._loadingCounter === 1) {\n            if (Modal._loadingTimeout) {\n                clearTimeout(Modal._loadingTimeout);\n            }\n\n            if (!Modal._loadingEl) {\n                Modal._loadingEl = document.createElement('div');\n                Modal._loadingEl.className = 'mojo-loading-overlay';\n                Modal._loadingEl.innerHTML = `\n                    <div class=\"mojo-loading-card\">\n                        <div class=\"mojo-loading-spinner\"></div>\n                        <div class=\"mojo-loading-message\">${message}</div>\n                    </div>\n                    <style>\n                        .mojo-loading-overlay {\n                            position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\n                            background: rgba(255, 255, 255, 0.4);\n                            backdrop-filter: blur(2px);\n                            -webkit-backdrop-filter: blur(2px);\n                            z-index: 99999;\n                            display: flex; align-items: center; justify-content: center;\n                            opacity: 0; transition: opacity 0.2s ease;\n                        }\n                        .mojo-loading-overlay.show { opacity: 1; }\n                        .mojo-loading-card {\n                            display: flex; align-items: center; gap: 0.85rem;\n                            background: #fff;\n                            border: 1px solid #e9ecef;\n                            border-radius: 12px;\n                            padding: 1rem 1.5rem;\n                            box-shadow: 0 4px 24px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.04);\n                        }\n                        .mojo-loading-spinner {\n                            width: 22px; height: 22px;\n                            border: 2.5px solid #e9ecef;\n                            border-top-color: #0d6efd;\n                            border-radius: 50%;\n                            animation: mojo-spin 0.7s linear infinite;\n                            flex-shrink: 0;\n                        }\n                        .mojo-loading-message {\n                            font-size: 0.88rem;\n                            font-weight: 500;\n                            color: #495057;\n                            white-space: nowrap;\n                        }\n                        @keyframes mojo-spin {\n                            to { transform: rotate(360deg); }\n                        }\n                    </style>\n                `;\n                document.body.appendChild(Modal._loadingEl);\n            }\n\n            // Update message\n            const msgEl = Modal._loadingEl.querySelector('.mojo-loading-message');\n            if (msgEl) msgEl.textContent = message;\n\n            // Trigger fade-in\n            requestAnimationFrame(() => {\n                if (Modal._loadingEl) Modal._loadingEl.classList.add('show');\n            });\n\n            // Auto-timeout\n            if (timeout > 0) {\n                Modal._loadingTimeout = setTimeout(() => {\n                    console.error('Modal.loading timed out.');\n                    Modal.hideLoading(true);\n                }, timeout);\n            }\n        } else {\n            // Counter > 1: just update the message\n            if (Modal._loadingEl) {\n                const msgEl = Modal._loadingEl.querySelector('.mojo-loading-message');\n                if (msgEl) msgEl.textContent = message;\n            }\n        }\n    }\n\n    /**\n     * Hide the loading overlay.\n     * @param {boolean} [force=false] - Force-hide regardless of counter\n     * @example\n     * Modal.hideLoading();       // decrement counter\n     * Modal.hideLoading(true);   // force-hide immediately\n     */\n    static hideLoading(force) {\n        if (force) {\n            Modal._loadingCounter = 0;\n        } else {\n            Modal._loadingCounter--;\n        }\n\n        if (Modal._loadingCounter <= 0) {\n            Modal._loadingCounter = 0;\n\n            if (Modal._loadingTimeout) {\n                clearTimeout(Modal._loadingTimeout);\n                Modal._loadingTimeout = null;\n            }\n\n            if (Modal._loadingEl) {\n                Modal._loadingEl.classList.remove('show');\n                setTimeout(() => {\n                    if (Modal._loadingEl && Modal._loadingCounter === 0) {\n                        Modal._loadingEl.remove();\n                        Modal._loadingEl = null;\n                    }\n                }, 200);\n            }\n        }\n    }\n\n    /** @alias loading — backward compat with Dialog.showBusy */\n    static showBusy(options) { return Modal.loading(options); }\n    /** @alias hideLoading — backward compat with Dialog.hideBusy */\n    static hideBusy(force) { return Modal.hideLoading(force); }\n}\n\nexport default Modal;\n"],"names":["Modal","show","view","options","Dialog","showDialog","header","title","body","size","centered","buttons","text","class","dismiss","showModel","model","ModelClass","constructor","ViewClass","VIEW_CLASS","Error","name","showModelById","id","fetch","alert","message","type","confirm","prompt","form","showForm","modelForm","showModelForm","data","showData","dialog","showError","static","loading","timeout","_loadingCounter","_loadingTimeout","clearTimeout","_loadingEl","document","createElement","className","innerHTML","appendChild","msgEl","querySelector","textContent","requestAnimationFrame","classList","add","setTimeout","console","error","hideLoading","force","remove","showBusy","hideBusy"],"mappings":"yCA0BA,MAAMA,MAgBF,iBAAaC,CAAKC,EAAMC,EAAU,IAC9B,OAAOC,EAAOC,WAAW,CACrBC,YAA0B,IAAlBH,EAAQI,SAAwBJ,EAAQI,MAChDA,MAAOJ,EAAQI,YAAS,EACxBC,KAAMN,EACNO,KAAM,KACNC,UAAU,EACVC,QAAS,CAAC,CAAEC,KAAM,QAASC,MAAO,gBAAiBC,SAAS,OACzDX,GAEX,CAeA,sBAAaY,CAAUC,EAAOb,EAAU,IACpC,MAAMc,EAAaD,EAAME,YACnBC,EAAYF,GAAYG,WAE9B,IAAKD,EACD,MAAM,IAAIE,MACN,6CAA6CJ,GAAYK,MAAQ,gBAC1DL,GAAYK,MAAQ,qDAInC,MAAMpB,EAAO,IAAIiB,EAAU,CAAEH,UAC7B,OAAOhB,MAAMC,KAAKC,EAAMC,EAC5B,CAeA,0BAAaoB,CAAcN,EAAYO,EAAIrB,EAAU,CAAA,GACjD,MAAMa,EAAQ,IAAIC,EAAW,CAAEO,OAG/B,aAFMR,EAAMS,QAEPT,EAAMQ,GAQJxB,MAAMe,UAAUC,EAAOb,IAP1BC,EAAOsB,MAAM,CACTC,QAAS,kBAAkBV,EAAWK,MAAQ,qBAAqBE,IACnEI,KAAM,YAEH,KAIf,CAMA,cAAOC,CAAQF,EAASpB,EAAOJ,GAC3B,OAAOC,EAAOyB,QAAQF,EAASpB,EAAOJ,EAC1C,CAGA,YAAOuB,CAAMC,EAASpB,EAAOJ,GACzB,OAAOC,EAAOsB,MAAMC,EAASpB,EAAOJ,EACxC,CAGA,aAAO2B,CAAOH,EAASpB,EAAOJ,GAC1B,OAAOC,EAAO0B,OAAOH,EAASpB,EAAOJ,EACzC,CAGA,WAAO4B,CAAK5B,GACR,OAAOC,EAAO4B,SAAS7B,EAC3B,CAGA,gBAAO8B,CAAU9B,GACb,OAAOC,EAAO8B,cAAc/B,EAChC,CAGA,WAAOgC,CAAKhC,GACR,OAAOC,EAAOgC,SAASjC,EAC3B,CAGA,aAAOkC,CAAOlC,GACV,OAAOC,EAAOC,WAAWF,EAC7B,CAGA,gBAAOmC,CAAUX,GACb,OAAOvB,EAAOsB,MAAMC,EAAS,QAAS,CAAEC,KAAM,UAClD,CAOAW,kBAAoB,KACpBA,uBAAyB,EACzBA,uBAAyB,KAezB,cAAOC,CAAQrC,GACY,iBAAZA,IAAsBA,EAAU,CAAEwB,QAASxB,IACtD,MAAMwB,QAAEA,EAAU,aAAAc,QAAcA,EAAU,KAAUtC,GAAW,CAAA,EAI/D,GAFAH,MAAM0C,kBAEwB,IAA1B1C,MAAM0C,gBAAuB,CACzB1C,MAAM2C,iBACNC,aAAa5C,MAAM2C,iBAGlB3C,MAAM6C,aACP7C,MAAM6C,WAAaC,SAASC,cAAc,OAC1C/C,MAAM6C,WAAWG,UAAY,uBAC7BhD,MAAM6C,WAAWI,UAAY,sLAGetB,k+DAwC5CmB,SAAStC,KAAK0C,YAAYlD,MAAM6C,aAIpC,MAAMM,EAAQnD,MAAM6C,WAAWO,cAAc,yBACzCD,MAAaE,YAAc1B,GAG/B2B,sBAAsB,KACdtD,MAAM6C,YAAY7C,MAAM6C,WAAWU,UAAUC,IAAI,UAIrDf,EAAU,IACVzC,MAAM2C,gBAAkBc,WAAW,KAC/BC,QAAQC,MAAM,4BACd3D,MAAM4D,aAAY,IACnBnB,GAEX,MAEI,GAAIzC,MAAM6C,WAAY,CAClB,MAAMM,EAAQnD,MAAM6C,WAAWO,cAAc,yBACzCD,MAAaE,YAAc1B,EACnC,CAER,CASA,kBAAOiC,CAAYC,GACXA,EACA7D,MAAM0C,gBAAkB,EAExB1C,MAAM0C,kBAGN1C,MAAM0C,iBAAmB,IACzB1C,MAAM0C,gBAAkB,EAEpB1C,MAAM2C,kBACNC,aAAa5C,MAAM2C,iBACnB3C,MAAM2C,gBAAkB,MAGxB3C,MAAM6C,aACN7C,MAAM6C,WAAWU,UAAUO,OAAO,QAClCL,WAAW,KACHzD,MAAM6C,YAAwC,IAA1B7C,MAAM0C,kBAC1B1C,MAAM6C,WAAWiB,SACjB9D,MAAM6C,WAAa,OAExB,MAGf,CAGA,eAAOkB,CAAS5D,GAAW,OAAOH,MAAMwC,QAAQrC,EAAU,CAE1D,eAAO6D,CAASH,GAAS,OAAO7D,MAAM4D,YAAYC,EAAQ"}

package/dist/chunks/{Passkeys-BIV_WQTC.js → Passkeys-BPV1gNkR.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("./Collection-CyK0u557.js"),t=require("./ListView-Jkke6pU1.js"),i=require("./Modal-IG_UGRMf.js"),s=require("./FormView-56cBWH2j.js");class Log extends e.Model{constructor(e={}){super(e,{endpoint:"/api/logs"})}}class LogList extends e.Collection{constructor(e={}){super({ModelClass:Log,endpoint:"/api/logs",size:10,...e})}}class Member extends e.Model{constructor(e={}){super(e,{endpoint:"/api/group/member"})}hasPermission(e){if(Array.isArray(e))return e.some(e=>this.hasPermission(e));const t=this.get("permissions");return!!t&&1==t[e]}async fetchForGroup(e){return await this.fetch({url:`/api/group/${e}/member`})}}class MemberList extends e.Collection{constructor(e={}){super({ModelClass:Member,endpoint:"/api/group/member",size:10,...e})}}const n={edit:{title:"Edit Membership",fields:[{name:"user.display_name",type:"text",label:"Display Name",placeholder:"Enter Display Name"},{name:"metadata.role",type:"text",label:"Role",placeholder:"Enter role"},{name:"is_active",type:"switch",label:"Is Enabled",columns:12}]}};Member.PERMISSIONS=[{name:"manage_group",label:"Group Admin"},{name:"view_metrics",label:"View Metrics"},{name:"view_logs",label:"View Logs"},{name:"view_tickets",label:"View Tickets"},{name:"view_members",label:"View Members"},{name:"manage_members",label:"Manage Members"},{name:"view_billing",label:"View Billing"}],Member.PERMISSION_FIELDS=[...Member.PERMISSIONS.map(e=>({name:`permissions.${e.name}`,type:"switch",label:e.label,columns:6}))],Member.EDIT_FORM=n.edit,Member.ADD_FORM=n.create;class TableRow extends t.ListViewItem{constructor(e={}){super({tagName:"tr",className:"table-row",enableTooltips:!0,...e}),this.columns=e.columns||[],this.actions=e.actions||null,this.contextMenu=e.contextMenu||null,this.batchActions=e.batchActions||null,this.tableView=e.tableView||e.listView||null,this.editingCells=/* @__PURE__ */new Set,this.template=this.buildRowTemplate()}getResponsiveClasses(e){if(!e)return"";const t=["sm","md","lg","xl","xxl"];if("string"==typeof e)return t.includes(e)?`d-none d-${e}-table-cell`:(console.warn(`Invalid visibility breakpoint: ${e}. Valid options are: ${t.join(", ")}`),"");if("object"==typeof e){const i=[];if(e.hide){if(!t.includes(e.hide))return console.warn(`Invalid hide breakpoint: ${e.hide}. Valid options are: ${t.join(", ")}`),"";i.push(`d-table-cell d-${e.hide}-none`)}if(e.show){if(!t.includes(e.show))return console.warn(`Invalid show breakpoint: ${e.show}. Valid options are: ${t.join(", ")}`),"";e.hide?i.push(`d-${e.show}-table-cell`):i.push(`d-none d-${e.show}-table-cell`)}return i.join(" ")}return""}buildRowTemplate(){let e="";return this.tableView&&this.tableView.isSelectable()&&(e+='\n        <td style="padding: 0;">\n          <div class="mojo-select-cell {{#selected}}selected{{/selected}}"\n               data-action="select">\n            <div class="mojo-checkbox">\n              <i class="bi bi-check"></i>\n            </div>\n          </div>\n        </td>\n      '),this.columns.forEach((t,i)=>{const s=[t.class||t.className||"",this.getResponsiveClasses(t.visibility),t.editable?"editable-cell":""].filter(e=>e).join(" "),n=this.buildCellTemplate(t,i);let l=t.action;!l&&t.editable?l="edit-cell":!l&&this.tableView.rowAction&&(l=this.tableView.rowAction),e+=l?`<td class="${s}" data-action="${l}" data-column="${t.key}">${n}</td>`:`<td class="${s}" data-column="${t.key}">${n}</td>`}),this.actions?e+=this.buildActionsTemplate():this.contextMenu&&(e+=this.buildContextMenuTemplate()),e}buildCellTemplate(e,t=0){const i=`model.${e.key}`,s=e.formatter||e.format;if(s){if("string"==typeof s)return`{{{${i}|${s}}}}`;if("function"==typeof s)return`<span data-formatter="${e.key}" data-formatter-id="${t}">{{${i}}}</span>`}return e.template?e.template:e.editable?`<span class="cell-content" data-field="${e.key}">{{{${i}}}}</span>`:`{{{${i}}}}`}buildActionsTemplate(){return this.actions&&0!==this.actions.length?`<td><div class="btn-group btn-group-sm">${this.actions.map(e=>{if("string"==typeof e)switch(e){case"view":return'\n              <button class="btn btn-sm btn-outline-primary"\n                      data-action="view"\n                      title="View">\n                <i class="bi bi-eye"></i>\n              </button>\n            ';case"edit":return'\n              <button class="btn btn-sm btn-outline-secondary"\n                      data-action="edit"\n                      title="Edit">\n                <i class="bi bi-pencil"></i>\n              </button>\n            ';case"delete":return'\n              <button class="btn btn-sm btn-outline-danger"\n                      data-action="delete"\n                      title="Delete">\n                <i class="bi bi-trash"></i>\n              </button>\n            ';default:return""}else if("object"==typeof e)return`\n          <button class="btn btn-sm ${e.class||"btn-outline-primary"}"\n                  data-id="${this.model.id}"\n                  data-action="${e.action}"\n                  title="${e.label||""}">\n            ${e.icon?`<i class="${e.icon}"></i>`:""}\n            ${e.label&&!e.icon?e.label:""}\n          </button>\n        `;return""}).join("")}</div></td>`:""}buildContextMenuTemplate(){return this.contextMenu&&0!==this.contextMenu.length?`\n      <td class="text-end" style="width: 1px;">\n        <div class="dropdown">\n          <button class="btn btn-sm btn-link border-0"\n                  type="button"\n                  data-bs-toggle="dropdown"\n                  aria-expanded="false"\n                  style="color: #6c757d;">\n            <i class="bi bi-three-dots-vertical"></i>\n          </button>\n          <ul class="dropdown-menu dropdown-menu-end shadow-sm">\n            ${this.buildContextMenuItems()}\n          </ul>\n        </div>\n      </td>\n    `:""}buildContextMenuItems(){return this.contextMenu.map(e=>{if(e.separator||e.divider)return'<li><hr class="dropdown-divider"></li>';let t="dropdown-item";return("delete"===e.action||e.danger)&&(t+=" text-danger"),e.disabled&&(t+=" disabled"),`\n        <li>\n          <a class="${t}" href="#"\n             data-id="{{model.id}}"\n             data-action="${e.action}"\n             ${e.disabled?'aria-disabled="true" tabindex="-1"':""}>\n            ${e.icon?`<i class="${e.icon} me-2"></i>`:""}\n            ${e.label}\n          </a>\n        </li>\n      `}).join("")}async onAfterRender(){await super.onAfterRender(),this.columns.forEach((e,t)=>{if(e.formatter&&"function"==typeof e.formatter){let s=this.element.querySelector(`[data-formatter-id="${t}"]`);if(s||(s=this.element.querySelector(`[data-formatter="${e.key}"]`)),s){const t=this.model.get?this.model.get(e.key):this.model[e.key],n={value:t,row:this.model,model:this.model,column:e,table:this.tableView,index:this.index};try{s.innerHTML=e.formatter(t,n)}catch(i){console.error(`Error formatting cell for column ${e.key}:`,i)}}}}),this.selected&&this.element.classList.add("selected");const e=this.model.get?this.model.get("id"):this.model.id;e&&this.element.setAttribute("data-id",e)}async onActionEditCell(e,t){e.stopPropagation();const i=t.getAttribute("data-column"),s=this.columns.find(e=>e.key===i);s&&s.editable&&(this.editingCells.has(i)||await this.enterEditMode(i,s,t))}async onActionRowClick(e,t){e.target.closest(".btn-group")||e.target.closest(".dropdown")||e.target.closest(".cell-editor")||(this.emit("row:click",{row:this,model:this.model,column:t.getAttribute("data-column"),event:e}),this.tableView&&this.tableView.emit("row:click",{row:this,model:this.model,column:t.getAttribute("data-column"),event:e}))}async onActionView(e,t){e.stopPropagation(),this.emit("row:view",{row:this,model:this.model,event:e}),this.tableView&&this.tableView.emit("row:view",{row:this,model:this.model,event:e})}async onActionEdit(e,t){return e.stopPropagation(),this.emit("row:edit",{row:this,model:this.model,event:e}),this.tableView&&this.tableView.emit("row:edit",{row:this,model:this.model,event:e}),!0}async onActionDelete(e,t){e.stopPropagation(),this.emit("row:delete",{row:this,model:this.model,event:e}),this.tableView&&this.tableView.emit("row:delete",{row:this,model:this.model,event:e})}async enterEditMode(e,t,i){const s=i.querySelector(".cell-content");if(!s)return;this.editingCells.add(e);const n=this.model.get?this.model.get(e):this.model[e],l=this.createCellEditor(t,n),a=s.innerHTML;s.style.display="none";const o=document.createElement("div");o.className="cell-editor",o.innerHTML=l,i.appendChild(o);const r=o.querySelector("input, select, .form-check-input");r&&(r.focus(),"text"!==r.type&&"textarea"!==r.type||r.select()),o.dataset.originalContent=a,o.dataset.columnKey=e,this.setupEditorEvents(o,e,t),this.emit("cell:edit",{row:this,model:this.model,column:e,originalValue:n})}createCellEditor(e,t){const i=e.editableOptions||{};switch(i.type){case"select":return this.createSelectEditor(i,t);case"switch":case"checkbox":return this.createSwitchEditor(i,t);case"textarea":return this.createTextareaEditor(i,t);default:return this.createTextEditor(i,t)}}createTextEditor(e,t){const i=e.placeholder||"";return`\n      <div class="d-flex gap-1 align-items-center">\n        <input type="${e.inputType||"text"}"\n               class="form-control form-control-sm cell-input"\n               value="${this.escapeHtml(t||"")}"\n               placeholder="${i}">\n        <button type="button" class="btn btn-sm btn-success cell-save" title="Save">\n          <i class="bi bi-check"></i>\n        </button>\n        <button type="button" class="btn btn-sm btn-outline-secondary cell-cancel" title="Cancel">\n          <i class="bi bi-x"></i>\n        </button>\n      </div>\n    `}createTextareaEditor(e,t){const i=e.placeholder||"";return`\n      <div class="d-flex gap-1">\n        <textarea class="form-control form-control-sm cell-input"\n                  rows="${e.rows||2}"\n                  placeholder="${i}">${this.escapeHtml(t||"")}</textarea>\n        <div class="d-flex flex-column gap-1">\n          <button type="button" class="btn btn-sm btn-success cell-save" title="Save">\n            <i class="bi bi-check"></i>\n          </button>\n          <button type="button" class="btn btn-sm btn-outline-secondary cell-cancel" title="Cancel">\n            <i class="bi bi-x"></i>\n          </button>\n        </div>\n      </div>\n    `}createSelectEditor(e,t){const i=e.options||[];let s="";return i.forEach(e=>{if("string"==typeof e)s+=`<option value="${e}" ${e===t?"selected":""}>${e}</option>`;else if("object"==typeof e&&void 0!==e.value){const i=e.value===t?"selected":"";s+=`<option value="${e.value}" ${i}>${e.label||e.value}</option>`}}),`\n      <div class="d-flex gap-1 align-items-center">\n        <select class="form-select form-select-sm cell-input">\n          ${s}\n        </select>\n        <button type="button" class="btn btn-sm btn-success cell-save" title="Save">\n          <i class="bi bi-check"></i>\n        </button>\n        <button type="button" class="btn btn-sm btn-outline-secondary cell-cancel" title="Cancel">\n          <i class="bi bi-x"></i>\n        </button>\n      </div>\n    `}createSwitchEditor(e,t){const i=t?"checked":"";return`\n      <div class="d-flex gap-2 align-items-center">\n        <div class="form-check ${"switch"===e.type?"form-switch":""}">\n          <input class="form-check-input cell-input" type="checkbox" ${i}>\n        </div>\n        <div class="d-flex gap-1">\n          <button type="button" class="btn btn-sm btn-success cell-save" title="Save">\n            <i class="bi bi-check"></i>\n          </button>\n          <button type="button" class="btn btn-sm btn-outline-secondary cell-cancel" title="Cancel">\n            <i class="bi bi-x"></i>\n          </button>\n        </div>\n      </div>\n    `}setupEditorEvents(e,t,i){const s=e.querySelector(".cell-input"),n=e.querySelector(".cell-save"),l=e.querySelector(".cell-cancel");!s||"text"!==s.type&&"email"!==s.type&&"number"!==s.type||s.addEventListener("keydown",s=>{"Enter"===s.key?(s.preventDefault(),this.saveCellEdit(e,t,i)):"Escape"===s.key&&(s.preventDefault(),this.cancelCellEdit(e,t))}),!s||"checkbox"!==s.type&&"SELECT"!==s.tagName||!1===i.autoSave||s.addEventListener("change",()=>{this.saveCellEdit(e,t,i)}),n?.addEventListener("click",()=>{this.saveCellEdit(e,t,i)}),l?.addEventListener("click",()=>{this.cancelCellEdit(e,t)})}async saveCellEdit(e,t,i){const s=e.querySelector(".cell-input");if(!s)return;let n;n="checkbox"===s.type?s.checked:(s.tagName,s.value);const l=this.model.get?this.model.get(t):this.model[t];try{this.model.save?await this.model.save({[t]:n}):this.model[t]=n,this.exitEditMode(e,t,n),this.emit("cell:save",{row:this,model:this.model,column:t,oldValue:l,newValue:n})}catch(a){console.error("Failed to save cell edit:",a),this.emit("cell:save:error",{row:this,model:this.model,column:t,oldValue:l,newValue:n,error:a}),e.classList.add("saving-error"),setTimeout(()=>e.classList.remove("saving-error"),3e3)}}cancelCellEdit(e,t){const i=e.dataset.originalContent;this.exitEditMode(e,t,null,i),this.emit("cell:cancel",{row:this,model:this.model,column:t})}exitEditMode(t,i,s=null,n=null){const l=t.closest("td").querySelector(".cell-content");if(l){if(null!==s){const t=this.columns.find(e=>e.key===i);let n=s;t&&t.formatter&&"string"==typeof t.formatter&&(n=e.dataFormatter.pipe(s,t.formatter)),l.innerHTML=this.escapeHtml(n)}else n&&(l.innerHTML=n);l.style.display=""}t.remove(),this.editingCells.delete(i)}escapeHtml(e){if(null==e)return"";const t=document.createElement("div");return t.textContent=e,t.innerHTML}select(){super.select(),this.addClass("selected");const e=this.element?.querySelector(".mojo-select-cell");e&&e.classList.add("selected")}deselect(){super.deselect(),this.removeClass("selected");const e=this.element?.querySelector(".mojo-select-cell");e&&e.classList.remove("selected")}}const l={exact:{display:"is",description:"Exact match"},in:{display:"in",description:"Match any of the values (comma-separated)"},not:{display:"is not",description:"Does not match"},not_in:{display:"not in",description:"Does not match any of the values"},gt:{display:">",description:"Greater than"},gte:{display:">=",description:"Greater than or equal to"},lt:{display:"<",description:"Less than"},lte:{display:"<=",description:"Less than or equal to"},contains:{display:"contains",description:"Contains substring (case-sensitive)"},icontains:{display:"contains",description:"Contains substring (case-insensitive)"},startswith:{display:"starts with",description:"Starts with substring (case-sensitive)"},istartswith:{display:"starts with",description:"Starts with substring (case-insensitive)"},endswith:{display:"ends with",description:"Ends with substring (case-sensitive)"},iendswith:{display:"ends with",description:"Ends with substring (case-insensitive)"},isnull:{display:e=>"true"===e||!0===e?"is null":"is not null",description:"Check if value is null or not"},range:{display:"between",description:"Between two values (comma-separated)"}};function a(e){if(!e||"string"!=typeof e)return{field:e,lookup:null};const t=e.split("__");if(1===t.length)return{field:e,lookup:null};const i=t[t.length-1];return l[i]?{field:t.slice(0,-1).join("__"),lookup:i}:{field:e,lookup:null}}function o(e,t,i){if(!e||null==t)return"";const{field:s,lookup:n}=a(e),o=l[n];if(t&&"object"==typeof t&&!Array.isArray(t)){const e=void 0!==t.start&&null!==t.start&&""!==t.start,s=void 0!==t.end&&null!==t.end&&""!==t.end;return e||s?e&&s?`${i} between '${t.start}' and '${t.end}'`:e?`${i} from '${t.start}'`:`${i} until '${t.end}'`:`${i} is '${JSON.stringify(t)}'`}const r=Array.isArray(t)?t.join(","):String(t);if(!n||"exact"===n)return`${i} is '${r}'`;if("in"===n||"not_in"===n){const e=r.split(",").map(e=>e.trim()).filter(e=>e);if(0===e.length)return`${i} ${o.display}`;const t=e.map(e=>`'${e}'`).join(", ");return`${i} ${o.display} ${t}`}if("range"===n){const e=r.split(",").map(e=>e.trim()).filter(e=>e);return 2===e.length?`${i} between '${e[0]}' and '${e[1]}'`:`${i} ${o.display} '${r}'`}return"isnull"===n?`${i} ${"function"==typeof o.display?o.display(r):o.display}`:o?`${i} ${o.display} '${r}'`:`${i} is '${r}'`}const r={LOOKUPS:l,parseFilterKey:a,formatFilterDisplay:o,getLookupDescription:function(e){const t=l[e];return t?t.description:"Exact match"},isValidLookup:function(e){return e&&l.hasOwnProperty(e)},getAvailableLookups:function(){return Object.keys(l)},buildFilterKey:function(e,t=null){return e?t?`${e}__${t}`:e:""}};class TableView extends t.ListView{constructor(e={}){super({className:"table-view-component",itemClass:e.itemClass||TableRow,selectionMode:e.selectable?"multiple":"none",emptyMessage:e.emptyMessage||"No data available",addButtonIcon:e.addButtonIcon||"bi bi-plus-circle",...e}),this.isFullscreen=!1,this.columns=e.columns||[],this.actions=e.actions||null,this.contextMenu=e.contextMenu||null,this.batchActions=e.batchActions||null,this.searchable=!1!==e.searchable,this.sortable=!1!==e.sortable,this.filterable=!1!==e.filterable,this.paginated=!1!==e.paginated,this.clickAction=e.clickAction||"view",this.itemView=e.itemView,this.addForm=e.addForm,this.editForm=e.editForm,this.deleteTemplate=e.deleteTemplate,this.formDialogConfig=e.formDialogConfig||{},this.viewDialogOptions=e.viewDialogOptions||{},this.exportOptions=e.exportOptions||null,this.options.showExport&&!this.exportOptions&&(this.exportOptions=[{format:"csv",label:"Export as CSV",icon:"bi bi-file-earmark-spreadsheet"},{format:"json",label:"Export as JSON",icon:"bi bi-file-earmark-code"}]),this.exportSource=e.exportSource||"remote",this.filters={},this.additionalFilters=e.filters||[],this.hideActivePills=!0===e.hideActivePills,this.hideActivePillNames=e.hideActivePillNames||[],this.rowAction=e.rowAction||"row-click",this.batchBarLocation=e.batchBarLocation||"bottom",this.options.addButtonLabel=e.addButtonLabel||"Add",this.toolbarButtons=e.toolbarButtons||[],this.tableOptions={striped:!0,bordered:!1,hover:!0,responsive:!1,size:null,...e.tableOptions},this.searchPlacement=e.searchPlacement||"toolbar",this.searchPlaceholder=e.searchPlaceholder||"Search...",this.initializeColumns(),this.extractColumnFilters(),this.footerTotalColumns=this.columns.filter(e=>!0===e.footer_total),this.hasFooterTotals=this.footerTotalColumns.length>0,this.template=this.buildTableTemplate(),this.setupCollectionListeners()}setupCollectionListeners(){this.hasFooterTotals&&this.collection&&this.collection.on("reset add remove change",()=>{this.updateFooterTotals()})}initializeColumns(){this.columns.forEach(e=>{!e.key&&e.name&&(e.key=e.name),e.label||e.title||(e.label=e.key.charAt(0).toUpperCase()+e.key.slice(1))})}getResponsiveClasses(e){if(!e)return"";const t=["sm","md","lg","xl","xxl"];if("string"==typeof e)return t.includes(e)?`d-none d-${e}-table-cell`:(console.warn(`Invalid visibility breakpoint: ${e}. Valid options are: ${t.join(", ")}`),"");if("object"==typeof e){const i=[];if(e.hide){if(!t.includes(e.hide))return console.warn(`Invalid hide breakpoint: ${e.hide}. Valid options are: ${t.join(", ")}`),"";i.push(`d-table-cell d-${e.hide}-none`)}if(e.show){if(!t.includes(e.show))return console.warn(`Invalid show breakpoint: ${e.show}. Valid options are: ${t.join(", ")}`),"";e.hide?i.push(`d-${e.show}-table-cell`):i.push(`d-none d-${e.show}-table-cell`)}return i.join(" ")}return""}parseColumnKey(e){const t=e.split("|");return{fieldKey:t[0],formatter:t[1]||null}}updateFooterTotals(){if(!this.hasFooterTotals||!this.element)return;const e=this.calculateFooterTotals();let t=0;this.columns.forEach(i=>{if(i.footer_total){const s=`col_${t}`,n=this.element.querySelector(`[data-total-column="${s}"]`);if(n&&e[s]){const t=this.parseColumnKey(i.key).formatter||i.formatter;let l;l=t&&"string"==typeof t?this.formatValue(e[s].value,t):e[s].value,n.textContent=l}t++}})}formatValue(t,i){try{return e.dataFormatter.pipe(t,i)}catch(s){return console.warn("Error formatting value:",s),t}}calculateFooterTotals(){if(!this.hasFooterTotals||!this.collection||0===this.collection.length)return{};const e={};return this.footerTotalColumns.forEach((t,i)=>{const{fieldKey:s,formatter:n}=this.parseColumnKey(t.key);let l=0;this.collection.forEach(e=>{const t=e.get?e.get(s):e[s],i=parseFloat(t)||0;l+=i}),t.key,this.collection.length,e[`col_${i}`]={value:l,formatter:n||t.formatter,fieldKey:s,originalKey:t.key}}),e}extractColumnFilters(){this.filters={},this.columns.forEach(e=>{if(e.filter){const{fieldKey:t}=this.parseColumnKey(e.key);this.filters[t]=e.filter}})}isSelectable(){return this.batchActions&&this.batchActions.length>0&&"multiple"==this.selectionMode}buildTableTemplate(){const e="top"===this.batchBarLocation?this.buildBatchActionsPanel():"",t="bottom"===this.batchBarLocation?this.buildBatchActionsPanel():"";return`\n      <div class="mojo-table-wrapper">\n        ${this.buildToolbarTemplate()}\n        ${e}\n        <div class="table-container"${(()=>{const e=this.tableOptions&&null!=this.tableOptions.fontSize?this.tableOptions.fontSize:this.options&&this.options.fontSize,t="sm"===e?"0.9rem":"xs"===e?"0.8rem":e?String(e):null;return t?` style="font-size: ${t};"`:""})()}>\n          {{#loading}}\n            <div class="mojo-table-loading d-flex justify-content-center align-items-center py-5">\n              <div class="spinner-border" role="status">\n                <span class="visually-hidden">Loading...</span>\n              </div>\n            </div>\n          {{/loading}}\n          {{^loading}}\n            {{#isEmpty}}\n              <div class="table-empty text-center py-5">\n                <i class="bi bi-inbox fa-2x mb-2 text-muted"></i>\n                <p class="text-muted">{{emptyMessage}}</p>\n              </div>\n            {{/isEmpty}}\n            {{^isEmpty}}\n              <table class="${this.buildTableClasses()}">\n                ${this.buildTableHeaderTemplate()}\n                <tbody data-container="items"></tbody>\n                ${this.hasFooterTotals?this.buildTableFooterTemplate():""}\n              </table>\n            {{/isEmpty}}\n          {{/loading}}\n        </div>\n        ${t}\n        ${this.buildPaginationTemplate()}\n      </div>\n    `}buildTableClasses(){let e=["table"];return this.tableOptions.striped&&e.push("table-striped"),this.tableOptions.bordered&&e.push("table-bordered"),this.tableOptions.hover&&e.push("table-hover"),this.tableOptions.responsive&&e.push("table-responsive"),this.tableOptions.background&&e.push(`table-${this.tableOptions.background}`),"sm"===this.tableOptions.size&&e.push("table-sm"),"lg"===this.tableOptions.size&&e.push("table-lg"),e.join(" ")}buildToolbarTemplate(){return this.searchable||this.filterable?`\n      <div class="table-action-buttons mb-3">\n        <div class="d-flex align-items-center gap-2">\n          ${this.buildActionButtonsTemplate()}\n          ${this.filterable?this.buildFilterDropdownTemplate():""}\n          ${this.searchable&&"toolbar"===this.searchPlacement?this.buildSearchTemplate():""}\n\n        </div>\n        <div data-container="filter-pills"></div>\n      </div>\n    `:""}buildActionButtonsTemplate(){let e=[];if(e.push('\n      <button class="btn btn-sm btn-outline-secondary btn-refresh"\n              data-action="refresh"\n              title="Refresh">\n        <i class="bi bi-arrow-clockwise"></i>\n      </button>\n    '),this.isFullscreenSupported()&&e.push('\n        <button class="btn btn-sm btn-outline-secondary btn-fullscreen"\n                data-action="toggle-fullscreen"\n                title="Toggle Fullscreen">\n          <i class="bi bi-fullscreen"></i>\n        </button>\n      '),this.options.showAdd&&e.push(`\n        <button class="btn btn-sm btn-success btn-add"\n                data-action="add"\n                title="${this.options.addButtonLabel}">\n          <i class="${this.options.addButtonIcon} me-1"></i>\n          <span class="d-none d-lg-inline">${this.options.addButtonLabel}</span>\n        </button>\n      `),this.options.showExport)if(this.exportOptions&&this.exportOptions.length>1){const t=this.exportOptions.map(e=>`\n          <li>\n            <a class="dropdown-item" href="#" data-action="export" data-format="${e.format}">\n              <i class="${e.icon||"bi bi-file-earmark-arrow-down"} me-2"></i>${e.label}\n            </a>\n          </li>\n        `).join("");e.push(`\n          <div class="dropdown">\n            <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button"\n                    data-bs-toggle="dropdown" aria-expanded="false" title="Export">\n              <i class="bi bi-download me-1"></i>\n              <span class="d-none d-lg-inline">Export</span>\n            </button>\n            <ul class="dropdown-menu">\n              ${t}\n            </ul>\n          </div>\n        `)}else{const t=this.exportOptions&&1===this.exportOptions.length?this.exportOptions[0].format:"json";e.push(`\n          <button class="btn btn-sm btn-outline-secondary btn-export"\n                  data-action="export"\n                  data-format="${t}"\n                  title="Export">\n            <i class="bi bi-download me-1"></i>\n            <span class="d-none d-lg-inline">Export</span>\n          </button>\n        `)}return this.toolbarButtons&&this.toolbarButtons.length>0&&this.toolbarButtons.forEach((t,i)=>{const{label:s="Button",icon:n="",action:l="",handler:a=null,variant:o="outline-secondary",title:r=s,className:c="",permissions:d=null}=t;if(d&&!this.checkPermissions(d))return;const h=n?`<i class="${n} me-1"></i>`:"",u=`<span class="d-none d-lg-inline">${s}</span>`;let m="";a?m=`data-action="custom-toolbar-button" data-button-index="${i}"`:l&&(m=`data-action="${l}"`);const p=`btn btn-sm btn-${o} ${c}`.trim();e.push(`\n          <button class="${p}"\n                  ${m}\n                  title="${r}">\n            ${h}${u}\n          </button>\n        `)}),e.join("")}buildSearchTemplate(){return'\n      <div class="flex-grow-1" style="max-width: 400px;">\n        <div class="input-group input-group-sm">\n          <span class="input-group-text">\n            <i class="bi bi-search"></i>\n          </span>\n          <input type="search"\n                 class="form-control"\n                 placeholder="{{searchPlaceholder}}"\n                 data-filter="search"\n                 data-change-action="apply-search"\n                 value="{{collection.params.search}}"\n                 aria-label="Search">\n          {{#searchValue}}\n            <button class="btn btn-outline-secondary" type="button"\n                    data-action="clear-search"\n                    title="Clear search">\n              <i class="bi bi-x"></i>\n            </button>\n          {{/searchValue}}\n        </div>\n      </div>\n    '}buildFilterDropdownTemplate(){return this.filters&&Object.keys(this.filters).length>0||this.additionalFilters&&this.additionalFilters.length>0?`\n      <div class="dropdown">\n        <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button"\n                data-bs-toggle="dropdown" aria-expanded="false">\n          <i class="bi bi-filter me-1"></i>\n          <span class="d-none d-lg-inline">Add Filter</span>\n        </button>\n        <div class="dropdown-menu" style="min-width: 250px;">\n          ${this.buildFilterList()}\n        </div>\n      </div>\n    `:""}buildFilterList(){const e=this.getAllAvailableFilters(),t=this.getActiveFilters();return 0===e.length?'<div class="dropdown-item-text text-muted">No filters available</div>':`\n      ${e.map(e=>{const i=t.hasOwnProperty(e.key),s=i?"active":"",n=this.getFilterIcon(e.type||e.config?.type);return`\n        <button class="dropdown-item ${s}"\n                data-action="add-filter"\n                data-filter-key="${e.key}">\n          <i class="bi bi-${n} me-2"></i>\n          ${e.label}\n          ${i?'<i class="bi bi-check-circle ms-auto"></i>':""}\n        </button>\n      `}).join("")}\n      ${Object.keys(t).length>0?'\n        <div class="dropdown-divider"></div>\n        <button class="dropdown-item text-danger" data-action="clear-all-filters">\n          <i class="bi bi-x-circle me-2"></i>Clear All Filters\n        </button>\n      ':""}\n    `}updateFilterPills(){const e=this.element?.querySelector('[data-container="filter-pills"]');if(!e)return;this.getActiveFilters();const t=this.buildActivePills();e.innerHTML=t}updateSearchInputs(e){const t=this.element?.querySelectorAll('[data-filter="search"]');t&&t.forEach(t=>{t.value=e||""})}buildActivePills(){if(this.hideActivePills)return"";const e=this.getActiveFilters(),t=e.search&&""!==e.search.toString().trim();let i=Object.entries(e).filter(([e,t])=>t&&""!==t.toString().trim()&&"search"!==e);return this.hideActivePillNames&&this.hideActivePillNames.length>0&&(i=i.filter(([e])=>!this.hideActivePillNames.includes(e))),0!==i.length||t?`\n      <div class="row mt-2">\n        <div class="col-12">\n          <div class="d-flex flex-wrap align-items-center">\n            ${i.map(([e,t])=>{const{field:i}=a(e);return`\n        <span class="badge bg-primary me-1 mb-1 py-1 px-2 position-relative" style="font-size: 0.75rem;">\n          <i class="bi bi-filter me-1" style="font-size: 0.65rem;"></i>\n\n          <button type="button" class="btn btn-link text-white p-0 ms-1"\n                  style="font-size: 0.65rem; line-height: 1;"\n                  data-action="edit-filter"\n                  data-filter="${e}"\n                  title="Edit filter">\n            ${o(e,t,this.getFilterLabel(i))}\n          </button>\n\n          <button type="button" class="btn-close btn-close-white ms-1"\n                  style="font-size: 0.6rem; width: 0.5rem; height: 0.5rem;"\n                  data-action="remove-filter"\n                  data-filter="${e}"\n                  title="Remove filter">\n          </button>\n        </span>\n      `}).join("")}\n            ${i.length>1||i.length>0&&t||0===i.length&&t?'\n      <button class="btn btn-sm btn-outline-secondary mb-1 py-0 px-2" style="font-size: 0.75rem;" data-action="clear-all-filters">\n        <i class="bi bi-x-circle me-1" style="font-size: 0.7rem;"></i>\n        <small>Clear All</small>\n      </button>\n    ':""}\n          </div>\n        </div>\n      </div>\n    `:""}buildTableHeaderTemplate(){let e="";return this.isSelectable()&&(e+='\n        <th style="width: 40px; padding: 0;">\n          <div class="mojo-select-all-cell" data-action="select-all">\n            <div class="mojo-checkbox">\n              <i class="bi bi-check"></i>\n            </div>\n          </div>\n        </th>\n      '),this.columns.forEach(t=>{const{fieldKey:i}=this.parseColumnKey(t.key),s=this.sortable&&!1!==t.sortable,n=this.getSortBy()===i?this.getSortDirection():null,l=this.getSortIcon(n),a=t.label||t.title||i,o=this.getResponsiveClasses(t.visibility);e+=`\n        <th class="${s?"sortable":""} ${o}">\n          <div class="d-flex align-items-center">\n            <span>${a}</span>\n            ${s?`\n        <div class="dropdown d-inline-block ms-2">\n          <button class="btn btn-sm btn-link p-0 text-decoration-none" type="button"\n                  data-bs-toggle="dropdown" aria-expanded="false"\n                  data-column="${i}">\n            ${l}\n          </button>\n          <ul class="dropdown-menu dropdown-menu-end">\n            <li><a class="dropdown-item ${"asc"===n?"active":""}"\n                   data-action="sort" data-field="${i}" data-direction="asc">\n                <i class="bi bi-sort-alpha-down me-2"></i>Sort A-Z\n                </a></li>\n            <li><a class="dropdown-item ${"desc"===n?"active":""}"\n                   data-action="sort" data-field="${i}" data-direction="desc">\n                <i class="bi bi-sort-alpha-down-alt me-2"></i>Sort Z-A\n                </a></li>\n            <li><a class="dropdown-item ${null===n?"active":""}"\n                   data-action="sort" data-field="${i}" data-direction="none">\n                <i class="bi bi-x-circle me-2"></i>No Sort\n                </a></li>\n          </ul>\n        </div>\n      `:""}\n          </div>\n        </th>\n      `}),this.actions?e+="<th>Actions</th>":this.contextMenu&&(e+='<th style="width: 1px;"></th>'),`\n      <thead>\n        <tr>\n          ${e}\n        </tr>\n      </thead>\n    `}buildTableFooterTemplate(){let e="";this.isSelectable()&&(e+="<td></td>");let t=0;return this.columns.forEach((i,s)=>{const n=this.getResponsiveClasses(i.visibility);if(i.footer_total){const s=`col_${t}`,l=this.parseColumnKey(i.key).formatter||i.formatter;let a;a=l&&"string"==typeof l?`{{{footerTotals.${s}.value|${l}}}}`:`{{footerTotals.${s}.value}}`,e+=`<td class="table-footer-total ${n}" data-total-column="${s}">${a}</td>`,t++}else e+=0===s?`<td class="table-footer-label ${n}"><strong>Totals</strong></td>`:`<td class="${n}"></td>`}),(this.actions||this.contextMenu)&&(e+="<td></td>"),`\n      <tfoot>\n        <tr class="table-totals-row">\n          ${e}\n        </tr>\n      </tfoot>\n    `}buildBatchActionsPanel(){if(!this.batchActions||0===this.batchActions.length)return"";if("top"===this.batchBarLocation){let e="";return this.batchActions.forEach(t=>{e+=`\n          <button class="btn btn-sm btn-outline-secondary" data-action="batch-${t.action}" title="${t.label}">\n            <i class="${t.icon} me-1"></i>\n            <span class="d-none d-lg-inline">${t.label}</span>\n          </button>\n        `}),`\n        <div class="batch-actions-panel-top alert alert-info d-none mb-3" role="alert">\n          <div class="d-flex justify-content-between align-items-center">\n            <div class="d-flex align-items-center">\n              <strong class="me-2">\n                <span class="batch-select-count">0</span> ${this.options.batchPanelTitle||"items"} selected\n              </strong>\n            </div>\n            <div class="d-flex gap-2 align-items-center">\n              ${e}\n              <button class="btn btn-sm btn-outline-secondary" data-action="clear-selection" title="Clear Selection">\n                <i class="bi bi-x-circle me-1"></i>\n                <span class="d-none d-lg-inline">Clear</span>\n              </button>\n            </div>\n          </div>\n        </div>\n      `}{let e="";return this.batchActions.forEach(t=>{e+=`\n          <div class="batch-select-action text-center px-2" data-action="batch-${t.action}">\n            <div class="batch-action-icon fs-3">\n              <i class="${t.icon}"></i>\n            </div>\n            <div class="batch-action-title small">${t.label}</div>\n          </div>\n        `}),`\n        <div class="batch-actions-panel rounded-start rounded-end" style="display: none;">\n          <div class="batch-select-panel rounded-start rounded-end">\n            <div class="row g-0">\n              <div class="col-auto">\n                <div class="batch-select-count rounded-start">0</div>\n              </div>\n              <div class="col">\n                <div class="ps-2 batch-select-title">${this.options.batchPanelTitle||"Rows"}</div>\n              </div>\n              <div class="col">\n                <div class="batch-select-actions d-flex justify-content-end">\n                  ${e}\n                </div>\n              </div>\n              <div class="col-auto">\n                <div class="batch-select-end rounded-end"></div>\n              </div>\n            </div>\n          </div>\n        </div>\n      `}}buildPaginationTemplate(){return this.paginated?'\n      <div class="table-status-bar mt-3">\n        <div class="d-flex flex-column flex-lg-row justify-content-center justify-content-lg-between align-items-center gap-3">\n          <div class="d-flex flex-column flex-sm-row align-items-center gap-2 gap-sm-3 text-center text-lg-start">\n            <span class="text-muted">\n              Showing <span data-value="start">0</span> to <span data-value="end">0</span>\n              of <span data-value="total">0</span> entries\n            </span>\n            <div class="d-flex align-items-center">\n              <label class="form-label me-2 mb-0">Show:</label>\n              <select class="form-select form-select-sm" style="width: auto;" data-change-action="page-size">\n                <option value="5">5</option>\n                <option value="10">10</option>\n                <option value="25">25</option>\n                <option value="50">50</option>\n                <option value="100">100</option>\n              </select>\n            </div>\n          </div>\n          <nav aria-label="Table pagination">\n            <ul class="pagination pagination-sm mb-0 justify-content-center" data-container="pagination">\n              \x3c!-- Pagination will be rendered here --\x3e\n            </ul>\n          </nav>\n        </div>\n      </div>\n    ':""}_createItemView(e,t){const i=new this.itemClass({model:e,index:t,listView:this,tableView:this,template:this.itemTemplate,columns:this.columns,actions:this.actions,contextMenu:this.contextMenu,batchActions:this.batchActions,containerId:"items"});return this.itemViews.set(e.id,i),i.on("item:select",e=>{this._onItemSelect(e),this.updateBatchActionsPanel()}),i.on("item:deselect",e=>{this._onItemDeselect(e),this.updateBatchActionsPanel()}),i.on("row:click",this._onRowClick.bind(this)),i.on("row:view",this._onRowView.bind(this)),i.on("row:edit",this._onRowEdit.bind(this)),i.on("row:delete",this._onRowDelete.bind(this)),i.on("cell:edit",this._onCellEdit.bind(this)),i.on("cell:save",this._onCellSave.bind(this)),i.on("cell:cancel",this._onCellCancel.bind(this)),i}async onMounted(){await super.onMounted();const e=this.getActiveFilters();this.collection&&Object.keys(e).length>0&&this.updateFilterPills(),this.setupSearchClearListener()}setupSearchClearListener(){this.element&&this.element.querySelectorAll('input[type="search"][data-filter="search"]').forEach(e=>{e.addEventListener("input",e=>{""===e.target.value&&this.getActiveFilters().search&&this.onActionClearSearch(e,e.target)})})}_onRowClick(e){if(this.emit("row:click",e),this.options.onRowClick)return this.options.onRowClick(e.model,e.event);"view"===this.clickAction?this._onRowView(e):"edit"===this.clickAction&&this._onRowEdit(e)}getModelClass(e){return this.collection?.ModelClass?this.collection.ModelClass:this.collection?.model?this.collection.model:e?.constructor?e.constructor:null}getModelName(e){const t=this.getModelClass(e);return t&&(t.MODEL_NAME||t.name.replace(/Model$/,""))||"Item"}getItemViewClass(e){if(this.itemView)return this.itemView;const t=this.getModelClass(e);return t?.VIEW_CLASS?t.VIEW_CLASS:null}getAddFormConfig(e){return this.addForm||e?.ADD_FORM||this.editForm||e?.EDIT_FORM}getEditFormConfig(e){return this.editForm||e?.EDIT_FORM||this.addForm||e?.ADD_FORM}getFormDialogConfig(e){return{...e?.FORM_DIALOG_CONFIG,...this.formDialogConfig}}renderTemplateString(t,i){return t?e.Mustache.render(t,i):""}async _onRowView(e){if(this.emit("row:view",e),this.options.onItemView)return void(await this.options.onItemView(e.model,e.event));const t=this.getItemViewClass(e.model);if(t){const s=new t({model:e.model,collection:this.collection});await i.default.dialog({header:!1,body:s,size:"lg",centered:!1,...this.getFormDialogConfig(this.getModelClass(e.model)),...this.viewDialogOptions})}else await i.default.data({title:`View ${this.getModelName(e.model)} #${e.model.id}`,model:e.model})}async _onRowEdit(e){if(this.emit("row:edit",e),this.options.onItemEdit)return void(await this.options.onItemEdit(e.model,e.event));const t=this.getModelClass(e.model);let n=this.getEditFormConfig(t);if(n){n.fields||(n={title:`Edit ${this.getModelName(e.model)}`,fields:n});const s=await i.default.modelForm({model:e.model,...n,...this.getFormDialogConfig(t)});if(!s)return;if(!s.success||!s?.result?.data.status)return void i.default.showError(s?.result?.data?.error||s?.result?.message||"An error occurred")}else{const t=await i.default.dialog({title:`Edit ${this.getModelName(e.model)} #${e.model.id}`,body:new s.FormView({model:e.model,fields:this.options.formFields||[]})});if(t){const s=await e.model.save(t);if(!s.data?.status)return void i.default.showError(s.data.error||"An error occurred");await this.refresh()}}}async _onRowDelete(e){if(this.emit("row:delete",e),this.options.onItemDelete)return void(await this.options.onItemDelete(e.model,e.event));const t=this.getModelClass(e.model),s=this.deleteTemplate||t?.DELETE_TEMPLATE||'Are you sure you want to delete this {{name||"item"}}?',n=this.renderTemplateString(s,e.model);await i.default.confirm({message:n||"Are you sure you want to delete this item?",title:"Confirm Delete",confirmText:"Delete",confirmClass:"btn-danger"})&&(await e.model.destroy(),this.collection.fetch())}_onCellEdit(e){this.emit("cell:edit",e)}async _onCellSave(e){this.emit("cell:save",e)}_onCellCancel(e){this.emit("cell:cancel",e)}isFullscreenSupported(){return!!(document.fullscreenEnabled||document.mozFullScreenEnabled||document.webkitFullscreenEnabled||document.msFullscreenEnabled)}async onActionToggleFullscreen(e,t){this.isFullscreen?await this.exitFullscreen():await this.enterFullscreen()}async enterFullscreen(){try{this.element.requestFullscreen?await this.element.requestFullscreen():this.element.mozRequestFullScreen?await this.element.mozRequestFullScreen():this.element.webkitRequestFullscreen?await this.element.webkitRequestFullscreen():this.element.msRequestFullscreen&&await this.element.msRequestFullscreen(),this.isFullscreen=!0,this.element.classList.add("table-fullscreen"),this.updateFullscreenButton(),this.setupFullscreenListeners(),this.emit("table:fullscreen:enter")}catch(e){console.warn("Could not enter fullscreen:",e)}}async exitFullscreen(){try{document.exitFullscreen?await document.exitFullscreen():document.mozCancelFullScreen?await document.mozCancelFullScreen():document.webkitExitFullscreen?await document.webkitExitFullscreen():document.msExitFullscreen&&await document.msExitFullscreen(),this.isFullscreen=!1,this.element.classList.remove("table-fullscreen"),this.updateFullscreenButton(),this.emit("table:fullscreen:exit")}catch(e){console.warn("Could not exit fullscreen:",e)}}updateFullscreenButton(){const e=this.element?.querySelector(".btn-fullscreen"),t=e?.querySelector("i");e&&t&&(this.isFullscreen?(t.className="bi bi-fullscreen-exit",e.title="Exit Fullscreen"):(t.className="bi bi-fullscreen",e.title="Enter Fullscreen"))}setupFullscreenListeners(){if(this._fullscreenHandler)return;const e=()=>{!(document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement||document.msFullscreenElement)&&this.isFullscreen&&(this.isFullscreen=!1,this.element.classList.remove("table-fullscreen"),this.updateFullscreenButton(),this.emit("table:fullscreen:exit"))};document.addEventListener("fullscreenchange",e),document.addEventListener("mozfullscreenchange",e),document.addEventListener("webkitfullscreenchange",e),document.addEventListener("msfullscreenchange",e),this._fullscreenHandler=e}cleanupFullscreenListeners(){this._fullscreenHandler&&(document.removeEventListener("fullscreenchange",this._fullscreenHandler),document.removeEventListener("mozfullscreenchange",this._fullscreenHandler),document.removeEventListener("webkitfullscreenchange",this._fullscreenHandler),document.removeEventListener("msfullscreenchange",this._fullscreenHandler),this._fullscreenHandler=null)}destroy(){this.cleanupFullscreenListeners(),super.destroy()}async onActionRefresh(e,t){await this.refresh()}async onActionAdd(e,t){if(this.options.onAdd)return this.emit("table:add",{event:e}),void(await this.options.onAdd(e));this.emit("table:add",{event:e});const n=this.getModelClass();if(!n)return void console.warn("Cannot determine Model class for add operation");let l=this.getAddFormConfig(n);if(l){const e=new n;l.fields||(l={title:`Add ${this.getModelName()}`,fields:l});const t=await i.default.form({model:e,...l,...this.getFormDialogConfig(n)});if(t){this.options.addRequiresActiveGroup&&(t.group=this.getApp().activeGroup.id),this.options.addRequiresActiveUser&&(t.user=this.getApp().activeUser.id),this.options.addFormDefaults&&Object.assign(t,this.options.addFormDefaults);const s=await e.save(t);if(!s?.data.status)return void i.default.showError(s?.data.error||"An error occurred");this.collection&&this.collection.add(e),await this.refresh()}}else{const e=new n,t=await i.default.dialog({title:`Add ${this.getModelName()}`,body:new s.FormView({model:e,fields:this.options.formFields||[]})});if(t){const s=await e.save(t);if(!s?.data.status)return void i.default.showError(s.data.error||"An error occurred");this.collection&&this.collection.add(e),await this.refresh()}}}async onActionExport(e,t){const i=t.getAttribute("data-format")||"json";this.emit("table:export",{format:i,source:this.exportSource,event:e}),"remote"===this.exportSource?this.collection?await this.collection.download(i):console.warn("TableView: Cannot export from remote without a collection."):this.options.onExport?await this.options.onExport(this.collection?.toJSON()||[],i):console.warn("TableView: onExport handler not implemented for local export.")}async onActionApplySearch(e,t){const i=t.value.trim();this.collection&&(this.setFilter("search",i),this.collection.params.start=0,this.collection.restEnabled?await this.collection.fetch():await this.render()),this.updateFilterPills(),this.emit("table:search",{searchTerm:i,event:e}),this.emit("params-changed")}async onActionClearSearch(e,t){this.setFilter("search",null),this.collection&&(this.collection.params.start=0,this.collection.restEnabled&&await this.collection.fetch()),await this.render(),this.updateFilterPills(),this.emit("table:search",{searchTerm:"",event:e}),this.emit("params-changed")}getSortBy(){const e=this.collection?.params?.sort;return e?e.startsWith("-")?e.slice(1):e:null}getSortDirection(){const e=this.collection?.params?.sort;return e&&e.startsWith("-")?"desc":"asc"}getSortIcon(e){return"asc"===e?'<i class="bi bi-sort-alpha-down text-primary"></i>':"desc"===e?'<i class="bi bi-sort-alpha-down-alt text-primary"></i>':'<i class="bi bi-three-dots-vertical text-muted"></i>'}async onActionSort(e,t){e.preventDefault();const i=t.getAttribute("data-field"),s=t.getAttribute("data-direction");if(this.collection){let e;if(e="none"===s?void 0:"desc"===s?`-${i}`:i,this.collection.setParams({...this.collection.params,sort:e,start:0}),this.collection.restEnabled)await this.collection.fetch();else{if(e){const t=e.startsWith("-"),i=t?e.slice(1):e;this.collection.sort((e,s)=>{const n=e.get(i),l=s.get(i);return n<l?t?1:-1:n>l?t?-1:1:0})}this.render()}}this.updateSortIcons(),this.emit("table:sort",{field:i,event:e}),this.emit("params-changed")}updateSortIcons(){if(!this.element)return;const e=this.getSortBy(),t=this.getSortDirection();this.columns.forEach(i=>{if(this.sortable&&!1!==i.sortable){const{fieldKey:s}=this.parseColumnKey(i.key),n=this.element.querySelector(`[data-bs-toggle="dropdown"][data-column="${s}"]`);if(n){const i=e===s,l=this.getSortIcon(i?t:null);n.innerHTML=l;const a=n.nextElementSibling;if(a){const n=a.querySelector(`[data-field="${s}"][data-direction="asc"]`),l=a.querySelector(`[data-field="${s}"][data-direction="desc"]`),o=a.querySelector(`[data-field="${s}"][data-direction="none"]`);n&&n.classList.toggle("active",i&&"asc"===t),l&&l.classList.toggle("active",i&&"desc"===t),o&&o.classList.toggle("active",!i||e!==s)}}}})}async onActionSelectAll(e,t){e.stopPropagation();const i=this.itemViews.size>0&&Array.from(this.itemViews.values()).every(e=>e.selected);i?this.clearSelection():this.forEachItem(e=>{e.selected||e.select()});const s=this.element?.querySelector(".mojo-select-all-cell");s&&s.classList.toggle("selected",!i),this.updateBatchActionsPanel()}async onBeforeRender(){this.searchValue=this.getActiveFilters().search||"",this.footerTotals=this.calculateFooterTotals()}async onAfterRender(){if(await super.onAfterRender(),this.hasFooterTotals&&this.updateFooterTotals(),this.paginated&&this.collection){const e=this.collection.meta?.count||this.collection.length(),t=this.collection.params?.start||0,i=this.collection.params?.size||10,s=Math.min(t+i,e),n=this.element.querySelector('[data-value="start"]'),l=this.element.querySelector('[data-value="end"]'),a=this.element.querySelector('[data-value="total"]');n&&(n.textContent=t+1),l&&(l.textContent=s),a&&(a.textContent=e);const o=this.element.querySelector('[data-change-action="page-size"]');o&&(o.value=i),this.renderPagination()}this.updateSortIcons(),this.updateFilterPills(),this.setupSearchClearListener()}renderPagination(){const e=this.element.querySelector('[data-container="pagination"]');if(!e||!this.collection)return;const t=this.collection.meta?.count||this.collection.length(),i=this.collection.params?.size||10,s=this.collection.params?.start||0,n=Math.floor(s/i)+1,l=Math.ceil(t/i);if(l<=1)return void(e.innerHTML="");const a=n>1?n-1:l,o=n<l?n+1:1,r=[];r.push(`\n      <li class="page-item">\n        <a class="page-link" href="#" data-action="page" data-page="${a}">\n          <i class="bi bi-chevron-left"></i>\n        </a>\n      </li>\n    `);const c=/* @__PURE__ */new Set([1,l]);for(let u=n-1;u<=n+1;u++)u>=1&&u<=l&&c.add(u);const d=Array.from(c).sort((e,t)=>e-t);let h=0;for(const u of d)h&&u-h>1&&r.push('\n          <li class="page-item disabled"><span class="page-link">…</span></li>\n        '),r.push(`\n        <li class="page-item ${u===n?"active":""}">\n          <a class="page-link" href="#" data-action="page" data-page="${u}">${u}</a>\n        </li>\n      `),h=u;r.push(`\n      <li class="page-item">\n        <a class="page-link" href="#" data-action="page" data-page="${o}">\n          <i class="bi bi-chevron-right"></i>\n        </a>\n      </li>\n    `),e.innerHTML=r.join("")}async onActionPage(e,t){e.preventDefault();const i=parseInt(t.getAttribute("data-page"),10),s=this.collection.params?.size||10,n=this.collection.meta?.count||this.collection.length(),l=Math.max(1,Math.ceil(n/s));let a=isNaN(i)?1:i;a<1&&(a=l),a>l&&(a=1),this.collection.setParams({...this.collection.params,start:(a-1)*s}),this.collection.restEnabled?await this.collection.fetch():this.render(),this.emit("table:page",{page:a,event:e}),this.emit("params-changed")}async onChangePageSize(e,t){const i=parseInt(t.value);this.collection&&(this.collection.setParams({...this.collection.params,start:0,size:i}),this.collection.restEnabled&&await this.collection.fetch(),this.render()),this.emit("table:pagesize",{size:i,event:e}),this.emit("params-changed")}getActiveFilters(){if(!this.collection?.params)return{};const{start:e,size:t,sort:i,...s}=this.collection.params,n={},l=/* @__PURE__ */new Set;return this.getAllAvailableFilters().forEach(e=>{if("daterange"===e.config.type){const t=e.key,i=e.config.startName||"dr_start",a=e.config.endName||"dr_end",o=e.config.fieldName||"dr_field";s[o]===t&&(s[i]||s[a])&&(n[t]={start:s[i]||"",end:s[a]||""},l.add(i),l.add(a),l.add(o))}}),Object.keys(s).forEach(e=>{l.has(e)||(n[e]=s[e])}),Object.keys(n).forEach(e=>{if(n.hasOwnProperty(e)){const t=`${e}__in`;n.hasOwnProperty(t)&&(delete n[e],n[t]=n[t])}}),n}setFilter(e,t){if(!this.collection)return;const i=this.getFilterConfig(e);if(i&&"daterange"===i.type){const s=i.startName||"dr_start",n=i.endName||"dr_end",l=i.fieldName||"dr_field";delete this.collection.params[s],delete this.collection.params[n],delete this.collection.params[l],t&&"object"==typeof t&&(t.start||t.end)&&(t.start&&(this.collection.params[s]=t.start),t.end&&(this.collection.params[n]=t.end),this.collection.params[l]=e)}else{const{field:i,lookup:s}=a(e);if(delete this.collection.params[e],delete this.collection.params[i],delete this.collection.params[`${i}__in`],!t||Array.isArray(t)&&0===t.length)return;Array.isArray(t)?1===t.length?this.collection.params[i]=t[0]:this.collection.params[`${i}__in`]=t.join(","):this.collection.params[e]=t}}getAllAvailableFilters(){const e=[];return this.columns.forEach(t=>{if(t.filter){const{fieldKey:i}=this.parseColumnKey(t.key);e.push({key:i,label:t.filter.label||t.label||i,type:t.filter.type,config:t.filter})}}),this.additionalFilters&&Array.isArray(this.additionalFilters)&&this.additionalFilters.forEach(t=>{e.push({key:t.name||t.key,label:t.label,type:t.type,config:t})}),e}getFilterConfig(e){const t=this.columns.find(t=>{const{fieldKey:i}=this.parseColumnKey(t.key);return i===e});if(t&&t.filter)return t.filter;if(this.additionalFilters&&Array.isArray(this.additionalFilters)){const t=this.additionalFilters.find(t=>(t.name||t.key)===e);if(t)return t}return null}getFilterLabel(e){if("search"===e)return"Search";const t=this.filters[e];if(t&&t.label)return t.label;const i=this.additionalFilters.find(t=>(t.name||t.key)===e);return i&&i.label?i.label:e.charAt(0).toUpperCase()+e.slice(1)}getFilterDisplayValue(e,t){if("search"===e)return`"${t}"`;const i=this.filters[e]||this.additionalFilters.find(t=>(t.name||t.key)===e);if(i&&"daterange"===i.type&&"object"==typeof t)return`${t.start||""} to ${t.end||""}`;if(i&&"select"===i.type&&i.options){if("object"==typeof i.options[0]){const e=i.options.find(e=>e.value===t);return e?e.label:t}return t}return t}getFilterIcon(e){return{text:"search",select:"funnel",date:"calendar",daterange:"calendar-range",number:"123",boolean:"toggle-on"}[e]||"filter"}async onActionAddFilter(e,t){const s=t.getAttribute("data-filter-key"),n=this.getFilterConfig(s),l=this.getActiveFilters()[s];if(!n)return void console.warn("No filter config found for key:",s);const a=await i.default.form({title:`${void 0!==l&&""!==l?"Edit":"Add"} ${this.getFilterLabel(s)} Filter`,size:"md",fields:[this.buildFilterDialogField(n,l,s)]});if(a){const e=this.extractFilterValue(n,a);this.setFilter(s,e),await this.applyFilters()}}buildFilterDialogField(e,t,i){const s={name:"filter_value",label:e.label,value:t,...e,placeholder:e.placeholder||e.placeHolder};if("daterange"===e.type){if(s.startName=s.startName||"dr_start",s.endName=s.endName||"dr_end",s.fieldName=s.fieldName||"dr_field",s.format=s.format||"YYYY-MM-DD",s.displayFormat=s.displayFormat||"MMM DD, YYYY",s.separator=s.separator||" to ",s.label=s.label||"Date Range",t&&"object"==typeof t){const e=e=>{if(!e&&0!==e)return"";if(e instanceof Date&&!isNaN(e))return e.toISOString().slice(0,10);const t=String(e).trim();if(!t)return"";if(/^-?\d+$/.test(t)){const e=Number(t),i=t.length<=10?1e3*e:e,s=new Date(i);if(!isNaN(s))return s.toISOString().slice(0,10)}const i=new Date(t);return isNaN(i)?t:i.toISOString().slice(0,10)};s.startDate=e(t.start||t.from||t.begin||""),s.endDate=e(t.end||t.to||t.finish||"")}}else if("multiselect"===e.type){let i=[];t&&(Array.isArray(t)?i=t:"string"==typeof t&&(i=t.split(",").map(e=>e.trim()).filter(e=>e))),s.value=i,s.placeholder||s.placeHolder||(e.placeholder||e.placeHolder?s.placeholder=e.placeholder||e.placeHolder:e.label&&(s.placeholder=`Select ${e.label}...`))}return s}extractFilterValue(e,t){if("daterange"===e.type){const i=e.startName||"dr_start",s=e.endName||"dr_end";return{start:t[i],end:t[s]}}return e.type,t.filter_value}async applyFilters(){if(this.collection&&(this.collection.params.start=0),this.collection?.restEnabled)try{await this.collection.fetch(),await this.render()}catch(e){console.error("Failed to fetch filtered data:",e),await this.render()}else await this.render();this.updateFilterPills(),this.emit("params-changed")}async onActionEditFilter(e,t){const s=t.getAttribute("data-filter"),{field:n}=a(s);let l=this.getFilterConfig(n)||this.getFilterConfig(s);const o=this.getActiveFilters(),r=o[s]||o[n];if(!l)return void console.warn("No filter config found for key:",s,"or field:",n);const c={filter_value:r};if("daterange"===l.type&&r&&"object"==typeof r){const e=l.startName||"dr_start",t=l.endName||"dr_end";c[e]=r.start||"",c[t]=r.end||""}const d=await i.default.form({title:`Edit ${this.getFilterLabel(n)} Filter`,size:"md",data:c,fields:[this.buildFilterDialogField(l,r,n)]});if(d){const e=this.extractFilterValue(l,d);this.setFilter(s,e),await this.applyFilters()}}async onActionRemoveFilter(e,t){const i=t.getAttribute("data-filter"),{field:s}=a(i);this.setFilter(i,null),"search"===i&&this.updateSearchInputs(""),this.collection.restEnabled&&await this.collection.fetch(),this.render(),this.updateFilterPills(),this.emit("filter:remove",{key:i,field:s}),this.emit("params-changed")}async onActionClearAllFilters(e,t){if(!this.collection)return;const{start:i,size:s,sort:n}=this.collection.params;this.collection.params={start:i,size:s},n&&(this.collection.params.sort=n),this.updateSearchInputs(""),this.collection.restEnabled&&await this.collection.fetch(),this.render(),this.updateFilterPills(),this.emit("filters:clear"),this.emit("params-changed")}updateBatchActionsPanel(){if(!this.batchActions||0===this.batchActions.length)return;const e=this.getSelectedItems().length;if("top"===this.batchBarLocation){const t=this.element?.querySelector(".batch-actions-panel-top"),i=this.element?.querySelector(".batch-select-count");t&&i&&(i.textContent=e,e>0?t.classList.remove("d-none"):t.classList.add("d-none"))}else{const t=this.element?.querySelector(".batch-actions-panel"),i=this.element?.querySelector(".batch-select-count");t&&i&&(i.textContent=e,t.style.display=e>0?"block":"none")}const t=this.element?.querySelector(".mojo-select-all-cell");if(t){const e=this.itemViews.size>0&&Array.from(this.itemViews.values()).every(e=>e.selected),i=Array.from(this.itemViews.values()).some(e=>e.selected);t.classList.toggle("selected",e),t.classList.toggle("indeterminate",!e&&i);const s=t.querySelector("i");s&&(s.className=!e&&i?"bi bi-dash":"bi bi-check")}}async onActionBatch(e,t){const i=t.getAttribute("data-action").replace("batch-",""),s=this.getSelectedItems();this.emit("batch:action",{action:i,items:s,event:e})}async onActionClearSelection(e,t){this.clearSelection(),this.updateBatchActionsPanel()}async onActionCustomToolbarButton(e,t){const i=parseInt(t.getAttribute("data-button-index"),10),s=this.toolbarButtons[i];s&&"function"==typeof s.handler&&await s.handler.call(this,e,t)}}const c=/* @__PURE__ */Object.freeze(/* @__PURE__ */Object.defineProperty({__proto__:null,default:TableView},Symbol.toStringTag,{value:"Module"}));function d(e){const t=e.replace(/-/g,"+").replace(/_/g,"/"),i=t+"=".repeat((4-t.length%4)%4);return Uint8Array.from(atob(i),e=>e.charCodeAt(0))}function h(e){return btoa(String.fromCharCode(...new Uint8Array(e))).replace(/\+/g,"-").replace(/\//g,"_").replace(/=/g,"")}class Passkey extends e.Model{constructor(e={},t={}){super(e,{endpoint:"/api/account/passkeys",...t})}static suggestName(){const e=navigator.userAgent;let t="Device";/iPad/.test(e)?t="iPad":/iPhone/.test(e)?t="iPhone":/Macintosh|MacIntel/.test(e)?t="Mac":/Android/.test(e)?t="Android":/Windows/.test(e)?t="Windows PC":/Linux/.test(e)&&(t="Linux");let i="";return/Edg\//.test(e)?i="Edge":/Chrome\//.test(e)&&!/Chromium/.test(e)?i="Chrome":/Safari\//.test(e)&&!/Chrome/.test(e)?i="Safari":/Firefox\//.test(e)&&(i="Firefox"),i?`${t} — ${i}`:t}static async register(e){const t=await Passkey.registerBegin();if(!t?.data?.challenge_id||!t?.data?.publicKey)return{success:!1,error:t?.error||"Could not start registration."};const{challenge_id:i,publicKey:s}=t.data;"string"==typeof s.challenge&&(s.challenge=d(s.challenge)),"string"==typeof s.user?.id&&(s.user.id=d(s.user.id)),s.excludeCredentials&&(s.excludeCredentials=s.excludeCredentials.map(e=>({...e,id:"string"==typeof e.id?d(e.id):e.id})));const n=await navigator.credentials.create({publicKey:s});if(!n)return{success:!1,error:"Passkey creation was cancelled."};const l={id:n.id,rawId:h(n.rawId),type:n.type,response:{clientDataJSON:h(n.response.clientDataJSON),attestationObject:h(n.response.attestationObject)}};n.response.getTransports&&(l.transports=n.response.getTransports());const a=await Passkey.registerComplete({challenge_id:i,credential:l,friendly_name:e||"My Passkey"});return a?.data?.id?{success:!0,passkey:a.data}:{success:!1,error:a?.error||"Registration could not be completed."}}static async registerBegin(t={}){try{return await e.rest.POST("/api/account/passkeys/register/begin",{},t.params,{dataOnly:!0})}catch(i){return{success:!1,error:i?.message||"Failed to begin passkey registration"}}}static async registerComplete(t={},i={}){if(!t.challenge_id||!t.credential)return{success:!1,error:"Missing challenge_id or credential data"};try{return await e.rest.POST("/api/account/passkeys/register/complete",t,i.params,{dataOnly:!0})}catch(s){return{success:!1,error:s?.message||"Failed to complete passkey registration"}}}}class PasskeyList extends e.Collection{constructor(e={}){super({ModelClass:Passkey,endpoint:"/api/account/passkeys",size:10,...e})}}exports.DjangoLookups=r,exports.LOOKUPS=l,exports.Log=Log,exports.LogList=LogList,exports.Member=Member,exports.MemberForms=n,exports.MemberList=MemberList,exports.Passkey=Passkey,exports.PasskeyForms={edit:{fields:[{name:"friendly_name",type:"text",label:"Name",placeholder:"My iPhone",required:!0,columns:12,help:"A friendly name to identify this passkey"},{name:"is_enabled",type:"switch",label:"Enabled",columns:12,help:"Disable to prevent this passkey from being used for authentication"}]}},exports.PasskeyList=PasskeyList,exports.TableRow=TableRow,exports.TableView=TableView,exports.TableView$1=c,exports.formatFilterDisplay=o,exports.parseFilterKey=a;
-//# sourceMappingURL=Passkeys-BIV_WQTC.js.map
+"use strict";const e=require("./Collection-CyK0u557.js"),t=require("./ListView-Jkke6pU1.js"),i=require("./Modal-jWZGSSOo.js"),s=require("./FormView-DEROOklJ.js");class Log extends e.Model{constructor(e={}){super(e,{endpoint:"/api/logs"})}}class LogList extends e.Collection{constructor(e={}){super({ModelClass:Log,endpoint:"/api/logs",size:10,...e})}}class Member extends e.Model{constructor(e={}){super(e,{endpoint:"/api/group/member"})}hasPermission(e){if(Array.isArray(e))return e.some(e=>this.hasPermission(e));const t=this.get("permissions");return!!t&&1==t[e]}async fetchForGroup(e){return await this.fetch({url:`/api/group/${e}/member`})}}class MemberList extends e.Collection{constructor(e={}){super({ModelClass:Member,endpoint:"/api/group/member",size:10,...e})}}const n={edit:{title:"Edit Membership",fields:[{name:"user.display_name",type:"text",label:"Display Name",placeholder:"Enter Display Name"},{name:"metadata.role",type:"text",label:"Role",placeholder:"Enter role"},{name:"is_active",type:"switch",label:"Is Enabled",columns:12}]}};Member.PERMISSIONS=[{name:"manage_group",label:"Group Admin"},{name:"view_metrics",label:"View Metrics"},{name:"view_logs",label:"View Logs"},{name:"view_tickets",label:"View Tickets"},{name:"view_members",label:"View Members"},{name:"manage_members",label:"Manage Members"},{name:"view_billing",label:"View Billing"}],Member.PERMISSION_FIELDS=[...Member.PERMISSIONS.map(e=>({name:`permissions.${e.name}`,type:"switch",label:e.label,columns:6}))],Member.EDIT_FORM=n.edit,Member.ADD_FORM=n.create;class TableRow extends t.ListViewItem{constructor(e={}){super({tagName:"tr",className:"table-row",enableTooltips:!0,...e}),this.columns=e.columns||[],this.actions=e.actions||null,this.contextMenu=e.contextMenu||null,this.batchActions=e.batchActions||null,this.tableView=e.tableView||e.listView||null,this.editingCells=/* @__PURE__ */new Set,this.template=this.buildRowTemplate()}getResponsiveClasses(e){if(!e)return"";const t=["sm","md","lg","xl","xxl"];if("string"==typeof e)return t.includes(e)?`d-none d-${e}-table-cell`:(console.warn(`Invalid visibility breakpoint: ${e}. Valid options are: ${t.join(", ")}`),"");if("object"==typeof e){const i=[];if(e.hide){if(!t.includes(e.hide))return console.warn(`Invalid hide breakpoint: ${e.hide}. Valid options are: ${t.join(", ")}`),"";i.push(`d-table-cell d-${e.hide}-none`)}if(e.show){if(!t.includes(e.show))return console.warn(`Invalid show breakpoint: ${e.show}. Valid options are: ${t.join(", ")}`),"";e.hide?i.push(`d-${e.show}-table-cell`):i.push(`d-none d-${e.show}-table-cell`)}return i.join(" ")}return""}buildRowTemplate(){let e="";return this.tableView&&this.tableView.isSelectable()&&(e+='\n        <td style="padding: 0;">\n          <div class="mojo-select-cell {{#selected}}selected{{/selected}}"\n               data-action="select">\n            <div class="mojo-checkbox">\n              <i class="bi bi-check"></i>\n            </div>\n          </div>\n        </td>\n      '),this.columns.forEach((t,i)=>{const s=[t.class||t.className||"",this.getResponsiveClasses(t.visibility),t.editable?"editable-cell":""].filter(e=>e).join(" "),n=this.buildCellTemplate(t,i);let l=t.action;!l&&t.editable?l="edit-cell":!l&&this.tableView.rowAction&&(l=this.tableView.rowAction),e+=l?`<td class="${s}" data-action="${l}" data-column="${t.key}">${n}</td>`:`<td class="${s}" data-column="${t.key}">${n}</td>`}),this.actions?e+=this.buildActionsTemplate():this.contextMenu&&(e+=this.buildContextMenuTemplate()),e}buildCellTemplate(e,t=0){const i=`model.${e.key}`,s=e.formatter||e.format;if(s){if("string"==typeof s)return`{{{${i}|${s}}}}`;if("function"==typeof s)return`<span data-formatter="${e.key}" data-formatter-id="${t}">{{${i}}}</span>`}return e.template?e.template:e.editable?`<span class="cell-content" data-field="${e.key}">{{{${i}}}}</span>`:`{{{${i}}}}`}buildActionsTemplate(){return this.actions&&0!==this.actions.length?`<td><div class="btn-group btn-group-sm">${this.actions.map(e=>{if("string"==typeof e)switch(e){case"view":return'\n              <button class="btn btn-sm btn-outline-primary"\n                      data-action="view"\n                      title="View">\n                <i class="bi bi-eye"></i>\n              </button>\n            ';case"edit":return'\n              <button class="btn btn-sm btn-outline-secondary"\n                      data-action="edit"\n                      title="Edit">\n                <i class="bi bi-pencil"></i>\n              </button>\n            ';case"delete":return'\n              <button class="btn btn-sm btn-outline-danger"\n                      data-action="delete"\n                      title="Delete">\n                <i class="bi bi-trash"></i>\n              </button>\n            ';default:return""}else if("object"==typeof e)return`\n          <button class="btn btn-sm ${e.class||"btn-outline-primary"}"\n                  data-id="${this.model.id}"\n                  data-action="${e.action}"\n                  title="${e.label||""}">\n            ${e.icon?`<i class="${e.icon}"></i>`:""}\n            ${e.label&&!e.icon?e.label:""}\n          </button>\n        `;return""}).join("")}</div></td>`:""}buildContextMenuTemplate(){return this.contextMenu&&0!==this.contextMenu.length?`\n      <td class="text-end" style="width: 1px;">\n        <div class="dropdown">\n          <button class="btn btn-sm btn-link border-0"\n                  type="button"\n                  data-bs-toggle="dropdown"\n                  aria-expanded="false"\n                  style="color: #6c757d;">\n            <i class="bi bi-three-dots-vertical"></i>\n          </button>\n          <ul class="dropdown-menu dropdown-menu-end shadow-sm">\n            ${this.buildContextMenuItems()}\n          </ul>\n        </div>\n      </td>\n    `:""}buildContextMenuItems(){return this.contextMenu.map(e=>{if(e.separator||e.divider)return'<li><hr class="dropdown-divider"></li>';let t="dropdown-item";return("delete"===e.action||e.danger)&&(t+=" text-danger"),e.disabled&&(t+=" disabled"),`\n        <li>\n          <a class="${t}" href="#"\n             data-id="{{model.id}}"\n             data-action="${e.action}"\n             ${e.disabled?'aria-disabled="true" tabindex="-1"':""}>\n            ${e.icon?`<i class="${e.icon} me-2"></i>`:""}\n            ${e.label}\n          </a>\n        </li>\n      `}).join("")}async onAfterRender(){await super.onAfterRender(),this.columns.forEach((e,t)=>{if(e.formatter&&"function"==typeof e.formatter){let s=this.element.querySelector(`[data-formatter-id="${t}"]`);if(s||(s=this.element.querySelector(`[data-formatter="${e.key}"]`)),s){const t=this.model.get?this.model.get(e.key):this.model[e.key],n={value:t,row:this.model,model:this.model,column:e,table:this.tableView,index:this.index};try{s.innerHTML=e.formatter(t,n)}catch(i){console.error(`Error formatting cell for column ${e.key}:`,i)}}}}),this.selected&&this.element.classList.add("selected");const e=this.model.get?this.model.get("id"):this.model.id;e&&this.element.setAttribute("data-id",e)}async onActionEditCell(e,t){e.stopPropagation();const i=t.getAttribute("data-column"),s=this.columns.find(e=>e.key===i);s&&s.editable&&(this.editingCells.has(i)||await this.enterEditMode(i,s,t))}async onActionRowClick(e,t){e.target.closest(".btn-group")||e.target.closest(".dropdown")||e.target.closest(".cell-editor")||(this.emit("row:click",{row:this,model:this.model,column:t.getAttribute("data-column"),event:e}),this.tableView&&this.tableView.emit("row:click",{row:this,model:this.model,column:t.getAttribute("data-column"),event:e}))}async onActionView(e,t){e.stopPropagation(),this.emit("row:view",{row:this,model:this.model,event:e}),this.tableView&&this.tableView.emit("row:view",{row:this,model:this.model,event:e})}async onActionEdit(e,t){return e.stopPropagation(),this.emit("row:edit",{row:this,model:this.model,event:e}),this.tableView&&this.tableView.emit("row:edit",{row:this,model:this.model,event:e}),!0}async onActionDelete(e,t){e.stopPropagation(),this.emit("row:delete",{row:this,model:this.model,event:e}),this.tableView&&this.tableView.emit("row:delete",{row:this,model:this.model,event:e})}async enterEditMode(e,t,i){const s=i.querySelector(".cell-content");if(!s)return;this.editingCells.add(e);const n=this.model.get?this.model.get(e):this.model[e],l=this.createCellEditor(t,n),a=s.innerHTML;s.style.display="none";const o=document.createElement("div");o.className="cell-editor",o.innerHTML=l,i.appendChild(o);const r=o.querySelector("input, select, .form-check-input");r&&(r.focus(),"text"!==r.type&&"textarea"!==r.type||r.select()),o.dataset.originalContent=a,o.dataset.columnKey=e,this.setupEditorEvents(o,e,t),this.emit("cell:edit",{row:this,model:this.model,column:e,originalValue:n})}createCellEditor(e,t){const i=e.editableOptions||{};switch(i.type){case"select":return this.createSelectEditor(i,t);case"switch":case"checkbox":return this.createSwitchEditor(i,t);case"textarea":return this.createTextareaEditor(i,t);default:return this.createTextEditor(i,t)}}createTextEditor(e,t){const i=e.placeholder||"";return`\n      <div class="d-flex gap-1 align-items-center">\n        <input type="${e.inputType||"text"}"\n               class="form-control form-control-sm cell-input"\n               value="${this.escapeHtml(t||"")}"\n               placeholder="${i}">\n        <button type="button" class="btn btn-sm btn-success cell-save" title="Save">\n          <i class="bi bi-check"></i>\n        </button>\n        <button type="button" class="btn btn-sm btn-outline-secondary cell-cancel" title="Cancel">\n          <i class="bi bi-x"></i>\n        </button>\n      </div>\n    `}createTextareaEditor(e,t){const i=e.placeholder||"";return`\n      <div class="d-flex gap-1">\n        <textarea class="form-control form-control-sm cell-input"\n                  rows="${e.rows||2}"\n                  placeholder="${i}">${this.escapeHtml(t||"")}</textarea>\n        <div class="d-flex flex-column gap-1">\n          <button type="button" class="btn btn-sm btn-success cell-save" title="Save">\n            <i class="bi bi-check"></i>\n          </button>\n          <button type="button" class="btn btn-sm btn-outline-secondary cell-cancel" title="Cancel">\n            <i class="bi bi-x"></i>\n          </button>\n        </div>\n      </div>\n    `}createSelectEditor(e,t){const i=e.options||[];let s="";return i.forEach(e=>{if("string"==typeof e)s+=`<option value="${e}" ${e===t?"selected":""}>${e}</option>`;else if("object"==typeof e&&void 0!==e.value){const i=e.value===t?"selected":"";s+=`<option value="${e.value}" ${i}>${e.label||e.value}</option>`}}),`\n      <div class="d-flex gap-1 align-items-center">\n        <select class="form-select form-select-sm cell-input">\n          ${s}\n        </select>\n        <button type="button" class="btn btn-sm btn-success cell-save" title="Save">\n          <i class="bi bi-check"></i>\n        </button>\n        <button type="button" class="btn btn-sm btn-outline-secondary cell-cancel" title="Cancel">\n          <i class="bi bi-x"></i>\n        </button>\n      </div>\n    `}createSwitchEditor(e,t){const i=t?"checked":"";return`\n      <div class="d-flex gap-2 align-items-center">\n        <div class="form-check ${"switch"===e.type?"form-switch":""}">\n          <input class="form-check-input cell-input" type="checkbox" ${i}>\n        </div>\n        <div class="d-flex gap-1">\n          <button type="button" class="btn btn-sm btn-success cell-save" title="Save">\n            <i class="bi bi-check"></i>\n          </button>\n          <button type="button" class="btn btn-sm btn-outline-secondary cell-cancel" title="Cancel">\n            <i class="bi bi-x"></i>\n          </button>\n        </div>\n      </div>\n    `}setupEditorEvents(e,t,i){const s=e.querySelector(".cell-input"),n=e.querySelector(".cell-save"),l=e.querySelector(".cell-cancel");!s||"text"!==s.type&&"email"!==s.type&&"number"!==s.type||s.addEventListener("keydown",s=>{"Enter"===s.key?(s.preventDefault(),this.saveCellEdit(e,t,i)):"Escape"===s.key&&(s.preventDefault(),this.cancelCellEdit(e,t))}),!s||"checkbox"!==s.type&&"SELECT"!==s.tagName||!1===i.autoSave||s.addEventListener("change",()=>{this.saveCellEdit(e,t,i)}),n?.addEventListener("click",()=>{this.saveCellEdit(e,t,i)}),l?.addEventListener("click",()=>{this.cancelCellEdit(e,t)})}async saveCellEdit(e,t,i){const s=e.querySelector(".cell-input");if(!s)return;let n;n="checkbox"===s.type?s.checked:(s.tagName,s.value);const l=this.model.get?this.model.get(t):this.model[t];try{this.model.save?await this.model.save({[t]:n}):this.model[t]=n,this.exitEditMode(e,t,n),this.emit("cell:save",{row:this,model:this.model,column:t,oldValue:l,newValue:n})}catch(a){console.error("Failed to save cell edit:",a),this.emit("cell:save:error",{row:this,model:this.model,column:t,oldValue:l,newValue:n,error:a}),e.classList.add("saving-error"),setTimeout(()=>e.classList.remove("saving-error"),3e3)}}cancelCellEdit(e,t){const i=e.dataset.originalContent;this.exitEditMode(e,t,null,i),this.emit("cell:cancel",{row:this,model:this.model,column:t})}exitEditMode(t,i,s=null,n=null){const l=t.closest("td").querySelector(".cell-content");if(l){if(null!==s){const t=this.columns.find(e=>e.key===i);let n=s;t&&t.formatter&&"string"==typeof t.formatter&&(n=e.dataFormatter.pipe(s,t.formatter)),l.innerHTML=this.escapeHtml(n)}else n&&(l.innerHTML=n);l.style.display=""}t.remove(),this.editingCells.delete(i)}escapeHtml(e){if(null==e)return"";const t=document.createElement("div");return t.textContent=e,t.innerHTML}select(){super.select(),this.addClass("selected");const e=this.element?.querySelector(".mojo-select-cell");e&&e.classList.add("selected")}deselect(){super.deselect(),this.removeClass("selected");const e=this.element?.querySelector(".mojo-select-cell");e&&e.classList.remove("selected")}}const l={exact:{display:"is",description:"Exact match"},in:{display:"in",description:"Match any of the values (comma-separated)"},not:{display:"is not",description:"Does not match"},not_in:{display:"not in",description:"Does not match any of the values"},gt:{display:">",description:"Greater than"},gte:{display:">=",description:"Greater than or equal to"},lt:{display:"<",description:"Less than"},lte:{display:"<=",description:"Less than or equal to"},contains:{display:"contains",description:"Contains substring (case-sensitive)"},icontains:{display:"contains",description:"Contains substring (case-insensitive)"},startswith:{display:"starts with",description:"Starts with substring (case-sensitive)"},istartswith:{display:"starts with",description:"Starts with substring (case-insensitive)"},endswith:{display:"ends with",description:"Ends with substring (case-sensitive)"},iendswith:{display:"ends with",description:"Ends with substring (case-insensitive)"},isnull:{display:e=>"true"===e||!0===e?"is null":"is not null",description:"Check if value is null or not"},range:{display:"between",description:"Between two values (comma-separated)"}};function a(e){if(!e||"string"!=typeof e)return{field:e,lookup:null};const t=e.split("__");if(1===t.length)return{field:e,lookup:null};const i=t[t.length-1];return l[i]?{field:t.slice(0,-1).join("__"),lookup:i}:{field:e,lookup:null}}function o(e,t,i){if(!e||null==t)return"";const{field:s,lookup:n}=a(e),o=l[n];if(t&&"object"==typeof t&&!Array.isArray(t)){const e=void 0!==t.start&&null!==t.start&&""!==t.start,s=void 0!==t.end&&null!==t.end&&""!==t.end;return e||s?e&&s?`${i} between '${t.start}' and '${t.end}'`:e?`${i} from '${t.start}'`:`${i} until '${t.end}'`:`${i} is '${JSON.stringify(t)}'`}const r=Array.isArray(t)?t.join(","):String(t);if(!n||"exact"===n)return`${i} is '${r}'`;if("in"===n||"not_in"===n){const e=r.split(",").map(e=>e.trim()).filter(e=>e);if(0===e.length)return`${i} ${o.display}`;const t=e.map(e=>`'${e}'`).join(", ");return`${i} ${o.display} ${t}`}if("range"===n){const e=r.split(",").map(e=>e.trim()).filter(e=>e);return 2===e.length?`${i} between '${e[0]}' and '${e[1]}'`:`${i} ${o.display} '${r}'`}return"isnull"===n?`${i} ${"function"==typeof o.display?o.display(r):o.display}`:o?`${i} ${o.display} '${r}'`:`${i} is '${r}'`}const r={LOOKUPS:l,parseFilterKey:a,formatFilterDisplay:o,getLookupDescription:function(e){const t=l[e];return t?t.description:"Exact match"},isValidLookup:function(e){return e&&l.hasOwnProperty(e)},getAvailableLookups:function(){return Object.keys(l)},buildFilterKey:function(e,t=null){return e?t?`${e}__${t}`:e:""}};class TableView extends t.ListView{constructor(e={}){super({className:"table-view-component",itemClass:e.itemClass||TableRow,selectionMode:e.selectable?"multiple":"none",emptyMessage:e.emptyMessage||"No data available",addButtonIcon:e.addButtonIcon||"bi bi-plus-circle",...e}),this.isFullscreen=!1,this.columns=e.columns||[],this.actions=e.actions||null,this.contextMenu=e.contextMenu||null,this.batchActions=e.batchActions||null,this.searchable=!1!==e.searchable,this.sortable=!1!==e.sortable,this.filterable=!1!==e.filterable,this.paginated=!1!==e.paginated,this.clickAction=e.clickAction||"view",this.itemView=e.itemView,this.addForm=e.addForm,this.editForm=e.editForm,this.deleteTemplate=e.deleteTemplate,this.formDialogConfig=e.formDialogConfig||{},this.viewDialogOptions=e.viewDialogOptions||{},this.exportOptions=e.exportOptions||null,this.options.showExport&&!this.exportOptions&&(this.exportOptions=[{format:"csv",label:"Export as CSV",icon:"bi bi-file-earmark-spreadsheet"},{format:"json",label:"Export as JSON",icon:"bi bi-file-earmark-code"}]),this.exportSource=e.exportSource||"remote",this.filters={},this.additionalFilters=e.filters||[],this.hideActivePills=!0===e.hideActivePills,this.hideActivePillNames=e.hideActivePillNames||[],this.rowAction=e.rowAction||"row-click",this.batchBarLocation=e.batchBarLocation||"bottom",this.options.addButtonLabel=e.addButtonLabel||"Add",this.toolbarButtons=e.toolbarButtons||[],this.tableOptions={striped:!0,bordered:!1,hover:!0,responsive:!1,size:null,...e.tableOptions},this.searchPlacement=e.searchPlacement||"toolbar",this.searchPlaceholder=e.searchPlaceholder||"Search...",this.initializeColumns(),this.extractColumnFilters(),this.footerTotalColumns=this.columns.filter(e=>!0===e.footer_total),this.hasFooterTotals=this.footerTotalColumns.length>0,this.template=this.buildTableTemplate(),this.setupCollectionListeners()}setupCollectionListeners(){this.hasFooterTotals&&this.collection&&this.collection.on("reset add remove change",()=>{this.updateFooterTotals()})}initializeColumns(){this.columns.forEach(e=>{!e.key&&e.name&&(e.key=e.name),e.label||e.title||(e.label=e.key.charAt(0).toUpperCase()+e.key.slice(1))})}getResponsiveClasses(e){if(!e)return"";const t=["sm","md","lg","xl","xxl"];if("string"==typeof e)return t.includes(e)?`d-none d-${e}-table-cell`:(console.warn(`Invalid visibility breakpoint: ${e}. Valid options are: ${t.join(", ")}`),"");if("object"==typeof e){const i=[];if(e.hide){if(!t.includes(e.hide))return console.warn(`Invalid hide breakpoint: ${e.hide}. Valid options are: ${t.join(", ")}`),"";i.push(`d-table-cell d-${e.hide}-none`)}if(e.show){if(!t.includes(e.show))return console.warn(`Invalid show breakpoint: ${e.show}. Valid options are: ${t.join(", ")}`),"";e.hide?i.push(`d-${e.show}-table-cell`):i.push(`d-none d-${e.show}-table-cell`)}return i.join(" ")}return""}parseColumnKey(e){const t=e.split("|");return{fieldKey:t[0],formatter:t[1]||null}}updateFooterTotals(){if(!this.hasFooterTotals||!this.element)return;const e=this.calculateFooterTotals();let t=0;this.columns.forEach(i=>{if(i.footer_total){const s=`col_${t}`,n=this.element.querySelector(`[data-total-column="${s}"]`);if(n&&e[s]){const t=this.parseColumnKey(i.key).formatter||i.formatter;let l;l=t&&"string"==typeof t?this.formatValue(e[s].value,t):e[s].value,n.textContent=l}t++}})}formatValue(t,i){try{return e.dataFormatter.pipe(t,i)}catch(s){return console.warn("Error formatting value:",s),t}}calculateFooterTotals(){if(!this.hasFooterTotals||!this.collection||0===this.collection.length)return{};const e={};return this.footerTotalColumns.forEach((t,i)=>{const{fieldKey:s,formatter:n}=this.parseColumnKey(t.key);let l=0;this.collection.forEach(e=>{const t=e.get?e.get(s):e[s],i=parseFloat(t)||0;l+=i}),t.key,this.collection.length,e[`col_${i}`]={value:l,formatter:n||t.formatter,fieldKey:s,originalKey:t.key}}),e}extractColumnFilters(){this.filters={},this.columns.forEach(e=>{if(e.filter){const{fieldKey:t}=this.parseColumnKey(e.key);this.filters[t]=e.filter}})}isSelectable(){return this.batchActions&&this.batchActions.length>0&&"multiple"==this.selectionMode}buildTableTemplate(){const e="top"===this.batchBarLocation?this.buildBatchActionsPanel():"",t="bottom"===this.batchBarLocation?this.buildBatchActionsPanel():"";return`\n      <div class="mojo-table-wrapper">\n        ${this.buildToolbarTemplate()}\n        ${e}\n        <div class="table-container"${(()=>{const e=this.tableOptions&&null!=this.tableOptions.fontSize?this.tableOptions.fontSize:this.options&&this.options.fontSize,t="sm"===e?"0.9rem":"xs"===e?"0.8rem":e?String(e):null;return t?` style="font-size: ${t};"`:""})()}>\n          {{#loading}}\n            <div class="mojo-table-loading d-flex justify-content-center align-items-center py-5">\n              <div class="spinner-border" role="status">\n                <span class="visually-hidden">Loading...</span>\n              </div>\n            </div>\n          {{/loading}}\n          {{^loading}}\n            {{#isEmpty}}\n              <div class="table-empty text-center py-5">\n                <i class="bi bi-inbox fa-2x mb-2 text-muted"></i>\n                <p class="text-muted">{{emptyMessage}}</p>\n              </div>\n            {{/isEmpty}}\n            {{^isEmpty}}\n              <table class="${this.buildTableClasses()}">\n                ${this.buildTableHeaderTemplate()}\n                <tbody data-container="items"></tbody>\n                ${this.hasFooterTotals?this.buildTableFooterTemplate():""}\n              </table>\n            {{/isEmpty}}\n          {{/loading}}\n        </div>\n        ${t}\n        ${this.buildPaginationTemplate()}\n      </div>\n    `}buildTableClasses(){let e=["table"];return this.tableOptions.striped&&e.push("table-striped"),this.tableOptions.bordered&&e.push("table-bordered"),this.tableOptions.hover&&e.push("table-hover"),this.tableOptions.responsive&&e.push("table-responsive"),this.tableOptions.background&&e.push(`table-${this.tableOptions.background}`),"sm"===this.tableOptions.size&&e.push("table-sm"),"lg"===this.tableOptions.size&&e.push("table-lg"),e.join(" ")}buildToolbarTemplate(){return this.searchable||this.filterable?`\n      <div class="table-action-buttons mb-3">\n        <div class="d-flex align-items-center gap-2">\n          ${this.buildActionButtonsTemplate()}\n          ${this.filterable?this.buildFilterDropdownTemplate():""}\n          ${this.searchable&&"toolbar"===this.searchPlacement?this.buildSearchTemplate():""}\n\n        </div>\n        <div data-container="filter-pills"></div>\n      </div>\n    `:""}buildActionButtonsTemplate(){let e=[];if(e.push('\n      <button class="btn btn-sm btn-outline-secondary btn-refresh"\n              data-action="refresh"\n              title="Refresh">\n        <i class="bi bi-arrow-clockwise"></i>\n      </button>\n    '),this.isFullscreenSupported()&&e.push('\n        <button class="btn btn-sm btn-outline-secondary btn-fullscreen"\n                data-action="toggle-fullscreen"\n                title="Toggle Fullscreen">\n          <i class="bi bi-fullscreen"></i>\n        </button>\n      '),this.options.showAdd&&e.push(`\n        <button class="btn btn-sm btn-success btn-add"\n                data-action="add"\n                title="${this.options.addButtonLabel}">\n          <i class="${this.options.addButtonIcon} me-1"></i>\n          <span class="d-none d-lg-inline">${this.options.addButtonLabel}</span>\n        </button>\n      `),this.options.showExport)if(this.exportOptions&&this.exportOptions.length>1){const t=this.exportOptions.map(e=>`\n          <li>\n            <a class="dropdown-item" href="#" data-action="export" data-format="${e.format}">\n              <i class="${e.icon||"bi bi-file-earmark-arrow-down"} me-2"></i>${e.label}\n            </a>\n          </li>\n        `).join("");e.push(`\n          <div class="dropdown">\n            <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button"\n                    data-bs-toggle="dropdown" aria-expanded="false" title="Export">\n              <i class="bi bi-download me-1"></i>\n              <span class="d-none d-lg-inline">Export</span>\n            </button>\n            <ul class="dropdown-menu">\n              ${t}\n            </ul>\n          </div>\n        `)}else{const t=this.exportOptions&&1===this.exportOptions.length?this.exportOptions[0].format:"json";e.push(`\n          <button class="btn btn-sm btn-outline-secondary btn-export"\n                  data-action="export"\n                  data-format="${t}"\n                  title="Export">\n            <i class="bi bi-download me-1"></i>\n            <span class="d-none d-lg-inline">Export</span>\n          </button>\n        `)}return this.toolbarButtons&&this.toolbarButtons.length>0&&this.toolbarButtons.forEach((t,i)=>{const{label:s="Button",icon:n="",action:l="",handler:a=null,variant:o="outline-secondary",title:r=s,className:c="",permissions:d=null}=t;if(d&&!this.checkPermissions(d))return;const h=n?`<i class="${n} me-1"></i>`:"",u=`<span class="d-none d-lg-inline">${s}</span>`;let m="";a?m=`data-action="custom-toolbar-button" data-button-index="${i}"`:l&&(m=`data-action="${l}"`);const p=`btn btn-sm btn-${o} ${c}`.trim();e.push(`\n          <button class="${p}"\n                  ${m}\n                  title="${r}">\n            ${h}${u}\n          </button>\n        `)}),e.join("")}buildSearchTemplate(){return'\n      <div class="flex-grow-1" style="max-width: 400px;">\n        <div class="input-group input-group-sm">\n          <span class="input-group-text">\n            <i class="bi bi-search"></i>\n          </span>\n          <input type="search"\n                 class="form-control"\n                 placeholder="{{searchPlaceholder}}"\n                 data-filter="search"\n                 data-change-action="apply-search"\n                 value="{{collection.params.search}}"\n                 aria-label="Search">\n          {{#searchValue}}\n            <button class="btn btn-outline-secondary" type="button"\n                    data-action="clear-search"\n                    title="Clear search">\n              <i class="bi bi-x"></i>\n            </button>\n          {{/searchValue}}\n        </div>\n      </div>\n    '}buildFilterDropdownTemplate(){return this.filters&&Object.keys(this.filters).length>0||this.additionalFilters&&this.additionalFilters.length>0?`\n      <div class="dropdown">\n        <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button"\n                data-bs-toggle="dropdown" aria-expanded="false">\n          <i class="bi bi-filter me-1"></i>\n          <span class="d-none d-lg-inline">Add Filter</span>\n        </button>\n        <div class="dropdown-menu" style="min-width: 250px;">\n          ${this.buildFilterList()}\n        </div>\n      </div>\n    `:""}buildFilterList(){const e=this.getAllAvailableFilters(),t=this.getActiveFilters();return 0===e.length?'<div class="dropdown-item-text text-muted">No filters available</div>':`\n      ${e.map(e=>{const i=t.hasOwnProperty(e.key),s=i?"active":"",n=this.getFilterIcon(e.type||e.config?.type);return`\n        <button class="dropdown-item ${s}"\n                data-action="add-filter"\n                data-filter-key="${e.key}">\n          <i class="bi bi-${n} me-2"></i>\n          ${e.label}\n          ${i?'<i class="bi bi-check-circle ms-auto"></i>':""}\n        </button>\n      `}).join("")}\n      ${Object.keys(t).length>0?'\n        <div class="dropdown-divider"></div>\n        <button class="dropdown-item text-danger" data-action="clear-all-filters">\n          <i class="bi bi-x-circle me-2"></i>Clear All Filters\n        </button>\n      ':""}\n    `}updateFilterPills(){const e=this.element?.querySelector('[data-container="filter-pills"]');if(!e)return;this.getActiveFilters();const t=this.buildActivePills();e.innerHTML=t}updateSearchInputs(e){const t=this.element?.querySelectorAll('[data-filter="search"]');t&&t.forEach(t=>{t.value=e||""})}buildActivePills(){if(this.hideActivePills)return"";const e=this.getActiveFilters(),t=e.search&&""!==e.search.toString().trim();let i=Object.entries(e).filter(([e,t])=>t&&""!==t.toString().trim()&&"search"!==e);return this.hideActivePillNames&&this.hideActivePillNames.length>0&&(i=i.filter(([e])=>!this.hideActivePillNames.includes(e))),0!==i.length||t?`\n      <div class="row mt-2">\n        <div class="col-12">\n          <div class="d-flex flex-wrap align-items-center">\n            ${i.map(([e,t])=>{const{field:i}=a(e);return`\n        <span class="badge bg-primary me-1 mb-1 py-1 px-2 position-relative" style="font-size: 0.75rem;">\n          <i class="bi bi-filter me-1" style="font-size: 0.65rem;"></i>\n\n          <button type="button" class="btn btn-link text-white p-0 ms-1"\n                  style="font-size: 0.65rem; line-height: 1;"\n                  data-action="edit-filter"\n                  data-filter="${e}"\n                  title="Edit filter">\n            ${o(e,t,this.getFilterLabel(i))}\n          </button>\n\n          <button type="button" class="btn-close btn-close-white ms-1"\n                  style="font-size: 0.6rem; width: 0.5rem; height: 0.5rem;"\n                  data-action="remove-filter"\n                  data-filter="${e}"\n                  title="Remove filter">\n          </button>\n        </span>\n      `}).join("")}\n            ${i.length>1||i.length>0&&t||0===i.length&&t?'\n      <button class="btn btn-sm btn-outline-secondary mb-1 py-0 px-2" style="font-size: 0.75rem;" data-action="clear-all-filters">\n        <i class="bi bi-x-circle me-1" style="font-size: 0.7rem;"></i>\n        <small>Clear All</small>\n      </button>\n    ':""}\n          </div>\n        </div>\n      </div>\n    `:""}buildTableHeaderTemplate(){let e="";return this.isSelectable()&&(e+='\n        <th style="width: 40px; padding: 0;">\n          <div class="mojo-select-all-cell" data-action="select-all">\n            <div class="mojo-checkbox">\n              <i class="bi bi-check"></i>\n            </div>\n          </div>\n        </th>\n      '),this.columns.forEach(t=>{const{fieldKey:i}=this.parseColumnKey(t.key),s=this.sortable&&!1!==t.sortable,n=this.getSortBy()===i?this.getSortDirection():null,l=this.getSortIcon(n),a=t.label||t.title||i,o=this.getResponsiveClasses(t.visibility);e+=`\n        <th class="${s?"sortable":""} ${o}">\n          <div class="d-flex align-items-center">\n            <span>${a}</span>\n            ${s?`\n        <div class="dropdown d-inline-block ms-2">\n          <button class="btn btn-sm btn-link p-0 text-decoration-none" type="button"\n                  data-bs-toggle="dropdown" aria-expanded="false"\n                  data-column="${i}">\n            ${l}\n          </button>\n          <ul class="dropdown-menu dropdown-menu-end">\n            <li><a class="dropdown-item ${"asc"===n?"active":""}"\n                   data-action="sort" data-field="${i}" data-direction="asc">\n                <i class="bi bi-sort-alpha-down me-2"></i>Sort A-Z\n                </a></li>\n            <li><a class="dropdown-item ${"desc"===n?"active":""}"\n                   data-action="sort" data-field="${i}" data-direction="desc">\n                <i class="bi bi-sort-alpha-down-alt me-2"></i>Sort Z-A\n                </a></li>\n            <li><a class="dropdown-item ${null===n?"active":""}"\n                   data-action="sort" data-field="${i}" data-direction="none">\n                <i class="bi bi-x-circle me-2"></i>No Sort\n                </a></li>\n          </ul>\n        </div>\n      `:""}\n          </div>\n        </th>\n      `}),this.actions?e+="<th>Actions</th>":this.contextMenu&&(e+='<th style="width: 1px;"></th>'),`\n      <thead>\n        <tr>\n          ${e}\n        </tr>\n      </thead>\n    `}buildTableFooterTemplate(){let e="";this.isSelectable()&&(e+="<td></td>");let t=0;return this.columns.forEach((i,s)=>{const n=this.getResponsiveClasses(i.visibility);if(i.footer_total){const s=`col_${t}`,l=this.parseColumnKey(i.key).formatter||i.formatter;let a;a=l&&"string"==typeof l?`{{{footerTotals.${s}.value|${l}}}}`:`{{footerTotals.${s}.value}}`,e+=`<td class="table-footer-total ${n}" data-total-column="${s}">${a}</td>`,t++}else e+=0===s?`<td class="table-footer-label ${n}"><strong>Totals</strong></td>`:`<td class="${n}"></td>`}),(this.actions||this.contextMenu)&&(e+="<td></td>"),`\n      <tfoot>\n        <tr class="table-totals-row">\n          ${e}\n        </tr>\n      </tfoot>\n    `}buildBatchActionsPanel(){if(!this.batchActions||0===this.batchActions.length)return"";if("top"===this.batchBarLocation){let e="";return this.batchActions.forEach(t=>{e+=`\n          <button class="btn btn-sm btn-outline-secondary" data-action="batch-${t.action}" title="${t.label}">\n            <i class="${t.icon} me-1"></i>\n            <span class="d-none d-lg-inline">${t.label}</span>\n          </button>\n        `}),`\n        <div class="batch-actions-panel-top alert alert-info d-none mb-3" role="alert">\n          <div class="d-flex justify-content-between align-items-center">\n            <div class="d-flex align-items-center">\n              <strong class="me-2">\n                <span class="batch-select-count">0</span> ${this.options.batchPanelTitle||"items"} selected\n              </strong>\n            </div>\n            <div class="d-flex gap-2 align-items-center">\n              ${e}\n              <button class="btn btn-sm btn-outline-secondary" data-action="clear-selection" title="Clear Selection">\n                <i class="bi bi-x-circle me-1"></i>\n                <span class="d-none d-lg-inline">Clear</span>\n              </button>\n            </div>\n          </div>\n        </div>\n      `}{let e="";return this.batchActions.forEach(t=>{e+=`\n          <div class="batch-select-action text-center px-2" data-action="batch-${t.action}">\n            <div class="batch-action-icon fs-3">\n              <i class="${t.icon}"></i>\n            </div>\n            <div class="batch-action-title small">${t.label}</div>\n          </div>\n        `}),`\n        <div class="batch-actions-panel rounded-start rounded-end" style="display: none;">\n          <div class="batch-select-panel rounded-start rounded-end">\n            <div class="row g-0">\n              <div class="col-auto">\n                <div class="batch-select-count rounded-start">0</div>\n              </div>\n              <div class="col">\n                <div class="ps-2 batch-select-title">${this.options.batchPanelTitle||"Rows"}</div>\n              </div>\n              <div class="col">\n                <div class="batch-select-actions d-flex justify-content-end">\n                  ${e}\n                </div>\n              </div>\n              <div class="col-auto">\n                <div class="batch-select-end rounded-end"></div>\n              </div>\n            </div>\n          </div>\n        </div>\n      `}}buildPaginationTemplate(){return this.paginated?'\n      <div class="table-status-bar mt-3">\n        <div class="d-flex flex-column flex-lg-row justify-content-center justify-content-lg-between align-items-center gap-3">\n          <div class="d-flex flex-column flex-sm-row align-items-center gap-2 gap-sm-3 text-center text-lg-start">\n            <span class="text-muted">\n              Showing <span data-value="start">0</span> to <span data-value="end">0</span>\n              of <span data-value="total">0</span> entries\n            </span>\n            <div class="d-flex align-items-center">\n              <label class="form-label me-2 mb-0">Show:</label>\n              <select class="form-select form-select-sm" style="width: auto;" data-change-action="page-size">\n                <option value="5">5</option>\n                <option value="10">10</option>\n                <option value="25">25</option>\n                <option value="50">50</option>\n                <option value="100">100</option>\n              </select>\n            </div>\n          </div>\n          <nav aria-label="Table pagination">\n            <ul class="pagination pagination-sm mb-0 justify-content-center" data-container="pagination">\n              \x3c!-- Pagination will be rendered here --\x3e\n            </ul>\n          </nav>\n        </div>\n      </div>\n    ':""}_createItemView(e,t){const i=new this.itemClass({model:e,index:t,listView:this,tableView:this,template:this.itemTemplate,columns:this.columns,actions:this.actions,contextMenu:this.contextMenu,batchActions:this.batchActions,containerId:"items"});return this.itemViews.set(e.id,i),i.on("item:select",e=>{this._onItemSelect(e),this.updateBatchActionsPanel()}),i.on("item:deselect",e=>{this._onItemDeselect(e),this.updateBatchActionsPanel()}),i.on("row:click",this._onRowClick.bind(this)),i.on("row:view",this._onRowView.bind(this)),i.on("row:edit",this._onRowEdit.bind(this)),i.on("row:delete",this._onRowDelete.bind(this)),i.on("cell:edit",this._onCellEdit.bind(this)),i.on("cell:save",this._onCellSave.bind(this)),i.on("cell:cancel",this._onCellCancel.bind(this)),i}async onMounted(){await super.onMounted();const e=this.getActiveFilters();this.collection&&Object.keys(e).length>0&&this.updateFilterPills(),this.setupSearchClearListener()}setupSearchClearListener(){this.element&&this.element.querySelectorAll('input[type="search"][data-filter="search"]').forEach(e=>{e.addEventListener("input",e=>{""===e.target.value&&this.getActiveFilters().search&&this.onActionClearSearch(e,e.target)})})}_onRowClick(e){if(this.emit("row:click",e),this.options.onRowClick)return this.options.onRowClick(e.model,e.event);"view"===this.clickAction?this._onRowView(e):"edit"===this.clickAction&&this._onRowEdit(e)}getModelClass(e){return this.collection?.ModelClass?this.collection.ModelClass:this.collection?.model?this.collection.model:e?.constructor?e.constructor:null}getModelName(e){const t=this.getModelClass(e);return t&&(t.MODEL_NAME||t.name.replace(/Model$/,""))||"Item"}getItemViewClass(e){if(this.itemView)return this.itemView;const t=this.getModelClass(e);return t?.VIEW_CLASS?t.VIEW_CLASS:null}getAddFormConfig(e){return this.addForm||e?.ADD_FORM||this.editForm||e?.EDIT_FORM}getEditFormConfig(e){return this.editForm||e?.EDIT_FORM||this.addForm||e?.ADD_FORM}getFormDialogConfig(e){return{...e?.FORM_DIALOG_CONFIG,...this.formDialogConfig}}renderTemplateString(t,i){return t?e.Mustache.render(t,i):""}async _onRowView(e){if(this.emit("row:view",e),this.options.onItemView)return void(await this.options.onItemView(e.model,e.event));const t=this.getItemViewClass(e.model);if(t){const s=new t({model:e.model,collection:this.collection});await i.default.dialog({header:!1,body:s,size:"lg",centered:!1,...this.getFormDialogConfig(this.getModelClass(e.model)),...this.viewDialogOptions})}else await i.default.data({title:`View ${this.getModelName(e.model)} #${e.model.id}`,model:e.model})}async _onRowEdit(e){if(this.emit("row:edit",e),this.options.onItemEdit)return void(await this.options.onItemEdit(e.model,e.event));const t=this.getModelClass(e.model);let n=this.getEditFormConfig(t);if(n){n.fields||(n={title:`Edit ${this.getModelName(e.model)}`,fields:n});const s=await i.default.modelForm({model:e.model,...n,...this.getFormDialogConfig(t)});if(!s)return;if(!s.success||!s?.result?.data.status)return void i.default.showError(s?.result?.data?.error||s?.result?.message||"An error occurred")}else{const t=await i.default.dialog({title:`Edit ${this.getModelName(e.model)} #${e.model.id}`,body:new s.FormView({model:e.model,fields:this.options.formFields||[]})});if(t){const s=await e.model.save(t);if(!s.data?.status)return void i.default.showError(s.data.error||"An error occurred");await this.refresh()}}}async _onRowDelete(e){if(this.emit("row:delete",e),this.options.onItemDelete)return void(await this.options.onItemDelete(e.model,e.event));const t=this.getModelClass(e.model),s=this.deleteTemplate||t?.DELETE_TEMPLATE||'Are you sure you want to delete this {{name||"item"}}?',n=this.renderTemplateString(s,e.model);await i.default.confirm({message:n||"Are you sure you want to delete this item?",title:"Confirm Delete",confirmText:"Delete",confirmClass:"btn-danger"})&&(await e.model.destroy(),this.collection.fetch())}_onCellEdit(e){this.emit("cell:edit",e)}async _onCellSave(e){this.emit("cell:save",e)}_onCellCancel(e){this.emit("cell:cancel",e)}isFullscreenSupported(){return!!(document.fullscreenEnabled||document.mozFullScreenEnabled||document.webkitFullscreenEnabled||document.msFullscreenEnabled)}async onActionToggleFullscreen(e,t){this.isFullscreen?await this.exitFullscreen():await this.enterFullscreen()}async enterFullscreen(){try{this.element.requestFullscreen?await this.element.requestFullscreen():this.element.mozRequestFullScreen?await this.element.mozRequestFullScreen():this.element.webkitRequestFullscreen?await this.element.webkitRequestFullscreen():this.element.msRequestFullscreen&&await this.element.msRequestFullscreen(),this.isFullscreen=!0,this.element.classList.add("table-fullscreen"),this.updateFullscreenButton(),this.setupFullscreenListeners(),this.emit("table:fullscreen:enter")}catch(e){console.warn("Could not enter fullscreen:",e)}}async exitFullscreen(){try{document.exitFullscreen?await document.exitFullscreen():document.mozCancelFullScreen?await document.mozCancelFullScreen():document.webkitExitFullscreen?await document.webkitExitFullscreen():document.msExitFullscreen&&await document.msExitFullscreen(),this.isFullscreen=!1,this.element.classList.remove("table-fullscreen"),this.updateFullscreenButton(),this.emit("table:fullscreen:exit")}catch(e){console.warn("Could not exit fullscreen:",e)}}updateFullscreenButton(){const e=this.element?.querySelector(".btn-fullscreen"),t=e?.querySelector("i");e&&t&&(this.isFullscreen?(t.className="bi bi-fullscreen-exit",e.title="Exit Fullscreen"):(t.className="bi bi-fullscreen",e.title="Enter Fullscreen"))}setupFullscreenListeners(){if(this._fullscreenHandler)return;const e=()=>{!(document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement||document.msFullscreenElement)&&this.isFullscreen&&(this.isFullscreen=!1,this.element.classList.remove("table-fullscreen"),this.updateFullscreenButton(),this.emit("table:fullscreen:exit"))};document.addEventListener("fullscreenchange",e),document.addEventListener("mozfullscreenchange",e),document.addEventListener("webkitfullscreenchange",e),document.addEventListener("msfullscreenchange",e),this._fullscreenHandler=e}cleanupFullscreenListeners(){this._fullscreenHandler&&(document.removeEventListener("fullscreenchange",this._fullscreenHandler),document.removeEventListener("mozfullscreenchange",this._fullscreenHandler),document.removeEventListener("webkitfullscreenchange",this._fullscreenHandler),document.removeEventListener("msfullscreenchange",this._fullscreenHandler),this._fullscreenHandler=null)}destroy(){this.cleanupFullscreenListeners(),super.destroy()}async onActionRefresh(e,t){await this.refresh()}async onActionAdd(e,t){if(this.options.onAdd)return this.emit("table:add",{event:e}),void(await this.options.onAdd(e));this.emit("table:add",{event:e});const n=this.getModelClass();if(!n)return void console.warn("Cannot determine Model class for add operation");let l=this.getAddFormConfig(n);if(l){const e=new n;l.fields||(l={title:`Add ${this.getModelName()}`,fields:l});const t=await i.default.form({model:e,...l,...this.getFormDialogConfig(n)});if(t){this.options.addRequiresActiveGroup&&(t.group=this.getApp().activeGroup.id),this.options.addRequiresActiveUser&&(t.user=this.getApp().activeUser.id),this.options.addFormDefaults&&Object.assign(t,this.options.addFormDefaults);const s=await e.save(t);if(!s?.data.status)return void i.default.showError(s?.data.error||"An error occurred");this.collection&&this.collection.add(e),await this.refresh()}}else{const e=new n,t=await i.default.dialog({title:`Add ${this.getModelName()}`,body:new s.FormView({model:e,fields:this.options.formFields||[]})});if(t){const s=await e.save(t);if(!s?.data.status)return void i.default.showError(s.data.error||"An error occurred");this.collection&&this.collection.add(e),await this.refresh()}}}async onActionExport(e,t){const i=t.getAttribute("data-format")||"json";this.emit("table:export",{format:i,source:this.exportSource,event:e}),"remote"===this.exportSource?this.collection?await this.collection.download(i):console.warn("TableView: Cannot export from remote without a collection."):this.options.onExport?await this.options.onExport(this.collection?.toJSON()||[],i):console.warn("TableView: onExport handler not implemented for local export.")}async onActionApplySearch(e,t){const i=t.value.trim();this.collection&&(this.setFilter("search",i),this.collection.params.start=0,this.collection.restEnabled?await this.collection.fetch():await this.render()),this.updateFilterPills(),this.emit("table:search",{searchTerm:i,event:e}),this.emit("params-changed")}async onActionClearSearch(e,t){this.setFilter("search",null),this.collection&&(this.collection.params.start=0,this.collection.restEnabled&&await this.collection.fetch()),await this.render(),this.updateFilterPills(),this.emit("table:search",{searchTerm:"",event:e}),this.emit("params-changed")}getSortBy(){const e=this.collection?.params?.sort;return e?e.startsWith("-")?e.slice(1):e:null}getSortDirection(){const e=this.collection?.params?.sort;return e&&e.startsWith("-")?"desc":"asc"}getSortIcon(e){return"asc"===e?'<i class="bi bi-sort-alpha-down text-primary"></i>':"desc"===e?'<i class="bi bi-sort-alpha-down-alt text-primary"></i>':'<i class="bi bi-three-dots-vertical text-muted"></i>'}async onActionSort(e,t){e.preventDefault();const i=t.getAttribute("data-field"),s=t.getAttribute("data-direction");if(this.collection){let e;if(e="none"===s?void 0:"desc"===s?`-${i}`:i,this.collection.setParams({...this.collection.params,sort:e,start:0}),this.collection.restEnabled)await this.collection.fetch();else{if(e){const t=e.startsWith("-"),i=t?e.slice(1):e;this.collection.sort((e,s)=>{const n=e.get(i),l=s.get(i);return n<l?t?1:-1:n>l?t?-1:1:0})}this.render()}}this.updateSortIcons(),this.emit("table:sort",{field:i,event:e}),this.emit("params-changed")}updateSortIcons(){if(!this.element)return;const e=this.getSortBy(),t=this.getSortDirection();this.columns.forEach(i=>{if(this.sortable&&!1!==i.sortable){const{fieldKey:s}=this.parseColumnKey(i.key),n=this.element.querySelector(`[data-bs-toggle="dropdown"][data-column="${s}"]`);if(n){const i=e===s,l=this.getSortIcon(i?t:null);n.innerHTML=l;const a=n.nextElementSibling;if(a){const n=a.querySelector(`[data-field="${s}"][data-direction="asc"]`),l=a.querySelector(`[data-field="${s}"][data-direction="desc"]`),o=a.querySelector(`[data-field="${s}"][data-direction="none"]`);n&&n.classList.toggle("active",i&&"asc"===t),l&&l.classList.toggle("active",i&&"desc"===t),o&&o.classList.toggle("active",!i||e!==s)}}}})}async onActionSelectAll(e,t){e.stopPropagation();const i=this.itemViews.size>0&&Array.from(this.itemViews.values()).every(e=>e.selected);i?this.clearSelection():this.forEachItem(e=>{e.selected||e.select()});const s=this.element?.querySelector(".mojo-select-all-cell");s&&s.classList.toggle("selected",!i),this.updateBatchActionsPanel()}async onBeforeRender(){this.searchValue=this.getActiveFilters().search||"",this.footerTotals=this.calculateFooterTotals()}async onAfterRender(){if(await super.onAfterRender(),this.hasFooterTotals&&this.updateFooterTotals(),this.paginated&&this.collection){const e=this.collection.meta?.count||this.collection.length(),t=this.collection.params?.start||0,i=this.collection.params?.size||10,s=Math.min(t+i,e),n=this.element.querySelector('[data-value="start"]'),l=this.element.querySelector('[data-value="end"]'),a=this.element.querySelector('[data-value="total"]');n&&(n.textContent=t+1),l&&(l.textContent=s),a&&(a.textContent=e);const o=this.element.querySelector('[data-change-action="page-size"]');o&&(o.value=i),this.renderPagination()}this.updateSortIcons(),this.updateFilterPills(),this.setupSearchClearListener()}renderPagination(){const e=this.element.querySelector('[data-container="pagination"]');if(!e||!this.collection)return;const t=this.collection.meta?.count||this.collection.length(),i=this.collection.params?.size||10,s=this.collection.params?.start||0,n=Math.floor(s/i)+1,l=Math.ceil(t/i);if(l<=1)return void(e.innerHTML="");const a=n>1?n-1:l,o=n<l?n+1:1,r=[];r.push(`\n      <li class="page-item">\n        <a class="page-link" href="#" data-action="page" data-page="${a}">\n          <i class="bi bi-chevron-left"></i>\n        </a>\n      </li>\n    `);const c=/* @__PURE__ */new Set([1,l]);for(let u=n-1;u<=n+1;u++)u>=1&&u<=l&&c.add(u);const d=Array.from(c).sort((e,t)=>e-t);let h=0;for(const u of d)h&&u-h>1&&r.push('\n          <li class="page-item disabled"><span class="page-link">…</span></li>\n        '),r.push(`\n        <li class="page-item ${u===n?"active":""}">\n          <a class="page-link" href="#" data-action="page" data-page="${u}">${u}</a>\n        </li>\n      `),h=u;r.push(`\n      <li class="page-item">\n        <a class="page-link" href="#" data-action="page" data-page="${o}">\n          <i class="bi bi-chevron-right"></i>\n        </a>\n      </li>\n    `),e.innerHTML=r.join("")}async onActionPage(e,t){e.preventDefault();const i=parseInt(t.getAttribute("data-page"),10),s=this.collection.params?.size||10,n=this.collection.meta?.count||this.collection.length(),l=Math.max(1,Math.ceil(n/s));let a=isNaN(i)?1:i;a<1&&(a=l),a>l&&(a=1),this.collection.setParams({...this.collection.params,start:(a-1)*s}),this.collection.restEnabled?await this.collection.fetch():this.render(),this.emit("table:page",{page:a,event:e}),this.emit("params-changed")}async onChangePageSize(e,t){const i=parseInt(t.value);this.collection&&(this.collection.setParams({...this.collection.params,start:0,size:i}),this.collection.restEnabled&&await this.collection.fetch(),this.render()),this.emit("table:pagesize",{size:i,event:e}),this.emit("params-changed")}getActiveFilters(){if(!this.collection?.params)return{};const{start:e,size:t,sort:i,...s}=this.collection.params,n={},l=/* @__PURE__ */new Set;return this.getAllAvailableFilters().forEach(e=>{if("daterange"===e.config.type){const t=e.key,i=e.config.startName||"dr_start",a=e.config.endName||"dr_end",o=e.config.fieldName||"dr_field";s[o]===t&&(s[i]||s[a])&&(n[t]={start:s[i]||"",end:s[a]||""},l.add(i),l.add(a),l.add(o))}}),Object.keys(s).forEach(e=>{l.has(e)||(n[e]=s[e])}),Object.keys(n).forEach(e=>{if(n.hasOwnProperty(e)){const t=`${e}__in`;n.hasOwnProperty(t)&&(delete n[e],n[t]=n[t])}}),n}setFilter(e,t){if(!this.collection)return;const i=this.getFilterConfig(e);if(i&&"daterange"===i.type){const s=i.startName||"dr_start",n=i.endName||"dr_end",l=i.fieldName||"dr_field";delete this.collection.params[s],delete this.collection.params[n],delete this.collection.params[l],t&&"object"==typeof t&&(t.start||t.end)&&(t.start&&(this.collection.params[s]=t.start),t.end&&(this.collection.params[n]=t.end),this.collection.params[l]=e)}else{const{field:i,lookup:s}=a(e);if(delete this.collection.params[e],delete this.collection.params[i],delete this.collection.params[`${i}__in`],!t||Array.isArray(t)&&0===t.length)return;Array.isArray(t)?1===t.length?this.collection.params[i]=t[0]:this.collection.params[`${i}__in`]=t.join(","):this.collection.params[e]=t}}getAllAvailableFilters(){const e=[];return this.columns.forEach(t=>{if(t.filter){const{fieldKey:i}=this.parseColumnKey(t.key);e.push({key:i,label:t.filter.label||t.label||i,type:t.filter.type,config:t.filter})}}),this.additionalFilters&&Array.isArray(this.additionalFilters)&&this.additionalFilters.forEach(t=>{e.push({key:t.name||t.key,label:t.label,type:t.type,config:t})}),e}getFilterConfig(e){const t=this.columns.find(t=>{const{fieldKey:i}=this.parseColumnKey(t.key);return i===e});if(t&&t.filter)return t.filter;if(this.additionalFilters&&Array.isArray(this.additionalFilters)){const t=this.additionalFilters.find(t=>(t.name||t.key)===e);if(t)return t}return null}getFilterLabel(e){if("search"===e)return"Search";const t=this.filters[e];if(t&&t.label)return t.label;const i=this.additionalFilters.find(t=>(t.name||t.key)===e);return i&&i.label?i.label:e.charAt(0).toUpperCase()+e.slice(1)}getFilterDisplayValue(e,t){if("search"===e)return`"${t}"`;const i=this.filters[e]||this.additionalFilters.find(t=>(t.name||t.key)===e);if(i&&"daterange"===i.type&&"object"==typeof t)return`${t.start||""} to ${t.end||""}`;if(i&&"select"===i.type&&i.options){if("object"==typeof i.options[0]){const e=i.options.find(e=>e.value===t);return e?e.label:t}return t}return t}getFilterIcon(e){return{text:"search",select:"funnel",date:"calendar",daterange:"calendar-range",number:"123",boolean:"toggle-on"}[e]||"filter"}async onActionAddFilter(e,t){const s=t.getAttribute("data-filter-key"),n=this.getFilterConfig(s),l=this.getActiveFilters()[s];if(!n)return void console.warn("No filter config found for key:",s);const a=await i.default.form({title:`${void 0!==l&&""!==l?"Edit":"Add"} ${this.getFilterLabel(s)} Filter`,size:"md",fields:[this.buildFilterDialogField(n,l,s)]});if(a){const e=this.extractFilterValue(n,a);this.setFilter(s,e),await this.applyFilters()}}buildFilterDialogField(e,t,i){const s={name:"filter_value",label:e.label,value:t,...e,placeholder:e.placeholder||e.placeHolder};if("daterange"===e.type){if(s.startName=s.startName||"dr_start",s.endName=s.endName||"dr_end",s.fieldName=s.fieldName||"dr_field",s.format=s.format||"YYYY-MM-DD",s.displayFormat=s.displayFormat||"MMM DD, YYYY",s.separator=s.separator||" to ",s.label=s.label||"Date Range",t&&"object"==typeof t){const e=e=>{if(!e&&0!==e)return"";if(e instanceof Date&&!isNaN(e))return e.toISOString().slice(0,10);const t=String(e).trim();if(!t)return"";if(/^-?\d+$/.test(t)){const e=Number(t),i=t.length<=10?1e3*e:e,s=new Date(i);if(!isNaN(s))return s.toISOString().slice(0,10)}const i=new Date(t);return isNaN(i)?t:i.toISOString().slice(0,10)};s.startDate=e(t.start||t.from||t.begin||""),s.endDate=e(t.end||t.to||t.finish||"")}}else if("multiselect"===e.type){let i=[];t&&(Array.isArray(t)?i=t:"string"==typeof t&&(i=t.split(",").map(e=>e.trim()).filter(e=>e))),s.value=i,s.placeholder||s.placeHolder||(e.placeholder||e.placeHolder?s.placeholder=e.placeholder||e.placeHolder:e.label&&(s.placeholder=`Select ${e.label}...`))}return s}extractFilterValue(e,t){if("daterange"===e.type){const i=e.startName||"dr_start",s=e.endName||"dr_end";return{start:t[i],end:t[s]}}return e.type,t.filter_value}async applyFilters(){if(this.collection&&(this.collection.params.start=0),this.collection?.restEnabled)try{await this.collection.fetch(),await this.render()}catch(e){console.error("Failed to fetch filtered data:",e),await this.render()}else await this.render();this.updateFilterPills(),this.emit("params-changed")}async onActionEditFilter(e,t){const s=t.getAttribute("data-filter"),{field:n}=a(s);let l=this.getFilterConfig(n)||this.getFilterConfig(s);const o=this.getActiveFilters(),r=o[s]||o[n];if(!l)return void console.warn("No filter config found for key:",s,"or field:",n);const c={filter_value:r};if("daterange"===l.type&&r&&"object"==typeof r){const e=l.startName||"dr_start",t=l.endName||"dr_end";c[e]=r.start||"",c[t]=r.end||""}const d=await i.default.form({title:`Edit ${this.getFilterLabel(n)} Filter`,size:"md",data:c,fields:[this.buildFilterDialogField(l,r,n)]});if(d){const e=this.extractFilterValue(l,d);this.setFilter(s,e),await this.applyFilters()}}async onActionRemoveFilter(e,t){const i=t.getAttribute("data-filter"),{field:s}=a(i);this.setFilter(i,null),"search"===i&&this.updateSearchInputs(""),this.collection.restEnabled&&await this.collection.fetch(),this.render(),this.updateFilterPills(),this.emit("filter:remove",{key:i,field:s}),this.emit("params-changed")}async onActionClearAllFilters(e,t){if(!this.collection)return;const{start:i,size:s,sort:n}=this.collection.params;this.collection.params={start:i,size:s},n&&(this.collection.params.sort=n),this.updateSearchInputs(""),this.collection.restEnabled&&await this.collection.fetch(),this.render(),this.updateFilterPills(),this.emit("filters:clear"),this.emit("params-changed")}updateBatchActionsPanel(){if(!this.batchActions||0===this.batchActions.length)return;const e=this.getSelectedItems().length;if("top"===this.batchBarLocation){const t=this.element?.querySelector(".batch-actions-panel-top"),i=this.element?.querySelector(".batch-select-count");t&&i&&(i.textContent=e,e>0?t.classList.remove("d-none"):t.classList.add("d-none"))}else{const t=this.element?.querySelector(".batch-actions-panel"),i=this.element?.querySelector(".batch-select-count");t&&i&&(i.textContent=e,t.style.display=e>0?"block":"none")}const t=this.element?.querySelector(".mojo-select-all-cell");if(t){const e=this.itemViews.size>0&&Array.from(this.itemViews.values()).every(e=>e.selected),i=Array.from(this.itemViews.values()).some(e=>e.selected);t.classList.toggle("selected",e),t.classList.toggle("indeterminate",!e&&i);const s=t.querySelector("i");s&&(s.className=!e&&i?"bi bi-dash":"bi bi-check")}}async onActionBatch(e,t){const i=t.getAttribute("data-action").replace("batch-",""),s=this.getSelectedItems();this.emit("batch:action",{action:i,items:s,event:e})}async onActionClearSelection(e,t){this.clearSelection(),this.updateBatchActionsPanel()}async onActionCustomToolbarButton(e,t){const i=parseInt(t.getAttribute("data-button-index"),10),s=this.toolbarButtons[i];s&&"function"==typeof s.handler&&await s.handler.call(this,e,t)}}const c=/* @__PURE__ */Object.freeze(/* @__PURE__ */Object.defineProperty({__proto__:null,default:TableView},Symbol.toStringTag,{value:"Module"}));function d(e){const t=e.replace(/-/g,"+").replace(/_/g,"/"),i=t+"=".repeat((4-t.length%4)%4);return Uint8Array.from(atob(i),e=>e.charCodeAt(0))}function h(e){return btoa(String.fromCharCode(...new Uint8Array(e))).replace(/\+/g,"-").replace(/\//g,"_").replace(/=/g,"")}class Passkey extends e.Model{constructor(e={},t={}){super(e,{endpoint:"/api/account/passkeys",...t})}static suggestName(){const e=navigator.userAgent;let t="Device";/iPad/.test(e)?t="iPad":/iPhone/.test(e)?t="iPhone":/Macintosh|MacIntel/.test(e)?t="Mac":/Android/.test(e)?t="Android":/Windows/.test(e)?t="Windows PC":/Linux/.test(e)&&(t="Linux");let i="";return/Edg\//.test(e)?i="Edge":/Chrome\//.test(e)&&!/Chromium/.test(e)?i="Chrome":/Safari\//.test(e)&&!/Chrome/.test(e)?i="Safari":/Firefox\//.test(e)&&(i="Firefox"),i?`${t} — ${i}`:t}static async register(e){const t=await Passkey.registerBegin();if(!t?.data?.challenge_id||!t?.data?.publicKey)return{success:!1,error:t?.error||"Could not start registration."};const{challenge_id:i,publicKey:s}=t.data;"string"==typeof s.challenge&&(s.challenge=d(s.challenge)),"string"==typeof s.user?.id&&(s.user.id=d(s.user.id)),s.excludeCredentials&&(s.excludeCredentials=s.excludeCredentials.map(e=>({...e,id:"string"==typeof e.id?d(e.id):e.id})));const n=await navigator.credentials.create({publicKey:s});if(!n)return{success:!1,error:"Passkey creation was cancelled."};const l={id:n.id,rawId:h(n.rawId),type:n.type,response:{clientDataJSON:h(n.response.clientDataJSON),attestationObject:h(n.response.attestationObject)}};n.response.getTransports&&(l.transports=n.response.getTransports());const a=await Passkey.registerComplete({challenge_id:i,credential:l,friendly_name:e||"My Passkey"});return a?.data?.id?{success:!0,passkey:a.data}:{success:!1,error:a?.error||"Registration could not be completed."}}static async registerBegin(t={}){try{return await e.rest.POST("/api/account/passkeys/register/begin",{},t.params,{dataOnly:!0})}catch(i){return{success:!1,error:i?.message||"Failed to begin passkey registration"}}}static async registerComplete(t={},i={}){if(!t.challenge_id||!t.credential)return{success:!1,error:"Missing challenge_id or credential data"};try{return await e.rest.POST("/api/account/passkeys/register/complete",t,i.params,{dataOnly:!0})}catch(s){return{success:!1,error:s?.message||"Failed to complete passkey registration"}}}}class PasskeyList extends e.Collection{constructor(e={}){super({ModelClass:Passkey,endpoint:"/api/account/passkeys",size:10,...e})}}exports.DjangoLookups=r,exports.LOOKUPS=l,exports.Log=Log,exports.LogList=LogList,exports.Member=Member,exports.MemberForms=n,exports.MemberList=MemberList,exports.Passkey=Passkey,exports.PasskeyForms={edit:{fields:[{name:"friendly_name",type:"text",label:"Name",placeholder:"My iPhone",required:!0,columns:12,help:"A friendly name to identify this passkey"},{name:"is_enabled",type:"switch",label:"Enabled",columns:12,help:"Disable to prevent this passkey from being used for authentication"}]}},exports.PasskeyList=PasskeyList,exports.TableRow=TableRow,exports.TableView=TableView,exports.TableView$1=c,exports.formatFilterDisplay=o,exports.parseFilterKey=a;
+//# sourceMappingURL=Passkeys-BPV1gNkR.js.map